From 0ba260041bdb4e482bb03b2aaafbf3c988e659b1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?21=E4=B8=96=E7=BA=AA=E5=B0=8F=E5=85=AB=E8=B7=AF?=
 <2529156631@qq.com>
Date: Wed, 13 Sep 2023 00:45:57 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E5=A4=8Dvue=20=E4=BB=A3=E7=A0=81?=
 =?UTF-8?q?=E7=94=9F=E6=88=90=E5=89=8D=E7=AB=AF=E6=89=93=E5=8C=85=E9=94=99?=
 =?UTF-8?q?=E8=AF=AF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../CrudTemplete/Vue/Index.tpl                  | 17 ++++++++++-------
 1 file changed, 10 insertions(+), 7 deletions(-)

diff --git a/CoreCms.Net.CodeGenerator/CrudTemplete/Vue/Index.tpl b/CoreCms.Net.CodeGenerator/CrudTemplete/Vue/Index.tpl
index c25e89bf..4a0f4054 100644
--- a/CoreCms.Net.CodeGenerator/CrudTemplete/Vue/Index.tpl
+++ b/CoreCms.Net.CodeGenerator/CrudTemplete/Vue/Index.tpl
@@ -1,5 +1,6 @@
 <template>
-  <DStandardTable
+  <div>
+     <DStandardTable
     :tableConfig="tableConfig"
     :dispatchKey="dispatchKey"
     :dataSource="dataSourceCmp"
@@ -74,20 +75,22 @@
     :params="state.deleteDataparams"
   >
   </DeleteConfirmModal>
+  </div>
 </template>
 <script setup lang="ts">
 import DStandardTable from "@/components/table/dStandardTable.vue";
-import { I{{ModelClassName}} } from "@/models/{{ModelClassName}}";
-import { computed, ComputedRef, reactive } from "vue";
+import type { I{{ModelClassName}} } from "@/models/{{ModelClassName}}";
+import { computed, reactive } from "vue";
 import { useStore } from "vuex";
 import tableConfig from "./table-config";
 import formSchema from "./form-schema";
 import { CoreShopFormModal } from "@/components/coreshop-form";
 import searchFields from "./search-field";
 import { cloneDeep } from "lodash";
-import { IFormSchema } from "@/components/coreshop-form/type";
+import type { IFormSchema } from "@/components/coreshop-form/type";
 import dataDetailConfig from "./detail-config";
-import { DataDetailDisplay, IData } from "@/components/data-detail-display";
+import { DataDetailDisplay } from "@/components/data-detail-display";
+import type {  IData } from "@/components/data-detail-display";
 import { buildDataDetail } from "@/utils/build-data-detail";
 import Modal from "@/components/modal";
 import DeleteConfirmModal from "@/components/coreshop-modal-delete/index";
@@ -131,10 +134,10 @@ const state = reactive<{
 });
 
 const store = useStore();
-const dataSourceCmp: ComputedRef<Array<I{{ModelClassName}}>> = computed(
+const dataSourceCmp = computed<Array<I{{ModelClassName}}>>(
   () => store.state.{{ModelClassName}}.{{ModelClassName}}.{{ModelClassName}}
 );
-const totalCmp: ComputedRef<number> = computed(
+const totalCmp = computed<number>(
   () => store.state.{{ModelClassName}}.{{ModelClassName}}.count
 );