From a438064ea632c673aafe360ee54b1f9cbf337f99 Mon Sep 17 00:00:00 2001
From: xingyuv <xingyu4j@vip.qq.com>
Date: Wed, 22 Mar 2023 16:59:39 +0800
Subject: [PATCH] feat: icon enum

---
 .../Table/src/components/TableActionIcon.ts   |   0
 src/enums/appEnum.ts                          |  20 ++
 .../infra/fileConfig/FileConfigModal.vue      |  54 ++++++
 .../infra/fileConfig/ficleConfig.data.ts      | 178 ++++++++++++++++++
 src/views/infra/fileConfig/index.vue          |  99 +++++++++-
 src/views/system/area/index.vue               |   3 +-
 src/views/system/dept/index.vue               |   7 +-
 src/views/system/dict/DictData.vue            |   7 +-
 src/views/system/dict/index.vue               |   7 +-
 src/views/system/errorCode/index.vue          |   9 +-
 src/views/system/mail/account/index.vue       |   7 +-
 src/views/system/mail/template/index.vue      |   7 +-
 src/views/system/menu/index.vue               |   7 +-
 src/views/system/notice/index.vue             |   7 +-
 src/views/system/oauth2/client/index.vue      |   7 +-
 src/views/system/oauth2/token/index.vue       |   3 +-
 src/views/system/operatelog/index.vue         |   7 +-
 src/views/system/post/index.vue               |   9 +-
 src/views/system/role/index.vue               |  13 +-
 src/views/system/sensitiveWord/index.vue      |   9 +-
 src/views/system/sms/smsChannel.vue           |   7 +-
 src/views/system/sms/smsTemplate.vue          |  13 +-
 src/views/system/tenant/index.vue             |   9 +-
 src/views/system/tenantPackage/index.vue      |   7 +-
 src/views/system/user/index.vue               |   9 +-
 25 files changed, 437 insertions(+), 68 deletions(-)
 create mode 100644 src/components/Table/src/components/TableActionIcon.ts
 create mode 100644 src/views/infra/fileConfig/FileConfigModal.vue
 create mode 100644 src/views/infra/fileConfig/ficleConfig.data.ts

diff --git a/src/components/Table/src/components/TableActionIcon.ts b/src/components/Table/src/components/TableActionIcon.ts
new file mode 100644
index 00000000..e69de29b
diff --git a/src/enums/appEnum.ts b/src/enums/appEnum.ts
index 2b837ecd..0a0812a7 100644
--- a/src/enums/appEnum.ts
+++ b/src/enums/appEnum.ts
@@ -50,3 +50,23 @@ export enum RouterTransitionEnum {
   FADE_BOTTOM = 'fade-bottom',
   FADE_SCALE = 'fade-scale'
 }
