Newer
Older
urbanLifeline_YanAn / src / views / system / tool / basicInfoForm.vue
@zhangqy zhangqy on 3 Oct 1 KB first commit
  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 setup>
  34. defineProps({
  35. info: {
  36. type: Object,
  37. default: null
  38. }
  39. });
  40.  
  41. // 表单校验
  42. const rules = ref({
  43. tableName: [{ required: true, message: "请输入表名称", trigger: "blur" }],
  44. tableComment: [{ required: true, message: "请输入表描述", trigger: "blur" }],
  45. className: [{ required: true, message: "请输入实体类名称", trigger: "blur" }],
  46. functionAuthor: [{ required: true, message: "请输入作者", trigger: "blur" }]
  47. });
  48. </script>