版本预发布

server/resource/template/generate/default/curd/web.edit.vue.template

@@ -1,31 +1,33 @@
 <template>
   <div>
-    <n-modal
-      v-model:show="isShowModal"
-      :show-icon="false"
-      preset="dialog"
-      :title="params?.@{.pk.TsName} > 0 ? '编辑 #' + params?.@{.pk.TsName} : '添加'"
-      :style="{
-        width: dialogWidth,
-      }"
-    >
-      <n-form
-        :model="params"
-        :rules="rules"
-        ref="formRef"
-        label-placement="left"
-        :label-width="80"
-        class="py-4"
+    <n-spin :show="loading" description="请稍候...">
+      <n-modal
+        v-model:show="isShowModal"
+        :show-icon="false"
+        preset="dialog"
+       :title="params?.@{.pk.TsName} > 0 ? '编辑 #' + params?.@{.pk.TsName} : '添加'"
+        :style="{
+          width: dialogWidth,
+        }"
       >
+        <n-form
+          :model="params"
+          :rules="rules"
+          ref="formRef"
+          label-placement="left"
+          :label-width="80"
+          class="py-4"
+        >
 @{.formItem}
-      </n-form>
+        </n-form>
         <template #action>
           <n-space>
             <n-button @click="closeForm">取消</n-button>
             <n-button type="info" :loading="formBtnLoading" @click="confirmForm">确定</n-button>
           </n-space>
         </template>
-    </n-modal>
+      </n-modal>
+    </n-spin>
   </div>
 </template>
 
@@ -57,10 +59,8 @@
     },
   });
 
-  const params = computed(() => {
-    return props.formParams;
-  });
-
+  const loading = ref(false);
+  const params = ref<State>(props.formParams);
   const message = useMessage();
   const formRef = ref<any>({});
   const dialogWidth = ref('75%');