277 lines
		
	
	
		
			8.0 KiB
		
	
	
	
		
			Vue
		
	
	
			
		
		
	
	
			277 lines
		
	
	
		
			8.0 KiB
		
	
	
	
		
			Vue
		
	
	
| <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>
 |