上线金家渠隐患排查

src/router/index.js

@@ -603,6 +603,208 @@ const routes = [
       title: "安全管理"
     }
   },
+
+  //金家渠隐患排查首页
+  {
+    path: "/jinjiaqu/yinhuanpaicha/yinhuanlist",
+    name: "yinhuanlist",
+    component: () => import("../views/jinjiaqu/yinhuanpaicha/yinhuanlist.vue"),
+    meta: {
+      title: "风险预控系统"
+    }
+  },
+  //金家渠隐患排查
+  {
+    path: "/jinjiaqu/yinhuanpaicha/yinhuaninfo",
+    name: "yinhuaninfo",
+    component: () => import("../views/jinjiaqu/yinhuanpaicha/yinhuaninfo.vue"),
+    meta: {
+      title: "隐患排查"
+    }
+  },
+  //金家渠隐患排查提交
+  {
+    path: "/jinjiaqu/yinhuanpaicha/yinhuanform",
+    name: "yinhuanform",
+    component: () => import("../views/jinjiaqu/yinhuanpaicha/yinhuanform.vue"),
+    meta: {
+      title: "隐患录入"
+    }
+  },
+  //我的整改 未整改
+  {
+    path: "/jinjiaqu/yinhuanpaicha/yinhuanform_my_wzg",
+    name: "yinhuanform_my_wzg",
+    component: () => import("../views/jinjiaqu/yinhuanpaicha/yinhuanform_my_wzg.vue"),
+    meta: {
+      title: "隐患详情"
+    }
+  },
+  //我的整改 已整改
+  {
+    path: "/jinjiaqu/yinhuanpaicha/yinhuanform_my_yzg",
+    name: "yinhuanform_my_yzg",
+    component: () => import("../views/jinjiaqu/yinhuanpaicha/yinhuanform_my_yzg.vue"),
+    meta: {
+      title: "隐患详情"
+    }
+  },
+
+  //我的整改 申请延期
+  {
+    path: "/jinjiaqu/yinhuanpaicha/yinhuanform_my_sqyq",
+    name: "yinhuanform_my_sqyq",
+    component: () => import("../views/jinjiaqu/yinhuanpaicha/yinhuanform_my_sqyq.vue"),
+    meta: {
+      title: "申请延期"
+    }
+  },
+  //我的整改 未整改逾期
+  {
+    path: "/jinjiaqu/yinhuanpaicha/yinhuanform_wzgyq",
+    name: "yinhuanform_wzgyq",
+    component: () => import("../views/jinjiaqu/yinhuanpaicha/yinhuanform_wzgyq.vue"),
+    meta: {
+      title: "隐患详情"
+    }
+  },
+
+  //我的验收 未验收
+  {
+    path: "/jinjiaqu/yinhuanpaicha/yinhuanform_my_wys",
+    name: "yinhuanform_my_wys",
+    component: () => import("../views/jinjiaqu/yinhuanpaicha/yinhuanform_my_wys.vue"),
+    meta: {
+      title: "隐患详情"
+    }
+  },
+  //我的验收 已验收
+  {
+    path: "/jinjiaqu/yinhuanpaicha/yinhuanform_my_yys",
+    name: "yinhuanform_my_yys",
+    component: () => import("../views/jinjiaqu/yinhuanpaicha/yinhuanform_my_yys.vue"),
+    meta: {
+      title: "隐患详情"
+    }
+  },
+
+  //金家渠隐患排查验收
+  {
+    path: "/jinjiaqu/yinhuanpaicha/yinhuanformy",
+    name: "yinhuanformy",
+    component: () => import("../views/jinjiaqu/yinhuanpaicha/yinhuanformy.vue"),
+    meta: {
+      title: "隐患详情"
+    }
+  },
+
+
+  // 未整改 未验收
+  {
+    path: "/jinjiaqu/yinhuanpaicha/yinhuanform_wzg_wys",
+    name: "yinhuanform_wzg_wys",
+    component: () => import("../views/jinjiaqu/yinhuanpaicha/yinhuanform_wzg_wys.vue"),
+    meta: {
+      title: "隐患详情"
+    }
+  },
+  // 已整改 未验收
+  {
+    path: "/jinjiaqu/yinhuanpaicha/yinhuanform_yzg_wys",
+    name: "yinhuanform_yzg_wys",
+    component: () => import("../views/jinjiaqu/yinhuanpaicha/yinhuanform_yzg_wys.vue"),
+    meta: {
+      title: "隐患详情"
+    }
+  },
+  // 已整改 逾期
+  {
+    path: "/jinjiaqu/yinhuanpaicha/yinhuanform_yzg_yq",
+    name: "yinhuanform_yzg_yq",
+    component: () => import("../views/jinjiaqu/yinhuanpaicha/yinhuanform_yzg_yq.vue"),
+    meta: {
+      title: "隐患详情"
+    }
+  },
+  // 已整改 未通过
+  {
+    path: "/jinjiaqu/yinhuanpaicha/yinhuanform_yzg_wtg",
+    name: "yinhuanform_yzg_wtg",
+    component: () => import("../views/jinjiaqu/yinhuanpaicha/yinhuanform_yzg_wtg.vue"),
+    meta: {
+      title: "隐患详情"
+    }
+  },
+  // 逾期 未验收
+  {
+    path: "/jinjiaqu/yinhuanpaicha/yinhuanform_yq_wys",
+    name: "yinhuanform_yq_wys",
+    component: () => import("../views/jinjiaqu/yinhuanpaicha/yinhuanform_yq_wys.vue"),
+    meta: {
+      title: "隐患详情"
+    }
+  },
+  // 申请延期 未验收
+  {
+    path: "/jinjiaqu/yinhuanpaicha/yinhuanform_sqyq_wys",
+    name: "yinhuanform_sqyq_wys",
+    component: () => import("../views/jinjiaqu/yinhuanpaicha/yinhuanform_sqyq_wys.vue"),
+    meta: {
+      title: "隐患详情"
+    }
+  },
+
+  // 安全管理审核
+  // 逾期 未验收
+  {
+    path: "/jinjiaqu/yinhuanpaicha/yinhuanform_aqglsh_yq_wys",
+    name: "yinhuanform_aqglsh_yq_wys",
+    component: () => import("../views/jinjiaqu/yinhuanpaicha/yinhuanform_aqglsh_yq_wys.vue"),
+    meta: {
+      title: "隐患详情"
+    }
+  },
+  // 已整改 未通过
+  {
+    path: "/jinjiaqu/yinhuanpaicha/yinhuanform_aqglsh_yzg_wtg",
+    name: "yinhuanform_aqglsh_yzg_wtg",
+    component: () => import("../views/jinjiaqu/yinhuanpaicha/yinhuanform_aqglsh_yzg_wtg.vue"),
+    meta: {
+      title: "隐患详情"
+    }
+  },
+
+
+  //金家渠隐患排查验收完成
+  {
+    path: "/jinjiaqu/yinhuanpaicha/yinhuanformok",
+    name: "yinhuanformok",
+    component: () => import("../views/jinjiaqu/yinhuanpaicha/yinhuanformok.vue"),
+    meta: {
+      title: "风险评级"
+    }
+  },
+
+  //隐患公示
+  {
+    path: "/jinjiaqu/yinhuanpaicha/yinhuaninfo_gongshi",
+    name: "yinhuaninfo_gongshi",
+    component: () => import("../views/jinjiaqu/yinhuanpaicha/yinhuaninfo_gongshi.vue"),
+    meta: {
+      title: "隐患公示"
+    }
+  },
+
+  //督办详情
+  {
+    path: "/jinjiaqu/yinhuanpaicha/yinhuaninfo_duban",
+    name: "yinhuaninfo_duban",
+    component: () => import("../views/jinjiaqu/yinhuanpaicha/yinhuaninfo_duban.vue"),
+    meta: {
+      title: "安全管理"
+    }
+  },
+
   //路由重定向
   {
     path: '/',

src/views/jinjiaqu/yinhuanpaicha/yinhuanform_aqglsh_yq_wys.vue

@@ -0,0 +1,615 @@
+<template>
+  <div>
+    <!-- <div v-if="shows">
+      <van-nav-bar title="风险评级" left-arrow @click-left="onClickLeft" />
+    </div> -->
+    <div class="headers">
+      <div>
+        <van-field
+          v-model="value10"
+          name="检查人部门"
+          label="检查人部门"
+          placeholder="检查人部门"
+          readonly="false"
+        />
+      </div>
+
+      <div>
+        <van-field
+          v-model="value12"
+          name="检查人"
+          label="检查人"
+          placeholder="检查人"
+          readonly="false"
+        />
+      </div>
+
+       <div>
+        <van-field
+          v-model="inspection_time"
+          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"
+        />
+        <van-field
+          v-model="value13"
+          rows="1"
+          autosize
+          label="检查地点"
+          type="textarea"
+          placeholder=""
+          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 style="display: flex; align-items: center">
+        <van-field name="switch" label="对应标准">
+          <template #input>
+            <van-switch v-model="switchChecked" size="15" />
+          </template>
+        </van-field>
+      </div>
+      <div v-if="switchChecked">
+        <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>
+    </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 {
+      switchChecked: false,
+      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: "",
+      value13: "",
+      // 检查时间
+      inspection_time:""
+    };
+  },
+  methods: {
+    //返回按钮
+    onClickLeft() {
+      window.history.back();
+      // console.log("sss");
+    },
+
+    // 获取详情
+    getTroubleshootDetail(id) {
+      this.$toast.loading();
+
+      this.$http
+        .post(
+          "http://jinjiaqu.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 = "未通过";
+          this.value13 = data.inspection_location;
+          this.inspection_time = data.inspection_time
+
+        });
+    },
+
+    // 选择督办
+    // 获取部门、人
+    getSectionStaff() {
+      this.$http
+        .post(
+          "http://jinjiaqu.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://jinjiaqu.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://jinjiaqu.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/jinjiaqu/yinhuanpaicha/yinhuanform_aqglsh_yzg_wtg.vue

@@ -0,0 +1,665 @@
+<template>
+  <div>
+    <!-- <div v-if="shows">
+      <van-nav-bar title="风险评级" left-arrow @click-left="onClickLeft" />
+    </div> -->
+    <div class="headers">
+      <div>
+        <van-field
+          v-model="value10"
+          name="检查人部门"
+          label="检查人部门"
+          placeholder="检查人部门"
+          readonly="false"
+        />
+      </div>
+
+      <div>
+        <van-field
+          v-model="value12"
+          name="检查人"
+          label="检查人"
+          placeholder="检查人"
+          readonly="false"
+        />
+      </div>
+
+      <div>
+        <van-field
+          v-model="inspection_time"
+          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"
+        />
+        <van-field
+          v-model="value13"
+          rows="1"
+          autosize
+          label="检查地点"
+          type="textarea"
+          placeholder=""
+          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 style="display: flex; align-items: center">
+        <van-field name="switch" label="对应标准">
+          <template #input>
+            <van-switch v-model="switchChecked" size="15" />
+          </template>
+        </van-field>
+      </div>
+      <div v-if="switchChecked">
+        <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>
+    </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 {
+      switchChecked: false,
+      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: "",
+      value13: "",
+      // 检查时间
+      inspection_time:""
+    };
+  },
+  methods: {
+    //返回按钮
+    onClickLeft() {
+      window.history.back();
+      // console.log("sss");
+    },
+
+    // 获取详情
+    getTroubleshootDetail(id) {
+      this.$toast.loading();
+
+      this.$http
+        .post(
+          "http://jinjiaqu.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 = "未通过";
+          this.value13 = data.inspection_location;
+          this.inspection_time = data.inspection_time
+        });
+    },
+
+    // 选择督办
+    // 获取部门、人
+    getSectionStaff() {
+      this.$http
+        .post(
+          "http://jinjiaqu.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://jinjiaqu.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://jinjiaqu.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/jinjiaqu/yinhuanpaicha/yinhuanform_my_sqyq.vue

@@ -0,0 +1,446 @@
+<template>
+  <div>
+    <!-- <div v-if="shows">
+      <van-nav-bar title="风险评级" left-arrow @click-left="onClickLeft" />
+    </div> -->
+    <div class="headers">
+      <div>
+        <van-field
+          v-model="value10"
+          name="检查人部门"
+          label="检查人部门"
+          placeholder="检查人部门"
+          readonly="false"
+        />
+      </div>
+
+      <div>
+        <van-field
+          v-model="value12"
+          name="检查人"
+          label="检查人"
+          placeholder="检查人"
+          readonly="false"
+        />
+      </div>
+
+      <div>
+        <van-field
+          v-model="inspection_time"
+          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"
+        />
+        <van-field
+          v-model="value13"
+          rows="1"
+          autosize
+          label="检查地点"
+          type="textarea"
+          placeholder=""
+          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 style="display: flex; align-items: center">
+        <van-field name="switch" label="对应标准">
+          <template #input>
+            <van-switch v-model="switchChecked" size="15" />
+          </template>
+        </van-field>
+      </div>
+      <div v-if="switchChecked">
+        <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>
+    </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 {
+      switchChecked: false,
+      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: {},
+      value13:"",
+       // 检查时间
+      inspection_time:""
+    };
+  },
+  methods: {
+    //返回按钮
+    onClickLeft() {
+      window.history.back();
+      // console.log("sss");
+    },
+
+    afterRead(file) {
+      console.log(file);
+    },
+
+    // 获取详情
+    getTroubleshootDetail(id) {
+      this.$toast.loading();
+
+      this.$http
+        .post(
+          "http://jinjiaqu.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;
+
+          this.value13 = data.inspection_location;
+          this.inspection_time = data.inspection_time
+
+
+        });
+    },
+  },
+  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/jinjiaqu/yinhuanpaicha/yinhuanform_my_wys.vue

@@ -0,0 +1,554 @@
+<template>
+  <div>
+    <!-- <div v-if="shows">
+      <van-nav-bar title="风险评级" left-arrow @click-left="onClickLeft" />
+    </div> -->
+    <div class="headers">
+      <div>
+        <van-field
+          v-model="value10"
+          name="检查人部门"
+          label="检查人部门"
+          placeholder="检查人部门"
+          readonly="false"
+        />
+      </div>
+
+      <div>
+        <van-field
+          v-model="value12"
+          name="检查人"
+          label="检查人"
+          placeholder="检查人"
+          readonly="false"
+        />
+      </div>
+
+      <div>
+        <van-field
+          v-model="inspection_time"
+          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"
+        />
+        <van-field
+          v-model="value13"
+          rows="1"
+          autosize
+          label="检查地点"
+          type="textarea"
+          placeholder=""
+          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 style="display: flex; align-items: center">
+        <van-field name="switch" label="对应标准">
+          <template #input>
+            <van-switch v-model="switchChecked" size="15" />
+          </template>
+        </van-field>
+      </div>
+      <div v-if="switchChecked">
+        <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>
+    </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="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 class="buttons_one" @click="yanshou(2)">验收通过</button>
+      <button class="buttons_two" @click="yanshou(4)">验收未通过</button>
+    </div>
+  </div>
+</template>
+
+<script>
+import { getAllUrlParams } from "../../../plugins/url-encapsulation.js";
+
+export default {
+  data() {
+    return {
+      switchChecked: false,
+      shows: true,
+      value1: "", //检查专业
+      value2: "", //隐患等级
+      message1: "", //存在问题或隐患
+      message2: "", //整改措施
+      value3: "", //风险点
+      value4: "", //风险类型
+      value5: "", //风险等级
+      value6: "", //事故类型
+      message3: "", //风险描述
+      message4: "", //后果及影响
+      message5: "", //管控措施
+      message6: "", //整改责任单位
+      message7: "", //整改责任人
+      value7: "", //督办部门
+      value8: "", //督办责任人
+      value9: "", //整改期限
+      message8: "", //整改意见
+      message9: "", //验收意见
+      message10: "", //验收日期
+      message11: "", //验收部门
+      message12: "", //验收责任人
+      message13: "", //验收结果
+      showPicker13: false,
+      columns13: ["好", "很好", "非常好"],
+      fileList: [],
+      infos: [],
+      dates: "请选择" ? "请选择" : "",
+      showtime: false,
+
+      // 检查人部门
+      value10: "",
+      // 整改类型
+      value11: "",
+      // 检查人
+      value12: "",
+
+      // 详情id
+      id: "",
+      // 详情数据
+      detail: {},
+      value13:"",
+       // 检查时间
+      inspection_time:""
+    };
+  },
+  methods: {
+    //返回按钮
+    onClickLeft() {
+      window.history.back();
+      // console.log("sss");
+    },
+    yanshou(status) {
+      console.log(status, this.message9, this.dates);
+
+      if (this.message9 == "") {
+        this.$toast("请填写验收意见");
+        return;
+      }
+
+      if (this.dates == "请选择") {
+        this.$toast("请选择验收日期");
+        return;
+      }
+
+      this.$toast.loading();
+
+      this.$http
+        .post(
+          "http://jinjiaqu.nxjiewei.com:8011/api/troubleshoot/updateTroubleshoot",
+          {
+            id: this.id,
+            check_accept_opinion: this.message9,
+            check_accept_date: this.dates,
+            status: status,
+            type: 5,
+          }
+        )
+        .then((res) => {
+          this.$toast.clear();
+
+          console.log(res.data);
+
+          window.history.back();
+        });
+    },
+    afterRead(file) {
+      console.log(file);
+    },
+    formatDate(date) {
+      return `${date.getFullYear()}-${date.getMonth() + 1}-${date.getDate()}`;
+    },
+    onConfirm(date) {
+      this.showtime = false;
+      this.dates = this.formatDate(date);
+      console.log(this.dates);
+    },
+    onConfirm13(value) {
+      console.log(value);
+      this.message13 = value;
+      this.showPicker13 = false;
+    },
+
+    // 获取详情
+    getTroubleshootDetail(id) {
+      this.$toast.loading();
+
+      this.$http
+        .post(
+          "http://jinjiaqu.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.message11 = data.check_accept_department;
+          this.message12 = data.check_accept_duty_person;
+          this.value13 = data.inspection_location;
+          this.inspection_time = data.inspection_time
+
+
+        });
+    },
+  },
+  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;
+}
+>>> .van-cell__title,
+.van-cell__value {
+  -webkit-box-flex: 1;
+  -webkit-flex: none;
+  flex: none;
+}
+>>> .van-cell__value > span {
+  padding-left: 42px;
+}
+.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/jinjiaqu/yinhuanpaicha/yinhuanform_my_wzg.vue

