integrated_traffic_uniapp/pages/application/home.vue

481 lines
16 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 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-danger-check-standard/custom/list">
<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>
<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/blindboard/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>