|
|
@ -34,7 +34,7 @@ |
|
|
<view class="left"> |
|
|
<view class="left"> |
|
|
<uv-datetime-picker |
|
|
<uv-datetime-picker |
|
|
ref="datetimePicker" |
|
|
ref="datetimePicker" |
|
|
v-model="selectedTime" |
|
|
|
|
|
|
|
|
v-model="queryParams.useTime" |
|
|
mode="year-month" |
|
|
mode="year-month" |
|
|
confirmColor="#84A73F" |
|
|
confirmColor="#84A73F" |
|
|
@confirm="onTimeChange" |
|
|
@confirm="onTimeChange" |
|
|
@ -46,25 +46,18 @@ |
|
|
</view> |
|
|
</view> |
|
|
<view class="right"> |
|
|
<view class="right"> |
|
|
<text>{{ `${displaySelectedMonth}总核销：` }}</text> |
|
|
<text>{{ `${displaySelectedMonth}总核销：` }}</text> |
|
|
<!-- todo: 对接接口字段 --> |
|
|
|
|
|
|
|
|
|
|
|
<text class="highlight">{{ 0 }}</text> |
|
|
|
|
|
|
|
|
<text class="highlight">{{ total }}</text> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
|
|
|
|
|
|
<template v-if="current == 0" > |
|
|
<template v-if="current == 0" > |
|
|
<view class="list order"> |
|
|
<view class="list order"> |
|
|
<!-- <orderCard class="list-item" |
|
|
|
|
|
|
|
|
<orderCard class="list-item" |
|
|
v-for="item in list" |
|
|
v-for="item in list" |
|
|
:key="item.id" |
|
|
:key="item.id" |
|
|
:data="data" |
|
|
|
|
|
></orderCard> --> |
|
|
|
|
|
|
|
|
|
|
|
<voucherCard class="list-item" |
|
|
|
|
|
v-for="item in list" |
|
|
|
|
|
:key="item.id" |
|
|
|
|
|
:data="data" |
|
|
|
|
|
></voucherCard> |
|
|
|
|
|
|
|
|
:data="item" |
|
|
|
|
|
:readonly="true" |
|
|
|
|
|
></orderCard> |
|
|
</view> |
|
|
</view> |
|
|
</template> |
|
|
</template> |
|
|
<template v-else-if="current == 1" > |
|
|
<template v-else-if="current == 1" > |
|
|
@ -72,25 +65,23 @@ |
|
|
<voucherCard class="list-item" |
|
|
<voucherCard class="list-item" |
|
|
v-for="item in list" |
|
|
v-for="item in list" |
|
|
:key="item.id" |
|
|
:key="item.id" |
|
|
:data="data" |
|
|
|
|
|
|
|
|
:data="item" |
|
|
></voucherCard> |
|
|
></voucherCard> |
|
|
|
|
|
|
|
|
<voucherCard class="list-item"></voucherCard> |
|
|
|
|
|
<voucherCard class="list-item"></voucherCard> |
|
|
|
|
|
</view> |
|
|
</view> |
|
|
</template> |
|
|
</template> |
|
|
</view> |
|
|
</view> |
|
|
</template> |
|
|
</template> |
|
|
|
|
|
|
|
|
<script> |
|
|
<script> |
|
|
|
|
|
import dayjs from 'dayjs' |
|
|
|
|
|
|
|
|
import mixinsList from '@/mixins/list.js' |
|
|
import mixinsList from '@/mixins/list.js' |
|
|
import orderCard from '@/components/order/orderCard.vue' |
|
|
import orderCard from '@/components/order/orderCard.vue' |
|
|
import voucherCard from '../components/verifyRecord/voucherCard.vue' |
|
|
import voucherCard from '../components/verifyRecord/voucherCard.vue' |
|
|
|
|
|
|
|
|
const TAB_AND_API_FIELDS_MAPPING = { |
|
|
const TAB_AND_API_FIELDS_MAPPING = { |
|
|
// todo: 接口对接 |
|
|
|
|
|
0: 'fetchVoucher', |
|
|
|
|
|
1: 'fetchStore', |
|
|
|
|
|
|
|
|
0: 'fetchOverOrder', |
|
|
|
|
|
1: 'fetchOverVoucher', |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
@ -108,31 +99,37 @@ |
|
|
name: "核销代金券" |
|
|
name: "核销代金券" |
|
|
}], |
|
|
}], |
|
|
current: 0, |
|
|
current: 0, |
|
|
selectedTime: new Date(), |
|
|
|
|
|
|
|
|
queryParams: { |
|
|
|
|
|
pageNo: 1, |
|
|
|
|
|
pageSize: 10, |
|
|
|
|
|
useTime: dayjs().format('YYYY-MM'), |
|
|
|
|
|
}, |
|
|
}; |
|
|
}; |
|
|
}, |
|
|
}, |
|
|
computed: { |
|
|
computed: { |
|
|
mixinsListApi() { |
|
|
mixinsListApi() { |
|
|
// todo |
|
|
|
|
|
return TAB_AND_API_FIELDS_MAPPING[this.current] |
|
|
return TAB_AND_API_FIELDS_MAPPING[this.current] |
|
|
}, |
|
|
}, |
|
|
displaySelectedTime() { |
|
|
displaySelectedTime() { |
|
|
return this.$dayjs(this.selectedTime).format("YYYY年M月") |
|
|
|
|
|
|
|
|
return this.$dayjs(this.queryParams.useTime).format("YYYY年M月") |
|
|
}, |
|
|
}, |
|
|
displaySelectedMonth() { |
|
|
displaySelectedMonth() { |
|
|
return this.$dayjs(this.selectedTime).format("M月") |
|
|
|
|
|
|
|
|
return this.$dayjs(this.queryParams.useTime).format("M月") |
|
|
}, |
|
|
}, |
|
|
}, |
|
|
}, |
|
|
methods: { |
|
|
methods: { |
|
|
onTabChange(e) { |
|
|
onTabChange(e) { |
|
|
this.current = e.index |
|
|
this.current = e.index |
|
|
|
|
|
this.list = [] |
|
|
|
|
|
this.total = 0 |
|
|
|
|
|
this.getData() |
|
|
}, |
|
|
}, |
|
|
openTimePicker() { |
|
|
openTimePicker() { |
|
|
this.$refs.datetimePicker.open(); |
|
|
this.$refs.datetimePicker.open(); |
|
|
}, |
|
|
}, |
|
|
onTimeChange(e) { |
|
|
onTimeChange(e) { |
|
|
// todo |
|
|
|
|
|
console.log('--onTimeChange', e) |
|
|
|
|
|
|
|
|
this.queryParams.useTime = this.$dayjs(e.value).format('YYYY-MM') |
|
|
|
|
|
this.getData() |
|
|
}, |
|
|
}, |
|
|
}, |
|
|
}, |
|
|
} |
|
|
} |
|
|
|
Fox