|
@@ -1,7 +1,7 @@
|
1
|
1
|
<template>
|
2
|
2
|
<div class="body-wrapper">
|
3
|
|
- <div style="display: flex; justify-content: space-between;">
|
4
|
|
- <div style="width: 100%">
|
|
3
|
+ <el-tabs v-model="activeName">
|
|
4
|
+ <el-tab-pane label="电话追缴" name="电话追缴">
|
5
|
5
|
<el-form class="form-wrapper" :inline="true" :model="formInline" style="margin-bottom: 20px;">
|
6
|
6
|
<el-row>
|
7
|
7
|
<el-col :span="6">
|
|
@@ -9,15 +9,6 @@
|
9
|
9
|
<el-input v-model="formInline.plateNo" placeholder="请输入"></el-input>
|
10
|
10
|
</el-form-item>
|
11
|
11
|
</el-col>
|
12
|
|
- <el-col :span="6">
|
13
|
|
- <el-form-item label="追缴形式:">
|
14
|
|
- <el-select clearable v-model="formInline.recoveryType" placeholder="错误类型" popper-class="cur-select">
|
15
|
|
- <el-option label="全部" value=""></el-option>
|
16
|
|
- <el-option label="电话" value="电话"></el-option>
|
17
|
|
- <el-option label="短信" value="短信"></el-option>
|
18
|
|
- </el-select>
|
19
|
|
- </el-form-item>
|
20
|
|
- </el-col>
|
21
|
12
|
<el-col :span="4">
|
22
|
13
|
<el-form-item>
|
23
|
14
|
<el-button type="primary" class="query-btn" @click="onSubmit" icon="el-icon-search">查询</el-button>
|
|
@@ -35,8 +26,33 @@
|
35
|
26
|
:current-page.sync="pageNum" :page-size.sync="pageSize">
|
36
|
27
|
</el-pagination>
|
37
|
28
|
</div>
|
38
|
|
- </div>
|
39
|
|
- </div>
|
|
29
|
+ </el-tab-pane>
|
|
30
|
+ <el-tab-pane label="短信追缴" name="短信追缴">
|
|
31
|
+ <el-form class="form-wrapper" :inline="true" :model="formInline2" style="margin-bottom: 20px;">
|
|
32
|
+ <el-row>
|
|
33
|
+ <el-col :span="6">
|
|
34
|
+ <el-form-item label="车牌号:">
|
|
35
|
+ <el-input v-model="formInline2.plateNo" placeholder="请输入"></el-input>
|
|
36
|
+ </el-form-item>
|
|
37
|
+ </el-col>
|
|
38
|
+ <el-col :span="4">
|
|
39
|
+ <el-form-item>
|
|
40
|
+ <el-button type="primary" class="query-btn" @click="onSubmit" icon="el-icon-search">查询</el-button>
|
|
41
|
+ </el-form-item>
|
|
42
|
+ </el-col>
|
|
43
|
+ </el-row>
|
|
44
|
+ </el-form>
|
|
45
|
+ <el-table border :row-class-name="rowClassName" :data="tableData2" v-loading="loading">
|
|
46
|
+ <el-table-column v-for="(item, index) in columns" :key="index" :label="item.label" :prop="item.key">
|
|
47
|
+ </el-table-column>
|
|
48
|
+ </el-table>
|
|
49
|
+ <div class="table-pagination">
|
|
50
|
+ <el-pagination :background="false" layout="total, prev, pager, next" :total="total2" @current-change="handlePageChange2"
|
|
51
|
+ :current-page.sync="pageNum2" :page-size.sync="pageSize2">
|
|
52
|
+ </el-pagination>
|
|
53
|
+ </div>
|
|
54
|
+ </el-tab-pane>
|
|
55
|
+ </el-tabs>
|
40
|
56
|
</div>
|
41
|
57
|
</template>
|
42
|
58
|
<script>
|
|
@@ -50,16 +66,15 @@ export default {
|
50
|
66
|
},
|
51
|
67
|
data() {
|
52
|
68
|
return {
|
|
69
|
+ activeName: '电话追缴',
|
53
|
70
|
loading: false,
|
54
|
71
|
formInline: {
|
55
|
72
|
plateNo: '',
|
56
|
|
- recoveryType: '',
|
|
73
|
+ },
|
|
74
|
+ formInline2: {
|
|
75
|
+ plateNo: '',
|
57
|
76
|
},
|
58
|
77
|
columns: [
|
59
|
|
- {
|
60
|
|
- label: '追缴形式',
|
61
|
|
- key: 'recoveryType'
|
62
|
|
- },
|
63
|
78
|
{
|
64
|
79
|
label: '车牌号',
|
65
|
80
|
key: 'plateNo'
|
|
@@ -68,27 +83,28 @@ export default {
|
68
|
83
|
label: '手机号',
|
69
|
84
|
key: 'phoneNo'
|
70
|
85
|
},
|
71
|
|
- {
|
72
|
|
- label: '执行时间',
|
73
|
|
- key: 'recoveryTime'
|
74
|
|
- },
|
75
|
86
|
{
|
76
|
87
|
label: '追缴金额',
|
77
|
88
|
key: 'arrearsAmount'
|
78
|
89
|
},
|
79
|
90
|
{
|
80
|
|
- label: '执行结果',
|
81
|
|
- key: 'recoveryResult'
|
|
91
|
+ label: '审核状态',
|
|
92
|
+ key: 'auditStatus'
|
82
|
93
|
}
|
83
|
94
|
],
|
84
|
95
|
tableData:[],
|
|
96
|
+ tableData2:[],
|
85
|
97
|
total: 0,
|
86
|
|
- pageSize: 5,
|
|
98
|
+ pageSize: 10,
|
87
|
99
|
pageNum: 1,
|
|
100
|
+ total2: 0,
|
|
101
|
+ pageSize2: 10,
|
|
102
|
+ pageNum2: 1,
|
88
|
103
|
}
|
89
|
104
|
},
|
90
|
105
|
mounted() {
|
91
|
106
|
this.getTableData()
|
|
107
|
+ this.getTableData2()
|
92
|
108
|
},
|
93
|
109
|
watch: {},
|
94
|
110
|
methods: {
|
|
@@ -106,12 +122,24 @@ export default {
|
106
|
122
|
getTableData() {
|
107
|
123
|
this.loading = true
|
108
|
124
|
const {pageNum, pageSize} = this
|
109
|
|
- api_z.queryTaskReportByPage({current: pageNum, size: pageSize, ...this.formInline}).then(res => {
|
|
125
|
+ api_z.queryTaskReportByPage({current: pageNum, size: pageSize, ...this.formInline, recoveryType: '电话'}).then(res => {
|
110
|
126
|
this.tableData = res.data.records || []
|
111
|
127
|
this.total = res.data.total
|
112
|
128
|
this.loading = false
|
113
|
129
|
})
|
114
|
130
|
},
|
|
131
|
+ handlePageChange2() {
|
|
132
|
+ this.getTableData2()
|
|
133
|
+ },
|
|
134
|
+ getTableData2() {
|
|
135
|
+ this.loading2 = true
|
|
136
|
+ const {pageNum2, pageSize2} = this
|
|
137
|
+ api_z.queryTaskReportByPage({current: pageNum2, size: pageSize2, ...this.formInline, recoveryType: '短信'}).then(res => {
|
|
138
|
+ this.tableData2 = res.data.records || []
|
|
139
|
+ this.total2 = res.data.total
|
|
140
|
+ this.loading2 = false
|
|
141
|
+ })
|
|
142
|
+ },
|
115
|
143
|
}
|
116
|
144
|
}
|
117
|
145
|
</script>
|