From b0f9706ad7d84b21dd3fdc1a9a02d08f3c4ec3c0 Mon Sep 17 00:00:00 2001 From: zxl <763096477@qq.com> Date: 星期一, 24 二月 2025 17:37:47 +0800 Subject: [PATCH] 重点分类,资金类型多选 --- src/views/projectEngineering/projectLibrary/component/BasicInfo.vue | 77 +++++++++++++++++++++++++++++--------- 1 files changed, 59 insertions(+), 18 deletions(-) diff --git a/src/views/projectEngineering/projectLibrary/component/BasicInfo.vue b/src/views/projectEngineering/projectLibrary/component/BasicInfo.vue index fffc0a2..436753b 100644 --- a/src/views/projectEngineering/projectLibrary/component/BasicInfo.vue +++ b/src/views/projectEngineering/projectLibrary/component/BasicInfo.vue @@ -16,19 +16,23 @@ placeholder="璇疯緭鍏�"/> </el-form-item> </el-col> - <el-col :span="12" style="position: relative"> - <div style="width: 100%; height: 100%; position: absolute;"> + <el-col :span="5"> <el-form-item class="item" label="璧嬬爜" label-width="50px" prop="coding"> - <template slot-scope="scope"> - <!-- <div class="yellow-dot" v-if="scope.row.coding === 'yellow'"></div>--> - <!-- <div class="green-dot" v-if="scope.row.coding === 'green'"></div>--> - <!-- <div class="red-dot" v-if="scope.row.coding === 'red'"></div>--> - <div class="red-dot"></div> - <tag-list></tag-list> - </template> - </el-form-item> - <!-- <img alt="" src="../../../../assets/images/s.png"/>--> - </div> + <template slot-scope="scope"> + <!-- <div class="yellow-dot" v-if="scope.row.coding === 'yellow'"></div>--> + <!-- <div class="green-dot" v-if="scope.row.coding === 'green'"></div>--> + <!-- <div class="red-dot" v-if="scope.row.coding === 'red'"></div>--> + <div class="red-dot"></div> + </template> + + </el-form-item> + </el-col> + <el-col :span="7"> + <el-form-item label="鏍囩" label-width="50px" prop="tag"> + <template slot-scope="scope"> + <tag-list :tag-list="tagList" ref="tagList" @getTags="getTagList"></tag-list> + </template> + </el-form-item> </el-col> </el-row> <el-row :gutter="20"> @@ -39,10 +43,19 @@ </el-form-item> </el-col> </el-row> + + + <el-row :gutter="20"> <el-col :span="6"> - <el-form-item label="璧勯噾绫诲瀷" label-width="100px" prop="fundType" style="width: 100%"> - <el-select v-model="projectForm.fundType" clearable placeholder="璇烽�夋嫨" style="width: 100%"> + <el-form-item label="璧勯噾绫诲瀷" label-width="100px" style="width: 100%"> + <el-select + v-model="projectForm.fundTypeList" + clearable + :multiple="true" + placeholder="璇烽�夋嫨" + style="width: 100%" + collapse-tags> <el-option v-for="item in dict.type.sys_funding_type" :key="item.value" :label="item.label" :value="item.value"/> </el-select> @@ -224,16 +237,22 @@ <el-col :span="6"> <el-form-item label="閲嶇偣鍒嗙被" label-width="100px" style="width: 100%"> <el-select - v-model="projectForm.importanceType" + v-model="projectForm.importanceTypeList" clearable + :multiple="true" placeholder="璇烽�夋嫨" style="width: 100%" + collapse-tags > <el-option v-for="item in dict.type.sys_key_categories" :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"> @@ -374,7 +393,7 @@ </el-select> </el-form-item> </el-col> - <el-col :span="6"> + <el-col :span="7"> <el-form-item label="骞村害鎶曡祫閲戦" label-width="100px" prop="company" style="width: 100%; min-width: 260px"> <el-input v-model.trim="yearPlan.yearTotalMoney" clearable maxlength="255" placeholder="璇疯緭鍏�" style="width: 90%" type="number"/> @@ -477,6 +496,7 @@ }, data() { return { + tagList: [], projectSubTypeList: [], // 椤圭洰瀛愮被鍨� projectForm: { id: '', @@ -486,9 +506,9 @@ projectType: '', projectSubType: '', projectStatus: 'pendding', - fundType: '', + fundTypeList: [], //璧勯噾绫诲瀷 investType: '', - importanceType: '', + importanceTypeList: [], //閲嶇偣鍒嗙被 projectPhase: '鍌ㄥ瑙勫垝闃舵', tag: '', competentDepartment: '', @@ -603,11 +623,25 @@ } // this.handleLoadMore(1); } + console.log(this.projectForm, "鍘熷鍊�") + this.$nextTick(() => { + console.log("璁剧疆浜�") + this.tagList = this.projectForm.tag ? this.projectForm.tag.split(",") : [] + console.log(this.tagList) + }) }, beforeDestroy() { localStorage.setItem("projectForm", JSON.stringify(this.projectForm)); }, methods: { + getTagList(list) { + console.log("鎷垮埌浜�") + if (!list || list.length < 1) { + this.projectForm.tag = '' + } else { + this.projectForm.tag = list.join(","); + } + }, getChildSelect(select) { this.projectForm.projectSubType = '' if (select) { @@ -710,6 +744,12 @@ }) } this.$emit('updateIsShow', true); + console.log(this.projectForm, "鍘熷鍊�") + this.$nextTick(() => { + console.log("璁剧疆浜�") + this.tagList = this.projectForm.tag ? this.projectForm.tag.split(",") : [] + console.log(this.tagList) + }) }); }, getApprovalList() { @@ -726,6 +766,7 @@ }, submit(usedStatus) { + console.log((this.projectForm)); this.$refs["projectForm"].validate(valid => { if (valid) { this.projectForm.usedStatus = usedStatus; -- Gitblit v1.8.0