zyh
This commit is contained in:
unknown
parent
c2b654afab
commit
1fe84027ae
|
|
@ -0,0 +1,386 @@
|
||||||
|
<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() {
|
||||||
|
window.vuplex.postMessage({
|
||||||
|
type: "Tog",
|
||||||
|
message: "碳资产管理_true",
|
||||||
|
});
|
||||||
|
},
|
||||||
|
go1() {
|
||||||
|
this.flag1 = false;
|
||||||
|
this.flag2 = true;
|
||||||
|
this.flag3 = true;
|
||||||
|
this.flag4 = true;
|
||||||
|
this.flag5 = true;
|
||||||
|
this.flag6 = true;
|
||||||
|
// this.$router.push(
|
||||||
|
// "/znywjk",
|
||||||
|
// () => {},
|
||||||
|
// () => {}
|
||||||
|
// );
|
||||||
|
},
|
||||||
|
go2() {
|
||||||
|
this.flag1 = true;
|
||||||
|
this.flag2 = false;
|
||||||
|
this.flag3 = true;
|
||||||
|
this.flag4 = true;
|
||||||
|
this.flag5 = true;
|
||||||
|
this.flag6 = true;
|
||||||
|
this.$router.push(
|
||||||
|
"/area",
|
||||||
|
() => {},
|
||||||
|
() => {}
|
||||||
|
);
|
||||||
|
},
|
||||||
|
go3() {
|
||||||
|
this.flag1 = true;
|
||||||
|
this.flag2 = true;
|
||||||
|
this.flag3 = false;
|
||||||
|
this.flag4 = true;
|
||||||
|
this.flag5 = true;
|
||||||
|
this.flag6 = true;
|
||||||
|
this.$router.push(
|
||||||
|
"/fhgl",
|
||||||
|
() => {},
|
||||||
|
() => {}
|
||||||
|
);
|
||||||
|
},
|
||||||
|
go4() {
|
||||||
|
this.flag1 = true;
|
||||||
|
this.flag2 = true;
|
||||||
|
this.flag3 = true;
|
||||||
|
this.flag4 = false;
|
||||||
|
this.flag5 = true;
|
||||||
|
this.flag6 = true;
|
||||||
|
this.$router.push(
|
||||||
|
"/nxgl",
|
||||||
|
() => {},
|
||||||
|
() => {}
|
||||||
|
);
|
||||||
|
},
|
||||||
|
go5() {
|
||||||
|
this.flag1 = true;
|
||||||
|
this.flag2 = true;
|
||||||
|
this.flag3 = true;
|
||||||
|
this.flag4 = true;
|
||||||
|
this.flag5 = false;
|
||||||
|
this.flag6 = true;
|
||||||
|
this.$router.push(
|
||||||
|
"/znyw",
|
||||||
|
() => {},
|
||||||
|
() => {}
|
||||||
|
);
|
||||||
|
},
|
||||||
|
go6() {
|
||||||
|
this.flag1 = true;
|
||||||
|
this.flag2 = true;
|
||||||
|
this.flag3 = true;
|
||||||
|
this.flag4 = true;
|
||||||
|
this.flag5 = true;
|
||||||
|
this.flag6 = false;
|
||||||
|
this.$router.push(
|
||||||
|
"/tzcgl",
|
||||||
|
() => {},
|
||||||
|
() => {}
|
||||||
|
);
|
||||||
|
},
|
||||||
|
},
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
<style lang="less" scoped>
|
||||||
|
* {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
border: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.content {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
background-color: transparent !important;
|
||||||
|
background: url(../assets/img/标题.png);
|
||||||
|
background-size: cover;
|
||||||
|
|
||||||
|
.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>
|
||||||
|
|
@ -0,0 +1,386 @@
|
||||||
|
<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() {
|
||||||
|
window.vuplex.postMessage({
|
||||||
|
type: "Tog",
|
||||||
|
message: "碳资产管理_true",
|
||||||
|
});
|
||||||
|
},
|
||||||
|
go1() {
|
||||||
|
this.flag1 = false;
|
||||||
|
this.flag2 = true;
|
||||||
|
this.flag3 = true;
|
||||||
|
this.flag4 = true;
|
||||||
|
this.flag5 = true;
|
||||||
|
this.flag6 = true;
|
||||||
|
// this.$router.push(
|
||||||
|
// "/znywjk",
|
||||||
|
// () => {},
|
||||||
|
// () => {}
|
||||||
|
// );
|
||||||
|
},
|
||||||
|
go2() {
|
||||||
|
this.flag1 = true;
|
||||||
|
this.flag2 = false;
|
||||||
|
this.flag3 = true;
|
||||||
|
this.flag4 = true;
|
||||||
|
this.flag5 = true;
|
||||||
|
this.flag6 = true;
|
||||||
|
this.$router.push(
|
||||||
|
"/area",
|
||||||
|
() => {},
|
||||||
|
() => {}
|
||||||
|
);
|
||||||
|
},
|
||||||
|
go3() {
|
||||||
|
this.flag1 = true;
|
||||||
|
this.flag2 = true;
|
||||||
|
this.flag3 = false;
|
||||||
|
this.flag4 = true;
|
||||||
|
this.flag5 = true;
|
||||||
|
this.flag6 = true;
|
||||||
|
this.$router.push(
|
||||||
|
"/fhgl",
|
||||||
|
() => {},
|
||||||
|
() => {}
|
||||||
|
);
|
||||||
|
},
|
||||||
|
go4() {
|
||||||
|
this.flag1 = true;
|
||||||
|
this.flag2 = true;
|
||||||
|
this.flag3 = true;
|
||||||
|
this.flag4 = false;
|
||||||
|
this.flag5 = true;
|
||||||
|
this.flag6 = true;
|
||||||
|
this.$router.push(
|
||||||
|
"/nxgl",
|
||||||
|
() => {},
|
||||||
|
() => {}
|
||||||
|
);
|
||||||
|
},
|
||||||
|
go5() {
|
||||||
|
this.flag1 = true;
|
||||||
|
this.flag2 = true;
|
||||||
|
this.flag3 = true;
|
||||||
|
this.flag4 = true;
|
||||||
|
this.flag5 = false;
|
||||||
|
this.flag6 = true;
|
||||||
|
this.$router.push(
|
||||||
|
"/znyw",
|
||||||
|
() => {},
|
||||||
|
() => {}
|
||||||
|
);
|
||||||
|
},
|
||||||
|
go6() {
|
||||||
|
this.flag1 = true;
|
||||||
|
this.flag2 = true;
|
||||||
|
this.flag3 = true;
|
||||||
|
this.flag4 = true;
|
||||||
|
this.flag5 = true;
|
||||||
|
this.flag6 = false;
|
||||||
|
this.$router.push(
|
||||||
|
"/tzcgl",
|
||||||
|
() => {},
|
||||||
|
() => {}
|
||||||
|
);
|
||||||
|
},
|
||||||
|
},
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
<style lang="less" scoped>
|
||||||
|
* {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
border: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.content {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
background-color: transparent !important;
|
||||||
|
background: url(../assets/img/标题.png);
|
||||||
|
background-size: cover;
|
||||||
|
|
||||||
|
.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>
|
||||||
|
|
@ -0,0 +1,327 @@
|
||||||
|
<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() {
|
||||||
|
window.vuplex.postMessage({
|
||||||
|
type: "Tog",
|
||||||
|
message: "碳资产管理_true",
|
||||||
|
});
|
||||||
|
},
|
||||||
|
go1() {
|
||||||
|
this.flag1 = false;
|
||||||
|
this.flag2 = true;
|
||||||
|
this.flag3 = true;
|
||||||
|
this.flag4 = true;
|
||||||
|
this.flag5 = true;
|
||||||
|
this.flag6 = true;
|
||||||
|
// this.$router.push(
|
||||||
|
// "/znywjk",
|
||||||
|
// () => {},
|
||||||
|
// () => {}
|
||||||
|
// );
|
||||||
|
},
|
||||||
|
go2() {
|
||||||
|
this.flag1 = true;
|
||||||
|
this.flag2 = false;
|
||||||
|
this.flag3 = true;
|
||||||
|
this.flag4 = true;
|
||||||
|
this.flag5 = true;
|
||||||
|
this.flag6 = true;
|
||||||
|
this.$router.push(
|
||||||
|
"/area",
|
||||||
|
() => { },
|
||||||
|
() => { }
|
||||||
|
);
|
||||||
|
},
|
||||||
|
go3() {
|
||||||
|
this.flag1 = true;
|
||||||
|
this.flag2 = true;
|
||||||
|
this.flag3 = false;
|
||||||
|
this.flag4 = true;
|
||||||
|
this.flag5 = true;
|
||||||
|
this.flag6 = true;
|
||||||
|
this.$router.push(
|
||||||
|
"/fhgl",
|
||||||
|
() => { },
|
||||||
|
() => { }
|
||||||
|
);
|
||||||
|
},
|
||||||
|
go4() {
|
||||||
|
this.flag1 = true;
|
||||||
|
this.flag2 = true;
|
||||||
|
this.flag3 = true;
|
||||||
|
this.flag4 = false;
|
||||||
|
this.flag5 = true;
|
||||||
|
this.flag6 = true;
|
||||||
|
this.$router.push(
|
||||||
|
"/nxgl",
|
||||||
|
() => { },
|
||||||
|
() => { }
|
||||||
|
);
|
||||||
|
},
|
||||||
|
go5() {
|
||||||
|
this.flag1 = true;
|
||||||
|
this.flag2 = true;
|
||||||
|
this.flag3 = true;
|
||||||
|
this.flag4 = true;
|
||||||
|
this.flag5 = false;
|
||||||
|
this.flag6 = true;
|
||||||
|
this.$router.push(
|
||||||
|
"/znyw",
|
||||||
|
() => { },
|
||||||
|
() => { }
|
||||||
|
);
|
||||||
|
},
|
||||||
|
go6() {
|
||||||
|
this.flag1 = true;
|
||||||
|
this.flag2 = true;
|
||||||
|
this.flag3 = true;
|
||||||
|
this.flag4 = true;
|
||||||
|
this.flag5 = true;
|
||||||
|
this.flag6 = false;
|
||||||
|
this.$router.push(
|
||||||
|
"/tzcgl",
|
||||||
|
() => { },
|
||||||
|
() => { }
|
||||||
|
);
|
||||||
|
},
|
||||||
|
},
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
<style lang="less" scoped>
|
||||||
|
* {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
border: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.content {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
background-color: transparent !important;
|
||||||
|
background: url(../assets/img/标题.png);
|
||||||
|
background-size: cover;
|
||||||
|
|
||||||
|
.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>
|
||||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
|
|
@ -5,98 +5,38 @@
|
||||||
</div>
|
</div>
|
||||||
<div class="footer">
|
<div class="footer">
|
||||||
<div class="box1" @click="go1">
|
<div class="box1" @click="go1">
|
||||||
<img
|
<img src="../assets/img/生产工艺按钮.png" v-show="flag1" alt="" class="tabbars1" />
|
||||||
src="../assets/img/生产工艺按钮.png"
|
<img src="../assets/img/生产工艺按钮选中_hover.png" alt="" v-show="!flag1" class="tabbars1" />
|
||||||
v-show="flag1"
|
|
||||||
alt=""
|
|
||||||
class="tabbars1"
|
|
||||||
/>
|
|
||||||
<img
|
|
||||||
src="../assets/img/生产工艺按钮选中_hover.png"
|
|
||||||
alt=""
|
|
||||||
v-show="!flag1"
|
|
||||||
class="tabbars1"
|
|
||||||
/>
|
|
||||||
<p>生产工艺</p>
|
<p>生产工艺</p>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="box2" @click="go2">
|
<div class="box2" @click="go2">
|
||||||
<img
|
<img src="../assets/img/能源监测按钮 拷贝.png" alt="" v-show="flag2" class="tabbars2" />
|
||||||
src="../assets/img/能源监测按钮 拷贝.png"
|
<img src="../assets/img/能源监测按钮 _hover.png" alt="" v-show="!flag2" class="tabbars2" />
|
||||||
alt=""
|
|
||||||
v-show="flag2"
|
|
||||||
class="tabbars2"
|
|
||||||
/>
|
|
||||||
<img
|
|
||||||
src="../assets/img/能源监测按钮 _hover.png"
|
|
||||||
alt=""
|
|
||||||
v-show="!flag2"
|
|
||||||
class="tabbars2"
|
|
||||||
/>
|
|
||||||
<p>能源监测</p>
|
<p>能源监测</p>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="box3" @click="go3">
|
<div class="box3" @click="go3">
|
||||||
<img
|
<img src="../assets/img/负荷管理按钮 .png" v-show="flag3" alt="" class="tabbars3" />
|
||||||
src="../assets/img/负荷管理按钮 .png"
|
<img src="../assets/img/负荷管理按钮 拷贝_hover.png" alt="" v-show="!flag3" class="tabbars3" />
|
||||||
v-show="flag3"
|
|
||||||
alt=""
|
|
||||||
class="tabbars3"
|
|
||||||
/>
|
|
||||||
<img
|
|
||||||
src="../assets/img/负荷管理按钮 拷贝_hover.png"
|
|
||||||
alt=""
|
|
||||||
v-show="!flag3"
|
|
||||||
class="tabbars3"
|
|
||||||
/>
|
|
||||||
<p>负荷管理</p>
|
<p>负荷管理</p>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="box4" @click="go4">
|
<div class="box4" @click="go4">
|
||||||
<img
|
<img src="../assets/img/能效管理按钮 拷贝.png" alt="" v-show="flag4" class="tabbars4" />
|
||||||
src="../assets/img/能效管理按钮 拷贝.png"
|
<img src="../assets/img/能效管理按钮_hover.png" alt="" v-show="!flag4" class="tabbars4" />
|
||||||
alt=""
|
|
||||||
v-show="flag4"
|
|
||||||
class="tabbars4"
|
|
||||||
/>
|
|
||||||
<img
|
|
||||||
src="../assets/img/能效管理按钮_hover.png"
|
|
||||||
alt=""
|
|
||||||
v-show="!flag4"
|
|
||||||
class="tabbars4"
|
|
||||||
/>
|
|
||||||
<p>能效管理</p>
|
<p>能效管理</p>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="box5" @click="go5">
|
<div class="box5" @click="go5">
|
||||||
<img
|
<img src="../assets/img/智能运维按钮 拷贝.png" alt="" v-show="flag5" class="tabbars5" />
|
||||||
src="../assets/img/智能运维按钮 拷贝.png"
|
<img src="../assets/img/智能运维按_hover.png" v-show="!flag5" alt="" class="tabbars5" />
|
||||||
alt=""
|
|
||||||
v-show="flag5"
|
|
||||||
class="tabbars5"
|
|
||||||
/>
|
|
||||||
<img
|
|
||||||
src="../assets/img/智能运维按_hover.png"
|
|
||||||
v-show="!flag5"
|
|
||||||
alt=""
|
|
||||||
class="tabbars5"
|
|
||||||
/>
|
|
||||||
<p>智能运维</p>
|
<p>智能运维</p>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="box6" @click="go6">
|
<div class="box6" @click="go6">
|
||||||
<img
|
<img src="../assets/img/碳资产管理.png" v-show="flag6" alt="" class="tabbars6" />
|
||||||
src="../assets/img/碳资产管理.png"
|
<img src="../assets/img/碳资产管理 拷贝_hover.png" alt="" v-show="!flag6" class="tabbars6" />
|
||||||
v-show="flag6"
|
|
||||||
alt=""
|
|
||||||
class="tabbars6"
|
|
||||||
/>
|
|
||||||
<img
|
|
||||||
src="../assets/img/碳资产管理 拷贝_hover.png"
|
|
||||||
alt=""
|
|
||||||
v-show="!flag6"
|
|
||||||
class="tabbars6"
|
|
||||||
/>
|
|
||||||
<p>碳资产管理</p>
|
<p>碳资产管理</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -148,8 +88,8 @@ export default {
|
||||||
this.flag6 = true;
|
this.flag6 = true;
|
||||||
this.$router.push(
|
this.$router.push(
|
||||||
"/area",
|
"/area",
|
||||||
() => {},
|
() => { },
|
||||||
() => {}
|
() => { }
|
||||||
);
|
);
|
||||||
},
|
},
|
||||||
go3() {
|
go3() {
|
||||||
|
|
@ -161,8 +101,8 @@ export default {
|
||||||
this.flag6 = true;
|
this.flag6 = true;
|
||||||
this.$router.push(
|
this.$router.push(
|
||||||
"/fhgl",
|
"/fhgl",
|
||||||
() => {},
|
() => { },
|
||||||
() => {}
|
() => { }
|
||||||
);
|
);
|
||||||
},
|
},
|
||||||
go4() {
|
go4() {
|
||||||
|
|
@ -174,8 +114,8 @@ export default {
|
||||||
this.flag6 = true;
|
this.flag6 = true;
|
||||||
this.$router.push(
|
this.$router.push(
|
||||||
"/nxgl",
|
"/nxgl",
|
||||||
() => {},
|
() => { },
|
||||||
() => {}
|
() => { }
|
||||||
);
|
);
|
||||||
},
|
},
|
||||||
go5() {
|
go5() {
|
||||||
|
|
@ -187,8 +127,8 @@ export default {
|
||||||
this.flag6 = true;
|
this.flag6 = true;
|
||||||
this.$router.push(
|
this.$router.push(
|
||||||
"/znyw",
|
"/znyw",
|
||||||
() => {},
|
() => { },
|
||||||
() => {}
|
() => { }
|
||||||
);
|
);
|
||||||
},
|
},
|
||||||
go6() {
|
go6() {
|
||||||
|
|
@ -200,8 +140,8 @@ export default {
|
||||||
this.flag6 = false;
|
this.flag6 = false;
|
||||||
this.$router.push(
|
this.$router.push(
|
||||||
"/tzcgl",
|
"/tzcgl",
|
||||||
() => {},
|
() => { },
|
||||||
() => {}
|
() => { }
|
||||||
);
|
);
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
|
|
@ -217,7 +157,7 @@ export default {
|
||||||
.content {
|
.content {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
background-color: transparent;
|
background-color: transparent !important;
|
||||||
background: url(../assets/img/标题.png);
|
background: url(../assets/img/标题.png);
|
||||||
background-size: cover;
|
background-size: cover;
|
||||||
|
|
||||||
|
|
@ -372,6 +312,7 @@ export default {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 200px;
|
height: 200px;
|
||||||
position: relative;
|
position: relative;
|
||||||
|
|
||||||
div {
|
div {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -1059,13 +1059,13 @@ export default {
|
||||||
data: Lengths,
|
data: Lengths,
|
||||||
textStyle: {
|
textStyle: {
|
||||||
color: '#BFEBFF',
|
color: '#BFEBFF',
|
||||||
fontSize: 18,
|
fontSize: 30,
|
||||||
},
|
},
|
||||||
itemHeight: 16,
|
itemHeight: 16,
|
||||||
itemWidth: 4,
|
itemWidth: 30,
|
||||||
right: '10%',
|
left: '15%',
|
||||||
top: 10,
|
top: 0,
|
||||||
itemGap: 40,
|
itemGap: 50,
|
||||||
},
|
},
|
||||||
//X轴
|
//X轴
|
||||||
xAxis: {
|
xAxis: {
|
||||||
|
|
@ -1306,7 +1306,6 @@ export default {
|
||||||
.imgBox {
|
.imgBox {
|
||||||
height: 93px;
|
height: 93px;
|
||||||
width: 1156px;
|
width: 1156px;
|
||||||
|
|
||||||
p {
|
p {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
|
|
|
||||||
|
|
@ -502,8 +502,39 @@ export default {
|
||||||
this.$echarts.graphic.registerShape("CubeRight", CubeRight);
|
this.$echarts.graphic.registerShape("CubeRight", CubeRight);
|
||||||
this.$echarts.graphic.registerShape("CubeTop", CubeTop);
|
this.$echarts.graphic.registerShape("CubeTop", CubeTop);
|
||||||
let xAxisData = ["7月", "8月", "9月", "10月", "11月", "12月"];
|
let xAxisData = ["7月", "8月", "9月", "10月", "11月", "12月"];
|
||||||
let seriesData = [100, 200, 300, 400, 300, 400];
|
let seriesData = [
|
||||||
|
{
|
||||||
|
name: "",
|
||||||
|
value: 100,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: "",
|
||||||
|
value: 200,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: "",
|
||||||
|
value: 300,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: "",
|
||||||
|
value: 400,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: "",
|
||||||
|
value: 300,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: "",
|
||||||
|
value: 400,
|
||||||
|
}];
|
||||||
let zheDate = [99, 180, 320, 400, 300, 420];
|
let zheDate = [99, 180, 320, 400, 300, 420];
|
||||||
|
for (var i = 0; i < seriesData.length; i++) {
|
||||||
|
if (seriesData[i].value < zheDate[i]) {
|
||||||
|
seriesData[i].name = "小于计划"
|
||||||
|
} else if (seriesData[i].value > zheDate[i]) {
|
||||||
|
seriesData[i].name = "大于计划"
|
||||||
|
}
|
||||||
|
}
|
||||||
//拿到最大值
|
//拿到最大值
|
||||||
// const maxValue = Math.max(...seriesData);
|
// const maxValue = Math.max(...seriesData);
|
||||||
|
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue