懒羊羊
2024-01-31 e57a8990ae56f657a59c435a0613c5f7a8728003
提交 | 用户 | 时间
e57a89 1 <template>
2   <el-form ref="basicInfoForm" :model="info" :rules="rules" label-width="150px">
3     <el-row>
4       <el-col :span="12">
5         <el-form-item label="表名称" prop="tableName">
6           <el-input placeholder="请输入仓库名称" v-model="info.tableName" />
7         </el-form-item>
8       </el-col>
9       <el-col :span="12">
10         <el-form-item label="表描述" prop="tableComment">
11           <el-input placeholder="请输入" v-model="info.tableComment" />
12         </el-form-item>
13       </el-col>
14       <el-col :span="12">
15         <el-form-item label="实体类名称" prop="className">
16           <el-input placeholder="请输入" v-model="info.className" />
17         </el-form-item>
18       </el-col>
19       <el-col :span="12">
20         <el-form-item label="作者" prop="functionAuthor">
21           <el-input placeholder="请输入" v-model="info.functionAuthor" />
22         </el-form-item>
23       </el-col>
24       <el-col :span="24">
25         <el-form-item label="备注" prop="remark">
26           <el-input type="textarea" :rows="3" v-model="info.remark"></el-input>
27         </el-form-item>
28       </el-col>
29     </el-row>
30   </el-form>
31 </template>
32
33 <script>
34 export default {
35   props: {
36     info: {
37       type: Object,
38       default: null
39     }
40   },
41   data() {
42     return {
43       rules: {
44         tableName: [
45           { required: true, message: "请输入表名称", trigger: "blur" }
46         ],
47         tableComment: [
48           { required: true, message: "请输入表描述", trigger: "blur" }
49         ],
50         className: [
51           { required: true, message: "请输入实体类名称", trigger: "blur" }
52         ],
53         functionAuthor: [
54           { required: true, message: "请输入作者", trigger: "blur" }
55         ]
56       }
57     };
58   }
59 };
60 </script>