督办 审批页面

src/views/danger/delayApproval/index.vue

+<template>
+  <div>
+    <LHeader :text="text"></LHeader>
+    <van-search v-model="searchValue" placeholder="搜索" @search="onSearch" />
+     <!-- 内容列表 -->
+     <!-- 接口对接4 START -->
+    <div class="con-list">
+      <van-cell-group
+        inset
+        v-for="(item, index) in messageList"
+        :key="index"
+        @click="read(item)"
+        @touchstart="touchstart(index, item)"
+        @touchend.prevent="touchend(index)"
+      >
+
+        <van-row gutter="">
+          <van-col span="7">所属工程名称:</van-col>
+          <van-col span="17">{{ item.proId }}</van-col>
+        </van-row>
+      
+        <van-row gutter="">
+          <van-col span="7">隐患项目名称:</van-col>
+          <van-col span="17">{{ item.subject }}</van-col>
+        </van-row>
+        <van-row gutter="">
+          <van-col span="7">隐患发现时间:</van-col>
+          <van-col span="17">{{ item.findTime }}</van-col>
+        </van-row>
+        <van-row gutter="">
+          <van-col span="7">隐患级别:</van-col>
+          <van-col span="17">{{ item.level }}</van-col>
+        </van-row>
+   <!-- *接口对接4 END -->
+
+        <!-- 长按显示遮罩层 -->
+        <van-overlay :show="showIndex == index">
+          <div class="wrapper" @click.stop>
+            <van-button round type="primary" @touchstart="goDetail(item)"
+              >详情</van-button
+            >
+          </div>
+        </van-overlay>
+      </van-cell-group>
+    </div>
+  
+
+  </div>
+</template>
+
+<script>
+import LHeader from "@/components/header.vue";
+import { postriskBook } from "@/service/risk";
+
+/*接口对接2 START*/
+// 例子：
+// import {
+//   getFormList,
+//   postHdTyp,
+//   postHdName,
+//   postHdInventories,
+//   postHdRiskSource,
+//   postHdShowPeople,
+//   postHdReportAdd,
+//   dangerReturnEcho,
+// } from "@/service/danger";
+
+/*接口对接2 END*/
+
+export default {
+  components: {
+    LHeader,
+  },
+  data() {
+    return {
+      text: "延期审批",
+      searchValue: "",
+       messageList: [],
+      Loop: "", // 定时器
+      showIndex: null // 是否显示遮罩层
+    };
+  },
+   created() {
+    this.getList();
+  },
+  methods: {
+    getList() {
+      /*接口对接3 START*/
+      // 例子：
+      this.$toast.loading({
+        message: "加载中...",
+        forbidClick: true,
+        loadingType: "spinner",
+        duration: 0
+      });
+      postriskBook("/riskMain/doneList")
+        .then(res => {
+          this.$toast.clear();
+          this.messageList = res.rows
+          
+        })
+        .catch(() => {
+          this.$toast.clear();
+          this.$toast.fail("加载失败,请稍后再试");
+        });
+      /*接口对接3 END*/
+    },
+    onSearch(val) {
+      console.log(val);
+    },
+
+    touchstart(index, item) {
+      clearTimeout(this.Loop); //再次清空延时器，防止重复注册定时器
+      if (this.showIndex != null) {
+        this.showIndex = null;
+        return;
+      }
+      this.Loop = setTimeout(() => {
+        this.showIndex = index;
+      }, 300); // 这里的1000是指需要长按的时间，单位为ms
+    },
+    touchend(index) {
+      // 这个方法主要是用来将每次手指移出之后将计时器清零
+      clearInterval(this.Loop);
+    },
+
+    // 详情
+    goDetail(data) {
+      console.log(data);
+      this.$router.push({
+        name: "risk-big-detail",
+        params: {
+          id: data.businessId
+        }
+      });
+      this.showIndex = null;
+    },
+  }
+};
+</script>
+<style lang="less" scoped>
+/* @import url(); 引入css类 */
+.con-list {
+  padding: 10px 10px 0;
+  background-color: #f0f1f5;
+  .van-cell-group--inset {
+    margin: 0;
+    margin-bottom: 10px;
+    padding: 10px;
+    font-size: 13px;
+    position: relative;
+    .van-row{
+      margin-bottom: .133333rem;
+      line-height: .64rem;
+    }
+    .van-overlay {
+      position: absolute;
+      .wrapper {
+        display: flex;
+        align-items: center;
+        justify-content: space-evenly;
+        height: 100%;
+      }
+    }
+  }
+}
+</style>

