From c2d120975d0459921f5ee0687a022fcbab4c7196 Mon Sep 17 00:00:00 2001
From: maochaoying <925670706@qq.com>
Date: Fri, 11 Aug 2023 10:58:44 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E5=AF=86=E7=A0=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Setting/components/Admin.vue |  2 ++
 src/components/Setting/components/User.vue  | 54 ++++++++++++++++++++++++++++-
 2 files changed, 55 insertions(+), 1 deletion(-)

diff --git a/src/components/Setting/components/Admin.vue b/src/components/Setting/components/Admin.vue
index aac737f..1b1941a 100644
--- a/src/components/Setting/components/Admin.vue
+++ b/src/components/Setting/components/Admin.vue
@@ -66,6 +66,7 @@
 <script setup>
 import Eye from '@/assets/img/login/eye.png'
 import Open from '@/assets/img/login/open.png'
+import { showSuccessToast, showFailToast } from 'vant'
 import { ref } from 'vue'
 
 const initShowPassword = ref(false)
@@ -99,6 +100,7 @@ const handleUpdatePassword = () => {
   }
   initTip.value = ''
   updateTip.value = ''
+  showSuccessToast('修改成功')
 }
 </script>
 
diff --git a/src/components/Setting/components/User.vue b/src/components/Setting/components/User.vue
index 09a8479..b0158e2 100644
--- a/src/components/Setting/components/User.vue
+++ b/src/components/Setting/components/User.vue
@@ -25,7 +25,18 @@
       <p class="title">
         正在修改 <span class="username">username1</span> 的密码
       </p>
-      <div class="update_form"></div>
+      <div class="update_form">
+        <img
+          :src="showUpdateUserPasswordVisible ? Open : Eye"
+          class="eye"
+          @click="showUpdateUserPassword"
+        />
+        <input
+          :type="showUpdateUserPasswordVisible ? 'text' : 'password'"
+          class="password_input"
+        />
+        <p class="tip">*密码限制信息</p>
+      </div>
       <div class="btns">
         <div class="btn" @click="returnToList">返回</div>
         <div class="btn">修改</div>
@@ -110,6 +121,11 @@ const showUpdatePassword = () => {
   changePasswordVisible.value = true
 }
 
+const showUpdateUserPasswordVisible = ref(false)
+const showUpdateUserPassword = () => {
+  showUpdateUserPasswordVisible.value = !showUpdateUserPasswordVisible.value
+}
+
 const returnToList = () => {
   changePasswordVisible.value = false
 }
@@ -338,6 +354,42 @@ const hideUserModal = () => {
       margin-bottom: 59px;
       background: url(../../../assets/img/admin/password.png) no-repeat;
       background-size: 100% 100%;
+      position: relative;
+      .eye {
+        width: 16px;
+        height: 13px;
+        position: absolute;
+        top: 6px;
+        right: 5px;
+      }
+      .password_input {
+        width: 245px;
+        height: 17px;
+        position: absolute;
+        top: 2px;
+        left: 43px;
+        font-family: Source Han Sans CN;
+        font-size: 12px;
+        font-weight: 350;
+        line-height: normal;
+        letter-spacing: 0.06em;
+        color: #06518b;
+        border: none;
+        outline: none;
+      }
+      .tip {
+        position: absolute;
+        font-family: Source Han Sans CN;
+        font-size: 12px;
+        font-weight: 350;
+        line-height: normal;
+        letter-spacing: 0.06em;
+        color: #fa1c1c;
+        width: 320px;
+        height: 17px;
+        left: 6px;
+        top: 40px;
+      }
     }
     .btns {
       width: 187px;