diff --git a/internal/app/system/controller/sys_monitor.go b/internal/app/system/controller/sys_monitor.go
index a039db2..8c4ad8b 100644
--- a/internal/app/system/controller/sys_monitor.go
+++ b/internal/app/system/controller/sys_monitor.go
@@ -10,6 +10,7 @@ import (
 	"github.com/shirou/gopsutil/v3/host"
 	"github.com/shirou/gopsutil/v3/load"
 	"github.com/shirou/gopsutil/v3/mem"
+	"github.com/shirou/gopsutil/v3/process"
 	"github.com/tiger1103/gfast/v3/api/v1/system"
 	"github.com/tiger1103/gfast/v3/library/libUtils"
 	"os"
@@ -62,12 +63,15 @@ func (c *sysMonitorController) List(ctx context.Context, req *system.MonitorSear
 	var goFree uint64 = 0   //go剩余的内存数
 	var goUsage float64 = 0 //使用率
 
-	var gomem runtime.MemStats
-	runtime.ReadMemStats(&gomem)
-	goUsed = gomem.Sys
-	goUsage = gconv.Float64(fmt.Sprintf("%.2f", gconv.Float64(goUsed)/gconv.Float64(memTotal)*100))
+	p, err := process.NewProcess(int32(os.Getpid()))
+	if err == nil {
+		memInfo, err := p.MemoryInfo()
+		if err == nil {
+			goUsed = memInfo.RSS
+			goUsage = gconv.Float64(fmt.Sprintf("%.2f", gconv.Float64(goUsed)/gconv.Float64(memTotal)*100))
+		}
+	}
 	sysComputerIp := "" //服务器IP
-
 	ip, err := libUtils.GetLocalIP()
 	if err == nil {
 		sysComputerIp = ip
diff --git a/internal/app/system/logic/toolsGenTableColumn/tools_gen_table_column.go b/internal/app/system/logic/toolsGenTableColumn/tools_gen_table_column.go
index eec1068..e09c81f 100644
--- a/internal/app/system/logic/toolsGenTableColumn/tools_gen_table_column.go
+++ b/internal/app/system/logic/toolsGenTableColumn/tools_gen_table_column.go
@@ -192,7 +192,7 @@ func (s *sToolsGenTableColumn) InitColumnField(column *entity.ToolsGenTableColum
 	column.SortOrderList = column.SortOrderEdit
 	column.SortOrderDetail = column.SortOrderEdit
 	column.SortOrderQuery = column.SortOrderEdit
-	column.ColSpan = 12
+	column.ColSpan = 1
 	column.RowSpan = 1
 	column.IsRowStart = false
 	column.MinWidth = 150
diff --git a/internal/consts/version.go b/internal/consts/version.go
index 427f7ca..cb70b5d 100644
--- a/internal/consts/version.go
+++ b/internal/consts/version.go
@@ -9,5 +9,5 @@ package consts
 
 const (
 	Logo    = `CiAgIF9fX19fX19fX19fXyAgICAgICAgICAgX18gCiAgLyBfX19fLyBfX19fL19fXyBfX19fX18vIC9fCiAvIC8gX18vIC9fICAvIF9fIGAvIF9fXy8gX18vCi8gL18vIC8gX18vIC8gL18vIChfXyAgKSAvXyAgClxfX19fL18vICAgIFxfXyxfL19fX18vXF9fLyAg`
-	Version = "3.2.27"
+	Version = "3.2.28"
 )
diff --git a/resource/template/vm/vue/detail-vue.template b/resource/template/vm/vue/detail-vue.template
index 75a6b71..2b12d24 100644
--- a/resource/template/vm/vue/detail-vue.template
+++ b/resource/template/vm/vue/detail-vue.template
@@ -10,109 +10,155 @@
       <template #header>
         <h4>{{.table.TableComment}}详情</h4>
       </template>
-      <el-form ref="formRef" :model="formData" label-width="100px">
-      {{ $hasRowEnd := true }}
-      {{range $index, $column := .table.DetailColumns}}
-        {{if and (eq $column.IsRowStart true) (ne $index 0)}}
-          {{ $hasRowEnd = true }}
-        </el-row>
-        {{end}}
-        {{if or (eq $column.IsRowStart true) (eq $index 0)}}
-          {{ $hasRowEnd = false }}
-        <el-row>
-        {{end}}
+      <el-descriptions
+              class="margin-top"
+              :column="3"
+              border
+              style="margin: 8px;"
+      >
+        {{range $index, $column := .table.DetailColumns}}
         {{if eq $column.HtmlType "input" "textarea" "radio" "checkbox" "select" "selects" "treeSelect" "treeSelects"}}
-          <el-col :span="{{$column.ColSpan}}">
-          {{if ne $column.LinkTableName ""}}
-            {{range $ti, $linkedTable := $.table.LinkedTables}}
-            {{if eq $column.LinkTableClass $linkedTable.ClassName}}
-            {{if eq $column.HtmlType "selects" "checkbox" "treeSelects"}}
-            <el-form-item label="{{$column.ColumnComment}}">{{"{{"}} formData.linked{{$column.GoField}}?formData.linked{{$column.GoField}}.map((res:any)=>{return res.{{CaseCamelLower $column.LinkLabelName}}}).join('，'):'' {{"}}"}}</el-form-item>
+          <el-descriptions-item :span="{{$column.ColSpan}}">
+            {{if ne $column.LinkTableName ""}}
+              {{range $ti, $linkedTable := $.table.LinkedTables}}
+                {{if eq $column.LinkTableClass $linkedTable.ClassName}}
+                  {{if eq $column.HtmlType "selects" "checkbox" "treeSelects"}}
+                    <template #label>
+                      <div class="cell-item">
+                        {{$column.ColumnComment}}
+                      </div>
+                    </template>
+                    {{"{{"}} formData.linked{{$column.GoField}}?formData.linked{{$column.GoField}}.map((res:any)=>{return res.{{CaseCamelLower $column.LinkLabelName}}}).join('，'):'' {{"}}"}}
+                  {{else}}
+                    <template #label>
+                      <div class="cell-item">
+                        {{$column.ColumnComment}}
+                      </div>
+                    </template>
+                    {{"{{"}} formData.linked{{$column.GoField}}?formData.linked{{$column.GoField}}.{{CaseCamelLower $column.LinkLabelName}}:'' {{"}}"}}
+                  {{end}}
+                {{end}}
+              {{end}}
+            {{else if ne $column.DictType ""}}
+              {{if eq $column.HtmlType "checkbox" }}
+                <template #label>
+                  <div class="cell-item">
+                    {{$column.ColumnComment}}
+                  </div>
+                </template>
+                <el-tag class="ml-2" type="success" v-for="(item,key) in formData.{{$column.HtmlField}}" :key="'{{$column.HtmlField}}-'+key">
+                  {{"{{"}} proxy.getOptionValue(item, {{$column.HtmlField}}Options,'value','label') {{"}}"}}
+                </el-tag>
+              {{else}}
+                <template #label>
+                  <div class="cell-item">
+                    {{$column.ColumnComment}}
+                  </div>
+                </template>
+                {{"{{"}} proxy.getOptionValue({{if eq $column.TsType "boolean"}}formData.{{$column.HtmlField}}?'1':'0'{{else}}formData.{{$column.HtmlField}}{{end}}, {{$column.HtmlField}}Options,'value','label') {{"}}"}}
+              {{end}}
             {{else}}
-            <el-form-item label="{{$column.ColumnComment}}">{{"{{"}} formData.linked{{$column.GoField}}?formData.linked{{$column.GoField}}.{{CaseCamelLower $column.LinkLabelName}}:'' {{"}}"}}</el-form-item>
+              <template #label>
+                <div class="cell-item">
+                  {{$column.ColumnComment}}
+                </div>
+              </template>
+              {{"{{"}} formData.{{$column.HtmlField}} {{"}}"}}
             {{end}}
-            {{end}}
-            {{end}}
-          {{else if ne $column.DictType ""}}
-          {{if eq $column.HtmlType "checkbox" }}
-          <el-form-item label="{{$column.ColumnComment}}">
-            <el-tag class="ml-2" type="success" v-for="(item,key) in formData.{{$column.HtmlField}}" :key="'{{$column.HtmlField}}-'+key">
-              {{"{{"}} proxy.getOptionValue(item, {{$column.HtmlField}}Options,'value','label') {{"}}"}}
-            </el-tag>
-          </el-form-item>
-          {{else}}
-          <el-form-item label="{{$column.ColumnComment}}">{{"{{"}} proxy.getOptionValue({{if eq $column.TsType "boolean"}}formData.{{$column.HtmlField}}?'1':'0'{{else}}formData.{{$column.HtmlField}}{{end}}, {{$column.HtmlField}}Options,'value','label') {{"}}"}}</el-form-item>
-          {{end}}
-          {{else}}
-            <el-form-item label="{{$column.ColumnComment}}">{{"{{"}} formData.{{$column.HtmlField}} {{"}}"}}</el-form-item>
-          {{end}}
-          </el-col>
+          </el-descriptions-item>
         {{else if eq $column.HtmlType "date"}}
-          <el-col :span="{{$column.ColSpan}}">
-            <el-form-item label="{{$column.ColumnComment}}">{{"{{"}} proxy.parseTime(formData.{{$column.HtmlField}}, '{y}-{m}-{d}') {{"}}"}}</el-form-item>
-          </el-col>
+          <el-descriptions-item :span="{{$column.ColSpan}}">
+            <template #label>
+              <div class="cell-item">
+                {{$column.ColumnComment}}
+              </div>
+            </template>
+            {{"{{"}} proxy.parseTime(formData.{{$column.HtmlField}}, '{y}-{m}-{d}') {{"}}"}}
+          </el-descriptions-item>
         {{else if eq $column.HtmlType "datetime"}}
-          <el-col :span="{{$column.ColSpan}}">
-            <el-form-item label="{{$column.ColumnComment}}">{{"{{"}} proxy.parseTime(formData.{{$column.HtmlField}}, '{y}-{m}-{d} {h}:{i}:{s}') {{"}}"}}</el-form-item>
-          </el-col>
+          <el-descriptions-item :span="{{$column.ColSpan}}">
+            <template #label>
+              <div class="cell-item">
+                {{$column.ColumnComment}}
+              </div>
+            </template>
+            {{"{{"}} proxy.parseTime(formData.{{$column.HtmlField}}, '{y}-{m}-{d} {h}:{i}:{s}') {{"}}"}}
+          </el-descriptions-item>
         {{else if eq $column.HtmlType "richtext"}}
-          <el-col :span="{{$column.ColSpan}}">
-            <el-form-item label="{{$column.ColumnComment}}">
-              <p v-html="formData.{{$column.HtmlField}}"></p>
-            </el-form-item>
-          </el-col>
+          <el-descriptions-item :span="{{$column.ColSpan}}">
+            <template #label>
+              <div class="cell-item">
+                {{$column.ColumnComment}}
+              </div>
+            </template>
+            <div v-html="formData.{{$column.HtmlField}}"></div>
+          </el-descriptions-item>
         {{else if eq $column.HtmlType "imagefile"}}
-          <el-col :span="{{$column.ColSpan}}">
-            <el-form-item label="{{$column.ColumnComment}}">
-              <el-image
-                style="width: 150px; height: 150px"
-                v-if="!proxy.isEmpty(formData.{{$column.HtmlField}})"
-                :src="proxy.getUpFileUrl(formData.{{$column.HtmlField}})"
-                fit="contain"></el-image>
-            </el-form-item>
-          </el-col>
+          <el-descriptions-item :span="{{$column.ColSpan}}">
+            <template #label>
+              <div class="cell-item">
+                {{$column.ColumnComment}}
+              </div>
+            </template>
+            <el-image
+                    style="width: 150px; height: 150px"
+                    v-if="!proxy.isEmpty(formData.{{$column.HtmlField}})"
+                    :src="proxy.getUpFileUrl(formData.{{$column.HtmlField}})"
+                    fit="contain"></el-image>
+          </el-descriptions-item>
         {{else if eq $column.HtmlType "images"}}
-          <el-col :span="{{$column.ColSpan}}">
-            <el-form-item label="{{$column.ColumnComment}}">
-              <div class="pic-block" v-for="(img,key) in formData.{{$column.HtmlField}}" :key="'{{$column.HtmlField}}-'+key">
-                <el-image
-                  style="width: 150px; height: 150px"
-                  v-if="!proxy.isEmpty(img.url)"
-                  :src="proxy.getUpFileUrl(img.url)"
-                  fit="contain"></el-image>
+          <el-descriptions-item :span="{{$column.ColSpan}}">
+            <template #label>
+              <div class="cell-item">
+                {{$column.ColumnComment}}
               </div>
-            </el-form-item>
-          </el-col>
+            </template>
+            <div class="pic-block" v-for="(img,key) in formData.{{$column.HtmlField}}" :key="'{{$column.HtmlField}}-'+key">
+              <el-image
+                      style="width: 150px; height: 150px"
+                      v-if="!proxy.isEmpty(img.url)"
+                      :src="proxy.getUpFileUrl(img.url)"
+                      fit="contain"></el-image>
+            </div>
+          </el-descriptions-item>
         {{else if eq $column.HtmlType "file"}}
-          <el-col :span="{{$column.ColSpan}}">
-            <el-form-item label="{{$column.ColumnComment}}">
-              <div class="file-block" v-for="(item,key) in formData.{{$column.HtmlField}}" :key="'{{$column.HtmlField}}-'+key">
-                <el-link type="primary" :underline="false"
-                         :href="proxy.getUpFileUrl(item.url)" target="_blank">{{"{{"}}item.name{{"}}"}}</el-link>
+          <el-descriptions-item :span="{{$column.ColSpan}}">
+            <template #label>
+              <div class="cell-item">
+                {{$column.ColumnComment}}
               </div>
-            </el-form-item>
-          </el-col>
+            </template>
+            <div class="file-block" v-for="(item,key) in formData.{{$column.HtmlField}}" :key="'{{$column.HtmlField}}-'+key">
+              <el-link type="primary" :underline="false"
+                       :href="proxy.getUpFileUrl(item.url)" target="_blank">{{"{{"}}item.name{{"}}"}}</el-link>
+            </div>
+          </el-descriptions-item>
         {{else if eq $column.HtmlType "files"}}
-          <el-col :span="{{$column.ColSpan}}">
-            <el-form-item label="{{$column.ColumnComment}}">
-              <div class="file-block" v-for="(item,key) in formData.{{$column.HtmlField}}" :key="'{{$column.HtmlField}}-'+key">
-                <el-link type="primary" :underline="false"
-                         :href="proxy.getUpFileUrl(item.url)" target="_blank">{{"{{"}}item.name{{"}}"}}</el-link>
+          <el-descriptions-item :span="{{$column.ColSpan}}">
+            <template #label>
+              <div class="cell-item">
+                {{$column.ColumnComment}}
               </div>
-            </el-form-item>
-          </el-col>
+            </template>
+            <div class="file-block" v-for="(item,key) in formData.{{$column.HtmlField}}" :key="'{{$column.HtmlField}}-'+key">
+              <el-link type="primary" :underline="false"
+                       :href="proxy.getUpFileUrl(item.url)" target="_blank">{{"{{"}}item.name{{"}}"}}</el-link>
+            </div>
+          </el-descriptions-item>
         {{else if eq $column.HtmlType "keyValue"}}
-          <el-form-item label="{{$column.ColumnComment}}">
+          <el-descriptions-item :span="{{$column.ColSpan}}">
+            <template #label>
+              <div class="cell-item">
+                {{$column.ColumnComment}}
+              </div>
+            </template>
             <el-tag class="ml-2" v-for="(item,key) in formData.{{$column.HtmlField}}" :key="'{{$column.HtmlField}}-'+key">
               {{"{{"}} item.key {{"}}"}} : {{"{{"}} item.value {{"}}"}}
             </el-tag>
-          </el-form-item>
+          </el-descriptions-item>
         {{end}}
-      {{end}}
-      {{if not $hasRowEnd}}
-        </el-row>
-      {{end}}
-      </el-form>
+        {{end}}
+      </el-descriptions>
     </el-drawer>
   </div>
 </template>
@@ -139,7 +185,7 @@
   {{end}}
 {{end}}
 
-<script lang="ts">
+<script setup lang="ts">
   import { reactive, toRefs, defineComponent,ref,unref,getCurrentInstance,computed } from 'vue';
   import {ElMessageBox, ElMessage, FormInstance,UploadProps} from 'element-plus';
   {{/*去重处理*/}}
@@ -175,298 +221,244 @@
     {{.table.ClassName}}TableDataState,
     {{.table.ClassName}}EditState
   } from "/@/views/{{.modulePath}}/{{$businessName}}/list/component/model"
-  export default defineComponent({
-    name:"{{.apiVersion|replace "/" "_"|CaseCamel}}{{.modulePath|replace "/" "_"|CaseCamel}}{{.table.ClassName}}Detail",
-    {{$hascomponent := false}}
-    {{if or $imgsImp $tokenImp $fileImp}}
-    {{$hascomponent = true}}
-    {{end}}
-    {{if $hascomponent}}
-    components:{
-      {{if $editImp}}
-      GfUeditor,
-      {{end}}
-      {{if $imgsImp}}
-      uploadImg,
-      {{end}}
-      {{if $fileImp}}
-      uploadFile,
-      {{end}}
-    },
-    {{end}}
-    {{$hasProps := false}}
-    {{if eq .table.TplCategory "tree"}}
-    {{$hasProps = true}}
-    {{end}}
-    {{if not $hasProps}}
+  defineOptions({ name: "{{.apiVersion|replace "/" "_"|CaseCamel}}{{.modulePath|replace "/" "_"|CaseCamel}}{{.table.ClassName}}Detail"})
+  {{$hascomponent := false}}
+  {{if or $imgsImp $tokenImp $fileImp}}
+  {{$hascomponent = true}}
+  {{end}}
+  {{$hasProps := false}}
+  {{if eq .table.TplCategory "tree"}}
+  {{$hasProps = true}}
+  {{end}}
+  {{if not $hasProps}}
+  {{range $index, $column := .table.Columns}}
+  {{if or (ne $column.DictType "") (ne $column.LinkTableName "") }}
+  {{$hasProps = true}}
+  {{end}}
+  {{end}}
+  {{end}}
+  {{if $hasProps}}
+  const props = defineProps({
     {{range $index, $column := .table.Columns}}
-    {{if or (ne $column.DictType "") (ne $column.LinkTableName "") }}
-    {{$hasProps = true}}
+    {{if ne $column.DictType ""}}
+    {{$column.HtmlField}}Options:{
+      type:Array,
+      default:()=>[]
+    },
+    {{else if ne $column.LinkTableName ""}}
+    {{if $column.IsCascade}}
+    {{/*级联处理*/}}
+    {{end}}
+    {{/*关联表处理*/}}
+    {{$column.HtmlField}}Options:{
+      type:Array,
+      default:()=>[]
+    },
     {{end}}
     {{end}}
+    {{if eq .table.TplCategory "tree"}}
+    // {{.table.TableComment}}树选项
+    {{$businessName}}Options :{
+      type:Array,
+      default:()=>[]
+    },
     {{end}}
-    {{if $hasProps}}
-    props:{
+  })
+  {{end}}
+
+  {{if or $imgsImp $tokenImp $fileImp}}
+  const baseURL:string|undefined|boolean = import.meta.env.VITE_API_URL
+  {{end}}
+  const {proxy} = <any>getCurrentInstance()
+  const formRef = ref<HTMLElement | null>(null);
+  const menuRef = ref();
+  {{range $index, $column := .table.Columns}}
+  {{if eq $column.HtmlType "imagefile"}}
+  //图片上传地址
+  const imageUrl{{$column.GoField}} = ref('')
+  //上传加载
+  const upLoading{{$column.GoField}} = ref(false)
+  {{end}}
+  {{end}}
+  const state = reactive<{{.table.ClassName}}EditState>({
+    loading:false,
+    isShowDialog: false,
+    formData: {
       {{range $index, $column := .table.Columns}}
-      {{if ne $column.DictType ""}}
-      {{$column.HtmlField}}Options:{
-        type:Array,
-        default:()=>[]
-      },
-      {{else if ne $column.LinkTableName ""}}
-      {{if $column.IsCascade}}
-      {{/*级联处理*/}}
-      {{end}}
-      {{/*关联表处理*/}}
-      {{$column.HtmlField}}Options:{
-        type:Array,
-        default:()=>[]
-      },
+      {{if eq $column.HtmlType "radio"}}
+      {{$column.HtmlField}}: false ,
+      {{else if eq $column.HtmlType "images" "file" "files" "checkbox" "selects" "treeSelects" "keyValue"}}
+      {{$column.HtmlField}}: [] ,
+      {{else}}
+      {{$column.HtmlField}}: undefined,
+      {{range $ti, $linkedTable := $.table.LinkedTables}}
+      {{if eq $column.LinkTableClass $linkedTable.ClassName}}
+      {{if eq $column.HtmlType "checkbox" "selects" "treeSelects"}}
+      linked{{$column.GoField}}:[],
+      {{else}}
+      linked{{$column.GoField}}:{{ "{" }}{{CaseCamelLower $column.LinkLabelId}}:undefined,{{CaseCamelLower $column.LinkLabelName}}:undefined {{ "}" }},
       {{end}}
       {{end}}
-      {{if eq .table.TplCategory "tree"}}
-      // {{.table.TableComment}}树选项
-      {{$businessName}}Options :{
-        type:Array,
-        default:()=>[]
+      {{end}}
+      {{end}}
+      {{end}}
+      {{range $ti, $linkedTable := .table.LinkedTables}}
+      linked{{$.table.ClassName}}{{$linkedTable.ClassName}}: {
+        {{range $ci, $linkedColumn := $linkedTable.RefColumns.Values}}
+        {{$linkedColumn.HtmlField}}:{{if eq $linkedColumn.HtmlType "images" "file" "files"}}[]{{else}}undefined{{end}},    // {{$linkedColumn.ColumnComment}}
+        {{end}}
       },
       {{end}}
     },
-    {{end}}
-    setup(props,{emit}) {
-      {{if or $imgsImp $tokenImp $fileImp}}
-      const baseURL:string|undefined|boolean = import.meta.env.VITE_API_URL
-      {{end}}
-      const {proxy} = <any>getCurrentInstance()
-      const formRef = ref<HTMLElement | null>(null);
-      const menuRef = ref();
+    // 表单校验
+    rules: {
       {{range $index, $column := .table.Columns}}
-      {{if eq $column.HtmlType "imagefile"}}
-      //图片上传地址
-      const imageUrl{{$column.GoField}} = ref('')
-      //上传加载
-      const upLoading{{$column.GoField}} = ref(false)
+      {{if $column.IsRequired}}
+      {{$column.HtmlField}} : [
+          { required: true, message: "{{$column.ColumnComment}}不能为空", trigger: "blur" }
+      ]{{if ne $lens $index}},{{end}}
       {{end}}
       {{end}}
-      const state = reactive<{{.table.ClassName}}EditState>({
-        loading:false,
-        isShowDialog: false,
-        formData: {
-          {{range $index, $column := .table.Columns}}
-          {{if eq $column.HtmlType "radio"}}
-          {{$column.HtmlField}}: false ,
-          {{else if eq $column.HtmlType "images" "file" "files" "checkbox" "selects" "treeSelects" "keyValue"}}
-          {{$column.HtmlField}}: [] ,
-          {{else}}
-          {{$column.HtmlField}}: undefined,
-          {{range $ti, $linkedTable := $.table.LinkedTables}}
-          {{if eq $column.LinkTableClass $linkedTable.ClassName}}
-          {{if eq $column.HtmlType "checkbox" "selects" "treeSelects"}}
-          linked{{$column.GoField}}:[],
-          {{else}}
-          linked{{$column.GoField}}:{{ "{" }}{{CaseCamelLower $column.LinkLabelId}}:undefined,{{CaseCamelLower $column.LinkLabelName}}:undefined {{ "}" }},
-          {{end}}
-          {{end}}
-          {{end}}
-          {{end}}
-          {{end}}
-          {{range $ti, $linkedTable := .table.LinkedTables}}
-          linked{{$.table.ClassName}}{{$linkedTable.ClassName}}: {
-            {{range $ci, $linkedColumn := $linkedTable.RefColumns.Values}}
-            {{$linkedColumn.HtmlField}}:{{if eq $linkedColumn.HtmlType "images" "file" "files"}}[]{{else}}undefined{{end}},    // {{$linkedColumn.ColumnComment}}
-            {{end}}
-          },
-          {{end}}
-        },
-        // 表单校验
-        rules: {
-          {{range $index, $column := .table.Columns}}
-          {{if $column.IsRequired}}
-          {{$column.HtmlField}} : [
-              { required: true, message: "{{$column.ColumnComment}}不能为空", trigger: "blur" }
-          ]{{if ne $lens $index}},{{end}}
-          {{end}}
-          {{end}}
-        }
-      });
-        // 打开弹窗
-        const openDialog = (row?: {{.table.ClassName}}InfoData) => {
-          resetForm();
-          if(row) {
-            get{{.table.ClassName}}(row.{{.table.PkColumn.HtmlField}}!).then((res:any)=>{
-              const data = res.data;
-              {{range $index, $column := .table.DetailColumns}}
-              {{if and (ne $treeParentCode "") (eq $column.HtmlField $treeParentCode)}}
-              data.{{$treeParentCode}} = getTreeVal(props.{{$businessName}}Options,data.{{$treeParentCode}})
-              {{else if eq $column.HtmlType "checkbox"}}
-              data.{{$column.HtmlField}} = data.{{$column.HtmlField}}.split(",")
-              {{else if eq $column.HtmlType "imagefile"}}
-              //单图地址赋值
-              imageUrl{{$column.GoField}}.value = data.{{$column.HtmlField}} ? proxy.getUpFileUrl(data.{{$column.HtmlField}}) : ''
-              {{else if eq $column.HtmlType "images" "file" "files" "keyValue"}}
-              data.{{$column.HtmlField}} =data.{{$column.HtmlField}}?JSON.parse(data.{{$column.HtmlField}}) : []
-              {{end}}
-              {{if eq $column.HtmlField "createdBy"}}
-              data.createdBy = data.createdUser?.userNickname
-              {{end}}
-              {{if eq $column.HtmlField "deptId"}}
-              data.deptId = data.deptInfo?.deptName
-              {{end}}
-              {{if eq $column.HtmlField "updatedBy"}}
-              data.updatedBy = data.updatedUser?.userNickname
-              {{end}}
-              {{end}}
-              state.formData = data;
-            })
-          }
-          state.isShowDialog = true;
-        };
-        // 关闭弹窗
-        const closeDialog = () => {
-          state.isShowDialog = false;
-        };
-        // 取消
-        const onCancel = () => {
-          closeDialog();
-        };
-        const resetForm = ()=>{
-          state.formData = {
-            {{range $index, $column := .table.Columns}}
-            {{if eq $column.HtmlType "radio"}}
-            {{$column.HtmlField}}: false ,
-            {{else if eq $column.HtmlType "images" "file" "files" "checkbox" "selects" "treeSelects" "keyValue"}}
-            {{$column.HtmlField}}: [] ,
-            {{else}}
-            {{$column.HtmlField}}: undefined,
-            {{end}}
-            {{range $ti, $linkedTable := $.table.LinkedTables}}
-            {{if eq $column.LinkTableClass $linkedTable.ClassName}}
-            {{if eq $column.HtmlType "checkbox" "selects" "treeSelects"}}
-            linked{{$column.GoField}}:[],
-            {{else}}
-            linked{{$column.GoField}}:{{ "{" }}{{CaseCamelLower $column.LinkLabelId}}:undefined,{{CaseCamelLower $column.LinkLabelName}}:undefined {{ "}" }},
-            {{end}}
-            {{end}}
-            {{end}}
-            {{end}}
-            {{range $ti, $linkedTable := .table.LinkedTables}}
-            linked{{$.table.ClassName}}{{$linkedTable.ClassName}}: {
-              {{range $ci, $linkedColumn := $linkedTable.RefColumns.Values}}
-              {{$linkedColumn.HtmlField}}:{{if eq $linkedColumn.HtmlType "images" "file" "files"}}[]{{else}}undefined{{end}},    // {{$linkedColumn.ColumnComment}}
-              {{end}}
-            },
-            {{end}}
-          }
-        };
-        {{$setUpData:=true}}
-        {{range $index, $column := .table.Columns}}
-        {{if ne $column.LinkTableName ""}}
-        //关联{{$column.LinkTableName}}表选项
-        const get{{$column.LinkTableClass}}Items{{$column.GoField}} = () => {
-          emit("get{{$column.LinkTableClass}}Items{{$column.GoField}}")
-        }
-        const get{{$column.GoField}}Op = computed(()=>{
-          get{{$column.LinkTableClass}}Items{{$column.GoField}}()
-          return props.{{$column.HtmlField}}Options
-        })
-        {{else if eq $column.HtmlType "richtext"}}
-        //富文本编辑器{{$column.ColumnComment}}
-        const set{{$column.GoField}}EditContent = (data:string) => {
-          state.formData.{{$column.HtmlField}} = data
-        }
+    }
+  });
+  const { isShowDialog,formData } = toRefs(state);
+  // 打开弹窗
+  const openDialog = (row?: {{.table.ClassName}}InfoData) => {
+    resetForm();
+    if(row) {
+      get{{.table.ClassName}}(row.{{.table.PkColumn.HtmlField}}!).then((res:any)=>{
+        const data = res.data;
+        {{range $index, $column := .table.DetailColumns}}
+        {{if and (ne $treeParentCode "") (eq $column.HtmlField $treeParentCode)}}
+        data.{{$treeParentCode}} = getTreeVal(props.{{$businessName}}Options,data.{{$treeParentCode}})
+        {{else if eq $column.HtmlType "checkbox"}}
+        data.{{$column.HtmlField}} = data.{{$column.HtmlField}}.split(",")
         {{else if eq $column.HtmlType "imagefile"}}
-        //单图上传{{$column.ColumnComment}}
-        const handleAvatarSuccess{{$column.GoField}}:UploadProps['onSuccess'] = (res, file) => {
-          if (res.code === 0) {
-            imageUrl{{$column.GoField}}.value = URL.createObjectURL(file.raw!)
-            state.formData.{{$column.HtmlField}} = res.data.path
-          } else {
-            ElMessage.error(res.msg)
-          }
-          upLoading{{$column.GoField}}.value = false
-        }
-        const beforeAvatarUpload{{$column.GoField}} = () => {
-          upLoading{{$column.GoField}}.value = true
-          return true
-        }
-        {{if $setUpData}}
-        const setUpData = () => {
-          return { token: getToken() }
-        }
-        {{$setUpData = false}}
+        //单图地址赋值
+        imageUrl{{$column.GoField}}.value = data.{{$column.HtmlField}} ? proxy.getUpFileUrl(data.{{$column.HtmlField}}) : ''
+        {{else if eq $column.HtmlType "images" "file" "files" "keyValue"}}
+        data.{{$column.HtmlField}} =data.{{$column.HtmlField}}?JSON.parse(data.{{$column.HtmlField}}) : []
         {{end}}
-        {{else if eq $column.HtmlType "images"}}
-        const setUpImgList{{$column.GoField}} = (data:any)=>{
-          state.formData.{{$column.HtmlField}} = data
-        }
-        {{else if eq $column.HtmlType "file" "files"}}
-        const setUpFileList{{$column.GoField}} = (data:any)=>{
-          state.formData.{{$column.HtmlField}} = data
-        }
+        {{if eq $column.HtmlField "createdBy"}}
+        data.createdBy = data.createdUser?.userNickname
+        {{end}}
+        {{if eq $column.HtmlField "deptId"}}
+        data.deptId = data.deptInfo?.deptName
+        {{end}}
+        {{if eq $column.HtmlField "updatedBy"}}
+        data.updatedBy = data.updatedUser?.userNickname
         {{end}}
         {{end}}
-        {{if eq .table.TplCategory "tree"}}
-        const getTreeVal = (data : any[],val : any) : any=>{
-          let findV:any = null
-          data.some((item:any)=>{
-            if(item.{{$treeCode}}==val){
-              findV = item.{{$treeName}}
-              return true
-            }
-            if(item.children) {
-              findV = getTreeVal(item.children, val)
-              if (findV) {
-                return findV
-              }
-            }
-          })
+        state.formData = data;
+      })
+    }
+    state.isShowDialog = true;
+  };
+  // 关闭弹窗
+  const closeDialog = () => {
+    state.isShowDialog = false;
+  };
+  defineExpose({
+    openDialog,
+  });
+  // 取消
+  const onCancel = () => {
+    closeDialog();
+  };
+  const resetForm = ()=>{
+    state.formData = {
+      {{range $index, $column := .table.Columns}}
+      {{if eq $column.HtmlType "radio"}}
+      {{$column.HtmlField}}: false ,
+      {{else if eq $column.HtmlType "images" "file" "files" "checkbox" "selects" "treeSelects" "keyValue"}}
+      {{$column.HtmlField}}: [] ,
+      {{else}}
+      {{$column.HtmlField}}: undefined,
+      {{end}}
+      {{range $ti, $linkedTable := $.table.LinkedTables}}
+      {{if eq $column.LinkTableClass $linkedTable.ClassName}}
+      {{if eq $column.HtmlType "checkbox" "selects" "treeSelects"}}
+      linked{{$column.GoField}}:[],
+      {{else}}
+      linked{{$column.GoField}}:{{ "{" }}{{CaseCamelLower $column.LinkLabelId}}:undefined,{{CaseCamelLower $column.LinkLabelName}}:undefined {{ "}" }},
+      {{end}}
+      {{end}}
+      {{end}}
+      {{end}}
+      {{range $ti, $linkedTable := .table.LinkedTables}}
+      linked{{$.table.ClassName}}{{$linkedTable.ClassName}}: {
+        {{range $ci, $linkedColumn := $linkedTable.RefColumns.Values}}
+        {{$linkedColumn.HtmlField}}:{{if eq $linkedColumn.HtmlType "images" "file" "files"}}[]{{else}}undefined{{end}},    // {{$linkedColumn.ColumnComment}}
+        {{end}}
+      },
+      {{end}}
+    }
+  };
+  {{$setUpData:=true}}
+  {{range $index, $column := .table.Columns}}
+  {{if ne $column.LinkTableName ""}}
+  //关联{{$column.LinkTableName}}表选项
+  const get{{$column.LinkTableClass}}Items{{$column.GoField}} = () => {
+    emit("get{{$column.LinkTableClass}}Items{{$column.GoField}}")
+  }
+  const get{{$column.GoField}}Op = computed(()=>{
+    get{{$column.LinkTableClass}}Items{{$column.GoField}}()
+    return props.{{$column.HtmlField}}Options
+  })
+  {{else if eq $column.HtmlType "richtext"}}
+  //富文本编辑器{{$column.ColumnComment}}
+  const set{{$column.GoField}}EditContent = (data:string) => {
+    state.formData.{{$column.HtmlField}} = data
+  }
+  {{else if eq $column.HtmlType "imagefile"}}
+  //单图上传{{$column.ColumnComment}}
+  const handleAvatarSuccess{{$column.GoField}}:UploadProps['onSuccess'] = (res, file) => {
+    if (res.code === 0) {
+      imageUrl{{$column.GoField}}.value = URL.createObjectURL(file.raw!)
+      state.formData.{{$column.HtmlField}} = res.data.path
+    } else {
+      ElMessage.error(res.msg)
+    }
+    upLoading{{$column.GoField}}.value = false
+  }
+  const beforeAvatarUpload{{$column.GoField}} = () => {
+    upLoading{{$column.GoField}}.value = true
+    return true
+  }
+  {{if $setUpData}}
+  const setUpData = () => {
+    return { token: getToken() }
+  }
+  {{$setUpData = false}}
+  {{end}}
+  {{else if eq $column.HtmlType "images"}}
+  const setUpImgList{{$column.GoField}} = (data:any)=>{
+    state.formData.{{$column.HtmlField}} = data
+  }
+  {{else if eq $column.HtmlType "file" "files"}}
+  const setUpFileList{{$column.GoField}} = (data:any)=>{
+    state.formData.{{$column.HtmlField}} = data
+  }
+  {{end}}
+  {{end}}
+  {{if eq .table.TplCategory "tree"}}
+  const getTreeVal = (data : any[],val : any) : any=>{
+    let findV:any = null
+    data.some((item:any)=>{
+      if(item.{{$treeCode}}==val){
+        findV = item.{{$treeName}}
+        return true
+      }
+      if(item.children) {
+        findV = getTreeVal(item.children, val)
+        if (findV) {
           return findV
         }
-        {{end}}
-        {{$setUpDataR:=true}}
-        return {
-          proxy,
-          openDialog,
-          closeDialog,
-          onCancel,
-          menuRef,
-          formRef,
-          {{range $index, $column := .table.Columns}}
-          {{if ne $column.LinkTableName ""}}
-          {{if $column.IsCascade}}
-          {{/*级联处理*/}}
-          {{else}}
-          {{/*关联表处理*/}}
-          get{{$column.LinkTableClass}}Items{{$column.GoField}},
-          get{{$column.GoField}}Op,
-          {{end}}
-          {{else if eq $column.HtmlType "richtext"}}
-          //富文本编辑器{{$column.ColumnComment}}
-          set{{$column.GoField}}EditContent,
-          {{else if eq $column.HtmlType "imagefile"}}
-          //图片上传地址
-          imageUrl{{$column.GoField}},
-          //上传加载
-          upLoading{{$column.GoField}},
-          handleAvatarSuccess{{$column.GoField}},
-          beforeAvatarUpload{{$column.GoField}},
-          {{if $setUpDataR}}
-          setUpData,
-          {{$setUpDataR = false}}
-          {{end}}
-          {{else if eq $column.HtmlType "images"}}
-          setUpImgList{{$column.GoField}},
-          {{else if eq $column.HtmlType "file" "files"}}
-          setUpFileList{{$column.GoField}},
-          {{end}}
-          {{end}}
-          {{if or $imgsImp $tokenImp $fileImp}}
-          baseURL,
-          {{end}}
-          ...toRefs(state),
-        };
       }
-  })
+    })
+    return findV
+  }
+  {{end}}
 </script>
 
 <style scoped>
diff --git a/resource/template/vm/vue/edit-vue.template b/resource/template/vm/vue/edit-vue.template
index 367bba5..37476b4 100644
--- a/resource/template/vm/vue/edit-vue.template
+++ b/resource/template/vm/vue/edit-vue.template
@@ -102,7 +102,7 @@
               <el-radio
                       v-for="dict in {{$column.HtmlField}}Options"
                       :key="dict.key"
-                      :label="dict.key"
+                      :value="dict.key"
               >{{ VueTag "{{" }}dict.value {{VueTag "}}"}}</el-radio>
             </el-radio-group>
           </el-form-item>
@@ -112,7 +112,7 @@
             <el-radio
               v-for="dict in {{$column.HtmlField}}Options"
               :key="dict.value"
-              :label="dict.value"
+              :value="dict.value"
             >{{ VueTag "{{" }}dict.label {{VueTag "}}"}}</el-radio>
           </el-radio-group>
         </el-form-item>
@@ -150,7 +150,7 @@
               <el-checkbox
                       v-for="dict in {{$column.HtmlField}}Options"
                       :key="dict.key"
-                      :label="dict.key"
+                      :value="dict.key"
               >{{ VueTag "{{" }}dict.value {{VueTag "}}"}}</el-checkbox>
             </el-checkbox-group>
           </el-form-item>
@@ -160,7 +160,7 @@
             <el-checkbox
               v-for="dict in {{$column.HtmlField}}Options"
               :key="dict.value"
-              :label="dict.value"
+              :value="dict.value"
             >{{ VueTag "{{" }}dict.label {{VueTag "}}"}}</el-checkbox>
           </el-checkbox-group>
          </el-form-item>
@@ -264,8 +264,8 @@
   {{end}}
 {{end}}
 
-<script lang="ts">
-import { reactive, toRefs, defineComponent,ref,unref,getCurrentInstance } from 'vue';
+<script setup lang="ts">
+import { reactive, toRefs, ref,unref,getCurrentInstance } from 'vue';
 import {ElMessageBox, ElMessage, FormInstance,UploadProps} from 'element-plus';
 {{/*去重处理*/}}
 import {
@@ -299,38 +299,25 @@ import {
   {{.table.ClassName}}TableDataState,
   {{.table.ClassName}}EditState
 } from "/@/views/{{.modulePath}}/{{$businessName}}/list/component/model"
-export default defineComponent({
-  name:"{{.apiVersion|replace "/" "_"|CaseCamel}}{{.modulePath|replace "/" "_"|CaseCamel}}{{.table.ClassName}}Edit",
-  {{$hascomponent := false}}
-  {{if or $imgsImp $tokenImp $fileImp}}
-  {{$hascomponent = true}}
-  {{end}}
-  {{if $hascomponent}}
-  components:{
-    {{if $editImp}}
-    GfUeditor,
-    {{end}}
-    {{if $imgsImp}}
-    uploadImg,
-    {{end}}
-    {{if $fileImp}}
-    uploadFile,
-    {{end}}
-  },
-  {{end}}
-  {{$hasProps := false}}
-  {{if eq .table.TplCategory "tree"}}
-    {{$hasProps = true}}
-  {{end}}
-  {{if not $hasProps}}
-    {{range $index, $column := .table.Columns}}
-      {{if or (ne $column.DictType "") (ne $column.LinkTableName "") }}
-        {{$hasProps = true}}
-      {{end}}
+defineOptions({ name: "{{.apiVersion|replace "/" "_"|CaseCamel}}{{.modulePath|replace "/" "_"|CaseCamel}}{{.table.ClassName}}Edit"})
+const emit = defineEmits(['{{$businessName}}List'])
+{{$hascomponent := false}}
+{{if or $imgsImp $tokenImp $fileImp}}
+{{$hascomponent = true}}
+{{end}}
+{{$hasProps := false}}
+{{if eq .table.TplCategory "tree"}}
+  {{$hasProps = true}}
+{{end}}
+{{if not $hasProps}}
+  {{range $index, $column := .table.Columns}}
+    {{if or (ne $column.DictType "") (ne $column.LinkTableName "") }}
+      {{$hasProps = true}}
     {{end}}
   {{end}}
-  {{if $hasProps}}
-  props:{
+{{end}}
+{{if $hasProps}}
+  const props = defineProps({
     {{range $index, $column := .table.Columns}}
     {{if ne $column.DictType ""}}
     {{$column.HtmlField}}Options:{
@@ -355,275 +342,239 @@ export default defineComponent({
       default:()=>[]
     },
     {{end}}
-  },
-  {{end}}
-  setup(props,{emit}) {
-    {{if or $imgsImp $tokenImp $fileImp}}
-    const baseURL:string|undefined|boolean = import.meta.env.VITE_API_URL
-    {{end}}
-    const {proxy} = <any>getCurrentInstance()
-    const formRef = ref<HTMLElement | null>(null);
-    const menuRef = ref();
+  })
+{{end}}
+
+{{if or $imgsImp $tokenImp $fileImp}}
+const baseURL:string|undefined|boolean = import.meta.env.VITE_API_URL
+{{end}}
+const {proxy} = <any>getCurrentInstance()
+const formRef = ref<HTMLElement | null>(null);
+const menuRef = ref();
+{{range $index, $column := .table.Columns}}
+{{if eq $column.HtmlType "imagefile"}}
+//图片上传地址
+const imageUrl{{$column.GoField}} = ref('')
+//上传加载
+const upLoading{{$column.GoField}} = ref(false)
+{{end}}
+{{end}}
+const state = reactive<{{.table.ClassName}}EditState>({
+  loading:false,
+  isShowDialog: false,
+  formData: {
     {{range $index, $column := .table.Columns}}
-    {{if eq $column.HtmlType "imagefile"}}
-    //图片上传地址
-    const imageUrl{{$column.GoField}} = ref('')
-    //上传加载
-    const upLoading{{$column.GoField}} = ref(false)
-    {{end}}
-    {{end}}
-    const state = reactive<{{.table.ClassName}}EditState>({
-      loading:false,
-      isShowDialog: false,
-      formData: {
-        {{range $index, $column := .table.Columns}}
-        {{if eq $column.HtmlType "radio"}}
-        {{$column.HtmlField}}: false ,
-        {{else if eq $column.HtmlType "images" "file" "files" "checkbox" "selects" "treeSelects"}}
-        {{$column.HtmlField}}: [] ,
-        {{else if eq $column.HtmlType "keyValue"}}
-        {{$column.HtmlField}}:[{key:"",value:""}],
-        {{else}}
-        {{$column.HtmlField}}: undefined,
-        {{end}}
-        {{end}}
-        {{range $ti, $linkedTable := .table.LinkedTables}}
-        linked{{$.table.ClassName}}{{$linkedTable.ClassName}}: {
-          {{range $ci, $linkedColumn := $linkedTable.RefColumns.Values}}
-          {{$linkedColumn.HtmlField}}:{{if eq $linkedColumn.HtmlType "images" "file" "files"}}[]{{else}}undefined{{end}},    // {{$linkedColumn.ColumnComment}}
-          {{end}}
-        },
-        {{end}}
-      },
-      // 表单校验
-      rules: {
-        {{range $index, $column := .table.Columns}}
-        {{if $column.IsRequired}}
-        {{$column.HtmlField}} : [
-            { required: true, message: "{{$column.ColumnComment}}不能为空", trigger: "blur" }
-        ]{{if ne $lens $index}},{{end}}
-        {{end}}
-        {{end}}
-      }
-    });
-    // 打开弹窗
-    const openDialog = (row?: {{.table.ClassName}}InfoData) => {
-      resetForm();
-      if(row) {
-        get{{.table.ClassName}}(row.{{.table.PkColumn.HtmlField}}!).then((res:any)=>{
-          const data = res.data;
-          {{range $index, $column := .table.EditColumns}}
-          {{if eq $column.HtmlType "checkbox" "selects"}}
-          data.{{$column.HtmlField}} = data.{{$column.HtmlField}}.split(",")
-          {{else if eq $column.HtmlType "treeSelects"}}
-          {{$isNumber := false}}
-          {{range $li,$lc := $.table.LinkedTables}}
-          {{if and (eq $lc.TableName $column.LinkTableName) (ne $lc.OptionsStruct.ColumnAttr.GoType "string")}}
-          {{$isNumber = true}}
-          {{end}}
-          {{end}}
-          {{if $isNumber}}
-          data.{{$column.HtmlField}} = data.{{$column.HtmlField}}.split(",").map((item:any)=>{return parseInt(item)})
-          {{else}}
-          data.{{$column.HtmlField}} = data.{{$column.HtmlField}}.split(",")
-          {{end}}
-          {{else if and (eq $column.HtmlType "radio" "select") (ne $column.DictType "")}}
-          {{if eq $column.TsType "boolean"}}
-          data.{{$column.HtmlField}} = data.{{$column.HtmlField}}?'1':'0'
-          {{else}}
-          data.{{$column.HtmlField}} = ''+data.{{$column.HtmlField}}
-          {{end}}
-          {{else if eq $column.HtmlType "radio" "select" }}
-          {{if eq $column.TsType "number"}}
-          data.{{$column.HtmlField}} = parseInt(data.{{$column.HtmlField}})
-          {{else if eq $column.TsType "string"}}
-          data.{{$column.HtmlField}} = ''+data.{{$column.HtmlField}}
-          {{else}}
-          data.{{$column.HtmlField}} = data.{{$column.HtmlField}}
-          {{end}}
-          {{else if eq $column.HtmlType "treeSelect"}}
-          {{$isNumber := false}}
-          {{range $li,$lc := $.table.LinkedTables}}
-          {{if and (eq $lc.TableName $column.LinkTableName) (ne $lc.OptionsStruct.ColumnAttr.GoType "string")}}
-          {{$isNumber = true}}
-          {{end}}
-          {{end}}
-          {{if and (not $isNumber) (eq $column.TsType "number")}}
-          {{$isNumber = true}}
-          {{end}}
-          {{if $isNumber}}
-          data.{{$column.HtmlField}} = parseInt(data.{{$column.HtmlField}})
-          {{else}}
-          data.{{$column.HtmlField}} = ''+data.{{$column.HtmlField}}
-          {{end}}
-          {{else if eq $column.HtmlType "imagefile"}}
-          //单图地址赋值
-          imageUrl{{$column.GoField}}.value = data.{{$column.HtmlField}} ? proxy.getUpFileUrl(data.{{$column.HtmlField}}) : ''
-          {{else if eq $column.HtmlType "images" "file" "files"}}
-          data.{{$column.HtmlField}} =data.{{$column.HtmlField}}?JSON.parse(data.{{$column.HtmlField}}) : []
-          {{else if eq $column.HtmlType "keyValue"}}
-          data.{{$column.HtmlField}} = data.{{$column.HtmlField}}?JSON.parse(data.{{$column.HtmlField}}) : [{key:'',value:''}]
-          {{end}}
-          {{end}}
-          state.formData = data;
-      })
-    }
-      state.isShowDialog = true;
-    };
-    // 关闭弹窗
-    const closeDialog = () => {
-      state.isShowDialog = false;
-    };
-    // 取消
-    const onCancel = () => {
-      closeDialog();
-    };
-    // 提交
-    const onSubmit = () => {
-      const formWrap = unref(formRef) as any;
-      if (!formWrap) return;
-      formWrap.validate((valid: boolean) => {
-        if (valid) {
-          state.loading = true;
-          if(!state.formData.{{.table.PkColumn.HtmlField}} || state.formData.{{.table.PkColumn.HtmlField}}===0){
-            //添加
-          add{{.table.ClassName}}(state.formData).then(()=>{
-              ElMessage.success('添加成功');
-              closeDialog(); // 关闭弹窗
-              emit('{{$businessName}}List')
-            }).finally(()=>{
-              state.loading = false;
-            })
-          }else{
-            //修改
-          update{{.table.ClassName}}(state.formData).then(()=>{
-              ElMessage.success('修改成功');
-              closeDialog(); // 关闭弹窗
-              emit('{{$businessName}}List')
-            }).finally(()=>{
-              state.loading = false;
-            })
-          }
-        }
-      });
-    };
-    const resetForm = ()=>{
-      state.formData = {
-        {{range $index, $column := .table.Columns}}
-        {{if eq $column.HtmlType "radio"}}
-        {{$column.HtmlField}}: false ,
-        {{else if eq $column.HtmlType "images" "file" "files" "checkbox" "selects" "treeSelects"}}
-        {{$column.HtmlField}}: [] ,
-        {{else if eq $column.HtmlType "keyValue"}}
-        {{$column.HtmlField}}:[{key:"",value:""}],
-        {{else}}
-        {{$column.HtmlField}}: undefined,
-        {{end}}
-        {{end}}
-        {{range $ti, $linkedTable := .table.LinkedTables}}
-        linked{{$.table.ClassName}}{{$linkedTable.ClassName}}: {
-          {{range $ci, $linkedColumn := $linkedTable.RefColumns.Values}}
-          {{$linkedColumn.HtmlField}}:{{if eq $linkedColumn.HtmlType "images" "file" "files"}}[]{{else}}undefined{{end}},    // {{$linkedColumn.ColumnComment}}
-          {{end}}
-        },
-        {{end}}
-      }
-      {{range $index, $column := .table.Columns}}
-      {{if eq $column.HtmlType "imagefile"}}
-      imageUrl{{$column.GoField}}.value = ''
-      {{end}}
-      {{end}}
-    };
-    {{$setUpData:=true}}
-    {{range $index, $column := .table.Columns}}
-    {{if eq $column.HtmlType "richtext"}}
-    //富文本编辑器{{$column.ColumnComment}}
-    const set{{$column.GoField}}EditContent = (data:string) => {
-      state.formData.{{$column.HtmlField}} = data
-    }
-    {{else if eq $column.HtmlType "imagefile"}}
-    //单图上传{{$column.ColumnComment}}
-    const handleAvatarSuccess{{$column.GoField}}:UploadProps['onSuccess'] = (res, file) => {
-      if (res.code === 0) {
-        imageUrl{{$column.GoField}}.value = URL.createObjectURL(file.raw!)
-        state.formData.{{$column.HtmlField}} = res.data.path
-      } else {
-        ElMessage.error(res.msg)
-      }
-      upLoading{{$column.GoField}}.value = false
-    }
-    const beforeAvatarUpload{{$column.GoField}} = () => {
-      upLoading{{$column.GoField}}.value = true
-      return true
-    }
-    {{if $setUpData}}
-    const setUpData = () => {
-      return { token: getToken() }
-    }
-    {{$setUpData = false}}
-    {{end}}
-    {{else if eq $column.HtmlType "images"}}
-    const setUpImgList{{$column.GoField}} = (data:any)=>{
-      state.formData.{{$column.HtmlField}} = data
-    }
-    {{else if eq $column.HtmlType "file" "files"}}
-    const setUpFileList{{$column.GoField}} = (data:any)=>{
-      state.formData.{{$column.HtmlField}} = data
-    }
+    {{if eq $column.HtmlType "radio"}}
+    {{$column.HtmlField}}: false ,
+    {{else if eq $column.HtmlType "images" "file" "files" "checkbox" "selects" "treeSelects"}}
+    {{$column.HtmlField}}: [] ,
     {{else if eq $column.HtmlType "keyValue"}}
-    // 新增{{$column.ColumnComment}}行
-    const onAddRow{{$column.GoField}} = () => {
-      state.formData.{{$column.HtmlField}}.push({
-        key: '',
-        value: '',
-      });
-    };
-    // 删除{{$column.ColumnComment}}行
-    const onDelRow{{$column.GoField}} = (k: number) => {
-      state.formData.{{$column.HtmlField}}.splice(k, 1);
-    };
+    {{$column.HtmlField}}:[{key:"",value:""}],
+    {{else}}
+    {{$column.HtmlField}}: undefined,
     {{end}}
     {{end}}
-    {{$setUpDataR:=true}}
-    return {
-      proxy,
-      openDialog,
-      closeDialog,
-      onCancel,
-      onSubmit,
-      menuRef,
-      formRef,
-      {{range $index, $column := .table.Columns}}
-      {{if eq $column.HtmlType "richtext"}}
-      //富文本编辑器{{$column.ColumnComment}}
-      set{{$column.GoField}}EditContent,
-      {{else if eq $column.HtmlType "imagefile"}}
-      //图片上传地址
-      imageUrl{{$column.GoField}},
-      //上传加载
-      upLoading{{$column.GoField}},
-      handleAvatarSuccess{{$column.GoField}},
-      beforeAvatarUpload{{$column.GoField}},
-      {{if $setUpDataR}}
-      setUpData,
-      {{$setUpDataR = false}}
+    {{range $ti, $linkedTable := .table.LinkedTables}}
+    linked{{$.table.ClassName}}{{$linkedTable.ClassName}}: {
+      {{range $ci, $linkedColumn := $linkedTable.RefColumns.Values}}
+      {{$linkedColumn.HtmlField}}:{{if eq $linkedColumn.HtmlType "images" "file" "files"}}[]{{else}}undefined{{end}},    // {{$linkedColumn.ColumnComment}}
       {{end}}
-      {{else if eq $column.HtmlType "images"}}
-      setUpImgList{{$column.GoField}},
-      {{else if eq $column.HtmlType "file" "files"}}
-      setUpFileList{{$column.GoField}},
-      {{else if eq $column.HtmlType "keyValue"}}
-      onAddRow{{$column.GoField}},
-      onDelRow{{$column.GoField}},
-      {{end}}
-      {{end}}
-      {{if or $imgsImp $tokenImp $fileImp}}
-      baseURL,
-      {{end}}
-      ...toRefs(state),
-    };
+    },
+    {{end}}
+  },
+  // 表单校验
+  rules: {
+    {{range $index, $column := .table.Columns}}
+    {{if $column.IsRequired}}
+    {{$column.HtmlField}} : [
+        { required: true, message: "{{$column.ColumnComment}}不能为空", trigger: "blur" }
+    ]{{if ne $lens $index}},{{end}}
+    {{end}}
+    {{end}}
   }
-})
+});
+const { loading,isShowDialog,formData,rules } = toRefs(state);
+// 打开弹窗
+const openDialog = (row?: {{.table.ClassName}}InfoData) => {
+  resetForm();
+  if(row) {
+    get{{.table.ClassName}}(row.{{.table.PkColumn.HtmlField}}!).then((res:any)=>{
+      const data = res.data;
+      {{range $index, $column := .table.EditColumns}}
+      {{if eq $column.HtmlType "checkbox" "selects"}}
+      data.{{$column.HtmlField}} = data.{{$column.HtmlField}}.split(",")
+      {{else if eq $column.HtmlType "treeSelects"}}
+      {{$isNumber := false}}
+      {{range $li,$lc := $.table.LinkedTables}}
+      {{if and (eq $lc.TableName $column.LinkTableName) (ne $lc.OptionsStruct.ColumnAttr.GoType "string")}}
+      {{$isNumber = true}}
+      {{end}}
+      {{end}}
+      {{if $isNumber}}
+      data.{{$column.HtmlField}} = data.{{$column.HtmlField}}.split(",").map((item:any)=>{return parseInt(item)})
+      {{else}}
+      data.{{$column.HtmlField}} = data.{{$column.HtmlField}}.split(",")
+      {{end}}
+      {{else if and (eq $column.HtmlType "radio" "select") (ne $column.DictType "")}}
+      {{if eq $column.TsType "boolean"}}
+      data.{{$column.HtmlField}} = data.{{$column.HtmlField}}?'1':'0'
+      {{else}}
+      data.{{$column.HtmlField}} = ''+data.{{$column.HtmlField}}
+      {{end}}
+      {{else if eq $column.HtmlType "radio" "select" }}
+      {{if eq $column.TsType "number"}}
+      data.{{$column.HtmlField}} = parseInt(data.{{$column.HtmlField}})
+      {{else if eq $column.TsType "string"}}
+      data.{{$column.HtmlField}} = ''+data.{{$column.HtmlField}}
+      {{else}}
+      data.{{$column.HtmlField}} = data.{{$column.HtmlField}}
+      {{end}}
+      {{else if eq $column.HtmlType "treeSelect"}}
+      {{$isNumber := false}}
+      {{range $li,$lc := $.table.LinkedTables}}
+      {{if and (eq $lc.TableName $column.LinkTableName) (ne $lc.OptionsStruct.ColumnAttr.GoType "string")}}
+      {{$isNumber = true}}
+      {{end}}
+      {{end}}
+      {{if and (not $isNumber) (eq $column.TsType "number")}}
+      {{$isNumber = true}}
+      {{end}}
+      {{if $isNumber}}
+      data.{{$column.HtmlField}} = parseInt(data.{{$column.HtmlField}})
+      {{else}}
+      data.{{$column.HtmlField}} = ''+data.{{$column.HtmlField}}
+      {{end}}
+      {{else if eq $column.HtmlType "imagefile"}}
+      //单图地址赋值
+      imageUrl{{$column.GoField}}.value = data.{{$column.HtmlField}} ? proxy.getUpFileUrl(data.{{$column.HtmlField}}) : ''
+      {{else if eq $column.HtmlType "images" "file" "files"}}
+      data.{{$column.HtmlField}} =data.{{$column.HtmlField}}?JSON.parse(data.{{$column.HtmlField}}) : []
+      {{else if eq $column.HtmlType "keyValue"}}
+      data.{{$column.HtmlField}} = data.{{$column.HtmlField}}?JSON.parse(data.{{$column.HtmlField}}) : [{key:'',value:''}]
+      {{end}}
+      {{end}}
+      state.formData = data;
+  })
+}
+  state.isShowDialog = true;
+};
+// 关闭弹窗
+const closeDialog = () => {
+  state.isShowDialog = false;
+};
+defineExpose({
+  openDialog,
+});
+// 取消
+const onCancel = () => {
+  closeDialog();
+};
+// 提交
+const onSubmit = () => {
+  const formWrap = unref(formRef) as any;
+  if (!formWrap) return;
+  formWrap.validate((valid: boolean) => {
+    if (valid) {
+      state.loading = true;
+      if(!state.formData.{{.table.PkColumn.HtmlField}} || state.formData.{{.table.PkColumn.HtmlField}}===0){
+        //添加
+      add{{.table.ClassName}}(state.formData).then(()=>{
+          ElMessage.success('添加成功');
+          closeDialog(); // 关闭弹窗
+          emit('{{$businessName}}List')
+        }).finally(()=>{
+          state.loading = false;
+        })
+      }else{
+        //修改
+      update{{.table.ClassName}}(state.formData).then(()=>{
+          ElMessage.success('修改成功');
+          closeDialog(); // 关闭弹窗
+          emit('{{$businessName}}List')
+        }).finally(()=>{
+          state.loading = false;
+        })
+      }
+    }
+  });
+};
+const resetForm = ()=>{
+  state.formData = {
+    {{range $index, $column := .table.Columns}}
+    {{if eq $column.HtmlType "radio"}}
+    {{$column.HtmlField}}: false ,
+    {{else if eq $column.HtmlType "images" "file" "files" "checkbox" "selects" "treeSelects"}}
+    {{$column.HtmlField}}: [] ,
+    {{else if eq $column.HtmlType "keyValue"}}
+    {{$column.HtmlField}}:[{key:"",value:""}],
+    {{else}}
+    {{$column.HtmlField}}: undefined,
+    {{end}}
+    {{end}}
+    {{range $ti, $linkedTable := .table.LinkedTables}}
+    linked{{$.table.ClassName}}{{$linkedTable.ClassName}}: {
+      {{range $ci, $linkedColumn := $linkedTable.RefColumns.Values}}
+      {{$linkedColumn.HtmlField}}:{{if eq $linkedColumn.HtmlType "images" "file" "files"}}[]{{else}}undefined{{end}},    // {{$linkedColumn.ColumnComment}}
+      {{end}}
+    },
+    {{end}}
+  }
+  {{range $index, $column := .table.Columns}}
+  {{if eq $column.HtmlType "imagefile"}}
+  imageUrl{{$column.GoField}}.value = ''
+  {{end}}
+  {{end}}
+};
+{{$setUpData:=true}}
+{{range $index, $column := .table.Columns}}
+{{if eq $column.HtmlType "richtext"}}
+//富文本编辑器{{$column.ColumnComment}}
+const set{{$column.GoField}}EditContent = (data:string) => {
+  state.formData.{{$column.HtmlField}} = data
+}
+{{else if eq $column.HtmlType "imagefile"}}
+//单图上传{{$column.ColumnComment}}
+const handleAvatarSuccess{{$column.GoField}}:UploadProps['onSuccess'] = (res, file) => {
+  if (res.code === 0) {
+    imageUrl{{$column.GoField}}.value = URL.createObjectURL(file.raw!)
+    state.formData.{{$column.HtmlField}} = res.data.path
+  } else {
+    ElMessage.error(res.msg)
+  }
+  upLoading{{$column.GoField}}.value = false
+}
+const beforeAvatarUpload{{$column.GoField}} = () => {
+  upLoading{{$column.GoField}}.value = true
+  return true
+}
+{{if $setUpData}}
+const setUpData = () => {
+  return { token: getToken() }
+}
+{{$setUpData = false}}
+{{end}}
+{{else if eq $column.HtmlType "images"}}
+const setUpImgList{{$column.GoField}} = (data:any)=>{
+  state.formData.{{$column.HtmlField}} = data
+}
+{{else if eq $column.HtmlType "file" "files"}}
+const setUpFileList{{$column.GoField}} = (data:any)=>{
+  state.formData.{{$column.HtmlField}} = data
+}
+{{else if eq $column.HtmlType "keyValue"}}
+// 新增{{$column.ColumnComment}}行
+const onAddRow{{$column.GoField}} = () => {
+  state.formData.{{$column.HtmlField}}.push({
+    key: '',
+    value: '',
+  });
+};
+// 删除{{$column.ColumnComment}}行
+const onDelRow{{$column.GoField}} = (k: number) => {
+  state.formData.{{$column.HtmlField}}.splice(k, 1);
+};
+{{end}}
+{{end}}
 </script>
 
 <style scoped>
diff --git a/resource/template/vm/vue/list-vue.template b/resource/template/vm/vue/list-vue.template
index 32b6a8b..916ed7a 100644
--- a/resource/template/vm/vue/list-vue.template
+++ b/resource/template/vm/vue/list-vue.template
@@ -410,7 +410,7 @@
   </div>
 </template>
 
-<script lang="ts">
+<script setup lang="ts">
 
 {{$tokenImp := false}}
 {{$imgsImp := false}}
@@ -468,273 +468,220 @@ import {downLoadXml} from "/@/utils/zipdownload";
 {{if .table.ExcelImp}}
 import loadExcel from "/@/components/loadExcel/index.vue"
 {{end}}
-export default defineComponent({
-    name: "{{.apiVersion|replace "/" "_"|CaseCamelLower}}{{.modulePath|replace "/" "_"|CaseCamel}}{{.table.ClassName}}List",
-    components:{
-        {{if .table.ExcelImp}}
-        loadExcel,
-        {{end}}
-        {{.apiVersion|replace "/" "_"|CaseCamel}}{{.modulePath|replace "/" "_"|CaseCamel}}{{.table.ClassName}}Edit,
-        {{.apiVersion|replace "/" "_"|CaseCamel}}{{.modulePath|replace "/" "_"|CaseCamel}}{{.table.ClassName}}Detail
-    },
-    setup() {
-        const {proxy} = <any>getCurrentInstance()
-        const loading = ref(false)
-        const queryRef = ref()
-        const editRef = ref();
-        const detailRef = ref();
-        {{if .table.ExcelImp}}
-        const loadExcel{{.table.ClassName}}Ref = ref();
-        {{end}}
-        // 是否显示所有搜索选项
-        const showAll =  ref(false)
-        // 非单个禁用
-        const single = ref(true)
-        // 非多个禁用
-        const multiple =ref(true)
-        const word = computed(()=>{
-            if(showAll.value === false) {
-                //对文字进行处理
-                return "展开搜索";
-            } else {
-                return "收起搜索";
-            }
-        })
-        // 字典选项数据
-        {{$dictArr:=newArray}}
-        {{range $index, $column := .table.Columns}}
-        {{if and (ne $column.DictType "") (ne (inArray $dictArr $column.DictType) true)}}
-            {{$dictArr = append $dictArr $column.DictType}}
-        {{end}}
-        {{end}}
-        const {
-            {{range $index, $column := $dictArr}}
-            {{$column}},
-            {{end}}
-        } = proxy.useDict(
-            {{range $index, $column := $dictArr}}
-            '{{$column}}',
-            {{end}}
-        )
-        {{range $index, $column := .table.Columns}}
-        {{if ne $column.LinkTableName ""}}
-        {{if $column.IsCascade }}
-        // {{$column.HtmlField}}QueryOptions关联表数据
-        const {{$column.HtmlField}}QueryOptions = ref<Array<ItemOptions>>([])
-        // {{$column.HtmlField}}FormOptions关联表数据
-        const {{$column.HtmlField}}FormOptions = ref<Array<ItemOptions>>([])
-        {{else}}
-        // {{$column.HtmlField}}Options关联表数据
-        const {{$column.HtmlField}}Options = ref<Array<ItemOptions>>([])
-        {{end}}
-        {{end}}
-        {{end}}
-        const state = reactive<{{.table.ClassName}}TableDataState>({
-            {{.table.PkColumn.HtmlField}}s:[],
-            tableData: {
-                data: [],
-                total: 0,
-                loading: false,
-                param: {
-                    pageNum: 1,
-                    pageSize: 10,
-                    {{range $index, $column := .table.QueryColumns}}
-                    {{if eq $column.QueryType "BETWEEN"}}
-                    {{$column.HtmlField}}: [],
-                    {{else}}
-                    {{$column.HtmlField}}: undefined,
-                    {{end}}{{end}}
-                    dateRange: []
-                },
-            },
-        });
-        // 页面加载时
-        onMounted(() => {
-            initTableData();
-        });
-        // 初始化表格数据
-        const initTableData = () => {
-            {{if gt (len .table.LinkedTables) 0}}
-            linkedData()
-            {{end}}
-            {{$businessName}}List()
-        };
-        {{if gt (len .table.LinkedTables) 0}}
-        const linkedData = ()=>{
-            linkedDataSearch().then((res:any)=>{
-                {{range $index, $column := .table.Columns}}
-                {{if ne $column.LinkTableName ""}}
-                //关联{{$column.LinkTableName}}表选项
-                {{range $li,$lc := $.table.LinkedTables}}
-                {{if eq $lc.TableName $column.LinkTableName}}
-                {{if eq $lc.TplCategory "tree"}}
-                {{$column.HtmlField}}Options.value = proxy.handleTree(res.data.linked{{$.table.ClassName}}{{$column.LinkTableClass}}, '{{$lc.OptionsStruct.TreeCode}}', '{{$lc.OptionsStruct.TreeParentCode}}')
-                {{else}}
-                {{$column.HtmlField}}Options.value = proxy.setItems(res, '{{$column.LinkLabelId | CaseCamelLower}}', '{{$column.LinkLabelName | CaseCamelLower}}','linked{{$.table.ClassName}}{{$column.LinkTableClass}}')
-                {{end}}
-                {{end}}
-                {{end}}
-                {{end}}
-                {{end}}
-            })
-        }
-        {{end}}
-        /** 重置按钮操作 */
-        const resetQuery = (formEl: FormInstance | undefined) => {
-            if (!formEl) return
-            formEl.resetFields()
-            {{$businessName}}List()
-        };
-        // 获取列表数据
-        const {{$businessName}}List = ()=>{
-          loading.value = true
-          list{{.table.ClassName}}(state.tableData.param).then((res:any)=>{
-            let list = res.data.list??[];
-            {{range $index,$column := .table.ListColumns}}
-            {{if eq $column.HtmlField "createdBy" "updatedBy" "deptId"}}
-            list.map((item:any)=>{
-                {{if eq $column.HtmlField "createdBy"}}
-                item.createdBy = item.createdUser?.userNickname
-                {{end}}
-                {{if eq $column.HtmlField "deptId"}}
-                item.deptId = item.deptInfo?.deptName
-                {{end}}
-                {{if eq $column.HtmlField "updatedBy"}}
-                item.updatedBy = item.updatedUser?.userNickname
-                {{end}}
-            })
-            {{end}}
-            {{end}}
-            state.tableData.data = list;
-            state.tableData.total = res.data.total;
-            loading.value = false
-          })
-        };
-        const toggleSearch = () => {
-            showAll.value = !showAll.value;
-        }
-        {{range $index, $column := .table.Columns}}
-        {{if ne $column.DictType ""}}
-        {{if eq $column.HtmlType "checkbox"}}
-        // {{$column.ColumnComment}}字典翻译
-        const {{$column.HtmlField}}Format = (row:{{$.table.ClassName}}TableColumns) => {
-                let {{$column.HtmlField}} = row.{{$column.HtmlField}}.split(",")
-                let data:Array<string> = [];
-                {{$column.HtmlField}}.map(item=>{
-                data.push(proxy.selectDictLabel({{$column.DictType}}.value, item))
-            })
-            return data.join(",")
-        }
-        {{else}}
-        // {{$column.ColumnComment}}字典翻译
-        const {{$column.HtmlField}}Format = (row:{{$.table.ClassName}}TableColumns) => {
-            return proxy.selectDictLabel({{$column.DictType}}.value, row.{{$column.HtmlField}});
-        }
-        {{end}}
-        {{end}}
-        {{end}}
-        // 多选框选中数据
-        const handleSelectionChange = (selection:Array<{{.table.ClassName}}InfoData>) => {
-            state.{{.table.PkColumn.HtmlField}}s = selection.map(item => item.{{.table.PkColumn.HtmlField}})
-            single.value = selection.length!=1
-            multiple.value = !selection.length
-        }
-        const handleAdd =  ()=>{
-            editRef.value.openDialog()
-        }
-        const handleUpdate = (row: {{$.table.ClassName}}TableColumns) => {
-            if(!row){
-                row = state.tableData.data.find((item:{{$.table.ClassName}}TableColumns)=>{
-                    return item.{{.table.PkColumn.HtmlField}} ===state.{{.table.PkColumn.HtmlField}}s[0]
-                }) as {{$.table.ClassName}}TableColumns
-            }
-            editRef.value.openDialog(toRaw(row));
-        };
-        const handleDelete = (row: {{$.table.ClassName}}TableColumns) => {
-            let msg = '你确定要删除所选数据？';
-            let {{.table.PkColumn.HtmlField}}:number[] = [] ;
-            if(row){
-            msg = `此操作将永久删除数据，是否继续?`
-            {{.table.PkColumn.HtmlField}} = [row.{{.table.PkColumn.HtmlField}}]
-            }else{
-            {{.table.PkColumn.HtmlField}} = state.{{.table.PkColumn.HtmlField}}s
-            }
-            if({{.table.PkColumn.HtmlField}}.length===0){
-                ElMessage.error('请选择要删除的数据。');
-                return
-            }
-            ElMessageBox.confirm(msg, '提示', {
-                confirmButtonText: '确认',
-                cancelButtonText: '取消',
-                type: 'warning',
-            })
-                .then(() => {
-                    del{{.table.ClassName}}({{.table.PkColumn.HtmlField}}).then(()=>{
-                        ElMessage.success('删除成功');
-                        {{$businessName}}List();
-                    })
-                })
-                .catch(() => {});
-        }
-        const handleView = (row:{{$.table.ClassName}}TableColumns)=>{
-            detailRef.value.openDialog(toRaw(row));
-        }
-        {{if .table.ExcelPort }}
-        //导出excel
-        const handleExport = ()=>{
-            downLoadXml('/{{.apiVersion}}/{{.modulePath}}/{{$businessName}}/export',state.tableData.param,'get')
-        }
-        {{end}}
-        {{if .table.ExcelImp}}
-        const handleImport=()=>{
-            loadExcel{{$.table.ClassName}}Ref.value.open()
-        }
-        {{end}}
-        return {
-            proxy,
-            editRef,
-            detailRef,
-            showAll,
-            loading,
-            single,
-            multiple,
-            word,
-            queryRef,
-            resetQuery,
-            {{$businessName}}List,
-            toggleSearch,
-            {{range $index, $column := .table.Columns}}
-            {{if ne $column.DictType ""}}
-            {{$column.HtmlField}}Format,
-            {{$column.DictType}},
-            {{end}}
-            {{if ne $column.LinkTableName ""}}
-            {{if $column.IsCascade}}
-            //级联关联{{$column.LinkTableName}}表选项
-            {{else}}
-            //关联表数据选项
-            {{$column.HtmlField}}Options,
-            {{end}}
-            {{end}}
-            {{end}}
-            handleSelectionChange,
-            handleAdd,
-            handleUpdate,
-            handleDelete,
-            {{if eq .table.ShowDetail "true"}}
-            handleView,
-            {{end}}
-            {{if .table.ExcelPort }}
-            handleExport,
-            {{end}}
-            {{if .table.ExcelImp }}
-            handleImport,
-            loadExcel{{.table.ClassName}}Ref,
-            {{end}}
-            ...toRefs(state),
-        }
+defineOptions({ name: "{{.apiVersion|replace "/" "_"|CaseCamelLower}}{{.modulePath|replace "/" "_"|CaseCamel}}{{.table.ClassName}}List"})
+const {proxy} = <any>getCurrentInstance()
+const loading = ref(false)
+const queryRef = ref()
+const editRef = ref();
+const detailRef = ref();
+{{if .table.ExcelImp}}
+const loadExcel{{.table.ClassName}}Ref = ref();
+{{end}}
+// 是否显示所有搜索选项
+const showAll =  ref(false)
+// 非单个禁用
+const single = ref(true)
+// 非多个禁用
+const multiple =ref(true)
+const word = computed(()=>{
+    if(showAll.value === false) {
+        //对文字进行处理
+        return "展开搜索";
+    } else {
+        return "收起搜索";
     }
 })
+// 字典选项数据
+{{$dictArr:=newArray}}
+{{range $index, $column := .table.Columns}}
+{{if and (ne $column.DictType "") (ne (inArray $dictArr $column.DictType) true)}}
+    {{$dictArr = append $dictArr $column.DictType}}
+{{end}}
+{{end}}
+const {
+    {{range $index, $column := $dictArr}}
+    {{$column}},
+    {{end}}
+} = proxy.useDict(
+    {{range $index, $column := $dictArr}}
+    '{{$column}}',
+    {{end}}
+)
+{{range $index, $column := .table.Columns}}
+{{if ne $column.LinkTableName ""}}
+{{if $column.IsCascade }}
+// {{$column.HtmlField}}QueryOptions关联表数据
+const {{$column.HtmlField}}QueryOptions = ref<Array<ItemOptions>>([])
+// {{$column.HtmlField}}FormOptions关联表数据
+const {{$column.HtmlField}}FormOptions = ref<Array<ItemOptions>>([])
+{{else}}
+// {{$column.HtmlField}}Options关联表数据
+const {{$column.HtmlField}}Options = ref<Array<ItemOptions>>([])
+{{end}}
+{{end}}
+{{end}}
+const state = reactive<{{.table.ClassName}}TableDataState>({
+    {{.table.PkColumn.HtmlField}}s:[],
+    tableData: {
+        data: [],
+        total: 0,
+        loading: false,
+        param: {
+            pageNum: 1,
+            pageSize: 10,
+            {{range $index, $column := .table.QueryColumns}}
+            {{if eq $column.QueryType "BETWEEN"}}
+            {{$column.HtmlField}}: [],
+            {{else}}
+            {{$column.HtmlField}}: undefined,
+            {{end}}{{end}}
+            dateRange: []
+        },
+    },
+});
+const { tableData } = toRefs(state);
+// 页面加载时
+onMounted(() => {
+    initTableData();
+});
+// 初始化表格数据
+const initTableData = () => {
+    {{if gt (len .table.LinkedTables) 0}}
+    linkedData()
+    {{end}}
+    {{$businessName}}List()
+};
+{{if gt (len .table.LinkedTables) 0}}
+const linkedData = ()=>{
+    linkedDataSearch().then((res:any)=>{
+        {{range $index, $column := .table.Columns}}
+        {{if ne $column.LinkTableName ""}}
+        //关联{{$column.LinkTableName}}表选项
+        {{range $li,$lc := $.table.LinkedTables}}
+        {{if eq $lc.TableName $column.LinkTableName}}
+        {{if eq $lc.TplCategory "tree"}}
+        {{$column.HtmlField}}Options.value = proxy.handleTree(res.data.linked{{$.table.ClassName}}{{$column.LinkTableClass}}, '{{$lc.OptionsStruct.TreeCode}}', '{{$lc.OptionsStruct.TreeParentCode}}')
+        {{else}}
+        {{$column.HtmlField}}Options.value = proxy.setItems(res, '{{$column.LinkLabelId | CaseCamelLower}}', '{{$column.LinkLabelName | CaseCamelLower}}','linked{{$.table.ClassName}}{{$column.LinkTableClass}}')
+        {{end}}
+        {{end}}
+        {{end}}
+        {{end}}
+        {{end}}
+    })
+}
+{{end}}
+/** 重置按钮操作 */
+const resetQuery = (formEl: FormInstance | undefined) => {
+    if (!formEl) return
+    formEl.resetFields()
+    {{$businessName}}List()
+};
+// 获取列表数据
+const {{$businessName}}List = ()=>{
+  loading.value = true
+  list{{.table.ClassName}}(state.tableData.param).then((res:any)=>{
+    let list = res.data.list??[];
+    {{range $index,$column := .table.ListColumns}}
+    {{if eq $column.HtmlField "createdBy" "updatedBy" "deptId"}}
+    list.map((item:any)=>{
+        {{if eq $column.HtmlField "createdBy"}}
+        item.createdBy = item.createdUser?.userNickname
+        {{end}}
+        {{if eq $column.HtmlField "deptId"}}
+        item.deptId = item.deptInfo?.deptName
+        {{end}}
+        {{if eq $column.HtmlField "updatedBy"}}
+        item.updatedBy = item.updatedUser?.userNickname
+        {{end}}
+    })
+    {{end}}
+    {{end}}
+    state.tableData.data = list;
+    state.tableData.total = res.data.total;
+    loading.value = false
+  })
+};
+const toggleSearch = () => {
+    showAll.value = !showAll.value;
+}
+{{range $index, $column := .table.Columns}}
+{{if ne $column.DictType ""}}
+{{if eq $column.HtmlType "checkbox"}}
+// {{$column.ColumnComment}}字典翻译
+const {{$column.HtmlField}}Format = (row:{{$.table.ClassName}}TableColumns) => {
+        let {{$column.HtmlField}} = row.{{$column.HtmlField}}.split(",")
+        let data:Array<string> = [];
+        {{$column.HtmlField}}.map(item=>{
+        data.push(proxy.selectDictLabel({{$column.DictType}}.value, item))
+    })
+    return data.join(",")
+}
+{{else}}
+// {{$column.ColumnComment}}字典翻译
+const {{$column.HtmlField}}Format = (row:{{$.table.ClassName}}TableColumns) => {
+    return proxy.selectDictLabel({{$column.DictType}}.value, row.{{$column.HtmlField}});
+}
+{{end}}
+{{end}}
+{{end}}
+// 多选框选中数据
+const handleSelectionChange = (selection:Array<{{.table.ClassName}}InfoData>) => {
+    state.{{.table.PkColumn.HtmlField}}s = selection.map(item => item.{{.table.PkColumn.HtmlField}})
+    single.value = selection.length!=1
+    multiple.value = !selection.length
+}
+const handleAdd =  ()=>{
+    editRef.value.openDialog()
+}
+const handleUpdate = (row: {{$.table.ClassName}}TableColumns|null) => {
+    if(!row){
+        row = state.tableData.data.find((item:{{$.table.ClassName}}TableColumns)=>{
+            return item.{{.table.PkColumn.HtmlField}} ===state.{{.table.PkColumn.HtmlField}}s[0]
+        }) as {{$.table.ClassName}}TableColumns
+    }
+    editRef.value.openDialog(toRaw(row));
+};
+const handleDelete = (row: {{$.table.ClassName}}TableColumns|null) => {
+    let msg = '你确定要删除所选数据？';
+    let {{.table.PkColumn.HtmlField}}:number[] = [] ;
+    if(row){
+    msg = `此操作将永久删除数据，是否继续?`
+    {{.table.PkColumn.HtmlField}} = [row.{{.table.PkColumn.HtmlField}}]
+    }else{
+    {{.table.PkColumn.HtmlField}} = state.{{.table.PkColumn.HtmlField}}s
+    }
+    if({{.table.PkColumn.HtmlField}}.length===0){
+        ElMessage.error('请选择要删除的数据。');
+        return
+    }
+    ElMessageBox.confirm(msg, '提示', {
+        confirmButtonText: '确认',
+        cancelButtonText: '取消',
+        type: 'warning',
+    })
+        .then(() => {
+            del{{.table.ClassName}}({{.table.PkColumn.HtmlField}}).then(()=>{
+                ElMessage.success('删除成功');
+                {{$businessName}}List();
+            })
+        })
+        .catch(() => {});
+}
+const handleView = (row:{{$.table.ClassName}}TableColumns)=>{
+    detailRef.value.openDialog(toRaw(row));
+}
+{{if .table.ExcelPort }}
+//导出excel
+const handleExport = ()=>{
+    downLoadXml('/{{.apiVersion}}/{{.modulePath}}/{{$businessName}}/export',state.tableData.param,'get')
+}
+{{end}}
+{{if .table.ExcelImp}}
+const handleImport=()=>{
+    loadExcel{{$.table.ClassName}}Ref.value.open()
+}
+{{end}}
 </script>
 <style lang="scss" scoped>
     .colBlock {
diff --git a/resource/template/vm/vue/tree-virtual-vue.template b/resource/template/vm/vue/tree-virtual-vue.template
index 518fa9a..c1a5903 100644
--- a/resource/template/vm/vue/tree-virtual-vue.template
+++ b/resource/template/vm/vue/tree-virtual-vue.template
@@ -285,7 +285,7 @@
   </div>
 </template>
 
-<script lang="ts">
+<script setup lang="ts">
 
 {{$tokenImp := false}}
 {{$imgsImp := false}}
@@ -339,451 +339,400 @@ import {
 import {{.apiVersion|replace "/" "_"|CaseCamel}}{{.modulePath|replace "/" "_"|CaseCamel}}{{.table.ClassName}}Edit from "/@/views/{{.modulePath}}/{{$businessName}}/list/component/edit.vue"
 import {{.apiVersion|replace "/" "_"|CaseCamel}}{{.modulePath|replace "/" "_"|CaseCamel}}{{.table.ClassName}}Detail from "/@/views/{{.modulePath}}/{{$businessName}}/list/component/detail.vue"
 import _ from 'lodash'
-export default defineComponent({
-    name: "{{.apiVersion|replace "/" "_"|CaseCamelLower}}{{.modulePath|replace "/" "_"|CaseCamel}}{{.table.ClassName}}List",
-    components:{
-        {{.apiVersion|replace "/" "_"|CaseCamel}}{{.modulePath|replace "/" "_"|CaseCamel}}{{.table.ClassName}}Edit,
-        {{.apiVersion|replace "/" "_"|CaseCamel}}{{.modulePath|replace "/" "_"|CaseCamel}}{{.table.ClassName}}Detail
-    },
-    setup() {
-        const {proxy} = <any>getCurrentInstance()
-        const loading = ref(false)
-        const queryRef = ref()
-        const editRef = ref();
-        const detailRef = ref();
-        // 是否显示所有搜索选项
-        const showAll =  ref(false)
-        // 非单个禁用
-        const single = ref(true)
-        // 非多个禁用
-        const multiple =ref(true)
-        const word = computed(()=>{
-            if(showAll.value === false) {
-                //对文字进行处理
-                return "展开搜索";
-            } else {
-                return "收起搜索";
-            }
-        })
-        // 字典选项数据
-        {{$dictArr:=newArray}}
-        {{range $index, $column := .table.Columns}}
-        {{if and (ne $column.DictType "") (ne (inArray $dictArr $column.DictType) true)}}
-        {{$dictArr = append $dictArr $column.DictType}}
-        {{end}}
-        {{end}}
-        const {
-            {{range $index, $column := $dictArr}}
-            {{$column}},
-            {{end}}
-        } = proxy.useDict(
-            {{range $index, $column := $dictArr}}
-            '{{$column}}',
-            {{end}}
-        )
-        {{range $index, $column := .table.Columns}}
-        {{if ne $column.LinkTableName ""}}
-        {{if $column.IsCascade }}
-        // {{$column.HtmlField}}QueryOptions关联表数据
-        const {{$column.HtmlField}}QueryOptions = ref<Array<ItemOptions>>([])
-        // {{$column.HtmlField}}FormOptions关联表数据
-        const {{$column.HtmlField}}FormOptions = ref<Array<ItemOptions>>([])
-        {{else}}
-        // {{$column.HtmlField}}Options关联表数据
-        const {{$column.HtmlField}}Options = ref<Array<ItemOptions>>([])
-        {{end}}
-        {{end}}
-        {{end}}
-        const dataList = ref<Array<{{$.table.ClassName}}TableColumns>>([])
-        const state = reactive<{{.table.ClassName}}TableDataState>({
-            {{.table.PkColumn.HtmlField}}s:[],
-            tableData: {
-                data: [],
-                total: 0,
-                loading: false,
-                param: {
-                    pageNum: 1,
-                    pageSize: 10,
-                    {{range $index, $column := .table.QueryColumns}}
-                    {{if eq $column.QueryType "BETWEEN"}}
-                    {{$column.HtmlField}}: [],
-                    {{else}}
-                    {{$column.HtmlField}}: undefined,
-                    {{end}}{{end}}
-                    dateRange: []
-                },
-            },
-        });
-        // 页面加载时
-        onMounted(() => {
-            initTableData();
-        });
-        // 初始化表格数据
-        const initTableData = () => {
-            {{if gt (len .table.LinkedTables) 0}}
-            linkedData()
-            {{end}}
-            {{$businessName}}List()
-        };
-        {{if gt (len .table.LinkedTables) 0}}
-        const linkedData = ()=>{
-            linkedDataSearch().then((res:any)=>{
-                {{range $index, $column := .table.Columns}}
-                {{if ne $column.LinkTableName ""}}
-                //关联{{$column.LinkTableName}}表选项
-                {{range $li,$lc := $.table.LinkedTables}}
-                {{if eq $lc.TableName $column.LinkTableName}}
-                {{if eq $lc.TplCategory "tree"}}
-                {{$column.HtmlField}}Options.value = proxy.handleTree(res.data.linked{{$.table.ClassName}}{{$column.LinkTableClass}}, '{{$lc.OptionsStruct.TreeCode}}', '{{$lc.OptionsStruct.TreeParentCode}}')
-                {{else}}
-                {{$column.HtmlField}}Options.value = proxy.setItems(res, '{{$column.LinkLabelId | CaseCamelLower}}', '{{$column.LinkLabelName | CaseCamelLower}}','linked{{$.table.ClassName}}{{$column.LinkTableClass}}')
-                {{end}}
-                {{end}}
-                {{end}}
-                {{end}}
-                {{end}}
-            })
-        }
-        {{end}}
-        /** 重置按钮操作 */
-        const resetQuery = (formEl: FormInstance | undefined) => {
-            if (!formEl) return
-            formEl.resetFields()
-            {{$businessName}}List()
-        };
-        // 获取列表数据
-        const {{$businessName}}List = ()=>{
-          loading.value = true
-          list{{.table.ClassName}}(state.tableData.param).then((res:any)=>{
-            let list = res.data.list??[];
-            {{range $index,$column := .table.ListColumns}}
-            {{if eq $column.HtmlField "createdBy" "updatedBy" "dept_id"}}
-            list.map((item:any)=>{
-                {{if eq $column.HtmlField "createdBy"}}
-                item.createdBy = item?.createdUser.userNickname
-                {{end}}
-                {{if eq $column.HtmlField "deptId"}}
-                item.deptId = item.deptInfo?.deptName
-                {{end}}
-                {{if eq $column.HtmlField "updatedBy"}}
-                item.updatedBy = item?.updatedUser.userNickname
-                {{end}}
-            })
-            {{end}}
-            {{end}}
-            if(list.length > 0 &&  typeof list[0].id == "undefined"){
-                list.map((item:any)=>{
-                    item.id = item.{{.table.PkColumn.HtmlField}}
-                })
-            }
-            dataList.value = _.clone(res.data.list)
-            list = proxy.handleTree(res.data.list||[], "{{$treeCode}}", "{{$treeParentCode}}");
-            state.tableData.data = list;
-            loading.value = false
-            setVrData(list)
-          })
-        };
-        const toggleSearch = () => {
-            showAll.value = !showAll.value;
-        }
-        {{range $index, $column := .table.Columns}}
-        {{if ne $column.DictType ""}}
-        {{if eq $column.HtmlType "checkbox"}}
-        // {{$column.ColumnComment}}字典翻译
-        const {{$column.HtmlField}}Format = (row:{{$.table.ClassName}}TableColumns) => {
-                let {{$column.HtmlField}} = row.{{$column.HtmlField}}.split(",")
-                let data:Array<string> = [];
-                {{$column.HtmlField}}.map(item=>{
-                data.push(proxy.selectDictLabel({{$column.DictType}}.value, item))
-            })
-            return data.join(",")
-        }
-        {{else}}
-        // {{$column.ColumnComment}}字典翻译
-        const {{$column.HtmlField}}Format = (row:{{$.table.ClassName}}TableColumns) => {
-            return proxy.selectDictLabel({{$column.DictType}}.value, row.{{$column.HtmlField}});
-        }
-        {{end}}
-        {{end}}
-        {{end}}
-        // 多选框选中数据
-        const handleSelectionChange = (selection:Array<{{.table.ClassName}}InfoData>) => {
-            state.{{.table.PkColumn.HtmlField}}s = selection.map(item => item.{{.table.PkColumn.HtmlField}})
-            single.value = selection.length!=1
-            multiple.value = !selection.length
-        }
-        const handleAdd =  ()=>{
-            editRef.value.openDialog()
-        }
-        const handleUpdate = (row: {{$.table.ClassName}}TableColumns) => {
-            if(!row){
-                row = dataList.value.find((item:{{$.table.ClassName}}TableColumns)=>{
-                    return item.{{.table.PkColumn.HtmlField}} ===state.{{.table.PkColumn.HtmlField}}s[0]
-                }) as {{$.table.ClassName}}TableColumns
-            }
-            editRef.value.openDialog(toRaw(row));
-        };
-        const handleDelete = (row: {{$.table.ClassName}}TableColumns) => {
-            let msg = '你确定要删除所选数据？';
-            let {{.table.PkColumn.HtmlField}}:number[] = [] ;
-            if(row){
-            msg = `此操作将永久删除数据，是否继续?`
-            {{.table.PkColumn.HtmlField}} = [row.{{.table.PkColumn.HtmlField}}]
-            }else{
-            {{.table.PkColumn.HtmlField}} = state.{{.table.PkColumn.HtmlField}}s
-            }
-            if({{.table.PkColumn.HtmlField}}.length===0){
-                ElMessage.error('请选择要删除的数据。');
-                return
-            }
-            ElMessageBox.confirm(msg, '提示', {
-                confirmButtonText: '确认',
-                cancelButtonText: '取消',
-                type: 'warning',
-            })
-                .then(() => {
-                    del{{.table.ClassName}}({{.table.PkColumn.HtmlField}}).then(()=>{
-                        ElMessage.success('删除成功');
-                        {{$businessName}}List();
-                    })
-                })
-                .catch(() => {});
-        }
-        const handleView = (row:{{$.table.ClassName}}TableColumns)=>{
-            detailRef.value.openDialog(toRaw(row));
-        }
-        //========================================================================================================
-        const columns = ref<Column[]>([])
-        const treeData = ref<any[]>([])
-
-        type SelectionCellProps = {
-            value: boolean
-            intermediate?: boolean
-            onChange: (value: CheckboxValueType) => void
-        }
-
-        const SelectionCell: FunctionalComponent<SelectionCellProps> = ({
-            value,
-            intermediate = false,
-            onChange,
-        }) => {
-            return h(ElCheckbox,{modelValue:value,indeterminate:intermediate,onChange:onChange})
-        }
-        const setVrData = (list:{{$.table.ClassName}}TableColumns[])=>{
-            const _columns:any[] = [
-                {key: 'selection',dataKey: '{{.table.PkColumn.HtmlField}}',title: ``,width:80,
-                    {{if .table.PkColumn.IsFixed}}fixed: TableV2FixedDir.LEFT,{{end}}
-                    headerCellRenderer:()=>{
-                        let _data = unref(dataList.value)
-                        const onChange = (value: CheckboxValueType) =>{
-                            _data = _data.map((row:any) => {
-                                row.checked = value
-                                return row
-                            })
-                            treeData.value = proxy.handleTree(_data||[], "{{$treeCode}}", "{{$treeParentCode}}")
-                            state.{{.table.PkColumn.HtmlField}}s = _data.map((item:any) => {
-                                if(item.checked){
-                                    return item.{{.table.PkColumn.HtmlField}}
-                                }
-                            }).filter(item=>item!==undefined)
-                            single.value = state.{{.table.PkColumn.HtmlField}}s.length!=1
-                            multiple.value = !state.{{.table.PkColumn.HtmlField}}s.length
-                        }
-                        const allSelected = _data.every((row:any) => row.checked)
-                        const containsChecked = _data.some((row:any) => row.checked)
-                        return h(ElCheckbox,{value:allSelected,intermediate:containsChecked && !allSelected,onChange:onChange})
-                    },
-                    cellRenderer:({rowData: row})=>{
-                        return h(SelectionCell, {value:row.checked,intermediate:false,onChange:(v:CheckboxValueType)=>{
-                                row.checked=v
-                                if(v){
-                                    state.{{.table.PkColumn.HtmlField}}s.push(row.{{.table.PkColumn.HtmlField}})
-                                    state.{{.table.PkColumn.HtmlField}}s =  [...new Set(state.{{.table.PkColumn.HtmlField}}s)]
-                                }else{
-                                    state.{{.table.PkColumn.HtmlField}}s = state.{{.table.PkColumn.HtmlField}}s.filter(item=>item!==row.{{.table.PkColumn.HtmlField}})
-                                }
-                                single.value = state.{{.table.PkColumn.HtmlField}}s.length!=1
-                                multiple.value = !state.{{.table.PkColumn.HtmlField}}s.length
-                            }
-                        })
-                    }
-                }
-            ]
-            {{range $index, $column := .table.ListColumns}}
-            {{if $column.IsPk}}
-            _columns.push({key: '{{$column.HtmlField}}',dataKey: '{{$column.HtmlField}}',title: `{{$column.ColumnComment}}`,
-                {{if gt $column.MinWidth 0}}width:{{$column.MinWidth}},{{end}}
-                {{if $column.IsFixed}}fixed: TableV2FixedDir.LEFT,{{end}}
-            })
-            {{else if eq $column.HtmlType "date"}}
-            _columns.push({key: '{{$column.HtmlField}}',dataKey: '{{$column.HtmlField}}',title: `{{$column.ColumnComment}}`,
-                {{if gt $column.MinWidth 0}}width:{{$column.MinWidth}},{{end}}
-                {{if $column.IsFixed}}fixed: TableV2FixedDir.LEFT,{{end}}
-                cellRenderer: ({ cellData: {{$column.HtmlField}} }) => {
-                    return h('span', proxy.parseTime({{$column.HtmlField}}, '{y}-{m}-{d}'));
-                }
-            })
-            {{else if eq $column.HtmlType "datetime"}}
-            _columns.push({key: '{{$column.HtmlField}}',dataKey: '{{$column.HtmlField}}',title: `{{$column.ColumnComment}}`,
-                {{if gt $column.MinWidth 0}}width:{{$column.MinWidth}},{{end}}
-                {{if $column.IsFixed}}fixed: TableV2FixedDir.LEFT,{{end}}
-                cellRenderer: ({ cellData: {{$column.HtmlField}} }) => {
-                    return h('span', proxy.parseTime({{$column.HtmlField}}, '{y}-{m}-{d} {h}:{i}:{s}'));
-                }
-            })
-            {{else if eq $column.HtmlField "createdBy"}}
-            _columns.push({key: '{{$column.HtmlField}}',dataKey: '{{$column.HtmlField}}',title: `{{$column.ColumnComment}}`,
-                {{if gt $column.MinWidth 0}}width:{{$column.MinWidth}},{{end}}
-                {{if $column.IsFixed}}fixed: TableV2FixedDir.LEFT,{{end}}
-            })
-            {{else if eq $column.HtmlField "updatedBy"}}
-            _columns.push({key: '{{$column.HtmlField}}',dataKey: '{{$column.HtmlField}}',title: `{{$column.ColumnComment}}`,
-                {{if gt $column.MinWidth 0}}width:{{$column.MinWidth}},{{end}}
-                {{if $column.IsFixed}}fixed: TableV2FixedDir.LEFT,{{end}}
-            })
-            {{else if eq $column.HtmlType "imagefile"}}
-            _columns.push({key: '{{$column.HtmlField}}',dataKey: '{{$column.HtmlField}}',title: `{{$column.ColumnComment}}`,
-                {{if gt $column.MinWidth 0}}width:{{$column.MinWidth}},{{end}}
-                {{if $column.IsFixed}}fixed: TableV2FixedDir.LEFT,{{end}}
-                cellRenderer: ({cellData: {{$column.HtmlField}} }) => {
-                    const children = []
-                    if(!proxy.isEmpty({{$column.HtmlField}})){
-                        children.push(h(ElImage,{fit:'contain',style:'width:50px;height:50px',src:proxy.getUpFileUrl({{$column.HtmlField}})}))
-                    }
-                    return ('div',children)
-                }
-            })
-            {{else if eq $column.HtmlType "selects" "checkbox" "treeSelects"}}
-            {{if ne $column.LinkTableName ""}}
-            _columns.push({key: '{{$column.HtmlField}}',dataKey: '{{$column.HtmlField}}',title: `{{$column.ColumnComment}}`,
-                {{if gt $column.MinWidth 0}}width:{{$column.MinWidth}},{{end}}
-                {{if $column.IsFixed}}fixed: TableV2FixedDir.LEFT,{{end}}
-                cellRenderer: ({cellData: {{$column.HtmlField}} }) => {
-                    const children = []
-                    if(linked{{$column.GoField}}){
-                        linked{{$column.GoField}}.map(item=>{
-                            children.push(h(ElTag,{class:"ml-2",type:'success'},[item.{{$column.LinkLabelName|CaseCamelLower}}]))
-                        })
-                    }
-                    return ('div',children)
-                }
-            })
-            {{else if ne $column.DictType ""}}
-            _columns.push({key: '{{$column.HtmlField}}',dataKey: '{{$column.HtmlField}}',title: `{{$column.ColumnComment}}`,
-                {{if gt $column.MinWidth 0}}width:{{$column.MinWidth}},{{end}}
-                {{if $column.IsFixed}}fixed: TableV2FixedDir.LEFT,{{end}}
-                cellRenderer: ({rowData:row}) => {
-                    return ('span',[{{$column.HtmlField}}Format(row)])
-                }
-            })
-            {{end}}
-            {{else if ne $column.LinkTableName ""}}
-            _columns.push({key: '{{$column.HtmlField}}',dataKey: 'linked{{$column.GoField}}.{{$column.LinkLabelName | CaseCamelLower}}',title: `{{$column.ColumnComment}}`,
-                {{if gt $column.MinWidth 0}}width:{{$column.MinWidth}},{{end}}
-                {{if $column.IsFixed}}fixed: TableV2FixedDir.LEFT,{{end}}
-            })
-            {{else if ne $column.DictType ""}}
-            _columns.push({key: '{{$column.HtmlField}}',dataKey: '{{$column.HtmlField}}',title: `{{$column.ColumnComment}}`,
-                {{if gt $column.MinWidth 0}}width:{{$column.MinWidth}},{{end}}
-                {{if $column.IsFixed}}fixed: TableV2FixedDir.LEFT,{{end}}
-                cellRenderer: ({rowData:row}) => {
-                    return ('span',[{{$column.HtmlField}}Format(row)])
-                }
-            })
-            {{else if ne $column.HtmlField ""}}
-            _columns.push({key: '{{$column.HtmlField}}',dataKey: '{{$column.HtmlField}}',title: `{{$column.ColumnComment}}`,
-                {{if gt $column.MinWidth 0}}width:{{$column.MinWidth}},{{end}}
-                {{if $column.IsFixed}}fixed: TableV2FixedDir.LEFT,{{end}}
-            })
-            {{end}}
-            {{end}}
-            _columns.push({key: 'operations',dataKey: '{{$.table.PkColumn.HtmlField}}',title: `操作`,width:200,fixed: TableV2FixedDir.RIGHT,
-                cellRenderer: ({rowData:row,cellData:{{$.table.PkColumn.HtmlField}}}) => {
-                    return h('div',{class:'tb-operations'},[
-                        h(ElLink, { type: 'primary',underline:false, onClick: () => { handleView(row) } },
-                            () => [
-                                h(ElIcon, () => [h(View)]),
-                                '详情'
-                            ],
-                        ),
-                        h(ElLink, { type: 'primary',underline:false, onClick: () => { handleUpdate(row) } },
-                            () => [
-                                h(ElIcon, () => [h(EditPen)]),
-                                '修改'
-                            ],
-                        ),
-                        h(ElLink, { type: 'primary',underline:false, onClick: () => { handleDelete(row) } },
-                            () => [
-                                h(ElIcon, () => [h(DeleteFilled)]),
-                                '删除'
-                            ],
-                        )
-                    ])
-                }
-            })
-            columns.value = _columns
-            treeData.value = list
-        }
-        //=============================================================================================================
-        const expandColumnKey = '{{$firstColumn.HtmlField}}'
-
-        const expandedRowKeys = ref<string[]>([])
-
-        const onRowExpanded = (exp: Parameters<RowExpandHandler<any>>[0]) => {
-            console.log('Expanded:', exp)
-        }
-
-        const onExpandedRowsChange = (
-            expandedKeys: Parameters<ExpandedRowsChangeHandler>[0]
-        ) => {
-            console.log('expandedKeys:',expandedKeys)
-        }
-
-        return {
-            proxy,
-            editRef,
-            detailRef,
-            showAll,
-            loading,
-            single,
-            multiple,
-            word,
-            queryRef,
-            resetQuery,
-            {{$businessName}}List,
-            toggleSearch,
-            {{range $index, $column := .table.Columns}}
-            {{if ne $column.DictType ""}}
-            {{$column.HtmlField}}Format,
-            {{$column.DictType}},
-            {{end}}
-            {{if ne $column.LinkTableName ""}}
-            {{if $column.IsCascade}}
-            //级联关联{{$column.LinkTableName}}表选项
-            {{else}}
-            //关联表数据选项
-            {{$column.HtmlField}}Options,
-            //关联{{$column.LinkTableName}}表选项获取数据方法
-            {{end}}
-            {{end}}
-            {{end}}
-            handleSelectionChange,
-            handleAdd,
-            handleUpdate,
-            handleDelete,
-            {{if eq .table.ShowDetail "true"}}
-            handleView,
-            {{end}}
-            columns,
-            treeData,
-            expandedRowKeys,
-            onRowExpanded,
-            expandColumnKey,
-            onExpandedRowsChange,
-            ...toRefs(state),
-        }
+defineOptions({ name: "{{.apiVersion|replace "/" "_"|CaseCamelLower}}{{.modulePath|replace "/" "_"|CaseCamel}}{{.table.ClassName}}List"})
+const {proxy} = <any>getCurrentInstance()
+const loading = ref(false)
+const queryRef = ref()
+const editRef = ref();
+const detailRef = ref();
+// 是否显示所有搜索选项
+const showAll =  ref(false)
+// 非单个禁用
+const single = ref(true)
+// 非多个禁用
+const multiple =ref(true)
+const word = computed(()=>{
+    if(showAll.value === false) {
+        //对文字进行处理
+        return "展开搜索";
+    } else {
+        return "收起搜索";
     }
 })
+// 字典选项数据
+{{$dictArr:=newArray}}
+{{range $index, $column := .table.Columns}}
+{{if and (ne $column.DictType "") (ne (inArray $dictArr $column.DictType) true)}}
+{{$dictArr = append $dictArr $column.DictType}}
+{{end}}
+{{end}}
+const {
+    {{range $index, $column := $dictArr}}
+    {{$column}},
+    {{end}}
+} = proxy.useDict(
+    {{range $index, $column := $dictArr}}
+    '{{$column}}',
+    {{end}}
+)
+{{range $index, $column := .table.Columns}}
+{{if ne $column.LinkTableName ""}}
+{{if $column.IsCascade }}
+// {{$column.HtmlField}}QueryOptions关联表数据
+const {{$column.HtmlField}}QueryOptions = ref<Array<ItemOptions>>([])
+// {{$column.HtmlField}}FormOptions关联表数据
+const {{$column.HtmlField}}FormOptions = ref<Array<ItemOptions>>([])
+{{else}}
+// {{$column.HtmlField}}Options关联表数据
+const {{$column.HtmlField}}Options = ref<Array<ItemOptions>>([])
+{{end}}
+{{end}}
+{{end}}
+const dataList = ref<Array<{{$.table.ClassName}}TableColumns>>([])
+const state = reactive<{{.table.ClassName}}TableDataState>({
+    {{.table.PkColumn.HtmlField}}s:[],
+    tableData: {
+        data: [],
+        total: 0,
+        loading: false,
+        param: {
+            pageNum: 1,
+            pageSize: 10,
+            {{range $index, $column := .table.QueryColumns}}
+            {{if eq $column.QueryType "BETWEEN"}}
+            {{$column.HtmlField}}: [],
+            {{else}}
+            {{$column.HtmlField}}: undefined,
+            {{end}}{{end}}
+            dateRange: []
+        },
+    },
+});
+const { tableData } = toRefs(state);
+// 页面加载时
+onMounted(() => {
+    initTableData();
+});
+// 初始化表格数据
+const initTableData = () => {
+    {{if gt (len .table.LinkedTables) 0}}
+    linkedData()
+    {{end}}
+    {{$businessName}}List()
+};
+{{if gt (len .table.LinkedTables) 0}}
+const linkedData = ()=>{
+    linkedDataSearch().then((res:any)=>{
+        {{range $index, $column := .table.Columns}}
+        {{if ne $column.LinkTableName ""}}
+        //关联{{$column.LinkTableName}}表选项
+        {{range $li,$lc := $.table.LinkedTables}}
+        {{if eq $lc.TableName $column.LinkTableName}}
+        {{if eq $lc.TplCategory "tree"}}
+        {{$column.HtmlField}}Options.value = proxy.handleTree(res.data.linked{{$.table.ClassName}}{{$column.LinkTableClass}}, '{{$lc.OptionsStruct.TreeCode}}', '{{$lc.OptionsStruct.TreeParentCode}}')
+        {{else}}
+        {{$column.HtmlField}}Options.value = proxy.setItems(res, '{{$column.LinkLabelId | CaseCamelLower}}', '{{$column.LinkLabelName | CaseCamelLower}}','linked{{$.table.ClassName}}{{$column.LinkTableClass}}')
+        {{end}}
+        {{end}}
+        {{end}}
+        {{end}}
+        {{end}}
+    })
+}
+{{end}}
+/** 重置按钮操作 */
+const resetQuery = (formEl: FormInstance | undefined) => {
+    if (!formEl) return
+    formEl.resetFields()
+    {{$businessName}}List()
+};
+// 获取列表数据
+const {{$businessName}}List = ()=>{
+  loading.value = true
+  list{{.table.ClassName}}(state.tableData.param).then((res:any)=>{
+    let list = res.data.list??[];
+    {{range $index,$column := .table.ListColumns}}
+    {{if eq $column.HtmlField "createdBy" "updatedBy" "dept_id"}}
+    list.map((item:any)=>{
+        {{if eq $column.HtmlField "createdBy"}}
+        item.createdBy = item?.createdUser.userNickname
+        {{end}}
+        {{if eq $column.HtmlField "deptId"}}
+        item.deptId = item.deptInfo?.deptName
+        {{end}}
+        {{if eq $column.HtmlField "updatedBy"}}
+        item.updatedBy = item?.updatedUser.userNickname
+        {{end}}
+    })
+    {{end}}
+    {{end}}
+    if(list.length > 0 &&  typeof list[0].id == "undefined"){
+        list.map((item:any)=>{
+            item.id = item.{{.table.PkColumn.HtmlField}}
+        })
+    }
+    dataList.value = _.clone(res.data.list)
+    list = proxy.handleTree(res.data.list||[], "{{$treeCode}}", "{{$treeParentCode}}");
+    state.tableData.data = list;
+    loading.value = false
+    setVrData(list)
+  })
+};
+const toggleSearch = () => {
+    showAll.value = !showAll.value;
+}
+{{range $index, $column := .table.Columns}}
+{{if ne $column.DictType ""}}
+{{if eq $column.HtmlType "checkbox"}}
+// {{$column.ColumnComment}}字典翻译
+const {{$column.HtmlField}}Format = (row:{{$.table.ClassName}}TableColumns) => {
+        let {{$column.HtmlField}} = row.{{$column.HtmlField}}.split(",")
+        let data:Array<string> = [];
+        {{$column.HtmlField}}.map(item=>{
+        data.push(proxy.selectDictLabel({{$column.DictType}}.value, item))
+    })
+    return data.join(",")
+}
+{{else}}
+// {{$column.ColumnComment}}字典翻译
+const {{$column.HtmlField}}Format = (row:{{$.table.ClassName}}TableColumns) => {
+    return proxy.selectDictLabel({{$column.DictType}}.value, row.{{$column.HtmlField}});
+}
+{{end}}
+{{end}}
+{{end}}
+// 多选框选中数据
+const handleSelectionChange = (selection:Array<{{.table.ClassName}}InfoData>) => {
+    state.{{.table.PkColumn.HtmlField}}s = selection.map(item => item.{{.table.PkColumn.HtmlField}})
+    single.value = selection.length!=1
+    multiple.value = !selection.length
+}
+const handleAdd =  ()=>{
+    editRef.value.openDialog()
+}
+const handleUpdate = (row: {{$.table.ClassName}}TableColumns|null) => {
+    if(!row){
+        row = dataList.value.find((item:{{$.table.ClassName}}TableColumns)=>{
+            return item.{{.table.PkColumn.HtmlField}} ===state.{{.table.PkColumn.HtmlField}}s[0]
+        }) as {{$.table.ClassName}}TableColumns
+    }
+    editRef.value.openDialog(toRaw(row));
+};
+const handleDelete = (row: {{$.table.ClassName}}TableColumns|null) => {
+    let msg = '你确定要删除所选数据？';
+    let {{.table.PkColumn.HtmlField}}:{{.table.PkColumn.TsType}}[] = [] ;
+    if(row){
+    msg = `此操作将永久删除数据，是否继续?`
+    {{.table.PkColumn.HtmlField}} = [row.{{.table.PkColumn.HtmlField}}]
+    }else{
+    {{.table.PkColumn.HtmlField}} = state.{{.table.PkColumn.HtmlField}}s
+    }
+    if({{.table.PkColumn.HtmlField}}.length===0){
+        ElMessage.error('请选择要删除的数据。');
+        return
+    }
+    ElMessageBox.confirm(msg, '提示', {
+        confirmButtonText: '确认',
+        cancelButtonText: '取消',
+        type: 'warning',
+    })
+        .then(() => {
+            del{{.table.ClassName}}({{.table.PkColumn.HtmlField}}).then(()=>{
+                ElMessage.success('删除成功');
+                {{$businessName}}List();
+            })
+        })
+        .catch(() => {});
+}
+const handleView = (row:{{$.table.ClassName}}TableColumns)=>{
+    detailRef.value.openDialog(toRaw(row));
+}
+//========================================================================================================
+const columns = ref<Column[]>([])
+const treeData = ref<any[]>([])
+
+type SelectionCellProps = {
+    value: boolean
+    intermediate?: boolean
+    onChange: (value: CheckboxValueType) => void
+}
+
+const SelectionCell: FunctionalComponent<SelectionCellProps> = ({
+    value,
+    intermediate = false,
+    onChange,
+}) => {
+    return h(ElCheckbox,{modelValue:value,indeterminate:intermediate,onChange:onChange})
+}
+const setVrData = (list:{{$.table.ClassName}}TableColumns[])=>{
+    const _columns:any[] = [
+        {key: 'selection',dataKey: '{{.table.PkColumn.HtmlField}}',title: ``,width:80,
+            {{if .table.PkColumn.IsFixed}}fixed: TableV2FixedDir.LEFT,{{end}}
+            headerCellRenderer:()=>{
+                let _data = unref(dataList.value)
+                const onChange = (value: CheckboxValueType) =>{
+                    _data = _data.map((row:any) => {
+                        row.checked = value
+                        return row
+                    })
+                    treeData.value = proxy.handleTree(_data||[], "{{$treeCode}}", "{{$treeParentCode}}")
+                    state.{{.table.PkColumn.HtmlField}}s = _data.map((item:any) => {
+                        if(item.checked){
+                            return item.{{.table.PkColumn.HtmlField}}
+                        }
+                    }).filter(item=>item!==undefined)
+                    single.value = state.{{.table.PkColumn.HtmlField}}s.length!=1
+                    multiple.value = !state.{{.table.PkColumn.HtmlField}}s.length
+                }
+                const allSelected = _data.every((row:any) => row.checked)
+                const containsChecked = _data.some((row:any) => row.checked)
+                return h(ElCheckbox,{value:allSelected,intermediate:containsChecked && !allSelected,onChange:onChange})
+            },
+            cellRenderer:({rowData: row})=>{
+                return h(SelectionCell, {value:row.checked,intermediate:false,onChange:(v:CheckboxValueType)=>{
+                        row.checked=v
+                        if(v){
+                            state.{{.table.PkColumn.HtmlField}}s.push(row.{{.table.PkColumn.HtmlField}})
+                            state.{{.table.PkColumn.HtmlField}}s =  [...new Set(state.{{.table.PkColumn.HtmlField}}s)]
+                        }else{
+                            state.{{.table.PkColumn.HtmlField}}s = state.{{.table.PkColumn.HtmlField}}s.filter(item=>item!==row.{{.table.PkColumn.HtmlField}})
+                        }
+                        single.value = state.{{.table.PkColumn.HtmlField}}s.length!=1
+                        multiple.value = !state.{{.table.PkColumn.HtmlField}}s.length
+                    }
+                })
+            }
+        }
+    ]
+    {{range $index, $column := .table.ListColumns}}
+    {{if $column.IsPk}}
+    _columns.push({key: '{{$column.HtmlField}}',dataKey: '{{$column.HtmlField}}',title: `{{$column.ColumnComment}}`,
+        {{if gt $column.MinWidth 0}}width:{{$column.MinWidth}},{{end}}
+        {{if $column.IsFixed}}fixed: TableV2FixedDir.LEFT,{{end}}
+    })
+    {{else if eq $column.HtmlType "date"}}
+    _columns.push({key: '{{$column.HtmlField}}',dataKey: '{{$column.HtmlField}}',title: `{{$column.ColumnComment}}`,
+        {{if gt $column.MinWidth 0}}width:{{$column.MinWidth}},{{end}}
+        {{if $column.IsFixed}}fixed: TableV2FixedDir.LEFT,{{end}}
+        cellRenderer: ({ cellData: {{$column.HtmlField}} }) => {
+            return h('span', proxy.parseTime({{$column.HtmlField}}, '{y}-{m}-{d}'));
+        }
+    })
+    {{else if eq $column.HtmlType "datetime"}}
+    _columns.push({key: '{{$column.HtmlField}}',dataKey: '{{$column.HtmlField}}',title: `{{$column.ColumnComment}}`,
+        {{if gt $column.MinWidth 0}}width:{{$column.MinWidth}},{{end}}
+        {{if $column.IsFixed}}fixed: TableV2FixedDir.LEFT,{{end}}
+        cellRenderer: ({ cellData: {{$column.HtmlField}} }) => {
+            return h('span', proxy.parseTime({{$column.HtmlField}}, '{y}-{m}-{d} {h}:{i}:{s}'));
+        }
+    })
+    {{else if eq $column.HtmlField "createdBy"}}
+    _columns.push({key: '{{$column.HtmlField}}',dataKey: '{{$column.HtmlField}}',title: `{{$column.ColumnComment}}`,
+        {{if gt $column.MinWidth 0}}width:{{$column.MinWidth}},{{end}}
+        {{if $column.IsFixed}}fixed: TableV2FixedDir.LEFT,{{end}}
+    })
+    {{else if eq $column.HtmlField "updatedBy"}}
+    _columns.push({key: '{{$column.HtmlField}}',dataKey: '{{$column.HtmlField}}',title: `{{$column.ColumnComment}}`,
+        {{if gt $column.MinWidth 0}}width:{{$column.MinWidth}},{{end}}
+        {{if $column.IsFixed}}fixed: TableV2FixedDir.LEFT,{{end}}
+    })
+    {{else if eq $column.HtmlType "imagefile"}}
+    _columns.push({key: '{{$column.HtmlField}}',dataKey: '{{$column.HtmlField}}',title: `{{$column.ColumnComment}}`,
+        {{if gt $column.MinWidth 0}}width:{{$column.MinWidth}},{{end}}
+        {{if $column.IsFixed}}fixed: TableV2FixedDir.LEFT,{{end}}
+        cellRenderer: ({cellData: {{$column.HtmlField}} }) => {
+            const children = []
+            if(!proxy.isEmpty({{$column.HtmlField}})){
+                children.push(h(ElImage,{fit:'contain',style:'width:50px;height:50px',src:proxy.getUpFileUrl({{$column.HtmlField}})}))
+            }
+            return ('div',children)
+        }
+    })
+    {{else if eq $column.HtmlType "selects" "checkbox" "treeSelects"}}
+    {{if ne $column.LinkTableName ""}}
+    _columns.push({key: '{{$column.HtmlField}}',dataKey: '{{$column.HtmlField}}',title: `{{$column.ColumnComment}}`,
+        {{if gt $column.MinWidth 0}}width:{{$column.MinWidth}},{{end}}
+        {{if $column.IsFixed}}fixed: TableV2FixedDir.LEFT,{{end}}
+        cellRenderer: ({cellData: {{$column.HtmlField}} }) => {
+            const children = []
+            if(linked{{$column.GoField}}){
+                linked{{$column.GoField}}.map(item=>{
+                    children.push(h(ElTag,{class:"ml-2",type:'success'},[item.{{$column.LinkLabelName|CaseCamelLower}}]))
+                })
+            }
+            return ('div',children)
+        }
+    })
+    {{else if ne $column.DictType ""}}
+    _columns.push({key: '{{$column.HtmlField}}',dataKey: '{{$column.HtmlField}}',title: `{{$column.ColumnComment}}`,
+        {{if gt $column.MinWidth 0}}width:{{$column.MinWidth}},{{end}}
+        {{if $column.IsFixed}}fixed: TableV2FixedDir.LEFT,{{end}}
+        cellRenderer: ({rowData:row}) => {
+            return ('span',[{{$column.HtmlField}}Format(row)])
+        }
+    })
+    {{end}}
+    {{else if ne $column.LinkTableName ""}}
+    _columns.push({key: '{{$column.HtmlField}}',dataKey: 'linked{{$column.GoField}}.{{$column.LinkLabelName | CaseCamelLower}}',title: `{{$column.ColumnComment}}`,
+        {{if gt $column.MinWidth 0}}width:{{$column.MinWidth}},{{end}}
+        {{if $column.IsFixed}}fixed: TableV2FixedDir.LEFT,{{end}}
+    })
+    {{else if ne $column.DictType ""}}
+    _columns.push({key: '{{$column.HtmlField}}',dataKey: '{{$column.HtmlField}}',title: `{{$column.ColumnComment}}`,
+        {{if gt $column.MinWidth 0}}width:{{$column.MinWidth}},{{end}}
+        {{if $column.IsFixed}}fixed: TableV2FixedDir.LEFT,{{end}}
+        cellRenderer: ({rowData:row}) => {
+            return ('span',[{{$column.HtmlField}}Format(row)])
+        }
+    })
+    {{else if ne $column.HtmlField ""}}
+    _columns.push({key: '{{$column.HtmlField}}',dataKey: '{{$column.HtmlField}}',title: `{{$column.ColumnComment}}`,
+        {{if gt $column.MinWidth 0}}width:{{$column.MinWidth}},{{end}}
+        {{if $column.IsFixed}}fixed: TableV2FixedDir.LEFT,{{end}}
+    })
+    {{end}}
+    {{end}}
+    _columns.push({key: 'operations',dataKey: '{{$.table.PkColumn.HtmlField}}',title: `操作`,width:200,fixed: TableV2FixedDir.RIGHT,
+        cellRenderer: ({rowData:row,cellData:{{$.table.PkColumn.HtmlField}}}) => {
+            return h('div',{class:'tb-operations'},[
+                h(ElLink, { type: 'primary',underline:false, onClick: () => { handleView(row) } },
+                    () => [
+                        h(ElIcon, () => [h(View)]),
+                        '详情'
+                    ],
+                ),
+                h(ElLink, { type: 'primary',underline:false, onClick: () => { handleUpdate(row) } },
+                    () => [
+                        h(ElIcon, () => [h(EditPen)]),
+                        '修改'
+                    ],
+                ),
+                h(ElLink, { type: 'primary',underline:false, onClick: () => { handleDelete(row) } },
+                    () => [
+                        h(ElIcon, () => [h(DeleteFilled)]),
+                        '删除'
+                    ],
+                )
+            ])
+        }
+    })
+    columns.value = _columns
+    treeData.value = list
+}
+//=============================================================================================================
+const expandColumnKey = '{{$firstColumn.HtmlField}}'
+
+const expandedRowKeys = ref<string[]>([])
+
+const onRowExpanded = (exp: Parameters<RowExpandHandler<any>>[0]) => {
+    console.log('Expanded:', exp)
+}
+
+const onExpandedRowsChange = (
+    expandedKeys: Parameters<ExpandedRowsChangeHandler>[0]
+) => {
+    console.log('expandedKeys:',expandedKeys)
+}
 </script>
 <style lang="scss" scoped>
     .colBlock {
diff --git a/resource/template/vm/vue/tree-vue.template b/resource/template/vm/vue/tree-vue.template
index 8dd7c5c..443cc79 100644
--- a/resource/template/vm/vue/tree-vue.template
+++ b/resource/template/vm/vue/tree-vue.template
@@ -393,7 +393,7 @@
   </div>
 </template>
 
-<script lang="ts">
+<script setup lang="ts">
 
 {{$tokenImp := false}}
 {{$imgsImp := false}}
@@ -446,252 +446,208 @@ import {
 import {{.apiVersion|replace "/" "_"|CaseCamel}}{{.modulePath|replace "/" "_"|CaseCamel}}{{.table.ClassName}}Edit from "/@/views/{{.modulePath}}/{{$businessName}}/list/component/edit.vue"
 import {{.apiVersion|replace "/" "_"|CaseCamel}}{{.modulePath|replace "/" "_"|CaseCamel}}{{.table.ClassName}}Detail from "/@/views/{{.modulePath}}/{{$businessName}}/list/component/detail.vue"
 import _ from 'lodash'
-export default defineComponent({
-    name: "{{.apiVersion|replace "/" "_"|CaseCamelLower}}{{.modulePath|replace "/" "_"|CaseCamel}}{{.table.ClassName}}List",
-    components:{
-        {{.apiVersion|replace "/" "_"|CaseCamel}}{{.modulePath|replace "/" "_"|CaseCamel}}{{.table.ClassName}}Edit,
-        {{.apiVersion|replace "/" "_"|CaseCamel}}{{.modulePath|replace "/" "_"|CaseCamel}}{{.table.ClassName}}Detail
-    },
-    setup() {
-        const {proxy} = <any>getCurrentInstance()
-        const loading = ref(false)
-        const queryRef = ref()
-        const editRef = ref();
-        const detailRef = ref();
-        // 是否显示所有搜索选项
-        const showAll =  ref(false)
-        // 非单个禁用
-        const single = ref(true)
-        // 非多个禁用
-        const multiple =ref(true)
-        const word = computed(()=>{
-            if(showAll.value === false) {
-                //对文字进行处理
-                return "展开搜索";
-            } else {
-                return "收起搜索";
-            }
-        })
-        // 字典选项数据
-        {{$dictArr:=newArray}}
-        {{range $index, $column := .table.Columns}}
-        {{if and (ne $column.DictType "") (ne (inArray $dictArr $column.DictType) true)}}
-        {{$dictArr = append $dictArr $column.DictType}}
-        {{end}}
-        {{end}}
-        const {
-            {{range $index, $column := $dictArr}}
-            {{$column}},
-            {{end}}
-        } = proxy.useDict(
-            {{range $index, $column := $dictArr}}
-            '{{$column}}',
-            {{end}}
-        )
-        {{range $index, $column := .table.Columns}}
-        {{if ne $column.LinkTableName ""}}
-        {{if $column.IsCascade }}
-        // {{$column.HtmlField}}QueryOptions关联表数据
-        const {{$column.HtmlField}}QueryOptions = ref<Array<ItemOptions>>([])
-        // {{$column.HtmlField}}FormOptions关联表数据
-        const {{$column.HtmlField}}FormOptions = ref<Array<ItemOptions>>([])
-        {{else}}
-        // {{$column.HtmlField}}Options关联表数据
-        const {{$column.HtmlField}}Options = ref<Array<ItemOptions>>([])
-        {{end}}
-        {{end}}
-        {{end}}
-        const dataList = ref<Array<{{$.table.ClassName}}TableColumns>>([])
-        const state = reactive<{{.table.ClassName}}TableDataState>({
-            {{.table.PkColumn.HtmlField}}s:[],
-            tableData: {
-                data: [],
-                total: 0,
-                loading: false,
-                param: {
-                    pageNum: 1,
-                    pageSize: 10,
-                    {{range $index, $column := .table.QueryColumns}}
-                    {{if eq $column.QueryType "BETWEEN"}}
-                    {{$column.HtmlField}}: [],
-                    {{else}}
-                    {{$column.HtmlField}}: undefined,
-                    {{end}}{{end}}
-                    dateRange: []
-                },
-            },
-        });
-        // 页面加载时
-        onMounted(() => {
-            initTableData();
-        });
-        // 初始化表格数据
-        const initTableData = () => {
-            {{if gt (len .table.LinkedTables) 0}}
-            linkedData()
-            {{end}}
-            {{$businessName}}List()
-        };
-        {{if gt (len .table.LinkedTables) 0}}
-        const linkedData = ()=>{
-            linkedDataSearch().then((res:any)=>{
-                {{range $index, $column := .table.Columns}}
-                {{if ne $column.LinkTableName ""}}
-                //关联{{$column.LinkTableName}}表选项
-                {{range $li,$lc := $.table.LinkedTables}}
-                {{if eq $lc.TableName $column.LinkTableName}}
-                {{if eq $lc.TplCategory "tree"}}
-                {{$column.HtmlField}}Options.value = proxy.handleTree(res.data.linked{{$.table.ClassName}}{{$column.LinkTableClass}}, '{{$lc.OptionsStruct.TreeCode}}', '{{$lc.OptionsStruct.TreeParentCode}}')
-                {{else}}
-                {{$column.HtmlField}}Options.value = proxy.setItems(res, '{{$column.LinkLabelId | CaseCamelLower}}', '{{$column.LinkLabelName | CaseCamelLower}}','linked{{$.table.ClassName}}{{$column.LinkTableClass}}')
-                {{end}}
-                {{end}}
-                {{end}}
-                {{end}}
-                {{end}}
-            })
-        }
-        {{end}}
-        /** 重置按钮操作 */
-        const resetQuery = (formEl: FormInstance | undefined) => {
-            if (!formEl) return
-            formEl.resetFields()
-            {{$businessName}}List()
-        };
-        // 获取列表数据
-        const {{$businessName}}List = ()=>{
-          loading.value = true
-          list{{.table.ClassName}}(state.tableData.param).then((res:any)=>{
-            let list = res.data.list??[];
-            {{range $index,$column := .table.ListColumns}}
-            {{if eq $column.HtmlField "createdBy" "updatedBy" "deptId"}}
-            list.map((item:any)=>{
-                {{if eq $column.HtmlField "createdBy"}}
-                item.createdBy = item?.createdUser.userNickname
-                {{end}}
-                {{if eq $column.HtmlField "deptId"}}
-                item.deptId = item.deptInfo?.deptName
-                {{end}}
-                {{if eq $column.HtmlField "updatedBy"}}
-                item.updatedBy = item?.updatedUser.userNickname
-                {{end}}
-            })
-            {{end}}
-            {{end}}
-            dataList.value = _.clone(res.data.list)
-            list = proxy.handleTree(res.data.list||[], "{{$treeCode}}", "{{$treeParentCode}}");
-            state.tableData.data = list;
-            loading.value = false
-          })
-        };
-        const toggleSearch = () => {
-            showAll.value = !showAll.value;
-        }
-        {{range $index, $column := .table.Columns}}
-        {{if ne $column.DictType ""}}
-        {{if eq $column.HtmlType "checkbox"}}
-        // {{$column.ColumnComment}}字典翻译
-        const {{$column.HtmlField}}Format = (row:{{$.table.ClassName}}TableColumns) => {
-                let {{$column.HtmlField}} = row.{{$column.HtmlField}}.split(",")
-                let data:Array<string> = [];
-                {{$column.HtmlField}}.map(item=>{
-                data.push(proxy.selectDictLabel({{$column.DictType}}.value, item))
-            })
-            return data.join(",")
-        }
-        {{else}}
-        // {{$column.ColumnComment}}字典翻译
-        const {{$column.HtmlField}}Format = (row:{{$.table.ClassName}}TableColumns) => {
-            return proxy.selectDictLabel({{$column.DictType}}.value, row.{{$column.HtmlField}});
-        }
-        {{end}}
-        {{end}}
-        {{end}}
-        // 多选框选中数据
-        const handleSelectionChange = (selection:Array<{{.table.ClassName}}InfoData>) => {
-            state.{{.table.PkColumn.HtmlField}}s = selection.map(item => item.{{.table.PkColumn.HtmlField}})
-            single.value = selection.length!=1
-            multiple.value = !selection.length
-        }
-        const handleAdd =  ()=>{
-            editRef.value.openDialog()
-        }
-        const handleUpdate = (row: {{$.table.ClassName}}TableColumns) => {
-            if(!row){
-                row = dataList.value.find((item:{{$.table.ClassName}}TableColumns)=>{
-                    return item.{{.table.PkColumn.HtmlField}} ===state.{{.table.PkColumn.HtmlField}}s[0]
-                }) as {{$.table.ClassName}}TableColumns
-            }
-            editRef.value.openDialog(toRaw(row));
-        };
-        const handleDelete = (row: {{$.table.ClassName}}TableColumns) => {
-            let msg = '你确定要删除所选数据？';
-            let {{.table.PkColumn.HtmlField}}:number[] = [] ;
-            if(row){
-            msg = `此操作将永久删除数据，是否继续?`
-            {{.table.PkColumn.HtmlField}} = [row.{{.table.PkColumn.HtmlField}}]
-            }else{
-            {{.table.PkColumn.HtmlField}} = state.{{.table.PkColumn.HtmlField}}s
-            }
-            if({{.table.PkColumn.HtmlField}}.length===0){
-                ElMessage.error('请选择要删除的数据。');
-                return
-            }
-            ElMessageBox.confirm(msg, '提示', {
-                confirmButtonText: '确认',
-                cancelButtonText: '取消',
-                type: 'warning',
-            })
-                .then(() => {
-                    del{{.table.ClassName}}({{.table.PkColumn.HtmlField}}).then(()=>{
-                        ElMessage.success('删除成功');
-                        {{$businessName}}List();
-                    })
-                })
-                .catch(() => {});
-        }
-        const handleView = (row:{{$.table.ClassName}}TableColumns)=>{
-            detailRef.value.openDialog(toRaw(row));
-        }
-        return {
-            proxy,
-            editRef,
-            detailRef,
-            showAll,
-            loading,
-            single,
-            multiple,
-            word,
-            queryRef,
-            resetQuery,
-            {{$businessName}}List,
-            toggleSearch,
-            {{range $index, $column := .table.Columns}}
-            {{if ne $column.DictType ""}}
-            {{$column.HtmlField}}Format,
-            {{$column.DictType}},
-            {{end}}
-            {{if ne $column.LinkTableName ""}}
-            {{if $column.IsCascade}}
-            //级联关联{{$column.LinkTableName}}表选项
-            {{else}}
-            //关联表数据选项
-            {{$column.HtmlField}}Options,
-            //关联{{$column.LinkTableName}}表选项获取数据方法
-            {{end}}
-            {{end}}
-            {{end}}
-            handleSelectionChange,
-            handleAdd,
-            handleUpdate,
-            handleDelete,
-            {{if eq .table.ShowDetail "true"}}
-            handleView,
-            {{end}}
-            ...toRefs(state),
-        }
+defineOptions({ name: "{{.apiVersion|replace "/" "_"|CaseCamelLower}}{{.modulePath|replace "/" "_"|CaseCamel}}{{.table.ClassName}}List"})
+const {proxy} = <any>getCurrentInstance()
+const loading = ref(false)
+const queryRef = ref()
+const editRef = ref();
+const detailRef = ref();
+// 是否显示所有搜索选项
+const showAll =  ref(false)
+// 非单个禁用
+const single = ref(true)
+// 非多个禁用
+const multiple =ref(true)
+const word = computed(()=>{
+    if(showAll.value === false) {
+        //对文字进行处理
+        return "展开搜索";
+    } else {
+        return "收起搜索";
     }
 })
+// 字典选项数据
+{{$dictArr:=newArray}}
+{{range $index, $column := .table.Columns}}
+{{if and (ne $column.DictType "") (ne (inArray $dictArr $column.DictType) true)}}
+{{$dictArr = append $dictArr $column.DictType}}
+{{end}}
+{{end}}
+const {
+    {{range $index, $column := $dictArr}}
+    {{$column}},
+    {{end}}
+} = proxy.useDict(
+    {{range $index, $column := $dictArr}}
+    '{{$column}}',
+    {{end}}
+)
+{{range $index, $column := .table.Columns}}
+{{if ne $column.LinkTableName ""}}
+{{if $column.IsCascade }}
+// {{$column.HtmlField}}QueryOptions关联表数据
+const {{$column.HtmlField}}QueryOptions = ref<Array<ItemOptions>>([])
+// {{$column.HtmlField}}FormOptions关联表数据
+const {{$column.HtmlField}}FormOptions = ref<Array<ItemOptions>>([])
+{{else}}
+// {{$column.HtmlField}}Options关联表数据
+const {{$column.HtmlField}}Options = ref<Array<ItemOptions>>([])
+{{end}}
+{{end}}
+{{end}}
+const dataList = ref<Array<{{$.table.ClassName}}TableColumns>>([])
+const state = reactive<{{.table.ClassName}}TableDataState>({
+    {{.table.PkColumn.HtmlField}}s:[],
+    tableData: {
+        data: [],
+        total: 0,
+        loading: false,
+        param: {
+            pageNum: 1,
+            pageSize: 10,
+            {{range $index, $column := .table.QueryColumns}}
+            {{if eq $column.QueryType "BETWEEN"}}
+            {{$column.HtmlField}}: [],
+            {{else}}
+            {{$column.HtmlField}}: undefined,
+            {{end}}{{end}}
+            dateRange: []
+        },
+    },
+});
+const { tableData } = toRefs(state);
+// 页面加载时
+onMounted(() => {
+    initTableData();
+});
+// 初始化表格数据
+const initTableData = () => {
+    {{if gt (len .table.LinkedTables) 0}}
+    linkedData()
+    {{end}}
+    {{$businessName}}List()
+};
+{{if gt (len .table.LinkedTables) 0}}
+const linkedData = ()=>{
+    linkedDataSearch().then((res:any)=>{
+        {{range $index, $column := .table.Columns}}
+        {{if ne $column.LinkTableName ""}}
+        //关联{{$column.LinkTableName}}表选项
+        {{range $li,$lc := $.table.LinkedTables}}
+        {{if eq $lc.TableName $column.LinkTableName}}
+        {{if eq $lc.TplCategory "tree"}}
+        {{$column.HtmlField}}Options.value = proxy.handleTree(res.data.linked{{$.table.ClassName}}{{$column.LinkTableClass}}, '{{$lc.OptionsStruct.TreeCode}}', '{{$lc.OptionsStruct.TreeParentCode}}')
+        {{else}}
+        {{$column.HtmlField}}Options.value = proxy.setItems(res, '{{$column.LinkLabelId | CaseCamelLower}}', '{{$column.LinkLabelName | CaseCamelLower}}','linked{{$.table.ClassName}}{{$column.LinkTableClass}}')
+        {{end}}
+        {{end}}
+        {{end}}
+        {{end}}
+        {{end}}
+    })
+}
+{{end}}
+/** 重置按钮操作 */
+const resetQuery = (formEl: FormInstance | undefined) => {
+    if (!formEl) return
+    formEl.resetFields()
+    {{$businessName}}List()
+};
+// 获取列表数据
+const {{$businessName}}List = ()=>{
+  loading.value = true
+  list{{.table.ClassName}}(state.tableData.param).then((res:any)=>{
+    let list = res.data.list??[];
+    {{range $index,$column := .table.ListColumns}}
+    {{if eq $column.HtmlField "createdBy" "updatedBy" "deptId"}}
+    list.map((item:any)=>{
+        {{if eq $column.HtmlField "createdBy"}}
+        item.createdBy = item?.createdUser.userNickname
+        {{end}}
+        {{if eq $column.HtmlField "deptId"}}
+        item.deptId = item.deptInfo?.deptName
+        {{end}}
+        {{if eq $column.HtmlField "updatedBy"}}
+        item.updatedBy = item?.updatedUser.userNickname
+        {{end}}
+    })
+    {{end}}
+    {{end}}
+    dataList.value = _.clone(res.data.list)
+    list = proxy.handleTree(res.data.list||[], "{{$treeCode}}", "{{$treeParentCode}}");
+    state.tableData.data = list;
+    loading.value = false
+  })
+};
+const toggleSearch = () => {
+    showAll.value = !showAll.value;
+}
+{{range $index, $column := .table.Columns}}
+{{if ne $column.DictType ""}}
+{{if eq $column.HtmlType "checkbox"}}
+// {{$column.ColumnComment}}字典翻译
+const {{$column.HtmlField}}Format = (row:{{$.table.ClassName}}TableColumns) => {
+        let {{$column.HtmlField}} = row.{{$column.HtmlField}}.split(",")
+        let data:Array<string> = [];
+        {{$column.HtmlField}}.map(item=>{
+        data.push(proxy.selectDictLabel({{$column.DictType}}.value, item))
+    })
+    return data.join(",")
+}
+{{else}}
+// {{$column.ColumnComment}}字典翻译
+const {{$column.HtmlField}}Format = (row:{{$.table.ClassName}}TableColumns) => {
+    return proxy.selectDictLabel({{$column.DictType}}.value, row.{{$column.HtmlField}});
+}
+{{end}}
+{{end}}
+{{end}}
+// 多选框选中数据
+const handleSelectionChange = (selection:Array<{{.table.ClassName}}InfoData>) => {
+    state.{{.table.PkColumn.HtmlField}}s = selection.map(item => item.{{.table.PkColumn.HtmlField}})
+    single.value = selection.length!=1
+    multiple.value = !selection.length
+}
+const handleAdd =  ()=>{
+    editRef.value.openDialog()
+}
+const handleUpdate = (row: {{$.table.ClassName}}TableColumns) => {
+    if(!row){
+        row = dataList.value.find((item:{{$.table.ClassName}}TableColumns)=>{
+            return item.{{.table.PkColumn.HtmlField}} ===state.{{.table.PkColumn.HtmlField}}s[0]
+        }) as {{$.table.ClassName}}TableColumns
+    }
+    editRef.value.openDialog(toRaw(row));
+};
+const handleDelete = (row: {{$.table.ClassName}}TableColumns) => {
+    let msg = '你确定要删除所选数据？';
+    let {{.table.PkColumn.HtmlField}}:number[] = [] ;
+    if(row){
+    msg = `此操作将永久删除数据，是否继续?`
+    {{.table.PkColumn.HtmlField}} = [row.{{.table.PkColumn.HtmlField}}]
+    }else{
+    {{.table.PkColumn.HtmlField}} = state.{{.table.PkColumn.HtmlField}}s
+    }
+    if({{.table.PkColumn.HtmlField}}.length===0){
+        ElMessage.error('请选择要删除的数据。');
+        return
+    }
+    ElMessageBox.confirm(msg, '提示', {
+        confirmButtonText: '确认',
+        cancelButtonText: '取消',
+        type: 'warning',
+    })
+        .then(() => {
+            del{{.table.ClassName}}({{.table.PkColumn.HtmlField}}).then(()=>{
+                ElMessage.success('删除成功');
+                {{$businessName}}List();
+            })
+        })
+        .catch(() => {});
+}
+const handleView = (row:{{$.table.ClassName}}TableColumns)=>{
+    detailRef.value.openDialog(toRaw(row));
+}
 </script>
 <style lang="scss" scoped>
     .colBlock {