|
|
@ -67,12 +67,13 @@ |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
<view class="kaituan21"> |
|
|
<view class="kaituan21"> |
|
|
<view class="kaituan221"> |
|
|
<view class="kaituan-member-list"> |
|
|
<img src="/static/images/img/songshu.png" |
|
|
<view class="kaituan221" |
|
|
alt="" |
|
|
v-for="(item1,index1) in orderDetail.groupInfo.currentMembers" |
|
|
style="width: 90rpx;height: 90rpx;border-radius: 90rpx;margin: 0 auto;display: block;" /> |
|
|
:key="index1"> |
|
|
|
|
|
<img class="kaituan-member-icon" src="/static/images/img/songshu.png" alt="" /> |
|
|
</view> |
|
|
</view> |
|
|
<view class="kaituan221 kaituan-plus-list"> |
|
|
<view class="kaituan-empty-list"> |
|
|
<view class="weipincheng1" |
|
|
<view class="weipincheng1" |
|
|
v-for="(item1,index1) in (orderDetail.groupInfo.targetMembers - orderDetail.groupInfo.currentMembers)" |
|
|
v-for="(item1,index1) in (orderDetail.groupInfo.targetMembers - orderDetail.groupInfo.currentMembers)" |
|
|
:key="index1"> |
|
|
:key="index1"> |
|
|
@ -80,6 +81,7 @@ |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
|
|
|
</view> |
|
|
<view class="pintuan-actions"> |
|
|
<view class="pintuan-actions"> |
|
|
<view class="kaituan41 kaituan41-share"> |
|
|
<view class="kaituan41 kaituan41-share"> |
|
|
<button open-type="share" class="share-btn"> |
|
|
<button open-type="share" class="share-btn"> |
|
|
@ -187,7 +189,7 @@ |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
<view class="content order-detail-content"> |
|
|
<view class="content order-detail-content" :class="{'order-detail-content-address-long': isStatusAddressLong}"> |
|
|
<view class="order-flow" v-if="orderDetail.status != 6"> |
|
|
<view class="order-flow" v-if="orderDetail.status != 6"> |
|
|
<view class="flow-item active"> |
|
|
<view class="flow-item active"> |
|
|
<view class="flow-dot"></view> |
|
|
<view class="flow-dot"></view> |
|
|
@ -444,12 +446,12 @@ |
|
|
{{orderDetail.shopAddress == undefined ? '' : orderDetail.shopAddress}} |
|
|
{{orderDetail.shopAddress == undefined ? '' : orderDetail.shopAddress}} |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
<view style="height: 80rpx;line-height: 80rpx;display: flex;" |
|
|
<view style="min-height: 80rpx;line-height: 40rpx;display: flex;align-items: flex-start;padding: 20rpx 0;box-sizing: border-box;" |
|
|
v-if="orderDetail.otherOrder == 1"> |
|
|
v-if="orderDetail.otherOrder == 1"> |
|
|
<view style="flex: 1;color: #777;font-weight: 700;"> |
|
|
<view style="width: 160rpx;flex-shrink: 0;color: #777;font-weight: 700;"> |
|
|
收件地址 |
|
|
收件地址 |
|
|
</view> |
|
|
</view> |
|
|
<view style="color: #000;font-weight: 700;"> |
|
|
<view style="flex: 1;min-width: 0;color: #000;font-weight: 700;text-align: right;word-break: break-all;overflow-wrap: break-word;"> |
|
|
{{orderDetail.receiverAddress == undefined ? '' : orderDetail.receiverAddress}} |
|
|
{{orderDetail.receiverAddress == undefined ? '' : orderDetail.receiverAddress}} |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
@ -482,7 +484,7 @@ |
|
|
</view> |
|
|
</view> |
|
|
<view style="height: 80rpx;line-height: 80rpx;display: flex;"> |
|
|
<view style="height: 80rpx;line-height: 80rpx;display: flex;"> |
|
|
<view style="flex: 1;color: #777;font-weight: 700;"> |
|
|
<view style="flex: 1;color: #777;font-weight: 700;"> |
|
|
下单时间 |
|
|
创建时间 |
|
|
</view> |
|
|
</view> |
|
|
<view style="color: #000;font-weight: 700;"> |
|
|
<view style="color: #000;font-weight: 700;"> |
|
|
{{orderDetail.createTime | formatTime}} |
|
|
{{orderDetail.createTime | formatTime}} |
|
|
@ -610,7 +612,7 @@ |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
<view style="height: 80rpx;line-height: 80rpx;display: flex;" |
|
|
<view style="height: 80rpx;line-height: 80rpx;display: flex;" |
|
|
v-if="orderDetail.deliveryType == 1 && orderDetail.deliveryInfo.finishTime == null"> |
|
|
v-if="orderDetail.deliveryType == 1 && orderDetail.deliveryInfo.finishTime == null && (orderDetail.deliveryInfo.status == 0 || orderDetail.deliveryInfo.status == 1 || orderDetail.deliveryInfo.status == 2)"> |
|
|
<view style="flex: 1;color: #777;font-weight: 700;"> |
|
|
<view style="flex: 1;color: #777;font-weight: 700;"> |
|
|
预计送达时间 |
|
|
预计送达时间 |
|
|
</view> |
|
|
</view> |
|
|
@ -973,6 +975,12 @@ |
|
|
payAmountText() { |
|
|
payAmountText() { |
|
|
let amount = Number(this.orderDetail.totalAmount || 0); |
|
|
let amount = Number(this.orderDetail.totalAmount || 0); |
|
|
return amount ? amount.toFixed(2) : '0.00'; |
|
|
return amount ? amount.toFixed(2) : '0.00'; |
|
|
|
|
|
}, |
|
|
|
|
|
isStatusAddressLong() { |
|
|
|
|
|
let address = this.orderDetail.deliveryInfo && this.orderDetail.deliveryInfo.receiverAddress |
|
|
|
|
|
? this.orderDetail.deliveryInfo.receiverAddress |
|
|
|
|
|
: ''; |
|
|
|
|
|
return String(address).length > 20; |
|
|
} |
|
|
} |
|
|
}, |
|
|
}, |
|
|
components: { |
|
|
components: { |
|
|
@ -2200,6 +2208,10 @@ |
|
|
box-sizing: border-box; |
|
|
box-sizing: border-box; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.order-detail-content-address-long { |
|
|
|
|
|
padding-top: 456rpx; |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
.title-sreach { |
|
|
.title-sreach { |
|
|
width: 100%; |
|
|
width: 100%; |
|
|
display: flex; |
|
|
display: flex; |
|
|
@ -2464,6 +2476,8 @@ |
|
|
color: #243f38; |
|
|
color: #243f38; |
|
|
line-height: 40rpx; |
|
|
line-height: 40rpx; |
|
|
word-break: break-all; |
|
|
word-break: break-all; |
|
|
|
|
|
max-height: 80rpx; |
|
|
|
|
|
overflow: hidden; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.status-address-label { |
|
|
.status-address-label { |
|
|
@ -2476,6 +2490,10 @@ |
|
|
min-width: 0; |
|
|
min-width: 0; |
|
|
word-break: break-all; |
|
|
word-break: break-all; |
|
|
overflow-wrap: break-word; |
|
|
overflow-wrap: break-word; |
|
|
|
|
|
display: -webkit-box; |
|
|
|
|
|
-webkit-line-clamp: 2; |
|
|
|
|
|
-webkit-box-orient: vertical; |
|
|
|
|
|
overflow: hidden; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.status-btn { |
|
|
.status-btn { |
|
|
@ -3166,27 +3184,44 @@ |
|
|
display: flex; |
|
|
display: flex; |
|
|
align-items: center; |
|
|
align-items: center; |
|
|
justify-content: center; |
|
|
justify-content: center; |
|
|
flex-wrap: wrap; |
|
|
flex-wrap: nowrap; |
|
|
width: 90%; |
|
|
width: 90%; |
|
|
margin: 40rpx auto; |
|
|
margin: 40rpx auto; |
|
|
|
|
|
overflow-x: auto; |
|
|
|
|
|
overflow-y: hidden; |
|
|
|
|
|
white-space: nowrap; |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.kaituan-member-list { |
|
|
|
|
|
display: flex; |
|
|
|
|
|
align-items: center; |
|
|
|
|
|
justify-content: flex-start; |
|
|
|
|
|
flex-wrap: nowrap; |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.kaituan-empty-list { |
|
|
|
|
|
display: flex; |
|
|
|
|
|
align-items: center; |
|
|
|
|
|
flex-wrap: nowrap; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.kaituan221 { |
|
|
.kaituan221 { |
|
|
|
|
|
flex: 0 0 90rpx; |
|
|
min-width: 90rpx; |
|
|
min-width: 90rpx; |
|
|
margin: 12rpx 18rpx; |
|
|
margin: 12rpx 18rpx; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.kaituan-plus-list { |
|
|
.kaituan-member-icon { |
|
|
display: flex; |
|
|
width: 90rpx; |
|
|
align-items: center; |
|
|
height: 90rpx; |
|
|
justify-content: center; |
|
|
border-radius: 90rpx; |
|
|
flex-wrap: wrap; |
|
|
margin: 0 auto; |
|
|
gap: 14rpx; |
|
|
display: block; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.kaituan-plus-list .weipincheng1 { |
|
|
.kaituan-member-list .weipincheng1 { |
|
|
flex: 0 0 90rpx; |
|
|
flex: 0 0 90rpx; |
|
|
margin: 0; |
|
|
margin: 12rpx 18rpx; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.kaituan31 { |
|
|
.kaituan31 { |
|
|
|