liulonglong
/
shuinichang_
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

zyh

This commit is contained in:
unknown 2023-11-28 10:35:29 +08:00
parent fc4ccea981 2ccc92c4d4
commit beaf01be06
6 changed files with 608 additions and 28 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

332
.history/src/views/Index_20231128103501.vue Normal file
View File

@ -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>

7
src/App.vue
View File

@ -9,6 +9,7 @@
margin: 0;
padding: 0;
font-family: "MicrosoftYaHei" !important;
background: transparent;
}
#app {
@ -17,8 +18,8 @@
/* width: 100vw;
height: 100vh; */
overflow: hidden;
background-image: url(./assets/img/左遮罩.png), url(./assets/img/右遮罩.png),
url(./assets/img/遮罩上.png), url(./assets/img/下遮罩.png);
background-color: transparent;
/* background-image: url(./assets/img/左遮罩.png), url(./assets/img/右遮罩.png),
url(./assets/img/遮罩上.png), url(./assets/img/下遮罩.png); */
background: transparent;
}
</style>

223
src/utils/pds.js Normal file
View File

@ -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#库侧罗茨风机",
],
},
];

25
src/views/Index.vue
View File

@ -60,10 +60,10 @@ export default {
};
},
methods: {
sendMessageToCSharp() {
sendMessageToCSharp(name) {
window.vuplex.postMessage({
type: "Tog",
message: "碳资产管理_true",
message: `${name}_true`,
});
},
go1() {
@ -73,6 +73,7 @@ export default {
this.flag4 = true;
this.flag5 = true;
this.flag6 = true;
this.sendMessageToCSharp("生产工艺");
// this.$router.push(
// "/znywjk",
// () => {},
@ -86,6 +87,7 @@ export default {
this.flag4 = true;
this.flag5 = true;
this.flag6 = true;
this.sendMessageToCSharp("能源监测");
this.$router.push(
"/area",
() => { },
@ -99,6 +101,7 @@ export default {
this.flag4 = true;
this.flag5 = true;
this.flag6 = true;
this.sendMessageToCSharp("负荷管理");
this.$router.push(
"/fhgl",
() => { },
@ -112,6 +115,7 @@ export default {
this.flag4 = false;
this.flag5 = true;
this.flag6 = true;
this.sendMessageToCSharp("能效管理");
this.$router.push(
"/nxgl",
() => { },
@ -125,6 +129,7 @@ export default {
this.flag4 = true;
this.flag5 = false;
this.flag6 = true;
this.sendMessageToCSharp("智能运维");
this.$router.push(
"/znyw",
() => { },
@ -138,6 +143,7 @@ export default {
this.flag4 = true;
this.flag5 = true;
this.flag6 = false;
this.sendMessageToCSharp("碳资产管理");
this.$router.push(
"/tzcgl",
() => { },
@ -153,13 +159,12 @@ export default {
padding: 0;
border: none;
}
.content {
width: 100%;
height: 100%;
background-color: transparent !important;
background: url(../assets/img/标题.png);
background-size: cover;
background-color: transparent;
.box1 {
position: absolute;
@ -175,7 +180,7 @@ export default {
width: 216px;
height: 46px;
font-size: 50px;
font-family: FZZhengHeiS-B-GB;
font-family: "FZZhengHeiS-B-GB";
font-weight: 400;
color: #ffffff;
line-height: 20px;
@ -196,7 +201,7 @@ export default {
width: 216px;
height: 46px;
font-size: 50px;
font-family: FZZhengHeiS-B-GB;
font-family: "FZZhengHeiS-B-GB";
font-weight: 400;
color: #ffffff;
line-height: 20px;
@ -217,7 +222,7 @@ export default {
width: 216px;
height: 46px;
font-size: 50px;
font-family: FZZhengHeiS-B-GB;
font-family: "FZZhengHeiS-B-GB";
font-weight: 400;
color: #ffffff;
line-height: 20px;
@ -238,7 +243,7 @@ export default {
width: 216px;
height: 46px;
font-size: 50px;
font-family: FZZhengHeiS-B-GB;
font-family: "FZZhengHeiS-B-GB";
font-weight: 400;
color: #ffffff;
line-height: 20px;
@ -259,7 +264,7 @@ export default {
width: 216px;
height: 46px;
font-size: 50px;
font-family: FZZhengHeiS-B-GB;
font-family: "FZZhengHeiS-B-GB";
font-weight: 400;
color: #ffffff;
line-height: 20px;
@ -280,7 +285,7 @@ export default {
width: 216px;
height: 46px;
font-size: 50px;
font-family: FZZhengHeiS-B-GB;
font-family: "FZZhengHeiS-B-GB";
font-weight: 400;
color: #ffffff;
line-height: 20px;

41
src/views/lll/AREA.vue
View File

@ -9,11 +9,12 @@
(dian = true),
(shui = false),
(mei = false),
$router.push(
'/area/nyjcd',
() => {},
() => {}
)
sendMessageToCSharp('能源监测_电');
$router.push(
'/area/nyjcd',
() => {},
() => {}
);
"
/>
<img src="../../assets/nyjc/电.png" alt="" v-show="dian" />
@ -25,11 +26,12 @@
(dian = false),
(shui = true),
(mei = false),
$router.push(
'/area/nyjcs',
() => {},
() => {}
)
sendMessageToCSharp('能源监测_水');
$router.push(
'/area/nyjcs',
() => {},
() => {}
);
"
/>
<img src="../../assets/nyjc/水.png" alt="" v-show="shui" />
@ -41,11 +43,12 @@
(dian = false),
(shui = false),
(mei = true),
$router.push(
'/area/nyjcm',
() => {},
() => {}
)
sendMessageToCSharp('能源监测_煤');
$router.push(
'/area/nyjcm',
() => {},
() => {}
);
"
/>
<img src="../../assets/nyjc/煤.png" alt="" v-show="mei" />
@ -64,6 +67,14 @@ export default {
mei: false,
};
},
methods: {
sendMessageToCSharp(name) {
window.vuplex.postMessage({
type: "Tog",
message: `${name}_true`,
});
},
},
};
</script>
<style scoped lang="less">

8
src/views/lll/NYJCD.vue
View File

@ -336,9 +336,16 @@ export default {
var myChart = this.$echarts.init(chartDom);
myChart.setOption(option);
},
sendMessageToCSharp(name) {
window.vuplex.postMessage({
type: "Tog",
message: `${name}_true`,
});
},
goOne(a) {
this.click2 = "";
this.click1 = a;
this.sendMessageToCSharp(this.click1);
if (this.click1 == "配电室") {
this.$router.replace(
"/area/nyjcd/pds",
@ -356,6 +363,7 @@ export default {
goTwo(a) {
this.click1 = "";
this.click2 = a;
this.sendMessageToCSharp(this.click2);
this.$router.replace(
`/area/nyjcd/scx1?type=${this.click2}`,
() => {},