commit
bcc717cd39
6 changed files with 177 additions and 86 deletions
@ -0,0 +1,138 @@ |
||||
<template> |
||||
<view> |
||||
<cu-custom class="main-totextbar bg-main-oil" :isBack="true" bgColor="bg-main-oil"> |
||||
<block slot="backText">返回</block> |
||||
<block slot="content">支付结果</block> |
||||
</cu-custom> |
||||
<view style="background-color: #F9F9F9;height: calc(100vh - 140rpx);"> |
||||
<view style="text-align: center;font-size: 28rpx;color: #000000;opacity: 0.49;margin-top: 20rpx;"> |
||||
请告知加油员使用江投能源支付 |
||||
</view> |
||||
<view style="text-align: center;margin: 60rpx 0;"> |
||||
<image src="https://xoil-public.oss-cn-beijing.aliyuncs.com/miniProgram/xingyou/jt-logo.png" |
||||
style="width: 220rpx;height: 160rpx;"></image> |
||||
</view> |
||||
<view style="text-align: center;color: #000000;font-weight: bold;"> |
||||
<view style="font-size: 64rpx;">-{{order.xoilAmountGun |moneyFormat}}</view> |
||||
<view style="font-size: 40rpx;" v-if="status=='success'">交易成功</view> |
||||
<view style="font-size: 40rpx;color: #FF0000;" v-if="status!='success'">交易失败</view> |
||||
</view> |
||||
<view style="margin-top: 100rpx;padding: 0 30rpx;font-size: 28rpx; font-weight: bold;"> |
||||
<view style="background-color: #fff;border-radius: 20rpx;"> |
||||
<view class="padding-tb-xs text-left paddingLR"> |
||||
订单号 |
||||
<text class="fr">{{order.orderSerialNumber?order.orderSerialNumber:''}}</text> |
||||
|
||||
</view> |
||||
<view class="padding-tb-xs text-left paddingLR"> |
||||
油品类型 |
||||
<text class="fr"> |
||||
{{order.oilsCode?order.oilsCode+' ':''}} |
||||
<!-- <text>{{order.oilProductType=="DIESEL"?'柴油':order.oilProductType=="PETROL"?'汽油':order.oilProductType=="GAS"?'天然汽':''}}</text> --> |
||||
<text v-if="order.oilsBar">({{order.oilsBar?order.oilsBar+'号枪':'未选择油枪'}})</text> |
||||
</text> |
||||
</view> |
||||
<view class="padding-tb-xs text-left paddingLR"> |
||||
加油升数 |
||||
<text class="fr">{{order.volume?order.volume :'未输入' | moneyFormath}} L</text> |
||||
</view> |
||||
<view class="padding-tb-xs text-left paddingLR"> |
||||
单价 |
||||
<text class="fr">{{order.sitePrice?order.sitePrice :'' | moneyFormath}} 元/L</text> |
||||
</view> |
||||
<view class="padding-tb-xs text-left paddingLR"> |
||||
加油金额 |
||||
<text class="fr" style="color: #FF0000;">￥{{order.xoilAmountGun |moneyFormat}}</text> |
||||
</view> |
||||
</view> |
||||
|
||||
</view> |
||||
<view style="display: flex;margin-top: 60rpx;"> |
||||
<button class="btnJX" @tap="backToOrderList">查看订单</button> |
||||
<button class="btnJX" @tap="backToIndex">返回首页</button> |
||||
</view> |
||||
</view> |
||||
|
||||
</view> |
||||
</template> |
||||
|
||||
<script> |
||||
import toilApi from '@/api/toil.js' |
||||
import oilSiteApi from '@/api/oil-site.js' |
||||
export default { |
||||
data() { |
||||
const now = new Date() |
||||
return { |
||||
status: "", |
||||
textstatus: '正在支付中', |
||||
status: 'fail', |
||||
order: uni.getStorageSync('orderMade') |
||||
} |
||||
}, |
||||
onLoad(option) { |
||||
let _that = this |
||||
if (option.status == 'success') { |
||||
if (option.status == 'success') { |
||||
this.textstatus = '支付成功' |
||||
this.status = option.status |
||||
} else { |
||||
this.textstatus = '支付失败' |
||||
this.status = option.status |
||||
} |
||||
return |
||||
} |
||||
if (option.status == 'fail') { |
||||
this.textstatus = '支付失败' |
||||
this.status = option.status |
||||
return |
||||
} |
||||
}, |
||||
methods: { |
||||
backToOrderList() { |
||||
uni.redirectTo({ |
||||
url: `/BagStation/orderDetail/orderDetail?id=${this.order.orderSerialNumber}` |
||||
}) |
||||
}, |
||||
backToIndex() { |
||||
uni.switchTab({ |
||||
url: '/pages/tabbar/home/home' |
||||
}) |
||||
} |
||||
}, |
||||
|
||||
filters: { |
||||
moneyFormath(value) { |
||||
if (value != 'xxx.x') { |
||||
let number = value.toFixed(2) |
||||
return number |
||||
} else { |
||||
return value |
||||
} |
||||
}, |
||||
moneyFormat(value) { |
||||
if (value != 'xxx.x') { |
||||
let realAmount = (parseInt(value * 100) / 100).toFixed(2) |
||||
return realAmount |
||||
} else { |
||||
return value |
||||
} |
||||
}, |
||||
}, |
||||
} |
||||
</script> |
||||
|
||||
<style> |
||||
.btnJX { |
||||
width: 180rpx; |
||||
height: 60rpx; |
||||
border-radius: 20rpx; |
||||
background-color: #2E53B2; |
||||
color: #fff; |
||||
font-size: 32rpx; |
||||
line-height: 60rpx; |
||||
padding: 2rpx; |
||||
} |
||||
.paddingLR{ |
||||
padding: 20rpx 40rpx; |
||||
} |
||||
</style> |
||||
Loading…
Reference in new issue