|
|
|
@ -12,7 +12,7 @@ |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
<!-- 其他 --> |
|
|
|
|
<view v-if="recinfo.orderStatus != 1" v-else class="order-de-title pd-main"> |
|
|
|
|
<view v-if="recinfo.orderStatus != 1" class="order-de-title pd-main"> |
|
|
|
|
<view class="font22 fcor333"> |
|
|
|
|
{{typeText[recinfo.orderStatus]}} |
|
|
|
|
</view> |
|
|
|
@ -21,7 +21,7 @@ |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
|
|
|
|
|
<view class=" marb10 backcorfff height50 fcor333 font15 border-8r"> |
|
|
|
|
<view v-if="recinfo.orderStatus != 1" class=" marb10 backcorfff height50 fcor333 font15 border-8r"> |
|
|
|
|
<view class="width94">感谢您信任嗨森逛,欢迎再次消费</view> |
|
|
|
|
</view> |
|
|
|
|
|
|
|
|
@ -40,7 +40,7 @@ |
|
|
|
|
|
|
|
|
|
<view class=" pd-main backcolorfff border-8r"> |
|
|
|
|
<!-- 商品信息 --> |
|
|
|
|
<view v-for="(item,index) in goodsList" :key="index" class="marb10 flex-center-sp"> |
|
|
|
|
<view v-for="(item,index) in goodsList" :key="index" class="paddbotm10 flex-center-sp"> |
|
|
|
|
<view class=""> |
|
|
|
|
<image class="st-img" :src="imageUrl+item.goodsImg" mode="aspectFill"></image> |
|
|
|
|
</view> |
|
|
|
@ -63,7 +63,7 @@ |
|
|
|
|
还有{{goodsList2.length}}种商品<text class="icon-ymt to-down"></text> |
|
|
|
|
</view> |
|
|
|
|
<block v-if="moreThanThree"> |
|
|
|
|
<view v-for="(item,index) in goodsList2" :key="index" class="marb10 flex-center-sp"> |
|
|
|
|
<view v-for="(item,index) in goodsList2" :key="index" class="paddbotm10 flex-center-sp"> |
|
|
|
|
<view class=""> |
|
|
|
|
<image class="st-img" :src="imageUrl+item.goodsImg" mode="aspectFill"></image> |
|
|
|
|
</view> |
|
|
|
@ -90,27 +90,32 @@ |
|
|
|
|
<view class="">商品金额</view> |
|
|
|
|
<view class="fontwig6"><text class="paddtright5">¥</text>{{goodsPrice | numFormat}}</view> |
|
|
|
|
</view> |
|
|
|
|
<!-- 优惠券 --> |
|
|
|
|
<view class="flex-center-sp pd-tb10"> |
|
|
|
|
<view class="">优惠券</view> |
|
|
|
|
<view class="fontwig6 fcorred">-<text class="paddtright5">¥</text>{{recinfo.deductionCouponPrice}} |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<!-- 运费 --> |
|
|
|
|
<view class="flex-center-sp pd-tb10"> |
|
|
|
|
<view class="">运费 |
|
|
|
|
<!-- <text class="icon-ymt question fcor666 font16 paddleft5"></text> --> |
|
|
|
|
</view> |
|
|
|
|
<view class="fontwig6"> |
|
|
|
|
<text class="fcor666 fcorred">¥{{recinfo.goodsOrder.freightPrice || 0}}</text> |
|
|
|
|
|
|
|
|
|
<view v-if="recinfo.goodsOrder" > |
|
|
|
|
<text class="paddtright5">¥</text>{{recinfo.goodsOrder.freightPrice || 0}} |
|
|
|
|
</view> |
|
|
|
|
|
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
|
|
|
|
|
<!-- 优惠券 --> |
|
|
|
|
<view class="flex-center-sp pd-tb10"> |
|
|
|
|
<view class="">优惠券</view> |
|
|
|
|
<view class="fontwig6 fcorred">-<text class="paddtright5">¥</text>{{recinfo.deductionCouponPrice}} |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<!-- 积分 --> |
|
|
|
|
<view class="flex-center-sp pd-tb10"> |
|
|
|
|
<view class="">积分</view> |
|
|
|
|
<view class="">积分抵扣</view> |
|
|
|
|
<view class="fontwig6 fcorred">-<text class="paddtright5">¥</text>{{(recinfo.payGold / 100).toFixed(2)}} |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
@ -123,7 +128,12 @@ |
|
|
|
|
<view class="tr fontwig6 pd-tb10"> |
|
|
|
|
<!-- <text class="paddtright10">已优惠<text class="fcorred">¥ 12.01</text></text> --> |
|
|
|
|
<view v-if="recinfo.orderStatus == 1 ||recinfo.orderStatus == 5 " class="dis-flex flex-end">商品总金额<text class="margle10 font22">¥{{recinfo.payPrice | numFormat}}</text> </view> |
|
|
|
|
<view v-else class="dis-flex flex-end">实付 <text class="font22 margle10">¥{{recinfo.payRealPrice}}</text></view> |
|
|
|
|
<view v-else class="dis-flex flex-end"> |
|
|
|
|
实付 |
|
|
|
|
<view class="font22"> |
|
|
|
|
<text class=" margle10 paddtright5">¥</text>{{recinfo.payRealPrice}} |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
|
|
|
|
|
|
|
|
|
@ -154,8 +164,8 @@ |
|
|
|
|
|
|
|
|
|
<!-- 收货信息 --> |
|
|
|
|
<view v-if="recinfo.goodsDeliveryAddress" class="flex-center-sp pd-tb10 bordert"> |
|
|
|
|
<view class="fcor666 align-fs width80px">收货信息</view> |
|
|
|
|
<view class="flex-1 tr"> |
|
|
|
|
<view class=" align-fs width80px">收货信息</view> |
|
|
|
|
<view class="fcor666 flex-1 tr font16"> |
|
|
|
|
<view class=" "> |
|
|
|
|
{{recinfo.goodsDeliveryAddress.regionName +' '+recinfo.goodsDeliveryAddress.address}}</view> |
|
|
|
|
<view class=" ">{{recinfo.goodsDeliveryAddress.consignee +' '+recinfo.goodsDeliveryAddress.phone}} |
|
|
|
@ -164,42 +174,42 @@ |
|
|
|
|
</view> |
|
|
|
|
<!-- 物流信息 --> |
|
|
|
|
<view class="flex-center-sp pd-tb10 "> |
|
|
|
|
<view class="fcor666 width80px">物流信息</view> |
|
|
|
|
<view class=" " @click="checkWuliu"> |
|
|
|
|
<view class=" width80px">物流信息</view> |
|
|
|
|
<view class="fcor666 font16 " @click="checkWuliu"> |
|
|
|
|
查看物流信息<text class="icon-ymt to-right fcor666 font16 paddleft5"></text> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
<!-- 订单编号 --> |
|
|
|
|
<view class="flex-center-sp pd-tb10 "> |
|
|
|
|
<view class="fcor666 width80px">订单编号</view> |
|
|
|
|
<view class=" flex-center-sp"> |
|
|
|
|
<view class=" width80px">订单编号</view> |
|
|
|
|
<view class="fcor666 flex-center-sp font16"> |
|
|
|
|
<text class="tr flex-1">{{orderId}}</text> |
|
|
|
|
<text class=" margle10 font12 copy-num fcor666" @click="copyText(orderId)">复制</text> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
<!-- 下单时间 --> |
|
|
|
|
<view class="flex-center-sp pd-tb10 "> |
|
|
|
|
<view class="fcor666 width80px">下单时间</view> |
|
|
|
|
<view class=" "> |
|
|
|
|
<view class=" width80px">下单时间</view> |
|
|
|
|
<view class="font16 fcor666"> |
|
|
|
|
{{recinfo.createTime | formatDate('-')}} |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
<!-- 支付方式 --> |
|
|
|
|
<view class="flex-center-sp pd-tb10 "> |
|
|
|
|
<view class="fcor666 width80px">支付方式</view> |
|
|
|
|
<view class=" "> |
|
|
|
|
<view class=" fotrt fcor333" v-if="recinfo.payType == 1">支付宝</view> |
|
|
|
|
<view class=" fotrt fcor333" v-if="recinfo.payType == 2">微信支付</view> |
|
|
|
|
<view class=" fotrt fcor333" v-if="recinfo.payType == 3">积分兑换</view> |
|
|
|
|
<view class=" fotrt fcor333" v-if="recinfo.payType == 4">汇联通工会卡</view> |
|
|
|
|
<view class=" fotrt fcor333" v-if="recinfo.payType == 5">银联</view> |
|
|
|
|
<view class=" width80px">支付方式</view> |
|
|
|
|
<view class="font16 fcor666"> |
|
|
|
|
<view class=" fotrt " v-if="recinfo.payType == 1">支付宝</view> |
|
|
|
|
<view class=" fotrt " v-if="recinfo.payType == 2">微信支付</view> |
|
|
|
|
<view class=" fotrt " v-if="recinfo.payType == 3">积分兑换</view> |
|
|
|
|
<view class=" fotrt " v-if="recinfo.payType == 4">汇联通工会卡</view> |
|
|
|
|
<view class=" fotrt " v-if="recinfo.payType == 5">银联</view> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
<!-- 备注 --> |
|
|
|
|
<view class="flex-center-sp pd-tb10 "> |
|
|
|
|
<view class="fcor666 width80px">备注</view> |
|
|
|
|
<view class="fcor666 font13 "> |
|
|
|
|
{{recinfo.remarks || "暂无数据"}} |
|
|
|
|
<view class=" width80px">备注</view> |
|
|
|
|
<view class="fcor666 font16 "> |
|
|
|
|
{{recinfo.remarks || "无"}} |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
@ -208,8 +218,8 @@ |
|
|
|
|
|
|
|
|
|
<!-- 收货信息 --> |
|
|
|
|
<view v-if="recinfo.goodsDeliveryAddress" class="flex-center-sp pd-tb10 bordert"> |
|
|
|
|
<view class="fcor666 align-fs width80px">收货信息</view> |
|
|
|
|
<view class="flex-1 tr"> |
|
|
|
|
<view class=" align-fs width80px">收货信息</view> |
|
|
|
|
<view class="flex-1 tr fcor666 font16"> |
|
|
|
|
<view class=" "> |
|
|
|
|
{{recinfo.goodsDeliveryAddress.regionName +' '+recinfo.goodsDeliveryAddress.address}}</view> |
|
|
|
|
<view class=" ">{{recinfo.goodsDeliveryAddress.consignee +' '+recinfo.goodsDeliveryAddress.phone}} |
|
|
|
@ -218,24 +228,24 @@ |
|
|
|
|
</view> |
|
|
|
|
<!-- 订单编号 --> |
|
|
|
|
<view class="flex-center-sp pd-tb10 "> |
|
|
|
|
<view class="fcor666 width80px">订单编号</view> |
|
|
|
|
<view class=" flex-center-sp"> |
|
|
|
|
<view class=" width80px">订单编号</view> |
|
|
|
|
<view class="fcor666 flex-center-sp font16"> |
|
|
|
|
<text class="tr flex-1">{{orderId}}</text> |
|
|
|
|
<text class=" margle10 font12 copy-num fcor666" @click="copyText(orderId)">复制</text> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
<!-- 下单时间 --> |
|
|
|
|
<view class="flex-center-sp pd-tb10 "> |
|
|
|
|
<view class="fcor666 width80px">下单时间</view> |
|
|
|
|
<view class=" "> |
|
|
|
|
<view class=" width80px ">下单时间</view> |
|
|
|
|
<view class="font16 fcor666"> |
|
|
|
|
{{recinfo.createTime | formatDate('-')}} |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
<!-- 备注 --> |
|
|
|
|
<view class="flex-center-sp pd-tb10 "> |
|
|
|
|
<view class="fcor666 width80px ">备注</view> |
|
|
|
|
<view class="fcor666 font13 "> |
|
|
|
|
{{recinfo.remarks || "暂无数据"}} |
|
|
|
|
<view class=" width80px ">备注</view> |
|
|
|
|
<view class="fcor666 font13 font16"> |
|
|
|
|
{{recinfo.remarks || "无"}} |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
@ -578,7 +588,7 @@ |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.width80px { |
|
|
|
|
width: 80px; |
|
|
|
|
// width: 80px; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.flex-center-sp { |
|
|
|
@ -664,7 +674,8 @@ |
|
|
|
|
align-items: center; |
|
|
|
|
border-top: 1px solid #f6f6f6; |
|
|
|
|
position: fixed; |
|
|
|
|
bottom: 0; |
|
|
|
|
// bottom: 0; |
|
|
|
|
bottom:var(--window-bottom); |
|
|
|
|
right: 0; |
|
|
|
|
left: 0; |
|
|
|
|
|
|
|
|
|