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

orion-ops-ui/src/views/system/dict-value/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="layout-container">
+  <div class="layout-container" v-if="render">
     <!-- 列表-表格 -->
     <dict-value-table ref="table"
                       @openAdd="() => modal.openAdd()"
@@ -21,11 +21,12 @@
   import DictValueTable from './components/dict-value-table.vue';
   import DictValueFormModal from './components/dict-value-form-modal.vue';
 
-  import { onUnmounted, ref } from 'vue';
+  import { ref, onBeforeMount, onUnmounted } from 'vue';
   import { useCacheStore } from '@/store';
   import { getDictKeyList } from '@/api/system/dict-key';
   import { Message } from '@arco-design/web-vue';
 
+  const render = ref(false);
   const table = ref();
   const modal = ref();
   const cacheStore = useCacheStore();
@@ -50,11 +51,16 @@
       Message.error('配置项加载失败');
     }
   };
-  loadDictKeys();
+
+  onBeforeMount(async () => {
+    // 加载字典值
+    await loadDictKeys();
+    render.value = true;
+  });
 
   // 卸载时清除 cache
   onUnmounted(() => {
-    cacheStore.set('dictKeys', []);
+    cacheStore.reset('dictKeys');
   });
 
 </script>