项目标记状态设置

src/views/sensitive-control/data-statistic.vue

@@ -157,13 +157,13 @@
     <el-dialog :visible.sync="setStatusVisible" :close-on-click-modal="false" width="500px">
       <p class="dialog-title">项目标记状态设置</p>
 
-      <el-select v-model="queryParams.projectMainId" placeholder="请选择项目" style="margin-left: 110px">
+      <el-select v-model="queryParams.projectMainId" placeholder="请选择项目" @change="handleStatuschange" style="margin-left: 110px">
         <el-option v-for="item in projectList" :key="item.id" :label="item.name" :value="item.id"></el-option>
       </el-select>
 
       <div style="margin-top: 20px; margin-left: 110px">
         <el-input
-          v-model="status01"
+          v-model="status01.value"
           style="width:180px;"
           class="input"
           placeholder="标记状态"
@@ -175,7 +175,7 @@
       </div>
       <div v-if="statusCount>1" style="margin-top: 20px; margin-left: 110px">
         <el-input
-          v-model="status02"
+          v-model="status02.value"
           style="width:180px;"
           class="input"
           placeholder="标记状态"
@@ -187,7 +187,7 @@
       </div>
       <div v-if="statusCount>2" style="margin-top: 20px; margin-left: 110px">
         <el-input
-          v-model="status03"
+          v-model="status03.value"
           style="width:180px;"
           class="input"
           placeholder="标记状态"
@@ -199,7 +199,7 @@
       </div>
       <div v-if="statusCount>3" style="margin-top: 20px; margin-left: 110px">
         <el-input
-          v-model="status04"
+          v-model="status04.value"
           style="width:180px;"
           class="input"
           placeholder="标记状态"
@@ -211,7 +211,7 @@
       </div>
       <div v-if="statusCount>4" style="margin-top: 20px; margin-left: 110px">
         <el-input
-          v-model="status05"
+          v-model="status05.value"
           style="width:180px;"
           class="input"
           placeholder="标记状态"
@@ -223,7 +223,7 @@
 
       <div slot="footer" style="text-align: center">
         <el-button type="primary" @click="setStatusSave">确认</el-button>
-        <el-button @click="setStatusVisible = false">取消</el-button>
+        <el-button @click="setStatusVisible = false; clearStatusData();">取消</el-button>
       </div>
     </el-dialog>
 
@@ -265,11 +265,11 @@ export default {
       labelCount: 1,
       labelList: [],
       allLabelList: [],
-      status01: "",
-      status02: "",
-      status03: "",
-      status04: "",
-      status05: "",
+      status01: {},
+      status02: {},
+      status03: {},
+      status04: {},
+      status05: {},
       statusCount: 1,
       statusList: [],
       handleType: "1", // 表单操作类型，1.新增 2.修改
@@ -425,7 +425,7 @@ export default {
         {},
         (data) => {
           this.labelList = data.data;
-          if (this.labelList) {
+          if (this.labelList && this.labelList.length > 0) {
             this.labelCount = this.labelList.length;
             console.log("getHistoryLabel() : this.labelCount = " + this.labelCount);
             if (this.labelCount > 0) {
@@ -443,6 +443,8 @@ export default {
                 }
               }
             }
+          } else {
+            this.labelCount = 1;
           }
         }
       );
@@ -516,6 +518,7 @@ export default {
     //项目标记状态设置
     showProjectStatus() {
       this.setStatusVisible = true;
+      this.getHistoryStatus();
     },
     addStatusNew() {
       this.statusCount++;
@@ -543,6 +546,49 @@ export default {
         this.status05 = "";
       }
     },
+    getHistoryStatus() {
+      this.getData(
+        "get",
+        `/sensitive/dataStatistics/getState?projectMainId=${this.queryParams.projectMainId}`,
+        {},
+        (data) => {
+          this.statusList = data.data;
+          if (this.statusList && this.statusList.length > 0) {
+            this.statusCount = this.statusList.length;
+            console.log("getHistoryStatus() : this.statusCount = " + this.statusCount);
+            if (this.statusCount > 0) {
+              for(let item in this.statusList) {
+                if (item == 0) {
+                  this.status01 = this.statusList[item];
+                } else if (item == 1) {
+                  this.status02 = this.statusList[item];
+                } else if (item == 2) {
+                  this.status03 = this.statusList[item];
+                } else if (item == 3) {
+                  this.status04 = this.statusList[item];
+                } else if (item == 4) {
+                  this.status05 = this.statusList[item];
+                }
+              }
+            }
+          } else {
+            this.statusCount = 1;
+          }
+        }
+      );
+    },
+    handleStatuschange() {
+      this.clearStatusData();
+      this.getHistoryStatus();
+    },
+    clearStatusData() {
+      this.status01 = {};
+      this.status02 = {};
+      this.status03 = {};
+      this.status04 = {};
+      this.status05 = {};
+      this.statusList = [];
+    },
     setStatusSave() {
       this.statusList = [
         // { id: 0, value: this.status01 },
@@ -550,11 +596,11 @@ export default {
         // { id: 2, value: this.status03 },
         // { id: 3, value: this.status04 },
         // { id: 4, value: this.status05 },
-        { value: this.status01 },
-        { value: this.status02 },
-        { value: this.status03 },
-        { value: this.status04 },
-        { value: this.status05 },
+        { id: this.status01.id, value: this.status01.value },
+        { id: this.status02.id, value: this.status02.value },
+        { id: this.status03.id, value: this.status03.value },
+        { id: this.status04.id, value: this.status04.value },
+        { id: this.status05.id, value: this.status05.value },
       ];
       let req = {
         list: this.statusList,
@@ -570,10 +616,12 @@ export default {
             type: "success",
             message: "项目标记状态设置成功",
           });
+          this.clearStatusData();
           this.setStatusVisible = false;
         }
       );
     },
+
     // 数据查询
     queryDataList() {
       this.getDataList(this.currentPage, this.queryParams);