|
@@ -1,31 +1,46 @@
|
1
|
1
|
<template>
|
2
|
2
|
<div class="subPage" :style="{ padding: '20px' }">
|
3
|
|
- <div>
|
4
|
|
- <el-form inline>
|
5
|
|
- <el-form-item label="案场">
|
6
|
|
- <el-select v-model="caseId" size="medium" placeholder="请选择案场">
|
7
|
|
- <el-option
|
8
|
|
- v-for="item in cases"
|
9
|
|
- :key="item.CaseId"
|
10
|
|
- :label="item.CaseName"
|
11
|
|
- :value="item.CaseId"
|
12
|
|
- ></el-option>
|
13
|
|
- </el-select>
|
14
|
|
- </el-form-item>
|
15
|
|
- <el-form-item label="条码">
|
16
|
|
- <el-input v-model="formData.bookBarcode"></el-input>
|
17
|
|
- </el-form-item>
|
18
|
|
- <el-form-item label="书名">
|
19
|
|
- <el-input v-model="formData.bookName"></el-input>
|
20
|
|
- </el-form-item>
|
21
|
|
- <el-form-item :style="{ float: 'right' }">
|
22
|
|
- <el-button type="primary" size="medium" @click="filterList">搜索</el-button>
|
23
|
|
- </el-form-item>
|
24
|
|
- </el-form>
|
|
3
|
+ <div class="system-table-search">
|
|
4
|
+ <div class="flex-h" style="align-items: flex-start;">
|
|
5
|
+ <div class="flex-item flex-h">
|
|
6
|
+ <el-button plain @click="editBook()" size="medium">图书录入</el-button>
|
|
7
|
+ <el-button plain @click="showBatchInput()" size="medium">批量导入</el-button>
|
|
8
|
+ </div>
|
|
9
|
+ <ul style="white-space: normal;">
|
|
10
|
+ <li style="margin-bottom: 15px;">
|
|
11
|
+ <el-select v-model="caseId" size="medium" placeholder="请选择案场">
|
|
12
|
+ <el-option
|
|
13
|
+ v-for="item in cases"
|
|
14
|
+ :key="item.CaseId"
|
|
15
|
+ :label="item.CaseName"
|
|
16
|
+ :value="item.CaseId"
|
|
17
|
+ ></el-option>
|
|
18
|
+ </el-select>
|
|
19
|
+ </li>
|
|
20
|
+ <li>
|
|
21
|
+ <el-input v-model="formData.bookBarcode" placeholder="请输入或扫描条码"></el-input>
|
|
22
|
+ </li>
|
|
23
|
+ <li>
|
|
24
|
+ <el-input v-model="formData.bookName" placeholder="请输入书名"></el-input>
|
|
25
|
+ </li>
|
|
26
|
+ <li>
|
|
27
|
+ <el-select v-model="formData.booktype" size="medium" placeholder="请选择分类">
|
|
28
|
+ <el-option label="所有分类" value=""></el-option>
|
|
29
|
+ <el-option
|
|
30
|
+ v-for="item in types"
|
|
31
|
+ :key="item.BookTypeId"
|
|
32
|
+ :label="item.BookTypeName"
|
|
33
|
+ :value="item.BookTypeId"
|
|
34
|
+ ></el-option>
|
|
35
|
+ </el-select>
|
|
36
|
+ </li>
|
|
37
|
+ <li>
|
|
38
|
+ <el-button type="primary" size="medium" @click="filterList">搜索</el-button>
|
|
39
|
+ </li>
|
|
40
|
+ </ul>
|
|
41
|
+ </div>
|
25
|
42
|
</div>
|
26
|
43
|
<div>
|
27
|
|
- <el-button plain @click="editBook()" size="medium">图书录入</el-button>
|
28
|
|
- <el-button plain @click="showBatchInput()" size="medium">批量导入</el-button>
|
29
|
44
|
<div :style="{ margin: '10px 0' }">
|
30
|
45
|
<el-table :data="list" border style="width: 100%">
|
31
|
46
|
<el-table-column label="图片" width="128">
|
|
@@ -33,8 +48,8 @@
|
33
|
48
|
<img width="64" :src="scope.row.BookImg + '?x-oss-process=style/compress-rotate'" alt>
|
34
|
49
|
</template>
|
35
|
50
|
</el-table-column>
|
36
|
|
- <el-table-column prop="BookBarcode" label="条码"></el-table-column>
|
37
|
|
- <el-table-column prop="BookName" label="书名"></el-table-column>
|
|
51
|
+ <el-table-column prop="BookBarcode" label="条形码"></el-table-column>
|
|
52
|
+ <el-table-column prop="BookName" label="图书名"></el-table-column>
|
38
|
53
|
<el-table-column label="案场">
|
39
|
54
|
<template slot-scope="scope">
|
40
|
55
|
<span>{{ getCaseName(scope.row.CaseId) }}</span>
|
|
@@ -50,10 +65,10 @@
|
50
|
65
|
<span>{{ formatPrice(scope.row.Price) }}</span>
|
51
|
66
|
</template>
|
52
|
67
|
</el-table-column>
|
53
|
|
- <el-table-column prop="BorrowDays" label="借阅(天)"></el-table-column>
|
54
|
|
- <el-table-column prop="InStock" label="总数量"></el-table-column>
|
55
|
|
- <el-table-column prop="BorrowNum" label="借出"></el-table-column>
|
56
|
|
- <el-table-column label="预约">
|
|
68
|
+ <el-table-column prop="BorrowDays" label="借阅时间" width="50"></el-table-column>
|
|
69
|
+ <el-table-column prop="InStock" label="总数量" width="50"></el-table-column>
|
|
70
|
+ <el-table-column prop="BorrowNum" label="已借出" width="50"></el-table-column>
|
|
71
|
+ <el-table-column label="预约数量" width="50">
|
57
|
72
|
<template slot-scope="scope">
|
58
|
73
|
<span>{{ getReserveNum(scope.row) }}</span>
|
59
|
74
|
</template>
|
|
@@ -63,16 +78,12 @@
|
63
|
78
|
<span>{{ toolClass.dateFormat(scope.row.CreateDate) }}</span>
|
64
|
79
|
</template>
|
65
|
80
|
</el-table-column>
|
66
|
|
- <el-table-column fixed="right" label="操作" width="150">
|
|
81
|
+ <el-table-column fixed="right" label="操作" width="350">
|
67
|
82
|
<template slot-scope="scope">
|
68
|
|
- <div>
|
69
|
|
- <el-button type="text" @click="changeStock(scope.row)" size="small">盘点</el-button>
|
70
|
|
- <el-button @click="setRecommend(scope.row)" type="text" size="small">{{ scope.row.IsRecommend === 1 ? '取消推荐' : '设为推荐' }}</el-button>
|
71
|
|
- </div>
|
72
|
|
- <div>
|
73
|
|
- <el-button @click="editBook(scope.row)" type="text" size="small">编辑</el-button>
|
74
|
|
- <el-button @click="removeBook(scope.row)" type="text" size="small">删除</el-button>
|
75
|
|
- </div>
|
|
83
|
+ <el-button type="primary" @click="changeStock(scope.row)" size="small">库存盘点</el-button>
|
|
84
|
+ <el-button @click="setRecommend(scope.row)" type="warning" size="small">{{ scope.row.IsRecommend === 1 ? '取消推荐' : '设为推荐' }}</el-button>
|
|
85
|
+ <el-button @click="editBook(scope.row)" type="warning" size="small">编辑</el-button>
|
|
86
|
+ <el-button @click="removeBook(scope.row)" type="danger" size="small">删除</el-button>
|
76
|
87
|
</template>
|
77
|
88
|
</el-table-column>
|
78
|
89
|
</el-table>
|
|
@@ -114,9 +125,11 @@ export default {
|
114
|
125
|
caseId: '',
|
115
|
126
|
bookBarcode: '',
|
116
|
127
|
bookName: '',
|
|
128
|
+ booktype: '',
|
117
|
129
|
},
|
118
|
130
|
inputRef: undefined,
|
119
|
131
|
showDialog: false,
|
|
132
|
+ load: true,
|
120
|
133
|
}
|
121
|
134
|
},
|
122
|
135
|
computed: {
|
|
@@ -133,6 +146,9 @@ export default {
|
133
|
146
|
}),
|
134
|
147
|
caseId: {
|
135
|
148
|
get() {
|
|
149
|
+ if (this.defaultCase !== '' && this.load) {
|
|
150
|
+ this.filterList()
|
|
151
|
+ }
|
136
|
152
|
return this.formData.caseId || this.defaultCase
|
137
|
153
|
},
|
138
|
154
|
set(nv) {
|
|
@@ -172,6 +188,7 @@ export default {
|
172
|
188
|
|
173
|
189
|
// 查询过滤
|
174
|
190
|
filterList({ page = 0 } = {}) {
|
|
191
|
+ this.load = false
|
175
|
192
|
const caseId = this.caseId || this.defaultCase
|
176
|
193
|
if (!caseId) {
|
177
|
194
|
this.$message({
|
|
@@ -188,7 +205,8 @@ export default {
|
188
|
205
|
page,
|
189
|
206
|
caseid: caseId,
|
190
|
207
|
barcode: this.formData.bookBarcode,
|
191
|
|
- name: this.formData.bookName
|
|
208
|
+ name: this.formData.bookName,
|
|
209
|
+ booktype: this.formData.booktype,
|
192
|
210
|
}).then(({ list }) => {
|
193
|
211
|
if (!list) {
|
194
|
212
|
this.$message({
|