|
|
|
@ -9,13 +9,14 @@ |
|
|
|
</view> |
|
|
|
<view class="withdrawal-limit"> |
|
|
|
<view class="limit-symbol">¥</view> |
|
|
|
<view class="withdrawal-volume">458.00</view> |
|
|
|
<view class="withdrawal-volume">{{accountInfo.wallet_balance}}</view> |
|
|
|
</view> |
|
|
|
<view class="Withdrawable-text">可提现</view> |
|
|
|
<view class="withdrawal-content"> |
|
|
|
<image class="withdrawal-line" src="https://common-1257637852.cos.ap-guangzhou.myqcloud.com/paidui-pay/withdrawal-line.png" /> |
|
|
|
<image class="withdrawal-line" |
|
|
|
src="https://common-1257637852.cos.ap-guangzhou.myqcloud.com/paidui-pay/withdrawal-line.png" /> |
|
|
|
</view> |
|
|
|
<view class="to-be-credited">待入账:¥200.00</view> |
|
|
|
<view class="to-be-credited">待入账:¥{{accountInfo.waiting_amount}}</view> |
|
|
|
<view class="divider-style"></view> |
|
|
|
|
|
|
|
<view class="information-id-content"> |
|
|
|
@ -24,7 +25,7 @@ |
|
|
|
用户ID: |
|
|
|
</view> |
|
|
|
<view class="id-value"> |
|
|
|
54568gh |
|
|
|
{{accountInfo.id}} |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
@ -32,17 +33,19 @@ |
|
|
|
|
|
|
|
<view class="queuing-information-content"> |
|
|
|
<view class="recent-orders-title"> |
|
|
|
<image class="title-stlye" src="https://common-1257637852.cos.ap-guangzhou.myqcloud.com/paidui-pay/title-stlye.png" /> |
|
|
|
<image class="title-stlye" |
|
|
|
src="https://common-1257637852.cos.ap-guangzhou.myqcloud.com/paidui-pay/title-stlye.png" /> |
|
|
|
<view class="title-text">最近排队信息</view> |
|
|
|
</view> |
|
|
|
<view class="information-item"> |
|
|
|
<view class="item-content"> |
|
|
|
<view class="item-content-titie">李姐烧烤(普罗旺斯店):</view> |
|
|
|
<view class="item-content-text">购买时排队<span class="style-text">10</span>,当前<span class="style-text">2</span></view> |
|
|
|
<view class="item-content" v-if="!queueList.length"> |
|
|
|
<view class="item-content-text">暂无排队</view> |
|
|
|
</view> |
|
|
|
<view class="item-content" v-for="item in queueList" :key="item.id"> |
|
|
|
<view class="item-content-titie">{{item.merchant.name}}:</view> |
|
|
|
<view class="item-content-text">购买时排队<span class="style-text">{{item.buy_queue_index}}</span>,当前<span |
|
|
|
class="style-text">{{item.now_queue_index}}</span> |
|
|
|
</view> |
|
|
|
<view class="item-content"> |
|
|
|
<view class="item-content-titie">李姐烧烤(青秀万达店):</view> |
|
|
|
<view class="item-content-text">购买时排队<span class="style-text">200</span>,当前<span class="style-text">48</span></view> |
|
|
|
</view> |
|
|
|
<navigator hover-class="none" url="/pages/queuing-information/queuing-information"> |
|
|
|
<view class="see-more-content"> |
|
|
|
@ -53,42 +56,19 @@ |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class="ordering-information"> |
|
|
|
<view class="ordering-information-item"> |
|
|
|
<view class="order-number">订单编号 22398983498</view> |
|
|
|
<view class="ordering-item-content"> |
|
|
|
<view class="ordering-pic"> |
|
|
|
<image class="order-chart" src="https://common-1257637852.cos.ap-guangzhou.myqcloud.com/paidui-pay/order-chart.png" /> |
|
|
|
</view> |
|
|
|
<view class="ordering-text"> |
|
|
|
<view class="ordering-text-title">李姐烧烤(普罗旺斯店)</view> |
|
|
|
<view class="amount-of-money">金额:<span class="price-style">¥450.00</span></view> |
|
|
|
<view class="order-time">订单时间:2023-10-24 20:39:56</view> |
|
|
|
</view> |
|
|
|
<view class="ordering-information-item" v-if="!orderList.length"> |
|
|
|
<view class="order-number">暂无订单</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class="ordering-information-item"> |
|
|
|
<view class="order-number">订单编号 22398983498</view> |
|
|
|
<view class="ordering-information-item" v-for="order in orderList" :key="order.out_trade_no"> |
|
|
|
<view class="order-number">订单编号 {{order.out_trade_no}}</view> |
|
|
|
<view class="ordering-item-content"> |
|
|
|
<view class="ordering-pic"> |
|
|
|
<image class="order-chart" src="https://common-1257637852.cos.ap-guangzhou.myqcloud.com/paidui-pay/order-chart.png" /> |
|
|
|
<image class="order-chart" :src="order.merchant.logo" /> |
|
|
|
</view> |
|
|
|
<view class="ordering-text"> |
|
|
|
<view class="ordering-text-title">李姐烧烤(普罗旺斯店)</view> |
|
|
|
<view class="amount-of-money">金额:<span class="price-style">¥450.00</span></view> |
|
|
|
<view class="order-time">订单时间:2023-10-24 20:39:56</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class="ordering-information-item"> |
|
|
|
<view class="order-number">订单编号 22398983498</view> |
|
|
|
<view class="ordering-item-content"> |
|
|
|
<view class="ordering-pic"> |
|
|
|
<image class="order-chart" src="https://common-1257637852.cos.ap-guangzhou.myqcloud.com/paidui-pay/order-chart.png" /> |
|
|
|
</view> |
|
|
|
<view class="ordering-text"> |
|
|
|
<view class="ordering-text-title">李姐烧烤(普罗旺斯店)</view> |
|
|
|
<view class="amount-of-money">金额:<span class="price-style">¥450.00</span></view> |
|
|
|
<view class="order-time">订单时间:2023-10-24 20:39:56</view> |
|
|
|
<view class="ordering-text-title">{{order.merchant.name}}</view> |
|
|
|
<view class="amount-of-money">金额:<span class="price-style">¥{{order.amount}}</span></view> |
|
|
|
<view class="order-time">订单时间:{{order.paid_at}}</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
@ -99,14 +79,43 @@ |
|
|
|
</template> |
|
|
|
|
|
|
|
<script> |
|
|
|
import { |
|
|
|
userAccountInfo, |
|
|
|
userQueueRebateList, |
|
|
|
userOrderList |
|
|
|
} from '../../common/api.js' |
|
|
|
|
|
|
|
export default { |
|
|
|
data() { |
|
|
|
return { |
|
|
|
|
|
|
|
accountInfo: {}, |
|
|
|
queueList: [], |
|
|
|
orderList: [] |
|
|
|
} |
|
|
|
}, |
|
|
|
onLoad() { |
|
|
|
this.getAccountInfo(); |
|
|
|
this.getQueueList(); |
|
|
|
this.getOrderList(); |
|
|
|
}, |
|
|
|
methods: { |
|
|
|
|
|
|
|
getAccountInfo() { |
|
|
|
userAccountInfo().then(data => this.accountInfo = data) |
|
|
|
}, |
|
|
|
getQueueList() { |
|
|
|
userQueueRebateList({ |
|
|
|
page: 1, |
|
|
|
page_size: 2, |
|
|
|
status: 0, |
|
|
|
sort_type: 1 |
|
|
|
}).then(data => this.queueList = data.list) |
|
|
|
}, |
|
|
|
getOrderList() { |
|
|
|
userOrderList({ |
|
|
|
page: 1, |
|
|
|
page_size: 5 |
|
|
|
}).then(data => this.orderList = data.list) |
|
|
|
}, |
|
|
|
} |
|
|
|
} |
|
|
|
</script> |
|
|
|
@ -122,11 +131,13 @@ |
|
|
|
background-size: cover; |
|
|
|
padding: 0 30rpx; |
|
|
|
} |
|
|
|
|
|
|
|
.withdrawal-management { |
|
|
|
position: absolute; |
|
|
|
top: 0; |
|
|
|
right: 0; |
|
|
|
} |
|
|
|
|
|
|
|
button.withdrawal-button { |
|
|
|
width: 160rpx; |
|
|
|
height: 60rpx; |
|
|
|
@ -141,9 +152,11 @@ button.withdrawal-button{ |
|
|
|
border-bottom-right-radius: 0; |
|
|
|
border-bottom-left-radius: 30rpx; |
|
|
|
} |
|
|
|
|
|
|
|
button::after { |
|
|
|
border: none; |
|
|
|
border: none; |
|
|
|
} |
|
|
|
|
|
|
|
.withdrawal-limit { |
|
|
|
display: flex; |
|
|
|
justify-content: center; |
|
|
|
@ -151,11 +164,13 @@ button::after{ |
|
|
|
padding-top: 30rpx; |
|
|
|
text-align: center; |
|
|
|
} |
|
|
|
|
|
|
|
.limit-symbol { |
|
|
|
font-family: PingFangSC-Regular, sans-serif; |
|
|
|
font-size: 30rpx; |
|
|
|
color: #fff; |
|
|
|
} |
|
|
|
|
|
|
|
.withdrawal-volume { |
|
|
|
font-family: "Din"; |
|
|
|
font-size: 60rpx; |
|
|
|
@ -163,6 +178,7 @@ button::after{ |
|
|
|
font-weight: bold; |
|
|
|
margin-left: 10rpx; |
|
|
|
} |
|
|
|
|
|
|
|
.Withdrawable-text { |
|
|
|
font-family: PingFangSC-Regular, sans-serif; |
|
|
|
font-size: 30rpx; |
|
|
|
@ -170,18 +186,21 @@ button::after{ |
|
|
|
text-align: center; |
|
|
|
margin-top: 10rpx; |
|
|
|
} |
|
|
|
|
|
|
|
.withdrawal-content { |
|
|
|
display: flex; |
|
|
|
justify-content: center; |
|
|
|
align-items: center; |
|
|
|
padding: 15rpx 0; |
|
|
|
} |
|
|
|
|
|
|
|
image.withdrawal-line { |
|
|
|
text-align: center; |
|
|
|
width: 200rpx; |
|
|
|
height: 1rpx; |
|
|
|
background-size: cover; |
|
|
|
} |
|
|
|
|
|
|
|
.to-be-credited { |
|
|
|
font-family: PingFangSC-Regular, sans-serif; |
|
|
|
font-size: 30rpx; |
|
|
|
@ -195,21 +214,25 @@ image.withdrawal-line{ |
|
|
|
background: #F8A0A6; |
|
|
|
margin: 20rpx 0; |
|
|
|
} |
|
|
|
|
|
|
|
.information-id-content { |
|
|
|
display: flex; |
|
|
|
justify-content: center; |
|
|
|
align-items: center; |
|
|
|
} |
|
|
|
|
|
|
|
.content-id-item { |
|
|
|
display: flex; |
|
|
|
justify-content: center; |
|
|
|
align-items: center; |
|
|
|
} |
|
|
|
|
|
|
|
.id-text { |
|
|
|
font-family: PingFangSC-Regular, sans-serif; |
|
|
|
font-size: 24rpx; |
|
|
|
color: #fff; |
|
|
|
} |
|
|
|
|
|
|
|
.id-value { |
|
|
|
font-family: PingFangSC-Regular, sans-serif; |
|
|
|
font-size: 24rpx; |
|
|
|
@ -224,6 +247,7 @@ image.withdrawal-line{ |
|
|
|
padding: 30rpx 0; |
|
|
|
margin-top: 30rpx; |
|
|
|
} |
|
|
|
|
|
|
|
.recent-orders-title { |
|
|
|
display: flex; |
|
|
|
justify-content: left; |
|
|
|
@ -232,38 +256,45 @@ image.withdrawal-line{ |
|
|
|
border-bottom: 1rpx solid #eeeeee; |
|
|
|
padding-bottom: 30rpx; |
|
|
|
} |
|
|
|
|
|
|
|
image.title-stlye { |
|
|
|
width: 15rpx; |
|
|
|
height: 19rpx; |
|
|
|
background-size: cover; |
|
|
|
margin-right: 20rpx; |
|
|
|
} |
|
|
|
|
|
|
|
.title-text { |
|
|
|
font-family: PingFangSC-Regular, sans-serif; |
|
|
|
font-size: 30rpx; |
|
|
|
color: #454545; |
|
|
|
font-weight: bold; |
|
|
|
} |
|
|
|
|
|
|
|
.information-item { |
|
|
|
padding: 0 30rpx; |
|
|
|
} |
|
|
|
|
|
|
|
.item-content { |
|
|
|
display: flex; |
|
|
|
justify-content: left; |
|
|
|
align-items: center; |
|
|
|
margin-top: 30rpx; |
|
|
|
} |
|
|
|
|
|
|
|
.item-content-titie { |
|
|
|
font-family: PingFangSC-Regular, sans-serif; |
|
|
|
font-size: 24rpx; |
|
|
|
color: #454545; |
|
|
|
font-weight: bold; |
|
|
|
} |
|
|
|
|
|
|
|
.item-content-text { |
|
|
|
font-family: PingFangSC-Regular, sans-serif; |
|
|
|
font-size: 24rpx; |
|
|
|
color: #666; |
|
|
|
} |
|
|
|
|
|
|
|
span.style-text { |
|
|
|
font-family: PingFangSC-Regular, sans-serif; |
|
|
|
font-size: 24rpx; |
|
|
|
@ -271,17 +302,20 @@ span.style-text{ |
|
|
|
font-weight: bold; |
|
|
|
padding: 0 15rpx; |
|
|
|
} |
|
|
|
|
|
|
|
.see-more-content { |
|
|
|
display: flex; |
|
|
|
justify-content: center; |
|
|
|
align-items: center; |
|
|
|
margin-top: 30rpx; |
|
|
|
} |
|
|
|
|
|
|
|
.see-more-text { |
|
|
|
font-family: PingFangSC-Regular, sans-serif; |
|
|
|
font-size: 24rpx; |
|
|
|
color: #F52F3E; |
|
|
|
} |
|
|
|
|
|
|
|
.see-more-icon { |
|
|
|
width: 0; |
|
|
|
height: 0; |
|
|
|
@ -291,6 +325,7 @@ span.style-text{ |
|
|
|
margin-left: 10rpx; |
|
|
|
border-radius: 10rpx; |
|
|
|
} |
|
|
|
|
|
|
|
.ordering-information { |
|
|
|
padding: 30rpx; |
|
|
|
background: #fff; |
|
|
|
@ -298,48 +333,57 @@ span.style-text{ |
|
|
|
border-radius: 20rpx; |
|
|
|
padding-top: 0; |
|
|
|
} |
|
|
|
|
|
|
|
.order-number { |
|
|
|
font-family: PingFangSC-Regular, sans-serif; |
|
|
|
font-size: 26rpx; |
|
|
|
color: #454545; |
|
|
|
padding: 30rpx 0; |
|
|
|
} |
|
|
|
|
|
|
|
.ordering-pic { |
|
|
|
width: 120rpx; |
|
|
|
height: 120rpx; |
|
|
|
background-size: cover; |
|
|
|
border-radius: 15rpx; |
|
|
|
} |
|
|
|
|
|
|
|
image.order-chart { |
|
|
|
width: 120rpx; |
|
|
|
height: 120rpx; |
|
|
|
background-size: cover; |
|
|
|
border-radius: 15rpx; |
|
|
|
} |
|
|
|
|
|
|
|
.ordering-text { |
|
|
|
margin-left: 30rpx; |
|
|
|
} |
|
|
|
|
|
|
|
.ordering-text-title { |
|
|
|
font-family: PingFangSC-Regular, sans-serif; |
|
|
|
font-size: 30rpx; |
|
|
|
color: #454545; |
|
|
|
} |
|
|
|
|
|
|
|
.amount-of-money { |
|
|
|
font-family: PingFangSC-Regular, sans-serif; |
|
|
|
font-size: 24rpx; |
|
|
|
color: #999; |
|
|
|
padding: 10rpx 0; |
|
|
|
} |
|
|
|
|
|
|
|
span.price-style { |
|
|
|
font-family: PingFangSC-Regular, sans-serif; |
|
|
|
font-size: 24rpx; |
|
|
|
color: #F52F3E; |
|
|
|
} |
|
|
|
|
|
|
|
.order-time { |
|
|
|
font-family: PingFangSC-Regular, sans-serif; |
|
|
|
font-size: 24rpx; |
|
|
|
color: #999; |
|
|
|
} |
|
|
|
|
|
|
|
.ordering-item-content { |
|
|
|
display: flex; |
|
|
|
justify-content: left; |
|
|
|
@ -347,6 +391,4 @@ span.price-style { |
|
|
|
border-bottom: 1rpx solid #eee; |
|
|
|
padding-bottom: 30rpx; |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
</style> |