<template>
|
<div class="basic-info">
|
<el-form ref="demoFormRef" :disabled="disabled" :model="legalPerson" class="dialog_form">
|
<el-row :gutter="20">
|
<el-col :span="6">
|
<el-form-item label="项目总投额" label-width="120px" prop="investmentType" style="width: 100%">
|
<el-input v-model="legalPerson.totalInvestment" class="item" clearable maxlength="255" placeholder="请输入" />
|
</el-form-item>
|
</el-col>
|
<el-col :span="6">
|
<el-form-item label="项目单位" label-width="120px" prop="investmentType" style="width: 100%">
|
<el-input v-model="legalPerson.projectUnit" class="item" clearable maxlength="255" placeholder="请输入" />
|
</el-form-item>
|
</el-col>
|
<el-col :span="6">
|
<el-form-item label="项目单位类型" label-width="120px" prop="projectType" style="width: 100%">
|
<el-select
|
v-model="legalPerson.projectUnitType"
|
clearable
|
placeholder="请选择"
|
style="width: 100%"
|
>
|
<el-option v-for="item in dict.type.sys_unit_type" :key="item.value" :label="item.label"
|
:value="item.value"/>
|
</el-select>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row :gutter="20">
|
<el-col :span="6">
|
<el-form-item label="登记注册类型" label-width="120px" prop="projectType" style="width: 100%">
|
<el-select
|
v-model="legalPerson.registrationType"
|
clearable
|
placeholder="请选择"
|
style="width: 100%"
|
>
|
<el-option v-for="item in dict.type.sys_registration_type" :key="item.value" :label="item.label"
|
:value="item.value"/>
|
</el-select>
|
</el-form-item>
|
</el-col>
|
<el-col :span="6">
|
<el-form-item label="控股情况" label-width="120px" prop="projectType" style="width: 100%">
|
<el-select
|
v-model="legalPerson.holdingSituation"
|
clearable
|
placeholder="请选择"
|
style="width: 100%"
|
>
|
<el-option v-for="item in dict.type.sys_holding_situation" :key="item.value" :label="item.label"
|
:value="item.value"/>
|
</el-select>
|
</el-form-item>
|
</el-col>
|
<el-col :span="6">
|
<el-form-item label="证照类型" label-width="120px" prop="projectstatus" style="width: 100%">
|
<el-select
|
v-model="legalPerson.certificateType"
|
clearable
|
placeholder="请选择"
|
style="width: 100%"
|
>
|
<el-option v-for="item in dict.type.sys_license_type" :key="item.value" :label="item.label"
|
:value="item.value"/>
|
</el-select>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row :gutter="20">
|
<el-col :span="6">
|
<el-form-item label="证件号码" label-width="120px" prop="investmentType" style="width: 100%">
|
<el-input v-model.trim="legalPerson.certificateNumber" class="item" clearable disabled maxlength="255" placeholder="请输入" />
|
</el-form-item>
|
</el-col>
|
<el-col :span="6">
|
<el-form-item label="注册地址" label-width="120px" prop="investmentType" style="width: 100%">
|
<el-input v-model.trim="legalPerson.registeredAddress" class="item" clearable disabled maxlength="255" placeholder="请输入" />
|
</el-form-item>
|
</el-col>
|
<el-col :span="6">
|
<el-form-item label="注册资金" label-width="120px" prop="projectType" style="width: 100%">
|
<el-input v-model.trim="legalPerson.registeredCapital" class="item" clearable disabled maxlength="255" placeholder="请输入" />
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row :gutter="20">
|
<el-col :span="6">
|
<el-form-item label="法人代表" label-width="120px" prop="investmentType" style="width: 100%">
|
<el-input v-model.trim="legalPerson.legal_representative" class="item" clearable disabled maxlength="255" placeholder="请输入" />
|
</el-form-item>
|
</el-col>
|
<el-col :span="6">
|
<el-form-item label="固定电话" label-width="120px" prop="investmentType" style="width: 100%">
|
<el-input v-model.trim="legalPerson.fixedPhone" class="item" clearable disabled maxlength="255" placeholder="请输入" />
|
</el-form-item>
|
</el-col>
|
<el-col :span="6">
|
<el-form-item label="法人身份证号" label-width="120px" prop="projectType" style="width: 100%">
|
<el-input v-model.trim="legalPerson.legalPersonIdcard" class="item" clearable disabled maxlength="255" placeholder="请输入" />
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row :gutter="20">
|
<el-col :span="6">
|
<el-form-item label="项目联系人" label-width="120px" prop="investmentType" style="width: 100%">
|
<el-input v-model.trim="legalPerson.projectContactPerson" class="item" clearable disabled maxlength="255" placeholder="请输入" />
|
</el-form-item>
|
</el-col>
|
<el-col :span="6">
|
<el-form-item label="移动电话" label-width="120px" prop="investmentType" style="width: 100%">
|
<el-input v-model.trim="legalPerson.phone" class="item" clearable disabled maxlength="255" placeholder="请输入" />
|
</el-form-item>
|
</el-col>
|
<el-col :span="6">
|
<el-form-item label="联系人身份证号" label-width="120px" prop="projectType" style="width: 100%">
|
<el-input v-model.trim="legalPerson.contactIdcard" class="item" clearable disabled maxlength="255" placeholder="请输入" />
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row :gutter="20">
|
<el-col :span="6">
|
<el-form-item label="微信号" label-width="120px" prop="investmentType" style="width: 100%">
|
<el-input v-model.trim="legalPerson.wechat" class="item" clearable disabled maxlength="255" placeholder="请输入" />
|
</el-form-item>
|
</el-col>
|
<el-col :span="6">
|
<el-form-item label="联系人通讯地址" label-width="120px" prop="investmentType" style="width: 100%">
|
<el-input v-model.trim="legalPerson.contactAddress" class="item" clearable disabled maxlength="255" placeholder="请输入" />
|
</el-form-item>
|
</el-col>
|
<el-col :span="6">
|
<el-form-item label="邮政编码" label-width="120px" prop="projectType" style="width: 100%">
|
<el-input v-model.trim="legalPerson.postCode" class="item" clearable disabled maxlength="255" placeholder="请输入" />
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row :gutter="20">
|
<el-col :span="6">
|
<el-form-item label="电子邮箱" label-width="120px" prop="investmentType" style="width: 100%">
|
<el-input v-model="legalPerson.email" class="item" clearable disabled maxlength="255" placeholder="请输入" />
|
</el-form-item>
|
</el-col>
|
</el-row>
|
</el-form>
|
</div>
|
</template>
|
|
<script>
|
|
export default {
|
dicts: ['sys_unit_type','sys_registration_type','sys_holding_situation','sys_license_type'],
|
name: 'LegalPersonForm',
|
props: {
|
disabled: {
|
type: Boolean,
|
default: false,
|
required: true
|
}
|
},
|
data() {
|
return {
|
legalPerson: {
|
totalInvestment: '',
|
projectUnit: '',
|
projectUnitType: '',
|
registrationType: '',
|
holdingSituation: '',
|
certificateType: '',
|
certificateNumber: '',
|
registeredAddress: '',
|
registeredCapital: '',
|
projectId: '',
|
legal_representative: '',
|
fixedPhone: '',
|
legalPersonIdcard: '',
|
projectContactPerson: '',
|
phone: '',
|
contactIdcard: '',
|
wechat: '',
|
contactAddress: '',
|
postCode: '',
|
email: ''
|
},
|
}
|
},
|
created() {
|
|
},
|
methods: {
|
|
}
|
}
|
</script>
|
|
<style lang="scss" scoped>
|
.item {
|
width: 100%;
|
}
|
|
.input-row {
|
display: flex;
|
width: 100%;
|
|
.input-item {
|
width: 100%;
|
}
|
}
|
|
.map-btn {
|
width: 32px;
|
height: 32px;
|
background: #c6d6ff;
|
border: 1px solid #3369ff;
|
display: flex;
|
justify-content: center;
|
align-items: center;
|
cursor: pointer;
|
|
img {
|
width: 20px;
|
}
|
}
|
</style>
|
