1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
| <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(item.orderId)" v-for="(item,index) in dataList" :key="index">
| <view class="top-title">
| <text>{{item.enforceReason}}</text>
| <text class="status">{{mapStatus[item.orderStatus]}}</text>
| </view>
| <view class="user-info">
| <text>{{item.applyUser}}</text>
| <view class="driver"></view>
| <text>{{item.applyDeptName}}</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>
| </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: [],
| mapStatus: {
| 1: '待审批',
| 2: "待执行",
| 3: "待上报",
| '-1':"已拒绝",
| 4: "已结束"
| }
| }
| },
| onLoad() {
| this.orderList()
| },
| onReachBottom() {
| if(this.dataList.length == this.total) {
| return
| }
| this.queryParams.pageNum++
| this.orderList()
| },
| methods: {
| goReport(id) {
| uni.navigateTo({
| url: `/policy/applyRecordDetails/applyRecordDetails?id=${id}`
| })
| },
| click(e) {
| this.dataList = []
| this.queryParams.pageNum = 1
| this.current = e.index
| this.orderList()
| },
| orderList() {
| orderList({...this.queryParams, orderStatus: this.list1[this.current].value}).then(val => {
| this.total = val.data.total
| this.dataList = [...this.dataList,...val.data.rows]
| })
| },
| search(e){
| this.dataList = []
| 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>
|
|
