Skip to content

G
groupPurchase-miniapp
Commit d9514715 authored by 彭佳妮（贵阳日报）'s avatar 彭佳妮（贵阳日报）
Browse files
Options

预售订单

parent b4f0a018
Show whitespace changes
Inline Side-by-side
Showing with 256 additions and 5 deletions
src/pages/assistingAgriculture/order/detail.vue
View file @ d9514715
...@@ -62,6 +62,82 @@ ...@@ -62,6 +62,82 @@
<view class="icon">物流</view> <view class="icon">物流</view>
<text class="title">焗中焗盐焗鸡麻辣鸡</text> <text class="title">焗中焗盐焗鸡麻辣鸡</text>
</view> </view>
<view class="product-list">
<view class="product-item">
<view class="left">
<image src="/static/ticket/logo.png" class="img" mode="aspectFill"></image>
<view class="infobox">
<view class="name">盐焗鸡</view>
<view class="num">1斤</view>
</view>
</view>
<view class="right">
<view class="textbox">
<text>实付￥</text>
<text class="price">48.00</text>
</view>
<text class="num">x1</text>
</view>
</view>
<view class="product-item">
<view class="left">
<image src="/static/ticket/logo.png" class="img" mode="aspectFill"></image>
<view class="infobox">
<view class="name">盐焗鸡</view>
<view class="num">1斤</view>
</view>
</view>
<view class="right">
<view class="textbox">
<text>实付￥</text>
<text class="price">48.00</text>
</view>
<text class="num">x1</text>
</view>
</view>
</view>
<view class="totalbox">
<view class="total-item">
<text>商品总价：</text>
<text>￥98.70</text>
</view>
<view class="total-item">
<text>运费：</text>
<text>￥10.00</text>
</view>
<view class="total-item">
<text>店铺优惠：</text>
<text>￥0.00</text>
</view>
<view class="total-item">
<text>实付</text>
<view class="pricebox">
<text class="text">共2件 合计：</text>
<text class="icon">￥</text>
<text class="price">108.</text>
<text class="icon">70</text>
</view>
</view>
</view>
<view class="totalbox">
<text class="title">订单信息</text>
<view class="total-item">
<text>订单号：</text>
<text>5555222222111111</text>
</view>
<view class="total-item">
<text>运费：</text>
<text>￥10.00</text>
</view>
<view class="total-item">
<text>下单时间：</text>
<text>2024-05-22 17:25:54</text>
</view>
<view class="total-item">
<text>支付方式：</text>
<text>微信</text>
</view>
</view>
</view> </view>
</view> </view>
</view> </view>
...@@ -273,9 +349,184 @@ page { ...@@ -273,9 +349,184 @@ page {
flex-direction: column; flex-direction: column;
background-color: #fff; background-color: #fff;
margin-top: 10rpx; margin-top: 10rpx;
padding: 30rpx 0;
.header { .header {
display: flex; display: flex;
align-items: center;
gap: 14rpx;
padding: 0 30rpx;
.icon {
background-color: #ff0909;
color: #fff;
font-family:
PingFang SC,
PingFang SC;
font-size: 24rpx;
padding: 2rpx 8rpx;
border-radius: 8rpx;
}
.title {
font-family:
PingFang SC,
PingFang SC;
font-weight: bold;
font-size: 32rpx;
color: #333333;
}
}
.product-list {
display: flex;
flex-direction: column;
gap: 22rpx;
margin-top: 34rpx;
padding: 0 30rpx;
.product-item {
display: flex;
justify-content: space-between;
.left {
display: flex;
gap: 26rpx;
.img {
width: 100rpx;
height: 100rpx;
border-radius: 12rpx;
}
.infobox {
display: flex;
flex-direction: column;
gap: 12rpx;
.name {
font-family:
PingFang SC,
PingFang SC;
font-weight: bold;
font-size: 28rpx;
color: #333333;
}
.num {
font-family:
PingFang SC,
PingFang SC;
font-weight: 500;
font-size: 24rpx;
color: #999999;
}
}
}
.right {
display: flex;
flex-direction: column;
align-items: flex-end;
gap: 12rpx;
.textbox {
display: flex;
align-items: baseline;
gap: 4rpx;
text {
font-family:
PingFang SC,
PingFang SC;
font-size: 24rpx;
color: #333333;
}
.price {
font-family: PingFang SC;
font-size: 32rpx;
font-weight: bold;
color: #333333;
}
}
.num {
font-family: PingFang SC;
font-size: 24rpx;
color: #999999;
}
}
}
}
.totalbox {
display: flex;
flex-direction: column;
gap: 28rpx;
margin-top: 40rpx;
padding: 0 30rpx;
border-bottom: 1rpx solid #ededed;
.title {
font-family:
PingFang SC,
PingFang SC;
font-weight: bold;
font-size: 32rpx;
color: #333333;
}
.total-item {
display: flex;
justify-content: space-between;
align-items: center;
text {
font-family:
PingFang SC,
PingFang SC;
font-weight: 500;
font-size: 28rpx;
color: #333333;
}
.pricebox {
display: flex;
align-items: baseline;
.text {
font-family:
PingFang SC,
PingFang SC;
font-weight: 500;
font-size: 24rpx;
color: #333333;
}
.icon {
font-family:
PingFang SC,
PingFang SC;
font-weight: bold;
font-size: 24rpx;
color: #ff0909;
}
.price {
font-family:
PingFang SC,
PingFang SC;
font-weight: bold;
font-size: 32rpx;
color: #ff0909;
}
}
}
}
.totalbox:last-child {
border-bottom: none;
} }
} }
} }
......
src/pages/order/detail.vue
View file @ d9514715
...@@ -20,9 +20,9 @@ ...@@ -20,9 +20,9 @@
<view class="status-text">{{ statusList[orderDetail.orderStore.status] }}</view> <view class="status-text">{{ statusList[orderDetail.orderStore.status] }}</view>
</view> </view>
<view class="detail" v-if="orderDetail.orderStore.status == 3"> <view class="detail" v-if="orderDetail.orderStore.status == 3">
请在{{ orderDetail.orderStore.receiverTime.slice(0, 4) }}年{{ 请在{{ orderDetail.orderStore.writeOffEnd.slice(0, 4) }}年{{
orderDetail.orderStore.receiverTime.slice(5, 7) orderDetail.orderStore.writeOffEnd.slice(5, 7)
}}月{{ orderDetail.orderStore.receiverTime.slice(8, 10) }}前到店消费 }}月{{ orderDetail.orderStore.writeOffEnd.slice(8, 10) }}前到店消费
</view> </view>
</view> </view>
...@@ -58,7 +58,7 @@ ...@@ -58,7 +58,7 @@
> >
<view class="column"> <view class="column">
<text class="title">券码信息（1张可用）</text> <text class="title">券码信息（1张可用）</text>
<text class="text">{{ orderDetail.orderStore.receiverTime }} 到期</text> <text class="text">{{ orderDetail.orderStore.writeOffEnd }} 到期</text>
</view> </view>
<view class="btn" @tap="handleRefund(orderDetail.orderStore.orderNumber)"> <view class="btn" @tap="handleRefund(orderDetail.orderStore.orderNumber)">
申请退款 申请退款
......
src/pages/order/order.vue
View file @ d9514715
...@@ -27,7 +27,7 @@ ...@@ -27,7 +27,7 @@
<image mode="aspectFill" :src="fileDomain + item.orderItems[0].pic" /> <image mode="aspectFill" :src="fileDomain + item.orderItems[0].pic" />
<view class="info-box"> <view class="info-box">
<view class="text">下单时间：{{ item.createTime.slice(0, 16) }}</view> <view class="text">下单时间：{{ item.createTime.slice(0, 16) }}</view>
<view class="text">预约时间：{{ item.receiverTime }}</view> <!-- <view class="text">预约时间：{{ item.receiverTime }}</view> -->
<view class="text">数量：{{ item.orderItems[0].prodCount }}</view> <view class="text">数量：{{ item.orderItems[0].prodCount }}</view>
<view class="text">实付：￥{{ item.actualTotal }}</view> <view class="text">实付：￥{{ item.actualTotal }}</view>
</view> </view>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment