<template>
|
<view>
|
|
<u-sticky bgColor="white">
|
<u-navbar title="执法记录" :autoBack="true" placeholder>
|
<view slot="left"></view>
|
</u-navbar>
|
<u-tabs :list="list" @change="click" :current="current" :scrollable="false" bgColor="white"></u-tabs>
|
</u-sticky>
|
<view class="item" v-for="(item,index) in list1">
|
<img src="/static/i05.png" class="img" alt="" />
|
<view class="right">
|
<view class="name">
|
<view class="l">
|
{{item.companyName}}
|
</view>
|
<template v-if="item.orderStatus==2">
|
<view class="r color3">
|
未执法
|
</view>
|
</template>
|
<template v-if="item.isEva==0">
|
<view class="r color2">
|
待评价
|
</view>
|
</template>
|
<template v-if="item.isEva==1">
|
<view class="r color1">
|
已评价
|
</view>
|
</template>
|
</view>
|
<view class="box">
|
<view class="l">
|
<p style="display: flex;justify-content: flex-start;align-items: flex-start;"><text style="display: inline-block;width: 35%;">执法单位：</text> <text style="display: inline-block;width: 65%;">{{item.executeDeptName|| item.applyDeptName}}</text></p>
|
<p>执法时间：{{item.inTime || item.planTime}}</p>
|
</view>
|
<view class="r" @click="chakan(item.orderId)">
|
去查看
|
</view>
|
</view>
|
</view>
|
</view>
|
<u-empty v-if="!list1.length"></u-empty>
|
<!-- <view class="item">
|
<img src="/static/i05.png" class="img" alt="" />
|
<view class="right">
|
<view class="name">
|
<view class="l">
|
北京尚策互动科技有限公司北京尚策互动科技有限公司北京尚策互动科技有限公司北京尚策互动科技有限公司北京尚策互动科技有限公司
|
</view>
|
<view class="r color2">
|
待评价
|
</view>
|
</view>
|
<view class="box">
|
<view class="l">
|
<p>执法单位：农业农村局农业农村局农业农村局农业农村局农业农村局农业农村局s</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 class="l">
|
北京尚策互动科技有限公司北京尚策互动科技有限公司北京尚策互动科技有限公司北京尚策互动科技有限公司北京尚策互动科技有限公司
|
</view>
|
<view class="r color3">
|
待评价
|
</view>
|
</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 style="height: 150rpx;"></view>
|
<tabsCom :activeNumber.sync="activeNumber"></tabsCom>
|
|
</view>
|
</template>
|
|
<script>
|
import tabsCom from '@/qiye/components/bottom.vue'
|
import {
|
companyList
|
} from '@/api/qiye.js'
|
|
export default {
|
components: {
|
tabsCom
|
},
|
data() {
|
return {
|
activeNumber: 1,
|
list: [{
|
name: '全部',
|
value: {
|
|
}
|
}, {
|
name: '待评价',
|
value: {
|
isEva: 0
|
}
|
}, {
|
name: '未执法',
|
value: {
|
orderStatus: 2
|
}
|
}, {
|
name: '已评价',
|
value: {
|
isEva: 1
|
}
|
}],
|
current: 0,
|
list1: [],
|
queryParams: {
|
pageNum: 1,
|
pageSize: 10,
|
companyId: '',
|
},
|
total: 1,
|
}
|
},
|
onShow() {
|
this.list1 = []
|
this.queryParams.pageNum = 1
|
this.getList()
|
},
|
onReachBottom() {
|
if (this.list1.length == this.total) {
|
return
|
}
|
this.queryParams.pageNum++
|
this.getList()
|
},
|
methods: {
|
chakan(id) {
|
uni.navigateTo({
|
url: `/qiye/record/details?id=${id}`
|
})
|
},
|
getList() {
|
let data = uni.getStorageSync("qiyedata")
|
this.queryParams.companyId = data.companyId
|
companyList({
|
...this.queryParams,
|
...this.list[this.current].value
|
}).then(val => {
|
// console.log(val.data)
|
this.total = val.data.total
|
this.list1 = [...this.list1, ...val.data.rows]
|
})
|
},
|
click(i) {
|
this.list1 = []
|
this.queryParams.pageNum = 1
|
this.current = i.index
|
// console.log(i.index)
|
|
// if(i.index==1){
|
// this.queryParams.isEva = 0
|
// }
|
// if(i.index==2){
|
// this.queryParams.orderStatus = 2
|
// }
|
// if(i.index==3){
|
// this.queryParams.isEva = 1
|
// }
|
this.getList()
|
}
|
}
|
}
|
</script>
|
|
<style>
|
page {
|
background: #f4f4f4;
|
}
|
</style>
|
<style lang="scss" scoped>
|
.item {
|
background: #fff;
|
border-radius: 5px;
|
padding: 24rpx;
|
box-sizing: border-box;
|
margin: 20rpx 32rpx;
|
display: flex;
|
|
.img {
|
width: 56rpx;
|
height: 56rpx;
|
}
|
|
.right {
|
width: 90%;
|
|
.name {
|
display: flex;
|
justify-content: space-between;
|
|
.l {
|
color: #202d44;
|
font-size: 32rpx;
|
line-height: 44rpx;
|
margin-bottom: 24rpx;
|
width: 80%;
|
}
|
|
.r {
|
font-size: 28rpx;
|
width: 20%;
|
text-align: right;
|
}
|
}
|
|
.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;
|
}
|
}
|
}
|
}
|
|
.color1 {
|
color: #FE7B32;
|
//cheng
|
}
|
|
.color2 {
|
color: #EB4746;
|
|
//hong
|
}
|
|
.color3 {
|
color: #3EB47A;
|
//lv
|
}
|
</style>
|
