From cbd1c344d1f1678726d4dafa7a01a37e365eda5f Mon Sep 17 00:00:00 2001 From: fuliqi <fuliqi@qq.com> Date: 星期四, 20 二月 2025 15:32:59 +0800 Subject: [PATCH] 建设性质样式 --- src/views/projectEngineering/projectLibrary/component/BasicInfo.vue | 139 ++++++++++++++++++++++++++++++++++++++------- 1 files changed, 116 insertions(+), 23 deletions(-) diff --git a/src/views/projectEngineering/projectLibrary/component/BasicInfo.vue b/src/views/projectEngineering/projectLibrary/component/BasicInfo.vue index 463e144..93ee8b5 100644 --- a/src/views/projectEngineering/projectLibrary/component/BasicInfo.vue +++ b/src/views/projectEngineering/projectLibrary/component/BasicInfo.vue @@ -58,19 +58,18 @@ </el-col> <el-col :span="6"> - <el-col :span="6"> - <el-form-item label="寤鸿鎬ц川" label-width="100px" prop="constructionNature" style="width: 100%; min-width: 260px"> - <el-select - v-model="projectForm.constructionNature" - clearable - placeholder="璇烽�夋嫨" - style="width: 100%" - > - <el-option v-for="item in dict.type.construction_nature" :key="item.value" :label="item.label" - :value="item.value"/> - </el-select> - </el-form-item> - </el-col> + <el-form-item label="寤鸿鎬ц川" label-width="100px" prop="constructionNature" + style="width: 100%; min-width: 260px"> + <el-select + v-model="projectForm.constructionNature" + clearable + placeholder="璇烽�夋嫨" + style="width: 100%" + > + <el-option v-for="item in dict.type.construction_nature" :key="item.value" :label="item.label" + :value="item.value"/> + </el-select> + </el-form-item> </el-col> </el-row> <el-row :gutter="20"> @@ -96,12 +95,12 @@ placeholder="璇疯緭鍏�"/> </el-form-item> </el-col> - <!-- <el-col :span="6">--> - <!-- <el-form-item label="椤圭洰涓氫富鍗曚綅" label-width="100px" prop="projectOwnerUnit" style="width: 100%">--> - <!-- <el-input v-model.trim="projectForm.projectOwnerUnit" class="item" clearable maxlength="255"--> - <!-- placeholder="璇疯緭鍏�"/>--> - <!-- </el-form-item>--> - <!-- </el-col>--> +<!-- <el-col :span="6">--> +<!-- <el-form-item label="椤圭洰涓氫富鍗曚綅" label-width="100px" prop="projectOwnerUnit" style="width: 100%">--> +<!-- <el-input v-model.trim="projectForm.projectOwnerUnit" class="item" clearable maxlength="255"--> +<!-- placeholder="璇疯緭鍏�"/>--> +<!-- </el-form-item>--> +<!-- </el-col>--> </el-row> <el-row :gutter="20"> <el-col :span="6"> @@ -239,6 +238,53 @@ </el-form-item> </el-col> </el-row> + <el-row :gutter="20"> + <el-col :span="6"> + <el-form-item label="琛屼笟涓荤閮ㄩ棬" label-width="100px" prop="industryCompetentDepartment" style="width: 100%"> + <el-select + v-model="projectForm.industryCompetentDepartment" + clearable + @change="handleDepartmentChange" + placeholder="璇烽�夋嫨" + style="width: 100%;" + > + <el-option + v-for="item in approvalList" + :key="item.id" + :value="item.id" + :label="item.value" + /> + </el-select> + </el-form-item> + </el-col> + <el-col :span="6"> + <el-form-item label="鑱旂郴浜�" label-width="100px" style="width: 100%"> + <el-select + v-model="projectForm.industryCompetentDepartmentPerson" + clearable + placeholder="璇烽�夋嫨" + @change="handleContactChange" + style="width: 100%;" + > + <el-option + v-for="person in personList" + :key="person.userId" + :value="person.userId" + :label="person.nickName" + /> + </el-select> + </el-form-item> + </el-col> + <el-col :span="6"> + <el-form-item label="鑱旂郴浜鸿仈绯绘柟寮�" label-width="100px" style="width: 100%"> + <el-input + v-model="projectForm.departmentPersonPhone" + clearable + placeholder="璇疯緭鍏ヨ仈绯绘柟寮�" + /> + </el-form-item> + </el-col> + </el-row> </div> </div> <div class="label"> @@ -372,8 +418,9 @@ // import { getList } from '@/api/engineeringLibrary/index'; // import RemoteSelect from '@/components/RemoteSelect/index.vue'; import Cookies from "js-cookie"; -import {addProject, getProject, updateProject, getProjectCode} from '@/api/projectEngineering/projectInfo'; +import {addProject, getProject, updateProject, getProjectCode, editProject} from '@/api/projectEngineering/projectInfo'; import {approvalList} from "@/api/system/dept"; +import {getByDept} from "@/api/system/user"; export default { name: 'BasicInfo', @@ -446,8 +493,12 @@ engineeringInfos: [], competentDepartmentList: [], managementCentralizationList: [], - remark: '' + remark: '', + industryCompetentDepartment: null, + industryCompetentDepartmentPerson: null, + departmentPersonPhone: null, }, + personList: [], subclass: '', largeCategory: '', approvalList: [], @@ -481,8 +532,15 @@ const projectForm = localStorage.getItem("projectForm"); //鍒濆鍖栦富绠¢儴闂ㄤ笅鎷夋 this.getApprovalList(); + if (projectForm) { this.projectForm = JSON.parse(projectForm); + if (this.projectForm.industryCompetentDepartment) { + // 鏍规嵁閫変腑鐨勯儴闂↖D鏌ヨ浜哄憳 + getByDept(this.projectForm.industryCompetentDepartment).then((res) => { + this.personList = res.data; + }) + } this.$emit('updateIsShow', true); } else { this.projectForm.id = this.$route.query.projectId; @@ -497,9 +555,39 @@ } }, beforeDestroy() { - // localStorage.setItem("projectForm", JSON.stringify(this.projectForm)); + localStorage.setItem("projectForm", JSON.stringify(this.projectForm)); }, methods: { + // 鐩戝惉鑱旂郴浜洪�夋嫨浜嬩欢 + handleContactChange(userId) { + if (userId) { + // 鏍规嵁閫変腑鐨剈serId鏌ユ壘瀵瑰簲鐨勮仈绯讳汉 + const selectedPerson = this.personList.find(person => person.userId === userId); + if (selectedPerson) { + // 灏嗚仈绯讳汉鐨刾hone瀛楁鍥炲~鍒拌仈绯荤數璇濊緭鍏ユ + this.projectForm.departmentPersonPhone = selectedPerson.phonenumber; + } else { + // 濡傛灉鏈壘鍒拌仈绯讳汉锛屾竻绌鸿仈绯荤數璇� + this.projectForm.departmentPersonPhone = ''; + } + } else { + // 濡傛灉userId涓虹┖锛屾竻绌鸿仈绯荤數璇� + this.projectForm.departmentPersonPhone = ''; + } + }, + handleDepartmentChange(departmentId) { + if (departmentId) { + // 鏍规嵁閫変腑鐨勯儴闂↖D鏌ヨ浜哄憳 + getByDept(departmentId).then((res) => { + this.personList = res.data; + }) + } else { + // 濡傛灉鏈�夋嫨閮ㄩ棬锛屾竻绌轰汉鍛樺垪琛� + this.personList = []; + } + this.$set(this.projectForm, 'industryCompetentDepartmentPerson', null); + this.$set(this.projectForm, 'departmentPersonPhone', ''); + }, addWinUnit() { this.projectForm.winUnitList.push({ winUnit: '', @@ -535,8 +623,13 @@ getProjectInfo(id) { getProject(id).then(res => { this.projectForm = res.data; + if (this.projectForm.industryCompetentDepartment) { + // 鏍规嵁閫変腑鐨勯儴闂↖D鏌ヨ浜哄憳 + getByDept(this.projectForm.industryCompetentDepartment).then((res) => { + this.personList = res.data; + }) + } this.$emit('updateIsShow', true); - }); }, getApprovalList() { -- Gitblit v1.8.0