Merge branch 'master' of https://gitee.com/yudaocode/yudao-ui-admin-vue3 into dev

2025-07-26 19:53:53 +08:00
parent acdd72359c 7aa9107cb4
commit f659899f8e
132 changed files with 20344 additions and 657 deletions
--- a/src/views/Home/Index.vue
+++ b/src/views/Home/Index.vue
@ -83,13 +83,18 @@
              :sm="24"
              :xs="24"
            >
-              <el-card 
-                shadow="hover" 
+              <el-card
+                shadow="hover"
                class="mr-5px mt-5px cursor-pointer"
                @click="handleProjectClick(item.message)"
              >
                <div class="flex items-center">
-                  <Icon :icon="item.icon" :size="25" class="mr-8px" :style="{ color: item.color }" />
+                  <Icon
+                    :icon="item.icon"
+                    :size="25"
+                    class="mr-8px"
+                    :style="{ color: item.color }"
+                  />
                  <span class="text-16px">{{ item.name }}</span>
                </div>
                <div class="mt-12px text-12px text-gray-400">{{ t(item.message) }}</div>
@ -181,17 +186,17 @@ import { EChartsOption } from 'echarts'
 import { formatTime } from '@/utils'

 import { useUserStore } from '@/store/modules/user'
-import { useWatermark } from '@/hooks/web/useWatermark'
+// import { useWatermark } from '@/hooks/web/useWatermark'
 import type { WorkplaceTotal, Project, Notice, Shortcut } from './types'
 import { pieOptions, barOptions } from './echarts-data'
 import { useRouter } from 'vue-router'

-defineOptions({ name: 'Home' })
+defineOptions({ name: 'Index' })

 const { t } = useI18n()
 const router = useRouter()
 const userStore = useUserStore()
-const { setWatermark } = useWatermark()
+// const { setWatermark } = useWatermark()
 const loading = ref(true)
 const avatar = userStore.getUser.avatar
 const username = userStore.getUser.nickname
--- a/src/views/Login/Login.vue
+++ b/src/views/Login/Login.vue
@ -118,4 +118,4 @@ $prefix-cls: #{$namespace}-login;
    background-color: var(--login-bg-color);
  }
 }
-</style>
+</style>
--- a/src/views/Login/components/ForgetPasswordForm.vue
+++ b/src/views/Login/components/ForgetPasswordForm.vue
@ -9,14 +9,14 @@
    label-width="120px"
    size="large"
  >
-    <el-row style="margin-right: -10px; margin-left: -10px">
+    <el-row class="mx-[-10px]">
      <!-- 租户名 -->
-      <el-col :span="24" style="padding-right: 10px; padding-left: 10px">
+      <el-col :span="24" class="px-10px">
        <el-form-item>
-          <LoginFormTitle style="width: 100%" />
+          <LoginFormTitle class="w-full" />
        </el-form-item>
      </el-col>
-      <el-col :span="24" style="padding-right: 10px; padding-left: 10px">
+      <el-col :span="24" class="px-10px">
        <el-form-item v-if="resetPasswordData.tenantEnable === 'true'" prop="tenantName">
          <el-input
            v-model="resetPasswordData.tenantName"
@ -28,7 +28,7 @@
        </el-form-item>
      </el-col>
      <!-- 手机号 -->
-      <el-col :span="24" style="padding-right: 10px; padding-left: 10px">
+      <el-col :span="24" class="px-10px">
        <el-form-item prop="mobile">
          <el-input
            v-model="resetPasswordData.mobile"
@ -45,7 +45,7 @@
        @success="getSmsCode"
      />
      <!-- 验证码 -->
-      <el-col :span="24" style="padding-right: 10px; padding-left: 10px">
+      <el-col :span="24" class="px-10px">
        <el-form-item prop="code">
          <el-row :gutter="5" justify="space-between" style="width: 100%">
            <el-col :span="24">
@ -73,44 +73,44 @@
          </el-row>
        </el-form-item>
      </el-col>
-      <el-col :span="24" style="padding-right: 10px; padding-left: 10px">
+      <el-col :span="24" class="px-10px">
        <el-form-item prop="password">
          <InputPassword
            v-model="resetPasswordData.password"
            :placeholder="t('login.passwordPlaceholder')"
-            style="width: 100%"
-            strength="true"
+            class="w-full"
+            :strength="true"
          />
        </el-form-item>
      </el-col>
-      <el-col :span="24" style="padding-right: 10px; padding-left: 10px">
+      <el-col :span="24" class="px-10px">
        <el-form-item prop="check_password">
          <InputPassword
            v-model="resetPasswordData.check_password"
            :placeholder="t('login.checkPassword')"
-            style="width: 100%"
-            strength="true"
+            class="w-full"
+            :strength="true"
          />
        </el-form-item>
      </el-col>
      <!-- 登录按钮 / 返回按钮 -->
-      <el-col :span="24" style="padding-right: 10px; padding-left: 10px">
+      <el-col :span="24" class="px-10px">
        <el-form-item>
          <XButton
            :loading="loginLoading"
            :title="t('login.resetPassword')"
-            class="w-[100%]"
+            class="w-full"
            type="primary"
            @click="resetPassword()"
          />
        </el-form-item>
      </el-col>
-      <el-col :span="24" style="padding-right: 10px; padding-left: 10px">
+      <el-col :span="24" class="px-10px">
        <el-form-item>
          <XButton
            :loading="loginLoading"
            :title="t('login.backLogin')"
-            class="w-[100%]"
+            class="w-full"
            @click="handleBackLogin()"
          />
        </el-form-item>
@ -134,7 +134,7 @@ const verify = ref()

 const { t } = useI18n()
 const message = useMessage()
-const { currentRoute, push } = useRouter()
+const { currentRoute } = useRouter()
 const formSmsResetPassword = ref()
 const loginLoading = ref(false)
 const iconHouse = useIcon({ icon: 'ep:house' })
@ -145,7 +145,7 @@ const { handleBackLogin, getLoginState, setLoginState } = useLoginState()
 const getShow = computed(() => unref(getLoginState) === LoginStateEnum.RESET_PASSWORD)
 const captchaType = ref('blockPuzzle') // blockPuzzle 滑块 clickWord 点击文字