@@ -0,0 +1,678 @@
+<template>
+  <div>
+    <!-- <div v-if="shows">
+      <van-nav-bar title="风险评级" left-arrow @click-left="onClickLeft" />
+    </div> -->
+    <div class="headers">
+      <div>
+        <van-field
+          v-model="value10"
+          name="检查人部门"
+          label="检查人部门"
+          placeholder="检查人部门"
+          readonly="false"
+        />
+      </div>
+
+      <div>
+        <van-field
+          v-model="value12"
+          name="检查人"
+          label="检查人"
+          placeholder="检查人"
+          readonly="false"
+        />
+      </div>
+
+       <div>
+        <van-field
+          v-model="inspection_time"
+          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"
+        />
+        <van-field
+          v-model="value13"
+          rows="1"
+          autosize
+          label="检查地点"
+          type="textarea"
+          placeholder=""
+          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 style="display: flex; align-items: center">
+        <van-field name="switch" label="对应标准">
+          <template #input>
+            <van-switch v-model="switchChecked" size="15" />
+          </template>
+        </van-field>
+      </div>
+      <div v-if="switchChecked">
+        <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>
+    </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" 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
+            label="整改意见"
+            type="textarea"
+            placeholder="请输入信息"
+          />
+        </van-cell-group>
+        <!-- <div class="contents2_img">
+          <p>添加图片</p>
+          <div>
+            <van-uploader :after-read="uploadImg" v-model="fileList" multiple />
+
+          </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>
+    </div>
+  </div>
+</template>
+
+<script>
+import { getAllUrlParams } from "../../../plugins/url-encapsulation.js";
+
+export default {
+  data() {
+    return {
+      switchChecked: false,
+      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: {},
+
+      // 延期
+      value_yanqi: "",
+      showPicker_yanqi: false,
+      columns_yanqi: ["是", "否"],
+
+      // 是否延期标识
+      yanqi: false,
+
+      // 延期原因
+      message9: "",
+      // 延期日期
+      dates: "请选择" ? "请选择" : "",
+      showtime: false,
+
+      message10: "",
+      message11: "",
+      message12: "",
+      message13: "",
+
+      deferred_approval_status: " ",
+      value13: "",
+      // 检查时间
+      inspection_time:""
+    };
+  },
+  methods: {
+    //返回按钮
+    onClickLeft() {
+      window.history.back();
+      // console.log("sss");
+    },
+
+    // 压缩图片
+    // uploadImg(file) {
+    //   // 大于3MB的jpeg和png图片都缩小像素上传
+    //   if (/\/(?:jpeg|png)/i.test(file.file.type) && file.file.size > 3000000) {
+    //     // 创建Canvas对象(画布)
+    //     let canvas = document.createElement("canvas");
+    //     // 获取对应的CanvasRenderingContext2D对象(画笔)
+    //     let context = canvas.getContext("2d");
+    //     // 创建新的图片对象
+    //     let img = new Image();
+    //     // 指定图片的DataURL(图片的base64编码数据)
+    //     img.src = file.content;
+    //     // 监听浏览器加载图片完成，然后进行绘制
+    //     img.onload = () => {
+    //       // 指定canvas画布大小，该大小为最后生成图片的大小
+    //       canvas.width = 800;
+    //       canvas.height = 600;
+    //       /* drawImage画布绘制的方法。(0,0)表示以Canvas画布左上角为起点，400，300是将图片按给定的像素进行缩小。*/
+    //       /* 如果不指定缩小的像素，图片将以图片原始大小进行绘制，图片像素如果大于画布将会从左上角开始按画布大小部分绘制图片，最后得到的图片就是张局部图。图片小于画布就会有黑边。*/
+    //       context.drawImage(img, 0, 0, 800, 600);
+    //       // 将绘制完成的图片重新转化为base64编码，file.file.type为图片类型，0.92为默认压缩质量
+    //       file.content = canvas.toDataURL(file.file.type, 0.92);
+    //     }
+    //   }
+    // },
+    onConfirm_yanqi(value, index) {
+      console.log(value, index);
+      if (this.deferred_approval_status == 3) {
+        this.$toast("申请延期不通过不能再延期!");
+
+        return;
+      }
+
+      if (index == 0) {
+        // 延期
+        this.yanqi = true;
+      } else if (index == 1) {
+        // 不延期
+        this.yanqi = false;
+      }
+
+      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);
+    },
+
+    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://jinjiaqu.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://jinjiaqu.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);
+    },
+
+    // 获取详情
+    getTroubleshootDetail(id) {
+      this.$toast.loading();
+
+      this.$http
+        .post(
+          "http://jinjiaqu.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.value13 = data.inspection_location;
+          this.inspection_time = data.inspection_time
+
+
+          // 延期
+          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 = "不通过";
+          }
+        });
+    },
+  },
+  mounted() {
+    document.body.style.backgroundColor = "#f0f0f0"; //背景色
+
+    this.id = getAllUrlParams(window.location.href).id;
+    this.getTroubleshootDetail(this.id);
+
+    this.onConfirm_yanqi("否", 1);
+  },
+};
+</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;
+}
+.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/jinjiaqu/yinhuanpaicha/yinhuanform_my_yys.vue

