zyh
This commit is contained in:
unknown
commit
beaf01be06
|
|
@ -0,0 +1,332 @@
|
||||||
|
<template>
|
||||||
|
<div class="content">
|
||||||
|
<div class="home">
|
||||||
|
<RouterView />
|
||||||
|
</div>
|
||||||
|
<div class="footer">
|
||||||
|
<div class="box1" @click="go1">
|
||||||
|
<img src="../assets/img/生产工艺按钮.png" v-show="flag1" alt="" class="tabbars1" />
|
||||||
|
<img src="../assets/img/生产工艺按钮选中_hover.png" alt="" v-show="!flag1" class="tabbars1" />
|
||||||
|
<p>生产工艺</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="box2" @click="go2">
|
||||||
|
<img src="../assets/img/能源监测按钮 拷贝.png" alt="" v-show="flag2" class="tabbars2" />
|
||||||
|
<img src="../assets/img/能源监测按钮 _hover.png" alt="" v-show="!flag2" class="tabbars2" />
|
||||||
|
<p>能源监测</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="box3" @click="go3">
|
||||||
|
<img src="../assets/img/负荷管理按钮 .png" v-show="flag3" alt="" class="tabbars3" />
|
||||||
|
<img src="../assets/img/负荷管理按钮 拷贝_hover.png" alt="" v-show="!flag3" class="tabbars3" />
|
||||||
|
<p>负荷管理</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="box4" @click="go4">
|
||||||
|
<img src="../assets/img/能效管理按钮 拷贝.png" alt="" v-show="flag4" class="tabbars4" />
|
||||||
|
<img src="../assets/img/能效管理按钮_hover.png" alt="" v-show="!flag4" class="tabbars4" />
|
||||||
|
<p>能效管理</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="box5" @click="go5">
|
||||||
|
<img src="../assets/img/智能运维按钮 拷贝.png" alt="" v-show="flag5" class="tabbars5" />
|
||||||
|
<img src="../assets/img/智能运维按_hover.png" v-show="!flag5" alt="" class="tabbars5" />
|
||||||
|
<p>智能运维</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="box6" @click="go6">
|
||||||
|
<img src="../assets/img/碳资产管理.png" v-show="flag6" alt="" class="tabbars6" />
|
||||||
|
<img src="../assets/img/碳资产管理 拷贝_hover.png" alt="" v-show="!flag6" class="tabbars6" />
|
||||||
|
<p>碳资产管理</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import { RouterView } from "vue-router";
|
||||||
|
|
||||||
|
export default {
|
||||||
|
name: "index",
|
||||||
|
components: { RouterView },
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
flag1: true,
|
||||||
|
flag2: true,
|
||||||
|
flag3: true,
|
||||||
|
flag4: true,
|
||||||
|
flag5: true,
|
||||||
|
flag6: true,
|
||||||
|
};
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
sendMessageToCSharp(name) {
|
||||||
|
window.vuplex.postMessage({
|
||||||
|
type: "Tog",
|
||||||
|
message: `${name}_true`,
|
||||||
|
});
|
||||||
|
},
|
||||||
|
go1() {
|
||||||
|
this.flag1 = false;
|
||||||
|
this.flag2 = true;
|
||||||
|
this.flag3 = true;
|
||||||
|
this.flag4 = true;
|
||||||
|
this.flag5 = true;
|
||||||
|
this.flag6 = true;
|
||||||
|
this.sendMessageToCSharp("生产工艺");
|
||||||
|
// this.$router.push(
|
||||||
|
// "/znywjk",
|
||||||
|
// () => {},
|
||||||
|
// () => {}
|
||||||
|
// );
|
||||||
|
},
|
||||||
|
go2() {
|
||||||
|
this.flag1 = true;
|
||||||
|
this.flag2 = false;
|
||||||
|
this.flag3 = true;
|
||||||
|
this.flag4 = true;
|
||||||
|
this.flag5 = true;
|
||||||
|
this.flag6 = true;
|
||||||
|
this.sendMessageToCSharp("能源监测");
|
||||||
|
this.$router.push(
|
||||||
|
"/area",
|
||||||
|
() => { },
|
||||||
|
() => { }
|
||||||
|
);
|
||||||
|
},
|
||||||
|
go3() {
|
||||||
|
this.flag1 = true;
|
||||||
|
this.flag2 = true;
|
||||||
|
this.flag3 = false;
|
||||||
|
this.flag4 = true;
|
||||||
|
this.flag5 = true;
|
||||||
|
this.flag6 = true;
|
||||||
|
this.sendMessageToCSharp("负荷管理");
|
||||||
|
this.$router.push(
|
||||||
|
"/fhgl",
|
||||||
|
() => { },
|
||||||
|
() => { }
|
||||||
|
);
|
||||||
|
},
|
||||||
|
go4() {
|
||||||
|
this.flag1 = true;
|
||||||
|
this.flag2 = true;
|
||||||
|
this.flag3 = true;
|
||||||
|
this.flag4 = false;
|
||||||
|
this.flag5 = true;
|
||||||
|
this.flag6 = true;
|
||||||
|
this.sendMessageToCSharp("能效管理");
|
||||||
|
this.$router.push(
|
||||||
|
"/nxgl",
|
||||||
|
() => { },
|
||||||
|
() => { }
|
||||||
|
);
|
||||||
|
},
|
||||||
|
go5() {
|
||||||
|
this.flag1 = true;
|
||||||
|
this.flag2 = true;
|
||||||
|
this.flag3 = true;
|
||||||
|
this.flag4 = true;
|
||||||
|
this.flag5 = false;
|
||||||
|
this.flag6 = true;
|
||||||
|
this.sendMessageToCSharp("智能运维");
|
||||||
|
this.$router.push(
|
||||||
|
"/znyw",
|
||||||
|
() => { },
|
||||||
|
() => { }
|
||||||
|
);
|
||||||
|
},
|
||||||
|
go6() {
|
||||||
|
this.flag1 = true;
|
||||||
|
this.flag2 = true;
|
||||||
|
this.flag3 = true;
|
||||||
|
this.flag4 = true;
|
||||||
|
this.flag5 = true;
|
||||||
|
this.flag6 = false;
|
||||||
|
this.sendMessageToCSharp("碳资产管理");
|
||||||
|
this.$router.push(
|
||||||
|
"/tzcgl",
|
||||||
|
() => { },
|
||||||
|
() => { }
|
||||||
|
);
|
||||||
|
},
|
||||||
|
},
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
<style lang="less" scoped>
|
||||||
|
* {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
border: none;
|
||||||
|
}
|
||||||
|
.content {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
background: url(../assets/img/标题.png);
|
||||||
|
background-size: cover;
|
||||||
|
background-color: transparent;
|
||||||
|
|
||||||
|
.box1 {
|
||||||
|
position: absolute;
|
||||||
|
// left: 0;
|
||||||
|
left: 2130px;
|
||||||
|
bottom: 248px;
|
||||||
|
z-index: 100;
|
||||||
|
|
||||||
|
p {
|
||||||
|
position: absolute;
|
||||||
|
left: 96px;
|
||||||
|
bottom: 32px;
|
||||||
|
width: 216px;
|
||||||
|
height: 46px;
|
||||||
|
font-size: 50px;
|
||||||
|
font-family: "FZZhengHeiS-B-GB";
|
||||||
|
font-weight: 400;
|
||||||
|
color: #ffffff;
|
||||||
|
line-height: 20px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.box1 {
|
||||||
|
position: absolute;
|
||||||
|
// left: 0;
|
||||||
|
left: 2130px;
|
||||||
|
bottom: 248px;
|
||||||
|
z-index: 100;
|
||||||
|
|
||||||
|
p {
|
||||||
|
position: absolute;
|
||||||
|
left: 96px;
|
||||||
|
bottom: 32px;
|
||||||
|
width: 216px;
|
||||||
|
height: 46px;
|
||||||
|
font-size: 50px;
|
||||||
|
font-family: "FZZhengHeiS-B-GB";
|
||||||
|
font-weight: 400;
|
||||||
|
color: #ffffff;
|
||||||
|
line-height: 20px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.box2 {
|
||||||
|
position: absolute;
|
||||||
|
// left: 0;
|
||||||
|
left: 2720px;
|
||||||
|
bottom: 248px;
|
||||||
|
z-index: 100;
|
||||||
|
|
||||||
|
p {
|
||||||
|
position: absolute;
|
||||||
|
left: 96px;
|
||||||
|
bottom: 32px;
|
||||||
|
width: 216px;
|
||||||
|
height: 46px;
|
||||||
|
font-size: 50px;
|
||||||
|
font-family: "FZZhengHeiS-B-GB";
|
||||||
|
font-weight: 400;
|
||||||
|
color: #ffffff;
|
||||||
|
line-height: 20px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.box3 {
|
||||||
|
position: absolute;
|
||||||
|
// left: 0;
|
||||||
|
left: 3328px;
|
||||||
|
bottom: 248px;
|
||||||
|
z-index: 100;
|
||||||
|
|
||||||
|
p {
|
||||||
|
position: absolute;
|
||||||
|
left: 96px;
|
||||||
|
bottom: 32px;
|
||||||
|
width: 216px;
|
||||||
|
height: 46px;
|
||||||
|
font-size: 50px;
|
||||||
|
font-family: "FZZhengHeiS-B-GB";
|
||||||
|
font-weight: 400;
|
||||||
|
color: #ffffff;
|
||||||
|
line-height: 20px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.box4 {
|
||||||
|
position: absolute;
|
||||||
|
// left: 0;
|
||||||
|
left: 3920px;
|
||||||
|
bottom: 248px;
|
||||||
|
z-index: 100;
|
||||||
|
|
||||||
|
p {
|
||||||
|
position: absolute;
|
||||||
|
left: 96px;
|
||||||
|
bottom: 32px;
|
||||||
|
width: 216px;
|
||||||
|
height: 46px;
|
||||||
|
font-size: 50px;
|
||||||
|
font-family: "FZZhengHeiS-B-GB";
|
||||||
|
font-weight: 400;
|
||||||
|
color: #ffffff;
|
||||||
|
line-height: 20px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.box5 {
|
||||||
|
position: absolute;
|
||||||
|
// left: 0;
|
||||||
|
left: 4528px;
|
||||||
|
bottom: 248px;
|
||||||
|
z-index: 100;
|
||||||
|
|
||||||
|
p {
|
||||||
|
position: absolute;
|
||||||
|
left: 96px;
|
||||||
|
bottom: 32px;
|
||||||
|
width: 216px;
|
||||||
|
height: 46px;
|
||||||
|
font-size: 50px;
|
||||||
|
font-family: "FZZhengHeiS-B-GB";
|
||||||
|
font-weight: 400;
|
||||||
|
color: #ffffff;
|
||||||
|
line-height: 20px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.box6 {
|
||||||
|
position: absolute;
|
||||||
|
// left: 0;
|
||||||
|
left: 5168px;
|
||||||
|
bottom: 248px;
|
||||||
|
z-index: 100;
|
||||||
|
|
||||||
|
p {
|
||||||
|
position: absolute;
|
||||||
|
left: 96px;
|
||||||
|
bottom: 32px;
|
||||||
|
width: 316px;
|
||||||
|
height: 46px;
|
||||||
|
font-size: 50px;
|
||||||
|
font-family: "FZZhengHeiS-B-GB";
|
||||||
|
font-weight: 400;
|
||||||
|
color: #ffffff;
|
||||||
|
line-height: 20px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer {
|
||||||
|
width: 100%;
|
||||||
|
height: 200px;
|
||||||
|
position: relative;
|
||||||
|
|
||||||
|
div {
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.home {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
background-color: transparent;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
@ -9,6 +9,7 @@
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
font-family: "MicrosoftYaHei" !important;
|
font-family: "MicrosoftYaHei" !important;
|
||||||
|
background: transparent;
|
||||||
}
|
}
|
||||||
|
|
||||||
#app {
|
#app {
|
||||||
|
|
@ -17,8 +18,8 @@
|
||||||
/* width: 100vw;
|
/* width: 100vw;
|
||||||
height: 100vh; */
|
height: 100vh; */
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
background-image: url(./assets/img/左遮罩.png), url(./assets/img/右遮罩.png),
|
/* background-image: url(./assets/img/左遮罩.png), url(./assets/img/右遮罩.png),
|
||||||
url(./assets/img/遮罩上.png), url(./assets/img/下遮罩.png);
|
url(./assets/img/遮罩上.png), url(./assets/img/下遮罩.png); */
|
||||||
background-color: transparent;
|
background: transparent;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
|
||||||
|
|
@ -0,0 +1,223 @@
|
||||||
|
export let pdsJs = [
|
||||||
|
{
|
||||||
|
name: "总降电力室",
|
||||||
|
list: [
|
||||||
|
"6.3KV#1破碎出线",
|
||||||
|
"6.3KV#1窑头出线",
|
||||||
|
"6.3KV#1原料#1出线",
|
||||||
|
"6.3KV#1原料#2出线",
|
||||||
|
"6.3KV#2窑头出线",
|
||||||
|
"6.3KV#2原料#1出线",
|
||||||
|
"6.3KV#2原料#2出线",
|
||||||
|
"6.3KV#1发电机出线(安热线)",
|
||||||
|
"6.3KV#主变1进线",
|
||||||
|
"6.3KV#主变2进线",
|
||||||
|
],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: "矿山电力室",
|
||||||
|
list: [
|
||||||
|
"矿山进线柜",
|
||||||
|
"矿山变压器",
|
||||||
|
"1#石灰石破碎机",
|
||||||
|
"2#石灰石破碎机",
|
||||||
|
"矿山皮带机",
|
||||||
|
],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: "原材料电力室",
|
||||||
|
list: [
|
||||||
|
"仓库电源",
|
||||||
|
"水井总电源",
|
||||||
|
"1#圆锥取料机",
|
||||||
|
"2#圆锥取料机",
|
||||||
|
"28F1板喂机",
|
||||||
|
"28F2板喂机",
|
||||||
|
"2802皮带机",
|
||||||
|
"2803皮带机",
|
||||||
|
"2801皮带机",
|
||||||
|
"2302堆料机",
|
||||||
|
"2403皮带机",
|
||||||
|
"2402皮带机",
|
||||||
|
"2401皮带机",
|
||||||
|
"3504可逆皮带机",
|
||||||
|
"3502皮带机",
|
||||||
|
"3501皮带机",
|
||||||
|
"2306皮带机",
|
||||||
|
"2305皮带机",
|
||||||
|
"2304取料机",
|
||||||
|
"2303取料机",
|
||||||
|
],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: "一线生料磨电力室",
|
||||||
|
list: [
|
||||||
|
"1#进线",
|
||||||
|
"1#变压器",
|
||||||
|
"2#变压器",
|
||||||
|
"生料磨主电机",
|
||||||
|
"1#生料磨高温风机",
|
||||||
|
"原材料变压器",
|
||||||
|
"窑尾变压器",
|
||||||
|
"窑中整流变压器",
|
||||||
|
"1#循环风机",
|
||||||
|
"1#后排风机",
|
||||||
|
"2#进线",
|
||||||
|
"西院变压器",
|
||||||
|
"取暖泵1#2#3#",
|
||||||
|
"取暖泵4#",
|
||||||
|
"取暖泵5#",
|
||||||
|
"食堂公寓",
|
||||||
|
"1#空压机",
|
||||||
|
"2#空压机",
|
||||||
|
"3#空压机",
|
||||||
|
"选粉机",
|
||||||
|
"入库提升机",
|
||||||
|
],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: "二线生料磨电力室",
|
||||||
|
list: [
|
||||||
|
"1#进线",
|
||||||
|
"1#变压器",
|
||||||
|
"2#变压器",
|
||||||
|
"生料磨主电机",
|
||||||
|
"2#生料磨高温风机",
|
||||||
|
"窑尾变压器",
|
||||||
|
"窑中整流变压器",
|
||||||
|
"2#后排风机",
|
||||||
|
"2#循环风机",
|
||||||
|
"2#进线",
|
||||||
|
"6#水井",
|
||||||
|
"选粉机",
|
||||||
|
"4#空压机",
|
||||||
|
"入库提升机",
|
||||||
|
],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: "窑尾电力室",
|
||||||
|
list: ["南入窑提升机", "北入窑提升机", "入窑提升机1", "入窑提升机2"],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: "一线窑头电力室1",
|
||||||
|
list: [
|
||||||
|
"辊式破碎机",
|
||||||
|
"FR风机",
|
||||||
|
"F7风机",
|
||||||
|
"F8风机",
|
||||||
|
"F4风机",
|
||||||
|
"F5风机",
|
||||||
|
"F9风机",
|
||||||
|
"5703空浮风机",
|
||||||
|
"煤磨控制柜电源",
|
||||||
|
"7517风机",
|
||||||
|
"7516风机",
|
||||||
|
"1#液压电源",
|
||||||
|
"2#液压电源",
|
||||||
|
"F3风机",
|
||||||
|
"F2风机",
|
||||||
|
"F1风机",
|
||||||
|
"FB风机",
|
||||||
|
"FA风机",
|
||||||
|
"7518风机",
|
||||||
|
"F6风机",
|
||||||
|
"斜斗",
|
||||||
|
],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: "一线窑头电力室2",
|
||||||
|
list: [
|
||||||
|
"1#窑头进线",
|
||||||
|
"1#煤磨主电机",
|
||||||
|
"1#煤磨通风机",
|
||||||
|
"1#变压器",
|
||||||
|
"2#变压器",
|
||||||
|
"1#过剩风机",
|
||||||
|
"熟料外放1",
|
||||||
|
"7602堆料机、7603取料机",
|
||||||
|
"老中控楼、化验室",
|
||||||
|
"循环水泵房",
|
||||||
|
"1#煤磨辅机设备",
|
||||||
|
"熟料外放2",
|
||||||
|
],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: "二线窑头电力室1",
|
||||||
|
list: [
|
||||||
|
"F1风机",
|
||||||
|
"F2风机",
|
||||||
|
"F3风机",
|
||||||
|
"F4风机",
|
||||||
|
"F5风机",
|
||||||
|
"F6风机",
|
||||||
|
"F7风机",
|
||||||
|
"F8风机",
|
||||||
|
"FA风机",
|
||||||
|
"原煤板喂机",
|
||||||
|
"6635风机",
|
||||||
|
"FB风机",
|
||||||
|
"FR风机",
|
||||||
|
"5703空浮风机",
|
||||||
|
"7516风机",
|
||||||
|
"液压站一段油泵",
|
||||||
|
"液压站二段油泵",
|
||||||
|
"辊破电源",
|
||||||
|
"熟料链斗输送机",
|
||||||
|
"5703备用风机",
|
||||||
|
"7517风机",
|
||||||
|
"老中控楼电源",
|
||||||
|
"空调",
|
||||||
|
],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: "二线窑头电力室2",
|
||||||
|
list: [
|
||||||
|
"2#窑头进线",
|
||||||
|
"2#煤磨主电机",
|
||||||
|
"2#煤磨通风机",
|
||||||
|
"1#变压器",
|
||||||
|
"2#变压器",
|
||||||
|
"2#过剩风机",
|
||||||
|
"2#煤磨辅机",
|
||||||
|
"2#熟料外放",
|
||||||
|
],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: "一线原煤电力室",
|
||||||
|
list: [
|
||||||
|
"7102皮带机",
|
||||||
|
"7103皮带机",
|
||||||
|
"7601皮带机",
|
||||||
|
"原煤输送皮带",
|
||||||
|
"7605皮带机",
|
||||||
|
"7610皮带机",
|
||||||
|
"7604皮带机",
|
||||||
|
],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: "水泥磨电力室",
|
||||||
|
list: [
|
||||||
|
"总进线柜",
|
||||||
|
"变压器",
|
||||||
|
"水泥磨主电机",
|
||||||
|
"水泥磨收尘风机",
|
||||||
|
"水泥磨辊压机",
|
||||||
|
"水泥库底1#斜槽风机",
|
||||||
|
"2#3#4#库侧卸料罗茨风机",
|
||||||
|
"1#库侧罗茨风机",
|
||||||
|
"水泥库底2#斜槽风机",
|
||||||
|
"2#库侧罗茨风机",
|
||||||
|
"3#库侧罗茨风机",
|
||||||
|
"1#2#3#4#库侧水泥散装机",
|
||||||
|
"1#包装斗式提升机",
|
||||||
|
"4#库侧罗茨风机",
|
||||||
|
"1#库侧卸料罗茨风机",
|
||||||
|
"4#空压机",
|
||||||
|
"万吨仓电源",
|
||||||
|
"4#库侧罗茨风机",
|
||||||
|
"4#库侧罗茨风机",
|
||||||
|
"4#库侧罗茨风机",
|
||||||
|
"4#库侧罗茨风机",
|
||||||
|
],
|
||||||
|
},
|
||||||
|
];
|
||||||
|
|
@ -60,10 +60,10 @@ export default {
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
sendMessageToCSharp() {
|
sendMessageToCSharp(name) {
|
||||||
window.vuplex.postMessage({
|
window.vuplex.postMessage({
|
||||||
type: "Tog",
|
type: "Tog",
|
||||||
message: "碳资产管理_true",
|
message: `${name}_true`,
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
go1() {
|
go1() {
|
||||||
|
|
@ -73,6 +73,7 @@ export default {
|
||||||
this.flag4 = true;
|
this.flag4 = true;
|
||||||
this.flag5 = true;
|
this.flag5 = true;
|
||||||
this.flag6 = true;
|
this.flag6 = true;
|
||||||
|
this.sendMessageToCSharp("生产工艺");
|
||||||
// this.$router.push(
|
// this.$router.push(
|
||||||
// "/znywjk",
|
// "/znywjk",
|
||||||
// () => {},
|
// () => {},
|
||||||
|
|
@ -86,6 +87,7 @@ export default {
|
||||||
this.flag4 = true;
|
this.flag4 = true;
|
||||||
this.flag5 = true;
|
this.flag5 = true;
|
||||||
this.flag6 = true;
|
this.flag6 = true;
|
||||||
|
this.sendMessageToCSharp("能源监测");
|
||||||
this.$router.push(
|
this.$router.push(
|
||||||
"/area",
|
"/area",
|
||||||
() => { },
|
() => { },
|
||||||
|
|
@ -99,6 +101,7 @@ export default {
|
||||||
this.flag4 = true;
|
this.flag4 = true;
|
||||||
this.flag5 = true;
|
this.flag5 = true;
|
||||||
this.flag6 = true;
|
this.flag6 = true;
|
||||||
|
this.sendMessageToCSharp("负荷管理");
|
||||||
this.$router.push(
|
this.$router.push(
|
||||||
"/fhgl",
|
"/fhgl",
|
||||||
() => { },
|
() => { },
|
||||||
|
|
@ -112,6 +115,7 @@ export default {
|
||||||
this.flag4 = false;
|
this.flag4 = false;
|
||||||
this.flag5 = true;
|
this.flag5 = true;
|
||||||
this.flag6 = true;
|
this.flag6 = true;
|
||||||
|
this.sendMessageToCSharp("能效管理");
|
||||||
this.$router.push(
|
this.$router.push(
|
||||||
"/nxgl",
|
"/nxgl",
|
||||||
() => { },
|
() => { },
|
||||||
|
|
@ -125,6 +129,7 @@ export default {
|
||||||
this.flag4 = true;
|
this.flag4 = true;
|
||||||
this.flag5 = false;
|
this.flag5 = false;
|
||||||
this.flag6 = true;
|
this.flag6 = true;
|
||||||
|
this.sendMessageToCSharp("智能运维");
|
||||||
this.$router.push(
|
this.$router.push(
|
||||||
"/znyw",
|
"/znyw",
|
||||||
() => { },
|
() => { },
|
||||||
|
|
@ -138,6 +143,7 @@ export default {
|
||||||
this.flag4 = true;
|
this.flag4 = true;
|
||||||
this.flag5 = true;
|
this.flag5 = true;
|
||||||
this.flag6 = false;
|
this.flag6 = false;
|
||||||
|
this.sendMessageToCSharp("碳资产管理");
|
||||||
this.$router.push(
|
this.$router.push(
|
||||||
"/tzcgl",
|
"/tzcgl",
|
||||||
() => { },
|
() => { },
|
||||||
|
|
@ -153,13 +159,12 @@ export default {
|
||||||
padding: 0;
|
padding: 0;
|
||||||
border: none;
|
border: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.content {
|
.content {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
background-color: transparent !important;
|
|
||||||
background: url(../assets/img/标题.png);
|
background: url(../assets/img/标题.png);
|
||||||
background-size: cover;
|
background-size: cover;
|
||||||
|
background-color: transparent;
|
||||||
|
|
||||||
.box1 {
|
.box1 {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
|
|
@ -175,7 +180,7 @@ export default {
|
||||||
width: 216px;
|
width: 216px;
|
||||||
height: 46px;
|
height: 46px;
|
||||||
font-size: 50px;
|
font-size: 50px;
|
||||||
font-family: FZZhengHeiS-B-GB;
|
font-family: "FZZhengHeiS-B-GB";
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
line-height: 20px;
|
line-height: 20px;
|
||||||
|
|
@ -196,7 +201,7 @@ export default {
|
||||||
width: 216px;
|
width: 216px;
|
||||||
height: 46px;
|
height: 46px;
|
||||||
font-size: 50px;
|
font-size: 50px;
|
||||||
font-family: FZZhengHeiS-B-GB;
|
font-family: "FZZhengHeiS-B-GB";
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
line-height: 20px;
|
line-height: 20px;
|
||||||
|
|
@ -217,7 +222,7 @@ export default {
|
||||||
width: 216px;
|
width: 216px;
|
||||||
height: 46px;
|
height: 46px;
|
||||||
font-size: 50px;
|
font-size: 50px;
|
||||||
font-family: FZZhengHeiS-B-GB;
|
font-family: "FZZhengHeiS-B-GB";
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
line-height: 20px;
|
line-height: 20px;
|
||||||
|
|
@ -238,7 +243,7 @@ export default {
|
||||||
width: 216px;
|
width: 216px;
|
||||||
height: 46px;
|
height: 46px;
|
||||||
font-size: 50px;
|
font-size: 50px;
|
||||||
font-family: FZZhengHeiS-B-GB;
|
font-family: "FZZhengHeiS-B-GB";
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
line-height: 20px;
|
line-height: 20px;
|
||||||
|
|
@ -259,7 +264,7 @@ export default {
|
||||||
width: 216px;
|
width: 216px;
|
||||||
height: 46px;
|
height: 46px;
|
||||||
font-size: 50px;
|
font-size: 50px;
|
||||||
font-family: FZZhengHeiS-B-GB;
|
font-family: "FZZhengHeiS-B-GB";
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
line-height: 20px;
|
line-height: 20px;
|
||||||
|
|
@ -280,7 +285,7 @@ export default {
|
||||||
width: 216px;
|
width: 216px;
|
||||||
height: 46px;
|
height: 46px;
|
||||||
font-size: 50px;
|
font-size: 50px;
|
||||||
font-family: FZZhengHeiS-B-GB;
|
font-family: "FZZhengHeiS-B-GB";
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
line-height: 20px;
|
line-height: 20px;
|
||||||
|
|
|
||||||
|
|
@ -9,11 +9,12 @@
|
||||||
(dian = true),
|
(dian = true),
|
||||||
(shui = false),
|
(shui = false),
|
||||||
(mei = false),
|
(mei = false),
|
||||||
$router.push(
|
sendMessageToCSharp('能源监测_电');
|
||||||
'/area/nyjcd',
|
$router.push(
|
||||||
() => {},
|
'/area/nyjcd',
|
||||||
() => {}
|
() => {},
|
||||||
)
|
() => {}
|
||||||
|
);
|
||||||
"
|
"
|
||||||
/>
|
/>
|
||||||
<img src="../../assets/nyjc/电.png" alt="" v-show="dian" />
|
<img src="../../assets/nyjc/电.png" alt="" v-show="dian" />
|
||||||
|
|
@ -25,11 +26,12 @@
|
||||||
(dian = false),
|
(dian = false),
|
||||||
(shui = true),
|
(shui = true),
|
||||||
(mei = false),
|
(mei = false),
|
||||||
$router.push(
|
sendMessageToCSharp('能源监测_水');
|
||||||
'/area/nyjcs',
|
$router.push(
|
||||||
() => {},
|
'/area/nyjcs',
|
||||||
() => {}
|
() => {},
|
||||||
)
|
() => {}
|
||||||
|
);
|
||||||
"
|
"
|
||||||
/>
|
/>
|
||||||
<img src="../../assets/nyjc/水.png" alt="" v-show="shui" />
|
<img src="../../assets/nyjc/水.png" alt="" v-show="shui" />
|
||||||
|
|
@ -41,11 +43,12 @@
|
||||||
(dian = false),
|
(dian = false),
|
||||||
(shui = false),
|
(shui = false),
|
||||||
(mei = true),
|
(mei = true),
|
||||||
$router.push(
|
sendMessageToCSharp('能源监测_煤');
|
||||||
'/area/nyjcm',
|
$router.push(
|
||||||
() => {},
|
'/area/nyjcm',
|
||||||
() => {}
|
() => {},
|
||||||
)
|
() => {}
|
||||||
|
);
|
||||||
"
|
"
|
||||||
/>
|
/>
|
||||||
<img src="../../assets/nyjc/煤.png" alt="" v-show="mei" />
|
<img src="../../assets/nyjc/煤.png" alt="" v-show="mei" />
|
||||||
|
|
@ -64,6 +67,14 @@ export default {
|
||||||
mei: false,
|
mei: false,
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
|
methods: {
|
||||||
|
sendMessageToCSharp(name) {
|
||||||
|
window.vuplex.postMessage({
|
||||||
|
type: "Tog",
|
||||||
|
message: `${name}_true`,
|
||||||
|
});
|
||||||
|
},
|
||||||
|
},
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
<style scoped lang="less">
|
<style scoped lang="less">
|
||||||
|
|
|
||||||
|
|
@ -336,9 +336,16 @@ export default {
|
||||||
var myChart = this.$echarts.init(chartDom);
|
var myChart = this.$echarts.init(chartDom);
|
||||||
myChart.setOption(option);
|
myChart.setOption(option);
|
||||||
},
|
},
|
||||||
|
sendMessageToCSharp(name) {
|
||||||
|
window.vuplex.postMessage({
|
||||||
|
type: "Tog",
|
||||||
|
message: `${name}_true`,
|
||||||
|
});
|
||||||
|
},
|
||||||
goOne(a) {
|
goOne(a) {
|
||||||
this.click2 = "";
|
this.click2 = "";
|
||||||
this.click1 = a;
|
this.click1 = a;
|
||||||
|
this.sendMessageToCSharp(this.click1);
|
||||||
if (this.click1 == "配电室") {
|
if (this.click1 == "配电室") {
|
||||||
this.$router.replace(
|
this.$router.replace(
|
||||||
"/area/nyjcd/pds",
|
"/area/nyjcd/pds",
|
||||||
|
|
@ -356,6 +363,7 @@ export default {
|
||||||
goTwo(a) {
|
goTwo(a) {
|
||||||
this.click1 = "";
|
this.click1 = "";
|
||||||
this.click2 = a;
|
this.click2 = a;
|
||||||
|
this.sendMessageToCSharp(this.click2);
|
||||||
this.$router.replace(
|
this.$router.replace(
|
||||||
`/area/nyjcd/scx1?type=${this.click2}`,
|
`/area/nyjcd/scx1?type=${this.click2}`,
|
||||||
() => {},
|
() => {},
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue