<template>
|
<view>
|
<img src="/static/head.png" class="head" alt="" />
|
<view class="hqzc">
|
<img src="/static/hqzc.png" class="img" alt="" />
|
<view class="line"></view>
|
<view class="font">
|
<p v-for="(item,index) in list1" :key="index">{{item.docTitle}}</p>
|
<!-- <p>海关总署贸易持续发展2024年立法...</p>
|
<p>国家医疗保障局办公室关于发布管理... </p> -->
|
</view>
|
<img src="/static/i06.png" class="more" @click="more1()" alt="" />
|
</view>
|
<view class="btnbox">
|
<img src="/static/i01.png" class="more" alt="" style="margin-right: 18rpx;" />
|
<img src="/static/i02.png" class="more" alt="" />
|
<img src="/static/i03.png" class="more" alt="" style="margin-right: 18rpx;" />
|
<img src="/static/i04.png" class="more" alt="" />
|
<!-- <u-button @click="goMyCompany('01')">我是执法人员</u-button>
|
<u-button @click="goMyCompany('02')">我是企业</u-button>
|
<u-button @click="goMyCompany('00')">运营管理</u-button> -->
|
</view>
|
<view class="msgbox">
|
<view class="tit">
|
<view class="t">
|
信息公示
|
</view>
|
<view class="m" @click="more2()">
|
查更多>
|
</view>
|
</view>
|
<view class="item" v-for="(item,index) in list2">
|
<img src="/static/i05.png" class="img" alt="" />
|
<view class="right">
|
<view class="name">
|
{{item.companyName}}
|
</view>
|
<view class="box">
|
<view class="l">
|
<p>执法单位：{{item.executeDeptName}}</p>
|
<p>执法时间：{{item.executeTime}}</p>
|
</view>
|
<view class="r" @click="kankna(item.orderId)">
|
去查看
|
</view>
|
</view>
|
</view>
|
</view>
|
<!-- <view class="item">
|
<img src="/static/i05.png" class="img" alt="" />
|
<view class="right">
|
<view class="name">
|
北京斯诚科技发展有限公司
|
</view>
|
<view class="box">
|
<view class="l">
|
<p>执法单位：农业农村局</p>
|
<p>执法时间：2024-06-03 12:30:67</p>
|
</view>
|
<view class="r">
|
去查看
|
</view>
|
</view>
|
</view>
|
</view>
|
<view class="item">
|
<img src="/static/i05.png" class="img" alt="" />
|
<view class="right">
|
<view class="name">
|
北京华星擘达物业管理有限公司
|
</view>
|
<view class="box">
|
<view class="l">
|
<p>执法单位：农业农村局</p>
|
<p>执法时间：2024-06-03 12:30:67</p>
|
</view>
|
<view class="r">
|
去查看
|
</view>
|
</view>
|
</view>
|
</view>
|
<view class="item">
|
<img src="/static/i05.png" class="img" alt="" />
|
<view class="right">
|
<view class="name">
|
布雷曼管理咨询(北京)有限公司
|
</view>
|
<view class="box">
|
<view class="l">
|
<p>执法单位：农业农村局</p>
|
<p>执法时间：2024-06-03 12:30:67</p>
|
</view>
|
<view class="r">
|
去查看
|
</view>
|
</view>
|
</view>
|
</view>
|
<view class="item">
|
<img src="/static/i05.png" class="img" alt="" />
|
<view class="right">
|
<view class="name">
|
北京元大投资有限公司
|
</view>
|
<view class="box">
|
<view class="l">
|
<p>执法单位：农业农村局</p>
|
<p>执法时间：2024-06-03 12:30:67</p>
|
</view>
|
<view class="r">
|
去查看
|
</view>
|
</view>
|
</view>
|
</view> -->
|
</view>
|
<view style="height: 30rpx;"></view>
|
</view>
|
</template>
|
|
<script>
|
import { docList,showList } from '@/api/index.js'
|
|
// 00营商办,01执法,02企业 区分不同的登陆页面
|
export default {
|
onLoad() {
|
},
|
onShow() {
|
this.getInfo()
|
},
|
data() {
|
return {
|
list1:[],
|
list2:[],
|
}
|
},
|
methods: {
|
kankna(id){
|
uni.navigateTo({
|
url: `/pages/message/details?id=${id}`
|
})
|
},
|
more1(){
|
uni.navigateTo({
|
url: `/pages/hqzc/list`
|
})
|
},
|
more2(){
|
uni.navigateTo({
|
url: `/pages/message/list`
|
})
|
},
|
getInfo() {
|
docList({pageNum:1,pageSize:2}).then(val =>{
|
let data = val.data.rows
|
for(let i = 0;i<data.length;i++){
|
if(data[i].docTitle.length>17){
|
data[i].docTitle = data[i].docTitle.slice(0, 17) + '...'
|
}
|
}
|
this.list1 = data
|
})
|
showList({pageNum:1,pageSize:10}).then(val =>{
|
//console.log(val.data.rows)
|
this.list2 = val.data.rows
|
})
|
},
|
goMyCompany(item) {
|
uni.navigateTo({
|
url: `/pages/companyLogin/companyLogin?code=${item}`
|
})
|
}
|
}
|
};
|
</script>
|
<style>
|
page{
|
background: #F7F7F7;
|
}
|
</style>
|
<style lang="scss" scoped>
|
|
.hqzc{
|
position: absolute;
|
border-radius: 5px;
|
background: #fff;
|
display: flex;
|
width: calc(100vw - 64rpx);
|
align-items: center;
|
left: 32rpx;
|
top: 500rpx;
|
padding: 24rpx;
|
box-sizing: border-box;
|
.line{
|
width: 2rpx;
|
height: 50rpx;
|
background: #f1f1f1;
|
margin-right: 18rpx;
|
}
|
.img{
|
width: 76rpx;
|
height: 76rpx;
|
margin-right: 18rpx;
|
}
|
.more{
|
width: 28rpx;
|
height: 28rpx;
|
}
|
.font{
|
font-size: 26rpx;
|
color: #4A4E60;
|
margin-right: 50rpx;
|
width: 450rpx;
|
text-align: center;
|
}
|
}
|
.btnbox{
|
margin-top: 110rpx;
|
margin-left: 32rpx;
|
margin-right: 32rpx;
|
img{
|
width: 334rpx;
|
height: 208rpx;
|
}
|
}
|
.msgbox{
|
background: #fff;
|
border-radius: 5px;
|
padding: 24rpx;
|
box-sizing: border-box;
|
margin: 20rpx 32rpx;
|
.tit{
|
display: flex;
|
justify-content: space-between;
|
.t{
|
color: #202d44;
|
font-size: 36rpx;
|
font-weight: bolder;
|
}
|
.m{
|
color: #7e8596;
|
font-size: 24rpx;
|
}
|
}
|
.item{
|
display: flex;
|
margin-top: 26rpx;
|
border-bottom: 1px solid #F1F1F1;
|
padding-bottom: 26rpx;
|
.img{
|
width: 56rpx;
|
height: 56rpx;
|
}
|
.right{
|
width: 90%;
|
.name{
|
color: #202d44;
|
font-size: 32rpx;
|
line-height: 44rpx;
|
margin-bottom: 24rpx;
|
}
|
.box{
|
display: flex;
|
justify-content: space-between;
|
.l{
|
font-size: 26rpx;
|
color: #7e8593;
|
max-width: 80%;
|
|
}
|
.r{
|
width: 132rpx;
|
height: 64rpx;
|
line-height: 64rpx;
|
border-radius: 5px;
|
border: 1px solid #ABD2FF;
|
background: #F0F8FF;
|
color: #1171e0;
|
text-align: center;
|
font-size: 30rpx;
|
}
|
}
|
}
|
}
|
.item:last-child{
|
border: none;
|
padding-bottom: 0;
|
}
|
|
}
|
.head{
|
width: 100%;
|
height: 518rpx;
|
}
|
</style>
|