@@ -0,0 +1,517 @@
+<template>
+  <div>
+    <!-- <div v-if="shows">
+      <van-nav-bar title="风险评级" left-arrow @click-left="onClickLeft" />
+    </div> -->
+    <div class="headers">
+      <div>
+        <van-field
+          v-model="value10"
+          name="检查人部门"
+          label="检查人部门"
+          placeholder="检查人部门"
+          readonly="false"
+        />
+      </div>
+
+      <div>
+        <van-field
+          v-model="value12"
+          name="检查人"
+          label="检查人"
+          placeholder="检查人"
+          readonly="false"
+        />
+      </div>
+
+       <div>
+        <van-field
+          v-model="inspection_time"
+          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"
+        />
+        <van-field
+          v-model="value13"
+          rows="1"
+          autosize
+          label="检查地点"
+          type="textarea"
+          placeholder=""
+          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 style="display: flex; align-items: center">
+        <van-field name="switch" label="对应标准">
+          <template #input>
+            <van-switch v-model="switchChecked" size="15" />
+          </template>
+        </van-field>
+      </div>
+      <div v-if="switchChecked">
+        <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>
+    </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" style="margin-bottom: 40px">
+      <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="message9"
+            rows="1"
+            autosize
+            label="验收意见"
+            type="textarea"
+            placeholder="请输入信息"
+            readonly="false"
+          />
+          <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 {
+      switchChecked: false,
+      shows: true,
+      value1: "", //检查专业
+      value2: "", //隐患等级
+      message1: "", //存在问题或隐患
+      message2: "", //整改措施
+      value3: "", //风险点
+      value4: "", //风险类型
+      value5: "", //风险等级
+      value6: "", //事故类型
+      message3: "", //风险描述
+      message4: "", //后果及影响
+      message5: "", //管控措施
+      message6: "", //整改责任单位
+      message7: "", //整改责任人
+      value7: "", //督办部门
+      value8: "", //督办责任人
+      value9: "", //整改期限
+      message8: "", //整改意见
+      message9: "", //验收意见
+      message10: "", //验收日期
+      message11: "", //验收部门
+      message12: "", //验收责任人
+      message13: "", //验收结果
+      showPicker13: false,
+      columns13: ["好", "很好", "非常好"],
+      fileList: [],
+      infos: [],
+      dates: "请选择" ? "请选择" : "",
+      showtime: false,
+
+      // 检查人部门
+      value10: "",
+      // 整改类型
+      value11: "",
+      // 检查人
+      value12: "",
+
+      // 详情id
+      id: "",
+      // 详情数据
+      detail: {},
+      value13:"",
+      // 检查时间
+      inspection_time:""
+    };
+  },
+  methods: {
+    //返回按钮
+    onClickLeft() {
+      window.history.back();
+      // console.log("sss");
+    },
+
+    afterRead(file) {
+      console.log(file);
+    },
+    formatDate(date) {
+      return `${date.getFullYear()}-${date.getMonth() + 1}-${date.getDate()}`;
+    },
+    onConfirm(date) {
+      this.showtime = false;
+      this.dates = this.formatDate(date);
+      console.log(this.dates);
+    },
+    onConfirm13(value) {
+      console.log(value);
+      this.message13 = value;
+      this.showPicker13 = false;
+    },
+
+    // 获取详情
+    getTroubleshootDetail(id) {
+      this.$toast.loading();
+
+      this.$http
+        .post(
+          "http://jinjiaqu.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.value13 = data.inspection_location;
+          this.inspection_time = data.inspection_time
+
+
+        });
+    },
+  },
+  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;
+}
+>>> .van-cell__title,
+.van-cell__value {
+  -webkit-box-flex: 1;
+  -webkit-flex: none;
+  flex: none;
+}
+>>> .van-cell__value > span {
+  padding-left: 42px;
+}
+.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/jinjiaqu/yinhuanpaicha/yinhuanform_my_yzg.vue

