Optimize: instance status

frontend/src/types/const.ts

@@ -1,3 +1,4 @@
+import { t } from "@/lang/i18n";
 export const CARD_FIXED_HEIGHT = 200;
 
 export const TERMINAL_CODE = [
@@ -11,3 +12,11 @@ export const TERMINAL_CODE = [
   "KS_C_5601",
   "UTF-16"
 ];
+
+export const INSTANCE_STATUS = {
+  "-1": t("状态未知"),
+  "0": t("已停止"),
+  "1": t("正在停止"),
+  "2": t("正在启动"),
+  "3": t("正在运行")
+};

frontend/src/widgets/UserInstanceList.vue

@@ -4,6 +4,7 @@ import { onMounted } from "vue";
 import type { LayoutCard } from "@/types";
 import { userInfoApi } from "@/services/apis/index";
 import { useRouter } from "vue-router";
+import { INSTANCE_STATUS } from "@/types/const";
 
 defineProps<{
   card: LayoutCard;
@@ -13,14 +14,6 @@ const router = useRouter();
 
 const { execute, state } = userInfoApi();
 
-const status = {
-  "-1": t("状态未知"),
-  "0": t("已停止"),
-  "1": t("正在停止"),
-  "2": t("正在启动"),
-  "3": t("正在运行")
-};
-
 const columns = [
   {
     title: t("实例名称"),
@@ -32,7 +25,7 @@ const columns = [
     dataIndex: "status",
     key: "status",
     customRender: (e: { text: "-1" | "1" | "2" | "3" }) => {
-      return status[e.text] || e.text;
+      return INSTANCE_STATUS[e.text] || e.text;
     }
   },
   {

frontend/src/widgets/user/AccessSettings.vue

@@ -12,6 +12,7 @@ import { useLayoutCardTools } from "@/hooks/useCardTools";
 import { updateUserInstance } from "@/services/apis";
 import UserResources from "./dialog/UserResources.vue";
 import { message } from "ant-design-vue";
+import { INSTANCE_STATUS } from "@/types/const";
 
 const props = defineProps<{
   card: LayoutCard;
@@ -113,6 +114,9 @@ const columns = computed(() => {
       dataIndex: "status",
       key: "status",
       minWidth: "200px",
+      customRender: (e: { text: "-1" | "1" | "2" | "3" }) => {
+        return INSTANCE_STATUS[e.text] || e.text;
+      },
       condition: () => !screen.isPhone.value
     },
     {