主子表:暂时存储,样式跑通

This commit is contained in:
YunaiV
2023-11-10 00:20:00 +08:00
parent 4e413a10e6
commit d45ebd4fcf
2 changed files with 49 additions and 31 deletions

View File

@ -7,16 +7,21 @@
label-width="100px"
v-loading="formLoading"
>
<el-form-item label="表描述" prop="tableComment">
<el-input v-model="formData.tableComment" placeholder="请输入" />
<el-form-item label="字段 1" prop="field1">
<el-input v-model="formData.field1" placeholder="请输入字段 1" />
</el-form-item>
<el-form-item label="字段 2" prop="field2">
<el-input v-model="formData.field2" placeholder="请输入字段 2" />
</el-form-item>
<el-form-item label="字段 3" prop="field3">
<el-input v-model="formData.field3" placeholder="请输入字段 3" />
</el-form-item>
<el-tabs v-model="activeName" class="demo-tabs" @tab-click="handleClick">
<el-tab-pane label="User" name="first">
<DemoStudentContactForm />
<el-tab-pane label="联系人信息" name="first">
<DemoStudentContactForm v-model:form-data="formData.demoStudentContactList" />
</el-tab-pane>
<el-tab-pane label="Config" name="second">Config</el-tab-pane>
<el-tab-pane label="Role" name="third">Role</el-tab-pane>
<el-tab-pane label="Task" name="fourth">Task</el-tab-pane>
<el-tab-pane label="地址信息" name="third">地址信息</el-tab-pane>
<el-tab-pane label="其它信息" name="fourth">其它信息</el-tab-pane>
</el-tabs>
</el-form>
<template #footer>
@ -38,7 +43,12 @@ const formLoading = ref(false) // 表单的加载中1修改时的数据加
const formType = ref('') // 表单的类型create - 新增update - 修改
const formData = ref({
id: undefined,
demoStudentContactList: []
demoStudentContactList: [
{
name: '芋艿',
mobile: '15601691300'
}
]
})
const formRules = reactive({})
const formRef = ref() // 表单 Ref