src/views/danger/majorDanger/index.vue

+<template>
+  <div>
+    <LHeader :text="text"></LHeader>
+    <van-search v-model="searchValue" placeholder="搜索" @search="onSearch" />
+     <!-- 内容列表 -->
+     <!-- 接口对接4 START -->
+    <div class="con-list">
+      <van-cell-group
+        inset
+        v-for="(item, index) in messageList"
+        :key="index"
+        @click="read(item)"
+        @touchstart="touchstart(index, item)"
+        @touchend.prevent="touchend(index)"
+      >
+
+        <van-row gutter="">
+          <van-col span="7">所属工程名称:</van-col>
+          <van-col span="17">{{ item.proId }}</van-col>
+        </van-row>
+      
+        <van-row gutter="">
+          <van-col span="7">隐患项目名称:</van-col>
+          <van-col span="17">{{ item.subject }}</van-col>
+        </van-row>
+        <van-row gutter="">
+          <van-col span="7">隐患发现时间:</van-col>
+          <van-col span="17">{{ item.findTime }}</van-col>
+        </van-row>
+        <van-row gutter="">
+          <van-col span="7">隐患级别:</van-col>
+          <van-col span="17">{{ item.level }}</van-col>
+        </van-row>
+   <!-- *接口对接4 END -->
+
+        <!-- 长按显示遮罩层 -->
+        <van-overlay :show="showIndex == index">
+          <div class="wrapper" @click.stop>
+            <van-button round type="primary" @touchstart="goDetail(item)"
+              >详情</van-button
+            >
+          </div>
+        </van-overlay>
+      </van-cell-group>
+    </div>
+  
+
+  </div>
+</template>
+
+<script>
+import LHeader from "@/components/header.vue";
+import { postriskBook } from "@/service/risk";
+
+/*接口对接2 START*/
+// 例子：
+// import {
+//   getFormList,
+//   postHdTyp,
+//   postHdName,
+//   postHdInventories,
+//   postHdRiskSource,
+//   postHdShowPeople,
+//   postHdReportAdd,
+//   dangerReturnEcho,
+// } from "@/service/danger";
+
+/*接口对接2 END*/
+
+export default {
+  components: {
+    LHeader,
+  },
+  data() {
+    return {
+      text: "重大隐患",
+      searchValue: "",
+       messageList: [],
+      Loop: "", // 定时器
+      showIndex: null // 是否显示遮罩层
+    };
+  },
+   created() {
+    this.getList();
+  },
+  methods: {
+    getList() {
+      /*接口对接3 START*/
+      // 例子：
+      this.$toast.loading({
+        message: "加载中...",
+        forbidClick: true,
+        loadingType: "spinner",
+        duration: 0
+      });
+      postriskBook("/riskMain/doneList")
+        .then(res => {
+          this.$toast.clear();
+          this.messageList = res.rows
+          
+        })
+        .catch(() => {
+          this.$toast.clear();
+          this.$toast.fail("加载失败,请稍后再试");
+        });
+      /*接口对接3 END*/
+    },
+    onSearch(val) {
+      console.log(val);
+    },
+
+    touchstart(index, item) {
+      clearTimeout(this.Loop); //再次清空延时器，防止重复注册定时器
+      if (this.showIndex != null) {
+        this.showIndex = null;
+        return;
+      }
+      this.Loop = setTimeout(() => {
+        this.showIndex = index;
+      }, 300); // 这里的1000是指需要长按的时间，单位为ms
+    },
+    touchend(index) {
+      // 这个方法主要是用来将每次手指移出之后将计时器清零
+      clearInterval(this.Loop);
+    },
+
+    // 详情
+    goDetail(data) {
+      console.log(data);
+      this.$router.push({
+        name: "risk-big-detail",
+        params: {
+          id: data.businessId
+        }
+      });
+      this.showIndex = null;
+    },
+  }
+};
+</script>
+<style lang="less" scoped>
+/* @import url(); 引入css类 */
+.con-list {
+  padding: 10px 10px 0;
+  background-color: #f0f1f5;
+  .van-cell-group--inset {
+    margin: 0;
+    margin-bottom: 10px;
+    padding: 10px;
+    font-size: 13px;
+    position: relative;
+    .van-row{
+      margin-bottom: .133333rem;
+      line-height: .64rem;
+    }
+    .van-overlay {
+      position: absolute;
+      .wrapper {
+        display: flex;
+        align-items: center;
+        justify-content: space-evenly;
+        height: 100%;
+      }
+    }
+  }
+}
+</style>