@@ -0,0 +1,429 @@
+<template>
+  <div>
+    <!-- <div v-if="shows">
+      <van-nav-bar title="风险评级" left-arrow @click-left="onClickLeft" />
+    </div> -->
+    <div class="headers">
+      <div>
+        <van-field
+          v-model="value10"
+          name="检查人部门"
+          label="检查人部门"
+          placeholder="检查人部门"
+          readonly="false"
+        />
+      </div>
+      <div>
+        <van-field
+          v-model="value12"
+          name="检查人"
+          label="检查人"
+          placeholder="检查人"
+          readonly="false"
+        />
+      </div>
+
+       <div>
+        <van-field
+          v-model="inspection_time"
+          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"
+        />
+        <van-field
+          v-model="value13"
+          rows="1"
+          autosize
+          label="检查地点"
+          type="textarea"
+          placeholder=""
+          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 style="display: flex; align-items: center">
+        <van-field name="switch" label="对应标准">
+          <template #input>
+            <van-switch v-model="switchChecked" size="15" />
+          </template>
+        </van-field>
+      </div>
+      <div v-if="switchChecked">
+        <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>
+    </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>
+</template>
+
+<script>
+import { getAllUrlParams } from "../../../plugins/url-encapsulation.js";
+
+export default {
+  data() {
+    return {
+      switchChecked: false,
+      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: {},
+      value13:"",
+       // 检查时间
+      inspection_time:""
+
+    };
+  },
+  methods: {
+    //返回按钮
+    onClickLeft() {
+      window.history.back();
+      // console.log("sss");
+    },
+
+    afterRead(file) {
+      console.log(file);
+    },
+
+    // 获取详情
+    getTroubleshootDetail(id) {
+      this.$toast.loading();
+
+      this.$http
+        .post(
+          "http://jinjiaqu.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.value13 = data.inspection_location;
+
+          this.message8 = data.rectification_opinion;
+          this.inspection_time = data.inspection_time
+
+        });
+    },
+  },
+  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/jinjiaqu/yinhuanpaicha/yinhuanform_sqyq_wys.vue

@@ -0,0 +1,508 @@
+<template>
+  <div>
+    <!-- <div v-if="shows">
+      <van-nav-bar title="风险评级" left-arrow @click-left="onClickLeft" />
+    </div> -->
+    <div class="headers">
+      <div>
+        <van-field
+          v-model="value10"
+          name="检查人部门"
+          label="检查人部门"
+          placeholder="检查人部门"
+          readonly="false"
+        />
+      </div>
+
+      <div>
+        <van-field
+          v-model="value12"
+          name="检查人"
+          label="检查人"
+          placeholder="检查人"
+          readonly="false"
+        />
+      </div>
+
+       <div>
+        <van-field
+          v-model="inspection_time"
+          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"
+        />
+        <van-field
+          v-model="value13"
+          rows="1"
+          autosize
+          label="检查地点"
+          type="textarea"
+          placeholder=""
+          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 style="display: flex; align-items: center">
+        <van-field name="switch" label="对应标准">
+          <template #input>
+            <van-switch v-model="switchChecked" size="15" />
+          </template>
+        </van-field>
+      </div>
+      <div v-if="switchChecked">
+        <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>
+    </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 {
+      switchChecked: false,
+      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: "",
+
+      value13:"",
+       // 检查时间
+      inspection_time:""
+
+    };
+  },
+  methods: {
+    //返回按钮
+    onClickLeft() {
+      window.history.back();
+      // console.log("sss");
+    },
+
+    afterRead(file) {
+      console.log(file);
+    },
+
+    // 获取详情
+    getTroubleshootDetail(id) {
+      this.$toast.loading();
+
+      this.$http
+        .post(
+          "http://jinjiaqu.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.value13 = data.inspection_location;
+
+
+          this.message8 = data.rectification_opinion;
+          this.message9 = data.delay_reason;
+          this.message10 = data.delay_term;
+          this.inspection_time = data.inspection_time
+
+        });
+    },
+
+    // 延期审批
+    click(index) {
+      console.log(index, this.message11);
+
+      if (this.message11 == "") {
+        this.$toast("请填写审批留言。");
+
+        return;
+      }
+
+      this.$toast.loading();
+
+      this.$http
+        .post(
+          "http://jinjiaqu.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/jinjiaqu/yinhuanpaicha/yinhuanform_wzg_wys.vue

@@ -0,0 +1,423 @@
+<template>
+  <div>
+    <!-- <div v-if="shows">
+      <van-nav-bar title="风险评级" left-arrow @click-left="onClickLeft" />
+    </div> -->
+    <div class="headers">
+      <div>
+        <van-field
+          v-model="value10"
+          name="检查人部门"
+          label="检查人部门"
+          placeholder="检查人部门"
+          readonly="false"
+        />
+      </div>
+
+      <div>
+        <van-field
+          v-model="value12"
+          name="检查人"
+          label="检查人"
+          placeholder="检查人"
+          readonly="false"
+        />
+      </div>
+
+      <div>
+        <van-field
+          v-model="inspection_time"
+          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>
+      <van-field
+        v-model="value13"
+        rows="1"
+        autosize
+        label="检查地点"
+        type="textarea"
+        placeholder=""
+        readonly="false"
+      />
+
+      <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 style="display: flex; align-items: center">
+        <van-field name="switch" label="对应标准">
+          <template #input>
+            <van-switch v-model="switchChecked" size="15" />
+          </template>
+        </van-field>
+      </div>
+      <div v-if="switchChecked">
+        <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>
+    </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>
+</template>
+
+<script>
+import { getAllUrlParams } from "../../../plugins/url-encapsulation.js";
+
+export default {
+  data() {
+    return {
+      switchChecked: false,
+      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:"",
+
+      // 检查时间
+      inspection_time:""
+    };
+  },
+  methods: {
+    //返回按钮
+    onClickLeft() {
+      window.history.back();
+      // console.log("sss");
+    },
+
+    // 获取详情
+    getTroubleshootDetail(id) {
+      this.$toast.loading();
+
+      this.$http
+        .post(
+          "http://jinjiaqu.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.value13 = data.inspection_location;
+          this.inspection_time = data.inspection_time
+        });
+    },
+  },
+  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/jinjiaqu/yinhuanpaicha/yinhuanform_wzgyq.vue

@@ -0,0 +1,436 @@
+<template>
+  <div>
+    <!-- <div v-if="shows">
+      <van-nav-bar title="风险评级" left-arrow @click-left="onClickLeft" />
+    </div> -->
+    <div class="headers">
+      <div>
+        <van-field
+          v-model="value10"
+          name="检查人部门"
+          label="检查人部门"
+          placeholder="检查人部门"
+          readonly="false"
+        />
+      </div>
+
+      <div>
+        <van-field
+          v-model="value12"
+          name="检查人"
+          label="检查人"
+          placeholder="检查人"
+          readonly="false"
+        />
+      </div>
+
+       <div>
+        <van-field
+          v-model="inspection_time"
+          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"
+        />
+        <van-field
+          v-model="value14"
+          rows="1"
+          autosize
+          label="检查地点"
+          type="textarea"
+          placeholder=""
+          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 style="display: flex; align-items: center">
+        <van-field name="switch" label="对应标准">
+          <template #input>
+            <van-switch v-model="switchChecked" size="15" />
+          </template>
+        </van-field>
+      </div>
+      <div v-if="switchChecked">
+        <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>
+    </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 {
+      switchChecked: false,
+      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: "逾期",
+      value14:"",
+        // 检查时间
+      inspection_time:""
+
+    };
+  },
+  methods: {
+    //返回按钮
+    onClickLeft() {
+      window.history.back();
+      // console.log("sss");
+    },
+
+    // 获取详情
+    getTroubleshootDetail(id) {
+      this.$toast.loading();
+
+      this.$http
+        .post(
+          "http://jinjiaqu.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.value14 = data.inspection_location;
+          this.inspection_time = data.inspection_time
+
+
+        });
+    },
+  },
+  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/jinjiaqu/yinhuanpaicha/yinhuanform_yq_wys.vue

