diff --git a/backend/dvadmin/system/migrations/0004_systemconfig_title_en_systemconfig_title_zh_tw.py b/backend/dvadmin/system/migrations/0004_systemconfig_title_en_systemconfig_title_zh_tw.py
new file mode 100644
index 0000000..190bdc7
--- /dev/null
+++ b/backend/dvadmin/system/migrations/0004_systemconfig_title_en_systemconfig_title_zh_tw.py
@@ -0,0 +1,23 @@
+# Generated by Django 4.2.14 on 2026-04-09 10:48
+
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('system', '0003_fill_menu_i18n_name'),
+    ]
+
+    operations = [
+        migrations.AddField(
+            model_name='systemconfig',
+            name='title_en',
+            field=models.CharField(blank=True, help_text='标题(English)', max_length=50, null=True, verbose_name='标题(English)'),
+        ),
+        migrations.AddField(
+            model_name='systemconfig',
+            name='title_zh_tw',
+            field=models.CharField(blank=True, help_text='标题(繁體中文)', max_length=50, null=True, verbose_name='标题(繁體中文)'),
+        ),
+    ]
diff --git a/backend/dvadmin/system/migrations/0005_fill_systemconfig_title_i18n.py b/backend/dvadmin/system/migrations/0005_fill_systemconfig_title_i18n.py
new file mode 100644
index 0000000..e6bdbc5
--- /dev/null
+++ b/backend/dvadmin/system/migrations/0005_fill_systemconfig_title_i18n.py
@@ -0,0 +1,39 @@
+# -*- coding: utf-8 -*-
+"""
+填充系统配置标题多语言翻译
+用法: python manage.py migrate system 0005
+"""
+from django.db import migrations
+
+
+def fill_systemconfig_title_i18n(apps, schema_editor):
+    SystemConfig = apps.get_model('system', 'SystemConfig')
+
+    updated_count = 0
+    for config in SystemConfig.objects.all():
+        update_fields = []
+        if not config.title_en:
+            config.title_en = config.title
+            update_fields.append('title_en')
+        if not config.title_zh_tw:
+            config.title_zh_tw = config.title
+            update_fields.append('title_zh_tw')
+        if update_fields:
+            config.save(update_fields=update_fields)
+            updated_count += 1
+    print(f"Updated {updated_count} system config translations")
+
+
+def reverse_func(apps, schema_editor):
+    pass
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('system', '0004_systemconfig_title_en_systemconfig_title_zh_tw'),
+    ]
+
+    operations = [
+        migrations.RunPython(fill_systemconfig_title_i18n, reverse_func),
+    ]
diff --git a/backend/dvadmin/system/migrations/0005_fill_systemconfig_title_i18n.sql b/backend/dvadmin/system/migrations/0005_fill_systemconfig_title_i18n.sql
new file mode 100644
index 0000000..a8edd47
--- /dev/null
+++ b/backend/dvadmin/system/migrations/0005_fill_systemconfig_title_i18n.sql
@@ -0,0 +1,8 @@
+/*
+Fill SystemConfig title_i18n fields from existing title values
+SQL reference (Django uses RunPython instead):
+
+UPDATE `dvadmin_system_config`
+SET `title_en` = `title`, `title_zh_tw` = `title`
+WHERE `title_en` IS NULL AND `title_zh_tw` IS NULL;
+*/
diff --git a/backend/dvadmin/system/migrations/0006_fill_systemconfig_title_translations.py b/backend/dvadmin/system/migrations/0006_fill_systemconfig_title_translations.py
new file mode 100644
index 0000000..1480274
--- /dev/null
+++ b/backend/dvadmin/system/migrations/0006_fill_systemconfig_title_translations.py
@@ -0,0 +1,67 @@
+# -*- coding: utf-8 -*-
+"""
+填充系统配置标题多语言翻译
+"""
+from django.db import migrations
+
+
+def fill_translations(apps, schema_editor):
+    SystemConfig = apps.get_model('system', 'SystemConfig')
+
+    translations = {
+        '基础配置': {'en': 'Basic Config', 'zh_tw': '基礎配置'},
+        '系统配置': {'en': 'System Config', 'zh_tw': '系統配置'},
+        '登录页配置': {'en': 'Login Page Config', 'zh_tw': '登錄頁配置'},
+        '文件存储配置': {'en': 'File Storage Config', 'zh_tw': '文件存儲配置'},
+        '网站标题': {'en': 'Site Title', 'zh_tw': '網站標題'},
+        '网站名称': {'en': 'Site Name', 'zh_tw': '網站名稱'},
+        '登录网站logo': {'en': 'Login Logo', 'zh_tw': '登錄網站logo'},
+        '登录页背景图': {'en': 'Login Background', 'zh_tw': '登錄頁背景圖'},
+        '版权信息': {'en': 'Copyright', 'zh_tw': '版權信息'},
+        '备案信息': {'en': 'Filing Info', 'zh_tw': '備案信息'},
+        '帮助链接': {'en': 'Help Link', 'zh_tw': '幫助鏈接'},
+        '隐私链接': {'en': 'Privacy Link', 'zh_tw': '隱私鏈接'},
+        '条款链接': {'en': 'Terms Link', 'zh_tw': '條款鏈接'},
+        '网页标题': {'en': 'Page Title', 'zh_tw': '網頁標題'},
+        '网站小图标': {'en': 'Site Favicon', 'zh_tw': '網站小圖標'},
+        '开启验证码': {'en': 'Enable Captcha', 'zh_tw': '開啟驗證碼'},
+        '创建用户默认密码': {'en': 'Default Password', 'zh_tw': '創建用戶默認密碼'},
+        '存储引擎': {'en': 'Storage Engine', 'zh_tw': '存儲引擎'},
+        '文件是否备份': {'en': 'File Backup', 'zh_tw': '文件是否備份'},
+        '阿里云-AccessKey': {'en': 'Aliyun AccessKey', 'zh_tw': '阿裡雲-AccessKey'},
+        '阿里云-Secret': {'en': 'Aliyun Secret', 'zh_tw': '阿裡雲-Secret'},
+        '阿里云-Endpoint': {'en': 'Aliyun Endpoint', 'zh_tw': '阿裡雲-Endpoint'},
+        '阿里云-上传路径': {'en': 'Aliyun Upload Path', 'zh_tw': '阿裡雲-上傳路徑'},
+        '阿里云-Bucket': {'en': 'Aliyun Bucket', 'zh_tw': '阿裡雲-Bucket'},
+        '阿里云-cdn地址': {'en': 'Aliyun CDN URL', 'zh_tw': '阿裡雲-cdn地址'},
+        '腾讯云-SecretId': {'en': 'Tencent SecretId', 'zh_tw': '騰訊雲-SecretId'},
+        '腾讯云-SecretKey': {'en': 'Tencent SecretKey', 'zh_tw': '騰訊雲-SecretKey'},
+        '腾讯云-Region': {'en': 'Tencent Region', 'zh_tw': '騰訊雲-Region'},
+        '腾讯云-Bucket': {'en': 'Tencent Bucket', 'zh_tw': '騰訊雲-Bucket'},
+        '腾讯云-上传路径': {'en': 'Tencent Upload Path', 'zh_tw': '騰訊雲-上傳路徑'},
+    }
+
+    updated = 0
+    for config in SystemConfig.objects.all():
+        if config.title in translations:
+            trans = translations[config.title]
+            config.title_en = trans['en']
+            config.title_zh_tw = trans['zh_tw']
+            config.save(update_fields=['title_en', 'title_zh_tw'])
+            updated += 1
+    print(f"Updated {updated} config translations")
+
+
+def reverse_func(apps, schema_editor):
+    pass
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('system', '0005_fill_systemconfig_title_i18n'),
+    ]
+
+    operations = [
+        migrations.RunPython(fill_translations, reverse_func),
+    ]
diff --git a/backend/dvadmin/system/models.py b/backend/dvadmin/system/models.py
index da9a0a9..6aaec3d 100644
--- a/backend/dvadmin/system/models.py
+++ b/backend/dvadmin/system/models.py
@@ -567,6 +567,8 @@ class SystemConfig(CoreModel):
         help_text="父级",
     )
     title = models.CharField(max_length=50, verbose_name="标题", help_text="标题")
+    title_en = models.CharField(max_length=50, verbose_name="标题(English)", blank=True, null=True, help_text="标题(English)")
+    title_zh_tw = models.CharField(max_length=50, verbose_name="标题(繁體中文)", blank=True, null=True, help_text="标题(繁體中文)")
     key = models.CharField(max_length=100, verbose_name="键", help_text="键", db_index=True)
     value = models.JSONField(max_length=100, verbose_name="值", help_text="值", null=True, blank=True)
     sort = models.IntegerField(default=0, verbose_name="排序", help_text="排序", blank=True)
diff --git a/backend/dvadmin/system/views/system_config.py b/backend/dvadmin/system/views/system_config.py
index 8168b50..65194a5 100644
--- a/backend/dvadmin/system/views/system_config.py
+++ b/backend/dvadmin/system/views/system_config.py
@@ -50,6 +50,32 @@ class SystemConfigSerializer(CustomModelSerializer):
     系统配置-序列化器
     """
     form_item_type_label = serializers.CharField(source='get_form_item_type_display', read_only=True)
+    title_i18n = serializers.SerializerMethodField()
+
+    def get_title_i18n(self, obj):
+        lang = None
+        req = getattr(self, 'request', None)
+        if req:
+            user = getattr(req, 'user', None)
+            if user and getattr(user, 'is_authenticated', False):
+                lang = getattr(user, 'language', None)
+            _qp_lang = req.query_params.get('language', None)
+            if _qp_lang:
+                lang = _qp_lang[0] if isinstance(_qp_lang, list) else _qp_lang
+            if not lang:
+                meta_lang = req.META.get('HTTP_ACCEPT_LANGUAGE', '')
+                # Parse Accept-Language header (e.g., "zh-TW,zh;q=0.9,en;q=0.8")
+                if 'en' in meta_lang:
+                    lang = 'en'
+                elif 'zh-tw' in meta_lang or 'zh-hant' in meta_lang:
+                    lang = 'zh-tw'
+                elif meta_lang.startswith('zh'):
+                    lang = 'zh-cn'
+        if lang == 'en':
+            return obj.title_en or obj.title
+        elif lang == 'zh-tw':
+            return obj.title_zh_tw or obj.title
+        return obj.title
 
     class Meta:
         model = SystemConfig
@@ -63,12 +89,38 @@ class SystemConfigChinldernSerializer(CustomModelSerializer):
     """
     children = serializers.SerializerMethodField()
     form_item_type_label = serializers.CharField(source='get_form_item_type_display', read_only=True)
+    title_i18n = serializers.SerializerMethodField()
 
     def get_children(self, instance):
         queryset = SystemConfig.objects.filter(parent=instance)
-        serializer = SystemConfigSerializer(queryset, many=True)
+        serializer = SystemConfigSerializer(queryset, many=True, request=self.request)
         return serializer.data
 
+    def get_title_i18n(self, obj):
+        lang = None
+        req = getattr(self, 'request', None)
+        if req:
+            user = getattr(req, 'user', None)
+            if user and getattr(user, 'is_authenticated', False):
+                lang = getattr(user, 'language', None)
+            _qp_lang = req.query_params.get('language', None)
+            if _qp_lang:
+                lang = _qp_lang[0] if isinstance(_qp_lang, list) else _qp_lang
+            if not lang:
+                meta_lang = req.META.get('HTTP_ACCEPT_LANGUAGE', '')
+                # Parse Accept-Language header (e.g., "zh-TW,zh;q=0.9,en;q=0.8")
+                if 'en' in meta_lang:
+                    lang = 'en'
+                elif 'zh-tw' in meta_lang or 'zh-hant' in meta_lang:
+                    lang = 'zh-tw'
+                elif meta_lang.startswith('zh'):
+                    lang = 'zh-cn'
+        if lang == 'en':
+            return obj.title_en or obj.title
+        elif lang == 'zh-tw':
+            return obj.title_zh_tw or obj.title
+        return obj.title
+
     class Meta:
         model = SystemConfig
         fields = "__all__"
diff --git a/web/package.json b/web/package.json
index b34579a..c7e98b4 100644
--- a/web/package.json
+++ b/web/package.json
@@ -18,7 +18,6 @@
 		"@fast-crud/fast-extends": "^1.21.2",
 		"@fast-crud/ui-element": "^1.21.2",
 		"@fast-crud/ui-interface": "^1.21.2",
-		"@great-dream/dvadmin3-celery-web": "^3.1.3",
 		"@iconify/vue": "^4.1.2",
 		"@meetjs/vant4-kit": "^1.0.1",
 		"@types/lodash": "^4.17.7",
diff --git a/web/src/components/fileSelector/index.vue b/web/src/components/fileSelector/index.vue
index 86192c9..8a4eb74 100644
--- a/web/src/components/fileSelector/index.vue
+++ b/web/src/components/fileSelector/index.vue
@@ -3,7 +3,7 @@
     <slot name="input" v-bind="{}">
       <div v-if="props.showInput" style="width: 100%;" :class="props.inputClass" :style="props.inputStyle">
         <el-select v-if="props.inputType === 'selector'" v-model="data" suffix-icon="arrow-down" clearable
-          :multiple="props.multiple" placeholder="请选择文件" @click="selectVisiable = true && !props.disabled"
+          :multiple="props.multiple" :placeholder="t('message.pages.fileSelector.placeholder.selectFile')" @click="selectVisiable = true && !props.disabled"
           :disabled="props.disabled" @clear="selectedInit" @remove-tag="selectedInit">
           <el-option v-for="item, index in listAllData" :key="index" :value="String(item[props.valueKey])"
             :label="item.name" />
@@ -93,34 +93,34 @@
     <el-dialog v-model="selectVisiable" :draggable="true" width="50%" :align-center="false" :append-to-body="true"
       @open="if (listData.length === 0) listRequest();" @close="onClose" @closed="onClosed" modal-class="_overlay">
       <template #header>
-        <span class="el-dialog__title">文件选择</span>
+        <span class="el-dialog__title">{{ t('message.pages.fileSelector.dialogTitle') }}</span>
         <el-divider style="margin: 0;" />
       </template>
       <div style="padding: 4px;">
         <div style="width: 100%; display: flex; justify-content: space-between; gap: 12px;">
           <el-tabs style="width: 100%;" v-model="tabsActived" :type="props.tabsType" :stretch="true"
             @tab-change="handleTabChange" v-if="!isSuperTenent">
-            <el-tab-pane v-if="props.tabsShow & SHOW.IMAGE" :name="0" label="图片" />
-            <el-tab-pane v-if="props.tabsShow & SHOW.VIDEO" :name="1" label="视频" />
-            <el-tab-pane v-if="props.tabsShow & SHOW.AUDIO" :name="2" label="音频" />
-            <el-tab-pane v-if="props.tabsShow & SHOW.OTHER" :name="3" label="其他" />
+            <el-tab-pane v-if="props.tabsShow & SHOW.IMAGE" :name="0" :label="t('message.pages.fileSelector.tabs.image')" />
+            <el-tab-pane v-if="props.tabsShow & SHOW.VIDEO" :name="1" :label="t('message.pages.fileSelector.tabs.video')" />
+            <el-tab-pane v-if="props.tabsShow & SHOW.AUDIO" :name="2" :label="t('message.pages.fileSelector.tabs.audio')" />
+            <el-tab-pane v-if="props.tabsShow & SHOW.OTHER" :name="3" :label="t('message.pages.fileSelector.tabs.other')" />
           </el-tabs>
           <el-tabs style="width: 100%;" v-model="tabsActived" :type="props.tabsType" :stretch="true"
             @tab-change="handleTabChange" v-if="isTenentMode">
-            <el-tab-pane v-if="props.tabsShow & SHOW.IMAGE" :name="4" label="系统图片" />
-            <el-tab-pane v-if="props.tabsShow & SHOW.VIDEO" :name="5" label="系统视频" />
-            <el-tab-pane v-if="props.tabsShow & SHOW.AUDIO" :name="6" label="系统音频" />
-            <el-tab-pane v-if="props.tabsShow & SHOW.OTHER" :name="7" label="系统其他" />
+            <el-tab-pane v-if="props.tabsShow & SHOW.IMAGE" :name="4" :label="t('message.pages.fileSelector.systemTabs.image')" />
+            <el-tab-pane v-if="props.tabsShow & SHOW.VIDEO" :name="5" :label="t('message.pages.fileSelector.systemTabs.video')" />
+            <el-tab-pane v-if="props.tabsShow & SHOW.AUDIO" :name="6" :label="t('message.pages.fileSelector.systemTabs.audio')" />
+            <el-tab-pane v-if="props.tabsShow & SHOW.OTHER" :name="7" :label="t('message.pages.fileSelector.systemTabs.other')" />
           </el-tabs>
         </div>
         <el-row justify="space-between" class="headerBar">
           <el-col :span="12">
             <slot name="actionbar-left">
