From daae9f05a6737771333fafabcddb9e4ad4da9d50 Mon Sep 17 00:00:00 2001
From: thinkgem <thinkgem@163.com>
Date: Mon, 28 Jul 2025 12:02:59 +0800
Subject: [PATCH] =?UTF-8?q?vue=E7=94=9F=E6=88=90=E6=A8=A1=E7=89=88?=
 =?UTF-8?q?=E5=A2=9E=E5=8A=A0list=E6=9F=A5=E8=AF=A2=E6=9D=A1=E4=BB=B6?=
 =?UTF-8?q?=E5=88=9D=E5=A7=8B=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../templates/modules/gen/vue/vueList.xml     | 26 ++++++++++++-------
 1 file changed, 16 insertions(+), 10 deletions(-)

diff --git a/modules/core/src/main/resources/templates/modules/gen/vue/vueList.xml b/modules/core/src/main/resources/templates/modules/gen/vue/vueList.xml
index 003d8127..ee1f370f 100644
--- a/modules/core/src/main/resources/templates/modules/gen/vue/vueList.xml
+++ b/modules/core/src/main/resources/templates/modules/gen/vue/vueList.xml
@@ -94,7 +94,7 @@ if(table.isTreeEntity){
   </div>
 </template>
 <script lang="ts" setup name="${compNamePrefix}List">
-  import { unref<% if(toBoolean(table.optionMap['isImportExport'])){ %>, ref<% } %><% if(table.isTreeEntity || isNotBlank(table.optionMap['leftTreeRightTableFk'])){ %>, watch<% }
+  import { onMounted<% if(toBoolean(table.optionMap['isImportExport'])){ %>, ref<% } %>, unref<% if(table.isTreeEntity || isNotBlank(table.optionMap['leftTreeRightTableFk'])){ %>, watch<% }
   	%><% if(table.isTreeEntity){ %>, nextTick<% } %> } from 'vue';
   <% if(@StringUtils.contains(table.tplCategory, '_route')) { %>
   import { useEmitter } from '@jeesite/core/store/modules/user';
@@ -111,6 +111,7 @@ if(table.isTreeEntity){
   import { router } from '@jeesite/core/router';
   import { Icon } from '@jeesite/core/components/Icon';
   import { BasicTable, BasicColumn, useTable } from '@jeesite/core/components/Table';
+  import { ${ClassName}, ${className}List } from '@jeesite/${moduleMinus}/api${modulePath}${subModulePath}/${funName}';
   import { ${className}Delete, ${className}ListData } from '@jeesite/${moduleMinus}/api${modulePath}${subModulePath}/${funName}';
   <% if(toBoolean(table.optionMap['isHaveDisableEnable'])){ %>
   import { ${className}Disable, ${className}Enable } from '@jeesite/${moduleMinus}/api${modulePath}${subModulePath}/${funName}';
@@ -179,6 +180,7 @@ if(table.isTreeEntity){
   const { t } = useI18n('${moduleName}${subModuleNameDot}.${funName}');
   const { showMessage } = useMessage();
   const { meta } = unref(router.currentRoute);
+  const record = ref<${ClassName}>({} as ${ClassName});
 
   const getTitle = {
     icon: meta.icon || 'i-ant-design:book-outlined',
@@ -425,9 +427,7 @@ for(c in table.columnList){
     ],
   };
 
-  const [registerTable, { reload<% if(table.isTreeEntity){ %>, expandAll, collapseAll, expandCollapse<% } %><%
-  		if (table.isTreeEntity || isNotBlank(table.optionMap['leftTreeRightTableFk'])
-  		    || toBoolean(table.optionMap['isImportExport'])){ %>, getForm<% } %> }] = useTable({
+  const [registerTable, { reload<% if(table.isTreeEntity){ %>, expandAll, collapseAll, expandCollapse<% } %>, getForm }] = useTable({
     api: ${className}ListData,
     beforeFetch: (params) => {
       <% if(table.isTreeEntity){ %>
@@ -449,6 +449,12 @@ for(c in table.columnList){
     canResize: true,
   });
 
+  onMounted(async () => {
+    const res = await ${className}List();
+    record.value = (res.${className} || {}) as ${ClassName};
+    await getForm().setFieldsValue(record.value);
+  });
+
   <% if(!@StringUtils.contains(table.tplCategory, '_route')) { %>
   const [register${modalOrDrawer}, { open${modalOrDrawer} }] = use${modalOrDrawer}();
   <% } %>
@@ -463,7 +469,7 @@ for(c in table.columnList){
           '${table.optionMap['leftTreeRightTableFk']}': props.treeCodes[0],
         });
         <% } %>
-        reload();
+        await reload();
       }
     },
   );
@@ -511,14 +517,14 @@ for(c in table.columnList){
     const params = { ${idParam} };
     const res = await ${className}Disable(params);
     showMessage(res.message);
-    handleSuccess(record);
+    await handleSuccess(record);
   }
 
   async function handleEnable(record: Recordable) {
     const params = { ${idParam} };
     const res = await ${className}Enable(params);
     showMessage(res.message);
-    handleSuccess(record);
+    await handleSuccess(record);
   }
   <% } %>
 
@@ -526,11 +532,11 @@ for(c in table.columnList){
     const params = { ${idParam} };
     const res = await ${className}Delete(params);
     showMessage(res.message);
-    handleSuccess(record);
+    await handleSuccess(record);
   }
 
-  function handleSuccess(record: Recordable) {
-    reload({ record });
+  async function handleSuccess(record: Recordable) {
+    await reload({ record });
   }
   <% if(toBoolean(table.optionMap['isBpmForm'])){ %>