Commit f1b6e99e authored by 王李辉's avatar 王李辉
Browse files

督办 审批页面

parent ce47e9e8

src/router/index.js

+138 −98
Original line number Diff line number Diff line
@@ -26,8 +26,7 @@ import CreateOrder from '../views/CreateOrder.vue' 


Vue.use(VueRouter)



const routes = [

  {

const routes = [{

    path: '/',

    name: 'home',

    redirect: '/login2'
@@ -368,6 +367,47 @@ const routes = [ 
    },

    component: () => import( /* webpackChunkName: "SaveWorkbench" */ '../views/danger/standBook/normalDetail'),

  },

  // 隐患督办列表

  {

    path: '/supervise-danger',

    name: 'supervise-danger',

    meta: {

      title: '隐患督办',

      index: 1

    },

    component: () => import( /* webpackChunkName: "SaveWorkbench" */ '../views/danger/superviseDanger'),

  },

  // 重大隐患列表

  {

    path: '/major-danger',

    name: 'major-danger',

    meta: {

      title: '重大隐患',

      index: 1

    },

    component: () => import( /* webpackChunkName: "SaveWorkbench" */ '../views/danger/majorDanger'),

  },

  // 延期审批

  {

    path: '/delay-approval',

    name: 'delay-approval',

    meta: {

      title: '延期审批',

      index: 1

    },

    component: () => import( /* webpackChunkName: "SaveWorkbench" */ '../views/danger/delayApproval'),

  },

  // 项目经理督办

  {

    path: '/manager-danger',

    name: 'manager-danger',

    meta: {

      title: '项目经理督办',

      index: 1

    },

    component: () => import( /* webpackChunkName: "SaveWorkbench" */ '../views/danger/managerDanger'),

  },





  {

    path: '/risk',

src/views/danger/delayApproval/index.vue

0 → 100644
+167 −0
Original line number Diff line number Diff line 
<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

0 → 100644
+167 −0
Original line number Diff line number Diff line 
<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

0 → 100644
+167 −0
Original line number Diff line number Diff line 
<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

+19 −21
Original line number Diff line number Diff line
@@ -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 {
@@ -120,20 +121,17 @@ export default { 
          }

      });

      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 if (row.dueDate >= row.rectificationTime && row.dueDate - 259200000 <= row.rectificationTime) {

              //三天

        return "临期";

              return "临期"

          } else {

        return "正常";

              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;
@@ -151,8 +149,8 @@ export default { 
    font-size: 13px;

    position: relative;

    .van-row{

      margin-bottom: 0.133333rem;

      line-height: 0.64rem;

      margin-bottom: .133333rem;

      line-height: .64rem;

    }

    .van-overlay {

      position: absolute;