|
@@ -45,7 +45,7 @@ const status = ref<any>({
|
|
'3': '已取消',
|
|
'3': '已取消',
|
|
'4': '待交付',
|
|
'4': '待交付',
|
|
})
|
|
})
|
|
-const verifyTime = ref<Date[]>([])
|
|
|
|
|
|
+const verifyTime = ref<Date[] | number[]>([])
|
|
const filterQuery = ref<{
|
|
const filterQuery = ref<{
|
|
orderStatus?: number | null
|
|
orderStatus?: number | null
|
|
dateTimeType?: number
|
|
dateTimeType?: number
|
|
@@ -75,12 +75,14 @@ const radioChange = (value: number) => {
|
|
if (value !== 4) {
|
|
if (value !== 4) {
|
|
filterQuery.value.verifyTime = ''
|
|
filterQuery.value.verifyTime = ''
|
|
verifyTime.value = []
|
|
verifyTime.value = []
|
|
|
|
+ } else {
|
|
|
|
+ verifyTime.value = [new Date().getTime(), new Date().getTime()]
|
|
}
|
|
}
|
|
}
|
|
}
|
|
-function handleConfirm(time: any) {
|
|
|
|
- console.log(time)
|
|
|
|
- if (time.length) {
|
|
|
|
- filterQuery.value.verifyTime = `${dayjs(time[0].format('YYYY-MM-DD hh:mm:ss'))},${dayjs(time[0].format('YYYY-MM-DD hh:mm:ss'))}`
|
|
|
|
|
|
+function handleConfirm({ value }) {
|
|
|
|
+ if (value.length) {
|
|
|
|
+ filterQuery.value.verifyTime = `${dayjs(value[0]).format('YYYY-MM-DD hh:mm:ss')},${dayjs(value[1]).format('YYYY-MM-DD hh:mm:ss')}`
|
|
|
|
+ console.log(filterQuery.value.verifyTime)
|
|
} else {
|
|
} else {
|
|
filterQuery.value.verifyTime = ''
|
|
filterQuery.value.verifyTime = ''
|
|
}
|
|
}
|
|
@@ -214,7 +216,12 @@ onPageScroll(({ scrollTop }: { scrollTop: number }) => {
|
|
<wd-action-sheet v-model="publishState" @close="publishState = false">
|
|
<wd-action-sheet v-model="publishState" @close="publishState = false">
|
|
<view class="flex flex-col p-4 overflow-y-auto">
|
|
<view class="flex flex-col p-4 overflow-y-auto">
|
|
<SectionHeading custom-class="mb-[10px]" title="交易时间"></SectionHeading>
|
|
<SectionHeading custom-class="mb-[10px]" title="交易时间"></SectionHeading>
|
|
- <wd-radio-group shape="button" v-model="filterQuery.dateTimeType" @change="radioChange">
|
|
|
|
|
|
+ <wd-radio-group
|
|
|
|
+ cell
|
|
|
|
+ shape="button"
|
|
|
|
+ v-model="filterQuery.dateTimeType"
|
|
|
|
+ @change="radioChange"
|
|
|
|
+ >
|
|
<template
|
|
<template
|
|
v-for="(tag, index) in [
|
|
v-for="(tag, index) in [
|
|
{ label: '本月', value: 1 },
|
|
{ label: '本月', value: 1 },
|
|
@@ -231,13 +238,14 @@ onPageScroll(({ scrollTop }: { scrollTop: number }) => {
|
|
</wd-radio-group>
|
|
</wd-radio-group>
|
|
<SectionHeading custom-class="my-[10px]" title="自定义"></SectionHeading>
|
|
<SectionHeading custom-class="my-[10px]" title="自定义"></SectionHeading>
|
|
<wd-datetime-picker
|
|
<wd-datetime-picker
|
|
|
|
+ custom-value-class="text-[#333] child-value w=[100%]"
|
|
:disabled="filterQuery.dateTimeType !== 4"
|
|
:disabled="filterQuery.dateTimeType !== 4"
|
|
v-model="verifyTime"
|
|
v-model="verifyTime"
|
|
type="date"
|
|
type="date"
|
|
@confirm="handleConfirm"
|
|
@confirm="handleConfirm"
|
|
></wd-datetime-picker>
|
|
></wd-datetime-picker>
|
|
<SectionHeading custom-class="my-[10px]" title="订单状态"></SectionHeading>
|
|
<SectionHeading custom-class="my-[10px]" title="订单状态"></SectionHeading>
|
|
- <wd-radio-group shape="button" v-model="filterQuery.orderStatus">
|
|
|
|
|
|
+ <wd-radio-group cell shape="button" v-model="filterQuery.orderStatus">
|
|
<template
|
|
<template
|
|
v-for="(tag, index) in [
|
|
v-for="(tag, index) in [
|
|
{ label: '已报名', value: 0 },
|
|
{ label: '已报名', value: 0 },
|
|
@@ -263,4 +271,21 @@ onPageScroll(({ scrollTop }: { scrollTop: number }) => {
|
|
</view>
|
|
</view>
|
|
</template>
|
|
</template>
|
|
|
|
|
|
-<style scoped lang="scss"></style>
|
|
|
|
|
|
+<style scoped lang="scss">
|
|
|
|
+::v-deep .child-value {
|
|
|
|
+ > view,
|
|
|
|
+ > div {
|
|
|
|
+ display: flex;
|
|
|
|
+ align-items: center;
|
|
|
|
+ justify-content: space-between;
|
|
|
|
+ > text {
|
|
|
|
+ background-color: #f0f0f0;
|
|
|
|
+ border-radius: 4px;
|
|
|
|
+ width: 40%;
|
|
|
|
+ line-height: 30px;
|
|
|
|
+ padding-left: 10px;
|
|
|
|
+ display: inline-block;
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+}
|
|
|
|
+</style>
|