管理员密码验证问题

admin/src/views/permission/admin/edit.vue

@@ -76,12 +76,16 @@
                 </el-form-item>
 
                 <el-form-item label="密码" prop="password">
-                    <el-input v-model="formData.password" show-password placeholder="请输入密码" />
+                    <el-input
+                        v-model.trim="formData.password"
+                        show-password
+                        placeholder="请输入密码"
+                    />
                 </el-form-item>
 
                 <el-form-item label="确认密码" prop="passwordConfirm">
                     <el-input
-                        v-model="formData.passwordConfirm"
+                        v-model.trim="formData.passwordConfirm"
                         show-password
                         placeholder="请输入确认密码"
                     />
@@ -137,6 +141,13 @@ const isRoot = computed(() => {
     return formData.role == '0'
 })
 
+const passwordConfirmValidator = (rule: object, value: string, callback: any) => {
+    if (formData.password) {
+        if (!value) callback(new Error('请再次输入密码'))
+        if (value !== formData.password) callback(new Error('两次输入密码不一致!'))
+    }
+    callback()
+}
 const formRules = reactive({
     username: [
         {
@@ -163,13 +174,6 @@ const formRules = reactive({
         {
             required: true,
             message: '请输入密码',
-            trigger: 'blur',
-            pattern: /(^[^\s]*$)/ // 不能输入空格
-        },
-        {
-            validator: (rule: object, value: string, callback: any) => {
-                !value ? callback(new Error('请输入密码')) : callback()
-            },
             trigger: 'blur'
         }
     ] as any[],
@@ -177,17 +181,10 @@ const formRules = reactive({
         {
             required: true,
             message: '请再次输入密码',
-            trigger: 'blur',
+            trigger: 'blur'
-            pattern: /(^[^\s]*$)/ // 不能输入空格
         },
         {
-            validator: (rule: object, value: string, callback: any) => {
+            validator: passwordConfirmValidator,
-                if (formData.password) {
-                    if (!value) callback(new Error('请再次输入密码'))
-                    if (value !== formData.password) callback(new Error('两次输入密码不一致!'))
-                }
-                callback()
-            },
             trigger: 'blur'
         }
     ] as any[]
@@ -235,7 +232,12 @@ const setFormData = async (row: any) => {
         Number(formData.postId) == 0 && (formData.postId = '')
     }
     formRules.password = []
-    formRules.passwordConfirm = []
+    formRules.passwordConfirm = [
+        {
+            validator: passwordConfirmValidator,
+            trigger: 'blur'
+        }
+    ]
 }
 
 const handleClose = () => {

admin/src/views/user/setting.vue

@@ -68,6 +68,7 @@
 <script setup lang="ts">
 import { setUserInfo } from '@/api/user'
 import useUserStore from '@/stores/modules/user'
+import feedback from '@/utils/feedback'
 import type { FormInstance } from 'element-plus'
 const formRef = ref<FormInstance>()
 const userStore = useUserStore()
@@ -136,7 +137,6 @@ const rules = reactive<object>({
 // 获取个人设置
 const getUser = async () => {
     const userInfo = userStore.userInfo
-    console.log(userInfo)
     for (const key in formData) {
         //@ts-ignore
         formData[key] = userInfo[key]
@@ -146,6 +146,7 @@ const getUser = async () => {
 // 设置个人设置
 const setUser = async () => {
     await setUserInfo(formData)
+    feedback.msgSuccess('保存成功')
     userStore.getUserInfo()
 }