From 507ad02ff7f2e19e6ac97bb259ef6078174e0d68 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=A4=9C=E7=AC=99=E6=AD=8C?= <2277317060@qq.com>
Date: Thu, 11 Jan 2024 18:13:11 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E6=8E=A5=E5=8F=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/board/left.png         | Bin 0 -> 1654 bytes
 src/assets/board/right.png        | Bin 0 -> 1741 bytes
 src/views/board/foaming/index.vue | 119 +++++++++++++++++++++++++++++-
 3 files changed, 117 insertions(+), 2 deletions(-)
 create mode 100644 src/assets/board/left.png
 create mode 100644 src/assets/board/right.png

diff --git a/src/assets/board/left.png b/src/assets/board/left.png
new file mode 100644
index 0000000000000000000000000000000000000000..160604011a73819678722f3023fad785b85fad65
GIT binary patch
literal 1654
zcmb`IX;e~a7{}>QQl=m@WfLk5nPr;eQi2F+hNH|lV%Vf9DXEE$Yvh<?Ze=Qzc~Wc2
z4Kpp9Tv{C0P%0HoM@dNy_YF;Q15<OKdu`6?ocY+95BI(I_dNgq|9#)*%jMYFS}7~;
zQiMPt$`ord4R{NICwH>~u$E|T_JTkZNEGtX6CvpnJ^TRlS+zRZ6sf96y^GSR*>7Q?
zvk{AWq=Je;ezz034ZYbQ3+}suQ;CGA6M|xqoJ|Uj$8nDoZapxw)b>t&XS>`LXVcow
z$*5Ts2uZS@rM<sc=MpY3=YO6M_J?93Bj=OGMZXqH+nkF3TKk00FDO`fzUq<fHpHyX
z5T~TjpMG*{5p41>ObH`ckIrEb_s>h}s6xN83U7Xow`+Ig8zb&8E4+iSgKH3Z&D!K@
z+OeQ`nY^6t-_pLND<iniz@3+AS#ydgXyaU>SP`R=_-kjX3{D>TK)j_W!FZQw%v`R$
zHde3QcgH&o*9JF@(I=X$RZm@GHXtTDiDydobiA5vC8dp;e>BV;aY>a&$2V;YIE-%0
zy0Q<)Ep#fbsG6H@@k8(HcD%S;BM`<o->>_SHt#S+FFJ?JRUL6{rm8lNo4Mq5_~-?M
zGKklm+&{Eqa3{0*YBrDLp5D)Sr=H1~BTZWaMq#z0hd3v_Og#mtIVS|NcW}c^Hp~vI
z@m27ef6o1^5Xappkx~mhMPsE&kV^m4t_w4(uB8rXB6}{IxP+Ru%fYgG#pfj*(pk@`
zOVZ@)2bm5~CA+Rd;|f0Sg%5jl6N#TaBwrZxL*FG6qfj!)k2TQ!NW}jJtF5hr7E{M^
zT}>`V<k7{vBG!xs^?>c=S_dIFB_q@M;gt!u{Yl}WlqOG|A-Q}xW?`Yc7b+V2n?*>j
zv?AiQD+YAawe_fn(ccHXnii{8Ivm)ZE1ND+{@S^H8N3`u(lxW+Up3#dgy{^SVY(~A
zS6)hc;&==hjqXIpmo9fY8~Zm<VfN7ps){j}>atr^sisOIHyc8|=T_swmpLMY=CqDp
zz^);t;Y;5eO*{NZ#S{8B?JOS8-!X7$ko+W86$Tf{Vw<*|v^Sh+YP#vig|_4^xkNk{
zJH{{8xUNl3){Yn<?jD*pLIlzztn%(L`=Xg!1qHP7@j2!AOv49Lii9({BL7n7KbjY;
z$;Jm)eDSEO-w-l_+Xdq5l>0Qn^4fxy`lq8>$ti|{D-v4yfP8jNjtR?(2psrLCt3}4
zk2P~U(f?y(Kw<EjXeC0rgl%1cDfVthGBZPY`bwuW&^swY{B!}Ej!JCAvRc}T>KRd#
zpx;L`?uE67Lx-h{99XiKB{`x;dGx$P2bFl|#O(`@mvlaVnz8Fs*}OeiReCp6#-O!X
z4ofGCO&7Z2LiAs!!(lbil#w9(ZVej(vwDM!(Q1N*vth~2;y`mE8@dlD?S`i-0je@~
z7@(@L90p5zSPY;#hZ+M_$<}eu!K2+|V>K1Tpw_d2s1OxgqB3B?U-bYj$2CDqVLk#(
zd3FR;H7tTgqdc(DoDUwNtZ3cd+zB>JeZa<+d~jdQCx(C{$!#1gX$wI6zd#WXK*%vw
zTQ)8PcD-?^Z=!eVX<r2rk>u$M%Dn|(Xp)yM2pqwBkn|l0e<qN?&S!X?a2SMfN3b*Y
z_CG760mz0(fOEY_NCa-WAvm50$e*|m1NErUA9ewg2=UJWp)ytjfOkIczrcIkTfk|~
z&x!?{3Z^VzAdDw_z?jd_&xixA4^<m~1A3~}@j!H7859)2FZ6?(wkWI%{MI3G5zL7d
z;Q*O_dKKsynD`bR#>F$dsBzIewk{H(pGqa?Xkz7<MtEqSm5T@XKY>szZOMfejLZK3
DTO#-{

literal 0
HcmV?d00001

diff --git a/src/assets/board/right.png b/src/assets/board/right.png
new file mode 100644
index 0000000000000000000000000000000000000000..5849ba4d71a8bb1e983649f9e69d4cc2fbda47e0
GIT binary patch
literal 1741
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
McOSQAOl0Q209bh}EC2ui

literal 0
HcmV?d00001

diff --git a/src/views/board/foaming/index.vue b/src/views/board/foaming/index.vue
index 7f684d1..8947fa8 100644
--- a/src/views/board/foaming/index.vue
+++ b/src/views/board/foaming/index.vue
@@ -58,6 +58,21 @@
       <div>发泡机 - 运行状态：</div>
     </div>
     <div class="foamingMachine"></div>
+    <div class="left1">
+      <span>A</span>
+    </div>
+    <div class="left2">
+      <span>B</span>
+    </div>
+    <div class="right1" v-if="$route.query.id === '1' || id === '1'">
+      <span>C</span>
+    </div>
+    <div class="right2" v-if="$route.query.id === '1' || id === '1'">
+      <span>D</span>
+    </div>
+
+    <div class="chartSpan1">东线</div>
+    <div class="chartSpan2">西线</div>
 
     <div class="supplementInfo">注射压力标准范围：10.0-14.0Mpa A、B组份枪头压力差＜1Mpa</div>
     <div class="supplementInfo1">发泡料温度标准范围:18.0-24.0℃</div>
@@ -541,7 +556,7 @@ export default {
                   value4: val.TARGET,
                   value5: val.PLAN_SUM,
                   value6: val.PRO_SUM,
-                  value7: ((val.PRO_SUM / val.TARGET) * 100).toFixed(2) + '%',
+                  value7: ((val.PRO_SUM / val.PLAN_SUM) * 100).toFixed(2) + '%',
                   value8: val.ANHOUR,
                   value9: val.TWOHOUR,
                   value10: val.THREEHOUR,
@@ -1719,7 +1734,7 @@ export default {
   }
 };
 </script>
-<style scoped>
+<style scoped lang="less">
 .title {
   position: absolute;
   transform: translateY(-50%);
@@ -2010,4 +2025,104 @@ export default {
   background: #00ff00;
   border-radius: 50%;
 }
+.left1{
+  background-image: url("../../../assets/board/left.png");
+  background-repeat: no-repeat;
+  background-size: 100% 100%;
+  position: absolute;
+  transform: translate(-50%,-50%);
+  top: 38%;
+  left: 32%;
+  width: 5vw;
+  height: 4.05vw;
+  span{
+    position: absolute;
+    transform: translate(-50%,-50%);
+    top: 28%;
+    left: 43%;
+    font-size: 1vw;
+    color: #fff;
+  }
+}
+.left2{
+  background-image: url("../../../assets/board/left.png");
+  background-repeat: no-repeat;
+  background-size: 100% 100%;
+  position: absolute;
+  transform: translate(-50%,-50%);
+  top: 44%;
+  left: 43%;
+  width: 5vw;
+  height: 4.05vw;
+  span{
+    position: absolute;
+    transform: translate(-50%,-50%);
+    top: 28%;
+    left: 43%;
+    font-size: 1vw;
+    color: #fff;
+  }
+}
+.right1{
+  background-image: url("../../../assets/board/right.png");
+  background-repeat: no-repeat;
+  background-size: 100% 100%;
+  position: absolute;
+  transform: translate(-50%,-50%);
+  top: 36%;
+  left: 57%;
+  width: 5vw;
+  height: 2.86vw;
+  span{
+    position: absolute;
+    transform: translate(-50%,-50%);
+    top: 37%;
+    left: 57%;
+    font-size: 1vw;
+    color: #fff;
+  }
+}
+.right2{
+  background-image: url("../../../assets/board/right.png");
+  background-repeat: no-repeat;
+  background-size: 100% 100%;
+  position: absolute;
+  transform: translate(-50%,-50%);
+  top: 39%;
+  left: 68%;
+  width: 5vw;
+  height: 2.86vw;
+  span{
+    position: absolute;
+    transform: translate(-50%,-50%);
+    top: 37%;
+    left: 57%;
+    font-size: 1vw;
+    color: #fff;
+  }
+}
+.chartSpan1{
+  position: absolute;
+  transform: translate(-50%,-50%);
+  top: 94.3%;
+  left: 73%;
+  font-size: 0.8vw;
+  color: #fff;
+}
+.chartSpan1{
+  position: absolute;
+  transform: translate(-50%,-50%);
+  top: 94.3%;
+  left: 73%;
+  font-size: 0.8vw;
+  color: #fff;
+}
+.chartSpan2{
+  position: absolute;
+  transform: translate(-50%,-50%);
+  top: 94.3%;
+  left: 96%;
+  font-size: 0.8vw;
+  color: #fff;
+}
 </style>