<template>
	<view class="page-container">
		<!-- 公共组件-每个页面必须引入 -->
		<public-module></public-module>
		<view class="row d-flex a-center">
			<view class="left">交强保单号：</view>
			<span class="right d-flex flex-1">
				{{orderInfo.jqpolicyno}}
			</span>
		</view>
		<view class="row d-flex a-center">
			<view class="left">商业保单号：</view>
			<span class="right d-flex flex-1">
				{{orderInfo.sypolicyno}}
			</span>
		</view>
		<view class="row d-flex a-center">
			<view class="left">车牌号</view>
			<span class="right d-flex flex-1">
				{{orderInfo.licenseNo}}
			</span>
		</view>
		<view class="row d-flex a-center">
			<view class="left">车架号</view>
			<span class="right d-flex flex-1">
				{{orderInfo.frameNo}}
			</span>
		</view>
		<view class="row d-flex a-center">
			<view class="left">投保人</view>
			<span class="right d-flex flex-1">
				{{orderInfo.ownerinfo.name}}
			</span>
		</view>
		<view class="row d-flex a-center">
			<view class="left">电话</view>
			<span class="right d-flex flex-1">
				{{orderInfo.ownerinfo.mobile}}
			</span>
		</view>
		<block v-for ="(riskItem,riskIndex) in orderInfo.riskinfo" :key="riskIndex" >
			<template v-if="riskItem.riskCode == '0507'">
				<view class="row d-flex a-center">
					<view class="left">交强险</view>
					<span class="right d-flex flex-1">
						￥{{riskItem.premium}}
					</span>
				</view>
				<view class="row d-flex a-center">
					<view class="left">车船税</view>
					<span class="right d-flex flex-1">
						￥{{orderInfo.taxamount}}
					</span>
				</view>
			</template>
		</block>
		<block v-for ="(riskItem,riskIndex) in orderInfo.riskinfo" :key="riskIndex" >
			<template v-if="riskItem.riskCode == '0510'">
				<view class="row d-flex a-center">
					<view class="left">商业险</view>
					<span class="right d-flex flex-1">
						￥{{riskItem.premium}}
					</span>
				</view>
			</template>
		</block>
		<view class="row d-flex a-center">
			<view class="left" style="font-size: 30upx;font-weight: bold;">合计金额</view>
			<span class="right d-flex flex-1" style="font-size: 34upx;font-weight: bold; color: #DCAD32;">
				￥{{orderInfo.sumpremium}}
			</span>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				orderInfo:{}
			}
		},
		onLoad() {
			const eventChannel = this.getOpenerEventChannel()
			// 监听acceptData事件，获取上一页面通过eventChannel传送到当前页面的数据
			eventChannel.on('acceptData', async(data) => {
				this.orderInfo = data.item;
			})
		},
		methods: {
			
		}
	}
</script>

<style>

.page-container .row{
	padding: 0upx 50upx;
	height: 80upx;
	border-bottom: 1px solid #F9F9F9;
}
.page-container .row .left{
	width: 200upx;
	flex-shrink: 0;
	font-size: 28upx;
}
.page-container .row .right{
	font-size: 28upx;
	text-align: end;
}
</style>
