<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 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/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>
					<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>
						<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-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-review/hidden-danger-review">-->
<!--						<view class="imgs action">-->
<!--							<image src="../../static/icon-apps/icon-zl-5.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="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/ai-call-the-police/list">
            <view class="imgs action">
              <image src="../../static/icon-apps/icon-zl-11.png" mode=""></image>
            </view>
            <view class="text-semi">AI报警</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/video/VideoManager/VideoManager">-->
<!--						<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/limit-space-approve/limit-space-approve-list">
						<view class="imgs action">
							<image src="../../static/icon-apps/icon-yxkj-1.png" mode=""></image>
						</view>
						<view class="text-semi" style="text-align: center;">
							<view>受限空间作业</view>
							<view>申请</view>
						</view>
					</navigator>
					<navigator class="apps-item" hover-class="none" url="/pages/application/limit-space-affirm/limit-space-affirm-list">
						<view class="imgs action">
							<image src="../../static/icon-apps/icon-yxkj-2.png" mode=""></image>
						</view>
						<view class="text-semi"  style="text-align: center;">
							<view>现场负责人</view>
							<view>审核</view>
						</view>
					</navigator>
					<navigator class="apps-item" hover-class="none" url="/pages/application/limit-space-check/limit-space-check-list">
						<view class="imgs action">
							<image src="../../static/icon-apps/icon-yxkj-4.png" mode=""></image>
						</view>
						<view class="text-semi" style="text-align: center;">
							<view>审批负责人</view>
							<view>审核</view>
						</view>
					</navigator> -->
<!-- 					<navigator class="apps-item" hover-class="none" url="/pages/application/hidden-danger-management/hidden-danger-review/hidden-danger-review">-->
<!--						<view class="imgs action">-->
<!--							<image src="../../static/icon-apps/icon-zl-5.png" mode=""></image>-->
<!--						</view>-->
<!--						<view class="text-semi">待复查隐患</view>-->
<!--					</navigator> -->
					<!--<navigator class="apps-item" hover-class="none" url="/pages/application/gas-detection/gas-detection-list">
						<view class="imgs action">
							<image src="../../static/icon-apps/icon-zl-8.png" mode=""></image>
						</view>
						<view class="text-semi" style="text-align: center;">
							<view>作业气体</view>
							<view>检测</view>
						</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/commitment-company/commitment-company-list">
						<view class="imgs action">
							<image src="../../static/icon-apps/icon_101.png" mode=""></image>
						</view>
						<view class="text-semi" style="text-align: center;">
							<view>公司安全承诺</view>
						</view>
					</navigator>
					<navigator class="apps-item" hover-class="none" url="/pages/application/commitment-workshop/commitment-workshop-list">
						<view class="imgs action">
							<image src="../../static/icon-apps/icon_100.png" mode=""></image>
						</view>
						<view class="text-semi"  style="text-align: center;">
							<view>车间风险研判</view>
							<view>及安全承诺</view>
						</view>
					</navigator>
					<navigator class="apps-item" hover-class="none" url="/pages/application/commitment-team/commitment-team-list">
						<view class="imgs action">
							<image src="../../static/icon-apps/icon_102.png" mode=""></image>
						</view>
						<view class="text-semi" style="text-align: center;">
							<view>班组风险研判</view>
							<view>及安全承诺</view>
						</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/equipment-overhaul/home">
						<view class="imgs action">
							<image src="../../static/icon-apps/icon-800.png" mode=""></image>
						</view>
						<view class="text-semi" style="text-align: center;">
							<view>设备检修</view>
						</view>
					</navigator>
					<navigator class="apps-item" hover-class="none" url="/pages/application/blind-board/home">
						<view class="imgs action">
							<image src="../../static/icon-apps/icon-801.png" mode=""></image>
						</view>
						<view class="text-semi" style="text-align: center;">
							<view>盲板抽堵作业</view>
						</view>
					</navigator>
					<navigator class="apps-item" hover-class="none" url="/pages/application/break-ground/home">
						<view class="imgs action">
							<image src="../../static/icon-apps/icon-802.png" mode=""></image>
						</view>
						<view class="text-semi" style="text-align: center;">
							<view>动土作业</view>
						</view>
					</navigator>
					<navigator class="apps-item" hover-class="none" url="/pages/application/high-work/home">
						<view class="imgs action">
							<image src="../../static/icon-apps/icon-803.png" mode=""></image>
						</view>
						<view class="text-semi" style="text-align: center;">
							<view>高处作业</view>
						</view>
					</navigator>
				</view>
				<view class="apps-warp">
					<navigator class="apps-item" hover-class="none" url="/pages/application/hoisting/home">
						<view class="imgs action">
							<image src="../../static/icon-apps/icon-804.png" mode=""></image>
						</view>
						<view class="text-semi" style="text-align: center;">
							<view>吊装作业</view>
						</view>
					</navigator>
					<navigator class="apps-item" hover-class="none" url="/pages/application/electricity/home">
						<view class="imgs action">
							<image src="../../static/icon-apps/icon-805.png" mode=""></image>
						</view>
						<view class="text-semi" style="text-align: center;">
							<view>临时用电</view>
							<view>安全作业</view>
						</view>
					</navigator>
					<navigator class="apps-item" hover-class="none" url="/pages/application/confinedspace/home">
						<view class="imgs action">
							<image src="../../static/icon-apps/icon-806.png" mode=""></image>
						</view>
						<view class="text-semi" style="text-align: center;">
							<view>受限空间</view>
							<view>安全作业</view>
						</view>
					</navigator>
					<navigator class="apps-item" hover-class="none" url="/pages/application/hotwork/home">
						<view class="imgs action">
							<image src="../../static/icon-apps/icon-807.png" mode=""></image>
						</view>
						<view class="text-semi" style="text-align: center;">
							<view>动火</view>
							<view>安全作业</view>
						</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/other-apps/videos/videos">
						<view class="imgs action">
							<image src="../../static/icon-apps/icon-zl-7.png" mode=""></image>
						</view>
						<view class="text-semi">视频中心</view>
					</navigator>
				</view>
			</view> -->
			<view class="cu-tabbar-height"></view>
		</view>
	</view>
</template>

<script>
	import {
		basePath,
		loginUserId,
		formatDate,
		loginUser,
		setloginUserId,
		setCorpinfoId,
		setloginUser,
		setDeptId,
		isRest
	} from '@/common/tool.js';
	export default {
    props: {
      dys: {
        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>
