sx_yjb_app/pages/application/home.vue

272 lines
7.9 KiB
Vue
Raw Permalink Normal View History

2025-09-09 09:32:47 +08:00
<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>
<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
},
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>