* Fix add interpreter page can not select file bug

ui/src/layouts/MainLayout/components/FormInterpreter.vue

@@ -30,8 +30,8 @@
       >
         <input
           v-model="modelRef.path"
-          @change="selectFile"
         />
+        <Button  v-if="isElectron" @click="selectFile" class="state secondary select-dir-btn">{{t('select')}}</Button>
       </FormItem>
       <FormItem
         v-if="!isElectron"
@@ -86,6 +86,8 @@ import { StateType } from "@/views/site/store";
 import { getLangSettings } from "@/views/interpreter/service";
 import { getLangInterpreter } from "@/views/interpreter/service";
 import { getElectron } from "@/utils/comm";
+import Button from "./Button.vue";
+import settings from "@/config/settings";
 
 export interface FormSiteProps {
   show?: boolean;
@@ -198,6 +200,17 @@ const clearFormData = () => {
   interpreterInfos.value = [];
 };
 
+const selectFile = () => {
+    console.log('selectFile')
+
+    const { ipcRenderer } = window.require('electron')
+    ipcRenderer.send(settings.electronMsg, 'selectFile')
+
+    ipcRenderer.on(settings.electronMsgReplay, (event, arg) => {
+    console.log(arg)
+    modelRef.value.path = arg
+    })
+}
 defineExpose({
   clearFormData,
 });

ui/src/layouts/MainLayout/components/FormWorkspace.vue

@@ -14,7 +14,7 @@
       <FormItem name="path" :label="t('path')" :info="validateInfos.path">
         <input v-if="isElectron" v-model="modelRef.path"
              />
-        <Button  v-if="isElectron" @click="selectDir" class="state secondary select-dir-btn">选择</Button>
+        <Button  v-if="isElectron" @click="selectDir" class="state secondary select-dir-btn">{{t('select')}}</Button>
         <input v-if="!isElectron" v-model="modelRef.path" />
       </FormItem>
       <FormItem name="type" :label="t('type')" :info="validateInfos.type">

ui/src/layouts/MainLayout/components/TabPageSettings.vue

 <template>
   <div class="site-main space-top space-left space-right">
+    <LanguageSettings></LanguageSettings>
+    <p class="divider setting-space-top"></p>
     <div class="t-card-toolbar">
       <div class="left strong">
         {{ t("interpreter") }}
@@ -9,10 +11,12 @@
       </Button>
     </div>
     <Table
+      v-if="interpreters.length > 0"
       :columns="columns"
       :rows="interpreters"
       :isHidePaging="true"
       :isSlotMode="true"
+      :sortable="{}"
     >
       <template #lang="record">
         {{ languageMap[record.value.lang].name }}
@@ -31,6 +35,9 @@
         </Button>
       </template>
     </Table>
+    <p v-else class="empty-tip">
+    {{ t("empty_data") }}
+    </p>
 
     <FormInterpreter
       :show="showCreateInterpreterModal"
@@ -40,9 +47,6 @@
       ref="formInterpreter"
     />
   </div>
-  <hr>
-
-  <LanguageSettings></LanguageSettings>
 </template>
 
 <script setup lang="ts">
@@ -83,6 +87,7 @@ const { t, locale } = useI18n();
 const momentUtc = momentUtcDef;
 
 let interpreters = ref<any>([]);
+
 const editInfo = ref(0);
 
 onMounted(() => {
@@ -105,7 +110,7 @@ const setColumns = () => {
       isKey: true,
       label: t("no"),
       field: "id",
-      width: "15%",
+      width: "60px",
     },
     {
       label: t("lang"),
@@ -182,7 +187,7 @@ const remove = (item) => {
 const modalClose = () => {
   showCreateInterpreterModal.value = false;
 };
-const formInterpreter = ref(null);
+const formInterpreter = ref({} as any);
 const createInterpreter = (formData) => {
     saveInterpreter(formData).then((json) => {
         if (json.code === 0) {
@@ -212,4 +217,4 @@ const createInterpreter = (formData) => {
     align-items: flex-end;
     margin-bottom: 1rem;
 }
-</style>
+</style>
\ No newline at end of file