update ui

package-lock.json

@@ -11,7 +11,7 @@
         "@tinymce/tinymce-vue": "^3.2.8",
         "awe-dnd": "^0.3.4",
         "axios": "^1.3.4",
-        "book-ui": "file:../book-ui-0.3.26.tgz",
+        "book-ui": "file:../book-ui-0.3.27.tgz",
         "core-js": "^3.29.0",
         "dayjs": "^1.11.7",
         "element-ui": "^2.15.13",
@@ -5777,9 +5777,9 @@
       }
     },
     "node_modules/book-ui": {
-      "version": "0.3.26",
-      "resolved": "file:../book-ui-0.3.26.tgz",
-      "integrity": "sha512-sWIvCftnzsaRaZnsCRfrXAjBMo82lUcwCP/SWJmsyh9kjZDBoKX7KqtTN8046XzZ8aZp/TGfGH6029/Pa9aXJQ==",
+      "version": "0.3.27",
+      "resolved": "file:../book-ui-0.3.27.tgz",
+      "integrity": "sha512-YxPe79MGEUPxfnOU4J87eAbBQuic2RX2Nuxlj82Yk/fUjH4mFybf2o+vawSbYCIe5x57qFvU9gwP+iTOlFoEcQ==",
       "dependencies": {
         "awe-dnd": "^0.3.4",
         "axios": "^0.21.1",
@@ -27687,8 +27687,8 @@
       }
     },
     "book-ui": {
-      "version": "file:..\\book-ui-0.3.26.tgz",
-      "integrity": "sha512-sWIvCftnzsaRaZnsCRfrXAjBMo82lUcwCP/SWJmsyh9kjZDBoKX7KqtTN8046XzZ8aZp/TGfGH6029/Pa9aXJQ==",
+      "version": "file:..\\book-ui-0.3.27.tgz",
+      "integrity": "sha512-YxPe79MGEUPxfnOU4J87eAbBQuic2RX2Nuxlj82Yk/fUjH4mFybf2o+vawSbYCIe5x57qFvU9gwP+iTOlFoEcQ==",
       "requires": {
         "awe-dnd": "^0.3.4",
         "axios": "^0.21.1",

package.json

@@ -16,7 +16,7 @@
     "@tinymce/tinymce-vue": "^3.2.8",
     "awe-dnd": "^0.3.4",
     "axios": "^1.3.4",
-    "book-ui": "file:../book-ui-0.3.26.tgz",
+    "book-ui": "file:../book-ui-0.3.27.tgz",
     "core-js": "^3.29.0",
     "dayjs": "^1.11.7",
     "element-ui": "^2.15.13",

src/api/select.js

@@ -74,12 +74,10 @@ export function GetFinishStatusList_Course() {
  * 得到学员课程购买状态列表
  */
 export function GetStudentCourseBuyStatusList() {
-  const params = getRequestParams('dict_manager-GetStudentCourseBuyStatusList');
-
   return request({
     method: 'post',
     url: process.env.VUE_APP_FileServer,
-    params
+    params: getRequestParams('dict_manager-GetStudentCourseBuyStatusList')
   });
 }
 

src/views/main/curricula_list/student.vue

@@ -92,7 +92,7 @@ export default {
 </script>
 
 <script setup>
-import { ref, onActivated } from 'vue';
+import { ref, watch, onActivated } from 'vue';
 import { PageQueryMyJoinCourseList_Student } from '@/api/table';
 import {
   GetFinishStatusList_Course,
@@ -100,6 +100,7 @@ import {
   GetStudentCourseBuyStatusList
 } from '@/api/select';
 import { useList } from '@/utils/list';
+import i18n from '@/locales/i18n';
 
 import MainMenu from '../components/MainMenu.vue';
 
@@ -140,14 +141,28 @@ onActivated(() => {
 });
 
 let finish_status_list = ref([]); // 完成状态列表
-GetFinishStatusList_Course().then(({ finish_status_list: list }) => {
-  finish_status_list.value = list;
-});
+function getFinishStatusList_Course() {
+  GetFinishStatusList_Course().then(({ finish_status_list: list }) => {
+    finish_status_list.value = list;
+  });
+}
+getFinishStatusList_Course();
 
-let buy_status_list = ref([]); // 购买状态列表
-GetStudentCourseBuyStatusList().then(({ status_list }) => {
-  buy_status_list.value = status_list;
-});
+let buy_status_list = ref([]); // 加入状态列表
+function getStudentCourseBuyStatusList() {
+  GetStudentCourseBuyStatusList().then(({ status_list }) => {
+    buy_status_list.value = status_list;
+  });
+}
+getStudentCourseBuyStatusList();
+
+watch(
+  () => i18n.locale,
+  () => {
+    getStudentCourseBuyStatusList();
+    getFinishStatusList_Course();
+  }
+);
 
 let teacher_list = ref([]);
 GetMyJoinCourseTeacherList_Student().then(({ teacher_list: list }) => {

src/views/main/curricula_list/teacher.vue

@@ -104,13 +104,14 @@ export default {
 </script>
 
 <script setup>
-import { ref, inject, onActivated } from 'vue';
+import { ref, watch, inject, onActivated } from 'vue';
 import { PageQueryMyCourseList } from '@/api/table';
 import { GetFinishStatusList_Course } from '@/api/select';
 import { ReleaseCourse, DeleteCourse } from '@/api/course';
 import { useList } from '@/utils/list';
 import { useRouter } from 'vue-router/composables';
 import { Message, MessageBox } from 'element-ui';
+import i18n from '@/locales/i18n.js';
 
 import MainMenu from '../components/MainMenu.vue';
 
@@ -124,9 +125,19 @@ const props = defineProps({
 const emits = defineEmits(['restoreId']);
 
 let finish_status_list = ref([]);
-GetFinishStatusList_Course().then(({ finish_status_list: list }) => {
-  finish_status_list.value = list;
-});
+function getFinishStatusList_Course() {
+  GetFinishStatusList_Course().then(({ finish_status_list: list }) => {
+    finish_status_list.value = list;
+  });
+}
+getFinishStatusList_Course();
+
+watch(
+  () => i18n.locale,
+  () => {
+    getFinishStatusList_Course();
+  }
+);
 
 // 列表及查询条件
 let {