@@ -0,0 +1,433 @@
+<template>
+  <div>
+    <!-- <div v-if="shows">
+      <van-nav-bar title="风险评级" left-arrow @click-left="onClickLeft" />
+    </div> -->
+    <div class="headers">
+      <div>
+        <van-field
+          v-model="value10"
+          name="检查人部门"
+          label="检查人部门"
+          placeholder="检查人部门"
+          readonly="false"
+        />
+      </div>
+      <div>
+        <van-field
+          v-model="value12"
+          name="检查人"
+          label="检查人"
+          placeholder="检查人"
+          readonly="false"
+        />
+      </div>
+
+       <div>
+        <van-field
+          v-model="inspection_time"
+          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"
+        />
+        <van-field
+          v-model="value14"
+          rows="1"
+          autosize
+          label="检查地点"
+          type="textarea"
+          placeholder=""
+          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 style="display: flex; align-items: center">
+        <van-field name="switch" label="对应标准">
+          <template #input>
+            <van-switch v-model="switchChecked" size="15" />
+          </template>
+        </van-field>
+      </div>
+      <div v-if="switchChecked">
+        <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>
+    </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 {
+      switchChecked: false,
+      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: "逾期",
+      value14: "",
+      inspection_time:""
+
+    };
+  },
+  methods: {
+    //返回按钮
+    onClickLeft() {
+      window.history.back();
+      // console.log("sss");
+    },
+
+    // 获取详情
+    getTroubleshootDetail(id) {
+      this.$toast.loading();
+
+      this.$http
+        .post(
+          "http://jinjiaqu.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.value14 = data.inspection_location;
+          this.inspection_time = data.inspection_time
+
+        });
+    },
+  },
+  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/jinjiaqu/yinhuanpaicha/yinhuanform_yzg_wtg.vue

@@ -0,0 +1,495 @@
+<template>
+  <div>
+    <!-- <div v-if="shows">
+      <van-nav-bar title="风险评级" left-arrow @click-left="onClickLeft" />
+    </div> -->
+    <div class="headers">
+      <div>
+        <van-field
+          v-model="value10"
+          name="检查人部门"
+          label="检查人部门"
+          placeholder="检查人部门"
+          readonly="false"
+        />
+      </div>
+      <div>
+        <van-field
+          v-model="value12"
+          name="检查人"
+          label="检查人"
+          placeholder="检查人"
+          readonly="false"
+        />
+      </div>
+
+       <div>
+        <van-field
+          v-model="inspection_time"
+          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"
+        />
+        <van-field
+          v-model="value13"
+          rows="1"
+          autosize
+          label="检查地点"
+          type="textarea"
+          placeholder=""
+          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 style="display: flex; align-items: center">
+        <van-field name="switch" label="对应标准">
+          <template #input>
+            <van-switch v-model="switchChecked" size="15" />
+          </template>
+        </van-field>
+      </div>
+      <div v-if="switchChecked">
+        <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>
+    </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>
+</template>
+
+<script>
+import { getAllUrlParams } from "../../../plugins/url-encapsulation.js";
+
+export default {
+  data() {
+    return {
+      switchChecked: false,
+      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: "",
+      inspection_time:""
+    };
+  },
+  methods: {
+    //返回按钮
+    onClickLeft() {
+      window.history.back();
+      // console.log("sss");
+    },
+
+    // 获取详情
+    getTroubleshootDetail(id) {
+      this.$toast.loading();
+
+      this.$http
+        .post(
+          "http://jinjiaqu.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.value13 = data.inspection_location;
+
+          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 = "未通过";
+          this.inspection_time = data.inspection_time
+
+        });
+    },
+  },
+  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/jinjiaqu/yinhuanpaicha/yinhuanform_yzg_wys.vue

