You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
138 lines
4.0 KiB
138 lines
4.0 KiB
<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> |