-const validatePass2 = (rule, value, callback) => {
+const validatePass2 = (_rule, value, callback) => {
  if (value === '') {
    callback(new Error('请再次输入密码'))
  } else if (value !== resetPasswordData.password) {
--- a/src/views/Login/components/LoginForm.vue
+++ b/src/views/Login/components/LoginForm.vue
@ -9,13 +9,13 @@
    label-width="120px"
    size="large"
  >
-    <el-row style="margin-right: -10px; margin-left: -10px">
-      <el-col :span="24" style="padding-right: 10px; padding-left: 10px">
+    <el-row class="mx-[-10px]">
+      <el-col :span="24" class="px-10px">
        <el-form-item>
-          <LoginFormTitle style="width: 100%" />
+          <LoginFormTitle class="w-full" />
        </el-form-item>
      </el-col>
-      <el-col :span="24" style="padding-right: 10px; padding-left: 10px">
+      <el-col :span="24" class="px-10px">
        <el-form-item v-if="loginData.tenantEnable === 'true'" prop="tenantName">
          <el-input
            v-model="loginData.loginForm.tenantName"
@ -26,7 +26,7 @@
          />
        </el-form-item>
      </el-col>
-      <el-col :span="24" style="padding-right: 10px; padding-left: 10px">
+      <el-col :span="24" class="px-10px">
        <el-form-item prop="username">
          <el-input
            v-model="loginData.loginForm.username"
@ -35,7 +35,7 @@
          />
        </el-form-item>
      </el-col>
-      <el-col :span="24" style="padding-right: 10px; padding-left: 10px">
+      <el-col :span="24" class="px-10px">
        <el-form-item prop="password">
          <el-input
            v-model="loginData.loginForm.password"
@ -49,7 +49,7 @@
      </el-col>
      <el-col
        :span="24"
-        style="padding-right: 10px; padding-left: 10px; margin-top: -20px; margin-bottom: -20px"
+        class="px-10px mt-[-20px] mb-[-20px]"
      >
        <el-form-item>
          <el-row justify="space-between" style="width: 100%">
@ -60,7 +60,7 @@
            </el-col>
            <el-col :offset="6" :span="12">
              <el-link
-                style="float: right"
+                class="float-right"
                type="primary"
                @click="setLoginState(LoginStateEnum.RESET_PASSWORD)"
              >
@ -70,12 +70,12 @@
          </el-row>
        </el-form-item>
      </el-col>
-      <el-col :span="24" style="padding-right: 10px; padding-left: 10px">
+      <el-col :span="24" class="px-10px">
        <el-form-item>
          <XButton
            :loading="loginLoading"
            :title="t('login.login')"
-            class="w-[100%]"
+            class="w-full"
            type="primary"
            @click="getCode()"
          />
@ -89,27 +89,27 @@
        mode="pop"
        @success="handleLogin"
      />
-      <el-col :span="24" style="padding-right: 10px; padding-left: 10px">
+      <el-col :span="24" class="px-10px">
        <el-form-item>
          <el-row :gutter="5" justify="space-between" style="width: 100%">
            <el-col :span="8">
              <XButton
                :title="t('login.btnMobile')"
-                class="w-[100%]"
+                class="w-full"
                @click="setLoginState(LoginStateEnum.MOBILE)"
              />
            </el-col>
            <el-col :span="8">
              <XButton
                :title="t('login.btnQRCode')"
-                class="w-[100%]"
+                class="w-full"
                @click="setLoginState(LoginStateEnum.QR_CODE)"
              />
            </el-col>
            <el-col :span="8">
              <XButton
                :title="t('login.btnRegister')"
-                class="w-[100%]"
+                class="w-full"
                @click="setLoginState(LoginStateEnum.REGISTER)"
              />
            </el-col>
@ -117,9 +117,9 @@
        </el-form-item>
      </el-col>
      <el-divider content-position="center">{{ t('login.otherLogin') }}</el-divider>
-      <el-col :span="24" style="padding-right: 10px; padding-left: 10px">
+      <el-col :span="24" class="px-10px">
        <el-form-item>
-          <div class="w-[100%] flex justify-between">
+          <div class="w-full flex justify-between">
            <Icon
              v-for="(item, key) in socialList"
              :key="key"
@ -133,9 +133,9 @@
        </el-form-item>
      </el-col>
      <el-divider content-position="center">萌新必读</el-divider>
-      <el-col :span="24" style="padding-right: 10px; padding-left: 10px">
+      <el-col :span="24" class="px-10px">
        <el-form-item>
-          <div class="w-[100%] flex justify-between">
+          <div class="w-full flex justify-between">
            <el-link href="https://doc.iocoder.cn/" target="_blank">📚开发指南</el-link>
            <el-link href="https://doc.iocoder.cn/video/" target="_blank">🔥视频教程</el-link>
            <el-link href="https://www.iocoder.cn/Interview/good-collection/" target="_blank">
@ -239,11 +239,13 @@ const getLoginFormCache = () => {
 }
 // 根据域名，获得租户信息
 const getTenantByWebsite = async () => {
-  const website = location.host
-  const res = await LoginApi.getTenantByWebsite(website)
-  if (res) {
-    loginData.loginForm.tenantName = res.name
-    authUtil.setTenantId(res.id)
+  if (loginData.tenantEnable === 'true') {
+    const website = location.host
+    const res = await LoginApi.getTenantByWebsite(website)
+    if (res) {
+      loginData.loginForm.tenantName = res.name
+      authUtil.setTenantId(res.id)
+    }
  }
 }
 const loading = ref() // ElLoading.service 返回的实例
--- a/src/views/Login/components/MobileForm.vue
+++ b/src/views/Login/components/MobileForm.vue
@ -9,14 +9,14 @@
    label-width="120px"
    size="large"
  >
-    <el-row style="margin-right: -10px; margin-left: -10px">
+    <el-row class="mx-[-10px]">
      <!-- 租户名 -->
-      <el-col :span="24" style="padding-right: 10px; padding-left: 10px">
+      <el-col :span="24" class="px-10px">
        <el-form-item>
-          <LoginFormTitle style="width: 100%" />
+          <LoginFormTitle class="w-full" />
        </el-form-item>
      </el-col>
-      <el-col :span="24" style="padding-right: 10px; padding-left: 10px">
+      <el-col :span="24" class="px-10px">
        <el-form-item v-if="loginData.tenantEnable === 'true'" prop="tenantName">
          <el-input
            v-model="loginData.loginForm.tenantName"
@ -28,7 +28,7 @@
        </el-form-item>
      </el-col>
      <!-- 手机号 -->
-      <el-col :span="24" style="padding-right: 10px; padding-left: 10px">
+      <el-col :span="24" class="px-10px">
        <el-form-item prop="mobileNumber">
          <el-input
            v-model="loginData.loginForm.mobileNumber"
@ -38,7 +38,7 @@
        </el-form-item>
      </el-col>
      <!-- 验证码 -->
-      <el-col :span="24" style="padding-right: 10px; padding-left: 10px">
+      <el-col :span="24" class="px-10px">
        <el-form-item prop="code">
          <el-row :gutter="5" justify="space-between" style="width: 100%">
            <el-col :span="24">
@ -68,23 +68,23 @@
        </el-form-item>
      </el-col>
      <!-- 登录按钮 / 返回按钮 -->
-      <el-col :span="24" style="padding-right: 10px; padding-left: 10px">
+      <el-col :span="24" class="px-10px">
        <el-form-item>
          <XButton
            :loading="loginLoading"
            :title="t('login.login')"
-            class="w-[100%]"
+            class="w-full"
            type="primary"
            @click="signIn()"
          />
        </el-form-item>
      </el-col>
-      <el-col :span="24" style="padding-right: 10px; padding-left: 10px">
+      <el-col :span="24" class="px-10px">
        <el-form-item>
          <XButton
            :loading="loginLoading"
            :title="t('login.backLogin')"
-            class="w-[100%]"
+            class="w-full"
            @click="handleBackLogin()"
          />
        </el-form-item>
--- a/src/views/Login/components/QrCodeForm.vue
+++ b/src/views/Login/components/QrCodeForm.vue
@ -1,17 +1,17 @@
 <template>
-  <el-row v-show="getShow" class="login-form" style="margin-right: -10px; margin-left: -10px">
-    <el-col :span="24" style="padding-right: 10px; padding-left: 10px">
-      <LoginFormTitle style="width: 100%" />
+  <el-row v-show="getShow" class="login-form mx-[-10px]">
+    <el-col :span="24" class="px-10px">
+      <LoginFormTitle class="w-full" />
    </el-col>
-    <el-col :span="24" style="padding-right: 10px; padding-left: 10px">
+    <el-col :span="24" class="px-10px">
      <el-card class="mb-10px text-center" shadow="hover">
        <Qrcode :logo="logoImg" />
      </el-card>
    </el-col>
    <el-divider class="enter-x">{{ t('login.qrcode') }}</el-divider>
-    <el-col :span="24" style="padding-right: 10px; padding-left: 10px">
-      <div class="mt-15px w-[100%]">
-        <XButton :title="t('login.backLogin')" class="w-[100%]" @click="handleBackLogin()" />
+    <el-col :span="24" class="px-10px">
+      <div class="mt-4 w-full">
+        <XButton :title="t('login.backLogin')" class="w-full" @click="handleBackLogin()" />
      </div>
    </el-col>
  </el-row>
--- a/src/views/Login/components/RegisterForm.vue
+++ b/src/views/Login/components/RegisterForm.vue
@ -9,13 +9,13 @@
    label-width="120px"
    size="large"
  >
-    <el-row style="margin-right: -10px; margin-left: -10px">
-      <el-col :span="24" style="padding-right: 10px; padding-left: 10px">
+    <el-row class="mx-[-10px]">
+      <el-col :span="24" class="px-10px">
        <el-form-item>
-          <LoginFormTitle style="width: 100%" />
+          <LoginFormTitle class="w-full" />
        </el-form-item>
      </el-col>
-      <el-col :span="24" style="padding-right: 10px; padding-left: 10px">
+      <el-col :span="24" class="px-10px">
        <el-form-item v-if="registerData.tenantEnable === 'true'" prop="tenantName">
          <el-input
            v-model="registerData.registerForm.tenantName"
@ -27,7 +27,7 @@
          />
        </el-form-item>
      </el-col>
-      <el-col :span="24" style="padding-right: 10px; padding-left: 10px">
+      <el-col :span="24" class="px-10px">
        <el-form-item prop="username">
          <el-input
            v-model="registerData.registerForm.username"
@ -37,7 +37,7 @@
          />
        </el-form-item>
      </el-col>
-      <el-col :span="24" style="padding-right: 10px; padding-left: 10px">
+      <el-col :span="24" class="px-10px">
        <el-form-item prop="username">
          <el-input
            v-model="registerData.registerForm.nickname"
@ -47,7 +47,7 @@
          />
        </el-form-item>
      </el-col>
-      <el-col :span="24" style="padding-right: 10px; padding-left: 10px">
+      <el-col :span="24" class="px-10px">
        <el-form-item prop="password">
          <el-input
            v-model="registerData.registerForm.password"
@ -60,7 +60,7 @@
          />
        </el-form-item>
      </el-col>
-      <el-col :span="24" style="padding-right: 10px; padding-left: 10px">
+      <el-col :span="24" class="px-10px">
        <el-form-item prop="confirmPassword">
          <el-input
            v-model="registerData.registerForm.confirmPassword"
@ -73,12 +73,12 @@
          />
        </el-form-item>
      </el-col>
-      <el-col :span="24" style="padding-right: 10px; padding-left: 10px">
+      <el-col :span="24" class="px-10px">
        <el-form-item>
          <XButton
            :loading="loginLoading"
            :title="t('login.register')"
-            class="w-[100%]"
+            class="w-full"
            type="primary"
            @click="getCode()"
          />
@ -93,7 +93,7 @@
        @success="handleRegister"
      />
    </el-row>
-    <XButton :title="t('login.hasUser')" class="w-[100%]" @click="handleBackLogin()" />
+    <XButton :title="t('login.hasUser')" class="w-full" @click="handleBackLogin()" />
  </el-form>
 </template>
 <script lang="ts" setup>
@ -123,7 +123,7 @@ const captchaType = ref('blockPuzzle') // blockPuzzle 滑块 clickWord 点击文

 const getShow = computed(() => unref(getLoginState) === LoginStateEnum.REGISTER)

-const equalToPassword = (rule, value, callback) => {
+const equalToPassword = (_rule, value, callback) => {
  if (registerData.registerForm.password !== value) {
    callback(new Error('两次输入的密码不一致'))
  } else {
@ -233,11 +233,13 @@ const getTenantId = async () => {

 // 根据域名，获得租户信息
 const getTenantByWebsite = async () => {
-  const website = location.host
-  const res = await LoginApi.getTenantByWebsite(website)
-  if (res) {
-    registerData.registerForm.tenantName = res.name
-    authUtil.setTenantId(res.id)
+  if (registerData.tenantEnable === 'true') {
+    const website = location.host
+    const res = await LoginApi.getTenantByWebsite(website)
+    if (res) {
+      registerData.registerForm.tenantName = res.name
+      authUtil.setTenantId(res.id)
+    }
  }
 }
 const loading = ref() // ElLoading.service 返回的实例
--- a/src/views/Login/components/SSOLogin.vue
+++ b/src/views/Login/components/SSOLogin.vue
@ -1,7 +1,7 @@
 <template>
  <div v-show="ssoVisible" class="form-cont">
    <!-- 应用名 -->
-    <LoginFormTitle style="width: 100%" />
+    <LoginFormTitle class="w-full" />
    <el-tabs class="form" style="float: none" value="uname">
      <el-tab-pane :label="client.name" name="uname" />
    </el-tabs>
@ -15,17 +15,17 @@
              v-for="scope in queryParams.scopes"
              :key="scope"
              :value="scope"
-              style="display: block; margin-bottom: -10px"
+              class="block mb-[-10px]"
            >
              {{ formatScope(scope) }}
            </el-checkbox>
          </el-checkbox-group>
        </el-form-item>
        <!-- 下方的登录按钮 -->
-        <el-form-item class="w-1/1">
+        <el-form-item class="w-full">
          <el-button
            :loading="formLoading"
-            class="w-6/10"
+            class="w-3/5"
            type="primary"
            @click.prevent="handleAuthorize(true)"
          >
--- a/src/views/Profile/components/UserAvatar.vue
+++ b/src/views/Profile/components/UserAvatar.vue
@ -18,7 +18,6 @@ import { useUserStore } from '@/store/modules/user'
 import { useUpload } from '@/components/UploadFile/src/useUpload'
 import { UploadRequestOptions } from 'element-plus/es/components/upload/src/upload'

-// TODO @芋艿：合并到 ProfileUser 组件中，更简洁一点
 defineOptions({ name: 'UserAvatar' })

 defineProps({
@ -30,10 +29,12 @@ const userStore = useUserStore()
 const cropperRef = ref()
 const handelUpload = async ({ data }) => {
  const { httpRequest } = useUpload()
-  const avatar = ((await httpRequest({
-    file: data,
-    filename: 'avatar.png',
-  } as UploadRequestOptions)) as unknown as { data: string }).data
+  const avatar = (
+    (await httpRequest({
+      file: data,
+      filename: 'avatar.png'
+    } as UploadRequestOptions)) as unknown as { data: string }
+  ).data
  await updateUserProfile({ avatar })

  // 关闭弹窗，并更新 userStore
--- a/src/views/Profile/components/UserSocial.vue
+++ b/src/views/Profile/components/UserSocial.vue
@ -23,7 +23,7 @@
 </template>
 <script lang="ts" setup>
 import { SystemUserSocialTypeEnum } from '@/utils/constants'
-import { getUserProfile, ProfileVO } from '@/api/system/user/profile'
+import { getBindSocialUserList } from '@/api/system/social/user'
 import { socialAuthRedirect, socialBind, socialUnbind } from '@/api/system/user/socialUser'

 defineOptions({ name: 'UserSocial' })
@ -32,19 +32,19 @@ defineProps<{
 }>()
 const message = useMessage()
 const socialUsers = ref<any[]>([])
-const userInfo = ref<ProfileVO>()

 const initSocial = async () => {
  socialUsers.value = [] // 重置避免无限增长
-  const res = await getUserProfile()
-  userInfo.value = res
+  // 获取已绑定的社交用户列表
+  const bindSocialUserList = await getBindSocialUserList()
+  // 检查该社交平台是否已绑定
  for (const i in SystemUserSocialTypeEnum) {
    const socialUser = { ...SystemUserSocialTypeEnum[i] }
    socialUsers.value.push(socialUser)
-    if (userInfo.value?.socialUsers) {
-      for (const j in userInfo.value.socialUsers) {
-        if (socialUser.type === userInfo.value.socialUsers[j].type) {
-          socialUser.openid = userInfo.value.socialUsers[j].openid
+    if (bindSocialUserList && bindSocialUserList.length > 0) {
+      for (const bindUser of bindSocialUserList) {
+        if (socialUser.type === bindUser.type) {
+          socialUser.openid = bindUser.openid
          break
        }
      }
--- a/src/views/ai/chat/index/components/conversation/ConversationList.vue
+++ b/src/views/ai/chat/index/components/conversation/ConversationList.vue
@ -391,7 +391,8 @@ onMounted(async () => {
      line-height: 30px;

      &.active {
-        background-color: #e6e6e6;
+        background-color: var(--el-color-primary-light-9);
+        border: 1px solid var(--el-color-primary-light-7);

        .button {
          display: inline-block;
@ -409,7 +410,7 @@ onMounted(async () => {
        max-width: 220px;
        font-size: 14px;
        font-weight: 400;
-        color: rgba(0, 0, 0, 0.77);
+        color: var(--el-text-color-regular);
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
@ -430,7 +431,7 @@ onMounted(async () => {
        display: flex;
        flex-direction: row;
        justify-items: center;
-        color: #606266;
+        color: var(--el-text-color-regular);

        .btn {
          margin: 0;
@ -447,8 +448,8 @@ onMounted(async () => {
    right: 0;
    //width: 100%;
    padding: 0 20px;
-    background-color: #f4f4f4;
-    box-shadow: 0 0 1px 1px rgba(228, 228, 228, 0.8);
+    background-color: var(--el-fill-color-extra-light);
+    box-shadow: 0 0 1px 1px var(--el-border-color-lighter);
    line-height: 35px;
    display: flex;
    justify-content: space-between;
@ -458,7 +459,7 @@ onMounted(async () => {
    > div {
      display: flex;
      align-items: center;
-      color: #606266;
+      color: var(--el-text-color-regular);
      padding: 0;
      margin: 0;
      cursor: pointer;
--- a/src/views/ai/chat/index/components/message/MessageList.vue
+++ b/src/views/ai/chat/index/components/message/MessageList.vue
@ -215,13 +215,13 @@ onMounted(async () => {
      display: flex;
      flex-direction: column;
      overflow-wrap: break-word;
-      background-color: rgba(228, 228, 228, 0.8);
-      box-shadow: 0 0 0 1px rgba(228, 228, 228, 0.8);
+      background-color: var(--el-fill-color-light);
+      box-shadow: 0 0 0 1px var(--el-border-color-light);
      border-radius: 10px;
      padding: 10px 10px 5px 10px;

      .left-text {
-        color: #393939;
+        color: var(--el-text-color-primary);
        font-size: 0.95rem;
      }
    }
@ -232,10 +232,10 @@ onMounted(async () => {

      .right-text {
        font-size: 0.95rem;
-        color: #fff;
+        color: var(--el-color-white);
        display: inline;
-        background-color: #267fff;
-        box-shadow: 0 0 0 1px #267fff;
+        background-color: var(--el-color-primary);
+        box-shadow: 0 0 0 1px var(--el-color-primary);
        border-radius: 10px;
        padding: 10px;
        width: auto;
@ -270,7 +270,7 @@ onMounted(async () => {

  .btn-cus:hover {
    cursor: pointer;
-    background-color: #f6f6f6;
+    background-color: var(--el-fill-color-lighter);
  }
 }

--- a/src/views/ai/chat/index/components/role/RoleHeader.vue
+++ b/src/views/ai/chat/index/components/role/RoleHeader.vue
@ -29,14 +29,14 @@ defineProps({
  padding: 0 10px;
  white-space: nowrap;
  text-overflow: ellipsis;
-  background-color: #ececec;
+  background-color: var(--el-bg-color-page);
  width: 100%;

  .title {
    font-size: 20px;
    font-weight: bold;
    overflow: hidden;
-    color: #3e3e3e;
+    color: var(--el-text-color-primary);
    max-width: 220px;
  }

--- a/src/views/ai/chat/index/components/role/RoleList.vue
+++ b/src/views/ai/chat/index/components/role/RoleList.vue
@ -13,10 +13,10 @@
            <template #dropdown>
              <el-dropdown-menu>
                <el-dropdown-item :command="['edit', role]">
-                  <Icon icon="ep:edit" color="#787878" />编辑
+                  <Icon icon="ep:edit" color="var(--el-text-color-placeholder)" />编辑
                </el-dropdown-item>
-                <el-dropdown-item :command="['delete', role]" style="color: red">
-                  <Icon icon="ep:delete" color="red" />删除
+                <el-dropdown-item :command="['delete', role]" style="color: var(--el-color-danger)">
+                  <Icon icon="ep:delete" color="var(--el-color-danger)" />删除
                </el-dropdown-item>
              </el-dropdown-menu>
            </template>
@ -153,13 +153,13 @@ const handleTabsScroll = async () => {
        .title {
          font-size: 18px;
          font-weight: bold;
-          color: #3e3e3e;
+          color: var(--el-text-color-primary);
        }

        .description {
          margin-top: 10px;
          font-size: 14px;
-          color: #6a6a6a;
+          color: var(--el-text-color-regular);
        }
      }

--- a/src/views/ai/chat/index/components/role/RoleRepository.vue
+++ b/src/views/ai/chat/index/components/role/RoleRepository.vue
@ -23,7 +23,7 @@
          @click="handlerAddRole"
          class="ml-20px"
        >
-          <Icon icon="ep:user" style="margin-right: 5px;" />
+          <Icon icon="ep:user" style="margin-right: 5px" />
          添加角色
        </el-button>
      </div>
@ -64,15 +64,15 @@
 </template>

 <script setup lang="ts">
-import {ref} from 'vue'
+import { ref } from 'vue'
 import RoleHeader from './RoleHeader.vue'
 import RoleList from './RoleList.vue'
 import ChatRoleForm from '@/views/ai/model/chatRole/ChatRoleForm.vue'
 import RoleCategoryList from './RoleCategoryList.vue'
-import {ChatRoleApi, ChatRolePageReqVO, ChatRoleVO} from '@/api/ai/model/chatRole'
-import {ChatConversationApi, ChatConversationVO} from '@/api/ai/chat/conversation'
-import {Search} from '@element-plus/icons-vue'
-import {TabsPaneContext} from 'element-plus'
+import { ChatRoleApi, ChatRolePageReqVO, ChatRoleVO } from '@/api/ai/model/chatRole'
+import { ChatConversationApi, ChatConversationVO } from '@/api/ai/chat/conversation'
+import { Search } from '@element-plus/icons-vue'
+import { TabsPaneContext } from 'element-plus'

 const router = useRouter() // 路由对象

@ -244,7 +244,7 @@ onMounted(async () => {
  right: 0;
  top: 0;
  bottom: 0;
-  background-color: #ffffff;
+  background-color: var(--el-bg-color);
  overflow: hidden;
  display: flex;
  flex-direction: column;
--- a/src/views/ai/chat/index/index.vue
+++ b/src/views/ai/chat/index/index.vue
@ -22,13 +22,16 @@
            <Icon icon="ep:setting" class="ml-10px" />
          </el-button>
          <el-button size="small" class="btn" @click="handlerMessageClear">
-            <Icon icon="heroicons-outline:archive-box-x-mark" color="#787878" />
+            <Icon
+              icon="heroicons-outline:archive-box-x-mark"
+              color="var(--el-text-color-placeholder)"
+            />
          </el-button>
          <el-button size="small" class="btn">
-            <Icon icon="ep:download" color="#787878" />
+            <Icon icon="ep:download" color="var(--el-text-color-placeholder)" />
          </el-button>
          <el-button size="small" class="btn" @click="handleGoTopMessage">
-            <Icon icon="ep:top" color="#787878" />
+            <Icon icon="ep:top" color="var(--el-text-color-placeholder)" />
          </el-button>
        </div>
      </el-header>
@ -613,7 +616,8 @@ onMounted(async () => {
      line-height: 30px;

      &.active {
-        background-color: #e6e6e6;
+        background-color: var(--el-color-primary-light-9);
+        border: 1px solid var(--el-color-primary-light-7);

        .button {
          display: inline-block;
@ -649,7 +653,7 @@ onMounted(async () => {
        display: flex;
        flex-direction: row;
        justify-items: center;
-        color: #606266;
+        color: var(--el-text-color-regular);

        .el-icon {
          margin-right: 5px;
@ -669,7 +673,7 @@ onMounted(async () => {
    > div {
      display: flex;
      align-items: center;
-      color: #606266;
+      color: var(--el-text-color-regular);
      padding: 0;
      margin: 0;
      cursor: pointer;
@ -683,15 +687,15 @@ onMounted(async () => {

 // 头部
 .detail-container {
-  background: #ffffff;
+  background: var(--el-bg-color);

  .header {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
-    background: #fbfbfb;
-    box-shadow: 0 0 0 0 #dcdfe6;
+    background: var(--el-bg-color-page);
+    box-shadow: 0 0 0 0 var(--el-border-color-light);

    .title {
      font-size: 18px;
@ -744,7 +748,7 @@ onMounted(async () => {
    display: flex;
    flex-direction: column;
    height: auto;
-    border: 1px solid #e3e3e3;
+    border: 1px solid var(--el-border-color);
    border-radius: 10px;
    margin: 10px 20px 20px 20px;
    padding: 9px 10px;
--- a/src/views/bpm/model/CategoryDraggableModel.vue
+++ b/src/views/bpm/model/CategoryDraggableModel.vue
@ -510,10 +510,15 @@ const isManagerUser = (row: any) => {

 /** 处理模型的排序 **/
 const handleModelSort = () => {
-  // 保存初始数据
-  originalData.value = cloneDeep(props.categoryInfo.modelList)
-  isModelSorting.value = true
-  initSort()
+  if (isModelSorting.value) {
+    // 如果已经在排序状态，则取消排序
+    handleModelSortCancel()
+  } else {
+    // 保存初始数据
+    originalData.value = cloneDeep(props.categoryInfo.modelList)
+    isModelSorting.value = true
+    initSort()
+  }
 }

 /** 处理模型的排序提交 */
--- a/src/views/bpm/model/form/BasicInfo.vue
+++ b/src/views/bpm/model/form/BasicInfo.vue
@ -102,7 +102,7 @@
      </div>
      <div v-if="modelData.startUserType === 2" class="mt-2 flex flex-wrap gap-2">
        <div
-          v-for="dept in selectedStartDepts" 
+          v-for="dept in selectedStartDepts"
          :key="dept.id"
          class="bg-gray-100 h-35px rounded-3xl flex items-center pr-8px dark:color-gray-600 position-relative"
        >
@ -186,7 +186,23 @@ const currentSelectType = ref<'start' | 'manager'>('start')

 const rules = {
  name: [{ required: true, message: '流程名称不能为空', trigger: 'blur' }],
-  key: [{ required: true, message: '流程标识不能为空', trigger: 'blur' }],
+  key: [
+    { required: true, message: '流程标识不能为空', trigger: 'blur' },
+    {
+      validator: (_rule: any, value: string, callback: any) => {
+        if (!value) {
+          callback()
+          return
+        }
+        if (!/^[a-zA-Z_][\-_.0-9_a-zA-Z$]*$/.test(value)) {
+          callback(new Error('只能包含字母、数字、下划线、连字符和点号，且必须以字母或下划线开头'))
+          return
+        }
+        callback()
+      },
+      trigger: 'blur'
+    }
+  ],
  category: [{ required: true, message: '流程分类不能为空', trigger: 'blur' }],
  type: [{ required: true, message: '是否可见不能为空', trigger: 'blur' }],
  visible: [{ required: true, message: '是否可见不能为空', trigger: 'blur' }],
--- a/src/views/bpm/model/form/index.vue
+++ b/src/views/bpm/model/form/index.vue
@ -219,6 +219,16 @@ const initData = async () => {
    // 特殊：复制场景
    if (route.params.type === 'copy') {
      delete formData.value.id
+      if (formData.value.bpmnXml) {
+        formData.value.bpmnXml = formData.value.bpmnXml.replaceAll(
+          formData.value.name,
+          formData.value.name + '副本'
+        )
+        formData.value.bpmnXml = formData.value.bpmnXml.replaceAll(
+          formData.value.key,
+          formData.value.key + '_copy'
+        )
+      }
      formData.value.name += '副本'
      formData.value.key += '_copy'
      tagsView.setTitle('复制流程')
--- a/src/views/bpm/processInstance/detail/ProcessInstanceOperationButton.vue
+++ b/src/views/bpm/processInstance/detail/ProcessInstanceOperationButton.vue
@ -685,6 +685,7 @@ watch(

 /** 弹出气泡卡 */
 const openPopover = async (type: string) => {
+  if (popOverVisible.value[type] === true) return
  if (type === 'approve') {
    // 校验流程表单
    const valid = await validateNormalForm()
--- a/src/views/bpm/processInstance/detail/ProcessInstanceTimeline.vue
+++ b/src/views/bpm/processInstance/detail/ProcessInstanceTimeline.vue
@ -38,7 +38,13 @@
          </div>
        </div>
        <div v-if="activity.nodeType === NodeType.CHILD_PROCESS_NODE">
-          <el-button type="primary" plain size="small" @click="handleChildProcess(activity)">
+          <el-button
+            type="primary"
+            plain
+            size="small"
+            @click="handleChildProcess(activity)"
+            :disabled="!activity.processInstanceId"
+          >
            查看子流程
          </el-button>
        </div>
@ -319,7 +325,9 @@ const handleUserSelectConfirm = (activityId: string, userList: any[]) => {

 /** 跳转子流程 */
 const handleChildProcess = (activity: any) => {
-  // TODO @lesan：貌似跳不过去？！
+  if (!activity.processInstanceId) {
+    return
+  }
  push({
    name: 'BpmProcessInstanceDetail',
    query: {
--- a/src/views/bpm/task/todo/index.vue
+++ b/src/views/bpm/task/todo/index.vue
@ -131,7 +131,7 @@
        :formatter="dateFormatter"
        align="center"
        label="发起时间"
-        prop="createTime"
+        prop="processInstance.createTime"
        width="180"
      />
      <el-table-column align="center" label="当前任务" prop="name" width="180" />
--- a/src/views/crm/customer/CustomerImportForm.vue
+++ b/src/views/crm/customer/CustomerImportForm.vue
@ -56,7 +56,7 @@ import type { UploadUserFile } from 'element-plus'
 import * as UserApi from '@/api/system/user'
 import { useUserStore } from '@/store/modules/user'

-defineOptions({ name: 'SystemUserImportForm' })
+defineOptions({ name: 'CrmCustomerImportForm' })

 const message = useMessage() // 消息弹窗

--- a/src/views/crm/followup/index.vue
+++ b/src/views/crm/followup/index.vue
@ -24,6 +24,38 @@
        </template>
      </el-table-column>
      <el-table-column align="center" label="跟进内容" prop="content" />
+      <el-table-column label="图片" align="center">
+        <template #default="scope">
+          <div v-if="scope.row.picUrls && scope.row.picUrls.length > 0" class="flex">
+            <el-image
+              v-for="(url, index) in scope.row.picUrls"
+              :key="index"
+              :src="url"
+              :preview-src-list="scope.row.picUrls"
+              class="w-10 h-10 mr-1"
+              :initial-index="index"
+              fit="cover"
+              preview-teleported
+            />
+          </div>
+        </template>
+      </el-table-column>
+      <el-table-column label="附件" align="center">
+        <template #default="scope">
+          <div v-if="scope.row.fileUrls && scope.row.fileUrls.length > 0" class="flex flex-col">
+            <el-link
+              v-for="(url, index) in scope.row.fileUrls"
+              :key="index"
+              :href="url"
+              type="primary"
+              target="_blank"
+              download
+            >
+              {{ getFileName(url) }}
+            </el-link>
+          </div>
+        </template>
+      </el-table-column>
      <el-table-column
        :formatter="dateFormatter"
        align="center"
@ -97,6 +129,14 @@ import { BizTypeEnum } from '@/api/crm/permission'

 /** 跟进记录列表 */
 defineOptions({ name: 'FollowUpRecord' })
+
+const getFileName = (url: string) => {
+  if (!url) {
+    return ''
+  }
+  return url.substring(url.lastIndexOf('/') + 1)
+}
+
 const props = defineProps<{
  bizType: number
  bizId: number
--- a/src/views/infra/codegen/components/ColumInfoForm.vue
+++ b/src/views/infra/codegen/components/ColumInfoForm.vue
@ -95,7 +95,20 @@
    </el-table-column>
    <el-table-column label="字典类型" min-width="12%">
      <template #default="scope">
-        <el-select v-model="scope.row.dictType" clearable filterable placeholder="请选择">
+        <el-select v-model="scope.row.dictType" :value-on-clear="''" clearable filterable placeholder="请选择">
+          <template #header>
+            <div class="flex justify-end">
+              <el-popover
+                class="box-item"
+                content="加载最新字典"
+                placement="top-start"
+              >
+                <template #reference>
+                  <el-button :icon="Refresh" size="small" circle @click="getDictOptions" class=""/>
+                </template>
+              </el-popover>
+            </div>
+          </template>
          <el-option
            v-for="dict in dictOptions"
            :key="dict.id"
@ -114,6 +127,7 @@
 </template>
 <script lang="ts" setup>
 import { PropType } from 'vue'
+import { Refresh } from '@element-plus/icons-vue'
 import * as CodegenApi from '@/api/infra/codegen'
 import * as DictDataApi from '@/api/system/dict/dict.type'

--- a/src/views/infra/codegen/index.vue
+++ b/src/views/infra/codegen/index.vue
@ -55,13 +55,23 @@
          <Icon class="mr-5px" icon="ep:zoom-in" />
          导入
        </el-button>
+        <el-button
+          v-hasPermi="['infra:codegen:delete']"
+          type="danger"
+          :disabled="checkedIds.length === 0"
+          @click="handleDeleteBatch"
+        >
+          <Icon class="mr-5px" icon="ep:delete" />
+          批量删除
+        </el-button>
      </el-form-item>
    </el-form>
  </ContentWrap>

  <!-- 列表 -->
  <ContentWrap>
-    <el-table v-loading="loading" :data="list">
+    <el-table v-loading="loading" :data="list" @selection-change="handleRowCheckboxChange">
+      <el-table-column type="selection" width="55" />
      <el-table-column align="center" label="数据源">
        <template #default="scope">
          {{
@ -232,6 +242,24 @@ const handleDelete = async (id: number) => {
  } catch {}
 }

+/** 批量删除操作 */
+const checkedIds = ref<number[]>([])
+const handleRowCheckboxChange = (rows: CodegenApi.CodegenTableVO[]) => {
+  checkedIds.value = rows.map((row) => row.id)
+}
+
+const handleDeleteBatch = async () => {
+  try {
+    // 删除的二次确认
+    await message.delConfirm()
+    // 发起批量删除
+    await CodegenApi.deleteCodegenTableList(checkedIds.value)
+    message.success(t('common.delSuccess'))
+    // 刷新列表
+    await getList()
+  } catch {}
+}
+
 /** 同步操作  */
 const handleSyncDB = async (row: CodegenApi.CodegenTableVO) => {
  // 基于 DB 同步
--- a/src/views/infra/config/index.vue
+++ b/src/views/infra/config/index.vue
@ -65,6 +65,15 @@
        >
          <Icon icon="ep:plus" class="mr-5px" /> 新增
        </el-button>
+        <el-button
+          type="danger"
+          plain
+          :disabled="checkedIds.length === 0"
+          @click="handleDeleteBatch"
+          v-hasPermi="['infra:config:delete']"
+        >
+          <Icon icon="ep:delete" class="mr-5px" /> 批量删除
+        </el-button>
        <el-button
          type="success"
          plain
@ -80,7 +89,8 @@

  <!-- 列表 -->
  <ContentWrap>
-    <el-table v-loading="loading" :data="list">
+    <el-table v-loading="loading" :data="list" @selection-change="handleRowCheckboxChange">
+      <el-table-column type="selection" width="55" />
      <el-table-column label="参数主键" align="center" prop="id" />
      <el-table-column label="参数分类" align="center" prop="category" />
      <el-table-column label="参数名称" align="center" prop="name" :show-overflow-tooltip="true" />
@ -206,6 +216,24 @@ const handleDelete = async (id: number) => {
  } catch {}
 }

+/** 批量删除按钮操作 */
+const checkedIds = ref<number[]>([])
+const handleRowCheckboxChange = (rows: ConfigApi.ConfigVO[]) => {
+  checkedIds.value = rows.map((row) => row.id!).filter(Boolean)
+}
+
+const handleDeleteBatch = async () => {
+  try {
+    // 删除的二次确认
+    await message.delConfirm()
+    // 发起批量删除
+    await ConfigApi.deleteConfigList(checkedIds.value)
+    message.success(t('common.delSuccess'))
+    // 刷新列表
+    await getList()
+  } catch {}
+}
+
 /** 导出按钮操作 */
 const handleExport = async () => {
  try {
--- a/src/views/infra/dataSourceConfig/index.vue
+++ b/src/views/infra/dataSourceConfig/index.vue
@ -11,13 +11,23 @@
        >
          <Icon icon="ep:plus" class="mr-5px" /> 新增
        </el-button>
+        <el-button
+          type="danger"
+          plain
+          :disabled="checkedIds.length === 0"
+          @click="handleDeleteBatch"
+          v-hasPermi="['infra:data-source-config:delete']"
+        >
+          <Icon icon="ep:delete" class="mr-5px" /> 批量删除
+        </el-button>
      </el-form-item>
    </el-form>
  </ContentWrap>

  <!-- 列表 -->
  <ContentWrap>
-    <el-table v-loading="loading" :data="list">
+    <el-table v-loading="loading" :data="list" @selection-change="handleRowCheckboxChange">
+      <el-table-column type="selection" width="55" />
      <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" />
@ -99,6 +109,25 @@ const handleDelete = async (id: number) => {
  } catch {}
 }

+/** 批量删除按钮操作 */
+const checkedIds = ref<number[]>([])
+const handleRowCheckboxChange = (rows: DataSourceConfigApi.DataSourceConfigVO[]) => {
+  // 过滤掉id为 0 的主数据源
+  checkedIds.value = rows.map((row) => row.id!).filter((id) => id !== 0 && Boolean(id))
+}
+
+const handleDeleteBatch = async () => {
+  try {
+    // 删除的二次确认
+    await message.delConfirm()
+    // 发起批量删除
+    await DataSourceConfigApi.deleteDataSourceConfigList(checkedIds.value)
+    message.success(t('common.delSuccess'))
+    // 刷新列表
+    await getList()
+  } catch {}
+}
+
 /** 初始化 **/
 onMounted(() => {
  getList()
--- a/src/views/infra/demo/demo01/Demo01ContactForm.vue
+++ b/src/views/infra/demo/demo01/Demo01ContactForm.vue
@ -15,7 +15,7 @@
          <el-radio
            v-for="dict in getIntDictOptions(DICT_TYPE.SYSTEM_USER_SEX)"
            :key="dict.value"
-            :value="dict.value"
+            :label="dict.value"
          >
            {{ dict.label }}
          </el-radio>
@ -44,7 +44,10 @@
 </template>
 <script setup lang="ts">
 import { getIntDictOptions, DICT_TYPE } from '@/utils/dict'
-import * as Demo01ContactApi from '@/api/infra/demo/demo01'
+import { Demo01ContactApi, Demo01Contact } from '@/api/infra/demo/demo01'
+
+/** 示例联系人 表单 */
+defineOptions({ name: 'Demo01ContactForm' })

 const { t } = useI18n() // 国际化
 const message = useMessage() // 消息弹窗
@ -59,13 +62,13 @@ const formData = ref({
  sex: undefined,
  birthday: undefined,
  description: undefined,
-  avatar: undefined
+  avatar: undefined,
 })
 const formRules = reactive({
  name: [{ required: true, message: '名字不能为空', trigger: 'blur' }],
  sex: [{ required: true, message: '性别不能为空', trigger: 'blur' }],
  birthday: [{ required: true, message: '出生年不能为空', trigger: 'blur' }],
-  description: [{ required: true, message: '简介不能为空', trigger: 'blur' }]
+  description: [{ required: true, message: '简介不能为空', trigger: 'blur' }],
 })
 const formRef = ref() // 表单 Ref

@ -95,7 +98,7 @@ const submitForm = async () => {
  // 提交请求
  formLoading.value = true
  try {
-    const data = formData.value as unknown as Demo01ContactApi.Demo01ContactVO
+    const data = formData.value as unknown as Demo01Contact
    if (formType.value === 'create') {
      await Demo01ContactApi.createDemo01Contact(data)
      message.success(t('common.createSuccess'))
@ -119,7 +122,7 @@ const resetForm = () => {
    sex: undefined,
    birthday: undefined,
    description: undefined,
-    avatar: undefined
+    avatar: undefined,
  }
  formRef.value?.resetFields()
 }
--- a/src/views/infra/demo/demo01/index.vue
+++ b/src/views/infra/demo/demo01/index.vue
@ -1,6 +1,4 @@
 <template>
-  <doc-alert title="代码生成（单表）" url="https://doc.iocoder.cn/new-feature/" />
-
  <ContentWrap>
    <!-- 搜索工作栏 -->
    <el-form
@ -20,7 +18,12 @@
        />
      </el-form-item>
      <el-form-item label="性别" prop="sex">
-        <el-select v-model="queryParams.sex" placeholder="请选择性别" clearable class="!w-240px">
+        <el-select
+          v-model="queryParams.sex"
+          placeholder="请选择性别"
+          clearable
+          class="!w-240px"
+        >
          <el-option
            v-for="dict in getIntDictOptions(DICT_TYPE.SYSTEM_USER_SEX)"
            :key="dict.value"
@ -37,7 +40,7 @@
          start-placeholder="开始日期"
          end-placeholder="结束日期"
          :default-time="[new Date('1 00:00:00'), new Date('1 23:59:59')]"
-          class="!w-240px"
+          class="!w-220px"
        />
      </el-form-item>
      <el-form-item>
@ -60,13 +63,30 @@
        >
          <Icon icon="ep:download" class="mr-5px" /> 导出
        </el-button>
+        <el-button
+          type="danger"
+          plain
+          :disabled="isEmpty(checkedIds)"
+          @click="handleDeleteBatch"
+          v-hasPermi="['infra:demo01-contact:delete']"
+        >
+          <Icon icon="ep:delete" class="mr-5px" /> 批量删除
+        </el-button>
      </el-form-item>
    </el-form>
  </ContentWrap>

  <!-- 列表 -->
  <ContentWrap>
-    <el-table v-loading="loading" :data="list" :stripe="true" :show-overflow-tooltip="true">
+    <el-table
+      row-key="id"
+      v-loading="loading"
+      :data="list"
+      :stripe="true"
+      :show-overflow-tooltip="true"
+      @selection-change="handleRowCheckboxChange"
+    >
+      <el-table-column type="selection" width="55" />
      <el-table-column label="编号" align="center" prop="id" />
      <el-table-column label="名字" align="center" prop="name" />
      <el-table-column label="性别" align="center" prop="sex">
@ -90,7 +110,7 @@
        :formatter="dateFormatter"
        width="180px"
      />
-      <el-table-column label="操作" align="center">
+      <el-table-column label="操作" align="center" min-width="120px">
        <template #default="scope">
          <el-button
            link
@ -126,25 +146,27 @@

 <script setup lang="ts">
 import { getIntDictOptions, DICT_TYPE } from '@/utils/dict'
+import { isEmpty } from '@/utils/is'
 import { dateFormatter } from '@/utils/formatTime'
 import download from '@/utils/download'
-import * as Demo01ContactApi from '@/api/infra/demo/demo01'
+import { Demo01ContactApi, Demo01Contact } from '@/api/infra/demo/demo01'
 import Demo01ContactForm from './Demo01ContactForm.vue'

+/** 示例联系人 列表 */
 defineOptions({ name: 'Demo01Contact' })

 const message = useMessage() // 消息弹窗
 const { t } = useI18n() // 国际化

 const loading = ref(true) // 列表的加载中
-const list = ref([]) // 列表的数据
+const list = ref<Demo01Contact[]>([]) // 列表的数据
 const total = ref(0) // 列表的总页数
 const queryParams = reactive({
  pageNo: 1,
  pageSize: 10,
-  name: null,
-  sex: null,
-  createTime: []
+  name: undefined,
+  sex: undefined,
+  createTime: [],
 })
 const queryFormRef = ref() // 搜索的表单
 const exportLoading = ref(false) // 导出的加载中
@ -192,6 +214,22 @@ const handleDelete = async (id: number) => {
  } catch {}
 }

+/** 批量删除示例联系人 */
+const handleDeleteBatch = async () => {
+  try {
+    // 删除的二次确认
+    await message.delConfirm()
+    await Demo01ContactApi.deleteDemo01ContactList(checkedIds.value);
+    message.success(t('common.delSuccess'))
+    await getList();
+  } catch {}
+}
+
+const checkedIds = ref<number[]>([])
+const handleRowCheckboxChange = (records: Demo01Contact[]) => {
+  checkedIds.value = records.map((item) => item.id);
+}
+
 /** 导出按钮操作 */
 const handleExport = async () => {
  try {
--- a/src/views/infra/demo/demo03/erp/Demo03StudentForm.vue
+++ b/src/views/infra/demo/demo03/erp/Demo03StudentForm.vue
@ -41,7 +41,10 @@
 </template>
 <script setup lang="ts">
 import { getIntDictOptions, DICT_TYPE } from '@/utils/dict'
-import * as Demo03StudentApi from '@/api/infra/demo/demo03/erp'
+import { Demo03StudentApi, Demo03Student } from '@/api/infra/demo/demo03/erp'
+
+/** 学生 表单 */
+defineOptions({ name: 'Demo03StudentForm' })

 const { t } = useI18n() // 国际化
 const message = useMessage() // 消息弹窗
@ -55,13 +58,13 @@ const formData = ref({
  name: undefined,
  sex: undefined,
  birthday: undefined,
-  description: undefined
+  description: undefined,
 })
 const formRules = reactive({
  name: [{ required: true, message: '名字不能为空', trigger: 'blur' }],
  sex: [{ required: true, message: '性别不能为空', trigger: 'blur' }],
  birthday: [{ required: true, message: '出生日期不能为空', trigger: 'blur' }],
-  description: [{ required: true, message: '简介不能为空', trigger: 'blur' }]
+  description: [{ required: true, message: '简介不能为空', trigger: 'blur' }],
 })
 const formRef = ref() // 表单 Ref

@ -91,7 +94,7 @@ const submitForm = async () => {
  // 提交请求
  formLoading.value = true
  try {
-    const data = formData.value as unknown as Demo03StudentApi.Demo03StudentVO
+    const data = formData.value as unknown as Demo03Student
    if (formType.value === 'create') {
      await Demo03StudentApi.createDemo03Student(data)
      message.success(t('common.createSuccess'))
@ -114,7 +117,7 @@ const resetForm = () => {
    name: undefined,
    sex: undefined,
    birthday: undefined,
-    description: undefined
+    description: undefined,
  }
  formRef.value?.resetFields()
 }
--- a/src/views/infra/demo/demo03/erp/components/Demo03CourseForm.vue
+++ b/src/views/infra/demo/demo03/erp/components/Demo03CourseForm.vue
@ -7,7 +7,7 @@
      label-width="100px"
      v-loading="formLoading"
    >
-      <el-form-item label="名字" prop="name">
+       <el-form-item label="名字" prop="name">
        <el-input v-model="formData.name" placeholder="请输入名字" />
      </el-form-item>
      <el-form-item label="分数" prop="score">
@ -21,7 +21,7 @@
  </Dialog>
 </template>
 <script setup lang="ts">
-import * as Demo03StudentApi from '@/api/infra/demo/demo03/erp'
+import { Demo03StudentApi, Demo03Course } from '@/api/infra/demo/demo03/erp'

 const { t } = useI18n() // 国际化
 const message = useMessage() // 消息弹窗
@ -34,22 +34,22 @@ const formData = ref({
  id: undefined,
  studentId: undefined,
  name: undefined,
-  score: undefined
+  score: undefined,
 })
 const formRules = reactive({
  studentId: [{ required: true, message: '学生编号不能为空', trigger: 'blur' }],
  name: [{ required: true, message: '名字不能为空', trigger: 'blur' }],
-  score: [{ required: true, message: '分数不能为空', trigger: 'blur' }]
+  score: [{ required: true, message: '分数不能为空', trigger: 'blur' }],
 })
 const formRef = ref() // 表单 Ref

 /** 打开弹窗 */
-const open = async (type: string, id?: number, studentId: number) => {
+const open = async (type: string, id?: number, studentId?: number) => {
  dialogVisible.value = true
  dialogTitle.value = t('action.' + type)
  formType.value = type
  resetForm()
-  formData.value.studentId = studentId
+  formData.value.studentId = studentId  as any
  // 修改时，设置数据
  if (id) {
    formLoading.value = true
@ -70,7 +70,7 @@ const submitForm = async () => {
  // 提交请求
  formLoading.value = true
  try {
-    const data = formData.value
+    const data = formData.value as unknown as  Demo03Course
    if (formType.value === 'create') {
      await Demo03StudentApi.createDemo03Course(data)
      message.success(t('common.createSuccess'))
@ -92,7 +92,7 @@ const resetForm = () => {
    id: undefined,
    studentId: undefined,
    name: undefined,
-    score: undefined
+    score: undefined,
  }
  formRef.value?.resetFields()
 }
--- a/src/views/infra/demo/demo03/erp/components/Demo03CourseList.vue
+++ b/src/views/infra/demo/demo03/erp/components/Demo03CourseList.vue
@ -2,40 +2,56 @@
  <!-- 列表 -->
  <ContentWrap>
    <el-button
-      v-hasPermi="['infra:demo03-student:create']"
-      plain
      type="primary"
+      plain
      @click="openForm('create')"
+      v-hasPermi="['infra:demo03-student:create']"
    >
-      <Icon class="mr-5px" icon="ep:plus" />
-      新增
+      <Icon icon="ep:plus" class="mr-5px" /> 新增
    </el-button>
-    <el-table v-loading="loading" :data="list" :show-overflow-tooltip="true" :stripe="true">
-      <el-table-column align="center" label="编号" prop="id" />
-      <el-table-column align="center" label="名字" prop="name" />
-      <el-table-column align="center" label="分数" prop="score" />
+      <el-button
+          type="danger"
+          plain
+          :disabled="isEmpty(checkedIds)"
+          @click="handleDeleteBatch"
+          v-hasPermi="['infra:demo03-student:delete']"
+      >
+        <Icon icon="ep:delete" class="mr-5px" /> 批量删除
+      </el-button>
+    <el-table
+        row-key="id"
+        v-loading="loading"
+        :data="list"
+        :stripe="true"
+        :show-overflow-tooltip="true"
+        @selection-change="handleRowCheckboxChange"
+    >
+          <el-table-column type="selection" width="55" />
+      <el-table-column label="编号" align="center" prop="id" />
+       <el-table-column label="名字" align="center" prop="name" />
+      <el-table-column label="分数" align="center" prop="score" />
      <el-table-column
-        :formatter="dateFormatter"
-        align="center"
        label="创建时间"
+        align="center"
        prop="createTime"
+        :formatter="dateFormatter"
        width="180px"
      />
-      <el-table-column align="center" label="操作">
+      <el-table-column label="操作" align="center">
        <template #default="scope">
          <el-button
-            v-hasPermi="['infra:demo03-student:update']"
            link
            type="primary"
            @click="openForm('update', scope.row.id)"
+            v-hasPermi="['infra:demo03-student:update']"
          >
            编辑
          </el-button>
          <el-button
-            v-hasPermi="['infra:demo03-student:delete']"
            link
            type="danger"
            @click="handleDelete(scope.row.id)"
+            v-hasPermi="['infra:demo03-student:delete']"
          >
            删除
          </el-button>
@ -44,19 +60,19 @@
    </el-table>
    <!-- 分页 -->
    <Pagination
-      v-model:limit="queryParams.pageSize"
-      v-model:page="queryParams.pageNo"
      :total="total"
+      v-model:page="queryParams.pageNo"
+      v-model:limit="queryParams.pageSize"
      @pagination="getList"
    />
  </ContentWrap>
-  <!-- 表单弹窗：添加/修改 -->
-  <Demo03CourseForm ref="formRef" @success="getList" />
+    <!-- 表单弹窗：添加/修改 -->
+    <Demo03CourseForm ref="formRef" @success="getList" />
 </template>
-
-<script lang="ts" setup>
+<script setup lang="ts">
 import { dateFormatter } from '@/utils/formatTime'
-import * as Demo03StudentApi from '@/api/infra/demo/demo03/erp'
+import { isEmpty } from '@/utils/is'
+import {Demo03Course, Demo03StudentApi} from '@/api/infra/demo/demo03/erp'
 import Demo03CourseForm from './Demo03CourseForm.vue'

 const { t } = useI18n() // 国际化
@ -84,7 +100,7 @@ watch(
    queryParams.studentId = val
    handleQuery()
  },
-  { immediate: true, deep: true }
+    { immediate: true, deep: true }
 )

 /** 查询列表 */
@ -127,4 +143,20 @@ const handleDelete = async (id: number) => {
    await getList()
  } catch {}
 }
+
+/** 批量删除学生课程 */
+const handleDeleteBatch = async () => {
+  try {
+    // 删除的二次确认
+    await message.delConfirm()
+    await Demo03StudentApi.deleteDemo03CourseList(checkedIds.value);
+    message.success(t('common.delSuccess'))
+    await getList();
+  } catch {}
+}
+
+const checkedIds = ref<number[]>([])
+const handleRowCheckboxChange = (records: Demo03Course[]) => {
+  checkedIds.value = records.map((item) => item.id);
+}
 </script>
--- a/src/views/infra/demo/demo03/erp/components/Demo03GradeForm.vue
+++ b/src/views/infra/demo/demo03/erp/components/Demo03GradeForm.vue
@ -7,7 +7,7 @@
      label-width="100px"
      v-loading="formLoading"
    >
-      <el-form-item label="名字" prop="name">
+       <el-form-item label="名字" prop="name">
        <el-input v-model="formData.name" placeholder="请输入名字" />
      </el-form-item>
      <el-form-item label="班主任" prop="teacher">
@ -21,7 +21,7 @@
  </Dialog>
 </template>
 <script setup lang="ts">
-import * as Demo03StudentApi from '@/api/infra/demo/demo03/erp'
+import { Demo03StudentApi, Demo03Grade } from '@/api/infra/demo/demo03/erp'

 const { t } = useI18n() // 国际化
 const message = useMessage() // 消息弹窗
@ -34,22 +34,22 @@ const formData = ref({
  id: undefined,
  studentId: undefined,
  name: undefined,
-  teacher: undefined
+  teacher: undefined,
 })
 const formRules = reactive({
  studentId: [{ required: true, message: '学生编号不能为空', trigger: 'blur' }],
  name: [{ required: true, message: '名字不能为空', trigger: 'blur' }],
-  teacher: [{ required: true, message: '班主任不能为空', trigger: 'blur' }]
+  teacher: [{ required: true, message: '班主任不能为空', trigger: 'blur' }],
 })
 const formRef = ref() // 表单 Ref

 /** 打开弹窗 */
-const open = async (type: string, id?: number, studentId: number) => {
+const open = async (type: string, id?: number, studentId?: number) => {
  dialogVisible.value = true
  dialogTitle.value = t('action.' + type)
  formType.value = type
  resetForm()
-  formData.value.studentId = studentId
+  formData.value.studentId = studentId  as any
  // 修改时，设置数据
  if (id) {
    formLoading.value = true
@ -70,7 +70,7 @@ const submitForm = async () => {
  // 提交请求
  formLoading.value = true
  try {
-    const data = formData.value
+    const data = formData.value as unknown as  Demo03Grade
    if (formType.value === 'create') {
      await Demo03StudentApi.createDemo03Grade(data)
      message.success(t('common.createSuccess'))
@ -92,7 +92,7 @@ const resetForm = () => {
    id: undefined,
    studentId: undefined,
    name: undefined,
-    teacher: undefined
+    teacher: undefined,
  }
  formRef.value?.resetFields()
 }
--- a/src/views/infra/demo/demo03/erp/components/Demo03GradeList.vue
+++ b/src/views/infra/demo/demo03/erp/components/Demo03GradeList.vue
@ -2,40 +2,56 @@
  <!-- 列表 -->
  <ContentWrap>
    <el-button
-      v-hasPermi="['infra:demo03-student:create']"
-      plain
      type="primary"
+      plain
      @click="openForm('create')"
+      v-hasPermi="['infra:demo03-student:create']"
    >
-      <Icon class="mr-5px" icon="ep:plus" />
-      新增
+      <Icon icon="ep:plus" class="mr-5px" /> 新增
    </el-button>
-    <el-table v-loading="loading" :data="list" :show-overflow-tooltip="true" :stripe="true">
-      <el-table-column align="center" label="编号" prop="id" />
-      <el-table-column align="center" label="名字" prop="name" />
-      <el-table-column align="center" label="班主任" prop="teacher" />
+      <el-button
+          type="danger"
+          plain
+          :disabled="isEmpty(checkedIds)"
+          @click="handleDeleteBatch"
+          v-hasPermi="['infra:demo03-student:delete']"
+      >
+        <Icon icon="ep:delete" class="mr-5px" /> 批量删除
+      </el-button>
+    <el-table
+        row-key="id"
+        v-loading="loading"
+        :data="list"
+        :stripe="true"
+        :show-overflow-tooltip="true"
+        @selection-change="handleRowCheckboxChange"
+    >
+          <el-table-column type="selection" width="55" />
+      <el-table-column label="编号" align="center" prop="id" />
+       <el-table-column label="名字" align="center" prop="name" />
+      <el-table-column label="班主任" align="center" prop="teacher" />
      <el-table-column
-        :formatter="dateFormatter"
-        align="center"
        label="创建时间"
+        align="center"
        prop="createTime"
+        :formatter="dateFormatter"
        width="180px"
      />
-      <el-table-column align="center" label="操作">
+      <el-table-column label="操作" align="center">
        <template #default="scope">
          <el-button
-            v-hasPermi="['infra:demo03-student:update']"
            link
            type="primary"
            @click="openForm('update', scope.row.id)"
+            v-hasPermi="['infra:demo03-student:update']"
          >
            编辑
          </el-button>
          <el-button
-            v-hasPermi="['infra:demo03-student:delete']"
            link
            type="danger"
            @click="handleDelete(scope.row.id)"
+            v-hasPermi="['infra:demo03-student:delete']"
          >
            删除
          </el-button>
@ -44,19 +60,19 @@
    </el-table>
    <!-- 分页 -->
    <Pagination
-      v-model:limit="queryParams.pageSize"
-      v-model:page="queryParams.pageNo"
      :total="total"
+      v-model:page="queryParams.pageNo"
+      v-model:limit="queryParams.pageSize"
      @pagination="getList"
    />
  </ContentWrap>
-  <!-- 表单弹窗：添加/修改 -->
-  <Demo03GradeForm ref="formRef" @success="getList" />
+    <!-- 表单弹窗：添加/修改 -->
+    <Demo03GradeForm ref="formRef" @success="getList" />
 </template>
-
-<script lang="ts" setup>
+<script setup lang="ts">
 import { dateFormatter } from '@/utils/formatTime'
-import * as Demo03StudentApi from '@/api/infra/demo/demo03/erp'
+import { isEmpty } from '@/utils/is'
+import {Demo03Grade, Demo03StudentApi} from '@/api/infra/demo/demo03/erp'
 import Demo03GradeForm from './Demo03GradeForm.vue'

 const { t } = useI18n() // 国际化
@ -84,7 +100,7 @@ watch(
    queryParams.studentId = val
    handleQuery()
  },
-  { immediate: true, deep: true }
+    { immediate: true, deep: true }
 )

 /** 查询列表 */
@ -127,4 +143,20 @@ const handleDelete = async (id: number) => {
    await getList()
  } catch {}
 }
+
+/** 批量删除学生班级 */
+const handleDeleteBatch = async () => {
+  try {
+    // 删除的二次确认
+    await message.delConfirm()
+    await Demo03StudentApi.deleteDemo03GradeList(checkedIds.value);
+    message.success(t('common.delSuccess'))
+    await getList();
+  } catch {}
+}
+
+const checkedIds = ref<number[]>([])
+const handleRowCheckboxChange = (records: Demo03Grade[]) => {
+  checkedIds.value = records.map((item) => item.id);
+}
 </script>
--- a/src/views/infra/demo/demo03/erp/index.vue
+++ b/src/views/infra/demo/demo03/erp/index.vue
@ -1,26 +1,29 @@
 <template>
-  <doc-alert title="代码生成（主子表）" url="https://doc.iocoder.cn/new-feature/master-sub/" />
-
  <ContentWrap>
    <!-- 搜索工作栏 -->
    <el-form
+      class="-mb-15px"
+      :model="queryParams"
      ref="queryFormRef"
      :inline="true"
-      :model="queryParams"
-      class="-mb-15px"
      label-width="68px"
    >
      <el-form-item label="名字" prop="name">
        <el-input
          v-model="queryParams.name"
-          class="!w-240px"
-          clearable
          placeholder="请输入名字"
+          clearable
          @keyup.enter="handleQuery"
+          class="!w-240px"
        />
      </el-form-item>
      <el-form-item label="性别" prop="sex">
-        <el-select v-model="queryParams.sex" class="!w-240px" clearable placeholder="请选择性别">
+        <el-select
+          v-model="queryParams.sex"
+          placeholder="请选择性别"
+          clearable
+          class="!w-240px"
+        >
          <el-option
            v-for="dict in getIntDictOptions(DICT_TYPE.SYSTEM_USER_SEX)"
            :key="dict.value"
@ -32,41 +35,42 @@
      <el-form-item label="创建时间" prop="createTime">
        <el-date-picker
          v-model="queryParams.createTime"
-          :default-time="[new Date('1 00:00:00'), new Date('1 23:59:59')]"
-          class="!w-240px"
-          end-placeholder="结束日期"
-          start-placeholder="开始日期"
-          type="daterange"
          value-format="YYYY-MM-DD HH:mm:ss"
+          type="daterange"
+          start-placeholder="开始日期"
+          end-placeholder="结束日期"
+          :default-time="[new Date('1 00:00:00'), new Date('1 23:59:59')]"
+          class="!w-220px"
        />
      </el-form-item>
      <el-form-item>
-        <el-button @click="handleQuery">
-          <Icon class="mr-5px" icon="ep:search" />
-          搜索
-        </el-button>
-        <el-button @click="resetQuery">
-          <Icon class="mr-5px" icon="ep:refresh" />
-          重置
-        </el-button>
+        <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
-          v-hasPermi="['infra:demo03-student:create']"
-          plain
          type="primary"
+          plain
          @click="openForm('create')"
+          v-hasPermi="['infra:demo03-student:create']"
        >
-          <Icon class="mr-5px" icon="ep:plus" />
-          新增
+          <Icon icon="ep:plus" class="mr-5px" /> 新增
        </el-button>
        <el-button
-          v-hasPermi="['infra:demo03-student:export']"
-          :loading="exportLoading"
-          plain
          type="success"
+          plain
          @click="handleExport"
+          :loading="exportLoading"
+          v-hasPermi="['infra:demo03-student:export']"
        >
-          <Icon class="mr-5px" icon="ep:download" />
-          导出
+          <Icon icon="ep:download" class="mr-5px" /> 导出
+        </el-button>
+        <el-button
+            type="danger"
+            plain
+            :disabled="isEmpty(checkedIds)"
+            @click="handleDeleteBatch"
+            v-hasPermi="['infra:demo03-student:delete']"
+        >
+          <Icon icon="ep:delete" class="mr-5px" /> 批量删除
        </el-button>
      </el-form-item>
    </el-form>
@ -75,50 +79,53 @@
  <!-- 列表 -->
  <ContentWrap>
    <el-table
+      row-key="id"
      v-loading="loading"
      :data="list"
-      :show-overflow-tooltip="true"
      :stripe="true"
+      :show-overflow-tooltip="true"
      highlight-current-row
      @current-change="handleCurrentChange"
+      @selection-change="handleRowCheckboxChange"
    >
-      <el-table-column align="center" label="编号" prop="id" />
-      <el-table-column align="center" label="名字" prop="name" />
-      <el-table-column align="center" label="性别" prop="sex">
+    <el-table-column type="selection" width="55" />
+      <el-table-column label="编号" align="center" prop="id" />
+      <el-table-column label="名字" align="center" prop="name" />
+      <el-table-column label="性别" align="center" prop="sex">
        <template #default="scope">
          <dict-tag :type="DICT_TYPE.SYSTEM_USER_SEX" :value="scope.row.sex" />
        </template>
      </el-table-column>
      <el-table-column
-        :formatter="dateFormatter"
-        align="center"
        label="出生日期"
-        prop="birthday"
-        width="180px"
-      />
-      <el-table-column align="center" label="简介" prop="description" />
-      <el-table-column
-        :formatter="dateFormatter"
        align="center"
-        label="创建时间"
-        prop="createTime"
+        prop="birthday"
+        :formatter="dateFormatter"
        width="180px"
      />
-      <el-table-column align="center" label="操作">
+      <el-table-column label="简介" align="center" prop="description" />
+      <el-table-column
+        label="创建时间"
+        align="center"
+        prop="createTime"
+        :formatter="dateFormatter"
+        width="180px"
+      />
+      <el-table-column label="操作" align="center" min-width="120px">
        <template #default="scope">
          <el-button
-            v-hasPermi="['infra:demo03-student:update']"
            link
            type="primary"
            @click="openForm('update', scope.row.id)"
+            v-hasPermi="['infra:demo03-student:update']"
          >
            编辑
          </el-button>
          <el-button
-            v-hasPermi="['infra:demo03-student:delete']"
            link
            type="danger"
            @click="handleDelete(scope.row.id)"
+            v-hasPermi="['infra:demo03-student:delete']"
          >
            删除
          </el-button>
@ -127,9 +134,9 @@
    </el-table>
    <!-- 分页 -->
    <Pagination
-      v-model:limit="queryParams.pageSize"
-      v-model:page="queryParams.pageNo"
      :total="total"
+      v-model:page="queryParams.pageNo"
+      v-model:limit="queryParams.pageSize"
      @pagination="getList"
    />
  </ContentWrap>
@ -140,39 +147,41 @@
  <ContentWrap>
    <el-tabs model-value="demo03Course">
      <el-tab-pane label="学生课程" name="demo03Course">
-        <Demo03CourseList :student-id="currentRow?.id" />
+        <Demo03CourseList :student-id="currentRow.id" />
      </el-tab-pane>
      <el-tab-pane label="学生班级" name="demo03Grade">
-        <Demo03GradeList :student-id="currentRow?.id" />
+        <Demo03GradeList :student-id="currentRow.id" />
      </el-tab-pane>
    </el-tabs>
  </ContentWrap>
 </template>

-<script lang="ts" setup>
-import { DICT_TYPE, getIntDictOptions } from '@/utils/dict'
+<script setup lang="ts">
+import { getIntDictOptions, DICT_TYPE } from '@/utils/dict'
+import { isEmpty } from '@/utils/is'
 import { dateFormatter } from '@/utils/formatTime'
 import download from '@/utils/download'
-import * as Demo03StudentApi from '@/api/infra/demo/demo03/erp'
+import { Demo03StudentApi, Demo03Student } from '@/api/infra/demo/demo03/erp'
 import Demo03StudentForm from './Demo03StudentForm.vue'
 import Demo03CourseList from './components/Demo03CourseList.vue'
 import Demo03GradeList from './components/Demo03GradeList.vue'

+/** 学生 列表 */
 defineOptions({ name: 'Demo03Student' })

 const message = useMessage() // 消息弹窗
 const { t } = useI18n() // 国际化

 const loading = ref(true) // 列表的加载中
-const list = ref([]) // 列表的数据
+const list = ref<Demo03Student[]>([]) // 列表的数据
 const total = ref(0) // 列表的总页数
 const queryParams = reactive({
  pageNo: 1,
  pageSize: 10,
-  name: null,
-  sex: null,
-  description: null,
-  createTime: []
+  name: undefined,
+  sex: undefined,
+  description: undefined,
+  createTime: [],
 })
 const queryFormRef = ref() // 搜索的表单
 const exportLoading = ref(false) // 导出的加载中
@ -220,6 +229,22 @@ const handleDelete = async (id: number) => {
  } catch {}
 }

+/** 批量删除学生 */
+const handleDeleteBatch = async () => {
+  try {
+    // 删除的二次确认
+    await message.delConfirm()
+    await Demo03StudentApi.deleteDemo03StudentList(checkedIds.value);
+    message.success(t('common.delSuccess'))
+    await getList();
+  } catch {}
+}
+
+const checkedIds = ref<number[]>([])
+const handleRowCheckboxChange = (records: Demo03Student[]) => {
+  checkedIds.value = records.map((item) => item.id);
+}
+
 /** 导出按钮操作 */
 const handleExport = async () => {
  try {
--- a/src/views/infra/demo/demo03/inner/Demo03StudentForm.vue
+++ b/src/views/infra/demo/demo03/inner/Demo03StudentForm.vue
@ -49,11 +49,14 @@
  </Dialog>
 </template>
 <script setup lang="ts">
-import { getIntDictOptions, DICT_TYPE } from '@/utils/dict'
-import * as Demo03StudentApi from '@/api/infra/demo/demo03/inner'
+import { DICT_TYPE, getIntDictOptions } from '@/utils/dict'
+import { Demo03Student, Demo03StudentApi } from '@/api/infra/demo/demo03/inner'
 import Demo03CourseForm from './components/Demo03CourseForm.vue'
 import Demo03GradeForm from './components/Demo03GradeForm.vue'

+/** 学生 表单 */
+defineOptions({ name: 'Demo03StudentForm' })
+
 const { t } = useI18n() // 国际化
 const message = useMessage() // 消息弹窗

@ -120,7 +123,7 @@ const submitForm = async () => {
  // 提交请求
  formLoading.value = true
  try {
-    const data = formData.value as unknown as Demo03StudentApi.Demo03StudentVO
+    const data = formData.value as unknown as Demo03Student
    // 拼接子表的数据
    data.demo03Courses = demo03CourseFormRef.value.getData()
    data.demo03Grade = demo03GradeFormRef.value.getData()
--- a/src/views/infra/demo/demo03/inner/components/Demo03CourseForm.vue
+++ b/src/views/infra/demo/demo03/inner/components/Demo03CourseForm.vue
@ -35,13 +35,13 @@
  </el-row>
 </template>
 <script setup lang="ts">
-import * as Demo03StudentApi from '@/api/infra/demo/demo03/inner'
+import { Demo03StudentApi } from '@/api/infra/demo/demo03/inner'

 const props = defineProps<{
-  studentId: undefined // 学生编号（主表的关联字段）
+  studentId: number // 学生编号（主表的关联字段）
 }>()
 const formLoading = ref(false) // 表单的加载中
-const formData = ref([])
+const formData = ref<any[]>([])
 const formRules = reactive({
  studentId: [{ required: true, message: '学生编号不能为空', trigger: 'blur' }],
  name: [{ required: true, message: '名字不能为空', trigger: 'blur' }],
@ -77,7 +77,7 @@ const handleAdd = () => {
    name: undefined,
    score: undefined
  }
-  row.studentId = props.studentId
+  row.studentId = props.studentId as any
  formData.value.push(row)
 }

--- a/src/views/infra/demo/demo03/inner/components/Demo03CourseList.vue
+++ b/src/views/infra/demo/demo03/inner/components/Demo03CourseList.vue
@ -1,7 +1,13 @@
 <template>
  <!-- 列表 -->
  <ContentWrap>
-    <el-table v-loading="loading" :data="list" :stripe="true" :show-overflow-tooltip="true">
+    <el-table
+      row-key="id"
+      v-loading="loading"
+      :data="list"
+      :stripe="true"
+      :show-overflow-tooltip="true"
+    >
      <el-table-column label="编号" align="center" prop="id" />
      <el-table-column label="名字" align="center" prop="name" />
      <el-table-column label="分数" align="center" prop="score" />
@ -17,13 +23,10 @@
 </template>
 <script setup lang="ts">
 import { dateFormatter } from '@/utils/formatTime'
-import * as Demo03StudentApi from '@/api/infra/demo/demo03/inner'
-
-const { t } = useI18n() // 国际化
-const message = useMessage() // 消息弹窗
+import { Demo03StudentApi } from '@/api/infra/demo/demo03/inner'

 const props = defineProps<{
-  studentId: undefined // 学生编号（主表的关联字段）
+  studentId?: number // 学生编号（主表的关联字段）
 }>()
 const loading = ref(false) // 列表的加载中
 const list = ref([]) // 列表的数据
@ -38,12 +41,6 @@ const getList = async () => {
  }
 }

-/** 搜索按钮操作 */
-const handleQuery = () => {
-  queryParams.pageNo = 1
-  getList()
-}
-
 /** 初始化 **/
 onMounted(() => {
  getList()
--- a/src/views/infra/demo/demo03/inner/components/Demo03GradeForm.vue
+++ b/src/views/infra/demo/demo03/inner/components/Demo03GradeForm.vue
@ -15,13 +15,13 @@
  </el-form>
 </template>
 <script setup lang="ts">
-import * as Demo03StudentApi from '@/api/infra/demo/demo03/inner'
+import { Demo03StudentApi } from '@/api/infra/demo/demo03/inner'

 const props = defineProps<{
-  studentId: undefined // 学生编号（主表的关联字段）
+  studentId: number // 学生编号（主表的关联字段）
 }>()
 const formLoading = ref(false) // 表单的加载中
-const formData = ref([])
+const formData = ref<any>({})
 const formRules = reactive({
  studentId: [{ required: true, message: '学生编号不能为空', trigger: 'blur' }],
  name: [{ required: true, message: '名字不能为空', trigger: 'blur' }],
--- a/src/views/infra/demo/demo03/inner/components/Demo03GradeList.vue
+++ b/src/views/infra/demo/demo03/inner/components/Demo03GradeList.vue
@ -1,7 +1,13 @@
 <template>
  <!-- 列表 -->
  <ContentWrap>
-    <el-table v-loading="loading" :data="list" :stripe="true" :show-overflow-tooltip="true">
+    <el-table
+      row-key="id"
+      v-loading="loading"
+      :data="list"
+      :stripe="true"
+      :show-overflow-tooltip="true"
+    >
      <el-table-column label="编号" align="center" prop="id" />
      <el-table-column label="名字" align="center" prop="name" />
      <el-table-column label="班主任" align="center" prop="teacher" />
@ -17,13 +23,10 @@
 </template>
 <script setup lang="ts">
 import { dateFormatter } from '@/utils/formatTime'
-import * as Demo03StudentApi from '@/api/infra/demo/demo03/inner'
-
-const { t } = useI18n() // 国际化
-const message = useMessage() // 消息弹窗
+import { Demo03StudentApi } from '@/api/infra/demo/demo03/inner'

 const props = defineProps<{
-  studentId: undefined // 学生编号（主表的关联字段）
+  studentId?: number // 学生编号（主表的关联字段）
 }>()
 const loading = ref(false) // 列表的加载中
 const list = ref([]) // 列表的数据
@ -42,12 +45,6 @@ const getList = async () => {
  }
 }

-/** 搜索按钮操作 */
-const handleQuery = () => {
-  queryParams.pageNo = 1
-  getList()
-}
-
 /** 初始化 **/
 onMounted(() => {
  getList()
--- a/src/views/infra/demo/demo03/inner/index.vue
+++ b/src/views/infra/demo/demo03/inner/index.vue
@ -1,6 +1,4 @@
 <template>
-  <doc-alert title="代码生成（主子表）" url="https://doc.iocoder.cn/new-feature/master-sub/" />
-
  <ContentWrap>
    <!-- 搜索工作栏 -->
    <el-form
@ -37,7 +35,7 @@
          start-placeholder="开始日期"
          end-placeholder="结束日期"
          :default-time="[new Date('1 00:00:00'), new Date('1 23:59:59')]"
-          class="!w-240px"
+          class="!w-220px"
        />
      </el-form-item>
      <el-form-item>
@ -60,13 +58,30 @@
        >
          <Icon icon="ep:download" class="mr-5px" /> 导出
        </el-button>
+        <el-button
+          type="danger"
+          plain
+          :disabled="isEmpty(checkedIds)"
+          @click="handleDeleteBatch"
+          v-hasPermi="['infra:demo03-student:delete']"
+        >
+          <Icon icon="ep:delete" class="mr-5px" /> 批量删除
+        </el-button>
      </el-form-item>
    </el-form>
  </ContentWrap>

  <!-- 列表 -->
  <ContentWrap>
-    <el-table v-loading="loading" :data="list" :stripe="true" :show-overflow-tooltip="true">
+    <el-table
+      row-key="id"
+      v-loading="loading"
+      :data="list"
+      :stripe="true"
+      :show-overflow-tooltip="true"
+      @selection-change="handleRowCheckboxChange"
+    >
+      <el-table-column type="selection" width="55" />
      <!-- 子表的列表 -->
      <el-table-column type="expand">
        <template #default="scope">
@ -102,7 +117,7 @@
        :formatter="dateFormatter"
        width="180px"
      />
-      <el-table-column label="操作" align="center">
+      <el-table-column label="操作" align="center" min-width="120px">
        <template #default="scope">
          <el-button
            link
@ -137,28 +152,30 @@
 </template>

 <script setup lang="ts">
-import { getIntDictOptions, DICT_TYPE } from '@/utils/dict'
+import { DICT_TYPE, getIntDictOptions } from '@/utils/dict'
+import { isEmpty } from '@/utils/is'
 import { dateFormatter } from '@/utils/formatTime'
 import download from '@/utils/download'
-import * as Demo03StudentApi from '@/api/infra/demo/demo03/inner'
+import { Demo03Student, Demo03StudentApi } from '@/api/infra/demo/demo03/inner'
 import Demo03StudentForm from './Demo03StudentForm.vue'
 import Demo03CourseList from './components/Demo03CourseList.vue'
 import Demo03GradeList from './components/Demo03GradeList.vue'

+/** 学生 列表 */
 defineOptions({ name: 'Demo03Student' })

 const message = useMessage() // 消息弹窗
 const { t } = useI18n() // 国际化

 const loading = ref(true) // 列表的加载中
-const list = ref([]) // 列表的数据
+const list = ref<Demo03Student[]>([]) // 列表的数据
 const total = ref(0) // 列表的总页数
 const queryParams = reactive({
  pageNo: 1,
  pageSize: 10,
-  name: null,
-  sex: null,
-  description: null,
+  name: undefined,
+  sex: undefined,
+  description: undefined,
  createTime: []
 })
 const queryFormRef = ref() // 搜索的表单
@ -207,6 +224,22 @@ const handleDelete = async (id: number) => {
  } catch {}
 }

+/** 批量删除学生 */
+const handleDeleteBatch = async () => {
+  try {
+    // 删除的二次确认
+    await message.delConfirm()
+    await Demo03StudentApi.deleteDemo03StudentList(checkedIds.value)
+    message.success(t('common.delSuccess'))
+    await getList()
+  } catch {}
+}
+
+const checkedIds = ref<number[]>([])
+const handleRowCheckboxChange = (records: Demo03Student[]) => {
+  checkedIds.value = records.map((item) => item.id)
+}
+
 /** 导出按钮操作 */
 const handleExport = async () => {
  try {
--- a/src/views/infra/demo/demo03/normal/Demo03StudentForm.vue
+++ b/src/views/infra/demo/demo03/normal/Demo03StudentForm.vue
@ -50,10 +50,13 @@
 </template>
 <script setup lang="ts">
 import { getIntDictOptions, DICT_TYPE } from '@/utils/dict'
-import * as Demo03StudentApi from '@/api/infra/demo/demo03/normal'
+import { Demo03StudentApi, Demo03Student } from '@/api/infra/demo/demo03/normal'
 import Demo03CourseForm from './components/Demo03CourseForm.vue'
 import Demo03GradeForm from './components/Demo03GradeForm.vue'

+/** 学生 表单 */
+defineOptions({ name: 'Demo03StudentForm' })
+
 const { t } = useI18n() // 国际化
 const message = useMessage() // 消息弹窗

@ -66,13 +69,13 @@ const formData = ref({
  name: undefined,
  sex: undefined,
  birthday: undefined,
-  description: undefined
+  description: undefined,
 })
 const formRules = reactive({
  name: [{ required: true, message: '名字不能为空', trigger: 'blur' }],
  sex: [{ required: true, message: '性别不能为空', trigger: 'blur' }],
  birthday: [{ required: true, message: '出生日期不能为空', trigger: 'blur' }],
-  description: [{ required: true, message: '简介不能为空', trigger: 'blur' }]
+  description: [{ required: true, message: '简介不能为空', trigger: 'blur' }],
 })
 const formRef = ref() // 表单 Ref

@ -120,7 +123,7 @@ const submitForm = async () => {
  // 提交请求
  formLoading.value = true
  try {
-    const data = formData.value as unknown as Demo03StudentApi.Demo03StudentVO
+    const data = formData.value as unknown as Demo03Student
    // 拼接子表的数据
    data.demo03Courses = demo03CourseFormRef.value.getData()
    data.demo03Grade = demo03GradeFormRef.value.getData()
@ -146,7 +149,7 @@ const resetForm = () => {
    name: undefined,
    sex: undefined,
    birthday: undefined,
-    description: undefined
+    description: undefined,
  }
  formRef.value?.resetFields()
 }
--- a/src/views/infra/demo/demo03/normal/components/Demo03CourseForm.vue
+++ b/src/views/infra/demo/demo03/normal/components/Demo03CourseForm.vue
@ -35,17 +35,17 @@
  </el-row>
 </template>
 <script setup lang="ts">
-import * as Demo03StudentApi from '@/api/infra/demo/demo03/normal'
+import { Demo03StudentApi } from '@/api/infra/demo/demo03/normal'

 const props = defineProps<{
-  studentId: undefined // 学生编号（主表的关联字段）
+  studentId: number // 学生编号（主表的关联字段）
 }>()
 const formLoading = ref(false) // 表单的加载中
-const formData = ref([])
+const formData = ref<any[]>([])
 const formRules = reactive({
  studentId: [{ required: true, message: '学生编号不能为空', trigger: 'blur' }],
  name: [{ required: true, message: '名字不能为空', trigger: 'blur' }],
-  score: [{ required: true, message: '分数不能为空', trigger: 'blur' }]
+  score: [{ required: true, message: '分数不能为空', trigger: 'blur' }],
 })
 const formRef = ref() // 表单 Ref

@ -75,9 +75,9 @@ const handleAdd = () => {
    id: undefined,
    studentId: undefined,
    name: undefined,
-    score: undefined
+    score: undefined,
  }
-  row.studentId = props.studentId
+  row.studentId = props.studentId as any
  formData.value.push(row)
 }

--- a/src/views/infra/demo/demo03/normal/components/Demo03GradeForm.vue
+++ b/src/views/infra/demo/demo03/normal/components/Demo03GradeForm.vue
@ -15,17 +15,17 @@
  </el-form>
 </template>
 <script setup lang="ts">
-import * as Demo03StudentApi from '@/api/infra/demo/demo03/normal'
+import { Demo03StudentApi } from '@/api/infra/demo/demo03/normal'

 const props = defineProps<{
-  studentId: undefined // 学生编号（主表的关联字段）
+  studentId: number // 学生编号（主表的关联字段）
 }>()
 const formLoading = ref(false) // 表单的加载中
-const formData = ref([])
+const formData = ref({})
 const formRules = reactive({
  studentId: [{ required: true, message: '学生编号不能为空', trigger: 'blur' }],
  name: [{ required: true, message: '名字不能为空', trigger: 'blur' }],
-  teacher: [{ required: true, message: '班主任不能为空', trigger: 'blur' }]
+  teacher: [{ required: true, message: '班主任不能为空', trigger: 'blur' }],
 })
 const formRef = ref() // 表单 Ref

--- a/src/views/infra/demo/demo03/normal/index.vue
+++ b/src/views/infra/demo/demo03/normal/index.vue
@ -1,6 +1,4 @@
 <template>
-  <doc-alert title="代码生成（主子表）" url="https://doc.iocoder.cn/new-feature/master-sub/" />
-
  <ContentWrap>
    <!-- 搜索工作栏 -->
    <el-form
@ -20,7 +18,12 @@
        />
      </el-form-item>
      <el-form-item label="性别" prop="sex">
-        <el-select v-model="queryParams.sex" placeholder="请选择性别" clearable class="!w-240px">
+        <el-select
+          v-model="queryParams.sex"
+          placeholder="请选择性别"
+          clearable
+          class="!w-240px"
+        >
          <el-option
            v-for="dict in getIntDictOptions(DICT_TYPE.SYSTEM_USER_SEX)"
            :key="dict.value"
@ -37,7 +40,7 @@
          start-placeholder="开始日期"
          end-placeholder="结束日期"
          :default-time="[new Date('1 00:00:00'), new Date('1 23:59:59')]"
-          class="!w-240px"
+          class="!w-220px"
        />
      </el-form-item>
      <el-form-item>
@ -60,13 +63,30 @@
        >
          <Icon icon="ep:download" class="mr-5px" /> 导出
        </el-button>
+        <el-button
+            type="danger"
+            plain
+            :disabled="isEmpty(checkedIds)"
+            @click="handleDeleteBatch"
+            v-hasPermi="['infra:demo03-student:delete']"
+        >
+          <Icon icon="ep:delete" class="mr-5px" /> 批量删除
+        </el-button>
      </el-form-item>
    </el-form>
  </ContentWrap>

  <!-- 列表 -->
  <ContentWrap>
-    <el-table v-loading="loading" :data="list" :stripe="true" :show-overflow-tooltip="true">
+    <el-table
+        row-key="id"
+        v-loading="loading"
+        :data="list"
+        :stripe="true"
+        :show-overflow-tooltip="true"
+        @selection-change="handleRowCheckboxChange"
+    >
+    <el-table-column type="selection" width="55" />
      <el-table-column label="编号" align="center" prop="id" />
      <el-table-column label="名字" align="center" prop="name" />
      <el-table-column label="性别" align="center" prop="sex">
@ -89,7 +109,7 @@
        :formatter="dateFormatter"
        width="180px"
      />
-      <el-table-column label="操作" align="center">
+      <el-table-column label="操作" align="center" min-width="120px">
        <template #default="scope">
          <el-button
            link
@ -125,26 +145,28 @@

 <script setup lang="ts">
 import { getIntDictOptions, DICT_TYPE } from '@/utils/dict'
+import { isEmpty } from '@/utils/is'
 import { dateFormatter } from '@/utils/formatTime'
 import download from '@/utils/download'
-import * as Demo03StudentApi from '@/api/infra/demo/demo03/normal'
+import { Demo03StudentApi, Demo03Student } from '@/api/infra/demo/demo03/normal'
 import Demo03StudentForm from './Demo03StudentForm.vue'

+/** 学生 列表 */
 defineOptions({ name: 'Demo03Student' })

 const message = useMessage() // 消息弹窗
 const { t } = useI18n() // 国际化

 const loading = ref(true) // 列表的加载中
-const list = ref([]) // 列表的数据
+const list = ref<Demo03Student[]>([]) // 列表的数据
 const total = ref(0) // 列表的总页数
 const queryParams = reactive({
  pageNo: 1,
  pageSize: 10,
-  name: null,
-  sex: null,
-  description: null,
-  createTime: []
+  name: undefined,
+  sex: undefined,
+  description: undefined,
+  createTime: [],
 })
 const queryFormRef = ref() // 搜索的表单
 const exportLoading = ref(false) // 导出的加载中
@ -192,6 +214,22 @@ const handleDelete = async (id: number) => {
  } catch {}
 }

+/** 批量删除学生 */
+const handleDeleteBatch = async () => {
+  try {
+    // 删除的二次确认
+    await message.delConfirm()
+    await Demo03StudentApi.deleteDemo03StudentList(checkedIds.value);
+    message.success(t('common.delSuccess'))
+    await getList();
+  } catch {}
+}
+
+const checkedIds = ref<number[]>([])
+const handleRowCheckboxChange = (records: Demo03Student[]) => {
+  checkedIds.value = records.map((item) => item.id);
+}
+
 /** 导出按钮操作 */
 const handleExport = async () => {
  try {
--- a/src/views/infra/file/index.vue
+++ b/src/views/infra/file/index.vue
@ -44,13 +44,23 @@
        <el-button type="primary" plain @click="openForm">
          <Icon icon="ep:upload" class="mr-5px" /> 上传文件
        </el-button>
+        <el-button
+          type="danger"
+          plain
+          :disabled="checkedIds.length === 0"
+          @click="handleDeleteBatch"
+          v-hasPermi="['infra:file:delete']"
+        >
+          <Icon icon="ep:delete" class="mr-5px" /> 批量删除
+        </el-button>
      </el-form-item>
    </el-form>
  </ContentWrap>

  <!-- 列表 -->
  <ContentWrap>
-    <el-table v-loading="loading" :data="list">
+    <el-table v-loading="loading" :data="list" @selection-change="handleRowCheckboxChange">
+      <el-table-column type="selection" width="55" />
      <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" />
@ -195,6 +205,24 @@ const handleDelete = async (id: number) => {
  } catch {}
 }

+/** 批量删除按钮操作 */
+const checkedIds = ref<number[]>([])
+const handleRowCheckboxChange = (rows) => {
+  checkedIds.value = rows.map((row) => row.id)
+}
+
+const handleDeleteBatch = async () => {
+  try {
+    // 删除的二次确认
+    await message.delConfirm()
+    // 发起批量删除
+    await FileApi.deleteFileList(checkedIds.value)
+    message.success(t('common.delSuccess'))
+    // 刷新列表
+    await getList()
+  } catch {}
+}
+
 /** 初始化 **/
 onMounted(() => {
  getList()
--- a/src/views/infra/fileConfig/index.vue
+++ b/src/views/infra/fileConfig/index.vue
@ -56,13 +56,23 @@
        >
          <Icon icon="ep:plus" class="mr-5px" /> 新增
        </el-button>
+        <el-button
+          type="danger"
+          plain
+          :disabled="checkedIds.length === 0"
+          @click="handleDeleteBatch"
+          v-hasPermi="['infra:file-config:delete']"
+        >
+          <Icon icon="ep:delete" class="mr-5px" /> 批量删除
+        </el-button>
      </el-form-item>
    </el-form>
  </ContentWrap>

  <!-- 列表 -->
  <ContentWrap>
-    <el-table v-loading="loading" :data="list">
+    <el-table v-loading="loading" :data="list" @selection-change="handleRowCheckboxChange">
+      <el-table-column type="selection" width="55" />
      <el-table-column label="编号" align="center" prop="id" />
      <el-table-column label="配置名" align="center" prop="name" />
      <el-table-column label="存储器" align="center" prop="storage">
@ -192,6 +202,24 @@ const handleDelete = async (id: number) => {
  } catch {}
 }

+/** 批量删除按钮操作 */
+const checkedIds = ref<number[]>([])
+const handleRowCheckboxChange = (rows) => {
+  checkedIds.value = rows.map((row) => row.id)
+}
+
+const handleDeleteBatch = async () => {
+  try {
+    // 删除的二次确认
+    await message.delConfirm()
+    // 发起批量删除
+    await FileConfigApi.deleteFileConfigList(checkedIds.value)
+    message.success(t('common.delSuccess'))
+    // 刷新列表
+    await getList()
+  } catch {}
+}
+
 /** 主配置按钮操作 */
 const handleMaster = async (id) => {
  try {
--- a/src/views/infra/job/index.vue
+++ b/src/views/infra/job/index.vue
@ -56,6 +56,15 @@
        >
          <Icon icon="ep:plus" class="mr-5px" /> 新增
        </el-button>
+        <el-button
+          type="danger"
+          plain
+          :disabled="checkedIds.length === 0"
+          @click="handleDeleteBatch"
+          v-hasPermi="['infra:job:delete']"
+        >
+          <Icon icon="ep:delete" class="mr-5px" /> 批量删除
+        </el-button>
        <el-button
          type="success"
          plain
@ -74,7 +83,8 @@

  <!-- 列表 -->
  <ContentWrap>
-    <el-table v-loading="loading" :data="list">
+    <el-table v-loading="loading" :data="list" @selection-change="handleRowCheckboxChange">
+      <el-table-column type="selection" width="55" />
      <el-table-column label="任务编号" align="center" prop="id" />
      <el-table-column label="任务名称" align="center" prop="name" />
      <el-table-column label="任务状态" align="center" prop="status">
@ -251,6 +261,24 @@ const handleDelete = async (id: number) => {
  } catch {}
 }

+/** 批量删除按钮操作 */
+const checkedIds = ref<number[]>([])
+const handleRowCheckboxChange = (rows: JobApi.JobVO[]) => {
+  checkedIds.value = rows.map((row) => row.id)
+}
+
+const handleDeleteBatch = async () => {
+  try {
+    // 删除的二次确认
+    await message.delConfirm()
+    // 发起批量删除
+    await JobApi.deleteJobList(checkedIds.value)
+    message.success(t('common.delSuccess'))
+    // 刷新列表
+    await getList()
+  } catch {}
+}
+
 /** '更多'操作按钮 */
 const handleCommand = (command, row) => {
  switch (command) {
--- a/src/views/mall/promotion/rewardActivity/components/RewardRuleCouponSelect.vue
+++ b/src/views/mall/promotion/rewardActivity/components/RewardRuleCouponSelect.vue
@ -107,16 +107,15 @@ const initGiveCouponList = async () => {

 /** 设置赠送的优惠券 */
 const setGiveCouponList = () => {
-  if (isEmpty(rewardRule.value) || isEmpty(list.value)) {
+  if (isEmpty(rewardRule.value)) {
    return
  }
+  // 核心：清空 rewardRule.value.giveCouponTemplateCounts，解决删除不生效的问题
+  rewardRule.value.giveCouponTemplateCounts = {}

  // 设置优惠券和其数量的对应
  list.value.forEach((rule) => {
-    if (!rewardRule.value.giveCouponTemplateCounts) {
-      rewardRule.value.giveCouponTemplateCounts = {}
-    }
-    rewardRule.value.giveCouponTemplateCounts[rule.id] = rule.giveCount!
+    rewardRule.value.giveCouponTemplateCounts![rule.id] = rule.giveCount!
  })
 }
 defineExpose({ setGiveCouponList })
--- a/src/views/pay/cashier/index.vue
+++ b/src/views/pay/cashier/index.vue
@ -132,6 +132,7 @@ import svg_wx_lite from '@/assets/svgs/pay/icon/wx_lite.svg'
 import svg_wx_app from '@/assets/svgs/pay/icon/wx_app.svg'
 import svg_wx_native from '@/assets/svgs/pay/icon/wx_native.svg'
 import svg_wx_bar from '@/assets/svgs/pay/icon/wx_bar.svg'
+import svg_wallet from '@/assets/svgs/pay/icon/wallet.svg'
 import svg_mock from '@/assets/svgs/pay/icon/mock.svg'

 defineOptions({ name: 'PayCashier' })
@ -200,6 +201,11 @@ const channelsWechat = [
  }
 ]
 const channelsMock = [
+  {
+    name: '钱包支付',
+    icon: svg_wallet,
+    code: 'wallet'
+  },
  {
    name: '模拟支付',
    icon: svg_mock,
--- a/src/views/system/dept/index.vue
+++ b/src/views/system/dept/index.vue
@ -46,6 +46,15 @@
        <el-button type="danger" plain @click="toggleExpandAll">
          <Icon icon="ep:sort" class="mr-5px" /> 展开/折叠
        </el-button>
+        <el-button
+          type="danger"
+          plain
+          :disabled="checkedIds.length === 0"
+          @click="handleDeleteBatch"
+          v-hasPermi="['system:dept:delete']"
+        >
+          <Icon icon="ep:delete" class="mr-5px" /> 批量删除
+        </el-button>
      </el-form-item>
    </el-form>
  </ContentWrap>
@ -58,7 +67,9 @@
      row-key="id"
      :default-expand-all="isExpandAll"
      v-if="refreshTable"
+      @selection-change="handleRowCheckboxChange"
    >
+      <el-table-column type="selection" width="55" />
      <el-table-column prop="name" label="部门名称" />
      <el-table-column prop="leader" label="负责人">
        <template #default="scope">
@ -181,6 +192,24 @@ const handleDelete = async (id: number) => {
  } catch {}
 }

+/** 批量删除按钮操作 */
+const checkedIds = ref<number[]>([])
+const handleRowCheckboxChange = (rows: DeptApi.DeptVO[]) => {
+  checkedIds.value = rows.map((row) => row.id)
+}
+
+const handleDeleteBatch = async () => {
+  try {
+    // 删除的二次确认
+    await message.delConfirm()
+    // 发起批量删除
+    await DeptApi.deleteDeptList(checkedIds.value)
+    message.success(t('common.delSuccess'))
+    // 刷新列表
+    await getList()
+  } catch {}
+}
+
 /** 初始化 **/
 onMounted(async () => {
  await getList()
--- a/src/views/system/dict/data/index.vue
+++ b/src/views/system/dict/data/index.vue
@ -56,13 +56,23 @@
        >
          <Icon icon="ep:download" class="mr-5px" /> 导出
        </el-button>
+        <el-button
+          type="danger"
+          plain
+          :disabled="checkedIds.length === 0"
+          @click="handleDeleteBatch"
+          v-hasPermi="['system:dict:delete']"
+        >
+          <Icon icon="ep:delete" class="mr-5px" /> 批量删除
+        </el-button>
      </el-form-item>
    </el-form>
  </ContentWrap>

  <!-- 列表 -->
  <ContentWrap>
-    <el-table v-loading="loading" :data="list">
+    <el-table v-loading="loading" :data="list" @selection-change="handleRowCheckboxChange">
+      <el-table-column type="selection" width="55" />
      <el-table-column label="字典编码" align="center" prop="id" />
      <el-table-column label="字典标签" align="center" prop="label" />
      <el-table-column label="字典键值" align="center" prop="value" />
@ -186,6 +196,24 @@ const handleDelete = async (id: number) => {
  } catch {}
 }

+/** 批量删除按钮操作 */
+const checkedIds = ref<number[]>([])
+const handleRowCheckboxChange = (rows: DictDataApi.DictDataVO[]) => {
+  checkedIds.value = rows.map((row) => row.id)
+}
+
+const handleDeleteBatch = async () => {
+  try {
+    // 删除的二次确认
+    await message.delConfirm()
+    // 发起批量删除
+    await DictDataApi.deleteDictDataList(checkedIds.value)
+    message.success(t('common.delSuccess'))
+    // 刷新列表
+    await getList()
+  } catch {}
+}
+
 /** 导出按钮操作 */
 const handleExport = async () => {
  try {
--- a/src/views/system/dict/index.vue
+++ b/src/views/system/dict/index.vue
@ -80,13 +80,24 @@
          <Icon class="mr-5px" icon="ep:download" />
          导出
        </el-button>
+        <el-button
+          v-hasPermi="['system:dict:delete']"
+          :disabled="checkedIds.length === 0"
+          plain
+          type="danger"
+          @click="handleDeleteBatch"
+        >
+          <Icon class="mr-5px" icon="ep:delete" />
+          批量删除
+        </el-button>
      </el-form-item>
    </el-form>
  </ContentWrap>

  <!-- 列表 -->
  <ContentWrap>
-    <el-table v-loading="loading" :data="list">
+    <el-table v-loading="loading" :data="list" @selection-change="handleRowCheckboxChange">
+      <el-table-column type="selection" width="55" />
      <el-table-column align="center" label="字典编号" prop="id" />
      <el-table-column align="center" label="字典名称" prop="name" show-overflow-tooltip />
      <el-table-column align="center" label="字典类型" prop="type" width="300" />
@ -209,6 +220,24 @@ const handleDelete = async (id: number) => {
  } catch {}
 }

+/** 批量删除按钮操作 */
+const checkedIds = ref<number[]>([])
+const handleRowCheckboxChange = (rows: DictTypeApi.DictTypeVO[]) => {
+  checkedIds.value = rows.map((row) => row.id)
+}
+
+const handleDeleteBatch = async () => {
+  try {
+    // 删除的二次确认
+    await message.delConfirm()
+    // 发起批量删除
+    await DictTypeApi.deleteDictTypeList(checkedIds.value)
+    message.success(t('common.delSuccess'))
+    // 刷新列表
+    await getList()
+  } catch {}
+}
+
 /** 导出按钮操作 */
 const handleExport = async () => {
  try {
--- a/src/views/system/mail/account/index.vue
+++ b/src/views/system/mail/account/index.vue
@ -14,6 +14,15 @@
        >
          <Icon icon="ep:plus" class="mr-5px" /> 新增
        </el-button>
+        <el-button
+          type="danger"
+          plain
+          @click="handleDeleteBatch"
+          :disabled="!isSelected"
+          v-hasPermi="['system:mail-account:delete']"
+        >
+          <Icon icon="ep:delete" class="mr-5px" /> 批量删除
+        </el-button>
      </template>
    </Search>
  </ContentWrap>
@ -29,6 +38,7 @@
      }"
      v-model:pageSize="tableObject.pageSize"
      v-model:currentPage="tableObject.currentPage"
+      :selection="true"
    >
      <template #action="{ row }">
        <el-button
@ -99,6 +109,19 @@ const handleDelete = (id: number) => {
  tableMethods.delList(id, false)
 }

+/** 是否有选中行 */
+const isSelected = computed(() => {
+  return tableObject.selections && tableObject.selections.length > 0
+})
+
+/** 批量删除按钮操作 */
+const handleDeleteBatch = async () => {
+  const ids = tableObject.selections.map(item => item.id)
+  if (ids.length === 0) return
+  await MailAccountApi.deleteMailAccountList(ids)
+  tableMethods.getList()
+}
+
 /** 初始化 **/
 onMounted(() => {
  getList()
--- a/src/views/system/mail/template/index.vue
+++ b/src/views/system/mail/template/index.vue
@ -14,6 +14,15 @@
        >
          <Icon icon="ep:plus" class="mr-5px" /> 新增
        </el-button>
+        <el-button
+          type="danger"
+          plain
+          @click="handleDeleteBatch"
+          :disabled="!isSelected"
+          v-hasPermi="['system:mail-template:delete']"
+        >
+          <Icon icon="ep:delete" class="mr-5px" /> 批量删除
+        </el-button>
      </template>
    </Search>
  </ContentWrap>
@ -29,6 +38,7 @@
      }"
      v-model:pageSize="tableObject.pageSize"
      v-model:currentPage="tableObject.currentPage"
+      :selection="true"
    >
      <template #action="{ row }">
        <el-button
@ -94,6 +104,19 @@ const handleDelete = (id: number) => {
  tableMethods.delList(id, false)
 }

+/** 是否有选中行 */
+const isSelected = computed(() => {
+  return tableObject.selections && tableObject.selections.length > 0
+})
+
+/** 批量删除按钮操作 */
+const handleDeleteBatch = async () => {
+  const ids = tableObject.selections.map(item => item.id)
+  if (ids.length === 0) return
+  await MailTemplateApi.deleteMailTemplateList(ids)
+  tableMethods.getList()
+}
+
 /** 发送测试操作 */
 const sendFormRef = ref()
 const openSendForm = (id: number) => {
--- a/src/views/system/menu/index.vue
+++ b/src/views/system/menu/index.vue
@ -94,7 +94,7 @@ import { MenuVO } from '@/api/system/menu'
 import MenuForm from './MenuForm.vue'
 import DictTag from '@/components/DictTag/src/DictTag.vue'
 import { Icon } from '@/components/Icon'
-import { ElButton, TableV2FixedDir } from 'element-plus'
+import { ElButton, TableV2FixedDir, ElSwitch } from 'element-plus'
 import { checkPermi } from '@/utils/permission'
 import { CommonStatusEnum } from '@/utils/constants'
 import { CACHE_KEY, useCache } from '@/hooks/web/useCache'
@ -175,7 +175,7 @@ const columns = [
    fixed: TableV2FixedDir.RIGHT,
    cellRenderer: ({ rowData }) => {
      // 定义按钮列表
-      const buttons = []
+      const buttons: InstanceType<typeof ElButton>[] = []

      // 检查权限并添加按钮
      if (checkPermi(['system:menu:update'])) {
--- a/src/views/system/notice/index.vue
+++ b/src/views/system/notice/index.vue
@ -43,13 +43,23 @@
        >
          <Icon icon="ep:plus" class="mr-5px" /> 新增
        </el-button>
+        <el-button
+          type="danger"
+          plain
+          :disabled="checkedIds.length === 0"
+          @click="handleDeleteBatch"
+          v-hasPermi="['system:notice:delete']"
+        >
+          <Icon icon="ep:delete" class="mr-5px" /> 批量删除
+        </el-button>
      </el-form-item>
    </el-form>
  </ContentWrap>

  <!-- 列表 -->
  <ContentWrap>
-    <el-table v-loading="loading" :data="list">
+    <el-table v-loading="loading" :data="list" @selection-change="handleRowCheckboxChange">
+      <el-table-column type="selection" width="55" />
      <el-table-column label="公告编号" align="center" prop="id" />
      <el-table-column label="公告标题" align="center" prop="title" />
      <el-table-column label="公告类型" align="center" prop="type">
@ -171,6 +181,24 @@ const handleDelete = async (id: number) => {
  } catch {}
 }

+/** 批量删除按钮操作 */
+const checkedIds = ref<number[]>([])
+const handleRowCheckboxChange = (rows: NoticeApi.NoticeVO[]) => {
+  checkedIds.value = rows.map((row) => row.id)
+}
+
+const handleDeleteBatch = async () => {
+  try {
+    // 删除的二次确认
+    await message.delConfirm()
+    // 发起批量删除
+    await NoticeApi.deleteNoticeList(checkedIds.value)
+    message.success(t('common.delSuccess'))
+    // 刷新列表
+    await getList()
+  } catch {}
+}
+
 /** 推送按钮操作 */
 const handlePush = async (id: number) => {
  try {
--- a/src/views/system/notify/template/index.vue
+++ b/src/views/system/notify/template/index.vue
@ -65,13 +65,23 @@
        >
          <Icon icon="ep:plus" class="mr-5px" />新增
        </el-button>
+        <el-button
+          type="danger"
+          plain
+          :disabled="checkedIds.length === 0"
+          @click="handleDeleteBatch"
+          v-hasPermi="['system:notify-template:delete']"
+        >
+          <Icon icon="ep:delete" class="mr-5px" />批量删除
+        </el-button>
      </el-form-item>
    </el-form>
  </ContentWrap>

  <!-- 列表 -->
  <ContentWrap>
-    <el-table v-loading="loading" :data="list">
+    <el-table v-loading="loading" :data="list" @selection-change="handleRowCheckboxChange">
+      <el-table-column type="selection" width="55" />
      <el-table-column
        label="模板编码"
        align="center"
@ -165,6 +175,7 @@ import NotifyTemplateSendForm from './NotifyTemplateSendForm.vue'
 defineOptions({ name: 'NotifySmsTemplate' })

 const message = useMessage() // 消息弹窗
+const { t } = useI18n() // 国际化

 const loading = ref(false) // 列表的加载中
 const total = ref(0) // 列表的总页数
@ -216,7 +227,25 @@ const handleDelete = async (id: number) => {
    await message.delConfirm()
    // 发起删除
    await NotifyTemplateApi.deleteNotifyTemplate(id)
-    message.success('删除成功')
+    message.success(t('common.delSuccess'))
+    // 刷新列表
+    await getList()
+  } catch {}
+}
+
+/** 批量删除按钮操作 */
+const checkedIds = ref<number[]>([])
+const handleRowCheckboxChange = (rows: NotifyTemplateApi.NotifyTemplateVO[]) => {
+  checkedIds.value = rows.map((row) => row.id!)
+}
+
+const handleDeleteBatch = async () => {
+  try {
+    // 删除的二次确认
+    await message.delConfirm()
+    // 发起批量删除
+    await NotifyTemplateApi.deleteNotifyTemplateList(checkedIds.value)
+    message.success(t('common.delSuccess'))
    // 刷新列表
    await getList()
  } catch {}
--- a/src/views/system/oauth2/client/index.vue
+++ b/src/views/system/oauth2/client/index.vue
@ -40,13 +40,23 @@
        >
          <Icon icon="ep:plus" class="mr-5px" /> 新增
        </el-button>
+        <el-button
+          plain
+          type="danger"
+          :disabled="checkedIds.length === 0"
+          @click="handleDeleteBatch"
+          v-hasPermi="['system:oauth2-client:delete']"
+        >
+          <Icon icon="ep:delete" class="mr-5px" /> 批量删除
+        </el-button>
      </el-form-item>
    </el-form>
  </ContentWrap>

  <!-- 列表 -->
  <ContentWrap>
-    <el-table v-loading="loading" :data="list">
+    <el-table v-loading="loading" :data="list" @selection-change="handleRowCheckboxChange">
+      <el-table-column type="selection" width="55" />
      <el-table-column label="客户端编号" align="center" prop="clientId" />
      <el-table-column label="客户端密钥" align="center" prop="secret" />
      <el-table-column label="应用名" align="center" prop="name" />
@ -184,6 +194,24 @@ const handleDelete = async (id: number) => {
  } catch {}
 }

+/** 批量删除按钮操作 */
+const checkedIds = ref<number[]>([])
+const handleRowCheckboxChange = (rows: ClientApi.OAuth2ClientVO[]) => {
+  checkedIds.value = rows.map((row) => row.id)
+}
+
+const handleDeleteBatch = async () => {
+  try {
+    // 删除的二次确认
+    await message.delConfirm()
+    // 发起批量删除
+    await ClientApi.deleteOAuth2ClientList(checkedIds.value)
+    message.success(t('common.delSuccess'))
+    // 刷新列表
+    await getList()
+  } catch {}
+}
+
 /** 初始化 **/
 onMounted(() => {
  getList()
--- a/src/views/system/post/index.vue
+++ b/src/views/system/post/index.vue
@ -56,13 +56,23 @@
        >
          <Icon icon="ep:download" class="mr-5px" /> 导出
        </el-button>
+        <el-button
+          type="danger"
+          plain
+          :disabled="checkedIds.length === 0"
+          @click="handleDeleteBatch"
+          v-hasPermi="['system:post:delete']"
+        >
+          <Icon icon="ep:delete" class="mr-5px" /> 批量删除
+        </el-button>
      </el-form-item>
    </el-form>
  </ContentWrap>

  <!-- 列表 -->
  <ContentWrap>
-    <el-table v-loading="loading" :data="list">
+    <el-table v-loading="loading" :data="list" @selection-change="handleRowCheckboxChange">
+      <el-table-column type="selection" width="55" />
      <el-table-column label="岗位编号" align="center" prop="id" />
      <el-table-column label="岗位名称" align="center" prop="name" />
      <el-table-column label="岗位编码" align="center" prop="code" />
@ -181,6 +191,24 @@ const handleDelete = async (id: number) => {
  } catch {}
 }

+/** 批量删除按钮操作 */
+const checkedIds = ref<number[]>([])
+const handleRowCheckboxChange = (rows: PostApi.PostVO[]) => {
+  checkedIds.value = rows.map((row) => row.id)
+}
+
+const handleDeleteBatch = async () => {
+  try {
+    // 删除的二次确认
+    await message.delConfirm()
+    // 发起批量删除
+    await PostApi.deletePostList(checkedIds.value)
+    message.success(t('common.delSuccess'))
+    // 刷新列表
+    await getList()
+  } catch {}
+}
+
 /** 导出按钮操作 */
 const handleExport = async () => {
  try {
--- a/src/views/system/role/index.vue
+++ b/src/views/system/role/index.vue
@ -78,13 +78,24 @@
          <Icon class="mr-5px" icon="ep:download" />
          导出
        </el-button>
+        <el-button
+          v-hasPermi="['system:role:delete']"
+          :disabled="checkedIds.length === 0"
+          plain
+          type="danger"
+          @click="handleDeleteBatch"
+        >
+          <Icon class="mr-5px" icon="ep:delete" />
+          批量删除
+        </el-button>
      </el-form-item>
    </el-form>
  </ContentWrap>

  <!-- 列表 -->
  <ContentWrap>
-    <el-table v-loading="loading" :data="list">
+    <el-table v-loading="loading" :data="list" @selection-change="handleRowCheckboxChange">
+      <el-table-column type="selection" width="55" />
      <el-table-column align="center" label="角色编号" prop="id" />
      <el-table-column align="center" label="角色名称" prop="name" />
      <el-table-column label="角色类型" align="center" prop="type">
@ -247,6 +258,24 @@ const handleDelete = async (id: number) => {
  } catch {}
 }

+/** 批量删除按钮操作 */
+const checkedIds = ref<number[]>([])
+const handleRowCheckboxChange = (rows: RoleApi.RoleVO[]) => {
+  checkedIds.value = rows.map((row) => row.id)
+}
+
+const handleDeleteBatch = async () => {
+  try {
+    // 删除的二次确认
+    await message.delConfirm()
+    // 发起批量删除
+    await RoleApi.deleteRoleList(checkedIds.value)
+    message.success(t('common.delSuccess'))
+    // 刷新列表
+    await getList()
+  } catch {}
+}
+
 /** 导出按钮操作 */
 const handleExport = async () => {
  try {
@ -255,14 +284,14 @@ const handleExport = async () => {
    // 发起导出
    exportLoading.value = true
    const data = await RoleApi.exportRole(queryParams)
-    download.excel(data, '角色列表.xls')
+    download.excel(data, '角色数据.xls')
  } catch {
  } finally {
    exportLoading.value = false
  }
 }

-/** 初始化 **/
+/** 初始化 */
 onMounted(() => {
  getList()
 })
--- a/src/views/system/sms/channel/index.vue
+++ b/src/views/system/sms/channel/index.vue
@ -55,13 +55,23 @@
        >
          <Icon icon="ep:plus" class="mr-5px" /> 新增</el-button
        >
+        <el-button
+          type="danger"
+          plain
+          :disabled="checkedIds.length === 0"
+          @click="handleDeleteBatch"
+          v-hasPermi="['system:sms-channel:delete']"
+        >
+          <Icon icon="ep:delete" class="mr-5px" /> 批量删除</el-button
+        >
      </el-form-item>
    </el-form>
  </ContentWrap>

  <!-- 列表 -->
  <ContentWrap>
-    <el-table v-loading="loading" :data="list">
+    <el-table v-loading="loading" :data="list" @selection-change="handleRowCheckboxChange">
+      <el-table-column type="selection" width="55" />
      <el-table-column label="编号" align="center" prop="id" />
      <el-table-column label="短信签名" align="center" prop="signature" />
      <el-table-column label="渠道编码" align="center" prop="code">
@ -202,6 +212,24 @@ const handleDelete = async (id: number) => {
  } catch {}
 }

+/** 批量删除按钮操作 */
+const checkedIds = ref<number[]>([])
+const handleRowCheckboxChange = (rows: SmsChannelApi.SmsChannelVO[]) => {
+  checkedIds.value = rows.map((row) => row.id)
+}
+
+const handleDeleteBatch = async () => {
+  try {
+    // 删除的二次确认
+    await message.delConfirm()
+    // 发起批量删除
+    await SmsChannelApi.deleteSmsChannelList(checkedIds.value)
+    message.success(t('common.delSuccess'))
+    // 刷新列表
+    await getList()
+  } catch {}
+}
+
 /** 初始化 **/
 onMounted(() => {
  getList()
--- a/src/views/system/sms/template/index.vue
+++ b/src/views/system/sms/template/index.vue
@ -98,6 +98,15 @@
        >
          <Icon icon="ep:plus" class="mr-5px" />新增
        </el-button>
+        <el-button
+          type="danger"
+          plain
+          :disabled="checkedIds.length === 0"
+          @click="handleDeleteBatch"
+          v-hasPermi="['system:sms-template:delete']"
+        >
+          <Icon icon="ep:delete" class="mr-5px" />批量删除
+        </el-button>
        <el-button
          type="success"
          plain
@ -113,7 +122,8 @@

  <!-- 列表 -->
  <ContentWrap>
-    <el-table v-loading="loading" :data="list">
+    <el-table v-loading="loading" :data="list" @selection-change="handleRowCheckboxChange">
+      <el-table-column type="selection" width="55" />
      <el-table-column
        label="模板编码"
        align="center"
@ -292,6 +302,24 @@ const handleDelete = async (id: number) => {
  } catch {}
 }

+/** 批量删除按钮操作 */
+const checkedIds = ref<number[]>([])
+const handleRowCheckboxChange = (rows: SmsTemplateApi.SmsTemplateVO[]) => {
+  checkedIds.value = rows.map((row) => row.id!)
+}
+
+const handleDeleteBatch = async () => {
+  try {
+    // 删除的二次确认
+    await message.delConfirm()
+    // 发起批量删除
+    await SmsTemplateApi.deleteSmsTemplateList(checkedIds.value)
+    message.success(t('common.delSuccess'))
+    // 刷新列表
+    await getList()
+  } catch {}
+}
+
 /** 导出按钮操作 */
 const handleExport = async () => {
  try {
--- a/src/views/system/tenant/index.vue
+++ b/src/views/system/tenant/index.vue
@ -92,13 +92,24 @@
          <Icon icon="ep:download" class="mr-5px" />
          导出
        </el-button>
+        <el-button
+          type="danger"
+          plain
+          :disabled="checkedIds.length === 0"
+          @click="handleDeleteBatch"
+          v-hasPermi="['system:tenant:delete']"
+        >
+          <Icon icon="ep:delete" class="mr-5px" />
+          批量删除
+        </el-button>
      </el-form-item>
    </el-form>
  </ContentWrap>

  <!-- 列表 -->
  <ContentWrap>
-    <el-table v-loading="loading" :data="list">
+    <el-table v-loading="loading" :data="list" @selection-change="handleRowCheckboxChange">
+      <el-table-column type="selection" width="55" />
      <el-table-column label="租户编号" align="center" prop="id" />
      <el-table-column label="租户名" align="center" prop="name" />
      <el-table-column label="租户套餐" align="center" prop="packageId">
@ -243,6 +254,24 @@ const handleDelete = async (id: number) => {
  } catch {}
 }

+/** 批量删除按钮操作 */
+const checkedIds = ref<number[]>([])
+const handleRowCheckboxChange = (rows: TenantApi.TenantVO[]) => {
+  checkedIds.value = rows.map((row) => row.id)
+}
+
+const handleDeleteBatch = async () => {
+  try {
+    // 删除的二次确认
+    await message.delConfirm()
+    // 发起批量删除
+    await TenantApi.deleteTenantList(checkedIds.value)
+    message.success(t('common.delSuccess'))
+    // 刷新列表
+    await getList()
+  } catch {}
+}
+
 /** 导出按钮操作 */
 const handleExport = async () => {
  try {
@ -261,6 +290,7 @@ const handleExport = async () => {
 /** 初始化 **/
 onMounted(async () => {
  await getList()
+  // 获取租户套餐列表
  packageList.value = await TenantPackageApi.getTenantPackageList()
 })
 </script>
--- a/src/views/system/tenantPackage/index.vue
+++ b/src/views/system/tenantPackage/index.vue
@ -51,13 +51,24 @@
          <Icon icon="ep:plus" class="mr-5px" />
          新增
        </el-button>
+        <el-button
+          type="danger"
+          plain
+          :disabled="checkedIds.length === 0"
+          @click="handleDeleteBatch"
+          v-hasPermi="['system:tenant-package:delete']"
+        >
+          <Icon icon="ep:delete" class="mr-5px" />
+          批量删除
+        </el-button>
      </el-form-item>
    </el-form>
  </ContentWrap>

  <!-- 列表 -->
  <ContentWrap>
-    <el-table v-loading="loading" :data="list">
+    <el-table v-loading="loading" :data="list" @selection-change="handleRowCheckboxChange">
+      <el-table-column type="selection" width="55" />
      <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">
@ -173,6 +184,24 @@ const handleDelete = async (id: number) => {
  } catch {}
 }

+/** 批量删除按钮操作 */
+const checkedIds = ref<number[]>([])
+const handleRowCheckboxChange = (rows: TenantPackageApi.TenantPackageVO[]) => {
+  checkedIds.value = rows.map((row) => row.id)
+}
+
+const handleDeleteBatch = async () => {
+  try {
+    // 删除的二次确认
+    await message.delConfirm()
+    // 发起批量删除
+    await TenantPackageApi.deleteTenantPackageList(checkedIds.value)
+    message.success(t('common.delSuccess'))
+    // 刷新列表
+    await getList()
+  } catch {}
+}
+
 /** 初始化 **/
 onMounted(() => {
  getList()
--- a/src/views/system/user/DeptTree.vue
+++ b/src/views/system/user/DeptTree.vue
@ -46,8 +46,24 @@ const filterNode = (name: string, data: Tree) => {
 }

 /** 处理部门被点击 */
-const handleNodeClick = async (row: { [key: string]: any }) => {
-  emits('node-click', row)
+let currentNode: any = {}
+const handleNodeClick = async (row: { [key: string]: any }, treeNode: any) => {
+  // 判断选中状态
+  if (currentNode && currentNode.name === row.name) {
+    treeNode.checked = !treeNode.checked
+  } else {
+    treeNode.checked = true
+  }
+  if (treeNode.checked) {
+    // 选中
+    currentNode = row
+    emits('node-click', row)
+  } else {
+    // 取消选中
+    treeRef.value!.setCurrentKey(undefined)
+    emits('node-click', undefined)
+    currentNode = null
+  }
 }
 const emits = defineEmits(['node-click'])

--- a/src/views/system/user/index.vue
+++ b/src/views/system/user/index.vue
@ -91,11 +91,21 @@
            >
              <Icon icon="ep:download" />导出
            </el-button>
+            <el-button
+              type="danger"
+              plain
+              :disabled="checkedIds.length === 0"
+              @click="handleDeleteBatch"
+              v-hasPermi="['system:user:delete']"
+            >
+              <Icon icon="ep:delete" />批量删除
+            </el-button>
          </el-form-item>
        </el-form>
      </ContentWrap>
      <ContentWrap>
-        <el-table v-loading="loading" :data="list">
+        <el-table v-loading="loading" :data="list" @selection-change="handleRowCheckboxChange">
+          <el-table-column type="selection" width="55" />
          <el-table-column label="用户编号" align="center" key="id" prop="id" />
          <el-table-column
            label="用户名称"
@ -255,9 +265,14 @@ const resetQuery = () => {
 }

 /** 处理部门被点击 */
-const handleDeptNodeClick = async (row) => {
-  queryParams.deptId = row.id
-  await getList()
+const handleDeptNodeClick = async (row: any) => {
+  if (row === undefined) {
+    queryParams.deptId = undefined
+    await getList()
+  } else {
+    queryParams.deptId = row.id
+    await getList()
+  }
 }

 /** 添加/修改操作 */
@ -335,6 +350,24 @@ const handleDelete = async (id: number) => {
  } catch {}
 }

+/** 批量删除按钮操作 */
+const checkedIds = ref<number[]>([])
+const handleRowCheckboxChange = (rows: UserApi.UserVO[]) => {
+  checkedIds.value = rows.map((row) => row.id)
+}
+
+const handleDeleteBatch = async () => {
+  try {
+    // 删除的二次确认
+    await message.delConfirm()
+    // 发起批量删除
+    await UserApi.deleteUserList(checkedIds.value)
+    message.success(t('common.delSuccess'))
+    // 刷新列表
+    await getList()
+  } catch {}
+}
+
 /** 重置密码 */
 const handleResetPwd = async (row: UserApi.UserVO) => {
  try {