<template>
|
<view class="page-box">
|
<u-sticky bgColor="white">
|
<view class="padding">
|
<u-search placeholder="请输入申请记录关键词" v-model="queryParams.enforceReason" @clear="clean" shape="square" @confirm="search" :showAction="false"></u-search>
|
</view>
|
</u-sticky>
|
<view class="list">
|
<view class="list-item" @click="goReport(item.orderId)" v-for="(item,index) in list" :key="index">
|
<view class="top-title">
|
<text>{{item.enforceReason}}</text>
|
<text class="status">已结束</text>
|
</view>
|
<view class="user-info">
|
<text>{{item.executeUser}}</text>
|
<view class="driver"></view>
|
<text>{{item.executeDeptName}}</text>
|
</view>
|
<view class="set-line">
|
<text>执法对象：</text>{{item.companyName}}
|
</view>
|
<view class="line"></view>
|
<view class="set-flex set-start set-flex-content-between">
|
<view>
|
<view class="set-line1">
|
<text>执法时间：</text>{{item.planTime}}
|
</view>
|
<view class="set-line1">
|
<text>申请时间：</text>{{item.applyTime}}
|
</view>
|
</view>
|
<!-- <view class="button" @click="goReport(item.orderId)" >
|
上报
|
</view> -->
|
</view>
|
</view>
|
<u-empty v-if="!list.length" mode="data"></u-empty>
|
|
|
</view>
|
</view>
|
</template>
|
|
<script>
|
import {
|
executeList
|
} from '@/api/policy.js'
|
export default {
|
data() {
|
return {
|
list: [],
|
total: 1,
|
queryParams: {
|
pageNum: 1,
|
pageSize: 10,
|
orderStatus: 4,
|
isAsc: "desc",
|
orderByColumn: "execute_time"
|
},
|
searchContent: ''
|
}
|
},
|
onShow() {
|
this.queryParams.pageNum = 1
|
this.list = []
|
this.executeList()
|
},
|
onReachBottom() {
|
if(this.list.length == this.total) {
|
return
|
}
|
this.queryParams.pageNum++
|
this.executeList()
|
},
|
methods: {
|
clean() {
|
this.queryParams.enforceReason = ""
|
this.list = []
|
this.executeList()
|
},
|
search() {
|
this.queryParams.pageNum = 1
|
this.list = []
|
this.executeList()
|
},
|
goReport(order) {
|
uni.navigateTo({
|
url: `/policy/applyRecordDetails/applyRecordDetails?id=${order}`
|
})
|
},
|
click() {
|
|
},
|
executeList() {
|
executeList(this.queryParams).then(val => {
|
this.list = [...this.list, ...val.data.rows]
|
this.total = val.data.total
|
console.log(this.total)
|
})
|
}
|
}
|
}
|
</script>
|
<style>
|
page {
|
background-color: #F4F4F4;
|
}
|
</style>
|
<style lang="scss" scoped>
|
@import "./reportRecord.scss";
|
</style>
|
