Skip to content

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

Merge

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