src/views/danger/managerDanger/index.vue

+<template>
+  <div>
+    <LHeader :text="text"></LHeader>
+    <van-search v-model="searchValue" placeholder="搜索" @search="onSearch" />
+     <!-- 内容列表 -->
+     <!-- 接口对接4 START -->
+    <div class="con-list">
+      <van-cell-group
+        inset
+        v-for="(item, index) in messageList"
+        :key="index"
+        @click="read(item)"
+        @touchstart="touchstart(index, item)"
+        @touchend.prevent="touchend(index)"
+      >
+
+        <van-row gutter="">
+          <van-col span="7">所属工程名称:</van-col>
+          <van-col span="17">{{ item.proId }}</van-col>
+        </van-row>
+      
+        <van-row gutter="">
+          <van-col span="7">隐患项目名称:</van-col>
+          <van-col span="17">{{ item.subject }}</van-col>
+        </van-row>
+        <van-row gutter="">
+          <van-col span="7">隐患发现时间:</van-col>
+          <van-col span="17">{{ item.findTime }}</van-col>
+        </van-row>
+        <van-row gutter="">
+          <van-col span="7">隐患级别:</van-col>
+          <van-col span="17">{{ item.level }}</van-col>
+        </van-row>
+   <!-- *接口对接4 END -->
+
+        <!-- 长按显示遮罩层 -->
+        <van-overlay :show="showIndex == index">
+          <div class="wrapper" @click.stop>
+            <van-button round type="primary" @touchstart="goDetail(item)"
+              >详情</van-button
+            >
+          </div>
+        </van-overlay>
+      </van-cell-group>
+    </div>
+  
+
+  </div>
+</template>
+
+<script>
+import LHeader from "@/components/header.vue";
+import { postriskBook } from "@/service/risk";
+
+/*接口对接2 START*/
+// 例子：
+// import {
+//   getFormList,
+//   postHdTyp,
+//   postHdName,
+//   postHdInventories,
+//   postHdRiskSource,
+//   postHdShowPeople,
+//   postHdReportAdd,
+//   dangerReturnEcho,
+// } from "@/service/danger";
+
+/*接口对接2 END*/
+
+export default {
+  components: {
+    LHeader,
+  },
+  data() {
+    return {
+      text: "项目经理督",
+      searchValue: "",
+       messageList: [],
+      Loop: "", // 定时器
+      showIndex: null // 是否显示遮罩层
+    };
+  },
+   created() {
+    this.getList();
+  },
+  methods: {
+    getList() {
+      /*接口对接3 START*/
+      // 例子：
+      this.$toast.loading({
+        message: "加载中...",
+        forbidClick: true,
+        loadingType: "spinner",
+        duration: 0
+      });
+      postriskBook("/riskMain/doneList")
+        .then(res => {
+          this.$toast.clear();
+          this.messageList = res.rows
+          
+        })
+        .catch(() => {
+          this.$toast.clear();
+          this.$toast.fail("加载失败,请稍后再试");
+        });
+      /*接口对接3 END*/
+    },
+    onSearch(val) {
+      console.log(val);
+    },
+
+    touchstart(index, item) {
+      clearTimeout(this.Loop); //再次清空延时器，防止重复注册定时器
+      if (this.showIndex != null) {
+        this.showIndex = null;
+        return;
+      }
+      this.Loop = setTimeout(() => {
+        this.showIndex = index;
+      }, 300); // 这里的1000是指需要长按的时间，单位为ms
+    },
+    touchend(index) {
+      // 这个方法主要是用来将每次手指移出之后将计时器清零
+      clearInterval(this.Loop);
+    },
+
+    // 详情
+    goDetail(data) {
+      console.log(data);
+      this.$router.push({
+        name: "risk-big-detail",
+        params: {
+          id: data.businessId
+        }
+      });
+      this.showIndex = null;
+    },
+  }
+};
+</script>
+<style lang="less" scoped>
+/* @import url(); 引入css类 */
+.con-list {
+  padding: 10px 10px 0;
+  background-color: #f0f1f5;
+  .van-cell-group--inset {
+    margin: 0;
+    margin-bottom: 10px;
+    padding: 10px;
+    font-size: 13px;
+    position: relative;
+    .van-row{
+      margin-bottom: .133333rem;
+      line-height: .64rem;
+    }
+    .van-overlay {
+      position: absolute;
+      .wrapper {
+        display: flex;
+        align-items: center;
+        justify-content: space-evenly;
+        height: 100%;
+      }
+    }
+  }
+}
+</style>

