|
|
@@ -12,7 +12,7 @@
|
|
|
class="filter-item"
|
|
|
>导出EXCEL
|
|
|
</el-button> -->
|
|
|
- <el-select
|
|
|
+ <!-- <el-select
|
|
|
v-model="status"
|
|
|
multiple
|
|
|
clearable
|
|
|
@@ -22,10 +22,22 @@
|
|
|
>
|
|
|
<el-option v-for="item in statusOptions" :key="item.value" :value="item.value" :label="item.label">
|
|
|
</el-option>
|
|
|
- </el-select>
|
|
|
+ </el-select> -->
|
|
|
<el-select v-model="packageId" class="filter-item" clearable @change="getData" placeholder="请选择套餐">
|
|
|
<el-option v-for="item in packages" :label="item.name" :value="item.id" :key="item.id"></el-option>
|
|
|
</el-select>
|
|
|
+ <el-date-picker
|
|
|
+ v-model="dateRange"
|
|
|
+ type="daterange"
|
|
|
+ value-format="yyyy-MM-dd HH:mm:ss"
|
|
|
+ start-placeholder="请选择开始时间"
|
|
|
+ end-placeholder="请选择结束时间"
|
|
|
+ range-separator="至"
|
|
|
+ :default-time="['00:00:00', '23:59:59']"
|
|
|
+ class="filter-item"
|
|
|
+ @change="getData"
|
|
|
+ >
|
|
|
+ </el-date-picker>
|
|
|
</div>
|
|
|
<el-table
|
|
|
:data="tableData"
|
|
|
@@ -106,9 +118,10 @@ export default {
|
|
|
{ label: '已取消', value: 'CANCELLED' },
|
|
|
{ label: '线下支付', value: 'OFFLINE_PAID' }
|
|
|
],
|
|
|
- status: [],
|
|
|
+ // status: [],
|
|
|
packageId: '',
|
|
|
- packages: []
|
|
|
+ packages: [],
|
|
|
+ dateRange: []
|
|
|
};
|
|
|
},
|
|
|
computed: {
|
|
|
@@ -136,14 +149,29 @@ export default {
|
|
|
return '';
|
|
|
},
|
|
|
beforeGetData() {
|
|
|
- return {
|
|
|
- search: this.search,
|
|
|
- query: {
|
|
|
- status: this.status,
|
|
|
- packageId: this.packageId,
|
|
|
- userId: this.$route.query.id
|
|
|
- }
|
|
|
- };
|
|
|
+ // return {
|
|
|
+ // search: this.search,
|
|
|
+ // query: {
|
|
|
+ // // status: this.status,
|
|
|
+ // packageId: this.packageId,
|
|
|
+ // userId: this.$route.query.id,
|
|
|
+ // createdAt: this.dateRange[0] + ',' + this.dateRange[1]
|
|
|
+ // }
|
|
|
+ // };
|
|
|
+ let data = { sort: 'createdAt,desc', query: {} };
|
|
|
+ if (this.search) {
|
|
|
+ data.search = this.search;
|
|
|
+ }
|
|
|
+ if (this.dateRange && this.dateRange.length > 0) {
|
|
|
+ data.query.createdAt = this.dateRange[0] + ',' + this.dateRange[1];
|
|
|
+ }
|
|
|
+ if (this.$route.query.id) {
|
|
|
+ data.query.userId = this.$route.query.id;
|
|
|
+ }
|
|
|
+ if (this.packageId) {
|
|
|
+ data.query.packageId = this.packageId;
|
|
|
+ }
|
|
|
+ return data;
|
|
|
},
|
|
|
toggleMultipleMode(multipleMode) {
|
|
|
this.multipleMode = multipleMode;
|