+
+export enum IconEnum {
+  VIEW = 'ant-design:file-search-outlined',
+  ADD = 'ant-design:plus-outlined',
+  IMPORT = 'ant-design:vertical-align-top-outlined',
+  EXPORT = 'ant-design:vertical-align-bottom-outlined',
+  TEST = 'ant-design:deployment-unit-outlined',
+  EDIT = 'clarity:note-edit-line',
+  AUTH = 'ant-design:safety-certificate-outlined',
+  DATA = 'clarity:note-edit-line',
+  DELETE = 'ant-design:delete-outlined',
+  SEARCH = 'ant-design:search-outlined',
+  RESET = 'ant-design:sync-outlined',
+  UPLOAD = 'ant-design:cloud-upload-outlined',
+  DOWNLOAD = 'ant-design:cloud-download-outlined',
+  PREVIEW = 'ant-design:eye-outlined',
+  ADD_FOLD = 'ant-design:folder-add-outlined',
+  LOG = 'ant-design:exception-outlined',
+  PASSWORD = 'ant-design:key-outlined'
+}
diff --git a/src/views/infra/fileConfig/FileConfigModal.vue b/src/views/infra/fileConfig/FileConfigModal.vue
new file mode 100644
index 00000000..1fda1f7f
--- /dev/null
+++ b/src/views/infra/fileConfig/FileConfigModal.vue
@@ -0,0 +1,54 @@
+<template>
+  <BasicModal v-bind="$attrs" @register="registerModal" :title="getTitle" @ok="handleSubmit">
+    <BasicForm @register="registerForm" />
+  </BasicModal>
+</template>
+<script lang="ts" setup name="FileConfigModal">
+import { ref, computed, unref } from 'vue'
+import { BasicModal, useModalInner } from '@/components/Modal'
+import { BasicForm, useForm } from '@/components/Form'
+import { formSchema } from './ficleConfig.data'
+import { createFileConfigApi, getFileConfigApi, updateFileConfigApi } from '@/api/infra/fileConfig'
+
+const emit = defineEmits(['success', 'register'])
+const isUpdate = ref(true)
+const rowId = ref()
+
+const [registerForm, { setFieldsValue, resetFields, validate }] = useForm({
+  labelWidth: 100,
+  baseColProps: { span: 24 },
+  schemas: formSchema,
+  showActionButtonGroup: false,
+  actionColOptions: { span: 23 }
+})
+
+const [registerModal, { setModalProps, closeModal }] = useModalInner(async (data) => {
+  resetFields()
+  setModalProps({ confirmLoading: false })
+  isUpdate.value = !!data?.isUpdate
+
+  if (unref(isUpdate)) {
+    const res = await getFileConfigApi(data.record.id)
+    rowId.value = res.id
+    setFieldsValue({ ...res })
+  }
+})
+
+const getTitle = computed(() => (!unref(isUpdate) ? '新增文件配置' : '编辑文件配置'))
+
+async function handleSubmit() {
+  try {
+    const values = await validate()
+    setModalProps({ confirmLoading: true })
+    if (unref(isUpdate)) {
+      await updateFileConfigApi(values)
+    } else {
+      await createFileConfigApi(values)
+    }
+    closeModal()
+    emit('success')
+  } finally {
+    setModalProps({ confirmLoading: false })
+  }
+}
+</script>
diff --git a/src/views/infra/fileConfig/ficleConfig.data.ts b/src/views/infra/fileConfig/ficleConfig.data.ts
new file mode 100644
index 00000000..cc5d26d5
--- /dev/null
+++ b/src/views/infra/fileConfig/ficleConfig.data.ts
@@ -0,0 +1,178 @@
+import { BasicColumn, FormSchema, useRender } from '@/components/Table'
+import { DICT_TYPE, getIntDictOptions } from '@/utils/dict'
+
+export const columns: BasicColumn[] = [
+  {
+    title: '编号',
+    dataIndex: 'id',
+    width: 100
+  },
+  {
+    title: '配置名',
+    dataIndex: 'name',
+    width: 180
+  },
+  {
+    title: '存储器',
+    dataIndex: 'storage',
+    width: 100,
+    customRender: ({ text }) => {
+      return useRender.renderDict(text, DICT_TYPE.INFRA_FILE_STORAGE)
+    }
+  },
+  {
+    title: '主配置',
+    dataIndex: 'master',
+    width: 180,
+    customRender: ({ text }) => {
+      return useRender.renderDict(text, DICT_TYPE.INFRA_BOOLEAN_STRING)
+    }
+  },
+  {
+    title: '备注',
+    dataIndex: 'remark',
+    width: 180
+  },
+  {
+    title: '创建时间',
+    dataIndex: 'createTime',
+    width: 180,
+    customRender: ({ text }) => {
+      return useRender.renderDate(text)
+    }
+  }
+]
+
+export const searchFormSchema: FormSchema[] = [
+  {
+    label: '配置名',
+    field: 'name',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '存储器',
+    field: 'storage',
+    component: 'Select',
+    componentProps: {
+      options: getIntDictOptions(DICT_TYPE.INFRA_FILE_STORAGE)
+    },
+    colProps: { span: 8 }
+  },
+  {
+    label: '创建时间',
+    field: 'createTime',
+    component: 'RangePicker',
+    colProps: { span: 8 }
+  }
+]
+
+export const formSchema: FormSchema[] = [
+  {
+    label: '编号',
+    field: 'id',
+    show: false,
+    component: 'Input'
+  },
+  {
+    label: '配置名',
+    field: 'name',
+    required: true,
+    component: 'Input'
+  },
+  {
+    label: '存储器',
+    field: 'storage',
+    component: 'Select',
+    required: true,
+    dynamicDisabled: ({ values }) => !!values.id,
+    componentProps: {
+      options: getIntDictOptions(DICT_TYPE.INFRA_FILE_STORAGE)
+    }
+  },
+  {
+    label: '基础路径',
+    field: 'config.basePath',
+    required: true,
+    ifShow: ({ values }) => values.storage >= 10 && values.storage <= 12,
+    component: 'Input'
+  },
+  {
+    label: '主机地址',
+    field: 'config.host',
+    required: true,
+    ifShow: ({ values }) => values.storage >= 11 && values.storage <= 12,
+    component: 'Input'
+  },
+  {
+    label: '主机端口',
+    field: 'config.port',
+    required: true,
+    ifShow: ({ values }) => values.storage >= 11 && values.storage <= 12,
+    component: 'Input'
+  },
+  {
+    label: '用户名',
+    field: 'config.username',
+    required: true,
+    ifShow: ({ values }) => values.storage >= 11 && values.storage <= 12,
+    component: 'Input'
+  },
+  {
+    label: '密码',
+    field: 'config.password',
+    required: true,
+    ifShow: ({ values }) => values.storage >= 11 && values.storage <= 12,
+    component: 'Input'
+  },
+  {
+    label: '连接模式',
+    field: 'config.basePath',
+    required: true,
+    ifShow: ({ values }) => values.storage === 11,
+    component: 'Select',
+    componentProps: {
+      options: [
+        { lable: '主动模式', key: 'Active', value: 'Active' },
+        { lable: '被动模式', key: 'Passive', value: 'Passive' }
+      ]
+    }
+  },
+  {
+    label: '节点地址',
+    field: 'config.endpoint',
+    required: true,
+    ifShow: ({ values }) => values.storage === 20,
+    component: 'Input'
+  },
+  {
+    label: '存储 bucket',
+    field: 'config.bucket',
+    required: true,
+    ifShow: ({ values }) => values.storage === 20,
+    component: 'Input'
+  },
+  {
+    label: 'accessKey',
+    field: 'config.accessKey',
+    ifShow: ({ values }) => values.storage === 20,
+    component: 'Input'
+  },
+  {
+    label: 'accessSecret',
+    field: 'config.accessSecret',
+    ifShow: ({ values }) => values.storage === 20,
+    component: 'Input'
+  },
+  {
+    label: '自定义域名',
+    field: 'config.domain',
+    required: true,
+    component: 'Input'
+  },
+  {
+    label: '备注',
+    field: 'remark',
+    component: 'InputTextArea'
+  }
+]
diff --git a/src/views/infra/fileConfig/index.vue b/src/views/infra/fileConfig/index.vue
index 3b64cfc4..0a26062f 100644
--- a/src/views/infra/fileConfig/index.vue
+++ b/src/views/infra/fileConfig/index.vue
@@ -1,3 +1,100 @@
 <template>
-  <div>开发中</div>
+  <div>
+    <BasicTable @register="registerTable">
+      <template #toolbar>
+        <a-button type="primary" :preIcon="IconEnum.ADD" @click="handleCreate"> {{ t('action.create') }} </a-button>
+      </template>
+      <template #bodyCell="{ column, record }">
+        <template v-if="column.key === 'action'">
+          <TableAction
+            :actions="[
+              { icon: IconEnum.EDIT, label: t('action.edit'), onClick: handleEdit.bind(null, record) },
+              { icon: IconEnum.TEST, label: t('action.test'), onClick: handleTest.bind(null, record) },
+              { icon: IconEnum.AUTH, label: '主配置', onClick: handleMaster.bind(null, record) },
+              {
+                icon: IconEnum.DELETE,
+                color: 'error',
+                label: t('action.delete'),
+                popConfirm: {
+                  title: t('common.delMessage'),
+                  placement: 'left',
+                  confirm: handleDelete.bind(null, record)
+                }
+              }
+            ]"
+          />
+        </template>
+      </template>
+    </BasicTable>
+    <PostModal @register="registerModal" @success="reload()" />
+  </div>
 </template>
