Skip to content

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

调整

parent 93f138a8
Show whitespace changes
Inline Side-by-side
Showing with 546 additions and 309 deletions
src/pages/analysis/fault/pie3.vue
View file @ 11c2677f
......@@ -26,11 +26,11 @@ export default {
type: 'pie',
radius: '50%',
data: [
{ value: 1048, name: '搜索引擎' },
{ value: 735, name: '直接访问' },
{ value: 580, name: '邮件营销' },
{ value: 484, name: '联盟广告' },
{ value: 300, name: '视频广告' }
{ value: 1048, name: '搜索引擎', itemStyle: { color: 'skyblue' } },
{ value: 735, name: '直接访问', itemStyle: { color: '#F2637B' } },
{ value: 580, name: '邮件营销', itemStyle: { color: '#8EE0E0' } },
{ value: 484, name: '联盟广告', itemStyle: { color: '#4ECB74' } },
{ value: 300, name: '视频广告', itemStyle: { color: '#FFCC00' } }
]
}
......
src/pages/analysis/fault/pie4.vue
View file @ 11c2677f
......@@ -34,7 +34,7 @@ export default {
}
},
created() {
this.list = this.genData(30)
// this.list = this.genData(30)
},
mounted() {
this.ring()
......@@ -47,8 +47,8 @@ export default {
let myCharts = this.$echarts.init(dom)
let option = {
tooltip: {
trigger: 'item',
formatter: '{a} <br/>{b} : {c} ({d}%)'
trigger: 'item'
// formatter: '{a} <br/>{b} : {c} ({d}%)'
},
legend: {
type: 'scroll',
......@@ -56,9 +56,9 @@ export default {
right: 10,
top: 20,
bottom: 20,
data: this.list.legendData,
data: [1, 2, 3, 4, 5, 6],
selected: this.list.selected
selected: [1, 2, 3, 4, 5, 6]
},
series: [
{
......@@ -66,7 +66,14 @@ export default {
type: 'pie',
radius: '55%',
center: ['40%', '50%'],
data: this.list.seriesData,
data: [
{ name: 1, value: '123' },
{ name: 1, value: '123' },
{ name: 1, value: '123' },
{ name: 1, value: '123' },
{ name: 1, value: '123' },
{ name: 1, value: '123' }
],
emphasis: {
itemStyle: {
shadowBlur: 10,
......@@ -104,7 +111,7 @@ export default {
var name = []
for (var i = 0; i < nameLen; i++) {
name.push(
this.nameList[ Math.round(Math.random() * this.nameList.length - 1) ]
this.nameList[Math.round(Math.random() * this.nameList.length - 1)]
)
}
return name.join('')
......
src/pages/eq/hall/config.js 0 → 100644
View file @ 11c2677f
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'
}
]
src/pages/eq/hall/page.vue
View file @ 11c2677f
......@@ -100,201 +100,79 @@
</div>
</template>
<script>
import cardList from "../../components/cardList";
import enTable from "../../components/enTable";
import cardList from '../../components/cardList'
import enTable from '../../components/enTable'
import enTabs from '../../components/enTabs'
import hallModal from './components/hallModal'
const tableColums = [
{
align: "center",
prop: "A",
label: "设备名称",
width: 112,
},
{
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 { tableDataOne, tableColumsOne, tableDataTwo, tableDataThree, tableDataFour } from './config'
export default {
components: {
cardList,
enTable,
enTabs,
hallModal,
hallModal
},
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
}
}
},
data() {
return {
tableColums,
tableData,
activeTab:'01',
activeTab: '01',
tableData: tableDataOne,
tableColums: tableColumsOne,
formData: {},
tabList: [
{
value: "01",
label: "热泵",
value: '01',
label: '热泵'
},
{
value: "02",
label: "风冷热泵机组",
value: '02',
label: '风冷热泵机组'
},
{
value: "03",
label: "室内机风柜",
value: '03',
label: '室内机风柜'
},
{
value: "04",
label: " 水泵",
},
value: '04',
label: ' 水泵'
}
],
hallModalVisible:false,
};
hallModalVisible: false
}
},
methods: {
cancelhandle(){
this.$nextTick(()=>{
cancelhandle() {
this.$nextTick(() => {
this.hallModalVisible = false
})
},
handleBtnClick(){
handleBtnClick() {
this.hallModalVisible = true
}
},
};
}
}
</script>
<style lang="scss" >
.hall {
......@@ -318,4 +196,3 @@ export default {
}
</style>
src/pages/eq/office/page.vue
View file @ 11c2677f
......@@ -167,65 +167,65 @@
// G: "QY0001",
// },
// ];
import cardList from "../../components/cardList";
import enTabs from "../../components/enTabs";
import enTable from "../../components/enTable";
import { tableDataOne,tableColumsOne ,tableDataTwo,tableDataThree,tableDataFour} from './config'
import cardList from '../../components/cardList'
import enTabs from '../../components/enTabs'
import enTable from '../../components/enTable'
import { tableDataOne, tableColumsOne, tableDataTwo, tableDataThree, tableDataFour } from './config'
export default {
name: "officeAreaControl",
name: 'officeAreaControl',
components: {
cardList,
enTabs,
enTable,
enTable
},
data() {
return {
activeTab:'01',
tableData:tableDataOne,
tableColums:tableColumsOne,
activeTab: '01',
tableData: tableDataOne,
tableColums: tableColumsOne,
officeTabList: [
{
value: "01",
label: "多联空调",
value: '01',
label: '多联空调'
},
{
value: "02",
label: "多联新风",
value: '02',
label: '多联新风'
},
{
value: "03",
label: "机房空调",
value: '03',
label: '机房空调'
},
{
value: "04",
label: "排风机",
},
],
};
value: '04',
label: '排风机'
}
]
}
},
watch:{
activeTab(val){
switch (val){
watch: {
activeTab(val) {
switch (val) {
case '01':
this.tableColums = tableColumsOne
this.tableData = tableDataOne
break;
break
case '02':
this.tableColums = tableColumsOne
this.tableData = tableDataTwo
break;
break
case '03':
this.tableColums = tableColumsOne
this.tableData = tableDataThree
break;
break
case '04':
this.tableColums = tableColumsOne
this.tableData = tableDataFour
break;
break
}
}
}
};
}
</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