1. 统一化代码

2. 增加 DocAlert 关联文档
2025-11-01 18:58:43 +08:00 · 2023-04-05 20:13:35 +08:00
parent bb88e3d77c
commit 4404554cfc
111 changed files with 640 additions and 567 deletions
--- a/src/views/Login/components/LoginForm.vue
+++ b/src/views/Login/components/LoginForm.vue
@@ -195,7 +195,7 @@ const getCode = async () => {
 //获取租户ID
 const getTenantId = async () => {
  if (loginData.tenantEnable === 'true') {
-    const res = await LoginApi.getTenantIdByNameApi(loginData.loginForm.tenantName)
+    const res = await LoginApi.getTenantIdByName(loginData.loginForm.tenantName)
    authUtil.setTenantId(res)
  }
 }
@@ -222,7 +222,7 @@ const handleLogin = async (params) => {
      return
    }
    loginData.loginForm.captchaVerification = params.captchaVerification
-    const res = await LoginApi.loginApi(loginData.loginForm)
+    const res = await LoginApi.login(loginData.loginForm)
    if (!res) {
      return
    }
@@ -259,7 +259,7 @@ const doSocialLogin = async (type: number) => {
    loginLoading.value = true
    if (loginData.tenantEnable === 'true') {
      await message.prompt('请输入租户名称', t('common.reminder')).then(async ({ value }) => {
-        const res = await LoginApi.getTenantIdByNameApi(value)
+        const res = await LoginApi.getTenantIdByName(value)
        authUtil.setTenantId(res)
      })
    }
@@ -267,7 +267,7 @@ const doSocialLogin = async (type: number) => {
    const redirectUri =
      location.origin + '/social-login?type=' + type + '&redirect=' + (redirect.value || '/')
    // 进行跳转
-    const res = await LoginApi.socialAuthRedirectApi(type, encodeURIComponent(redirectUri))
+    const res = await LoginApi.socialAuthRedirect(type, encodeURIComponent(redirectUri))
    window.location.href = res
  }
 }
--- a/src/views/Login/components/MobileForm.vue
+++ b/src/views/Login/components/MobileForm.vue
@@ -98,7 +98,7 @@ import { useIcon } from '@/hooks/web/useIcon'

 import { setTenantId, setToken } from '@/utils/auth'
 import { usePermissionStore } from '@/store/modules/permission'
-import { getTenantIdByNameApi, sendSmsCodeApi, smsLoginApi } from '@/api/login'
+import { getTenantIdByName, sendSmsCode, smsLogin } from '@/api/login'
 import LoginFormTitle from './LoginFormTitle.vue'
 import { useLoginState, LoginStateEnum, useFormValid } from './useLogin'

@@ -149,7 +149,7 @@ const redirect = ref<string>('')
 const getSmsCode = async () => {
  await getTenantId()
  smsVO.smsCode.mobile = loginData.loginForm.mobileNumber
-  await sendSmsCodeApi(smsVO.smsCode).then(async () => {
+  await sendSmsCode(smsVO.smsCode).then(async () => {
    message.success(t('login.SmsSendMsg'))
    // 设置倒计时
    mobileCodeTimer.value = 60
@@ -173,7 +173,7 @@ watch(
 // 获取租户 ID
 const getTenantId = async () => {
  if (loginData.tenantEnable === 'true') {
-    const res = await getTenantIdByNameApi(loginData.loginForm.tenantName)
+    const res = await getTenantIdByName(loginData.loginForm.tenantName)
    setTenantId(res)
  }
 }
@@ -185,7 +185,7 @@ const signIn = async () => {
  loginLoading.value = true
  smsVO.loginSms.mobile = loginData.loginForm.mobileNumber
  smsVO.loginSms.code = loginData.loginForm.code
-  await smsLoginApi(smsVO.loginSms)
+  await smsLogin(smsVO.loginSms)
    .then(async (res) => {
      setToken(res?.token)
      if (!redirect.value) {
--- a/src/views/Profile/components/BasicInfo.vue
+++ b/src/views/Profile/components/BasicInfo.vue
@@ -17,8 +17,8 @@ import { ElMessage } from 'element-plus'
 import { FormSchema } from '@/types/form'
 import type { FormExpose } from '@/components/Form'
 import {
-  getUserProfileApi,
-  updateUserProfileApi,
+  getUserProfile,
+  updateUserProfile,
  UserProfileUpdateReqVO
 } from '@/api/system/user/profile'

@@ -73,14 +73,14 @@ const submit = () => {
  elForm.validate(async (valid) => {
    if (valid) {
      const data = unref(formRef)?.formModel as UserProfileUpdateReqVO
-      await updateUserProfileApi(data)
+      await updateUserProfile(data)
      ElMessage.success(t('common.updateSuccess'))
      await init()
    }
  })
 }
 const init = async () => {
-  const res = await getUserProfileApi()
+  const res = await getUserProfile()
  unref(formRef)?.setValues(res)
 }
 onMounted(async () => {
--- a/src/views/Profile/components/ProfileUser.vue
+++ b/src/views/Profile/components/ProfileUser.vue
@@ -43,12 +43,12 @@
 import { formatDate } from '@/utils/formatTime'
 import UserAvatar from './UserAvatar.vue'

-import { getUserProfileApi, ProfileVO } from '@/api/system/user/profile'
+import { getUserProfile, ProfileVO } from '@/api/system/user/profile'

 const { t } = useI18n()
 const userInfo = ref<ProfileVO>()
 const getUserInfo = async () => {
-  const users = await getUserProfileApi()
+  const users = await getUserProfile()
  userInfo.value = users
 }
 onMounted(async () => {
--- a/src/views/Profile/components/ResetPwd.vue
+++ b/src/views/Profile/components/ResetPwd.vue
@@ -19,7 +19,7 @@
 import type { FormRules, FormInstance } from 'element-plus'

 import { InputPassword } from '@/components/InputPassword'
-import { updateUserPwdApi } from '@/api/system/user/profile'
+import { updateUserPassword } from '@/api/system/user/profile'

 const { t } = useI18n()
 const message = useMessage()
@@ -56,7 +56,7 @@ const submit = (formEl: FormInstance | undefined) => {
  if (!formEl) return
  formEl.validate(async (valid) => {
    if (valid) {
-      await updateUserPwdApi(password.oldPassword, password.newPassword)
+      await updateUserPassword(password.oldPassword, password.newPassword)
      message.success(t('common.updateSuccess'))
    }
  })
--- a/src/views/Profile/components/UserAvatar.vue
+++ b/src/views/Profile/components/UserAvatar.vue
@@ -12,7 +12,7 @@
 </template>
 <script setup lang="ts">
 import { propTypes } from '@/utils/propTypes'
-import { uploadAvatarApi } from '@/api/system/user/profile'
+import { uploadAvatar } from '@/api/system/user/profile'
 const props = defineProps({
  img: propTypes.string.def('')
 })
@@ -22,7 +22,7 @@ const avatar = computed(() => {

 const cropperRef = ref()
 const handelUpload = async ({ data }) => {
-  await uploadAvatarApi({ avatarFile: data })
+  await uploadAvatar({ avatarFile: data })
  cropperRef.value.close()
 }
 </script>
--- a/src/views/Profile/components/UserSocial.vue
+++ b/src/views/Profile/components/UserSocial.vue
@@ -23,7 +23,7 @@
 </template>
 <script setup lang="ts">
 import { SystemUserSocialTypeEnum } from '@/utils/constants'
-import { getUserProfileApi, ProfileVO } from '@/api/system/user/profile'
+import { getUserProfile, ProfileVO } from '@/api/system/user/profile'
 import { socialAuthRedirect, socialUnbind } from '@/api/system/user/socialUser'

 const message = useMessage()
@@ -31,7 +31,7 @@ const socialUsers = ref<any[]>([])
 const userInfo = ref<ProfileVO>()

 const initSocial = async () => {
-  const res = await getUserProfileApi()
+  const res = await getUserProfile()
  userInfo.value = res
  for (const i in SystemUserSocialTypeEnum) {
    const socialUser = { ...SystemUserSocialTypeEnum[i] }
--- a/src/views/bpm/form/index.vue
+++ b/src/views/bpm/form/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <content-wrap>
+  <ContentWrap>
    <!-- 搜索工作栏 -->
    <el-form
      class="-mb-15px"
@@ -25,10 +25,10 @@
        </el-button>
      </el-form-item>
    </el-form>
-  </content-wrap>
+  </ContentWrap>

  <!-- 列表 -->
-  <content-wrap>
+  <ContentWrap>
    <el-table v-loading="loading" :data="list">
      <el-table-column label="编号" align="center" prop="id" />
      <el-table-column label="表单名" align="center" prop="name" />
@@ -75,7 +75,7 @@
      v-model:limit="queryParams.pageSize"
      @pagination="getList"
    />
-  </content-wrap>
+  </ContentWrap>

  <!-- 表单详情的弹窗 -->
  <Dialog title="表单详情" v-model="detailVisible" width="800">
--- a/src/views/bpm/oa/leave/create.vue
+++ b/src/views/bpm/oa/leave/create.vue
@@ -44,7 +44,7 @@ const submitForm = async () => {
      data.startTime = Date.parse(new Date(data.startTime).toString()).toString()
      data.endTime = Date.parse(new Date(data.endTime).toString()).toString()
      // 添加的提交
-      await LeaveApi.createLeaveApi(data)
+      await LeaveApi.createLeave(data)
      message.success(t('common.createSuccess'))
      // 关闭窗口
      push('/bpm/oa/leave')
--- a/src/views/bpm/oa/leave/detail.vue
+++ b/src/views/bpm/oa/leave/detail.vue
@@ -35,7 +35,7 @@ onMounted(() => {
    return
  }
  // 获得请假信息
-  LeaveApi.getLeaveApi(id.value).then((data) => {
+  LeaveApi.getLeave(id.value).then((data) => {
    formData.value = data
  })
 })
--- a/src/views/bpm/oa/leave/index.vue
+++ b/src/views/bpm/oa/leave/index.vue
@@ -37,7 +37,7 @@ const { push } = useRouter() // 路由

 const [registerTable, { reload }] = useXTable({
  allSchemas: allSchemas,
-  getListApi: LeaveApi.getLeavePageApi
+  getListApi: LeaveApi.getLeavePage
 })

 // 发起请假
@@ -55,7 +55,7 @@ const cancelLeave = (row) => {
    inputPattern: /^[\s\S]*.*\S[\s\S]*$/, // 判断非空，且非空格
    inputErrorMessage: '取消原因不能为空'
  }).then(async ({ value }) => {
-    await ProcessInstanceApi.cancelProcessInstanceApi(row.id, value)
+    await ProcessInstanceApi.cancelProcessInstance(row.id, value)
    message.success('取消成功')
    reload()
  })
--- a/src/views/bpm/processInstance/create/index.vue
+++ b/src/views/bpm/processInstance/create/index.vue
@@ -111,7 +111,7 @@ const submitForm = async (formData) => {
  // 提交请求
  fApi.value.btn.loading(true)
  try {
-    await ProcessInstanceApi.createProcessInstanceApi({
+    await ProcessInstanceApi.createProcessInstance({
      processDefinitionId: selectProcessInstance.value.id,
      variables: formData
    })
--- a/src/views/bpm/processInstance/detail/index.vue
+++ b/src/views/bpm/processInstance/detail/index.vue
@@ -189,7 +189,7 @@ const getDetail = () => {
 const getProcessInstance = async () => {
  try {
    processInstanceLoading.value = true
-    const data = await ProcessInstanceApi.getProcessInstanceApi(id)
+    const data = await ProcessInstanceApi.getProcessInstance(id)
    if (!data) {
      message.error('查询不到流程信息！')
      return
--- a/src/views/bpm/processInstance/index.vue
+++ b/src/views/bpm/processInstance/index.vue
@@ -57,7 +57,7 @@ const { t } = useI18n() // 国际化
 // ========== 列表相关 ==========
 const [registerTable, { reload }] = useXTable({
  allSchemas: allSchemas,
-  getListApi: ProcessInstanceApi.getMyProcessInstancePageApi
+  getListApi: ProcessInstanceApi.getMyProcessInstancePage
 })

 /** 发起流程操作 **/
@@ -85,7 +85,7 @@ const handleCancel = (row) => {
    inputPattern: /^[\s\S]*.*\S[\s\S]*$/, // 判断非空，且非空格
    inputErrorMessage: '取消原因不能为空'
  }).then(async ({ value }) => {
-    await ProcessInstanceApi.cancelProcessInstanceApi(row.id, value)
+    await ProcessInstanceApi.cancelProcessInstance(row.id, value)
    message.success('取消成功')
    reload()
  })
--- a/src/views/infra/apiAccessLog/index.vue
+++ b/src/views/infra/apiAccessLog/index.vue
@@ -1,5 +1,7 @@
 <template>
-  <content-wrap>
+  <doc-alert title="系统日志" url="https://doc.iocoder.cn/system-log/" />
+
+  <ContentWrap>
    <!-- 搜索工作栏 -->
    <el-form
      class="-mb-15px"
@@ -25,10 +27,10 @@
          class="!w-240px"
        >
          <el-option
-            v-for="dict in getDictOptions(DICT_TYPE.USER_TYPE)"
-            :key="parseInt(dict.value)"
+            v-for="dict in getIntDictOptions(DICT_TYPE.USER_TYPE)"
+            :key="dict.value"
            :label="dict.label"
-            :value="parseInt(dict.value)"
+            :value="dict.value"
          />
        </el-select>
      </el-form-item>
@@ -84,10 +86,10 @@
        </el-button>
      </el-form-item>
    </el-form>
-  </content-wrap>
+  </ContentWrap>

  <!-- 列表 -->
-  <content-wrap>
+  <ContentWrap>
    <el-table v-loading="loading" :data="list">
      <el-table-column label="日志编号" align="center" prop="id" />
      <el-table-column label="用户编号" align="center" prop="userId" />
@@ -105,15 +107,11 @@
        </template>
      </el-table-column>
      <el-table-column label="执行时长" align="center" prop="duration" width="180">
-        <template #default="scope">
-          <span>{{ scope.row.duration }} ms</span>
-        </template>
+        <template #default="scope"> {{ scope.row.duration }} ms </template>
      </el-table-column>
      <el-table-column label="操作结果" align="center" prop="status">
        <template #default="scope">
-          <span>{{
-            scope.row.resultCode === 0 ? '成功' : '失败(' + scope.row.resultMsg + ')'
-          }}</span>
+          {{ scope.row.resultCode === 0 ? '成功' : '失败(' + scope.row.resultMsg + ')' }}
        </template>
      </el-table-column>
      <el-table-column label="操作" align="center">
@@ -136,19 +134,17 @@
      v-model:limit="queryParams.pageSize"
      @pagination="getList"
    />
-  </content-wrap>
+  </ContentWrap>

  <!-- 表单弹窗：详情 -->
  <ApiAccessLogDetail ref="detailRef" />
 </template>
-
 <script setup lang="ts" name="ApiAccessLog">
-import { DICT_TYPE, getDictOptions } from '@/utils/dict'
+import { DICT_TYPE, getIntDictOptions } from '@/utils/dict'
 import download from '@/utils/download'
 import { formatDate } from '@/utils/formatTime'
 import * as ApiAccessLogApi from '@/api/infra/apiAccessLog'
 import ApiAccessLogDetail from './ApiAccessLogDetail.vue'
-
 const message = useMessage() // 消息弹窗

 const loading = ref(true) // 列表的加载中
--- a/src/views/infra/apiErrorLog/index.vue
+++ b/src/views/infra/apiErrorLog/index.vue
@@ -1,4 +1,6 @@
 <template>
+  <doc-alert title="系统日志" url="https://doc.iocoder.cn/system-log/" />
+
  <ContentWrap>
    <!-- 搜索工作栏 -->
    <el-form
--- a/src/views/infra/codegen/EditTable.vue
+++ b/src/views/infra/codegen/EditTable.vue
@@ -1,5 +1,5 @@
 <template>
-  <content-wrap v-loading="formLoading">
+  <ContentWrap v-loading="formLoading">
    <el-tabs v-model="activeName">
      <el-tab-pane label="基本信息" name="basicInfo">
        <basic-info-form ref="basicInfoRef" :table="formData.table" />
@@ -17,7 +17,7 @@
        <el-button @click="close">返回</el-button>
      </el-form-item>
    </el-form>
-  </content-wrap>
+  </ContentWrap>
 </template>
 <script setup lang="ts">
 import { useTagsViewStore } from '@/store/modules/tagsView'
--- a/src/views/infra/codegen/index.vue
+++ b/src/views/infra/codegen/index.vue
@@ -1,6 +1,9 @@
 <template>
+  <doc-alert title="代码生成" url="https://doc.iocoder.cn/new-feature/" />
+  <doc-alert title="单元测试" url="https://doc.iocoder.cn/unit-test/" />
+
  <!-- 搜索 -->
-  <content-wrap>
+  <ContentWrap>
    <el-form
      class="-mb-15px"
      :model="queryParams"
@@ -45,10 +48,10 @@
        </el-button>
      </el-form-item>
    </el-form>
-  </content-wrap>
+  </ContentWrap>

  <!-- 列表 -->
-  <content-wrap>
+  <ContentWrap>
    <el-table v-loading="loading" :data="list">
      <el-table-column label="数据源" align="center">
        <template #default="scope">
@@ -132,7 +135,7 @@
      v-model:limit="queryParams.pageSize"
      @pagination="getList"
    />
-  </content-wrap>
+  </ContentWrap>

  <!-- 弹窗：导入表 -->
  <ImportTable ref="importRef" success="getList" />
--- a/src/views/infra/config/ConfigForm.vue
+++ b/src/views/infra/config/ConfigForm.vue
@@ -70,7 +70,7 @@ const formRules = reactive({
 const formRef = ref() // 表单 Ref

 /** 打开弹窗 */
-const openModal = async (type: string, id?: number) => {
+const open = async (type: string, id?: number) => {
  dialogVisible.value = true
  dialogTitle.value = t('action.' + type)
  formType.value = type
@@ -85,7 +85,7 @@ const openModal = async (type: string, id?: number) => {
    }
  }
 }
-defineExpose({ openModal }) // 提供 openModal 方法，用于打开弹窗
+defineExpose({ open }) // 提供 open 方法，用于打开弹窗

 /** 提交表单 */
 const emit = defineEmits(['success']) // 定义 success 事件，用于操作成功后的回调
--- a/src/views/infra/config/index.vue
+++ b/src/views/infra/config/index.vue
@@ -1,6 +1,8 @@
 <template>
+  <doc-alert title="配置中心" url="https://doc.iocoder.cn/config-center/" />
+
  <!-- 搜索 -->
-  <content-wrap>
+  <ContentWrap>
    <el-form
      class="-mb-15px"
      :model="queryParams"
@@ -34,10 +36,10 @@
          class="!w-240px"
        >
          <el-option
-            v-for="dict in getDictOptions(DICT_TYPE.INFRA_CONFIG_TYPE)"
-            :key="parseInt(dict.value)"
+            v-for="dict in getIntDictOptions(DICT_TYPE.INFRA_CONFIG_TYPE)"
+            :key="dict.value"
            :label="dict.label"
-            :value="parseInt(dict.value)"
+            :value="dict.value"
          />
        </el-select>
      </el-form-item>
@@ -58,7 +60,7 @@
        <el-button
          type="primary"
          plain
-          @click="openModal('create')"
+          @click="openForm('create')"
          v-hasPermi="['infra:config:create']"
        >
          <Icon icon="ep:plus" class="mr-5px" /> 新增
@@ -74,10 +76,10 @@
        </el-button>
      </el-form-item>
    </el-form>
-  </content-wrap>
+  </ContentWrap>

  <!-- 列表 -->
-  <content-wrap>
+  <ContentWrap>
    <el-table v-loading="loading" :data="list">
      <el-table-column label="参数主键" align="center" prop="id" />
      <el-table-column label="参数分类" align="center" prop="category" />
@@ -107,7 +109,7 @@
          <el-button
            link
            type="primary"
-            @click="openModal('update', scope.row.id)"
+            @click="openForm('update', scope.row.id)"
            v-hasPermi="['infra:config:update']"
          >
            编辑
@@ -130,17 +132,17 @@
      v-model:limit="queryParams.pageSize"
      @pagination="getList"
    />
-  </content-wrap>
+  </ContentWrap>

  <!-- 表单弹窗：添加/修改 -->
-  <config-form ref="modalRef" @success="getList" />
+  <ConfigForm ref="formRef" @success="getList" />
 </template>
 <script setup lang="ts" name="Config">
-import { DICT_TYPE, getDictOptions } from '@/utils/dict'
+import { DICT_TYPE, getIntDictOptions } from '@/utils/dict'
 import { dateFormatter } from '@/utils/formatTime'
 import download from '@/utils/download'
 import * as ConfigApi from '@/api/infra/config'
-import ConfigForm from './form.vue'
+import ConfigForm from './ConfigForm.vue'
 const message = useMessage() // 消息弹窗
 const { t } = useI18n() // 国际化

@@ -183,9 +185,9 @@ const resetQuery = () => {
 }

 /** 添加/修改操作 */
-const modalRef = ref()
-const openModal = (type: string, id?: number) => {
-  modalRef.value.openModal(type, id)
+const formRef = ref()
+const openForm = (type: string, id?: number) => {
+  formRef.value.open(type, id)
 }

 /** 删除按钮操作 */
@@ -208,7 +210,7 @@ const handleExport = async () => {
    await message.exportConfirm()
    // 发起导出
    exportLoading.value = true
-    const data = await ConfigApi.exportConfigApi(queryParams)
+    const data = await ConfigApi.exportConfig(queryParams)
    download.excel(data, '参数配置.xls')
  } catch {
  } finally {
--- a/src/views/infra/dataSourceConfig/DataSourceConfigForm.vue
+++ b/src/views/infra/dataSourceConfig/DataSourceConfigForm.vue
@@ -52,7 +52,7 @@ const formRules = reactive({
 const formRef = ref() // 表单 Ref

 /** 打开弹窗 */
-const openModal = async (type: string, id?: number) => {
+const open = async (type: string, id?: number) => {
  dialogVisible.value = true
  dialogTitle.value = t('action.' + type)
  formType.value = type
@@ -67,7 +67,7 @@ const openModal = async (type: string, id?: number) => {
    }
  }
 }
-defineExpose({ openModal }) // 提供 openModal 方法，用于打开弹窗
+defineExpose({ open }) // 提供 open 方法，用于打开弹窗

 /** 提交表单 */
 const emit = defineEmits(['success']) // 定义 success 事件，用于操作成功后的回调
--- a/src/views/infra/dataSourceConfig/index.vue
+++ b/src/views/infra/dataSourceConfig/index.vue
@@ -1,23 +1,23 @@
 <template>
-  <content-wrap>
+  <ContentWrap>
    <!-- 搜索工作栏 -->
    <el-form class="-mb-15px" :inline="true">
      <el-form-item>
        <el-button
          type="primary"
          plain
-          @click="openModal('create')"
+          @click="openForm('create')"
          v-hasPermi="['infra:data-source-config:create']"
        >
          <Icon icon="ep:plus" class="mr-5px" /> 新增
        </el-button>
      </el-form-item>
    </el-form>
-  </content-wrap>
+  </ContentWrap>

  <!-- 列表 -->
-  <content-wrap>
-    <el-table v-loading="loading" :data="list" align="center">
+  <ContentWrap>
+    <el-table v-loading="loading" :data="list">
      <el-table-column label="主键编号" align="center" prop="id" />
      <el-table-column label="数据源名称" align="center" prop="name" />
      <el-table-column label="数据源连接" align="center" prop="url" :show-overflow-tooltip="true" />
@@ -34,7 +34,7 @@
          <el-button
            link
            type="primary"
-            @click="openModal('update', scope.row.id)"
+            @click="openForm('update', scope.row.id)"
            v-hasPermi="['infra:data-source-config:update']"
            :disabled="scope.row.id === 0"
          >
@@ -52,15 +52,15 @@
        </template>
      </el-table-column>
    </el-table>
-  </content-wrap>
+  </ContentWrap>

  <!-- 表单弹窗：添加/修改 -->
-  <data-source-config-form ref="modalRef" @success="getList" />
+  <DataSourceConfigForm ref="formRef" @success="getList" />
 </template>
 <script setup lang="ts" name="DataSourceConfig">
 import { dateFormatter } from '@/utils/formatTime'
 import * as DataSourceConfigApi from '@/api/infra/dataSourceConfig'
-import DataSourceConfigForm from './form.vue'
+import DataSourceConfigForm from './DataSourceConfigForm.vue'
 const message = useMessage() // 消息弹窗
 const { t } = useI18n() // 国际化

@@ -78,9 +78,9 @@ const getList = async () => {
 }

 /** 添加/修改操作 */
-const modalRef = ref()
-const openModal = (type: string, id?: number) => {
-  modalRef.value.openModal(type, id)
+const formRef = ref()
+const openForm = (type: string, id?: number) => {
+  formRef.value.open(type, id)
 }

 /** 删除按钮操作 */
--- a/src/views/infra/dbDoc/index.vue
+++ b/src/views/infra/dbDoc/index.vue
@@ -1,4 +1,6 @@
 <template>
+  <doc-alert title="数据库文档" url="https://doc.iocoder.cn/db-doc/" />
+
  <ContentWrap title="数据库文档">
    <!-- 操作工具栏 -->
    <div class="mb-10px">
@@ -34,7 +36,7 @@ const src = ref('')
 const loding = ref(true)
 /** 页面加载 */
 const init = async () => {
-  const res = await DbDocApi.exportHtmlApi()
+  const res = await DbDocApi.exportHtml()
  let blob = new Blob([res], { type: 'text/html' })
  let blobUrl = window.URL.createObjectURL(blob)
  src.value = blobUrl
@@ -43,15 +45,15 @@ const init = async () => {
 /** 处理导出  */
 const handleExport = async (type: string) => {
  if (type === 'HTML') {
-    const res = await DbDocApi.exportHtmlApi()
+    const res = await DbDocApi.exportHtml()
    download.html(res, '数据库文档.html')
  }
  if (type === 'Word') {
-    const res = await DbDocApi.exportWordApi()
+    const res = await DbDocApi.exportWord()
    download.word(res, '数据库文档.doc')
  }
  if (type === 'Markdown') {
-    const res = await DbDocApi.exportMarkdownApi()
+    const res = await DbDocApi.exportMarkdown()
    download.markdown(res, '数据库文档.md')
  }
 }
--- a/src/views/infra/druid/index.vue
+++ b/src/views/infra/druid/index.vue
@@ -1,4 +1,7 @@
 <template>
+  <doc-alert title="数据库 MyBatis" url="https://doc.iocoder.cn/mybatis/" />
+  <doc-alert title="多数据源（读写分离）" url="https://doc.iocoder.cn/dynamic-datasource/" />
+
  <ContentWrap>
    <IFrame :src="src" />
  </ContentWrap>
--- a/src/views/infra/file/FileForm.vue
+++ b/src/views/infra/file/FileForm.vue
@@ -1,5 +1,5 @@
 <template>
-  <Dialog :title="dialogTitle" v-model="dialogVisible">
+  <Dialog title="上传文件" v-model="dialogVisible">
    <el-upload
      ref="uploadRef"
      :limit="1"
@@ -28,11 +28,9 @@
    </template>
  </Dialog>
 </template>
-
 <script setup lang="ts">
 import { Dialog } from '@/components/Dialog'
 import { getAccessToken } from '@/utils/auth'
-
 const { t } = useI18n() // 国际化
 const message = useMessage() // 消息弹窗

@@ -45,11 +43,10 @@ const data = ref({ path: '' })
 const uploadRef = ref()

 /** 打开弹窗 */
-const openModal = async () => {
+const open = async () => {
  dialogVisible.value = true
-  dialogTitle.value = t('action.fileUpload')
 }
-defineExpose({ openModal }) // 提供 openModal 方法，用于打开弹窗
+defineExpose({ open }) // 提供 open 方法，用于打开弹窗

 /** 提交表单 */
 const emit = defineEmits(['success']) // 定义 success 事件，用于操作成功后的回调
--- a/src/views/infra/file/index.vue
+++ b/src/views/infra/file/index.vue
@@ -1,6 +1,8 @@
 <template>
+  <doc-alert title="上传下载" url="https://doc.iocoder.cn/file/"/>
+
  <!-- 搜索 -->
-  <content-wrap>
+  <ContentWrap>
    <el-form class="-mb-15px" :model="queryParams" ref="queryFormRef" :inline="true">
      <el-form-item label="文件路径" prop="path">
        <el-input
@@ -31,16 +33,16 @@
      <el-form-item>
        <el-button @click="handleQuery"><Icon icon="ep:search" class="mr-5px" /> 搜索</el-button>
        <el-button @click="resetQuery"><Icon icon="ep:refresh" class="mr-5px" /> 重置</el-button>
-        <el-button type="primary" @click="openModal">
+        <el-button type="primary" @click="openForm">
          <Icon icon="ep:upload" class="mr-5px" /> 上传文件
        </el-button>
      </el-form-item>
    </el-form>
-  </content-wrap>
+  </ContentWrap>

  <!-- 列表 -->
-  <content-wrap>
-    <el-table v-loading="loading" :data="list" align="center">
+  <ContentWrap>
+    <el-table v-loading="loading" :data="list">
      <el-table-column label="文件名" align="center" prop="name" :show-overflow-tooltip="true" />
      <el-table-column label="文件路径" align="center" prop="path" :show-overflow-tooltip="true" />
      <el-table-column label="URL" align="center" prop="url" :show-overflow-tooltip="true" />
@@ -79,16 +81,16 @@
      v-model:limit="queryParams.pageSize"
      @pagination="getList"
    />
-  </content-wrap>
+  </ContentWrap>

  <!-- 表单弹窗：添加/修改 -->
-  <file-upload-form ref="modalRef" @success="getList" />
+  <FileForm ref="formRef" @success="getList" />
 </template>
 <script setup lang="ts" name="Config">
 import { fileSizeFormatter } from '@/utils'
 import { dateFormatter } from '@/utils/formatTime'
 import * as FileApi from '@/api/infra/file'
-import FileUploadForm from './form.vue'
+import FileUploadForm from './FileForm.vue'
 const message = useMessage() // 消息弹窗
 const { t } = useI18n() // 国际化

@@ -129,9 +131,9 @@ const resetQuery = () => {
 }

 /** 添加/修改操作 */
-const modalRef = ref()
-const openModal = () => {
-  modalRef.value.openModal()
+const formRef = ref()
+const openForm = () => {
+  formRef.value.open()
 }

 /** 删除按钮操作 */
--- a/src/views/infra/fileConfig/FileConfigForm.vue
+++ b/src/views/infra/fileConfig/FileConfigForm.vue
@@ -101,7 +101,6 @@
 <script setup lang="ts">
 import { DICT_TYPE, getDictOptions } from '@/utils/dict'
 import * as FileConfigApi from '@/api/infra/fileConfig'
-
 const { t } = useI18n() // 国际化
 const message = useMessage() // 消息弹窗

@@ -136,7 +135,7 @@ const formRules = reactive({
 const formRef = ref() // 表单 Ref

 /** 打开弹窗 */
-const openModal = async (type: string, id?: number) => {
+const open = async (type: string, id?: number) => {
  dialogVisible.value = true
  dialogTitle.value = t('action.' + type)
  formType.value = type
@@ -151,7 +150,7 @@ const openModal = async (type: string, id?: number) => {
    }
  }
 }
-defineExpose({ openModal }) // 提供 openModal 方法，用于打开弹窗
+defineExpose({ open }) // 提供 open 方法，用于打开弹窗

 /** 提交表单 */
 const emit = defineEmits(['success']) // 定义 success 事件，用于操作成功后的回调
--- a/src/views/infra/fileConfig/index.vue
+++ b/src/views/infra/fileConfig/index.vue
@@ -1,6 +1,8 @@
 <template>
+  <doc-alert title="上传下载" url="https://doc.iocoder.cn/file/" />
+
  <!-- 搜索 -->
-  <content-wrap>
+  <ContentWrap>
    <el-form class="-mb-15px" :model="queryParams" ref="queryFormRef" :inline="true">
      <el-form-item label="配置名" prop="name">
        <el-input
@@ -13,10 +15,10 @@
      <el-form-item label="存储器" prop="storage">
        <el-select v-model="queryParams.storage" placeholder="请选择存储器" clearable>
          <el-option
-            v-for="dict in getDictOptions(DICT_TYPE.INFRA_FILE_STORAGE)"
-            :key="parseInt(dict.value)"
+            v-for="dict in getIntDictOptions(DICT_TYPE.INFRA_FILE_STORAGE)"
+            :key="dict.value"
            :label="dict.label"
-            :value="parseInt(dict.value)"
+            :value="dict.value"
          />
        </el-select>
      </el-form-item>
@@ -36,18 +38,18 @@
        <el-button
          type="primary"
          plain
-          @click="openModal('create')"
+          @click="openForm('create')"
          v-hasPermi="['infra:file-config:create']"
        >
          <Icon icon="ep:plus" class="mr-5px" /> 新增
        </el-button>
      </el-form-item>
    </el-form>
-  </content-wrap>
+  </ContentWrap>

  <!-- 列表 -->
-  <content-wrap>
-    <el-table v-loading="loading" :data="list" align="center">
+  <ContentWrap>
+    <el-table v-loading="loading" :data="list">
      <el-table-column label="编号" align="center" prop="id" />
      <el-table-column label="配置名" align="center" prop="name" />
      <el-table-column label="存储器" align="center" prop="storage">
@@ -73,7 +75,7 @@
          <el-button
            link
            type="primary"
-            @click="openModal('update', scope.row.id)"
+            @click="openForm('update', scope.row.id)"
            v-hasPermi="['infra:file-config:update']"
          >
            编辑
@@ -106,15 +108,15 @@
      v-model:limit="queryParams.pageSize"
      @pagination="getList"
    />
-  </content-wrap>
+  </ContentWrap>

  <!-- 表单弹窗：添加/修改 -->
-  <file-config-form ref="modalRef" @success="getList" />
+  <FileConfigForm ref="formRef" @success="getList" />
 </template>
 <script setup lang="ts" name="Config">
 import * as FileConfigApi from '@/api/infra/fileConfig'
-import FileConfigForm from './form.vue'
-import { DICT_TYPE, getDictOptions } from '@/utils/dict'
+import FileConfigForm from './FileConfigForm.vue'
+import { DICT_TYPE, getIntDictOptions } from '@/utils/dict'
 import { dateFormatter } from '@/utils/formatTime'
 const message = useMessage() // 消息弹窗
 const { t } = useI18n() // 国际化
@@ -156,9 +158,9 @@ const resetQuery = () => {
 }

 /** 添加/修改操作 */
-const modalRef = ref()
-const openModal = (type: string, id?: number) => {
-  modalRef.value.openModal(type, id)
+const formRef = ref()
+const openForm = (type: string, id?: number) => {
+  formRef.value.open(type, id)
 }

 /** 删除按钮操作 */
--- a/src/views/infra/job/index.vue
+++ b/src/views/infra/job/index.vue
@@ -1,5 +1,9 @@
 <template>
-  <content-wrap>
+  <doc-alert title="定时任务" url="https://doc.iocoder.cn/job/" />
+  <doc-alert title="异步任务" url="https://doc.iocoder.cn/async-task/" />
+  <doc-alert title="消息队列" url="https://doc.iocoder.cn/message-queue/" />
+
+  <ContentWrap>
    <!-- 搜索工作栏 -->
    <el-form
      class="-mb-15px"
@@ -66,10 +70,10 @@
        </el-button>
      </el-form-item>
    </el-form>
-  </content-wrap>
+  </ContentWrap>

  <!-- 列表 -->
-  <content-wrap>
+  <ContentWrap>
    <el-table v-loading="loading" :data="list">
      <el-table-column label="任务编号" align="center" prop="id" />
      <el-table-column label="任务名称" align="center" prop="name" />
@@ -136,7 +140,7 @@
      v-model:limit="queryParams.pageSize"
      @pagination="getList"
    />
-  </content-wrap>
+  </ContentWrap>

  <!-- 表单弹窗：添加/修改 -->
  <JobForm ref="formRef" @success="getList" />
@@ -271,7 +275,7 @@ const handleRun = async (row: JobApi.JobVO) => {
    // 二次确认
    await message.confirm('确认要立即执行一次' + row.name + '?', t('common.reminder'))
    // 提交执行
-    await JobApi.runJobApi(row.id)
+    await JobApi.runJob(row.id)
    message.success('执行成功')
    // 刷新列表
    await getList()
@@ -286,7 +290,7 @@ const openDetail = (id: number) => {

 /** 跳转执行日志 */
 const handleJobLog = (id: number) => {
-  if (id) {
+  if (id > 0) {
    push('/job/job-log?id=' + id)
  } else {
    push('/job/job-log')
--- a/src/views/infra/job/logger/index.vue
+++ b/src/views/infra/job/logger/index.vue
@@ -1,5 +1,9 @@
 <template>
-  <content-wrap>
+  <doc-alert title="定时任务" url="https://doc.iocoder.cn/job/" />
+  <doc-alert title="异步任务" url="https://doc.iocoder.cn/async-task/" />
+  <doc-alert title="消息队列" url="https://doc.iocoder.cn/message-queue/" />
+
+  <ContentWrap>
    <!-- 搜索工作栏 -->
    <el-form
      class="-mb-15px"
@@ -67,10 +71,10 @@
        </el-button>
      </el-form-item>
    </el-form>
-  </content-wrap>
+  </ContentWrap>

  <!-- 列表 -->
-  <content-wrap>
+  <ContentWrap>
    <el-table v-loading="loading" :data="list">
      <el-table-column label="日志编号" align="center" prop="id" />
      <el-table-column label="任务编号" align="center" prop="jobId" />
@@ -112,7 +116,7 @@
      v-model:limit="queryParams.pageSize"
      @pagination="getList"
    />
-  </content-wrap>
+  </ContentWrap>

  <!-- 表单弹窗：查看 -->
  <JobLogDetail ref="detailRef" />
--- a/src/views/infra/redis/index.vue
+++ b/src/views/infra/redis/index.vue
@@ -1,4 +1,7 @@
 <template>
+  <doc-alert title="Redis 缓存" url="https://doc.iocoder.cn/redis-cache/" />
+  <doc-alert title="本地缓存" url="https://doc.iocoder.cn/local-cache/" />
+
  <el-scrollbar height="calc(100vh - 88px - 40px - 50px)">
    <el-row>
      <el-col :span="24" class="card-box" shadow="hover">
@@ -130,18 +133,18 @@ import { DICT_TYPE } from '@/utils/dict'

 import * as RedisApi from '@/api/infra/redis'
 import { RedisKeyInfo, RedisMonitorInfoVO } from '@/api/infra/redis/types'
-
 const { t } = useI18n() // 国际化
 const message = useMessage() // 消息弹窗
+
 const cache = ref<RedisMonitorInfoVO>()
 const keyListLoad = ref(true)
 const keyList = ref<RedisKeyInfo[]>([])
 // 基本信息
 const readRedisInfo = async () => {
-  const data = await RedisApi.getCacheApi()
+  const data = await RedisApi.getCache()
  cache.value = data
  loadEchartOptions(data.commandStats)
-  const redisKeysInfo = await RedisApi.getKeyDefineListApi()
+  const redisKeysInfo = await RedisApi.getKeyDefineList()
  keyList.value = redisKeysInfo
  keyListLoad.value = false //加载完成
 }
@@ -250,19 +253,19 @@ const cacheForm = ref<{
 })
 const openKeyTemplate = async (row: RedisKeyInfo) => {
  keyTemplate.value = row.keyTemplate
-  cacheKeys.value = await RedisApi.getKeyListApi(row.keyTemplate)
+  cacheKeys.value = await RedisApi.getKeyList(row.keyTemplate)
  dialogVisible.value = true
 }
 const handleDeleteKey = async (row) => {
-  RedisApi.deleteKeyApi(row)
+  RedisApi.deleteKey(row)
  message.success(t('common.delSuccess'))
 }
 const handleDeleteKeys = async (row) => {
-  RedisApi.deleteKeysApi(row)
+  RedisApi.deleteKeys(row)
  message.success(t('common.delSuccess'))
 }
 const handleKeyValue = async (row) => {
-  const res = await RedisApi.getKeyValueApi(row)
+  const res = await RedisApi.getKeyValue(row)
  cacheForm.value = res
 }
 onBeforeMount(() => {
--- a/src/views/infra/server/index.vue
+++ b/src/views/infra/server/index.vue
@@ -1,4 +1,5 @@
 <template>
+  <doc-alert title="服务监控" url="https://doc.iocoder.cn/server-monitor/" />
  <ContentWrap>
    <IFrame :src="src" />
  </ContentWrap>
--- a/src/views/infra/skywalking/index.vue
+++ b/src/views/infra/skywalking/index.vue
@@ -1,4 +1,5 @@
 <template>
+  <doc-alert title="服务监控" url="https://doc.iocoder.cn/server-monitor/" />
  <ContentWrap>
    <IFrame :src="src" />
  </ContentWrap>
--- a/src/views/infra/swagger/index.vue
+++ b/src/views/infra/swagger/index.vue
@@ -1,4 +1,6 @@
 <template>
+  <doc-alert title="接口文档" url="https://doc.iocoder.cn/api-doc/" />
+
  <ContentWrap>
    <IFrame :src="src" />
  </ContentWrap>
--- a/src/views/mall/product/property/PropertyForm.vue
+++ b/src/views/mall/product/property/PropertyForm.vue
@@ -15,10 +15,8 @@
      </el-form-item>
    </el-form>
    <template #footer>
-      <div class="dialog-footer">
-        <el-button @click="submitForm" type="primary" :disabled="formLoading">确 定</el-button>
-        <el-button @click="dialogVisible = false">取 消</el-button>
-      </div>
+      <el-button @click="submitForm" type="primary" :disabled="formLoading">确 定</el-button>
+      <el-button @click="dialogVisible = false">取 消</el-button>
    </template>
  </Dialog>
 </template>
--- a/src/views/mp/account/index.vue
+++ b/src/views/mp/account/index.vue
@@ -1,6 +1,8 @@
 <template>
+  <doc-alert title="公众号接入" url="https://doc.iocoder.cn/mp/account/" />
+
  <!-- 搜索工作栏 -->
-  <content-wrap>
+  <ContentWrap>
    <el-form
      class="-mb-15px"
      :model="queryParams"
@@ -25,10 +27,10 @@
        </el-button>
      </el-form-item>
    </el-form>
-  </content-wrap>
+  </ContentWrap>

  <!-- 列表 -->
-  <content-wrap>
+  <ContentWrap>
    <el-table v-loading="loading" :data="list">
      <el-table-column label="名称" align="center" prop="name" />
      <el-table-column label="微信号" align="center" prop="account" width="180" />
@@ -86,15 +88,14 @@
        </template>
      </el-table-column>
    </el-table>
-    <!-- 分页组件 -->
-    <pagination
-      v-show="total > 0"
+    <!-- 分页 -->
+    <Pagination
      :total="total"
      v-model:page="queryParams.pageNo"
      v-model:limit="queryParams.pageSize"
      @pagination="getList"
    />
-  </content-wrap>
+  </ContentWrap>

  <!-- 对话框(添加 / 修改) -->
  <AccountForm ref="formRef" @success="getList" />
@@ -102,7 +103,6 @@
 <script setup lang="ts" name="MpAccount">
 import * as AccountApi from '@/api/mp/account'
 import AccountForm from './AccountForm.vue'
-
 const message = useMessage() // 消息弹窗
 const { t } = useI18n() // 国际化

--- a/src/views/mp/freePublish/index.vue
+++ b/src/views/mp/freePublish/index.vue
@@ -1,6 +1,8 @@
 <template>
+  <doc-alert title="公众号图文" url="https://doc.iocoder.cn/mp/article/" />
+
  <!-- 搜索工作栏 -->
-  <content-wrap>
+  <ContentWrap>
    <el-form
      class="-mb-15px"
      :model="queryParams"
@@ -23,10 +25,10 @@
        <el-button @click="resetQuery"><Icon icon="ep:refresh" class="mr-5px" /> 重置</el-button>
      </el-form-item>
    </el-form>
-  </content-wrap>
+  </ContentWrap>

  <!-- 列表 -->
-  <content-wrap>
+  <ContentWrap>
    <div class="waterfall" v-loading="loading">
      <div
        class="waterfall-item"
@@ -54,7 +56,7 @@
      v-model:limit="queryParams.pageSize"
      @pagination="getList"
    />
-  </content-wrap>
+  </ContentWrap>
 </template>

 <script setup lang="ts" name="freePublish">
--- a/src/views/mp/statistics/index.vue
+++ b/src/views/mp/statistics/index.vue
@@ -1,6 +1,6 @@
 <template>
  <!-- 搜索工作栏 -->
-  <content-wrap>
+  <ContentWrap>
    <el-form class="-mb-15px" ref="queryForm" :inline="true" label-width="68px">
      <el-form-item label="公众号" prop="accountId">
        <el-select v-model="accountId" @change="getSummary" class="!w-240px">
@@ -24,10 +24,10 @@
        />
      </el-form-item>
    </el-form>
-  </content-wrap>
+  </ContentWrap>

  <!-- 图表 -->
-  <content-wrap>
+  <ContentWrap>
    <el-row>
      <el-col :span="12" class="card-box">
        <el-card>
@@ -70,7 +70,7 @@
        </el-card>
      </el-col>
    </el-row>
-  </content-wrap>
+  </ContentWrap>
 </template>

 <script setup lang="ts" name="MpStatistics">
--- a/src/views/mp/tag/index.vue
+++ b/src/views/mp/tag/index.vue
@@ -1,4 +1,6 @@
 <template>
+  <doc-alert title="公众号标签" url="https://doc.iocoder.cn/mp/tag/" />
+
  <!-- 搜索工作栏 -->
  <ContentWrap>
    <el-form
--- a/src/views/pay/app/index.vue
+++ b/src/views/pay/app/index.vue
@@ -86,9 +86,9 @@ const message = useMessage() // 消息弹窗
 // 列表相关的变量
 const [registerTable, { reload, deleteData, exportList }] = useXTable({
  allSchemas: allSchemas,
-  getListApi: AppApi.getAppPageApi,
-  deleteApi: AppApi.deleteAppApi,
-  exportListApi: AppApi.exportAppApi
+  getListApi: AppApi.getAppPage,
+  deleteApi: AppApi.deleteApp,
+  exportListApi: AppApi.exportApp
 })

 // ========== CRUD 相关 ==========
@@ -115,14 +115,14 @@ const handleCreate = () => {
 const handleUpdate = async (rowId: number) => {
  setDialogTile('update')
  // 设置数据
-  const res = await AppApi.getAppApi(rowId)
+  const res = await AppApi.getApp(rowId)
  unref(formRef)?.setValues(res)
 }

 // 详情操作
 const handleDetail = async (rowId: number) => {
  setDialogTile('detail')
-  const res = await AppApi.getAppApi(rowId)
+  const res = await AppApi.getApp(rowId)
  detailData.value = res
 }

@@ -137,10 +137,10 @@ const submitForm = async () => {
      try {
        const data = unref(formRef)?.formModel as AppApi.AppVO
        if (actionType.value === 'create') {
-          await AppApi.createAppApi(data)
+          await AppApi.createApp(data)
          message.success(t('common.createSuccess'))
        } else {
-          await AppApi.updateAppApi(data)
+          await AppApi.updateApp(data)
          message.success(t('common.updateSuccess'))
        }
        dialogVisible.value = false
--- a/src/views/pay/merchant/index.vue
+++ b/src/views/pay/merchant/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <content-wrap>
+  <ContentWrap>
    <!-- 搜索工作栏 -->
    <el-form
      class="-mb-15px"
@@ -77,10 +77,10 @@
        </el-button>
      </el-form-item>
    </el-form>
-  </content-wrap>
+  </ContentWrap>

  <!-- 列表 -->
-  <content-wrap>
+  <ContentWrap>
    <el-table v-loading="loading" :data="list">
      <el-table-column label="商户编号" align="center" prop="id" />
      <el-table-column label="商户号" align="center" prop="no" />
@@ -132,7 +132,7 @@
      v-model:limit="queryParams.pageSize"
      @pagination="getList"
    />
-  </content-wrap>
+  </ContentWrap>

  <!-- 表单弹窗：添加/修改 -->
  <MerchantForm ref="formRef" @success="getList" />
--- a/src/views/pay/order/index.vue
+++ b/src/views/pay/order/index.vue
@@ -49,8 +49,8 @@ const { t } = useI18n() // 国际化
 // 列表相关的变量
 const [registerTable, { exportList }] = useXTable({
  allSchemas: allSchemas,
-  getListApi: OrderApi.getOrderPageApi,
-  exportListApi: OrderApi.exportOrderApi
+  getListApi: OrderApi.getOrderPage,
+  exportListApi: OrderApi.exportOrder
 })
 // ========== CRUD 相关 ==========
 const actionLoading = ref(false) // 遮罩层
@@ -73,7 +73,7 @@ const handleCreate = () => {
 // 详情操作
 const handleDetail = async (rowId: number) => {
  setDialogTile('detail')
-  const res = await OrderApi.getOrderApi(rowId)
+  const res = await OrderApi.getOrder(rowId)
  detailData.value = res
 }
 </script>
--- a/src/views/pay/refund/index.vue
+++ b/src/views/pay/refund/index.vue
@@ -42,8 +42,8 @@ const { t } = useI18n() // 国际化
 // 列表相关的变量
 const [registerTable, { exportList }] = useXTable({
  allSchemas: allSchemas,
-  getListApi: RefundApi.getRefundPageApi,
-  exportListApi: RefundApi.exportRefundApi
+  getListApi: RefundApi.getRefundPage,
+  exportListApi: RefundApi.exportRefund
 })

 // ========== CRUD 相关 ==========
@@ -53,7 +53,7 @@ const detailData = ref() // 详情 Ref
 // 详情操作
 const handleDetail = async (rowId: number) => {
  // 设置数据
-  detailData.value = RefundApi.getRefundApi(rowId)
+  detailData.value = RefundApi.getRefund(rowId)
  dialogVisible.value = true
 }
 </script>
--- a/src/views/system/area/AreaForm.vue
+++ b/src/views/system/area/AreaForm.vue
@@ -36,11 +36,11 @@ const formRules = reactive({
 const formRef = ref() // 表单 Ref

 /** 打开弹窗 */
-const openModal = async () => {
+const open = async () => {
  dialogVisible.value = true
  resetForm()
 }
-defineExpose({ openModal }) // 提供 openModal 方法，用于打开弹窗
+defineExpose({ open }) // 提供 open 方法，用于打开弹窗

 /** 提交表单 */
 const submitForm = async () => {
--- a/src/views/system/area/index.vue
+++ b/src/views/system/area/index.vue
@@ -1,13 +1,15 @@
 <template>
+  <doc-alert title="地区 & IP" url="https://doc.iocoder.cn/area-and-ip/" />
+
  <!-- 操作栏 -->
-  <content-wrap>
-    <el-button type="primary" plain @click="openModal()">
+  <ContentWrap>
+    <el-button type="primary" plain @click="openForm()">
      <Icon icon="ep:plus" class="mr-5px" /> IP 查询
    </el-button>
-  </content-wrap>
+  </ContentWrap>

  <!-- 列表 -->
-  <content-wrap>
+  <ContentWrap>
    <div style="width: 100%; height: 700px">
      <!-- AutoResizer 自动调节大小 -->
      <el-auto-resizer>
@@ -23,14 +25,14 @@
        </template>
      </el-auto-resizer>
    </div>
-  </content-wrap>
+  </ContentWrap>

  <!-- 表单弹窗：添加/修改 -->
-  <area-form ref="modalRef" />
+  <AreaForm ref="formRef" />
 </template>
 <script setup lang="tsx" name="Area">
 import type { Column } from 'element-plus'
-import AreaForm from './form.vue'
+import AreaForm from './AreaForm.vue'
 import * as AreaApi from '@/api/system/area'

 // 表格的 column 字段
@@ -59,9 +61,9 @@ const getList = async () => {
 }

 /** 添加/修改操作 */
-const modalRef = ref()
-const openModal = () => {
-  modalRef.value.openModal()
+const formRef = ref()
+const openForm = () => {
+  formRef.value.open()
 }

 /** 初始化 **/
--- a/src/views/system/dept/DeptForm.vue
+++ b/src/views/system/dept/DeptForm.vue
@@ -11,7 +11,7 @@
        <el-tree-select
          v-model="formData.parentId"
          :data="deptTree"
-          :props="{ value: 'id', label: 'name', children: 'children' }"
+          :props="defaultProps"
          value-key="deptId"
          placeholder="请选择上级部门"
          check-strictly
@@ -25,12 +25,7 @@
        <el-input-number v-model="formData.sort" controls-position="right" :min="0" />
      </el-form-item>
      <el-form-item label="负责人" prop="leaderUserId">
-        <el-select
-          v-model="formData.leaderUserId"
-          placeholder="请输入负责人"
-          clearable
-          style="width: 100%"
-        >
+        <el-select v-model="formData.leaderUserId" placeholder="请输入负责人" clearable>
          <el-option
            v-for="item in userList"
            :key="item.id"
@@ -64,7 +59,7 @@
 </template>
 <script setup lang="ts">
 import { DICT_TYPE, getIntDictOptions } from '@/utils/dict'
-import { handleTree } from '@/utils/tree'
+import { handleTree, defaultProps } from '@/utils/tree'
 import * as DeptApi from '@/api/system/dept'
 import * as UserApi from '@/api/system/user'
 import { CommonStatusEnum } from '@/utils/constants'
@@ -93,7 +88,8 @@ const formRules = reactive({
  email: [{ type: 'email', message: '请输入正确的邮箱地址', trigger: ['blur', 'change'] }],
  phone: [
    { pattern: /^1[3|4|5|6|7|8|9][0-9]\d{8}$/, message: '请输入正确的手机号码', trigger: 'blur' }
-  ]
+  ],
+  status: [{ required: true, message: '状态不能为空', trigger: 'blur' }]
 })
 const formRef = ref() // 表单 Ref
 const deptTree = ref() // 树形结构
@@ -109,7 +105,7 @@ const open = async (type: string, id?: number) => {
  if (id) {
    formLoading.value = true
    try {
-      formData.value = await DeptApi.getDeptApi(id)
+      formData.value = await DeptApi.getDept(id)
    } finally {
      formLoading.value = false
    }
@@ -133,10 +129,10 @@ const submitForm = async () => {
  try {
    const data = formData.value as unknown as DeptApi.DeptVO
    if (formType.value === 'create') {
-      await DeptApi.createDeptApi(data)
+      await DeptApi.createDept(data)
      message.success(t('common.createSuccess'))
    } else {
-      await DeptApi.updateDeptApi(data)
+      await DeptApi.updateDept(data)
      message.success(t('common.updateSuccess'))
    }
    dialogVisible.value = false
--- a/src/views/system/dept/index.vue
+++ b/src/views/system/dept/index.vue
@@ -51,7 +51,13 @@

  <!-- 列表 -->
  <ContentWrap>
-    <el-table v-loading="loading" :data="list" row-key="id" default-expand-all v-if="refreshTable">
+    <el-table
+      v-loading="loading"
+      :data="list"
+      row-key="id"
+      :default-expand-all="isExpandAll"
+      v-if="refreshTable"
+    >
      <el-table-column prop="name" label="部门名称" width="260" />
      <el-table-column prop="leader" label="负责人" width="120">
        <template #default="scope">
@@ -125,7 +131,7 @@ const userList = ref<UserApi.UserVO[]>([]) // 用户列表
 const getList = async () => {
  loading.value = true
  try {
-    const data = await DeptApi.getDeptPageApi(queryParams)
+    const data = await DeptApi.getDeptPage(queryParams)
    list.value = handleTree(data)
  } finally {
    loading.value = false
@@ -136,7 +142,6 @@ const getList = async () => {
 const toggleExpandAll = () => {
  refreshTable.value = false
  isExpandAll.value = !isExpandAll.value
-  console.log(isExpandAll.value)
  nextTick(() => {
    refreshTable.value = true
  })
@@ -166,7 +171,7 @@ const handleDelete = async (id: number) => {
    // 删除的二次确认
    await message.delConfirm()
    // 发起删除
-    await DeptApi.deleteDeptApi(id)
+    await DeptApi.deleteDept(id)
    message.success(t('common.delSuccess'))
    // 刷新列表
    await getList()
--- a/src/views/system/dict/DictTypeForm.vue
+++ b/src/views/system/dict/DictTypeForm.vue
@@ -20,14 +20,14 @@
      <el-form-item label="状态" prop="status">
        <el-radio-group v-model="formData.status">
          <el-radio
-            v-for="dict in getDictOptions(DICT_TYPE.COMMON_STATUS)"
-            :key="parseInt(dict.value)"
-            :label="parseInt(dict.value)"
-            >{{ dict.label }}</el-radio
+            v-for="dict in getIntDictOptions(DICT_TYPE.COMMON_STATUS)"
+            :key="dict.value"
+            :label="dict.value"
          >
+            {{ dict.label }}
+          </el-radio>
        </el-radio-group>
      </el-form-item>
-
      <el-form-item label="备注" prop="remark">
        <el-input v-model="formData.remark" type="textarea" placeholder="请输入内容" />
      </el-form-item>
@@ -39,10 +39,9 @@
  </Dialog>
 </template>
 <script setup lang="ts">
-import { DICT_TYPE, getDictOptions } from '@/utils/dict'
+import { DICT_TYPE, getIntDictOptions } from '@/utils/dict'
 import * as DictTypeApi from '@/api/system/dict/dict.type'
 import { CommonStatusEnum } from '@/utils/constants'
-
 const { t } = useI18n() // 国际化
 const message = useMessage() // 消息弹窗

@@ -64,7 +63,7 @@ const formRules = reactive({
 const formRef = ref() // 表单 Ref

 /** 打开弹窗 */
-const openModal = async (type: string, id?: number) => {
+const open = async (type: string, id?: number) => {
  dialogVisible.value = true
  dialogTitle.value = t('action.' + type)
  formType.value = type
@@ -79,7 +78,7 @@ const openModal = async (type: string, id?: number) => {
    }
  }
 }
-defineExpose({ openModal }) // 提供 openModal 方法，用于打开弹窗
+defineExpose({ open }) // 提供 open 方法，用于打开弹窗

 /** 提交表单 */
 const emit = defineEmits(['success']) // 定义 success 事件，用于操作成功后的回调
--- a/src/views/system/dict/data/DictDataForm.vue
+++ b/src/views/system/dict/data/DictDataForm.vue
@@ -26,11 +26,12 @@
      <el-form-item label="状态" prop="status">
        <el-radio-group v-model="formData.status">
          <el-radio
-            v-for="dict in getDictOptions(DICT_TYPE.COMMON_STATUS)"
-            :key="parseInt(dict.value)"
-            :label="parseInt(dict.value)"
-            >{{ dict.label }}</el-radio
+            v-for="dict in getIntDictOptions(DICT_TYPE.COMMON_STATUS)"
+            :key="dict.value"
+            :label="dict.value"
          >
+            {{ dict.label }}
+          </el-radio>
        </el-radio-group>
      </el-form-item>
      <el-form-item label="颜色类型" prop="colorType">
@@ -57,7 +58,7 @@
  </Dialog>
 </template>
 <script setup lang="ts">
-import { DICT_TYPE, getDictOptions } from '@/utils/dict'
+import { DICT_TYPE, getIntDictOptions } from '@/utils/dict'
 import * as DictDataApi from '@/api/system/dict/dict.data'
 import { CommonStatusEnum } from '@/utils/constants'
 const { t } = useI18n() // 国际化
@@ -114,7 +115,7 @@ const colorTypeOptions = readonly([
 ])

 /** 打开弹窗 */
-const openModal = async (type: string, id?: number) => {
+const open = async (type: string, id?: number) => {
  dialogVisible.value = true
  dialogTitle.value = t('action.' + type)
  formType.value = type
@@ -129,7 +130,7 @@ const openModal = async (type: string, id?: number) => {
    }
  }
 }
-defineExpose({ openModal }) // 提供 openModal 方法，用于打开弹窗
+defineExpose({ open }) // 提供 open 方法，用于打开弹窗

 /** 提交表单 */
 const emit = defineEmits(['success']) // 定义 success 事件，用于操作成功后的回调
--- a/src/views/system/dict/data/index.vue
+++ b/src/views/system/dict/data/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <content-wrap>
+  <ContentWrap>
    <el-form
      class="-mb-15px"
      :model="queryParams"
@@ -9,7 +9,12 @@
    >
      <el-form-item label="字典名称" prop="dictType">
        <el-select v-model="queryParams.dictType" class="!w-240px">
-          <el-option v-for="item in dicts" :key="item.type" :label="item.name" :value="item.type" />
+          <el-option
+            v-for="item in dictTypeList"
+            :key="item.type"
+            :label="item.name"
+            :value="item.type"
+          />
        </el-select>
      </el-form-item>
      <el-form-item label="字典标签" prop="label">
@@ -24,7 +29,7 @@
      <el-form-item label="状态" prop="status">
        <el-select v-model="queryParams.status" placeholder="数据状态" clearable class="!w-240px">
          <el-option
-            v-for="dict in getDictOptions(DICT_TYPE.COMMON_STATUS)"
+            v-for="dict in getIntDictOptions(DICT_TYPE.COMMON_STATUS)"
            :key="dict.value"
            :label="dict.label"
            :value="dict.value"
@@ -34,7 +39,12 @@
      <el-form-item>
        <el-button @click="handleQuery"><Icon icon="ep:search" class="mr-5px" /> 搜索</el-button>
        <el-button @click="resetQuery"><Icon icon="ep:refresh" class="mr-5px" /> 重置</el-button>
-        <el-button type="primary" @click="openModal('create')" v-hasPermi="['system:dict:create']">
+        <el-button
+          type="primary"
+          plain
+          @click="openForm('create')"
+          v-hasPermi="['system:dict:create']"
+        >
          <Icon icon="ep:plus" class="mr-5px" /> 新增
        </el-button>
        <el-button
@@ -48,10 +58,10 @@
        </el-button>
      </el-form-item>
    </el-form>
-  </content-wrap>
+  </ContentWrap>

  <!-- 列表 -->
-  <content-wrap>
+  <ContentWrap>
    <el-table v-loading="loading" :data="list">
      <el-table-column label="字典编码" align="center" prop="id" />
      <el-table-column label="字典标签" align="center" prop="label" />
@@ -77,7 +87,7 @@
          <el-button
            link
            type="primary"
-            @click="openModal('update', scope.row.id)"
+            @click="openForm('update', scope.row.id)"
            v-hasPermi="['system:dict:update']"
          >
            修改
@@ -100,18 +110,18 @@
      v-model:limit="queryParams.pageSize"
      @pagination="getList"
    />
-  </content-wrap>
+  </ContentWrap>

  <!-- 表单弹窗：添加/修改 -->
-  <data-form ref="modalRef" @success="getList" />
+  <DictDataForm ref="formRef" @success="getList" />
 </template>
-<script setup lang="ts" name="Data">
+<script setup lang="ts" name="DictData">
+import { getIntDictOptions, DICT_TYPE } from '@/utils/dict'
+import { dateFormatter } from '@/utils/formatTime'
+import download from '@/utils/download'
 import * as DictDataApi from '@/api/system/dict/dict.data'
 import * as DictTypeApi from '@/api/system/dict/dict.type'
-import { getDictOptions, DICT_TYPE } from '@/utils/dict'
-import download from '@/utils/download'
-import { dateFormatter } from '@/utils/formatTime'
-import DataForm from './data.form.vue'
+import DictDataForm from './DictDataForm.vue'
 const message = useMessage() // 消息弹窗
 const { t } = useI18n() // 国际化
 const route = useRoute() // 路由
@@ -128,7 +138,7 @@ const queryParams = reactive({
 })
 const queryFormRef = ref() // 搜索的表单
 const exportLoading = ref(false) // 导出的加载中
-const dicts = ref<DictTypeApi.DictTypeVO[]>() // 字典类型的列表
+const dictTypeList = ref<DictTypeApi.DictTypeVO[]>() // 字典类型的列表

 /** 查询列表 */
 const getList = async () => {
@@ -155,9 +165,9 @@ const resetQuery = () => {
 }

 /** 添加/修改操作 */
-const modalRef = ref()
-const openModal = (type: string, id?: number) => {
-  modalRef.value.openModal(type, id)
+const formRef = ref()
+const openForm = (type: string, id?: number) => {
+  formRef.value.open(type, id)
 }

 /** 删除按钮操作 */
@@ -188,15 +198,10 @@ const handleExport = async () => {
  }
 }

-/** 查询字典（精简)列表 */
-const getDictList = async () => {
-  dicts.value = await DictTypeApi.getSimpleDictTypeList()
-}
-
 /** 初始化 **/
-onMounted(() => {
-  getList()
+onMounted(async () => {
+  await getList()
  // 查询字典（精简)列表
-  getDictList()
+  dictTypeList.value = await DictTypeApi.getSimpleDictTypeList()
 })
 </script>
--- a/src/views/system/dict/index.vue
+++ b/src/views/system/dict/index.vue
@@ -1,6 +1,6 @@
 <template>
  <!-- 搜索工作栏 -->
-  <content-wrap>
+  <ContentWrap>
    <el-form
      class="-mb-15px"
      :model="queryParams"
@@ -27,10 +27,15 @@
        />
      </el-form-item>
      <el-form-item label="状态" prop="status">
-        <el-select v-model="queryParams.status" placeholder="字典状态" clearable class="!w-240px">
+        <el-select
+          v-model="queryParams.status"
+          placeholder="请选择字典状态"
+          clearable
+          class="!w-240px"
+        >
          <el-option
-            v-for="dict in getDictOptions(DICT_TYPE.COMMON_STATUS)"
-            :key="parseInt(dict.value)"
+            v-for="dict in getIntDictOptions(DICT_TYPE.COMMON_STATUS)"
+            :key="dict.value"
            :label="dict.label"
            :value="dict.value"
          />
@@ -53,7 +58,7 @@
        <el-button
          type="primary"
          plain
-          @click="openModal('create')"
+          @click="openForm('create')"
          v-hasPermi="['system:dict:create']"
        >
          <Icon icon="ep:plus" class="mr-5px" /> 新增
@@ -69,10 +74,10 @@
        </el-button>
      </el-form-item>
    </el-form>
-  </content-wrap>
+  </ContentWrap>

  <!-- 列表 -->
-  <content-wrap>
+  <ContentWrap>
    <el-table v-loading="loading" :data="list">
      <el-table-column label="字典编号" align="center" prop="id" />
      <el-table-column label="字典名称" align="center" prop="name" show-overflow-tooltip />
@@ -95,7 +100,7 @@
          <el-button
            link
            type="primary"
-            @click="openModal('update', scope.row.id)"
+            @click="openForm('update', scope.row.id)"
            v-hasPermi="['system:dict:update']"
          >
            修改
@@ -121,17 +126,17 @@
      v-model:limit="queryParams.pageSize"
      @pagination="getList"
    />
-  </content-wrap>
+  </ContentWrap>

  <!-- 表单弹窗：添加/修改 -->
-  <dict-type-form ref="modalRef" @success="getList" />
+  <DictTypeForm ref="formRef" @success="getList" />
 </template>

-<script setup lang="ts" name="Dict">
-import { getDictOptions, DICT_TYPE } from '@/utils/dict'
+<script setup lang="ts" name="DictType">
+import { getIntDictOptions, DICT_TYPE } from '@/utils/dict'
 import { dateFormatter } from '@/utils/formatTime'
 import * as DictTypeApi from '@/api/system/dict/dict.type'
-import DictTypeForm from './form.vue'
+import DictTypeForm from './DictTypeForm.vue'
 import download from '@/utils/download'
 const message = useMessage() // 消息弹窗
 const { t } = useI18n() // 国际化
@@ -175,9 +180,9 @@ const resetQuery = () => {
 }

 /** 添加/修改操作 */
-const modalRef = ref()
-const openModal = (type: string, id?: number) => {
-  modalRef.value.openModal(type, id)
+const formRef = ref()
+const openForm = (type: string, id?: number) => {
+  formRef.value.open(type, id)
 }

 /** 删除按钮操作 */
--- a/src/views/system/errorCode/ErrorCodeForm.vue
+++ b/src/views/system/errorCode/ErrorCodeForm.vue
@@ -53,7 +53,7 @@ const formRules = reactive({
 const formRef = ref() // 表单 Ref

 /** 打开弹窗 */
-const openModal = async (type: string, id?: number) => {
+const open = async (type: string, id?: number) => {
  dialogVisible.value = true
  dialogTitle.value = t('action.' + type)
  formType.value = type
@@ -62,13 +62,13 @@ const openModal = async (type: string, id?: number) => {
  if (id) {
    formLoading.value = true
    try {
-      formData.value = await ErrorCodeApi.getErrorCodeApi(id)
+      formData.value = await ErrorCodeApi.getErrorCode(id)
    } finally {
      formLoading.value = false
    }
  }
 }
-defineExpose({ openModal }) // 提供 openModal 方法，用于打开弹窗
+defineExpose({ open }) // 提供 open 方法，用于打开弹窗

 /** 提交表单 */
 const emit = defineEmits(['success']) // 定义 success 事件，用于操作成功后的回调
@@ -82,10 +82,10 @@ const submitForm = async () => {
  try {
    const data = formData.value as ErrorCodeApi.ErrorCodeVO
    if (formType.value === 'create') {
-      await ErrorCodeApi.createErrorCodeApi(data)
+      await ErrorCodeApi.createErrorCode(data)
      message.success(t('common.createSuccess'))
    } else {
-      await ErrorCodeApi.updateErrorCodeApi(data)
+      await ErrorCodeApi.updateErrorCode(data)
      message.success(t('common.updateSuccess'))
    }
    dialogVisible.value = false
--- a/src/views/system/errorCode/index.vue
+++ b/src/views/system/errorCode/index.vue
@@ -1,6 +1,8 @@
 <template>
+  <doc-alert title="异常处理（错误码）" url="https://doc.iocoder.cn/exception/" />
+
  <!-- 搜索工作栏 -->
-  <content-wrap>
+  <ContentWrap>
    <el-form
      class="-mb-15px"
      :model="queryParams"
@@ -11,7 +13,7 @@
      <el-form-item label="错误码类型" prop="type">
        <el-select v-model="queryParams.type" placeholder="请选择错误码类型" clearable>
          <el-option
-            v-for="dict in getDictOptions(DICT_TYPE.SYSTEM_ERROR_CODE_TYPE)"
+            v-for="dict in getIntDictOptions(DICT_TYPE.SYSTEM_ERROR_CODE_TYPE)"
            :key="dict.value"
            :label="dict.label"
            :value="dict.value"
@@ -34,6 +36,7 @@
          placeholder="请输入错误码编码"
          clearable
          @keyup.enter="handleQuery"
+          class="!w-240px"
        />
      </el-form-item>
      <el-form-item label="错误码提示" prop="message">
@@ -62,7 +65,7 @@
        <el-button
          type="primary"
          plain
-          @click="openModal('create')"
+          @click="openForm('create')"
          v-hasPermi="['system:error-code:create']"
        >
          <Icon icon="ep:plus" class="mr-5px" /> 新增
@@ -78,10 +81,10 @@
        </el-button>
      </el-form-item>
    </el-form>
-  </content-wrap>
+  </ContentWrap>

  <!-- 列表 -->
-  <content-wrap>
+  <ContentWrap>
    <el-table v-loading="loading" :data="list">
      <el-table-column label="编号" align="center" prop="id" />
      <el-table-column label="类型" align="center" prop="type" width="80">
@@ -105,7 +108,7 @@
          <el-button
            link
            type="primary"
-            @click="openModal('update', scope.row.id)"
+            @click="openForm('update', scope.row.id)"
            v-hasPermi="['system:error-code:update']"
          >
            编辑
@@ -128,30 +131,25 @@
      v-model:limit="queryParams.pageSize"
      @pagination="getList"
    />
-  </content-wrap>
+  </ContentWrap>

  <!-- 表单弹窗：添加/修改 -->
-  <error-code-form ref="modalRef" @success="getList" />
+  <ErrorCodeForm ref="formRef" @success="getList" />
 </template>

 <script setup lang="ts" name="ErrorCode">
-import * as ErrorCodeApi from '@/api/system/errorCode'
-import { DICT_TYPE, getDictOptions } from '@/utils/dict'
+import { DICT_TYPE, getIntDictOptions } from '@/utils/dict'
 import { dateFormatter } from '@/utils/formatTime'
-import ErrorCodeForm from './form.vue'
 import download from '@/utils/download'
+import * as ErrorCodeApi from '@/api/system/errorCode'
+import ErrorCodeForm from './ErrorCodeForm.vue'
 const message = useMessage() // 消息弹窗
 const { t } = useI18n() // 国际化

-// 遮罩层
-const loading = ref(true)
-// 导出遮罩层
-const exportLoading = ref(false)
-// 总条数
-const total = ref(0)
-// 错误码列表
-const list = ref([])
-// 查询参数
+const loading = ref(true) // 遮罩层
+const exportLoading = ref(false) // 导出遮罩层
+const total = ref(0) // 总条数
+const list = ref([]) // 错误码列表
 const queryParams = reactive({
  pageNo: 1,
  pageSize: 10,
@@ -161,15 +159,13 @@ const queryParams = reactive({
  message: undefined,
  createTime: []
 })
-// 搜索的表单
-const queryFormRef = ref()
+const queryFormRef = ref() // 搜索的表单

 /** 查询列表 */
 const getList = async () => {
  loading.value = true
-  // 执行查询
  try {
-    const data = await ErrorCodeApi.getErrorCodePageApi(queryParams)
+    const data = await ErrorCodeApi.getErrorCodePage(queryParams)
    list.value = data.list
    total.value = data.total
  } finally {
@@ -190,9 +186,9 @@ const resetQuery = () => {
 }

 /** 添加/修改操作 */
-const modalRef = ref()
-const openModal = (type: string, id?: number) => {
-  modalRef.value.openModal(type, id)
+const formRef = ref()
+const openForm = (type: string, id?: number) => {
+  formRef.value.open(type, id)
 }

 /** 删除按钮操作 */
@@ -200,7 +196,7 @@ const handleDelete = async (id: number) => {
  try {
    // 删除的二次确认
    await message.delConfirm()
-    await ErrorCodeApi.deleteErrorCodeApi(id)
+    await ErrorCodeApi.deleteErrorCode(id)
    message.success(t('common.delSuccess'))
    // 刷新列表
    await getList()
@@ -214,7 +210,7 @@ const handleExport = async () => {
    await message.exportConfirm()
    // 发起导出
    exportLoading.value = true
-    const data = await ErrorCodeApi.excelErrorCodeApi(queryParams)
+    const data = await ErrorCodeApi.excelErrorCode(queryParams)
    download.excel(data, '错误码.xls')
  } catch {
  } finally {
--- a/src/views/system/loginlog/index.vue
+++ b/src/views/system/loginlog/index.vue
@@ -1,5 +1,7 @@
 <template>
-  <content-wrap>
+  <doc-alert title="系统日志" url="https://doc.iocoder.cn/system-log/" />
+
+  <ContentWrap>
    <!-- 搜索工作栏 -->
    <el-form
      class="-mb-15px"
@@ -51,10 +53,10 @@
        </el-button>
      </el-form-item>
    </el-form>
-  </content-wrap>
+  </ContentWrap>

  <!-- 列表 -->
-  <content-wrap>
+  <ContentWrap>
    <el-table v-loading="loading" :data="list">
      <el-table-column label="日志编号" align="center" prop="id" />
      <el-table-column label="操作类型" align="center" prop="logType">
@@ -97,7 +99,7 @@
      v-model:limit="queryParams.pageSize"
      @pagination="getList"
    />
-  </content-wrap>
+  </ContentWrap>

  <!-- 表单弹窗：详情 -->
  <LoginLogDetail ref="detailRef" />
--- a/src/views/system/mail/account/MailAccountForm.vue
+++ b/src/views/system/mail/account/MailAccountForm.vue
@@ -10,7 +10,6 @@
 <script setup lang="ts">
 import * as MailAccountApi from '@/api/system/mail/account'
 import { rules, allSchemas } from './account.data'
-
 const { t } = useI18n() // 国际化
 const message = useMessage() // 消息弹窗

@@ -21,7 +20,7 @@ const formType = ref('') // 表单的类型：create - 新增；update - 修改
 const formRef = ref() // 表单 Ref

 /** 打开弹窗 */
-const openModal = async (type: string, id?: number) => {
+const open = async (type: string, id?: number) => {
  dialogVisible.value = true
  dialogTitle.value = t('action.' + type)
  formType.value = type
@@ -36,7 +35,7 @@ const openModal = async (type: string, id?: number) => {
    }
  }
 }
-defineExpose({ openModal }) // 提供 openModal 方法，用于打开弹窗
+defineExpose({ open }) // 提供 open 方法，用于打开弹窗

 /** 提交表单 */
 const emit = defineEmits(['success']) // 定义 success 事件，用于操作成功后的回调
--- a/src/views/system/mail/account/account.data.ts
+++ b/src/views/system/mail/account/account.data.ts
@@ -1,6 +1,5 @@
 import type { CrudSchema } from '@/hooks/web/useCrudSchemas'
 import { dateFormatter } from '@/utils/formatTime'
-
 const { t } = useI18n() // 国际化

 // 表单校验
--- a/src/views/system/mail/account/index.vue
+++ b/src/views/system/mail/account/index.vue
@@ -1,23 +1,25 @@
 <template>
+  <doc-alert title="邮件配置" url="https://doc.iocoder.cn/mail" />
+
  <!-- 搜索工作栏 -->
-  <content-wrap>
+  <ContentWrap>
    <Search :schema="allSchemas.searchSchema" @search="setSearchParams" @reset="setSearchParams">
      <!-- 新增等操作按钮 -->
      <template #actionMore>
        <el-button
          type="primary"
          plain
-          @click="openModal('create')"
+          @click="openForm('create')"
          v-hasPermi="['system:mail-account:create']"
        >
          <Icon icon="ep:plus" class="mr-5px" /> 新增
        </el-button>
      </template>
    </Search>
-  </content-wrap>
+  </ContentWrap>

  <!-- 列表 -->
-  <content-wrap>
+  <ContentWrap>
    <Table
      :columns="allSchemas.tableColumns"
      :data="tableObject.tableList"
@@ -32,7 +34,7 @@
        <el-button
          link
          type="primary"
-          @click="openModal('update', row.id)"
+          @click="openForm('update', row.id)"
          v-hasPermi="['system:mail-account:update']"
        >
          编辑
@@ -47,15 +49,15 @@
        </el-button>
      </template>
    </Table>
-  </content-wrap>
+  </ContentWrap>

  <!-- 表单弹窗：添加/修改 -->
-  <mail-account-form ref="modalRef" @success="getList" />
+  <MailAccountForm ref="formRef" @success="getList" />
 </template>
 <script setup lang="ts" name="MailAccount">
 import { allSchemas } from './account.data'
 import * as MailAccountApi from '@/api/system/mail/account'
-import MailAccountForm from './form.vue'
+import MailAccountForm from './MailAccountForm.vue'

 // tableObject：表格的属性对象，可获得分页大小、条数等属性
 // tableMethods：表格的操作对象，可进行获得分页、删除记录等操作
@@ -68,9 +70,9 @@ const { tableObject, tableMethods } = useTable({
 const { getList, setSearchParams } = tableMethods

 /** 添加/修改操作 */
-const modalRef = ref()
-const openModal = (type: string, id?: number) => {
-  modalRef.value.openModal(type, id)
+const formRef = ref()
+const openForm = (type: string, id?: number) => {
+  formRef.value.open(type, id)
 }

 /** 删除按钮操作 */
--- a/src/views/system/mail/log/MailLogDetail.vue
+++ b/src/views/system/mail/log/MailLogDetail.vue
@@ -17,7 +17,7 @@ const detailLoading = ref(false) // 表单的加载中
 const detailData = ref() // 详情数据

 /** 打开弹窗 */
-const openModal = async (id: number) => {
+const open = async (id: number) => {
  dialogVisible.value = true
  // 设置数据
  detailLoading.value = true
@@ -27,5 +27,5 @@ const openModal = async (id: number) => {
    detailLoading.value = false
  }
 }
-defineExpose({ openModal }) // 提供 openModal 方法，用于打开弹窗
+defineExpose({ open }) // 提供 open 方法，用于打开弹窗
 </script>
--- a/src/views/system/mail/log/index.vue
+++ b/src/views/system/mail/log/index.vue
@@ -1,11 +1,13 @@
 <template>
+  <doc-alert title="邮件配置" url="https://doc.iocoder.cn/mail" />
+
  <!-- 搜索工作栏 -->
-  <content-wrap>
+  <ContentWrap>
    <Search :schema="allSchemas.searchSchema" @search="setSearchParams" @reset="setSearchParams" />
-  </content-wrap>
+  </ContentWrap>

  <!-- 列表 -->
-  <content-wrap>
+  <ContentWrap>
    <Table
      :columns="allSchemas.tableColumns"
      :data="tableObject.tableList"
@@ -20,22 +22,22 @@
        <el-button
          link
          type="primary"
-          @click="openModal(row.id)"
+          @click="openDetail(row.id)"
          v-hasPermi="['system:mail-log:query']"
        >
          详情
        </el-button>
      </template>
    </Table>
-  </content-wrap>
+  </ContentWrap>

  <!-- 表单弹窗：详情 -->
-  <mail-log-detail ref="modalRef" />
+  <mail-log-detail ref="detailRef" />
 </template>
 <script setup lang="ts" name="MailLog">
 import { allSchemas } from './log.data'
 import * as MailLogApi from '@/api/system/mail/log'
-import MailLogDetail from './detail.vue'
+import MailLogDetail from './MailLogDetail.vue'

 // tableObject：表格的属性对象，可获得分页大小、条数等属性
 // tableMethods：表格的操作对象，可进行获得分页、删除记录等操作
@@ -47,9 +49,9 @@ const { tableObject, tableMethods } = useTable({
 const { getList, setSearchParams } = tableMethods

 /** 详情操作 */
-const modalRef = ref()
-const openModal = (id: number) => {
-  modalRef.value.openModal(id)
+const detailRef = ref()
+const openDetail = (id: number) => {
+  detailRef.value.open(id)
 }

 /** 初始化 **/
--- a/src/views/system/mail/log/log.data.ts
+++ b/src/views/system/mail/log/log.data.ts
@@ -3,7 +3,7 @@ import { dateFormatter } from '@/utils/formatTime'
 import * as MailAccountApi from '@/api/system/mail/account'

 // 邮箱账号的列表
-const accounts = await MailAccountApi.getSimpleMailAccountList()
+const accountList = await MailAccountApi.getSimpleMailAccountList()

 // CrudSchema：https://kailong110120130.gitee.io/vue-element-plus-admin-doc/hooks/useCrudSchemas.html
 const crudSchemas = reactive<CrudSchema[]>([
@@ -74,7 +74,7 @@ const crudSchemas = reactive<CrudSchema[]>([
    search: {
      show: true,
      component: 'Select',
-      api: () => accounts,
+      api: () => accountList,
      componentProps: {
        optionsAlias: {
          labelField: 'mail',
--- a/src/views/system/mail/template/MailTemplateForm.vue
+++ b/src/views/system/mail/template/MailTemplateForm.vue
@@ -16,7 +16,6 @@
 <script setup lang="ts">
 import * as MailTemplateApi from '@/api/system/mail/template'
 import { allSchemas, rules } from './template.data'
-
 const { t } = useI18n() // 国际化
 const message = useMessage() // 消息弹窗

@@ -27,7 +26,7 @@ const formType = ref('') // 表单的类型：create - 新增；update - 修改
 const formRef = ref() // 表单 Ref

 /** 打开弹窗 */
-const openModal = async (type: string, id?: number) => {
+const open = async (type: string, id?: number) => {
  dialogVisible.value = true
  dialogTitle.value = t('action.' + type)
  formType.value = type
@@ -42,7 +41,7 @@ const openModal = async (type: string, id?: number) => {
    }
  }
 }
-defineExpose({ openModal }) // 提供 openModal 方法，用于打开弹窗
+defineExpose({ open }) // 提供 open 方法，用于打开弹窗

 /** 提交表单 */
 const emit = defineEmits(['success']) // 定义 success 事件，用于操作成功后的回调
--- a/src/views/system/mail/template/MailTemplateSendForm.vue
+++ b/src/views/system/mail/template/MailTemplateSendForm.vue
@@ -33,7 +33,6 @@
 </template>
 <script setup lang="ts">
 import * as MailTemplateApi from '@/api/system/mail/template'
-
 const message = useMessage() // 消息弹窗

 const dialogVisible = ref(false) // 弹窗的是否展示
@@ -53,7 +52,7 @@ const formRules = reactive({
 const formRef = ref() // 表单 Ref

 /** 打开弹窗 */
-const openModal = async (id: number) => {
+const open = async (id: number) => {
  dialogVisible.value = true
  resetForm()
  // 设置数据
@@ -76,7 +75,7 @@ const openModal = async (id: number) => {
    formLoading.value = false
  }
 }
-defineExpose({ openModal }) // 提供 openModal 方法，用于打开弹窗
+defineExpose({ open }) // 提供 open 方法，用于打开弹窗

 /** 提交表单 */
 const submitForm = async () => {
--- a/src/views/system/mail/template/index.vue
+++ b/src/views/system/mail/template/index.vue
@@ -1,23 +1,25 @@
 <template>
+  <doc-alert title="邮件配置" url="https://doc.iocoder.cn/mail" />
+
  <!-- 搜索工作栏 -->
-  <content-wrap>
+  <ContentWrap>
    <Search :schema="allSchemas.searchSchema" @search="setSearchParams" @reset="setSearchParams">
      <!-- 新增等操作按钮 -->
      <template #actionMore>
        <el-button
          type="primary"
          plain
-          @click="openModal('create')"
+          @click="openForm('create')"
          v-hasPermi="['system:mail-account:create']"
        >
          <Icon icon="ep:plus" class="mr-5px" /> 新增
        </el-button>
      </template>
    </Search>
-  </content-wrap>
+  </ContentWrap>

  <!-- 列表 -->
-  <content-wrap>
+  <ContentWrap>
    <Table
      :columns="allSchemas.tableColumns"
      :data="tableObject.tableList"
@@ -32,7 +34,7 @@
        <el-button
          link
          type="primary"
-          @click="openSend(row.id)"
+          @click="openSendForm(row.id)"
          v-hasPermi="['system:mail-template:send-mail']"
        >
          测试
@@ -40,7 +42,7 @@
        <el-button
          link
          type="primary"
-          @click="openModal('update', row.id)"
+          @click="openForm('update', row.id)"
          v-hasPermi="['system:mail-template:update']"
        >
          编辑
@@ -55,19 +57,19 @@
        </el-button>
      </template>
    </Table>
-  </content-wrap>
+  </ContentWrap>

  <!-- 表单弹窗：添加/修改 -->
-  <mail-template-form ref="modalRef" @success="getList" />
+  <MailTemplateForm ref="formRef" @success="getList" />

  <!-- 表单弹窗：发送测试 -->
-  <mail-template-send ref="sendRef" />
+  <MailTemplateSendForm ref="sendFormRef" />
 </template>
 <script setup lang="ts" name="MailTemplate">
 import { allSchemas } from './template.data'
 import * as MailTemplateApi from '@/api/system/mail/template'
-import MailTemplateForm from './form.vue'
-import MailTemplateSend from './send.vue'
+import MailTemplateForm from './MailTemplateForm.vue'
+import MailTemplateSendForm from './MailTemplateSendForm.vue'

 // tableObject：表格的属性对象，可获得分页大小、条数等属性
 // tableMethods：表格的操作对象，可进行获得分页、删除记录等操作
@@ -80,9 +82,9 @@ const { tableObject, tableMethods } = useTable({
 const { getList, setSearchParams } = tableMethods

 /** 添加/修改操作 */
-const modalRef = ref()
-const openModal = (type: string, id?: number) => {
-  modalRef.value.openModal(type, id)
+const formRef = ref()
+const openForm = (type: string, id?: number) => {
+  formRef.value.open(type, id)
 }

 /** 删除按钮操作 */
@@ -91,9 +93,9 @@ const handleDelete = (id: number) => {
 }

 /** 发送测试操作 */
-const sendRef = ref()
-const openSend = (id: number) => {
-  sendRef.value.openModal(id)
+const sendFormRef = ref()
+const openSendForm = (id: number) => {
+  sendFormRef.value.open(id)
 }

 /** 初始化 **/
--- a/src/views/system/mail/template/template.data.ts
+++ b/src/views/system/mail/template/template.data.ts
@@ -4,7 +4,7 @@ import { TableColumn } from '@/types/table'
 import * as MailAccountApi from '@/api/system/mail/account'

 // 邮箱账号的列表
-const accounts = await MailAccountApi.getSimpleMailAccountList()
+const accountList = await MailAccountApi.getSimpleMailAccountList()

 // 表单校验
 export const rules = reactive({
@@ -49,12 +49,12 @@ const crudSchemas = reactive<CrudSchema[]>([
    field: 'accountId',
    width: '200px',
    formatter: (_: Recordable, __: TableColumn, cellValue: number) => {
-      return accounts.find((account) => account.id === cellValue)?.mail
+      return accountList.find((account) => account.id === cellValue)?.mail
    },
    search: {
      show: true,
      component: 'Select',
-      api: () => accounts,
+      api: () => accountList,
      componentProps: {
        optionsAlias: {
          labelField: 'mail',
@@ -64,7 +64,7 @@ const crudSchemas = reactive<CrudSchema[]>([
    },
    form: {
      component: 'Select',
-      api: () => accounts,
+      api: () => accountList,
      componentProps: {
        optionsAlias: {
          labelField: 'mail',
--- a/src/views/system/menu/MenuForm.vue
+++ b/src/views/system/menu/MenuForm.vue
@@ -163,7 +163,7 @@ const open = async (type: string, id?: number, parentId?: number) => {
  if (id) {
    formLoading.value = true
    try {
-      formData.value = await MenuApi.getMenuApi(id)
+      formData.value = await MenuApi.getMenu(id)
    } finally {
      formLoading.value = false
    }
--- a/src/views/system/menu/index.vue
+++ b/src/views/system/menu/index.vue
@@ -1,4 +1,7 @@
 <template>
+  <doc-alert title="功能权限" url="https://doc.iocoder.cn/resource-permission" />
+  <doc-alert title="菜单路由" url="https://doc.iocoder.cn/vue2/route/" />
+
  <!-- 搜索工作栏 -->
  <ContentWrap>
    <el-form
--- a/src/views/system/notice/NoticeForm.vue
+++ b/src/views/system/notice/NoticeForm.vue
@@ -16,7 +16,7 @@
      <el-form-item label="公告类型" prop="type">
        <el-select v-model="formData.type" placeholder="请选择公告类型" clearable>
          <el-option
-            v-for="dict in getDictOptions(DICT_TYPE.SYSTEM_NOTICE_TYPE)"
+            v-for="dict in getIntDictOptions(DICT_TYPE.SYSTEM_NOTICE_TYPE)"
            :key="parseInt(dict.value)"
            :label="dict.label"
            :value="parseInt(dict.value)"
@@ -26,7 +26,7 @@
      <el-form-item label="状态" prop="status">
        <el-select v-model="formData.status" placeholder="请选择状态" clearable>
          <el-option
-            v-for="dict in getDictOptions(DICT_TYPE.COMMON_STATUS)"
+            v-for="dict in getIntDictOptions(DICT_TYPE.COMMON_STATUS)"
            :key="parseInt(dict.value)"
            :label="dict.label"
            :value="parseInt(dict.value)"
@@ -44,7 +44,8 @@
  </Dialog>
 </template>
 <script setup lang="ts">
-import { DICT_TYPE, getDictOptions } from '@/utils/dict'
+import { DICT_TYPE, getIntDictOptions } from '@/utils/dict'
+import { CommonStatusEnum } from '@/utils/constants'
 import * as NoticeApi from '@/api/system/notice'
 const { t } = useI18n() // 国际化
 const message = useMessage() // 消息弹窗
@@ -58,7 +59,7 @@ const formData = ref({
  title: '',
  type: undefined,
  content: '',
-  status: undefined,
+  status: CommonStatusEnum.ENABLE,
  remark: ''
 })
 const formRules = reactive({
@@ -70,7 +71,7 @@ const formRules = reactive({
 const formRef = ref() // 表单 Ref

 /** 打开弹窗 */
-const openModal = async (type: string, id?: number) => {
+const open = async (type: string, id?: number) => {
  dialogVisible.value = true
  dialogTitle.value = t('action.' + type)
  formType.value = type
@@ -85,7 +86,7 @@ const openModal = async (type: string, id?: number) => {
    }
  }
 }
-defineExpose({ openModal }) // 提供 openModal 方法，用于打开弹窗
+defineExpose({ open }) // 提供 open 方法，用于打开弹窗

 /** 提交表单 */
 const emit = defineEmits(['success']) // 定义 success 事件，用于操作成功后的回调
@@ -120,7 +121,7 @@ const resetForm = () => {
    title: '',
    type: undefined,
    content: '',
-    status: undefined,
+    status: CommonStatusEnum.ENABLE,
    remark: ''
  }
  formRef.value?.resetFields()
--- a/src/views/system/notice/index.vue
+++ b/src/views/system/notice/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <content-wrap>
+  <ContentWrap>
    <!-- 搜索工作栏 -->
    <el-form
      class="-mb-15px"
@@ -25,10 +25,10 @@
          class="!w-240px"
        >
          <el-option
-            v-for="dict in getDictOptions(DICT_TYPE.COMMON_STATUS)"
-            :key="parseInt(dict.value)"
+            v-for="dict in getIntDictOptions(DICT_TYPE.COMMON_STATUS)"
+            :key="dict.value"
            :label="dict.label"
-            :value="parseInt(dict.value)"
+            :value="dict.value"
          />
        </el-select>
      </el-form-item>
@@ -38,17 +38,17 @@
        <el-button
          type="primary"
          plain
-          @click="openModal('create')"
+          @click="openForm('create')"
          v-hasPermi="['system:notice:create']"
        >
          <Icon icon="ep:plus" class="mr-5px" /> 新增
        </el-button>
      </el-form-item>
    </el-form>
-  </content-wrap>
+  </ContentWrap>

  <!-- 列表 -->
-  <content-wrap>
+  <ContentWrap>
    <el-table v-loading="loading" :data="list">
      <el-table-column label="公告编号" align="center" prop="id" />
      <el-table-column label="公告标题" align="center" prop="title" />
@@ -74,7 +74,7 @@
          <el-button
            link
            type="primary"
-            @click="openModal('update', scope.row.id)"
+            @click="openForm('update', scope.row.id)"
            v-hasPermi="['system:notice:update']"
          >
            编辑
@@ -97,17 +97,16 @@
      v-model:limit="queryParams.pageSize"
      @pagination="getList"
    />
-  </content-wrap>
+  </ContentWrap>

  <!-- 表单弹窗：添加/修改 -->
-  <notice-form ref="modalRef" @success="getList" />
+  <NoticeForm ref="formRef" @success="getList" />
 </template>
 <script setup lang="tsx">
-import { DICT_TYPE, getDictOptions } from '@/utils/dict'
+import { DICT_TYPE, getIntDictOptions } from '@/utils/dict'
 import { dateFormatter } from '@/utils/formatTime'
 import * as NoticeApi from '@/api/system/notice'
-import { DictTag } from '@/components/DictTag'
-import NoticeForm from './form.vue'
+import NoticeForm from './NoticeForm.vue'
 const message = useMessage() // 消息弹窗
 const { t } = useI18n() // 国际化

@@ -148,9 +147,9 @@ const resetQuery = () => {
 }

 /** 添加/修改操作 */
-const modalRef = ref()
-const openModal = (type: string, id?: number) => {
-  modalRef.value.openModal(type, id)
+const formRef = ref()
+const openForm = (type: string, id?: number) => {
+  formRef.value.open(type, id)
 }

 /** 删除按钮操作 */
--- a/src/views/system/notify/message/index.vue
+++ b/src/views/system/notify/message/index.vue
@@ -1,5 +1,7 @@
 <template>
-  <content-wrap>
+  <doc-alert title="站内信配置" url="https://doc.iocoder.cn/notify/" />
+
+  <ContentWrap>
    <!-- 搜索工作栏 -->
    <el-form
      class="-mb-15px"
@@ -72,10 +74,10 @@
        <el-button @click="resetQuery"><Icon icon="ep:refresh" class="mr-5px" /> 重置</el-button>
      </el-form-item>
    </el-form>
-  </content-wrap>
+  </ContentWrap>

  <!-- 列表 -->
-  <content-wrap>
+  <ContentWrap>
    <el-table v-loading="loading" :data="list">
      <el-table-column label="编号" align="center" prop="id" />
      <el-table-column label="用户类型" align="center" prop="userType">
@@ -146,7 +148,7 @@
      v-model:limit="queryParams.pageSize"
      @pagination="getList"
    />
-  </content-wrap>
+  </ContentWrap>

  <!-- 表单弹窗：详情 -->
  <NotifyMessageDetail ref="detailRef" />
--- a/src/views/system/notify/my/index.vue
+++ b/src/views/system/notify/my/index.vue
@@ -1,5 +1,7 @@
 <template>
-  <content-wrap>
+  <doc-alert title="站内信配置" url="https://doc.iocoder.cn/notify/" />
+
+  <ContentWrap>
    <!-- 搜索工作栏 -->
    <el-form
      class="-mb-15px"
@@ -45,10 +47,10 @@
        </el-button>
      </el-form-item>
    </el-form>
-  </content-wrap>
+  </ContentWrap>

-  <content-wrap>
-    <!-- 列表 -->
+  <!-- 列表 -->
+  <ContentWrap>
    <el-table
      v-loading="loading"
      :data="list"
@@ -107,7 +109,7 @@
      v-model:limit="queryParams.pageSize"
      @pagination="getList"
    />
-  </content-wrap>
+  </ContentWrap>

  <!-- 表单弹窗：详情 -->
  <MyNotifyMessageDetail ref="detailRef" />
--- a/src/views/system/oauth2/client/index.vue
+++ b/src/views/system/oauth2/client/index.vue
@@ -1,6 +1,8 @@
 <template>
+  <doc-alert title="OAuth 2.0（SSO 单点登录)" url="https://doc.iocoder.cn/oauth2/" />
+
  <!-- 搜索 -->
-  <content-wrap>
+  <ContentWrap>
    <el-form
      class="-mb-15px"
      :model="queryParams"
@@ -40,10 +42,10 @@
        </el-button>
      </el-form-item>
    </el-form>
-  </content-wrap>
+  </ContentWrap>

  <!-- 列表 -->
-  <content-wrap>
+  <ContentWrap>
    <el-table v-loading="loading" :data="list">
      <el-table-column label="客户端编号" align="center" prop="clientId" />
      <el-table-column label="客户端密钥" align="center" prop="secret" />
@@ -71,6 +73,7 @@
            :key="index"
            v-for="(authorizedGrantType, index) in scope.row.authorizedGrantTypes"
            :index="index"
+            class="mr-5px"
          >
            {{ authorizedGrantType }}
          </el-tag>
@@ -111,7 +114,7 @@
      v-model:limit="queryParams.pageSize"
      @pagination="getList"
    />
-  </content-wrap>
+  </ContentWrap>

  <!-- 表单弹窗：添加/修改 -->
  <ClientForm ref="formRef" @success="getList" />
--- a/src/views/system/oauth2/token/index.vue
+++ b/src/views/system/oauth2/token/index.vue
@@ -1,5 +1,7 @@
 <template>
-  <content-wrap>
+  <doc-alert title="OAuth 2.0（SSO 单点登录)" url="https://doc.iocoder.cn/oauth2/" />
+
+  <ContentWrap>
    <!-- 搜索工作栏 -->
    <el-form
      class="-mb-15px"
@@ -46,10 +48,10 @@
        <el-button @click="resetQuery"><Icon icon="ep:refresh" class="mr-5px" /> 重置</el-button>
      </el-form-item>
    </el-form>
-  </content-wrap>
+  </ContentWrap>

  <!-- 列表 -->
-  <content-wrap>
+  <ContentWrap>
    <el-table v-loading="loading" :data="list">
      <el-table-column label="访问令牌" align="center" prop="accessToken" width="300" />
      <el-table-column label="刷新令牌" align="center" prop="refreshToken" width="300" />
@@ -93,7 +95,7 @@
      v-model:limit="queryParams.pageSize"
      @pagination="getList"
    />
-  </content-wrap>
+  </ContentWrap>
 </template>

 <script setup lang="ts" name="Oauth2AccessToken">
--- a/src/views/system/operatelog/OperateLogDetail.vue
+++ b/src/views/system/operatelog/OperateLogDetail.vue
@@ -66,7 +66,7 @@ const detailLoading = ref(false) // 表单的加载中
 const detailData = ref() // 详情数据

 /** 打开弹窗 */
-const openModal = async (data: OperateLogApi.OperateLogVO) => {
+const open = async (data: OperateLogApi.OperateLogVO) => {
  dialogVisible.value = true
  // 设置数据
  detailLoading.value = true
@@ -76,5 +76,5 @@ const openModal = async (data: OperateLogApi.OperateLogVO) => {
    detailLoading.value = false
  }
 }
-defineExpose({ openModal }) // 提供 openModal 方法，用于打开弹窗
+defineExpose({ open }) // 提供 open 方法，用于打开弹窗
 </script>
--- a/src/views/system/operatelog/index.vue
+++ b/src/views/system/operatelog/index.vue
@@ -1,5 +1,7 @@
 <template>
-  <content-wrap>
+  <doc-alert title="系统日志" url="https://doc.iocoder.cn/system-log/" />
+
+  <ContentWrap>
    <!-- 搜索工作栏 -->
    <el-form
      class="-mb-15px"
@@ -34,10 +36,10 @@
          class="!w-240px"
        >
          <el-option
-            v-for="dict in getDictOptions(DICT_TYPE.SYSTEM_OPERATE_TYPE)"
-            :key="parseInt(dict.value)"
+            v-for="dict in getIntDictOptions(DICT_TYPE.SYSTEM_OPERATE_TYPE)"
+            :key="dict.value"
            :label="dict.label"
-            :value="parseInt(dict.value)"
+            :value="dict.value"
          />
        </el-select>
      </el-form-item>
@@ -77,10 +79,10 @@
        </el-button>
      </el-form-item>
    </el-form>
-  </content-wrap>
+  </ContentWrap>

  <!-- 列表 -->
-  <content-wrap>
+  <ContentWrap>
    <el-table v-loading="loading" :data="list">
      <el-table-column label="日志编号" align="center" prop="id" />
      <el-table-column label="操作模块" align="center" prop="module" width="180" />
@@ -113,7 +115,7 @@
          <el-button
            link
            type="primary"
-            @click="openModal(scope.row)"
+            @click="openDetail(scope.row)"
            v-hasPermi="['infra:config:query']"
          >
            详情
@@ -128,17 +130,17 @@
      v-model:limit="queryParams.pageSize"
      @pagination="getList"
    />
-  </content-wrap>
+  </ContentWrap>

  <!-- 表单弹窗：详情 -->
-  <operate-log-detail ref="modalRef" />
+  <OperateLogDetail ref="detailRef" />
 </template>
 <script setup lang="ts" name="OperateLog">
-import { DICT_TYPE, getDictOptions } from '@/utils/dict'
+import { DICT_TYPE, getIntDictOptions } from '@/utils/dict'
 import { dateFormatter } from '@/utils/formatTime'
 import download from '@/utils/download'
 import * as OperateLogApi from '@/api/system/operatelog'
-import OperateLogDetail from './detail.vue'
+import OperateLogDetail from './OperateLogDetail.vue'
 const message = useMessage() // 消息弹窗

 const loading = ref(true) // 列表的加载中
@@ -181,9 +183,9 @@ const resetQuery = () => {
 }

 /** 详情操作 */
-const modalRef = ref()
-const openModal = (data: OperateLogApi.OperateLogVO) => {
-  modalRef.value.openModal(data)
+const detailRef = ref()
+const openDetail = (data: OperateLogApi.OperateLogVO) => {
+  detailRef.value.open(data)
 }

 /** 导出按钮操作 */
--- a/src/views/system/post/PostForm.vue
+++ b/src/views/system/post/PostForm.vue
@@ -16,10 +16,10 @@
      <el-form-item label="状态" prop="status">
        <el-select v-model="formData.status" placeholder="请选择状态" clearable>
          <el-option
-            v-for="dict in getDictOptions(DICT_TYPE.COMMON_STATUS)"
-            :key="parseInt(dict.value)"
+            v-for="dict in getIntDictOptions(DICT_TYPE.COMMON_STATUS)"
+            :key="dict.value"
            :label="dict.label"
-            :value="parseInt(dict.value)"
+            :value="dict.value"
          />
        </el-select>
      </el-form-item>
@@ -34,7 +34,7 @@
  </Dialog>
 </template>
 <script setup lang="ts">
-import { DICT_TYPE, getDictOptions } from '@/utils/dict'
+import { DICT_TYPE, getIntDictOptions } from '@/utils/dict'
 import { CommonStatusEnum } from '@/utils/constants'
 import * as PostApi from '@/api/system/post'

@@ -62,7 +62,7 @@ const formRules = reactive({
 const formRef = ref() // 表单 Ref

 /** 打开弹窗 */
-const openModal = async (type: string, id?: number) => {
+const open = async (type: string, id?: number) => {
  dialogVisible.value = true
  dialogTitle.value = t('action.' + type)
  formType.value = type
@@ -77,7 +77,7 @@ const openModal = async (type: string, id?: number) => {
    }
  }
 }
-defineExpose({ openModal }) // 提供 openModal 方法，用于打开弹窗
+defineExpose({ open }) // 提供 open 方法，用于打开弹窗

 /** 提交表单 */
 const emit = defineEmits(['success']) // 定义 success 事件，用于操作成功后的回调
--- a/src/views/system/post/index.vue
+++ b/src/views/system/post/index.vue
@@ -40,7 +40,7 @@
        <el-button
          type="primary"
          plain
-          @click="openModal('create')"
+          @click="openForm('create')"
          v-hasPermi="['system:notice:create']"
        >
          <Icon icon="ep:plus" class="mr-5px" /> 新增
@@ -60,7 +60,7 @@

  <!-- 列表 -->
  <ContentWrap>
-    <el-table v-loading="loading" :data="list" align="center">
+    <el-table v-loading="loading" :data="list">
      <el-table-column label="岗位编号" align="center" prop="id" />
      <el-table-column label="岗位名称" align="center" prop="name" />
      <el-table-column label="岗位编码" align="center" prop="code" />
@@ -83,7 +83,7 @@
          <el-button
            link
            type="primary"
-            @click="openModal('update', scope.row.id)"
+            @click="openForm('update', scope.row.id)"
            v-hasPermi="['system:post:update']"
          >
            编辑
@@ -160,8 +160,8 @@ const resetQuery = () => {

 /** 添加/修改操作 */
 const formRef = ref()
-const openModal = (type: string, id?: number) => {
-  formRef.value.openModal(type, id)
+const openForm = (type: string, id?: number) => {
+  formRef.value.open(type, id)
 }

 /** 删除按钮操作 */
--- a/src/views/system/role/index.vue
+++ b/src/views/system/role/index.vue
@@ -1,4 +1,7 @@
 <template>
+  <doc-alert title="功能权限" url="https://doc.iocoder.cn/resource-permission" />
+  <doc-alert title="数据权限" url="https://doc.iocoder.cn/data-permission" />
+
  <ContentWrap>
    <!-- 搜索工作栏 -->
    <el-form
--- a/src/views/system/sms/channel/index.vue
+++ b/src/views/system/sms/channel/index.vue
@@ -1,4 +1,6 @@
 <template>
+  <doc-alert title="短信配置" url="https://doc.iocoder.cn/sms/" />
+
  <ContentWrap>
    <el-form
      class="-mb-15px"
@@ -52,7 +54,7 @@

  <!-- 列表 -->
  <ContentWrap>
-    <el-table v-loading="loading" :data="list" align="center">
+    <el-table v-loading="loading" :data="list">
      <el-table-column label="编号" align="center" prop="id" />
      <el-table-column label="短信签名" align="center" prop="signature" />
      <el-table-column label="渠道编码" align="center" prop="code">
--- a/src/views/system/sms/log/index.vue
+++ b/src/views/system/sms/log/index.vue
@@ -1,4 +1,6 @@
 <template>
+  <doc-alert title="短信配置" url="https://doc.iocoder.cn/sms/" />
+
  <ContentWrap>
    <!-- 搜索工作栏 -->
    <el-form
--- a/src/views/system/sms/template/index.vue
+++ b/src/views/system/sms/template/index.vue
@@ -1,4 +1,6 @@
 <template>
+  <doc-alert title="短信配置" url="https://doc.iocoder.cn/sms/" />
+
  <ContentWrap>
    <!-- 搜索工作栏 -->
    <el-form
@@ -111,7 +113,7 @@

  <!-- 列表 -->
  <ContentWrap>
-    <el-table v-loading="loading" :data="list" align="center">
+    <el-table v-loading="loading" :data="list">
      <el-table-column
        label="模板编码"
        align="center"
--- a/src/views/system/tenant/TenantForm.vue
+++ b/src/views/system/tenant/TenantForm.vue
--- a/src/views/system/tenant/index.vue
+++ b/src/views/system/tenant/index.vue
@@ -1,4 +1,6 @@
 <template>
+  <doc-alert title="SaaS 多租户" url="https://doc.iocoder.cn/saas-tenant/" />
+
  <!-- 搜索 -->
  <ContentWrap>
    <el-form
@@ -96,15 +98,15 @@

  <!-- 列表 -->
  <ContentWrap>
-    <el-table v-loading="loading" :data="list" align="center">
+    <el-table v-loading="loading" :data="list">
      <el-table-column label="租户编号" align="center" prop="id" />
      <el-table-column label="租户名" align="center" prop="name" />
      <el-table-column label="租户套餐" align="center" prop="packageId">
        <template #default="scope">
          <el-tag v-if="scope.row.packageId === 0" type="danger">系统租户</el-tag>
          <template v-else v-for="item in packageList">
-            <el-tag type="success" :key="item.id" v-if="item.id === scope.row.packageId"
-              >{{ item.name }}
+            <el-tag type="success" :key="item.id" v-if="item.id === scope.row.packageId">
+              {{ item.name }}
            </el-tag>
          </template>
        </template>
@@ -175,7 +177,7 @@ import { dateFormatter } from '@/utils/formatTime'
 import download from '@/utils/download'
 import * as TenantApi from '@/api/system/tenant'
 import * as TenantPackageApi from '@/api/system/tenantPackage'
-import TenantForm from './form.vue'
+import TenantForm from './TenantForm.vue'

 const message = useMessage() // 消息弹窗
 const { t } = useI18n() // 国际化
--- a/src/views/system/tenantPackage/index.vue
+++ b/src/views/system/tenantPackage/index.vue
@@ -1,4 +1,6 @@
 <template>
+  <doc-alert title="SaaS 多租户" url="https://doc.iocoder.cn/saas-tenant/" />
+
  <!-- 搜索 -->
  <ContentWrap>
    <el-form
@@ -55,7 +57,7 @@

  <!-- 列表 -->
  <ContentWrap>
-    <el-table v-loading="loading" :data="list" align="center">
+    <el-table v-loading="loading" :data="list">
      <el-table-column label="套餐编号" align="center" prop="id" width="120" />
      <el-table-column label="套餐名" align="center" prop="name" />
      <el-table-column label="状态" align="center" prop="status" width="100">
--- a/src/views/system/user/index.vue
+++ b/src/views/system/user/index.vue
@@ -1,14 +1,18 @@
 <template>
+  <doc-alert title="用户体系" url="https://doc.iocoder.cn/user-center/" />
+  <doc-alert title="三方登陆" url="https://doc.iocoder.cn/social-user/" />
+  <doc-alert title="Excel 导入导出" url="https://doc.iocoder.cn/excel-import-and-export/" />
+
  <el-row :gutter="20">
    <!-- 左侧部门树 -->
    <el-col :span="4" :xs="24">
-      <content-wrap class="h-1/1">
+      <ContentWrap class="h-1/1">
        <DeptTree @node-click="handleDeptNodeClick" />
-      </content-wrap>
+      </ContentWrap>
    </el-col>
    <el-col :span="20" :xs="24">
      <!-- 搜索 -->
-      <content-wrap>
+      <ContentWrap>
        <el-form
          class="-mb-15px"
          :model="queryParams"
@@ -89,8 +93,8 @@
            </el-button>
          </el-form-item>
        </el-form>
-      </content-wrap>
-      <content-wrap>
+      </ContentWrap>
+      <ContentWrap>
        <el-table v-loading="loading" :data="list">
          <el-table-column label="用户编号" align="center" key="id" prop="id" />
          <el-table-column
@@ -183,7 +187,7 @@
          v-model:limit="queryParams.pageSize"
          @pagination="getList"
        />
-      </content-wrap>
+      </ContentWrap>
    </el-col>
  </el-row>