|
@@ -165,105 +165,114 @@ export default defineComponent({
|
|
|
})
|
|
|
})
|
|
|
return () => (
|
|
|
- <div
|
|
|
- class={!form.listState.dataShow && 'emptyRootContainer'}
|
|
|
- style={{ minHeight: `calc(100vh - ${props.height}px)` }}
|
|
|
- >
|
|
|
- <Sticky position="top" offsetTop={props.height} style={{ width: '100%' }}>
|
|
|
- <div style={{ padding: '12px 13px 16px', background: '#F8F8F8' }}>
|
|
|
- <div class={styles.searchBand} onClick={() => (form.timeShow = true)}>
|
|
|
- {form.currentData[0]}年 <Icon name={form.timeShow ? 'arrow-up' : 'arrow-down'} />
|
|
|
- </div>
|
|
|
- <div
|
|
|
- class={styles.searchBand}
|
|
|
- onClick={() => (form.typeShow = true)}
|
|
|
- style="margin-left: 16px"
|
|
|
- >
|
|
|
- {formatOrderType(form.currentType)}
|
|
|
- <Icon name={form.typeShow ? 'arrow-up' : 'arrow-down'} />
|
|
|
- </div>
|
|
|
+ <div>
|
|
|
+ <div class={styles.searchGroup}>
|
|
|
+ <div class={styles.searchBand} onClick={() => (form.timeShow = true)}>
|
|
|
+ {form.currentData[0]}年 <Icon name={form.timeShow ? 'arrow-up' : 'arrow-down'} />
|
|
|
</div>
|
|
|
- </Sticky>
|
|
|
-
|
|
|
- {form.listState.dataShow ? (
|
|
|
- <OFullRefresh
|
|
|
- v-model:modelValue={form.listState.refreshing}
|
|
|
- onRefresh={() => onSearch(false)}
|
|
|
- style={{
|
|
|
- minHeight: `calc(100vh - ${form.listState.height}px)`
|
|
|
- }}
|
|
|
+ <div
|
|
|
+ class={styles.searchBand}
|
|
|
+ onClick={() => (form.typeShow = true)}
|
|
|
+ style="margin-left: 16px"
|
|
|
>
|
|
|
- <List
|
|
|
- // v-model:loading={form.listState.loading}
|
|
|
- finished={form.listState.finished}
|
|
|
- finishedText=" "
|
|
|
- class={[styles.liveList]}
|
|
|
- onLoad={getList}
|
|
|
- immediateCheck={false}
|
|
|
+ {formatOrderType(form.currentType)}
|
|
|
+ <Icon name={form.typeShow ? 'arrow-up' : 'arrow-down'} />
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div
|
|
|
+ style={{
|
|
|
+ height: 'calc(100vh - var(--van-tabs-line-height) - 1.12rem)',
|
|
|
+ overflow: 'hidden',
|
|
|
+ overflowY: 'auto'
|
|
|
+ }}
|
|
|
+ >
|
|
|
+ {form.listState.dataShow ? (
|
|
|
+ <OFullRefresh
|
|
|
+ v-model:modelValue={form.listState.refreshing}
|
|
|
+ onRefresh={() => onSearch(false)}
|
|
|
+ style={{
|
|
|
+ minHeight: 'calc(100vh - var(--van-tabs-line-height) - 1.12rem)'
|
|
|
+ }}
|
|
|
>
|
|
|
- {form.list.map((item: any) => (
|
|
|
- <CellGroup inset class={styles.cellGroup} onClick={() => onDetails(item)}>
|
|
|
- <Cell center titleClass={styles.times}>
|
|
|
- {{
|
|
|
- title: () => <span class={styles.times}>{item.createTime}</span>,
|
|
|
- value: () => <span class={styles.status}>{orderStatus[item.status]}</span>
|
|
|
- }}
|
|
|
- </Cell>
|
|
|
- <Cell isLink center clickable={false} titleStyle={{ flex: '0 auto' }}>
|
|
|
- {{
|
|
|
- icon: () => <Image class={styles.img} src={iconOrder} />,
|
|
|
- title: () => <span class={styles.name}>{orderType[item.orderType]}</span>,
|
|
|
- value: () => (
|
|
|
- <div class={styles.price}>
|
|
|
- <span>¥</span>
|
|
|
- {moneyFormat(item.paymentCashAmount)}
|
|
|
- </div>
|
|
|
- )
|
|
|
- }}
|
|
|
- </Cell>
|
|
|
- <Cell>
|
|
|
- {{
|
|
|
- value: () => (
|
|
|
- <div class={styles.btnGroup}>
|
|
|
- <Button
|
|
|
- plain
|
|
|
- round
|
|
|
- size="small"
|
|
|
- color="#777777"
|
|
|
- class={styles.smallBtn}
|
|
|
- onClick={(e: any) => {
|
|
|
- e.stopPropagation()
|
|
|
- onCancelOrder(item)
|
|
|
- }}
|
|
|
- >
|
|
|
- 取消订单
|
|
|
- </Button>
|
|
|
- <Button
|
|
|
- plain
|
|
|
- round
|
|
|
- size="small"
|
|
|
- type="primary"
|
|
|
- class={styles.smallBtn}
|
|
|
- onClick={(e: any) => {
|
|
|
- e.stopPropagation()
|
|
|
- onConfirmOrder(item)
|
|
|
- }}
|
|
|
- >
|
|
|
- 继续支付
|
|
|
- </Button>
|
|
|
- </div>
|
|
|
- )
|
|
|
- }}
|
|
|
- </Cell>
|
|
|
- </CellGroup>
|
|
|
- ))}
|
|
|
- </List>
|
|
|
- </OFullRefresh>
|
|
|
- ) : (
|
|
|
- <OEmpty btnStatus={false} tips="暂无订单" />
|
|
|
- )}
|
|
|
+ <List
|
|
|
+ // v-model:loading={form.listState.loading}
|
|
|
+ finished={form.listState.finished}
|
|
|
+ finishedText=" "
|
|
|
+ class={[styles.liveList]}
|
|
|
+ onLoad={getList}
|
|
|
+ immediateCheck={false}
|
|
|
+ >
|
|
|
+ {form.list.map((item: any) => (
|
|
|
+ <CellGroup inset class={styles.cellGroup} onClick={() => onDetails(item)}>
|
|
|
+ <Cell center titleClass={styles.times}>
|
|
|
+ {{
|
|
|
+ title: () => <span class={styles.times}>{item.createTime}</span>,
|
|
|
+ value: () => <span class={styles.status}>{orderStatus[item.status]}</span>
|
|
|
+ }}
|
|
|
+ </Cell>
|
|
|
+ <Cell isLink center clickable={false} titleStyle={{ flex: '0 auto' }}>
|
|
|
+ {{
|
|
|
+ icon: () => <Image class={styles.img} src={iconOrder} />,
|
|
|
+ title: () => <span class={styles.name}>{orderType[item.orderType]}</span>,
|
|
|
+ value: () => (
|
|
|
+ <div class={styles.price}>
|
|
|
+ <span>¥</span>
|
|
|
+ {moneyFormat(item.paymentCashAmount)}
|
|
|
+ </div>
|
|
|
+ )
|
|
|
+ }}
|
|
|
+ </Cell>
|
|
|
+ <Cell>
|
|
|
+ {{
|
|
|
+ value: () => (
|
|
|
+ <div class={styles.btnGroup}>
|
|
|
+ <Button
|
|
|
+ plain
|
|
|
+ round
|
|
|
+ size="small"
|
|
|
+ color="#777777"
|
|
|
+ class={styles.smallBtn}
|
|
|
+ onClick={(e: any) => {
|
|
|
+ e.stopPropagation()
|
|
|
+ onCancelOrder(item)
|
|
|
+ }}
|
|
|
+ >
|
|
|
+ 取消订单
|
|
|
+ </Button>
|
|
|
+ <Button
|
|
|
+ plain
|
|
|
+ round
|
|
|
+ size="small"
|
|
|
+ type="primary"
|
|
|
+ class={styles.smallBtn}
|
|
|
+ onClick={(e: any) => {
|
|
|
+ e.stopPropagation()
|
|
|
+ onConfirmOrder(item)
|
|
|
+ }}
|
|
|
+ >
|
|
|
+ 继续支付
|
|
|
+ </Button>
|
|
|
+ </div>
|
|
|
+ )
|
|
|
+ }}
|
|
|
+ </Cell>
|
|
|
+ </CellGroup>
|
|
|
+ ))}
|
|
|
+ </List>
|
|
|
+ </OFullRefresh>
|
|
|
+ ) : (
|
|
|
+ <OEmpty btnStatus={false} tips="暂无订单" />
|
|
|
+ )}
|
|
|
+ </div>
|
|
|
|
|
|
- <Popup v-model:show={form.timeShow} position="bottom" round>
|
|
|
+ <Popup
|
|
|
+ v-model:show={form.timeShow}
|
|
|
+ position="bottom"
|
|
|
+ round
|
|
|
+ teleport={'body'}
|
|
|
+ class={'popupBottomSearch'}
|
|
|
+ >
|
|
|
<DatePicker
|
|
|
v-model={form.currentData}
|
|
|
columnsType={['year']}
|
|
@@ -276,7 +285,13 @@ export default defineComponent({
|
|
|
/>
|
|
|
</Popup>
|
|
|
|
|
|
- <Popup v-model:show={form.typeShow} position="bottom" round>
|
|
|
+ <Popup
|
|
|
+ v-model:show={form.typeShow}
|
|
|
+ position="bottom"
|
|
|
+ round
|
|
|
+ teleport={'body'}
|
|
|
+ class={'popupBottomSearch'}
|
|
|
+ >
|
|
|
<Picker
|
|
|
columns={form.typeArray}
|
|
|
onCancel={() => (form.typeShow = false)}
|