隐患排查修改选人方式

src/views/meihuajing/yinhuanpaicha/yinhuanform.vue

@@ -1,8 +1,8 @@
 <template>
   <div>
-    <div v-if="shows">
+    <!-- <div v-if="shows">
       <van-nav-bar title="风险评级" left-arrow @click-left="onClickLeft" />
-    </div>
+    </div> -->
     <div class="headers">
       <div>
         <van-field
@@ -234,7 +234,7 @@
           />
         </van-popup>
       </div>
-      <div>
+      <!-- <div>
         <van-field
           readonly
           clickable
@@ -251,7 +251,25 @@
             @confirm="onConfirm11"
           />
         </van-popup>
-      </div>
+      </div> -->
+
+      <van-field
+        v-model="fieldValue_zhengGaiRen"
+        is-link
+        readonly
+        label="整改责任人"
+        placeholder="请选择整改责任人"
+        @click="show_zhengGaiRen = true"
+      />
+      <van-popup v-model="show_zhengGaiRen" round position="bottom">
+        <van-cascader
+          v-model="cascaderValue_zhengGaiRen"
+          title="请选择整改责任人"
+          :options="options"
+          @close="show_zhengGaiRen = false"
+          @finish="onFinish_zhengGaiRen"
+        />
+      </van-popup>
 
       <div>
         <van-field
@@ -272,7 +290,7 @@
         </van-popup>
       </div>
 
-      <div>
+      <!-- <div>
         <van-field
           readonly
           clickable
@@ -289,7 +307,25 @@
             @confirm="onConfirm8"
           />
         </van-popup>
-      </div>
+      </div> -->
+
+      <van-field
+        v-model="fieldValue_duBanRen"
+        is-link
+        readonly
+        label="督办责任人"
+        placeholder="请选择督办责任人"
+        @click="show_duBanRen = true"
+      />
+      <van-popup v-model="show_duBanRen" round position="bottom">
+        <van-cascader
+          v-model="cascaderValue_duBanRen"
+          title="请选择督办责任人"
+          :options="options"
+          @close="show_duBanRen = false"
+          @finish="onFinish_duBanRen"
+        />
+      </van-popup>
 
       <div>
         <van-field
@@ -455,6 +491,18 @@ export default {
       zhengGaiDanWei_id: "",
       // 整改责任人
       zhengGaiRen_id: "",
+
+      // 筛选整改人
+      show_zhengGaiRen: false,
+
+      fieldValue_zhengGaiRen: "",
+
+      // 筛选督办人
+      show_duBanRen: false,
+
+      fieldValue_duBanRen: "",
+
+      options: [],
     };
   },
   methods: {
@@ -570,7 +618,7 @@ export default {
 
       this.zhengGaiRen_id = this.staffArr[index].id;
 
-      console.log(this.staffArr[index].id)
+      console.log(this.staffArr[index].id);
 
       this.value11 = value;
       this.showPicker11 = false;
@@ -581,7 +629,6 @@ export default {
 
       this.inspected_unit_key = this.sectionArr[index].id;
 
-
       this.value12 = value;
       this.showPicker12 = false;
     },
@@ -751,14 +798,13 @@ export default {
         this.inspected_unit_key == "" ||
         this.inspection_location == "" ||
         this.zhengGaiType == ""
-
       ) {
         this.$toast("请填写完整后再提交!");
         return;
       }
 
-      if(this.zhengGaiType == 1){
-        this.dates = ""
+      if (this.zhengGaiType == 1) {
+        this.dates = "";
       }
 
       this.$http
@@ -792,7 +838,7 @@ export default {
             // 检查人部门
             inspected_unit: this.inspected_unit_key,
             // 检查地点
-            inspection_location: this.inspection_location
+            inspection_location: this.inspection_location,
           }
         )
         .then((res) => {
@@ -802,16 +848,56 @@ export default {
           } else {
             this.$toast("添加成功");
             setTimeout(() => {
-              this.$router.push(`/meihuajing/yinhuanpaicha/yinhuaninfo`);
+              window.history.back();
             }, 1500);
           }
         });
     },
+
+    // 选择整改责任人
+
+    onFinish_zhengGaiRen({ selectedOptions }) {
+      this.show_zhengGaiRen = false;
+      this.fieldValue_zhengGaiRen = selectedOptions
+        .map((option) => option.text)
+        .join("--");
+
+      console.log(selectedOptions[1].value);
+
+      this.zhengGaiRen_id = selectedOptions[1].value;
+    },
+
+    // 选择督办责任人
+
+    onFinish_duBanRen({ selectedOptions }) {
+      this.show_duBanRen = false;
+      this.fieldValue_duBanRen = selectedOptions
+        .map((option) => option.text)
+        .join("--");
+
+      console.log(selectedOptions[1].value);
+
+      this.staffArr_id = selectedOptions[1].value;
+    },
+
+    // 获取部门、人
+    getSectionStaff() {
+      this.$http
+        .post(
+          "http://meihuajing.nxjiewei.com:8011/api/section/getSectionStaff",
+          {}
+        )
+        .then((res) => {
+          console.log(res.data.data);
+          this.options = res.data.data;
+        });
+    },
   },
   mounted() {
     document.body.style.backgroundColor = "#f0f0f0"; //背景色
 
     this.getStaffAndSectionData(), this.getRiskAndTroubleshootConfigData();
+    this.getSectionStaff();
   },
 };
 </script>

src/views/meihuajing/yinhuanpaicha/yinhuanform_my_wys.vue

@@ -1,8 +1,8 @@
 <template>
   <div>
