<template>
|
<view class="page-box">
|
<u-sticky bgColor="white">
|
<view class="set-search">
|
<u-search placeholder="请输入申请记录关键词 " @search="search" @blur="search" shape="square" :showAction="false"></u-search>
|
</view>
|
<view class="border"></view>
|
<u-tabs :list="list1" @click="click" :current="current" :scrollable="false" bgColor="white"></u-tabs>
|
</u-sticky>
|
<view class="list">
|
<view class="list-item" @click="goReport" v-for="(item,index) in dataList" :key="index">
|
<view class="top-title">
|
<text>24年5月突击检查消防安全</text>
|
<text class="status">已结束</text>
|
</view>
|
<view class="user-info">
|
<text>王思雨</text>
|
<view class="driver"></view>
|
<text>执法一大队</text>
|
</view>
|
<view class="set-line">
|
<text>执法对象：</text>河南觉醒科技有限公司
|
</view>
|
<view class="line"></view>
|
<view class="set-flex set-start set-flex-content-between">
|
<view>
|
<view class="set-line1">
|
<text>执法时间：</text>2024-05-12 12:00
|
</view>
|
<view class="set-line1">
|
<text>申请时间：</text>2024-05-12 12:00:12
|
</view>
|
</view>
|
|
</view>
|
</view>
|
<u-empty v-if="!dataList.length"></u-empty>
|
</view>
|
</view>
|
</template>
|
|
<script>
|
import { orderList } from '@/api/policy.js'
|
export default {
|
data() {
|
return {
|
current: 0,
|
list1: [{
|
name: '全部',
|
value: ''
|
}, {
|
name: '待审批',
|
value: 1
|
}, {
|
name: '待执行',
|
value: 2
|
}, {
|
name: '待上报',
|
value: 3
|
}, {
|
name: '已拒绝',
|
value: -1
|
}, {
|
name: '已结束',
|
value: 4
|
}],
|
queryParams: {
|
pageNum: 1,
|
pageSize: 10
|
},
|
total: 1,
|
dataList: []
|
}
|
},
|
onShow() {
|
this.orderList()
|
},
|
onReachBottom() {
|
if(this.list.length == this.total) {
|
return
|
}
|
this.queryParams.pageNum++
|
this.orderList()
|
},
|
methods: {
|
goReport() {
|
uni.navigateTo({
|
url: `/policy/applyRecordDetails/applyRecordDetails`
|
})
|
},
|
click(e) {
|
this.queryParams.pageNum = 1
|
this.current = e.index
|
},
|
orderList() {
|
orderList({...this.queryParams, orderStatus: this.list1[this.current].value}).then(val => {
|
// console.log(val.data)
|
this.total = val.data.total
|
this.dataList = [...this.dataList,...val.data.rows]
|
})
|
},
|
search(e){
|
this.queryParams.pageNum =1
|
this.queryParams.companyName = e
|
this.orderList()
|
}
|
}
|
}
|
</script>
|
<style>
|
page {
|
background-color: #F4F4F4;
|
}
|
</style>
|
<style lang="scss" scoped>
|
@import "./applyRecord.scss";
|
</style>
|
