partnerApp/pages/tools/customer/custormerDetail.vue

<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: {},
				companyId: "",
			}
		},
		onLoad() {
			const eventChannel = this.getOpenerEventChannel()
			// 监听acceptData事件，获取上一页面通过eventChannel传送到当前页面的数据
			eventChannel.on('acceptData', async (data) => {
				this.companyId = data.item;
				let res = await this.$http.post('/insurance/order/getByCompanyId', {
					companyId: "1731851057502945281",
				});
				if (res.code == 200) {
					this.orderInfo = res.data;
				}
			})
		},
		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>