250 lines
		
	
	
		
			6.9 KiB
		
	
	
	
		
			Vue
		
	
	
			
		
		
	
	
			250 lines
		
	
	
		
			6.9 KiB
		
	
	
	
		
			Vue
		
	
	
| <template>
 | |
| 	<view>
 | |
| 		<cu-custom bgColor="bg-gradual-blueness" :isBack="true" :isRingt="true">
 | |
| 			<block slot="backText">返回</block>
 | |
| 			<block slot="content">特殊作业</block>
 | |
| 		</cu-custom>
 | |
| 
 | |
| 		<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/hotwork/home">
 | |
| 						<view class="imgs action">
 | |
| 							<image src="../../static/icon-apps/icon-807.png" mode=""></image>
 | |
| 							<view v-if="eight_work_count.HOTWORK_COUNT" class="cu-tag badge">{{eight_work_count.HOTWORK_COUNT}}</view>
 | |
| 						</view>
 | |
| 						<view class="text-semi" style="text-align: center;">
 | |
| 							<view>动火作业</view>
 | |
| 						</view>
 | |
| 					</navigator>
 | |
| 					<navigator class="apps-item" hover-class="none" url="/pages/application/highwork/home">
 | |
| 						<view class="imgs action">
 | |
| 							<image src="../../static/icon-apps/icon-803.png" mode=""></image>
 | |
| 							<view v-if="eight_work_count.HIGHWORK_COUNT" class="cu-tag badge">{{eight_work_count.HIGHWORK_COUNT}}</view>
 | |
| 						</view>
 | |
| 						<view class="text-semi" style="text-align: center;">
 | |
| 							<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 v-if="eight_work_count.CONFINEDSPACE_COUNT" class="cu-tag badge">{{eight_work_count.CONFINEDSPACE_COUNT}}</view>
 | |
| 						</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/hoisting/home">
 | |
| 						<view class="imgs action">
 | |
| 							<image src="../../static/icon-apps/icon-804.png" mode=""></image>
 | |
| 							<view v-if="eight_work_count.HOISTING_COUNT" class="cu-tag badge">{{eight_work_count.HOISTING_COUNT}}</view>
 | |
| 						</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/breakground/home">
 | |
| 						<view class="imgs action">
 | |
| 							<image src="../../static/icon-apps/icon-802.png" mode=""></image>
 | |
| 							<view v-if="eight_work_count.BREAKGROUND_COUNT" class="cu-tag badge">{{eight_work_count.BREAKGROUND_COUNT}}</view>
 | |
| 						</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 v-if="eight_work_count.ELECTRICITY_COUNT" class="cu-tag badge">{{eight_work_count.ELECTRICITY_COUNT}}</view>
 | |
| 						</view>
 | |
| 						<view class="text-semi" style="text-align: center;">
 | |
| 							<view>临时用电作业</view>
 | |
| 						</view>
 | |
| 					</navigator>
 | |
| 
 | |
| 					  <navigator class="apps-item" hover-class="none" url="/pages/application/cutroad/home">
 | |
| 						<view class="imgs action">
 | |
| 						  <image src="../../static/icon-apps/open-circuit.png" mode=""></image>
 | |
| 						  <view v-if="eight_work_count.OPEN_CIRCUIT_COUNT"  class="cu-tag badge">{{eight_work_count.OPEN_CIRCUIT_COUNT}}</view>
 | |
| 						</view>
 | |
| 						<view class="text-semi" style="text-align: center;">
 | |
| 						  <view>断路作业</view>
 | |
| 						</view>
 | |
| 					  </navigator>
 | |
| 					<navigator class="apps-item" hover-class="none" url="/pages/application/blindboard/home">
 | |
| 						<view class="imgs action">
 | |
| 							<image src="../../static/icon-apps/icon-801.png" mode=""></image>
 | |
| 							<view v-if="eight_work_count.BLIND_BOARD_COUNT" class="cu-tag badge">{{eight_work_count.BLIND_BOARD_COUNT}}</view>
 | |
| 						</view>
 | |
| 						<view class="text-semi" style="text-align: center;">
 | |
| 							<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,
 | |
|     	premission,
 | |
| 		isRest
 | |
| 	} from '@/common/tool.js';
 | |
| 	export default {
 | |
| 		data() {
 | |
| 			return {
 | |
|         premission: {},
 | |
| 				isRest :'',
 | |
|         eight_work_count: {},
 | |
| 			};
 | |
| 		},
 | |
| 		mounted(){
 | |
| 			this.isRest = isRest;
 | |
| 		},
 | |
|     onShow() {
 | |
|       this.premission = Object.assign({}, premission)
 | |
| 		console.log(this.premission)
 | |
| 		  this.eight_work_count = {}
 | |
|       this.getRedPoint();
 | |
|     },
 | |
| 		methods: {
 | |
| 			showRest(){
 | |
| 
 | |
| 				uni.showModal({
 | |
| 					title: '提示',
 | |
| 					showCancel:false,
 | |
| 					content: '您处于离岗状态,无需检查清单。',
 | |
| 					confirmText: "返回", // 确认按钮文字
 | |
| 					success: (res) => {
 | |
| 					}
 | |
| 				})
 | |
| 			},
 | |
| 
 | |
|       getRedPoint(){
 | |
|         uni.request({
 | |
|           url: basePath + '/app/eightwork/checkWork',
 | |
|           method: 'POST',
 | |
|           dataType: 'json',
 | |
|           header: {
 | |
|             'Content-type': 'application/x-www-form-urlencoded'
 | |
|           },
 | |
|           data: {
 | |
|             USER_ID: loginUser.USER_ID,
 | |
|           },
 | |
|           success: (res) => {
 | |
|             if ("success" == res.data.result) {
 | |
|               this.eight_work_count = res.data.count
 | |
|             }
 | |
|           }
 | |
|         })
 | |
|       }
 | |
| 		}
 | |
| 	}
 | |
| </script>
 | |
| 
 | |
| <style>
 | |
| 	.app-banner{
 | |
| 		width: 100%;
 | |
| 		height: 380upx;
 | |
| 	}
 | |
| 	.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>
 |