+<script lang="ts" setup name="FileConfig">
+import { useI18n } from '@/hooks/web/useI18n'
+import { useMessage } from '@/hooks/web/useMessage'
+import { useModal } from '@/components/Modal'
+import PostModal from './FileConfigModal.vue'
+import { IconEnum } from '@/enums/appEnum'
+import { BasicTable, useTable, TableAction } from '@/components/Table'
+import { deleteFileConfigApi, getFileConfigPageApi, testFileConfigApi, updateFileConfigMasterApi } from '@/api/infra/fileConfig'
+import { columns, searchFormSchema } from './ficleConfig.data'
+
+const { t } = useI18n()
+const { createConfirm, createMessage, createSuccessModal } = useMessage()
+const [registerModal, { openModal }] = useModal()
+
+const [registerTable, { reload }] = useTable({
+  title: '文件配置列表',
+  api: getFileConfigPageApi,
+  columns,
+  formConfig: {
+    labelWidth: 120,
+    schemas: searchFormSchema
+  },
+  useSearchForm: true,
+  showTableSetting: true,
+  showIndexColumn: false,
+  actionColumn: {
+    width: 240,
+    title: t('common.action'),
+    dataIndex: 'action',
+    fixed: 'right'
+  }
+})
+
+function handleCreate() {
+  openModal(true, {
+    isUpdate: false
+  })
+}
+
+function handleEdit(record: Recordable) {
+  openModal(true, {
+    record,
+    isUpdate: true
+  })
+}
+
+async function handleTest(record: Recordable) {
+  const res = await testFileConfigApi(record.id)
+  createSuccessModal({ content: res })
+}
+
+function handleMaster(record: Recordable) {
+  createConfirm({
+    title: '主配置',
+    iconType: 'warning',
+    content: '是否确认修改配置编号为"' + record.id + '"的数据项为主配置?',
+    async onOk() {
+      await updateFileConfigMasterApi(record.id)
+      createMessage.success('配置成功')
+    }
+  })
+}
+
+async function handleDelete(record: Recordable) {
+  await deleteFileConfigApi(record.id)
+  createMessage.success(t('common.delSuccessText'))
+  reload()
+}
+</script>
diff --git a/src/views/system/area/index.vue b/src/views/system/area/index.vue
index 519f2583..f6363309 100644
--- a/src/views/system/area/index.vue
+++ b/src/views/system/area/index.vue
@@ -2,7 +2,7 @@
   <div>
     <BasicTable @register="registerTable">
       <template #toolbar>
-        <a-button type="primary" @click="handleCreate"> IP 查询 </a-button>
+        <a-button type="primary" :preIcon="IconEnum.ADD" @click="handleCreate"> IP 查询 </a-button>
       </template>
     </BasicTable>
     <AreaModal @register="registerModal" @success="reload()" />
@@ -11,6 +11,7 @@
 <script lang="ts" setup name="Area">
 import { useModal } from '@/components/Modal'
 import AreaModal from './AreaModal.vue'
+import { IconEnum } from '@/enums/appEnum'
 import { BasicTable, useTable } from '@/components/Table'
 import { getAreaTree } from '@/api/system/area'
 import { columns } from './area.data'
diff --git a/src/views/system/dept/index.vue b/src/views/system/dept/index.vue
index 3dbe4758..f58d96b1 100644
--- a/src/views/system/dept/index.vue
+++ b/src/views/system/dept/index.vue
@@ -2,7 +2,7 @@
   <div>
     <BasicTable @register="register" @fetch-success="onFetchSuccess">
       <template #toolbar>
-        <a-button type="primary" @click="handleCreate"> {{ t('action.create') }} </a-button>
+        <a-button type="primary" :preIcon="IconEnum.ADD" @click="handleCreate"> {{ t('action.create') }} </a-button>
         <a-button type="info" @click="expandAll">{{ t('component.tree.expandAll') }}</a-button>
         <a-button type="info" @click="collapseAll">{{ t('component.tree.unExpandAll') }}</a-button>
       </template>
@@ -13,9 +13,9 @@
         <template v-if="column.key === 'action'">
           <TableAction
             :actions="[
