流程完成，新增隐患公示与督办详情

src/router/index.js

@@ -449,6 +449,25 @@ const routes = [
     }
   },
 
+  //我的整改 申请延期
+  {
+    path: "/meihuajing/yinhuanpaicha/yinhuanform_my_sqyq",
+    name: "yinhuanform_my_sqyq",
+    component: () => import("../views/meihuajing/yinhuanpaicha/yinhuanform_my_sqyq.vue"),
+    meta: {
+      title: "风险评级"
+    }
+  },
+  //我的整改 未整改逾期
+  {
+    path: "/meihuajing/yinhuanpaicha/yinhuanform_wzgyq",
+    name: "yinhuanform_wzgyq",
+    component: () => import("../views/meihuajing/yinhuanpaicha/yinhuanform_wzgyq.vue"),
+    meta: {
+      title: "风险评级"
+    }
+  },
+
   //我的验收 未验收
   {
     path: "/meihuajing/yinhuanpaicha/yinhuanform_my_wys",
@@ -515,6 +534,44 @@ const routes = [
       title: "风险评级"
     }
   },
+  // 逾期 未验收
+  {
+    path: "/meihuajing/yinhuanpaicha/yinhuanform_yq_wys",
+    name: "yinhuanform_yq_wys",
+    component: () => import("../views/meihuajing/yinhuanpaicha/yinhuanform_yq_wys.vue"),
+    meta: {
+      title: "风险评级"
+    }
+  },
+  // 申请延期 未验收
+  {
+    path: "/meihuajing/yinhuanpaicha/yinhuanform_sqyq_wys",
+    name: "yinhuanform_sqyq_wys",
+    component: () => import("../views/meihuajing/yinhuanpaicha/yinhuanform_sqyq_wys.vue"),
+    meta: {
+      title: "风险评级"
+    }
+  },
+
+  // 安全管理审核
+  // 逾期 未验收
+  {
+    path: "/meihuajing/yinhuanpaicha/yinhuanform_aqglsh_yq_wys",
+    name: "yinhuanform_aqglsh_yq_wys",
+    component: () => import("../views/meihuajing/yinhuanpaicha/yinhuanform_aqglsh_yq_wys.vue"),
+    meta: {
+      title: "风险评级"
+    }
+  },
+  // 已整改 未通过
+  {
+    path: "/meihuajing/yinhuanpaicha/yinhuanform_aqglsh_yzg_wtg",
+    name: "yinhuanform_aqglsh_yzg_wtg",
+    component: () => import("../views/meihuajing/yinhuanpaicha/yinhuanform_aqglsh_yzg_wtg.vue"),
+    meta: {
+      title: "风险评级"
+    }
+  },
 
 
   //梅花井隐患排查验收完成

src/views/meihuajing/yinhuanpaicha/yinhuanform.vue

@@ -188,7 +188,7 @@
       <div class="buttons" v-if="zhankai1">
         <button @click="sc">筛选</button>
       </div>
-      <div v-if="zhankai2">
+      <div v-if="zhankai2"  v-show="!show">
         <el-table :data="tableData" border style="width: 100%">
           <el-table-column
             align="center"
@@ -308,42 +308,30 @@
         </van-popup>
       </div>
 
-      <!-- <div>
+      <div>
         <van-field
-          readonly
-          clickable
+          v-model="value_dubanren"
+          name="督办责任人"
           label="督办责任人"
-          :value="value8"
-          placeholder="请选择"
-          @click="showPicker8 = true"
+          placeholder="请选择督办责任人"
+          @click="open_overlay()"
         />
-        <van-popup v-model="showPicker8" round position="bottom">
-          <van-picker
-            show-toolbar
-            :columns="columns8"
-            @cancel="showPicker8 = false"
-            @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-overlay :show="show" class="overlay" style="z-index: 999;">
+        <van-tree-select
+          :items="items"
+          :active-id.sync="activeIds"
+          :main-active-index.sync="activeIndex"
+          height="92%"
+          @click-item="right_click"
         />
-      </van-popup>
+
+        <div class="buttons">
+          <button @click="overlay_click()">确认</button>
+        </div>
+      </van-overlay>
 
       <div>
         <van-field
