76 lines
1.8 KiB
Vue
76 lines
1.8 KiB
Vue
<template>
|
|
<!-- 现场监护 -->
|
|
<view class="infrastructure">
|
|
<h4>基建-计划审核</h4>
|
|
<view class="infrastructure-content">
|
|
<view class="icon-box" v-for="(icon, index) in iconList" :key="index" @tap="onOpenPlanPage(icon.url)">
|
|
<image :src="icon.img_src" mode="scaleToFill" />
|
|
{{ icon.icon_title }}
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
data() {
|
|
return {
|
|
iconList: [
|
|
{
|
|
icon_title: '日计划',
|
|
url: '/pages/workPlan/dayPlan/index',
|
|
img_src: require('../../../../static/images/workPlan/day_plan.png')
|
|
},
|
|
{ icon_title: '周计划', url: 'xxx', img_src: require('../../../../static/images/workPlan/week_plan.png') },
|
|
{ icon_title: '月计划', url: 'xxx', img_src: require('../../../../static/images/workPlan/month_plan.png') },
|
|
{ icon_title: '涉网计划', url: 'xxx', img_src: require('../../../../static/images/workPlan/web_plan.png') },
|
|
{
|
|
icon_title: '临时计划',
|
|
url: 'xxx',
|
|
img_src: require('../../../../static/images/workPlan/temporary_plan.png')
|
|
}
|
|
]
|
|
}
|
|
},
|
|
methods: {
|
|
onOpenPlanPage(url) {
|
|
uni.navigateTo({ url: `${url}?type=1` })
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
.infrastructure-content {
|
|
padding: 25rpx 5rpx;
|
|
background-color: #fff;
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
|
|
image {
|
|
width: 58rpx;
|
|
height: 58rpx;
|
|
margin-bottom: 30rpx;
|
|
}
|
|
|
|
.icon-box {
|
|
width: 33.33%;
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
}
|
|
}
|
|
|
|
.infrastructure-content .icon-box:nth-child(4),
|
|
.infrastructure-content .icon-box:nth-child(5) {
|
|
margin-top: 30rpx;
|
|
}
|
|
|
|
h4 {
|
|
margin: 20rpx 0;
|
|
padding-left: 15rpx;
|
|
font-size: 36rpx;
|
|
font-weight: normal;
|
|
}
|
|
</style>
|