|
@@ -20,7 +20,7 @@
|
|
<img src="@/assets/img/arror1.png" class="arror1 move ar-animated">
|
|
<img src="@/assets/img/arror1.png" class="arror1 move ar-animated">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
-
|
|
|
|
|
|
+
|
|
<div class="flex">
|
|
<div class="flex">
|
|
<span class="box_one">乙烷</span>
|
|
<span class="box_one">乙烷</span>
|
|
<div class="arror_one">
|
|
<div class="arror_one">
|
|
@@ -28,7 +28,7 @@
|
|
<img src="@/assets/img/arror1.png" class="arror1 move ar-animated">
|
|
<img src="@/assets/img/arror1.png" class="arror1 move ar-animated">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
-
|
|
|
|
|
|
+
|
|
<div class="flex">
|
|
<div class="flex">
|
|
<span class="box_one">C5</span>
|
|
<span class="box_one">C5</span>
|
|
<div class="arror_one">
|
|
<div class="arror_one">
|
|
@@ -36,7 +36,7 @@
|
|
<img src="@/assets/img/arror1.png" class="arror1 move ar-animated">
|
|
<img src="@/assets/img/arror1.png" class="arror1 move ar-animated">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
-
|
|
|
|
|
|
+
|
|
<div class="flex">
|
|
<div class="flex">
|
|
<span class="box_one">C6-C8</span>
|
|
<span class="box_one">C6-C8</span>
|
|
<div class="arror_one">
|
|
<div class="arror_one">
|
|
@@ -44,7 +44,7 @@
|
|
<img src="@/assets/img/arror1.png" class="arror1 move ar-animated">
|
|
<img src="@/assets/img/arror1.png" class="arror1 move ar-animated">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
-
|
|
|
|
|
|
+
|
|
<div class="flex">
|
|
<div class="flex">
|
|
<span class="box_one">LPG</span>
|
|
<span class="box_one">LPG</span>
|
|
<div class="arror_one">
|
|
<div class="arror_one">
|
|
@@ -53,7 +53,7 @@
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
-
|
|
|
|
|
|
+
|
|
<div class="layout_left">
|
|
<div class="layout_left">
|
|
<div class="box_two">
|
|
<div class="box_two">
|
|
<div class="luziBox" @click="newTabClick">
|
|
<div class="luziBox" @click="newTabClick">
|
|
@@ -129,10 +129,10 @@
|
|
<p class="text2">310-H-109B</p>
|
|
<p class="text2">310-H-109B</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
-
|
|
|
|
|
|
+
|
|
<div class="furnace">Furnace</div>
|
|
<div class="furnace">Furnace</div>
|
|
</div>
|
|
</div>
|
|
-
|
|
|
|
|
|
+
|
|
<div class="layout_left">
|
|
<div class="layout_left">
|
|
<img src="@/assets/img/arror4.png" class="arror4 move ar-animated ar-delay-4s">
|
|
<img src="@/assets/img/arror4.png" class="arror4 move ar-animated ar-delay-4s">
|
|
</div>
|
|
</div>
|
|
@@ -140,40 +140,40 @@
|
|
<div class="luzi2">
|
|
<div class="luzi2">
|
|
<div class="ebo2Box">EBO</div>
|
|
<div class="ebo2Box">EBO</div>
|
|
<div class="imgBox">
|
|
<div class="imgBox">
|
|
-
|
|
|
|
|
|
+
|
|
<img src="@/assets/img/luzi2-img-arror2.png" class="luzi2-img2 move2 ar-animated">
|
|
<img src="@/assets/img/luzi2-img-arror2.png" class="luzi2-img2 move2 ar-animated">
|
|
<img src="@/assets/img/arror4.png" class="arror4 luzi2-img3 move3 ar-animated">
|
|
<img src="@/assets/img/arror4.png" class="arror4 luzi2-img3 move3 ar-animated">
|
|
<img src="@/assets/img/arror4.png" class="arror4 luzi2-img4 move3 ar-animated">
|
|
<img src="@/assets/img/arror4.png" class="arror4 luzi2-img4 move3 ar-animated">
|
|
-
|
|
|
|
|
|
+
|
|
<img src="@/assets/img/arror5.png" class="arror5 luzi2-img8 move7 ar-animated">
|
|
<img src="@/assets/img/arror5.png" class="arror5 luzi2-img8 move7 ar-animated">
|
|
-
|
|
|
|
|
|
+
|
|
<img src="@/assets/img/arrorDown.png" class="arrorDown1 luzi2-img5 move4 ar-animated">
|
|
<img src="@/assets/img/arrorDown.png" class="arrorDown1 luzi2-img5 move4 ar-animated">
|
|
<img src="@/assets/img/arrorDown.png" class="arrorDown1 luzi2-img6 move5 ar-animated">
|
|
<img src="@/assets/img/arrorDown.png" class="arrorDown1 luzi2-img6 move5 ar-animated">
|
|
<img src="@/assets/img/arrorDown.png" class="arrorDown2 luzi2-img7 move6 ar-animated">
|
|
<img src="@/assets/img/arrorDown.png" class="arrorDown2 luzi2-img7 move6 ar-animated">
|
|
-
|
|
|
|
|
|
+
|
|
<div class="xixian">
|
|
<div class="xixian">
|
|
<img src="@/assets/img/luzi2-img-arror1.png" class="luzi2-img1">
|
|
<img src="@/assets/img/luzi2-img-arror1.png" class="luzi2-img1">
|
|
<img src="@/assets/img/sanjiao.png" class="sanjiao1 move8 ar-animated">
|
|
<img src="@/assets/img/sanjiao.png" class="sanjiao1 move8 ar-animated">
|
|
</div>
|
|
</div>
|
|
-
|
|
|
|
|
|
+
|
|
<div class="xixian">
|
|
<div class="xixian">
|
|
<img src="@/assets/img/arror6.png" class="arror6">
|
|
<img src="@/assets/img/arror6.png" class="arror6">
|
|
<img src="@/assets/img/sanjiao.png" class="sanjiao2 move9 ar-animated1">
|
|
<img src="@/assets/img/sanjiao.png" class="sanjiao2 move9 ar-animated1">
|
|
</div>
|
|
</div>
|
|
-
|
|
|
|
|
|
+
|
|
<div class="xixian">
|
|
<div class="xixian">
|
|
<img src="@/assets/img/arror7.png" class="arror7">
|
|
<img src="@/assets/img/arror7.png" class="arror7">
|
|
<img src="@/assets/img/sanjiao.png" class="sanjiao3 move10 ar-animated1">
|
|
<img src="@/assets/img/sanjiao.png" class="sanjiao3 move10 ar-animated1">
|
|
</div>
|
|
</div>
|
|
-
|
|
|
|
|
|
+
|
|
<img src="@/assets/img/arror8.png" class="arror8">
|
|
<img src="@/assets/img/arror8.png" class="arror8">
|
|
-
|
|
|
|
-
|
|
|
|
|
|
+
|
|
|
|
+
|
|
<div class="xixian">
|
|
<div class="xixian">
|
|
<img src="@/assets/img/arror9.png" class="arror9">
|
|
<img src="@/assets/img/arror9.png" class="arror9">
|
|
<img src="@/assets/img/sanjiao.png" class="sanjiao4 move11 ar-animated">
|
|
<img src="@/assets/img/sanjiao.png" class="sanjiao4 move11 ar-animated">
|
|
</div>
|
|
</div>
|
|
-
|
|
|
|
|
|
+
|
|
<div class="xixian">
|
|
<div class="xixian">
|
|
<img src="@/assets/img/arror9.png" class="arror10">
|
|
<img src="@/assets/img/arror9.png" class="arror10">
|
|
<img src="@/assets/img/sanjiao.png" class="sanjiao5 move12 ar-animated">
|
|
<img src="@/assets/img/sanjiao.png" class="sanjiao5 move12 ar-animated">
|
|
@@ -186,13 +186,13 @@
|
|
<img src="@/assets/img/arror9.png" class="arror12">
|
|
<img src="@/assets/img/arror9.png" class="arror12">
|
|
<img src="@/assets/img/sanjiao.png" class="sanjiao7 move14 ar-animated">
|
|
<img src="@/assets/img/sanjiao.png" class="sanjiao7 move14 ar-animated">
|
|
</div>
|
|
</div>
|
|
-
|
|
|
|
|
|
+
|
|
<div class="xixian">
|
|
<div class="xixian">
|
|
<img src="@/assets/img/arror10.png" class="arror13">
|
|
<img src="@/assets/img/arror10.png" class="arror13">
|
|
<img src="@/assets/img/sanjiao.png" class="sanjiao8 move15 ar-animated">
|
|
<img src="@/assets/img/sanjiao.png" class="sanjiao8 move15 ar-animated">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
-
|
|
|
|
|
|
+
|
|
<div class="wordBox">
|
|
<div class="wordBox">
|
|
<span class="location loc1">Compressor</span>
|
|
<span class="location loc1">Compressor</span>
|
|
<span class="location loc2">Cold Section</span>
|
|
<span class="location loc2">Cold Section</span>
|
|
@@ -207,23 +207,23 @@
|
|
<span class="section4" @click="newTabClick1"></span>
|
|
<span class="section4" @click="newTabClick1"></span>
|
|
<span class="section5" @click="newTabClick2"></span>
|
|
<span class="section5" @click="newTabClick2"></span>
|
|
<span class="section7" @click="newTabClick1"></span>
|
|
<span class="section7" @click="newTabClick1"></span>
|
|
-
|
|
|
|
|
|
+
|
|
<span class="location loc9">{{ dashboarddata.energyRpg }}</span>
|
|
<span class="location loc9">{{ dashboarddata.energyRpg }}</span>
|
|
</div>
|
|
</div>
|
|
-
|
|
|
|
|
|
+
|
|
<div class="elementBox elementBoxLoc1">
|
|
<div class="elementBox elementBoxLoc1">
|
|
<div class="box_one elementItem">RPG</div>
|
|
<div class="box_one elementItem">RPG</div>
|
|
<div class="box_one elementItem">H2</div>
|
|
<div class="box_one elementItem">H2</div>
|
|
-
|
|
|
|
|
|
+
|
|
</div>
|
|
</div>
|
|
-
|
|
|
|
|
|
+
|
|
<div class="elementBox elementBoxLoc2">
|
|
<div class="elementBox elementBoxLoc2">
|
|
<div class="box_one elementItem">Washoil</div>
|
|
<div class="box_one elementItem">Washoil</div>
|
|
<div class="box_one elementItem">C5</div>
|
|
<div class="box_one elementItem">C5</div>
|
|
<div class="box_one elementItem">RMA</div>
|
|
<div class="box_one elementItem">RMA</div>
|
|
<div class="box_one elementItem">C9</div>
|
|
<div class="box_one elementItem">C9</div>
|
|
-
|
|
|
|
-
|
|
|
|
|
|
+
|
|
|
|
+
|
|
<div class="sekuaiBox">
|
|
<div class="sekuaiBox">
|
|
<span class="item blue pos1">
|
|
<span class="item blue pos1">
|
|
{{ dashboarddata.energyWashoil }}
|
|
{{ dashboarddata.energyWashoil }}
|
|
@@ -239,8 +239,8 @@
|
|
</span>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
-
|
|
|
|
-
|
|
|
|
|
|
+
|
|
|
|
+
|
|
<div class="elementBox elementBoxLoc3">
|
|
<div class="elementBox elementBoxLoc3">
|
|
<div class="box_one elementItem">H2</div>
|
|
<div class="box_one elementItem">H2</div>
|
|
<div class="box_one elementItem">C2H4</div>
|
|
<div class="box_one elementItem">C2H4</div>
|
|
@@ -253,8 +253,8 @@
|
|
<div class="box_one elementItem">Toluene</div>
|
|
<div class="box_one elementItem">Toluene</div>
|
|
<div class="box_one elementItem">Xylene</div>
|
|
<div class="box_one elementItem">Xylene</div>
|
|
<div class="box_one elementItem">C6-C8 NA</div>
|
|
<div class="box_one elementItem">C6-C8 NA</div>
|
|
-
|
|
|
|
-
|
|
|
|
|
|
+
|
|
|
|
+
|
|
<div class="xixian">
|
|
<div class="xixian">
|
|
<img src="@/assets/img/arror11.png" class="arror14">
|
|
<img src="@/assets/img/arror11.png" class="arror14">
|
|
<img src="@/assets/img/sanjiao.png" class="sanjiao9 move16 ar-animated3">
|
|
<img src="@/assets/img/sanjiao.png" class="sanjiao9 move16 ar-animated3">
|
|
@@ -267,43 +267,43 @@
|
|
<img src="@/assets/img/arror11.png" class="arror16">
|
|
<img src="@/assets/img/arror11.png" class="arror16">
|
|
<img src="@/assets/img/sanjiao.png" class="sanjiao11 move16 ar-animated3">
|
|
<img src="@/assets/img/sanjiao.png" class="sanjiao11 move16 ar-animated3">
|
|
</div>
|
|
</div>
|
|
-
|
|
|
|
|
|
+
|
|
<div class="xixian">
|
|
<div class="xixian">
|
|
<img src="@/assets/img/arror12.png" class="arror17">
|
|
<img src="@/assets/img/arror12.png" class="arror17">
|
|
<img src="@/assets/img/sanjiao.png" class="sanjiao12 move17 ar-animated1">
|
|
<img src="@/assets/img/sanjiao.png" class="sanjiao12 move17 ar-animated1">
|
|
</div>
|
|
</div>
|
|
-
|
|
|
|
|
|
+
|
|
<div class="xixian">
|
|
<div class="xixian">
|
|
<img src="@/assets/img/arror11.png" class="arror18">
|
|
<img src="@/assets/img/arror11.png" class="arror18">
|
|
<img src="@/assets/img/sanjiao.png" class="sanjiao13 move16 ar-animated3">
|
|
<img src="@/assets/img/sanjiao.png" class="sanjiao13 move16 ar-animated3">
|
|
</div>
|
|
</div>
|
|
-
|
|
|
|
|
|
+
|
|
<div class="xixian">
|
|
<div class="xixian">
|
|
<img src="@/assets/img/arror11.png" class="arror19">
|
|
<img src="@/assets/img/arror11.png" class="arror19">
|
|
<img src="@/assets/img/sanjiao.png" class="sanjiao14 move16 ar-animated3">
|
|
<img src="@/assets/img/sanjiao.png" class="sanjiao14 move16 ar-animated3">
|
|
</div>
|
|
</div>
|
|
-
|
|
|
|
|
|
+
|
|
<div class="xixian">
|
|
<div class="xixian">
|
|
<img src="@/assets/img/arror14.png" class="arror20">
|
|
<img src="@/assets/img/arror14.png" class="arror20">
|
|
<img src="@/assets/img/sanjiao.png" class="sanjiao15 move16 ar-animated3">
|
|
<img src="@/assets/img/sanjiao.png" class="sanjiao15 move16 ar-animated3">
|
|
</div>
|
|
</div>
|
|
-
|
|
|
|
|
|
+
|
|
<div class="xixian">
|
|
<div class="xixian">
|
|
<img src="@/assets/img/arror11.png" class="arror21">
|
|
<img src="@/assets/img/arror11.png" class="arror21">
|
|
<img src="@/assets/img/sanjiao.png" class="sanjiao16 move16 ar-animated3">
|
|
<img src="@/assets/img/sanjiao.png" class="sanjiao16 move16 ar-animated3">
|
|
</div>
|
|
</div>
|
|
-
|
|
|
|
|
|
+
|
|
<div class="xixian">
|
|
<div class="xixian">
|
|
<img src="@/assets/img/arror11.png" class="arror22">
|
|
<img src="@/assets/img/arror11.png" class="arror22">
|
|
<img src="@/assets/img/sanjiao.png" class="sanjiao17 move16 ar-animated3">
|
|
<img src="@/assets/img/sanjiao.png" class="sanjiao17 move16 ar-animated3">
|
|
</div>
|
|
</div>
|
|
-
|
|
|
|
|
|
+
|
|
<div class="xixian">
|
|
<div class="xixian">
|
|
<img src="@/assets/img/arror13.png" class="arror23">
|
|
<img src="@/assets/img/arror13.png" class="arror23">
|
|
<img src="@/assets/img/sanjiao.png" class="sanjiao18 move16 ar-animated3">
|
|
<img src="@/assets/img/sanjiao.png" class="sanjiao18 move16 ar-animated3">
|
|
</div>
|
|
</div>
|
|
-
|
|
|
|
-
|
|
|
|
|
|
+
|
|
|
|
+
|
|
<div class="sekuaiBox">
|
|
<div class="sekuaiBox">
|
|
<span class="item blue pos5">
|
|
<span class="item blue pos5">
|
|
{{ dashboarddata.energyQingqi }}
|
|
{{ dashboarddata.energyQingqi }}
|
|
@@ -339,9 +339,9 @@
|
|
{{ dashboarddata.energyTanliu }}
|
|
{{ dashboarddata.energyTanliu }}
|
|
</span>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
-
|
|
|
|
|
|
+
|
|
</div>
|
|
</div>
|
|
-
|
|
|
|
|
|
+
|
|
<div class="elementBox elementBoxLoc4">
|
|
<div class="elementBox elementBoxLoc4">
|
|
<div class="dizuo dizuoelementItem">TM</div>
|
|
<div class="dizuo dizuoelementItem">TM</div>
|
|
<div class="dizuo dizuoelementItem">TS</div>
|
|
<div class="dizuo dizuoelementItem">TS</div>
|
|
@@ -349,27 +349,27 @@
|
|
<div class="dizuo dizuoelementItem">OXO</div>
|
|
<div class="dizuo dizuoelementItem">OXO</div>
|
|
<div class="dizuo dizuoelementItem">YBS</div>
|
|
<div class="dizuo dizuoelementItem">YBS</div>
|
|
<div class="dizuo dizuoelementItem">TM</div>
|
|
<div class="dizuo dizuoelementItem">TM</div>
|
|
-
|
|
|
|
-
|
|
|
|
|
|
+
|
|
|
|
+
|
|
<div class="dizuo dizuoelementItem">AA/AE</div>
|
|
<div class="dizuo dizuoelementItem">AA/AE</div>
|
|
<div class="dizuo dizuoelementItem">GAA</div>
|
|
<div class="dizuo dizuoelementItem">GAA</div>
|
|
<div class="dizuo dizuoelementItem">OXO</div>
|
|
<div class="dizuo dizuoelementItem">OXO</div>
|
|
<div class="dizuo dizuoelementItem">YPC</div>
|
|
<div class="dizuo dizuoelementItem">YPC</div>
|
|
<div class="dizuo dizuoelementItem">Logistic</div>
|
|
<div class="dizuo dizuoelementItem">Logistic</div>
|
|
<div class="dizuo dizuoelementItem">BD</div>
|
|
<div class="dizuo dizuoelementItem">BD</div>
|
|
-
|
|
|
|
|
|
+
|
|
</div>
|
|
</div>
|
|
-
|
|
|
|
|
|
+
|
|
<div class="elementBox elementBoxLoc5">
|
|
<div class="elementBox elementBoxLoc5">
|
|
-
|
|
|
|
|
|
+
|
|
<img src="@/assets/img/arror15.png" class="arror24">
|
|
<img src="@/assets/img/arror15.png" class="arror24">
|
|
-
|
|
|
|
|
|
+
|
|
<img src="@/assets/img/arror16.png" class="arror25">
|
|
<img src="@/assets/img/arror16.png" class="arror25">
|
|
-
|
|
|
|
|
|
+
|
|
<img src="@/assets/img/arror17.png" class="arror26">
|
|
<img src="@/assets/img/arror17.png" class="arror26">
|
|
-
|
|
|
|
|
|
+
|
|
</div>
|
|
</div>
|
|
-
|
|
|
|
|
|
+
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@@ -405,19 +405,21 @@ export default {
|
|
created() {},
|
|
created() {},
|
|
methods: {
|
|
methods: {
|
|
handleLuzi() {
|
|
handleLuzi() {
|
|
- this.$router.push({ path: '/process/pfd' });
|
|
|
|
|
|
+ this.$router.push({ path: '/monitor/pfd', query: { pageId: 'LJL' }});
|
|
},
|
|
},
|
|
newTabClick() {
|
|
newTabClick() {
|
|
// window.open(this.url, '_blank')
|
|
// window.open(this.url, '_blank')
|
|
- this.$router.push({ path: '/monitor/model1' });
|
|
|
|
|
|
+ this.$router.push({ path: '/monitor/pfd', query: { pageId: 'LJL' }});
|
|
|
|
+
|
|
},
|
|
},
|
|
newTabClick1() {
|
|
newTabClick1() {
|
|
// window.open(this.url1, '_blank')
|
|
// window.open(this.url1, '_blank')
|
|
- this.$router.push({ path: '/monitor/model2' });
|
|
|
|
|
|
+ this.$router.push({ path: '/monitor/pfd', query: { pageId: 'LJL' }});
|
|
|
|
+
|
|
},
|
|
},
|
|
newTabClick2() {
|
|
newTabClick2() {
|
|
// window.open(this.url1, '_blank')
|
|
// window.open(this.url1, '_blank')
|
|
- this.$router.push({ path: '/monitor/model3' });
|
|
|
|
|
|
+ this.$router.push({ path: '/monitor/pfd', query: { pageId: 'LJL' }});
|
|
}
|
|
}
|
|
/** 查询dashboard抓取数据列表 */
|
|
/** 查询dashboard抓取数据列表 */
|
|
// getList()
|
|
// getList()
|