@@ -0,0 +1,633 @@
+<template>
+  <div>
+    <!-- <div v-if="shows">
+      <van-nav-bar title="风险评级" left-arrow @click-left="onClickLeft" />
+    </div> -->
+    <div class="headers">
+      <div>
+        <van-field
+          v-model="value10"
+          name="检查人部门"
+          label="检查人部门"
+          placeholder="检查人部门"
+          readonly="false"
+        />
+      </div>
+      <div>
+        <van-field
+          v-model="value13"
+          name="检查人"
+          label="检查人"
+          placeholder="检查人"
+          readonly="false"
+        />
+      </div>
+
+       <div>
+        <van-field
+          v-model="inspection_time"
+          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"
+        />
+        <van-field
+          v-model="value14"
+          rows="1"
+          autosize
+          label="检查地点"
+          type="textarea"
+          placeholder=""
+          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 style="display: flex; align-items: center">
+        <van-field name="switch" label="对应标准">
+          <template #input>
+            <van-switch v-model="switchChecked" size="15" />
+          </template>
+        </van-field>
+      </div>
+      <div v-if="switchChecked">
+        <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>
+    </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-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="验收部门"
+          :value="value12"
+          placeholder="请选择"
+          @click="showPicker12 = true"
+        />
+        <van-popup v-model="showPicker12" round position="bottom">
+          <van-picker
+            show-toolbar
+            :columns="columns12"
+            @cancel="showPicker12 = false"
+            @confirm="onConfirm12"
+          />
+        </van-popup>
+      </div>
+    </div>
+    <div class="buttons" v-if="!check_accept_department">
+      <button @click="tijiao">确认提交</button>
+    </div>
+  </div>
+</template>
+
+<script>
+import { getAllUrlParams } from "../../../plugins/url-encapsulation.js";
+
+export default {
+  data() {
+    return {
+      switchChecked: false,
+      shows: true,
+      value1: "", //检查专业
+      value2: "", //隐患等级
+      message1: "", //存在问题或隐患
+      message2: "", //整改措施
+      value3: "", //风险点
+      value4: "", //风险类型
+      value5: "", //风险等级
+      value6: "", //事故类型
+      message3: "", //风险描述
+      message4: "", //后果及影响
+      message5: "", //管控措施
+      message6: "", //整改责任单位
+      message7: "", //整改责任人
+      value7: "", //督办部门
+      value8: "", //督办责任人
+      value9: "", //整改期限
+      message8: "", //整改意见
+      message9: "", //验收意见
+      message10: "", //验收日期
+      message11: "", //验收部门
+      message12: "", //验收责任人
+      message13: "", //验收结果
+      showPicker12: false,
+      showPicker13: false,
+      fileList: [],
+      infos: [],
+      dates: "请选择" ? "请选择" : "",
+      showtime: false,
+
+      // 检查人部门
+      value10: "",
+      // 整改类型
+      value11: "",
+      // 验收部门
+      value12: "",
+      // 检查人
+      value13: "",
+
+      // 验收部门选项
+      columns12: [],
+
+      // 详情id
+      id: "",
+      // 详情数据
+      detail: {},
+
+      // 验收部门
+      sectionArr: [],
+      sectionArr_id: "",
+      // 验收责任人
+      staffArr: [],
+      staffArr_id: "",
+
+      // 筛选整改人
+      show_yanShouRen: false,
+
+      fieldValue_yanShouRen: "",
+      cascaderValue_yanShouRen: "",
+
+      options: [],
+
+      check_accept_department: "",
+      value14:"",
+       inspection_time:""
+    };
+  },
+  methods: {
+    //返回按钮
+    onClickLeft() {
+      window.history.back();
+      // console.log("sss");
+    },
+    tijiao() {
+      console.log(this.sectionArr_id, this.staffArr_id);
+
+      if (this.sectionArr_id == "") {
+        this.$toast("请填写完整后再提交!");
+
+        return;
+      }
+
+      this.$toast.loading();
+
+      this.$http
+        .post(
+          "http://jinjiaqu.nxjiewei.com:8011/api/troubleshoot/updateTroubleshoot",
+          {
+            id: this.id,
+            check_accept_department: this.sectionArr_id,
+            // check_accept_duty_person: this.staffArr_id,
+            type: 4,
+          }
+        )
+        .then((res) => {
+          this.$toast.clear();
+
+          console.log(res.data);
+
+          window.history.back();
+        });
+    },
+    afterRead(file) {
+      console.log(file);
+    },
+    formatDate(date) {
+      return `${date.getFullYear()}-${date.getMonth() + 1}-${date.getDate()}`;
+    },
+
+    onConfirm12(value, index) {
+      console.log(value, index);
+
+      this.sectionArr_id = this.sectionArr[index].id;
+
+      this.value12 = value;
+      this.showPicker12 = false;
+    },
+
+    onConfirm13(value, index) {
+      console.log(value, index);
+
+      this.staffArr_id = this.staffArr[index].id;
+
+      this.value13 = value;
+      this.showPicker13 = false;
+    },
+
+    // 获取部门 和 责任人数据
+    getStaffAndSectionData() {
+      this.$http
+        .post(
+          "http://jinjiaqu.nxjiewei.com:8011/api/troubleshoot/getStaffAndSectionData",
+          {}
+        )
+        .then((res) => {
+          console.log(res.data);
+
+          this.sectionArr = res.data.data.sectionArr;
+          this.staffArr = res.data.data.staffArr;
+
+          // 验收部门
+          this.columns12 = [];
+          res.data.data.sectionArr.forEach((item, index) => {
+            this.columns12.push(item.title);
+          });
+        });
+    },
+
+    // 获取详情
+    getTroubleshootDetail(id) {
+      this.$toast.loading();
+
+      this.$http
+        .post(
+          "http://jinjiaqu.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.value13 = data.inspected_person;
+          this.value14 = data.inspection_location;
+
+
+          this.message8 = data.rectification_opinion;
+
+          this.check_accept_department = data.check_accept_department;
+          this.inspection_time = data.inspection_time
+          
+
+        });
+    },
+
+    // 获取部门、人
+    getSectionStaff() {
+      this.$http
+        .post(
+          "http://jinjiaqu.nxjiewei.com:8011/api/section/getSectionStaff",
+          {}
+        )
+        .then((res) => {
+          console.log(res.data.data);
+          this.options = res.data.data;
+        });
+    },
+
+    // 选择验收责任人
+    onFinish_yanShouRen({ selectedOptions }) {
+      this.show_yanShouRen = false;
+      this.fieldValue_yanShouRen = selectedOptions
+        .map((option) => option.text)
+        .join("--");
+
+      console.log(selectedOptions[1].value);
+
+      this.staffArr_id = selectedOptions[1].value;
+    },
+  },
+  mounted() {
+    document.body.style.backgroundColor = "#f0f0f0"; //背景色
+
+    this.id = getAllUrlParams(window.location.href).id;
+    this.getTroubleshootDetail(this.id);
+
+    // 获取部门 和 责任人数据
+    this.getStaffAndSectionData();
+    this.getSectionStaff();
+  },
+};
+</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;
+}
+>>> .van-cell__title,
+.van-cell__value {
+  -webkit-box-flex: 1;
+  -webkit-flex: none;
+  flex: none;
+}
+>>> .van-cell__value > span {
+  padding-left: 42px;
+}
+.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;
+} */
+
+.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/jinjiaqu/yinhuanpaicha/yinhuanform_yzg_yq.vue

@@ -0,0 +1,477 @@
+<template>
+  <div>
+    <div class="headers">
+      <div>
+        <van-field
+          v-model="value10"
+          name="检查人部门"
+          label="检查人部门"
+          placeholder="检查人部门"
+          readonly="false"
+        />
+      </div>
+      <div>
+        <van-field
+          v-model="value12"
+          name="检查人"
+          label="检查人"
+          placeholder="检查人"
+          readonly="false"
+        />
+      </div>
+
+      <div>
+        <van-field
+          v-model="inspection_time"
+          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"
+        />
+        <van-field
+          v-model="value13"
+          rows="1"
+          autosize
+          label="检查地点"
+          type="textarea"
+          placeholder=""
+          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 style="display: flex; align-items: center">
+        <van-field name="switch" label="对应标准">
+          <template #input>
+            <van-switch v-model="switchChecked" size="15" />
+          </template>
+        </van-field>
+      </div>
+      <div v-if="switchChecked">
+        <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>
+    </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 v-if="detail.rectification_type == 2">
+        <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="message13"
+            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 {
+      switchChecked: false,
+      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:"",
+       inspection_time:""
+    };
+  },
+  methods: {
+    //返回按钮
+    onClickLeft() {
+      window.history.back();
+      // console.log("sss");
+    },
+
+    // 获取详情
+    getTroubleshootDetail(id) {
+      this.$toast.loading();
+
+      this.$http
+        .post(
+          "http://jinjiaqu.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.value13 = data.inspection_location;
+
+
+          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.inspection_time = data.inspection_time
+
+
+          if (data.status == 3) {
+            this.message13 = "逾期";
+          }
+        });
+    },
+  },
+  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/jinjiaqu/yinhuanpaicha/yinhuanformok.vue

@@ -0,0 +1,388 @@
+<template>
+  <div>
+    <div v-if="shows">
+      <van-nav-bar title="风险评级" left-arrow @click-left="onClickLeft" />
+    </div>
+    <div class="headers">
+      <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="value9"
+          name="整改期限"
+          label="整改期限"
+          placeholder="整改期限"
+          :rules="[{ required: true, message: '请选择' }]"
+          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 class="contents2_img">
+          <p>添加图片</p>
+          <div>
+            <van-uploader v-model="fileList" multiple />
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="contents3">
+      <div>
+        <van-cell-group>
+          <van-field
+            v-model="message9"
+            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="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>
+</template>
+
+<script>
+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: [],
+    };
+  },
+  methods: {
+    //返回按钮
+    onClickLeft() {
+        window.history.back();
+      // console.log("sss");
+    },
+  },
+  mounted() {
+    document.body.style.backgroundColor = "#f0f0f0"; //背景色
+  },
+};
+</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/jinjiaqu/yinhuanpaicha/yinhuanformy.vue