-              <el-input class="filterInput" v-model="filterForm.name" :placeholder="`请输入${TypeLabel[tabsActived % 4]}名`"
+              <el-input class="filterInput" v-model="filterForm.name" :placeholder="t('message.pages.fileSelector.placeholder.enterName', { name: TypeLabel[tabsActived % 4] })"
                 prefix-icon="search" clearable @change="listRequest" />
               <div>
                 <el-tag v-if="props.multiple" type="primary" effect="light">
-                  一共选中&nbsp;{{ data?.length || 0 }}&nbsp;个文件
+                  {{ t('message.pages.fileSelector.selected', { count: data?.length || 0 }) }}
                 </el-tag>
               </div>
             </slot>
@@ -133,10 +133,10 @@
                   :data="{ upload_method: 1 }" :show-file-list="true" :accept="AcceptList[tabsActived % 4]"
                   :on-success="() => { listRequest(); listRequestAll(); uploadRef.clearFiles(); }"
                   v-if="props.showUploadButton">
-                  <el-button type="primary" icon="plus">上传{{ TypeLabel[tabsActived % 4] }}</el-button>
+                  <el-button type="primary" icon="plus">{{ t('message.pages.fileSelector.upload.button', { type: TypeLabel[tabsActived % 4] }) }}</el-button>
                 </el-upload>
                 <el-button type="info" icon="link" @click="netVisiable = true" v-if="props.showNetButton">
-                  网络{{ TypeLabel[tabsActived % 4] }}
+                  {{ t('message.pages.fileSelector.upload.netButton', { type: TypeLabel[tabsActived % 4] }) }}
                 </el-button>
               </template>
             </slot>
@@ -144,7 +144,7 @@
         </el-row>
         <div v-if="!listData.length">
           <slot name="empty">
-            <el-empty description="无内容，请上传" style="width: 100%; height: calc(50vh); margin-top: 24px; padding: 4px;" />
+            <el-empty :description="t('message.pages.fileSelector.empty')" style="width: 100%; height: calc(50vh); margin-top: 24px; padding: 4px;" />
           </slot>
         </div>
         <div ref="listContainerRef" class="listContainer" v-else>
@@ -164,10 +164,10 @@
       </div>
       <!-- 只要在获取中，就最大程度阻止关闭dialog -->
       <el-dialog v-model="netVisiable" :draggable="false" width="50%" :align-center="false" :append-to-body="true"
-        :title="'网络' + TypeLabel[tabsActived % 4] + '上传'" @closed="netUrl = ''" :close-on-click-modal="!netLoading"
+        :title="t('message.pages.fileSelector.upload.netTitle', { type: TypeLabel[tabsActived % 4] })" @closed="netUrl = ''" :close-on-click-modal="!netLoading"
         :close-on-press-escape="!netLoading" :show-close="!netLoading" modal-class="_overlay">
-        <el-form-item :label="TypeLabel[tabsActived % 4] + '链接'">
-          <el-input v-model="netUrl" placeholder="请输入网络连接" clearable @input="netChange">
+        <el-form-item :label="t('message.pages.fileSelector.upload.netLink', { type: TypeLabel[tabsActived % 4] })">
+          <el-input v-model="netUrl" :placeholder="t('message.pages.fileSelector.upload.inputUrl')" clearable @input="netChange">
             <template #prepend>
               <el-select v-model="netPrefix" style="width: 110px;">
                 <el-option v-for="item, index in ['HTTP://', 'HTTPS://']" :key="index" :label="item" :value="item" />
@@ -176,15 +176,15 @@
           </el-input>
         </el-form-item>
         <template #footer>
-          <el-button v-if="!netLoading" type="default" @click="netVisiable = false">取消</el-button>
+          <el-button v-if="!netLoading" type="default" @click="netVisiable = false">{{ t('message.pages.fileSelector.cancel') }}</el-button>
           <el-button type="primary" @click="confirmNetUrl" :loading="netLoading">
-            {{ netLoading ? '网络文件获取中...' : '确定' }}
+            {{ netLoading ? t('message.pages.fileSelector.upload.netFetching') : t('message.pages.fileSelector.confirm') }}
           </el-button>
         </template>
       </el-dialog>
       <template #footer v-if="props.showInput">
-        <el-button type="default" @click="onClose">取消</el-button>
-        <el-button type="primary" @click="onSave">确定</el-button>
+        <el-button type="default" @click="onClose">{{ t('message.pages.fileSelector.cancel') }}</el-button>
+        <el-button type="primary" @click="onSave">{{ t('message.pages.fileSelector.confirm') }}</el-button>
       </template>
     </el-dialog>
   </div>
@@ -193,6 +193,7 @@
 <script setup lang="ts">
 import { useUi, UserPageQuery, AddReq, EditReq, DelReq } from '@fast-crud/fast-crud';
 import { ref, reactive, defineProps, PropType, watch, onMounted, nextTick } from 'vue';
+import { useI18n } from 'vue-i18n';
 import { getBaseURL } from '/@/utils/baseUrl';
 import { request } from '/@/utils/service';
 import { SHOW } from './types';
@@ -202,6 +203,8 @@ import { storeToRefs } from "pinia";
 import { useUserInfo } from "/@/stores/userInfo";
 import { errorNotification, successNotification } from '/@/utils/message';
 
+const { t } = useI18n();
+
 const userInfos = storeToRefs(useUserInfo()).userInfos;
 const isTenentMode = !!(pluginsAll && pluginsAll.length && pluginsAll.indexOf('dvadmin3-tenants-web') >= 0);
 const isSuperTenent = (userInfos.value as any).schema_name === 'public';
@@ -379,7 +382,7 @@ const confirmNetUrl = () => {
   }, 10 * 1000);
   fetch(netPrefix.value + netUrl.value, { signal: controller.signal }).then(async (res: Response) => {
     clearTimeout(timeout);
-    if (!res.ok) errorNotification(`网络${TypeLabel[tabsActived.value % 4]}获取失败！`);
+    if (!res.ok) errorNotification(t('message.pages.fileSelector.upload.netFailed', { type: TypeLabel[tabsActived.value % 4] }));
     const _ = res.url.split('?')[0].split('/');
     let filename = _[_.length - 1];
     // let filetype = res.headers.get('content-type')?.split('/')[1] || '';
@@ -389,14 +392,14 @@ const confirmNetUrl = () => {
     form.append('file', file);
     form.append('upload_method', '1');
     fetch(getBaseURL() + 'api/system/file/', { method: 'post', body: form })
-      .then(() => successNotification('网络文件上传成功！'))
+      .then(() => successNotification(t('message.pages.fileSelector.upload.netSuccess')))
       .then(() => { netVisiable.value = false; listRequest(); listRequestAll(); })
-      .catch(() => errorNotification('网络文件上传失败！'))
+      .catch(() => errorNotification(t('message.pages.fileSelector.upload.netFailed', { type: '' })))
       .then(() => netLoading.value = false);
   }).catch((err: any) => {
     console.log(err);
     clearTimeout(timeout);
-    errorNotification(`网络${TypeLabel[tabsActived.value % 4]}获取失败！`);
+    errorNotification(t('message.pages.fileSelector.upload.netFailed', { type: TypeLabel[tabsActived.value % 4] }));
     netLoading.value = false;
   });
 };