src/views/danger/standBook/index.vue

@@ -40,6 +40,7 @@
           <van-col span="19">{{ item.taskName }}</van-col>
         </van-row>
 
+
         <!-- 长按显示遮罩层 -->
         <van-overlay :show="showIndex == index">
           <div class="wrapper" @click.stop>
@@ -58,7 +59,7 @@ import LHeader from "@/components/header.vue";
 import { dangerStandBook } from "@/service/danger";
 export default {
   components: {
-    LHeader
+    LHeader,
   },
   data() {
     return {
@@ -114,27 +115,24 @@ export default {
     goDetail(data) {
       console.log(data);
       this.$router.push({
-        name: "normal-detail",
-        params: {
-          id: data.businessId
-        }
+          name: "normal-detail",
+          params:{
+            id: data.businessId
+          }
       });
       this.showIndex = null;
-    }
+    },
   },
   filters: {
     formatTime: function(row) {
-      if (row.dueDate <= row.rectificationTime) {
-        return "超期";
-      } else if (
-        row.dueDate >= row.rectificationTime &&
-        row.dueDate - 259200000 <= row.rectificationTime
-      ) {
-        //三天
-        return "临期";
-      } else {
-        return "正常";
-      }
+          if (row.dueDate <= row.rectificationTime) {
+              return "超期"
+          } else if (row.dueDate >= row.rectificationTime && row.dueDate - 259200000 <= row.rectificationTime) {
+              //三天
+              return "临期"
+          } else {
+              return "正常"
+          }
     }
   }
 };
@@ -142,7 +140,7 @@ export default {
 <style lang="less" scoped>
 /* @import url(); 引入css类 */
 .con-list {
-  padding: 10px 10px 0.533333rem;
+  padding: 10px 10px .533333rem;
   background-color: #f0f1f5;
   .van-cell-group--inset {
     margin: 0;
@@ -150,9 +148,9 @@ export default {
     padding: 10px;
     font-size: 13px;
     position: relative;
-    .van-row {
-      margin-bottom: 0.133333rem;
-      line-height: 0.64rem;
+    .van-row{
+      margin-bottom: .133333rem;
+      line-height: .64rem;
     }
     .van-overlay {
       position: absolute;

src/views/danger/superviseDanger/index.vue

+<template>
+  <div>
+    <LHeader :text="text"></LHeader>
+    <van-search v-model="searchValue" placeholder="搜索" @search="onSearch" />
+     <!-- 内容列表 -->
+     <!-- 接口对接4 START -->
+    <div class="con-list">
+      <van-cell-group
+        inset
+        v-for="(item, index) in messageList"
+        :key="index"
+        @click="read(item)"
+        @touchstart="touchstart(index, item)"
+        @touchend.prevent="touchend(index)"
+      >
+
+        <van-row gutter="">
+          <van-col span="7">所属工程名称:</van-col>
+          <van-col span="17">{{ item.proId }}</van-col>
+        </van-row>
+      
+        <van-row gutter="">
+          <van-col span="7">隐患项目名称:</van-col>
+          <van-col span="17">{{ item.subject }}</van-col>
+        </van-row>
+        <van-row gutter="">
+          <van-col span="7">隐患发现时间:</van-col>
+          <van-col span="17">{{ item.findTime }}</van-col>
+        </van-row>
+        <van-row gutter="">
+          <van-col span="7">隐患级别:</van-col>
+          <van-col span="17">{{ item.level }}</van-col>
+        </van-row>
+   <!-- *接口对接4 END -->
+
+        <!-- 长按显示遮罩层 -->
+        <van-overlay :show="showIndex == index">
+          <div class="wrapper" @click.stop>
+            <van-button round type="primary" @touchstart="goDetail(item)"
+              >详情</van-button
+            >
+          </div>
+        </van-overlay>
+      </van-cell-group>
+    </div>
+  
+
+  </div>
+</template>
+
+<script>
+import LHeader from "@/components/header.vue";
+import { postriskBook } from "@/service/risk";
+
+/*接口对接2 START*/
+// 例子：
+// import {
+//   getFormList,
+//   postHdTyp,
+//   postHdName,
+//   postHdInventories,
+//   postHdRiskSource,
+//   postHdShowPeople,
+//   postHdReportAdd,
+//   dangerReturnEcho,
+// } from "@/service/danger";
+
+/*接口对接2 END*/
+
+export default {
+  components: {
+    LHeader,
+  },
+  data() {
+    return {
+      text: "隐患督办",
+      searchValue: "",
+       messageList: [],
+      Loop: "", // 定时器
+      showIndex: null // 是否显示遮罩层
+    };
+  },
+   created() {
+    this.getList();
+  },
+  methods: {
+    getList() {
+      /*接口对接3 START*/
+      // 例子：
+      this.$toast.loading({
+        message: "加载中...",
+        forbidClick: true,
+        loadingType: "spinner",
+        duration: 0
+      });
+      postriskBook("/riskMain/doneList")
+        .then(res => {
+          this.$toast.clear();
+          this.messageList = res.rows
+          
+        })
+        .catch(() => {
+          this.$toast.clear();
+          this.$toast.fail("加载失败,请稍后再试");
+        });
+      /*接口对接3 END*/
+    },
+    onSearch(val) {
+      console.log(val);
+    },
+
+    touchstart(index, item) {
+      clearTimeout(this.Loop); //再次清空延时器，防止重复注册定时器
+      if (this.showIndex != null) {
+        this.showIndex = null;
+        return;
+      }
+      this.Loop = setTimeout(() => {
+        this.showIndex = index;
+      }, 300); // 这里的1000是指需要长按的时间，单位为ms
+    },
+    touchend(index) {
+      // 这个方法主要是用来将每次手指移出之后将计时器清零
+      clearInterval(this.Loop);
+    },
+
+    // 详情
+    goDetail(data) {
+      console.log(data);
+      this.$router.push({
+        name: "risk-big-detail",
+        params: {
+          id: data.businessId
+        }
+      });
+      this.showIndex = null;
+    },
+  }
+};
+</script>
+<style lang="less" scoped>
+/* @import url(); 引入css类 */
+.con-list {
+  padding: 10px 10px 0;
+  background-color: #f0f1f5;
+  .van-cell-group--inset {
+    margin: 0;
+    margin-bottom: 10px;
+    padding: 10px;
+    font-size: 13px;
+    position: relative;
+    .van-row{
+      margin-bottom: .133333rem;
+      line-height: .64rem;
+    }
+    .van-overlay {
+      position: absolute;
+      .wrapper {
+        display: flex;
+        align-items: center;
+        justify-content: space-evenly;
+        height: 100%;
+      }
+    }
+  }
+}
+</style>

src/views/saveWorkbench/index.vue

@@ -175,7 +175,31 @@ export default {
           path: "/stand-book",
           imgUrl: require("@/assets/workbench/danger-account.png"),
           text: "隐患台账"
-        }
+        },
+        {
+          key: "7",
+          path: "/major-danger",
+          imgUrl: require("@/assets/workbench/retification-acceptance.png"),
+          text: "重大隐患"
+        },
+        {
+          key: "8",
+          path: "/major-danger",
+          imgUrl: require("@/assets/workbench/inspect-plane.png"),
+          text: "延期审批"
+        },
+        {
+          key: "9",
+          path: "/supervise-danger",
+          imgUrl: require("@/assets/workbench/retification-acceptance.png"),
+          text: "隐患督办"
+        },
+        {
+          key: "10",
+          path: "/manager-danger",
+          imgUrl: require("@/assets/workbench/inspect-plane.png"),
+          text: "经理督办"
+        },
       ],
       safetyCheckList: [
         // 安全监督检查