From 462130a695f4423f6080380414d91792294308a7 Mon Sep 17 00:00:00 2001 From: fuliqi <fuliqi@qq.com> Date: 星期二, 26 十一月 2024 21:44:01 +0800 Subject: [PATCH] 项目(法人)单位登记信息页面 --- src/views/projectEngineering/projectLibrary/component/legalPerson.vue | 224 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++ src/views/projectEngineering/projectLibrary/component/InvestInfo.vue | 3 src/views/projectEngineering/projectLibrary/projectDetails.vue | 7 - 3 files changed, 228 insertions(+), 6 deletions(-) diff --git a/src/views/projectEngineering/projectLibrary/component/InvestInfo.vue b/src/views/projectEngineering/projectLibrary/component/InvestInfo.vue index ef82734..7b22b12 100644 --- a/src/views/projectEngineering/projectLibrary/component/InvestInfo.vue +++ b/src/views/projectEngineering/projectLibrary/component/InvestInfo.vue @@ -151,8 +151,7 @@ import { formatDate } from '@/utils'; export default { - dicts: ['sys_cross_domain','sys_administrative_divisions','sys_whether_project','sys_industry_belong' - ,'sys_project_attributes'], + dicts: ['sys_cross_domain','sys_administrative_divisions','sys_whether_project','sys_industry_belong','sys_project_attributes'], name: 'InvestmentForm', props: { disabled: { diff --git a/src/views/projectEngineering/projectLibrary/component/legalPerson.vue b/src/views/projectEngineering/projectLibrary/component/legalPerson.vue new file mode 100644 index 0000000..d50cc21 --- /dev/null +++ b/src/views/projectEngineering/projectLibrary/component/legalPerson.vue @@ -0,0 +1,224 @@ +<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="娉曚汉浠h〃" 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> diff --git a/src/views/projectEngineering/projectLibrary/projectDetails.vue b/src/views/projectEngineering/projectLibrary/projectDetails.vue index b688ebd..a1e5bf2 100644 --- a/src/views/projectEngineering/projectLibrary/projectDetails.vue +++ b/src/views/projectEngineering/projectLibrary/projectDetails.vue @@ -31,8 +31,8 @@ <script> import BasicInfo from '@/views/projectEngineering/projectLibrary/component/BasicInfo'; import InvestInfo from '@/views/projectEngineering/projectLibrary/component/InvestInfo'; -import InvestmentFunds from '@/views/projectEngineering/projectLibrary/component/investmentFunds.vue'; -// import LegalPerson from '@/components/legalPerson.vue'; +import InvestmentFunds from '@/views/projectEngineering/projectLibrary/component/investmentFunds'; +import LegalPerson from '@/views/projectEngineering/projectLibrary/component//legalPerson'; // import PolicyInfo from '@/components/PolicyInfo.vue'; // import DocumentsInfo from '@/components/DocumentsInfo.vue'; import { addProject, getProject, updateProject, getProjectCode } from '@/api/projectInfo'; @@ -63,7 +63,7 @@ { label: '椤圭洰(娉曚汉)鍗曚綅鐧昏淇℃伅', value: '椤圭洰(娉曚汉)鍗曚綅鐧昏淇℃伅', - componentName: 'LegalPerson' + componentName: LegalPerson }, { label: '鎶曡祫椤圭洰浜т笟鏀跨瓥绗﹀悎鎯呭喌', @@ -170,7 +170,6 @@ this.getProjectInfo(this.id); } else { this.getProjectCodeApi(); - // 鍋囪 resetPlanLibrary 鏄竴涓柟娉曪紝鐢ㄤ簬閲嶇疆鐘舵�� this.resetPlanLibrary(); this.fileList = []; this.fileIdList = []; -- Gitblit v1.8.0