From 1f8f3bc36c037c0664e3bf2c934a7906bd07ddb1 Mon Sep 17 00:00:00 2001
From: maochaoying <925670706@qq.com>
Date: Thu, 21 Sep 2023 14:17:33 +0800
Subject: [PATCH] =?UTF-8?q?=E5=BC=95=E5=85=A5=E5=9B=BE=E6=A0=87?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/img/start.png                     | Bin 0 -> 764 bytes
 src/assets/img/stop.png                      | Bin 0 -> 709 bytes
 src/assets/img/temp.png                      | Bin 0 -> 763 bytes
 src/assets/img/water.png                     | Bin 0 -> 730 bytes
 src/assets/img/water_icon.png                | Bin 0 -> 639 bytes
 src/components/Tube.vue                      |   6 +++---
 src/components/operation/LiquidInjection.vue |  31 +++++++++++++++++++++++++--
 7 files changed, 32 insertions(+), 5 deletions(-)
 create mode 100644 src/assets/img/start.png
 create mode 100644 src/assets/img/stop.png
 create mode 100644 src/assets/img/temp.png
 create mode 100644 src/assets/img/water.png
 create mode 100644 src/assets/img/water_icon.png

diff --git a/src/assets/img/start.png b/src/assets/img/start.png
new file mode 100644
index 0000000000000000000000000000000000000000..fb0f0b8b8f144ea35d98381c4d642ecf6cd5e336
GIT binary patch
literal 764
zcmV<Y0t5YtP)<h;3K|Lk000e1NJLTq001cf001cn1^@s6s9*s000001b5ch_0Itp)
z=>Px#1am@3R0s$N2z&@+hyVZrrb$FWR9J=0nd@<*FcgK4sDKjG!McM`f;$K$xCBx`
zYDfj%tw2cyVJm<Ra0h39AjTJ=7Y}cIW*9S)uJqlj2a>F?Q6x(MCjhSiN&s5?_VxjQ
z7QmNM>i5>Rw!qaS4atG)btPFp60WjvN2og#mZXlr8Il+4faW*^q+P{(<U{s)FJQ%G
zw+<v53ADo5+D6fh>S-(B<p?-Wy``<kb^fv!u-n}&%Qmzps(GL!Po8nJD|!h~<Fr@h
z7)kHUBj7ykO3)$NYfj;;F6KD78jfpVXP<9dSHp}+!Ev0XgTry=<#~hE>!!)5Pjfz*
zDqkV#Nt39s$%J#Yre5P_$|!b>Ocavu8v!T1N9ry)k7g}1uilK~BIqg@QHG-FRG<UK
z`XInbRV12|29hO6p1tHtV{<TMZd+9W;6>zr1dL7qyq@n+6^bT+KjQthz_@Xp)CY{t
z2SE8$1=3sbUKUPfA250er0><QK)U461;*_@06;0#!>@;YyD{%Yshezj1{u+#AiYvb
zNl0Blgq9E5?L>4-7eQY*1w)W+AbqdAkesj8{Vb9Qcm3Z(ke2!iq|Z3qNQMUT=YAfq
zLT7O;-rH%*^~_(Kvv23&9hZ(XM@R?Sne7n(ps>?jP7Lp1NGbIR;4S3+O1(wa<Vw8X
zhXa?p@}JyKcA{+U7BC{SiG_jxXJ_8|3dk{+bH<5Xzqm3?996kI<J6&oveAwiUm%X>
z^v2qL^L}Ey+Vm)#0PLhwYrOf1b9a~OMc-0ml1AI%N-l>?-sKga{Vpg1`dqhaqQaBM
z+m7S9st<x2m@&Chm8WicYucM$2WYzKy(H{cIh%s@-O_HA;oj(Fz+U4FUJVwmUfZVH
u34F$QlAM+ejr;#NH}U%cpmokJ+4={n1kSi6r8si{0000<MNUMnLSTZU{bzds

literal 0
HcmV?d00001

diff --git a/src/assets/img/stop.png b/src/assets/img/stop.png
new file mode 100644
index 0000000000000000000000000000000000000000..e3c3a7fb97ef6faf70ccd446d140916d8993f3d0
GIT binary patch
literal 709
zcmV;$0y_PPP)<h;3K|Lk000e1NJLTq001cf001cn1^@s6s9*s000001b5ch_0Itp)
z=>Px#1am@3R0s$N2z&@+hyVZrZ%IT!R9J=0nc;DxFc5{`QUN8X1Ufjbg17@yf;%{0
zDXAby1vnMN9Y6=TgO?wO@gk4_fwA9A#$qH^pH|W$Z3K}bnF7cF908;NjQXwZ9{^kd
ze2d6uY+o^O1<8_R!{z!QSv(Rhw{Tmi+7y<g3BZ*kPj&!??Gn)M<-B{|_r6&Rm~%L-
z4au_xS}@qcdeQZ277KXV0&c`^YVEkNr?r69>S-DFVWL4vW+UrnmG>q<OQ*kl&P#f9
z<s;xm`qiLKaMqm0n@@3|-*lF9*zUY}qj?OdVLy`OU7e^#71~c40Q?t`bI4#M%S}XX
z0lQ}a|Lo&MME>eZ?ZwKsQS7w*aGibvkg4O%LRWr_Rt$|CRsweN25+`8v{R`ov`oN2
z!EKaJc(YSOGEGPxRGW*4)II}y$gbIoeM|vl34lMU&HLU^9(}3uF+qE9?Nsl};?-4^
z)5NK)cLWKkR%Mgm9vkuO^{Av{Y1)H)6*&RlBv7v9gHAguRVQ#<`z#VICsx-zPvUi^
z-slI{lW}*A?PXN?nxG%R-}Ytk>Zr=!3EIHfc{6|Z=CSKB@18~EGqKxUNBGcX$a@yt
zP`N7KQ!^Z%%0uT#eXNU-_uj<eHKK4El&bQ)#uc$*|14RJHOL)rnw<gNJ5J$isJ&Tn
zr%l8qSLu<_JmcP7P0pe-?c^4jFMnSthZ&4{9~8cNE+_!Hbym$yDJ}z42D6dTR&3*{
z*$A%TRFZ0j@u^I2L7VAyfVxcYY2y7wgPnpM%hJZG<XZ2|fQ|VyHWsc}+NVr62?8I`
r-rKvdVQ~LH&Q1Nk1Gt8gRU!QXO!rYv6|k|T00000NkvXXu0mjfm`F<a

literal 0
HcmV?d00001

diff --git a/src/assets/img/temp.png b/src/assets/img/temp.png
new file mode 100644
index 0000000000000000000000000000000000000000..e9759b949c7fd3e9a1dc2a16bb499f7ac8330c95
GIT binary patch
literal 763
zcmV<X0tEeuP)<h;3K|Lk000e1NJLTq0015U0015c1^@s6J20-I00001b5ch_0Itp)
z=>Px#1am@3R0s$N2z&@+hyVZrrAb6VR7i=%mrqC(Q5e8~Z&u63KTytsCl$PyH-m11
z7g6wJARRjhA=Dv?2!bFygohyLpb|@mE}gs@W<gor3hmPBMR128YDWCKo3^`s9p3Js
zi@Wn?)%xA`gEznLz1jDD-zW?akvgCc=m)xi4!{9oz$TCaz5s848Ku;=$#W|S9T9mX
zBEFcjB_dBmq@`Nvh=_O*gr%&D$Y>N{jfhMfLs-hBh}4)!r%zB?WV)hUPIjlIOjLTO
zr_D&wrwURBSVmuwig<pG$;2ipH%r`!F?^+w%a_iDEi2*!7nM@JRS4WRkphg3`=s0~
zy*)MnQ;AL1+^nhCDY$fT5W{=Ao6gJCYv1JEhxDP}GqXEUj@uWJItyKqnoZKpWc~mU
zcVYn4+xo!Lg}5QjK%a#!ga4X-3tf97^Z4m{)SVur+d>!o$fVqCaP(EsVPW`h21sY*
z$atnqyaJAeZf!<PB{l%4ueX9&+=(&2kiqkFk<1plpN8`4^)72}mK)d4)81Me#2?;w
zux-WIxF5yqTj(Yp%BRI&bakGgx5s8Ov4Q9385{SpZHwWdCOkhMW!I|~dU6OQ<>u(>
zJPW}5LIwcO&y!r<r@c*|z*@?<f-PC-aV3<v6C=6u8-U@V#vs<-RvQS52^cVkh%|{F
zS1K|yyK|^K?xyo1BJ$JA%FR39<=%rIkxFKbQfga7o>MH|Wf&Z2Ai1*7i<es@SN3UZ
zt;O^6d|uqcwiS18T`=A4Go{pCu`RX$UxCoo?>}akUr3X3bJ(_`x5s91pdqN+Ap~tP
zh=|B&lonGZBS)qqdN4aJjvjpq;{P-39gv^o&^Hk(ElJ?G1HC8Z-l>7Snok(Nu%=?y
tQ-%qY`)C7wMOJ|&U=Dbzl-dh>=3gC1eIdV&*--!h002ovPDHLkV1m5YVUPd-

literal 0
HcmV?d00001

diff --git a/src/assets/img/water.png b/src/assets/img/water.png
new file mode 100644
index 0000000000000000000000000000000000000000..a606b000f814559b9c9444fc987afd72f9aa536a
GIT binary patch
literal 730
zcmV<00ww*4P)<h;3K|Lk000e1NJLTq001ul001Kh1^@s61m#oL00001b5ch_0Itp)
z=>Px#1am@3R0s$N2z&@+hyVZrgh@m}R9J=WSW9x+KoEUBr2NSOiA5}y@(F@&5Ka*5
z2KWZ{4zaP=An(WxNKW9~0FIy=pe3p-2005pRi4g5fQ2L!$EgHJ^j4~QJ=3pyT2ED?
zx@?;)!~*~m#G|n4**HL$($(jcWuF;W00L6V7F?kLzzu+PFs_Wqx!JeSJj})NhM8Lc
z>i{=chz9}2hhz{DKIUyUrK{Iv+bl{@mu=IOuKrrSC<hb2PpvdWk(f==sN>GWLb9N-
z5q0E+bgs7e$4<+LoG}X;&%|<^zP)#{(|G0=()jN5lSR~J+cX}X;U>qUGfWpjK&EIi
zB8RsY2%|~WYpy#nt1JeH=WKf;s5{YmZawO_48BYAO!WEf)5+~jELs5iIX&@7u?+w$
zXb8Ye@qtogf2;NUxIxa4Q&Upd`FUm8-xf~(MjZIgh#cM){>&3|YbF*lB|HFVx_WM~
zpfL*?Cxj<?QwR)-^c9L{Mq_=bQe=f%&mvHFNBC{1^(<1{ObB=`3)BrY?~;_VVv(7E
z(YZRc&eh2!2w&qh&YbgN@c@4z!iW?%*Vi}EdM+t$f-nN&F(bv7q2_%8fJyCsL`qpP
zPg8(=BD$VvJ$J<i=jwFTgcT3!hE=Z_)ZA%MbEjd|vzcJi6JHmpE1dZxOzG-#%=Jm_
zKG=0wUAE0LoK1t8o7=IU@#~j3kN@SF-)#JgZZi`LnddfnDBUKH|G(S@@Q>GRG|wvC
zCbO}0n+!^~*@=JNZ2<Cr&utL=aktqwUhOuAilY{v85@A6MC|8>?+?rr|KUjBO-`7e
zo~^?GXI74SY)bL_LMeV<D8=s!$1a`@?rZuokS|Cn`}hhVpOmtH07M(E1M};CQ~&?~
M07*qoM6N<$f_>CaDF6Tf

literal 0
HcmV?d00001

diff --git a/src/assets/img/water_icon.png b/src/assets/img/water_icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..d3944f29a7b1111de349ef5524e7536f5f10ecbb
GIT binary patch
literal 639
zcmV-_0)YLAP)<h;3K|Lk000e1NJLTq0015U0015c1^@s6J20-I00001b5ch_0Itp)
z=>Px#1am@3R0s$N2z&@+hyVZrDM>^@R7i=%moZP<Koo$#a}EWG5=#X&MO7n~N*y9p
zv2=*UP6y_)v2|nXPhcryhlpQLSQ+vIklcl(q6{5Tq$W)Tl`bl%6g#iOT>`bRbEROu
z#fr~<pWpfN?pfi1h*W?jU<FtJ=7Cu^d<+}`2f!|{r<CgZ#LW{{MPx%nI^s{q-BZ1Z
zFc6V75$XPeFiqFR2z;f}BGUX1VVb6hO#4W8Zc#d9CsQtVdT%q+G)=i~+Qq()yJl_Z
zQ%+h1J^_!t7Q)T>2E0&8^@gdh7a+ws)&Z2*;_wBSD?kj;1)c}kij*l`+&`mr5@$v+
zvHW$6Ov2*+S)O<fSkl-sm`VFwFfqJq|7N=vvpl1TOhTv?wXz~I35~Es>qo-tN1FOn
zK>J+sLISL4Z0#LOBP`JfOB|jKSgn?6{~BOocw3twG6UW`nV?dF$P9eKEof}PA4}^b
zahbx_*9$6I(T{~q;OV4dvn|vg1S~()KH=sym%B_ZuVzZDRy8ITOe}<2jmCz*L#_Dy
z(<|dyug3$}>RdP}^xZ<LIN7Bb-;B}N{dDXW_WoI!P%92k2h^v6QRcPDU~~@PLofRu
zaD`)y-NbXn+uvh8n#3od&x!^((%8=7W!_bhNr=3(-W&wjcBN=`17HtZ#;&DSR#`)t
zjJc=loFKMGDvAxb$8B+RMhb2Ou8Qxc^>Omzo4u60*!DIx?Zr0qsRy{TPZ+Q2Ab0T5
Z_6IC1B*llRxHtd+002ovPDHLkV1mt19k&1g

literal 0
HcmV?d00001

diff --git a/src/components/Tube.vue b/src/components/Tube.vue
index 106200a..ce7a7e9 100644
--- a/src/components/Tube.vue
+++ b/src/components/Tube.vue
@@ -61,8 +61,8 @@ const handleTubeClick = (e, number) => {
 
 const move = currEle => {
   if (
-    disabledArr.value.includes(currEle.dataset.index) ||
-    !currEle.dataset.index
+    disabledArr.value.includes(currEle?.dataset.index) ||
+    !currEle?.dataset.index
   ) {
     return
   }
@@ -81,7 +81,7 @@ const move = currEle => {
   flag &&
     resultArr.value.push({
       ele: currEle,
-      index: currEle.dataset.index,
+      index: currEle?.dataset.index,
       checked: true,
     })
 }
diff --git a/src/components/operation/LiquidInjection.vue b/src/components/operation/LiquidInjection.vue
index ffa9f3a..771500a 100644
--- a/src/components/operation/LiquidInjection.vue
+++ b/src/components/operation/LiquidInjection.vue
@@ -1,8 +1,15 @@
 <template>
-  <div class="liquid_injection_container"></div>
+  <div class="liquid_injection_container">
+    <div class="title_wrap">
+      <img class="water_icon" :src="Water" alt="" />
+      <p class="info">正在注入液氮</p>
+    </div>
+  </div>
 </template>
 
-<script setup></script>
+<script setup>
+import Water from '@/assets/img/water.png'
+</script>
 
 <style lang="scss" scoped>
 .liquid_injection_container {
@@ -11,5 +18,25 @@
   border-radius: 16px;
   background: #f0f6fb;
   margin: 20px 0;
+  box-sizing: border-box;
+  padding: 20px;
+  .title_wrap {
+    padding: 13px 0 33px 14px;
+    display: flex;
+    align-items: center;
+    .water_icon {
+      width: 47px;
+      height: 35px;
+      margin-right: 22px;
+    }
+    .info {
+      font-family: Source Han Sans CN;
+      font-size: 24px;
+      font-weight: 500;
+      line-height: normal;
+      letter-spacing: 0.04em;
+      color: #3d3d3d;
+    }
+  }
 }
 </style>