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 | 100 +++++++++++++++++++++++++++++++++++++++----------
1 files changed, 79 insertions(+), 21 deletions(-)
diff --git a/src/views/projectEngineering/projectLibrary/component/BasicInfo.vue b/src/views/projectEngineering/projectLibrary/component/BasicInfo.vue
index 0790509..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>
@@ -67,6 +80,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 +159,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>
@@ -209,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">
@@ -359,11 +393,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 +475,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,17 +496,19 @@
},
data() {
return {
+ tagList: [],
projectSubTypeList: [], // 椤圭洰瀛愮被鍨�
projectForm: {
id: '',
projectName: '',
+ attractInvestment: '',
projectCode: '',
projectType: '',
projectSubType: '',
projectStatus: 'pendding',
- fundType: '',
+ fundTypeList: [], //璧勯噾绫诲瀷
investType: '',
- importanceType: '',
+ importanceTypeList: [], //閲嶇偣鍒嗙被
projectPhase: '鍌ㄥ瑙勫垝闃舵',
tag: '',
competentDepartment: '',
@@ -586,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) {
@@ -693,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() {
@@ -709,6 +766,7 @@
},
submit(usedStatus) {
+ console.log((this.projectForm));
this.$refs["projectForm"].validate(valid => {
if (valid) {
this.projectForm.usedStatus = usedStatus;
--
Gitblit v1.8.0