|
|
@@ -21,6 +21,15 @@
|
|
|
</el-button>
|
|
|
</page-title>
|
|
|
<div class="filters-container">
|
|
|
+ <el-input
|
|
|
+ placeholder="搜索交易ID"
|
|
|
+ v-model="search"
|
|
|
+ clearable
|
|
|
+ class="filter-item search"
|
|
|
+ @keyup.enter.native="getData"
|
|
|
+ >
|
|
|
+ <el-button @click="getData" slot="append" icon="el-icon-search"> </el-button>
|
|
|
+ </el-input>
|
|
|
<el-select v-model="status" placeholder="筛选状态" clearable @change="getData" class="filter-item">
|
|
|
<el-option
|
|
|
v-for="item in statusOptions"
|
|
|
@@ -29,16 +38,31 @@
|
|
|
:label="item.label"
|
|
|
></el-option>
|
|
|
</el-select>
|
|
|
- <created-at-picker v-model="createdAt" @input="getData" name="下单" class="filter-item"></created-at-picker>
|
|
|
+ <el-input
|
|
|
+ placeholder="搜索藏品ID"
|
|
|
+ v-model="collectionId"
|
|
|
+ clearable
|
|
|
+ class="filter-item"
|
|
|
+ @keyup.enter.native="getData"
|
|
|
+ >
|
|
|
+ </el-input>
|
|
|
<el-input
|
|
|
- placeholder="搜索..."
|
|
|
- v-model="search"
|
|
|
+ placeholder="搜索藏品名称"
|
|
|
+ v-model="name"
|
|
|
clearable
|
|
|
- class="filter-item search"
|
|
|
+ class="filter-item"
|
|
|
+ @keyup.enter.native="getData"
|
|
|
+ >
|
|
|
+ </el-input>
|
|
|
+ <el-input
|
|
|
+ placeholder="搜索用户ID"
|
|
|
+ v-model="userId"
|
|
|
+ clearable
|
|
|
+ class="filter-item"
|
|
|
@keyup.enter.native="getData"
|
|
|
>
|
|
|
- <el-button @click="getData" slot="append" icon="el-icon-search"> </el-button>
|
|
|
</el-input>
|
|
|
+ <created-at-picker v-model="createdAt" @input="getData" name="下单" class="filter-item"></created-at-picker>
|
|
|
</div>
|
|
|
<el-table
|
|
|
:data="tableData"
|
|
|
@@ -134,7 +158,10 @@ export default {
|
|
|
{ label: '支付宝', value: 'ALIPAY' }
|
|
|
],
|
|
|
status: null,
|
|
|
- createdAt: []
|
|
|
+ createdAt: [],
|
|
|
+ collectionId: '',
|
|
|
+ name: '',
|
|
|
+ userId: ''
|
|
|
};
|
|
|
},
|
|
|
computed: {
|
|
|
@@ -174,6 +201,15 @@ export default {
|
|
|
if (this.status) {
|
|
|
data.query.status = this.status;
|
|
|
}
|
|
|
+ if (this.collectionId) {
|
|
|
+ data.query.collectionId = this.collectionId;
|
|
|
+ }
|
|
|
+ if (this.name) {
|
|
|
+ data.query.name = this.name;
|
|
|
+ }
|
|
|
+ if (this.userId) {
|
|
|
+ data.query.userId = this.userId;
|
|
|
+ }
|
|
|
return data;
|
|
|
},
|
|
|
beforeGetData() {
|
