|
|
@@ -21,21 +21,45 @@
|
|
21
|
21
|
<span>手机号: </span><span>{{ borrowHistory.Phone }}</span>
|
|
22
|
22
|
</el-col>
|
|
23
|
23
|
<el-col :span="4">
|
|
24
|
|
- <span>在借数量: </span><span>{{ borrowHistory.BorrowNum }}</span>
|
|
|
24
|
+ <span>在借图书数量: </span><span>{{ borrowHistory.BorrowNum }}</span>
|
|
25
|
25
|
</el-col>
|
|
26
|
26
|
<el-col :span="4">
|
|
27
|
|
- <span>逾期数量: </span><span>{{ borrowHistory.LateNum }}</span>
|
|
|
27
|
+ <span>逾期图书数量: </span><span>{{ borrowHistory.LateNum }}</span>
|
|
28
|
28
|
</el-col>
|
|
29
|
29
|
<el-col :span="4">
|
|
30
|
30
|
<span>历史是否有逾期: </span><span>{{ borrowHistory.IsLate === 'yes' ? '是' : '否' }}</span>
|
|
31
|
31
|
</el-col>
|
|
32
|
32
|
</el-row>
|
|
33
|
33
|
</div>
|
|
34
|
|
-
|
|
|
34
|
+ <div class="system-table-search">
|
|
|
35
|
+ <div class="flex-h" style="align-items: flex-start;">
|
|
|
36
|
+ <div class="flex-item flex-h"></div>
|
|
|
37
|
+ <ul style="white-space: normal;">
|
|
|
38
|
+ <li style="margin-bottom: 15px;">
|
|
|
39
|
+ <el-select v-model="caseid" placeholder="请选择案场">
|
|
|
40
|
+ <el-option key="all" label="所有案场" value=""></el-option>
|
|
|
41
|
+ <el-option
|
|
|
42
|
+ v-for="item in cases"
|
|
|
43
|
+ :key="item.CaseId"
|
|
|
44
|
+ :label="item.CaseName"
|
|
|
45
|
+ :value="item.CaseId"
|
|
|
46
|
+ ></el-option>
|
|
|
47
|
+ </el-select>
|
|
|
48
|
+ </li>
|
|
|
49
|
+ </ul>
|
|
|
50
|
+ <el-button type="primary" @click="search">搜索</el-button>
|
|
|
51
|
+ </div>
|
|
|
52
|
+ <div class="moreFilter"></div>
|
|
|
53
|
+ </div>
|
|
35
|
54
|
<!-- 可借阅列表 -->
|
|
36
|
55
|
<el-table :data="list" border style="width: 100%">
|
|
|
56
|
+ <el-table-column label="案场">
|
|
|
57
|
+ <template slot-scope="scope">
|
|
|
58
|
+ <span>{{(cases.filter(x => x.CaseId === scope.row.CaseId)[0] || {}).CaseName}}</span>
|
|
|
59
|
+ </template>
|
|
|
60
|
+ </el-table-column>
|
|
37
|
61
|
<el-table-column prop="BookBarcode" label="条形码"></el-table-column>
|
|
38
|
|
- <el-table-column prop="BookName" label="书名"></el-table-column>
|
|
|
62
|
+ <el-table-column prop="BookName" label="图书名"></el-table-column>
|
|
39
|
63
|
<el-table-column prop="BookTypeName" label="分类"></el-table-column>
|
|
40
|
64
|
<el-table-column label="规定归还日期">
|
|
41
|
65
|
<template slot-scope="scope">
|
|
|
@@ -71,7 +95,8 @@ export default {
|
|
71
|
95
|
data() {
|
|
72
|
96
|
return {
|
|
73
|
97
|
active: 0,
|
|
74
|
|
- customerInfo: ''
|
|
|
98
|
+ customerInfo: '',
|
|
|
99
|
+ caseid: '',
|
|
75
|
100
|
}
|
|
76
|
101
|
},
|
|
77
|
102
|
computed: {
|
|
|
@@ -92,7 +117,19 @@ export default {
|
|
92
|
117
|
returnBook: 'returnBook',
|
|
93
|
118
|
getUserReturn: 'getUserReturn'
|
|
94
|
119
|
}),
|
|
|
120
|
+ search () {
|
|
|
121
|
+ this.getUserReturn({ customerInfo: this.customerInfo, caseid: this.caseid, page: 1, pagesize: 1000 })
|
|
|
122
|
+ .then(() => {
|
|
95
|
123
|
|
|
|
124
|
+ })
|
|
|
125
|
+ .catch(err => {
|
|
|
126
|
+ this.$message({
|
|
|
127
|
+ showClose: true,
|
|
|
128
|
+ message: err,
|
|
|
129
|
+ type: 'error'
|
|
|
130
|
+ })
|
|
|
131
|
+ })
|
|
|
132
|
+ },
|
|
96
|
133
|
nextStep() {
|
|
97
|
134
|
if (!this.customerInfo) {
|
|
98
|
135
|
this.$message({
|
|
|
@@ -105,7 +142,8 @@ export default {
|
|
105
|
142
|
this.getList()
|
|
106
|
143
|
},
|
|
107
|
144
|
getList () {
|
|
108
|
|
- this.getBorrowHistory({ customerInfo: this.customerInfo })
|
|
|
145
|
+ this.getBorrowHistory({ customerInfo: this.customerInfo
|
|
|
146
|
+ })
|
|
109
|
147
|
.then(() => {
|
|
110
|
148
|
this.active = 1
|
|
111
|
149
|
})
|
|
|
@@ -116,7 +154,7 @@ export default {
|
|
116
|
154
|
type: 'error'
|
|
117
|
155
|
})
|
|
118
|
156
|
})
|
|
119
|
|
- this.getUserReturn({ customerInfo: this.customerInfo, page: 1, pagesize: 1000 })
|
|
|
157
|
+ this.getUserReturn({ customerInfo: this.customerInfo, caseid: this.caseid, page: 1, pagesize: 1000 })
|
|
120
|
158
|
.then(() => {
|
|
121
|
159
|
|
|
122
|
160
|
})
|
wangfei
6 年前