|
@@ -1,15 +1,23 @@
|
|
|
<!-- 设备清单的有select的表格 -->
|
|
|
<template>
|
|
|
+ <!-- 变配电室内部设备清单 标准设备表格 -->
|
|
|
<div class='compute-list'>
|
|
|
<div class='eq-list-top'>
|
|
|
- <Select width='120' tipPlace='top' caption='楼层 :' :selectdata='dataSelect2' style='margin-right:12px' @change='getList'></Select>
|
|
|
+ <Select width='120' tipPlace='top' caption='楼层 :' :selectdata='floorSelect' style='margin-right:12px' @change='getList'></Select>
|
|
|
+ <el-input placeholder='请按照设备简称搜索' size='small' prefix-icon='el-icon-search' v-model='input'></el-input>
|
|
|
+ <el-input placeholder='请按照品牌搜索' size='small' prefix-icon='el-icon-search' v-model='input'></el-input>
|
|
|
+ <el-input placeholder='请按照型号搜索' size='small' prefix-icon='el-icon-search' v-model='input'></el-input>
|
|
|
+ <el-input placeholder='请按照生产厂商搜索' size='small' prefix-icon='el-icon-search' v-model='input'></el-input>
|
|
|
<a-input-search placeholder='请按照电井或商铺编号搜索' style='width: 192px;margin-bottom:12px;height:32px;' @search='onSearch' />
|
|
|
</div>
|
|
|
- <el-table :data='tableData' style='width: 100%'>
|
|
|
- <el-table-column type='index' label='楼层' width='80'></el-table-column>
|
|
|
- <el-table-column prop='lb' label='电井间' width='160'></el-table-column>
|
|
|
- <el-table-column prop='sl' label='商铺电表箱'></el-table-column>
|
|
|
- <el-table-column prop='unit' label='商铺编号'></el-table-column>
|
|
|
+ <el-table :data='tableData' style='width: 100%' @row-click='innerVisible = true'>
|
|
|
+ <el-table-column type='index' label='序号' width='50'></el-table-column>
|
|
|
+ <el-table-column prop='lb' label='设备简称'></el-table-column>
|
|
|
+ <el-table-column prop='sl' label='数量'></el-table-column>
|
|
|
+ <el-table-column prop='unit' label='品牌'></el-table-column>
|
|
|
+ <el-table-column prop='lb' label='型号'></el-table-column>
|
|
|
+ <el-table-column prop='sl' label='楼层' :sortable='true'></el-table-column>
|
|
|
+ <el-table-column prop='unit' label='生产厂商'></el-table-column>
|
|
|
</el-table>
|
|
|
<div class='foot'>
|
|
|
<el-pagination
|
|
@@ -22,10 +30,16 @@
|
|
|
@current-change='pageChanged'
|
|
|
></el-pagination>
|
|
|
</div>
|
|
|
+ <el-dialog width='80%' style='height:80%' title='设备清单' :visible.sync='innerVisible' append-to-body>
|
|
|
+ <GDQD-dialog ref='qdDialog'></GDQD-dialog>
|
|
|
+ </el-dialog>
|
|
|
</div>
|
|
|
</template>
|
|
|
<script>
|
|
|
import { queryEquipmentList } from '@/api/equipmentList.js'
|
|
|
+import Select from '@/components/Select/Select.vue'
|
|
|
+import GDQDDialog from './GDQDDrillingDialog'
|
|
|
+import { mapGetters } from 'vuex'
|
|
|
export default {
|
|
|
data() {
|
|
|
return {
|
|
@@ -33,10 +47,22 @@ export default {
|
|
|
tableData: [],
|
|
|
total: 0,
|
|
|
currentPage: 1,
|
|
|
- size: 10
|
|
|
+ size: 10,
|
|
|
+ dataSelect2: [
|
|
|
+ { id: 'test1', name: '选择项' },
|
|
|
+ { id: 'test2', name: '单平米' },
|
|
|
+ { id: 'test3', name: '下级分项' },
|
|
|
+ { id: 'test4', name: '滑动平均滑动平均' }
|
|
|
+ ],
|
|
|
+ innerVisible: true,
|
|
|
+ input: '',
|
|
|
+ floorSelect: []
|
|
|
}
|
|
|
},
|
|
|
props: ['major'],
|
|
|
+ computed: {
|
|
|
+ ...mapGetters(['floorsArr'])
|
|
|
+ },
|
|
|
methods: {
|
|
|
onSearch() {},
|
|
|
pageChanged(page, size) {
|
|
@@ -57,15 +83,38 @@ export default {
|
|
|
this.tableData = res.data.data
|
|
|
this.total = res.data.count
|
|
|
})
|
|
|
+ },
|
|
|
+ init() {
|
|
|
+ this.floorSelect = []
|
|
|
+ if (this.floorsArr.length > 0) {
|
|
|
+ this.floorsArr.forEach(e => {
|
|
|
+ let obj = {
|
|
|
+ id: e,
|
|
|
+ name: e
|
|
|
+ }
|
|
|
+ this.floorSelect.push(obj)
|
|
|
+ })
|
|
|
+ }
|
|
|
}
|
|
|
},
|
|
|
+ components: {
|
|
|
+ GDQDDialog,
|
|
|
+ Select
|
|
|
+ },
|
|
|
mounted() {
|
|
|
+ this.init()
|
|
|
this.getList()
|
|
|
}
|
|
|
}
|
|
|
</script>
|
|
|
<style lang="less" scoped>
|
|
|
.compute-list {
|
|
|
+ .top {
|
|
|
+ width: 1366px;
|
|
|
+ height: 1px;
|
|
|
+ background: rgba(0, 0, 0, 0.06);
|
|
|
+ margin-bottom: 20px;
|
|
|
+ }
|
|
|
.eq-list-top {
|
|
|
display: flex;
|
|
|
}
|