-              { icon: 'clarity:note-edit-line', label: t('action.edit'), onClick: handleEdit.bind(null, record) },
+              { icon: IconEnum.EDIT, label: t('action.edit'), onClick: handleEdit.bind(null, record) },
               {
-                icon: 'ant-design:delete-outlined',
+                icon: IconEnum.DELETE,
                 color: 'error',
                 label: t('action.delete'),
                 popConfirm: {
@@ -39,6 +39,7 @@ import { useI18n } from '@/hooks/web/useI18n'
 import { useMessage } from '@/hooks/web/useMessage'
 import { useModal } from '@/components/Modal'
 import DeptModal from './DeptModal.vue'
+import { IconEnum } from '@/enums/appEnum'
 import { BasicTable, useTable, TableAction } from '@/components/Table'
 import { getListSimpleUsersApi } from '@/api/system/user'
 import { deleteDeptApi, getDeptPageApi } from '@/api/system/dept'
diff --git a/src/views/system/dict/DictData.vue b/src/views/system/dict/DictData.vue
index 1e45f731..05f05da8 100644
--- a/src/views/system/dict/DictData.vue
+++ b/src/views/system/dict/DictData.vue
@@ -2,15 +2,15 @@
   <div>
     <BasicTable @register="registerTable" :searchInfo="searchInfo">
       <template #toolbar>
-        <a-button type="primary" @click="handleCreate"> {{ t('action.create') }}</a-button>
+        <a-button type="primary" :preIcon="IconEnum.ADD" @click="handleCreate"> {{ t('action.create') }} </a-button>
       </template>
       <template #bodyCell="{ column, record }">
         <template v-if="column.key === 'action'">
           <TableAction
             :actions="[
-              { icon: 'clarity:note-edit-line', label: t('action.edit'), onClick: handleEdit.bind(null, record) },
+              { icon: IconEnum.EDIT, label: t('action.edit'), onClick: handleEdit.bind(null, record) },
               {
-                icon: 'ant-design:delete-outlined',
+                icon: IconEnum.DELETE,
                 color: 'error',
                 label: t('action.delete'),
                 popConfirm: {
@@ -33,6 +33,7 @@ import { useI18n } from '@/hooks/web/useI18n'
 import { useMessage } from '@/hooks/web/useMessage'
 import { useModal } from '@/components/Modal'
 import DictDataModal from './DictDataModal.vue'
+import { IconEnum } from '@/enums/appEnum'
 import { BasicTable, useTable, TableAction } from '@/components/Table'
 import { dataColumns, dataSearchFormSchema } from './dict.data'
 import { deleteDictDataApi, getDictDataPageApi } from '@/api/system/dict/data'
diff --git a/src/views/system/dict/index.vue b/src/views/system/dict/index.vue
index 3d1a9f7e..db6251fc 100644
--- a/src/views/system/dict/index.vue
+++ b/src/views/system/dict/index.vue
@@ -2,15 +2,15 @@
   <div class="flex">
     <BasicTable @register="registerTable" class="w-1/2 xl:w-1/2" @row-click="handleRowClick">
       <template #toolbar>
-        <a-button type="primary" @click="handleCreate">{{ t('action.create') }}</a-button>
+        <a-button type="primary" :preIcon="IconEnum.ADD" @click="handleCreate"> {{ t('action.create') }} </a-button>
       </template>
       <template #bodyCell="{ column, record }">
         <template v-if="column.key === 'action'">
           <TableAction
             :actions="[
-              { icon: 'clarity:note-edit-line', label: t('action.edit'), onClick: handleEdit.bind(null, record) },
+              { icon: IconEnum.EDIT, label: t('action.edit'), onClick: handleEdit.bind(null, record) },
               {
-                icon: 'ant-design:delete-outlined',
+                icon: IconEnum.DELETE,
                 color: 'error',
                 label: t('action.delete'),
                 popConfirm: {
@@ -35,6 +35,7 @@ import { useMessage } from '@/hooks/web/useMessage'
 import { useModal } from '@/components/Modal'
 import DictData from './DictData.vue'
 import DictTypeModal from './DictTypeModal.vue'
+import { IconEnum } from '@/enums/appEnum'
 import { BasicTable, useTable, TableAction } from '@/components/Table'
 import { typeColumns, typeSearchFormSchema } from './dict.type'
 import { deleteDictTypeApi, getDictTypePageApi } from '@/api/system/dict/type'
diff --git a/src/views/system/errorCode/index.vue b/src/views/system/errorCode/index.vue
index 28a42941..7a36d0b1 100644
--- a/src/views/system/errorCode/index.vue
+++ b/src/views/system/errorCode/index.vue
@@ -2,16 +2,16 @@
   <div>
     <BasicTable @register="registerTable">
       <template #toolbar>
-        <a-button type="primary" @click="handleCreate"> {{ t('action.create') }} </a-button>
-        <a-button type="warning" @click="handleExport"> {{ t('action.export') }} </a-button>
+        <a-button type="primary" :preIcon="IconEnum.ADD" @click="handleCreate"> {{ t('action.create') }} </a-button>
+        <a-button type="warning" :preIcon="IconEnum.EXPORT" @click="handleExport"> {{ t('action.export') }} </a-button>
       </template>
       <template #bodyCell="{ column, record }">
         <template v-if="column.key === 'action'">
           <TableAction
             :actions="[
-              { icon: 'clarity:note-edit-line', label: t('action.edit'), onClick: handleEdit.bind(null, record) },
+              { icon: IconEnum.EDIT, label: t('action.edit'), onClick: handleEdit.bind(null, record) },
               {
-                icon: 'ant-design:delete-outlined',
+                icon: IconEnum.DELETE,
                 color: 'error',
                 label: t('action.delete'),
                 popConfirm: {
@@ -33,6 +33,7 @@ import { useI18n } from '@/hooks/web/useI18n'
 import { useMessage } from '@/hooks/web/useMessage'
 import { useModal } from '@/components/Modal'
 import ErrorCodeModal from './ErrorCodeModal.vue'
+import { IconEnum } from '@/enums/appEnum'
 import { BasicTable, useTable, TableAction } from '@/components/Table'
 import { ErrorCodePageReqVO, deleteErrorCodeApi, excelErrorCodeApi, getErrorCodePageApi } from '@/api/system/errorCode'
 import { columns, searchFormSchema } from './errorCode.data'
diff --git a/src/views/system/mail/account/index.vue b/src/views/system/mail/account/index.vue
index 96f02888..a53829b8 100644
--- a/src/views/system/mail/account/index.vue
+++ b/src/views/system/mail/account/index.vue
@@ -2,15 +2,15 @@
   <div>
     <BasicTable @register="registerTable">
       <template #toolbar>
-        <a-button type="primary" @click="handleCreate"> {{ t('action.create') }} </a-button>
+        <a-button type="primary" :preIcon="IconEnum.ADD" @click="handleCreate"> {{ t('action.create') }} </a-button>
       </template>
       <template #bodyCell="{ column, record }">
         <template v-if="column.key === 'action'">
           <TableAction
             :actions="[
-              { icon: 'clarity:note-edit-line', label: t('action.edit'), onClick: handleEdit.bind(null, record) },
+              { icon: IconEnum.EDIT, label: t('action.edit'), onClick: handleEdit.bind(null, record) },
               {
-                icon: 'ant-design:delete-outlined',
+                icon: IconEnum.DELETE,
                 color: 'error',
                 label: t('action.delete'),
                 popConfirm: {
@@ -32,6 +32,7 @@ import { useI18n } from '@/hooks/web/useI18n'
 import { useMessage } from '@/hooks/web/useMessage'
 import { useModal } from '@/components/Modal'
 import AccountModal from './AccountModal.vue'
+import { IconEnum } from '@/enums/appEnum'
 import { BasicTable, useTable, TableAction } from '@/components/Table'
 import { deleteMailAccountApi, getMailAccountPageApi } from '@/api/system/mail/account'
 import { columns, searchFormSchema } from './account.data'
diff --git a/src/views/system/mail/template/index.vue b/src/views/system/mail/template/index.vue
index 7dd015c3..21263fb1 100644
--- a/src/views/system/mail/template/index.vue
+++ b/src/views/system/mail/template/index.vue
@@ -2,15 +2,15 @@
   <div>
     <BasicTable @register="registerTable">
       <template #toolbar>
-        <a-button type="primary" @click="handleCreate"> {{ t('action.create') }} </a-button>
+        <a-button type="primary" :preIcon="IconEnum.ADD" @click="handleCreate"> {{ t('action.create') }} </a-button>
       </template>
       <template #bodyCell="{ column, record }">
         <template v-if="column.key === 'action'">
           <TableAction
             :actions="[
-              { icon: 'clarity:note-edit-line', label: t('action.edit'), onClick: handleEdit.bind(null, record) },
+              { icon: IconEnum.EDIT, label: t('action.edit'), onClick: handleEdit.bind(null, record) },
               {
-                icon: 'ant-design:delete-outlined',
+                icon: IconEnum.DELETE,
                 color: 'error',
                 label: t('action.delete'),
                 popConfirm: {
@@ -32,6 +32,7 @@ import { useI18n } from '@/hooks/web/useI18n'
 import { useMessage } from '@/hooks/web/useMessage'
 import { useModal } from '@/components/Modal'
 import TemplateModal from './TemplateModal.vue'
+import { IconEnum } from '@/enums/appEnum'
 import { BasicTable, useTable, TableAction } from '@/components/Table'
 import { deleteMailTemplateApi, getMailTemplatePageApi } from '@/api/system/mail/template'
 import { columns, searchFormSchema } from './template.data'
diff --git a/src/views/system/menu/index.vue b/src/views/system/menu/index.vue
index 442d18bb..258c9622 100644
--- a/src/views/system/menu/index.vue
+++ b/src/views/system/menu/index.vue
@@ -2,7 +2,7 @@
   <div>
     <BasicTable @register="register">
       <template #toolbar>
-        <a-button type="primary" @click="handleCreate"> {{ t('action.create') }} </a-button>
+        <a-button type="primary" :preIcon="IconEnum.ADD" @click="handleCreate"> {{ t('action.create') }} </a-button>
         <a-button type="info" @click="expandAll">{{ t('component.tree.expandAll') }}</a-button>
         <a-button type="info" @click="collapseAll">{{ t('component.tree.unExpandAll') }}</a-button>
       </template>
@@ -10,9 +10,9 @@
         <template v-if="column.key === 'action'">
           <TableAction
             :actions="[
-              { icon: 'clarity:note-edit-line', label: t('action.edit'), onClick: handleEdit.bind(null, record) },
+              { icon: IconEnum.EDIT, label: t('action.edit'), onClick: handleEdit.bind(null, record) },
               {
-                icon: 'ant-design:delete-outlined',
+                icon: IconEnum.DELETE,
                 color: 'error',
                 label: t('action.delete'),
                 popConfirm: {
@@ -35,6 +35,7 @@ import { useI18n } from '@/hooks/web/useI18n'
 import { useMessage } from '@/hooks/web/useMessage'
 import { useModal } from '@/components/Modal'
 import MenuModal from './MenuModal.vue'
+import { IconEnum } from '@/enums/appEnum'
 import { BasicTable, useTable, TableAction } from '@/components/Table'
 import { deleteMenuApi, getMenuListApi } from '@/api/system/menu'
 import { columns, searchFormSchema } from './menu.data'
diff --git a/src/views/system/notice/index.vue b/src/views/system/notice/index.vue
index ab850227..458f939b 100644
--- a/src/views/system/notice/index.vue
+++ b/src/views/system/notice/index.vue
@@ -2,15 +2,15 @@
   <div>
     <BasicTable @register="registerTable">
       <template #toolbar>
-        <a-button type="primary" @click="handleCreate"> {{ t('action.create') }} </a-button>
+        <a-button type="primary" :preIcon="IconEnum.ADD" @click="handleCreate"> {{ t('action.create') }} </a-button>
       </template>
       <template #bodyCell="{ column, record }">
         <template v-if="column.key === 'action'">
           <TableAction
             :actions="[
-              { icon: 'clarity:note-edit-line', label: t('action.edit'), onClick: handleEdit.bind(null, record) },
+              { icon: IconEnum.EDIT, label: t('action.edit'), onClick: handleEdit.bind(null, record) },
               {
-                icon: 'ant-design:delete-outlined',
+                icon: IconEnum.DELETE,
                 color: 'error',
                 label: t('action.delete'),
                 popConfirm: {
@@ -32,6 +32,7 @@ import { useI18n } from '@/hooks/web/useI18n'
 import { useMessage } from '@/hooks/web/useMessage'
 import { useModal } from '@/components/Modal'
 import NoticeModal from './NoticeModal.vue'
+import { IconEnum } from '@/enums/appEnum'
 import { BasicTable, useTable, TableAction } from '@/components/Table'
 import { deleteNoticeApi, getNoticePageApi } from '@/api/system/notice'
 import { columns, searchFormSchema } from './notice.data'
diff --git a/src/views/system/oauth2/client/index.vue b/src/views/system/oauth2/client/index.vue
index e4ce5945..333a8e68 100644
--- a/src/views/system/oauth2/client/index.vue
+++ b/src/views/system/oauth2/client/index.vue
@@ -2,15 +2,15 @@
   <div>
     <BasicTable @register="registerTable">
       <template #toolbar>
-        <a-button type="primary" @click="handleCreate"> {{ t('action.create') }} </a-button>
+        <a-button type="primary" :preIcon="IconEnum.ADD" @click="handleCreate"> {{ t('action.create') }} </a-button>
       </template>
       <template #bodyCell="{ column, record }">
         <template v-if="column.key === 'action'">
           <TableAction
             :actions="[
-              { icon: 'clarity:note-edit-line', label: t('action.edit'), onClick: handleEdit.bind(null, record) },
+              { icon: IconEnum.EDIT, label: t('action.edit'), onClick: handleEdit.bind(null, record) },
               {
-                icon: 'ant-design:delete-outlined',
+                icon: IconEnum.DELETE,
                 color: 'error',
                 label: t('action.delete'),
                 popConfirm: {
@@ -32,6 +32,7 @@ import { useI18n } from '@/hooks/web/useI18n'
 import { useMessage } from '@/hooks/web/useMessage'
 import { useModal } from '@/components/Modal'
 import ClientModal from './ClientModal.vue'
+import { IconEnum } from '@/enums/appEnum'
 import { BasicTable, useTable, TableAction } from '@/components/Table'
 import { deleteOAuth2ClientApi, getOAuth2ClientPageApi } from '@/api/system/oauth2/client'
 import { columns, searchFormSchema } from './client.data'
diff --git a/src/views/system/oauth2/token/index.vue b/src/views/system/oauth2/token/index.vue
index 7661ca37..bfc6efc3 100644
--- a/src/views/system/oauth2/token/index.vue
+++ b/src/views/system/oauth2/token/index.vue
@@ -6,7 +6,7 @@
           <TableAction
             :actions="[
               {
-                icon: 'ant-design:delete-outlined',
+                icon: IconEnum.DELETE,
                 color: 'error',
                 label: '强退',
                 popConfirm: {
@@ -24,6 +24,7 @@
 </template>
 <script lang="ts" setup name="Token">
 import { useI18n } from '@/hooks/web/useI18n'
+import { IconEnum } from '@/enums/appEnum'
 import { BasicTable, useTable, TableAction } from '@/components/Table'
 import { deleteAccessTokenApi, getAccessTokenPageApi } from '@/api/system/oauth2/token'
 import { columns, searchFormSchema } from './token.data'
diff --git a/src/views/system/operatelog/index.vue b/src/views/system/operatelog/index.vue
index a62ad46c..3e9767be 100644
--- a/src/views/system/operatelog/index.vue
+++ b/src/views/system/operatelog/index.vue
@@ -2,17 +2,18 @@
   <div>
     <BasicTable @register="registerTable">
       <template #toolbar>
-        <a-button type="warning" @click="handleExport"> {{ t('action.export') }} </a-button>
+        <a-button type="warning" :preIcon="IconEnum.EXPORT" @click="handleExport"> {{ t('action.export') }} </a-button>
       </template>
     </BasicTable>
   </div>
 </template>
 <script lang="ts" setup name="OperateLog">
+import { useI18n } from '@/hooks/web/useI18n'
+import { useMessage } from '@/hooks/web/useMessage'
+import { IconEnum } from '@/enums/appEnum'
 import { BasicTable, useTable } from '@/components/Table'
 import { OperateLogPageReqVO, exportOperateLogApi, getOperateLogPageApi } from '@/api/system/operatelog'
 import { columns, searchFormSchema } from './operateLog.data'
-import { useI18n } from '@/hooks/web/useI18n'
-import { useMessage } from '@/hooks/web/useMessage'
 
 const { t } = useI18n()
 const { createConfirm, createMessage } = useMessage()
diff --git a/src/views/system/post/index.vue b/src/views/system/post/index.vue
index b0ac2e20..8c3776a6 100644
--- a/src/views/system/post/index.vue
+++ b/src/views/system/post/index.vue
@@ -2,16 +2,16 @@
   <div>
     <BasicTable @register="registerTable">
       <template #toolbar>
-        <a-button type="primary" @click="handleCreate"> {{ t('action.create') }} </a-button>
-        <a-button type="warning" @click="handleExport"> {{ t('action.export') }} </a-button>
+        <a-button type="primary" :preIcon="IconEnum.ADD" @click="handleCreate"> {{ t('action.create') }} </a-button>
+        <a-button type="warning" :preIcon="IconEnum.EXPORT" @click="handleExport"> {{ t('action.export') }} </a-button>
       </template>
       <template #bodyCell="{ column, record }">
         <template v-if="column.key === 'action'">
           <TableAction
             :actions="[
-              { icon: 'clarity:note-edit-line', label: t('action.edit'), onClick: handleEdit.bind(null, record) },
+              { icon: IconEnum.EDIT, label: t('action.edit'), onClick: handleEdit.bind(null, record) },
               {
-                icon: 'ant-design:delete-outlined',
+                icon: IconEnum.DELETE,
                 color: 'error',
                 label: t('action.delete'),
                 popConfirm: {
@@ -33,6 +33,7 @@ import { useI18n } from '@/hooks/web/useI18n'
 import { useMessage } from '@/hooks/web/useMessage'
 import { useModal } from '@/components/Modal'
 import PostModal from './PostModal.vue'
+import { IconEnum } from '@/enums/appEnum'
 import { BasicTable, useTable, TableAction } from '@/components/Table'
 import { PostExportReqVO, deletePostApi, exportPostApi, getPostPageApi } from '@/api/system/post'
 import { columns, searchFormSchema } from './post.data'
diff --git a/src/views/system/role/index.vue b/src/views/system/role/index.vue
index 980752e1..e2020e9d 100644
--- a/src/views/system/role/index.vue
+++ b/src/views/system/role/index.vue
@@ -2,18 +2,18 @@
   <div>
     <BasicTable @register="registerTable">
       <template #toolbar>
-        <a-button type="primary" @click="handleCreate"> {{ t('action.create') }} </a-button>
-        <a-button type="warning" @click="handleExport"> {{ t('action.export') }} </a-button>
+        <a-button type="primary" :preIcon="IconEnum.ADD" @click="handleCreate"> {{ t('action.create') }} </a-button>
+        <a-button type="warning" :preIcon="IconEnum.EXPORT" @click="handleExport"> {{ t('action.export') }} </a-button>
       </template>
       <template #bodyCell="{ column, record }">
         <template v-if="column.key === 'action'">
           <TableAction
-            :actions="[{ icon: 'clarity:note-edit-line', label: t('action.edit'), onClick: handleEdit.bind(null, record) }]"
+            :actions="[{ icon: IconEnum.EDIT, label: t('action.edit'), onClick: handleEdit.bind(null, record) }]"
             :dropDownActions="[
-              { icon: 'clarity:note-edit-line', label: '菜单权限', onClick: handleEdit.bind(null, record) },
-              { icon: 'clarity:note-edit-line', label: '数据权限', onClick: handleEdit.bind(null, record) },
+              { icon: IconEnum.EDIT, label: '菜单权限', onClick: handleEdit.bind(null, record) },
+              { icon: IconEnum.EDIT, label: '数据权限', onClick: handleEdit.bind(null, record) },
               {
-                icon: 'ant-design:delete-outlined',
+                icon: IconEnum.DELETE,
                 color: 'error',
                 label: t('action.delete'),
                 popConfirm: {
@@ -35,6 +35,7 @@ import { useI18n } from '@/hooks/web/useI18n'
 import { useMessage } from '@/hooks/web/useMessage'
 import { useModal } from '@/components/Modal'
 import RoleModal from './RoleModal.vue'
+import { IconEnum } from '@/enums/appEnum'
 import { BasicTable, useTable, TableAction } from '@/components/Table'
 import { RoleExportReqVO, deleteRoleApi, exportRoleApi, getRolePageApi } from '@/api/system/role'
 import { columns, searchFormSchema } from './role.data'
diff --git a/src/views/system/sensitiveWord/index.vue b/src/views/system/sensitiveWord/index.vue
index b3bf2f43..d7e2ff5d 100644
--- a/src/views/system/sensitiveWord/index.vue
+++ b/src/views/system/sensitiveWord/index.vue
@@ -2,16 +2,16 @@
   <div>
     <BasicTable @register="registerTable">
       <template #toolbar>
-        <a-button type="primary" @click="handleCreate"> {{ t('action.create') }} </a-button>
-        <a-button type="warning" @click="handleExport"> {{ t('action.export') }} </a-button>
+        <a-button type="primary" :preIcon="IconEnum.ADD" @click="handleCreate"> {{ t('action.create') }} </a-button>
+        <a-button type="warning" :preIcon="IconEnum.EXPORT" @click="handleExport"> {{ t('action.export') }} </a-button>
       </template>
       <template #bodyCell="{ column, record }">
         <template v-if="column.key === 'action'">
           <TableAction
             :actions="[
-              { icon: 'clarity:note-edit-line', label: t('action.edit'), onClick: handleEdit.bind(null, record) },
+              { icon: IconEnum.EDIT, label: t('action.edit'), onClick: handleEdit.bind(null, record) },
               {
-                icon: 'ant-design:delete-outlined',
+                icon: IconEnum.DELETE,
                 color: 'error',
                 label: t('action.delete'),
                 popConfirm: {
@@ -37,6 +37,7 @@ import {
   getSensitiveWordPageApi
 } from '@/api/system/sensitiveWord'
 import { useModal } from '@/components/Modal'
+import { IconEnum } from '@/enums/appEnum'
 import SensitiveWordModal from './SensitiveWordModal.vue'
 import { columns, searchFormSchema } from './sensitiveWord.data'
 import { useI18n } from '@/hooks/web/useI18n'
diff --git a/src/views/system/sms/smsChannel.vue b/src/views/system/sms/smsChannel.vue
index 302dce1f..5ca7b99f 100644
--- a/src/views/system/sms/smsChannel.vue
+++ b/src/views/system/sms/smsChannel.vue
@@ -2,15 +2,15 @@
   <div>
     <BasicTable @register="registerTable">
       <template #toolbar>
-        <a-button type="primary" @click="handleCreate"> {{ t('action.create') }} </a-button>
+        <a-button type="primary" :preIcon="IconEnum.ADD" @click="handleCreate"> {{ t('action.create') }} </a-button>
       </template>
       <template #bodyCell="{ column, record }">
         <template v-if="column.key === 'action'">
           <TableAction
             :actions="[
-              { icon: 'clarity:note-edit-line', label: t('action.edit'), onClick: handleEdit.bind(null, record) },
+              { icon: IconEnum.EDIT, label: t('action.edit'), onClick: handleEdit.bind(null, record) },
               {
-                icon: 'ant-design:delete-outlined',
+                icon: IconEnum.DELETE,
                 color: 'error',
                 label: t('action.delete'),
                 popConfirm: {
@@ -32,6 +32,7 @@ import { useI18n } from '@/hooks/web/useI18n'
 import { useMessage } from '@/hooks/web/useMessage'
 import { useModal } from '@/components/Modal'
 import SmsChannelModal from './SmsChannelModal.vue'
+import { IconEnum } from '@/enums/appEnum'
 import { BasicTable, useTable, TableAction } from '@/components/Table'
 import { deleteSmsChannelApi, getSmsChannelPageApi } from '@/api/system/sms/smsChannel'
 import { columns, searchFormSchema } from './smsChannel.data'
diff --git a/src/views/system/sms/smsTemplate.vue b/src/views/system/sms/smsTemplate.vue
index d5e4aa4f..1eaf57f9 100644
--- a/src/views/system/sms/smsTemplate.vue
+++ b/src/views/system/sms/smsTemplate.vue
@@ -2,17 +2,17 @@
   <div>
     <BasicTable @register="registerTable">
       <template #toolbar>
-        <a-button type="primary" @click="handleCreate"> {{ t('action.create') }} </a-button>
-        <a-button type="warning" @click="handleExport"> {{ t('action.export') }} </a-button>
+        <a-button type="primary" :preIcon="IconEnum.ADD" @click="handleCreate"> {{ t('action.create') }} </a-button>
+        <a-button type="warning" :preIcon="IconEnum.EXPORT" @click="handleExport"> {{ t('action.export') }} </a-button>
       </template>
       <template #bodyCell="{ column, record }">
         <template v-if="column.key === 'action'">
           <TableAction
             :actions="[
-              { icon: 'clarity:note-edit-line', label: t('action.test'), onClick: handleSendSms.bind(null, record) },
-              { icon: 'clarity:note-edit-line', label: t('action.edit'), onClick: handleEdit.bind(null, record) },
+              { icon: IconEnum.TEST, label: t('action.test'), onClick: handleSendSms.bind(null, record) },
+              { icon: IconEnum.EDIT, label: t('action.edit'), onClick: handleEdit.bind(null, record) },
               {
-                icon: 'ant-design:delete-outlined',
+                icon: IconEnum.DELETE,
                 color: 'error',
                 label: t('action.delete'),
                 popConfirm: {
@@ -33,6 +33,7 @@
 import { BasicTable, useTable, TableAction } from '@/components/Table'
 import { SmsTemplateExportReqVO, deleteSmsTemplateApi, exportSmsTemplateApi, getSmsTemplatePageApi } from '@/api/system/sms/smsTemplate'
 import { useModal } from '@/components/Modal'
+import { IconEnum } from '@/enums/appEnum'
 import SmsTemplateModal from './SmsTemplateModal.vue'
 import { columns, searchFormSchema } from './smsTemplate.data'
 import { useI18n } from '@/hooks/web/useI18n'
@@ -53,7 +54,7 @@ const [registerTable, { getForm, reload }] = useTable({
   showTableSetting: true,
   showIndexColumn: false,
   actionColumn: {
-    width: 180,
+    width: 240,
     title: t('common.action'),
     dataIndex: 'action',
     fixed: 'right'
diff --git a/src/views/system/tenant/index.vue b/src/views/system/tenant/index.vue
index 4e4dc0c3..64da8fd5 100644
--- a/src/views/system/tenant/index.vue
+++ b/src/views/system/tenant/index.vue
@@ -2,16 +2,16 @@
   <div>
     <BasicTable @register="registerTable">
       <template #toolbar>
-        <a-button type="primary" @click="handleCreate"> {{ t('action.create') }} </a-button>
-        <a-button type="warning" @click="handleExport"> {{ t('action.export') }} </a-button>
+        <a-button type="primary" :preIcon="IconEnum.ADD" @click="handleCreate"> {{ t('action.create') }} </a-button>
+        <a-button type="warning" :preIcon="IconEnum.EXPORT" @click="handleExport"> {{ t('action.export') }} </a-button>
       </template>
       <template #bodyCell="{ column, record }">
         <template v-if="column.key === 'action'">
           <TableAction
             :actions="[
-              { icon: 'clarity:note-edit-line', label: t('action.edit'), onClick: handleEdit.bind(null, record) },
+              { icon: IconEnum.EDIT, label: t('action.edit'), onClick: handleEdit.bind(null, record) },
               {
-                icon: 'ant-design:delete-outlined',
+                icon: IconEnum.DELETE,
                 color: 'error',
                 label: t('action.delete'),
                 popConfirm: {
@@ -33,6 +33,7 @@ import { BasicTable, useTable, TableAction } from '@/components/Table'
 import { TenantExportReqVO, deleteTenantApi, exportTenantApi, getTenantPageApi } from '@/api/system/tenant'
 import { useModal } from '@/components/Modal'
 import TenantModal from './TenantModal.vue'
+import { IconEnum } from '@/enums/appEnum'
 import { columns, searchFormSchema } from './tenant.data'
 import { useI18n } from '@/hooks/web/useI18n'
 import { useMessage } from '@/hooks/web/useMessage'
diff --git a/src/views/system/tenantPackage/index.vue b/src/views/system/tenantPackage/index.vue
index d92fbe4d..547e37eb 100644
--- a/src/views/system/tenantPackage/index.vue
+++ b/src/views/system/tenantPackage/index.vue
@@ -2,15 +2,15 @@
   <div>
     <BasicTable @register="registerTable">
       <template #toolbar>
-        <a-button type="primary" @click="handleCreate"> {{ t('action.create') }} </a-button>
+        <a-button type="primary" :preIcon="IconEnum.ADD" @click="handleCreate"> {{ t('action.create') }} </a-button>
       </template>
       <template #bodyCell="{ column, record }">
         <template v-if="column.key === 'action'">
           <TableAction
             :actions="[
-              { icon: 'clarity:note-edit-line', label: t('action.edit'), onClick: handleEdit.bind(null, record) },
+              { icon: IconEnum.EDIT, label: t('action.edit'), onClick: handleEdit.bind(null, record) },
               {
-                icon: 'ant-design:delete-outlined',
+                icon: IconEnum.DELETE,
                 color: 'error',
                 label: t('action.delete'),
                 popConfirm: {
@@ -31,6 +31,7 @@
 import { useI18n } from '@/hooks/web/useI18n'
 import { useMessage } from '@/hooks/web/useMessage'
 import { useModal } from '@/components/Modal'
+import { IconEnum } from '@/enums/appEnum'
 import TenantPackageModal from './TenantPackageModal.vue'
 import { BasicTable, useTable, TableAction } from '@/components/Table'
 import { deleteTenantPackageApi, getTenantPackagePageApi } from '@/api/system/tenantPackage'
diff --git a/src/views/system/user/index.vue b/src/views/system/user/index.vue
index 6b4027ae..0359eb72 100644
--- a/src/views/system/user/index.vue
+++ b/src/views/system/user/index.vue
@@ -3,16 +3,16 @@
     <DeptTree class="w-1/4 xl:w-1/5" @select="handleSelect" />
     <BasicTable @register="registerTable" class="w-3/4 xl:w-4/5" :searchInfo="searchInfo">
       <template #toolbar>
-        <a-button type="primary" @click="handleCreate"> {{ t('action.create') }} </a-button>
-        <a-button type="warning" @click="handleExport"> {{ t('action.export') }} </a-button>
+        <a-button type="primary" :preIcon="IconEnum.ADD" @click="handleCreate"> {{ t('action.create') }} </a-button>
+        <a-button type="warning" :preIcon="IconEnum.EXPORT" @click="handleExport"> {{ t('action.export') }} </a-button>
       </template>
       <template #bodyCell="{ column, record }">
         <template v-if="column.key === 'action'">
           <TableAction
             :actions="[
-              { icon: 'clarity:note-edit-line', label: t('action.edit'), onClick: handleEdit.bind(null, record) },
+              { icon: IconEnum.EDIT, label: t('action.edit'), onClick: handleEdit.bind(null, record) },
               {
-                icon: 'ant-design:delete-outlined',
+                icon: IconEnum.DELETE,
                 color: 'error',
                 label: t('action.delete'),
                 popConfirm: {
@@ -36,6 +36,7 @@ import { useMessage } from '@/hooks/web/useMessage'
 import { useModal } from '@/components/Modal'
 import UserModal from './UserModal.vue'
 import DeptTree from './DeptTree.vue'
+import { IconEnum } from '@/enums/appEnum'
 import { BasicTable, useTable, TableAction } from '@/components/Table'
 import { columns, searchFormSchema } from './user.data'
 import { UserExportReqVO, deleteUserApi, exportUserApi, getUserPageApi } from '@/api/system/user'