136 lines
3.0 KiB
Vue
136 lines
3.0 KiB
Vue
<template>
|
|
<view class="menu">
|
|
<view class="main_title">隐患治理</view>
|
|
<view class="navigator_group">
|
|
<navigator
|
|
class="navigator"
|
|
hover-class="none"
|
|
url="/hiddenManageSubPackages/pages/hidden_confirm/index"
|
|
>
|
|
<image src="/static/icon-apps/icon-yhzl-1.png" mode=""></image>
|
|
<view class="text">隐患确认</view>
|
|
</navigator>
|
|
<navigator
|
|
class="navigator"
|
|
hover-class="none"
|
|
url="/hiddenManageSubPackages/pages/hidden_neglect/index"
|
|
>
|
|
<image src="/static/icon-apps/icon-yhzl-2.png" mode=""></image>
|
|
<view class="text">忽略隐患</view>
|
|
</navigator>
|
|
<navigator
|
|
class="navigator"
|
|
hover-class="none"
|
|
url="/hiddenManageSubPackages/pages/hidden_rectification/index"
|
|
>
|
|
<image src="/static/icon-apps/icon-yhzl-3.png" mode=""></image>
|
|
<view class="text">隐患整改</view>
|
|
</navigator>
|
|
<navigator
|
|
class="navigator"
|
|
hover-class="none"
|
|
url="/hiddenManageSubPackages/pages/special_disposal_review/index"
|
|
>
|
|
<image src="/static/icon-apps/icon-yhzl-4.png" mode=""></image>
|
|
<view class="text">特殊处置审核</view>
|
|
</navigator>
|
|
<navigator
|
|
class="navigator"
|
|
hover-class="none"
|
|
url="/hiddenManageSubPackages/pages/delay_review/index"
|
|
>
|
|
<image src="/static/icon-apps/icon-yhzl-5.png" mode=""></image>
|
|
<view class="text">延期审核</view>
|
|
</navigator>
|
|
<navigator
|
|
class="navigator"
|
|
hover-class="none"
|
|
url="/hiddenManageSubPackages/pages/hidden_acceptance/index"
|
|
>
|
|
<image src="/static/icon-apps/icon-yhzl-6.png" mode=""></image>
|
|
<view class="text">隐患验收</view>
|
|
</navigator>
|
|
<navigator
|
|
class="navigator"
|
|
hover-class="none"
|
|
url="/hiddenManageSubPackages/pages/hidden_report/index"
|
|
>
|
|
<image src="/static/icon-apps/hidden-investigation-2.png" mode=""></image>
|
|
<view class="text">隐患快报</view>
|
|
</navigator>
|
|
<navigator
|
|
class="navigator"
|
|
hover-class="none"
|
|
url="/hiddenManageSubPackages/pages/hidden_record/index"
|
|
>
|
|
<image src="/static/icon-apps/hidden-investigation-4.png" mode=""></image>
|
|
<view class="text">隐患记录</view>
|
|
</navigator>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
data() {
|
|
return {};
|
|
},
|
|
|
|
onLoad() {},
|
|
|
|
computed: {},
|
|
|
|
methods: {},
|
|
};
|
|
</script>
|
|
|
|
<style scoped lang="scss">
|
|
.menu {
|
|
background-color: #fff;
|
|
padding: 20rpx;
|
|
box-shadow: 0 0 20rpx #cccccc;
|
|
margin: 10rpx 10rpx 20rpx 10rpx;
|
|
border-radius: 10rpx;
|
|
|
|
.main_title {
|
|
font-weight: bold;
|
|
display: flex;
|
|
align-items: center;
|
|
color: #989898;
|
|
font-size: 28rpx;
|
|
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
width: 8rpx;
|
|
height: 28rpx;
|
|
background-color: #6180f1;
|
|
border-radius: 30%;
|
|
margin-right: 14rpx;
|
|
}
|
|
}
|
|
|
|
.navigator_group {
|
|
padding: 30rpx 0 20rpx 0;
|
|
display: flex;
|
|
gap: 25rpx;
|
|
flex-wrap: wrap;
|
|
|
|
.navigator {
|
|
flex-basis: calc(25% - 25rpx);
|
|
text-align: center;
|
|
position: relative;
|
|
|
|
image {
|
|
width: 52rpx;
|
|
height: 52rpx;
|
|
}
|
|
|
|
.text {
|
|
font-size: 24rpx;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
</style>
|