From d5a90d8231968cf58a337adfa09b7aa7fe3767d6 Mon Sep 17 00:00:00 2001
From: maochaoying <925670706@qq.com>
Date: Wed, 9 Aug 2023 16:47:28 +0800
Subject: [PATCH] add user

---
 src/assets/img/admin/add.png               | Bin 0 -> 1303 bytes
 src/assets/img/admin/password.png          | Bin 0 -> 778 bytes
 src/components/Setting/components/User.vue |  87 ++++++++++++++++++++++++++++-
 src/components/Test.vue                    |  26 ++++++++-
 4 files changed, 110 insertions(+), 3 deletions(-)
 create mode 100644 src/assets/img/admin/add.png
 create mode 100644 src/assets/img/admin/password.png

diff --git a/src/assets/img/admin/add.png b/src/assets/img/admin/add.png
new file mode 100644
index 0000000000000000000000000000000000000000..7f434567f25f63ee9b6b99062d1095dea54b4393
GIT binary patch
literal 1303
zcmbV~dsNZ~6vuyRrFn{uor>Xu78M6u$tGoLq{B#tr4~zPCd!uKV^EIDC691&I?~eB
zPE?Z5*&#Pb)J#$nv8;I@hI2pj5iTk76_Sb%9z)n~=j@+4`)l7n?!Di8?>YC6`?+{1
zj<nj_*BbzU)#T5J6aa9Gf$HmCE1=k1{csdYZl@`vC_t|BpM=b^(^2FjUXZw6=|adp
zBohfo&Xt*llqdZL5i1PSdW8EnanPS@3oh+wqH25&x^GvWkT%tI7(c4#El<7i%haBv
z8n9s5b?P4%CXamJ4oWU5a8(W68*bAcUD=xbbBSmP4-j-(n=G|VjKd@Rd|`#LM7&lj
z5DF<8JgOqT1{}Q2^q4BhzN+bbIYTD435C<BYL$Zv_pv~ld;L0H@zM$?f*vIL7e`wT
z1Y+fw+)Vn)q1@p!wMj8~&Cv~ARK4fG`f@=q3f6}KcgBLlRcrEVjq5}sv*&U;M}UE&
z<&}qFg`KV^e?2LES{7FWMxHf!(BKS~amgWd7u&K0i*C75<5dj(;<z@2`-V*ql1kan
zn|S%uo-j;C<6u@oLZQzm4<=YpCXq;&<R*`)?{(dnFN&jY39R+r5tRqgbETPZ8vG1Q
zb34n<;c%7|Oiy@7Sspt#S5fjCy{4SxS??ha5XFM?##ZN6)XiP8HmTA6qdv!=XiYp6
z5(`c*uwC0EtK@^-ZA|^X#sh|s*1oUe>iRi-o3?C5!Pv?djj#nkanghsy;(|2d4fiC
z)HW^_-4&TfR?lZ#U1jKN(bZbQOKIF6LVyTalOPzk<1vsXF%Ge@Ato(f^_@P`RCUK_
zC(zrAgh9BcpwMcYnwmOX*b0&Gt~#Xnh=?FPa@o7>|K+%9GupR>V|lC8a!bSlisnPq
zm^iFX`ew4Hr{@*g4h&o`F1VX@^E|a*MI@dkH`IWW^J?@G!1%n0Ji6!Gw~oyy=UrAd
z(#KUK-0d?vKH5U(^HqEn%WOpR+!zPO5u=$qThn6l8t`QqV*+)0uxrBJD4f8?2SC3*
zYWc~X(Y4#Jm)GWqs5ROPpIs>umK;Q5adSPkZ|KfuLK<)k48(Me%-X7B)5m1-I|jCQ
znjOiY1e?!<C}QeiI{poclXrBGqT$;1HsA5@kiS_cI!nbS!c@v?E6v7x{_pOo7j0q1
zCuUBJDIp5r*ZeMb3520ZNL}mv@_J@@0V|}mJo@odq2+$BGIe^e>&r0YWzSQ??Mo&{
zD9+Wc{?tt&X}=g96KLTmQ*r*VwEd5##Wtp1VR_XlBQ&bh&1SUS-8vM$d^9JNyVfVN
zw&GY&pW~iG$<9jcUl7FI@)&UIcV_5<w`?R4x2G-HHldtX#RBWc0=#OG8(!{QSTOc)
zVC5e(CcCt@&@D1)cnYtOg-5P=t_bKotE@+?n2{vy!PI$^^Rds8WiMo#R?alF1Y@w?
zYKo?csfWW80qdg_U(v?llNn={+4D737p^f3UpFio2@(;3j=aa@G~d79Z{e=BCa2ih
zzpK@12A>~!yk#z)j%<S{I0b!IRe3xIcwo?2Fx{QOIM0NH0O(%4wf9%}`-J6yW~;S1
hg}Unf!GC#!Yh+Dc<lc%!-1=Sr%*p%Xi1H{}!QYevTXFyZ

literal 0
HcmV?d00001

diff --git a/src/assets/img/admin/password.png b/src/assets/img/admin/password.png
new file mode 100644
index 0000000000000000000000000000000000000000..aece876096551a8c7c24db91f545c70f9af2886d
GIT binary patch
literal 778
zcmeAS@N?(olHy`uVBq!ia0y~yVDtjAEjieLWWbB0dq9e@ILO_JVcj{Imp~3nv6E*A
z2N2Y7q;xPaFm3U4aSW-L^Y+f(yxU<CY!BYA);O^Ec%C9le8cY2DT$H~Ui8eJ72|kW
z+oOop@wnedS(Cdl9u8Z#F5XpXz*7GDMV?&7W@il-gFoV@I%0lTihcU?vY^WGm5kA2
zxi|0Ly-R<_KQq$IH`winj&b_lxc6@#K74qx_6*|&y`85XJS^A|DRNX_&~VSf+qX}q
zd`g>I$#8Au_EQhmu3c-d^yv1|Rgo@#Bn8t2KbA(D%kZ$x{`~XL_Rwcc5!26=PpPi1
z)}OVk^1fL5%%4Rza_9B7?(gn6yDcl-Xr|BZc&!6fHCqqexc>Iz7LBgwrxhgy4dwdz
zjXocDwKU!zpQzWc^`*#^&`@2mTqR@snC%Id+nz4Uy^*TdQ2JVAN@?u$?$66I|Lt0t
zf7xX7w}^XJ_#Z5MB{Ib|aE^}X{JWR-=JYR*1v+E9pJQcNS(#Mshty~P3M}sISrs1|
zn(C6X{b=U&oebC31_$^pzkIpFqT|O8kGt=`-;d=xy=v8|&!0cv7k_%@Pw7-{)`;nk
z?CO?e&JzDyS8pNJYv*!g|ID9j*1i7wV~c5q70|`+lJy$&fd=)tEjAbYn6-0V?3&7}
z^YqQnb}g#7`SKNmT*LV~<K?_3uL}yky*B^3;K%Z`X&+zm6<z#xImPJbyB|MpIPrbh
z|1~oISq$IFxb@pN?`hw(YSpH7uQzFQ3Cka5kn6T)f10bv`61$N=GAIT6~=k9qMJXh
znvgSV*_zkC{!V3Pkeeyp{OQx<va~v3`TZg#NvhHnTJQGQuE?BaWW4?Lu6s9c+_>@O
zzsiS@J3DMM?B@HkH#@rhemeimoqaoY{HQdV`RB8$9^V7S9i{S5m2`|Zzxi5a?IiR-
x>U!-DCSY<z0q>&aWMxgamouY?qH!K1{^k#DJ-*|ob7Bcd%G1@)Wt~$(6974PX><Sp

literal 0
HcmV?d00001

diff --git a/src/components/Setting/components/User.vue b/src/components/Setting/components/User.vue
index 9d98d62..09a8479 100644
--- a/src/components/Setting/components/User.vue
+++ b/src/components/Setting/components/User.vue
@@ -2,7 +2,20 @@
   <div class="user_manage_container">
     <div v-if="userFormVisible" class="add_user_form">
       <p class="title">添加新用户</p>
-      <div class="form_wrap"></div>
+      <div class="form_wrap">
+        <input type="text" class="username_form" />
+        <input
+          :type="showAddPassword ? 'text' : 'password'"
+          class="password_form"
+        />
+        <img
+          :src="showAddPassword ? Open : Eye"
+          class="eye"
+          @click="handleAddPasswordShow"
+        />
+        <p class="username_tips">*用户名限制信息</p>
+        <p class="password_tips">*用户名限制信息</p>
+      </div>
       <div class="btns">
         <div class="btn" @click="returnList">返回</div>
         <div class="btn">添加</div>
@@ -81,10 +94,18 @@
 <script setup>
 import { ref } from 'vue'
 import UserModal from 'cpns/dialogs/UserModal'
+import Eye from '@/assets/img/login/eye.png'
+import Open from '@/assets/img/login/open.png'
 const userFormVisible = ref(false)
 const changePasswordVisible = ref(false)
 const userModalVisible = ref(false)
 
+const showAddPassword = ref(false)
+
+const handleAddPasswordShow = () => {
+  showAddPassword.value = !showAddPassword.value
+}
+
 const showUpdatePassword = () => {
   changePasswordVisible.value = true
 }
@@ -207,6 +228,68 @@ const hideUserModal = () => {
       height: 150px;
       box-sizing: border-box;
       margin-bottom: 48px;
+      background: url(../../../assets/img/admin/add.png) no-repeat;
+      background-size: 100% 100%;
+      position: relative;
+      .username_form {
+        position: absolute;
+        left: 47px;
+        top: 0;
+        width: 243px;
+        height: 17px;
+        font-family: Source Han Sans CN;
+        font-size: 12px;
+        font-weight: 350;
+        letter-spacing: 0.06em;
+        color: #dfdfdf;
+        border: none;
+        outline: none;
+      }
+      .password_form {
+        position: absolute;
+        border: none;
+        outline: none;
+        left: 47px;
+        bottom: 41px;
+        width: 243px;
+        height: 17px;
+        font-family: Source Han Sans CN;
+        font-size: 12px;
+        font-weight: 350;
+        letter-spacing: 0.06em;
+        color: #dfdfdf;
+      }
+      .eye {
+        width: 16px;
+        height: 13px;
+        right: 5px;
+        bottom: 46px;
+        position: absolute;
+      }
+      .username_tips {
+        position: absolute;
+        left: 9px;
+        top: 44px;
+        width: 320px;
+        height: 17px;
+        font-family: Source Han Sans CN;
+        font-size: 12px;
+        font-weight: 350;
+        letter-spacing: 0.06em;
+        color: #fa1c1c;
+      }
+      .password_tips {
+        position: absolute;
+        left: 9px;
+        bottom: 0;
+        width: 320px;
+        height: 17px;
+        font-family: Source Han Sans CN;
+        font-size: 12px;
+        font-weight: 350;
+        letter-spacing: 0.06em;
+        color: #fa1c1c;
+      }
     }
     .btns {
       width: 187px;
@@ -253,6 +336,8 @@ const hideUserModal = () => {
       width: 330px;
       height: 57px;
       margin-bottom: 59px;
+      background: url(../../../assets/img/admin/password.png) no-repeat;
+      background-size: 100% 100%;
     }
     .btns {
       width: 187px;
diff --git a/src/components/Test.vue b/src/components/Test.vue
index c94407d..681bca9 100644
--- a/src/components/Test.vue
+++ b/src/components/Test.vue
@@ -58,8 +58,18 @@
       <p class="title">风机</p>
       <p class="num">000/000</p>
       <div class="btn_wrap">
-        <div :class="testStore.draughtFan ? 'close' : 'open'">打开</div>
-        <div :class="!testStore.draughtFan ? 'close' : 'open'">关闭</div>
+        <div
+          :class="testStore.draughtFan ? 'close' : 'open'"
+          @click="changeDraughtStatus(1)"
+        >
+          打开
+        </div>
+        <div
+          :class="!testStore.draughtFan ? 'close' : 'open'"
+          @click="changeDraughtStatus(2)"
+        >
+          关闭
+        </div>
       </div>
     </div>
     <div class="common_set update_wrap">
@@ -134,6 +144,18 @@ const changeAirStatus = flag => {
     }
   }
 }
+
+const changeDraughtStatus = flag => {
+  if (flag == 1) {
+    if (!testStore.draughtFan) {
+      testStore.updateDraughtFan(true)
+    }
+  } else {
+    if (testStore.draughtFan) {
+      testStore.updateDraughtFan(false)
+    }
+  }
+}
 </script>
 
 <style lang="scss" scoped>