From 6c0bfb28627f5c7f429963e7c6519d289de853cd Mon Sep 17 00:00:00 2001
From: YunaiV <zhijiantianya@gmail.com>
Date: Sat, 4 May 2024 19:11:03 +0800
Subject: [PATCH] =?UTF-8?q?=E3=80=90=E6=96=B0=E5=A2=9E=E3=80=91system?=
 =?UTF-8?q?=EF=BC=9A=E7=9B=B8=E5=85=B3=E6=96=87=E6=A1=A3=E7=9A=84=E9=93=BE?=
 =?UTF-8?q?=E6=8E=A5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/system/area/index.vue            |  7 +-
 src/views/system/loginlog/index.vue        |  3 +
 src/views/system/mail/account/index.vue    |  3 +
 src/views/system/mail/log/index.vue        |  3 +
 src/views/system/mail/template/index.vue   |  3 +
 src/views/system/menu/index.vue            |  4 +
 src/views/system/notify/message/index.vue  |  3 +
 src/views/system/notify/my/index.vue       |  3 +
 src/views/system/notify/template/index.vue |  3 +
 src/views/system/oauth2/client/index.vue   |  3 +
 src/views/system/oauth2/token/index.vue    |  3 +
 src/views/system/operatelog/index.vue      |  3 +
 src/views/system/role/index.vue            |  4 +
 src/views/system/sms/channel/index.vue     |  3 +
 src/views/system/sms/log/index.vue         |  3 +
 src/views/system/sms/template/index.vue    |  3 +
 src/views/system/social/client/index.vue   | 17 ++++
 src/views/system/social/user/index.vue     | 17 ++++
 src/views/system/tenant/index.vue          |  3 +
 src/views/system/tenantPackage/index.vue   |  3 +
 src/views/system/user/index.vue            | 99 ++++++++++++----------
 21 files changed, 146 insertions(+), 47 deletions(-)
 create mode 100644 src/views/system/social/client/index.vue
 create mode 100644 src/views/system/social/user/index.vue

diff --git a/src/views/system/area/index.vue b/src/views/system/area/index.vue
index dfbe45744..7d69699a4 100644
--- a/src/views/system/area/index.vue
+++ b/src/views/system/area/index.vue
@@ -6,6 +6,7 @@ import { useModal } from '@/components/Modal'
 import { IconEnum } from '@/enums/appEnum'
 import { BasicTable, useTable } from '@/components/Table'
 import { getAreaTree } from '@/api/system/area'
+import { DocAlert } from '@/components/DocAlert';
 
 defineOptions({ name: 'SystemArea' })
 
