feat: i18n

Author: wangdan-fit2cloud

ui/src/locales/lang/zh_CN/index.ts

@@ -13,8 +13,12 @@ export default {
     save: '保存',
     saveSuccess: '保存成功',
     delete: '删除',
+    deleteSuccess: '删除成功',
     setting: '设置',
     cancel: '取消',
+    confirm: '确认',
+    tip: '提示',
+    professional:'购买专业版'
   },
   login: {
     authentication: '登录认证',

ui/src/locales/lang/zh_CN/views/application.ts

@@ -1,27 +1,26 @@
 export default {
   applicationList: {
     title: '应用',
+    createApplication: '创建应用',
+    importApplication: '导入应用',
+    creator: '创建者',
+    workflow: '高级编排',
+    simple: '简单配置',
     searchBar: {
       placeholder: '按名称搜索'
     },
-    card: {
-      createApplication: '创建应用',
-      overview: '概览',
+    setting: {
       demo: '演示',
-      setting: '设置',
-      delete: {
-        tooltip: '删除',
-        confirmTitle: '是否删除应用：',
-        confirmMessage: '删除后该应用将不再提供服务，请谨慎操作。',
-        confirmButton: '删除',
-        cancelButton: '取消',
-        successMessage: '删除成功'
-      }
+      copy: '复制',
+      import: '导出'
     },
-    tooltips: {
-      demo: '演示',
-      setting: '设置',
-      delete: '删除'
+    delete: {
+      confirmTitle: '是否删除应用：',
+      confirmMessage: '删除后该应用将不再提供服务，请谨慎操作。'
+    },
+    tip: {
+      importError: '导出失败',
+      professionalMessage: '社区版最多支持 5 个应用，如需拥有更多应用，请升级为专业版。'
     }
   },
   applicationForm: {
@@ -41,6 +40,11 @@ export default {
         label: '应用描述',
         placeholder: '描述该应用的应用场景及用途，如：XXX 小助手回答用户提出的 XXX 产品使用问题'
       },
+      appType: {
+        label: '选择应用类型',
+        simplePlaceholder: '适合新手创建小助手',
+        workflowPlaceholder: '适合高级用户自定义小助手的工作流'
+      },
       aiModel: {
         label: 'AI 模型',
         placeholder: '请选择 AI 模型',

ui/src/views/application/component/CreateApplicationDialog.vue

@@ -1,6 +1,6 @@
 <template>
   <el-dialog
-    :title="$t('views.application.applicationForm.title.create')"
+    :title="$t('views.application.applicationList.createApplication')"
     v-model="dialogVisible"
     width="650"
     append-to-body
@@ -34,7 +34,7 @@
           show-word-limit
         />
       </el-form-item>
-      <el-form-item label="选择应用类型">
+      <el-form-item :label="$t('views.application.applicationForm.form.appType.label')">
         <el-radio-group v-model="applicationForm.type" class="card__radio">
           <el-row :gutter="16">
             <el-col :span="12">
@@ -44,8 +44,8 @@
                 :class="applicationForm.type === 'SIMPLE' ? 'active' : ''"
               >
                 <el-radio value="SIMPLE" size="large">
-                  <p class="mb-4">简单配置</p>
-                  <el-text type="info">适合新手创建小助手</el-text>
+                  <p class="mb-4">{{ $t('views.application.applicationList.simple') }}</p>
+                  <el-text type="info">{{ $t('views.application.applicationForm.form.appType.simplePlaceholder') }}</el-text>
                 </el-radio>
               </el-card>
             </el-col>
@@ -56,8 +56,8 @@
                 :class="isWorkFlow(applicationForm.type) ? 'active' : ''"
               >
                 <el-radio value="WORK_FLOW" size="large">
-                  <p class="mb-4">高级编排</p>
-                  <el-text type="info">适合高级用户自定义小助手的工作流</el-text>
+                  <p class="mb-4">{{ $t('views.application.applicationList.workflow') }}</p>
+                  <el-text type="info">{{ $t('views.application.applicationForm.form.appType.workflowPlaceholder') }}</el-text>
                 </el-radio>
               </el-card>
             </el-col>
@@ -86,10 +86,6 @@ import applicationApi from '@/api/application'
 import { MsgSuccess, MsgAlert } from '@/utils/message'
 import { isWorkFlow } from '@/utils/application'
 import { t } from '@/locales'
-import useStore from '@/stores'
-import { ValidType, ValidCount } from '@/enums/common'
-
-const { common, user } = useStore()
 const router = useRouter()
 const emit = defineEmits(['refresh'])
 

ui/src/views/application/index.vue

@@ -41,7 +41,7 @@
             <el-card shadow="hover" class="application-card-add" style="--el-card-padding: 8px">
               <div class="card-add-button flex align-center cursor p-8" @click="openCreateDialog">
                 <AppIcon iconName="app-add-application" class="mr-8"></AppIcon>
-                创建应用
+                {{ $t('views.application.applicationList.createApplication') }}
               </div>
               <el-divider style="margin: 8px 0" />
               <el-upload
@@ -56,7 +56,8 @@
                 class="card-add-button"
               >
                 <div class="flex align-center cursor p-8">
-                  <AppIcon iconName="app-import" class="mr-8"></AppIcon>导入应用
+                  <AppIcon iconName="app-import" class="mr-8"></AppIcon>
+                  {{ $t('views.application.applicationList.importApplication') }}
                 </div>
               </el-upload>
             </el-card>
@@ -99,34 +100,32 @@
               <template #subTitle>
                 <el-text class="color-secondary" size="small">
                   <auto-tooltip :content="item.username">
-                    创建者: {{ item.username }}
+                    {{ $t('views.application.applicationList.creator') }}: {{ item.username }}
                   </auto-tooltip>
                 </el-text>
               </template>
               <div class="status-tag">
-                <el-tag type="warning" v-if="isWorkFlow(item.type)" style="height: 22px"
-                  >高级编排</el-tag
+                <el-tag type="warning" v-if="isWorkFlow(item.type)" style="height: 22px">
+                  {{ $t('views.application.applicationList.workflow') }}</el-tag
                 >
-                <el-tag class="blue-tag" v-else style="height: 22px">简单配置</el-tag>
+                <el-tag class="blue-tag" v-else style="height: 22px">
+                  {{ $t('views.application.applicationList.simple') }}
+                </el-tag>
               </div>
 
               <template #footer>
                 <div class="footer-content">
                   <el-tooltip
                     effect="dark"
-                    :content="$t('views.application.applicationList.card.demo')"
+                    :content="$t('views.application.applicationList.setting.demo')"
                     placement="top"
                   >
                     <el-button text @click.stop @click="getAccessToken(item.id)">
                       <AppIcon iconName="app-view"></AppIcon>
                     </el-button>
                   </el-tooltip>
                   <el-divider direction="vertical" />
-                  <el-tooltip
-                    effect="dark"
-                    :content="$t('views.application.applicationList.card.setting')"
-                    placement="top"
-                  >
+                  <el-tooltip effect="dark" :content="$t('common.setting')" placement="top">
                     <el-button text @click.stop="settingApplication(item)">
                       <AppIcon iconName="Setting"></AppIcon>
                     </el-button>
@@ -144,14 +143,15 @@
                             @click="copyApplication(item)"
                           >
                             <AppIcon iconName="app-copy"></AppIcon>
-                            复制</el-dropdown-item
-                          >
+                            {{ $t('views.application.applicationList.setting.copy') }}
+                          </el-dropdown-item>
                           <el-dropdown-item @click.stop="exportApplication(item)">
                             <AppIcon iconName="app-export"></AppIcon>
-                            导出
+
+                            {{ $t('views.application.applicationList.setting.import') }}
                           </el-dropdown-item>
                           <el-dropdown-item icon="Delete" @click.stop="deleteApplication(item)">{{
-                            $t('views.application.applicationList.card.delete.tooltip')
+                            $t('common.delete')
                           }}</el-dropdown-item>
                         </el-dropdown-menu>
                       </template>
@@ -228,7 +228,9 @@ const exportApplication = (application: any) => {
   applicationApi.exportApplication(application.id, application.name, loading).catch((e) => {
     if (e.response.status !== 403) {
       e.response.data.text().then((res: string) => {
-        MsgError(`导出失败:${JSON.parse(res).message}`)
+        MsgError(
+          `${t('views.application.applicationList.tip.importError')}:${JSON.parse(res).message}`
+        )
       })
     }
   })
@@ -245,10 +247,14 @@ function openCreateDialog() {
   if (user.isEnterprise()) {
     CreateApplicationDialogRef.value.open()
   } else {
-    MsgConfirm(`提示`, '社区版最多支持 5 个应用，如需拥有更多应用，请升级为专业版。', {
-      cancelButtonText: '确定',
-      confirmButtonText: '购买专业版'
-    })
+    MsgConfirm(
+      `${t('common.tip')}`,
+      `${t('views.application.applicationList.tip.professionalMessage')}`,
+      {
+        cancelButtonText: `${t('common.confirm')}`,
+        confirmButtonText: `${t('common.professional')}`
+      }
+    )
       .then(() => {
         window.open('https://maxkb.cn/pricing.html', '_blank')
       })
@@ -319,19 +325,19 @@ function getAccessToken(id: string) {
 function deleteApplication(row: any) {
   MsgConfirm(
     // @ts-ignore
-    `${t('views.application.applicationList.card.delete.confirmTitle')}${row.name} ?`,
-    t('views.application.applicationList.card.delete.confirmMessage'),
+    `${t('views.application.applicationList.delete.confirmTitle')}${row.name} ?`,
+    t('views.application.applicationList.delete.confirmMessage'),
     {
-      confirmButtonText: t('views.application.applicationList.card.delete.confirmButton'),
-      cancelButtonText: t('views.application.applicationList.card.delete.cancelButton'),
+      confirmButtonText: t('common.confirm'),
+      cancelButtonText: t('common.cancel'),
       confirmButtonClass: 'danger'
     }
   )
     .then(() => {
       applicationApi.delApplication(row.id, loading).then(() => {
         const index = applicationList.value.findIndex((v) => v.id === row.id)
         applicationList.value.splice(index, 1)
-        MsgSuccess(t('views.application.applicationList.card.delete.successMessage'))
+        MsgSuccess(t('common.deleteSuccess'))
       })
     })
     .catch(() => {})