From e58458dcca5e43b0af23e79b186c60fc35746217 Mon Sep 17 00:00:00 2001
From: maochaoying <925670706@qq.com>
Date: Mon, 7 Aug 2023 14:28:35 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E7=AE=A1=E7=90=86=E5=91=98?=
 =?UTF-8?q?=E5=AF=86=E7=A0=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/img/admin/form.png               | Bin 0 -> 1399 bytes
 src/components/Operator.vue                 |  44 ++++++++-
 src/components/Setting/components/Admin.vue | 139 +++++++++++++++++++++++++++-
 3 files changed, 178 insertions(+), 5 deletions(-)
 create mode 100644 src/assets/img/admin/form.png

diff --git a/src/assets/img/admin/form.png b/src/assets/img/admin/form.png
new file mode 100644
index 0000000000000000000000000000000000000000..5ac52fb6544a9594c77e336ca9dec5468b787c50
GIT binary patch
literal 1399
zcmbu9TTqe-6vsciXjy8Mt(h*fQd4FI8?c&5xEWe*VQSH2Xta%}l#18H&D-Q|U^lC&
z474y^r3gjSL?Ja-%@Mp6t6za=Vt~YABIOlq>0uw**ZvRZ@}Ki|e&^(e1n;-A-DnE{
zfL+i5To?dY{bH$eR#;nNzV<TTlB`m~_WJ`>y{=kIvn<6w=;#WIGFL<~0ARUW5N_{L
zTCskpB|#qOYBM>)F9iyqqCeJ{fQiA-i{zinQ0LA}EyJ^a=vuezd*2Rfe`<=`l7Yc%
z@71kqhAPWM86`dT57x9!wuA(}ld=2!hYb%!+Eroc&#s)W7Kub`re9R_8#LY-Qrlhp
z>9-~Uolf66^U~(I@STUZ1HG-M)IB?&F>2Q{e2nlZ`gS%j_(&k`Argr>xOTxoLM>w!
z1?z<=b@d6mHmvs280V;uKQ6C^-($PaOi!Og<BiQbdXYv|6p|S!T!h2C<lK8)ZiRww
zTMZ>uCVtRO(@r>c7**G=Fzz1OV#AypD=lV@@cW&f%TjH{2HLZ`b@|<<M8)rTmphlw
zw!yQkctlPKPbZ8h_Qo4Qe0)&_^J(W)#W}!%z$x*(q>Oqr`_COU`8-Dd%IUc<%~o7n
zTPuytL!f5pZKG;}{>505GejPrBr8Ycrs*7SNwpu*FnbubIc#RZoL<<LjDZ$vG@2HK
zm^r8OSi1app%R<@Cxzu?&d%Aj@hTSA-ol*YRq4#Lb?DgL%tQ7QWr$ov<&ltUfo0wh
z!<ojad%TQ+`v?+ieSqPKbR2-@_AMegc3mI@qJPEKKn&^8cMRH<$w_(+m)q=%#d_UX
zYNBQh7Wx$Kdjjh8p8N-{1)bzbkR0l`)vFDFUiP(7#k;MXJg%S&p7+^ob)QAdo8n%N
zV^#2U^XA*$00!x8tx|#dZqpX*gk$RIEiN>ViD#IH6c!RC&<Tg%yng-q<LAwjM~50P
zu~_zDo4mb&BIDuc1X4tVDS|NIM>?GdIJ8#k+?{@9GRb^U4!H?{4GCkbEIfXt25LrX
z>fb}dtG{x;p_%m)FU;OhC=}*ylN(A>K@l_VlGQv=*R%(N!88_NfkAS4iK{)mC?M3d
z7SiUzYO3VE@9{7Lyd%`xMS}YJMFxXf$c=^=VsOO)?O?nj@y88uy&B`lG3}~Tk-Pmu
zC-nNJSe81ASWH$+x}uPxRC6RQuAbmaAmBv~>rd@zJ~28B>J4@7moySLXUI;=PLamW
z03TEf=>a15sn+q<n1QyFvW_`7DqLCQ<>>@ojGSL`ToAlB987E6MP;e^MKUiu>TH1u
zuLq!9i|^Rc6=ry|qen7L`;W7jm>AAWYf|*Ymz#PlyV^O1gw@NHbq7g+Zg87BN2;aZ
zTydG1<r6atAK-Kq4Fm7%>&qeCLK#7VwQV)LBg=F^ibl+v7ZcGNvlxsVlrcOKTrf~5
z{i#T%>(G7@Ksv!GalINyg((M;BYne-+&!db^!7_iGUufg24I`X!7exXn_#kXzrIb%
z58a+)(sl2Yvcm*IR(fV;9L#2RWS)mefzzWb2!x;9=L0Q}2&*Ke?!j>vtuWuE+l%G?
zYv0xgrM#Ks14}SJ39MBFH_Ph?2R|)rrvkL7gw<jRU(TGvXAW%}Z$IQ^Aub~$M2aRy
zCxB^9wKX+0+Rs66A2lRp^k-t(_SSh<&S}`)L(L5hvyEJCPILQP0D6H4hQj|sq9iBz
wf=!#Ps*)5hoc<43;>gta_`}8~X8?#8^V78!WRnZ+6TeIa1q9=&{7+r@7b5zV(f|Me

literal 0
HcmV?d00001

diff --git a/src/components/Operator.vue b/src/components/Operator.vue
index 69aeffe..3560650 100644
--- a/src/components/Operator.vue
+++ b/src/components/Operator.vue
@@ -17,8 +17,11 @@
         <p>消毒设置</p>
         <p>SET</p>
       </div>
-      <div class="set_form"></div>
-      <div class="start">开始消毒</div>
+      <div class="set_form">
+        <input type="number" v-model="roomSize" class="room_size" />
+        <div class="log">12</div>
+      </div>
+      <div class="start" @click="startDisinfect">开始消毒</div>
       <div class="progress">
         <p class="title">消毒进度</p>
         <div class="tube"></div>
@@ -33,6 +36,13 @@
 <script setup>
 import LogPicker from 'cpns/dialogs/LogPicker'
 import WarnModal from 'cpns/dialogs/WarnModal'
+import { ref } from 'vue'
+
+const roomSize = ref(0)
+
+const startDisinfect = () => {
+  console.log('开始消毒')
+}
 </script>
 
 <style lang="scss" scoped>
@@ -130,6 +140,36 @@ import WarnModal from 'cpns/dialogs/WarnModal'
       height: 190px;
       box-sizing: border-box;
       margin-bottom: 41px;
+      overflow: hidden;
+      background: url(../assets/img/operator/form.png) no-repeat;
+      background-size: 100% 100%;
+      position: relative;
+      .room_size {
+        position: absolute;
+        top: 45px;
+        left: 23px;
+        width: 189px;
+        height: 20px;
+        text-align: center;
+        border: none;
+        outline: none;
+      }
+      .log {
+        position: absolute;
+        top: 145px;
+        left: 0px;
+        width: 240px;
+        height: 42px;
+        text-align: center;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        font-family: Source Han Sans CN;
+        font-size: 14px;
+        font-weight: 500;
+        letter-spacing: 0.06em;
+        color: #0e0e0e;
+      }
     }
     .start {
       margin-bottom: 30px;
diff --git a/src/components/Setting/components/Admin.vue b/src/components/Setting/components/Admin.vue
index f6af38a..aac737f 100644
--- a/src/components/Setting/components/Admin.vue
+++ b/src/components/Setting/components/Admin.vue
@@ -30,14 +30,77 @@
         </g>
       </svg>
     </div>
-    <div class="form_wrap"></div>
+    <div class="form_wrap">
+      <input
+        :type="initShowPassword ? 'text' : 'password'"
+        class="init_password"
+        v-model="initPassword"
+        placeholder="请输入初始密码"
+      />
+      <img
+        :src="initShowPassword ? Open : Eye"
+        class="init_eye"
+        @click="handleInitEye"
+      />
+      <p class="init_tip">{{ initTip }}</p>
+
+      <input
+        :type="updateShowPassword ? 'text' : 'password'"
+        class="update_password"
+        v-model="updatePassword"
+        placeholder="请输入更改密码"
+      />
+      <img
+        :src="updateShowPassword ? Open : Eye"
+        class="update_eye"
+        @click="handleUpdateEye"
+      />
+      <p class="update_tip">{{ updateTip }}</p>
+    </div>
     <div class="btn_wrap">
-      <div class="btn">修改</div>
+      <div class="btn" @click="handleUpdatePassword">修改</div>
     </div>
   </div>
 </template>
 
-<script setup></script>
+<script setup>
+import Eye from '@/assets/img/login/eye.png'
+import Open from '@/assets/img/login/open.png'
+import { ref } from 'vue'
+
+const initShowPassword = ref(false)
+const updateShowPassword = ref(false)
+const initPassword = ref('')
+const updatePassword = ref('')
+const initTip = ref('')
+const updateTip = ref('')
+
+const handleInitEye = () => {
+  initShowPassword.value = !initShowPassword.value
+}
+
+const handleUpdateEye = () => {
+  updateShowPassword.value = !updateShowPassword.value
+}
+
+const handleUpdatePassword = () => {
+  if (initPassword.value == '') {
+    initTip.value = '初始密码不能为空'
+    return
+  }
+  if (updatePassword.value == '') {
+    updateTip.value = '更改密码不能为空'
+    return
+  }
+  if (initPassword.value == updatePassword.value) {
+    initTip.value = ''
+    updateTip.value = '更改密码不能与初始密码相同'
+    return
+  }
+  initTip.value = ''
+  updateTip.value = ''
+}
+</script>
 
 <style lang="scss" scoped>
 .admin_password_container {
@@ -55,6 +118,76 @@
     width: 330px;
     height: 151px;
     box-sizing: border-box;
+    background: url(../../../assets/img/admin/form.png) no-repeat;
+    background-size: 330px 126px;
+    overflow: hidden;
+    position: relative;
+    .init_password {
+      position: absolute;
+      width: 234px;
+      height: 17px;
+      left: 47px;
+      top: 2px;
+      font-family: Source Han Sans CN;
+      font-size: 12px;
+      font-weight: 350;
+      letter-spacing: 0.06em;
+      color: #06518b;
+      border: none;
+      outline: none;
+    }
+    .update_password {
+      position: absolute;
+      width: 234px;
+      height: 17px;
+      left: 47px;
+      top: 93px;
+      font-family: Source Han Sans CN;
+      font-size: 12px;
+      font-weight: 350;
+      letter-spacing: 0.06em;
+      color: #06518b;
+      border: none;
+      outline: none;
+    }
+    .init_eye {
+      position: absolute;
+      width: 16px;
+      height: 13px;
+      right: 5px;
+      top: 5px;
+    }
+    .update_eye {
+      position: absolute;
+      width: 16px;
+      height: 13px;
+      right: 5px;
+      bottom: 41px;
+    }
+    .init_tip {
+      position: absolute;
+      width: 323px;
+      height: 17px;
+      left: 6px;
+      top: 44px;
+      font-family: Source Han Sans CN;
+      font-size: 12px;
+      font-weight: 350;
+      letter-spacing: 0.06em;
+      color: #fa1c1c;
+    }
+    .update_tip {
+      position: absolute;
+      width: 323px;
+      height: 17px;
+      left: 6px;
+      bottom: 2px;
+      font-family: Source Han Sans CN;
+      font-size: 12px;
+      font-weight: 350;
+      letter-spacing: 0.06em;
+      color: #fa1c1c;
+    }
   }
   .btn_wrap {
     display: flex;