Commit 73204c6f authored by co_dengxiongwen's avatar co_dengxiongwen

tj

parent 5983515a
<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>
...@@ -14,340 +14,227 @@ ...@@ -14,340 +14,227 @@
{ {
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'
}, },
{ {
A: ' 多联空调A4', align: 'center',
B: '左侧办公房屋', prop: 'F',
C: '开/关/设定温度', label: '本月用电量',
D: '今日用电量/本月用电量', width: 182
E: 'DLW-A1'
}, },
{ {
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: '多联空调A10', A: '风冷热泵机组',
B: '右侧办公房屋', B: '左侧办公房屋',
C: '开/关/设定温度', C: '开启',
D: '今日用电量/本月用电量', D: '10',
E: 'DLW-A1' E: '100',
F: 'JK-1'
}, },
{ {
A: '多联空调A', 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: '屋面',
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: '屋面', 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: ' 多联新风', 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'
} }
] ]
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'
} }
] ]
...@@ -51,16 +51,17 @@ ...@@ -51,16 +51,17 @@
</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>
</cardList> </cardList>
<hall-modal v-on:cancelhandle="cancelhandle" :hallModalVisible="hallModalVisible"></hall-modal> <hall-modal v-on:cancelhandle="cancelhandle" :hallModalVisible="hallModalVisible"></hall-modal>
hallModalVisible
</div> </div>
</template> </template>
<script> <script>
...@@ -71,9 +72,9 @@ import hallModal from './components/hallModal' ...@@ -71,9 +72,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 {
...@@ -91,17 +92,13 @@ export default { ...@@ -91,17 +92,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
} }
} }
}, },
...@@ -114,18 +111,14 @@ export default { ...@@ -114,18 +111,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: ' 水泵'
} }
], ],
...@@ -140,6 +133,9 @@ export default { ...@@ -140,6 +133,9 @@ export default {
}, },
handleBtnClick() { handleBtnClick() {
this.hallModalVisible = true this.hallModalVisible = true
},
statusHandle() {
} }
} }
} }
......
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: 132
}, }
]; ]
export const tableDataOne = [ export const tableDataOne = [
{ {
A: "多联空调A1", A: '多联空调A1',
B: "左侧办公房屋", B: '左侧办公房屋',
C: "开/关/设定温度", C: '10',
D: "今日用电量/本月用电量", D: '100',
E:'DLW-A1' 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", A: '多联空调A2',
B: "左侧办公房屋", B: '左侧办公房屋',
C: "开/关/设定温度", C: '10',
D: "今日用电量/本月用电量", D: '100',
E:'DLW-A1' E: 'DLW-A2'
}, },
{ {
A: " 多联空调A4", A: '多联空调A3',
B: "左侧办公房屋", B: '左侧办公房屋',
C: "开/关/设定温度", C: '10',
D: "今日用电量/本月用电量", D: '100',
E:'DLW-A1' E: 'DLW-A3'
}, },
{ {
A: " 多联空调A4", A: '多联空调A4',
B: "右侧办公房屋", B: '左侧办公房屋',
C: "开/关/设定温度", C: '10',
D: "今日用电量/本月用电量", D: '100',
E:'DLW-A1' E: 'DLW-A4'
}, }
{ ]
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: '多联新风',
B: "屋面", B: '屋面',
C: "开/关/设定温度", C: '10',
D: "今日用电量/本月用电量", D: '100',
E:'DLX-1' E: 'DLX-1'
},
{
A: "多联新风",
B: "屋面",
C: "开/关/设定温度",
D: "今日用电量/本月用电量",
E:'DLX-1'
}, },
{ {
A: "多联新风", A: '多联新风',
B: "屋面", B: '屋面',
C: "开/关/设定温度", C: '10',
D: "今日用电量/本月用电量", D: '100',
E:'DLX-1' E: 'DLX-1'
}, },
{ {
A: "多联新风", A: '多联新风',
B: "屋面", B: '屋面',
C: "开/关/设定温度", C: '10',
D: "今日用电量/本月用电量", D: '100',
E:'DLX-1' E: 'DLX-1'
}, },
{ {
A: "多联新风", A: '多联新风',
B: "屋面", B: '屋面',
C: "开/关/设定温度", C: '10',
D: "今日用电量/本月用电量", D: '100',
E:'DLX-1' 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: '机房空调',
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: "显示状态", A: '机房空调',
D: "今日用电量/本月用电量", B: '通信机械室',
E:'JK-1' C: '显示状态',
}, D: '10',
{ E: '100',
A: "机房空调", F: 'JK-1'
B: "通信机械室", },
C: "显示状态", {
D: "今日用电量/本月用电量", A: '机房空调',
E:'JK-1' B: '通信机械室',
}, C: '显示状态',
{ D: '10',
A: "机房空调", E: '100',
B: "通信机械室", F: 'JK-1'
C: "显示状态", },
D: "今日用电量/本月用电量", {
E:'JK-1' A: '机房空调',
}, 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: '10',
D: "今日用电量/本月用电量", D: '100',
E:'PF-B5' E: 'PF-B5'
}, },
{ {
A: "排风机", A: '排风机',
B: "消防泵房", B: '消防泵房',
C: "开/关", C: '10',
D: "今日用电量/本月用电量", D: '100',
E:'PF-B4' E: 'PF-B4'
}, },
{ {
A: "排风机", A: '排风机',
B: "车站备品间", B: '车站备品间',
C: "开/关", C: '10',
D: "今日用电量/本月用电量", D: '100',
E:'厕所排风机1#' E: '厕所排风机1#'
}, },
{ {
A: "排风机", A: '排风机',
B: "候车厅公共卫生间", B: '候车厅公共卫生间',
C: "开/关", C: '10',
D: "今日用电量/本月用电量", D: '100',
E:'厕所排风机2#' 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
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