.env

@@ -6,3 +6,9 @@ VITE_GLOB_APP_TITLE = Fast Iot Web
 
 # 简称，用于配置文件名字 不要出现空格、数字开头等特殊字符
 VITE_GLOB_APP_SHORT_NAME = FAST_IOT_Admin
+
+# 租户开关
+VITE_GLOB_APP_TENANT_ENABLE = true
+
+# 验证码的开关
+VITE_GLOB_APP_CAPTCHA_ENABLE = true

.env.development

@@ -7,13 +7,13 @@ VITE_PUBLIC_PATH = /
 # 本地开发代理，可以解决跨域及多地址代理
 # 如果接口地址匹配到，则会转发到http://localhost:3000，防止本地出现跨域问题
 # 可以有多个，注意多个不能换行，否则代理将会失效
-VITE_PROXY = []
+VITE_PROXY = [["/dev-api","192.168.1.100:48081/admin-api"],["/upload","192.168.1.100:48081/admin-api/infra/file/upload"]]
 
 # 是否删除Console.log
 VITE_DROP_CONSOLE = false
 
 # 接口地址,如果没有跨域问题，直接在这里配置即可
-VITE_GLOB_API_URL = http://192.168.1.100:48081/admin-api
+VITE_GLOB_API_URL = /dev-api
 
 # 文件上传接口  可选
 VITE_GLOB_UPLOAD_URL = /upload

.env.production

@@ -13,7 +13,7 @@ VITE_BUILD_COMPRESS = 'gzip'
 VITE_BUILD_COMPRESS_DELETE_ORIGIN_FILE = false
 
 # 接口地址 可以由nginx做转发或者直接写实际地址
-VITE_GLOB_API_URL = /admin-api
+VITE_GLOB_API_URL = http://localhost:48080/admin-api
 
 # 文件上传地址 可以由nginx做转发或者直接写实际地址
 VITE_GLOB_UPLOAD_URL = /upload

.vscode/settings.json

@@ -74,10 +74,5 @@
     "vuedraggable",
     "vueuse"
   ],
-  "terminal.integrated.scrollback": 10000,
+  "terminal.integrated.scrollback": 10000
-  "i18n-ally.localesPaths": [
-    "src/locales",
-    "src/locales/lang",
-    "public/resource/tinymce/langs"
-  ]
 }

eslint.config.js

@@ -9,7 +9,6 @@ export default antfu(
       'vue/custom-event-name-casing': 'off',
       'vue/component-name-in-template-casing': 'off',
       'vue/require-toggle-inside-transition': 'off',
-      'ts/no-use-before-define': 'off',
     },
   },
   unocss.configs.flat,

src/App.vue

@@ -1,9 +1,10 @@
 <script lang="ts" setup>
 import 'dayjs/locale/zh-cn'
-import { computed } from 'vue'
+
-import { storeToRefs } from 'pinia'
 import { App, ConfigProvider } from 'ant-design-vue'
-import type { TransformCellTextProps } from 'ant-design-vue/lib/table/interface'
+import { storeToRefs } from 'pinia'
+
+import { computed } from 'vue'
 import { AppProvider } from '@/components/Application'
 import { useTitle } from '@/hooks/web/useTitle'
 import { useLocale } from '@/locales/useLocale'
@@ -17,17 +18,10 @@ const { themeConfig } = storeToRefs(appStore)
 const componentSize = computed(() => appStore.getComponentSize)
 // Listening to page changes and dynamically changing site titles
 useTitle()
-
-function transformCellText(props: TransformCellTextProps) {
-  if (!props.text || !props.text.length)
-    return '-'
-
-  return props.text
-}
 </script>
 
 <template>
-  <ConfigProvider :locale="getAntdLocale" :theme="themeConfig" :component-size="componentSize" :transform-cell-text="transformCellText">
+  <ConfigProvider :locale="getAntdLocale" :theme="themeConfig" :component-size="componentSize">
     <App class="h-full w-full">
       <AppProvider>
         <RouterView />

src/api/base/login.ts

@@ -1,3 +1,4 @@
+import type { TentantNameVO } from './model/loginModel'
 import { defHttp } from '@/utils/http/axios'
 import { getRefreshToken } from '@/utils/auth'
 
@@ -17,6 +18,11 @@ export function refreshToken() {
   return defHttp.post({ url: Api.RefreshToken + refreshToken })
 }
 
