From 251d2411f235e23209d57173857e05b637729ce8 Mon Sep 17 00:00:00 2001
From: LiuHao <liuhaoai545@gmail.com>
Date: 星期日, 02 四月 2023 01:01:56 +0800
Subject: [PATCH] refactor ts

---
 src/views/tool/gen/basicInfoForm.vue |   76 ++++++++++++++++++++-----------------
 1 files changed, 41 insertions(+), 35 deletions(-)

diff --git a/src/views/tool/gen/basicInfoForm.vue b/src/views/tool/gen/basicInfoForm.vue
index 39c8515..9e06929 100644
--- a/src/views/tool/gen/basicInfoForm.vue
+++ b/src/views/tool/gen/basicInfoForm.vue
@@ -1,42 +1,16 @@
-<template>
-  <el-form ref="basicInfoForm" :model="info" :rules="rules" label-width="150px">
-    <el-row>
-      <el-col :span="12">
-        <el-form-item label="琛ㄥ悕绉�" prop="tableName">
-          <el-input placeholder="璇疯緭鍏ヤ粨搴撳悕绉�" v-model="info.tableName" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="12">
-        <el-form-item label="琛ㄦ弿杩�" prop="tableComment">
-          <el-input placeholder="璇疯緭鍏�" v-model="info.tableComment" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="12">
-        <el-form-item label="瀹炰綋绫诲悕绉�" prop="className">
-          <el-input placeholder="璇疯緭鍏�" v-model="info.className" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="12">
-        <el-form-item label="浣滆��" prop="functionAuthor">
-          <el-input placeholder="璇疯緭鍏�" v-model="info.functionAuthor" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="24">
-        <el-form-item label="澶囨敞" prop="remark">
-          <el-input type="textarea" :rows="3" v-model="info.remark"></el-input>
-        </el-form-item>
-      </el-col>
-    </el-row>
-  </el-form>
-</template>
+<script setup lang="ts">
+import { PropType } from 'vue';
 
-<script setup>
-defineProps({
+const prop = defineProps({
   info: {
-    type: Object,
-    default: null
+    type: Object as PropType<any>,
+    default: () => {
+			return {};
+		}
   }
 });
+
+const infoForm = computed(() => prop.info)
 
 // 琛ㄥ崟鏍¢獙
 const rules = ref({
@@ -46,3 +20,35 @@
   functionAuthor: [{ required: true, message: "璇疯緭鍏ヤ綔鑰�", trigger: "blur" }]
 });
 </script>
+
+<template>
+	<el-form ref="basicInfoForm" :model="infoForm" :rules="rules" label-width="150px">
+		<el-row>
+			<el-col :span="12">
+				<el-form-item label="琛ㄥ悕绉�" prop="tableName">
+					<el-input placeholder="璇疯緭鍏ヤ粨搴撳悕绉�" v-model="infoForm.tableName" />
+				</el-form-item>
+			</el-col>
+			<el-col :span="12">
+				<el-form-item label="琛ㄦ弿杩�" prop="tableComment">
+					<el-input placeholder="璇疯緭鍏�" v-model="infoForm.tableComment" />
+				</el-form-item>
+			</el-col>
+			<el-col :span="12">
+				<el-form-item label="瀹炰綋绫诲悕绉�" prop="className">
+					<el-input placeholder="璇疯緭鍏�" v-model="infoForm.className" />
+				</el-form-item>
+			</el-col>
+			<el-col :span="12">
+				<el-form-item label="浣滆��" prop="functionAuthor">
+					<el-input placeholder="璇疯緭鍏�" v-model="infoForm.functionAuthor" />
+				</el-form-item>
+			</el-col>
+			<el-col :span="24">
+				<el-form-item label="澶囨敞" prop="remark">
+					<el-input type="textarea" :rows="3" v-model="infoForm.remark"></el-input>
+				</el-form-item>
+			</el-col>
+		</el-row>
+	</el-form>
+</template>

--
Gitblit v1.9.3