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