From 0e25eee0cea43b0c7ffb3ac44bc68abb2de07983 Mon Sep 17 00:00:00 2001
From: maochaoying <925670706@qq.com>
Date: Thu, 12 Oct 2023 18:40:58 +0800
Subject: [PATCH] =?UTF-8?q?=E8=AE=BE=E7=BD=AE=E4=B8=AD=E7=9A=84=E6=BB=9A?=
 =?UTF-8?q?=E5=8A=A8=E6=9D=A1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/img/arrow/down.png                | Bin 0 -> 936 bytes
 src/assets/img/arrow/top.png                 | Bin 0 -> 920 bytes
 src/components/Setting/components/Device.vue |  38 ++++++++++++++++++++++++++-
 3 files changed, 37 insertions(+), 1 deletion(-)
 create mode 100644 src/assets/img/arrow/down.png
 create mode 100644 src/assets/img/arrow/top.png

diff --git a/src/assets/img/arrow/down.png b/src/assets/img/arrow/down.png
new file mode 100644
index 0000000000000000000000000000000000000000..f0571dfedacbda49591b08e940b41f943ad66c61
GIT binary patch
literal 936
zcmV;Z16TZsP)<h;3K|Lk000e1NJLTq001Ze001Zm1^@s6jQ+T700001b5ch_0Itp)
z=>Px#1am@3R0s$N2z&@+hyVZsQb|NXR9J=0nZIt^ND#)qZ%7-0f&g@PC9ezI#CZd!
zNDfz-P<NfKOl1p*jJwKK89M;wCrIuEEV)*r@=Ce#m2`I{i^OpBXD0<2MY3qwyJ8%F
zC3k1`$60E3W<)ru62+m)I8yLA6`=wlpg}&I5KNUw73Rz{YyInPBXL=WHj{%W4z6Up
z2gMG6Ez7kAB>FV|i4E+%0B68<0R(p%ELRHRq-y+j+HIsO16HD=x*_8dz-}&`C{1g0
zy8m(6EN|K1dhPg7!5BcLOtf49!N}Wu&B;Ztf7_(O2xeP4iJ@Bm0bmPKqW#49t)eZL
zB7@H|K6ofN0H9*;N+xm9*uoaC*NzXV_{(vv6yX1G`(C$-wtFsuYqg^~6bG(w!%lOf
zs@{tX)Io}aN_12&1Pr1$po%LT0Hy$teMfWy1YpQGh~nuEOaZTCya#CL4p^G9GdGt2
z*|n7)!jD6W-EUD808km1aYK};X%sU+#dewA2_!2!$?khdC5l7XU;GcDtx6P!GLg}C
z8Qw~X+6}3UBOzp`Y{z9u!RJDKR6mY6Q4xxM&w?MF6bJ=C__IN7mj;E|%wv+Qa&JC>
z5^+2pY+ovMumQnTl(v9OhMneysQ)X#d)P7&^<NA-%?$#5o0XJEh0t>=JZJ&{*WE@U
z>b+bJ$wbt9`K`=UFth@MITIScYiES*_1gOncSFv@Wj1!{oM+bhk~<jK7(%sv6H=j<
z-(Ny67vSt`oWXUskz~gVab{_}09jRknq&?;&H9RPAhYjP0HA98HeBk68OWlN(G?Cr
zO5>kQ0n=_H1##lwXb!R@IDnY;Z>Beia}*08SAqkRoF!+SQQn7Hh=zp*1X6{2hOX2<
zXZtmCh5Puw-oV>@O}H=c3sy-!h}P(IzdieCp|dc#==HtL-$Fca8K6XablUv;=JUdA
zrfR%~678a~A0qPO6XUlEhnCr`*NzWYXocKQL~D53JiKjqX@78X(d*0Rt4l(*P=4K<
zit3v$o&BXdwG<El%tdeT^x5zKjKq8a7^0jO@Vlz|e|+k`{r9fPR!#K0v%i}c`qoW!
z5NG%8O*;Y3suIQFL`K_$>`)Qp#aEcSO$j7QB!r&R_+8h(A-)1_JAifp()%0$0000<
KMNUMnLSTYZxUNM2

literal 0
HcmV?d00001

diff --git a/src/assets/img/arrow/top.png b/src/assets/img/arrow/top.png
new file mode 100644
index 0000000000000000000000000000000000000000..d8de553b8c6ff5798ffe84f9ffd86c280967b217
GIT binary patch
literal 920
zcmV;J184k+P)<h;3K|Lk000e1NJLTq001Ze001Zm1^@s6jQ+T700001b5ch_0Itp)
z=>Px#1am@3R0s$N2z&@+hyVZsLP<nHR9J=0nXyvaKoExi|13NnGnrAD4y9vg;1S%A
znN$dO=}4IhJOfNRpbXB8%o7A&z%exiF4JKu(nUN$u1Gw9rP~w|9)pE#Ne1(mzT3Ue
zyVC95ipZ#v>p7wVSHNWo9043a?0DEGsD;o1b6PNS?VDE3&$15FOtxLm?y6u5f;9ju
zDc9<dXwz6nX<#P;901z{V2?Ezy`&GyN!eHp-Ky!_fF<{E!;oHnu%V@Wp*iR^caKNS
zDvTN|R_pr$dH_n(M2lq;bPG%G8D5>WpPG~y!6>Dn2a%0u02`7Jjd^1oB&A#>8T?bh
z-b=v&00moJ6?#cyLn$s+>-!XZd48-Rtt6%U0pMKqaD&3ce=>;(v;k-UZ!@~6%q^~7
z2fxlb13n|!u4i`{UI5}`qvP>ibNdqj6szC9=XgYPS*&;W&tv}??5bdE8gKw`*WCUD
z@;D=4wCCQt2BNZM7+fIBUiS!YP&p#mkD>wqQ9-r}@dTXhdNz<NlKm(~fPzXMxRUER
z#r1k0q|2aDay=&(WK{2=Vn^u;|06iV@SNa6e;8aa49{~yu9RHQQK9Np(%I2}443?J
ziSrmT-i9WYsK8Z(T1$lo@yEj@Lkc)zZh|$qY*AoKDkD^i>-9ed0Wi^vC5~b6ySQH0
z0|(lPM1f;TN~2gWVk3Z~05};Idm)LPc$#@lQUJ#uyJsk05%6bC@stQ^C49YrLTE+E
z<*Y%TlE9oQ8ml#Z$J5yv3TCdY;!AXA+~gUkbJME%(KbVz=JhtMsNIW<>b3%avauS7
z?h>y>n#MW;VnE%hX%I)VWf~CC@89$*$?J(C{g?&70HAKwv=XUhcP#e(Q9tde<$)KP
z2OWl?)<>~g--lo?n|t~(TsA=B;I6r||L~^-<-FHsk`Rqvb7v@niKm&eDb$2$B#k|b
z$m4lq9V8Bovdfq536+r6L5=JWhF528wX}Los1;1TfeEcdKHvV>9hs?-fB;~w&N^=v
zKb-WGxkYq6&D+e>AikEx`uMlC{d3&pR891_v%eW%^iwy{L7Yz7o6ZC{sFLeBq3Tr#
uwHDnB#YVp#Qxouo@Cmu3v07O_L;MHL8G4$UHu4|<0000<MNUMnLSTZ|8KVvW

literal 0
HcmV?d00001

diff --git a/src/components/Setting/components/Device.vue b/src/components/Setting/components/Device.vue
index 9d66ab3..1f01ac9 100644
--- a/src/components/Setting/components/Device.vue
+++ b/src/components/Setting/components/Device.vue
@@ -1,5 +1,12 @@
 <template>
-  <div class="device_container">
+  <div class="device_container" id="set_device_container">
+    <img :src="Top" @click.prevent="topContainer" class="top_arrow" alt="" />
+    <img
+      :src="Down"
+      @click.prevent="bottomContainer"
+      class="bottom_arrow"
+      alt=""
+    />
     <div class="row_wrap">
       <p class="title">注射蠕动泵速率(g/min)</p>
       <p class="num">
@@ -234,12 +241,24 @@ import { ref } from 'vue'
 import { showSuccessToast, showFailToast } from 'vant'
 import { useSettingStore, useWebSocketStore, useOperatorStore } from '@/store'
 import { storeToRefs } from 'pinia'
+import Down from '@/assets/img/arrow/down.png'
+import Top from '@/assets/img/arrow/top.png'
 import {
   setSettingValJSON,
   changeDisinfectionParameterJSON,
   updateSettingInRunInfectionJSON,
 } from '@/mock/command'
 
+const topContainer = () => {
+  const ele = document.getElementById('set_device_container')
+  ele.scrollTop = ele.scrollTop - 100 < 0 ? 0 : ele.scrollTop - 100
+}
+
+const bottomContainer = () => {
+  const ele = document.getElementById('set_device_container')
+  ele.scrollTop = ele.scrollTop + 100
+}
+
 const settingStore = useSettingStore()
 const webSocketStore = useWebSocketStore()
 const operatorStore = useOperatorStore()
@@ -751,6 +770,23 @@ const setSprayLiquidVal = () => {
   grid-template-columns: repeat(1, 1fr);
   row-gap: 20px;
   padding-bottom: 20px;
+  position: relative;
+  .top_arrow {
+    width: 40px;
+    height: 40px;
+    position: fixed;
+    right: 50px;
+    top: 145px;
+    z-index: 2;
+  }
+  .bottom_arrow {
+    width: 40px;
+    height: 40px;
+    position: fixed;
+    right: 50px;
+    bottom: 108px;
+    z-index: 2;
+  }
   .row_wrap {
     // width: 726px;
     height: 80px;