fix:switching between zh and en bug

Author: user-xixiboliya

.gitignore

@@ -21,3 +21,4 @@ console/atest-desktop/atest.exe
 console/atest-desktop/coverage
 atest-store-git
 .db
+.marscode/

console/atest-ui/package-lock.json

@@ -9,7 +9,7 @@ import {
     Guide,
     DataAnalysis, Help, Setting
 } from '@element-plus/icons-vue'
-import { ref, watch } from 'vue'
+import { ref, watch, getCurrentInstance} from 'vue'
 import { API } from './views/net'
 import { Cache } from './views/cache'
 import TestingPanel from './views/TestingPanel.vue'
@@ -20,8 +20,12 @@ import SecretManager from './views/SecretManager.vue'
 import WelcomePage from './views/WelcomePage.vue'
 import DataManager from './views/DataManager.vue'
 import { useI18n } from 'vue-i18n'
+import ElementPlus from 'element-plus'; 
+import zhCn from 'element-plus/dist/locale/zh-cn.mjs' 
+import enUS from 'element-plus/dist/locale/en.mjs'   
 
 const { t, locale: i18nLocale } = useI18n()
+const app = getCurrentInstance()?.appContext.app;
 
 import { setAsDarkTheme, getThemes, setTheme, getTheme } from './theme'
 
@@ -66,19 +70,25 @@ const handleSelect = (key: string) => {
 const locale = ref(Cache.GetPreference().language)
 i18nLocale.value = locale.value
 
-watch(locale, (e: string) =>{
-  Cache.WithLocale(e)
-  i18nLocale.value = e
-})
+watch(locale, (newLocale: string) => {
+  updateLocale(newLocale);
+});
+const updateLocale = (newLocale: string) => {
+  locale.value = newLocale;
+  i18nLocale.value = newLocale;
+  Cache.WithLocale(newLocale);
 
+  const elementLocale = newLocale === 'zh-CN' ? zhCn : enUS;
+  app?.use(ElementPlus, { locale: elementLocale }); 
+};
 const handleChangeLan = (command: string) => {
   switch (command) {
     case "chinese":
-      locale.value = "zh-CN"
-      break;
+    locale.value = 'zh-CN';
+    break;
     case "english":
-      locale.value = "en-US"
-      break;
+    locale.value = 'en-US';
+    break;
   }
 };
 

console/atest-ui/src/App.vue

@@ -39,6 +39,7 @@
         "codeGenerator": "代码生成",
         "testing": "测试",
         "history": "测试历史",
+        "mock": "模拟",
         "welcome": "欢迎",
         "secrets": "凭据",
         "stores": "存储",

console/atest-ui/src/locales/zh.json

@@ -46,8 +46,8 @@ app.config.errorHandler = (error) => {
 app.use(ElementPlus, {
   locale: lang === 'zh' ? zhCn : enUS
 })
-app.use(i18n)
 
+app.use(i18n)
 app.mount('#app')
 
 const dontShowAgain = window.location.search.indexOf('newbie') === -1;

console/atest-ui/src/main.ts

@@ -306,7 +306,8 @@ const renameTestSuite = (name: string) => {
         <HistoryInput placeholder="API" v-model="suite.api" group="apiAddress" />
       </el-form-item>
       <table style="width: 100%">
-        <tr>
+        <tbody>
+         <tr>
           <td>
             <el-select
               v-model="suite.spec.kind"
@@ -329,6 +330,7 @@ const renameTestSuite = (name: string) => {
               />
           </td>
         </tr>
+       </tbody>
       </table>
 
       <el-collapse>

console/atest-ui/src/views/TestSuite.vue

@@ -122,3 +122,7 @@ help:
 	@echo -e "Usage:\n  make \033[36m<Target>\033[0m \033[36m<Option>\033[0m\n\nTargets:"
 	@awk 'BEGIN {FS = ":.*##"; printf ""} /^[a-zA-Z_0-9-]+:.*?##/ { printf "  \033[36m%-15s\033[0m %s\n", $$1, $$2 } /^##@/ { printf "\n\033[1m%s\033[0m\n", substr($$0, 5) } ' $(MAKEFILE_LIST)
 	@echo -e "\n$$USAGE_OPTIONS"
+
+.PHONY: fmt
+fmt:
+	go fmt ./...