菜单管理

frontend/src/views/authority/user/components/userPopup.vue

@@ -9,8 +9,8 @@
         <el-form-item label="用户名" prop='name' :label-width="100">
           <el-input v-model="formContent.name" placeholder="请输入用户名" autocomplete="off" />
         </el-form-item>
-        <el-form-item label="登录名" prop='loginName'  :label-width="100">
-          <el-input v-model="formContent.loginName" placeholder="请输入登录名" autocomplete="off" />
+        <el-form-item label="登录名" prop='loginName'  :label-width="100" >
+          <el-input v-model="formContent.loginName" placeholder="请输入登录名" autocomplete="off" :disabled="LoginNameIsShow"/>
         </el-form-item>
         <el-form-item label="密码" prop='password' :label-width="100" v-if="IsPasswordShow">
           <el-input type="password" v-model="formContent.password" show-password placeholder="请输入密码" autocomplete="off" />
@@ -64,6 +64,7 @@
   const dialogFormRef = ref()
   const IsPasswordShow = ref(false)
   const roleList = ref<Role.RoleBO[]>([])
+  const LoginNameIsShow = ref(false)
   function useMetaInfo() {
     const dialogVisible = ref(false)
     const titleType = ref('add')
@@ -112,7 +113,7 @@
        // 指定正则，此处是数字正则
        { pattern: /^[A-Za-z\u4e00-\u9fa5]{1,16}$/, message: '名称需1~16位的英文或汉字', trigger: 'blur' }],
       loginName: [{ required: true, message: '登录名必填！', trigger: 'blur' },
-      { pattern: /^[a-zA-Z_.]{1}[a-zA-Z0-9_.]{2,15}$/, message: '登录名需2-15位的字母数字符号', trigger: 'blur' }],
+      { pattern: /^[a-zA-Z]{1}[a-zA-Z0-9]{2,15}$/, message: '格式错误，需以字母开头，长度为3-16位的字母或数字', trigger: 'blur' }],
       password: [{ required: true, message: '密码必填！', trigger: 'blur' },
       { pattern: /^(?=.*[!@#$%^&*()_+\-=\[\]{};':"\\|,.<>\/?]).{8,16}$/, message: '密码长度为8-16，需包含特殊字符', trigger: 'blur' }],
   })
@@ -156,9 +157,11 @@
     dialogVisible.value = true
     if (data.id) {
       IsPasswordShow.value = false
+      LoginNameIsShow.value = true
       formContent.value = { ...data }
     } else {
       IsPasswordShow.value = true
+      LoginNameIsShow.value = false
       resetFormContent()
     }
   }