执法结果页面--新增安全风险等级搜索条件⌈ 支持多选 ⌋

src/views/yingji/enforcing.vue

@@ -3,8 +3,8 @@
  * @version: 
  * @Author: JC9527
  * @Date: 2023-09-04 10:20:06
- * @LastEditors: laozt 2721205210@qq.com
+ * @LastEditors: JC9527
- * @LastEditTime: 2023-12-19 10:09:26
+ * @LastEditTime: 2024-11-27 09:14:33
 -->
 <template>
   <div class="container-main" ref="main">
@@ -58,6 +58,23 @@
                 ref="executive"
               ></executive>
             </el-form-item>
+            <el-form-item label="安全风险等级" prop="">
+              <el-select
+                v-model="riskLevel"
+                multiple
+                collapse-tags
+                style="margin-left: 20px"
+                placeholder="请选择"
+                @change="multipleChangeTwo"
+              >
+                <el-option
+                  v-for="item in optionsTwo"
+                  :key="item.value"
+                  :label="item.label"
+                  :value="item.value"
+                />
+              </el-select>
+            </el-form-item>
           </el-form>
         </div>
       </div>
@@ -306,6 +323,21 @@ export default {
           label: "12月",
         },
       ],
+      optionsTwo: [
+        {
+          value: "A",
+          label: "A",
+        },{
+          value: "B",
+          label: "B",
+        },{
+          value: "C",
+          label: "C",
+        },{
+          value: "D",
+          label: "D",
+        },
+      ],
       value1: [],
       value2: [],
       tableData: [],
@@ -316,12 +348,14 @@ export default {
         district: "",
         plannedYear: "",
         plannedMonth: "",
+        riskLevel:"",
         //检测状态
         checkStatus: "",
         enterpriseName: "",
         status: 1,
       },
       plannedMonth: "",
+      riskLevel:"",
       checkList: [""],
       checkListTwo: [],
       listDes: [
@@ -456,10 +490,10 @@ export default {
       let height1 = document.getElementsByTagName("header")[0].clientHeight;
       let height2 = this.$refs.searchBox.offsetHeight;
       this.tableHeight = screenHeight - (height1 + height2) - 230;
-      console.log(height1);
+      // console.log(height1);
-      console.log(height2);
+      // console.log(height2);
-      console.log(screenHeight);
+      // console.log(screenHeight);
-      console.log(this.tableHeight);
+      // console.log(this.tableHeight);
 
       // let screen = window.screen;
       // let screenWidth = window.screen.width;
@@ -479,6 +513,10 @@ export default {
       this.searchBefore = { ...this.searchBefore, ...this.form };
       // this.getList();
     },
+    multipleChangeTwo(e) {
+      this.form.riskLevel = e.join(",");
+      this.searchBefore = { ...this.searchBefore, ...this.form };
+    },
     filterTable(a, b) {
       if (!b) return;
       return this.selectDictLabel(a, b);
@@ -516,10 +554,12 @@ export default {
         pageSize: 10,
         pageNum: 1,
         plannedMonth: "",
+        riskLevel:"",
         status: 1,
       };
 
       this.plannedMonth = "";
+      this.riskLevel = "";
       this.checkList = [""];
       this.form.plannedYear = this.$moment(new Date()).format("yyyy");
       this.searchBefore = { ...this.searchBefore, ...this.form };
@@ -586,6 +626,7 @@ export default {
         pageNum: 1,
       };
       this.searchBefore.plannedMonth = this.plannedMonth;
+      this.searchBefore.riskLevel = this.riskLevel;
       this.searchBefore = { ...this.searchBefore, ...this.form };
       this.getList();
     },