From 2fe7eb79670f8d9a64a501596b18c4e098278c89 Mon Sep 17 00:00:00 2001 From: xiangpei <xiangpei@timesnew.cn> Date: 星期一, 17 三月 2025 11:50:59 +0800 Subject: [PATCH] Merge remote-tracking branch 'origin/master' --- src/views/projectEngineering/projectLibrary/component/legalPerson.vue | 67 +++++++++++++++++++++++++++++++-- 1 files changed, 62 insertions(+), 5 deletions(-) diff --git a/src/views/projectEngineering/projectLibrary/component/legalPerson.vue b/src/views/projectEngineering/projectLibrary/component/legalPerson.vue index e57e757..26a9ed0 100644 --- a/src/views/projectEngineering/projectLibrary/component/legalPerson.vue +++ b/src/views/projectEngineering/projectLibrary/component/legalPerson.vue @@ -10,10 +10,29 @@ <!-- </el-form-item>--> <!-- </el-col>--> <el-col :span="12"> - <el-form-item label="椤圭洰鍗曚綅" label-width="120px" prop="investmentType" style="width: 100%"> - <el-input v-model="legalPersonForm.projectUnit" class="item" clearable maxlength="255" placeholder="璇疯緭鍏�"/> + <el-form-item label="椤圭洰鍗曚綅" label-width="120px" prop="investmentType" + > + <el-select + v-model="legalPersonForm.projectUnit" + filterable + placeholder="璇烽�夋嫨鎴栬緭鍏�" + style="width: 100%;" + @change="handleSelectChange" + remote + :remote-method="handleBlur" + > + <el-option + v-for="item in options" + :key="item.id" + :label="item.projectUnit" + :value="item.id" + > + </el-option> + </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 @@ -163,7 +182,8 @@ import { addProjectUnitRegistrationInfo, editProjectUnitRegistrationInfo, - getProjectUnitRegistrationInfoById + getProjectUnitRegistrationInfoById, + getUnitRegistrationInfoByName } from "@/api/projectEngineering/projectUnitRegistrationInfo"; export default { @@ -178,11 +198,15 @@ }, data() { return { + //椤圭洰鍗曚綅閫夋嫨妗� + selectProjectUnit:'', projectForm: {}, + //鍗曚綅娉曚汉淇℃伅 + options:[], legalPersonForm: { // id: '', // totalInvestment: '', - // projectUnit: '', + projectUnit: '', // projectUnitType: '', // registrationType: '', // holdingSituation: '', @@ -222,11 +246,33 @@ } this.legalPersonForm.projectId = this.projectForm.id; + this.handleBlur(); }, beforeDestroy() { if(Object.keys(this.legalPersonForm).length !==0) localStorage.setItem("legalPersonForm", JSON.stringify(this.legalPersonForm)); }, methods: { + + handleSelectChange(row) { + if (this.options !== null) { + this.options.forEach(item => { + if (item.id === row) { + this.legalPersonForm = item; + } + }) + } + + }, + //椤圭洰鍗曚綅杈撳叆鏃惰Е鍙� + handleBlur(query){ + console.log(query) + this.legalPersonForm.projectUnit = query; + if (this.legalPersonForm.projectUnit !== null && this.legalPersonForm.projectUnit !== '' && this.legalPersonForm.projectUnit !== undefined){ + getUnitRegistrationInfoByName(this.legalPersonForm).then(res =>{ + this.options = res.data; + }) + } + }, getProjectUnitRegistrationInfo() { getProjectUnitRegistrationInfoById(this.$route.query.projectId).then(res => { this.legalPersonForm = res.data; @@ -255,12 +301,23 @@ }, }, watch: { + 'legalPersonForm.projectUnit':{ + deep:true, + handler(newVal) { + if (newVal === null || newVal === ''){ + this.options = null; + } + } + }, legalPersonForm: { deep: true, handler(newVal) { this.$emit('legalPersonForm', newVal) } - } + }, + + + } } </script> -- Gitblit v1.8.0