+// 使用租户名，获得租户编号
+export function getTenantIdByName(name: string) {
+  return defHttp.get<TentantNameVO>({ url: Api.GetTenantIdByName + name })
+}
+
 // 登出
 export function loginOut() {
   return defHttp.delete({ url: Api.LoginOut })

src/api/base/model/userModel.ts

@@ -1,9 +1,12 @@
+import type { RouteItem } from './menuModel'
+
 /**
  * @description: Login interface parameters
  */
 export interface LoginParams {
   username: string
   password: string
+  captchaVerification: string
 }
 
 /**
@@ -28,6 +31,10 @@ export interface LoginResultModel {
  * @description: Get user information return value
  */
 export interface GetUserInfoModel {
+  roles: string[]
+  permissions: string[]
+  menus: RouteItem[]
+  // 用户id
   user: userModel
 }
 

src/api/base/user.ts

@@ -0,0 +1,36 @@
+import type { GetUserInfoModel, LoginParams, LoginResultModel, SmsLoginParams } from './model/userModel'
+import { defHttp } from '@/utils/http/axios'
+
+import type { ErrorMessageMode } from '@/types/axios'
+
+enum Api {
+  Login = '/system/auth/login',
+  Logout = '/system/auth/logout',
+  SmsLogin = '/system/auth/sms-login',
+  GetUserInfo = '/system/auth/get-permission-info',
+}
+
+/**
+ * @description: user login api
+ */
+export function loginApi(params: LoginParams, mode: ErrorMessageMode = 'modal') {
+  return defHttp.post<LoginResultModel>({ url: Api.Login, params }, { errorMessageMode: mode })
+}
+
+/**
+ * @description: user smslogin api
+ */
+export function smsLogin(params: SmsLoginParams, mode: ErrorMessageMode = 'modal') {
+  return defHttp.post<LoginResultModel>({ url: Api.SmsLogin, params }, { errorMessageMode: mode })
+}
+
+/**
+ * @description: getUserInfo
+ */
+export function getUserInfo() {
+  return defHttp.get<GetUserInfoModel>({ url: Api.GetUserInfo }, { errorMessageMode: 'none' })
+}
+
+export function doLogout() {
+  return defHttp.post({ url: Api.Logout })
+}

src/api/base/user/index.ts

@@ -1,29 +0,0 @@
-import type { LoginParams, LoginResult, UserInfo } from './types'
-import { defHttp } from '@/utils/http/axios'
-import type { ErrorMessageMode } from '@/types/axios'
-
-export function loginApi(params: LoginParams, mode: ErrorMessageMode = 'modal') {
-  return defHttp.post<LoginResult>({
-    url: '/auth/login',
-    params,
-    headers: {
-      'tenant-id': '000000',
-    },
-  }, {
-    errorMessageMode: mode,
-  })
-}
-
-export function getUserInfo() {
-  return defHttp.get<UserInfo>({
-    url: '/system/permission/get-permission-info',
-  }, {
-    errorMessageMode: 'none',
-  })
-}
-
-export function doLogout() {
-  return defHttp.post({
-    url: '/auth/logout',
-  })
-}

src/api/base/user/types.ts

@@ -1,32 +0,0 @@
-import type { MenuItem } from '@/api/system/menu/types'
-
-export interface LoginParams {
-  username: string
-  password: string
-}
-
-export interface LoginResult {
-  userId: string
-  accessToken: string
-  refreshToken: string
-  expiresTime: number
-}
-
-export interface UserInfo {
-  user: User
-  menus: MenuItem[]
-  buttons: string[]
-}
-
-export interface User {
-  id: string
-  tenantId: string
-  account: string
-  realName: string
-  avatar?: string
-  email?: string
-  mobile?: string
-  remark?: string
-  deptId: string
-  roleId: string
-}

src/api/system/area/index.ts

@@ -0,0 +1,11 @@
+import { defHttp } from '@/utils/http/axios'
+
+// 获得地区树
+export function getAreaTree() {
+  return defHttp.get({ url: '/system/area/tree' })
+}
+
+// 获得 IP 对应的地区名
+export function getAreaByIp(ip: string) {
+  return defHttp.get({ url: `/system/area/get-by-ip?ip=${ip}` })
+}

src/api/system/dept/index.ts

@@ -1,36 +1,48 @@
-import type { Department, LazyGetDeptListParams } from './types'
 import { defHttp } from '@/utils/http/axios'
 
-export function lazyGetDeptList(params?: LazyGetDeptListParams) {
+export interface DeptVO {
-  return defHttp.get<Department[]>({
+  id?: number
-    url: '/system/dept/lazy-list',
+  name: string
-    params,
+  parentId: number
-  })
+  status: number
+  sort: number
+  leaderUserId: number
+  phone: string
+  email: string
+  createTime: Date
 }
 
-export function createDept(data: Partial<Department>) {
+export interface DeptPageReqVO {
-  return defHttp.post({
+  name?: string
-    url: '/system/dept/save',
+  status?: number
-    data,
-  })
 }
 
-export function updateDept(data: Partial<Department>) {
+// 查询部门（精简)列表
-  return defHttp.post({
+export function listSimpleDept() {
-    url: '/system/dept/update',
+  return defHttp.get({ url: '/system/dept/list-all-simple' })
-    data,
-  })
 }
 
-export function deleteDept(id: string) {
+// 查询部门列表
-  return defHttp.post({
+export function getDeptPage(params: DeptPageReqVO) {
-    url: `/system/dept/delete?id=${id}`,
+  return defHttp.get({ url: '/system/dept/list', params })
-  })
 }
 
-export function getDeptTree(params?: { tenantId: string }) {
+// 查询部门详情
-  return defHttp.get<{ id: string, title: string }[]>({
+export function getDept(id: number) {
-    url: '/system/dept/tree',
+  return defHttp.get({ url: `/system/dept/get?id=${id}` })
-    params,
+}
-  })
+
+// 新增部门
+export function createDept(data: DeptVO) {
+  return defHttp.post({ url: '/system/dept/create', data })
+}
+
+// 修改部门
+export function updateDept(params: DeptVO) {
+  return defHttp.put({ url: '/system/dept/update', data: params })
+}
+
+// 删除部门
+export function deleteDept(id: number) {
+  return defHttp.delete({ url: `/system/dept/delete?id=${id}` })
 }

src/api/system/dept/types.ts

@@ -1,17 +0,0 @@
-export interface Department {
-  id: string
-  tenantId: string
-  parentId: string
-  deptName: string
-  parentName: string
-  deptTypeName: string
-  children: Department[]
-  hasChildren: boolean
-}
-
-export interface LazyGetDeptListParams {
-  id?: string
-  tenantId?: string
-  parentId?: string
-  deptName?: string
-}

src/api/system/dict/data.ts

@@ -0,0 +1,36 @@
+import type { DictDataExportReqVO, DictDataPageReqVO, DictDataVO } from './types'
+import { defHttp } from '@/utils/http/axios'
+
+// 查询字典数据（精简)列表
+export function listSimpleDictData() {
+  return defHttp.get({ url: '/system/dict-data/list-all-simple' })
+}
+
+// 查询字典数据列表
+export function getDictDataPage(params: DictDataPageReqVO) {
+  return defHttp.get({ url: '/system/dict-data/page', params })
+}
+
+// 查询字典数据详情
+export function getDictData(id: number) {
+  return defHttp.get({ url: `/system/dict-data/get?id=${id}` })
+}
+
+// 新增字典数据
+export function createDictData(data: DictDataVO) {
+  return defHttp.post({ url: '/system/dict-data/create', data })
+}
+
+// 修改字典数据
+export function updateDictData(data: DictDataVO) {
+  return defHttp.put({ url: '/system/dict-data/update', data })
+}
+
+// 删除字典数据
+export function deleteDictData(id: number) {
+  return defHttp.delete({ url: `/system/dict-data/delete?id=${id}` })
+}
+// 导出字典类型数据
+export function exportDictData(params: DictDataExportReqVO) {
+  return defHttp.get({ url: '/system/dict-data/export', params })
+}

src/api/system/dict/type.ts

@@ -0,0 +1,36 @@
+import type { DictTypeExportReqVO, DictTypePageReqVO, DictTypeVO } from './types'
+import { defHttp } from '@/utils/http/axios'
+
+// 查询字典（精简)列表
+export function listSimpleDictType() {
+  return defHttp.get({ url: '/system/dict-type/list-all-simple' })
+}
+
+// 查询字典列表
+export function getDictTypePage(params: DictTypePageReqVO) {
+  return defHttp.get({ url: '/system/dict-type/page', params })
+}
+
+// 查询字典详情
+export function getDictType(id: number) {
+  return defHttp.get({ url: `/system/dict-type/get?id=${id}` })
+}
+
+// 新增字典
+export function createDictType(data: DictTypeVO) {
+  return defHttp.post({ url: '/system/dict-type/create', data })
+}
+
+// 修改字典
+export function updateDictType(data: DictTypeVO) {
+  return defHttp.put({ url: '/system/dict-type/update', data })
+}
+
+// 删除字典
+export function deleteDictType(id: number) {
+  return defHttp.delete({ url: `/system/dict-type/delete?id=${id}` })
+}
+// 导出字典类型
+export function exportDictType(params: DictTypeExportReqVO) {
+  return defHttp.get({ url: '/system/dict-type/export', params })
+}

src/api/system/dict/types.ts

@@ -0,0 +1,46 @@
+export interface DictTypeVO {
+  id: number
+  name: string
+  type: string
+  status: number
+  remark: string
+  createTime: Date
+}
+
+export interface DictTypePageReqVO {
+  name: string
+  type: string
+  status: number
+  createTime: Date[]
+}
+
+export interface DictTypeExportReqVO {
+  name: string
+  type: string
+  status: number
+  createTime: Date[]
+}
+
+export interface DictDataVO {
+  id: number
+  sort: number
+  label: string
+  value: string
+  dictType: string
+  status: number
+  colorType: string
+  cssClass: string
+  remark: string
+  createTime: Date
+}
+export interface DictDataPageReqVO {
+  label: string
+  dictType: string
+  status: number
+}
+
+export interface DictDataExportReqVO {
+  label: string
+  dictType: string
+  status: number
+}

src/api/system/errorCode/index.ts

@@ -0,0 +1,49 @@
+import { defHttp } from '@/utils/http/axios'
+
+export interface ErrorCodeVO {
+  id: number
+  type: number
+  applicationName: string
+  code: number
+  message: string
+  memo: string
+  createTime: Date
+}
+
+export interface ErrorCodePageReqVO extends PageParam {
+  type?: number
+  applicationName?: string
+  code?: number
+  message?: string
+  createTime?: Date[]
+}
+
+// 查询错误码列表
+export function getErrorCodePage(params: ErrorCodePageReqVO) {
+  return defHttp.get({ url: '/system/error-code/page', params })
+}
+
+// 查询错误码详情
+export function getErrorCode(id: number) {
+  return defHttp.get({ url: `/system/error-code/get?id=${id}` })
+}
+
+// 新增错误码
+export function createErrorCode(data: ErrorCodeVO) {
+  return defHttp.post({ url: '/system/error-code/create', data })
+}
+
+// 修改错误码
+export function updateErrorCode(data: ErrorCodeVO) {
+  return defHttp.put({ url: '/system/error-code/update', data })
+}
+
+// 删除错误码
+export function deleteErrorCode(id: number) {
+  return defHttp.delete({ url: `/system/error-code/delete?id=${id}` })
+}
+
+// 导出错误码
+export function excelErrorCode(params: ErrorCodePageReqVO) {
+  return defHttp.download({ url: '/system/error-code/export-excel', params }, '错误码.xls')
+}

src/api/system/loginLog/index.ts

@@ -0,0 +1,30 @@
+import { defHttp } from '@/utils/http/axios'
+
+export interface LoginLogVO {
+  id: number
+  logType: number
+  traceId: number
+  userId: number
+  userType: number
+  username: string
+  status: number
+  userIp: string
+  userAgent: string
+  createTime: Date
+}
+
+export interface LoginLogReqVO extends PageParam {
+  userIp?: string
+  username?: string
+  status?: boolean
+  createTime?: Date[]
+}
+
+// 查询登录日志列表
+export function getLoginLogPage(params: LoginLogReqVO) {
+  return defHttp.get({ url: '/system/login-log/page', params })
+}
+// 导出登录日志
+export function exportLoginLog(params: LoginLogReqVO) {
+  return defHttp.download({ url: '/system/login-log/export', params }, '登录日志.xls')
+}

src/api/system/mail/account.ts

@@ -0,0 +1,31 @@
+import { defHttp } from '@/utils/http/axios'
+
+// 创建邮箱账号
+export function createMailAccount(data) {
+  return defHttp.post({ url: '/system/mail-account/create', data })
+}
+
+// 更新邮箱账号
+export function updateMailAccount(data) {
+  return defHttp.put({ url: '/system/mail-account/update', data })
+}
+
+// 删除邮箱账号
+export function deleteMailAccount(id: number) {
+  return defHttp.delete({ url: `/system/mail-account/delete?id=${id}` })
+}
+
+// 获得邮箱账号
+export function getMailAccount(id: number) {
+  return defHttp.get({ url: `/system/mail-account/get?id=${id}` })
+}
+
+// 获得邮箱账号分页
+export function getMailAccountPage(params) {
+  return defHttp.get({ url: '/system/mail-account/page', params })
+}
+
+// 获取邮箱账号的精简信息列表
+export function getSimpleMailAccountList() {
+  return defHttp.get({ url: '/system/mail-account/list-all-simple' })
+}

src/api/system/mail/log.ts

@@ -0,0 +1,11 @@
+import { defHttp } from '@/utils/http/axios'
+
+// 获得邮件日志
+export function getMailLog(id: number) {
+  return defHttp.get({ url: `/system/mail-log/get?id=${id}` })
+}
+
+// 获得邮件日志分页
+export function getMailAccountPage(params) {
+  return defHttp.get({ url: '/system/mail-log/page', params })
+}

src/api/system/mail/template.ts

@@ -0,0 +1,54 @@
+import { defHttp } from '@/utils/http/axios'
+
+// 创建邮件模版
+export function createMailTemplate(data) {
+  return defHttp.post({ url: '/system/mail-template/create', data })
+}
+
+// 更新邮件模版
+export function updateMailTemplate(data) {
+  return defHttp.put({ url: '/system/mail-template/update', data })
+}
+
+// 删除邮件模版
+export function deleteMailTemplate(id: number) {
+  return defHttp.delete({ url: `/system/mail-template/delete?id=${id}` })
+}
+
+// 获得邮件模版
+export function getMailTemplate(id: number) {
+  return defHttp.get({ url: `/system/mail-template/get?id=${id}` })
+}
+
+// 获得邮件模版分页
+export function getMailTemplatePage(params) {
+  return defHttp.get({ url: '/system/mail-template/page', params })
+}
+
+// 邮件模板
+export interface MailTemplate {
+  name: string // 标题
+  code: string // 编码
+  accountId: number
+  nickname: string // 发送人
+  title: string // 标题
+  content: string // 内容
+  status: number //
+  remark?: any // 备注
+  id: number
+  params: string[] // 模板里的参数
+  createTime: number
+}
+
+export interface SendMailParams {
+  mail: string
+  templateCode: string
+  templateParams: {
+    [key: string]: any
+  }
+}
+
+// 发送测试邮件
+export function sendMail(data: SendMailParams) {
+  return defHttp.post({ url: '/system/mail-template/send-mail', data })
+}

src/api/system/menu/index.ts

@@ -1,41 +1,52 @@
-import type { GetMenuListParams, MenuItem } from './types'
 import { defHttp } from '@/utils/http/axios'
 
-export function getMenuListWithoutButtons() {
+export interface MenuVO {
-  return defHttp.get<MenuItem[]>({
+  id: number
-    url: '/system/menu/tree',
+  name: string
-  })
+  permission: string
+  type: number
+  sort: number
+  parentId: number
+  path: string
+  icon: string
+  component: string
+  status: number
+  visible: boolean
+  keepAlive: boolean
+  createTime: Date
 }
 
-export function getMenuList(params: GetMenuListParams) {
+export interface MenuPageReqVO {
-  return defHttp.get<PageResult<MenuItem>>({
+  name?: string
-    url: '/system/menu/list',
+  status?: number
-    params,
-  })
 }
 
-export function getMenu(id: string) {
+// 查询菜单（精简）列表
-  return defHttp.get({
+export function listSimpleMenus() {
-    url: `/system/menu/get?id=${id}`,
+  return defHttp.get({ url: '/system/menu/list-all-simple' })
-  })
 }
 
-export function createMenu(data: Omit<MenuItem, 'id' | 'children'>) {
+// 查询菜单列表
-  return defHttp.post({
+export function getMenuList(params: MenuPageReqVO) {
-    url: '/system/menu/save',
+  return defHttp.get({ url: '/system/menu/list', params })
-    data,
-  })
 }
 
-export function updateMenu(data: Omit<MenuItem, 'children'>) {
+// 获取菜单详情
-  return defHttp.post({
+export function getMenu(id: number) {
-    url: '/system/menu/update',
+  return defHttp.get({ url: `/system/menu/get?id=${id}` })
-    data,
-  })
 }
 
-export function deleteMenu(id: string) {
+// 新增菜单
-  return defHttp.post({
+export function createMenu(data: MenuVO) {
-    url: `/system/menu/delete?id=${id}`,
+  return defHttp.post({ url: '/system/menu/create', data })
-  })
+}
+
+// 修改菜单
+export function updateMenu(data: MenuVO) {
+  return defHttp.put({ url: '/system/menu/update', data })
+}
+
+// 删除菜单
+export function deleteMenu(id: number) {
+  return defHttp.delete({ url: `/system/menu/delete?id=${id}` })
 }

src/api/system/menu/types.ts

@@ -1,26 +0,0 @@
-export interface GetMenuListParams {
-  name?: string
-  code?: string
-}
-
-export enum SystemMenuTypeEnum {
-  DIR = 0, // 目录
-  MENU = 1, // 菜单
-  BUTTON = 2, // 按钮
-}
-
-export interface MenuItem {
-  id: string
-  parentId: string
-  name: string
-  component: string
-  componentName?: string
-  path: string
-  icon: string
-  sort: number
-  children: MenuItem[]
-  code: string
-  type: SystemMenuTypeEnum
-  visible: BooleanFlag
-  keepAlive: BooleanFlag
-}

src/api/system/notice/index.ts

@@ -0,0 +1,42 @@
+import { defHttp } from '@/utils/http/axios'
+
+export interface NoticeVO {
+  id: number
+  title: string
+  type: number
+  content: string
+  status: number
+  remark: string
+  creator: string
+  createTime: Date
+}
+
+export interface NoticePageReqVO extends PageParam {
+  title?: string
+  status?: number
+}
+
+// 查询公告列表
+export function getNoticePage(params: NoticePageReqVO) {
+  return defHttp.get({ url: '/system/notice/page', params })
+}
+
+// 查询公告详情
+export function getNotice(id: number) {
+  return defHttp.get({ url: `/system/notice/get?id=${id}` })
+}
+
+// 新增公告
+export function createNotice(data: NoticeVO) {
+  return defHttp.post({ url: '/system/notice/create', data })
+}
+
+// 修改公告
+export function updateNotice(data: NoticeVO) {
+  return defHttp.put({ url: '/system/notice/update', data })
+}
+
+// 删除公告
+export function deleteNotice(id: number) {
+  return defHttp.delete({ url: `/system/notice/delete?id=${id}` })
+}

src/api/system/notify/message.ts

@@ -0,0 +1,32 @@
+import qs from 'qs'
+import { defHttp } from '@/utils/http/axios'
+
+// 获得站内信分页
+export function getNotifyMessagePage(params) {
+  return defHttp.get({ url: '/system/notify-message/page', params })
+}
+
+// 获得我的站内信分页
+export function getMyNotifyMessagePage(params) {
+  return defHttp.get({ url: '/system/notify-message/my-page', params })
+}
+
+// 批量标记已读
+export function updateNotifyMessageRead(ids: number[]) {
+  return defHttp.put({ url: `/system/notify-message/update-read?${qs.stringify({ ids }, { indices: false })}` })
+}
+
+// 标记所有站内信为已读
+export function updateAllNotifyMessageRead() {
+  return defHttp.put({ url: '/system/notify-message/update-all-read' })
+}
+
+// 获取当前用户的最新站内信列表
+export function getUnreadNotifyMessageList() {
+  return defHttp.get({ url: '/system/notify-message/get-unread-list' })
+}
+
+// 获得当前用户的未读站内信数量
+export function getUnreadNotifyMessageCount() {
+  return defHttp.get<number>({ url: '/system/notify-message/get-unread-count' })
+}

src/api/system/notify/template.ts

@@ -0,0 +1,63 @@
+import { defHttp } from '@/utils/http/axios'
+
+// 创建站内信模板
+export function createNotifyTemplate(data) {
+  return defHttp.post({ url: '/system/notify-template/create', data })
+}
+
+// 更新站内信模板
+export function updateNotifyTemplate(data) {
+  return defHttp.put({ url: '/system/notify-template/update', data })
+}
+
+// 删除站内信模板
+export function deleteNotifyTemplate(id: number) {
+  return defHttp.delete({ url: `/system/notify-template/delete?id=${id}` })
+}
+
+// 获得站内信模板
+export function getNotifyTemplate(id: number) {
+  return defHttp.get({ url: `/system/notify-template/get?id=${id}` })
+}
+
+// 获得站内信模板分页
+export function getNotifyTemplatePage(params) {
+  return defHttp.get({ url: '/system/notify-template/page', params })
+}
+
+// 获取岗位精简信息列表
+export function listSimplePosts() {
+  return defHttp.get({ url: '/system/post/list-all-simple' })
+}
+
+// 导出站内信模板 Excel
+export function exportNotifyTemplateExcel(params) {
+  return defHttp.download({ url: '/system/notify-template/export-excel', params }, '导出站内信模板.xls')
+}
+
+export interface SendNotifyParam {
+  userId: number
+  templateCode: string
+  templateParams: {
+    [key: string]: string
+  }
+}
+
+export interface NotifyTemplate {
+  name: string
+  code: string
+  type: number
+  nickname: string
+  content: string
+  status: number
+  remark?: any
+  id: number
+  params: string[]
+  createTime: number
+  key: string
+}
+
+// 发送
+export function sendNotify(data: SendNotifyParam) {
+  return defHttp.post({ url: '/system/notify-template/send-notify', data })
+}

src/api/system/oauth2/client.ts

@@ -0,0 +1,51 @@
+import { defHttp } from '@/utils/http/axios'
+
+export interface OAuth2ClientVO {
+  id: number
+  clientId: string
+  secret: string
+  name: string
+  logo: string
+  description: string
+  status: number
+  accessTokenValiditySeconds: number
+  refreshTokenValiditySeconds: number
+  redirectUris: string[]
+  autoApprove: boolean
+  authorizedGrantTypes: string[]
+  scopes: string[]
+  authorities: string[]
+  resourceIds: string[]
+  additionalInformation: string
+  isAdditionalInformationJson: boolean
+  createTime: Date
+}
+
+export interface OAuth2ClientPageReqVO extends PageParam {
+  name?: string
+  status?: number
+}
+// 查询 OAuth2列表
+export function getOAuth2ClientPage(params: OAuth2ClientPageReqVO) {
+  return defHttp.get({ url: '/system/oauth2-client/page', params })
+}
+
+// 查询 OAuth2详情
+export function getOAuth2Client(id: number) {
+  return defHttp.get({ url: `/system/oauth2-client/get?id=${id}` })
+}
+
+// 新增 OAuth2
+export function createOAuth2Client(data: OAuth2ClientVO) {
+  return defHttp.post({ url: '/system/oauth2-client/create', data })
+}
+
+// 修改 OAuth2
+export function updateOAuth2Client(data: OAuth2ClientVO) {
+  return defHttp.put({ url: '/system/oauth2-client/update', data })
+}
+
+// 删除 OAuth2
+export function deleteOAuth2Client(id: number) {
+  return defHttp.delete({ url: `/system/oauth2-client/delete?id=${id}` })
+}

src/api/system/oauth2/token.ts

@@ -0,0 +1,28 @@
+import { defHttp } from '@/utils/http/axios'
+
+export interface OAuth2TokenVO {
+  id: number
+  accessToken: string
+  refreshToken: string
+  userId: number
+  userType: number
+  clientId: string
+  createTime: Date
+  expiresTime: Date
+}
+
+export interface OAuth2TokenPageReqVO extends PageParam {
+  userId?: number
+  userType?: number
+  clientId?: string
+}
+
+// 查询 token列表
+export function getAccessTokenPage(params: OAuth2TokenPageReqVO) {
+  return defHttp.get({ url: '/system/oauth2-token/page', params })
+}
+
+// 删除 token
+export function deleteAccessToken(accessToken: number) {
+  return defHttp.delete({ url: `/system/oauth2-token/delete?accessToken=${accessToken}` })
+}

src/api/system/operatelog/index.ts

@@ -0,0 +1,41 @@
+import { defHttp } from '@/utils/http/axios'
+
+export interface OperateLogVO {
+  id: number
+  userNickname: string
+  traceId: string
+  userId: number
+  module: string
+  name: string
+  type: number
+  content: string
+  exts: Map<string, object>
+  defHttpMethod: string
+  defHttpUrl: string
+  userIp: string
+  userAgent: string
+  javaMethod: string
+  javaMethodArgs: string
+  startTime: Date
+  duration: number
+  resultCode: number
+  resultMsg: string
+  resultData: string
+}
+
+export interface OperateLogPageReqVO extends PageParam {
+  module?: string
+  userNickname?: string
+  type?: number
+  success?: boolean
+  startTime?: Date[]
+}
+
+// 查询操作日志列表
+export function getOperateLogPage(params: OperateLogPageReqVO) {
+  return defHttp.get({ url: '/system/operate-log/page', params })
+}
+// 导出操作日志
+export function exportOperateLog(params: OperateLogPageReqVO) {
+  return defHttp.download({ url: '/system/operate-log/export', params }, '操作日志.xls')
+}

src/api/system/permission/index.ts

@@ -0,0 +1,42 @@
+import { defHttp } from '@/utils/http/axios'
+
+export interface PermissionAssignUserRoleReqVO {
+  userId: number
+  roleIds: number[]
+}
+
+export interface PermissionAssignRoleMenuReqVO {
+  roleId: number
+  menuIds: number[]
+}
+
+export interface PermissionAssignRoleDataScopeReqVO {
+  roleId: number
+  dataScope: number
+  dataScopeDeptIds: number[]
+}
+
+// 查询角色拥有的菜单权限
+export function listRoleMenus(roleId: number) {
+  return defHttp.get({ url: `/system/permission/list-role-menus?roleId=${roleId}` })
+}
+
+// 赋予角色菜单权限
+export function assignRoleMenu(data: PermissionAssignRoleMenuReqVO) {
+  return defHttp.post({ url: '/system/permission/assign-role-menu', data })
+}
+
+// 赋予角色数据权限
+export function assignRoleDataScope(data: PermissionAssignRoleDataScopeReqVO) {
+  return defHttp.post({ url: '/system/permission/assign-role-data-scope', data })
+}
+
+// 查询用户拥有的角色数组
+export function listUserRoles(userId: number) {
+  return defHttp.get({ url: `/system/permission/list-user-roles?userId=${userId}` })
+}
+
+// 赋予用户角色
+export function assignUserRole(data: PermissionAssignUserRoleReqVO) {
+  return defHttp.post({ url: '/system/permission/assign-user-role', data })
+}

src/api/system/post/index.ts

@@ -0,0 +1,58 @@
+import { defHttp } from '@/utils/http/axios'
+
+export interface PostVO {
+  id?: number
+  name: string
+  code: string
+  sort: number
+  status: number
+  remark: string
+  createTime?: Date
+}
+
+export interface PostPageReqVO extends PageParam {
+  code?: string
+  name?: string
+  status?: number
+}
+
+export interface PostExportReqVO {
+  code?: string
+  name?: string
+  status?: number
+}
+
+// 查询岗位列表
+export function getPostPage(params: PostPageReqVO) {
+  return defHttp.get<PageResult<PostVO>>({ url: '/system/post/page', params })
+}
+
+// 获取岗位精简信息列表
+export function listSimplePosts() {
+  return defHttp.get({ url: '/system/post/list-all-simple' })
+}
+
+// 查询岗位详情
+export function getPost(id: number) {
+  return defHttp.get({ url: `/system/post/get?id=${id}` })
+}
+
+// 新增岗位
+export function createPost(data) {
+  return defHttp.post({ url: '/system/post/create', data })
+}
+
+// 修改岗位
+export function updatePost(data) {
+  return defHttp.put({ url: '/system/post/update', data })
+}
+
+// 删除岗位
+export function deletePost(id: number) {
+  return defHttp.delete({ url: `/system/post/delete?id=${id}` })
+}
+
+// 导出岗位
+export function exportPost(params: PostExportReqVO) {
+  return defHttp.download({ url: '/system/post/export', params }, '导出岗位.xls')
+}

src/api/system/role/index.ts

@@ -1,56 +1,70 @@
-import type { GetRoleListParams, MenuTreeNode, Role } from './types'
 import { defHttp } from '@/utils/http/axios'
 
-export function lazyGetRoleList(params: GetRoleListParams) {
+export interface RoleVO {
-  return defHttp.get<Role[]>({
+  id: number
-    url: '/system/role/lazy-list',
+  name: string
-    params,
+  code: string
-  })
+  sort: number
+  status: number
+  type: number
+  createTime: Date
 }
 
-export function createRole(data: Partial<Role>) {
+export interface RolePageReqVO extends PageParam {
-  return defHttp.post({
+  name?: string
-    url: '/system/role/save',
+  code?: string
-    data,
+  status?: number
-  })
+  createTime?: Date[]
 }
 
-export function updateRole(data: Partial<Role>) {
+export interface UpdateStatusReqVO {
-  return defHttp.post({
+  id: number
-    url: '/system/role/update',
+  status: number
-    data,
-  })
 }
 
-export function deleteRole(id: string) {
+export interface RoleExportReqVO {
-  return defHttp.post({
+  name?: string
-    url: `/system/role/delete?id=${id}`,
+  code?: string
-  })
+  status?: number
+  createTime?: Date[]
 }
 
-export function getRoleTree(params?: { tenantId: string }) {
+// 查询角色列表
-  return defHttp.get<{ id: string, title: string }[]>({
+export function getRolePage(params: RolePageReqVO) {
-    url: '/system/role/tree',
+  return defHttp.get({ url: '/system/role/page', params })
-    params,
-  })
 }
 
-export function getMenuTree() {
+// 查询角色（精简)列表
-  return defHttp.get<MenuTreeNode[]>({
+export function listSimpleRoles() {
-    url: '/system/menu/grant-tree',
+  return defHttp.get({ url: '/system/role/list-all-simple' })
-  })
 }
 
-export function getMenuIdsByRole(roleId: string) {
+// 查询角色详情
-  return defHttp.get<string[]>({
+export function getRole(id: number) {
-    url: '/system/permission/list-role-menus',
+  return defHttp.get({ url: `/system/role/get?id=${id}` })
-    params: { roleId },
-  })
 }
 
-export function assignMenuToRole(data: { roleId: string, menuIds: string[] }) {
+// 新增角色
-  return defHttp.post({
+export function createRole(data: RoleVO) {
-    url: '/system/permission/assign-role-menu',
+  return defHttp.post({ url: '/system/role/create', data })
-    data,
+}
-  })
+
+// 修改角色
+export function updateRole(data: RoleVO) {
+  return defHttp.put({ url: '/system/role/update', data })
+}
+
+// 修改角色状态
+export function updateRoleStatus(data: UpdateStatusReqVO) {
+  return defHttp.put({ url: '/system/role/update-status', data })
+}
+
+// 删除角色
+export function deleteRole(id: number) {
+  return defHttp.delete({ url: `/system/role/delete?id=${id}` })
+}
+
+// 导出角色
+export function exportRole(params: RoleExportReqVO) {
+  return defHttp.download({ url: '/system/post/export', params }, '导出角色.xls')
 }

src/api/system/role/types.ts

@@ -1,29 +0,0 @@
-export interface GetRoleListParams extends PageParam {
-  tenantId?: string
-  parentId?: string
-  roleName?: string
-  roleAlias?: string
-}
-
-export interface Role {
-  id: string
-  tenantId: string
-  tenantName: string
-  parentId: string
-  roleName: string
-  roleAlias: string
-  createTime?: string
-  createUser?: string
-  createDept?: string
-  updateTime?: string
-  updateUser?: string
-  hasChildren?: boolean
-  children?: Role[]
-}
-
-export interface MenuTreeNode {
-  id: string
-  parentId: string
-  title: string
-  children?: MenuTreeNode[]
-}

src/api/system/sensitiveWord/index.ts

@@ -0,0 +1,64 @@
+import { defHttp } from '@/utils/http/axios'
+
+export interface SensitiveWordVO {
+  id: number
+  name: string
+  status: number
+  description: string
+  tags: string[]
+  createTime: Date
+}
+
+export interface SensitiveWordPageReqVO extends PageParam {
+  name?: string
+  tag?: string
+  status?: number
+  createTime?: Date[]
+}
+
+export interface SensitiveWordExportReqVO {
+  name?: string
+  tag?: string
+  status?: number
+  createTime?: Date[]
+}
+
+// 查询敏感词列表
+export function getSensitiveWordPage(params: SensitiveWordPageReqVO) {
+  return defHttp.get({ url: '/system/sensitive-word/page', params })
+}
+
+// 查询敏感词详情
+export function getSensitiveWord(id: number) {
+  return defHttp.get({ url: `/system/sensitive-word/get?id=${id}` })
+}
+
+// 新增敏感词
+export function createSensitiveWord(data: SensitiveWordVO) {
+  return defHttp.post({ url: '/system/sensitive-word/create', data })
+}
+
+// 修改敏感词
+export function updateSensitiveWord(data: SensitiveWordVO) {
+  return defHttp.put({ url: '/system/sensitive-word/update', data })
+}
+
+// 删除敏感词
+export function deleteSensitiveWord(id: number) {
+  return defHttp.delete({ url: `/system/sensitive-word/delete?id=${id}` })
+}
+
+// 导出敏感词
+export function exportSensitiveWord(params: SensitiveWordExportReqVO) {
+  return defHttp.download({ url: '/system/sensitive-word/export-excel', params }, '导出敏感词.xls')
+}
+
+// 获取所有敏感词的标签数组
+export function getSensitiveWordTags() {
+  return defHttp.get({ url: '/system/sensitive-word/get-tags' })
+}
+
+// 获得文本所包含的不合法的敏感词数组
+export function validateText(id: number) {
+  return defHttp.get({ url: `/system/sensitive-word/validate-text?${id}` })
+}

src/api/system/sms/smsChannel/index.ts

@@ -0,0 +1,50 @@
+import { defHttp } from '@/utils/http/axios'
+
+export interface SmsChannelVO {
+  id: number
+  code: string
+  status: number
+  signature: string
+  remark: string
+  apiKey: string
+  apiSecret: string
+  callbackUrl: string
+  createTime: Date
+}
+
+export interface SmsChannelPageReqVO extends PageParam {
+  signature?: string
+  code?: string
+  status?: number
+  createTime?: Date[]
+}
+
+// 查询短信渠道列表
+export function getSmsChannelPage(params: SmsChannelPageReqVO) {
+  return defHttp.get({ url: '/system/sms-channel/page', params })
+}
+
+// 获得短信渠道精简列表
+export function getSimpleSmsChannels() {
+  return defHttp.get({ url: '/system/sms-channel/list-all-simple' })
+}
+
+// 查询短信渠道详情
+export function getSmsChannel(id: number) {
+  return defHttp.get({ url: `/system/sms-channel/get?id=${id}` })
+}
+
+// 新增短信渠道
+export function createSmsChannel(data: SmsChannelVO) {
+  return defHttp.post({ url: '/system/sms-channel/create', data })
+}
+
+// 修改短信渠道
+export function updateSmsChannel(data: SmsChannelVO) {
+  return defHttp.put({ url: '/system/sms-channel/update', data })
+}
+
+// 删除短信渠道
+export function deleteSmsChannel(id: number) {
+  return defHttp.delete({ url: `/system/sms-channel/delete?id=${id}` })
+}

src/api/system/sms/smsLog/index.ts

@@ -0,0 +1,55 @@
+import { defHttp } from '@/utils/http/axios'
+
+export interface SmsLogVO {
+  id: number
+  channelId: number
+  channelCode: string
+  templateId: number
+  templateCode: string
+  templateType: number
+  templateContent: string
+  templateParams: Map<string, object>
+  mobile: string
+  userId: number
+  userType: number
+  sendStatus: number
+  sendTime: Date
+  apiSendCode: string
+  apiSendMsg: string
+  apidefHttpId: string
+  apiSerialNo: string
+  receiveStatus: number
+  receiveTime: Date
+  apiReceiveCode: string
+  apiReceiveMsg: string
+  createTime: Date
+}
+
+export interface SmsLogPageReqVO extends PageParam {
+  channelId?: number
+  templateId?: number
+  mobile?: string
+  sendStatus?: number
+  sendTime?: Date[]
+  receiveStatus?: number
+  receiveTime?: Date[]
+}
+export interface SmsLogExportReqVO {
+  channelId?: number
+  templateId?: number
+  mobile?: string
+  sendStatus?: number
+  sendTime?: Date[]
+  receiveStatus?: number
+  receiveTime?: Date[]
+}
+
+// 查询短信日志列表
+export function getSmsLogPage(params: SmsLogPageReqVO) {
+  return defHttp.get({ url: '/system/sms-log/page', params })
+}
+
+// 导出短信日志
+export function exportSmsLog(params: SmsLogExportReqVO) {
+  return defHttp.download({ url: '/system/sms-log/export', params }, '短信日志.xls')
+}

src/api/system/sms/smsTemplate/index.ts

@@ -0,0 +1,94 @@
+import { defHttp } from '@/utils/http/axios'
+
+export interface SmsTemplateVO {
+  id: number
+  type: number
+  status: number
+  code: string
+  name: string
+  content: string
+  remark: string
+  apiTemplateId: string
+  channelId: number
+  channelCode: string
+  params: string[]
+  createTime: Date
+}
+
+export interface SendSmsReqVO {
+  mobile: string
+  templateCode: string
+  templateParams: {
+    [key: string]: any
+  }
+}
+
+export interface SmsTemplatePageReqVO {
+  type?: number
+  status?: number
+  code?: string
+  content?: string
+  apiTemplateId?: string
+  channelId?: number
+  createTime?: Date[]
+}
+
+export interface SmsTemplateExportReqVO {
+  type?: number
+  status?: number
+  code?: string
+  content?: string
+  apiTemplateId?: string
+  channelId?: number
+  createTime?: Date[]
+}
+
+// 查询短信模板列表
+export function getSmsTemplatePage(params: SmsTemplatePageReqVO) {
+  return defHttp.get({ url: '/system/sms-template/page', params })
+}
+
+// 查询短信模板详情
+export function getSmsTemplate(id: number) {
+  return defHttp.get({ url: `/system/sms-template/get?id=${id}` })
+}
+
+// 新增短信模板
+export function createSmsTemplate(data: SmsTemplateVO) {
+  return defHttp.post({ url: '/system/sms-template/create', data })
+}
+
+// 修改短信模板
+export function updateSmsTemplate(data: SmsTemplateVO) {
+  return defHttp.put({ url: '/system/sms-template/update', data })
+}
+
+// 删除短信模板
+export function deleteSmsTemplate(id: number) {
+  return defHttp.delete({ url: `/system/sms-template/delete?id=${id}` })
+}
+
+// 邮件模板
+export interface SmsTemplate {
+  name: string // 标题
+  code: string // 编码
+  accountId: number
+  nickname: string // 发送人
+  title: string // 标题
+  content: string // 内容
+  status: number //
+  remark?: any // 备注
+  id: number
+  params: string[] // 模板里的参数
+  createTime: number
+}
+
+// 发送短信
+export function sendSms(data: SendSmsReqVO) {
+  return defHttp.post({ url: '/system/sms-template/send-sms', data })
+}
+
+// 导出短信模板
+export function exportSmsTemplate(params: SmsTemplateExportReqVO) {
+  return defHttp.download({ url: '/system/sms-template/export-excel', params }, '短信模板.xls')
+}

src/api/system/tenant/index.ts

@@ -1,35 +1,62 @@
-import type { GetTenantListParams, Tenant } from './types'
 import { defHttp } from '@/utils/http/axios'
 
-export function getTenantList(params: GetTenantListParams) {
+export interface TenantVO {
-  return defHttp.get<PageResult<Tenant>>({
+  id: number
-    url: '/system/tenant/page',
+  name: string
-    params,
+  contactName: string
-  })
+  contactMobile: string
+  status: number
+  domain: string
+  packageId: number
+  username: string
+  password: string
+  expireTime: Date
+  accountCount: number
+  createTime: Date
 }
 
-export function updateTenant(data: Tenant) {
+export interface TenantPageReqVO extends PageParam {
-  return defHttp.post({
+  name?: string
-    url: '/system/tenant/update',
+  contactName?: string
-    data,
+  contactMobile?: string
-  })
+  status?: number
+  createTime?: Date[]
 }
 
-export function createTenant(data: Tenant) {
+export interface TenantExportReqVO {
-  return defHttp.post({
+  name?: string
-    url: '/system/tenant/save',
+  contactName?: string
-    data,
+  contactMobile?: string
-  })
+  status?: number
+  createTime?: Date[]
 }
 
-export function deleteTenant(id: string) {
+// 查询租户列表
-  return defHttp.post({
+export function getTenantPage(params: TenantPageReqVO) {
-    url: `/system/tenant/remove?id=${id}`,
+  return defHttp.get({ url: '/system/tenant/page', params })
-  })
 }
 
-export function getAllTenants() {
+// 查询租户详情
-  return defHttp.get({
+export function getTenant(id: number) {
-    url: '/system/tenant/select',
+  return defHttp.get({ url: `/system/tenant/get?id=${id}` })
-  })
+}
+
+// 新增租户
+export function createTenant(data: TenantVO) {
+  return defHttp.post({ url: '/system/tenant/create', data })
+}
+
+// 修改租户
+export function updateTenant(data: TenantVO) {
+  return defHttp.put({ url: '/system/tenant/update', data })
+}
+
+// 删除租户
+export function deleteTenant(id: number) {
+  return defHttp.delete({ url: `/system/tenant/delete?id=${id}` })
+}
+
+// 导出租户
+export function exportTenant(params: TenantExportReqVO) {
+  return defHttp.download({ url: '/system/tenant/export-excel', params }, '租户.xls')
 }

src/api/system/tenant/types.ts

@@ -1,16 +0,0 @@
-export interface Tenant {
-  id: string
-  tenantId?: string
-  tenantName: string
-  adminAccount: string
-  contactName: string
-  contactMobile: string
-  expireTime?: string
-}
-
-export interface GetTenantListParams extends PageParam {
-  tenantId?: string
-  tenantName?: string
-  contactName?: string
-  contactMobile?: string
-}

src/api/system/tenantPackage/index.ts

@@ -0,0 +1,49 @@
+import { defHttp } from '@/utils/http/axios'
+
+export interface TenantPackageVO {
+  id: number
+  name: string
+  status: number
+  remark: string
+  creator: string
+  updater: string
+  updateTime: string
+  menuIds: number[]
+  createTime: Date
+}
+
+export interface TenantPackagePageReqVO extends PageParam {
+  name?: string
+  status?: number
+  remark?: string
+  createTime?: Date[]
+}
+
+// 查询租户套餐列表
+export function getTenantPackagePage(params: TenantPackagePageReqVO) {
+  return defHttp.get({ url: '/system/tenant-package/page', params })
+}
+
+// 获得租户
+export function getTenantPackage(id: number) {
+  return defHttp.get({ url: `/system/tenant-package/get?id=${id}` })
+}
+
+// 新增租户套餐
+export function createTenantPackage(data: TenantPackageVO) {
+  return defHttp.post({ url: '/system/tenant-package/create', data })
+}
+
+// 修改租户套餐
+export function updateTenantPackage(data: TenantPackageVO) {
+  return defHttp.put({ url: '/system/tenant-package/update', data })
+}
+
+// 删除租户套餐
+export function deleteTenantPackage(id: number) {
+  return defHttp.delete({ url: `/system/tenant-package/delete?id=${id}` })
+}
+// 获取租户套餐精简信息列表
+export function getTenantPackageList() {
+  return defHttp.get({ url: '/system/tenant-package/get-simple-list' })
+}

src/api/system/user/index.ts

@@ -1,29 +1,91 @@
-import type { GetUserListParams, SystemUser } from './types'
 import { defHttp } from '@/utils/http/axios'
 
-export function getUserList(params: GetUserListParams) {
+export interface UserVO {
-  return defHttp.get<PageResult<SystemUser>>({
+  id: number
-    url: '/system/user/page',
+  username: string
-    params,
+  nickname: string
-  })
+  deptId: number
+  postIds: string[]
+  email: string
+  mobile: string
+  sex: number
+  avatar: string
+  loginIp: string
+  status: number
+  remark: string
+  loginDate: Date
+  createTime: Date
 }
 
-export function createUser(data: Partial<SystemUser>) {
+export interface UserPageReqVO extends PageParam {
-  return defHttp.post({
+  deptId?: number
-    url: '/system/user/save',
+  username?: string
-    data,
+  mobile?: string
-  })
+  status?: number
+  createTime?: Date[]
 }
 
-export function updateUser(data: Partial<SystemUser>) {
+export interface UserExportReqVO {
-  return defHttp.post({
+  code?: string
-    url: '/system/user/update',
+  name?: string
-    data,
+  status?: number
-  })
+  createTime?: Date[]
 }
 
-export function deleteUser(id: string) {
+// 查询用户管理列表
-  return defHttp.post({
+export function getUserPage(params: UserPageReqVO) {
-    url: `/system/user/delete?id=${id}`,
+  return defHttp.get({ url: '/system/user/page', params })
-  })
+}
+
+// 查询用户详情
+export function getUser(id: number) {
+  return defHttp.get({ url: `/system/user/get?id=${id}` })
+}
+
+// 新增用户
+export function createUser(data: UserVO) {
+  return defHttp.post({ url: '/system/user/create', data })
+}
+
+// 修改用户
+export function updateUser(data: UserVO) {
+  return defHttp.put({ url: '/system/user/update', data })
+}
+
+// 删除用户
+export function deleteUser(id: number) {
+  return defHttp.delete({ url: `/system/user/delete?id=${id}` })
+}
+
+// 导出用户
+export function exportUser(params: UserExportReqVO) {
+  return defHttp.download({ url: '/system/user/export', params }, '用户.xls')
+}
+
+// 下载用户导入模板
+export function importUserTemplate() {
+  return defHttp.download({ url: '/system/user/get-import-template' }, '用户导入模板.xls')
+}
+
+// 用户密码重置
+export function resetUserPwd(id: number, password: string) {
+  const data = {
+    id,
+    password,
+  }
+  return defHttp.put({ url: '/system/user/update-password', data })
+}
+
+// 用户状态修改
+export function updateUserStatus(id: number, status: number) {
+  const data = {
+    id,
+    status,
+  }
+  return defHttp.put({ url: '/system/user/update-status', data })
+}
+
+// 获取用户精简信息列表
+export function getListSimpleUsers() {
+  return defHttp.get({ url: '/system/user/list-all-simple' })
 }

src/api/system/user/types.ts

@@ -1,23 +0,0 @@
-export interface GetUserListParams extends PageParam {
-  tenantId?: string
-  deptId?: string
-  account?: string
-  mobile?: string
-}
-
-export interface SystemUser {
-  id: string
-  account: string
-  avatar: string
-  deptId: string
-  deptName: string
-  email: string
-  mobile: string
-  realName: string
-  remark: string
-  roleId: string
-  roleName: string
-  sex: 1 | 2 | 3
-  tenantId: string
-  tenantName: string
-}

src/components/DictTag/index.ts

@@ -0,0 +1,4 @@
+import dictTag from './src/DictTag.vue'
+import { withInstall } from '@/utils'
+
+export const DictTag = withInstall(dictTag)

src/components/DictTag/src/DictTag.vue

@@ -0,0 +1,72 @@
+<script lang="tsx">
+import type { PropType } from 'vue'
+import { defineComponent, ref } from 'vue'
+import { Tag } from 'ant-design-vue'
+import { isHexColor } from '@/utils/color'
+import type { DictDataType } from '@/utils/dict'
+import { getDictOpts } from '@/utils/dict'
+import { propTypes } from '@/utils/propTypes'
+
+export default defineComponent({
+  name: 'DictTag',
+  props: {
+    type: {
+      type: String as PropType<string>,
+      required: true,
+    },
+    value: propTypes.oneOfType([propTypes.string, propTypes.number, propTypes.bool]),
+    icon: { type: String },
+  },
+  setup(props) {
+    const dictData = ref<DictDataType>()
+    const getDictObj = (dictType: string, value: string) => {
+      let dictOptions: DictDataType[] = []
+      dictOptions = getDictOpts(dictType)
+      if (dictOptions && dictOptions.length === 0)
+        return
+
+      dictOptions.forEach((dict: DictDataType) => {
+        if (dict.value === value) {
+          if (`${dict.colorType}` === 'primary')
+            dict.colorType = 'processing'
+          else if (`${dict.colorType}` === 'danger')
+            dict.colorType = 'error'
+          else if (`${dict.colorType}` === 'info')
+            dict.colorType = 'default'
+
+          dictData.value = dict
+        }
+      })
+    }
+    const rederDictTag = () => {
+      if (!props.type)
+        return null
+
+      // 解决自定义字典标签值为零时标签不渲染的问题
+      if (props.value === undefined || props.value === null)
+        return null
+
+      getDictObj(props.type, props.value.toString())
+
+      if (dictData.value === undefined)
+        return null
+
+      // 添加标签的文字颜色为白色，解决自定义背景颜色时标签文字看不清的问题 && isHexColor(dictData.value?.cssClass)
+      return (
+        <Tag
+          color={
+            dictData.value?.colorType
+              ? dictData.value?.colorType
+              : dictData.value?.cssClass && isHexColor(dictData.value?.cssClass)
+                ? dictData.value?.cssClass
+                : ''
+          }
+        >
+          {dictData.value?.label || ''}
+        </Tag>
+      )
+    }
+    return () => rederDictTag()
+  },
+})
+</script>

src/components/Form/src/BasicForm.vue

@@ -309,6 +309,14 @@ const getFormActionBindProps = computed(() => ({ ...getProps.value, ...advanceSt
       margin: 0 6px 0 2px;
     }
 
+    &-with-help {
+      margin-bottom: 0;
+    }
+
+    &:not(.ant-form-item-with-help) {
+      margin-bottom: 20px;
+    }
+
     &.suffix-item {
       .ant-form-item-children {
         display: flex;

src/components/Form/src/components/ApiTreeSelect.vue

@@ -14,7 +14,7 @@ const props = defineProps({
   api: { type: Function as PropType<(arg?: any) => Promise<Recordable<any>>> },
   params: { type: Object },
   immediate: propTypes.bool.def(true),
-  loadData: { type: Function as PropType<(treeNode: Recordable<any>) => Promise<Recordable<any>>> },
+  async: propTypes.bool.def(false),
   resultField: propTypes.string.def(''),
   handleTree: propTypes.string.def(''),
   parentId: propTypes.number.def(0),
@@ -24,7 +24,7 @@ const props = defineProps({
   valueField: propTypes.string.def('id'),
   childrenField: propTypes.string.def('children'),
 })
-const emit = defineEmits(['options-change', 'change'])
+const emit = defineEmits(['options-change', 'change', 'load-data'])
 const attrs = useAttrs()
 const treeData = ref<Recordable<any>[]>([])
 const isFirstLoaded = ref<boolean>(false)
@@ -64,15 +64,14 @@ onMounted(() => {
   props.immediate && fetch()
 })
 
-async function onLoadData(treeNode) {
+function onLoadData(treeNode) {
-  if (isArray(treeNode.children) && treeNode.children.length > 0)
+  return new Promise((resolve: (value?: unknown) => void) => {
-    return
+    if (isArray(treeNode.children) && treeNode.children.length > 0) {
-
+      resolve()
-  try {
+      return
-    treeNode.dataRef.children = await props.loadData!(treeNode)
+    }
-    treeData.value = [...treeData.value]
+    emit('load-data', { treeData, treeNode, resolve })
-  }
+  })
-  catch {}
 }
 
 async function fetch() {
@@ -115,7 +114,7 @@ async function fetch() {
   <TreeSelect
     v-bind="getAttrs"
     :field-names="fieldNames"
-    :load-data="loadData ? onLoadData : undefined"
+    :load-data="async ? onLoadData : undefined"
     @change="handleChange"
   >
     <template v-for="item in Object.keys($slots)" #[item]="data">

src/components/Form/src/hooks/useFormEvents.ts

@@ -124,7 +124,7 @@ export function useFormEvents({
       const { componentProps } = schema || {}
       let _props = componentProps as any
       if (typeof componentProps === 'function')
-        _props = _props({ formModel: unref(formModel), formActionType })
+        _props = _props({ formModel: unref(formModel) })
 
       const constructValue = tryConstructArray(key, values) || tryConstructObject(key, values)
 
@@ -340,10 +340,6 @@ export function useFormEvents({
     return handleFormValues(values)
   }
 
-  async function setProps(formProps: Partial<FormProps>): Promise<void> {
-    await unref(formElRef)?.setProps(formProps)
-  }
-
   async function validate(nameList?: NamePath[] | false | undefined) {
     let _nameList: any
     if (nameList === undefined)
@@ -389,22 +385,6 @@ export function useFormEvents({
     }
   }
 
-  const formActionType: FormActionType = {
-    getFieldsValue,
-    setFieldsValue,
-    resetFields,
-    updateSchema,
-    resetSchema,
-    setProps,
-    removeSchemaByField,
-    appendSchemaByField,
-    clearValidate,
-    validateFields,
-    validate,
-    submit: handleSubmit,
-    scrollToField,
-  }
-
   return {
     handleSubmit,
     clearValidate,

src/components/Form/src/hooks/useFormValues.ts

@@ -67,7 +67,6 @@ export function useFormValues({
         continue
 
       const transformDateFunc = unref(getProps).transformDateFunc
-
       if (isObject(value))
         value = transformDateFunc?.(value)
 
@@ -76,7 +75,11 @@ export function useFormValues({
 
       // Remove spaces
       if (isString(value)) {
+        // remove params from URL
         if (value === '')
+          value = undefined
+
+        else
           value = value.trim()
       }
       if (!tryDeconstructArray(key, value, res) && !tryDeconstructObject(key, value, res)) {

src/components/Form/src/types/index.ts

@@ -134,7 +134,7 @@ export interface ComponentProps {
   ApiSelect: CustomComponents['ApiSelect'] & ComponentProps['Select']
   TreeSelect: ExtractPropTypes<(typeof import('ant-design-vue/es/tree-select'))['default']>
   ApiTree: CustomComponents['ApiTree'] & ExtractPropTypes<(typeof import('ant-design-vue/es/tree'))['default']>
-  ApiTreeSelect: CustomComponents['ApiTreeSelect'] & Omit<ComponentProps['TreeSelect'], 'loadData'>
+  ApiTreeSelect: CustomComponents['ApiTreeSelect'] & ComponentProps['TreeSelect']
   ApiRadioGroup: CustomComponents['ApiRadioGroup'] & ComponentProps['RadioGroup']
   RadioButtonGroup: CustomComponents['RadioButtonGroup'] & ComponentProps['RadioGroup']
   RadioGroup: ExtractPropTypes<(typeof import('ant-design-vue/es/radio'))['RadioGroup']>

src/components/Icon/src/IconPicker.vue

@@ -1,6 +1,6 @@
 <script lang="ts" setup>
 import { ref, watch, watchEffect } from 'vue'
-import { Empty, Input, Popover } from 'ant-design-vue'
+import { Empty, Input, Pagination, Popover } from 'ant-design-vue'
 import { useDebounceFn } from '@vueuse/core'
 import svgIcons from 'virtual:svg-icons-names'
 import SvgIcon from './SvgIcon.vue'
@@ -8,6 +8,7 @@ import { getIcons } from './icons'
 import { useDesign } from '@/hooks/web/useDesign'
 import { ScrollContainer } from '@/components/Container'
 
+import { usePagination } from '@/hooks/web/usePagination'
 import { useI18n } from '@/hooks/web/useI18n'
 import { copyText } from '@/utils/copyTextToClipboard'
 
@@ -38,13 +39,15 @@ const icons = isSvgMode ? getSvgIcons() : getIcons()
 
 const currentSelect = ref('')
 const open = ref(false)
-const currentList = ref(icons.slice(0, props.pageSize))
+const currentList = ref(icons)
 
 const { t } = useI18n()
 const { prefixCls } = useDesign('icon-picker')
 
 const debounceHandleSearchChange = useDebounceFn(handleSearchChange, 100)
 
+const { getPaginationList, getTotal, setCurrentPage } = usePagination(currentList, props.pageSize)
+
 watchEffect(() => {
   currentSelect.value = props.value
 })
@@ -57,27 +60,24 @@ watch(
   },
 )
 
+function handlePageChange(page: number) {
+  setCurrentPage(page)
+}
+
 function handleClick(icon: string) {
   currentSelect.value = icon
   if (props.copy)
     copyText(icon, t('component.icon.copy'))
 }
 
-const hiddenLoadMore = ref(false)
-function loadMoreIcons() {
-  currentList.value = icons.slice(0, currentList.value.length + props.pageSize)
-  hiddenLoadMore.value = currentList.value.length >= icons.length
-}
-
 function handleSearchChange(e: ChangeEvent) {
   const value = e.target.value
   if (!value) {
-    hiddenLoadMore.value = false
+    setCurrentPage(1)
-    currentList.value = icons.slice(0, props.pageSize)
+    currentList.value = icons
     return
   }
   currentList.value = icons.filter(item => item.includes(value))
-  hiddenLoadMore.value = true
 }
 </script>
 
@@ -90,37 +90,32 @@ function handleSearchChange(e: ChangeEvent) {
       <Popover v-model="open" placement="bottomLeft" trigger="click" :overlay-class-name="`${prefixCls}-popover`">
         <template #title>
           <div class="flex justify-between">
-            <Input placeholder="Search" allow-clear @change="debounceHandleSearchChange">
+            <Input :placeholder="t('component.icon.search')" allow-clear @change="debounceHandleSearchChange" />
-              <template #prefix>
-                <span class="i-ant-design:search-outlined text-gray-600" />
-              </template>
-            </Input>
           </div>
         </template>
 
         <template #content>
-          <div v-if="currentList.length">
+          <div v-if="getPaginationList.length">
-            <ScrollContainer>
+            <ScrollContainer class="border border-t-0 border-solid">
-              <ul class="grid grid-cols-8 gap-y-2">
+              <ul class="flex flex-wrap px-2">
                 <li
-                  v-for="icon in currentList" :key="icon"
+                  v-for="icon in getPaginationList" :key="icon"
-                  :class="currentSelect === icon ? '!text-primary' : ''"
+                  :class="currentSelect === icon ? 'border border-primary' : ''"
-                  class="cursor-pointer text-center text-gray-600"
+                  class="mr-1 mt-1 w-1/8 flex cursor-pointer items-center justify-center border border-solid p-2 hover:border-primary"
                   :title="icon" @click="handleClick(icon)"
                 >
+                  <!-- <Icon :icon="icon" :prefix="prefix" /> -->
                   <SvgIcon v-if="isSvgMode" :name="icon" />
-                  <span v-else :class="icon" class="text-18px" />
+                  <span v-else :class="icon" />
                 </li>
               </ul>
-              <div v-if="!hiddenLoadMore" class="mt-4 text-center text-gray-600">
-                <a-button size="small" @click="loadMoreIcons">
-                  Load More
-                </a-button>
-              </div>
             </ScrollContainer>
+            <div v-if="getTotal >= pageSize" class="flex items-center justify-center py-2">
+              <Pagination show-less-items size="small" :page-size="pageSize" :total="getTotal" @change="handlePageChange" />
+            </div>
           </div>
           <template v-else>
-            <div class="p-5 text-gray-600">
+            <div class="p-5">
               <Empty />
             </div>
           </template>
@@ -129,7 +124,7 @@ function handleSearchChange(e: ChangeEvent) {
         <span v-if="isSvgMode && currentSelect" class="flex cursor-pointer items-center px-2 py-1">
           <SvgIcon :name="currentSelect" />
         </span>
-        <span v-else :class="currentSelect || 'i-ion:apps-outline'" class="cursor-pointer px-4 py-2 text-gray-600" />
+        <span v-else :class="currentSelect || 'i-ion:apps-outline'" class="cursor-pointer px-4 py-2" />
       </Popover>
     </template>
   </Input>

src/components/Table/src/BasicTable.vue

@@ -366,7 +366,7 @@ emit('register', tableAction, formActions)
   }
 
   .ant-table-wrapper {
-    padding: 20px;
+    padding: 6px;
     background-color: var(--component-background);
     border-radius: 6px;
 

src/components/Table/src/components/TableAction.vue

@@ -1,6 +1,7 @@
 <script lang="ts" setup>
 import type { PropType } from 'vue'
 import { computed, toRaw, unref } from 'vue'
+import { DownOutlined } from '@ant-design/icons-vue'
 import type { TooltipProps } from 'ant-design-vue'
 import { Divider, Tooltip } from 'ant-design-vue'
 import { useTableContext } from '../hooks/useTableContext'
@@ -143,7 +144,7 @@ function onCellClick(e: MouseEvent) {
     >
       <slot name="more" />
       <a-button v-if="!$slots.more" type="link">
-        {{ t('action.more') }} <span class="i-tabler:chevron-down" />
+        {{ t('action.more') }} <DownOutlined class="icon-more" />
       </a-button>
     </Dropdown>
   </div>

src/components/Table/src/hooks/useColumns.ts

@@ -122,6 +122,7 @@ export function useColumns(
 
     columns.forEach((item) => {
       const { customRender, slots } = item
+
       handleItem(item, Reflect.has(item, 'ellipsis') ? !!item.ellipsis : !!ellipsis && !customRender && !slots)
     })
     return columns

src/components/Table/src/hooks/useRender.ts

@@ -3,6 +3,7 @@ import dayjs from 'dayjs'
 import { Button, Tag } from 'ant-design-vue'
 import TableImg from '../components/TableImg.vue'
 import { isArray, isString } from '@/utils/is'
+import { DictTag } from '@/components/DictTag'
 import { JsonPreview } from '@/components/CodeEditor'
 
 export const useRender = {
@@ -86,6 +87,18 @@ export const useRender = {
     else
       return dayjs(text).format(format)
   },
+  /**
+   * 渲染字典
+   * @param text 字典值
+   * @param dictType 字典类型
+   * @returns 字典标签
+   */
+  renderDict: (text: string, dictType: string) => {
+    if (dictType)
+      return h(DictTag, { type: dictType, value: text })
+
+    return ''
+  },
   /**
    * 渲染图标icon
    * @param text icon

src/components/Table/src/types/table.ts

@@ -172,7 +172,7 @@ export interface BasicTableProps<T = Recordable<any>> {
   /**
    * 接口请求对象, 返回类型同 `src/settings/componentSetting.ts > table > fetchSetting`
    */
-  api?: (...arg: any) => Promise<T[] | { records: T[], current?: number, size?: number, total?: number }>
+  api?: (...arg: any) => Promise<T[] | { list: T[], pageNo?: number, pageSize?: number, total?: number }>
   // 请求之前处理参数
   beforeFetch?: Fn
   // 自定义处理接口返回参数

src/components/Tree/src/types/tree.ts

@@ -77,7 +77,7 @@ export const treeProps = buildProps({
   },
 
   treeData: {
-    type: Array as PropType<(Omit<TreeDataItem, 'key'> & { key?: string | number })[]>,
+    type: Array as PropType<TreeDataItem[]>,
   },
 
   actionList: {

src/enums/appEnum.ts

@@ -25,6 +25,21 @@ export enum SessionTimeoutProcessingEnum {
   PAGE_COVERAGE,
 }
 
+/**
+ * 权限模式
+ */
+export enum PermissionModeEnum {
+  // role
+  // 角色权限
+  ROLE = 'ROLE',
+  // black
+  // 后端
+  BACK = 'BACK',
+  // route mapping
+  // 路由映射
+  ROUTE_MAPPING = 'ROUTE_MAPPING',
+}
+
 // Route switching animation
 // 路由切换动画
 export enum RouterTransitionEnum {

src/enums/cacheEnum.ts

@@ -16,6 +16,9 @@ export const ROLES_KEY = 'ROLES__KEY__'
 // project config key
 export const PROJ_CFG_KEY = 'PROJ__CFG__KEY__'
 
+// dict info key
+export const DICT_KEY = 'DICT__KEY__'
+
 // lock info
 export const LOCK_INFO_KEY = 'LOCK__INFO__KEY__'
 

src/enums/httpEnum.ts

@@ -2,7 +2,7 @@
  * @description: Request result set
  */
 export enum ResultEnum {
-  SUCCESS = 200,
+  SUCCESS = 0,
   ERROR = -1,
   TIMEOUT = 400,
   UNAUTHORIZED = 401,

src/enums/systemEnum.ts

@@ -1,3 +1,12 @@
+/**
+ * 菜单的类型枚举
+ */
+export const SystemMenuTypeEnum = {
+  DIR: 1, // 目录
+  MENU: 2, // 菜单
+  BUTTON: 3, // 按钮
+}
+
 /**
  * 角色的类型枚举
  */

src/hooks/component/useFormItem.ts

@@ -1,5 +1,5 @@
 import type { DeepReadonly, Ref, UnwrapRef, WritableComputedRef } from 'vue'
-import { computed, getCurrentInstance, reactive, readonly, toRaw, unref, watchEffect } from 'vue'
+import { computed, getCurrentInstance, nextTick, reactive, readonly, toRaw, unref, watchEffect } from 'vue'
 
 import { isEqual } from 'lodash-es'
 
@@ -37,7 +37,9 @@ export function useRuleFormItem<T extends Recordable>(props: T, key: keyof T = '
         return
 
       innerState.value = value as T[keyof T]
-      emit?.(changeEvent, value, ...(toRaw(unref(emitData)) || []))
+      nextTick(() => {
+        emit?.(changeEvent, value, ...(toRaw(unref(emitData)) || []))
+      })
     },
   })
 

src/hooks/setting/index.ts

@@ -10,6 +10,8 @@ export function useGlobSetting(): Readonly<GlobConfig> {
     VITE_GLOB_APP_SHORT_NAME,
     VITE_GLOB_API_URL_PREFIX,
     VITE_GLOB_UPLOAD_URL,
+    VITE_GLOB_APP_TENANT_ENABLE,
+    VITE_GLOB_APP_CAPTCHA_ENABLE,
   } = getAppEnvConfig()
 
   if (!/[a-zA-Z\_]*/.test(VITE_GLOB_APP_SHORT_NAME)) {
@@ -25,6 +27,8 @@ export function useGlobSetting(): Readonly<GlobConfig> {
     shortName: VITE_GLOB_APP_SHORT_NAME,
     urlPrefix: VITE_GLOB_API_URL_PREFIX,
     uploadUrl: VITE_GLOB_UPLOAD_URL,
+    tenantEnable: VITE_GLOB_APP_TENANT_ENABLE,
+    captchaEnable: VITE_GLOB_APP_CAPTCHA_ENABLE,
   }
   return glob
 }

src/hooks/setting/useRootSetting.ts

@@ -18,6 +18,8 @@ export function useRootSetting() {
 
   const getCanEmbedIFramePage = computed(() => appStore.getProjectConfig.canEmbedIFramePage)
 
+  const getPermissionMode = computed(() => appStore.getProjectConfig.permissionMode)
+
   const getShowLogo = computed(() => appStore.getProjectConfig.showLogo)
 
   const getContentMode = computed(() => appStore.getProjectConfig.contentMode)
@@ -68,6 +70,7 @@ export function useRootSetting() {
     getPageLoading,
     getOpenKeepAlive,
     getCanEmbedIFramePage,
+    getPermissionMode,
     getShowLogo,
     getUseErrorHandle,
     getShowBreadCrumb,

src/hooks/web/usePermission.ts

@@ -1,19 +1,42 @@
 import type { RouteRecordRaw } from 'vue-router'
+
 import { intersection } from 'lodash-es'
 import { useTabs } from './useTabs'
+import { useAppStore } from '@/store/modules/app'
 import { usePermissionStore } from '@/store/modules/permission'
 import { useUserStore } from '@/store/modules/user'
+
 import { resetRouter, router } from '@/router'
+
+// import { RootRoute } from '@/router/routes';
+
+import projectSetting from '@/settings/projectSetting'
+import { PermissionModeEnum } from '@/enums/appEnum'
 import type { RoleEnum } from '@/enums/roleEnum'
+
 import { isArray } from '@/utils/is'
 import { useMultipleTabStore } from '@/store/modules/multipleTab'
 
 // User permissions related operations
 export function usePermission() {
   const userStore = useUserStore()
+  const appStore = useAppStore()
   const permissionStore = usePermissionStore()
   const { closeAll } = useTabs(router)
 
+  /**
+   * Change permission mode
+   */
+  function togglePermissionMode() {
+    appStore.setProjectConfig({
+      permissionMode: projectSetting.permissionMode
+      === PermissionModeEnum.BACK
+        ? PermissionModeEnum.ROUTE_MAPPING
+        : PermissionModeEnum.BACK,
+    })
+    location.reload()
+  }
+
   /**
    * Reset and regain authority resource information
    * 重置和重新获得权限资源信息
@@ -41,11 +64,23 @@ export function usePermission() {
     if (!value)
       return def
 
-    const allCodeList = permissionStore.getPermCodeList as string[]
+    const permMode = appStore.getProjectConfig.permissionMode
-    if (!isArray(value))
+
-      return allCodeList.includes(value)
+    if ([PermissionModeEnum.ROUTE_MAPPING, PermissionModeEnum.ROLE].includes(permMode)) {
+      if (!isArray(value))
+        return userStore.getRoleList?.includes(value as RoleEnum)
 
-    return (intersection(value, allCodeList)).length > 0
+      return (intersection(value, userStore.getRoleList) as RoleEnum[]).length > 0
+    }
+
+    if (PermissionModeEnum.BACK === permMode) {
+      const allCodeList = permissionStore.getPermCodeList as string[]
+      if (!isArray(value))
+        return allCodeList.includes(value)
+
+      return (intersection(value, allCodeList)).length > 0
+    }
+    return true
   }
 
   /**
@@ -53,6 +88,9 @@ export function usePermission() {
    * @param roles
    */
   async function changeRole(roles: RoleEnum | RoleEnum[]): Promise<void> {
+    if (projectSetting.permissionMode !== PermissionModeEnum.ROUTE_MAPPING)
+      throw new Error('Please switch PermissionModeEnum to ROUTE_MAPPING mode in the configuration to operate!')
+
     if (!isArray(roles))
       roles = [roles]
 
@@ -64,8 +102,8 @@ export function usePermission() {
    * refresh menu data
    */
   function refreshMenu() {
-    return resume()
+    resume()
   }
 
-  return { changeRole, hasPermission, refreshMenu }
+  return { changeRole, hasPermission, togglePermissionMode, refreshMenu }
 }

src/layouts/default/header/components/lock/LockModal.vue

@@ -13,7 +13,7 @@ const { t } = useI18n()
 const userStore = useUserStore()
 const lockStore = useLockStore()
 
-const getRealName = computed(() => userStore.getUserInfo?.user.realName)
+const getRealName = computed(() => userStore.getUserInfo?.user.nickname)
 const [register, { closeModal }] = useModalInner()
 
 const [registerForm, { validateFields, resetFields }] = useForm({

src/layouts/default/header/components/user-dropdown/index.vue

@@ -32,8 +32,8 @@ const { getShowDoc, getUseLockPage } = useHeaderSetting()
 const userStore = useUserStore()
 
 const getUserInfo = computed(() => {
-  const { realName = '', avatar } = userStore.getUserInfo.user || {}
+  const { nickname = '', avatar } = userStore.getUserInfo.user || {}
-  return { realName, avatar: avatar || headerImg }
+  return { nickname, avatar: avatar || headerImg }
 })
 
 const [register, { openModal }] = useModal()
@@ -76,7 +76,7 @@ function handleMenuClick(e: MenuInfo) {
       </Avatar>
       <span :class="`${prefixCls}__info hidden md:block`">
         <span :class="`${prefixCls}__name`" class="truncate">
-          {{ getUserInfo.realName }}
+          {{ getUserInfo.nickname }}
         </span>
       </span>
     </span>

src/router/guard/paramMenuGuard.ts

@@ -1,6 +1,9 @@
 import type { Router } from 'vue-router'
 import { configureDynamicParamsMenu } from '../helper/menuHelper'
 import type { Menu } from '../types'
+import { PermissionModeEnum } from '@/enums/appEnum'
+import { useAppStoreWithOut } from '@/store/modules/app'
+
 import { usePermissionStoreWithOut } from '@/store/modules/permission'
 
 export function createParamMenuGuard(router: Router) {
@@ -18,9 +21,27 @@ export function createParamMenuGuard(router: Router) {
       return
     }
 
-    const menus: Menu[] = permissionStore.getBackMenuList
+    let menus: Menu[] = []
+    if (isBackMode())
+      menus = permissionStore.getBackMenuList
+    else if (isRouteMappingMode())
+      menus = permissionStore.getFrontMenuList
+
     menus.forEach(item => configureDynamicParamsMenu(item, to.params))
 
     next()
   })
 }
+
+function getPermissionMode() {
+  const appStore = useAppStoreWithOut()
+  return appStore.getProjectConfig.permissionMode
+}
+
+function isBackMode() {
+  return getPermissionMode() === PermissionModeEnum.BACK
+}
+
+function isRouteMappingMode() {
+  return getPermissionMode() === PermissionModeEnum.ROUTE_MAPPING
+}

src/router/guard/permissionGuard.ts

@@ -3,6 +3,7 @@ import type { RouteRecordRaw, Router } from 'vue-router'
 import { usePermissionStoreWithOut } from '@/store/modules/permission'
 
 import { PageEnum } from '@/enums/pageEnum'
+import { useDictStoreWithOut } from '@/store/modules/dict'
 import { useUserStoreWithOut } from '@/store/modules/user'
 
 import { PAGE_NOT_FOUND_ROUTE } from '@/router/routes/basic'
@@ -16,6 +17,7 @@ const LOGIN_PATH = PageEnum.BASE_LOGIN
 const whitePathList: PageEnum[] = [LOGIN_PATH]
 
 export function createPermissionGuard(router: Router) {
+  const dictStore = useDictStoreWithOut()
   const userStore = useUserStoreWithOut()
   const permissionStore = usePermissionStoreWithOut()
   router.beforeEach(async (to, from, next) => {
@@ -77,6 +79,9 @@ export function createPermissionGuard(router: Router) {
       return
     }
 
+    if (!dictStore.getIsSetDict)
+      await dictStore.setDictMap()
+
     // get userinfo while last fetch time is empty
     if (userStore.getLastUpdateTime === 0) {
       try {
@@ -103,6 +108,7 @@ export function createPermissionGuard(router: Router) {
     })
 
     router.addRoute(PAGE_NOT_FOUND_ROUTE as unknown as RouteRecordRaw)
+
     permissionStore.setDynamicAddedRoute(true)
 
     if (to.name === PAGE_NOT_FOUND_ROUTE.name) {

src/router/helper/routeHelper.ts

@@ -6,8 +6,6 @@ import { EXCEPTION_COMPONENT, LAYOUT, getParentLayout } from '@/router/constant'
 import type { AppRouteModule, AppRouteRecordRaw } from '@/router/types'
 import { warn } from '@/utils/log'
 import { isHttpUrl } from '@/utils/is'
-import { toCamelCase } from '@/utils'
-import type { MenuItem } from '@/api/system/menu/types'
 
 export type LayoutMapKey = 'LAYOUT'
 const IFRAME = () => import('@/views/base/iframe/FrameBlank.vue')
@@ -46,7 +44,7 @@ function asyncImportRoute(routes: AppRouteRecordRaw[] | undefined) {
     meta.orderNo = item.sort
     meta.ignoreKeepAlive = !item.keepAlive
     item.meta = meta
-    item.name = item.componentName && item.componentName.length > 0 ? item.componentName : toCamelCase(item.path, true)
+    item.name = item.name = item.componentName && item.componentName.length > 0 ? item.componentName : toCamelCase(item.path, true)
     children && asyncImportRoute(children)
   })
 }
@@ -78,13 +76,11 @@ function dynamicImport(dynamicViewsModules: Record<string, () => Promise<Recorda
 
 // Turn background objects into routing objects
 // 将背景对象变成路由对象
-export function transformObjToRoute(menuList: MenuItem[]): AppRouteModule[] {
+export function transformObjToRoute<T = AppRouteModule>(routeList: AppRouteModule[]): T[] {
-  const routeList: AppRouteModule[] = []
+  routeList.forEach((route) => {
-  menuList.forEach((item) => {
-    const route = { ...item } as unknown as AppRouteModule
     if (isHttpUrl(route.path))
       route.component = 'IFrame'
-    else if (route.children && route.parentId === '0')
+    else if (route.children && route.parentId === 0)
       route.component = 'LAYOUT'
     else if (!route.children)
       route.component = route.component as string
@@ -116,10 +112,9 @@ export function transformObjToRoute(menuList: MenuItem[]): AppRouteModule[] {
     else {
       warn(`请正确配置路由：${route?.name}的component属性`)
     }
-    routeList.push(route)
     route.children && asyncImportRoute(route.children)
   })
-  return routeList
+  return routeList as unknown as T[]
 }
 
 /**
@@ -199,3 +194,16 @@ function isMultipleRoute(routeModule: AppRouteModule) {
   }
   return flag
 }
+
+function toCamelCase(str: string, upperCaseFirst: boolean) {
+  str = (str || '')
+    .replace(/-(.)/g, (group1: string) => {
+      return group1.toUpperCase()
+    })
+    .replaceAll('-', '')
+
+  if (upperCaseFirst && str)
+    str = str.charAt(0).toUpperCase() + str.slice(1)
+
+  return str
+}

src/router/menus/index.ts

@@ -1,6 +1,14 @@
+import type { RouteRecordNormalized } from 'vue-router'
+import { pathToRegexp } from 'path-to-regexp'
 import type { Menu, MenuModule } from '@/router/types'
+
+import { useAppStoreWithOut } from '@/store/modules/app'
 import { usePermissionStore } from '@/store/modules/permission'
 import { getAllParentPath, transformMenuModule } from '@/router/helper/menuHelper'
+import { filter } from '@/utils/helper/treeHelper'
+import { isHttpUrl } from '@/utils/is'
+import { router } from '@/router'
+import { PermissionModeEnum } from '@/enums/appEnum'
 
 const modules = import.meta.glob('./modules/**/*.ts', { eager: true })
 
@@ -16,6 +24,22 @@ Object.keys(modules).forEach((key) => {
 // ==========Helper===========
 // ===========================
 
+function getPermissionMode() {
+  const appStore = useAppStoreWithOut()
+  return appStore.getProjectConfig.permissionMode
+}
+function isBackMode() {
+  return getPermissionMode() === PermissionModeEnum.BACK
+}
+
+function isRouteMappingMode() {
+  return getPermissionMode() === PermissionModeEnum.ROUTE_MAPPING
+}
+
+function isRoleMode() {
+  return getPermissionMode() === PermissionModeEnum.ROLE
+}
+
 const staticMenus: Menu[] = []
 ;(() => {
   menuModules.sort((a, b) => {
@@ -38,12 +62,21 @@ function getAsyncMenus() {
       return show
     })
   }
+  if (isBackMode())
+    return menuFilter(permissionStore.getBackMenuList)
+
+  if (isRouteMappingMode())
+    return menuFilter(permissionStore.getFrontMenuList)
 
-  return menuFilter(permissionStore.getBackMenuList)
+  return staticMenus
 }
 
 export async function getMenus(): Promise<Menu[]> {
   const menus = await getAsyncMenus()
+  if (isRoleMode()) {
+    const routes = router.getRoutes()
+    return filter(menus, basicFilter(routes))
+  }
   return menus
 }
 
@@ -57,6 +90,10 @@ export async function getCurrentParentPath(currentPath: string) {
 export async function getShallowMenus(): Promise<Menu[]> {
   const menus = await getAsyncMenus()
   const shallowMenuList = menus.map(item => ({ ...item, children: undefined }))
+  if (isRoleMode()) {
+    const routes = router.getRoutes()
+    return shallowMenuList.filter(basicFilter(routes))
+  }
   return shallowMenuList
 }
 
@@ -67,5 +104,36 @@ export async function getChildrenMenus(parentPath: string) {
   if (!parent || !parent.children || !!parent?.meta?.hideChildrenInMenu)
     return [] as Menu[]
 
+  if (isRoleMode()) {
+    const routes = router.getRoutes()
+    return filter(parent.children, basicFilter(routes))
+  }
   return parent.children
 }
+
+function basicFilter(routes: RouteRecordNormalized[]) {
+  return (menu: Menu) => {
+    const matchRoute = routes.find((route) => {
+      if (isHttpUrl(menu.path))
+        return true
+
+      if (route.meta?.carryParam)
+        return pathToRegexp(route.path).test(menu.path)
+
+      const isSame = route.path === menu.path
+      if (!isSame)
+        return false
+
+      if (route.meta?.ignoreAuth)
+        return true
+
+      return isSame || pathToRegexp(route.path).test(menu.path)
+    })
+
+    if (!matchRoute)
+      return false
+    menu.icon = (menu.icon || matchRoute.meta.icon) as string
+    menu.meta = matchRoute.meta
+    return true
+  }
+}

src/router/routes/index.ts

@@ -38,6 +38,15 @@ export const LoginRoute: AppRouteRecordRaw = {
   },
 }
 
+export const SSORoute: AppRouteRecordRaw = {
+  path: '/sso',
+  name: 'SSO',
+  component: () => import('@/views/base/login/sso.vue'),
+  meta: {
+    title: t('routes.basic.sso'),
+  },
+}
+
 export const ProfileRoute: AppRouteRecordRaw = {
   path: '/profile',
   component: LAYOUT,
@@ -66,6 +75,7 @@ export const ProfileRoute: AppRouteRecordRaw = {
 // 未经许可的基本路由
 export const basicRoutes = [
   LoginRoute,
+  SSORoute,
   RootRoute,
   ProfileRoute,
   REDIRECT_ROUTE,

src/router/routes/modules/dashboard.ts

@@ -7,7 +7,7 @@ const dashboard: AppRouteModule = {
   path: '/dashboard',
   name: 'Dashboard',
   component: LAYOUT,
-  parentId: '0',
+  parentId: 0,
   redirect: '/dashboard/analysis',
   meta: {
     orderNo: 10,

src/router/types.ts

@@ -10,7 +10,7 @@ export interface AppRouteRecordRaw extends Omit<RouteRecordRaw, 'meta' | 'childr
   icon?: string
   name: string
   sort?: number
-  parentId?: string
+  parentId?: number
   meta: RouteMeta
   component?: Component | string
   components?: Component

src/settings/componentSetting.ts

@@ -9,11 +9,11 @@ export default {
     // 支持 xxx.xxx.xxx格式
     fetchSetting: {
       // 传给后台的当前页字段
-      pageField: 'current',
+      pageField: 'pageNo',
       // 传给后台的每页显示多少条的字段
-      sizeField: 'size',
+      sizeField: 'pageSize',
       // 接口返回表格数据的字段
-      listField: 'records',
+      listField: 'list',
       // 接口返回表格总数的字段
       totalField: 'total',
     },

src/settings/projectSetting.ts

@@ -5,6 +5,7 @@ import { MenuModeEnum, MenuTypeEnum, MixSidebarTriggerEnum, TriggerEnum } from '
 import { CacheTypeEnum } from '@/enums/cacheEnum'
 import {
   ContentEnum,
+  PermissionModeEnum,
   RouterTransitionEnum,
   SessionTimeoutProcessingEnum,
   SettingButtonPositionEnum,
@@ -25,6 +26,11 @@ const setting: ProjectConfig = {
   // SettingButtonPositionEnum.FIXED: 固定在右侧
   settingButtonPosition: SettingButtonPositionEnum.AUTO,
 
+  // 权限模式,默认前端角色权限模式
+  // ROUTE_MAPPING: 前端模式（菜单由路由生成，默认）
+  // ROLE：前端模式（菜单路由分开）
+  // BACK: 后端模式
+  permissionMode: PermissionModeEnum.BACK,
   // 权限缓存存放位置。默认存放于localStorage
   permissionCacheType: CacheTypeEnum.LOCAL,
   // 会话超时处理方案

src/store/modules/dict.ts

@@ -0,0 +1,67 @@
+import { defineStore } from 'pinia'
+import type { DictState } from '@/types/store'
+
+import { store } from '@/store'
+
+import { DICT_KEY } from '@/enums/cacheEnum'
+import { createLocalStorage } from '@/utils/cache'
+import { listSimpleDictData } from '@/api/system/dict/data'
+import type { DictDataVO } from '@/api/system/dict/types'
+
+const ls = createLocalStorage()
+
+export const useDictStore = defineStore({
+  id: 'app-dict',
+  state: (): DictState => ({
+    dictMap: new Map<string, any>(),
+    isSetDict: false,
+  }),
+  getters: {
+    getDictMap(state): Recordable {
+      const dictMap = ls.get(DICT_KEY)
+      if (dictMap)
+        state.dictMap = dictMap
+
+      return state.dictMap
+    },
+    getIsSetDict(state): boolean {
+      return state.isSetDict
+    },
+  },
+  actions: {
+    async setDictMap() {
+      const dictMap = ls.get(DICT_KEY)
+      if (dictMap) {
+        this.dictMap = dictMap
+        this.isSetDict = true
+      }
+      else {
+        const res = await listSimpleDictData()
+        // 设置数据
+        const dictDataMap = new Map<string, any>()
+        res.forEach((dictData: DictDataVO) => {
+          // 获得 dictType 层级
+          const enumValueObj = dictDataMap[dictData.dictType]
+          if (!enumValueObj)
+            dictDataMap[dictData.dictType] = []
+
+          // 处理 dictValue 层级
+          dictDataMap[dictData.dictType].push({
+            value: dictData.value,
+            label: dictData.label,
+            colorType: dictData.colorType,
+            cssClass: dictData.cssClass,
+          })
+        })
+        this.dictMap = dictDataMap
+        this.isSetDict = true
+        ls.set(DICT_KEY, dictDataMap, 60) // 60 秒 过期
+      }
+    },
+  },
+})
+
+// Need to be used outside the setup
+export function useDictStoreWithOut() {
+  return useDictStore(store)
+}

src/store/modules/lock.ts

@@ -37,12 +37,13 @@ export const useLockStore = defineStore('app-lock', {
       const tryLogin = async () => {
         // TODO 滑块验证码
         try {
-          const username = userStore.getUserInfo?.user.realName
+          const username = userStore.getUserInfo?.user.nickname
           const res = await userStore.login({
             username,
             password: password!,
             goHome: false,
             mode: 'none',
+            captchaVerification: '',
           })
           if (res)
             this.resetLockInfo()

src/store/modules/permission.ts

@@ -1,9 +1,12 @@
+/* eslint-disable no-case-declarations */
 import { toRaw } from 'vue'
 import { defineStore } from 'pinia'
 
 import { useUserStore } from './user'
+import { useAppStoreWithOut } from './app'
 import { store } from '@/store'
 import type { AppRouteRecordRaw, Menu } from '@/router/types'
+import { asyncRoutes } from '@/router/routes'
 import dashboard from '@/router/routes/modules/dashboard'
 import { PAGE_NOT_FOUND_ROUTE } from '@/router/routes/basic'
 import { transformRouteToMenu } from '@/router/helper/menuHelper'
@@ -11,7 +14,9 @@ import { flatMultiLevelRoutes, transformObjToRoute } from '@/router/helper/route
 import { useI18n } from '@/hooks/web/useI18n'
 import { useMessage } from '@/hooks/web/useMessage'
 import { filter } from '@/utils/helper/treeHelper'
+import projectSetting from '@/settings/projectSetting'
 import { PageEnum } from '@/enums/pageEnum'
+import { PermissionModeEnum } from '@/enums/appEnum'
 
 interface PermissionState {
   // Permission code list
@@ -26,6 +31,8 @@ interface PermissionState {
   // Backstage menu list
   // 后台菜单列表
   backMenuList: Menu[]
+  // 菜单列表
+  frontMenuList: Menu[]
 }
 
 export const usePermissionStore = defineStore('app-permission', {
@@ -41,6 +48,9 @@ export const usePermissionStore = defineStore('app-permission', {
     // Backstage menu list
     // 后台菜单列表
     backMenuList: [],
+    // menu List
+    // 菜单列表
+    frontMenuList: [],
   }),
   getters: {
     getPermCodeList(state): string[] | number[] {
@@ -49,6 +59,9 @@ export const usePermissionStore = defineStore('app-permission', {
     getBackMenuList(state): Menu[] {
       return state.backMenuList
     },
+    getFrontMenuList(state): Menu[] {
+      return state.frontMenuList
+    },
     getLastBuildMenuTime(state): number {
       return state.lastBuildMenuTime
     },
@@ -66,6 +79,10 @@ export const usePermissionStore = defineStore('app-permission', {
       list?.length > 0 && this.setLastBuildMenuTime()
     },
 
+    setFrontMenuList(list: Menu[]) {
+      this.frontMenuList = list
+    },
+
     setLastBuildMenuTime() {
       this.lastBuildMenuTime = new Date().getTime()
     },
@@ -87,15 +104,29 @@ export const usePermissionStore = defineStore('app-permission', {
     async buildRoutesAction(): Promise<AppRouteRecordRaw[]> {
       const { t } = useI18n()
       const userStore = useUserStore()
+      const appStore = useAppStoreWithOut()
+
       let routes: AppRouteRecordRaw[] = []
+      const roleList = toRaw(userStore.getRoleList) || []
       const userInfo = toRaw(userStore.getUserInfo) || {}
+      const { permissionMode = projectSetting.permissionMode } = appStore.getProjectConfig
+
+      // 路由过滤器 在 函数filter 作为回调传入遍历使用
+      const routeFilter = (route: AppRouteRecordRaw) => {
+        const { meta } = route
+        // 抽出角色
+        const { roles } = meta || {}
+        if (!roles)
+          return true
+        // 进行角色权限判断
+        return roleList.some(role => roles.includes(role))
+      }
 
-      /**
-       * @description 移除 ignoreRoute 的路由
-       */
       const routeRemoveIgnoreFilter = (route: AppRouteRecordRaw) => {
         const { meta } = route
+        // ignoreRoute 为true 则路由仅用于菜单生成，不会在实际的路由表中出现
         const { ignoreRoute } = meta || {}
+        // arr.filter 返回 true 表示该元素通过测试
         return !ignoreRoute
       }
 
@@ -134,22 +165,81 @@ export const usePermissionStore = defineStore('app-permission', {
         }
       }
 
-      const { createMessage } = useMessage()
+      switch (permissionMode) {
-      createMessage.loading({ content: t('sys.app.menuLoading'), duration: 1 })
+        // 角色权限
-
+        case PermissionModeEnum.ROLE:
-      // Dynamically introduce components
+          // 对非一级路由进行过滤
-      let routeList = transformObjToRoute(userInfo.menus)
+          routes = filter(asyncRoutes, routeFilter)
+          // 对一级路由根据角色权限过滤
+          routes = routes.filter(routeFilter)
+          // Convert multi-level routing to level 2 routing
+          // 将多级路由转换为 2 级路由
+          routes = flatMultiLevelRoutes(routes)
+          break
+
+        // 路由映射， 默认进入该case
+        case PermissionModeEnum.ROUTE_MAPPING:
+          // 对非一级路由进行过滤
+          routes = filter(asyncRoutes, routeFilter)
+          // 对一级路由再次根据角色权限过滤
+          routes = routes.filter(routeFilter)
+          // 将路由转换成菜单
+          const menuList = transformRouteToMenu(routes, true)
+          // 移除掉 ignoreRoute: true 的路由 非一级路由
+          routes = filter(routes, routeRemoveIgnoreFilter)
+          // 移除掉 ignoreRoute: true 的路由 一级路由；
+          routes = routes.filter(routeRemoveIgnoreFilter)
+          // 对菜单进行排序
+          menuList.sort((a, b) => {
+            return (a.meta?.orderNo || 0) - (b.meta?.orderNo || 0)
+          })
 
-      //  Background routing to menu structure
+          // 设置菜单列表
-      const backMenuList = transformRouteToMenu([dashboard, ...routeList])
+          this.setFrontMenuList(menuList)
-      this.setBackMenuList(backMenuList)
+
+          // Convert multi-level routing to level 2 routing
+          // 将多级路由转换为 2 级路由
+          routes = flatMultiLevelRoutes(routes)
+          break
+
+        //  If you are sure that you do not need to do background dynamic permissions, please comment the entire judgment below
+        //  如果确定不需要做后台动态权限，请在下方注释整个判断
+        case PermissionModeEnum.BACK:
+          const { createMessage } = useMessage()
+
+          createMessage.loading({ content: t('sys.app.menuLoading'), duration: 1 })
+
+          // !Simulate to obtain permission codes from the background,
+          // 模拟从后台获取权限码，
+          // this function may only need to be executed once, and the actual project can be put at the right time by itself
+          // 这个功能可能只需要执行一次，实际项目可以自己放在合适的时间
+          let routeList: AppRouteRecordRaw[] = []
+          try {
+            routeList = userInfo.menus as AppRouteRecordRaw[]
+          }
+          catch (error) {
+            console.error(error)
+          }
+          // Dynamically introduce components
+          // 动态引入组件
+          routeList = transformObjToRoute(routeList)
+          //  Background routing to menu structure
+          //  后台路由到菜单结构
+          const backMenuList = transformRouteToMenu([dashboard, ...routeList])
+          this.setBackMenuList(backMenuList)
+          // remove meta.ignoreRoute item
+          // 删除 meta.ignoreRoute 项
+          routeList = filter(routeList, routeRemoveIgnoreFilter)
+          routeList = routeList.filter(routeRemoveIgnoreFilter)
+          routeList = flatMultiLevelRoutes(routeList)
+          routes = [PAGE_NOT_FOUND_ROUTE, dashboard, ...routeList]
+          break
+      }
 
-      // remove meta.ignoreRoute item
+      // 从用户中获取权限
-      routeList = filter(routeList, routeRemoveIgnoreFilter)
+      if (userInfo)
-      routeList = routeList.filter(routeRemoveIgnoreFilter)
+        this.setPermCodeList(userInfo.permissions)
-      routeList = flatMultiLevelRoutes(routeList)
 
-      routes = [PAGE_NOT_FOUND_ROUTE, dashboard, ...routeList]
       patchHomeAffix(routes)
       return routes
     },

src/store/modules/user.ts

@@ -12,12 +12,14 @@ import { PAGE_NOT_FOUND_ROUTE } from '@/router/routes/basic'
 import { usePermissionStore } from '@/store/modules/permission'
 import { useI18n } from '@/hooks/web/useI18n'
 import { useMessage } from '@/hooks/web/useMessage'
-import { getAuthCache, setAuthCache, setTenantId } from '@/utils/auth'
+import { getAuthCache, setAuthCache } from '@/utils/auth'
-import { doLogout, getUserInfo, loginApi } from '@/api/base/user'
+import { doLogout, getUserInfo, loginApi, smsLogin } from '@/api/base/user'
-import type { LoginParams, UserInfo } from '@/api/base/user/types'
+import type { GetUserInfoModel, LoginParams, SmsLoginParams } from '@/api/base/model/userModel'
+
+import { isArray } from '@/utils/is'
 
 interface UserState {
-  userInfo: Nullable<UserInfo>
+  userInfo: Nullable<GetUserInfoModel>
   accessToken?: string
   refreshToken?: string
   roleList: RoleEnum[]
@@ -40,8 +42,8 @@ export const useUserStore = defineStore('app-user', {
     lastUpdateTime: 0,
   }),
   getters: {
-    getUserInfo(state): UserInfo {
+    getUserInfo(state): GetUserInfoModel {
-      return state.userInfo || getAuthCache<UserInfo>(USER_INFO_KEY) || {}
+      return state.userInfo || getAuthCache<GetUserInfoModel>(USER_INFO_KEY) || {}
     },
     getAccessToken(state): string {
       return state.accessToken || getAuthCache<string>(ACCESS_TOKEN_KEY)
@@ -72,7 +74,7 @@ export const useUserStore = defineStore('app-user', {
       this.roleList = roleList
       setAuthCache(ROLES_KEY, roleList)
     },
-    setUserInfo(info: UserInfo | null) {
+    setUserInfo(info: GetUserInfoModel | null) {
       this.userInfo = info
       this.lastUpdateTime = new Date().getTime()
       setAuthCache(USER_INFO_KEY, info)
@@ -94,7 +96,7 @@ export const useUserStore = defineStore('app-user', {
         goHome?: boolean
         mode?: ErrorMessageMode
       },
-    ): Promise<UserInfo | null> {
+    ): Promise<GetUserInfoModel | null> {
       try {
         const { goHome = true, mode, ...loginParams } = params
         const data = await loginApi(loginParams, mode)
@@ -109,7 +111,26 @@ export const useUserStore = defineStore('app-user', {
         return Promise.reject(error)
       }
     },
-    async afterLoginAction(goHome?: boolean): Promise<UserInfo | null> {
+    async smsLogin(
+      params: SmsLoginParams & {
+        goHome?: boolean
+        mode?: ErrorMessageMode
+      },
+    ): Promise<GetUserInfoModel | null> {
+      try {
+        const { goHome = true, mode, ...smsLoginParams } = params
+        const data = await smsLogin(smsLoginParams, mode)
+        const { accessToken, refreshToken } = data
+        // save token
+        this.setAccessToken(accessToken)
+        this.setRefreshToken(refreshToken)
+        return this.afterLoginAction(goHome)
+      }
+      catch (error) {
+        return Promise.reject(error)
+      }
+    },
+    async afterLoginAction(goHome?: boolean): Promise<GetUserInfoModel | null> {
       if (!this.getAccessToken)
         return null
       // get user info
@@ -136,12 +157,19 @@ export const useUserStore = defineStore('app-user', {
       }
       return userInfo
     },
-    async getUserInfoAction(): Promise<UserInfo | null> {
+    async getUserInfoAction(): Promise<GetUserInfoModel | null> {
       if (!this.getAccessToken)
         return null
-
       const userInfo = await getUserInfo()
-      setTenantId(userInfo.user.tenantId)
+      const { roles = [] } = userInfo
+      if (isArray(roles)) {
+        const roleList = roles.map(item => item) as RoleEnum[]
+        this.setRoleList(roleList)
+      }
+      else {
+        userInfo.roles = []
+        this.setRoleList([])
+      }
       this.setUserInfo(userInfo)
       return userInfo
     },

src/store/modules/userMessage.ts

@@ -0,0 +1,24 @@
+import { defineStore } from 'pinia'
+import { getUnreadNotifyMessageCount } from '@/api/system/notify/message'
+
+interface MessageState {
+  unreadCount: number // 未读消息数量
+}
+
+export const useUserMessageStore = defineStore('userMessage', {
+  state: (): MessageState => ({
+    unreadCount: 0,
+  }),
+  getters: {
+    getUnreadCount(state) {
+      return state.unreadCount
+    },
+  },
+  actions: {
+    // 更新未读消息的数量
+    async updateUnreadCount() {
+      const count = await getUnreadNotifyMessageCount()
+      this.unreadCount = count
+    },
+  },
+})

src/types/axios.d.ts

@@ -38,7 +38,7 @@ export interface RetryRequest {
 
 export interface Result<T = any> {
   code: number
-  message: string
+  msg: string
   data: T
 }
 

src/types/config.d.ts

@@ -1,6 +1,7 @@
 import type { MenuModeEnum, MenuTypeEnum, MixSidebarTriggerEnum, TriggerEnum } from '@/enums/menuEnum'
 import type {
   ContentEnum,
+  PermissionModeEnum,
   RouterTransitionEnum,
   SessionTimeoutProcessingEnum,
   SettingButtonPositionEnum,
@@ -102,6 +103,8 @@ export interface ProjectConfig {
   showDarkModeToggle: boolean
   // Configure where the button is displayed
   settingButtonPosition: SettingButtonPositionEnum
+  // Permission mode
+  permissionMode: PermissionModeEnum
   // Session timeout processing
   sessionTimeoutProcessing: SessionTimeoutProcessingEnum
   // Website gray mode, open for possible mourning dates
@@ -158,6 +161,10 @@ export interface GlobConfig {
   urlPrefix?: string
   // Project abbreviation
   shortName: string
+  // 租户开关
+  tenantEnable: string
+  // 验证码开关
+  captchaEnable: string
 }
 export interface GlobEnvConfig {
   // Site title
@@ -170,4 +177,8 @@ export interface GlobEnvConfig {
   VITE_GLOB_APP_SHORT_NAME: string
   // Upload url
   VITE_GLOB_UPLOAD_URL?: string
+  // 租户开关
+  VITE_GLOB_APP_TENANT_ENABLE: string
+  // 验证码开关
+  VITE_GLOB_APP_CAPTCHA_ENABLE: string
 }

src/types/global.d.ts

@@ -1,5 +1,6 @@
 import type { ComponentPublicInstance, ComponentRenderProxy, FunctionalComponent, VNode, VNodeChild, PropType as VuePropType } from 'vue'
-import type { AttributifyAttributes } from 'unocss/preset-attributify'
+
+import type { AttributifyAttributes } from '@unocss/preset-attributify'
 
 declare global {
   const __APP_INFO__: {
@@ -11,6 +12,9 @@ declare global {
     }
     lastBuildTime: string
   }
+  declare interface Window {
+    _hmt: [string, string][]
+  }
 
   interface Document {
     mozFullScreenElement?: Element
@@ -26,7 +30,6 @@ declare global {
     -readonly [P in keyof T]: T[P]
   }
 
-  declare type BooleanFlag = 0 | 1
   declare type Nullable<T> = T | null
   declare type NonNullable<T> = T extends null | undefined ? never : T
   declare type Recordable<T = any> = Record<string, T>

src/types/index.d.ts

@@ -9,14 +9,12 @@ declare interface PromiseFn<T = any, R = T> {
 declare type RefType<T> = T | null
 
 declare interface PageParam {
-  size?: number
+  pageSize?: number
-  current?: number
+  pageNo?: number
 }
 
 declare interface PageResult<T = any> {
-  records: T[]
+  list: T[]
-  current: number
-  size: number
   total: number
 }
 

src/types/store.d.ts

@@ -45,3 +45,8 @@ export interface BeforeMiniState {
   menuMode?: MenuModeEnum
   menuType?: MenuTypeEnum
 }
+
+export interface DictState {
+  dictMap: Map<string, any>
+  isSetDict: boolean
+}

src/utils/auth/index.ts

@@ -26,7 +26,7 @@ export function getTenantId(): string {
   return getAuthCache(TENANT_ID_KEY)
 }
 
-export function setTenantId(value: string) {
+export function setTenantId(value) {
   return setAuthCache(TENANT_ID_KEY, value)
 }
 

src/utils/dict.ts

@@ -0,0 +1,97 @@
+/**
+ * 数据字典工具类
+ */
+import { useDictStoreWithOut } from '@/store/modules/dict'
+import type { StringLiteralsToType } from '@/types/utils'
+
+const dictStore = useDictStoreWithOut()
+
+/**
+ * 获取 dictType 对应的数据字典数组
+ *
+ * @param dictType 数据类型
+ * @returns {*|Array} 数据字典数组
+ */
+export interface DictDataType<T extends string | number | boolean = string> {
+  dictType: string
+  label: string
+  value: T
+  key?: any
+  colorType: string
+  cssClass: string
+}
+
+export function getDictDatas(dictType: string) {
+  return dictStore.getDictMap[dictType] || []
+}
+
+export function getDictOpts(dictType: string) {
+  /**
+   * 这里原来是转换类型  转换类型后反而显示不出来正确的Tag
+   * 实际类型转换交给下面的getDictOptions来处理
+   *
+   * bugfix:
+   * dictOption.push({
+          ...dict,
+          value: parseInt(dict.value + '')
+        })
+     原来的这种写法是造成页面卡死的原因
+   */
+  return getDictDatas(dictType)
+}
+
+export function getDictOptions<T extends 'string' | 'number' | 'boolean' = 'string'>(dictType: string, valueType?: T) {
+  const dictOption: DictDataType<StringLiteralsToType<T>>[] = []
+  const dictOptions: DictDataType[] = getDictDatas(dictType)
+  if (dictOptions && dictOptions.length > 0) {
+    dictOptions.forEach((dict: DictDataType) => {
+      dictOption.push({
+        ...dict,
+        key: dict.value,
+        value:
+          valueType === 'string'
+            ? `${dict.value}`
+            : valueType === 'boolean'
+              ? `${dict.value}` === 'true'
+              : Number.parseInt(`${dict.value}`),
+      } as DictDataType<StringLiteralsToType<T>>)
+    })
+  }
+  return dictOption
+}
+
+export function getDictObj(dictType: string, value: any) {
+  const dictOptions: DictDataType[] = getDictDatas(dictType)
+  if (dictOptions) {
+    dictOptions.forEach((dict: DictDataType) => {
+      if (dict.value === value.toString())
+        return dict
+    })
+  }
+  else {
+    return null
+  }
+}
+
+export enum DICT_TYPE {
+  USER_TYPE = 'user_type',
+  COMMON_STATUS = 'common_status',
+  SYSTEM_TENANT_PACKAGE_ID = 'system_tenant_package_id',
+  SYSTEM_USER_SEX = 'system_user_sex',
+  SYSTEM_MENU_TYPE = 'system_menu_type',
+  SYSTEM_ROLE_TYPE = 'system_role_type',
+  SYSTEM_DATA_SCOPE = 'system_data_scope',
+  SYSTEM_NOTICE_TYPE = 'system_notice_type',
+  SYSTEM_OPERATE_TYPE = 'system_operate_type',
+  SYSTEM_LOGIN_TYPE = 'system_login_type',
+  SYSTEM_LOGIN_RESULT = 'system_login_result',
+  SYSTEM_SMS_CHANNEL_CODE = 'system_sms_channel_code',
+  SYSTEM_SMS_TEMPLATE_TYPE = 'system_sms_template_type',
+  SYSTEM_SMS_SEND_STATUS = 'system_sms_send_status',
+  SYSTEM_SMS_RECEIVE_STATUS = 'system_sms_receive_status',
+  SYSTEM_ERROR_CODE_TYPE = 'system_error_code_type',
+  SYSTEM_OAUTH2_GRANT_TYPE = 'system_oauth2_grant_type',
+  SYSTEM_MAIL_SEND_STATUS = 'system_mail_send_status',
+  SYSTEM_NOTIFY_TEMPLATE_TYPE = 'system_notify_template_type',
+  INFRA_BOOLEAN_STRING = 'infra_boolean_string',
+}

src/utils/env.ts

@@ -22,6 +22,8 @@ export function getAppEnvConfig() {
     VITE_GLOB_APP_SHORT_NAME,
     VITE_GLOB_API_URL_PREFIX,
     VITE_GLOB_UPLOAD_URL,
+    VITE_GLOB_APP_TENANT_ENABLE,
+    VITE_GLOB_APP_CAPTCHA_ENABLE,
   } = ENV
 
   if (!/^[a-zA-Z\_]*$/.test(VITE_GLOB_APP_SHORT_NAME)) {
@@ -36,6 +38,8 @@ export function getAppEnvConfig() {
     VITE_GLOB_APP_SHORT_NAME,
     VITE_GLOB_API_URL_PREFIX,
     VITE_GLOB_UPLOAD_URL,
+    VITE_GLOB_APP_TENANT_ENABLE,
+    VITE_GLOB_APP_CAPTCHA_ENABLE,
   }
 }
 

src/utils/http/axios/index.ts

@@ -22,6 +22,7 @@ import { AxiosRetry } from '@/utils/http/axios/axiosRetry'
 
 const globSetting = useGlobSetting()
 const urlPrefix = globSetting.urlPrefix
+const tenantEnable = globSetting.tenantEnable
 const { createMessage, createErrorModal, createSuccessModal } = useMessage()
 
 // 请求白名单，无须token的接口
@@ -58,11 +59,11 @@ const transform: AxiosTransform = {
       throw new Error(t('sys.api.apiRequestFailed'))
     }
     //  这里 code，result，message为 后台统一的字段，需要在 types.ts内修改为项目自己的接口返回格式
-    const { code, data: result, message } = data
+    const { code, data: result, msg } = data
     // 这里逻辑可以根据项目进行修改
     const hasSuccess = data && Reflect.has(data, 'code') && code === ResultEnum.SUCCESS
     if (hasSuccess) {
-      let successMsg = message
+      let successMsg = msg
 
       if (isNull(successMsg) || isUndefined(successMsg) || isEmpty(successMsg))
         successMsg = t('sys.api.operationSuccess')
@@ -88,8 +89,8 @@ const transform: AxiosTransform = {
         userStore.logout(true)
         break
       default:
-        if (message)
+        if (msg)
-          timeoutMsg = message
+          timeoutMsg = msg
     }
 
     // errorMessageMode='modal' 的时候会显示modal错误弹窗，而不是消息提示，用于一些比较重要的错误
@@ -200,10 +201,11 @@ const transform: AxiosTransform = {
         : token
     }
     // 设置租户
-    const tenantId = getTenantId()
+    if (tenantEnable && tenantEnable === 'true') {
-    if (tenantId)
+      const tenantId = getTenantId()
-      config.headers['tenant-id'] = tenantId
+      if (tenantId)
-
+        (config as Recordable).headers['tenant-id'] = tenantId
+    }
     return config
   },
 

src/utils/index.ts

@@ -173,16 +173,3 @@ export function simpleDebounce(fn, delay = 100) {
     }, delay)
   }
 }
-
-export function toCamelCase(str: string, upperCaseFirst: boolean) {
-  str = (str || '')
-    .replace(/[-|\/](.)/g, (group1) => {
-      return group1.toUpperCase()
-    })
-    .replaceAll(/[-|\/]/g, '')
-
-  if (upperCaseFirst && str)
-    str = str.charAt(0).toUpperCase() + str.slice(1)
-
-  return str
-}

src/views/base/lock/LockPage.vue

@@ -85,7 +85,7 @@ function handleShowForm(show = false) {
           <div :class="`${prefixCls}-entry__header enter-x`">
             <img :src="userinfo.user.avatar || headerImg" :class="`${prefixCls}-entry__header-img`">
             <p :class="`${prefixCls}-entry__header-name`">
-              {{ userinfo.user.realName }}
+              {{ userinfo.user.nickname }}
             </p>
           </div>
           <InputPassword v-model:value="password" :placeholder="t('sys.lock.placeholder')" class="enter-x" />

src/views/base/login/Login.vue

@@ -3,6 +3,8 @@ import { computed } from 'vue'
 import LoginForm from './LoginForm.vue'
 import ForgetPasswordForm from './ForgetPasswordForm.vue'
 import RegisterForm from './RegisterForm.vue'
+import MobileForm from './MobileForm.vue'
+import QrCodeForm from './QrCodeForm.vue'
 import { AppDarkModeToggle, AppLocalePicker, AppLogo } from '@/components/Application'
 import { useGlobSetting } from '@/hooks/setting'
 import { useI18n } from '@/hooks/web/useI18n'
@@ -57,6 +59,8 @@ const title = computed(() => globSetting?.title ?? '')
             <LoginForm />
             <ForgetPasswordForm />
             <RegisterForm />
+            <MobileForm />
+            <QrCodeForm />
           </div>
         </div>
       </div>

src/views/base/login/LoginForm.vue

@@ -1,14 +1,25 @@
 <script lang="ts" setup>
 import { computed, reactive, ref, unref } from 'vue'
-import { Col, Form, Input, Row } from 'ant-design-vue'
+
+import { Checkbox, Col, Divider, Form, Input, Row } from 'ant-design-vue'
+import { AlipayCircleFilled, GithubFilled, WechatFilled } from '@ant-design/icons-vue'
 import LoginFormTitle from './LoginFormTitle.vue'
+
 import { LoginStateEnum, useFormRules, useFormValid, useLoginState } from './useLogin'
 import { useI18n } from '@/hooks/web/useI18n'
 import { useMessage } from '@/hooks/web/useMessage'
+
 import { useUserStore } from '@/store/modules/user'
 import { usePermissionStore } from '@/store/modules/permission'
+
+import { useGlobSetting } from '@/hooks/setting'
 import { useDesign } from '@/hooks/web/useDesign'
 
+import * as authUtil from '@/utils/auth'
+
+import { Verify } from '@/components/Verifition'
+import { getTenantIdByName } from '@/api/base/login'
+
 const FormItem = Form.Item
 const InputPassword = Input.Password
 
@@ -18,21 +29,54 @@ const { prefixCls } = useDesign('login')
 const userStore = useUserStore()
 const permissionStore = usePermissionStore()
 
+const { tenantEnable, captchaEnable } = useGlobSetting()
+
 const { setLoginState, getLoginState } = useLoginState()
 const { getFormRules } = useFormRules()
 
 const formRef = ref()
 const loading = ref(false)
+const rememberMe = ref(false)
+
+const verify = ref()
+const captchaType = ref('blockPuzzle') // blockPuzzle 滑块 clickWord 点击文字
 
 const formData = reactive({
+  tenantName: '芋道源码',
   username: 'admin',
-  password: '123456',
+  password: 'admin123',
+  captchaVerification: '',
 })
 
 const { validForm } = useFormValid(formRef)
+
+// onKeyStroke('Enter', handleLogin);
+
 const getShow = computed(() => unref(getLoginState) === LoginStateEnum.LOGIN)
 
-async function handleLogin() {
+// 获取验证码
+async function getCode() {
+  // 情况一，未开启：则直接登录
+  if (captchaEnable === 'false') {
+    await handleLogin({})
+  }
+  else {
+    // 情况二，已开启：则展示验证码；只有完成验证码的情况，才进行登录
+    // 弹出验证码
+    verify.value.show()
+  }
+}
+
+// 根据域名，获得租户信息 && 获取租户ID
+async function getTenantId() {
+  if (tenantEnable === 'true') {
+    const res = await getTenantIdByName(formData.tenantName)
+    authUtil.setTenantId(res)
+  }
+}
+
+async function handleLogin(params) {
+  await getTenantId()
   const data = await validForm()
   if (!data)
     return
@@ -41,13 +85,14 @@ async function handleLogin() {
     const userInfo = await userStore.login({
       password: data.password,
       username: data.username,
+      captchaVerification: params.captchaVerification,
       mode: 'none', // 不要默认的错误提示
     })
     if (userInfo) {
-      permissionStore.changePermissionCode(userInfo.buttons)
+      await permissionStore.changePermissionCode(userInfo.permissions)
       notification.success({
         message: t('sys.login.loginSuccessTitle'),
-        description: `${t('sys.login.loginSuccessDesc')}: ${userInfo.user.realName}`,
+        description: `${t('sys.login.loginSuccessDesc')}: ${userInfo.user.nickname}`,
         duration: 3,
       })
     }
@@ -71,6 +116,15 @@ async function handleLogin() {
     v-show="getShow" ref="formRef" class="enter-x p-4" :model="formData" :rules="getFormRules"
     @keypress.enter="handleLogin"
   >
+    <FormItem name="tenantName" class="enter-x">
+      <Input
+        v-if="tenantEnable === 'true'"
+        v-model:value="formData.tenantName"
+        size="large"
+        :placeholder="t('sys.login.tenantName')"
+        class="fix-auto-fill"
+      />
+    </FormItem>
     <FormItem name="username" class="enter-x">
       <Input
         v-model:value="formData.username" size="large" :placeholder="t('sys.login.userName')"
@@ -90,13 +144,15 @@ async function handleLogin() {
     <Row class="enter-x">
       <Col :span="12">
         <FormItem>
-          <a-button type="link" size="small" @click="setLoginState(LoginStateEnum.REGISTER)">
+          <!-- No logic, you need to deal with it yourself -->
-            {{ t('sys.login.registerButton') }}
+          <Checkbox v-model:checked="rememberMe" size="small">
-          </a-button>
+            {{ t('sys.login.rememberMe') }}
+          </Checkbox>
         </FormItem>
       </Col>
       <Col :span="12">
         <FormItem :style="{ 'text-align': 'right' }">
+          <!-- No logic, you need to deal with it yourself -->
           <a-button type="link" size="small" @click="setLoginState(LoginStateEnum.RESET_PASSWORD)">
             {{ t('sys.login.forgetPassword') }}
           </a-button>
@@ -105,9 +161,42 @@ async function handleLogin() {
     </Row>
 
     <FormItem class="enter-x">
-      <a-button type="primary" size="large" block :loading="loading" @click="handleLogin">
+      <a-button type="primary" size="large" block :loading="loading" @click="getCode">
         {{ t('sys.login.loginButton') }}
       </a-button>
+      <!-- <a-button size="large" class="mt-4 enter-x" block @click="handleRegister">
+        {{ t('sys.login.registerButton') }}
+      </a-button> -->
     </FormItem>
+    <Row class="enter-x" :gutter="[16, 16]">
+      <Col :md="8" :xs="24">
+        <a-button block @click="setLoginState(LoginStateEnum.MOBILE)">
+          {{ t('sys.login.mobileSignInFormTitle') }}
+        </a-button>
+      </Col>
+      <Col :md="8" :xs="24">
+        <a-button block @click="setLoginState(LoginStateEnum.QR_CODE)">
+          {{ t('sys.login.qrSignInFormTitle') }}
+        </a-button>
+      </Col>
+      <Col :md="8" :xs="24">
+        <a-button block @click="setLoginState(LoginStateEnum.REGISTER)">
+          {{ t('sys.login.registerButton') }}
+        </a-button>
+      </Col>
+    </Row>
+
+    <Divider class="enter-x">
+      {{ t('sys.login.otherSignIn') }}
+    </Divider>
+
+    <div class="enter-x flex justify-evenly" :class="`${prefixCls}-sign-in-way`">
+      <GithubFilled />
+      <WechatFilled />
+      <AlipayCircleFilled />
+      <!-- <GoogleCircleFilled /> -->
+      <!-- <TwitterCircleFilled /> -->
+    </div>
   </Form>
+  <Verify ref="verify" mode="pop" :captcha-type="captchaType" :img-size="{ width: '360px', height: '180px' }" @success="handleLogin" />
 </template>

src/views/base/login/LoginFormTitle.vue

@@ -12,6 +12,8 @@ const getFormTitle = computed(() => {
     [LoginStateEnum.RESET_PASSWORD]: t('sys.login.forgetFormTitle'),
     [LoginStateEnum.LOGIN]: t('sys.login.signInFormTitle'),
     [LoginStateEnum.REGISTER]: t('sys.login.signUpFormTitle'),
+    [LoginStateEnum.MOBILE]: t('sys.login.mobileSignInFormTitle'),
+    [LoginStateEnum.QR_CODE]: t('sys.login.qrSignInFormTitle'),
   }
   return titleObj[unref(getLoginState)]
 })

src/views/base/login/MobileForm.vue

@@ -0,0 +1,155 @@
+<script lang="ts" setup>
+import { computed, reactive, ref, unref } from 'vue'
+import { Form, Input } from 'ant-design-vue'
+import LoginFormTitle from './LoginFormTitle.vue'
+import { LoginStateEnum, useFormRules, useFormValid, useLoginState } from './useLogin'
+import { CountdownInput } from '@/components/CountDown'
+import { useI18n } from '@/hooks/web/useI18n'
+import { useMessage } from '@/hooks/web/useMessage'
+import { useUserStore } from '@/store/modules/user'
+import { usePermissionStore } from '@/store/modules/permission'
+import { useGlobSetting } from '@/hooks/setting'
+import { useDesign } from '@/hooks/web/useDesign'
+import * as authUtil from '@/utils/auth'
+
+import { Verify } from '@/components/Verifition'
+import { getTenantIdByName, sendSmsCode } from '@/api/base/login'
+
+const FormItem = Form.Item
+
+const { t } = useI18n()
+const { prefixCls } = useDesign('login')
+const { createMessage, notification, createErrorModal } = useMessage()
+const { handleBackLogin, getLoginState } = useLoginState()
+const { tenantEnable, captchaEnable } = useGlobSetting()
+const { getFormRules } = useFormRules()
+const userStore = useUserStore()
+const permissionStore = usePermissionStore()
+
+const formRef = ref()
+const loading = ref(false)
+
+const mobileCodeTimer = ref(0)
+const scene = ref(21)
+
+const verify = ref()
+const captchaType = ref('blockPuzzle') // blockPuzzle 滑块 clickWord 点击文字
+
+const formData = reactive({
+  tenantName: '芋道源码',
+  mobile: '',
+  mobileCode: '',
+  captchaVerification: '',
+})
+
+const { validForm } = useFormValid(formRef)
+
+const getShow = computed(() => unref(getLoginState) === LoginStateEnum.MOBILE)
+
+// 获取验证码
+async function getCode() {
+  // 情况一，未开启：则直接登录
+  if (captchaEnable === 'false') {
+    await handleLogin()
+  }
+  else {
+    // 情况二，已开启：则展示验证码；只有完成验证码的情况，才进行登录
+    // 弹出验证码
+    verify.value.show()
+  }
+}
+
+// 获取租户ID
+async function getTenantId() {
+  if (tenantEnable === 'true') {
+    const res = await getTenantIdByName(formData.tenantName)
+    authUtil.setTenantId(res)
+  }
+}
+
+async function handleLogin() {
+  const data = await validForm()
+  if (!data)
+    return
+  try {
+    loading.value = true
+    const userInfo = await userStore.smsLogin({
+      mobile: data.mobile,
+      code: data.mobileCode,
+      mode: 'none', // 不要默认的错误提示
+    })
+    if (userInfo) {
+      await permissionStore.changePermissionCode(userInfo.permissions)
+      notification.success({
+        message: t('sys.login.loginSuccessTitle'),
+        description: `${t('sys.login.loginSuccessDesc')}: ${userInfo.user.nickname}`,
+        duration: 3,
+      })
+    }
+  }
+  catch (error) {
+    createErrorModal({
+      title: t('sys.api.errorTip'),
+      content: (error as unknown as Error).message || t('sys.api.networkExceptionMsg'),
+      getContainer: () => document.body.querySelector(`.${prefixCls}`) || document.body,
+    })
+  }
+  finally {
+    loading.value = false
+  }
+}
+
+async function getSmsCode() {
+  await getTenantId()
+  if (mobileCodeTimer.value > 0)
+    return
+  const data = await validForm()
+  if (!data)
+    return
+  const res = await sendSmsCode(formData.mobile, scene.value)
+  if (res) {
+    createMessage.success(t('common.successText'))
+    mobileCodeTimer.value = 60
+  }
+}
+</script>
+
+<template>
+  <div v-if="getShow">
+    <LoginFormTitle class="enter-x" />
+    <Form ref="formRef" class="enter-x p-4" :model="formData" :rules="getFormRules">
+      <FormItem name="tenantName" class="enter-x">
+        <Input
+          v-if="tenantEnable === 'true'"
+          v-model:value="formData.tenantName"
+          size="large"
+          :placeholder="t('sys.login.tenantName')"
+          class="fix-auto-fill"
+        />
+      </FormItem>
+      <FormItem name="mobile" class="enter-x">
+        <Input v-model:value="formData.mobile" size="large" :placeholder="t('sys.login.mobile')" class="fix-auto-fill" />
+      </FormItem>
+      <FormItem name="mobileCode" class="enter-x">
+        <CountdownInput
+          v-model:value="formData.mobileCode"
+          size="large"
+          class="fix-auto-fill"
+          :count="mobileCodeTimer"
+          :send-code-api="getSmsCode"
+          :placeholder="t('sys.login.smsCode')"
+        />
+      </FormItem>
+
+      <FormItem class="enter-x">
+        <a-button type="primary" size="large" block :loading="loading" @click="getCode">
+          {{ t('sys.login.loginButton') }}
+        </a-button>
+        <a-button size="large" block class="mt-4" @click="handleBackLogin">
+          {{ t('sys.login.backSignIn') }}
+        </a-button>
+      </FormItem>
+    </Form>
+    <Verify ref="verify" mode="pop" :captcha-type="captchaType" :img-size="{ width: '400px', height: '200px' }" @success="handleLogin" />
+  </div>
+</template>

src/views/base/login/QrCodeForm.vue

@@ -0,0 +1,37 @@
+<script lang="ts" setup>
+import { computed, unref } from 'vue'
+import { Divider, Popover, QRCode } from 'ant-design-vue'
+import LoginFormTitle from './LoginFormTitle.vue'
+import { LoginStateEnum, useLoginState } from './useLogin'
+import { useI18n } from '@/hooks/web/useI18n'
+
+import loginImg from '@/assets/images/logo.png'
+
+// Login QR code
+const qrCodeUrl = ''
+
+const { t } = useI18n()
+const { handleBackLogin, getLoginState } = useLoginState()
+
+const getShow = computed(() => unref(getLoginState) === LoginStateEnum.QR_CODE)
+</script>
+
+<template>
+  <div v-if="getShow">
+    <LoginFormTitle class="enter-x" />
+    <div class="enter-x min-h-64 min-w-64">
+      <Popover :overlay-inner-style="{ padding: 0 }">
+        <template #content>
+          <QRCode :value="qrCodeUrl" class="enter-x flex justify-center xl:justify-start" :width="280" :bordered="false" />
+        </template>
+        <img width="100" height="100" :src="loginImg">
+      </Popover>
+      <Divider class="enter-x">
+        {{ t('sys.login.scanSign') }}
+      </Divider>
+      <a-button size="large" block class="enter-x mt-4" @click="handleBackLogin">
+        {{ t('sys.login.backSignIn') }}
+      </a-button>
+    </div>
+  </div>
+</template>

src/views/base/login/SSOForm.vue

@@ -0,0 +1,199 @@
+<script lang="ts" setup>
+import { onMounted, reactive, ref } from 'vue'
+import { useRoute } from 'vue-router'
+import { Checkbox, Col, Form, Row } from 'ant-design-vue'
+
+import { useFormValid, useLoginState } from './useLogin'
+import { useI18n } from '@/hooks/web/useI18n'
+import { useMessage } from '@/hooks/web/useMessage'
+
+import { useDesign } from '@/hooks/web/useDesign'
+import { authorize, getAuthorize } from '@/api/base/login'
+
+const FormItem = Form.Item
+
+const { t } = useI18n()
+const { query } = useRoute()
+const { notification, createErrorModal } = useMessage()
+const { prefixCls } = useDesign('login')
+
+const { handleBackLogin } = useLoginState()
+
+const formRef = ref()
+const loading = ref(false)
+
+const loginForm = reactive({
+  scopes: [] as any[], // 已选中的 scope 数组
+})
+
+// URL 上的 client_id、scope 等参数
+const params = reactive({
+  responseType: undefined as any,
+  clientId: undefined as any,
+  redirectUri: undefined as any,
+  state: undefined as any,
+  scopes: [] as any[], // 优先从 query 参数获取；如果未传递，从后端获取
+})
+
+// 客户端信息
+let client = reactive({
+  name: '',
+  logo: '',
+})
+
+const { validForm } = useFormValid(formRef)
+
+async function init() {
+  // 解析参数
+  // 例如说【自动授权不通过】：client_id=default&redirect_uri=https%3A%2F%2Fwww.iocoder.cn&response_type=code&scope=user.read%20user.write
+  // 例如说【自动授权通过】：client_id=default&redirect_uri=https%3A%2F%2Fwww.iocoder.cn&response_type=code&scope=user.read
+  params.responseType = query.response_type as any
+  params.clientId = query.client_id as any
+  params.redirectUri = query.redirect_uri as any
+  params.state = query.state as any
+  if (query.scope)
+    params.scopes = (query.scope as any).split(' ')
+
+  // 如果有 scope 参数，先执行一次自动授权，看看是否之前都授权过了。
+  if (params.scopes.length > 0) {
+    const res = await doAuthorize(true, params.scopes, [])
+    const href = res
+    if (!href) {
+      console.log('自动授权未通过！')
+      return
+    }
+    location.href = href
+  }
+
+  // 获取授权页的基本信息
+  const res = await getAuthorize(params.clientId)
+  client = res.client
+  // 解析 scope
+  let scopes
+  // 1.1 如果 params.scope 非空，则过滤下返回的 scopes
+  if (params.scopes.length > 0) {
+    scopes = []
+    for (const scope of res.scopes) {
+      if (params.scopes.includes(scope.key))
+        scopes.push(scope)
+    }
+    // 1.2 如果 params.scope 为空，则使用返回的 scopes 设置它
+  }
+  else {
+    scopes = res.scopes
+    for (const scope of scopes)
+      params.scopes.push(scope.key)
+  }
+  // 生成已选中的 checkedScopes
+  for (const scope of scopes) {
+    if (scope.value)
+      loginForm.scopes.push(scope.key)
+  }
+}
+
+async function handleAuthorize(approved) {
+  const data = await validForm()
+  if (!data)
+    return
+  try {
+    loading.value = true
+    // 计算 checkedScopes + uncheckedScopes
+    let checkedScopes
+    let uncheckedScopes
+    if (approved) {
+      // 同意授权，按照用户的选择
+      checkedScopes = loginForm.scopes
+      uncheckedScopes = params.scopes.filter(item => !checkedScopes.includes(item))
+    }
+    else {
+      // 拒绝，则都是取消
+      checkedScopes = []
+      uncheckedScopes = params.scopes
+    }
+    // 提交授权的请求
+    const res = await doAuthorize(false, checkedScopes, uncheckedScopes)
+    if (res) {
+      const href = res
+      if (!href)
+        return
+
+      location.href = href
+      notification.success({
+        message: t('sys.login.loginSuccessTitle'),
+        description: `${t('sys.login.loginSuccessDesc')}`,
+        duration: 3,
+      })
+    }
+  }
+  catch (error) {
+    createErrorModal({
+      title: t('sys.api.errorTip'),
+      content: (error as unknown as Error).message || t('sys.api.networkExceptionMsg'),
+      getContainer: () => document.body.querySelector(`.${prefixCls}`) || document.body,
+    })
+  }
+  finally {
+    loading.value = false
+  }
+}
+async function doAuthorize(autoApprove, checkedScopes, uncheckedScopes) {
+  return await authorize(
+    params.responseType,
+    params.clientId,
+    params.redirectUri,
+    params.state,
+    autoApprove,
+    checkedScopes,
+    uncheckedScopes,
+  )
+}
+
+function formatScope(scope) {
+  // 格式化 scope 授权范围，方便用户理解。
+  // 这里仅仅是一个 demo，可以考虑录入到字典数据中，例如说字典类型 "system_oauth2_scope"，它的每个 scope 都是一条字典数据。
+  switch (scope) {
+    case 'user.read':
+      return t('sys.login.ssoInfoDesc')
+    case 'user.write':
+      return t('sys.login.ssoEditDesc')
+    default:
+      return scope
+  }
+}
+
+onMounted(() => {
+  init()
+})
+</script>
+
+<template>
+  <h2 class="enter-x mb-3 text-center text-2xl font-bold xl:text-left xl:text-3xl">
+    {{ client.name + t('sys.login.ssoSignInFormTitle') }}
+  </h2>
+  <Form ref="formRef" class="enter-x p-4" :model="loginForm" @keypress.enter="handleAuthorize(true)">
+    此第三方应用请求获取以下权限：
+    <Row class="enter-x">
+      <Col :span="12">
+        <template v-for="scope in params.scopes" :key="scope">
+          <FormItem>
+            <!-- No logic, you need to deal with it yourself -->
+            <Checkbox :checked="scope" size="small">
+              <a-button type="link" size="small">
+                {{ formatScope(scope) }}
+              </a-button>
+            </Checkbox>
+          </FormItem>
+        </template>
+      </Col>
+    </Row>
+
+    <FormItem class="enter-x">
+      <a-button type="primary" size="large" block :loading="loading" @click="handleAuthorize(true)">
+        {{ t('sys.login.loginButton') }}
+      </a-button>
+      <a-button size="large" class="enter-x mt-4" block @click="handleBackLogin">
+        {{ t('common.cancelText') }}
+      </a-button>
+    </FormItem>
+  </Form>
+</template>

src/views/base/login/SessionTimeoutLogin.vue

@@ -3,22 +3,32 @@ import { onBeforeUnmount, onMounted, ref } from 'vue'
 import Login from './Login.vue'
 import { useUserStore } from '@/store/modules/user'
 import { usePermissionStore } from '@/store/modules/permission'
+import { useAppStore } from '@/store/modules/app'
+import { PermissionModeEnum } from '@/enums/appEnum'
 
 const userStore = useUserStore()
 const permissionStore = usePermissionStore()
+const appStore = useAppStore()
 const userId = ref<Nullable<number | string>>(0)
 
+function isBackMode() {
+  return appStore.getProjectConfig.permissionMode === PermissionModeEnum.BACK
+}
+
 onMounted(() => {
   // 记录当前的UserId
   userId.value = userStore.getUserInfo?.user.id
 })
 
 onBeforeUnmount(() => {
-  if (userId.value && userId.value !== userStore.getUserInfo.user.id)
+  if (userId.value && userId.value !== userStore.getUserInfo.user.id) {
+    // 登录的不是同一个用户，刷新整个页面以便丢弃之前用户的页面状态
     document.location.reload()
-
+  }
-  else if (permissionStore.getLastBuildMenuTime === 0)
+  else if (isBackMode() && permissionStore.getLastBuildMenuTime === 0) {
+    // 后台权限模式下，没有成功加载过菜单，就重新加载整个页面。这通常发生在会话过期后按F5刷新整个页面后载入了本模块这种场景
     document.location.reload()
+  }
 })
 </script>
 

src/views/base/login/sso.vue

@@ -0,0 +1,200 @@
+<script lang="ts" setup>
+import { computed } from 'vue'
+import SSOForm from './SSOForm.vue'
+import { AppDarkModeToggle, AppLocalePicker, AppLogo } from '@/components/Application'
+import { useGlobSetting } from '@/hooks/setting'
+import { useI18n } from '@/hooks/web/useI18n'
+import { useDesign } from '@/hooks/web/useDesign'
+import { useLocaleStore } from '@/store/modules/locale'
+
+defineProps({
+  sessionTimeout: {
+    type: Boolean,
+  },
+})
+
+const globSetting = useGlobSetting()
+const { prefixCls } = useDesign('login')
+const { t } = useI18n()
+const localeStore = useLocaleStore()
+const showLocale = localeStore.getShowPicker
+const title = computed(() => globSetting?.title ?? '')
+</script>
+
+<template>
+  <div :class="prefixCls" class="relative h-full w-full px-4">
+    <div class="absolute right-4 top-4 flex items-center">
+      <AppDarkModeToggle v-if="!sessionTimeout" class="enter-x mr-2" />
+      <AppLocalePicker v-if="!sessionTimeout && showLocale" class="enter-x text-white xl:text-gray-600" :show-text="false" />
+    </div>
+
+    <span class="-enter-x xl:hidden">
+      <AppLogo :always-show-title="true" />
+    </span>
+
+    <div class="relative mx-auto h-full py-2 container sm:px-10">
+      <div class="h-full flex">
+        <div class="mr-4 hidden min-h-full pl-4 xl:w-6/12 xl:flex xl:flex-col">
+          <AppLogo class="-enter-x" />
+          <div class="my-auto">
+            <img :alt="title" src="@/assets/svg/login-box-bg.svg" class="-enter-x w-1/2 -mt-16">
+            <div class="-enter-x mt-10 text-white font-medium">
+              <span class="mt-4 inline-block text-3xl"> {{ t('sys.login.signInTitle') }}</span>
+            </div>
+            <div class="-enter-x mt-5 text-white font-normal dark:text-gray-500">
+              {{ t('sys.login.signInDesc') }}
+            </div>
+          </div>
+        </div>
+        <div class="h-full w-full flex py-5 xl:my-0 xl:h-auto xl:w-6/12 xl:py-0">
+          <!-- eslint-disable max-len -->
+          <div
+            :class="`${prefixCls}-form`"
+            class="enter-x relative mx-auto my-auto w-full rounded-md px-5 py-8 shadow-md xl:ml-16 lg:w-2/4 sm:w-3/4 xl:w-auto xl:bg-transparent xl:p-4 sm:px-8 xl:shadow-none"
+          >
+            <SSOForm />
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<style lang="less">
+@prefix-cls: ~'@{namespace}-login';
+@logo-prefix-cls: ~'@{namespace}-app-logo';
+@countdown-prefix-cls: ~'@{namespace}-countdown-input';
+@dark-bg: #293146;
+
+html[data-theme='dark'] {
+  .@{prefix-cls} {
+    background-color: @dark-bg;
+
+    &::before {
+      background-image: url('@/assets/svg/login-bg-dark.svg');
+    }
+
+    .ant-input,
+    .ant-input-password {
+      background-color: #232a3b;
+    }
+
+    .ant-btn:not(.ant-btn-link, .ant-btn-primary) {
+      border: 1px solid #4a5569;
+    }
+
+    &-form {
+      background: transparent !important;
+    }
+
+    .app-iconify {
+      color: #fff;
+    }
+  }
+
+  input.fix-auto-fill,
+  .fix-auto-fill input {
+    -webkit-text-fill-color: #c9d1d9 !important;
+    box-shadow: inherit !important;
+  }
+}
+
+.@{prefix-cls} {
+  min-height: 100%;
+  overflow: hidden;
+
+  @media (max-width: @screen-xl) {
+    background-color: #293146;
+
+    .@{prefix-cls}-form {
+      background-color: #fff;
+    }
+  }
+
+  &::before {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    margin-left: -48%;
+    content: '';
+    background-image: url('@/assets/svg/login-bg.svg');
+    background-repeat: no-repeat;
+    background-position: 100%;
+    background-size: auto 100%;
+
+    @media (max-width: @screen-xl) {
+      display: none;
+    }
+  }
+
+  .@{logo-prefix-cls} {
+    position: absolute;
+    top: 12px;
+    height: 30px;
+
+    &__title {
+      font-size: 16px;
+      color: #fff;
+    }
+
+    img {
+      width: 32px;
+    }
+  }
+
+  .container {
+    .@{logo-prefix-cls} {
+      display: flex;
+      width: 60%;
+      height: 80px;
+
+      &__title {
+        font-size: 24px;
+        color: #fff;
+      }
+
+      img {
+        width: 48px;
+      }
+    }
+  }
+
+  &-sign-in-way {
+    .anticon {
+      font-size: 22px;
+      color: #888;
+      cursor: pointer;
+    }
+  }
+
+  input:not([type='checkbox']) {
+    min-width: 360px;
+
+    @media (max-width: @screen-xl) {
+      min-width: 320px;
+    }
+
+    @media (max-width: @screen-lg) {
+      min-width: 260px;
+    }
+
+    @media (max-width: @screen-md) {
+      min-width: 240px;
+    }
+
+    @media (max-width: @screen-sm) {
+      min-width: 160px;
+    }
+  }
+
+  .@{countdown-prefix-cls} input {
+    min-width: unset;
+  }
+
+  .ant-divider-inner-text {
+    font-size: 12px;
+  }
+}
+</style>