- <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>
- defineProps({
- info: {
- type: Object,
- default: null
- }
- });
-
- // 表单校验
- const rules = ref({
- tableName: [{ required: true, message: "请输入表名称", trigger: "blur" }],
- tableComment: [{ required: true, message: "请输入表描述", trigger: "blur" }],
- className: [{ required: true, message: "请输入实体类名称", trigger: "blur" }],
- functionAuthor: [{ required: true, message: "请输入作者", trigger: "blur" }]
- });
- </script>