| | |
| | | <LoadingLayout :loading="isEdit && isLoading"> |
| | | <AppScrollContainer> |
| | | <ChunkCell title="企业基本信息"> |
| | | <ProForm :model="form" :rules="rules" ref="formRef" label-width="120px" :is-read="isDetail"> |
| | | <ProForm :model="form" ref="formRef" label-width="140px" :is-read="isDetail"> |
| | | <ProFormCol> |
| | | <ProFormColItem :span="12"> |
| | | <ProFormItemV2 label="企业名称:" prop="enterpriseName"> |
| | | <ProFormItemV2 |
| | | label="企业名称:" |
| | | prop="enterpriseName" |
| | | :check-rules="[{ message: '请输入企业名称' }]" |
| | | > |
| | | <ProFormText |
| | | v-model.trim="form.enterpriseName" |
| | | :maxlength="30" |
| | | placeholder="请输入供应商名称" |
| | | placeholder="请输入企业名称" |
| | | /> |
| | | </ProFormItemV2> |
| | | </ProFormColItem> |
| | |
| | | </ProFormCol> |
| | | <ProFormCol> |
| | | <ProFormColItem :span="12"> |
| | | <ProFormItemV2 label="统一社会信用代码:" prop="societyCreditCode"> |
| | | <ProFormItemV2 |
| | | label="统一社会信用代码:" |
| | | prop="societyCreditCode" |
| | | :check-rules="[{ message: '请输入统一社会信用代码', type: 'societyCreditCode' }]" |
| | | > |
| | | <ProFormText |
| | | v-model.trim="form.societyCreditCode" |
| | | placeholder="请输入统一社会信用代码" |
| | |
| | | <ChunkCell title="联系信息"> |
| | | <ProForm |
| | | :model="form" |
| | | :rules="rules" |
| | | ref="settingFormRef" |
| | | label-width="140px" |
| | | :scroll-to-error="false" |
| | |
| | | > |
| | | <ProFormCol> |
| | | <ProFormColItem :span="12"> |
| | | <ProFormItemV2 label="联系人:" prop="contact"> |
| | | <ProFormItemV2 |
| | | label="联系人:" |
| | | prop="contact" |
| | | :check-rules="[{ message: '请输入联系人' }]" |
| | | > |
| | | <ProFormText |
| | | v-model.trim="form.contact" |
| | | :maxlength="30" |
| | |
| | | </ProFormCol> |
| | | <ProFormCol> |
| | | <ProFormColItem :span="12"> |
| | | <ProFormItemV2 label="联系电话:" prop="contactPhone"> |
| | | <ProFormItemV2 |
| | | label="联系电话:" |
| | | prop="contactPhone" |
| | | :check-rules="[{ message: '请输入联系电话', type: 'phone' }]" |
| | | > |
| | | <ProFormText v-model.trim="form.contactPhone" placeholder="请输入联系电话" /> |
| | | </ProFormItemV2> |
| | | </ProFormColItem> |
| | |
| | | <ChunkCell title="账号信息"> |
| | | <ProForm |
| | | :model="form" |
| | | :rules="rules" |
| | | ref="accountFormRef" |
| | | label-width="140px" |
| | | :scroll-to-error="false" |
| | |
| | | > |
| | | <ProFormCol> |
| | | <ProFormColItem :span="12"> |
| | | <ProFormItemV2 label="账号:" prop="contact"> |
| | | <ProFormItemV2 |
| | | label="账号:" |
| | | prop="contact" |
| | | :check-rules="[{ message: '请输入账号' }]" |
| | | > |
| | | <ProFormText v-model.trim="form.contact" :maxlength="30" placeholder="请输入账号" /> |
| | | </ProFormItemV2> |
| | | </ProFormColItem> |
| | |
| | | const formRef = ref<FormInstance>(); |
| | | const settingFormRef = ref<FormInstance>(); |
| | | const accountFormRef = ref<FormInstance>(); |
| | | |
| | | const rules = reactive<FormRules>({ |
| | | enterpriseName: [{ required: true, message: '请输入企业名称', trigger: 'blur' }], |
| | | contact: [{ required: true, message: '请输入联系人', trigger: 'blur' }], |
| | | contactPhone: [ |
| | | { required: true, message: '请输入联系电话', trigger: 'blur' }, |
| | | { message: '请输入正确的联系电话', trigger: 'blur', pattern: BoleRegExp.RegPhoneNumber }, |
| | | ], |
| | | }); |
| | | |
| | | async function handleSubmit() { |
| | | try { |