diff --git a/web/src/i18n/pages/fileList/en.ts b/web/src/i18n/pages/fileList/en.ts
index 881e2db..89dda19 100644
--- a/web/src/i18n/pages/fileList/en.ts
+++ b/web/src/i18n/pages/fileList/en.ts
@@ -32,6 +32,7 @@ export default {
                     unknown: 'Unknown',
                 },
                 tabs: {
+                    all: 'All',
                     image: 'Image',
                     video: 'Video',
                     audio: 'Audio',
diff --git a/web/src/i18n/pages/fileList/zh-cn.ts b/web/src/i18n/pages/fileList/zh-cn.ts
index 97242d6..e7f5fe6 100644
--- a/web/src/i18n/pages/fileList/zh-cn.ts
+++ b/web/src/i18n/pages/fileList/zh-cn.ts
@@ -32,6 +32,7 @@ export default {
                     unknown: '未知类型',
                 },
                 tabs: {
+                    all: '全部',
                     image: '图片',
                     video: '视频',
                     audio: '音频',
diff --git a/web/src/i18n/pages/fileList/zh-tw.ts b/web/src/i18n/pages/fileList/zh-tw.ts
index 7eb54b2..9e1d887 100644
--- a/web/src/i18n/pages/fileList/zh-tw.ts
+++ b/web/src/i18n/pages/fileList/zh-tw.ts
@@ -32,6 +32,7 @@ export default {
                     unknown: '未知類型',
                 },
                 tabs: {
+                    all: '全部',
                     image: '圖片',
                     video: '視頻',
                     audio: '音頻',
diff --git a/web/src/i18n/pages/fileSelector/en.ts b/web/src/i18n/pages/fileSelector/en.ts
new file mode 100644
index 0000000..a3d10b2
--- /dev/null
+++ b/web/src/i18n/pages/fileSelector/en.ts
@@ -0,0 +1,41 @@
+// Define content
+export default {
+    message: {
+        pages: {
+            fileSelector: {
+                dialogTitle: 'File Selector',
+                tabs: {
+                    all: 'All',
+                    image: 'Image',
+                    video: 'Video',
+                    audio: 'Audio',
+                    other: 'Other',
+                },
+                systemTabs: {
+                    image: 'System Image',
+                    video: 'System Video',
+                    audio: 'System Audio',
+                    other: 'System Other',
+                },
+                placeholder: {
+                    selectFile: 'Select file',
+                    enterName: 'Enter {name} name',
+                },
+                upload: {
+                    button: 'Upload {type}',
+                    netButton: 'Net {type}',
+                    netTitle: 'Net {type} Upload',
+                    netLink: '{type} Link',
+                    netFetching: 'Fetching network file...',
+                    netSuccess: 'Network file uploaded successfully!',
+                    netFailed: 'Network {type} fetch failed!',
+                    inputUrl: 'Enter network URL',
+                },
+                selected: 'Total {count} file(s) selected',
+                empty: 'No content, please upload',
+                confirm: 'Confirm',
+                cancel: 'Cancel',
+            },
+        },
+    },
+};
diff --git a/web/src/i18n/pages/fileSelector/zh-cn.ts b/web/src/i18n/pages/fileSelector/zh-cn.ts
new file mode 100644
index 0000000..1a8d681
--- /dev/null
+++ b/web/src/i18n/pages/fileSelector/zh-cn.ts
@@ -0,0 +1,41 @@
+// 定义内容
+export default {
+    message: {
+        pages: {
+            fileSelector: {
+                dialogTitle: '文件选择',
+                tabs: {
+                    all: '全部',
+                    image: '图片',
+                    video: '视频',
+                    audio: '音频',
+                    other: '其他',
+                },
+                systemTabs: {
+                    image: '系统图片',
+                    video: '系统视频',
+                    audio: '系统音频',
+                    other: '系统其他',
+                },
+                placeholder: {
+                    selectFile: '请选择文件',
+                    enterName: '请输入{name}名称',
+                },
+                upload: {
+                    button: '上传{type}',
+                    netButton: '网络{type}',
+                    netTitle: '网络{type}上传',
+                    netLink: '{type}链接',
+                    netFetching: '网络文件获取中...',
+                    netSuccess: '网络文件上传成功！',
+                    netFailed: '网络{type}获取失败！',
+                    inputUrl: '请输入网络连接',
+                },
+                selected: '一共选中 {count} 个文件',
+                empty: '无内容，请上传',
+                confirm: '确定',
+                cancel: '取消',
+            },
+        },
+    },
+};
diff --git a/web/src/i18n/pages/fileSelector/zh-tw.ts b/web/src/i18n/pages/fileSelector/zh-tw.ts
new file mode 100644
index 0000000..20804b7
--- /dev/null
+++ b/web/src/i18n/pages/fileSelector/zh-tw.ts
@@ -0,0 +1,41 @@
+// 定義內容
+export default {
+    message: {
+        pages: {
+            fileSelector: {
+                dialogTitle: '文件選擇',
+                tabs: {
+                    all: '全部',
+                    image: '圖片',
+                    video: '視頻',
+                    audio: '音頻',
+                    other: '其他',
+                },
+                systemTabs: {
+                    image: '系統圖片',
+                    video: '系統視頻',
+                    audio: '系統音頻',
+                    other: '系統其他',
+                },
+                placeholder: {
+                    selectFile: '請選擇文件',
+                    enterName: '請輸入{name}名稱',
+                },
+                upload: {
+                    button: '上傳{type}',
+                    netButton: '網絡{type}',
+                    netTitle: '網絡{type}上傳',
+                    netLink: '{type}鏈接',
+                    netFetching: '網絡文件獲取中...',
+                    netSuccess: '網絡文件上傳成功！',
+                    netFailed: '網絡{type}獲取失敗！',
+                    inputUrl: '請輸入網絡連接',
+                },
+                selected: '一共選中 {count} 個文件',
+                empty: '無內容，請上傳',
+                confirm: '確定',
+                cancel: '取消',
+            },
+        },
+    },
+};
diff --git a/web/src/i18n/pages/menu/en.ts b/web/src/i18n/pages/menu/en.ts
index cf09ba5..53ba541 100644
--- a/web/src/i18n/pages/menu/en.ts
+++ b/web/src/i18n/pages/menu/en.ts
@@ -98,6 +98,8 @@ export default {
                     linkUrlRequired: 'Please enter an external link URL',
                     permissionNameRequired: 'Permission name is required',
                     permissionValueRequired: 'Permission key is required',
+                    methodRequired: 'Request method is required',
+                    apiRequired: 'API endpoint is required',
                     batchGenerate: 'Batch Generate',
                     alreadyExists: ' already exists and cannot be duplicated',
                 },
diff --git a/web/src/i18n/pages/menu/zh-cn.ts b/web/src/i18n/pages/menu/zh-cn.ts
index db96b98..1ec55db 100644
--- a/web/src/i18n/pages/menu/zh-cn.ts
+++ b/web/src/i18n/pages/menu/zh-cn.ts
@@ -99,6 +99,8 @@ export default {
                     linkUrlRequired: '请输入外链接地址',
                     permissionNameRequired: '权限名称必填',
                     permissionValueRequired: '权限标识必填',
+                    methodRequired: '请求方式必填',
+                    apiRequired: '接口地址必填',
                     batchGenerate: '批量生成',
                 },
                 dialog: {
diff --git a/web/src/i18n/pages/menu/zh-tw.ts b/web/src/i18n/pages/menu/zh-tw.ts
index 7bf8a58..a002c59 100644
--- a/web/src/i18n/pages/menu/zh-tw.ts
+++ b/web/src/i18n/pages/menu/zh-tw.ts
@@ -98,6 +98,8 @@ export default {
                     linkUrlRequired: '請輸入外鏈接地址',
                     permissionNameRequired: '權限名稱必填',
                     permissionValueRequired: '權限標識必填',
+                    methodRequired: '請求方式必填',
+                    apiRequired: '接口地址必填',
                     batchGenerate: '批量生成',
                     alreadyExists: '已存在，不可重複',
                 },
diff --git a/web/src/layout/navBars/breadcrumb/user.vue b/web/src/layout/navBars/breadcrumb/user.vue
index d6cc3e5..faa1e86 100644
--- a/web/src/layout/navBars/breadcrumb/user.vue
+++ b/web/src/layout/navBars/breadcrumb/user.vue
@@ -212,7 +212,7 @@ const onHandleCommandClick = (path: string) => {
 			})
 			.catch(() => {});
 	} else if (path === 'wareHouse') {
-		window.open('https://gitee.com/huge-dream/django-vue3-admin');
+		window.open('https://gitee.com/huge-dream/Procurement-Inquiry-System');
 	} else {
 		router.push(path);
 	}
diff --git a/web/src/layout/upgrade/index.vue b/web/src/layout/upgrade/index.vue
index 9419fcc..e13b7ec 100644
--- a/web/src/layout/upgrade/index.vue
+++ b/web/src/layout/upgrade/index.vue
@@ -17,7 +17,7 @@
 			<div class="upgrade-content">
 				{{ getThemeConfig.globalTitle }} {{ $t('message.upgrade.msg') }}
 				<div class="mt5">
-					<el-link type="primary" class="font12" href="https://gitee.com/huge-dream/django-vue3-admin/blob/master/CHANGELOG.md" target="_black">
+					<el-link type="primary" class="font12" href="https://gitee.com/huge-dream/Procurement-Inquiry-System/blob/master/CHANGELOG.md" target="_black">
 						CHANGELOG.md
 					</el-link>
 				</div>
diff --git a/web/src/views/system/areas/crud.tsx b/web/src/views/system/areas/crud.tsx
index 1a1e47b..c6967d7 100644
--- a/web/src/views/system/areas/crud.tsx
+++ b/web/src/views/system/areas/crud.tsx
@@ -1,5 +1,6 @@
 import * as api from './api';
 import { dict, UserPageQuery, AddReq, DelReq, EditReq, compute, CreateCrudOptionsProps, CreateCrudOptionsRet } from '@fast-crud/fast-crud';
+import { useI18n } from 'vue-i18n';
 import { dictionary } from '/@/utils/dictionary';
 import { successMessage } from '/@/utils/message';
 import { auth } from '/@/utils/authFunction';
@@ -7,6 +8,7 @@ import tableSelector from '/@/components/tableSelector/index.vue';
 import { shallowRef } from 'vue';
 
 export const createCrudOptions = function ({ crudExpose }: CreateCrudOptionsProps): CreateCrudOptionsRet {
+	const { t } = useI18n()
 	const pageRequest = async (query: UserPageQuery) => {
 		return await api.GetList(query);
 	};
@@ -78,7 +80,7 @@ export const createCrudOptions = function ({ crudExpose }: CreateCrudOptionsProp
 			},
 			columns: {
 				_index: {
-					title: '序号',
+					title: t('message.pages.areas.table.columns.index'),
 					form: { show: false },
 					column: {
 						type: 'index',
@@ -88,7 +90,7 @@ export const createCrudOptions = function ({ crudExpose }: CreateCrudOptionsProp
 					},
 				},
 				name: {
-					title: '名称',
+					title: t('message.pages.areas.table.columns.areaName'),
 					search: {
 						show: true,
 					},
@@ -100,15 +102,15 @@ export const createCrudOptions = function ({ crudExpose }: CreateCrudOptionsProp
 					form: {
 						rules: [
 							// 表单校验规则
-							{ required: true, message: '名称必填项' },
+							{ required: true, message: t('message.pages.areas.validation.areaNameRequired') },
 						],
 						component: {
-							placeholder: '请输入名称',
+							placeholder: t('message.pages.areas.form.areaNamePlaceholder'),
 						},
 					},
 				},
 				pcode: {
-					title: '父级地区',
+					title: t('message.pages.areas.table.columns.parentArea'),
 					search: {
 						disabled: true,
 					},
@@ -136,12 +138,12 @@ export const createCrudOptions = function ({ crudExpose }: CreateCrudOptionsProp
 								columns: [
 									{
 										prop: 'name',
-										label: '地区',
+										label: t('message.pages.areas.table.columns.areaName'),
 										width: 150,
 									},
 									{
 										prop: 'code',
-										label: '地区编码',
+										label: t('message.pages.areas.table.columns.areaCode'),
 									},
 								],
 							},
@@ -152,7 +154,7 @@ export const createCrudOptions = function ({ crudExpose }: CreateCrudOptionsProp
 					},
 				},
 				code: {
-					title: '地区编码',
+					title: t('message.pages.areas.table.columns.areaCode'),
 					search: {
 						show: true,
 					},
@@ -163,15 +165,15 @@ export const createCrudOptions = function ({ crudExpose }: CreateCrudOptionsProp
 					form: {
 						rules: [
 							// 表单校验规则
-							{ required: true, message: '地区编码必填项' },
+							{ required: true, message: t('message.pages.areas.validation.areaCodeRequired') },
 						],
 						component: {
-							placeholder: '请输入地区编码',
+							placeholder: t('message.pages.areas.form.areaCodePlaceholder'),
 						},
 					},
 				},
 				enable: {
-					title: '是否启用',
+					title: t('message.pages.areas.table.columns.status'),
 					search: {
 						show: true,
 					},
diff --git a/web/src/views/system/config/index.vue b/web/src/views/system/config/index.vue
index 9b8ebd5..bc41372 100644
--- a/web/src/views/system/config/index.vue
+++ b/web/src/views/system/config/index.vue
@@ -26,7 +26,7 @@
 			</el-drawer>
 		</div>
 		<el-tabs type="border-card" v-model="editableTabsValue">
-			<el-tab-pane :key="index" v-for="(item, index) in editableTabs" :label="item.title" :name="item.key">
+			<el-tab-pane :key="index" v-for="(item, index) in editableTabs" :label="item.title_i18n || item.title" :name="item.key">
 				<span slot="label" v-if="item.icon"><i :class="item.icon" style="font-weight: 1000; font-size: 16px"></i></span>
 				<el-row v-if="item.icon">
 					<el-col :offset="4" :span="8">
@@ -48,7 +48,7 @@ import addContent from './components/addContent.vue';
 import formContent from './components/formContent.vue';
 import { ref, onMounted } from 'vue';
 
-const { t } = useI18n();
+const { t, locale } = useI18n();
 let tabsDrawer = ref(false);
 let contentDrawer = ref(false);
 let editableTabsValue = ref('base');
@@ -59,6 +59,7 @@ const getTabs = () => {
 		.GetList({
 			limit: 999,
 			parent__isnull: true,
+			language: locale.value,
 		})
 		.then((res: any) => {
 			let data = res.data;
diff --git a/web/src/views/system/dept/components/DeptFormCom/index.vue b/web/src/views/system/dept/components/DeptFormCom/index.vue
index 445069b..75e6084 100644
--- a/web/src/views/system/dept/components/DeptFormCom/index.vue
+++ b/web/src/views/system/dept/components/DeptFormCom/index.vue
@@ -1,6 +1,6 @@
 <template>
 	<el-form ref="formRef" :rules="rules" :model="deptFormData" label-width="100px" label-position="right" class="dept-form-com">
-		<el-form-item label="父级部门" prop="parent">
+		<el-form-item :label="t('message.pages.dept.form.parentDept')" prop="parent">
 			<el-tree-select
 				v-model="deptFormData.parent"
 				:props="defaultTreeProps"
@@ -12,35 +12,38 @@
 				style="width: 100%"
 			/>
 		</el-form-item>
-		<el-form-item required label="部门名称" prop="name">
+		<el-form-item required :label="t('message.pages.dept.form.deptName')" prop="name">
 			<el-input v-model="deptFormData.name" />
 		</el-form-item>
-		<el-form-item required label="部门标识" prop="key">
+		<el-form-item required :label="t('message.pages.dept.form.deptCode')" prop="key">
 			<el-input v-model="deptFormData.key" />
 		</el-form-item>
-		<el-form-item label="负责人">
-			<el-input v-model="deptFormData.owner" placeholder="请输入" />
+		<el-form-item :label="t('message.pages.dept.form.owner')">
+			<el-input v-model="deptFormData.owner" :placeholder="t('message.pages.dept.form.ownerPlaceholder')" />
 		</el-form-item>
-		<el-form-item label="备注">
+		<el-form-item :label="t('message.pages.dept.form.remark')">
 			<el-input v-model="deptFormData.description" maxlength="200" show-word-limit type="textarea" />
 		</el-form-item>
 		<el-form-item>
 			<el-button @click="handleUpdateMenu" type="primary" :loading="deptBtnLoading">
-				{{ deptFormData.id ? '保存' : '新增' }}
+				{{ deptFormData.id ? t('message.pages.dept.buttons.save') : t('message.pages.dept.buttons.add') }}
 			</el-button>
-			<el-button @click="handleClose">取消 </el-button>
+			<el-button @click="handleClose">{{ t('message.pages.dept.buttons.cancel') }}</el-button>
 		</el-form-item>
 	</el-form>
 </template>
 
 <script lang="ts" setup>
 import { reactive, ref, onMounted } from 'vue';
+import { useI18n } from 'vue-i18n';
 import { ElForm, FormRules } from 'element-plus';
 import { lazyLoadDept, AddObj, UpdateObj } from '../../api';
 import { successNotification } from '/@/utils/message';
 import { DeptFormDataType, TreeItemType, APIResponseData } from '../../types';
 import type Node from 'element-plus/es/components/tree/src/model/node';
 
+const { t } = useI18n()
+
 interface IProps {
 	initFormData: TreeItemType | null;
 	treeData: TreeItemType[];
@@ -62,8 +65,8 @@ const defaultTreeProps: any = {
 
 const formRef = ref<InstanceType<typeof ElForm>>();
 const rules = reactive<FormRules>({
-	name: [{ required: true, message: '部门名称必填', trigger: 'blur' }],
-	key: [{ required: true, message: '部门标识必填', trigger: 'blur' }],
+	name: [{ required: true, message: t('message.pages.dept.validation.deptNameRequired'), trigger: 'blur' }],
+	key: [{ required: true, message: t('message.pages.dept.validation.deptCodeRequired'), trigger: 'blur' }],
 });
 
 const props = withDefaults(defineProps<IProps>(), {
diff --git a/web/src/views/system/dept/components/DeptTreeCom/index.vue b/web/src/views/system/dept/components/DeptTreeCom/index.vue
index 5dd9c4f..22dac4c 100644
--- a/web/src/views/system/dept/components/DeptTreeCom/index.vue
+++ b/web/src/views/system/dept/components/DeptTreeCom/index.vue
@@ -1,11 +1,11 @@
 <template>
-	<el-input v-model="filterVal" :prefix-icon="Search" placeholder="请输入部门名称" />
+	<el-input v-model="filterVal" :prefix-icon="Search" :placeholder="t('message.pages.dept.tree.searchPlaceholder')" />
 	<div class="dept-tree-com">
 		<div class="tc-head">
 			<el-icon size="16" color="#606266" class="tc-head-icon">
 				<HomeFilled />
 			</el-icon>
-			<span class="tc-head-txt">部门架构</span>
+			<span class="tc-head-txt">{{ t('message.pages.dept.tree.deptStructure') }}</span>
 			<el-icon size="16" color="#606266" @click="() => (showTotalNum = !showTotalNum)" class="tc-head-icon">
 				<View v-show="!showTotalNum" />
 				<Hide v-show="showTotalNum" />
@@ -35,31 +35,31 @@
 		</el-tree>
 
 		<div class="tree-tags">
-			<el-tooltip effect="dark" content="新增">
+			<el-tooltip effect="dark" :content="t('message.pages.dept.tree.add')">
 				<el-icon size="16" @click="handleUpdateMenu('create')" class="mlt-icon">
 					<Plus />
 				</el-icon>
 			</el-tooltip>
 
-			<el-tooltip effect="dark" content="编辑">
+			<el-tooltip effect="dark" :content="t('message.pages.dept.tree.edit')">
 				<el-icon size="16" @click="handleUpdateMenu('update')" class="mlt-icon">
 					<Edit />
 				</el-icon>
 			</el-tooltip>
 
-			<el-tooltip effect="dark" content="上移">
+			<el-tooltip effect="dark" :content="t('message.pages.dept.tree.moveUp')">
 				<el-icon size="16" @click="handleSort('up')" class="mlt-icon">
 					<Top />
 				</el-icon>
 			</el-tooltip>
 
-			<el-tooltip effect="dark" content="下移">
+			<el-tooltip effect="dark" :content="t('message.pages.dept.tree.moveDown')">
 				<el-icon size="16" @click="handleSort('down')" class="mlt-icon">
 					<Bottom />
 				</el-icon>
 			</el-tooltip>
 
-			<el-tooltip effect="dark" content="删除">
+			<el-tooltip effect="dark" :content="t('message.pages.dept.tree.delete')">
 				<el-icon size="16" @click="handleDeleteDept" class="mlt-icon">
 					<Delete />
 				</el-icon>
@@ -70,6 +70,7 @@
 
 <script lang="ts" setup>
 import { ref, watch, toRaw, h } from 'vue';
+import { useI18n } from 'vue-i18n';
 import { ElTree } from 'element-plus';
 import { getElementLabelLine } from 'element-tree-line';
 import { Search } from '@element-plus/icons-vue';
@@ -78,6 +79,8 @@ import { warningNotification } from '/@/utils/message';
 import { TreeItemType, APIResponseData } from '../../types';
 import type Node from 'element-plus/es/components/tree/src/model/node';
 
+const { t } = useI18n()
+
 interface IProps {
 	treeData: TreeItemType[];
 }
@@ -146,7 +149,7 @@ const handleNodeClick = (record: TreeItemType, node: Node) => {
 const handleUpdateMenu = (type: string) => {
 	if (type === 'update') {
 		if (!treeSelectDept.value.id) {
-			warningNotification('请选择菜单！');
+			warningNotification(t('message.pages.dept.tree.selectDept'));
 			return;
 		}
 		emit('updateDept', type, treeSelectDept.value);
@@ -160,7 +163,7 @@ const handleUpdateMenu = (type: string) => {
  */
 const handleDeleteDept = () => {
 	if (!treeSelectDept.value.id) {
-		warningNotification('请选择菜单！');
+		warningNotification(t('message.pages.dept.tree.selectDept'));
 		return;
 	}
 	emit('deleteDept', treeSelectDept.value.id, () => {
@@ -173,7 +176,7 @@ const handleDeleteDept = () => {
  */
 const handleSort = async (type: string) => {
 	if (!treeSelectDept.value.id) {
-		warningNotification('请选择菜单！');
+		warningNotification(t('message.pages.dept.tree.selectDept'));
 		return;
 	}
 	if (sortDisable.value) return;
diff --git a/web/src/views/system/dept/components/DeptUserCom/crud.tsx b/web/src/views/system/dept/components/DeptUserCom/crud.tsx
index 4c8dbc0..9cf59d9 100644
--- a/web/src/views/system/dept/components/DeptUserCom/crud.tsx
+++ b/web/src/views/system/dept/components/DeptUserCom/crud.tsx
@@ -1,4 +1,5 @@
 import { inject } from 'vue';
+import { useI18n } from 'vue-i18n';
 import { dict, UserPageQuery, AddReq, DelReq, EditReq, compute, CreateCrudOptionsProps, CreateCrudOptionsRet } from '@fast-crud/fast-crud';
 import { request } from '/@/utils/service';
 import * as api from './api';
@@ -7,6 +8,7 @@ import { successMessage } from '/@/utils/message';
 import { auth } from "/@/utils/authFunction";
 
 export const createCrudOptions = function ({ crudExpose, context }: CreateCrudOptionsProps): CreateCrudOptionsRet {
+	const { t } = useI18n()
 	const pageRequest = async (query: UserPageQuery) => {
 		const show_all = context?.isShowChildFlag.value ? '1' : '0';
 		const res = await api.GetList({ ...query, show_all });
@@ -44,7 +46,7 @@ export const createCrudOptions = function ({ crudExpose, context }: CreateCrudOp
 		crudOptions: {
 			table: {
 				remove: {
-					confirmMessage: '是否删除该用户？',
+					confirmMessage: t('message.pages.dept.user.deleteUserConfirm'),
 				},
 			},
 			request: {
@@ -59,8 +61,8 @@ export const createCrudOptions = function ({ crudExpose, context }: CreateCrudOp
 						show: auth('user:Create')
 					},
 					export: {
-						text: '导出', //按钮文字
-						title: '导出', //鼠标停留显示的信息
+						text: t('message.pages.dept.user.tableColumns.export'),
+						title: t('message.pages.dept.user.tableColumns.export'),
 						show: auth('user:Export'),
 						click() {
 							return exportRequest(crudExpose!.getSearchFormData());
@@ -98,12 +100,12 @@ export const createCrudOptions = function ({ crudExpose, context }: CreateCrudOp
 					},
 					custom: {
 						iconRight:'Setting',
-						text: '重设密码',
+						text: t('message.pages.dept.user.tableColumns.resetPassword'),
 						type: 'text',
 						show: auth('user:ResetPassword'),
 						tooltip: {
 							placement: 'top',
-							content: '重设密码',
+							content: t('message.pages.dept.user.tableColumns.resetPasswordTooltip'),
 						},
 						click: (ctx: any) => context?.handleResetPwdOpen(ctx.row),
 					},
@@ -111,7 +113,7 @@ export const createCrudOptions = function ({ crudExpose, context }: CreateCrudOp
 			},
 			columns: {
 				_index: {
-					title: '序号',
+					title: t('message.pages.dept.user.tableColumns.index'),
 					form: { show: false },
 					column: {
 						type: 'index',
@@ -121,7 +123,7 @@ export const createCrudOptions = function ({ crudExpose, context }: CreateCrudOp
 					},
 				},
 				search: {
-					title: '关键词',
+					title: t('message.pages.dept.user.tableColumns.keyword'),
 					column: {
 						show: false,
 					},
@@ -131,7 +133,7 @@ export const createCrudOptions = function ({ crudExpose, context }: CreateCrudOp
 							props: {
 								clearable: true,
 							},
-							placeholder: '请输入关键词',
+							placeholder: t('message.pages.dept.user.tableColumns.keywordPlaceholder'),
 						},
 					},
 					form: {
@@ -144,7 +146,7 @@ export const createCrudOptions = function ({ crudExpose, context }: CreateCrudOp
 					},
 				},
 				username: {
-					title: '账号',
+					title: t('message.pages.dept.user.tableColumns.username'),
 					type: 'input',
 					column: {
 						minWidth: 100, //最小列宽
@@ -154,16 +156,16 @@ export const createCrudOptions = function ({ crudExpose, context }: CreateCrudOp
 							// 表单校验规则
 							{
 								required: true,
-								message: '账号必填项',
+								message: t('message.pages.dept.user.tableColumns.usernameRequired'),
 							},
 						],
 						component: {
-							placeholder: '请输入账号',
+							placeholder: t('message.pages.dept.user.tableColumns.usernamePlaceholder'),
 						},
 					},
 				},
 				password: {
-					title: '密码',
+					title: t('message.pages.dept.user.tableColumns.password'),
 					type: 'input',
 					column: {
 						show: false,
@@ -176,13 +178,13 @@ export const createCrudOptions = function ({ crudExpose, context }: CreateCrudOp
 							// 表单校验规则
 							{
 								required: true,
-								message: '密码必填项',
+								message: t('message.pages.dept.user.tableColumns.passwordRequired'),
 							},
 						],
 						component: {
 							span: 12,
 							showPassword: true,
-							placeholder: '请输入密码',
+							placeholder: t('message.pages.dept.user.tableColumns.passwordPlaceholder'),
 						},
 						// value: vm.systemConfig('base.default_password'),
 					},
@@ -193,7 +195,7 @@ export const createCrudOptions = function ({ crudExpose, context }: CreateCrudOp
 					} */
 				},
 				name: {
-					title: '姓名',
+					title: t('message.pages.dept.user.tableColumns.name'),
 					type: 'input',
 					column: {
 						minWidth: 100, //最小列宽
@@ -203,17 +205,17 @@ export const createCrudOptions = function ({ crudExpose, context }: CreateCrudOp
 							// 表单校验规则
 							{
 								required: true,
-								message: '姓名必填项',
+								message: t('message.pages.dept.user.tableColumns.nameRequired'),
 							},
 						],
 						component: {
 							span: 12,
-							placeholder: '请输入姓名',
+							placeholder: t('message.pages.dept.user.tableColumns.namePlaceholder'),
 						},
 					},
 				},
 				dept: {
-					title: '部门',
+					title: t('message.pages.dept.user.tableColumns.dept'),
 					type: 'dict-tree',
 					dict: dict({
 						isTree: true,
@@ -232,12 +234,12 @@ export const createCrudOptions = function ({ crudExpose, context }: CreateCrudOp
 							// 表单校验规则
 							{
 								required: true,
-								message: '必填项',
+								message: t('message.pages.dept.user.tableColumns.deptRequired'),
 							},
 						],
 						component: {
 							filterable: true,
-							placeholder: '请选择',
+							placeholder: t('message.pages.dept.user.tableColumns.selectDeptPlaceholder'),
 							props: {
 								props: {
 									value: 'id',
@@ -248,7 +250,7 @@ export const createCrudOptions = function ({ crudExpose, context }: CreateCrudOp
 					},
 				},
 				role: {
-					title: '角色',
+					title: t('message.pages.dept.user.tableColumns.role'),
 					search: {
 						show: true,
 						component: {
@@ -275,18 +277,18 @@ export const createCrudOptions = function ({ crudExpose, context }: CreateCrudOp
 							// 表单校验规则
 							{
 								required: true,
-								message: '必填项',
+								message: t('message.pages.dept.user.tableColumns.deptRequired'),
 							},
 						],
 						component: {
 							multiple: true,
 							filterable: true,
-							placeholder: '请选择角色',
+							placeholder: t('message.pages.dept.user.tableColumns.rolePlaceholder'),
 						},
 					},
 				},
 				mobile: {
-					title: '手机号码',
+					title: t('message.pages.dept.user.tableColumns.mobile'),
 					type: 'input',
 					column: {
 						minWidth: 120, //最小列宽
@@ -295,21 +297,21 @@ export const createCrudOptions = function ({ crudExpose, context }: CreateCrudOp
 						rules: [
 							{
 								max: 20,
-								message: '请输入正确的手机号码',
+								message: t('message.pages.dept.user.tableColumns.mobileInvalid'),
 								trigger: 'blur',
 							},
 							{
 								pattern: /^1[3-9]\d{9}$/,
-								message: '请输入正确的手机号码',
+								message: t('message.pages.dept.user.tableColumns.mobileInvalid'),
 							},
 						],
 						component: {
-							placeholder: '请输入手机号码',
+							placeholder: t('message.pages.dept.user.tableColumns.mobilePlaceholder'),
 						},
 					},
 				},
 				email: {
-					title: '邮箱',
+					title: t('message.pages.dept.user.tableColumns.email'),
 					column: {
 						width: 260,
 					},
@@ -317,17 +319,17 @@ export const createCrudOptions = function ({ crudExpose, context }: CreateCrudOp
 						rules: [
 							{
 								type: 'email',
-								message: '请输入正确的邮箱地址',
+								message: t('message.pages.dept.user.tableColumns.emailInvalid'),
 								trigger: ['blur', 'change'],
 							},
 						],
 						component: {
-							placeholder: '请输入邮箱',
+							placeholder: t('message.pages.dept.user.tableColumns.emailPlaceholder'),
 						},
 					},
 				},
 				gender: {
-					title: '性别',
+					title: t('message.pages.dept.user.tableColumns.gender'),
 					type: 'dict-select',
 					dict: dict({
 						data: dictionary('gender'),
@@ -341,7 +343,7 @@ export const createCrudOptions = function ({ crudExpose, context }: CreateCrudOp
 					component: { props: { color: 'auto' } }, // 自动染色
 				},
 				user_type: {
-					title: '用户类型',
+					title: t('message.pages.dept.user.tableColumns.userType'),
 					search: {
 						show: true,
 					},
@@ -361,7 +363,7 @@ export const createCrudOptions = function ({ crudExpose, context }: CreateCrudOp
 					},
 				},
 				is_active: {
-					title: '锁定',
+					title: t('message.pages.dept.user.tableColumns.locked'),
 					search: {
 						show: true,
 					},
@@ -386,7 +388,7 @@ export const createCrudOptions = function ({ crudExpose, context }: CreateCrudOp
 					}),
 				},
 				avatar: {
-					title: '头像',
+					title: t('message.pages.dept.user.tableColumns.avatar'),
 					type: 'avatar-uploader',
 					form: {
 						show: false,
diff --git a/web/src/views/system/dept/components/DeptUserCom/index.vue b/web/src/views/system/dept/components/DeptUserCom/index.vue
index 689bb1a..0d7091f 100644
--- a/web/src/views/system/dept/components/DeptUserCom/index.vue
+++ b/web/src/views/system/dept/components/DeptUserCom/index.vue
@@ -3,24 +3,24 @@
 		<div class="di-left">
 			<h3>{{ deptInfo.dept_name || '' }}</h3>
 			<div class="di-cell">
-				<p>部门负责人：</p>
-				<p class="content">{{ deptInfo.owner || '无' }}</p>
+				<p>{{ t('message.pages.dept.user.deptLeader') }}</p>
+				<p class="content">{{ deptInfo.owner || t('message.pages.dept.user.none') }}</p>
 			</div>
 			<div class="di-cell">
-				<p>部门人数：</p>
-				<p class="content">{{ deptInfo.dept_user || 0 }}人</p>
+				<p>{{ t('message.pages.dept.user.deptCount') }}</p>
+				<p class="content">{{ deptInfo.dept_user || 0 }}{{ t('message.pages.dept.user.peopleUnit') }}</p>
 			</div>
 			<div class="di-cell">
-				<p>部门简介：</p>
-				<p class="content">{{ deptInfo.description || '无' }}</p>
+				<p>{{ t('message.pages.dept.user.deptDesc') }}</p>
+				<p class="content">{{ deptInfo.description || t('message.pages.dept.user.none') }}</p>
 			</div>
 			<div class="di-cell">
-				<p>显示子级：</p>
+				<p>{{ t('message.pages.dept.user.showChild') }}</p>
 				<el-switch
 					v-model="isShowChildFlag"
 					inline-prompt
-					active-text="是"
-					inactive-text="否"
+					:active-text="t('message.pages.dept.user.yes')"
+					:inactive-text="t('message.pages.dept.user.no')"
 					:disabled="!currentDeptId"
 					@change="handleSwitchChange"
 					style="--el-switch-on-color: var(--el-color-primary)"
@@ -40,28 +40,28 @@
 			<el-button :icon="!showCount ? 'Hide' : 'View'" circle @click="showCount = !showCount"></el-button>
 		</template>
 		<template #actionbar-right>
-			<importExcel api="api/system/user/" v-auth="'user:Import'">导入 </importExcel>
+			<importExcel api="api/system/user/" v-auth="'user:Import'">{{ t('message.pages.dept.user.import') }} </importExcel>
 		</template>
 		<template #cell_avatar="scope">
               <div v-if="scope.row.avatar" style="display: flex; justify-content: center; align-items: center;">
-                <el-image 
-                  style="width: 50px; height: 50px; border-radius: 50%; aspect-ratio: 1 /1 ; " 
+                <el-image
+                  style="width: 50px; height: 50px; border-radius: 50%; aspect-ratio: 1 /1 ; "
                   :src="getBaseURL(scope.row.avatar)"
-                  :preview-src-list="[getBaseURL(scope.row.avatar)]" 
+                  :preview-src-list="[getBaseURL(scope.row.avatar)]"
                   :preview-teleported="true" />
               </div>
             </template>
 	</fs-crud>
 
-	<el-dialog v-model="resetPwdVisible" title="重设密码" width="400px" draggable :before-close="handleResetPwdClose">
+	<el-dialog v-model="resetPwdVisible" :title="t('message.pages.dept.user.resetPwd')" width="400px" draggable :before-close="handleResetPwdClose">
 		<div>
-			<el-input v-model="resetPwdFormState.newPassword" type="password" placeholder="请输入密码" show-password style="margin-bottom: 20px" />
-			<el-input v-model="resetPwdFormState.newPassword2" type="password" placeholder="请再次输入密码" show-password />
+			<el-input v-model="resetPwdFormState.newPassword" type="password" :placeholder="t('message.pages.dept.user.pwdPlaceholder')" show-password style="margin-bottom: 20px" />
+			<el-input v-model="resetPwdFormState.newPassword2" type="password" :placeholder="t('message.pages.dept.user.pwdAgainPlaceholder')" show-password />
 		</div>
 		<template #footer>
 			<span class="dialog-footer">
-				<el-button @click="handleResetPwdClose">取消</el-button>
-				<el-button type="primary" @click="handleResetPwdSubmit"> 保存 </el-button>
+				<el-button @click="handleResetPwdClose">{{ t('message.pages.dept.buttons.cancel') }}</el-button>
+				<el-button type="primary" @click="handleResetPwdSubmit"> {{ t('message.pages.dept.buttons.save') }} </el-button>
 			</span>
 		</template>
 	</el-dialog>
@@ -69,6 +69,7 @@
 
 <script lang="ts" setup name="user">
 import { ref, reactive, onMounted } from 'vue';
+import { useI18n } from 'vue-i18n';
 import { useExpose, useCrud } from '@fast-crud/fast-crud';
 import { Md5 } from 'ts-md5';
 import { createCrudOptions } from './crud';
@@ -80,6 +81,8 @@ import { warningNotification, successNotification } from '/@/utils/message';
 import { HeadDeptInfoType } from '../../types';
 import {getBaseURL} from '/@/utils/baseUrl';
 
+const { t } = useI18n()
+
 let deptCountChart: ECharts;
 let deptSexChart: ECharts;
 
@@ -233,20 +236,20 @@ const handleResetPwdClose = () => {
 };
 const handleResetPwdSubmit = async () => {
 	if (!resetPwdFormState.id) {
-		warningNotification('请选择用户！');
+		warningNotification(t('message.pages.dept.user.selectUser'));
 		return;
 	}
 	if (!resetPwdFormState.newPassword || !resetPwdFormState.newPassword2) {
-		warningNotification('请输入密码！');
+		warningNotification(t('message.pages.dept.user.inputPwd'));
 		return;
 	}
 	if (resetPwdFormState.newPassword !== resetPwdFormState.newPassword2) {
-		warningNotification('两次输入密码不一致');
+		warningNotification(t('message.pages.dept.user.pwdMismatch'));
 		return;
 	}
 	const pwdRegex = new RegExp('(?=.*[0-9])(?=.*[a-zA-Z]).{8,30}');
 	if (!pwdRegex.test(resetPwdFormState.newPassword) || !pwdRegex.test(resetPwdFormState.newPassword2)) {
-		warningNotification('您的密码复杂度太低(密码中必须包含字母、数字)');
+		warningNotification(t('message.pages.dept.user.pwdComplexity'));
 		return;
 	}
 	const res = await resetPwd(resetPwdFormState.id, {
@@ -255,7 +258,7 @@ const handleResetPwdSubmit = async () => {
 	});
 
 	if (res?.code === 2000) {
-		successNotification(res.msg || '修改成功！');
+		successNotification(res.msg || t('message.pages.dept.user.changeSuccess'));
 		handleResetPwdClose();
 	}
 };
diff --git a/web/src/views/system/dept/index.vue b/web/src/views/system/dept/index.vue
index 52df92b..fb00176 100644
--- a/web/src/views/system/dept/index.vue
+++ b/web/src/views/system/dept/index.vue
@@ -20,7 +20,7 @@
 			</el-col>
 		</el-row>
 
-		<el-drawer v-model="drawerVisible" title="部门配置" direction="rtl" size="500px" :close-on-click-modal="false" :before-close="handleDrawerClose">
+		<el-drawer v-model="drawerVisible" :title="t('message.pages.dept.dialog.deptConfig')" direction="rtl" size="500px" :close-on-click-modal="false" :before-close="handleDrawerClose">
 			<DeptFormCom
 				v-if="drawerVisible"
 				:initFormData="drawerFormData"
@@ -34,6 +34,7 @@
 
 <script lang="ts" setup name="dept">
 import { ref, onMounted } from 'vue';
+import { useI18n } from 'vue-i18n';
 import XEUtils from 'xe-utils';
 import { ElMessageBox } from 'element-plus';
 import DeptTreeCom from './components/DeptTreeCom/index.vue';
@@ -43,6 +44,8 @@ import { GetList, DelObj } from './api';
 import { successNotification } from '../../../utils/message';
 import { APIResponseData, TreeItemType } from './types';
 
+const { t } = useI18n()
+
 let deptTreeData = ref([]);
 let deptTreeCacheData = ref<TreeItemType[]>([]);
 let drawerVisible = ref(false);
@@ -75,9 +78,9 @@ const handleTreeClick = (record: TreeItemType) => {
  * 部门的删除事件
  */
 const handleDeleteMenu = (id: string, callback: Function) => {
-	ElMessageBox.confirm('您确认删除该部门吗?', '温馨提示', {
-		confirmButtonText: '确认',
-		cancelButtonText: '取消',
+	ElMessageBox.confirm(t('message.pages.dept.dialog.deleteConfirm'), t('message.pages.dept.dialog.deptConfig'), {
+		confirmButtonText: t('message.pages.dept.buttons.confirm'),
+		cancelButtonText: t('message.pages.dept.buttons.cancel'),
 		type: 'warning',
 	}).then(async () => {
 		const res: APIResponseData = await DelObj(id);
diff --git a/web/src/views/system/dictionary/crud.tsx b/web/src/views/system/dictionary/crud.tsx
index ba2bdf6..181b8ea 100644
--- a/web/src/views/system/dictionary/crud.tsx
+++ b/web/src/views/system/dictionary/crud.tsx
@@ -1,11 +1,13 @@
 import * as api from './api';
 import { dict, UserPageQuery, AddReq, DelReq, EditReq, compute, CreateCrudOptionsProps, CreateCrudOptionsRet } from '@fast-crud/fast-crud';
+import { useI18n } from 'vue-i18n';
 import { dictionary } from '/@/utils/dictionary';
 import { inject, nextTick, ref } from 'vue';
 import { successMessage } from '/@/utils/message';
 import {auth} from '/@/utils/authFunction';
 import React from 'react';
 export const createCrudOptions = function ({ crudExpose, context }: CreateCrudOptionsProps): CreateCrudOptionsRet {
+	const { t } = useI18n()
 	const pageRequest = async (query: UserPageQuery) => {
 		return await api.GetList(query);
 	};
@@ -47,12 +49,12 @@ export const createCrudOptions = function ({ crudExpose, context }: CreateCrudOp
 						show: auth('dictionary:Delete'),
 					},
 					custom: {
-						text: '字典配置',
+						text: t('message.pages.dictionary.buttons.dictConfig'),
 						type: 'text',
 						show: auth('dictionary:Update'),
 						tooltip: {
 							placement: 'top',
-							content: '字典配置',
+							content: t('message.pages.dictionary.buttons.dictConfig'),
 						},
 						//@ts-ignore
 						click: (ctx: any) => {
@@ -68,7 +70,7 @@ export const createCrudOptions = function ({ crudExpose, context }: CreateCrudOp
 			},
 			columns: {
 				_index: {
-					title: '序号',
+					title: t('message.pages.dictionary.table.columns.index'),
 					form: { show: false },
 					column: {
 						//type: 'index',
@@ -85,7 +87,7 @@ export const createCrudOptions = function ({ crudExpose, context }: CreateCrudOp
 					},
 				},
 				search: {
-					title: '关键词',
+					title: t('message.pages.dictionary.table.columns.keyword'),
 					column: {
 						show: false,
 					},
@@ -95,7 +97,7 @@ export const createCrudOptions = function ({ crudExpose, context }: CreateCrudOp
 							props: {
 								clearable: true,
 							},
-							placeholder: '请输入关键词',
+							placeholder: t('message.pages.dictionary.form.keywordPlaceholder'),
 						},
 					},
 					form: {
@@ -108,7 +110,7 @@ export const createCrudOptions = function ({ crudExpose, context }: CreateCrudOp
 					},
 				},
 				label: {
-					title: '字典名称',
+					title: t('message.pages.dictionary.table.columns.dictName'),
 					search: {
 						show: true,
 						component: {
@@ -124,18 +126,18 @@ export const createCrudOptions = function ({ crudExpose, context }: CreateCrudOp
 					form: {
 						rules: [
 							// 表单校验规则
-							{ required: true, message: '字典名称必填项' },
+							{ required: true, message: t('message.pages.dictionary.validation.dictNameRequired') },
 						],
 						component: {
 							props: {
 								clearable: true,
 							},
-							placeholder: '请输入字典名称',
+							placeholder: t('message.pages.dictionary.form.dictNamePlaceholder'),
 						},
 					},
 				},
 				value: {
-					title: '字典编号',
+					title: t('message.pages.dictionary.table.columns.dictCode'),
 					search: {
 						disabled: true,
 						component: {
@@ -151,21 +153,21 @@ export const createCrudOptions = function ({ crudExpose, context }: CreateCrudOp
 					form: {
 						rules: [
 							// 表单校验规则
-							{ required: true, message: '字典编号必填项' },
+							{ required: true, message: t('message.pages.dictionary.validation.dictCodeRequired') },
 						],
 						component: {
 							props: {
 								clearable: true,
 							},
-							placeholder: '请输入字典编号',
+							placeholder: t('message.pages.dictionary.form.dictCodePlaceholder'),
 						},
 						helper: {
-							text: '使用方法：dictionary(\'字典编号\')'
+							text: t('message.pages.dictionary.form.dictCodeHelper'),
 						},
 					},
 				},
 				status: {
-					title: '状态',
+					title: t('message.pages.dictionary.table.columns.status'),
 					search: {
 						show: true,
 					},
@@ -191,7 +193,7 @@ export const createCrudOptions = function ({ crudExpose, context }: CreateCrudOp
 					}),
 				},
 				sort: {
-					title: '排序',
+					title: t('message.pages.dictionary.table.columns.sort'),
 					type: 'number',
 					column: {
 						minWidth: 80,
diff --git a/web/src/views/system/dictionary/subDict/crud.tsx b/web/src/views/system/dictionary/subDict/crud.tsx
index 3170173..a07901f 100644
--- a/web/src/views/system/dictionary/subDict/crud.tsx
+++ b/web/src/views/system/dictionary/subDict/crud.tsx
@@ -9,9 +9,11 @@ import {
   CreateCrudOptionsProps,
   CreateCrudOptionsRet
 } from '@fast-crud/fast-crud';
+import { useI18n } from 'vue-i18n';
 import { dictionary } from '/@/utils/dictionary';
 
 export const createCrudOptions = function ({ crudExpose, context }: CreateCrudOptionsProps): CreateCrudOptionsRet {
+  const { t } = useI18n()
   const pageRequest = async (query: UserPageQuery) => {
     return await api.GetList(query);
   };
@@ -62,7 +64,7 @@ export const createCrudOptions = function ({ crudExpose, context }: CreateCrudOp
       },
       columns: {
         _index: {
-          title: '序号',
+          title: t('message.pages.dictionary.subTable.columns.index'),
           form: { show: false },
           column: {
             //type: 'index',
@@ -79,7 +81,7 @@ export const createCrudOptions = function ({ crudExpose, context }: CreateCrudOp
           },
         },
         label: {
-          title: '名称',
+          title: t('message.pages.dictionary.subTable.columns.label'),
           search: {
             show: true,
             component: {
@@ -92,18 +94,18 @@ export const createCrudOptions = function ({ crudExpose, context }: CreateCrudOp
           form: {
             rules: [
               // 表单校验规则
-              { required: true, message: '名称必填项' },
+              { required: true, message: t('message.pages.dictionary.subTable.validation.labelRequired') },
             ],
             component: {
               props: {
                 clearable: true,
               },
-              placeholder: '请输入名称',
+              placeholder: t('message.pages.dictionary.subTable.form.labelPlaceholder'),
             },
           },
         },
         type: {
-          title: '数据值类型',
+          title: t('message.pages.dictionary.subTable.columns.type'),
           type: 'dict-select',
           search: {
             disabled: true,
@@ -116,81 +118,32 @@ export const createCrudOptions = function ({ crudExpose, context }: CreateCrudOp
           show: false,
           dict: dict({
             data: [
-              { label: 'text', value: 0 },
-              { label: 'number', value: 1 },
-              { label: 'date', value: 2 },
-              { label: 'datetime', value: 3 },
-              { label: 'time', value: 4 },
-              { label: 'file', value: 5 },
-              { label: 'boolean', value: 6 },
-              { label: 'images', value: 7 },
+              { label: t('message.pages.dictionary.subTable.typeLabels.text'), value: 0 },
+              { label: t('message.pages.dictionary.subTable.typeLabels.number'), value: 1 },
+              { label: t('message.pages.dictionary.subTable.typeLabels.date'), value: 2 },
+              { label: t('message.pages.dictionary.subTable.typeLabels.datetime'), value: 3 },
+              { label: t('message.pages.dictionary.subTable.typeLabels.time'), value: 4 },
+              { label: t('message.pages.dictionary.subTable.typeLabels.file'), value: 5 },
+              { label: t('message.pages.dictionary.subTable.typeLabels.boolean'), value: 6 },
+              { label: t('message.pages.dictionary.subTable.typeLabels.images'), value: 7 },
             ],
           }),
           form: {
             rules: [
               // 表单校验规则
-              { required: true, message: '数据值类型必填项' },
+              { required: true, message: t('message.pages.dictionary.subTable.validation.typeRequired') },
             ],
             value: 0,
             component: {
               props: {
                 clearable: true,
               },
-              placeholder: '请选择数据值类型',
+              placeholder: t('message.pages.dictionary.subTable.form.typePlaceholder'),
             },
-            /* valueChange(key, value, form, { getColumn, mode, component, immediate, getComponent }) {
-                const template = vm.getEditFormTemplate('value')
-                // 选择框重新选择后，情况value值
-                if (!immediate) {
-                    form.value = undefined
-                }
-                if (value === 0) {
-                    template.component.name = 'el-input'
-                } else if (value === 1) {
-                    template.component.name = 'el-input-number'
-                } else if (value === 2) {
-                    template.component.name = 'el-date-picker'
-                    template.component.props = {
-                        type: 'date',
-                        valueFormat: 'yyyy-MM-dd'
-                    }
-                } else if (value === 3) {
-                    template.component.name = 'el-date-picker'
-                    template.component.props = {
-                        type: 'datetime',
-                        valueFormat: 'yyyy-MM-dd HH:mm:ss'
-                    }
-                } else if (value === 4) {
-                    template.component.name = 'el-time-picker'
-                    template.component.props = {
-                        pickerOptions: {
-                            arrowControl: true
-                        },
-                        valueFormat: 'HH:mm:ss'
-                    }
-                } else if (value === 5) {
-                    template.component.name = 'd2p-file-uploader'
-                    template.component.props = { elProps: { listType: 'text' } }
-                } else if (value === 6) {
-                    template.component.name = 'dict-switch'
-                    template.component.value = true
-                    template.component.props = {
-                        dict: {
-                            data: [
-                                { label: '是', value: 'true' },
-                                { label: '否', value: 'false' }
-                            ]
-                        }
-                    }
-                } else if (value === 7) {
-                    template.component.name = 'd2p-cropper-uploader'
-                    template.component.props = { accept: '.png,.jpeg,.jpg,.ico,.bmp,.gif', cropper: { viewMode: 1 } }
-                }
-            }, */
           },
         },
         value: {
-          title: '数据值',
+          title: t('message.pages.dictionary.subTable.columns.value'),
           search: {
             show: true,
             component: {
@@ -202,54 +155,22 @@ export const createCrudOptions = function ({ crudExpose, context }: CreateCrudOp
           view: {
             component: { props: { height: 100, width: 100 } },
           },
-          /* // 提交时,处理数据
-          valueResolve(row: any, col: any) {
-              const value = row[col.key]
-              const type = row.type
-              if (type === 5 || type === 7) {
-                  if (value != null) {
-                      if (value.length >= 0) {
-                          if (value instanceof Array) {
-                              row[col.key] = value.toString()
-                          } else {
-                              row[col.key] = value
-                          }
-                      } else {
-                          row[col.key] = null
-                      }
-                  }
-              } else {
-                  row[col.key] = value
-              }
-          },
-          // 接收时,处理数据
-          valueBuilder(row: any, col: any) {
-              const value = row[col.key]
-              const type = row.type
-              if (type === 5 || type === 7) {
-                  if (value != null && value) {
-                      row[col.key] = value.split(',')
-                  }
-              } else {
-                  row[col.key] = value
-              }
-          }, */
           type: 'input',
           form: {
             rules: [
               // 表单校验规则
-              { required: true, message: '数据值必填项' },
+              { required: true, message: t('message.pages.dictionary.subTable.validation.valueRequired') },
             ],
             component: {
               props: {
                 clearable: true,
               },
-              placeholder: '请输入数据值',
+              placeholder: t('message.pages.dictionary.subTable.form.valuePlaceholder'),
             },
           },
         },
         status: {
-          title: '状态',
+          title: t('message.pages.dictionary.subTable.columns.status'),
           width: 80,
           search: {
             show: true
@@ -262,12 +183,12 @@ export const createCrudOptions = function ({ crudExpose, context }: CreateCrudOp
             value: true,
             rules: [
               // 表单校验规则
-              { required: true, message: '状态必填项' },
+              { required: true, message: t('message.pages.dictionary.subTable.validation.statusRequired') },
             ],
           },
         },
         sort: {
-          title: '排序',
+          title: t('message.pages.dictionary.subTable.columns.sort'),
           width: 70,
           type: 'number',
           form: {
@@ -275,12 +196,12 @@ export const createCrudOptions = function ({ crudExpose, context }: CreateCrudOp
             component: {},
             rules: [
               // 表单校验规则
-              { required: true, message: '排序必填项' },
+              { required: true, message: t('message.pages.dictionary.subTable.validation.sortRequired') },
             ],
           },
         },
         color: {
-          title: '标签颜色',
+          title: t('message.pages.dictionary.subTable.columns.color'),
           width: 90,
           search: {
             disabled: true,
@@ -304,7 +225,7 @@ export const createCrudOptions = function ({ crudExpose, context }: CreateCrudOp
           },
         },
         is_value: {
-          title: '是否值',
+          title: t('message.pages.dictionary.subTable.columns.isValue'),
           column: {
             show: false
           },
diff --git a/web/src/views/system/dictionary/subDict/index.vue b/web/src/views/system/dictionary/subDict/index.vue
index 446e1bf..3e8ff6d 100644
--- a/web/src/views/system/dictionary/subDict/index.vue
+++ b/web/src/views/system/dictionary/subDict/index.vue
@@ -10,15 +10,18 @@ import { useFs } from '@fast-crud/fast-crud';
 import { createCrudOptions } from './crud';
 import { useExpose, useCrud } from '@fast-crud/fast-crud';
 import { ElMessageBox } from 'element-plus';
+import { useI18n } from 'vue-i18n';
+
+const { t } = useI18n()
 
 //抽屉是否显示
 const drawer = ref(false);
 
 //抽屉关闭确认
 const handleClose = (done: () => void) => {
-	ElMessageBox.confirm('您确定要关闭?', {
-		confirmButtonText: '确定',
-		cancelButtonText: '取消',
+	ElMessageBox.confirm(t('message.pages.dictionary.dialog.closeConfirm'), {
+		confirmButtonText: t('message.pages.dictionary.buttons.confirm'),
+		cancelButtonText: t('message.pages.dictionary.buttons.cancel'),
 		type: 'warning',
 	})
 		.then(() => {
diff --git a/web/src/views/system/downloadCenter/crud.tsx b/web/src/views/system/downloadCenter/crud.tsx
index af839cf..969a90f 100644
--- a/web/src/views/system/downloadCenter/crud.tsx
+++ b/web/src/views/system/downloadCenter/crud.tsx
@@ -1,4 +1,5 @@
 import { CrudOptions, AddReq, DelReq, EditReq, dict, CrudExpose, compute } from '@fast-crud/fast-crud';
+import { useI18n } from 'vue-i18n';
 import * as api from './api';
 import { dictionary } from '/@/utils/dictionary';
 import { successMessage } from '../../../utils/message';
@@ -12,6 +13,7 @@ interface CreateCrudOptionsTypes {
 
 //此处为crudOptions配置
 export const createCrudOptions = function ({ crudExpose }: { crudExpose: CrudExpose; }): CreateCrudOptionsTypes {
+	const { t } = useI18n()
     const pageRequest = async (query: any) => {
         return await api.GetList(query);
     };
@@ -70,7 +72,7 @@ export const createCrudOptions = function ({ crudExpose }: { crudExpose: CrudExp
                     },
                     download: {
                         show: compute(ctx => ctx.row.task_status === 2),
-                        text: '下载文件',
+                        text: t('message.pages.downloadCenter.buttons.downloadFile'),
                         type: 'warning',
                         click: (ctx) => window.open(getBaseURL(ctx.row.url), '_blank')
                     }
@@ -86,7 +88,7 @@ export const createCrudOptions = function ({ crudExpose }: { crudExpose: CrudExp
             },
             columns: {
                 _index: {
-                    title: '序号',
+                    title: t('message.pages.downloadCenter.table.columns.index'),
                     form: { show: false },
                     column: {
                         type: 'index',
@@ -96,7 +98,7 @@ export const createCrudOptions = function ({ crudExpose }: { crudExpose: CrudExp
                     },
                 },
                 task_name: {
-                    title: '任务名',
+                    title: t('message.pages.downloadCenter.table.columns.taskName'),
                     type: 'text',
                     column: {
                         minWidth: 160,
@@ -107,7 +109,7 @@ export const createCrudOptions = function ({ crudExpose }: { crudExpose: CrudExp
                     }
                 },
                 file_name: {
-                    title: '文件名',
+                    title: t('message.pages.downloadCenter.table.columns.fileName'),
                     type: 'text',
                     column: {
                         minWidth: 160,
@@ -118,21 +120,21 @@ export const createCrudOptions = function ({ crudExpose }: { crudExpose: CrudExp
                     }
                 },
                 size: {
-                    title: '文件大小(b)',
+                    title: t('message.pages.downloadCenter.table.columns.size'),
                     type: 'number',
                     column: {
                         width: 100
                     }
                 },
                 task_status: {
-                    title: '任务状态',
+                    title: t('message.pages.downloadCenter.table.columns.taskStatus'),
                     type: 'dict-select',
                     dict: dict({
                         data: [
-                            { label: '任务已创建', value: 0 },
-                            { label: '任务进行中', value: 1 },
-                            { label: '任务完成', value: 2 },
-                            { label: '任务失败', value: 3 },
+                            { label: t('message.pages.downloadCenter.status.created'), value: 0 },
+                            { label: t('message.pages.downloadCenter.status.processing'), value: 1 },
+                            { label: t('message.pages.downloadCenter.status.completed'), value: 2 },
+                            { label: t('message.pages.downloadCenter.status.failed'), value: 3 },
                         ]
                     }),
                     column: {
@@ -143,13 +145,13 @@ export const createCrudOptions = function ({ crudExpose }: { crudExpose: CrudExp
                     }
                 },
                 create_datetime: {
-                    title: '创建时间',
+                    title: t('message.pages.downloadCenter.table.columns.createTime'),
                     column: {
                         width: 160
                     }
                 },
                 update_datetime: {
-                    title: '创建时间',
+                    title: t('message.pages.downloadCenter.table.columns.updateTime'),
                     column: {
                         width: 160
                     }
diff --git a/web/src/views/system/fileList/crud.tsx b/web/src/views/system/fileList/crud.tsx
index a766df6..29ba251 100644
--- a/web/src/views/system/fileList/crud.tsx
+++ b/web/src/views/system/fileList/crud.tsx
@@ -10,10 +10,12 @@ import {
   CreateCrudOptionsRet,
   dict
 } from '@fast-crud/fast-crud';
+import { useI18n } from 'vue-i18n';
 import fileSelector from '/@/components/fileSelector/index.vue';
 import { getBaseURL } from '/@/utils/baseUrl';
 
 export const createCrudOptions = function ({ crudExpose, context }: CreateCrudOptionsProps): CreateCrudOptionsRet {
+  const { t } = useI18n()
   const pageRequest = async (query: UserPageQuery) => {
     return await api.GetList(query);
   };
@@ -47,11 +49,15 @@ export const createCrudOptions = function ({ crudExpose, context }: CreateCrudOp
         show: true,
         name: 'file_type',
         type: '',
+        defaultOption: {
+          show: false,
+          label: t('message.pages.fileList.tabs.all')
+        },
         options: [
-          { value: 0, label: '图片' },
-          { value: 1, label: '视频' },
-          { value: 2, label: '音频' },
-          { value: 3, label: '其他' },
+          { value: 0, label: t('message.pages.fileList.tabs.image') },
+          { value: 1, label: t('message.pages.fileList.tabs.video') },
+          { value: 2, label: t('message.pages.fileList.tabs.audio') },
+          { value: 3, label: t('message.pages.fileList.tabs.other') },
         ]
       },
       rowHandle: {
@@ -75,7 +81,7 @@ export const createCrudOptions = function ({ crudExpose, context }: CreateCrudOp
       },
       columns: {
         _index: {
-          title: '序号',
+          title: t('message.pages.fileList.table.columns.index'),
           form: { show: false },
           column: {
             //type: 'index',
@@ -91,7 +97,7 @@ export const createCrudOptions = function ({ crudExpose, context }: CreateCrudOp
           },
         },
         search: {
-          title: '关键词',
+          title: t('message.pages.fileList.table.columns.keyword'),
           column: {
             show: false,
           },
@@ -101,7 +107,7 @@ export const createCrudOptions = function ({ crudExpose, context }: CreateCrudOp
               props: {
                 clearable: true,
               },
-              placeholder: '请输入关键词',
+              placeholder: t('message.pages.fileList.form.keywordPlaceholder'),
             },
           },
           form: {
@@ -114,7 +120,7 @@ export const createCrudOptions = function ({ crudExpose, context }: CreateCrudOp
           },
         },
         name: {
-          title: '文件名称',
+          title: t('message.pages.fileList.table.columns.name'),
           search: {
             show: true,
           },
@@ -124,13 +130,13 @@ export const createCrudOptions = function ({ crudExpose, context }: CreateCrudOp
           },
           form: {
             component: {
-              placeholder: '请输入文件名称',
+              placeholder: t('message.pages.fileList.form.namePlaceholder'),
               clearable: true
             },
           },
         },
         preview: {
-          title: '预览',
+          title: t('message.pages.fileList.table.columns.preview'),
           column: {
             minWidth: 120,
             align: 'center'
@@ -140,7 +146,7 @@ export const createCrudOptions = function ({ crudExpose, context }: CreateCrudOp
           }
         },
         url: {
-          title: '文件地址',
+          title: t('message.pages.fileList.table.columns.url'),
           type: 'file-uploader',
           search: {
             disabled: true,
@@ -155,7 +161,7 @@ export const createCrudOptions = function ({ crudExpose, context }: CreateCrudOp
           },
         },
         md5sum: {
-          title: '文件MD5',
+          title: t('message.pages.fileList.table.columns.md5sum'),
           search: {
             disabled: true,
           },
@@ -167,7 +173,7 @@ export const createCrudOptions = function ({ crudExpose, context }: CreateCrudOp
           },
         },
         mime_type: {
-          title: '文件类型',
+          title: t('message.pages.fileList.table.columns.mimeType'),
           type: 'input',
           form: {
             show: false,
@@ -177,14 +183,14 @@ export const createCrudOptions = function ({ crudExpose, context }: CreateCrudOp
           }
         },
         file_type: {
-          title: '文件类型',
+          title: t('message.pages.fileList.table.columns.fileType'),
           type: 'dict-select',
           dict: dict({
             data: [
-              { label: '图片', value: 0, color: 'success' },
-              { label: '视频', value: 1, color: 'warning' },
-              { label: '音频', value: 2, color: 'danger' },
-              { label: '其他', value: 3, color: 'primary' },
+              { label: t('message.pages.fileList.fileType.image'), value: 0, color: 'success' },
+              { label: t('message.pages.fileList.fileType.video'), value: 1, color: 'warning' },
+              { label: t('message.pages.fileList.fileType.audio'), value: 2, color: 'danger' },
+              { label: t('message.pages.fileList.fileType.other'), value: 3, color: 'primary' },
             ]
           }),
           column: {
@@ -196,12 +202,12 @@ export const createCrudOptions = function ({ crudExpose, context }: CreateCrudOp
           form: {
             show: false,
             component: {
-              placeholder: '请选择文件类型'
+              placeholder: t('message.pages.fileList.form.fileTypePlaceholder')
             }
           }
         },
         size: {
-          title: '文件大小',
+          title: t('message.pages.fileList.table.columns.size'),
           column: {
             minWidth: 120
           },
@@ -210,12 +216,12 @@ export const createCrudOptions = function ({ crudExpose, context }: CreateCrudOp
           }
         },
         upload_method: {
-          title: '上传方式',
+          title: t('message.pages.fileList.table.columns.uploadMethod'),
           type: 'dict-select',
           dict: dict({
             data: [
-              { label: '默认上传', value: 0, color: 'primary' },
-              { label: '文件选择器上传', value: 1, color: 'warning' },
+              { label: t('message.pages.fileList.uploadMethod.default'), value: 0, color: 'primary' },
+              { label: t('message.pages.fileList.uploadMethod.selector'), value: 1, color: 'warning' },
             ]
           }),
           column: {
@@ -226,7 +232,7 @@ export const createCrudOptions = function ({ crudExpose, context }: CreateCrudOp
           }
         },
         create_datetime: {
-          title: '创建时间',
+          title: t('message.pages.fileList.table.columns.createTime'),
           column: {
             minWidth: 160
           },
@@ -234,26 +240,6 @@ export const createCrudOptions = function ({ crudExpose, context }: CreateCrudOp
             show: false
           }
         },
-        // fileselectortest: {
-        //   title: '文件选择器测试',
-        //   type: 'file-selector',
-        //   column: {
-        //     minWidth: 200
-        //   },
-        //   form: {
-        //     component: {
-        //       name: fileSelector,
-        //       vModel: 'modelValue',
-        //       tabsShow: 0b1111,
-        //       itemSize: 100,
-        //       multiple: true,
-        //       selectable: true,
-        //       showInput: true,
-        //       inputType: 'image',
-        //       valueKey: 'url',
-        //     }
-        //   }
-        // }
       },
     },
   };
diff --git a/web/src/views/system/fileList/index.vue b/web/src/views/system/fileList/index.vue
index 92bf005..c0e94c0 100644
--- a/web/src/views/system/fileList/index.vue
+++ b/web/src/views/system/fileList/index.vue
@@ -22,11 +22,11 @@
       <template #actionbar-left="scope">
         <el-upload :action="getBaseURL() + 'api/system/file/'" :multiple="false"
           :on-success="() => crudExpose.doRefresh()" :drag="false" :show-file-list="false">
-          <el-button type="primary" icon="plus">上传</el-button>
+          <el-button type="primary" icon="plus">{{ t('message.pages.fileList.buttons.upload') }}</el-button>
         </el-upload>
       </template>
       <template #cell_size="scope">
-        <span>{{ scope.row.size ? getSizeDisplay(scope.row.size) : '0b' }}</span>
+        <span>{{ scope.row.size ? getSizeDisplay(scope.row.size) : '0' + t('message.pages.fileList.size.bytes') }}</span>
       </template>
       <template #cell_preview="scope">
         <div v-if="scope.row.file_type === 0">
@@ -48,7 +48,7 @@
         <el-icon v-if="scope.row.file_type === 3" :size="60">
           <Document />
         </el-icon>
-        <div v-if="scope.row.file_type > 3">未知类型</div>
+        <div v-if="scope.row.file_type > 3">{{ t('message.pages.fileList.fileType.unknown') }}</div>
       </template>
     </fs-crud>
     <div class="preview" :class="{ show: openPreview }">
@@ -67,12 +67,14 @@
 
 <script lang="ts" setup>
 import { ref, onMounted, nextTick } from 'vue';
+import { useI18n } from 'vue-i18n';
 import { useExpose, useCrud } from '@fast-crud/fast-crud';
 import { createCrudOptions } from './crud';
 import { getBaseURL } from '/@/utils/baseUrl';
 import FileSelector from '/@/components/fileSelector/index.vue';
 import { SHOW } from '/@/components/fileSelector/types';
 
+const { t } = useI18n()
 const fileSelectorRef = ref<any>(null);
 const getSizeDisplay = (n: number) => n < 1024 ? n + 'b' : (n < 1024 * 1024 ? (n / 1024).toFixed(2) + 'Kb' : (n / (1024 * 1024)).toFixed(2) + 'Mb');
 
diff --git a/web/src/views/system/log/operationLog/crud.tsx b/web/src/views/system/log/operationLog/crud.tsx
index cef5ebb..e1a37e0 100644
--- a/web/src/views/system/log/operationLog/crud.tsx
+++ b/web/src/views/system/log/operationLog/crud.tsx
@@ -1,7 +1,9 @@
 import * as api from './api';
 import { UserPageQuery, AddReq, DelReq, EditReq, CrudExpose, CrudOptions, CreateCrudOptionsProps, CreateCrudOptionsRet } from '@fast-crud/fast-crud';
+import { useI18n } from 'vue-i18n';
 
 export const createCrudOptions = function ({ crudExpose }: CreateCrudOptionsProps): CreateCrudOptionsRet {
+	const { t } = useI18n()
 	const pageRequest = async (query: UserPageQuery) => {
 		return await api.GetList(query);
 	};
@@ -47,7 +49,7 @@ export const createCrudOptions = function ({ crudExpose }: CreateCrudOptionsProp
 			},
 			columns: {
 				_index: {
-					title: '序号',
+					title: t('message.pages.operationLog.table.columns.index'),
 					form: { show: false },
 					column: {
 						//type: 'index',
@@ -63,7 +65,7 @@ export const createCrudOptions = function ({ crudExpose }: CreateCrudOptionsProp
 					},
 				},
 				search: {
-					title: '关键词',
+					title: t('message.pages.operationLog.table.columns.keyword'),
 					column: {
 						show: false,
 					},
@@ -73,7 +75,7 @@ export const createCrudOptions = function ({ crudExpose }: CreateCrudOptionsProp
 							props: {
 								clearable: true,
 							},
-							placeholder: '请输入关键词',
+							placeholder: t('message.pages.operationLog.form.keywordPlaceholder'),
 						},
 					},
 					form: {
@@ -86,7 +88,7 @@ export const createCrudOptions = function ({ crudExpose }: CreateCrudOptionsProp
 					},
 				},
 				request_modular: {
-					title: '请求模块',
+					title: t('message.pages.operationLog.table.columns.requestModule'),
 					search: {
 						disabled: false,
 					},
@@ -97,12 +99,12 @@ export const createCrudOptions = function ({ crudExpose }: CreateCrudOptionsProp
 					form: {
 						disabled: true,
 						component: {
-							placeholder: '请输入请求模块',
+							placeholder: t('message.pages.operationLog.form.requestModulePlaceholder'),
 						},
 					},
 				},
 				request_path: {
-					title: '请求地址',
+					title: t('message.pages.operationLog.table.columns.requestPath'),
 					search: {
 						disabled: false,
 					},
@@ -113,7 +115,7 @@ export const createCrudOptions = function ({ crudExpose }: CreateCrudOptionsProp
 					form: {
 						disabled: true,
 						component: {
-							placeholder: '请输入请求地址',
+							placeholder: t('message.pages.operationLog.form.requestPathPlaceholder'),
 						},
 					},
 				},
@@ -123,7 +125,7 @@ export const createCrudOptions = function ({ crudExpose }: CreateCrudOptionsProp
 						width: 200, //列宽
 						minWidth: 100, //最小列宽
 					},
-					title: '请求参数',
+					title: t('message.pages.operationLog.table.columns.requestBody'),
 					search: {
 						disabled: true,
 					},
@@ -138,12 +140,12 @@ export const createCrudOptions = function ({ crudExpose }: CreateCrudOptionsProp
 								minRows: 2,
 								maxRows: 8,
 							},
-							placeholder: '请输入关键词',
+							placeholder: t('message.pages.operationLog.form.requestBodyPlaceholder'),
 						},
 					},
 				},
 				request_method: {
-					title: '请求方法',
+					title: t('message.pages.operationLog.table.columns.requestMethod'),
 					type: 'input',
 					search: {
 						disabled: false,
@@ -154,13 +156,13 @@ export const createCrudOptions = function ({ crudExpose }: CreateCrudOptionsProp
 					form: {
 						disabled: true,
 						component: {
-							placeholder: '请输入请求方法',
+							placeholder: t('message.pages.operationLog.form.requestMethodPlaceholder'),
 						},
 					},
 					component: { props: { color: 'auto' } }, // 自动染色
 				},
 				request_msg: {
-					title: '操作说明',
+					title: t('message.pages.operationLog.table.columns.requestMsg'),
 					disabled: true,
 					form: {
 						component: {
@@ -169,7 +171,7 @@ export const createCrudOptions = function ({ crudExpose }: CreateCrudOptionsProp
 					},
 				},
 				request_ip: {
-					title: 'IP地址',
+					title: t('message.pages.operationLog.table.columns.requestIp'),
 					search: {
 						disabled: false,
 					},
@@ -180,13 +182,13 @@ export const createCrudOptions = function ({ crudExpose }: CreateCrudOptionsProp
 					form: {
 						disabled: true,
 						component: {
-							placeholder: '请输入IP地址',
+							placeholder: t('message.pages.operationLog.form.requestIpPlaceholder'),
 						},
 					},
 					component: { props: { color: 'auto' } }, // 自动染色
 				},
 				request_browser: {
-					title: '请求浏览器',
+					title: t('message.pages.operationLog.table.columns.requestBrowser'),
 					type: 'input',
 					column:{
 						minWidth: 120,
@@ -197,7 +199,7 @@ export const createCrudOptions = function ({ crudExpose }: CreateCrudOptionsProp
 					component: { props: { color: 'auto' } }, // 自动染色
 				},
 				response_code: {
-					title: '响应码',
+					title: t('message.pages.operationLog.table.columns.responseCode'),
 					search: {
 						disabled: true,
 					},
@@ -211,7 +213,7 @@ export const createCrudOptions = function ({ crudExpose }: CreateCrudOptionsProp
 					component: { props: { color: 'auto' } }, // 自动染色
 				},
 				request_os: {
-					title: '操作系统',
+					title: t('message.pages.operationLog.table.columns.requestOs'),
 					disabled: true,
 					search: {
 						disabled: true,
@@ -226,7 +228,7 @@ export const createCrudOptions = function ({ crudExpose }: CreateCrudOptionsProp
 					component: { props: { color: 'auto' } }, // 自动染色
 				},
 				json_result: {
-					title: '返回信息',
+					title: t('message.pages.operationLog.table.columns.jsonResult'),
 					search: {
 						disabled: true,
 					},
@@ -240,7 +242,7 @@ export const createCrudOptions = function ({ crudExpose }: CreateCrudOptionsProp
 					component: { props: { color: 'auto' } }, // 自动染色
 				},
 				creator_name: {
-					title: '操作人',
+					title: t('message.pages.operationLog.table.columns.creatorName'),
 					column:{
 						minWidth: 100,
 					},
diff --git a/web/src/views/system/menu/components/MenuButtonCom/crud.tsx b/web/src/views/system/menu/components/MenuButtonCom/crud.tsx
index 546a7b5..8bcf20a 100644
--- a/web/src/views/system/menu/components/MenuButtonCom/crud.tsx
+++ b/web/src/views/system/menu/components/MenuButtonCom/crud.tsx
@@ -1,4 +1,5 @@
 import {AddReq, DelReq, EditReq, dict, CreateCrudOptionsRet, CreateCrudOptionsProps} from '@fast-crud/fast-crud';
+import { useI18n } from 'vue-i18n';
 import * as api from './api';
 import {auth} from '/@/utils/authFunction'
 import {request} from '/@/utils/service';
@@ -8,6 +9,7 @@ import { nextTick, ref } from 'vue';
 import XEUtils from 'xe-utils';
 //此处为crudOptions配置
 export const createCrudOptions = function ({crudExpose, context}: CreateCrudOptionsProps): CreateCrudOptionsRet {
+	const { t } = useI18n()
     const pageRequest = async () => {
         if (context!.selectOptions.value.id) {
             return await api.GetList({menu: context!.selectOptions.value.id} as any);
@@ -82,10 +84,10 @@ export const createCrudOptions = function ({crudExpose, context}: CreateCrudOpti
                     batchAdd: {
 						show: true,
 						type: 'primary',
-						text: '批量生成',
+						text: t('message.pages.menu.validation.batchGenerate'),
 						click: async () => {
 							if (context!.selectOptions.value.id == undefined) {
-								ElMessage.error('请选择菜单');
+								ElMessage.error(t('message.pages.menu.messages.selectMenu'));
 								return;
 							}
 							const result = await api.BatchAdd({ menu: context!.selectOptions.value.id });
@@ -138,7 +140,7 @@ export const createCrudOptions = function ({crudExpose, context}: CreateCrudOpti
             },
             columns: {
                 $checked: {
-					title: '选择',
+					title: t('message.pages.menu.buttons.select'),
 					form: { show: false },
 					column: {
 						type: 'selection',
@@ -148,7 +150,7 @@ export const createCrudOptions = function ({crudExpose, context}: CreateCrudOpti
 					},
 				},
                 _index: {
-                    title: '序号',
+                    title: t('message.pages.menu.buttons.index'),
                     form: {show: false},
                     column: {
                         type: 'index',
@@ -158,14 +160,14 @@ export const createCrudOptions = function ({crudExpose, context}: CreateCrudOpti
                     },
                 },
                 search: {
-                    title: '关键词',
+                    title: t('message.pages.menu.buttons.search'),
                     column: {show: false},
                     type: 'text',
                     search: {show: true},
                     form: {
                         show: false,
                         component: {
-                            placeholder: '输入关键词搜索',
+                            placeholder: t('message.pages.menu.buttons.searchPlaceholder'),
                         },
                     },
                 },
@@ -177,7 +179,7 @@ export const createCrudOptions = function ({crudExpose, context}: CreateCrudOpti
                     form: {show: false},
                 },
                 name: {
-                    title: '权限名称',
+                    title: t('message.pages.menu.buttons.permissionName'),
                     type: 'text',
                     search: {show: true},
                     column: {
@@ -185,9 +187,9 @@ export const createCrudOptions = function ({crudExpose, context}: CreateCrudOpti
                         sortable: true,
                     },
                     form: {
-                        rules: [{required: true, message: '权限名称必填'}],
+                        rules: [{required: true, message: t('message.pages.menu.validation.permissionNameRequired')}],
                         component: {
-                            placeholder: '输入权限名称搜索',
+                            placeholder: t('message.pages.menu.buttons.searchPlaceholder'),
                             props: {
                                 clearable: true,
                                 allowCreate: true,
@@ -197,7 +199,7 @@ export const createCrudOptions = function ({crudExpose, context}: CreateCrudOpti
                     },
                 },
                 value: {
-                    title: '权限值',
+                    title: t('message.pages.menu.buttons.permissionValue'),
                     type: 'text',
                     search: {show: false},
                     column: {
@@ -205,12 +207,12 @@ export const createCrudOptions = function ({crudExpose, context}: CreateCrudOpti
                         sortable: true,
                     },
                     form: {
-                        rules: [{required: true, message: '权限标识必填'}],
-                        placeholder: '输入权限标识',
+                        rules: [{required: true, message: t('message.pages.menu.validation.permissionValueRequired')}],
+                        placeholder: t('message.pages.menu.buttons.apiEndpoint'),
                     },
                 },
                 method: {
-                    title: '请求方式',
+                    title: t('message.pages.menu.buttons.requestMethod'),
                     search: {show: false},
                     type: 'dict-select',
                     column: {
@@ -226,11 +228,11 @@ export const createCrudOptions = function ({crudExpose, context}: CreateCrudOpti
                         ],
                     }),
                     form: {
-                        rules: [{required: true, message: '必填项'}],
+                        rules: [{required: true, message: t('message.pages.menu.validation.methodRequired')}],
                     },
                 },
                 api: {
-                    title: '接口地址',
+                    title: t('message.pages.menu.buttons.apiEndpoint'),
                     search: {show: false},
                     type: 'dict-select',
                     dict: dict({
@@ -253,7 +255,7 @@ export const createCrudOptions = function ({crudExpose, context}: CreateCrudOpti
                         sortable: true,
                     },
                     form: {
-                        rules: [{required: true, message: '必填项'}],
+                        rules: [{required: true, message: t('message.pages.menu.validation.apiRequired')}],
                         component: {
                             props: {
                                 allowCreate: true,
diff --git a/web/src/views/system/menu/components/MenuFieldCom/crud.tsx b/web/src/views/system/menu/components/MenuFieldCom/crud.tsx
index 7f575d7..adcae94 100644
--- a/web/src/views/system/menu/components/MenuFieldCom/crud.tsx
+++ b/web/src/views/system/menu/components/MenuFieldCom/crud.tsx
@@ -1,4 +1,5 @@
 import * as api from './api';
+import { useI18n } from 'vue-i18n';
 import { dict, UserPageQuery, AddReq, DelReq, EditReq, compute, CreateCrudOptionsProps, CreateCrudOptionsRet } from '@fast-crud/fast-crud';
 import { request } from '/@/utils/service';
 import { dictionary } from '/@/utils/dictionary';
@@ -9,6 +10,7 @@ import XEUtils from 'xe-utils';
 
 
 export const createCrudOptions = function ({ crudExpose, props,modelDialog,selectOptions,allModelData }: CreateCrudOptionsProps): CreateCrudOptionsRet {
+	const { t } = useI18n()
 	const pageRequest = async (query: UserPageQuery) => {
 		// return await api.GetList(query);
 		if (selectOptions.value.id) {
@@ -79,7 +81,7 @@ const toggleRowSelection = () => {
 						show:auth('column:Create')
 					},
 					auto: {
-						text: '自动匹配',
+						text: t('message.pages.menu.buttons.automatch'),
 						type: 'success',
 						show:auth('column:Match'),
 						click: () => {
@@ -122,7 +124,7 @@ const toggleRowSelection = () => {
 			},
 			columns: {
 				$checked: {
-					title: '选择',
+					title: t('message.pages.menu.buttons.select'),
 					form: { show: false },
 					column: {
 						type: 'selection',
@@ -132,7 +134,7 @@ const toggleRowSelection = () => {
 					},
 				},
 				_index: {
-					title: '序号',
+					title: t('message.pages.menu.buttons.index'),
 					form: { show: false },
 					column: {
 						//type: 'index',
@@ -149,7 +151,7 @@ const toggleRowSelection = () => {
 					},
 				},
 				model: {
-					title: 'model',
+					title: t('message.pages.menu.buttons.model'),
 					type: 'dict-select',
 					dict:dict({
 						url:'/api/system/column/get_models/',
@@ -164,7 +166,7 @@ const toggleRowSelection = () => {
 							// 表单校验规则
 							{
 								required: true,
-								message: '必填项',
+								message: t('message.pages.menu.validation.titleFieldRequired'),
 							},
 						],
 						component: {
@@ -180,7 +182,7 @@ const toggleRowSelection = () => {
 					},
 				},
 				title: {
-					title: '中文名',
+					title: t('message.pages.menu.buttons.chineseName'),
 					sortable: 'custom',
 					search: {
 						show: true,
@@ -191,17 +193,17 @@ const toggleRowSelection = () => {
 							// 表单校验规则
 							{
 								required: true,
-								message: '必填项',
+								message: t('message.pages.menu.validation.titleFieldRequired'),
 							},
 						],
 						component: {
 							span: 12,
-							placeholder: '请输入中文名',
+							placeholder: t('message.pages.menu.buttons.chineseNamePlaceholder'),
 						},
 					},
 				},
 				field_name: {
-					title: '字段名',
+					title: t('message.pages.menu.buttons.fieldName'),
 					type: 'text',
 					search: {
 						show: true,
@@ -214,12 +216,12 @@ const toggleRowSelection = () => {
 							// 表单校验规则
 							{
 								required: true,
-								message: '必填项',
+								message: t('message.pages.menu.validation.fieldNameFieldRequired'),
 							},
 						],
 						component: {
 							span: 12,
-							placeholder: '请输入字段名',
+							placeholder: t('message.pages.menu.buttons.fieldNamePlaceholder'),
 						},
 					},
 				},
diff --git a/web/src/views/system/menu/components/MenuFieldCom/index.vue b/web/src/views/system/menu/components/MenuFieldCom/index.vue
index d4c6d49..2188368 100644
--- a/web/src/views/system/menu/components/MenuFieldCom/index.vue
+++ b/web/src/views/system/menu/components/MenuFieldCom/index.vue
@@ -7,7 +7,7 @@
 			<!-- 搜索输入框 -->
 			<el-input v-model="searchQuery" placeholder="搜索模型..." style="margin-bottom: 10px"></el-input>
 			<div class="model-card">
-				<!--注释编号:django-vue3-admin-index483211: 对请求回来的allModelData进行computed计算，返加搜索框匹配到的内容-->
+				<!--注释编号:Procurement Inquiry System-index483211: 对请求回来的allModelData进行computed计算，返加搜索框匹配到的内容-->
 				<div v-for="(item, index) in filteredModelData" :value="item.key" :key="index">
 					<el-text :type="modelCheckIndex === index ? 'primary' : ''" @click="onModelChecked(item, index)">
 						{{ item.app + '--' + item.title + '(' + item.key + ')' }}
@@ -79,7 +79,7 @@ const onModelChecked = (row, index) => {
 	props.app = row.app;
 };
 
-// 注释编号:django-vue3-admin-index083311:代码开始行
+// 注释编号:Procurement Inquiry System-index083311:代码开始行
 // 功能说明:搭配搜索的处理，返回搜索结果
 const searchQuery = ref('');
 
@@ -92,7 +92,7 @@ const filteredModelData = computed(() => {
 		(item) => item.app.toLowerCase().includes(query) || item.title.toLowerCase().includes(query) || item.key.toLowerCase().includes(query)
 	);
 });
-// 注释编号:django-vue3-admin-index083311:代码结束行
+// 注释编号:Procurement Inquiry System-index083311:代码结束行
 
 /**
  * 菜单选中时,加载表格数据
diff --git a/web/src/views/system/messageCenter/crud.tsx b/web/src/views/system/messageCenter/crud.tsx
index 2e59037..3b795fc 100644
--- a/web/src/views/system/messageCenter/crud.tsx
+++ b/web/src/views/system/messageCenter/crud.tsx
@@ -1,4 +1,5 @@
 import * as api from './api';
+import { useI18n } from 'vue-i18n';
 import { dict, useCompute, PageQuery, AddReq, DelReq, EditReq, CreateCrudOptionsProps, CreateCrudOptionsRet } from '@fast-crud/fast-crud';
 import tableSelector from '/@/components/tableSelector/index.vue';
 import { shallowRef, computed } from 'vue';
@@ -7,6 +8,7 @@ import { auth } from '/@/utils/authFunction';
 const { compute } = useCompute();
 
 export default function ({ crudExpose, context }: CreateCrudOptionsProps): CreateCrudOptionsRet {
+	const { t } = useI18n()
 	const { tabActivted } = context; //从context中获取tabActivted
 
 	const pageRequest = async (query: PageQuery) => {
@@ -59,7 +61,7 @@ export default function ({ crudExpose, context }: CreateCrudOptionsProps): Creat
 						show: false,
 					},
 					view: {
-						text: '查看',
+						text: t('message.pages.messageCenter.buttons.view'),
 						type: 'text',
 						iconRight: 'View',
 						show: auth('messageCenter:Search'),
@@ -86,7 +88,7 @@ export default function ({ crudExpose, context }: CreateCrudOptionsProps): Creat
 					},
 				},
 				title: {
-					title: '标题',
+					title: t('message.pages.messageCenter.table.columns.title'),
 					search: {
 						show: true,
 					},
@@ -99,22 +101,22 @@ export default function ({ crudExpose, context }: CreateCrudOptionsProps): Creat
 							// 表单校验规则
 							{
 								required: true,
-								message: '必填项',
+								message: t('message.pages.messageCenter.validation.titleRequired'),
 							},
 						],
-						component: { span: 24, placeholder: '请输入标题' },
+						component: { span: 24, placeholder: t('message.pages.messageCenter.form.titlePlaceholder') },
 					},
 				},
 				is_read: {
-					title: '是否已读',
+					title: t('message.pages.messageCenter.table.columns.isRead'),
 					type: 'dict-select',
 					column: {
 						show: IsReadFunc.value,
 					},
 					dict: dict({
 						data: [
-							{ label: '已读', value: true, color: 'success' },
-							{ label: '未读', value: false, color: 'danger' },
+							{ label: t('message.pages.messageCenter.status.yes'), value: true, color: 'success' },
+							{ label: t('message.pages.messageCenter.status.no'), value: false, color: 'danger' },
 						],
 					}),
 					form: {
@@ -122,28 +124,28 @@ export default function ({ crudExpose, context }: CreateCrudOptionsProps): Creat
 					},
 				},
 				target_type: {
-					title: '目标类型',
+					title: t('message.pages.messageCenter.table.columns.targetType'),
 					type: ['dict-radio', 'colspan'],
 					column: {
 						minWidth: 120,
 					},
 					dict: dict({
 						data: [
-							{ value: 0, label: '按用户' },
-							{ value: 1, label: '按角色' },
-							{ value: 2, label: '按部门' },
-							{ value: 3, label: '通知公告' },
+							{ value: 0, label: t('message.pages.messageCenter.targetType.byUser') },
+							{ value: 1, label: t('message.pages.messageCenter.targetType.byRole') },
+							{ value: 2, label: t('message.pages.messageCenter.targetType.byDept') },
+							{ value: 3, label: t('message.pages.messageCenter.targetType.notice') },
 						],
 					}),
 					form: {
 						component: {
 							optionName: 'el-radio-button',
 						},
-						rules: [{ required: true, message: '必选项', trigger: ['blur', 'change'] }],
+						rules: [{ required: true, message: t('message.pages.messageCenter.validation.targetTypeRequired'), trigger: ['blur', 'change'] }],
 					},
 				},
 				target_user: {
-					title: '目标用户',
+					title: t('message.pages.messageCenter.table.columns.targetUser'),
 					search: {
 						disabled: true,
 					},
@@ -165,12 +167,12 @@ export default function ({ crudExpose, context }: CreateCrudOptionsProps): Creat
 								columns: [
 									{
 										prop: 'name',
-										label: '用户名称',
+										label: t('message.pages.user.table.columns.name'),
 										width: 120,
 									},
 									{
 										prop: 'phone',
-										label: '用户电话',
+										label: t('message.pages.messageCenter.form.phone'),
 										width: 120,
 									},
 								],
@@ -181,7 +183,7 @@ export default function ({ crudExpose, context }: CreateCrudOptionsProps): Creat
 						}),
 						rules: [
 							// 表单校验规则
-							{ required: true, message: '必填项' },
+							{ required: true, message: t('message.pages.messageCenter.validation.required') },
 						],
 					},
 					column: {
@@ -197,7 +199,7 @@ export default function ({ crudExpose, context }: CreateCrudOptionsProps): Creat
 					},
 				},
 				target_role: {
-					title: '目标角色',
+					title: t('message.pages.messageCenter.table.columns.targetRole'),
 					search: {
 						disabled: true,
 					},
@@ -220,11 +222,11 @@ export default function ({ crudExpose, context }: CreateCrudOptionsProps): Creat
 								columns: [
 									{
 										prop: 'name',
-										label: '角色名称',
+										label: t('message.pages.messageCenter.form.roleName'),
 									},
 									{
 										prop: 'key',
-										label: '权限标识',
+										label: t('message.pages.messageCenter.form.roleKey'),
 									},
 								],
 							},
@@ -236,7 +238,7 @@ export default function ({ crudExpose, context }: CreateCrudOptionsProps): Creat
 							// 表单校验规则
 							{
 								required: true,
-								message: '必填项',
+								message: t('message.pages.messageCenter.validation.required'),
 							},
 						],
 					},
@@ -253,7 +255,7 @@ export default function ({ crudExpose, context }: CreateCrudOptionsProps): Creat
 					},
 				},
 				target_dept: {
-					title: '目标部门',
+					title: t('message.pages.messageCenter.table.columns.targetDept'),
 					search: {
 						disabled: true,
 					},
@@ -275,16 +277,16 @@ export default function ({ crudExpose, context }: CreateCrudOptionsProps): Creat
 								columns: [
 									{
 										prop: 'name',
-										label: '部门名称',
+										label: t('message.pages.messageCenter.form.deptName'),
 										width: 150,
 									},
 									{
 										prop: 'status_label',
-										label: '状态',
+										label: t('message.pages.messageCenter.form.status'),
 									},
 									{
 										prop: 'parent_name',
-										label: '父级部门',
+										label: t('message.pages.messageCenter.form.parentDept'),
 									},
 								],
 							},
@@ -296,7 +298,7 @@ export default function ({ crudExpose, context }: CreateCrudOptionsProps): Creat
 							// 表单校验规则
 							{
 								required: true,
-								message: '必填项',
+								message: t('message.pages.messageCenter.validation.required'),
 							},
 						],
 					},
@@ -313,7 +315,7 @@ export default function ({ crudExpose, context }: CreateCrudOptionsProps): Creat
 					},
 				},
 				content: {
-					title: '内容',
+					title: t('message.pages.messageCenter.table.columns.content'),
 					column: {
 						width: 300,
 						show: false,
@@ -324,7 +326,7 @@ export default function ({ crudExpose, context }: CreateCrudOptionsProps): Creat
 							// 表单校验规则
 							{
 								required: true,
-								message: '必填项',
+								message: t('message.pages.messageCenter.validation.required'),
 							},
 						],
 						component: {
diff --git a/web/src/views/system/messageCenter/index.vue b/web/src/views/system/messageCenter/index.vue
index 946a8ed..acc5610 100644
--- a/web/src/views/system/messageCenter/index.vue
+++ b/web/src/views/system/messageCenter/index.vue
@@ -3,8 +3,8 @@
 		<fs-crud ref="crudRef" v-bind="crudBinding">
 			<template #header-middle>
 				<el-tabs v-model="tabActivted" @tab-click="onTabClick">
-					<el-tab-pane label="我的发布" name="send"></el-tab-pane>
-					<el-tab-pane label="我的接收" name="receive"></el-tab-pane>
+					<el-tab-pane :label="t('message.pages.messageCenter.tabs.myPublish')" name="send"></el-tab-pane>
+					<el-tab-pane :label="t('message.pages.messageCenter.tabs.myReceive')" name="receive"></el-tab-pane>
 				</el-tabs>
 			</template>
 		</fs-crud>
@@ -13,9 +13,12 @@
 
 <script lang="ts" setup name="messageCenter">
 import { ref, onMounted } from 'vue';
+import { useI18n } from 'vue-i18n';
 import { useFs } from '@fast-crud/fast-crud';
 import createCrudOptions from './crud';
 
+const { t } = useI18n()
+
 //tab选择
 const tabActivted = ref('send');
 const onTabClick = (tab: any) => {
diff --git a/web/src/views/system/role/crud.tsx b/web/src/views/system/role/crud.tsx
index 0c3740f..8ad0c0c 100644
--- a/web/src/views/system/role/crud.tsx
+++ b/web/src/views/system/role/crud.tsx
@@ -13,6 +13,7 @@ import { nextTick, computed } from 'vue';
  * @returns
  */
 export const createCrudOptions = function ({ crudExpose, context }: CreateCrudOptionsProps): CreateCrudOptionsRet {
+	const { t } = useI18n()
 	const pageRequest = async (query: any) => {
 		return await api.GetList(query);
 	};
@@ -73,7 +74,7 @@ export const createCrudOptions = function ({ crudExpose, context }: CreateCrudOp
 					assignment: {
 						iconRight: 'setting',
 						type: 'text',
-						text: '授权用户',
+						text: t('message.pages.role.buttons.assignUsers'),
 						show: auth('role:AllAuthorizedUser'),
 						click: (ctx: any) => {
 							const { row } = ctx;
@@ -87,7 +88,7 @@ export const createCrudOptions = function ({ crudExpose, context }: CreateCrudOp
 					permission: {
 						iconRight:'setting',
 						type: 'text',
-						text: '权限配置',
+						text: t('message.pages.role.buttons.assignPermission'),
 						show: auth('role:SetMenu'),
 						click: (clickContext: any): void => {
 							const { row } = clickContext;
@@ -108,7 +109,7 @@ export const createCrudOptions = function ({ crudExpose, context }: CreateCrudOp
 			},
 			columns: {
 				_index: {
-					title: '序号',
+					title: t('message.pages.role.table.columns.index'),
 					form: { show: false },
 					column: {
 						type: 'index',
@@ -124,21 +125,21 @@ export const createCrudOptions = function ({ crudExpose, context }: CreateCrudOp
 					form: { show: false },
 				},
 				name: {
-					title: '角色名称',
+					title: t('message.pages.role.table.columns.name'),
 					search: { show: true },
 					column: {
 						minWidth: 120,
 						sortable: 'custom',
 					},
 					form: {
-						rules: [{ required: true, message: '角色名称必填' }],
+						rules: [{ required: true, message: t('message.pages.role.validation.nameRequired') }],
 						component: {
-							placeholder: '请输入角色名称',
+							placeholder: t('message.pages.role.form.namePlaceholder'),
 						},
 					},
 				},
 				key: {
-					title: '权限标识',
+					title: t('message.pages.role.table.columns.key'),
 					search: { show: false },
 					column: {
 						minWidth: 120,
@@ -146,9 +147,9 @@ export const createCrudOptions = function ({ crudExpose, context }: CreateCrudOp
 						columnSetDisabled: true,
 					},
 					form: {
-						rules: [{ required: true, message: '权限标识必填' }],
+						rules: [{ required: true, message: t('message.pages.role.validation.keyRequired') }],
 						component: {
-							placeholder: '输入权限标识',
+							placeholder: t('message.pages.role.form.keyPlaceholder'),
 						},
 					},
 					valueBuilder(context) {
@@ -157,7 +158,7 @@ export const createCrudOptions = function ({ crudExpose, context }: CreateCrudOp
 					},
 				},
 				sort: {
-					title: '排序',
+					title: t('message.pages.role.table.columns.sort'),
 					search: { show: false },
 					type: 'number',
 					column: {
@@ -165,12 +166,12 @@ export const createCrudOptions = function ({ crudExpose, context }: CreateCrudOp
 						sortable: 'custom',
 					},
 					form: {
-						rules: [{ required: true, message: '排序必填' }],
+						rules: [{ required: true, message: t('message.pages.role.validation.sortRequired') }],
 						value: 1,
 					},
 				},
 				status: {
-					title: '状态',
+					title: t('message.pages.role.table.columns.status'),
 					search: { show: true },
 					type: 'dict-radio',
 					column: {
diff --git a/web/src/views/system/whiteList/crud.tsx b/web/src/views/system/whiteList/crud.tsx
index 33059c9..009053e 100644
--- a/web/src/views/system/whiteList/crud.tsx
+++ b/web/src/views/system/whiteList/crud.tsx
@@ -1,4 +1,5 @@
 import * as api from './api';
+import { useI18n } from 'vue-i18n';
 import {
     dict,
     UserPageQuery,
@@ -15,6 +16,7 @@ import {successMessage} from '/@/utils/message';
 import {auth} from '/@/utils/authFunction'
 
 export const createCrudOptions = function ({crudExpose}: CreateCrudOptionsProps): CreateCrudOptionsRet {
+	const { t } = useI18n()
     const pageRequest = async (query: UserPageQuery) => {
         return await api.GetList(query);
     };
@@ -75,7 +77,7 @@ export const createCrudOptions = function ({crudExpose}: CreateCrudOptionsProps)
             },
             columns: {
                 _index: {
-                    title: '序号',
+                    title: t('message.pages.whitelist.table.columns.index'),
                     form: {show: false},
                     column: {
                         //type: 'index',
@@ -92,7 +94,7 @@ export const createCrudOptions = function ({crudExpose}: CreateCrudOptionsProps)
                     },
                 },
                 search: {
-                    title: '关键词',
+                    title: t('message.pages.whitelist.table.columns.keyword'),
                     column: {
                         show: false,
                     },
@@ -102,7 +104,7 @@ export const createCrudOptions = function ({crudExpose}: CreateCrudOptionsProps)
                             props: {
                                 clearable: true,
                             },
-                            placeholder: '请输入关键词',
+                            placeholder: t('message.pages.whitelist.form.keywordPlaceholder'),
                         },
                     },
                     form: {
@@ -115,7 +117,7 @@ export const createCrudOptions = function ({crudExpose}: CreateCrudOptionsProps)
                     },
                 },
                 method: {
-                    title: '请求方式',
+                    title: t('message.pages.whitelist.table.columns.method'),
                     sortable: 'custom',
                     search: {
                         disabled: false,
@@ -153,7 +155,7 @@ export const createCrudOptions = function ({crudExpose}: CreateCrudOptionsProps)
                             // 表单校验规则
                             {
                                 required: true,
-                                message: '必填项',
+                                message: t('message.pages.whitelist.validation.methodRequired'),
                             },
                         ],
                         component: {
@@ -165,7 +167,7 @@ export const createCrudOptions = function ({crudExpose}: CreateCrudOptionsProps)
                     },
                 },
                 url: {
-                    title: '接口地址',
+                    title: t('message.pages.whitelist.table.columns.url'),
                     sortable: 'custom',
                     search: {
                         disabled: true,
@@ -194,7 +196,7 @@ export const createCrudOptions = function ({crudExpose}: CreateCrudOptionsProps)
                             // 表单校验规则
                             {
                                 required: true,
-                                message: '必填项',
+                                message: t('message.pages.whitelist.validation.urlRequired'),
                             },
                         ],
                         component: {
@@ -213,12 +215,12 @@ export const createCrudOptions = function ({crudExpose}: CreateCrudOptionsProps)
                             tooltip: {
                                 placement: 'top-start',
                             },
-                            text: '请正确填写，以免请求时被拦截。匹配单例使用正则,例如:/api/xx/.*?/',
+                            text: t('message.pages.whitelist.form.urlHelper'),
                         },
                     },
                 },
                 enable_datasource: {
-                    title: '数据权限认证',
+                    title: t('message.pages.whitelist.table.columns.dataPermission'),
                     search: {
                         disabled: false,
                     },
diff --git a/web/src/views/template/crud.tsx b/web/src/views/template/crud.tsx
index 8ef7a7d..8d00e8f 100644
--- a/web/src/views/template/crud.tsx
+++ b/web/src/views/template/crud.tsx
@@ -37,7 +37,7 @@ export default function ({ crudExpose }: { crudExpose: CrudExpose }): CreateCrud
             actionbar: {
                 buttons: {
                     export: {
-                        // 注释编号:django-vue3-admin-crud210716:注意这个auth里面的值，最好是使用index.vue文件里面的name值并加上请求动作的单词
+                        // 注释编号:Procurement Inquiry System-crud210716:注意这个auth里面的值，最好是使用index.vue文件里面的name值并加上请求动作的单词
                         show: auth('VIEWSETNAME:Export'),
                         text: "导出",//按钮文字
                         title: "导出",//鼠标停留显示的信息
diff --git a/web/src/views/template/index.vue b/web/src/views/template/index.vue
index be662d5..c783e2e 100644
--- a/web/src/views/template/index.vue
+++ b/web/src/views/template/index.vue
@@ -4,13 +4,13 @@
 			<template #cell_url="scope">
 				<el-tag size="small">{{ scope.row.url }}</el-tag>
 			</template>
-			<!-- 注释编号: django-vue3-admin-index442216: -->
-			<!-- 注释编号:django-vue3-admin-index39263917:代码开始行-->
+			<!-- 注释编号: Procurement Inquiry System-index442216: -->
+			<!-- 注释编号:Procurement Inquiry System-index39263917:代码开始行-->
 			<!--  功能说明:使用导入组件，并且修改api地址为当前对应的api，当前是demo的api="api/CarModelViewSet/"-->
 			<template #actionbar-right>
 				<importExcel api="api/VIEWSETNAME/" v-auth="'user:Import'">导入</importExcel>
 			</template>
-			<!--  注释编号:django-vue3-admin-index263917:代码结束行-->
+			<!--  注释编号:Procurement Inquiry System-index263917:代码结束行-->
 			
 		</fs-crud>
 	</fs-page>
@@ -21,13 +21,13 @@ import { onMounted, getCurrentInstance, defineComponent} from 'vue';
 import { useFs } from '@fast-crud/fast-crud';
 import createCrudOptions  from './crud';
 
-// 注释编号: django-vue3-admin-index192316:导入组件
+// 注释编号: Procurement Inquiry System-index192316:导入组件
 import importExcel from '/@/components/importExcel/index.vue'   
 
 
 export default defineComponent({    //这里配置defineComponent
     name: "VIEWSETNAME",   //把name放在这里进行配置了
-	components: {importExcel},  //注释编号: django-vue3-admin-index552416: 注册组件，把importExcel组件放在这里，这样<template></template>中才能正确的引用到组件
+	components: {importExcel},  //注释编号: Procurement Inquiry System-index552416: 注册组件，把importExcel组件放在这里，这样<template></template>中才能正确的引用到组件
     setup() {   //这里配置了setup()
 
 		const instance = getCurrentInstance();