update 修改页面代码 去除ele的引入以及vue的类型声明

LiuHao

2023-06-06 6af68085ff6615e1ec3a5dd18c761250800d6fca

 src/views/tool/gen/basicInfoForm.vue

@@ -1,26 +1,3 @@
<script setup lang="ts">
import { PropType } from 'vue';

const prop = defineProps({
  info: {
    type: Object as PropType<any>,
    default: () => {
      return {};
    }
  }
});

const infoForm = computed(() => prop.info)

// 表单校验
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>

<template>
  <el-form ref="basicInfoForm" :model="infoForm" :rules="rules" label-width="150px">
    <el-row>
@@ -52,3 +29,21 @@
    </el-row>
  </el-form>
</template>

<script setup lang="ts">
import { propTypes } from "@/utils/propTypes";

const prop = defineProps({
    info: propTypes.any.def({})
});

const infoForm = computed(() => prop.info)

// 表单校验
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>