From 98807ef72ab512f867da14386e8fb680c6ad701f Mon Sep 17 00:00:00 2001 From: fuliqi <fuliqi@qq.com> Date: 星期三, 19 二月 2025 11:45:56 +0800 Subject: [PATCH] 项目新增修改后关闭当前标签 --- src/views/projectEngineering/projectLibrary/component/BasicInfo.vue | 124 +++++++++++++++++++++++++++++++---------- 1 files changed, 93 insertions(+), 31 deletions(-) diff --git a/src/views/projectEngineering/projectLibrary/component/BasicInfo.vue b/src/views/projectEngineering/projectLibrary/component/BasicInfo.vue index b282b3e..3ae3195 100644 --- a/src/views/projectEngineering/projectLibrary/component/BasicInfo.vue +++ b/src/views/projectEngineering/projectLibrary/component/BasicInfo.vue @@ -9,7 +9,7 @@ </el-col> <el-col :span="6"> <el-form-item class="item" label="椤圭洰浠g爜" label-width="100px" prop="projectCode"> - <el-input v-model.trim="projectForm.projectCode" class="item" clearable disabled maxlength="255" + <el-input v-model.trim="projectForm.projectCode" class="item" clearable maxlength="255" placeholder="璇疯緭鍏�"/> </el-form-item> </el-col> @@ -71,7 +71,7 @@ </el-col> <el-col :span="6"> <el-form-item label="椤圭洰鐘舵��" label-width="100px" prop="projectstatus" style="width: 100%"> - <el-select v-model="projectForm.projectStatus" clearable placeholder="璇烽�夋嫨" style="width: 100%"> + <el-select v-model="projectForm.projectStatus" clearable placeholder="璇烽�夋嫨" @change="handleProjectStatusChange" style="width: 100%"> <el-option v-for="item in dict.type.sys_project_status" :key="item.value" :label="item.label" :value="item.value"/> </el-select> @@ -226,28 +226,50 @@ </el-form-item> </el-col> </el-row> - <el-row :gutter="20"> - <el-col :span="6"> - <el-form-item label="涓爣鍗曚綅" label-width="100px" prop="setTime" style="width: 100%"> - <el-input v-model.trim="projectForm.winUnit" class="item" clearable maxlength="255" placeholder="璇疯緭鍏�"/> - </el-form-item> - </el-col> - <el-col :span="6"> - <el-form-item label="涓爣閲戦" label-width="100px" style="width: 100%"> - <el-input v-model.trim="projectForm.winAmount" class="item" clearable maxlength="255" placeholder="璇疯緭鍏�" - type="number"/> - </el-form-item> - </el-col> - <el-col :span="6"> - <el-form-item label="涓爣鏃堕棿" label-width="100px" style="width: 100%"> - <el-date-picker v-model="projectForm.winTime" - placeholder="閫夋嫨鏃堕棿" - style="width: 100%" - type="date" - value-format="yyyy-MM-dd HH:mm:ss"/> - </el-form-item> - </el-col> - </el-row> + <div style="width: 100%;position: relative;border: 1px solid #d7d7d7;margin-bottom: 15px;padding: 4px;min-height: 45px"> + <div style="font-size: small;margin-bottom: 5px">涓爣鍗曚綅锛�</div> + <div> + <el-row :gutter="20" v-for="(winUnit,index) in projectForm.winUnitList" :key="'zb' + index"> + <el-col :span="4"> + <el-form-item label="鍗曚綅鍚嶇О" label-width="100px" prop="setTime" style="width: 100%"> + <el-input v-model.trim="winUnit.winUnit" class="item" clearable maxlength="255" placeholder="璇疯緭鍏�"/> + </el-form-item> + </el-col> + <el-col :span="4"> + <el-form-item label="涓爣閲戦" label-width="100px" style="width: 100%"> + <el-input v-model.trim="winUnit.winAmount" class="item" clearable maxlength="255" placeholder="璇疯緭鍏�" + type="number"/> + </el-form-item> + </el-col> + <el-col :span="4"> + <el-form-item label="涓爣鏃堕棿" label-width="100px" style="width: 100%"> + <el-date-picker v-model="winUnit.winTime" + placeholder="閫夋嫨鏃堕棿" + style="width: 100%" + type="date" + value-format="yyyy-MM-dd HH:mm:ss"/> + </el-form-item> + </el-col> + <el-col :span="4"> + <el-form-item label="鍗曚綅鑱旂郴浜�" label-width="100px" style="width: 100%"> + <el-input v-model.trim="winUnit.contacts" class="item" clearable maxlength="20" placeholder="璇疯緭鍏�"/> + </el-form-item> + </el-col> + <el-col :span="4"> + <el-form-item label="鑱旂郴鐢佃瘽" label-width="100px" style="width: 100%"> + <el-input v-model.trim="winUnit.phone" class="item" clearable maxlength="20" placeholder="璇疯緭鍏�"/> + </el-form-item> + </el-col> + <el-col :span="1"> + <el-button type="danger" icon="el-icon-delete" v-show="projectForm.winUnitList.length > 1" @click="removeWinUnit(index)" circle></el-button> + </el-col> + </el-row> + </div> + <div style="position: absolute; top: 2px; right: 2px"> + <el-button type="primary" @click="addWinUnit" icon="el-icon-plus"></el-button> + </div> + </div> + <el-row :gutter="20"> <el-col :span="6"> <el-form-item label="骞村害鎶曡祫璁″垝" label-width="100px" prop="year" style="width: 100%"> @@ -267,6 +289,19 @@ <el-input v-model.trim="projectForm.yearInvestAmount" clearable maxlength="255" placeholder="璇疯緭鍏�" style="width: 90%" type="number"/> <span style="margin-left: 2px">鍏�</span> + </el-form-item> + </el-col> + <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-row> @@ -324,7 +359,7 @@ export default { name: 'BasicInfo', dicts: ['sys_funding_type', 'sys_investment_type', 'sys_project_type', 'sys_project_status', 'sys_competent_department' - , 'sys_administrative_divisions', 'sys_centralized_management', 'sys_approval_type', 'sys_key_categories', 'sys_annual_plan'], + , 'sys_administrative_divisions', 'sys_centralized_management', 'sys_approval_type', 'sys_key_categories', 'sys_annual_plan', 'construction_nature'], components: { Map, TagList, @@ -348,7 +383,7 @@ projectName: '', projectCode: '', projectType: '', - projectStatus: 'working', + projectStatus: 'pendding', fundType: '', investType: '', importanceType: '', @@ -367,12 +402,17 @@ setTime: '', assignmentStatus: '', area: '', - winTime: '', - winUnit: '', - winAmount: '', + winUnitList: [{ + winUnit: '', + winTime: null, + winAmount: '', + contacts: '', + phone: '' + }], projectAddress: '', engineeringIdList: [], content: '', + constructionNature: '', contact: '', projectOwnerUnit: null, planStartTime: '', @@ -428,16 +468,38 @@ if (this.projectForm.id) { this.getProjectInfo(this.projectForm.id); } else { - this.getProjectCodeApi(); + // this.getProjectCodeApi(); this.$emit('updateIsShow', true); } // this.handleLoadMore(1); } }, beforeDestroy() { - localStorage.setItem("projectForm", JSON.stringify(this.projectForm)); + // localStorage.setItem("projectForm", JSON.stringify(this.projectForm)); }, methods: { + addWinUnit() { + this.projectForm.winUnitList.push({ + winUnit: '', + winTime: null, + winAmount: '', + contacts: '', + phone: '' + }) + }, + removeWinUnit(index) { + this.projectForm.winUnitList.splice(index, 1) + }, + handleProjectStatusChange(value) { + // 鏍规嵁閫変腑鐨� projectStatus 淇敼 anotherField 鐨勫�� + if (value === 'working' || value === 'stop') { + this.projectForm.projectPhase = '瀹炴柦闃舵'; + } else if (value === 'finish') { + this.projectForm.projectPhase = '绔e伐鎶曠敤闃舵'; + } else if (value === 'pendding') { + this.projectForm.projectPhase = '鍌ㄥ瑙勫垝闃舵'; + } + }, getProjectInfo(id) { getProject(id).then(res => { this.projectForm = res.data; -- Gitblit v1.8.0