|
@@ -1,22 +1,22 @@
|
|
|
<template>
|
|
<template>
|
|
|
- <div class="app-content">
|
|
|
|
|
- <div class="page-top">
|
|
|
|
|
- <div class="page-top-img">
|
|
|
|
|
|
|
+ <view class="app-content">
|
|
|
|
|
+ <view class="page-top">
|
|
|
|
|
+ <view class="page-top-img">
|
|
|
<image mode="widthFix" :src="`${constant.imgUrl}/retail/order/bg.png`" alt />
|
|
<image mode="widthFix" :src="`${constant.imgUrl}/retail/order/bg.png`" alt />
|
|
|
- </div>
|
|
|
|
|
- <div class="page-top-det">
|
|
|
|
|
- <div>
|
|
|
|
|
- <div class="page-status">{{ data.status | constantfilter('ORDER_STATUS') }}</div>
|
|
|
|
|
- </div>
|
|
|
|
|
- <div class="page-status-img">
|
|
|
|
|
|
|
+ </view>
|
|
|
|
|
+ <view class="page-top-det">
|
|
|
|
|
+ <view>
|
|
|
|
|
+ <view class="page-status">{{ data.status | constantfilter('ORDER_STATUS') }}</view>
|
|
|
|
|
+ </view>
|
|
|
|
|
+ <view class="page-status-img">
|
|
|
<img :src="statusImg" alt />
|
|
<img :src="statusImg" alt />
|
|
|
- </div>
|
|
|
|
|
- </div>
|
|
|
|
|
- </div>
|
|
|
|
|
- <div class="page-det">
|
|
|
|
|
- <div class="module-com">
|
|
|
|
|
- <div class="module-tit">商品信息</div>
|
|
|
|
|
- <div class="module-det">
|
|
|
|
|
|
|
+ </view>
|
|
|
|
|
+ </view>
|
|
|
|
|
+ </view>
|
|
|
|
|
+ <view class="page-det">
|
|
|
|
|
+ <view class="module-com">
|
|
|
|
|
+ <view class="module-tit">商品信息</view>
|
|
|
|
|
+ <view class="module-det">
|
|
|
<block v-if="!$util.isEmpty(data.goodsInfoList)">
|
|
<block v-if="!$util.isEmpty(data.goodsInfoList)">
|
|
|
<list-module v-for="(items, subIndex) in data.goodsInfoList" :key="subIndex" :info="items" />
|
|
<list-module v-for="(items, subIndex) in data.goodsInfoList" :key="subIndex" :info="items" />
|
|
|
</block>
|
|
</block>
|
|
@@ -25,105 +25,108 @@
|
|
|
<orderItem v-for="(info, idx) in data.itemList" :key="idx" :info="info" ></orderItem>
|
|
<orderItem v-for="(info, idx) in data.itemList" :key="idx" :info="info" ></orderItem>
|
|
|
</block>
|
|
</block>
|
|
|
|
|
|
|
|
- </div>
|
|
|
|
|
- </div>
|
|
|
|
|
- <div class="module-com order-msg">
|
|
|
|
|
- <div class="module-tit">订单信息</div>
|
|
|
|
|
- <div class="module-det">
|
|
|
|
|
- <div class="order-msg-blo">
|
|
|
|
|
- <div class="msg-list">
|
|
|
|
|
- <div class="label">收花人</div>
|
|
|
|
|
- <div class="value">{{ data.receiveUserName }}</div>
|
|
|
|
|
- </div>
|
|
|
|
|
- <div class="msg-list">
|
|
|
|
|
- <div class="label">电话</div>
|
|
|
|
|
- <div class="value">{{ data.receiveMobile }}</div>
|
|
|
|
|
- </div>
|
|
|
|
|
- <div class="msg-list">
|
|
|
|
|
- <div class="label">地址</div>
|
|
|
|
|
- <div class="value">{{ data.fullAddress }}<block v-if="!$util.isEmpty(data.showAddress)">({{data.showAddress}})</block></div>
|
|
|
|
|
- </div>
|
|
|
|
|
- </div>
|
|
|
|
|
- <div class="order-msg-blo">
|
|
|
|
|
- <div class="msg-list">
|
|
|
|
|
- <div class="label">送达时间</div>
|
|
|
|
|
- <div v-if="data.reachDate == '0000-00-00'" class="value"></div>
|
|
|
|
|
- <div v-else class="value">{{ data.reachDate ? data.reachDate+' '+reachPeriodInfo : '' }}</div>
|
|
|
|
|
- </div>
|
|
|
|
|
- <div class="msg-list">
|
|
|
|
|
- <div class="label">贺卡内容</div>
|
|
|
|
|
- <div class="value">{{ data.cardInfo}}</div>
|
|
|
|
|
- </div>
|
|
|
|
|
- <div class="msg-list">
|
|
|
|
|
- <div class="label">匿名派送</div>
|
|
|
|
|
- <div class="value">{{ data.anonymity == 1 ? '是' : '' }}</div>
|
|
|
|
|
- </div>
|
|
|
|
|
- <div class="msg-list" v-if="!$util.isEmpty(data.remark)">
|
|
|
|
|
- <div class="label">备注</div>
|
|
|
|
|
- <div class="value">{{ data.remark }}</div>
|
|
|
|
|
- </div>
|
|
|
|
|
- </div>
|
|
|
|
|
- <div class="order-msg-blo">
|
|
|
|
|
- <div class="msg-list">
|
|
|
|
|
- <div class="label">订单号</div>
|
|
|
|
|
- <div class="value">{{ data.orderSn }}</div>
|
|
|
|
|
- </div>
|
|
|
|
|
- <div class="msg-list">
|
|
|
|
|
- <div class="label">时间</div>
|
|
|
|
|
- <div class="value">{{ data.addTime ? data.addTime.substr(5,11) : ''}}</div>
|
|
|
|
|
- </div>
|
|
|
|
|
- <div class="msg-list">
|
|
|
|
|
- <div class="label">支付方式</div>
|
|
|
|
|
- <div class="value">{{ payWayInfo }}</div>
|
|
|
|
|
- </div>
|
|
|
|
|
- <div class="msg-list" v-if="Number(data.sendCost)>0">
|
|
|
|
|
- <div class="label">运费</div>
|
|
|
|
|
- <div class="value">¥{{ data.sendCost?parseFloat(data.sendCost):0 }}</div>
|
|
|
|
|
- </div>
|
|
|
|
|
- <div class="msg-list">
|
|
|
|
|
- <div class="label">合计</div>
|
|
|
|
|
- <div class="value">{{data.forward==0?'':'-'}}¥{{ data.orderPrice?parseFloat(data.orderPrice):0 }}</div>
|
|
|
|
|
- </div>
|
|
|
|
|
|
|
+ </view>
|
|
|
|
|
+ </view>
|
|
|
|
|
+ <view class="module-com order-msg">
|
|
|
|
|
+ <view class="module-tit">订单信息</view>
|
|
|
|
|
+ <view class="module-det">
|
|
|
|
|
+ <view v-if="!$util.isEmpty(data.shOrderMap)" style="color:#856404;font-size:26upx;">
|
|
|
|
|
+ 本单有售后收入:<text v-for="(shItem, shIndex) in data.shOrderMap" :key="shIndex" style="margin-right:10upx;" @click="goShOrder(shItem)">{{ shItem.shOrderSn }}</text>
|
|
|
|
|
+ </view>
|
|
|
|
|
+ <view class="order-msg-blo">
|
|
|
|
|
+ <view class="msg-list">
|
|
|
|
|
+ <view class="label">收花名称</view>
|
|
|
|
|
+ <view class="value">{{ data.receiveUserName }}</view>
|
|
|
|
|
+ </view>
|
|
|
|
|
+ <view class="msg-list">
|
|
|
|
|
+ <view class="label">电话号码</view>
|
|
|
|
|
+ <view class="value">{{ data.receiveMobile }}</view>
|
|
|
|
|
+ </view>
|
|
|
|
|
+ <view class="msg-list">
|
|
|
|
|
+ <view class="label">地址信息</view>
|
|
|
|
|
+ <view class="value">{{ data.fullAddress }}<block v-if="!$util.isEmpty(data.showAddress)">({{data.showAddress}})</block></view>
|
|
|
|
|
+ </view>
|
|
|
|
|
+ </view>
|
|
|
|
|
+ <view class="order-msg-blo">
|
|
|
|
|
+ <view class="msg-list">
|
|
|
|
|
+ <view class="label">送达时间</view>
|
|
|
|
|
+ <view v-if="data.reachDate == '0000-00-00'" class="value"></view>
|
|
|
|
|
+ <view v-else class="value">{{ data.reachDate ? data.reachDate+' '+reachPeriodInfo : '' }}</view>
|
|
|
|
|
+ </view>
|
|
|
|
|
+ <view class="msg-list">
|
|
|
|
|
+ <view class="label">贺卡内容</view>
|
|
|
|
|
+ <view class="value">{{ data.cardInfo}}</view>
|
|
|
|
|
+ </view>
|
|
|
|
|
+ <view class="msg-list">
|
|
|
|
|
+ <view class="label">匿名派送</view>
|
|
|
|
|
+ <view class="value">{{ data.anonymity == 1 ? '是' : '' }}</view>
|
|
|
|
|
+ </view>
|
|
|
|
|
+ <view class="msg-list" v-if="!$util.isEmpty(data.remark)">
|
|
|
|
|
+ <view class="label">备注信息</view>
|
|
|
|
|
+ <view class="value">{{ data.remark }}</view>
|
|
|
|
|
+ </view>
|
|
|
|
|
+ </view>
|
|
|
|
|
+ <view class="order-msg-blo">
|
|
|
|
|
+ <view class="msg-list">
|
|
|
|
|
+ <view class="label">订单编号</view>
|
|
|
|
|
+ <view class="value">{{ data.orderSn }}</view>
|
|
|
|
|
+ </view>
|
|
|
|
|
+ <view class="msg-list">
|
|
|
|
|
+ <view class="label">创建时间</view>
|
|
|
|
|
+ <view class="value">{{ data.addTime ? data.addTime.substr(5,11) : ''}}</view>
|
|
|
|
|
+ </view>
|
|
|
|
|
+ <view class="msg-list">
|
|
|
|
|
+ <view class="label">支付方式</view>
|
|
|
|
|
+ <view class="value">{{ payWayInfo }}</view>
|
|
|
|
|
+ </view>
|
|
|
|
|
+ <view class="msg-list" v-if="Number(data.sendCost)>0">
|
|
|
|
|
+ <view class="label">订单运费</view>
|
|
|
|
|
+ <view class="value">¥{{ data.sendCost?parseFloat(data.sendCost):0 }}</view>
|
|
|
|
|
+ </view>
|
|
|
|
|
+ <view class="msg-list">
|
|
|
|
|
+ <view class="label">订单合计</view>
|
|
|
|
|
+ <view class="value">¥{{ data.orderPrice?parseFloat(data.orderPrice):0 }}</view>
|
|
|
|
|
+ </view>
|
|
|
|
|
|
|
|
- <div class="msg-list" v-if="Number(data.remainDebtPrice)>0">
|
|
|
|
|
- <div class="label">待结</div>
|
|
|
|
|
- <div class="value" style="color:red;font-weight:bold;">¥{{ data.remainDebtPrice?parseFloat(data.remainDebtPrice):0 }}</div>
|
|
|
|
|
- </div>
|
|
|
|
|
|
|
+ <view class="msg-list" v-if="Number(data.remainDebtPrice)>0">
|
|
|
|
|
+ <view class="label">订单待结</view>
|
|
|
|
|
+ <view class="value" style="color:red;font-weight:bold;">¥{{ data.remainDebtPrice?parseFloat(data.remainDebtPrice):0 }}</view>
|
|
|
|
|
+ </view>
|
|
|
|
|
|
|
|
- </div>
|
|
|
|
|
- </div>
|
|
|
|
|
- </div>
|
|
|
|
|
|
|
+ </view>
|
|
|
|
|
+ </view>
|
|
|
|
|
+ </view>
|
|
|
<block v-if="data.status == 0">
|
|
<block v-if="data.status == 0">
|
|
|
- <div class="module-com coupon-wrap" v-if="!$util.isEmpty(discountArr)">
|
|
|
|
|
- <div class="module-tit">优惠信息</div>
|
|
|
|
|
- <div class="module-det">
|
|
|
|
|
|
|
+ <view class="module-com coupon-wrap" v-if="!$util.isEmpty(discountArr)">
|
|
|
|
|
+ <view class="module-tit">优惠信息</view>
|
|
|
|
|
+ <view class="module-det">
|
|
|
<app-coupon-sel ref="couponSel" :price="data.prePrice * data.goodsNum" :discountArr="['member', 'coupon']" />
|
|
<app-coupon-sel ref="couponSel" :price="data.prePrice * data.goodsNum" :discountArr="['member', 'coupon']" />
|
|
|
- </div>
|
|
|
|
|
- </div>
|
|
|
|
|
|
|
+ </view>
|
|
|
|
|
+ </view>
|
|
|
</block>
|
|
</block>
|
|
|
<block v-else>
|
|
<block v-else>
|
|
|
- <div class="module-com coupon-wrap" v-if="data.discountAmount && Number(data.discountAmount) > 0" >
|
|
|
|
|
- <div class="module-tit">优惠信息</div>
|
|
|
|
|
- <div class="module-det">
|
|
|
|
|
- <div class="app-color-3" >{{ data.discountType == 1 ? '优惠券' : data.discountType == 2 ? '会员优惠' : '随机优惠' }}</div>
|
|
|
|
|
- <div class="app-price">-¥{{ data.discountAmount?parseFloat(data.discountAmount):0 }}</div>
|
|
|
|
|
- </div>
|
|
|
|
|
- </div>
|
|
|
|
|
|
|
+ <view class="module-com coupon-wrap" v-if="data.discountAmount && Number(data.discountAmount) > 0" >
|
|
|
|
|
+ <view class="module-tit">优惠信息</view>
|
|
|
|
|
+ <view class="module-det">
|
|
|
|
|
+ <view class="app-color-3" >{{ data.discountType == 1 ? '优惠券' : data.discountType == 2 ? '会员优惠' : '随机优惠' }}</view>
|
|
|
|
|
+ <view class="app-price">-¥{{ data.discountAmount?parseFloat(data.discountAmount):0 }}</view>
|
|
|
|
|
+ </view>
|
|
|
|
|
+ </view>
|
|
|
</block>
|
|
</block>
|
|
|
- </div>
|
|
|
|
|
- <div class="page-btn app-footer">
|
|
|
|
|
- <div class="flex-center" style="align-items: center; display: flex;">
|
|
|
|
|
|
|
+ </view>
|
|
|
|
|
+ <view class="page-btn app-footer">
|
|
|
|
|
+ <view class="flex-center" style="align-items: center; display: flex;">
|
|
|
<span style="font-size:40upx; line-height: 1;"></span>
|
|
<span style="font-size:40upx; line-height: 1;"></span>
|
|
|
<span class="app-price" style="display: flex; align-items: center;">
|
|
<span class="app-price" style="display: flex; align-items: center;">
|
|
|
- <span style="font-size:40upx; line-height: 1;color:black;">金额{{data.forward==0?'':'-'}}¥</span>
|
|
|
|
|
|
|
+ <span style="font-size:40upx; line-height: 1;color:black;">{{data.forward==0?'':'售后收入 '}}¥</span>
|
|
|
<span style="font-size:40upx; line-height: 1;color:black;">{{ data.actPrice?parseFloat(data.actPrice):0 }}</span>
|
|
<span style="font-size:40upx; line-height: 1;color:black;">{{ data.actPrice?parseFloat(data.actPrice):0 }}</span>
|
|
|
</span>
|
|
</span>
|
|
|
- </div>
|
|
|
|
|
|
|
+ </view>
|
|
|
<template v-if="data.status == 1">
|
|
<template v-if="data.status == 1">
|
|
|
<button class="button-com red" @click="payFn">立即支付</button>
|
|
<button class="button-com red" @click="payFn">立即支付</button>
|
|
|
</template>
|
|
</template>
|
|
|
- </div>
|
|
|
|
|
- </div>
|
|
|
|
|
|
|
+ </view>
|
|
|
|
|
+ </view>
|
|
|
</template>
|
|
</template>
|
|
|
<script>
|
|
<script>
|
|
|
import { mapGetters } from "vuex";
|
|
import { mapGetters } from "vuex";
|
|
@@ -161,6 +164,9 @@ export default {
|
|
|
}
|
|
}
|
|
|
},
|
|
},
|
|
|
methods: {
|
|
methods: {
|
|
|
|
|
+ goShOrder(info){
|
|
|
|
|
+ this.$util.pageTo({url:'/pages/order/detail?id='+info.shOrderId})
|
|
|
|
|
+ },
|
|
|
init() {
|
|
init() {
|
|
|
this.getDetail().then(() => {
|
|
this.getDetail().then(() => {
|
|
|
getShopUser().then(res => {
|
|
getShopUser().then(res => {
|