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