Skip to content

E
energyai_vue
Commit f623e88b authored by xiexingan's avatar xiexingan
Browse files
Options

Merge

parents a425c5db 32489cfa
Hide whitespace changes
Inline Side-by-side
Showing with 511 additions and 799 deletions
src/pages/eq/hall/components/hallModal.vue
View file @ f623e88b
<template>
<el-dialog title="编辑" :visible.sync="hallModalVisible" :append-to-body="true">
<el-form >
<el-dialog
title="设定频率"
:visible.sync="hallModalVisible"
:append-to-body="true"
>
<el-form>
<el-form-item label="设定频率：" :label-width="formLabelWidth">
<el-input size="mini" autocomplete="off"></el-input>
</el-form-item>
<el-form-item label="启动控制：" :label-width="formLabelWidth">
<el-switch ></el-switch>
</el-form-item>
<!-- <el-form-item label="启动控制：" :label-width="formLabelWidth">
<el-switch></el-switch>
</el-form-item> -->
</el-form>
<div slot="footer" >
<div slot="footer">
<el-button @click="cancelhandle">取 消</el-button>
<el-button type="primary" @click="cancelhandle">确 定</el-button>
</div>
</el-dialog>
</template>
<script lang="ts">
export default {
name: "hallModal",
props: ["hallModalVisible"],
name: 'hallModal',
props: ['hallModalVisible'],
data() {
return {
formLabelWidth:'120px',
};
formLabelWidth: '120px'
}
},
methods:{
cancelhandle(){
this.$emit('cancelhandle')
methods: {
cancelhandle() {
this.$emit('cancelhandle')
}
}
};
}
</script>
src/pages/eq/hall/config.js
View file @ f623e88b
......@@ -14,334 +14,228 @@
{
align: 'center',
prop: 'C',
label: '控制方式',
width: 132
label: '设备状态',
width: 182
},
{
align: 'center',
prop: 'D',
label: '能耗统计',
label: '今日用电量',
width: 182
},
{
align: 'center',
prop: 'E',
label: '本月用电量',
width: 182
},
{
align: 'center',
prop: 'F',
label: '设备编号',
width: 132
}
]
export const tableDataOne = [
export const tableColumsTwo = [
{
A: '多联空调A1',
B: '左侧办公房屋',
C: '开/关/设定温度',
D: '今日用电量/本月用电量',
E: 'DLW-A1'
align: 'center',
prop: 'A',
label: '设备名称',
width: 132
},
{
A: '多联空调A2',
B: '左侧办公房屋',
C: '开/关/设定温度',
D: '今日用电量/本月用电量',
E: 'DLW-A1'
align: 'center',
prop: 'B',
label: '设备位置'
// width: 112,
},
{
A: '多联空调A3',
B: '左侧办公房屋',
C: '开/关/设定温度',
D: '今日用电量/本月用电量',
E: 'DLW-A1'
align: 'center',
prop: 'C',
label: '当前频率',
width: 182
},
{
A: '多联空调A4',
B: '左侧办公房屋',
C: '开/关/设定温度',
D: '今日用电量/本月用电量',
E: 'DLW-A1'
align: 'center',
prop: 'D',
label: '设备状态',
width: 182
},
{
A: '多联空调A5',
B: '左侧办公房屋',
C: '开/关/设定温度',
D: '今日用电量/本月用电量',
E: 'DLW-A1'
align: 'center',
prop: 'E',
label: '今日用电量',
width: 182
},
{
align: 'center',
prop: 'F',
label: '本月用电量',
width: 182
},
{
A: ' 多联空调A4',
align: 'center',
prop: 'G',
label: '设备编号',
width: 132
}
]
export const tableDataOne = [
{
A: '风冷热泵机组',
B: '左侧办公房屋',
C: '开/关/设定温度',
D: '今日用电量/本月用电量',
E: 'DLW-A1'
C: '开启',
D: '10',
E: '100',
F: 'JK-1'
},
{
A: ' 多联空调A4',
A: '风冷热泵机组',
B: '左侧办公房屋',
C: '开/关/设定温度',
D: '今日用电量/本月用电量',
E: 'DLW-A1'
C: '开启',
D: '10',
E: '100',
F: 'JK-1'
},
{
A: ' 多联空调A4',
B: '右侧办公房屋',
C: '开/关/设定温度',
D: '今日用电量/本月用电量',
E: 'DLW-A1'
A: '风冷热泵机组',
B: '左侧办公房屋',
C: '开启',
D: '10',
E: '100',
F: 'JK-1'
},
{
A: ' 多联空调A4',
B: '右侧办公房屋',
C: '开/关/设定温度',
D: '今日用电量/本月用电量',
E: 'DLW-A1'
A: '风冷热泵机组',
B: '左侧办公房屋',
C: '开启',
D: '10',
E: '100',
F: 'JK-1'
},
{
A: '多联空调A10',
B: '右侧办公房屋',
C: '开/关/设定温度',
D: '今日用电量/本月用电量',
E: 'DLW-A1'
A: '风冷热泵机组',
B: '左侧办公房屋',
C: '开启',
D: '10',
E: '100',
F: 'JK-1'
}
]
export const tableDataTwo = [
{
A: '多联新风',
B: '屋面',
C: '开/关/设定温度',
D: '今日用电量/本月用电量',
E: 'DLX-1'
},
{
A: '多联新风',
A: '室内机风柜',
B: '屋面',
C: '开/关/设定温度',
D: '今日用电量/本月用电量',
E: 'DLX-1'
C: '110',
D: '开启',
E: '10',
F: '100',
G: 'JK-1'
},
{
A: '多联新风',
A: '室内机风柜',
B: '屋面',
C: '开/关/设定温度',
D: '今日用电量/本月用电量',
E: 'DLX-1'
C: '110',
D: '开启',
E: '10',
F: '100',
G: 'JK-1'
},
{
A: '多联新风',
A: '室内机风柜',
B: '屋面',
C: '开/关/设定温度',
D: '今日用电量/本月用电量',
E: 'DLX-1'
C: '110',
D: '开启',
E: '10',
F: '100',
G: 'JK-1'
},
{
A: '多联新风',
A: '室内机风柜',
B: '屋面',
C: '开/关/设定温度',
D: '今日用电量/本月用电量',
E: 'DLX-1'
C: '110',
D: '开启',
E: '10',
F: '100',
G: 'JK-1'
},
{
A: ' 多联新风',
A: '室内机风柜',
B: '屋面',
C: '开/关/设定温度',
D: '今日用电量/本月用电量',
E: 'DLW-A1'
C: '110',
D: '开启',
E: '10',
F: '100',
G: 'JK-1'
},
{
A: ' 多联新风',
A: '室内机风柜',
B: '屋面',
C: '开/关/设定温度',
D: '今日用电量/本月用电量',
E: 'DLX-1'
},
{
A: ' 多联新风',
B: '屋面',
C: '开/关/设定温度',
D: '今日用电量/本月用电量',
E: 'DLX-1'
},
{
A: ' 多联新风',
B: '屋面',
C: '开/关/设定温度',
D: '今日用电量/本月用电量',
E: 'DLX-1'
},
{
A: '多联新风',
B: '屋面',
C: '开/关/设定温度',
D: '今日用电量/本月用电量',
E: 'DLX-1'
},
{
A: '多联新风',
B: '屋面',
C: '开/关/设定温度',
D: '今日用电量/本月用电量',
E: 'DLX-1'
C: '110',
D: '开启',
E: '10',
F: '100',
G: 'JK-1'
}
]
export const tableDataThree = [
{
A: '机房空调',
B: '通信机械室',
C: '显示状态',
D: '今日用电量/本月用电量',
E: 'JK-1'
},
{
A: '机房空调',
B: '通信机械室',
C: '显示状态',
D: '今日用电量/本月用电量',
E: 'JK-1'
},
{
A: '机房空调',
A: '水泵',
B: '通信机械室',
C: '显示状态',
D: '今日用电量/本月用电量',
E: 'JK-1'
C: '110',
D: '开启',
E: '10',
F: '100',
G: 'JK-1'
},
{
A: '机房空调',
A: '水泵',
B: '通信机械室',
C: '显示状态',
D: '今日用电量/本月用电量',
E: 'JK-1'
C: '110',
D: '开启',
E: '10',
F: '100',
G: 'JK-1'
},
{
A: '机房空调',
A: '水泵',
B: '通信机械室',
C: '显示状态',
D: '今日用电量/本月用电量',
E: 'JK-1'
C: '110',
D: '开启',
E: '10',
F: '100',
G: 'JK-1'
},
{
A: ' 机房空调',
A: '水泵',
B: '通信机械室',
C: '显示状态',
D: '今日用电量/本月用电量',
E: 'JK-1'
C: '110',
D: '开启',
E: '10',
F: '100',
G: 'JK-1'
},
{
A: ' 机房空调',
A: '水泵',
B: '通信机械室',
C: '显示状态',
D: '今日用电量/本月用电量',
E: 'JK-1'
C: '110',
D: '开启',
E: '10',
F: '100',
G: 'JK-1'
},
{
A: ' 机房空调',
A: ' 水泵',
B: '通信机械室',
C: '显示状态',
D: '今日用电量/本月用电量',
E: 'JK-1'
},
{
A: ' 机房空调',
B: '右侧办公房屋',
C: '显示状态',
D: '今日用电量/本月用电量',
E: 'JK-1'
},
{
A: '信息机房',
B: '右侧办公房屋',
C: '显示状态',
D: '今日用电量/本月用电量',
E: 'JK-1'
},
{
A: '信息机房',
B: '左侧办公房屋',
C: '显示状态',
D: '今日用电量/本月用电量',
E: 'JK-1'
}
]
export const tableDataFour = [
{
A: '排风机',
B: '售票厅',
C: '开/关',
D: '今日用电量/本月用电量',
E: 'PF-B5'
},
{
A: '排风机',
B: '消防泵房',
C: '开/关',
D: '今日用电量/本月用电量',
E: 'PF-B4'
},
{
A: '排风机',
B: '车站备品间',
C: '开/关',
D: '今日用电量/本月用电量',
E: '厕所排风机1#'
},
{
A: '排风机',
B: '候车厅公共卫生间',
C: '开/关',
D: '今日用电量/本月用电量',
E: '厕所排风机2#'
},
{
A: '排风机',
B: '出站通道公共卫生间',
C: '开/关',
D: '今日用电量/本月用电量',
E: '厕所排风机3#'
},
{
A: ' 换气扇',
B: '吸氧间',
C: '开/关',
D: '今日用电量/本月用电量',
E: 'JK-1'
},
{
A: ' 换气扇',
B: '吸氧间',
C: '开/关',
D: '今日用电量/本月用电量',
E: 'JK-1'
},
{
A: ' 换气扇',
B: '吸氧间',
C: '开/关',
D: '今日用电量/本月用电量',
E: 'JK-1'
},
{
A: ' 换气扇',
B: '吸氧间',
C: '开/关',
D: '今日用电量/本月用电量',
E: 'JK-1'
},
{
A: '换气扇',
B: '站长室',
C: '开/关',
D: '今日用电量/本月用电量',
E: 'JK-1'
},
{
A: '换气扇',
B: 'VIP候车室',
C: '开/关',
D: '今日用电量/本月用电量',
E: 'JK-1'
C: '110',
D: '开启',
E: '10',
F: '100',
G: 'JK-1'
}
]
src/pages/eq/hall/page.vue
View file @ f623e88b
......@@ -50,10 +50,12 @@
</div>
</div>
<!-- table -->
<enTable v-on:handleBtnClick="handleBtnClick" :tableData="tableData" :tableColums="tableColums" :isShowOp="true" isShowPage="true">
<enTable :tableData="tableData" :tableColums="tableColums" :isShowOp="true" isShowPage="true">
<template v-slot:operation='scope'>
<el-button type="text" @click="hallModalVisible=true">编辑</el-button>
<el-button type="text" @click="statusHandle" >开启</el-button>
<el-button type="text" @click="statusHandle">关闭</el-button>
<el-button type="text" @click="statusHandle" v-if="activeTab=='01'">故障复位</el-button>
<el-button type="text" @click="handleBtnClick" v-if="activeTab!='01'">设置频率</el-button>
</template>
</enTable>
</div>
......@@ -69,9 +71,9 @@ import hallModal from './components/hallModal'
import {
tableDataOne,
tableColumsOne,
tableColumsTwo,
tableDataTwo,
tableDataThree,
tableDataFour
tableDataThree
} from './config'
export default {
......@@ -89,17 +91,13 @@ export default {
this.tableData = tableDataOne
break
case '02':
this.tableColums = tableColumsOne
this.tableColums = tableColumsTwo
this.tableData = tableDataTwo
break
case '03':
this.tableColums = tableColumsOne
this.tableColums = tableColumsTwo
this.tableData = tableDataThree
break
case '04':
this.tableColums = tableColumsOne
this.tableData = tableDataFour
break
}
}
},
......@@ -112,18 +110,14 @@ export default {
tabList: [
{
value: '01',
label: '热泵'
},
{
value: '02',
label: '风冷热泵机组'
},
{
value: '03',
value: '02',
label: '室内机风柜'
},
{
value: '04',
value: '03',
label: ' 水泵'
}
],
......@@ -138,6 +132,9 @@ export default {
},
handleBtnClick() {
this.hallModalVisible = true
},
statusHandle() {
}
}
}
......
src/pages/eq/office/config.js
View file @ f623e88b
export const tableColumsOne = [
export const tableColumsOne = [
{
align: "center",
prop: "A",
label: "设备名称",
width: 132,
align: 'center',
prop: 'A',
label: '设备名称',
width: 132
},
{
align: "center",
prop: "B",
label: "设备位置",
// width: 112,
align: 'center',
prop: 'B',
label: '设备位置'
// width: 150
},
{
align: "center",
prop: "C",
label: "控制方式",
width: 132,
align: 'center',
prop: 'C',
label: '设备状态',
width: 182
},
{
align: "center",
prop: "D",
label: "能耗统计",
width: 182,
align: 'center',
prop: 'D',
label: '今日用电量',
width: 182
},
{
align: "center",
prop: "E",
label: "设备编号",
width: 132,
align: 'center',
prop: 'E',
label: '本月用电量',
width: 182
},
];
{
align: 'center',
prop: 'F',
label: '设备编号',
width: 132
}
]
export const tableDataOne = [
{
A: "多联空调A1",
B: "左侧办公房屋",
C: "开/关/设定温度",
D: "今日用电量/本月用电量",
E:'DLW-A1'
},
{
A: "多联空调A2",
B: "左侧办公房屋",
C: "开/关/设定温度",
D: "今日用电量/本月用电量",
E:'DLW-A1'
},
{
A: "多联空调A3",
B: "左侧办公房屋",
C: "开/关/设定温度",
D: "今日用电量/本月用电量",
E:'DLW-A1'
},
{
A: "多联空调A4",
B: "左侧办公房屋",
C: "开/关/设定温度",
D: "今日用电量/本月用电量",
E:'DLW-A1'
},
{
A: "多联空调A5",
B: "左侧办公房屋",
C: "开/关/设定温度",
D: "今日用电量/本月用电量",
E:'DLW-A1'
},
{
A: " 多联空调A4",
B: "左侧办公房屋",
C: "开/关/设定温度",
D: "今日用电量/本月用电量",
E:'DLW-A1'
},
{
A: " 多联空调A4",
B: "左侧办公房屋",
C: "开/关/设定温度",
D: "今日用电量/本月用电量",
E:'DLW-A1'
},
{
A: " 多联空调A4",
B: "右侧办公房屋",
C: "开/关/设定温度",
D: "今日用电量/本月用电量",
E:'DLW-A1'
},
{
A: " 多联空调A4",
B: "右侧办公房屋",
C: "开/关/设定温度",
D: "今日用电量/本月用电量",
E:'DLW-A1'
},
{
A: "多联空调A10",
B: "右侧办公房屋",
C: "开/关/设定温度",
D: "今日用电量/本月用电量",
E:'DLW-A1'
},
{
A: "多联空调A",
B: "左侧办公房屋",
C: "开/关/设定温度",
D: "今日用电量/本月用电量",
E:'DLW-A1'
},
];
A: '排风机',
B: '左侧办公房屋',
C: '开启',
D: '10',
E: '100',
F: 'DLW-A1'
},
{
A: '排风机',
B: '左侧办公房屋',
C: '开启',
D: '10',
E: '100',
F: 'DLW-A1'
},
{
A: '排风机',
B: '左侧办公房屋',
C: '开启',
D: '10',
E: '100',
F: 'DLW-A1'
},
{
A: '排风机',
B: '左侧办公房屋',
C: '开启',
D: '10',
E: '100',
F: 'DLW-A1'
}
]
export const tableDataTwo = [
{
A: "多联新风",
B: "屋面",
C: "开/关/设定温度",
D: "今日用电量/本月用电量",
E:'DLX-1'
},
{
A: "多联新风",
B: "屋面",
C: "开/关/设定温度",
D: "今日用电量/本月用电量",
E:'DLX-1'
},
{
A: "多联新风",
B: "屋面",
C: "开/关/设定温度",
D: "今日用电量/本月用电量",
E:'DLX-1'
},
{
A: "多联新风",
B: "屋面",
C: "开/关/设定温度",
D: "今日用电量/本月用电量",
E:'DLX-1'
},
{
A: "多联新风",
B: "屋面",
C: "开/关/设定温度",
D: "今日用电量/本月用电量",
E:'DLX-1'
},
{
A: " 多联新风",
B: "屋面",
C: "开/关/设定温度",
D: "今日用电量/本月用电量",
E:'DLW-A1'
},
{
A: " 多联新风",
B: "屋面",
C: "开/关/设定温度",
D: "今日用电量/本月用电量",
E:'DLX-1'
},
{
A: " 多联新风",
B: "屋面",
C: "开/关/设定温度",
D: "今日用电量/本月用电量",
E:'DLX-1'
},
{
A: " 多联新风",
B: "屋面",
C: "开/关/设定温度",
D: "今日用电量/本月用电量",
E:'DLX-1'
},
{
A: "多联新风",
B: "屋面",
C: "开/关/设定温度",
D: "今日用电量/本月用电量",
E:'DLX-1'
},
{
A: "多联新风",
B: "屋面",
C: "开/关/设定温度",
D: "今日用电量/本月用电量",
E:'DLX-1'
},
];
A: '机房空调(220V)',
B: '左侧旅客服务房屋',
C: '开启',
D: '10',
E: '100',
F: 'DLW-A1'
},
{
A: '机房空调(220V)',
B: '左侧旅客服务房屋',
C: '开启',
D: '10',
E: '100',
F: 'DLW-A1'
},
{
A: '机房空调(220V)',
B: '左侧旅客服务房屋',
C: '开启',
D: '10',
E: '100',
F: 'DLW-A1'
},
{
A: '机房空调(220V)',
B: '左侧旅客服务房屋',
C: '开启',
D: '10',
E: '100',
F: 'DLW-A1'
}
]
export const tableDataThree = [
{
A: "机房空调",
B: "通信机械室",
C: "显示状态",
D: "今日用电量/本月用电量",
E:'JK-1'
},
{
A: "机房空调",
B: "通信机械室",
C: "显示状态",
D: "今日用电量/本月用电量",
E:'JK-1'
},
{
A: "机房空调",
B: "通信机械室",
C: "显示状态",
D: "今日用电量/本月用电量",
E:'JK-1'
},
{
A: "机房空调",
B: "通信机械室",
C: "显示状态",
D: "今日用电量/本月用电量",
E:'JK-1'
},
{
A: "机房空调",
B: "通信机械室",
C: "显示状态",
D: "今日用电量/本月用电量",
E:'JK-1'
},
{
A: " 机房空调",
B: "通信机械室",
C: "显示状态",
D: "今日用电量/本月用电量",
E:'JK-1'
},
{
A: " 机房空调",
B: "通信机械室",
C: "显示状态",
D: "今日用电量/本月用电量",
E:'JK-1'
},
{
A: " 机房空调",
B: "通信机械室",
C: "显示状态",
D: "今日用电量/本月用电量",
E:'JK-1'
},
{
A: " 机房空调",
B: "右侧办公房屋",
C: "显示状态",
D: "今日用电量/本月用电量",
E:'JK-1'
},
{
A: "信息机房",
B: "右侧办公房屋",
C: "显示状态",
D: "今日用电量/本月用电量",
E:'JK-1'
},
{
A: "信息机房",
B: "左侧办公房屋",
C: "显示状态",
D: "今日用电量/本月用电量",
E:'JK-1'
},
];
A: '机房空调(380V)',
B: '通信机械室',
C: '开启',
D: '10',
E: '100',
F: 'JK-1'
},
{
A: '机房空调(380V)',
B: '通信机械室',
C: '开启',
D: '10',
E: '100',
F: 'JK-1'
},
{
A: '机房空调(380V)',
B: '通信机械室',
C: '开启',
D: '10',
E: '100',
F: 'JK-1'
},
{
A: '机房空调(380V)',
B: '通信机械室',
C: '开启',
D: '10',
E: '100',
F: 'JK-1'
},
{
A: '机房空调(380V)',
B: '通信机械室',
C: '开启',
D: '10',
E: '100',
F: 'JK-1'
}
]
export const tableDataFour = [
{
A: "排风机",
B: "售票厅",
C: "开/关",
D: "今日用电量/本月用电量",
E:'PF-B5'
},
{
A: "排风机",
B: "消防泵房",
C: "开/关",
D: "今日用电量/本月用电量",
E:'PF-B4'
},
{
A: "排风机",
B: "车站备品间",
C: "开/关",
D: "今日用电量/本月用电量",
E:'厕所排风机1#'
},
{
A: "排风机",
B: "候车厅公共卫生间",
C: "开/关",
D: "今日用电量/本月用电量",
E:'厕所排风机2#'
},
{
A: "排风机",
B: "出站通道公共卫生间",
C: "开/关",
D: "今日用电量/本月用电量",
E:'厕所排风机3#'
},
{
A: " 换气扇",
B: "吸氧间",
C: "开/关",
D: "今日用电量/本月用电量",
E:'JK-1'
},
{
A: " 换气扇",
B: "吸氧间",
C: "开/关",
D: "今日用电量/本月用电量",
E:'JK-1'
},
{
A: " 换气扇",
B: "吸氧间",
C: "开/关",
D: "今日用电量/本月用电量",
E:'JK-1'
},
{
A: " 换气扇",
B: "吸氧间",
C: "开/关",
D: "今日用电量/本月用电量",
E:'JK-1'
},
{
A: "换气扇",
B: "站长室",
C: "开/关",
D: "今日用电量/本月用电量",
E:'JK-1'
},
{
A: "换气扇",
B: "VIP候车室",
C: "开/关",
D: "今日用电量/本月用电量",
E:'JK-1'
},
];
\ No newline at end of file
A: '风幕机',
B: '售票厅',
C: '开启',
D: '10',
E: '100',
F: 'JK-1'
},
{
A: '风幕机',
B: '售票厅',
C: '开启',
D: '10',
E: '100',
F: 'JK-1'
}
]
export const tableDataFive = [
{
A: '多联室内机',
B: '左侧办公房屋',
C: '开启',
D: '10',
E: '100',
F: 'JK-1'
},
{
A: '多联室内机',
B: '左侧办公房屋',
C: '开启',
D: '10',
E: '100',
F: 'JK-1'
},
{
A: '多联室内机',
B: '左侧办公房屋',
C: '开启',
D: '10',
E: '100',
F: 'JK-1'
},
{
A: '多联室内机',
B: '左侧办公房屋',
C: '开启',
D: '10',
E: '100',
F: 'JK-1'
}
]
export const tableDataSix = [
{
A: '多联室外机',
B: '屋面',
C: '开启',
D: '10',
E: '100',
F: 'JK-1'
},
{
A: '多联室外机',
B: '屋面',
C: '开启',
D: '10',
E: '100',
F: 'JK-1'
},
{
A: '多联室外机',
B: '屋面',
C: '开启',
D: '10',
E: '100',
F: 'JK-1'
},
{
A: '多联室外机',
B: '屋面',
C: '开启',
D: '10',
E: '100',
F: 'JK-1'
}
]
export const tableDataSeven = [
{
A: '换气扇',
B: 'VIP候车室',
C: '开启',
D: '10',
E: '100',
F: 'JK-1'
},
{
A: '换气扇',
B: 'VIP候车室',
C: '开启',
D: '10',
E: '100',
F: 'JK-1'
},
{
A: '换气扇',
B: 'VIP候车室',
C: '开启',
D: '10',
E: '100',
F: 'JK-1'
},
{
A: '换气扇',
B: 'VIP候车室',
C: '开启',
D: '10',
E: '100',
F: 'JK-1'
}
]
src/pages/eq/office/page.vue
View file @ f623e88b
<template>
<div class="office-area-control" style="height:100%;">
<cardList cardListTitle="办公区域控制">
<div slot="content" >
<div slot="content">
<!-- <enTabs :tabList="officeTabList"></enTabs> -->
<el-tabs class="en-tabs" v-model="activeTab" >
<el-tab-pane
:label="item.label"
:name="item.value"
v-for="(item, index) in officeTabList"
:key="index"
></el-tab-pane>
</el-tabs>
<el-tabs class="en-tabs" v-model="activeTab">
<el-tab-pane
:label="item.label"
:name="item.value"
v-for="(item, index) in officeTabList"
:key="index"
></el-tab-pane>
</el-tabs>
<div style="margin-top: 20px"></div>
<en-table :tableData="tableData" :tableColums="tableColums" :isShowOp="true" isShowPage="true">
<template v-slot:operation='scope'>
<el-button type="text">编辑</el-button>
</template>
<en-table
:tableData="tableData"
:tableColums="tableColums"
:isShowOp="true"
isShowPage="true"
>
<template v-slot:operation="scope">
<el-button type="text" @click="statusHandle">开启</el-button>
<el-button type="text" @click="statusHandle">关闭</el-button>
</template>
</en-table>
</div>
</cardList>
</div>
</template>
<script >
// const tableColums = [
// {
// align: "center",
// prop: "A",
// label: "设备名称",
// width: 132,
// },
// {
// align: "center",
// prop: "B",
// label: "设备位置",
// // width: 112,
// },
// {
// align: "center",
// prop: "C",
// label: "控制方式",
// width: 132,
// },
// {
// align: "center",
// prop: "D",
// label: "能耗统计",
// width: 132,
// },
// // {
// // align: "center",
// // prop: "E",
// // label: "故障报警",
// // width: 132,
// // },
// // {
// // align: "center",
// // prop: "F",
// // label: "说明",
// // width: 132,
// // },
// {
// align: "center",
// prop: "G",
// label: "设备编号",
// width: 132,
// },
// ];
// const tableData = [
// {
// A: "A",
// B: "YA01254N51",
// C: "正常",
// D: "110Hz",
// E: "",
// F: "说明",
// G: "QY0001",
// },
// {
// A: "A",
// B: "YA01254N51",
// C: "正常",
// D: "110Hz",
// E: "",
// F: "说明",
// G: "QY0001",
// },
// {
// A: "A",
// B: "YA01254N51",
// C: "正常",
// D: "110Hz",
// E: "",
// F: "说明",
// G: "QY0001",
// },
// {
// A: "A",
// B: "YA01254N51",
// C: "正常",
// D: "110Hz",
// E: "",
// F: "说明",
// G: "QY0001",
// },
// {
// A: "A",
// B: "YA01254N51",
// C: "正常",
// D: "110Hz",
// E: "",
// F: "说明",
// G: "QY0001",
// },
// {
// A: "A",
// B: "YA01254N51",
// C: "正常",
// D: "110Hz",
// E: "",
// F: "说明",
// G: "QY0001",
// },
// {
// A: "A",
// B: "YA01254N51",
// C: "正常",
// D: "110Hz",
// E: "",
// F: "说明",
// G: "QY0001",
// },
// {
// A: "A",
// B: "YA01254N51",
// C: "正常",
// D: "110Hz",
// E: "",
// F: "说明",
// G: "QY0001",
// },
// {
// A: "A",
// B: "YA01254N51",
// C: "正常",
// D: "110Hz",
// E: "",
// F: "说明",
// G: "QY0001",
// },
// {
// A: "A",
// B: "YA01254N51",
// C: "正常",
// D: "110Hz",
// E: "",
// F: "说明",
// G: "QY0001",
// },
// {
// A: "A",
// B: "YA01254N51",
// C: "正常",
// D: "110Hz",
// E: "",
// F: "说明",
// G: "QY0001",
// },
// ];
<script>
import cardList from '../../components/cardList'
import enTabs from '../../components/enTabs'
import enTable from '../../components/enTable'
import { tableDataOne, tableColumsOne, tableDataTwo, tableDataThree, tableDataFour } from './config'
import {
tableColumsOne,
tableDataOne,
tableDataTwo,
tableDataThree,
tableDataFour,
tableDataFive,
tableDataSix,
tableDataSeven
} from './config'
export default {
name: 'officeAreaControl',
......@@ -188,44 +58,71 @@ export default {
officeTabList: [
{
value: '01',
label: '多联空调'
label: '排风机'
},
{
value: '02',
label: '多联新风'
label: '机房空调(220V)'
},
{
value: '03',
label: '机房空调'
label: '机房空调(380V)'
},
{
value: '04',
label: '排风机'
label: '风幕机'
},
{
value: '05',
label: '多联室内机'
},
{
value: '06',
label: '多联室外机'
},
{
value: '07',
label: '换气扇'
}
]
}
},
watch: {
activeTab(val) {
switch (val) {
case '01':
this.tableColums = tableColumsOne
this.tableData = tableDataOne
break
case '02':
this.tableColums = tableColumsOne
this.tableData = tableDataTwo
break
case '03':
this.tableColums = tableColumsOne
this.tableData = tableDataThree
break
case '04':
this.tableColums = tableColumsOne
this.tableData = tableDataFour
break
}
switch (val) {
case '01':
this.tableColums = tableColumsOne
this.tableData = tableDataOne
break
case '02':
this.tableColums = tableColumsOne
this.tableData = tableDataTwo
break
case '03':
this.tableColums = tableColumsOne
this.tableData = tableDataThree
break
case '04':
this.tableColums = tableColumsOne
this.tableData = tableDataFour
break
case '05':
this.tableColums = tableColumsOne
this.tableData = tableDataFive
break
case '06':
this.tableColums = tableColumsOne
this.tableData = tableDataSix
break
case '07':
this.tableColums = tableColumsOne
this.tableData = tableDataSeven
break
}
}
},
methods: {
statusHandle() {}
}
}
</script>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment