<template>
|
<view class="page-content">
|
|
<view class="banner">
|
<image src="https://picsum.photos/200/200" mode=""></image>
|
</view>
|
<view class="main-page-box">
|
<view class="second-box">
|
<image src="/static/index.png" class="icon"></image>
|
<view class="driver"></view>
|
<view class="right-box">
|
<view>
|
<view class="u-line-1 margin-bottom">海关总署贸易持续发展2024年立法局...</view>
|
<view class="u-line-1">国家医疗保障局办公室关于发布管理... </view>
|
</view>
|
<view class="icon-box">
|
<u-icon name="arrow-right" size="14" color="#868C98FF"></u-icon>
|
</view>
|
</view>
|
</view>
|
<view class="policy-list">
|
<u-button @click="applyPulicy">执法申请</u-button>
|
<u-button v-if="isJudge">执法审批</u-button>
|
<u-button>执法结果上报</u-button>
|
<u-button>记录查询</u-button>
|
<u-button>数据看板</u-button>
|
</view>
|
</view>
|
</view>
|
</template>
|
|
<script>
|
import { getInfo } from '@/api/auth.js'
|
import tabsCom from '@/policy/components/tabs.vue'
|
export default {
|
components: {
|
tabsCom
|
},
|
data() {
|
return {
|
isJudge: false
|
}
|
},
|
onShow() {
|
this.getInfo()
|
},
|
methods: {
|
getInfo() {
|
getInfo().then(val =>{
|
// console.log()
|
this.isJudge = val.data.roles.some(item => item.includes('check_enforce'))
|
})
|
},
|
applyPulicy() {
|
uni.navigateTo({
|
url: '/policy/policyApply/policyApply'
|
})
|
}
|
}
|
}
|
</script>
|
|
<style lang="scss" scoped>
|
.page-content{
|
.banner{
|
width: 100%;
|
height: 400rpx;
|
image{
|
width: 100%;
|
height: 100%;
|
}
|
}
|
.main-page-box{
|
position: relative;
|
top: -60rpx;
|
}
|
.second-box{
|
margin: 0 32rpx;
|
background-color: white;
|
border-radius: 20rpx;
|
padding: 34rpx 24rpx;
|
display: flex;
|
justify-content: space-between;
|
align-items: center;
|
.icon{
|
width: 76rpx;
|
height: 76rpx;
|
|
}
|
.driver{
|
height: 50rpx;
|
width: 2rpx;
|
background-color: #F1F1F1;
|
margin: 0 24rpx;
|
}
|
.right-box{
|
display: flex;
|
justify-content: space-between;
|
align-items: center;
|
width: calc(100% - 76rpx - 50rpx);
|
font-size: 26rpx;
|
color: #4A4E60FF;
|
.icon-box{
|
background-color: #F1F1F1;
|
border-radius: 50%;
|
padding: 10rpx;
|
}
|
.margin-bottom{
|
margin-bottom: 10rpx;
|
}
|
}
|
}
|
.policy-list{
|
margin: 22rpx 32rpx;
|
}
|
}
|
</style>
|
