|
|
|
@ -14,9 +14,11 @@ |
|
|
|
|
<view class="row"> |
|
|
|
|
<view class="goods-info"> |
|
|
|
|
<view class="img"> |
|
|
|
|
<image mode="widthFix" :src="imageUrl+rec.goodsImg" v-if="rec.goodsType == 1 || rec.goodsType == 7"></image> |
|
|
|
|
<image mode="widthFix" :src="imageUrl+rec.goodsImg" |
|
|
|
|
v-if="rec.goodsType == 1 || rec.goodsType == 7"></image> |
|
|
|
|
<image mode="widthFix" :src="imagewxUrl+imgadres1" v-if="rec.goodsType == 6"></image> |
|
|
|
|
<image mode="widthFix" :src="rec.goodsImg" v-if="rec.goodsType != 1 && rec.goodsType != 6 && rec.goodsType != 7"></image> |
|
|
|
|
<image mode="widthFix" :src="rec.goodsImg" |
|
|
|
|
v-if="rec.goodsType != 1 && rec.goodsType != 6 && rec.goodsType != 7"></image> |
|
|
|
|
</view> |
|
|
|
|
<view class="info"> |
|
|
|
|
<view class="title">{{rec.goodsName}}</view> |
|
|
|
@ -73,9 +75,9 @@ |
|
|
|
|
</view> |
|
|
|
|
<view class="right" v-if="recinfo.payModel == 3"> |
|
|
|
|
混合 |
|
|
|
|
</view> |
|
|
|
|
<view class="right" v-if="recinfo.payModel == 4"> |
|
|
|
|
油卡 |
|
|
|
|
</view> |
|
|
|
|
<view class="right" v-if="recinfo.payModel == 4"> |
|
|
|
|
油卡 |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
|
|
|
|
@ -97,9 +99,9 @@ |
|
|
|
|
</view> |
|
|
|
|
<view class="right" v-if="recinfo.payType == 5"> |
|
|
|
|
银联支付 |
|
|
|
|
</view> |
|
|
|
|
<view class="right" v-if="recinfo.payType == 7"> |
|
|
|
|
嗨森逛油卡 |
|
|
|
|
</view> |
|
|
|
|
<view class="right" v-if="recinfo.payType == 7"> |
|
|
|
|
嗨森逛油卡 |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
<view class="row" v-if="recinfo.totalPrice"> |
|
|
|
@ -110,8 +112,7 @@ |
|
|
|
|
¥{{recinfo.totalPrice}} |
|
|
|
|
</view> |
|
|
|
|
<view class="right" v-else> |
|
|
|
|
<image style="width: 15px;height: 15px;vertical-align: sub;" |
|
|
|
|
src="../../../static/img/jfx.png"> |
|
|
|
|
<image style="width: 15px;height: 15px;vertical-align: sub;" src="../../../static/img/jfx.png"> |
|
|
|
|
</image>{{(recinfo.totalPrice * 10 * 10).toFixed(0)}} |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
@ -123,8 +124,7 @@ |
|
|
|
|
¥{{recinfo.payPrice}} |
|
|
|
|
</view> |
|
|
|
|
<view class="right" v-else> |
|
|
|
|
<image style="width: 15px;height: 15px;vertical-align: sub;" |
|
|
|
|
src="../../../static/img/jfx.png"> |
|
|
|
|
<image style="width: 15px;height: 15px;vertical-align: sub;" src="../../../static/img/jfx.png"> |
|
|
|
|
</image>{{(recinfo.payPrice* 10 * 10).toFixed(0)}} |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
@ -136,8 +136,7 @@ |
|
|
|
|
¥{{recinfo.payRealPrice}} |
|
|
|
|
</view> |
|
|
|
|
<view class="right" v-else> |
|
|
|
|
<image style="width: 15px;height: 15px;vertical-align: sub;" |
|
|
|
|
src="../../../static/img/jfx.png"> |
|
|
|
|
<image style="width: 15px;height: 15px;vertical-align: sub;" src="../../../static/img/jfx.png"> |
|
|
|
|
</image>{{(recinfo.payRealPrice * 10 * 10).toFixed(0)}} |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
@ -149,18 +148,17 @@ |
|
|
|
|
¥{{recinfo.deductionPrice}} |
|
|
|
|
</view> |
|
|
|
|
<view class="right" v-else> |
|
|
|
|
<image style="width: 15px;height: 15px;vertical-align: sub;" |
|
|
|
|
src="../../../static/img/jfx.png"> |
|
|
|
|
<image style="width: 15px;height: 15px;vertical-align: sub;" src="../../../static/img/jfx.png"> |
|
|
|
|
</image>{{(recinfo.deductionPrice * 10 * 10).toFixed(0)}} |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
<view class="row" v-if="recinfo.payGold"> |
|
|
|
|
<view class="left"> |
|
|
|
|
积分抵扣 : |
|
|
|
|
</view> |
|
|
|
|
<view class="right"> |
|
|
|
|
¥{{(recinfo.payGold / 100).toFixed(2)}} |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
<view class="row" v-if="recinfo.payGold"> |
|
|
|
|
<view class="left"> |
|
|
|
|
积分抵扣 : |
|
|
|
|
</view> |
|
|
|
|
<view class="right"> |
|
|
|
|
¥{{(recinfo.payGold / 100).toFixed(2)}} |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
<view class="row"> |
|
|
|
|
<view class="left"> |
|
|
|
@ -193,112 +191,135 @@ |
|
|
|
|
<view class="right"> |
|
|
|
|
{{recinfo.refusalRefundContent}} |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
<view class="row" v-if="recinfo.finishTime"> |
|
|
|
|
<view class="left"> |
|
|
|
|
完成时间 : |
|
|
|
|
</view> |
|
|
|
|
<view class="right"> |
|
|
|
|
{{recinfo.finishTime | formatDate('-')}} |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
<!-- 优选商品 --> |
|
|
|
|
<view class="width94 font18 fcor333 fontwig6 height40" v-if="preByOrderInfo">预约订单详情</view> |
|
|
|
|
<view class="order" v-if="preByOrderInfo"> |
|
|
|
|
<view class="row"> |
|
|
|
|
<view class="left"> |
|
|
|
|
预约状态 : |
|
|
|
|
</view> |
|
|
|
|
<view class="right" v-if="preByOrderInfo.status == 1"> |
|
|
|
|
预约中 |
|
|
|
|
</view> |
|
|
|
|
<view class="right" v-if="preByOrderInfo.status == 2"> |
|
|
|
|
预约成功 |
|
|
|
|
</view> |
|
|
|
|
<view class="right" v-if="preByOrderInfo.status == 3"> |
|
|
|
|
预约完成 |
|
|
|
|
</view> |
|
|
|
|
<view class="right" v-if="preByOrderInfo.status == 4"> |
|
|
|
|
预约失败 |
|
|
|
|
</view> |
|
|
|
|
<view class="right" v-if="preByOrderInfo.status == 5"> |
|
|
|
|
预约取消 |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
<view class="row"> |
|
|
|
|
<view class="row" v-if="materialData"> |
|
|
|
|
<view class="left"> |
|
|
|
|
预约订单号 : |
|
|
|
|
联系人 : |
|
|
|
|
</view> |
|
|
|
|
<view class="right"> |
|
|
|
|
{{preByOrderInfo.preOrderNo}} |
|
|
|
|
{{materialData.user}} |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
<view class="row" v-if="preByOrderInfo.opUserName"> |
|
|
|
|
<view class="row" v-if="materialData"> |
|
|
|
|
<view class="left"> |
|
|
|
|
预约门店 : |
|
|
|
|
联系电话 : |
|
|
|
|
</view> |
|
|
|
|
<view class="right"> |
|
|
|
|
{{preByOrderInfo.opUserName}} |
|
|
|
|
{{materialData.phone}} |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
<view class="row" v-if="preByOrderInfo.reachAddress"> |
|
|
|
|
<view class="row" v-if="materialData"> |
|
|
|
|
<view class="left"> |
|
|
|
|
到店地点 : |
|
|
|
|
联系地址 : |
|
|
|
|
</view> |
|
|
|
|
<view class="right"> |
|
|
|
|
{{preByOrderInfo.reachAddress}} |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
<view class="row" v-if="preByOrderInfo.reachTime"> |
|
|
|
|
<view class="left"> |
|
|
|
|
到店时间 : |
|
|
|
|
</view> |
|
|
|
|
<view class="right"> |
|
|
|
|
{{preByOrderInfo.reachTime | formatDate('-')}} |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
<view class="row" v-if="preByOrderInfo.statusFailDesc"> |
|
|
|
|
<view class="left"> |
|
|
|
|
预约失败说明 : |
|
|
|
|
{{materialData.address}} |
|
|
|
|
</view> |
|
|
|
|
<view class="right"> |
|
|
|
|
{{preByOrderInfo.statusFailDesc}} |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
<view class="row" v-if="preByOrderInfo.statusCancelDesc"> |
|
|
|
|
<view class="left"> |
|
|
|
|
预约取消说明 : |
|
|
|
|
</view> |
|
|
|
|
<view class="right"> |
|
|
|
|
{{preByOrderInfo.statusCancelDesc}} |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
<view class="row" v-if="preByOrderInfo.preUserRemark"> |
|
|
|
|
<view class="left"> |
|
|
|
|
预约备注 : |
|
|
|
|
</view> |
|
|
|
|
<view class="right"> |
|
|
|
|
{{preByOrderInfo.preUserRemark}} |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
<view class="width100 height60"></view> |
|
|
|
|
|
|
|
|
|
<view class="footer" @click="orderComplete" v-if="preByOrderInfo && preByOrderInfo.status == 2"> |
|
|
|
|
<view class="settlement"> |
|
|
|
|
<view class="btn" style="background-color: #0083f5;color: #fff;width: 100% !important;">预约完成</view> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
|
|
|
|
|
</view> |
|
|
|
|
<view class="row" v-if="recinfo.finishTime"> |
|
|
|
|
<view class="left"> |
|
|
|
|
完成时间 : |
|
|
|
|
</view> |
|
|
|
|
<view class="right"> |
|
|
|
|
{{recinfo.finishTime | formatDate('-')}} |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
<!-- 优选商品 --> |
|
|
|
|
<view class="width94 font18 fcor333 fontwig6 height40" v-if="preByOrderInfo">预约订单详情</view> |
|
|
|
|
<view class="order" v-if="preByOrderInfo"> |
|
|
|
|
<view class="row"> |
|
|
|
|
<view class="left"> |
|
|
|
|
预约状态 : |
|
|
|
|
</view> |
|
|
|
|
<view class="right" v-if="preByOrderInfo.status == 1"> |
|
|
|
|
预约中 |
|
|
|
|
</view> |
|
|
|
|
<view class="right" v-if="preByOrderInfo.status == 2"> |
|
|
|
|
预约成功 |
|
|
|
|
</view> |
|
|
|
|
<view class="right" v-if="preByOrderInfo.status == 3"> |
|
|
|
|
预约完成 |
|
|
|
|
</view> |
|
|
|
|
<view class="right" v-if="preByOrderInfo.status == 4"> |
|
|
|
|
预约失败 |
|
|
|
|
</view> |
|
|
|
|
<view class="right" v-if="preByOrderInfo.status == 5"> |
|
|
|
|
预约取消 |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
<view class="row"> |
|
|
|
|
<view class="left"> |
|
|
|
|
预约订单号 : |
|
|
|
|
</view> |
|
|
|
|
<view class="right"> |
|
|
|
|
{{preByOrderInfo.preOrderNo}} |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
<view class="row" v-if="preByOrderInfo.opUserName"> |
|
|
|
|
<view class="left"> |
|
|
|
|
预约门店 : |
|
|
|
|
</view> |
|
|
|
|
<view class="right"> |
|
|
|
|
{{preByOrderInfo.opUserName}} |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
<view class="row" v-if="preByOrderInfo.reachAddress"> |
|
|
|
|
<view class="left"> |
|
|
|
|
到店地点 : |
|
|
|
|
</view> |
|
|
|
|
<view class="right"> |
|
|
|
|
{{preByOrderInfo.reachAddress}} |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
<view class="row" v-if="preByOrderInfo.reachTime"> |
|
|
|
|
<view class="left"> |
|
|
|
|
到店时间 : |
|
|
|
|
</view> |
|
|
|
|
<view class="right"> |
|
|
|
|
{{preByOrderInfo.reachTime | formatDate('-')}} |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
<view class="row" v-if="preByOrderInfo.statusFailDesc"> |
|
|
|
|
<view class="left"> |
|
|
|
|
预约失败说明 : |
|
|
|
|
</view> |
|
|
|
|
<view class="right"> |
|
|
|
|
{{preByOrderInfo.statusFailDesc}} |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
<view class="row" v-if="preByOrderInfo.statusCancelDesc"> |
|
|
|
|
<view class="left"> |
|
|
|
|
预约取消说明 : |
|
|
|
|
</view> |
|
|
|
|
<view class="right"> |
|
|
|
|
{{preByOrderInfo.statusCancelDesc}} |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
<view class="row" v-if="preByOrderInfo.preUserRemark"> |
|
|
|
|
<view class="left"> |
|
|
|
|
预约备注 : |
|
|
|
|
</view> |
|
|
|
|
<view class="right"> |
|
|
|
|
{{preByOrderInfo.preUserRemark}} |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
<view class="width100 height60"></view> |
|
|
|
|
|
|
|
|
|
<view class="footer" @click="orderComplete" v-if="preByOrderInfo && preByOrderInfo.status == 2"> |
|
|
|
|
<view class="settlement"> |
|
|
|
|
<view class="btn" style="background-color: #0083f5;color: #fff;width: 100% !important;">预约完成</view> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
|
|
|
|
|
<view class="footer" |
|
|
|
|
v-if="recinfo.orderStatus == 1 && recinfo.highChildOrderList[0].goodsType !=6 && recinfo.highChildOrderList[0].goodsType !=5 && recinfo.highChildOrderList[0].goodsType !=4"> |
|
|
|
|
<view class="settlement"> |
|
|
|
|
<view class="sum">合计: |
|
|
|
|
<view class="money" v-if="recinfo.payType != 3">¥{{recinfo.payPrice}}</view> |
|
|
|
|
<view class="money" v-else> |
|
|
|
|
<image style="width: 15px;height: 15px;vertical-align: sub;" |
|
|
|
|
src="../../../static/img/jfx.png"> |
|
|
|
|
<image style="width: 15px;height: 15px;vertical-align: sub;" src="../../../static/img/jfx.png"> |
|
|
|
|
</image>{{recinfo.payPrice*100}} |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
@ -312,8 +333,8 @@ |
|
|
|
|
<script> |
|
|
|
|
import { |
|
|
|
|
getOrderById, |
|
|
|
|
cancelOrder, |
|
|
|
|
getPreByOrderIdId, |
|
|
|
|
cancelOrder, |
|
|
|
|
getPreByOrderIdId, |
|
|
|
|
orderComplete |
|
|
|
|
} from '../../../Utils/Api.js'; |
|
|
|
|
let app = getApp() |
|
|
|
@ -331,14 +352,15 @@ |
|
|
|
|
orderId: '', |
|
|
|
|
imageUrl: app.globalData.imgUrl, |
|
|
|
|
imagewxUrl: app.globalData.imageWxImg, |
|
|
|
|
imgadres1: 'dhf.png', |
|
|
|
|
preByOrderInfo:'' |
|
|
|
|
imgadres1: 'dhf.png', |
|
|
|
|
preByOrderInfo: '', |
|
|
|
|
materialData: '' //实物参数 |
|
|
|
|
|
|
|
|
|
}; |
|
|
|
|
}, |
|
|
|
|
onShow() { |
|
|
|
|
//页面显示时,加载订单信息 |
|
|
|
|
this.getOrderById(); |
|
|
|
|
this.getOrderById(); |
|
|
|
|
this.getPreByOrderIdId(); |
|
|
|
|
}, |
|
|
|
|
onHide() { |
|
|
|
@ -392,59 +414,62 @@ |
|
|
|
|
if (res.return_code == '000000') { |
|
|
|
|
uni.hideLoading(); |
|
|
|
|
this.recinfo = res.return_data; |
|
|
|
|
if (res.return_data.remarks) { |
|
|
|
|
this.materialData = JSON.parse(res.return_data.remarks); |
|
|
|
|
} |
|
|
|
|
} else { |
|
|
|
|
uni.hideLoading() |
|
|
|
|
} |
|
|
|
|
}) |
|
|
|
|
}, |
|
|
|
|
//查询预约商品详情 |
|
|
|
|
getPreByOrderIdId() { |
|
|
|
|
let params = { |
|
|
|
|
orderId: this.orderId, |
|
|
|
|
} |
|
|
|
|
getPreByOrderIdId(params).then(res => { |
|
|
|
|
if (res.return_code == '000000') { |
|
|
|
|
this.preByOrderInfo = res.return_data; |
|
|
|
|
} |
|
|
|
|
}) |
|
|
|
|
}, |
|
|
|
|
//预约商品完成 |
|
|
|
|
orderComplete(){ |
|
|
|
|
let that = this; |
|
|
|
|
uni.showModal({ |
|
|
|
|
title: '预约完成', |
|
|
|
|
content: '确定预约完成?', |
|
|
|
|
success: (res) => { |
|
|
|
|
if (res.confirm) { |
|
|
|
|
uni.showLoading({ |
|
|
|
|
title: '加载中...' |
|
|
|
|
}) |
|
|
|
|
let params = { |
|
|
|
|
preOrderId : this.preByOrderInfo.id |
|
|
|
|
} |
|
|
|
|
orderComplete(params).then(res => { |
|
|
|
|
if (res.return_code == '000000') { |
|
|
|
|
uni.hideLoading(); |
|
|
|
|
uni.showToast({ |
|
|
|
|
title: res.return_data, |
|
|
|
|
icon: 'none', |
|
|
|
|
duration: 2000 |
|
|
|
|
}) |
|
|
|
|
this.getPreByOrderIdId(); |
|
|
|
|
} else { |
|
|
|
|
uni.showToast({ |
|
|
|
|
title: res.return_msg, |
|
|
|
|
icon: 'none', |
|
|
|
|
duration: 2000 |
|
|
|
|
}) |
|
|
|
|
uni.hideLoading() |
|
|
|
|
} |
|
|
|
|
}) |
|
|
|
|
} else if (res.cancel) { |
|
|
|
|
console.log('用户点击取消'); |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
}); |
|
|
|
|
}, |
|
|
|
|
//查询预约商品详情 |
|
|
|
|
getPreByOrderIdId() { |
|
|
|
|
let params = { |
|
|
|
|
orderId: this.orderId, |
|
|
|
|
} |
|
|
|
|
getPreByOrderIdId(params).then(res => { |
|
|
|
|
if (res.return_code == '000000') { |
|
|
|
|
this.preByOrderInfo = res.return_data; |
|
|
|
|
} |
|
|
|
|
}) |
|
|
|
|
}, |
|
|
|
|
//预约商品完成 |
|
|
|
|
orderComplete() { |
|
|
|
|
let that = this; |
|
|
|
|
uni.showModal({ |
|
|
|
|
title: '预约完成', |
|
|
|
|
content: '确定预约完成?', |
|
|
|
|
success: (res) => { |
|
|
|
|
if (res.confirm) { |
|
|
|
|
uni.showLoading({ |
|
|
|
|
title: '加载中...' |
|
|
|
|
}) |
|
|
|
|
let params = { |
|
|
|
|
preOrderId: this.preByOrderInfo.id |
|
|
|
|
} |
|
|
|
|
orderComplete(params).then(res => { |
|
|
|
|
if (res.return_code == '000000') { |
|
|
|
|
uni.hideLoading(); |
|
|
|
|
uni.showToast({ |
|
|
|
|
title: res.return_data, |
|
|
|
|
icon: 'none', |
|
|
|
|
duration: 2000 |
|
|
|
|
}) |
|
|
|
|
this.getPreByOrderIdId(); |
|
|
|
|
} else { |
|
|
|
|
uni.showToast({ |
|
|
|
|
title: res.return_msg, |
|
|
|
|
icon: 'none', |
|
|
|
|
duration: 2000 |
|
|
|
|
}) |
|
|
|
|
uni.hideLoading() |
|
|
|
|
} |
|
|
|
|
}) |
|
|
|
|
} else if (res.cancel) { |
|
|
|
|
console.log('用户点击取消'); |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
}); |
|
|
|
|
}, |
|
|
|
|
cancelOrder() { |
|
|
|
|
let that = this; |
|
|
|
@ -507,7 +532,8 @@ |
|
|
|
|
uni.redirectTo({ |
|
|
|
|
url: "/pages/pay/payment/payment?amount=" + this.recinfo.payPrice + |
|
|
|
|
'&paytype=' + payTypes + '&orderId=' + this.recinfo.id + '&couponId=' + this.recinfo |
|
|
|
|
.highChildOrderList[0].goodsId + '&typeaout='+ this.recinfo.highChildOrderList[0].ext1+'&goodsType='+ this.recinfo.highChildOrderList[0].goodsType |
|
|
|
|
.highChildOrderList[0].goodsId + '&typeaout=' + this.recinfo.highChildOrderList[0].ext1 + |
|
|
|
|
'&goodsType=' + this.recinfo.highChildOrderList[0].goodsType |
|
|
|
|
}) |
|
|
|
|
}, |
|
|
|
|
} |
|
|
|
@ -719,7 +745,7 @@ |
|
|
|
|
font-size: 20px; |
|
|
|
|
font-weight: 600; |
|
|
|
|
display: flex; |
|
|
|
|
align-items: center; |
|
|
|
|
align-items: center; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|