重构代码.

orion-ops-ui/src/components/message-box/index.vue

@@ -101,8 +101,7 @@
   };
   const formatUnreadLength = (type: string) => {
     const list = getUnreadList(type);
-    // FIXME
+    return list.length ? `(${list.length})` : '';
-    return list.length ? `(${list.length})` : ``;
   };
   const handleItemClick = (items: MessageListType) => {
     if (renderList.value.length) readMessage([...items]);

orion-ops-ui/src/views/asset/host-identity/components/host-identity-form-modal.vue

@@ -85,7 +85,7 @@
     };
   };
 
-  const formRef = ref<any>();
+  const formRef = ref();
   const formModel = reactive<HostIdentityUpdateRequest & Record<string, any>>(defaultForm());
 
   const emits = defineEmits(['added', 'updated']);

orion-ops-ui/src/views/asset/host-key/components/host-key-form-drawer.vue

@@ -116,7 +116,7 @@
     };
   };
 
-  const formRef = ref<any>();
+  const formRef = ref();
   const formModel = reactive<HostKeyUpdateRequest & Record<string, any>>(defaultForm());
 
   const emits = defineEmits(['added', 'updated']);

orion-ops-ui/src/views/asset/host/components/host-config-drawer.vue

@@ -60,7 +60,6 @@
         config.value[s.type] = s;
       });
     } catch ({ message }) {
-      // FIXME
       Message.error(`配置加载失败 ${message}`);
       setVisible(false);
     } finally {

orion-ops-ui/src/views/asset/host/components/host-config-ssh-form.vue

@@ -158,7 +158,7 @@
     version: undefined,
   });
 
-  const formRef = ref<any>();
+  const formRef = ref();
   const formModel = reactive<HostSshConfig & Record<string, any>>({
     username: undefined,
     port: undefined,

orion-ops-ui/src/views/asset/host/components/host-form-modal.vue

@@ -76,7 +76,7 @@
     };
   };
 
-  const formRef = ref<any>();
+  const formRef = ref();
   const formModel = reactive<HostUpdateRequest & Record<string, any>>(defaultForm());
 
   const emits = defineEmits(['added', 'updated']);

orion-ops-ui/src/views/system/menu/components/menu-form-modal.vue

@@ -151,7 +151,7 @@
     };
   };
 
-  const formRef = ref<any>();
+  const formRef = ref();
   const formModel = reactive<MenuUpdateRequest & Record<string, any>>(defaultForm());
 
   const emits = defineEmits(['added', 'updated']);

orion-ops-ui/src/views/system/menu/components/menu-table.vue

@@ -181,13 +181,13 @@
 
   const cacheStore = useCacheStore();
 
-  const formRef = ref<any>();
+  const formRef = ref();
   const formModel = reactive<MenuQueryRequest>({
     name: undefined,
     status: undefined
   });
 
-  const tableRef = ref<any>();
+  const tableRef = ref();
   const expandStatus = ref<boolean>(false);
 
   const tableRenderData = ref<MenuQueryResponse[]>([]);

orion-ops-ui/src/views/system/menu/index.vue

@@ -24,8 +24,8 @@
   import { onUnmounted, ref } from 'vue';
   import { useCacheStore } from '@/store';
 
-  const table = ref<any>();
+  const table = ref();
-  const modal = ref<any>();
+  const modal = ref();
 
   // 卸载时清除 menu cache
   onUnmounted(() => {

orion-ops-ui/src/views/user/role/components/role-form-modal.vue

@@ -61,7 +61,7 @@
     };
   };
 
-  const formRef = ref<any>();
+  const formRef = ref();
   const formModel = reactive<RoleUpdateRequest & Record<string, any>>(defaultForm());
 
   const emits = defineEmits(['added', 'updated']);

orion-ops-ui/src/views/user/role/components/role-menu-grant-modal.vue

@@ -56,7 +56,7 @@
   const { visible, setVisible } = useVisible();
   const { loading, setLoading } = useLoading();
 
-  const tree = ref<any>();
+  const tree = ref();
   const roleRecord = reactive<Record<string, any>>({
     id: undefined,
     name: undefined,

orion-ops-ui/src/views/user/role/components/role-table.vue

@@ -62,6 +62,8 @@
       </template>
       <!-- 状态 -->
       <template #status="{ record }">
+        <!-- FIXME -->
+        <span class="circle"></span>
         <a-tag :color="getEnumValue(record.status, RoleStatusEnum,'color')">
           {{ getEnumValue(record.status, RoleStatusEnum) }}
         </a-tag>

orion-ops-ui/src/views/user/user/components/user-form-modal.vue

@@ -79,7 +79,7 @@
     };
   };
 
-  const formRef = ref<any>();
+  const formRef = ref();
   const formModel = reactive<UserUpdateRequest & Record<string, any>>(defaultForm());
 
   const emits = defineEmits(['added', 'updated']);

orion-ops-ui/src/views/user/user/components/user-grant-roles-form-modal.vue

@@ -67,7 +67,7 @@
     };
   };
 
-  const formRef = ref<any>();
+  const formRef = ref();
   const formModel = reactive<Record<string, any>>(defaultForm());
   const cacheStore = useCacheStore();
 

orion-ops-ui/src/views/user/user/components/user-reset-password-form-modal.vue

@@ -63,7 +63,7 @@
     };
   };
 
-  const formRef = ref<any>();
+  const formRef = ref();
   const formModel = reactive<Record<string, any>>(defaultForm());
 
   // 打开

orion-ops-ui/src/views/user/user/components/user-table.vue

@@ -72,6 +72,7 @@
              :bordered="false">
       <!-- 状态 -->
       <template #status="{ record }">
+        <!-- FIXME -->
         <a-tag :color="getEnumValue(record.status, UserStatusEnum,'color')">
           {{ getEnumValue(record.status, UserStatusEnum) }}
         </a-tag>