使用字典值替换所有枚举对象.

orion-ops-ui/src/views/asset/host-key/components/host-key-card-list.vue

@@ -81,18 +81,20 @@
 <script lang="ts" setup>
   import type { HostKeyQueryRequest, HostKeyQueryResponse } from '@/api/asset/host-key';
   import { usePagination, useColLayout } from '@/types/card';
-  import { reactive, ref } from 'vue';
+  import { reactive, ref, onMounted } from 'vue';
   import useLoading from '@/hooks/loading';
   import { resetObject } from '@/utils';
   import fieldConfig from '../types/card.fields';
   import { deleteHostKey, getHostKeyPage } from '@/api/asset/host-key';
   import { Message, Modal } from '@arco-design/web-vue';
 
-  const { loading, setLoading } = useLoading();
+  const emits = defineEmits(['openAdd', 'openUpdate', 'openView']);
+
+  const list = ref<HostKeyQueryResponse[]>([]);
+
   const cardColLayout = useColLayout();
   const pagination = usePagination();
-  const list = ref<HostKeyQueryResponse[]>([]);
-  const emits = defineEmits(['openAdd', 'openUpdate', 'openView']);
+  const { loading, setLoading } = useLoading();
 
   const formModel = reactive<HostKeyQueryRequest>({
     searchValue: undefined,
@@ -112,7 +114,7 @@
           await deleteHostKey(id);
           Message.success('删除成功');
           // 重新加载数据
-          await fetchCardData();
+          fetchCardData();
         } catch (e) {
         } finally {
           setLoading(false);
@@ -160,7 +162,10 @@
   const fetchCardData = (page = 1, limit = pagination.pageSize, form = formModel) => {
     doFetchCardData({ page, limit, ...form });
   };
-  fetchCardData();
+
+  onMounted(() => {
+    fetchCardData();
+  });
 
 </script>
 

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

@@ -99,18 +99,19 @@
 
 <script lang="ts" setup>
   import type { HostKeyQueryRequest, HostKeyQueryResponse } from '@/api/asset/host-key';
-  import { reactive, ref } from 'vue';
+  import { reactive, ref, onMounted } from 'vue';
   import { deleteHostKey, getHostKeyPage } from '@/api/asset/host-key';
   import { Message } from '@arco-design/web-vue';
   import useLoading from '@/hooks/loading';
   import columns from '../types/table.columns';
   import { usePagination } from '@/types/table';
 
-  const tableRenderData = ref<HostKeyQueryResponse[]>([]);
-  const { loading, setLoading } = useLoading();
   const emits = defineEmits(['openAdd', 'openUpdate', 'openView']);
 
+  const tableRenderData = ref<HostKeyQueryResponse[]>([]);
+
   const pagination = usePagination();
+  const { loading, setLoading } = useLoading();
 
   const formModel = reactive<HostKeyQueryRequest>({
     id: undefined,
@@ -129,7 +130,7 @@
       await deleteHostKey(id);
       Message.success('删除成功');
       // 重新加载数据
-      await fetchTableData();
+      fetchTableData();
     } catch (e) {
     } finally {
       setLoading(false);
@@ -169,7 +170,10 @@
   const fetchTableData = (page = 1, limit = pagination.pageSize, form = formModel) => {
     doFetchTableData({ page, limit, ...form });
   };
-  fetchTableData();
+
+  onMounted(() => {
+    fetchTableData();
+  });
 
 </script>
 

orion-ops-ui/src/views/asset/host-key/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="layout-container">
+  <div class="layout-container" v-if="render">
     <!-- 列表-表格 -->
     <host-key-table v-if="renderTable"
                     ref="table"
@@ -30,9 +30,10 @@
   import HostKeyTable from './components/host-key-table.vue';
   import HostKeyFormDrawer from './components/host-key-form-drawer.vue';
 
-  import { computed, ref } from 'vue';
+  import { computed, ref, onBeforeMount } from 'vue';
   import { useAppStore } from '@/store';
 
+  const render = ref(false);
   const table = ref();
   const card = ref();
   const drawer = ref();
@@ -58,6 +59,10 @@
     }
   };
 
+  onBeforeMount(async () => {
+    render.value = true;
+  });
+
 </script>
 
 <style lang="less" scoped>