@@ -0,0 +1,432 @@
+<template>
+  <div>
+    <div v-if="shows">
+      <van-nav-bar title="风险评级" left-arrow @click-left="onClickLeft" />
+    </div>
+    <div class="headers">
+      <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="value9"
+          name="整改期限"
+          label="整改期限"
+          placeholder="整改期限"
+          :rules="[{ required: true, message: '请选择' }]"
+          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 class="contents2_img">
+          <p>添加图片</p>
+          <div>
+            <van-uploader v-model="fileList" multiple />
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="contents3">
+      <div>
+        <van-cell-group>
+          <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-field
+            v-model="message11"
+            rows="1"
+            autosize
+            label="验收部门"
+            type="textarea"
+            placeholder="请输入信息"
+          />
+          <van-field
+            v-model="message12"
+            rows="1"
+            autosize
+            label="验收责任人"
+            type="textarea"
+            placeholder="请输入信息"
+          />
+          <van-field
+            readonly
+            clickable
+            label="验收结果"
+            :value="message13"
+            placeholder="请选择"
+            @click="showPicker13 = true"
+          />
+          <van-popup v-model="showPicker13" round position="bottom">
+            <van-picker
+              show-toolbar
+              :columns="columns13"
+              @cancel="showPicker13 = false"
+              @confirm="onConfirm13"
+            />
+          </van-popup>
+        </van-cell-group>
+      </div>
+    </div>
+    <div class="buttons">
+      <button class="buttons_one">验收通过</button>
+      <button class="buttons_two">验收未通过</button>
+    </div>
+  </div>
+</template>
+
+<script>
+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: "", //验收结果
+      showPicker13: false,
+      columns13: ["好", "很好", "非常好"],
+      fileList: [],
+      infos: [],
+      dates: "请选择" ? "请选择" : "",
+      showtime: false,
+    };
+  },
+  methods: {
+    //返回按钮
+    onClickLeft() {
+      //   window.history.back();
+      console.log("sss");
+    },
+    tianjia() {
+      console.log(this.message8, this.fileList);
+    },
+    afterRead(file) {
+      console.log(file);
+    },
+    formatDate(date) {
+      return `${date.getFullYear()}-${date.getMonth() + 1}-${date.getDate()}`;
+    },
+    onConfirm(date) {
+      this.showtime = false;
+      this.dates = this.formatDate(date);
+      console.log(this.dates);
+    },
+    onConfirm13(value) {
+      console.log(value);
+      this.message13 = value;
+      this.showPicker13 = false;
+    },
+  },
+  mounted() {
+    document.body.style.backgroundColor = "#f0f0f0"; //背景色
+  },
+};
+</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;
+}
+>>> .van-cell__title,
+.van-cell__value {
+  -webkit-box-flex: 1;
+  -webkit-flex: none;
+  flex: none;
+}
+>>> .van-cell__value > span {
+  padding-left: 42px;
+}
+.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/jinjiaqu/yinhuanpaicha/yinhuaninfo_duban.vue

@@ -0,0 +1,264 @@
+<template>
+  <div>
+    <div class="footed">
+      <van-list
+        v-model="loading"
+        :finished="finished"
+        finished-text="没有更多了"
+        @load="onLoad"
+      >
+        <div
+          class="footed_box"
+          v-for="(item, index) in TroubleshootData_list"
+          :key="index"
+        >
+          <div class="footed_box_one">
+            <p class="footed_box_one_p1">{{ item.inspected_person }}</p>
+            <!-- <p class="footed_box_one_p2">{{item.created_at}}</p> -->
+            <p class="footed_box_one_p6" v-if="item.rectification_status == 0">
+              未整改
+            </p>
+            <p
+              class="footed_box_one_p6_2"
+              v-if="item.rectification_status == 1"
+            >
+              已整改
+            </p>
+            <p
+              class="footed_box_one_p6_3"
+              style="background: #fdaf00"
+              v-if="item.rectification_status == 2"
+            >
+              申请延期
+            </p>
+            <p
+              class="footed_box_one_p6_3"
+              v-if="item.rectification_status == 3"
+            >
+              逾期
+            </p>
+
+            <p class="footed_box_one_p4" v-if="item.status == 1">未验收</p>
+            <p class="footed_box_one_p3" v-if="item.status == 2">已验收</p>
+            <p class="footed_box_one_p5" v-if="item.status == 3">逾期</p>
+            <p class="footed_box_one_p5" v-if="item.status == 4">未通过</p>
+          </div>
+          <div class="footed_box_two">
+            <div class="footed_box_two_div">
+              <span class="footed_box_span1">风险点</span>
+              <span>{{ item.risk_point }}</span>
+            </div>
+            <div class="footed_box_two_div">
+              <span class="footed_box_span1">检查专业</span>
+              <span>{{ item.inspection_specialty }}</span>
+            </div>
+            <div class="footed_box_two_div">
+              <span class="footed_box_span1">责任单位</span>
+              <span>{{ item.rectification_duty_unit }}</span>
+            </div>
+          </div>
+          <div class="footed_box_three" @click="dianji(item)">
+            <img src="../../../assets/images/jinjiaqu/信息.png" alt="" />
+          </div>
+        </div>
+      </van-list>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      page: 1,
+      loading: false,
+      finished: false,
+
+      // 隐患列表
+      TroubleshootData_list: [],
+    };
+  },
+  methods: {
+    onLoad() {
+      this.getTroubleshootData();
+    },
+    // 获取隐患排查列表
+    getTroubleshootData() {
+      this.$toast.loading();
+
+      this.$http
+        .post(
+          "http://jinjiaqu.nxjiewei.com:8011/api/troubleshoot/getTroubleshootData",
+          {
+            type: 4,
+            page: this.page,
+          }
+        )
+        .then((res) => {
+          this.$toast.clear();
+          console.log(res);
+          console.log(res.data.data);
+          // 加载状态结束
+          this.loading = false;
+          this.page++;
+
+          console.log(res.data.data.length);
+
+          if (res.data.data.length < 10) {
+            this.finished = true;
+          }
+
+          // 数据全部加载完成
+          if (res.data.data.data.length < 10) {
+            this.finished = true;
+            this.TroubleshootData_list = this.TroubleshootData_list.concat(
+              res.data.data.data
+            );
+          } else {
+            this.TroubleshootData_list = this.TroubleshootData_list.concat(
+              res.data.data.data
+            );
+          }
+        });
+    },
+
+    dianji(item) {
+      // 安全管理审核
+      if (item.rectification_status == 3 && item.status == 1) {
+        // 逾期 未验收
+        this.$router.push(
+          `/jinjiaqu/yinhuanpaicha/yinhuanform_aqglsh_yq_wys?id=` + item.id
+        );
+      } else if (item.rectification_status == 1 && item.status == 4) {
+        //已整改 未通过
+        this.$router.push(
+          `/jinjiaqu/yinhuanpaicha/yinhuanform_aqglsh_yzg_wtg?id=` + item.id
+        );
+      }
+    },
+  },
+  mounted() {
+    document.body.style.backgroundColor = "#f0f0f0"; //背景色
+  },
+};
+</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;
+}
+.footed {
+  width: 100%;
+  background: #fff;
+}
+.footed_box {
+  width: 90%;
+  margin: 5px auto;
+  display: flex;
+  border-bottom: 1px solid #f0f0f0;
+}
+.footed_box_one {
+  width: 30%;
+  text-align: center;
+}
+.footed_box_two {
+  width: 56%;
+}
+.footed_box_three {
+  width: 10%;
+  text-align: center;
+}
+.footed_box_three > img {
+  margin-top: 34px;
+  width: 34px;
+}
+.footed_box_two_div {
+  display: flex;
+  margin-top: 10px;
+  margin-bottom: 10px;
+}
+.footed_box_span1 {
+  width: 77px;
+  color: #9b9b9b;
+}
+.footed_box_one_p1 {
+  margin-top: 10px;
+  font-size: 20px;
+}
+.footed_box_one_p2 {
+  font-size: 14px;
+  color: #9b9b9b;
+}
+.footed_box_one_p3 {
+  background: #4dc100;
+  width: 70px;
+  height: 25px;
+  margin: 5px auto;
+  color: #fff;
+  border-radius: 20px;
+  line-height: 25px;
+  font-size: 15px;
+}
+.footed_box_one_p4 {
+  background: #fdaf00;
+  width: 70px;
+  height: 25px;
+  margin: 5px auto;
+  color: #fff;
+  border-radius: 20px;
+  line-height: 25px;
+  font-size: 15px;
+}
+.footed_box_one_p5 {
+  background: #c00201;
+  width: 70px;
+  height: 25px;
+  margin: 5px auto;
+  color: #fff;
+  border-radius: 20px;
+  line-height: 25px;
+  font-size: 15px;
+}
+.footed_box_one_p6 {
+  background: #39f;
+  width: 70px;
+  height: 25px;
+  margin: 5px auto;
+  color: #fff;
+  border-radius: 20px;
+  line-height: 25px;
+  font-size: 15px;
+}
+.footed_box_one_p6_2 {
+  background: #3ba7b5;
+  width: 70px;
+  height: 25px;
+  margin: 5px auto;
+  color: #fff;
+  border-radius: 20px;
+  line-height: 25px;
+  font-size: 15px;
+}
+.footed_box_one_p6_3 {
+  background: #c00201;
+  width: 70px;
+  height: 25px;
+  margin: 5px auto;
+  color: #fff;
+  border-radius: 20px;
+  line-height: 25px;
+  font-size: 15px;
+}
+</style>

