<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="hiddenRedPoint.dzgyh" class="cu-tag badge">{{hiddenRedPoint.dzgyh}}</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 v-if="hiddenRedPoint.ycq" class="cu-tag badge">{{hiddenRedPoint.ycq}}</view>
						</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="hiddenRedPoint.dys" class="cu-tag badge">{{hiddenRedPoint.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/superviseInspect/superviseInspectHidden/change/supervise-inspect-hidden-list">
						<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/superviseInspect/superviseInspectHidden/list/supervise-inspect-hidden-list">
						<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="cu-tabbar-height"></view>
		</view>
	</view>
</template>

<script>
	import {
		basePath,
		loginUserId,
		formatDate,
		loginUser,
		setloginUserId,
		setCorpinfoId,
		setloginUser,
		setDeptId,
		isRest,
		corpinfoId
	} from '@/common/tool.js';
	export default {
		data() {
			return {
				isRest :'',
				hiddenRedPoint:[]
			};
		},
		mounted(){
			this.isRest = isRest;
			this.getHidRedPoint()
		},
		methods: {
			showRest(){

				uni.showModal({
					title: '提示',
					showCancel:false,
					content: '您处于离岗状态，无需检查清单。',
					confirmText: "返回", // 确认按钮文字
					success: (res) => {
					}
				})
			},
			getHidRedPoint(){
				var _this = this;
				uni.showLoading({
					title: '请稍候'
				})
				uni.request({
					url: basePath + '/app/hidden/getHidRedPoint',
					method: 'POST',
					dataType: 'json',
					header: {
						'Content-type':'application/x-www-form-urlencoded'
					},
					data: {
						USER_ID : loginUserId,
						CORPINFO_ID :corpinfoId
					},
					success: (res) => {
						if("success" == res.data.result){
							uni.hideLoading();
							_this.hiddenRedPoint = res.data.point;
							_this.hiddenRedPoint.dzgyh = 0
							if(_this.hiddenRedPoint.ycq){
								_this.hiddenRedPoint.dzgyh += _this.hiddenRedPoint.ycq
							}
							if(_this.hiddenRedPoint.dzg){
								_this.hiddenRedPoint.dzgyh += _this.hiddenRedPoint.dzg
							}
						} else {
							uni.showToast({
								title: res.data.message,
								duration: 2000
							});
						}
					}
				});
			
			}
		}
	}
</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>
