<template>
  <view>
    <view class="app-banner">
      <image src="../../static/apps-banner.png" mode=""></image>
    </view>
    <view class="apps-box">
      <view class="apps-row">
        <view class="apps-title">
          <text class="apps-title-line"></text>
          <text>隐患快报</text>
        </view>
        <view class="apps-warp">
          <navigator class="apps-item" hover-class="none"
                     url="/pages/application/hidden-danger-management/hidden-danger-add/hidden-danger-add">
            <view class="imgs action">
              <image src="../../static/icon-apps/icon-pc-1.png" mode=""></image>
            </view>
            <view class="text-semi">隐患快报</view>
          </navigator>
        </view>
      </view>
      <view class="apps-row">
        <view class="apps-title">
          <text class="apps-title-line"></text>
          <text>风险排查</text>
        </view>
        <view class="apps-warp">
          <navigator v-if="isRest=='1'" class="apps-item" hover-class="none" url="../" @click="showRest()">
            <view class="imgs action">
              <image src="../../static/icon-apps/icon-zl-6.png" mode=""></image>
            </view>
            <view class="text-semi">风险排查</view>
          </navigator>
          <navigator v-else class="apps-item" hover-class="none"
                     url="/pages/application/hidden-trouble-investigation/hidden-trouble-app/hidden-trouble-app">
            <view class="imgs action">
              <image src="../../static/icon-apps/icon-zl-6.png" mode=""></image>
            </view>
            <view class="text-semi">风险排查</view>
          </navigator>
          <navigator class="apps-item" hover-class="none" url="/pages/application/check-record/check_listmanager">
            <view class="imgs action">
              <image src="../../static/icon-apps/icon-zl-2.png" mode=""></image>
            </view>
            <view class="text-semi">检查记录</view>
          </navigator>
        </view>
      </view>
      <view class="apps-row">
        <view class="apps-title">
          <text class="apps-title-line"></text>
          <text>隐患治理</text>
        </view>
        <view class="apps-warp">

          <navigator class="apps-item" hover-class="none"
                     url="/pages/application/hidden-danger-management/hidden-danger-record/hidden-danger-record">
            <view class="imgs action">
              <image src="../../static/icon-apps/icon-zl-2.png" mode=""></image>
              <view v-if="qrdh" class="cu-tag badge">{{ qrdh }}</view>
            </view>
            <view class="text-semi">隐患记录</view>
          </navigator>
          <navigator class="apps-item" hover-class="none"
                     url="/pages/application/hidden-danger-management/hidden-danger-no-change/hidden-danger-confirm">
            <view class="imgs action">
              <image src="../../static/icon-apps/icon-zl-13.png" mode=""></image>
              <view v-if="dqr" class="cu-tag badge">{{ dqr }}</view>
            </view>
            <view class="text-semi">隐患确认</view>
          </navigator>
          <navigator class="apps-item" hover-class="none"
                     url="/pages/application/hidden-danger-management/hidden-danger-no-change/hidden-danger-no-change">
            <view class="imgs action">
              <image src="../../static/icon-apps/icon-zl-3.png" mode=""></image>
              <view v-if="dzg" class="cu-tag badge">{{ dzg }}</view>
            </view>
            <view class="text-semi">待整改隐患</view>
          </navigator>
          <navigator class="apps-item" hover-class="none"
                     url="/pages/application/hidden-danger-management/hidden-danger-no-change/hidden-danger-extension">
            <view class="imgs action">
              <image src="../../static/icon-apps/icon-zl-12.png" mode=""></image>
              <view v-if="dsh" class="cu-tag badge">{{ dsh }}</view>
            </view>
            <view class="text-semi">隐患延期审核</view>
          </navigator>
          <navigator class="apps-item" hover-class="none"
                     url="/pages/application/hidden-danger-management/hidden-danger-overdue/hidden-danger-overdue">
            <view class="imgs action">
              <image src="../../static/icon-apps/icon-zl-4.png" mode=""></image>
            </view>
            <view class="text-semi">超期未整改</view>
          </navigator>
          <navigator class="apps-item" hover-class="none"
                     url="/pages/application/hidden-danger-management/hidden-danger-check/hidden-danger-check">
            <view class="imgs action">
              <image src="../../static/icon-apps/icon-yh-1.png" mode=""></image>
              <view v-if="dys" class="cu-tag badge">{{ dys }}</view>
            </view>
            <view class="text-semi">隐患验收</view>
          </navigator>
          <navigator class="apps-item" hover-class="none"
                     url="/pages/application/hidden-danger-management/hidden-danger-finish/hidden-danger-finish">
            <view class="imgs action">
              <image src="../../static/icon-apps/icon-zl-1.png" mode=""></image>
            </view>
            <view class="text-semi">已验收隐患</view>
          </navigator>
        </view>
      </view>
      <view class="cu-tabbar-height"></view>
    </view>
  </view>