-    <div v-if="shows">
+    <!-- <div v-if="shows">
       <van-nav-bar title="风险评级" left-arrow @click-left="onClickLeft" />
-    </div>
+    </div> -->
     <div class="headers">
       <div>
         <van-field

src/views/meihuajing/yinhuanpaicha/yinhuanform_my_wzg.vue

@@ -1,8 +1,8 @@
 <template>
   <div>
-    <div v-if="shows">
+    <!-- <div v-if="shows">
       <van-nav-bar title="风险评级" left-arrow @click-left="onClickLeft" />
-    </div>
+    </div> -->
     <div class="headers">
       <div>
         <van-field
@@ -321,6 +321,12 @@ export default {
     tianjia() {
       console.log(this.message8, this.fileList);
 
+      if (this.message8 == "") {
+        this.$toast("请填写整改意见。");
+
+        return;
+      }
+
       this.$toast.loading();
 
       this.$http

src/views/meihuajing/yinhuanpaicha/yinhuanform_my_yys.vue

@@ -1,8 +1,8 @@
 <template>
   <div>
-    <div v-if="shows">
+    <!-- <div v-if="shows">
       <van-nav-bar title="风险评级" left-arrow @click-left="onClickLeft" />
-    </div>
+    </div> -->
     <div class="headers">
       <div>
         <van-field

src/views/meihuajing/yinhuanpaicha/yinhuanform_my_yzg.vue

@@ -1,8 +1,8 @@
 <template>
   <div>
-    <div v-if="shows">
+    <!-- <div v-if="shows">
       <van-nav-bar title="风险评级" left-arrow @click-left="onClickLeft" />
-    </div>
+    </div> -->
     <div class="headers">
       <div>
         <van-field

src/views/meihuajing/yinhuanpaicha/yinhuanform_wzg_wys.vue

@@ -1,8 +1,8 @@
 <template>
   <div>
-    <div v-if="shows">
+    <!-- <div v-if="shows">
       <van-nav-bar title="风险评级" left-arrow @click-left="onClickLeft" />
-    </div>
+    </div> -->
     <div class="headers">
 
       <div>

src/views/meihuajing/yinhuanpaicha/yinhuanform_yzg_wtg.vue

@@ -1,8 +1,8 @@
 <template>
   <div>
-    <div v-if="shows">
+    <!-- <div v-if="shows">
       <van-nav-bar title="风险评级" left-arrow @click-left="onClickLeft" />
-    </div>
+    </div> -->
     <div class="headers">
 
       <div>
@@ -259,6 +259,15 @@
             placeholder="请输入信息"
             readonly="false"
           />
+           <van-field
+            v-model="message10"
+            rows="1"
+            autosize
+            label="验收时间"
+            type="textarea"
+            placeholder="请输入信息"
+            readonly="false"
+          />
           <van-field
             v-model="message13"
             rows="1"

src/views/meihuajing/yinhuanpaicha/yinhuanform_yzg_wys.vue

@@ -1,8 +1,8 @@
 <template>
   <div>
-    <div v-if="shows">
+    <!-- <div v-if="shows">
       <van-nav-bar title="风险评级" left-arrow @click-left="onClickLeft" />
-    </div>
+    </div> -->
     <div class="headers">
       <div>
         <van-field
@@ -257,19 +257,20 @@
 
       <div>
         <van-field
+          v-model="fieldValue_yanShouRen"
+          is-link
           readonly
-          clickable
           label="验收责任人"
-          :value="value13"
-          placeholder="请选择"
-          @click="showPicker13 = true"
+          placeholder="请选择验收责任人"
+          @click="show_yanShouRen = true"
         />
-        <van-popup v-model="showPicker13" round position="bottom">
-          <van-picker
-            show-toolbar
-            :columns="columns13"
-            @cancel="showPicker13 = false"
-            @confirm="onConfirm13"
+        <van-popup v-model="show_yanShouRen" round position="bottom">
+          <van-cascader
+            v-model="cascaderValue_yanShouRen"
+            title="请选择验收责任人"
+            :options="options"
+            @close="show_yanShouRen = false"
+            @finish="onFinish_yanShouRen"
           />
         </van-popup>
       </div>
@@ -337,6 +338,13 @@ export default {
       // 验收责任人
       staffArr: [],
       staffArr_id: "",
+
+      // 筛选整改人
+      show_yanShouRen: false,
+
+      fieldValue_yanShouRen: "",
+
+      options: [],
     };
   },
   methods: {
@@ -460,6 +468,31 @@ export default {
           this.message8 = data.rectification_opinion;
         });
     },
+
+    // 获取部门、人
+    getSectionStaff() {
+      this.$http
+        .post(
+          "http://meihuajing.nxjiewei.com:8011/api/section/getSectionStaff",
+          {}
+        )
+        .then((res) => {
+          console.log(res.data.data);
+          this.options = res.data.data;
+        });
+    },
+
+    // 选择验收责任人
+    onFinish_yanShouRen({ selectedOptions }) {
+      this.show_yanShouRen = false;
+      this.fieldValue_yanShouRen = selectedOptions
+        .map((option) => option.text)
+        .join("--");
+
+      console.log(selectedOptions[1].value);
+
+      this.staffArr_id = selectedOptions[1].value;
+    },
   },
   mounted() {
     document.body.style.backgroundColor = "#f0f0f0"; //背景色
@@ -469,6 +502,7 @@ export default {
 
     // 获取部门 和 责任人数据
     this.getStaffAndSectionData();
+    this.getSectionStaff();
   },
 };
 </script>