src/views/jinjiaqu/yinhuanpaicha/yinhuaninfo_gongshi.vue

@@ -0,0 +1,292 @@
+<template>
+  <div>
+    <div class="footed">
+      <van-list
+        v-model="loading"
+        :finished="finished"
+        finished-text="没有更多了"
+        @load="onLoad"
+      >
+        <div
+          class="footed_box"
+          v-for="(item, index) in TroubleshootData_list"
+          :key="index"
+        >
+          <div class="footed_box_one">
+            <p class="footed_box_one_p1">{{ item.inspected_person }}</p>
+            <!-- <p class="footed_box_one_p2">{{item.created_at}}</p> -->
+            <p class="footed_box_one_p6" v-if="item.rectification_status == 0">
+              未整改
+            </p>
+            <p
+              class="footed_box_one_p6_2"
+              v-if="item.rectification_status == 1"
+            >
+              已整改
+            </p>
+            <p
+              class="footed_box_one_p6_3"
+              style="background: #fdaf00"
+              v-if="item.rectification_status == 2"
+            >
+              申请延期
+            </p>
+            <p
+              class="footed_box_one_p6_3"
+              v-if="item.rectification_status == 3"
+            >
+              逾期
+            </p>
+
+            <p class="footed_box_one_p4" v-if="item.status == 1">未验收</p>
+            <p class="footed_box_one_p3" v-if="item.status == 2">已验收</p>
+            <p class="footed_box_one_p5" v-if="item.status == 3">逾期</p>
+            <p class="footed_box_one_p5" v-if="item.status == 4">未通过</p>
+          </div>
+          <div class="footed_box_two">
+            <div class="footed_box_two_div">
+              <span class="footed_box_span1">风险点</span>
+              <span>{{ item.risk_point }}</span>
+            </div>
+            <div class="footed_box_two_div">
+              <span class="footed_box_span1">检查专业</span>
+              <span>{{ item.inspection_specialty }}</span>
+            </div>
+            <div class="footed_box_two_div">
+              <span class="footed_box_span1">责任单位</span>
+              <span>{{ item.rectification_duty_unit }}</span>
+            </div>
+          </div>
+          <div class="footed_box_three" @click="dianji(item)">
+            <img src="../../../assets/images/jinjiaqu/信息.png" alt="" />
+          </div>
+        </div>
+      </van-list>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      page: 1,
+      loading: false,
+      finished: false,
+
+      // 隐患列表
+      TroubleshootData_list: [],
+    };
+  },
+  methods: {
+    onLoad() {
+      this.getTroubleshootData();
+    },
+    // 获取隐患排查列表
+    getTroubleshootData() {
+
+      this.$toast.loading();
+
+      this.$http
+        .post(
+          "http://jinjiaqu.nxjiewei.com:8011/api/troubleshoot/getTroubleshootData",
+          {
+            type: 5,
+            page: this.page,
+          }
+        )
+        .then((res) => {
+          this.$toast.clear();
+          console.log(res);
+          console.log(res.data.data.data);
+          // 加载状态结束
+          this.loading = false;
+          this.page++;
+
+          console.log(res.data.data.length);
+
+          if (res.data.data.length < 10) {
+            this.finished = true;
+          }
+
+          // 数据全部加载完成
+          if (res.data.data.data.length < 10) {
+            this.finished = true;
+            this.TroubleshootData_list = this.TroubleshootData_list.concat(
+              res.data.data.data
+            );
+          } else {
+            this.TroubleshootData_list = this.TroubleshootData_list.concat(
+              res.data.data.data
+            );
+          }
+
+         
+        });
+    },
+
+    dianji(item) {
+      if (item.rectification_status == 1 && item.status == 3) {
+        //已整改 逾期
+        this.$router.push(
+          `/jinjiaqu/yinhuanpaicha/yinhuanform_yzg_yq?id=` + item.id
+        );
+      } else if (item.rectification_status == 3) {
+        // 逾期 未验收
+        this.$router.push(
+          `/jinjiaqu/yinhuanpaicha/yinhuanform_wzgyq?id=` + item.id
+        );
+      } else if (item.rectification_status == 0 && item.status == 1) {
+        //未整改 未验收
+        this.$router.push(
+          `/jinjiaqu/yinhuanpaicha/yinhuanform_wzg_wys?id=` + item.id
+        );
+      } else if (item.rectification_status == 2 && item.status == 1) {
+        //申请延期 未验收
+        this.$router.push(
+          `/jinjiaqu/yinhuanpaicha/yinhuanform_sqyq_wys?id=` + item.id
+        );
+      } else if (item.rectification_status == 1 && item.status == 1) {
+        //已整改 未验收
+        this.$router.push(
+          `/jinjiaqu/yinhuanpaicha/yinhuanform_yzg_wys?id=` + item.id
+        );
+      } else if (item.status == 4) {
+        // 未通过
+        this.$router.push(
+          `/jinjiaqu/yinhuanpaicha/yinhuanform_yzg_wtg?id=` + item.id
+        );
+      } else if (item.status == 2) {
+        // 已验收
+        this.$router.push(
+          `/jinjiaqu/yinhuanpaicha/yinhuanform_my_yys?id=` + item.id
+        );
+      }
+    },
+  },
+  mounted() {
+    document.body.style.backgroundColor = "#f0f0f0"; //背景色
+
+  },
+};
+</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;
+}
+.footed {
+  width: 100%;
+  background: #fff;
+}
+.footed_box {
+  width: 90%;
+  margin: 5px auto;
+  display: flex;
+  border-bottom: 1px solid #f0f0f0;
+}
+.footed_box_one {
+  width: 30%;
+  text-align: center;
+}
+.footed_box_two {
+  width: 56%;
+}
+.footed_box_three {
+  width: 10%;
+  text-align: center;
+}
+.footed_box_three > img {
+  margin-top: 34px;
+  width: 34px;
+}
+.footed_box_two_div {
+  display: flex;
+  margin-top: 10px;
+  margin-bottom: 10px;
+}
+.footed_box_span1 {
+  width: 77px;
+  color: #9b9b9b;
+}
+.footed_box_one_p1 {
+  margin-top: 10px;
+  font-size: 20px;
+}
+.footed_box_one_p2 {
+  font-size: 14px;
+  color: #9b9b9b;
+}
+.footed_box_one_p3 {
+  background: #4dc100;
+  width: 70px;
+  height: 25px;
+  margin: 5px auto;
+  color: #fff;
+  border-radius: 20px;
+  line-height: 25px;
+  font-size: 15px;
+}
+.footed_box_one_p4 {
+  background: #fdaf00;
+  width: 70px;
+  height: 25px;
+  margin: 5px auto;
+  color: #fff;
+  border-radius: 20px;
+  line-height: 25px;
+  font-size: 15px;
+}
+.footed_box_one_p5 {
+  background: #c00201;
+  width: 70px;
+  height: 25px;
+  margin: 5px auto;
+  color: #fff;
+  border-radius: 20px;
+  line-height: 25px;
+  font-size: 15px;
+}
+.footed_box_one_p6 {
+  background: #39f;
+  width: 70px;
+  height: 25px;
+  margin: 5px auto;
+  color: #fff;
+  border-radius: 20px;
+  line-height: 25px;
+  font-size: 15px;
+}
+.footed_box_one_p6_2 {
+  background: #3ba7b5;
+  width: 70px;
+  height: 25px;
+  margin: 5px auto;
+  color: #fff;
+  border-radius: 20px;
+  line-height: 25px;
+  font-size: 15px;
+}
+.footed_box_one_p6_3 {
+  background: #c00201;
+  width: 70px;
+  height: 25px;
+  margin: 5px auto;
+  color: #fff;
+  border-radius: 20px;
+  line-height: 25px;
+  font-size: 15px;
+}
+</style>