Skip to content

E
energyai_vue
Commit c77bfac5 authored by caojm's avatar caojm
Browse files
Options

办公区域模拟数据

parent 054e703c
Hide whitespace changes
Inline Side-by-side
Showing with 530 additions and 151 deletions
src/pages/eq/hall/page.vue
View file @ c77bfac5
...@@ -103,7 +103,7 @@ const tableColums = [ ...@@ -103,7 +103,7 @@ const tableColums = [
align: "center", align: "center",
prop: "A", prop: "A",
label: "设备名称", label: "设备名称",
width: 132, width: 112,
}, },
{ {
align: "center", align: "center",
......
src/pages/eq/office/config.js 0 → 100644
View file @ c77bfac5
export const tableColumsOne = [
{
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: 182,
},
{
align: "center",
prop: "E",
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'
},
];
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'
},
];
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'
},
];
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
src/pages/eq/office/page.vue
View file @ c77bfac5
...@@ -3,7 +3,7 @@ ...@@ -3,7 +3,7 @@
<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="activeName" > <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"
...@@ -22,154 +22,156 @@ ...@@ -22,154 +22,156 @@
</div> </div>
</template> </template>
<script > <script >
const tableColums = [ // const tableColums = [
{ // {
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: 112,
}, // },
{ // {
align: "center", // align: "center",
prop: "C", // prop: "C",
label: "运行状态", // label: "控制方式",
width: 132, // width: 132,
}, // },
{ // {
align: "center", // align: "center",
prop: "D", // prop: "D",
label: "当前频率", // label: "能耗统计",
width: 132, // width: 132,
}, // },
{ // // {
align: "center", // // align: "center",
prop: "E", // // prop: "E",
label: "故障报警", // // label: "故障报警",
width: 132, // // width: 132,
}, // // },
{ // // {
align: "center", // // align: "center",
prop: "F", // // prop: "F",
label: "说明", // // label: "说明",
width: 132, // // width: 132,
}, // // },
{ // {
align: "center", // align: "center",
prop: "G", // prop: "G",
label: "设备编号", // label: "设备编号",
width: 132, // width: 132,
}, // },
]; // ];
const tableData = [ // const tableData = [
{ // {
A: "A", // A: "A",
B: "YA01254N51", // B: "YA01254N51",
C: "正常", // C: "正常",
D: "110Hz", // D: "110Hz",
E: "", // E: "",
F: "说明", // F: "说明",
G: "QY0001", // G: "QY0001",
}, // },
{ // {
A: "A", // A: "A",
B: "YA01254N51", // B: "YA01254N51",
C: "正常", // C: "正常",
D: "110Hz", // D: "110Hz",
E: "", // E: "",
F: "说明", // F: "说明",
G: "QY0001", // G: "QY0001",
}, // },
{ // {
A: "A", // A: "A",
B: "YA01254N51", // B: "YA01254N51",
C: "正常", // C: "正常",
D: "110Hz", // D: "110Hz",
E: "", // E: "",
F: "说明", // F: "说明",
G: "QY0001", // G: "QY0001",
}, // },
{ // {
A: "A", // A: "A",
B: "YA01254N51", // B: "YA01254N51",
C: "正常", // C: "正常",
D: "110Hz", // D: "110Hz",
E: "", // E: "",
F: "说明", // F: "说明",
G: "QY0001", // G: "QY0001",
}, // },
{ // {
A: "A", // A: "A",
B: "YA01254N51", // B: "YA01254N51",
C: "正常", // C: "正常",
D: "110Hz", // D: "110Hz",
E: "", // E: "",
F: "说明", // F: "说明",
G: "QY0001", // G: "QY0001",
}, // },
{ // {
A: "A", // A: "A",
B: "YA01254N51", // B: "YA01254N51",
C: "正常", // C: "正常",
D: "110Hz", // D: "110Hz",
E: "", // E: "",
F: "说明", // F: "说明",
G: "QY0001", // G: "QY0001",
}, // },
{ // {
A: "A", // A: "A",
B: "YA01254N51", // B: "YA01254N51",
C: "正常", // C: "正常",
D: "110Hz", // D: "110Hz",
E: "", // E: "",
F: "说明", // F: "说明",
G: "QY0001", // G: "QY0001",
}, // },
{ // {
A: "A", // A: "A",
B: "YA01254N51", // B: "YA01254N51",
C: "正常", // C: "正常",
D: "110Hz", // D: "110Hz",
E: "", // E: "",
F: "说明", // F: "说明",
G: "QY0001", // G: "QY0001",
}, // },
{ // {
A: "A", // A: "A",
B: "YA01254N51", // B: "YA01254N51",
C: "正常", // C: "正常",
D: "110Hz", // D: "110Hz",
E: "", // E: "",
F: "说明", // F: "说明",
G: "QY0001", // G: "QY0001",
}, // },
{ // {
A: "A", // A: "A",
B: "YA01254N51", // B: "YA01254N51",
C: "正常", // C: "正常",
D: "110Hz", // D: "110Hz",
E: "", // E: "",
F: "说明", // F: "说明",
G: "QY0001", // G: "QY0001",
}, // },
{ // {
A: "A", // A: "A",
B: "YA01254N51", // B: "YA01254N51",
C: "正常", // C: "正常",
D: "110Hz", // D: "110Hz",
E: "", // E: "",
F: "说明", // F: "说明",
G: "QY0001", // 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'
export default { export default {
name: "officeAreaControl", name: "officeAreaControl",
components: { components: {
...@@ -177,11 +179,12 @@ export default { ...@@ -177,11 +179,12 @@ export default {
enTabs, enTabs,
enTable, enTable,
}, },
data() { data() {
return { return {
activeName:'01', activeTab:'01',
tableData, tableData:tableDataOne,
tableColums, tableColums:tableColumsOne,
officeTabList: [ officeTabList: [
{ {
value: "01", value: "01",
...@@ -199,9 +202,30 @@ export default { ...@@ -199,9 +202,30 @@ export default {
value: "04", value: "04",
label: "排风机", 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;
}
}
}
}; };
</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