优化了“重置密码弹框”

main/manager-web/src/components/ViewPasswordDialog.vue

@@ -1,19 +1,39 @@
 <template>
   <el-dialog :visible.sync="visible" width="400px" center>
+    <div style="margin: 0 10px 10px;display: flex;align-items: center;gap: 10px;font-weight: 700;font-size: 20px;text-align: left;color: #3d4566;">
+      <div style="width: 40px;height: 40px;border-radius: 50%;background: #5778ff;display: flex;align-items: center;justify-content: center;">
+        <img src="@/assets/login/shield.png" alt="" style="width: 19px;height: 23px; filter: brightness(0) invert(1);" />
+      </div>
+      用户新密码
+    </div>
+    <div style="height: 1px;background: #e8f0ff;" />
     <div style="margin: 22px 15px;">
       <div style="font-weight: 400;font-size: 14px;text-align: left;color: #3d4566;">
         <div style="color: red;display: inline-block;">*</div>
-        用户密码：
+        用户新密码：
       </div>
       <div class="input-46" style="margin-top: 12px;">
-        <el-input v-model="password" type="text" :readonly="true" style="font-weight: bold; color: #333;"/>
+        <el-input
+          v-model="password"
+          type="text"
+          :readonly="true"
+          style="font-weight: bold; color: #333;"
+        />
       </div>
     </div>
     <div style="display: flex;margin: 15px 15px;gap: 7px;">
-      <div class="dialog-btn" style="background: #e6ebff;border: 1px solid #adbdff;color: #5778ff;" @click="closeDialog">
+      <div
+        class="dialog-btn"
+        style="background: #e6ebff;border: 1px solid #adbdff;color: #5778ff;"
+        @click="closeDialog"
+      >
         关闭
       </div>
-      <div class="dialog-btn" style="background: #5778ff;color: white;" @click="copyPassword">
+      <div
+        class="dialog-btn"
+        style="background: #5778ff;color: white;"
+        @click="copyPassword"
+      >
         复制密码
       </div>
     </div>
@@ -74,4 +94,4 @@ export default {
   background-color: #f6f8fb !important;
   cursor: default !important;
 }
-</style>
+</style>

main/manager-web/src/views/UserManagement.vue

@@ -132,15 +132,19 @@ export default {
     },
     // 重置密码
     resetPassword(row) {
+      this.$confirm('重置后将会生成新密码，是否继续？', '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消'
+      }).then(() => {
         adminApi.resetUserPassword(row.userid, ({ data }) => {
           if (data.code === 0) {
             this.currentPassword = data.data
             this.showViewPassword = true
-          } else {
-            this.$message.error(data.msg || '获取密码失败')
+            this.$message.success('密码已重置，请通知用户使用新密码登录')
           }
         })
-      },
+      })
+    },
     disableUser(row) {
       row.status = '禁用';
       console.log('禁用用户：', row);