From e72ea5c4043cc79ae7eaf875242a03e3fe1421d9 Mon Sep 17 00:00:00 2001 From: xiangpei <xiangpei@timesnew.cn> Date: 星期日, 23 二月 2025 12:44:52 +0800 Subject: [PATCH] tag标签可修改 --- src/views/projectEngineering/projectLibrary/component/BasicInfo.vue | 74 +++++++++++++++++++++++++++++-------- 1 files changed, 58 insertions(+), 16 deletions(-) diff --git a/src/views/projectEngineering/projectLibrary/component/BasicInfo.vue b/src/views/projectEngineering/projectLibrary/component/BasicInfo.vue index 0790509..c2fbee5 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"> @@ -67,6 +71,21 @@ 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-col :span="6"> + <el-form-item label="鎷涘晢寮曡祫椤圭洰" label-width="100px" prop="attractInvestment" + style="width: 100%; min-width: 260px"> + <el-select + v-model="projectForm.attractInvestment" + clearable + placeholder="璇烽�夋嫨" + style="width: 100%" + > + <el-option v-for="item in dict.type.attract_investment" :key="item.value" :label="item.label" :value="item.value"/> </el-select> </el-form-item> @@ -131,7 +150,7 @@ <!-- style="width: 100%">--> <!-- <treeselect v-model="form.parentId" :options="deptOptions" :normalizer="normalizer" placeholder="閫夋嫨涓婄骇閮ㄩ棬" />--> - <treeselect v-model="projectForm.projectOwnerUnit" :options="selectOptions" :normalizer="normalizer" placeholder="閫夋嫨涓婄骇閮ㄩ棬" /> + <treeselect v-model="projectForm.projectOwnerUnit" :options="selectOptions" :normalizer="normalizer" placeholder="閫夋嫨鍗曚綅" /> <!-- <RemoteSelect v-if="selectOptions.length" :hasMore="hasMore" :loading="loading" :page="page" @loadMore="handleLoadMore" />--> <!-- </el-select>--> </el-form-item> @@ -359,11 +378,11 @@ </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"/> - <span style="margin-left: 2px">鍏�</span> + <span style="margin-left: 2px">涓囧厓</span> </el-form-item> </el-col> <el-col :span="10"> @@ -441,7 +460,8 @@ 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', 'construction_nature'], + , 'sys_administrative_divisions', 'sys_centralized_management', 'sys_approval_type', 'sys_key_categories', 'sys_annual_plan' + , 'construction_nature', 'attract_investment'], components: { Treeselect, Map, @@ -461,10 +481,12 @@ }, data() { return { + tagList: [], projectSubTypeList: [], // 椤圭洰瀛愮被鍨� projectForm: { id: '', projectName: '', + attractInvestment: '', projectCode: '', projectType: '', projectSubType: '', @@ -586,11 +608,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) { @@ -693,6 +729,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() { -- Gitblit v1.8.0