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

orion-ops-launch/src/main/resources/templates/orion-vue-views-components-card-list.vue.vm

@@ -108,7 +108,7 @@
 <script lang="ts" setup>
   import type { ${vue.featureEntity}QueryRequest, ${vue.featureEntity}QueryResponse } from '@/api/${vue.module}/${vue.feature}';
   import { usePagination, useColLayout } from '@/types/card';
-  import { computed, reactive, ref } from 'vue';
+  import { computed, reactive, ref, onMounted } from 'vue';
   import useLoading from '@/hooks/loading';
   import { objectTruthKeyCount, resetObject } from '@/utils';
   import fieldConfig from '../types/card.fields';
@@ -122,11 +122,13 @@
   #end
   import { toOptions, getEnumValue } from '@/utils/enum';
 
-  const { loading, setLoading } = useLoading();
+  const emits = defineEmits(['openAdd', 'openUpdate']);
+
+  const list = ref<${vue.featureEntity}QueryResponse[]>([]);
+
   const cardColLayout = useColLayout();
   const pagination = usePagination();
-  const list = ref<${vue.featureEntity}QueryResponse[]>([]);
-  const emits = defineEmits(['openAdd', 'openUpdate']);
+  const { loading, setLoading } = useLoading();
 
   const formRef = ref();
   const formModel = reactive<${vue.featureEntity}QueryRequest>({
@@ -155,7 +157,7 @@
           await delete${vue.featureEntity}(id);
           Message.success('删除成功');
           // 重新加载数据
-          await fetchCardData();
+          fetchCardData();
         } catch (e) {
         } finally {
           setLoading(false);
@@ -203,7 +205,10 @@
   const fetchCardData = (page = 1, limit = pagination.pageSize, form = formModel) => {
     doFetchCardData({ page, limit, ...form });
   };
-  fetchCardData();
+
+  onMounted(() => {
+    fetchCardData();
+  });
 
 </script>
 

orion-ops-launch/src/main/resources/templates/orion-vue-views-components-table.vue.vm

@@ -136,7 +136,7 @@
 
 <script lang="ts" setup>
   import type { ${vue.featureEntity}QueryRequest, ${vue.featureEntity}QueryResponse } from '@/api/${vue.module}/${vue.feature}';
-  import { reactive, ref } from 'vue';
+  import { reactive, ref, onMounted } from 'vue';
   import { batchDelete${vue.featureEntity}, delete${vue.featureEntity}, get${vue.featureEntity}Page } from '@/api/${vue.module}/${vue.feature}';
   import { Message } from '@arco-design/web-vue';
   import useLoading from '@/hooks/loading';
@@ -154,15 +154,18 @@
   #end
   import { toOptions, getEnumValue } from '@/utils/enum';
 
-  const tableRenderData = ref<${vue.featureEntity}QueryResponse[]>([]);
-  const { loading, setLoading } = useLoading();
   const emits = defineEmits(['openAdd', 'openUpdate']);
 
+  #if($vue.enableRowSelection)
+  const selectedKeys = ref<number[]>([]);
+  #end
+  const tableRenderData = ref<${vue.featureEntity}QueryResponse[]>([]);
+
   const pagination = usePagination();
   #if($vue.enableRowSelection)
-  const selectedKeys = ref<number[]>([]);
   const rowSelection = useRowSelection();
   #end
+  const { loading, setLoading } = useLoading();
 
   const formModel = reactive<${vue.featureEntity}QueryRequest>({
     #foreach($field in ${table.fields})
@@ -180,7 +183,7 @@
       Message.success(`成功删除${selectedKeys.value.length}条数据`);
       selectedKeys.value = [];
       // 重新加载数据
-      await fetchTableData();
+      fetchTableData();
     } catch (e) {
     } finally {
       setLoading(false);
@@ -198,7 +201,7 @@
       await delete${vue.featureEntity}(id);
       Message.success('删除成功');
       // 重新加载数据
-      await fetchTableData();
+      fetchTableData();
     } catch (e) {
     } finally {
       setLoading(false);
@@ -241,7 +244,10 @@
   const fetchTableData = (page = 1, limit = pagination.pageSize, form = formModel) => {
     doFetchTableData({ page, limit, ...form });
   };
-  fetchTableData();
+
+  onMounted(() => {
+    fetchTableData();
+  });
 
 </script>
 

orion-ops-launch/src/main/resources/templates/orion-vue-views-index.vue.vm

@@ -1,5 +1,5 @@
 <template>
-  <div class="layout-container">
+  <div class="layout-container" v-if="render">
     #if($vue.enableCardView)
     <!-- 列表-表格 -->
     <${vue.feature}-table v-if="renderTable"
@@ -49,12 +49,13 @@
   #end
 
   #if($vue.enableCardView)
-  import { computed, ref } from 'vue';
+  import { computed, ref, onBeforeMount } from 'vue';
   import { useAppStore } from '@/store';
   #else
   import { ref } from 'vue';
   #end
 
+  const render = ref(false);
   const table = ref();
   #if($vue.enableCardView)
   const card = ref();
@@ -97,6 +98,10 @@
     #end
   };
 
+  onBeforeMount(async () => {
+    render.value = true;
+  });
+
 </script>
 
 <style lang="less" scoped>