</template>

<script>
import {
  isRest
} from '@/common/tool.js';

export default {
  props: {
    dys: {
      type: Number,
      default: 0
    },
    dqr: {
      type: Number,
      default: 0
    },
    qrdh: {
      type: Number,
      default: 0
    },
    dsh: {
      type: Number,
      default: 0
    },
    dzg: {
      type: Number,
      default: 0
    },
  },
  data() {
    return {
      isRest: '',
      // dys:0,
      // dzg:0
    };
  },
  mounted() {
    this.isRest = isRest;
    // this.getRedPoint()
  },
  // created() {this.getRedPoint()},
  methods: {
    showRest() {

      uni.showModal({
        title: '提示',
        showCancel: false,
        content: '您处于离岗状态，无需检查清单。',
        confirmText: "返回", // 确认按钮文字
        success: (res) => {
        }
      })
    },
    // getRedPoint(){
    //   console.log(111)
    //   var _this = this
    //   uni.request({
    //     url: basePath + '/app/hidden/getCountByUserId',
    //     method: 'POST',
    //     dataType: 'json',
    //     header:{
    //       'Content-type':'application/x-www-form-urlencoded'
    //     },
    //     data: {
    //       userId: loginUserId,
    //       USER_NAME: loginUser.NAME,
    //       CHECK_DEPARTMENT_ID: loginUser.DEPARTMENT_ID,
    //       IS_MAIN:loginUser.ISMAIN,
    //       CORPINFO_ID:loginUser.CORPINFO_ID,
    //       USER_ID:loginUser.USER_ID,
    //     },
    //     success: (res) => {
    //       console.log(res.data)
    //       if (res.data != null) {
    //         _this.dys += res.data.hidCount.dys || 0
    //         _this.dzg += res.data.hidCount.dzg || 0
    //       }
    //     }
    //   });
    // }
  }
}
</script>

<style>
.app-banner {
  width: 100%;
  height: 375upx;
}

.app-banner image {
  width: 100%;
  height: 100%;
}

.apps-box {
}

.apps-row {
  padding: 20upx 20upx 10upx 20upx;
  background-color: #fff;
  margin-top: 20upx;
}

.apps-row:first-child {
  margin-top: 0;
}

.apps-title {
  position: relative;
  padding-left: 20upx;
  color: #989898;
  padding-bottom: 20upx;
}

.apps-title-line {
  display: inline-block;
  background-color: #37a6ff;
  width: 10upx;
  height: 23upx;
  position: absolute;
  left: 0upx;
  top: 11upx;
}

.apps-warp {
  display: flex;
  flex-wrap: wrap;
}

.apps-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 25%;
  font-size: 25upx;
  margin-bottom: 20upx;
}

.apps-item .text-semi {
  margin-top: 6upx;
}

.apps-item .action {
  position: relative;
}

.apps-item .action .cu-tag.badge {
  right: -20upx;
}

.apps-item .imgs {
  width: 50upx;
  height: 50upx;
}

.apps-item .imgs image {
  width: 100%;
  height: 100%;
}
</style>
