JP-ChargeTeam51/pages/MyInvoice/invioceResult.vue

<template>
	<view >
		<ujp-navbar title="电子发票"></ujp-navbar>
		<view class="success">
			<u-icon name="chenggong" custom-prefix="custom-icon" size="180" color="#00B962"></u-icon>
			<p class="success-text">申请成功</p>
			<view class="info">
			<view class="info-item">
				<view class="info-title">
					发票项目
				</view>
				<view class="info-content">
					充电费发票
				</view>
			</view>
			<view class="info-item">
				<view class="info-title">
					发票抬头
				</view>
				<view class="info-content">
					{{selectObj.title}}
				</view>
			</view>
			<view class="info-item">
				<view class="info-title">
					发票金额
				</view>
				<view class="info-content">
					{{selectObj.totalPrice.toFixed(2)}}元
				</view>
			</view>
				
			</view>
		</view>
		
		<u-button type="success" shape="circle" @click="back" >返回</u-button>
	</view>
</template>

<script>
	import * as API from '@/apis/invoiceApi.js'
	
	export default {
		data() {
			return {
				selectObj:{}
			};
		},
		onLoad() {
			
			var obj=this.carhelp.get("issueInvoice");
			this.selectObj=obj.selectObj;
		},
		methods: {
			back(){
				uni.navigateBack({
					
				})
			}
		}
	};
</script>

<style lang="scss" scoped> 
page{
	background-color: #fff;
}
.success{
	text-align: center;
	padding: 50px 36px;
	.success-text{
		color: rgba(16, 16, 16, 100);
		font-size: 20px;
		margin-top: 10px;
	}
}
.info{
	.info-item{
		display: flex;
		justify-content: space-between;
		margin-top: 20px;
		font-size: 18px;
	}
}
/deep/.u-btn{
	width: 91.4%;
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	margin-bottom: 12px;
}
</style>