refactor: 优化角色管理、用户管理相关代码

src/views/system/user/UserAddModal.vue

@@ -19,7 +19,7 @@
         <a-input-password v-model.trim="form.password" placeholder="请输入密码" :max-length="32" />
       </a-form-item>
       <a-form-item label="手机号码" field="phone">
-        <a-input v-model.trim="form.phone" placeholder="请输入手机号码" />
+        <a-input v-model.trim="form.phone" placeholder="请输入手机号码" :max-length="11" />
       </a-form-item>
       <a-form-item label="邮箱" field="email">
         <a-input v-model.trim="form.email" placeholder="请输入邮箱" :max-length="255" />

src/views/system/user/UserDetailDrawer.vue

@@ -32,7 +32,6 @@ import { useWindowSize } from '@vueuse/core'
 
 const { width } = useWindowSize()
 
-const visible = ref(false)
 const dataId = ref('')
 const dataDetail = ref<UserDetailResp>()
 // 查询详情
@@ -41,14 +40,15 @@ const getDataDetail = async () => {
   dataDetail.value = res.data
 }
 
-// 打开详情
-const open = async (id: string) => {
+const visible = ref(false)
+// 详情
+const onDetail = async (id: string) => {
   dataId.value = id
   await getDataDetail()
   visible.value = true
 }
 
-defineExpose({ open })
+defineExpose({ onDetail })
 </script>
 
 <style lang="scss" scoped></style>

src/views/system/user/index.vue

@@ -9,7 +9,6 @@
           <a-tree ref="treeRef" :data="deptList" default-expand-all show-line block-node @select="handleSelectDept">
           </a-tree>
         </a-col>
-
         <a-col :xs="24" :md="20" :lg="20" :xl="20" :xxl="20">
           <GiTable
             ref="tableRef"
@@ -54,7 +53,7 @@
                 :avatar="getAvatar(record.avatar, record.gender)"
                 :name="record.nickname"
                 is-link
-                @click="openDetail(record)"
+                @click="onDetail(record)"
               />
             </template>
             <template #gender="{ record }">
@@ -80,9 +79,9 @@
                   删除
                 </a-link>
                 <a-dropdown>
-                  <a-button type="text">更多</a-button>
+                  <a-button v-if="has.hasPermOr(['system:user:resetPwd'])" type="text">更多</a-button>
                   <template #content>
-                    <a-doption @click="onResetPwd(record)">重置密码</a-doption>
+                    <a-doption v-permission="['system:user:resetPwd']" @click="onResetPwd(record)">重置密码</a-doption>
                   </template>
                 </a-dropdown>
               </a-space>
@@ -225,9 +224,9 @@ const onUpdate = (item: UserResp) => {
 }
 
 const UserDetailDrawerRef = ref<InstanceType<typeof UserDetailDrawer>>()
-// 打开详情
-const openDetail = (item: UserResp) => {
-  UserDetailDrawerRef.value?.open(item.id)
+// 详情
+const onDetail = (item: UserResp) => {
+  UserDetailDrawerRef.value?.onDetail(item.id)
 }
 
 const UserResetPwdModalRef = ref<InstanceType<typeof UserResetPwdModal>>()