@@ -34,8 +35,10 @@ function handleCreate() {
 </script>
 
 <template>
-  <div class="p-4">
-    <BasicTable @register="register">
+  <div>
+    <DocAlert title="地区 & IP" url="https://doc.iocoder.cn/area-and-ip/" />
+
+    <BasicTable class="p-4" @register="register">
       <template #toolbar>
         <a-button type="primary" :pre-icon="IconEnum.ADD" @click="handleCreate">
           IP 查询
diff --git a/src/views/system/loginlog/index.vue b/src/views/system/loginlog/index.vue
index e66c1d8ac..e3f9f2513 100644
--- a/src/views/system/loginlog/index.vue
+++ b/src/views/system/loginlog/index.vue
@@ -5,6 +5,7 @@ import { useMessage } from '@/hooks/web/useMessage'
 import { BasicTable, useTable } from '@/components/Table'
 import type { LoginLogReqVO } from '@/api/system/loginLog'
 import { exportLoginLog, getLoginLogPage } from '@/api/system/loginLog'
+import { DocAlert } from '@/components/DocAlert';
 
 defineOptions({ name: 'SystemLoginLog' })
 
@@ -35,6 +36,8 @@ async function handleExport() {
 
 <template>
   <div>
+    <DocAlert title="系统日志" url="https://doc.iocoder.cn/system-log/" />
+
     <BasicTable @register="registerTable">
       <template #toolbar>
         <a-button v-auth="['system:login-log:export']" @click="handleExport">
diff --git a/src/views/system/mail/account/index.vue b/src/views/system/mail/account/index.vue
index 0ddeaa1bd..6a9d80724 100644
--- a/src/views/system/mail/account/index.vue
+++ b/src/views/system/mail/account/index.vue
@@ -7,6 +7,7 @@ import { useModal } from '@/components/Modal'
 import { IconEnum } from '@/enums/appEnum'
 import { BasicTable, TableAction, useTable } from '@/components/Table'
 import { deleteMailAccount, getMailAccountPage } from '@/api/system/mail/account'
+import { DocAlert } from '@/components/DocAlert';
 
 defineOptions({ name: 'SystemMailAccount' })
 
@@ -46,6 +47,8 @@ async function handleDelete(record: Recordable) {
 
 <template>
   <div>
+    <DocAlert title="邮件配置" url="https://doc.iocoder.cn/mail" />
+
     <BasicTable @register="registerTable">
       <template #toolbar>
         <a-button v-auth="['system:mail-account:create']" type="primary" :pre-icon="IconEnum.ADD" @click="handleCreate">
diff --git a/src/views/system/mail/log/index.vue b/src/views/system/mail/log/index.vue
index 5e16ebee2..9de029cb1 100644
--- a/src/views/system/mail/log/index.vue
+++ b/src/views/system/mail/log/index.vue
@@ -6,6 +6,7 @@ import { IconEnum } from '@/enums/appEnum'
 import { BasicTable, TableAction, useTable } from '@/components/Table'
 import { getMailAccountPage } from '@/api/system/mail/log'
 import { useModal } from '@/components/Modal'
+import { DocAlert } from '@/components/DocAlert';
 
 defineOptions({ name: 'SystemOperateLog' })
 
@@ -35,6 +36,8 @@ function handleShowInfo(record: Recordable) {
 
 <template>
   <div>
+    <DocAlert title="邮件配置" url="https://doc.iocoder.cn/mail" />
+
     <BasicTable @register="registerTable">
       <template #bodyCell="{ column, record }">
         <template v-if="column.key === 'action'">
diff --git a/src/views/system/mail/template/index.vue b/src/views/system/mail/template/index.vue
index ec4f3e2cb..f424c09ca 100644
--- a/src/views/system/mail/template/index.vue
+++ b/src/views/system/mail/template/index.vue
@@ -8,6 +8,7 @@ import { useModal } from '@/components/Modal'
 import { IconEnum } from '@/enums/appEnum'
 import { BasicTable, TableAction, useTable } from '@/components/Table'
 import { deleteMailTemplate, getMailTemplatePage } from '@/api/system/mail/template'
+import { DocAlert } from '@/components/DocAlert';
 
 defineOptions({ name: 'SystemMailTemplate' })
 
@@ -52,6 +53,8 @@ async function handleDelete(record: Recordable) {
 
 <template>
   <div>
+    <DocAlert title="邮件配置" url="https://doc.iocoder.cn/mail" />
+
     <BasicTable @register="registerTable">
       <template #toolbar>
         <a-button v-auth="['system:mail-template:create']" type="primary" :pre-icon="IconEnum.ADD" @click="handleCreate">
diff --git a/src/views/system/menu/index.vue b/src/views/system/menu/index.vue
index d37a8e9b7..aa62b64ed 100644
--- a/src/views/system/menu/index.vue
+++ b/src/views/system/menu/index.vue
@@ -9,6 +9,7 @@ import { IconEnum } from '@/enums/appEnum'
 import { BasicTable, TableAction, useTable } from '@/components/Table'
 import { deleteMenu, getMenuList } from '@/api/system/menu'
 import { usePermission } from '@/hooks/web/usePermission'
+import { DocAlert } from '@/components/DocAlert';
 
 defineOptions({ name: 'SystemMenu' })
 
@@ -74,6 +75,9 @@ function refreshMenu() {
 
 <template>
   <div>
+    <DocAlert title="功能权限" url="https://doc.iocoder.cn/resource-permission" />
+    <DocAlert title="菜单路由" url="https://doc.iocoder.cn/vue3/route/" />
+
     <BasicTable @register="register">
       <template #toolbar>
         <a-button v-auth="['system:menu:create']" type="primary" :pre-icon="IconEnum.ADD" @click="handleCreate">
diff --git a/src/views/system/notify/message/index.vue b/src/views/system/notify/message/index.vue
index cc4dbf6fe..62fddd508 100644
--- a/src/views/system/notify/message/index.vue
+++ b/src/views/system/notify/message/index.vue
@@ -6,6 +6,7 @@ import { BasicTable, TableAction, useTable } from '@/components/Table'
 import { getNotifyMessagePage } from '@/api/system/notify/message'
 import MessageInfoModal from '@/views/system/notify/components/MessageInfoModal.vue'
 import { useModal } from '@/components/Modal'
+import { DocAlert } from '@/components/DocAlert';
 
 defineOptions({ name: 'SystemMessage' })
 
@@ -36,6 +37,8 @@ function handleShowInfo(record: Recordable) {
 
 <template>
   <div>
+    <DocAlert title="站内信配置" url="https://doc.iocoder.cn/notify/" />
+
     <BasicTable @register="registerTable">
       <template #bodyCell="{ column, record }">
         <template v-if="column.key === 'action'">
diff --git a/src/views/system/notify/my/index.vue b/src/views/system/notify/my/index.vue
index 8b62377b6..bb9569a34 100644
--- a/src/views/system/notify/my/index.vue
+++ b/src/views/system/notify/my/index.vue
@@ -9,6 +9,7 @@ import { getMyNotifyMessagePage, updateAllNotifyMessageRead, updateNotifyMessage
 import MessageInfoModal from '@/views/system/notify/components/MessageInfoModal.vue'
 import { useModal } from '@/components/Modal'
 import { useUserMessageStore } from '@/store/modules/userMessage'
+import { DocAlert } from '@/components/DocAlert';
 
 defineOptions({ name: 'SystemMyMessage' })
 
@@ -86,6 +87,8 @@ function handleInfo(record: any) {
 
 <template>
   <div>
+    <DocAlert title="站内信配置" url="https://doc.iocoder.cn/notify/" />
+
     <BasicTable bordered @register="registerTable">
       <template #toolbar>
         <a-button pre-icon="solar:check-read-line-duotone" type="primary" :disabled="readedDisabled" @click="handleUpdateList">
diff --git a/src/views/system/notify/template/index.vue b/src/views/system/notify/template/index.vue
index 342357013..e2d524497 100644
--- a/src/views/system/notify/template/index.vue
+++ b/src/views/system/notify/template/index.vue
@@ -8,6 +8,7 @@ import { useModal } from '@/components/Modal'
 import { IconEnum } from '@/enums/appEnum'
 import { BasicTable, TableAction, useTable } from '@/components/Table'
 import { deleteNotifyTemplate, getNotifyTemplatePage } from '@/api/system/notify/template'
+import { DocAlert } from '@/components/DocAlert';
 
 defineOptions({ name: 'SystemMessageTemplate' })
 
@@ -53,6 +54,8 @@ async function handleDelete(record: Recordable) {
 
 <template>
   <div>
+    <DocAlert title="站内信配置" url="https://doc.iocoder.cn/notify/" />
+
     <BasicTable @register="registerTable">
       <template #toolbar>
         <a-button v-auth="['system:notify-template:create']" type="primary" :pre-icon="IconEnum.ADD" @click="handleCreate">
diff --git a/src/views/system/oauth2/client/index.vue b/src/views/system/oauth2/client/index.vue
index c8d996c38..f8be09c26 100644
--- a/src/views/system/oauth2/client/index.vue
+++ b/src/views/system/oauth2/client/index.vue
@@ -7,6 +7,7 @@ import { useModal } from '@/components/Modal'
 import { IconEnum } from '@/enums/appEnum'
 import { BasicTable, TableAction, useTable } from '@/components/Table'
 import { deleteOAuth2Client, getOAuth2ClientPage } from '@/api/system/oauth2/client'
+import { DocAlert } from '@/components/DocAlert';
 
 defineOptions({ name: 'SystemClient' })
 
@@ -46,6 +47,8 @@ async function handleDelete(record: Recordable) {
 
 <template>
   <div>
+    <DocAlert title="OAuth 2.0（SSO 单点登录)" url="https://doc.iocoder.cn/oauth2/" />
+
     <BasicTable @register="registerTable">
       <template #toolbar>
         <a-button v-auth="['system:oauth2-client:create']" type="primary" :pre-icon="IconEnum.ADD" @click="handleCreate">
diff --git a/src/views/system/oauth2/token/index.vue b/src/views/system/oauth2/token/index.vue
index c467fbe45..a8bb132f6 100644
--- a/src/views/system/oauth2/token/index.vue
+++ b/src/views/system/oauth2/token/index.vue
@@ -5,6 +5,7 @@ import { IconEnum } from '@/enums/appEnum'
 import { BasicTable, TableAction, useTable } from '@/components/Table'
 import { deleteAccessToken, getAccessTokenPage } from '@/api/system/oauth2/token'
 import { useMessage } from '@/hooks/web/useMessage'
+import { DocAlert } from '@/components/DocAlert';
 
 defineOptions({ name: 'SystemToken' })
 
@@ -35,6 +36,8 @@ async function handleDelete(record: Recordable) {
 
 <template>
   <div>
+    <DocAlert title="OAuth 2.0（SSO 单点登录)" url="https://doc.iocoder.cn/oauth2/" />
+
     <BasicTable @register="registerTable">
       <template #bodyCell="{ column, record }">
         <template v-if="column.key === 'action'">
diff --git a/src/views/system/operatelog/index.vue b/src/views/system/operatelog/index.vue
index 5ffb51650..9b08bd161 100644
--- a/src/views/system/operatelog/index.vue
+++ b/src/views/system/operatelog/index.vue
@@ -8,6 +8,7 @@ import { BasicTable, TableAction, useTable } from '@/components/Table'
 import type { OperateLogPageReqVO } from '@/api/system/operatelog'
 import { exportOperateLog, getOperateLogPage } from '@/api/system/operatelog'
 import { useModal } from '@/components/Modal'
+import { DocAlert } from '@/components/DocAlert';
 
 defineOptions({ name: 'SystemOperateLog' })
 
@@ -49,6 +50,8 @@ function handleShowInfo(record: Recordable) {
 
 <template>
   <div>
+    <DocAlert title="系统日志" url="https://doc.iocoder.cn/system-log/" />
+
     <BasicTable @register="registerTable">
       <template #toolbar>
         <a-button :pre-icon="IconEnum.EXPORT" @click="handleExport">
diff --git a/src/views/system/role/index.vue b/src/views/system/role/index.vue
index 8f85163e1..a1cf9f258 100644
--- a/src/views/system/role/index.vue
+++ b/src/views/system/role/index.vue
@@ -10,6 +10,7 @@ import { IconEnum } from '@/enums/appEnum'
 import { BasicTable, TableAction, useTable } from '@/components/Table'
 import type { RoleExportReqVO } from '@/api/system/role'
 import { deleteRole, exportRole, getRolePage } from '@/api/system/role'
+import { DocAlert } from '@/components/DocAlert';
 
 defineOptions({ name: 'SystemRole' })
 
@@ -71,6 +72,9 @@ async function handleDelete(record: Recordable) {
 
 <template>
   <div>
+    <DocAlert title="功能权限" url="https://doc.iocoder.cn/resource-permission" />
+    <DocAlert title="数据权限" url="https://doc.iocoder.cn/data-permission" />
+
     <BasicTable @register="registerTable">
       <template #toolbar>
         <a-button v-auth="['system:role:create']" type="primary" :pre-icon="IconEnum.ADD" @click="handleCreate">
diff --git a/src/views/system/sms/channel/index.vue b/src/views/system/sms/channel/index.vue
index 1de87957e..b0086ed45 100644
--- a/src/views/system/sms/channel/index.vue
+++ b/src/views/system/sms/channel/index.vue
@@ -7,6 +7,7 @@ import { useModal } from '@/components/Modal'
 import { IconEnum } from '@/enums/appEnum'
 import { BasicTable, TableAction, useTable } from '@/components/Table'
 import { deleteSmsChannel, getSmsChannelPage } from '@/api/system/sms/smsChannel'
+import { DocAlert } from '@/components/DocAlert';
 
 defineOptions({ name: 'SystemSmsChannel' })
 
@@ -47,6 +48,8 @@ async function handleDelete(record: Recordable) {
 
 <template>
   <div>
+    <DocAlert title="短信配置" url="https://doc.iocoder.cn/sms/" />
+
     <BasicTable @register="registerTable">
       <template #toolbar>
         <a-button v-auth="['system:sms-channel:create']" type="primary" :pre-icon="IconEnum.ADD" @click="handleCreate">
diff --git a/src/views/system/sms/log/index.vue b/src/views/system/sms/log/index.vue
index 76837c13b..77c92c5be 100644
--- a/src/views/system/sms/log/index.vue
+++ b/src/views/system/sms/log/index.vue
@@ -6,6 +6,7 @@ import type { SmsLogExportReqVO } from '@/api/system/sms/smsLog'
 import { exportSmsLog, getSmsLogPage } from '@/api/system/sms/smsLog'
 import { useI18n } from '@/hooks/web/useI18n'
 import { useMessage } from '@/hooks/web/useMessage'
+import { DocAlert } from '@/components/DocAlert';
 
 defineOptions({ name: 'SystemSmsLog' })
 
@@ -36,6 +37,8 @@ async function handleExport() {
 
 <template>
   <div>
+    <DocAlert title="短信配置" url="https://doc.iocoder.cn/sms/" />
+
     <BasicTable @register="registerTable">
       <template #toolbar>
         <a-button v-auth="['system:sms-log:export']" :pre-icon="IconEnum.EXPORT" @click="handleExport">
diff --git a/src/views/system/sms/template/index.vue b/src/views/system/sms/template/index.vue
index 66ee73558..8264684a9 100644
--- a/src/views/system/sms/template/index.vue
+++ b/src/views/system/sms/template/index.vue
@@ -9,6 +9,7 @@ import { useModal } from '@/components/Modal'
 import { IconEnum } from '@/enums/appEnum'
 import { useI18n } from '@/hooks/web/useI18n'
 import { useMessage } from '@/hooks/web/useMessage'
+import { DocAlert } from '@/components/DocAlert';
 
 defineOptions({ name: 'SystemSmsTemplate' })
 
@@ -65,6 +66,8 @@ async function handleDelete(record: Recordable) {
 
 <template>
   <div>
+    <DocAlert title="短信配置" url="https://doc.iocoder.cn/sms/" />
+
     <BasicTable @register="registerTable">
       <template #toolbar>
         <a-button v-auth="['system:sms-template:create']" type="primary" :pre-icon="IconEnum.ADD" @click="handleCreate">
diff --git a/src/views/system/social/client/index.vue b/src/views/system/social/client/index.vue
new file mode 100644
index 000000000..e1d1e43cd
--- /dev/null
+++ b/src/views/system/social/client/index.vue
@@ -0,0 +1,17 @@
+<script lang="ts" setup>
+import { DocAlert } from '@/components/DocAlert';
+</script>
+
+<template>
+  <div>
+    <DocAlert title="三方登录" url="https://doc.iocoder.cn/social-user/" />
+
+    <a-button danger type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3">
+      该功能支持 Vue3 + element-plus 版本！
+    </a-button>
+    <br />
+    <a-button type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/system/social/user/index.vue">
+      可参考 https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/system/social/user/index.vue 代码，pull request 贡献给我们！
+    </a-button>
+  </div>
+</template>
diff --git a/src/views/system/social/user/index.vue b/src/views/system/social/user/index.vue
new file mode 100644
index 000000000..e1d1e43cd
--- /dev/null
+++ b/src/views/system/social/user/index.vue
@@ -0,0 +1,17 @@
+<script lang="ts" setup>
+import { DocAlert } from '@/components/DocAlert';
+</script>
+
+<template>
+  <div>
+    <DocAlert title="三方登录" url="https://doc.iocoder.cn/social-user/" />
+
+    <a-button danger type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3">
+      该功能支持 Vue3 + element-plus 版本！
+    </a-button>
+    <br />
+    <a-button type="link" target="_blank" href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/system/social/user/index.vue">
+      可参考 https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/system/social/user/index.vue 代码，pull request 贡献给我们！
+    </a-button>
+  </div>
+</template>
diff --git a/src/views/system/tenant/index.vue b/src/views/system/tenant/index.vue
index f1014b903..d0ec9779b 100644
--- a/src/views/system/tenant/index.vue
+++ b/src/views/system/tenant/index.vue
@@ -8,6 +8,7 @@ import { useModal } from '@/components/Modal'
 import { IconEnum } from '@/enums/appEnum'
 import { useI18n } from '@/hooks/web/useI18n'
 import { useMessage } from '@/hooks/web/useMessage'
+import { DocAlert } from '@/components/DocAlert';
 
 defineOptions({ name: 'SystemTenant' })
 
@@ -59,6 +60,8 @@ async function handleDelete(record: Recordable) {
 
 <template>
   <div>
+    <DocAlert title="SaaS 多租户" url="https://doc.iocoder.cn/saas-tenant/" />
+
     <BasicTable @register="registerTable">
       <template #toolbar>
         <a-button v-auth="['system:tenant:create']" type="primary" :pre-icon="IconEnum.ADD" @click="handleCreate">
diff --git a/src/views/system/tenantPackage/index.vue b/src/views/system/tenantPackage/index.vue
index af504431d..1634a02b6 100644
--- a/src/views/system/tenantPackage/index.vue
+++ b/src/views/system/tenantPackage/index.vue
@@ -7,6 +7,7 @@ import { useModal } from '@/components/Modal'
 import { IconEnum } from '@/enums/appEnum'
 import { BasicTable, TableAction, useTable } from '@/components/Table'
 import { deleteTenantPackage, getTenantPackagePage } from '@/api/system/tenantPackage'
+import { DocAlert } from '@/components/DocAlert';
 
 defineOptions({ name: 'SystemTenantPackage' })
 
@@ -46,6 +47,8 @@ async function handleDelete(record: Recordable) {
 
 <template>
   <div>
+    <DocAlert title="SaaS 多租户" url="https://doc.iocoder.cn/saas-tenant/" />
+
     <BasicTable @register="registerTable">
       <template #toolbar>
         <a-button v-auth="['system:tenant-package:create']" type="primary" :pre-icon="IconEnum.ADD" @click="handleCreate">
diff --git a/src/views/system/user/index.vue b/src/views/system/user/index.vue
index 4f55b3f68..e70752b56 100644
--- a/src/views/system/user/index.vue
+++ b/src/views/system/user/index.vue
@@ -12,6 +12,7 @@ import { IconEnum } from '@/enums/appEnum'
 import { BasicTable, TableAction, useTable } from '@/components/Table'
 import type { UserExportReqVO } from '@/api/system/user'
 import { deleteUser, exportUser, getUserPage } from '@/api/system/user'
+import { DocAlert } from '@/components/DocAlert';
 
 defineOptions({ name: 'SystemUser' })
 
@@ -89,52 +90,60 @@ function handleSelect(deptId = '') {
 </script>
 
 <template>
-  <div class="flex">
-    <DeptTree class="w-1/4 xl:w-1/5" @select="handleSelect" />
-    <BasicTable class="w-3/4 xl:w-4/5" :search-info="searchInfo" @register="registerTable">
-      <template #toolbar>
-        <a-button v-auth="['system:user:create']" type="primary" :pre-icon="IconEnum.ADD" @click="handleCreate">
-          {{ t('action.create') }}
-        </a-button>
-        <a-button v-auth="['system:user:export']" :pre-icon="IconEnum.EXPORT" @click="handleExport">
-          {{ t('action.export') }}
-        </a-button>
-      </template>
-      <template #bodyCell="{ column, record }">
-        <template v-if="column.key === 'action'">
-          <TableAction
-            :actions="[
-              { icon: IconEnum.EDIT, label: t('action.edit'), auth: 'system:user:update', onClick: handleEdit.bind(null, record) },
-            ]"
-            :drop-down-actions="[
-              {
-                icon: IconEnum.EDIT,
-                label: '分配角色',
-                auth: 'system:permission:assign-user-role',
-                onClick: handleRole.bind(null, record),
-              },
-              {
-                icon: IconEnum.EDIT,
-                label: '重置密码',
-                auth: 'system:user:update-password',
-                onClick: handleResetPwd.bind(null, record),
-              },
-              {
-                icon: IconEnum.DELETE,
-                danger: true,
-                label: t('action.delete'),
-                auth: 'system:user:delete',
-                popConfirm: {
-                  title: t('common.delMessage'),
-                  placement: 'left',
-                  confirm: handleDelete.bind(null, record),
-                },
-              },
-            ]"
-          />
+  <div>
+    <div>
+      <DocAlert title="用户体系" url="https://doc.iocoder.cn/user-center/" />
+      <DocAlert title="三方登陆" url="https://doc.iocoder.cn/social-user/" />
+      <DocAlert title="Excel 导入导出" url="https://doc.iocoder.cn/excel-import-and-export/" />
+    </div>
+
+    <div class="flex">
+      <DeptTree class="w-1/4 xl:w-1/5" @select="handleSelect" />
+      <BasicTable class="w-3/4 xl:w-4/5" :search-info="searchInfo" @register="registerTable">
+        <template #toolbar>
+          <a-button v-auth="['system:user:create']" type="primary" :pre-icon="IconEnum.ADD" @click="handleCreate">
+            {{ t('action.create') }}
+          </a-button>
+          <a-button v-auth="['system:user:export']" :pre-icon="IconEnum.EXPORT" @click="handleExport">
+            {{ t('action.export') }}
+          </a-button>
         </template>
-      </template>
-    </BasicTable>
+        <template #bodyCell="{ column, record }">
+          <template v-if="column.key === 'action'">
+            <TableAction
+              :actions="[
+                { icon: IconEnum.EDIT, label: t('action.edit'), auth: 'system:user:update', onClick: handleEdit.bind(null, record) },
+              ]"
+              :drop-down-actions="[
+                {
+                  icon: IconEnum.EDIT,
+                  label: '分配角色',
+                  auth: 'system:permission:assign-user-role',
+                  onClick: handleRole.bind(null, record),
+                },
+                {
+                  icon: IconEnum.EDIT,
+                  label: '重置密码',
+                  auth: 'system:user:update-password',
+                  onClick: handleResetPwd.bind(null, record),
+                },
+                {
+                  icon: IconEnum.DELETE,
+                  danger: true,
+                  label: t('action.delete'),
+                  auth: 'system:user:delete',
+                  popConfirm: {
+                    title: t('common.delMessage'),
+                    placement: 'left',
+                    confirm: handleDelete.bind(null, record),
+                  },
+                },
+              ]"
+            />
+          </template>
+        </template>
+      </BasicTable>
+    </div>
     <UserModal @register="registerModal" @success="reload()" />
     <UserRoleModal @register="registerRoleModal" @success="reload()" />
     <ResetPwdModal @register="registerPwdModal" @success="reload()" />