<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.siteName || ''}} L</text>
					</view>
					<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>