|
@@ -11,6 +11,7 @@ import request from '@/helpers/request'
|
|
import { useRoute } from 'vue-router'
|
|
import { useRoute } from 'vue-router'
|
|
import { orderStatus } from '@/constant'
|
|
import { orderStatus } from '@/constant'
|
|
import { browser, moneyFormat } from '@/helpers/utils'
|
|
import { browser, moneyFormat } from '@/helpers/utils'
|
|
|
|
+import { useEventListener, useWindowScroll } from '@vueuse/core'
|
|
|
|
|
|
export default defineComponent({
|
|
export default defineComponent({
|
|
name: 'payment-result',
|
|
name: 'payment-result',
|
|
@@ -18,7 +19,9 @@ export default defineComponent({
|
|
const route = useRoute()
|
|
const route = useRoute()
|
|
const state = reactive({
|
|
const state = reactive({
|
|
orders: {} as any,
|
|
orders: {} as any,
|
|
- goodsInfos: [] as any
|
|
|
|
|
|
+ goodsInfos: [] as any,
|
|
|
|
+ backIconColor: 'white' as any,
|
|
|
|
+ background: 'transparent'
|
|
})
|
|
})
|
|
const getDetails = async () => {
|
|
const getDetails = async () => {
|
|
try {
|
|
try {
|
|
@@ -68,11 +71,27 @@ export default defineComponent({
|
|
|
|
|
|
onMounted(() => {
|
|
onMounted(() => {
|
|
getDetails()
|
|
getDetails()
|
|
|
|
+ useEventListener(document, 'scroll', () => {
|
|
|
|
+ const { y } = useWindowScroll()
|
|
|
|
+ if (y.value > 52) {
|
|
|
|
+ state.background = '#fff'
|
|
|
|
+ state.backIconColor = 'black'
|
|
|
|
+ } else {
|
|
|
|
+ state.background = 'transparent'
|
|
|
|
+ state.backIconColor = 'white'
|
|
|
|
+ }
|
|
|
|
+ })
|
|
})
|
|
})
|
|
return () => (
|
|
return () => (
|
|
<div class={styles.paymentResult}>
|
|
<div class={styles.paymentResult}>
|
|
<div class={styles.paymentTitle}>
|
|
<div class={styles.paymentTitle}>
|
|
- {browser().isApp && <OHeader border={false} background="transparent" />}
|
|
|
|
|
|
+ {browser().isApp && (
|
|
|
|
+ <OHeader
|
|
|
|
+ border={false}
|
|
|
|
+ background={state.background}
|
|
|
|
+ backIconColor={state.backIconColor}
|
|
|
|
+ />
|
|
|
|
+ )}
|
|
|
|
|
|
{state.orders.id && (
|
|
{state.orders.id && (
|
|
<>
|
|
<>
|
|
@@ -90,7 +109,7 @@ export default defineComponent({
|
|
|
|
|
|
<CellGroup inset class={styles.cellGroup}>
|
|
<CellGroup inset class={styles.cellGroup}>
|
|
<Cell>
|
|
<Cell>
|
|
- {{ title: () => '付款时间', value: () => <span>{state.orders.createTime}</span> }}
|
|
|
|
|
|
+ {{ title: () => '付款时间', value: () => <span>{state.orders.payTime || '--'}</span> }}
|
|
</Cell>
|
|
</Cell>
|
|
<Cell>
|
|
<Cell>
|
|
{{ title: () => '订单编号', value: () => <span>{state.orders.orderNo}</span> }}
|
|
{{ title: () => '订单编号', value: () => <span>{state.orders.orderNo}</span> }}
|