@@ -388,6 +376,12 @@
 export default {
   data() {
     return {
+      show: false,
+      value_dubanren: "",
+      items: [],
+      activeIds: [],
+      activeIndex: 0,
+
       token: "89",
 
       shows: true,
@@ -528,7 +522,7 @@ export default {
       fieldValue_jianChaRen: "",
       cascaderValue_jianChaRen: "",
 
-      jianChaRen_key:"",
+      jianChaRen_key: "",
 
       options: [],
     };
@@ -595,12 +589,12 @@ export default {
       this.value7 = value;
       this.showPicker7 = false;
     },
-    onConfirm8(value, index) {
-      this.staffArr_id = this.staffArr[index].id;
+    // onConfirm8(value, index) {
+    //   this.staffArr_id = this.staffArr[index].id;
 
-      this.value8 = value;
-      this.showPicker8 = false;
-    },
+    //   this.value8 = value;
+    //   this.showPicker8 = false;
+    // },
     onConfirm9(value, index) {
       this.zhengGaiType = index + 1;
 
@@ -647,20 +641,19 @@ export default {
           // 初始化筛选数据
           // 风险点
           this.riskPointArr = res.data.data.riskPointArr;
-          this.riskPointArr.unshift({key:"0",value:"请选择"})
-          console.log(this.riskPointArr)
+          this.riskPointArr.unshift({ key: "0", value: "请选择" });
+          // console.log(this.riskPointArr);
           // 风险类型
           this.riskTypeArr = res.data.data.riskTypeArr;
-          this.riskTypeArr.unshift({key:"0",value:"请选择"})
+          this.riskTypeArr.unshift({ key: "0", value: "请选择" });
 
           // 风险等级
           this.riskLevelArr = res.data.data.riskLevelArr;
-          this.riskLevelArr.unshift({key:"0",value:"请选择"})
+          this.riskLevelArr.unshift({ key: "0", value: "请选择" });
 
           // 事故类型
           this.accidentTypeArr = res.data.data.accidentTypeArr;
-          this.accidentTypeArr.unshift({key:"0",value:"请选择"})
-
+          this.accidentTypeArr.unshift({ key: "0", value: "请选择" });
 
           // 检查专业
           this.inspectionSpecialtyArr = res.data.data.inspectionSpecialtyArr;
@@ -803,7 +796,16 @@ export default {
       }
 
       if (this.zhengGaiType == 1) {
-        this.dates = "";
+        var date = new Date();
+
+        let year = date.getFullYear()
+        let month = parseInt(date.getMonth()+1)
+        let day = date.getDate()
+        if(day < 10){
+          day = '0'+day
+        }
+        console.log(year+"-"+ month +"-"+day)
+        this.dates = year+"-"+ month +"-"+day
       }
 
       this.$http
@@ -840,7 +842,7 @@ export default {
             inspection_location: this.inspection_location,
 
             // 检查人id
-            inspected_person: this.jianChaRen_key
+            inspected_person: this.jianChaRen_key,
           }
         )
         .then((res) => {
@@ -862,20 +864,22 @@ export default {
       this.fieldValue_zhengGaiRen = selectedOptions
         .map((option) => option.text)
         .join("--");
+      console.log(selectedOptions)
 
-      this.zhengGaiRen_id = selectedOptions[1].value;
+      this.zhengGaiRen_id = selectedOptions[1].id;
     },
 
     // 选择督办责任人
 
-    onFinish_duBanRen({ selectedOptions }) {
-      this.show_duBanRen = false;
-      this.fieldValue_duBanRen = selectedOptions
-        .map((option) => option.text)
-        .join("--");
+    // onFinish_duBanRen({ selectedOptions }) {
+    //   this.show_duBanRen = false;
 
-      this.staffArr_id = selectedOptions[1].value;
-    },
+    //   this.fieldValue_duBanRen = selectedOptions
+    //     .map((option) => option.text)
+    //     .join("--");
+
+    //   this.staffArr_id = selectedOptions[1].value;
+    // },
 
     // 选择检查人
 
@@ -885,7 +889,10 @@ export default {
         .map((option) => option.text)
         .join("--");
 
-      this.jianChaRen_key = selectedOptions[1].value;
+      console.log(selectedOptions)
+      this.jianChaRen_key = selectedOptions[1].id;
+
+      console.log(this.jianChaRen_key)
     },
 
     // 获取部门、人
@@ -896,15 +903,68 @@ export default {
           {}
         )
         .then((res) => {
+          // console.log(res.data.data);
           this.options = res.data.data;
+
+          this.items = res.data.data;
+
+
+          this.items.map((item,index)=>{
+            // console.log(item.children.map(v=>{return {id: v.value ,text:v.text}}))
+
+            item.children = item.children.map(v=>{return {id: v.value ,text:v.text}})
+          })
+
         });
     },
+
+    open_overlay() {
+      this.show = true;
+      this.value_dubanren = "";
+    },
+    overlay_click() {
+      this.show = false;
+
+      this.activeIds.map((item, index) => {
+        // console.log(item);
+
+        let activeIds_item = item;
+
+        this.staffArr.map((item, index) => {
+          // console.log(activeIds_item);
+          // console.log(item.id);
+
+          if (activeIds_item == item.id) {
+            // console.log(item.name);
+
+            this.value_dubanren += item.name + " , "
+          }
+
+
+        });
+      });
+
+      console.log(this.activeIds);
+
+      this.staffArr_id = " "
+      this.activeIds.map((item,index)=>{
+        this.staffArr_id += item + ","
+      })
+      this.staffArr_id = this.staffArr_id.substring(0, this.staffArr_id.lastIndexOf(','));
+
+      console.log(this.staffArr_id)
+      
+    },
+    right_click(e) {
+      
+    },
   },
   mounted() {
     document.body.style.backgroundColor = "#f0f0f0"; //背景色
 
     this.getStaffAndSectionData(), this.getRiskAndTroubleshootConfigData();
     this.getSectionStaff();
+
   },
 };
 </script>
@@ -978,4 +1038,9 @@ export default {
   color: #fff;
   background: #39f;
 }
+
+.overlay {
+  box-sizing: border-box;
+  padding: 25px;
+}
 </style>

src/views/meihuajing/yinhuanpaicha/yinhuanform_aqglsh_yq_wys.vue

@@ -0,0 +1,597 @@
+<template>
+  <div>
+    <!-- <div v-if="shows">
+      <van-nav-bar title="风险评级" left-arrow @click-left="onClickLeft" />
+    </div> -->
+    <div class="headers">
+      <div>
+        <van-field
+          v-model="value12"
+          name="检查人"
+          label="检查人"
+          placeholder="检查人"
+          readonly="false"
+        />
+      </div>
+      <div>
+        <van-field
+          v-model="value10"
+          name="检查人部门"
+          label="检查人部门"
+          placeholder="检查人部门"
+          readonly="false"
+        />
+      </div>
+
+      <div>
+        <van-field
+          v-model="value1"
+          name="检查专业"
+          label="检查专业"
+          placeholder="检查专业"
+          :rules="[{ required: true, message: '请选择' }]"
+          readonly="false"
+        />
+      </div>
+
+      <div>
+        <van-field
+          v-model="value2"
+          name="隐患等级"
+          label="隐患等级"
+          placeholder="隐患等级"
+          :rules="[{ required: true, message: '请选择' }]"
+          readonly="false"
+        />
+      </div>
+
+      <div>
+        <van-cell-group>
+          <van-field
+            v-model="message1"
+            rows="1"
+            autosize
+            label="存在问题或隐患"
+            type="textarea"
+            placeholder="请输入信息"
+            readonly="false"
+          />
+          <van-field
+            v-model="message2"
+            rows="1"
+            autosize
+            label="整改措施"
+            type="textarea"
+            placeholder="请输入信息"
+            readonly="false"
+          />
+        </van-cell-group>
+      </div>
+    </div>
+    <div class="contents">
+      <div>
+        <van-field
+          v-model="value3"
+          name="风险点"
+          label="风险点"
+          placeholder="风险点"
+          :rules="[{ required: true, message: '请选择' }]"
+          readonly="false"
+        />
+      </div>
+
+      <div>
+        <van-field
+          v-model="value4"
+          name="风险类型"
+          label="风险类型"
+          placeholder="风险类型"
+          :rules="[{ required: true, message: '请选择' }]"
+          readonly="false"
+        />
+      </div>
+
+      <div>
+        <van-field
+          v-model="value5"
+          name="风险等级"
+          label="风险等级"
+          placeholder="风险等级"
+          :rules="[{ required: true, message: '请选择' }]"
+          readonly="false"
+        />
+      </div>
+
+      <div>
+        <van-field
+          v-model="value6"
+          name="事故类型"
+          label="事故类型"
+          placeholder="事故类型"
+          :rules="[{ required: true, message: '请选择' }]"
+          readonly="false"
+        />
+      </div>
+
+      <div>
+        <van-cell-group>
+          <van-field
+            v-model="message3"
+            rows="1"
+            autosize
+            label="风险描述"
+            type="textarea"
+            placeholder="请输入信息"
+            readonly="false"
+          />
+          <van-field
+            v-model="message4"
+            rows="1"
+            autosize
+            label="后果及影响"
+            type="textarea"
+            placeholder="请输入信息"
+            readonly="false"
+          />
+          <van-field
+            v-model="message5"
+            rows="1"
+            autosize
+            label="管控措施"
+            type="textarea"
+            placeholder="请输入信息"
+            readonly="false"
+          />
+        </van-cell-group>
+      </div>
+      <!-- <div>
+        <el-table
+          ref="multipleTable"
+          :data="tableData"
+          tooltip-effect="dark"
+          style="width: 100%"
+          @selection-change="handleSelectionChange"
+        >
+          <el-table-column type="selection" width="45"> </el-table-column>
+          <el-table-column label="日期" width="90">
+            <template slot-scope="scope">{{ scope.row.date }}</template>
+          </el-table-column>
+          <el-table-column prop="name" label="姓名" width="120">
+          </el-table-column>
+          <el-table-column prop="address" label="地址" show-overflow-tooltip>
+          </el-table-column>
+        </el-table>
+      </div> -->
+    </div>
+    <div class="contents1">
+      <div>
+        <van-cell-group>
+          <van-field
+            v-model="message6"
+            rows="1"
+            autosize
+            label="整改责任单位"
+            type="textarea"
+            placeholder="请输入信息"
+            readonly="false"
+          />
+          <van-field
+            v-model="message7"
+            rows="1"
+            autosize
+            label="整改责任人"
+            type="textarea"
+            placeholder="请输入信息"
+            readonly="false"
+          />
+        </van-cell-group>
+      </div>
+
+      <div>
+        <van-field
+          v-model="value7"
+          name="督办部门"
+          label="督办部门"
+          placeholder="督办部门"
+          :rules="[{ required: true, message: '请选择' }]"
+          readonly="false"
+        />
+      </div>
+
+      <div>
+        <van-field
+          v-model="value8"
+          name="督办责任人"
+          label="督办责任人"
+          placeholder="督办责任人"
+          :rules="[{ required: true, message: '请选择' }]"
+          readonly="false"
+        />
+      </div>
+
+      <div>
+        <van-field
+          v-model="value11"
+          name="整改类型"
+          label="整改类型"
+          placeholder="整改类型"
+          readonly="false"
+        />
+      </div>
+
+      <div>
+        <van-field
+          v-model="value9"
+          name="整改期限"
+          label="整改期限"
+          placeholder="整改期限"
+          readonly="false"
+        />
+      </div>
+    </div>
+    <div class="contents2">
+      <div>
+        <van-cell-group>
+          <van-field
+            v-model="message8"
+            rows="1"
+            autosize
+            label="整改状态"
+            type="textarea"
+            placeholder="请输入信息"
+            readonly="false"
+          />
+        </van-cell-group>
+      </div>
+    </div>
+
+    <div class="contents3">
+      <van-field
+        v-model="value_dubanren"
+        name="选择督办人"
+        label="选择督办人"
+        placeholder="请重新选择督办人"
+        @click="open_overlay()"
+      />
+    </div>
+
+    <!-- 遮罩层 -->
+    <van-overlay :show="show" class="overlay" style="z-index: 999">
+      <van-tree-select
+        :items="items"
+        :active-id.sync="activeIds"
+        :main-active-index.sync="activeIndex"
+        height="92%"
+        @click-item="right_click"
+      />
+
+      <div class="buttons">
+        <button @click="overlay_click()">确认</button>
+      </div>
+    </van-overlay>
+
+    <div class="buttons">
+      <button @click="tijiao()">提及督办</button>
+    </div>
+  </div>
+</template>
+
+<script>
+import { getAllUrlParams } from "../../../plugins/url-encapsulation.js";
+
+export default {
+  data() {
+    return {
+      shows: true,
+      value1: "", //检查专业
+      value2: "", //隐患等级
+      message1: "", //存在问题或隐患
+      message2: "", //整改措施
+      value3: "", //风险点
+      value4: "", //风险类型
+      value5: "", //风险等级
+      value6: "", //事故类型
+      message3: "", //风险描述
+      message4: "", //后果及影响
+      message5: "", //管控措施
+      message6: "", //整改责任单位
+      message7: "", //整改责任人
+      value7: "", //督办部门
+      value8: "", //督办责任人
+      value9: "", //整改期限
+      message8: "", //整改意见
+      message9: "", //验收意见
+      message10: "", //验收日期
+      message11: "", //验收部门
+      message12: "", //验收责任人
+      message13: "", //验收结果
+      fileList: [],
+      infos: [],
+
+      // 检查人部门
+      value10: "",
+      // 整改类型
+      value11: "",
+      // 检查人
+      value12: "",
+
+      // 详情id
+      id: "",
+      // 详情数据
+      detail: {},
+
+      // 提及督办
+      show: false,
+      value_dubanren: "",
+      items: [],
+      activeIds: [],
+      activeIndex: 0,
+
+      staffArr: [],
+
+      // 新督办人
+      staffArr_id: "",
+    };
+  },
+  methods: {
+    //返回按钮
+    onClickLeft() {
+      window.history.back();
+      // console.log("sss");
+    },
+
+    // 获取详情
+    getTroubleshootDetail(id) {
+      this.$toast.loading();
+
+      this.$http
+        .post(
+          "http://meihuajing.nxjiewei.com:8011/api/troubleshoot/getTroubleshootDetail",
+          {
+            id: id,
+          }
+        )
+        .then((res) => {
+          this.$toast.clear();
+
+          console.log(res.data.data);
+
+          this.detail = res.data.data;
+
+          const data = res.data.data;
+
+          this.value10 = data.inspected_unit;
+          this.value1 = data.inspection_specialty;
+          this.value2 = data.hidden_danger_level;
+          this.message1 = data.hidden_danger;
+          this.message2 = data.rectification_measures;
+          this.value3 = data.risk_rating.risk_point;
+          this.value4 = data.risk_rating.risk_type;
+          this.value5 = data.risk_rating.risk_level;
+          this.value6 = data.risk_rating.accident_type;
+          this.message3 = data.risk_rating.risk_description;
+          this.message4 = data.risk_rating.consequences_and_impact;
+          this.message5 = data.risk_rating.control_measures;
+          this.message6 = data.rectification_duty_unit;
+          this.message7 = data.rectification_duty_person;
+          this.value7 = data.supervision_department;
+          this.value8 = data.supervision_duty_person;
+          this.value11 = data.rectification_type;
+          this.value9 = data.rectification_term;
+          this.value12 = data.inspected_person;
+
+          this.message8 = "逾期未整改";
+
+          this.message9 = data.check_accept_opinion;
+          this.message10 = data.check_accept_date;
+
+          this.message11 = data.check_accept_department;
+          this.message12 = data.check_accept_duty_person;
+
+          this.message13 = "未通过";
+        });
+    },
+
+    // 选择督办
+    // 获取部门、人
+    getSectionStaff() {
+      this.$http
+        .post(
+          "http://meihuajing.nxjiewei.com:8011/api/section/getSectionStaff",
+          {}
+        )
+        .then((res) => {
+          // console.log(res.data.data);
+          this.options = res.data.data;
+
+          this.items = res.data.data;
+
+          this.items.map((item, index) => {
+            // console.log(item.children.map(v=>{return {id: v.value ,text:v.text}}))
+
+            item.children = item.children.map((v) => {
+              return { id: v.value, text: v.text };
+            });
+          });
+        });
+    },
+
+    open_overlay() {
+      this.show = true;
+      this.value_dubanren = "";
+    },
+    overlay_click() {
+      this.show = false;
+
+      this.activeIds.map((item, index) => {
+        // console.log(item);
+
+        let activeIds_item = item;
+
+        this.staffArr.map((item, index) => {
+          // console.log(activeIds_item);
+          // console.log(item.id);
+
+          if (activeIds_item == item.id) {
+            // console.log(item.name);
+
+            this.value_dubanren += item.name + " , ";
+          }
+        });
+      });
+
+      console.log(this.activeIds);
+
+      this.staffArr_id = " ";
+      this.activeIds.map((item, index) => {
+        this.staffArr_id += item + ",";
+      });
+      this.staffArr_id = this.staffArr_id.substring(
+        0,
+        this.staffArr_id.lastIndexOf(",")
+      );
+
+      console.log(this.staffArr_id);
+    },
+    right_click(e) {},
+
+    // 获取部门 和 责任人数据
+    getStaffAndSectionData() {
+      this.$http
+        .post(
+          "http://meihuajing.nxjiewei.com:8011/api/troubleshoot/getStaffAndSectionData",
+          {}
+        )
+        .then((res) => {
+          this.staffArr = res.data.data.staffArr;
+        });
+    },
+
+    tijiao() {
+      console.log(this.staffArr_id);
+
+      if (this.staffArr_id == "") {
+        this.$toast("请重新选择督办人");
+        return;
+      }
+
+      this.$toast.loading();
+
+      this.$http
+        .post(
+          "http://meihuajing.nxjiewei.com:8011/api/troubleshoot/updateTroubleshoot",
+          {
+            id: this.id,
+            type: 6,
+
+            // 督办责任人
+            supervision_duty_person: this.staffArr_id,
+          }
+        )
+        .then((res) => {
+          this.$toast.clear();
+
+          console.log(res.data);
+
+          window.history.back();
+        });
+    },
+  },
+  mounted() {
+    document.body.style.backgroundColor = "#f0f0f0"; //背景色
+
+    this.id = getAllUrlParams(window.location.href).id;
+    this.getTroubleshootDetail(this.id);
+
+    this.getSectionStaff();
+    this.getStaffAndSectionData();
+  },
+};
+</script>
+
+<style scoped>
+>>> .van-nav-bar {
+  background: #39f;
+}
+>>> .van-nav-bar__title {
+  color: #fff;
+}
+>>> .van-nav-bar .van-icon {
+  color: #fff;
+}
+>>> .van-nav-bar__text {
+  color: #fff;
+}
+[class*="van-hairline"]:after {
+  border: none;
+}
+.headers {
+  width: 100%;
+  background: #fff;
+}
+.contents,
+.contents1,
+.contents2,
+.contents3 {
+  width: 100%;
+  background: #fff;
+  margin-top: 10px;
+}
+.buttons {
+  width: 100%;
+  text-align: center;
+}
+.buttons > .buttons_one {
+  border: none;
+  background: #4dc100;
+  font-size: 14px;
+  width: 100px;
+  height: 40px;
+  line-height: 40px;
+  color: #fff;
+  border-radius: 20px;
+  margin: 15px 20px;
+}
+.buttons > .buttons_two {
+  border: none;
+  background: #c00201;
+  font-size: 14px;
+  width: 100px;
+  height: 40px;
+  line-height: 40px;
+  color: #fff;
+  border-radius: 20px;
+  margin: 15px 20px;
+}
+.contents2_img {
+  display: flex;
+}
+.contents2_img > p {
+  font-size: 14px;
+  margin-left: 16px;
+  color: #646566;
+}
+.contents2_img > div {
+  margin-left: 40px;
+}
+
+.buttons {
+  width: 110px;
+  height: 40px;
+  background: #39f;
+  margin: 10px auto;
+  text-align: center;
+  line-height: 40px;
+  border-radius: 20px;
+}
+.buttons > button {
+  border: none;
+  color: #fff;
+  background: #39f;
+}
+
+.overlay {
+  box-sizing: border-box;
+  padding: 25px;
+}
+</style>

src/views/meihuajing/yinhuanpaicha/yinhuanform_aqglsh_yzg_wtg.vue

@@ -0,0 +1,648 @@
+<template>
+  <div>
+    <!-- <div v-if="shows">
+      <van-nav-bar title="风险评级" left-arrow @click-left="onClickLeft" />
+    </div> -->
+    <div class="headers">
+      <div>
+        <van-field
+          v-model="value12"
+          name="检查人"
+          label="检查人"
+          placeholder="检查人"
+          readonly="false"
+        />
+      </div>
+      <div>
+        <van-field
+          v-model="value10"
+          name="检查人部门"
+          label="检查人部门"
+          placeholder="检查人部门"
+          readonly="false"
+        />
+      </div>
+
+      <div>
+        <van-field
+          v-model="value1"
+          name="检查专业"
+          label="检查专业"
+          placeholder="检查专业"
+          :rules="[{ required: true, message: '请选择' }]"
+          readonly="false"
+        />
+      </div>
+
+      <div>
+        <van-field
+          v-model="value2"
+          name="隐患等级"
+          label="隐患等级"
+          placeholder="隐患等级"
+          :rules="[{ required: true, message: '请选择' }]"
+          readonly="false"
+        />
+      </div>
+
+      <div>
+        <van-cell-group>
+          <van-field
+            v-model="message1"
+            rows="1"
+            autosize
+            label="存在问题或隐患"
+            type="textarea"
+            placeholder="请输入信息"
+            readonly="false"
+          />
+          <van-field
+            v-model="message2"
+            rows="1"
+            autosize
+            label="整改措施"
+            type="textarea"
+            placeholder="请输入信息"
+            readonly="false"
+          />
+        </van-cell-group>
+      </div>
+    </div>
+    <div class="contents">
+      <div>
+        <van-field
+          v-model="value3"
+          name="风险点"
+          label="风险点"
+          placeholder="风险点"
+          :rules="[{ required: true, message: '请选择' }]"
+          readonly="false"
+        />
+      </div>
+
+      <div>
+        <van-field
+          v-model="value4"
+          name="风险类型"
+          label="风险类型"
+          placeholder="风险类型"
+          :rules="[{ required: true, message: '请选择' }]"
+          readonly="false"
+        />
+      </div>
+
+      <div>
+        <van-field
+          v-model="value5"
+          name="风险等级"
+          label="风险等级"
+          placeholder="风险等级"
+          :rules="[{ required: true, message: '请选择' }]"
+          readonly="false"
+        />
+      </div>
+
+      <div>
+        <van-field
+          v-model="value6"
+          name="事故类型"
+          label="事故类型"
+          placeholder="事故类型"
+          :rules="[{ required: true, message: '请选择' }]"
+          readonly="false"
+        />
+      </div>
+
+      <div>
+        <van-cell-group>
+          <van-field
+            v-model="message3"
+            rows="1"
+            autosize
+            label="风险描述"
+            type="textarea"
+            placeholder="请输入信息"
+            readonly="false"
+          />
+          <van-field
+            v-model="message4"
+            rows="1"
+            autosize
+            label="后果及影响"
+            type="textarea"
+            placeholder="请输入信息"
+            readonly="false"
+          />
+          <van-field
+            v-model="message5"
+            rows="1"
+            autosize
+            label="管控措施"
+            type="textarea"
+            placeholder="请输入信息"
+            readonly="false"
+          />
+        </van-cell-group>
+      </div>
+      <!-- <div>
+        <el-table
+          ref="multipleTable"
+          :data="tableData"
+          tooltip-effect="dark"
+          style="width: 100%"
+          @selection-change="handleSelectionChange"
+        >
+          <el-table-column type="selection" width="45"> </el-table-column>
+          <el-table-column label="日期" width="90">
+            <template slot-scope="scope">{{ scope.row.date }}</template>
+          </el-table-column>
+          <el-table-column prop="name" label="姓名" width="120">
+          </el-table-column>
+          <el-table-column prop="address" label="地址" show-overflow-tooltip>
+          </el-table-column>
+        </el-table>
+      </div> -->
+    </div>
+    <div class="contents1">
+      <div>
+        <van-cell-group>
+          <van-field
+            v-model="message6"
+            rows="1"
+            autosize
+            label="整改责任单位"
+            type="textarea"
+            placeholder="请输入信息"
+            readonly="false"
+          />
+          <van-field
+            v-model="message7"
+            rows="1"
+            autosize
+            label="整改责任人"
+            type="textarea"
+            placeholder="请输入信息"
+            readonly="false"
+          />
+        </van-cell-group>
+      </div>
+
+      <div>
+        <van-field
+          v-model="value7"
+          name="督办部门"
+          label="督办部门"
+          placeholder="督办部门"
+          :rules="[{ required: true, message: '请选择' }]"
+          readonly="false"
+        />
+      </div>
+
+      <div>
+        <van-field
+          v-model="value8"
+          name="督办责任人"
+          label="督办责任人"
+          placeholder="督办责任人"
+          :rules="[{ required: true, message: '请选择' }]"
+          readonly="false"
+        />
+      </div>
+
+      <div>
+        <van-field
+          v-model="value11"
+          name="整改类型"
+          label="整改类型"
+          placeholder="整改类型"
+          readonly="false"
+        />
+      </div>
+
+      <div>
+        <van-field
+          v-model="value9"
+          name="整改期限"
+          label="整改期限"
+          placeholder="整改期限"
+          readonly="false"
+        />
+      </div>
+    </div>
+    <div class="contents2">
+      <div>
+        <van-cell-group>
+          <van-field
+            v-model="message8"
+            rows="1"
+            autosize
+            label="整改意见"
+            type="textarea"
+            placeholder="请输入信息"
+            readonly="false"
+          />
+        </van-cell-group>
+      </div>
+    </div>
+    <div class="contents3">
+      <div>
+        <van-cell-group>
+          <van-field
+            v-model="message11"
+            rows="1"
+            autosize
+            label="验收部门"
+            type="textarea"
+            placeholder="请输入信息"
+            readonly="false"
+          />
+          <van-field
+            v-model="message12"
+            rows="1"
+            autosize
+            label="验收责任人"
+            type="textarea"
+            placeholder="请输入信息"
+            readonly="false"
+          />
+          <van-field
+            v-model="message10"
+            rows="1"
+            autosize
+            label="验收时间"
+            type="textarea"
+            placeholder="请输入信息"
+            readonly="false"
+          />
+          <van-field
+            v-model="message9"
+            rows="1"
+            autosize
+            label="验收意见"
+            type="textarea"
+            placeholder="请输入信息"
+            readonly="false"
+          />
+          <van-field
+            v-model="message13"
+            rows="1"
+            autosize
+            label="验收结果"
+            type="textarea"
+            placeholder="请输入信息"
+            readonly="false"
+          />
+        </van-cell-group>
+      </div>
+    </div>
+
+    <div class="contents3">
+      <van-field
+        v-model="value_dubanren"
+        name="选择督办人"
+        label="选择督办人"
+        placeholder="请重新选择督办人"
+        @click="open_overlay()"
+      />
+    </div>
+
+    <!-- 遮罩层 -->
+    <van-overlay :show="show" class="overlay" style="z-index: 999">
+      <van-tree-select
+        :items="items"
+        :active-id.sync="activeIds"
+        :main-active-index.sync="activeIndex"
+        height="92%"
+        @click-item="right_click"
+      />
+
+      <div class="buttons">
+        <button @click="overlay_click()">确认</button>
+      </div>
+    </van-overlay>
+
+    <div class="buttons">
+      <button @click="tijiao()">提及督办</button>
+    </div>
+  </div>
+</template>
+
+<script>
+import { getAllUrlParams } from "../../../plugins/url-encapsulation.js";
+
+export default {
+  data() {
+    return {
+      shows: true,
+      value1: "", //检查专业
+      value2: "", //隐患等级
+      message1: "", //存在问题或隐患
+      message2: "", //整改措施
+      value3: "", //风险点
+      value4: "", //风险类型
+      value5: "", //风险等级
+      value6: "", //事故类型
+      message3: "", //风险描述
+      message4: "", //后果及影响
+      message5: "", //管控措施
+      message6: "", //整改责任单位
+      message7: "", //整改责任人
+      value7: "", //督办部门
+      value8: "", //督办责任人
+      value9: "", //整改期限
+      message8: "", //整改意见
+      message9: "", //验收意见
+      message10: "", //验收日期
+      message11: "", //验收部门
+      message12: "", //验收责任人
+      message13: "", //验收结果
+      fileList: [],
+      infos: [],
+
+      // 检查人部门
+      value10: "",
+      // 整改类型
+      value11: "",
+      // 检查人
+      value12: "",
+
+      // 详情id
+      id: "",
+      // 详情数据
+      detail: {},
+
+      // 提及督办
+      show: false,
+      value_dubanren: "",
+      items: [],
+      activeIds: [],
+      activeIndex: 0,
+
+      staffArr: [],
+
+      // 新督办人
+      staffArr_id: "",
+    };
+  },
+  methods: {
+    //返回按钮
+    onClickLeft() {
+      window.history.back();
+      // console.log("sss");
+    },
+
+    // 获取详情
+    getTroubleshootDetail(id) {
+      this.$toast.loading();
+
+      this.$http
+        .post(
+          "http://meihuajing.nxjiewei.com:8011/api/troubleshoot/getTroubleshootDetail",
+          {
+            id: id,
+          }
+        )
+        .then((res) => {
+          this.$toast.clear();
+
+          console.log(res.data.data);
+
+          this.detail = res.data.data;
+
+          const data = res.data.data;
+
+          this.value10 = data.inspected_unit;
+          this.value1 = data.inspection_specialty;
+          this.value2 = data.hidden_danger_level;
+          this.message1 = data.hidden_danger;
+          this.message2 = data.rectification_measures;
+          this.value3 = data.risk_rating.risk_point;
+          this.value4 = data.risk_rating.risk_type;
+          this.value5 = data.risk_rating.risk_level;
+          this.value6 = data.risk_rating.accident_type;
+          this.message3 = data.risk_rating.risk_description;
+          this.message4 = data.risk_rating.consequences_and_impact;
+          this.message5 = data.risk_rating.control_measures;
+          this.message6 = data.rectification_duty_unit;
+          this.message7 = data.rectification_duty_person;
+          this.value7 = data.supervision_department;
+          this.value8 = data.supervision_duty_person;
+          this.value11 = data.rectification_type;
+          this.value9 = data.rectification_term;
+          this.value12 = data.inspected_person;
+
+          this.message8 = data.rectification_opinion;
+
+          this.message9 = data.check_accept_opinion;
+          this.message10 = data.check_accept_date;
+
+          this.message11 = data.check_accept_department;
+          this.message12 = data.check_accept_duty_person;
+
+          this.message13 = "未通过";
+        });
+    },
+
+    // 选择督办
+    // 获取部门、人
+    getSectionStaff() {
+      this.$http
+        .post(
+          "http://meihuajing.nxjiewei.com:8011/api/section/getSectionStaff",
+          {}
+        )
+        .then((res) => {
+          // console.log(res.data.data);
+          this.options = res.data.data;
+
+          this.items = res.data.data;
+
+          this.items.map((item, index) => {
+            // console.log(item.children.map(v=>{return {id: v.value ,text:v.text}}))
+
+            item.children = item.children.map((v) => {
+              return { id: v.value, text: v.text };
+            });
+          });
+        });
+    },
+
+    open_overlay() {
+      this.show = true;
+      this.value_dubanren = "";
+    },
+    overlay_click() {
+      this.show = false;
+
+      this.activeIds.map((item, index) => {
+        // console.log(item);
+
+        let activeIds_item = item;
+
+        this.staffArr.map((item, index) => {
+          // console.log(activeIds_item);
+          // console.log(item.id);
+
+          if (activeIds_item == item.id) {
+            // console.log(item.name);
+
+            this.value_dubanren += item.name + " , ";
+          }
+        });
+      });
+
+      console.log(this.activeIds);
+
+      this.staffArr_id = " ";
+      this.activeIds.map((item, index) => {
+        this.staffArr_id += item + ",";
+      });
+      this.staffArr_id = this.staffArr_id.substring(
+        0,
+        this.staffArr_id.lastIndexOf(",")
+      );
+
+      console.log(this.staffArr_id);
+    },
+    right_click(e) {},
+
+    // 获取部门 和 责任人数据
+    getStaffAndSectionData() {
+      this.$http
+        .post(
+          "http://meihuajing.nxjiewei.com:8011/api/troubleshoot/getStaffAndSectionData",
+          {}
+        )
+        .then((res) => {
+          this.staffArr = res.data.data.staffArr;
+        });
+    },
+
+    tijiao() {
+      console.log(this.staffArr_id);
+
+      if (this.staffArr_id == "") {
+        this.$toast("请重新选择督办人");
+        return;
+      }
+
+      this.$toast.loading();
+
+      this.$http
+        .post(
+          "http://meihuajing.nxjiewei.com:8011/api/troubleshoot/updateTroubleshoot",
+          {
+            id: this.id,
+            type: 7,
+
+            // 督办责任人
+            supervision_duty_person: this.staffArr_id,
+          }
+        )
+        .then((res) => {
+          this.$toast.clear();
+
+          console.log(res.data);
+
+          window.history.back();
+        });
+    },
+  },
+  mounted() {
+    document.body.style.backgroundColor = "#f0f0f0"; //背景色
+
+    this.id = getAllUrlParams(window.location.href).id;
+    this.getTroubleshootDetail(this.id);
+
+    this.getSectionStaff();
+    this.getStaffAndSectionData();
+  },
+};
+</script>
+
+<style scoped>
+>>> .van-nav-bar {
+  background: #39f;
+}
+>>> .van-nav-bar__title {
+  color: #fff;
+}
+>>> .van-nav-bar .van-icon {
+  color: #fff;
+}
+>>> .van-nav-bar__text {
+  color: #fff;
+}
+[class*="van-hairline"]:after {
+  border: none;
+}
+.headers {
+  width: 100%;
+  background: #fff;
+}
+.contents,
+.contents1,
+.contents2,
+.contents3 {
+  width: 100%;
+  background: #fff;
+  margin-top: 10px;
+}
+.buttons {
+  width: 100%;
+  text-align: center;
+}
+.buttons > .buttons_one {
+  border: none;
+  background: #4dc100;
+  font-size: 14px;
+  width: 100px;
+  height: 40px;
+  line-height: 40px;
+  color: #fff;
+  border-radius: 20px;
+  margin: 15px 20px;
+}
+.buttons > .buttons_two {
+  border: none;
+  background: #c00201;
+  font-size: 14px;
+  width: 100px;
+  height: 40px;
+  line-height: 40px;
+  color: #fff;
+  border-radius: 20px;
+  margin: 15px 20px;
+}
+.contents2_img {
+  display: flex;
+}
+.contents2_img > p {
+  font-size: 14px;
+  margin-left: 16px;
+  color: #646566;
+}
+.contents2_img > div {
+  margin-left: 40px;
+}
+
+.buttons {
+  width: 110px;
+  height: 40px;
+  background: #39f;
+  margin: 10px auto;
+  text-align: center;
+  line-height: 40px;
+  border-radius: 20px;
+}
+.buttons > button {
+  border: none;
+  color: #fff;
+  background: #39f;
+}
+
+.overlay {
+  box-sizing: border-box;
+  padding: 25px;
+}
+</style>

src/views/meihuajing/yinhuanpaicha/yinhuanform_my_sqyq.vue

@@ -0,0 +1,428 @@
+<template>
+  <div>
+    <!-- <div v-if="shows">
+      <van-nav-bar title="风险评级" left-arrow @click-left="onClickLeft" />
+    </div> -->
+    <div class="headers">
+       <div>
+        <van-field
+          v-model="value12"
+          name="检查人"
+          label="检查人"
+          placeholder="检查人"
+          readonly="false"
+        />
+      </div>
+
+      <div>
+        <van-field
+          v-model="value10"
+          name="检查人部门"
+          label="检查人部门"
+          placeholder="检查人部门"
+          readonly="false"
+        />
+      </div>
+
+      <div>
+        <van-field
+          v-model="value1"
+          name="检查专业"
+          label="检查专业"
+          placeholder="检查专业"
+          :rules="[{ required: true, message: '请选择' }]"
+          readonly="false"
+        />
+      </div>
+
+      <div>
+        <van-field
+          v-model="value2"
+          name="隐患等级"
+          label="隐患等级"
+          placeholder="隐患等级"
+          :rules="[{ required: true, message: '请选择' }]"
+          readonly="false"
+        />
+      </div>
+
+      <div>
+        <van-cell-group>
+          <van-field
+            v-model="message1"
+            rows="1"
+            autosize
+            label="存在问题或隐患"
+            type="textarea"
+            placeholder="请输入信息"
+            readonly="false"
+          />
+          <van-field
+            v-model="message2"
+            rows="1"
+            autosize
+            label="整改措施"
+            type="textarea"
+            placeholder="请输入信息"
+            readonly="false"
+          />
+        </van-cell-group>
+      </div>
+    </div>
+    <div class="contents">
+      <div>
+        <van-field
+          v-model="value3"
+          name="风险点"
+          label="风险点"
+          placeholder="风险点"
+          :rules="[{ required: true, message: '请选择' }]"
+          readonly="false"
+        />
+      </div>
+
+      <div>
+        <van-field
+          v-model="value4"
+          name="风险类型"
+          label="风险类型"
+          placeholder="风险类型"
+          :rules="[{ required: true, message: '请选择' }]"
+          readonly="false"
+        />
+      </div>
+
+      <div>
+        <van-field
+          v-model="value5"
+          name="风险等级"
+          label="风险等级"
+          placeholder="风险等级"
+          :rules="[{ required: true, message: '请选择' }]"
+          readonly="false"
+        />
+      </div>
+
+      <div>
+        <van-field
+          v-model="value6"
+          name="事故类型"
+          label="事故类型"
+          placeholder="事故类型"
+          :rules="[{ required: true, message: '请选择' }]"
+          readonly="false"
+        />
+      </div>
+
+      <div>
+        <van-cell-group>
+          <van-field
+            v-model="message3"
+            rows="1"
+            autosize
+            label="风险描述"
+            type="textarea"
+            placeholder="请输入信息"
+            readonly="false"
+          />
+          <van-field
+            v-model="message4"
+            rows="1"
+            autosize
+            label="后果及影响"
+            type="textarea"
+            placeholder="请输入信息"
+            readonly="false"
+          />
+          <van-field
+            v-model="message5"
+            rows="1"
+            autosize
+            label="管控措施"
+            type="textarea"
+            placeholder="请输入信息"
+            readonly="false"
+          />
+        </van-cell-group>
+      </div>
+      <!-- <div>
+        <el-table
+          ref="multipleTable"
+          :data="tableData"
+          tooltip-effect="dark"
+          style="width: 100%"
+          @selection-change="handleSelectionChange"
+        >
+          <el-table-column type="selection" width="45"> </el-table-column>
+          <el-table-column label="日期" width="90">
+            <template slot-scope="scope">{{ scope.row.date }}</template>
+          </el-table-column>
+          <el-table-column prop="name" label="姓名" width="120">
+          </el-table-column>
+          <el-table-column prop="address" label="地址" show-overflow-tooltip>
+          </el-table-column>
+        </el-table>
+      </div> -->
+    </div>
+    <div class="contents1">
+      <div>
+        <van-cell-group>
+          <van-field
+            v-model="message6"
+            rows="1"
+            autosize
+            label="整改责任单位"
+            type="textarea"
+            placeholder="请输入信息"
+            readonly="false"
+          />
+          <van-field
+            v-model="message7"
+            rows="1"
+            autosize
+            label="整改责任人"
+            type="textarea"
+            placeholder="请输入信息"
+            readonly="false"
+          />
+        </van-cell-group>
+      </div>
+
+      <div>
+        <van-field
+          v-model="value7"
+          name="督办部门"
+          label="督办部门"
+          placeholder="督办部门"
+          :rules="[{ required: true, message: '请选择' }]"
+          readonly="false"
+        />
+      </div>
+
+      <div>
+        <van-field
+          v-model="value8"
+          name="督办责任人"
+          label="督办责任人"
+          placeholder="督办责任人"
+          :rules="[{ required: true, message: '请选择' }]"
+          readonly="false"
+        />
+      </div>
+
+      <div>
+        <van-field
+          v-model="value11"
+          name="整改类型"
+          label="整改类型"
+          placeholder="整改类型"
+          readonly="false"
+        />
+      </div>
+
+      <div>
+        <van-field
+          v-model="value9"
+          name="整改期限"
+          label="整改期限"
+          placeholder="整改期限"
+          readonly="false"
+        />
+      </div>
+    </div>
+    <div class="contents2">
+      <div>
+        <van-cell-group>
+          <van-field
+            v-model="message9"
+            rows="1"
+            autosize
+            label="延期原因"
+            type="textarea"
+            placeholder=""
+            readonly="false"
+          />
+        </van-cell-group>
+      </div>
+      <div>
+        <van-cell-group>
+          <van-field
+            v-model="message10"
+            rows="1"
+            autosize
+            label="延期时间"
+            type="textarea"
+            placeholder=""
+            readonly="false"
+          />
+        </van-cell-group>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import { getAllUrlParams } from "../../../plugins/url-encapsulation.js";
+
+export default {
+  data() {
+    return {
+      shows: true,
+      value1: "", //检查专业
+      value2: "", //隐患等级
+      message1: "", //存在问题或隐患
+      message2: "", //整改措施
+      value3: "", //风险点
+      value4: "", //风险类型
+      value5: "", //风险等级
+      value6: "", //事故类型
+      message3: "", //风险描述
+      message4: "", //后果及影响
+      message5: "", //管控措施
+      message6: "", //整改责任单位
+      message7: "", //整改责任人
+      value7: "", //督办部门
+      value8: "", //督办责任人
+      value9: "", //整改期限
+      message8: "", //整改意见
+      fileList: [],
+      infos: [],
+
+      // 检查人部门
+      value10: "",
+      // 整改类型
+      value11: "",
+      // 检查人
+      value12: "",
+
+      // 详情id
+      id: "",
+      // 详情数据
+      detail: {},
+    };
+  },
+  methods: {
+    //返回按钮
+    onClickLeft() {
+      window.history.back();
+      // console.log("sss");
+    },
+
+    afterRead(file) {
+      console.log(file);
+    },
+
+    // 获取详情
+    getTroubleshootDetail(id) {
+      this.$toast.loading();
+
+      this.$http
+        .post(
+          "http://meihuajing.nxjiewei.com:8011/api/troubleshoot/getTroubleshootDetail",
+          {
+            id: id,
+          }
+        )
+        .then((res) => {
+          this.$toast.clear();
+
+          console.log(res.data.data);
+
+          this.detail = res.data.data;
+
+          const data = res.data.data;
+
+          this.value10 = data.inspected_unit;
+          this.value1 = data.inspection_specialty;
+          this.value2 = data.hidden_danger_level;
+          this.message1 = data.hidden_danger;
+          this.message2 = data.rectification_measures;
+          this.value3 = data.risk_rating.risk_point;
+          this.value4 = data.risk_rating.risk_type;
+          this.value5 = data.risk_rating.risk_level;
+          this.value6 = data.risk_rating.accident_type;
+          this.message3 = data.risk_rating.risk_description;
+          this.message4 = data.risk_rating.consequences_and_impact;
+          this.message5 = data.risk_rating.control_measures;
+          this.message6 = data.rectification_duty_unit;
+          this.message7 = data.rectification_duty_person;
+          this.value7 = data.supervision_department;
+          this.value8 = data.supervision_duty_person;
+          this.value11 = data.rectification_type;
+          this.value9 = data.rectification_term;
+          this.value12 = data.inspected_person
+
+
+          this.message8 = data.rectification_opinion;
+          this.message9 = data.delay_reason;
+          this.message10 = data.delay_term;
+        });
+    },
+  },
+  mounted() {
+    document.body.style.backgroundColor = "#f0f0f0"; //背景色
+
+    this.id = getAllUrlParams(window.location.href).id;
+    this.getTroubleshootDetail(this.id);
+  },
+};
+</script>
+
+<style scoped>
+>>> .van-nav-bar {
+  background: #39f;
+}
+>>> .van-nav-bar__title {
+  color: #fff;
+}
+>>> .van-nav-bar .van-icon {
+  color: #fff;
+}
+>>> .van-nav-bar__text {
+  color: #fff;
+}
+[class*="van-hairline"]:after {
+  border: none;
+}
+.headers {
+  width: 100%;
+  background: #fff;
+}
+.contents,
+.contents1,
+.contents2 {
+  width: 100%;
+  background: #fff;
+  margin-top: 10px;
+}
+
+.contents2{
+  margin-bottom: 20px;
+}
+
+.buttons {
+  width: 110px;
+  height: 40px;
+  background: #39f;
+  margin: 10px auto;
+  text-align: center;
+  line-height: 40px;
+  border-radius: 20px;
+}
+.buttons > button {
+  border: none;
+  color: #fff;
+  background: #39f;
+}
+.contents2_img {
+  display: flex;
+}
+.contents2_img > p {
+  font-size: 14px;
+  margin-left: 16px;
+  color: #646566;
+}
+.contents2_img > div {
+  margin-left: 40px;
+}
+</style>

src/views/meihuajing/yinhuanpaicha/yinhuanform_my_wys.vue

@@ -219,7 +219,7 @@
         />
       </div>
 
-      <div v-if="detail.rectification_type == 2">
+      <div>
         <van-field
           v-model="value9"
           name="整改期限"
@@ -256,7 +256,7 @@
             placeholder="请输入信息"
             readonly="false"
           />
-          <van-field
+          <!-- <van-field
             v-model="message12"
             rows="1"
             autosize
@@ -264,7 +264,7 @@
             type="textarea"
             placeholder="请输入信息"
             readonly="false"
-          />
+          /> -->
           <van-field
             v-model="message9"
             rows="1"
@@ -351,8 +351,8 @@ export default {
         window.history.back();
       // console.log("sss");
     },
-    yanshou(type) {
-      console.log(type, this.message9, this.dates);
+    yanshou(status) {
+      console.log(status, this.message9, this.dates);
 
       if (this.message9 == "") {
         this.$toast("请填写验收意见");
@@ -373,7 +373,8 @@ export default {
             id: this.id,
             check_accept_opinion: this.message9,
             check_accept_date: this.dates,
-            status:type
+            status:status,
+            type:5
           }
         )
         .then((res) => {

src/views/meihuajing/yinhuanpaicha/yinhuanform_my_wzg.vue

@@ -4,7 +4,7 @@
       <van-nav-bar title="风险评级" left-arrow @click-left="onClickLeft" />
     </div> -->
     <div class="headers">
-       <div>
+      <div>
         <van-field
           v-model="value12"
           name="检查人"
@@ -220,7 +220,7 @@
         />
       </div>
 
-      <div v-if="detail.rectification_type == 2">
+      <div>
         <van-field
           v-model="value9"
           name="整改期限"
@@ -230,10 +230,74 @@
         />
       </div>
     </div>
-    <div class="contents2">
+
+    <div class="contents1" v-if="this.message12">
       <div>
         <van-cell-group>
           <van-field
+            v-model="message10"
+            rows="1"
+            autosize
+            label="延期原因"
+            type="textarea"
+            placeholder="请输入信息"
+            readonly="false"
+          />
+          <van-field
+            v-model="message11"
+            rows="1"
+            autosize
+            label="延期时间"
+            type="textarea"
+            placeholder="请输入信息"
+            readonly="false"
+          />
+          <van-field
+            v-model="message12"
+            rows="1"
+            autosize
+            label="延期审批"
+            type="textarea"
+            placeholder="请输入信息"
+            readonly="false"
+          />
+          <van-field
+            v-model="message13"
+            rows="1"
+            autosize
+            label="审批结果"
+            type="textarea"
+            placeholder="请输入信息"
+            readonly="false"
+          />
+        </van-cell-group>
+      </div>
+    </div>
+
+    <div class="contents2">
+      <div>
+        <van-field
+          readonly
+          clickable
+          label="是否延期"
+          :value="value_yanqi"
+          placeholder="请选择"
+          @click="showPicker_yanqi = true"
+        />
+        <van-popup v-model="showPicker_yanqi" round position="bottom">
+          <van-picker
+            show-toolbar
+            :columns="columns_yanqi"
+            @cancel="showPicker_yanqi = false"
+            @confirm="onConfirm_yanqi"
+            :default-index="1"
+          />
+        </van-popup>
+      </div>
+
+      <div>
+        <van-cell-group v-if="!yanqi">
+          <van-field
             v-model="message8"
             rows="1"
             autosize
@@ -250,9 +314,34 @@
           </div>
         </div> -->
       </div>
+      <div>
+        <van-cell-group v-if="yanqi" style="text-align: left">
+          <van-field
+            v-model="message9"
+            rows="1"
+            autosize
+            label="延期原因"
+            type="textarea"
+            placeholder="请输入信息"
+          />
+          <div>
+            <van-cell
+              title="延期时间"
+              :value="dates"
+              @click="showtime = true"
+              :placeholder="'请选择' + label"
+            />
+            <van-calendar
+              v-model="showtime"
+              @confirm="onConfirm"
+              placeholder="请选择"
+            />
+          </div>
+        </van-cell-group>
+      </div>
     </div>
     <div class="buttons">
-      <button @click="tianjia">确认添加</button>
+      <button @click="tianjia">确认提交</button>
     </div>
   </div>
 </template>
@@ -295,6 +384,27 @@ export default {
       id: "",
       // 详情数据
       detail: {},
+
+      // 延期
+      value_yanqi: "",
+      showPicker_yanqi: false,
+      columns_yanqi: ["是", "否"],
+
+      // 是否延期标识
+      yanqi: false,
+
+      // 延期原因
+      message9: "",
+      // 延期日期
+      dates: "请选择" ? "请选择" : "",
+      showtime: false,
+
+      message10: "",
+      message11: "",
+      message12: "",
+      message13: "",
+
+      deferred_approval_status: " ",
     };
   },
   methods: {
@@ -329,35 +439,102 @@ export default {
     //     }
     //   }
     // },
-
-    tianjia() {
-      console.log(this.message8, this.fileList);
-
-      if (this.message8 == "") {
-        this.$toast("请填写整改意见。");
+    onConfirm_yanqi(value, index) {
+      console.log(value, index);
+      if (this.deferred_approval_status == 3) {
+        this.$toast("申请延期不通过不能再延期!");
 
         return;
       }
 
-      this.$toast.loading();
-
-      this.$http
-        .post(
-          "http://meihuajing.nxjiewei.com:8011/api/troubleshoot/updateTroubleshoot",
-          {
-            id: this.id,
-            rectification_opinion: this.message8,
-            // picture: this.fileList
-          }
-        )
-        .then((res) => {
-          this.$toast.clear();
+      if (index == 0) {
+        // 延期
+        this.yanqi = true;
+      } else if (index == 1) {
+        // 不延期
+        this.yanqi = false;
+      }
 
-          console.log(res.data);
+      this.value_yanqi = value;
+      this.showPicker_yanqi = false;
+    },
+    // 延期日期
+    formatDate(date) {
+      return `${date.getFullYear()}-${date.getMonth() + 1}-${date.getDate()}`;
+    },
+    onConfirm(date) {
+      this.showtime = false;
+      this.dates = this.formatDate(date);
+    },
 
-          window.history.back();
-        });
+    tianjia() {
+      if (!this.yanqi) {
+        console.log("不延期");
+        console.log(this.message8, this.fileList);
+
+        if (this.message8 == "") {
+          this.$toast("请填写整改意见。");
+
+          return;
+        }
+
+        this.$toast.loading();
+
+        this.$http
+          .post(
+            "http://meihuajing.nxjiewei.com:8011/api/troubleshoot/updateTroubleshoot",
+            {
+              id: this.id,
+              rectification_opinion: this.message8,
+              type: 1,
+            }
+          )
+          .then((res) => {
+            this.$toast.clear();
+
+            console.log(res.data);
+
+            window.history.back();
+          });
+      } else {
+        console.log("延期");
+
+        console.log(this.message9, this.dates);
+
+        if (this.message9 == "") {
+          this.$toast("请填写延期原因。");
+
+          return;
+        }
+
+        if (this.dates == "请选择") {
+          this.$toast("请选择延期时间。");
+
+          return;
+        }
+
+        this.$toast.loading();
+
+        this.$http
+          .post(
+            "http://meihuajing.nxjiewei.com:8011/api/troubleshoot/updateTroubleshoot",
+            {
+              id: this.id,
+              delay_reason: this.message9,
+              delay_term: this.dates,
+              type: 2,
+            }
+          )
+          .then((res) => {
+            this.$toast.clear();
+
+            console.log(res.data);
+
+            window.history.back();
+          });
+      }
     },
+
     afterRead(file) {
       console.log(file);
     },
@@ -400,8 +577,21 @@ export default {
           this.value8 = data.supervision_duty_person;
           this.value11 = data.rectification_type;
           this.value9 = data.rectification_term;
-          this.value12 = data.inspected_person
-
+          this.value12 = data.inspected_person;
+
+          // 延期
+          this.message10 = data.delay_reason;
+          this.message11 = data.delay_term;
+          this.message12 = data.reject_reason;
+          this.deferred_approval_status = data.deferred_approval_status;
+
+          if (data.deferred_approval_status == 1) {
+            this.message13 = "通过";
+          } else if (data.deferred_approval_status == 2) {
+            this.message13 = "驳回";
+          } else if (data.deferred_approval_status == 3) {
+            this.message13 = "不通过";
+          }
         });
     },
   },
@@ -410,6 +600,8 @@ export default {
 
     this.id = getAllUrlParams(window.location.href).id;
     this.getTroubleshootDetail(this.id);
+
+    this.onConfirm_yanqi("否", 1);
   },
 };
 </script>

src/views/meihuajing/yinhuanpaicha/yinhuanform_my_yys.vue

@@ -219,7 +219,7 @@
         />
       </div>
 
-      <div v-if="detail.rectification_type == 2">
+      <div>
         <van-field
           v-model="value9"
           name="整改期限"

src/views/meihuajing/yinhuanpaicha/yinhuanform_my_yzg.vue

@@ -220,7 +220,7 @@
         />
       </div>
 
-      <div v-if="detail.rectification_type == 2">
+      <div>
         <van-field
           v-model="value9"
           name="整改期限"

src/views/meihuajing/yinhuanpaicha/yinhuanform_sqyq_wys.vue

@@ -0,0 +1,488 @@
+<template>
+  <div>
+    <!-- <div v-if="shows">
+      <van-nav-bar title="风险评级" left-arrow @click-left="onClickLeft" />
+    </div> -->
+    <div class="headers">
+      <div>
+        <van-field
+          v-model="value12"
+          name="检查人"
+          label="检查人"
+          placeholder="检查人"
+          readonly="false"
+        />
+      </div>
+
+      <div>
+        <van-field
+          v-model="value10"
+          name="检查人部门"
+          label="检查人部门"
+          placeholder="检查人部门"
+          readonly="false"
+        />
+      </div>
+
+      <div>
+        <van-field
+          v-model="value1"
+          name="检查专业"
+          label="检查专业"
+          placeholder="检查专业"
+          :rules="[{ required: true, message: '请选择' }]"
+          readonly="false"
+        />
+      </div>
+
+      <div>
+        <van-field
+          v-model="value2"
+          name="隐患等级"
+          label="隐患等级"
+          placeholder="隐患等级"
+          :rules="[{ required: true, message: '请选择' }]"
+          readonly="false"
+        />
+      </div>
+
+      <div>
+        <van-cell-group>
+          <van-field
+            v-model="message1"
+            rows="1"
+            autosize
+            label="存在问题或隐患"
+            type="textarea"
+            placeholder="请输入信息"
+            readonly="false"
+          />
+          <van-field
+            v-model="message2"
+            rows="1"
+            autosize
+            label="整改措施"
+            type="textarea"
+            placeholder="请输入信息"
+            readonly="false"
+          />
+        </van-cell-group>
+      </div>
+    </div>
+    <div class="contents">
+      <div>
+        <van-field
+          v-model="value3"
+          name="风险点"
+          label="风险点"
+          placeholder="风险点"
+          :rules="[{ required: true, message: '请选择' }]"
+          readonly="false"
+        />
+      </div>
+
+      <div>
+        <van-field
+          v-model="value4"
+          name="风险类型"
+          label="风险类型"
+          placeholder="风险类型"
+          :rules="[{ required: true, message: '请选择' }]"
+          readonly="false"
+        />
+      </div>
+
+      <div>
+        <van-field
+          v-model="value5"
+          name="风险等级"
+          label="风险等级"
+          placeholder="风险等级"
+          :rules="[{ required: true, message: '请选择' }]"
+          readonly="false"
+        />
+      </div>
+
+      <div>
+        <van-field
+          v-model="value6"
+          name="事故类型"
+          label="事故类型"
+          placeholder="事故类型"
+          :rules="[{ required: true, message: '请选择' }]"
+          readonly="false"
+        />
+      </div>
+
+      <div>
+        <van-cell-group>
+          <van-field
+            v-model="message3"
+            rows="1"
+            autosize
+            label="风险描述"
+            type="textarea"
+            placeholder="请输入信息"
+            readonly="false"
+          />
+          <van-field
+            v-model="message4"
+            rows="1"
+            autosize
+            label="后果及影响"
+            type="textarea"
+            placeholder="请输入信息"
+            readonly="false"
+          />
+          <van-field
+            v-model="message5"
+            rows="1"
+            autosize
+            label="管控措施"
+            type="textarea"
+            placeholder="请输入信息"
+            readonly="false"
+          />
+        </van-cell-group>
+      </div>
+      <!-- <div>
+        <el-table
+          ref="multipleTable"
+          :data="tableData"
+          tooltip-effect="dark"
+          style="width: 100%"
+          @selection-change="handleSelectionChange"
+        >
+          <el-table-column type="selection" width="45"> </el-table-column>
+          <el-table-column label="日期" width="90">
+            <template slot-scope="scope">{{ scope.row.date }}</template>
+          </el-table-column>
+          <el-table-column prop="name" label="姓名" width="120">
+          </el-table-column>
+          <el-table-column prop="address" label="地址" show-overflow-tooltip>
+          </el-table-column>
+        </el-table>
+      </div> -->
+    </div>
+    <div class="contents1">
+      <div>
+        <van-cell-group>
+          <van-field
+            v-model="message6"
+            rows="1"
+            autosize
+            label="整改责任单位"
+            type="textarea"
+            placeholder="请输入信息"
+            readonly="false"
+          />
+          <van-field
+            v-model="message7"
+            rows="1"
+            autosize
+            label="整改责任人"
+            type="textarea"
+            placeholder="请输入信息"
+            readonly="false"
+          />
+        </van-cell-group>
+      </div>
+
+      <div>
+        <van-field
+          v-model="value7"
+          name="督办部门"
+          label="督办部门"
+          placeholder="督办部门"
+          :rules="[{ required: true, message: '请选择' }]"
+          readonly="false"
+        />
+      </div>
+
+      <div>
+        <van-field
+          v-model="value8"
+          name="督办责任人"
+          label="督办责任人"
+          placeholder="督办责任人"
+          :rules="[{ required: true, message: '请选择' }]"
+          readonly="false"
+        />
+      </div>
+
+      <div>
+        <van-field
+          v-model="value11"
+          name="整改类型"
+          label="整改类型"
+          placeholder="整改类型"
+          readonly="false"
+        />
+      </div>
+
+      <div>
+        <van-field
+          v-model="value9"
+          name="整改期限"
+          label="整改期限"
+          placeholder="整改期限"
+          readonly="false"
+        />
+      </div>
+    </div>
+    <div class="contents2">
+      <div>
+        <van-cell-group>
+          <van-field
+            v-model="message9"
+            rows="1"
+            autosize
+            label="延期原因"
+            type="textarea"
+            placeholder=""
+            readonly="false"
+          />
+        </van-cell-group>
+      </div>
+      <div>
+        <van-cell-group>
+          <van-field
+            v-model="message10"
+            rows="1"
+            autosize
+            label="延期时间"
+            type="textarea"
+            placeholder=""
+            readonly="false"
+          />
+        </van-cell-group>
+      </div>
+    </div>
+
+    <div class="contents2">
+      <div>
+        <van-cell-group>
+          <van-field
+            v-model="message11"
+            rows="1"
+            autosize
+            label="审批留言"
+            type="textarea"
+            placeholder="请输入"
+          />
+        </van-cell-group>
+      </div>
+    </div>
+
+    <div style="display: flex">
+      <div class="buttons">
+        <button @click="click(1)">通过</button>
+      </div>
+      <div class="buttons" style="background:#CB2D04;">
+        <button style="background:#CB2D04;" @click="click(3)">不通过</button>
+      </div>
+      <div class="buttons" style="background:#FE9801;">
+        <button style="background:#FE9801;" @click="click(2)">驳回</button>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import { getAllUrlParams } from "../../../plugins/url-encapsulation.js";
+
+export default {
+  data() {
+    return {
+      shows: true,
+      value1: "", //检查专业
+      value2: "", //隐患等级
+      message1: "", //存在问题或隐患
+      message2: "", //整改措施
+      value3: "", //风险点
+      value4: "", //风险类型
+      value5: "", //风险等级
+      value6: "", //事故类型
+      message3: "", //风险描述
+      message4: "", //后果及影响
+      message5: "", //管控措施
+      message6: "", //整改责任单位
+      message7: "", //整改责任人
+      value7: "", //督办部门
+      value8: "", //督办责任人
+      value9: "", //整改期限
+      message8: "", //整改意见
+      fileList: [],
+      infos: [],
+
+      // 检查人部门
+      value10: "",
+      // 整改类型
+      value11: "",
+      // 检查人
+      value12: "",
+
+      // 详情id
+      id: "",
+      // 详情数据
+      detail: {},
+
+      // 审批留言
+      message11: "",
+    };
+  },
+  methods: {
+    //返回按钮
+    onClickLeft() {
+      window.history.back();
+      // console.log("sss");
+    },
+
+    afterRead(file) {
+      console.log(file);
+    },
+
+    // 获取详情
+    getTroubleshootDetail(id) {
+      this.$toast.loading();
+
+      this.$http
+        .post(
+          "http://meihuajing.nxjiewei.com:8011/api/troubleshoot/getTroubleshootDetail",
+          {
+            id: id,
+          }
+        )
+        .then((res) => {
+          this.$toast.clear();
+
+          console.log(res.data.data);
+
+          this.detail = res.data.data;
+
+          const data = res.data.data;
+
+          this.value10 = data.inspected_unit;
+          this.value1 = data.inspection_specialty;
+          this.value2 = data.hidden_danger_level;
+          this.message1 = data.hidden_danger;
+          this.message2 = data.rectification_measures;
+          this.value3 = data.risk_rating.risk_point;
+          this.value4 = data.risk_rating.risk_type;
+          this.value5 = data.risk_rating.risk_level;
+          this.value6 = data.risk_rating.accident_type;
+          this.message3 = data.risk_rating.risk_description;
+          this.message4 = data.risk_rating.consequences_and_impact;
+          this.message5 = data.risk_rating.control_measures;
+          this.message6 = data.rectification_duty_unit;
+          this.message7 = data.rectification_duty_person;
+          this.value7 = data.supervision_department;
+          this.value8 = data.supervision_duty_person;
+          this.value11 = data.rectification_type;
+          this.value9 = data.rectification_term;
+          this.value12 = data.inspected_person;
+
+          this.message8 = data.rectification_opinion;
+          this.message9 = data.delay_reason;
+          this.message10 = data.delay_term;
+        });
+    },
+
+    // 延期审批
+    click(index){
+      console.log(index,this.message11)
+
+      if (this.message11 == "") {
+          this.$toast("请填写审批留言。");
+
+          return;
+        }
+
+        this.$toast.loading();
+
+        this.$http
+          .post(
+            "http://meihuajing.nxjiewei.com:8011/api/troubleshoot/updateTroubleshoot",
+            {
+              id: this.id,
+              reject_reason: this.message11,
+              deferred_approval_status:index,
+              type:3
+            }
+          )
+          .then((res) => {
+            this.$toast.clear();
+
+            console.log(res.data);
+
+            window.history.back();
+          });
+    }
+  },
+  mounted() {
+    document.body.style.backgroundColor = "#f0f0f0"; //背景色
+
+    this.id = getAllUrlParams(window.location.href).id;
+    this.getTroubleshootDetail(this.id);
+  },
+};
+</script>
+
+<style scoped>
+>>> .van-nav-bar {
+  background: #39f;
+}
+>>> .van-nav-bar__title {
+  color: #fff;
+}
+>>> .van-nav-bar .van-icon {
+  color: #fff;
+}
+>>> .van-nav-bar__text {
+  color: #fff;
+}
+[class*="van-hairline"]:after {
+  border: none;
+}
+.headers {
+  width: 100%;
+  background: #fff;
+}
+.contents,
+.contents1,
+.contents2 {
+  width: 100%;
+  background: #fff;
+  margin-top: 10px;
+}
+
+.contents2 {
+  margin-bottom: 20px;
+}
+
+.buttons {
+  width: 110px;
+  height: 40px;
+  background: #39f;
+  margin: 10px auto;
+  text-align: center;
+  line-height: 40px;
+  border-radius: 20px;
+}
+.buttons > button {
+  border: none;
+  color: #fff;
+  background: #39f;
+}
+.contents2_img {
+  display: flex;
+}
+.contents2_img > p {
+  font-size: 14px;
+  margin-left: 16px;
+  color: #646566;
+}
+.contents2_img > div {
+  margin-left: 40px;
+}
+</style>

src/views/meihuajing/yinhuanpaicha/yinhuanform_wzg_wys.vue

@@ -220,7 +220,7 @@
         />
       </div>
 
-      <div v-if="detail.rectification_type == 2">
+      <div>
         <van-field
           v-model="value9"
           name="整改期限"

src/views/meihuajing/yinhuanpaicha/yinhuanform_wzgyq.vue

@@ -0,0 +1,417 @@
+<template>
+  <div>
+    <!-- <div v-if="shows">
+      <van-nav-bar title="风险评级" left-arrow @click-left="onClickLeft" />
+    </div> -->
+    <div class="headers">
+      <div>
+        <van-field
+          v-model="value12"
+          name="检查人"
+          label="检查人"
+          placeholder="检查人"
+          readonly="false"
+        />
+      </div>
+
+      <div>
+        <van-field
+          v-model="value10"
+          name="检查人部门"
+          label="检查人部门"
+          placeholder="检查人部门"
+          readonly="false"
+        />
+      </div>
+
+      <div>
+        <van-field
+          v-model="value1"
+          name="检查专业"
+          label="检查专业"
+          placeholder="检查专业"
+          :rules="[{ required: true, message: '请选择' }]"
+          readonly="false"
+        />
+      </div>
+
+      <div>
+        <van-field
+          v-model="value2"
+          name="隐患等级"
+          label="隐患等级"
+          placeholder="隐患等级"
+          :rules="[{ required: true, message: '请选择' }]"
+          readonly="false"
+        />
+      </div>
+
+      <div>
+        <van-cell-group>
+          <van-field
+            v-model="message1"
+            rows="1"
+            autosize
+            label="存在问题或隐患"
+            type="textarea"
+            placeholder="请输入信息"
+            readonly="false"
+          />
+          <van-field
+            v-model="message2"
+            rows="1"
+            autosize
+            label="整改措施"
+            type="textarea"
+            placeholder="请输入信息"
+            readonly="false"
+          />
+        </van-cell-group>
+      </div>
+    </div>
+    <div class="contents">
+      <div>
+        <van-field
+          v-model="value3"
+          name="风险点"
+          label="风险点"
+          placeholder="风险点"
+          :rules="[{ required: true, message: '请选择' }]"
+          readonly="false"
+        />
+      </div>
+
+      <div>
+        <van-field
+          v-model="value4"
+          name="风险类型"
+          label="风险类型"
+          placeholder="风险类型"
+          :rules="[{ required: true, message: '请选择' }]"
+          readonly="false"
+        />
+      </div>
+
+      <div>
+        <van-field
+          v-model="value5"
+          name="风险等级"
+          label="风险等级"
+          placeholder="风险等级"
+          :rules="[{ required: true, message: '请选择' }]"
+          readonly="false"
+        />
+      </div>
+
+      <div>
+        <van-field
+          v-model="value6"
+          name="事故类型"
+          label="事故类型"
+          placeholder="事故类型"
+          :rules="[{ required: true, message: '请选择' }]"
+          readonly="false"
+        />
+      </div>
+
+      <div>
+        <van-cell-group>
+          <van-field
+            v-model="message3"
+            rows="1"
+            autosize
+            label="风险描述"
+            type="textarea"
+            placeholder="请输入信息"
+            readonly="false"
+          />
+          <van-field
+            v-model="message4"
+            rows="1"
+            autosize
+            label="后果及影响"
+            type="textarea"
+            placeholder="请输入信息"
+            readonly="false"
+          />
+          <van-field
+            v-model="message5"
+            rows="1"
+            autosize
+            label="管控措施"
+            type="textarea"
+            placeholder="请输入信息"
+            readonly="false"
+          />
+        </van-cell-group>
+      </div>
+      <!-- <div>
+        <el-table
+          ref="multipleTable"
+          :data="tableData"
+          tooltip-effect="dark"
+          style="width: 100%"
+          @selection-change="handleSelectionChange"
+        >
+          <el-table-column type="selection" width="45"> </el-table-column>
+          <el-table-column label="日期" width="90">
+            <template slot-scope="scope">{{ scope.row.date }}</template>
+          </el-table-column>
+          <el-table-column prop="name" label="姓名" width="120">
+          </el-table-column>
+          <el-table-column prop="address" label="地址" show-overflow-tooltip>
+          </el-table-column>
+        </el-table>
+      </div> -->
+    </div>
+    <div class="contents1">
+      <div>
+        <van-cell-group>
+          <van-field
+            v-model="message6"
+            rows="1"
+            autosize
+            label="整改责任单位"
+            type="textarea"
+            placeholder="请输入信息"
+            readonly="false"
+          />
+          <van-field
+            v-model="message7"
+            rows="1"
+            autosize
+            label="整改责任人"
+            type="textarea"
+            placeholder="请输入信息"
+            readonly="false"
+          />
+        </van-cell-group>
+      </div>
+
+      <div>
+        <van-field
+          v-model="value7"
+          name="督办部门"
+          label="督办部门"
+          placeholder="督办部门"
+          :rules="[{ required: true, message: '请选择' }]"
+          readonly="false"
+        />
+      </div>
+
+      <div>
+        <van-field
+          v-model="value8"
+          name="督办责任人"
+          label="督办责任人"
+          placeholder="督办责任人"
+          :rules="[{ required: true, message: '请选择' }]"
+          readonly="false"
+        />
+      </div>
+
+      <div>
+        <van-field
+          v-model="value11"
+          name="整改类型"
+          label="整改类型"
+          placeholder="整改类型"
+          readonly="false"
+        />
+      </div>
+
+      <div>
+        <van-field
+          v-model="value9"
+          name="整改期限"
+          label="整改期限"
+          placeholder="整改期限"
+          readonly="false"
+        />
+      </div>
+    </div>
+    <div class="contents1">
+      <div>
+        <van-field
+          v-model="value13"
+          name="整改状态"
+          label="整改状态"
+          placeholder="整改状态"
+          readonly="false"
+        />
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import { getAllUrlParams } from "../../../plugins/url-encapsulation.js";
+
+export default {
+  data() {
+    return {
+      shows: true,
+      value1: "", //检查专业
+      value2: "", //隐患等级
+      message1: "", //存在问题或隐患
+      message2: "", //整改措施
+      value3: "", //风险点
+      value4: "", //风险类型
+      value5: "", //风险等级
+      value6: "", //事故类型
+      message3: "", //风险描述
+      message4: "", //后果及影响
+      message5: "", //管控措施
+      message6: "", //整改责任单位
+      message7: "", //整改责任人
+      value7: "", //督办部门
+      value8: "", //督办责任人
+      value9: "", //整改期限
+      message8: "", //整改意见
+      message9: "", //验收意见
+      message10: "", //验收日期
+      message11: "", //验收部门
+      message12: "", //验收责任人
+      message13: "", //验收结果
+      fileList: [],
+      infos: [],
+
+      // 检查人部门
+      value10: "",
+      // 整改类型
+      value11: "",
+      // 检查人
+      value12: "",
+
+      // 详情id
+      id: "",
+      // 详情数据
+      detail: {},
+
+      value13:"逾期"
+    };
+  },
+  methods: {
+    //返回按钮
+    onClickLeft() {
+      window.history.back();
+      // console.log("sss");
+    },
+
+    // 获取详情
+    getTroubleshootDetail(id) {
+      this.$toast.loading();
+
+      this.$http
+        .post(
+          "http://meihuajing.nxjiewei.com:8011/api/troubleshoot/getTroubleshootDetail",
+          {
+            id: id,
+          }
+        )
+        .then((res) => {
+          this.$toast.clear();
+
+          console.log(res.data.data);
+
+          this.detail = res.data.data;
+
+          const data = res.data.data;
+
+          this.value10 = data.inspected_unit;
+          this.value1 = data.inspection_specialty;
+          this.value2 = data.hidden_danger_level;
+          this.message1 = data.hidden_danger;
+          this.message2 = data.rectification_measures;
+          this.value3 = data.risk_rating.risk_point;
+          this.value4 = data.risk_rating.risk_type;
+          this.value5 = data.risk_rating.risk_level;
+          this.value6 = data.risk_rating.accident_type;
+          this.message3 = data.risk_rating.risk_description;
+          this.message4 = data.risk_rating.consequences_and_impact;
+          this.message5 = data.risk_rating.control_measures;
+          this.message6 = data.rectification_duty_unit;
+          this.message7 = data.rectification_duty_person;
+          this.value7 = data.supervision_department;
+          this.value8 = data.supervision_duty_person;
+          this.value11 = data.rectification_type;
+          this.value9 = data.rectification_term;
+          this.value12 = data.inspected_person;
+        });
+    },
+  },
+  mounted() {
+    document.body.style.backgroundColor = "#f0f0f0"; //背景色
+
+    this.id = getAllUrlParams(window.location.href).id;
+    this.getTroubleshootDetail(this.id);
+  },
+};
+</script>
+
+<style scoped>
+>>> .van-nav-bar {
+  background: #39f;
+}
+>>> .van-nav-bar__title {
+  color: #fff;
+}
+>>> .van-nav-bar .van-icon {
+  color: #fff;
+}
+>>> .van-nav-bar__text {
+  color: #fff;
+}
+[class*="van-hairline"]:after {
+  border: none;
+}
+.headers {
+  width: 100%;
+  background: #fff;
+}
+.contents,
+.contents1,
+.contents2,
+.contents3 {
+  width: 100%;
+  background: #fff;
+  margin-top: 10px;
+}
+.buttons {
+  width: 100%;
+  text-align: center;
+}
+.buttons > .buttons_one {
+  border: none;
+  background: #4dc100;
+  font-size: 14px;
+  width: 100px;
+  height: 40px;
+  line-height: 40px;
+  color: #fff;
+  border-radius: 20px;
+  margin: 15px 20px;
+}
+.buttons > .buttons_two {
+  border: none;
+  background: #c00201;
+  font-size: 14px;
+  width: 100px;
+  height: 40px;
+  line-height: 40px;
+  color: #fff;
+  border-radius: 20px;
+  margin: 15px 20px;
+}
+.contents2_img {
+  display: flex;
+}
+.contents2_img > p {
+  font-size: 14px;
+  margin-left: 16px;
+  color: #646566;
+}
+.contents2_img > div {
+  margin-left: 40px;
+}
+</style>

src/views/meihuajing/yinhuanpaicha/yinhuanform_yq_wys.vue

@@ -0,0 +1,417 @@
+<template>
+  <div>
+    <!-- <div v-if="shows">
+      <van-nav-bar title="风险评级" left-arrow @click-left="onClickLeft" />
+    </div> -->
+    <div class="headers">
+      <div>
+        <van-field
+          v-model="value12"
+          name="检查人"
+          label="检查人"
+          placeholder="检查人"
+          readonly="false"
+        />
+      </div>
+
+      <div>
+        <van-field
+          v-model="value10"
+          name="检查人部门"
+          label="检查人部门"
+          placeholder="检查人部门"
+          readonly="false"
+        />
+      </div>
+
+      <div>
+        <van-field
+          v-model="value1"
+          name="检查专业"
+          label="检查专业"
+          placeholder="检查专业"
+          :rules="[{ required: true, message: '请选择' }]"
+          readonly="false"
+        />
+      </div>
+
+      <div>
+        <van-field
+          v-model="value2"
+          name="隐患等级"
+          label="隐患等级"
+          placeholder="隐患等级"
+          :rules="[{ required: true, message: '请选择' }]"
+          readonly="false"
+        />
+      </div>
+
+      <div>
+        <van-cell-group>
+          <van-field
+            v-model="message1"
+            rows="1"
+            autosize
+            label="存在问题或隐患"
+            type="textarea"
+            placeholder="请输入信息"
+            readonly="false"
+          />
+          <van-field
+            v-model="message2"
+            rows="1"
+            autosize
+            label="整改措施"
+            type="textarea"
+            placeholder="请输入信息"
+            readonly="false"
+          />
+        </van-cell-group>
+      </div>
+    </div>
+    <div class="contents">
+      <div>
+        <van-field
+          v-model="value3"
+          name="风险点"
+          label="风险点"
+          placeholder="风险点"
+          :rules="[{ required: true, message: '请选择' }]"
+          readonly="false"
+        />
+      </div>
+
+      <div>
+        <van-field
+          v-model="value4"
+          name="风险类型"
+          label="风险类型"
+          placeholder="风险类型"
+          :rules="[{ required: true, message: '请选择' }]"
+          readonly="false"
+        />
+      </div>
+
+      <div>
+        <van-field
+          v-model="value5"
+          name="风险等级"
+          label="风险等级"
+          placeholder="风险等级"
+          :rules="[{ required: true, message: '请选择' }]"
+          readonly="false"
+        />
+      </div>
+
+      <div>
+        <van-field
+          v-model="value6"
+          name="事故类型"
+          label="事故类型"
+          placeholder="事故类型"
+          :rules="[{ required: true, message: '请选择' }]"
+          readonly="false"
+        />
+      </div>
+
+      <div>
+        <van-cell-group>
+          <van-field
+            v-model="message3"
+            rows="1"
+            autosize
+            label="风险描述"
+            type="textarea"
+            placeholder="请输入信息"
+            readonly="false"
+          />
+          <van-field
+            v-model="message4"
+            rows="1"
+            autosize
+            label="后果及影响"
+            type="textarea"
+            placeholder="请输入信息"
+            readonly="false"
+          />
+          <van-field
+            v-model="message5"
+            rows="1"
+            autosize
+            label="管控措施"
+            type="textarea"
+            placeholder="请输入信息"
+            readonly="false"
+          />
+        </van-cell-group>
+      </div>
+      <!-- <div>
+        <el-table
+          ref="multipleTable"
+          :data="tableData"
+          tooltip-effect="dark"
+          style="width: 100%"
+          @selection-change="handleSelectionChange"
+        >
+          <el-table-column type="selection" width="45"> </el-table-column>
+          <el-table-column label="日期" width="90">
+            <template slot-scope="scope">{{ scope.row.date }}</template>
+          </el-table-column>
+          <el-table-column prop="name" label="姓名" width="120">
+          </el-table-column>
+          <el-table-column prop="address" label="地址" show-overflow-tooltip>
+          </el-table-column>
+        </el-table>
+      </div> -->
+    </div>
+    <div class="contents1">
+      <div>
+        <van-cell-group>
+          <van-field
+            v-model="message6"
+            rows="1"
+            autosize
+            label="整改责任单位"
+            type="textarea"
+            placeholder="请输入信息"
+            readonly="false"
+          />
+          <van-field
+            v-model="message7"
+            rows="1"
+            autosize
+            label="整改责任人"
+            type="textarea"
+            placeholder="请输入信息"
+            readonly="false"
+          />
+        </van-cell-group>
+      </div>
+
+      <div>
+        <van-field
+          v-model="value7"
+          name="督办部门"
+          label="督办部门"
+          placeholder="督办部门"
+          :rules="[{ required: true, message: '请选择' }]"
+          readonly="false"
+        />
+      </div>
+
+      <div>
+        <van-field
+          v-model="value8"
+          name="督办责任人"
+          label="督办责任人"
+          placeholder="督办责任人"
+          :rules="[{ required: true, message: '请选择' }]"
+          readonly="false"
+        />
+      </div>
+
+      <div>
+        <van-field
+          v-model="value11"
+          name="整改类型"
+          label="整改类型"
+          placeholder="整改类型"
+          readonly="false"
+        />
+      </div>
+
+      <div>
+        <van-field
+          v-model="value9"
+          name="整改期限"
+          label="整改期限"
+          placeholder="整改期限"
+          readonly="false"
+        />
+      </div>
+    </div>
+    <div class="contents1">
+      <div>
+        <van-field
+          v-model="value13"
+          name="整改状态"
+          label="整改状态"
+          placeholder="整改状态"
+          readonly="false"
+        />
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import { getAllUrlParams } from "../../../plugins/url-encapsulation.js";
+
+export default {
+  data() {
+    return {
+      shows: true,
+      value1: "", //检查专业
+      value2: "", //隐患等级
+      message1: "", //存在问题或隐患
+      message2: "", //整改措施
+      value3: "", //风险点
+      value4: "", //风险类型
+      value5: "", //风险等级
+      value6: "", //事故类型
+      message3: "", //风险描述
+      message4: "", //后果及影响
+      message5: "", //管控措施
+      message6: "", //整改责任单位
+      message7: "", //整改责任人
+      value7: "", //督办部门
+      value8: "", //督办责任人
+      value9: "", //整改期限
+      message8: "", //整改意见
+      message9: "", //验收意见
+      message10: "", //验收日期
+      message11: "", //验收部门
+      message12: "", //验收责任人
+      message13: "", //验收结果
+      fileList: [],
+      infos: [],
+
+      // 检查人部门
+      value10: "",
+      // 整改类型
+      value11: "",
+      // 检查人
+      value12: "",
+
+      // 详情id
+      id: "",
+      // 详情数据
+      detail: {},
+
+      value13:"逾期"
+    };
+  },
+  methods: {
+    //返回按钮
+    onClickLeft() {
+      window.history.back();
+      // console.log("sss");
+    },
+
+    // 获取详情
+    getTroubleshootDetail(id) {
+      this.$toast.loading();
+
+      this.$http
+        .post(
+          "http://meihuajing.nxjiewei.com:8011/api/troubleshoot/getTroubleshootDetail",
+          {
+            id: id,
+          }
+        )
+        .then((res) => {
+          this.$toast.clear();
+
+          console.log(res.data.data);
+
+          this.detail = res.data.data;
+
+          const data = res.data.data;
+
+          this.value10 = data.inspected_unit;
+          this.value1 = data.inspection_specialty;
+          this.value2 = data.hidden_danger_level;
+          this.message1 = data.hidden_danger;
+          this.message2 = data.rectification_measures;
+          this.value3 = data.risk_rating.risk_point;
+          this.value4 = data.risk_rating.risk_type;
+          this.value5 = data.risk_rating.risk_level;
+          this.value6 = data.risk_rating.accident_type;
+          this.message3 = data.risk_rating.risk_description;
+          this.message4 = data.risk_rating.consequences_and_impact;
+          this.message5 = data.risk_rating.control_measures;
+          this.message6 = data.rectification_duty_unit;
+          this.message7 = data.rectification_duty_person;
+          this.value7 = data.supervision_department;
+          this.value8 = data.supervision_duty_person;
+          this.value11 = data.rectification_type;
+          this.value9 = data.rectification_term;
+          this.value12 = data.inspected_person;
+        });
+    },
+  },
+  mounted() {
+    document.body.style.backgroundColor = "#f0f0f0"; //背景色
+
+    this.id = getAllUrlParams(window.location.href).id;
+    this.getTroubleshootDetail(this.id);
+  },
+};
+</script>
+
+<style scoped>
+>>> .van-nav-bar {
+  background: #39f;
+}
+>>> .van-nav-bar__title {
+  color: #fff;
+}
+>>> .van-nav-bar .van-icon {
+  color: #fff;
+}
+>>> .van-nav-bar__text {
+  color: #fff;
+}
+[class*="van-hairline"]:after {
+  border: none;
+}
+.headers {
+  width: 100%;
+  background: #fff;
+}
+.contents,
+.contents1,
+.contents2,
+.contents3 {
+  width: 100%;
+  background: #fff;
+  margin-top: 10px;
+}
+.buttons {
+  width: 100%;
+  text-align: center;
+}
+.buttons > .buttons_one {
+  border: none;
+  background: #4dc100;
+  font-size: 14px;
+  width: 100px;
+  height: 40px;
+  line-height: 40px;
+  color: #fff;
+  border-radius: 20px;
+  margin: 15px 20px;
+}
+.buttons > .buttons_two {
+  border: none;
+  background: #c00201;
+  font-size: 14px;
+  width: 100px;
+  height: 40px;
+  line-height: 40px;
+  color: #fff;
+  border-radius: 20px;
+  margin: 15px 20px;
+}
+.contents2_img {
+  display: flex;
+}
+.contents2_img > p {
+  font-size: 14px;
+  margin-left: 16px;
+  color: #646566;
+}
+.contents2_img > div {
+  margin-left: 40px;
+}
+</style>

src/views/meihuajing/yinhuanpaicha/yinhuanform_yzg_wtg.vue

@@ -4,7 +4,15 @@
       <van-nav-bar title="风险评级" left-arrow @click-left="onClickLeft" />
     </div> -->
     <div class="headers">
-
+      <div>
+        <van-field
+          v-model="value12"
+          name="检查人"
+          label="检查人"
+          placeholder="检查人"
+          readonly="false"
+        />
+      </div>
       <div>
         <van-field
           v-model="value10"
@@ -211,7 +219,7 @@
         />
       </div>
 
-      <div v-if="detail.rectification_type == 2">
+      <div>
         <van-field
           v-model="value9"
           name="整改期限"
@@ -269,6 +277,15 @@
             readonly="false"
           />
           <van-field
+            v-model="message9"
+            rows="1"
+            autosize
+            label="验收意见"
+            type="textarea"
+            placeholder="请输入信息"
+            readonly="false"
+          />
+          <van-field
             v-model="message13"
             rows="1"
             autosize
@@ -320,11 +337,15 @@ export default {
       value10: "",
       // 整改类型
       value11: "",
+      // 检查人
+      value12: "",
 
       // 详情id
       id: "",
       // 详情数据
       detail: {},
+
+
     };
   },
   methods: {
@@ -372,6 +393,8 @@ export default {
           this.value8 = data.supervision_duty_person;
           this.value11 = data.rectification_type;
           this.value9 = data.rectification_term;
+          this.value12 = data.inspected_person
+
 
           this.message8 = data.rectification_opinion;
 

src/views/meihuajing/yinhuanpaicha/yinhuanform_yzg_wys.vue

@@ -220,7 +220,7 @@
         />
       </div>
 
-      <div v-if="detail.rectification_type == 2">
+      <div>
         <van-field
           v-model="value9"
           name="整改期限"
@@ -247,7 +247,23 @@
     </div>
     <div class="contents3">
       <div>
+        <van-cell-group>
+          <van-field
+            v-if="check_accept_department"
+            v-model="check_accept_department"
+            rows="1"
+            autosize
+            label="验收部门"
+            type="textarea"
+            placeholder="请输入信息"
+            readonly="false"
+          />
+        </van-cell-group>
+      </div>
+
+      <div>
         <van-field
+          v-if="!check_accept_department"
           readonly
           clickable
           label="验收部门"
@@ -265,7 +281,7 @@
         </van-popup>
       </div>
 
-      <div>
+      <!-- <div>
         <van-field
           v-model="fieldValue_yanShouRen"
           is-link
@@ -283,9 +299,9 @@
             @finish="onFinish_yanShouRen"
           />
         </van-popup>
-      </div>
+      </div> -->
     </div>
-    <div class="buttons">
+    <div class="buttons" v-if="!check_accept_department">
       <button @click="tijiao">确认提交</button>
     </div>
   </div>
@@ -336,7 +352,6 @@ export default {
       // 检查人
       value13: "",
 
-
       // 验收部门选项
       columns12: [],
 
@@ -356,9 +371,11 @@ export default {
       show_yanShouRen: false,
 
       fieldValue_yanShouRen: "",
-      cascaderValue_yanShouRen:"",
+      cascaderValue_yanShouRen: "",
 
       options: [],
+
+      check_accept_department: "",
     };
   },
   methods: {
@@ -370,10 +387,10 @@ export default {
     tijiao() {
       console.log(this.sectionArr_id, this.staffArr_id);
 
-      if(this.sectionArr_id == "" || this.staffArr_id == ""){
+      if (this.sectionArr_id == "") {
         this.$toast("请填写完整后再提交!");
 
-        return
+        return;
       }
 
       this.$toast.loading();
@@ -384,7 +401,8 @@ export default {
           {
             id: this.id,
             check_accept_department: this.sectionArr_id,
-            check_accept_duty_person: this.staffArr_id,
+            // check_accept_duty_person: this.staffArr_id,
+            type: 4,
           }
         )
         .then((res) => {
@@ -438,7 +456,6 @@ export default {
           res.data.data.sectionArr.forEach((item, index) => {
             this.columns12.push(item.title);
           });
-         
         });
     },
 
@@ -480,10 +497,11 @@ export default {
           this.value8 = data.supervision_duty_person;
           this.value11 = data.rectification_type;
           this.value9 = data.rectification_term;
-          this.value13 = data.inspected_person
-
+          this.value13 = data.inspected_person;
 
           this.message8 = data.rectification_opinion;
+
+          this.check_accept_department = data.check_accept_department;
         });
     },
 

src/views/meihuajing/yinhuanpaicha/yinhuanform_yzg_yq.vue

@@ -4,7 +4,15 @@
       <van-nav-bar title="风险评级" left-arrow @click-left="onClickLeft" />
     </div>
     <div class="headers">
-
+      <div>
+        <van-field
+          v-model="value12"
+          name="检查人"
+          label="检查人"
+          placeholder="检查人"
+          readonly="false"
+        />
+      </div>
       <div>
         <van-field
           v-model="value10"
@@ -311,6 +319,8 @@ export default {
       value10: "",
       // 整改类型
       value11: "",
+      // 检查人
+      value12: "",
 
       // 详情id
       id: "",
@@ -363,6 +373,8 @@ export default {
           this.value8 = data.supervision_duty_person;
           this.value11 = data.rectification_type;
           this.value9 = data.rectification_term;
+          this.value12 = data.inspected_person
+
 
           this.message8 = data.rectification_opinion;