|
|
|
|
@ -7,7 +7,7 @@ |
|
|
|
|
{{countdownm}}:{{countdowns}} |
|
|
|
|
</view> |
|
|
|
|
<view class="width100 font13 fcor666 mart10">若超时未支付,订单将自动取消</view> |
|
|
|
|
<view class="stubtn mart15" style="background-color: #0F8FE8;" @click="jumppay()">立即支付 |
|
|
|
|
<view class="stubtn mart15" style="background-color: #0F8FE8;" @click="toPay()">立即支付 |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
<view class="width100 headsbg paddbotm15" v-if="recinfo.orderStatus != 1"> |
|
|
|
|
@ -51,8 +51,11 @@ |
|
|
|
|
<view class="mart15 alijusstart font14 width94" v-if="recinfo.payType"> |
|
|
|
|
<view class="width20 fcor777">支付方式</view> |
|
|
|
|
<view class="width80p fotrt fcor333" v-if="recinfo.payType == 1">支付宝</view> |
|
|
|
|
<view class="width80p fotrt fcor333" v-if="recinfo.payType == 2">微信</view> |
|
|
|
|
<view class="width80p fotrt fcor333" v-if="recinfo.payType == 2">微信支付</view> |
|
|
|
|
<view class="width80p fotrt fcor333" v-if="recinfo.payType == 3">积分兑换</view> |
|
|
|
|
<view class="width80p fotrt fcor333" v-if="recinfo.payType == 4">汇联通工会卡</view> |
|
|
|
|
<view class="width80p fotrt fcor333" v-if="recinfo.payType == 7">嗨森逛个人油卡</view> |
|
|
|
|
<view class="width80p fotrt fcor333" v-if="recinfo.payType == 8">嗨森逛车队油卡</view> |
|
|
|
|
</view> |
|
|
|
|
<view class="mart15 alijusstart font14 width94" v-if="recinfo.productType == 6"> |
|
|
|
|
<view class="width20 fcor777">地址</view> |
|
|
|
|
@ -95,10 +98,22 @@ |
|
|
|
|
<view class="width50 fcor777">加油金额</view> |
|
|
|
|
<view class="width50 fotrt fcor333">¥{{oilList.gasRefuelPrice}}</view> |
|
|
|
|
</view> |
|
|
|
|
<view class="mart15 alijusstart font14 width94" v-if="materialData"> |
|
|
|
|
<view class="width50 fcor777">联系人</view> |
|
|
|
|
<view class="width50 fotrt fcor333">¥{{materialData.user}}</view> |
|
|
|
|
</view> |
|
|
|
|
<view class="mart15 alijusstart font14 width94" v-if="materialData"> |
|
|
|
|
<view class="width50 fcor777">联系电话</view> |
|
|
|
|
<view class="width50 fotrt fcor333">¥{{materialData.phone}}</view> |
|
|
|
|
</view> |
|
|
|
|
<view class="mart15 alijusstart font14 width94" v-if="materialData"> |
|
|
|
|
<view class="width50 fcor777">联系地址</view> |
|
|
|
|
<view class="width50 fotrt fcor333">¥{{materialData.address}}</view> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
|
|
|
|
|
<!-- 支付信息 --> |
|
|
|
|
<view class="width90 backcorfff mart10 concont"> |
|
|
|
|
<view class="width90 backcorfff mart10"> |
|
|
|
|
<view class="paddtop20 font22 width94 fcor333">优惠信息</view> |
|
|
|
|
<view class="mart15 alijusstart font14 width94"> |
|
|
|
|
<view class="width50 fcor777">商品优惠</view> |
|
|
|
|
@ -112,21 +127,31 @@ |
|
|
|
|
<view class="width50 fcor777">积分抵扣</view> |
|
|
|
|
<view class="width50 fotrt fcoreb5">-¥{{recinfo.payGold / 100}}</view> |
|
|
|
|
</view> |
|
|
|
|
<view class="width95 height20 borderleft alijusnostart"> |
|
|
|
|
<view class="width95 height20 alijusnostart"> |
|
|
|
|
<view style="width: 5%;"></view> |
|
|
|
|
<view class="width95" style="border-bottom: 1px dashed #bebcbc;"></view> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
<view class="gooddes width90 backcorfff marb20"> |
|
|
|
|
<view class="width90w height20 bordertopleft alijusnostart"> |
|
|
|
|
<view class="width95 alijusnostart"> |
|
|
|
|
<view style="width: 9%;"></view> |
|
|
|
|
<view style="border-bottom: 1px dashed #bebcbc;width: 88%;"></view> |
|
|
|
|
</view> |
|
|
|
|
<view class="width90 backcorfff marb20"> |
|
|
|
|
<view class="width100" style="height: 10px;"> |
|
|
|
|
<view class="cro_left_top flleft"></view> |
|
|
|
|
<view class="cro_right_top flright"></view> |
|
|
|
|
</view> |
|
|
|
|
|
|
|
|
|
<view class="width90 height50 fotrt fcor777 font16 paddbotm10" v-if="!recinfo.payRealPrice"> |
|
|
|
|
|
|
|
|
|
</view> |
|
|
|
|
<view class="width90 height50 fotrt fcor777 font16 paddbotm10" v-else> |
|
|
|
|
<view class="width90 height50 fotrt fcor777 font16 paddbotm10" |
|
|
|
|
v-if="recinfo.productType == 6 && recinfo.payRealPrice"> |
|
|
|
|
加油实付 <text class="font24 fcor333 margle">￥{{recinfo.payRealPrice}}</text> |
|
|
|
|
</view> |
|
|
|
|
<view class="width90 height50 fotrt fcor777 font16 paddbotm10" |
|
|
|
|
v-if="recinfo.productType != 6 && recinfo.payRealPrice"> |
|
|
|
|
实付 <text class="font24 fcor333 margle">￥{{recinfo.payRealPrice}}</text> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
@ -459,7 +484,7 @@ |
|
|
|
|
<view class="height50 width100"></view> |
|
|
|
|
<view class="bottomstu backcorfff width100 height50 alijusend"> |
|
|
|
|
<button open-type="contact" class="cusservice font12 fcor666">联系客服</button> |
|
|
|
|
<view class="buybtn font12 fcorfff">再来一单</view> |
|
|
|
|
<!-- <view class="buybtn font12 fcorfff">再来一单</view> --> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
</template> |
|
|
|
|
@ -718,11 +743,16 @@ |
|
|
|
|
} else { |
|
|
|
|
payTypes = 2; |
|
|
|
|
} |
|
|
|
|
// 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 |
|
|
|
|
// }) |
|
|
|
|
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 |
|
|
|
|
url: '/qianzhu-KFC/payment-method/payment-method?orderId=' + this.recinfo.orderNo + |
|
|
|
|
'&amount=' + this.recinfo |
|
|
|
|
.payPrice + '&productType=' + this.recinfo.productType |
|
|
|
|
}) |
|
|
|
|
}, |
|
|
|
|
} |
|
|
|
|
@ -1032,22 +1062,28 @@ |
|
|
|
|
border-radius: 25px; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.cro_left_top, |
|
|
|
|
.cro_right_top, |
|
|
|
|
.cro_left_bottom, |
|
|
|
|
.cro_right_bottom { |
|
|
|
|
width: 20rpx; |
|
|
|
|
height: 20rpx; |
|
|
|
|
background: #f0f0f0; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.borderleft { |
|
|
|
|
background-image: radial-gradient(10px at bottom left, #f0f0f0 10px, #ffffff); |
|
|
|
|
.cro_left_top { |
|
|
|
|
border-radius: 0px 0px 20rpx 0px; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.bordertopleft { |
|
|
|
|
background-image: radial-gradient(10px at top left, #f0f0f0 10px, #ffffff); |
|
|
|
|
.cro_right_top { |
|
|
|
|
border-radius: 0px 0px 0px 20rpx; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.concont { |
|
|
|
|
border-radius: 8px 8px 0 0; |
|
|
|
|
background-image: radial-gradient(10px at bottom right, #f0f0f0 10px, #ffffff); |
|
|
|
|
.cro_left_bottom { |
|
|
|
|
border-radius: 0px 20rpx 0px 0px; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.gooddes { |
|
|
|
|
border-radius: 0 0 8px 8px; |
|
|
|
|
background-image: radial-gradient(10px at top right, #f0f0f0 10px, #ffffff); |
|
|
|
|
.cro_right_bottom { |
|
|
|
|
border-radius: 20rpx 0px 0px 0px; |
|
|
|
|
} |
|
|
|
|
</style> |
|
|
|
|
|
