9/29页面改版提交

manifest.json

@@ -7,8 +7,8 @@
 		"sizes": "分辨率，192x192",
 		"src": "图片路径"
 	}],
-	"versionName": "2.7.3",
-	"versionCode": 273,
+	"versionName": "2.7.7",
+	"versionCode": 277,
 	"app-plus": {
 		"error": {
 			"url": "hybrid/html/error.html"

pages.json

@@ -462,7 +462,7 @@
 		{
 			"path": "pages/tools/policy/quoteDetail",
 			"style": {
-				"navigationBarTitleText": "报价详情",
+				"navigationBarTitleText": "订单详情",
 				"navigationBarBackgroundColor": "#0052FF",
 				"navigationBarTextStyle": "white",
 				"enablePullDownRefresh": false
@@ -884,7 +884,7 @@
 		{
 			"path": "pages/carInsure/quoteDetail",
 			"style": {
-				"navigationBarTitleText": "报价详情",
+				"navigationBarTitleText": "订单详情",
 				"navigationBarBackgroundColor": "#0052FF",
 				"navigationBarTextStyle": "white",
 				"enablePullDownRefresh": false

pages/carInsure/quoteDetail.vue

@@ -7,28 +7,36 @@
 		height: 210px;
 		background: linear-gradient( 180deg, #0052FF 0%, #F8FAFE 100%);position: absolute;top: 0;">
 		</view>
-		<view class="headers dis f-c j-end">
-			<view class="price dis a-c j-c">
-				<image :src="logoimg" mode="" style="width: 20px;height: 20px;">
-				</image>
-				<text style="font-weight: bold;margin-left: 6px;font-size: 15px;">{{orderInfo.inscompany}}</text>
-			</view>
-			<view
-				style="background-color: #fff;box-shadow: inset rgb(218, 227, 244) 0px 1px 4px 0px;border-radius: 0 0 6px 6px;"
-				class="dis j-c a-c p-2 ">
-				<text style="color: #232832;font-weight: bold;">订单编号：{{orderInfo.orderno}}</text>
+		<view class="headers ">
+			<view class="price">
+				<view class="price1 dis a-c j-s">
+					<view class="dis f-c">
+						<text class="font-weight"
+							style="color: #232832;font-size: 18px;">{{orderInfo.inscompany}}</text>
+						<text style="color: #666666;font-size: 12px;">订单编号：{{orderInfo.orderno}}</text>
+					</view>
+					<image src="../../static/image/car-insure/3D.png" mode="" style="width: 60px;height: 60px;"></image>
+				</view>
+				<view class="price2 dis f-c" v-if="orderInfo.jqapplyno || orderInfo.syapplyno">
+					<view class="dis a-c">
+						<image src="../../static/image/car-insure/toubaodanhao.png" mode=""
+							style="width: 16px;height: 16px;"></image>
+						<text class="font-weight" style="color: #333;font-size: 14px;margin-left: 10px;">投保单号</text>
+					</view>
+					<view class="dis f-c">
+						<text style="color: #666666;font-size: 12px;"
+							v-if="orderInfo.jqapplyno">交强：{{orderInfo.jqapplyno}}</text>
+						<text style="color: #666666;font-size: 12px;"
+							v-if="orderInfo.syapplyno">商业：{{orderInfo.syapplyno}}</text>
+					</view>
+				</view>
 			</view>
 		</view>
 		<view class="page">
 			<view class="car">
 				<view class="header d-flex a-center j-sb" @tap="showCarInfo = !showCarInfo">
 					<view class="title">车辆信息</view>
-					<view class="adjustPlan d-flex">
-						<view class="icon iconfont"
-							:class="{ 'icon-up-yixuanzhong': showCarInfo, 'icon-down-weixuanzhong': !showCarInfo }"
-							style="font-weight: bold;color: #B3B3B3;">
-						</view>
-					</view>
+					<text style="color: #0055FF;font-size: 12px;">{{showCarInfo?'收起':'展开'}}</text>
 				</view>
 				<view class="body" v-if="showCarInfo">
 					<view class="row d-flex a-center j-sb">
@@ -126,163 +134,210 @@
 				</view>
 			</view>
 			<view class="car" style="padding: 0;">
-				<view class="header d-flex a-center j-sb " @tap="showOwerInfo = !showOwerInfo" style="padding: 0 10px;">
+				<view class="header d-flex a-center j-sb " @tap="showOwerInfo = !showOwerInfo"
+					style="padding: 0 10px;background: linear-gradient( 180deg, #E0D5FF 0%, rgba(231,213,255,0) 100%);">
 					<view class="title">人员信息</view>
-					<view class="adjustPlan d-flex">
-						<view class="icon iconfont "
-							:class="{ 'icon-up-yixuanzhong': showOwerInfo, 'icon-down-weixuanzhong': !showOwerInfo }"
-							style="font-weight: bold;color: #B3B3B3;">
-						</view>
-					</view>
+					<text style="color: #7000FF;font-size: 12px;">{{showCarInfo?'收起':'展开'}}</text>
 				</view>
-				<view class="body" v-if="showOwerInfo">
-					<view class="row d-flex a-center j-sb font-weight "
-						style="background-color: #E5ECFA;padding:5px 10px;">
-						<view>车主姓名:</view>
-						<view>{{ownerInfo.name}}</view>
+				<view class="body" v-if="showOwerInfo" style="padding: 8px;">
+					<u-table border-color="#F0E3F8">
+						<u-tr>
+							<u-th class="fen">车主姓名</u-th>
+							<u-th class="fen">身份证</u-th>
+							<u-th class="fen">手机号</u-th>
+						</u-tr>
+						<u-tr>
+							<u-td>{{ownerInfo.name}}</u-td>
+							<u-td>{{ownerInfo.identifyNumber.slice(0,4)+"******"+ownerInfo.identifyNumber.slice(14,18)}}</u-td>
+							<u-td>{{ownerInfo.mobile}}</u-td>
+						</u-tr>
+					</u-table>
+					<view class="row d-flex a-center j-sb">
+						<view style="width: 60px;">地址</view>
+						<view>{{ownerInfo.addr}}</view>
 					</view>
-					<view class="" style="padding: 0 5px;">
-						<view class="row d-flex a-center j-sb">
-							<view>车主身份证号：</view>
-							<view>
-								{{ownerInfo.identifyNumber}}
-							</view>
-						</view>
-						<view class="row d-flex a-center j-sb">
-							<view>手机号：</view>
-							<view>{{ownerInfo.mobile}}</view>
-						</view>
-						<view class="row d-flex a-center j-sb">
-							<view>地址：</view>
-							<view>{{ownerInfo.addr}}</view>
-						</view>
+					<u-table border-color="#F0E3F8">
+						<u-tr>
+							<u-th class="fen">车主姓名</u-th>
+							<u-th class="fen">身份证</u-th>
+							<u-th class="fen">手机号</u-th>
+						</u-tr>
+						<u-tr>
+							<u-td>{{policyHolderInfo.name}}</u-td>
+							<u-td>{{policyHolderInfo.identifyNumber.slice(0,4)+"******"+policyHolderInfo.identifyNumber.slice(14,18)}}</u-td>
+							<u-td>{{policyHolderInfo.mobile}}</u-td>
+						</u-tr>
+					</u-table>
+					<view class="row d-flex a-center j-sb">
+						<view style="width: 60px;">地址</view>
+						<view>{{policyHolderInfo.addr}}</view>
 					</view>
-					<view class="row d-flex a-center j-sb font-weight "
-						style="background-color: #E5ECFA;padding:5px 10px;">
-						<view>投保人姓名:</view>
-						<view>{{policyHolderInfo.name}}</view>
+					<u-table border-color="#F0E3F8">
+						<u-tr>
+							<u-th class="fen">车主姓名</u-th>
+							<u-th class="fen">身份证</u-th>
+							<u-th class="fen">手机号</u-th>
+						</u-tr>
+						<u-tr>
+							<u-td>{{insuredPersonInfo.name}}</u-td>
+							<u-td>{{insuredPersonInfo.identifyNumber.slice(0,4)+"******"+insuredPersonInfo.identifyNumber.slice(14,18)}}</u-td>
+							<u-td>{{insuredPersonInfo.mobile}}</u-td>
+						</u-tr>
+					</u-table>
+					<view class="row d-flex a-center j-sb">
+						<view style="width: 60px;">地址</view>
+						<view>{{insuredPersonInfo.addr}}</view>
 					</view>
-					<view class="" style="padding: 0 5px;">
-						<view class="row d-flex a-center j-sb">
-							<view>车主身份证号：</view>
-							<view>
-								{{policyHolderInfo.identifyNumber}}
-							</view>
-						</view>
-						<view class="row d-flex a-center j-sb">
-							<view>手机号：</view>
-							<view>{{policyHolderInfo.mobile}}</view>
-						</view>
-						<view class="row d-flex a-center j-sb">
-							<view>地址：</view>
-							<view>{{policyHolderInfo.addr}}</view>
+				</view>
+			</view>
+			<view class="car">
+				<view class="header d-flex a-center j-sb" @tap="policyInfoDetailsInfo = !policyInfoDetailsInfo"
+					style="background: linear-gradient( 180deg, #FFD7C2 0%, rgba(255,215,194,0) 100%);">
+					<view class="title">保单详情</view>
+					<text style="color: #FF8B50;font-size: 12px;">{{policyInfoDetailsInfo?'收起':'展开'}}</text>
+				</view>
+				<view class="body" v-if="policyInfoDetailsInfo" style="padding:5px 8px;">
+					<view class="dis f-c " v-if="orderInfo.jqstartdate">
+						<view class="dis j-s a-c">
+							<text class="font-weight" style="color: #6B2709;font-size: 15px;">交强险</text>
+							<text
+								style="color: #8B563E;font-size: 13px;">{{orderInfo.jqstartdate}}至{{orderInfo.jqenddate}}</text>
 						</view>
+						<u-table border-color="#F8E9E3">
+							<u-tr class="baodan">
+								<u-th>保险产品</u-th>
+								<u-th>总计（元）</u-th>
+							</u-tr>
+							<u-tr>
+								<u-td>交通事故强制责任险</u-td>
+								<u-td>￥{{orderInfo.jqpremium}}</u-td>
+							</u-tr>
+						</u-table>
 					</view>
-					<view class="row d-flex a-center j-sb font-weight "
-						style="background-color: #E5ECFA;padding:5px 10px;">
-						<view>被保人姓名:</view>
-						<view>{{insuredPersonInfo.name}}</view>
+					<view class="dis f-c mt-1" v-if="orderInfo.systartdate">
+						<view class="dis j-s a-c">
+							<text class="font-weight" style="color: #6B2709;font-size: 15px;">商业险</text>
+							<text
+								style="color: #8B563E;font-size: 13px;">{{orderInfo.systartdate}}至{{orderInfo.syenddate}}</text>
+						</view>
+						<u-table border-color="#F8E9E3">
+							<u-tr class="baodan">
+								<u-th>险种</u-th>
+								<u-th>保额</u-th>
+								<u-th>保费（元）</u-th>
+							</u-tr>
+							<u-tr v-for="(item,index) in orderInfo.kindinfo" :key="index">
+								<u-td>{{item.kindName}}</u-td>
+								<u-td
+									v-if="['D4', 'SY_FJ_YBW2'].includes(item.kindCode)">{{item.unitAmount}}/座*{{orderInfo.carinfo.seatCount-1}}</u-td>
+								<u-td v-else-if="['D3'].includes(item.kindCode)">{{item.amount}}/座*1</u-td>
+								<u-td
+									v-else-if="['MJ1', 'MJ2', 'MJ3', 'MJ4'].includes(item.kindCode)">{{item.deductibleRate}}</u-td>
+								<u-td
+									v-else-if="['TY1', 'TY2', 'TY3', 'TY4'].includes(item.kindCode)">{{item.serviceTimes}}/次</u-td>
+								<u-td v-else>{{item.amount}}</u-td>
+								<u-td>￥{{item.coveragePremium}}</u-td>
+							</u-tr>
+						</u-table>
 					</view>
-					<view class="" style="padding: 0 5px;">
-						<view class="row d-flex a-center j-sb">
-							<view>车主身份证号：</view>
-							<view>
-								{{insuredPersonInfo.identifyNumber}}
+					<view class="dis f-c mt-1 policyInfo" v-if="orderInfo.jyName">
+						<text class="tagHeader dis a-c">
+							<text>{{orderInfo.jyName}}
+								<view class="tag"></view>
+							</text>
+						</text>
+						<u-table border-color="#F8E9E3" v-if="orderInfo.accidentInfo.length>0">
+							<u-tr class="baodan">
+								<u-th width="50%">保险责任</u-th>
+								<u-th>保额</u-th>
+								<u-th>保费（元）</u-th>
+							</u-tr>
+							<view class="dis">
+								<view class="accident dis f-c">
+									<view class="dis" v-for="(item,index) in orderInfo.accidentInfo" :key="index">
+										<view style="width: 67%;">{{item.name}}</view>
+										<view style="width: 33%;">{{item.amount}}</view>
+									</view>
+								</view>
+								<view class="right dis j-c a-c">
+									{{orderInfo.jypremium}}
+								</view>
 							</view>
-						</view>
-						<view class="row d-flex a-center j-sb">
-							<view>手机号：</view>
-							<view>{{insuredPersonInfo.mobile}}</view>
-						</view>
-						<view class="row d-flex a-center j-sb">
-							<view>地址：</view>
-							<view>{{insuredPersonInfo.addr}}</view>
-						</view>
+						</u-table>
+						<u-table border-color="#F8E9E3" v-if="orderInfo.jyName">
+							<u-tr class="baodan">
+								<u-th>座位数</u-th>
+								<u-th>每份</u-th>
+								<u-th>份数</u-th>
+								<u-th>总计</u-th>
+							</u-tr>
+							<u-tr>
+								<u-td>{{orderInfo.carinfo.seatCount}}</u-td>
+								<u-td>{{orderInfo.jypremium / orderInfo.jyQuantity}}/每份</u-td>
+								<u-td>{{orderInfo.jyQuantity}}份</u-td>
+								<u-td>{{orderInfo.jypremium}}</u-td>
+							</u-tr>
+						</u-table>
 					</view>
 				</view>
 			</view>
 			<view class="car">
-				<view class="header d-flex a-center j-sb" @tap="showPolicyHolderInfo = !showPolicyHolderInfo">
+				<view class="header d-flex a-center j-sb"
+					style="background: linear-gradient( 180deg, #FFD5D5 0%, rgba(255,213,213,0) 100%);"
+					@tap="showPolicyHolderInfo = !showPolicyHolderInfo">
 					<view class="title">保费信息</view>
-					<view class="adjustPlan d-flex">
-						<view class="icon iconfont "
-							:class="{ 'icon-up-yixuanzhong': showPolicyHolderInfo, 'icon-down-weixuanzhong': !showPolicyHolderInfo }"
-							style="font-weight: bold;color: #B3B3B3;">
-						</view>
-					</view>
+					<text style="color: #FF4D4D;font-size: 12px;">{{showPolicyHolderInfo?'收起':'展开'}}</text>
 				</view>
-				<view class="body" v-if="showPolicyHolderInfo">
+				<view class="body" v-if="showPolicyHolderInfo" style="padding: 5px 8px ;">
 					<view class=" dis f-c">
 						<template v-if="orderInfo.jqpremium">
 							<view class="dis a-c j-s " style="color: #232832;font-weight: bold;">
 								<text>交强险：</text>
-								<text>￥{{orderInfo.jqpremium}}</text>
-							</view>
-							<view class="dis f-c ">
-								<text style="color: rgba(35,40,50,0.9);">起保日期：{{orderInfo.jqstartdate}}</text>
-								<text style="color: rgba(35,40,50,0.9);">终保日期：{{orderInfo.jqenddate}}</text>
-							</view>
-							<view v-if="orderInfo.jqpremium && orderInfo.feeOrderNewVo" class=" d-flex a-center j-c"
-								style="margin-bottom: 5px;">
-								<view class="costDetails" v-if="orderInfo.feeDisplay">
-									<view class="dis j-s a-c " style="padding: 4px 6px;">
-										<text class="text1">手续费比例:<text
-												class="text2">{{orderInfo.feeOrderNewVo.exportFee[0].superviseCosts}}%</text>
-										</text>
-										<text class="text1">跟单比例:<text
-												class="text2">{{orderInfo.feeOrderNewVo.exportFee[0].otherCostsProportion}}%</text>
-										</text>
-										<text class="text1">总比例:<text
-												class="text2">{{orderInfo.feeOrderNewVo.exportFee[0].totalProportion}}%</text>
-										</text>
-									</view>
-									<view class="dis j-s a-c" style="padding: 4px 6px;">
-										<text class="text1">{{orderInfo.feeView?'掌柜科技币1:':'手续费用:￥'}}
-											<text class="text2 text2-color"
-												v-if="orderInfo.feeOrderNewVo.exportFee[0].superviseCostsPremiums">{{orderInfo.feeOrderNewVo.exportFee[0].superviseCostsPremiums}}</text>
-											<text v-else>0</text>
-										</text>
-										<text class="text1">{{orderInfo.feeView?'掌柜科技币2:':'跟单费用:￥'}}
-											<text class="text2 text2-color"
-												v-if="orderInfo.feeOrderNewVo.exportFee[0].otherCostsPremiums">{{orderInfo.feeOrderNewVo.exportFee[0].otherCostsPremiums}}</text>
-											<text v-else>0</text>
-										</text>
-
-										<text class="text1">{{orderInfo.feeView?'总科技币:':'总费用:￥'}}
-											<text class="text2 text2-color"
-												v-if="orderInfo.feeOrderNewVo.exportFee[0].totalAmount">{{orderInfo.feeOrderNewVo.exportFee[0].totalAmount}}</text>
-											<text v-else>0</text>
-										</text>
-									</view>
-								</view>
+								<text
+									style="font-size: 15px;color: #FF4D4D;font-weight: bold;">{{orderInfo.jqpremium}}元</text>
 							</view>
-							<view class="dis f-c"
-								style="background-color: #F9F9F9;border-radius: 10px;padding: 6px;margin-bottom: 5px;">
-								<view class="dis j-s a-c">
-									<text style="color: rgba(35,40,50,0.8)">险别/名称</text>
-									<text style="color: rgba(35,40,50,0.8)">保额</text>
-								</view>
-								<view class="dis j-s a-c" v-for="(item,index) in orderInfo.jqInsuranceType" :key="index"
-									style="margin-top: 6px;">
-									<text>{{item.name}}</text>
-									<text>{{item.amount}}</text>
-								</view>
+							<view class="dis f-c "
+								v-if="orderInfo.feeDisplay && orderInfo.jqpremium && orderInfo.feeOrderNewVo">
+								<text style="color:#F54949;font-size: 13px;">优惠费用</text>
+								<u-table border-color="#F8E9E3">
+									<u-tr class="bili">
+										<u-th>手续费比例</u-th>
+										<u-th>跟单比例</u-th>
+										<u-th>总比例</u-th>
+									</u-tr>
+									<u-tr>
+										<u-td>{{orderInfo.feeOrderNewVo.exportFee[0].superviseCosts}}%</u-td>
+										<u-td>{{orderInfo.feeOrderNewVo.exportFee[0].otherCostsProportion}}%</u-td>
+										<u-td>{{orderInfo.feeOrderNewVo.exportFee[0].totalProportion}}%</u-td>
+									</u-tr>
+								</u-table>
+								<u-table border-color="#F8E9E3">
+									<u-tr class="feiyong">
+										<u-th>{{orderInfo.feeView?'掌柜科技币1':'手续费用'}}</u-th>
+										<u-th>{{orderInfo.feeView?'掌柜科技币2':'跟单费用'}}</u-th>
+										<u-th>{{orderInfo.feeView?'总科技币':'总费用'}}</u-th>
+									</u-tr>
+									<u-tr>
+										<u-td>￥{{orderInfo.feeOrderNewVo.exportFee[0].superviseCostsPremiums}}</u-td>
+										<u-td>￥{{orderInfo.feeOrderNewVo.exportFee[0].otherCostsPremiums}}</u-td>
+										<u-td>￥{{orderInfo.feeOrderNewVo.exportFee[0].totalAmount}}</u-td>
+									</u-tr>
+								</u-table>
 							</view>
 						</template>
 						<template v-if="taxAmount">
 							<view class="dis a-c j-s " style="color: #232832;font-weight: bold;">
 								<text>车船税：</text>
-								<text>￥{{taxAmount}}</text>
+								<text style="font-size: 15px;color: #FF4D4D;font-weight: bold;">{{taxAmount}}元</text>
 							</view>
 							<view class="dis f-c" v-if="orderInfo.taxArrears && orderInfo.taxArrears.length>0">
-								<text>欠税信息</text>
 								<view class="body" style="padding: 10px 5px;">
-									<u-table :th-style="{background:'#ff9000'}">
-										<u-tr>
-											<u-th style="font-size: 20rpx;">当年应缴（元）</u-th>
-											<u-th style="font-size: 20rpx;">去年补缴（元）</u-th>
-											<u-th style="font-size: 20rpx;">滞纳金（元）</u-th>
-											<u-th style="font-size: 20rpx;">总计</u-th>
+									<u-table border-color="#F8E9E3">
+										<u-tr class="baodan">
+											<u-th>当年应缴</u-th>
+											<u-th>去年补缴</u-th>
+											<u-th>滞纳金</u-th>
+											<u-th>总计</u-th>
 										</u-tr>
 										<u-tr v-for="(item,index) in orderInfo.taxArrears" :key="index">
 											<u-td>{{item.dayYearTax}}</u-td>
@@ -297,172 +352,89 @@
 						<template v-if="sypremium">
 							<view class="dis a-c j-s " style="color: #232832;font-weight: bold;">
 								<text>商业险：</text>
-								<text>￥{{sypremium}}</text>
+								<text style="font-size: 15px;color: #FF4D4D;font-weight: bold;">{{sypremium}}元</text>
 							</view>
-							<view class="dis f-c ">
-								<text style="color: rgba(35,40,50,0.9);">起保日期：{{orderInfo.systartdate}}</text>
-								<text style="color: rgba(35,40,50,0.9);">终保日期：{{orderInfo.syenddate}}</text>
-							</view>
-							<view class="costDetails"
-								v-if="sypremium && orderInfo.feeOrderNewVo && orderInfo.feeDisplay">
-								<view class="dis j-s a-c " style="border-bottom: 1px solid #f2f2f2;padding: 4px 6px;">
-									<text class="text1">手续费比例:<text
-											class="text2">{{orderInfo.feeOrderNewVo.exportFee[1].superviseCosts}}%</text>
-									</text>
-									<text class="text1">跟单比例:<text
-											class="text2">{{orderInfo.feeOrderNewVo.exportFee[1].otherCostsProportion}}%</text>
-									</text>
-
-									<text class="text1">总比例:<text
-											class="text2">{{orderInfo.feeOrderNewVo.exportFee[1].totalProportion}}%</text>
-									</text>
-								</view>
-								<view class="dis j-s a-c" style="padding: 4px 6px;">
-									<text class="text1">{{orderInfo.feeView?'掌柜科技币1:':'手续费用:￥'}}
-										<text class="text2 text2-color"
-											v-if="orderInfo.feeOrderNewVo.exportFee[1].superviseCostsPremiums">{{orderInfo.feeOrderNewVo.exportFee[1].superviseCostsPremiums}}</text>
-										<text v-else>0</text>
-									</text>
-									<text class="text1">{{orderInfo.feeView?'掌柜科技币2:':'跟单费用:￥'}}
-										<text class="text2 text2-color"
-											v-if="orderInfo.feeOrderNewVo.exportFee[1].otherCostsPremiums">{{orderInfo.feeOrderNewVo.exportFee[1].otherCostsPremiums}}</text>
-										<text v-else>0</text>
-									</text>
-									<text class="text1">{{orderInfo.feeView?'总科技币:':'总费用:￥'}}
-										<text class="text2 text2-color"
-											v-if="orderInfo.feeOrderNewVo.exportFee[1].totalAmount">{{orderInfo.feeOrderNewVo.exportFee[1].totalAmount}}</text>
-										<text v-else>0</text>
-									</text>
-								</view>
-							</view>
-							<view class="kindList mt-1">
-								<view class="dis j-s" style="color: rgba(35,40,50,0.6);font-size: 24rpx;border-bottom: 1px silid
-								 #232832">
-									<view class="dis j-start" style="width: 33.33%;">
-										<text>险别/名称</text>
-									</view>
-									<view class="dis j-c" style="width: 33.33%;">
-										<text>保额</text>
-									</view>
-									<view class="dis j-end" style="width: 33.33%;">
-										<text>保费(元)</text>
-									</view>
-								</view>
-								<block v-for="(item,index) in kindList" :key="index">
-									<template>
-										<view class="kindItem dis">
-											<view class="dis j-start" style="width: 33.33%;">
-												<text>{{item.kindName}}</text>
-											</view>
-											<view class="dis a-c j-c" v-if="['A'].includes(item.kindCode)"
-												style="width: 33.33%;"><text>
-													{{item.amount}}</text>
-											</view>
-											<view class="dis a-c j-c"
-												v-else-if="['D4', 'SY_FJ_YBW2'].includes(item.kindCode)"
-												style="width: 33.33%;">
-												<text>{{toChinesNum(item.unitAmount)}}/座*{{orderInfo.carinfo.seatCount-1}}</text>
-											</view>
-											<view class="dis a-c j-c"
-												v-else-if="['MJ1', 'MJ2', 'MJ3', 'MJ4'].includes(item.kindCode)"
-												style="width: 33.33%;">
-												<text>{{item.deductibleRate}}%</text>
-											</view>
-											<view class="dis a-c j-c" v-else style="width: 33.33%;">
-												<text>{{toChinesNum(item.amount)}}</text>
-											</view>
-											<view class="dis a-c j-end" style="width: 33.33%;">
-												<text v-if="item.coveragePremium">￥{{item.coveragePremium}}</text>
-											</view>
-										</view>
-									</template>
-								</block>
-								<view class="kindItem d-flex a-center j-sb" v-for="(item,index) in roadrescueList"
-									:key="index">
-									<view>{{item.kindName}}</view>
-									<view class="d-flex j-end">{{item.serviceTimes}}次</view>
-								</view>
+							<view v-if="sypremium && orderInfo.feeOrderNewVo && orderInfo.feeDisplay">
+								<text style="color:#F54949;font-size: 13px;">优惠费用</text>
+								<u-table border-color="#F8E9E3">
+									<u-tr class="bili">
+										<u-th>手续费比例</u-th>
+										<u-th>跟单比例</u-th>
+										<u-th>总比例</u-th>
+									</u-tr>
+									<u-tr>
+										<u-td>{{orderInfo.feeOrderNewVo.exportFee[1].superviseCosts}}%</u-td>
+										<u-td>{{orderInfo.feeOrderNewVo.exportFee[1].otherCostsProportion}}%</u-td>
+										<u-td>{{orderInfo.feeOrderNewVo.exportFee[1].totalProportion}}%</u-td>
+									</u-tr>
+								</u-table>
+								<u-table border-color="#F8E9E3">
+									<u-tr class="feiyong">
+										<u-th>{{orderInfo.feeView?'掌柜科技币1':'手续费用'}}</u-th>
+										<u-th>{{orderInfo.feeView?'掌柜科技币2':'跟单费用'}}</u-th>
+										<u-th>{{orderInfo.feeView?'总科技币':'总费用'}}</u-th>
+									</u-tr>
+									<u-tr>
+										<u-td>￥{{orderInfo.feeOrderNewVo.exportFee[1].superviseCostsPremiums}}</u-td>
+										<u-td>￥{{orderInfo.feeOrderNewVo.exportFee[1].otherCostsPremiums}}</u-td>
+										<u-td>￥{{orderInfo.feeOrderNewVo.exportFee[1].totalAmount}}</u-td>
+									</u-tr>
+								</u-table>
 							</view>
 						</template>
 						<template v-if="jypremium">
-							<view class="dis a-c j-s " style="color: #232832;font-weight: bold;">
-								<text>附加险：意外险</text>
-								<text>￥{{jypremium}}</text>
+							<view class="dis a-c j-s mt-1" style="color: #232832;font-weight: bold;">
+								<text>非车险：驾意险</text>
+								<text style="font-size: 15px;color: #FF4D4D;font-weight: bold;">{{jypremium}}元</text>
 							</view>
-							<view v-if="jypremium && orderInfo.feeOrderNewVo" class="row d-flex a-center j-c">
-								<view class="costDetails" v-if="orderInfo.feeDisplay">
-									<view class="dis j-s a-c "
-										style="border-bottom: 1px solid #f2f2f2;padding: 4px 6px;">
-										<text class="text1">手续费比例:<text
-												class="text2">{{orderInfo.feeOrderNewVo.exportFee[2].superviseCosts}}%</text>
-										</text>
-										<text class="text1">跟单比例:<text
-												class="text2">{{orderInfo.feeOrderNewVo.exportFee[2].otherCostsProportion}}%</text>
-										</text>
-
-										<text class="text1">总比例:<text
-												class="text2">{{orderInfo.feeOrderNewVo.exportFee[2].totalProportion}}%</text>
-										</text>
-									</view>
-									<view class="dis j-s a-c" style="padding: 4px 6px;">
-										<text class="text1">{{orderInfo.feeView?'掌柜科技币1:':'手续费用:￥'}}
-											<text class="text2 text2-color"
-												v-if="orderInfo.feeOrderNewVo.exportFee[2].superviseCostsPremiums">{{orderInfo.feeOrderNewVo.exportFee[2].superviseCostsPremiums}}</text>
-											<text v-else>0</text>
-										</text>
-										<text class="text1">{{orderInfo.feeView?'掌柜科技币2:':'跟单费用:￥'}}
-											<text class="text2 text2-color"
-												v-if="orderInfo.feeOrderNewVo.exportFee[2].otherCostsPremiums">{{orderInfo.feeOrderNewVo.exportFee[2].otherCostsPremiums}}</text>
-											<text v-else>0</text>
-										</text>
-										<text class="text1">{{orderInfo.feeView?'总科技币:':'总费用:￥'}}
-											<text class="text2 text2-color"
-												v-if="orderInfo.feeOrderNewVo.exportFee[2].totalAmount">{{orderInfo.feeOrderNewVo.exportFee[2].totalAmount}}</text>
-											<text v-else>0</text>
-										</text>
-									</view>
-								</view>
-							</view>
-							<view class=" dis j-s f-c p-2" v-if="orderInfo.accidentInfo.length>0"
-								style="border: none;background-color: #F9F9F9;border-radius: 10px;">
-								<view class="dis j-s a-c" style="border-bottom: 1px solid #f2f2f2;">
-									<view class="dis j-start" style="width: 50%;">
-										<text style="color: rgba(35,40,50,0.8)">保障范围</text>
-									</view>
-									<view class="dis j-c" style="width: 25%;">
-										<text style="color: rgba(35,40,50,0.8)">保额</text>
-									</view>
-									<view class="dis j-end" style="width: 25%;">
-										<text style="color: rgba(35,40,50,0.8)">保费(元)</text>
-									</view>
-								</view>
-								<view class="coverage-sum dis j-s" v-for="(item,index) in orderInfo.accidentInfo"
-									:key="index" style="margin-top: 6px;">
-									<view style="width: 50%;" class="dis a-c j-start">
-										<text>{{item.name}}</text>
-									</view>
-									<view style="width: 25%;" class="dis a-c j-c">
-										<text>{{item.amount}}</text>
-									</view>
-									<view style="width: 25%;" class="dis a-c j-c">
-										<text>{{item.premium}}</text>
-									</view>
-								</view>
+							<view class="" v-if="jypremium && orderInfo.feeOrderNewVo && orderInfo.feeDisplay">
+								<text style="color:#F54949;font-size: 13px;">优惠费用</text>
+								<u-table border-color="#F8E9E3">
+									<u-tr class="bili">
+										<u-th>手续费比例</u-th>
+										<u-th>跟单比例</u-th>
+										<u-th>总比例</u-th>
+									</u-tr>
+									<u-tr>
+										<u-td>{{orderInfo.feeOrderNewVo.exportFee[2].superviseCosts}}%</u-td>
+										<u-td>{{orderInfo.feeOrderNewVo.exportFee[2].otherCostsProportion}}%</u-td>
+										<u-td>{{orderInfo.feeOrderNewVo.exportFee[2].totalProportion}}%</u-td>
+									</u-tr>
+								</u-table>
+								<u-table border-color="#F8E9E3">
+									<u-tr class="feiyong">
+										<u-th>{{orderInfo.feeView?'掌柜科技币1':'手续费用'}}</u-th>
+										<u-th>{{orderInfo.feeView?'掌柜科技币2':'跟单费用'}}</u-th>
+										<u-th>{{orderInfo.feeView?'总科技币':'总费用'}}</u-th>
+									</u-tr>
+									<u-tr>
+										<u-td>￥{{orderInfo.feeOrderNewVo.exportFee[2].superviseCostsPremiums}}</u-td>
+										<u-td>￥{{orderInfo.feeOrderNewVo.exportFee[2].otherCostsPremiums}}</u-td>
+										<u-td>￥{{orderInfo.feeOrderNewVo.exportFee[2].totalAmount}}</u-td>
+									</u-tr>
+								</u-table>
 							</view>
 						</template>
-
+						<view class="dis a-c j-s policyInfo mt-1">
+							<text class="tagHeader dis a-c">
+								<text class="font-weight" style="font-size: 15px;">应缴金额
+									<view
+										style="background:linear-gradient( 90deg, #FF564C 0%, rgba(255,86,76,0) 100%) ;"
+										class="tag"></view>
+								</text>
+							</text>
+							<text
+								style="font-size: 16px;color: #FF4D4D;font-weight: bold;">{{orderInfo.sumpremium}}元</text>
+						</view>
 					</view>
 				</view>
 			</view>
 			<view class="car">
-				<view class="header d-flex a-center j-sb" @tap="showextendInfo = !showextendInfo">
-					<view class="title">车辆评分</view>
-					<view class="adjustPlan d-flex">
-						<view class="icon iconfont "
-							:class="{ 'icon-up-yixuanzhong': showextendInfo, 'icon-down-weixuanzhong': !showextendInfo }"
-							style="font-weight: bold;color: #B3B3B3;">
-						</view>
-					</view>
+				<view class="header d-flex a-center j-sb"
+					style="background:  linear-gradient( 180deg, #D5FFDB 0%, rgba(213,255,222,0) 100%)"
+					@tap="showextendInfo = !showextendInfo">
+					<view class="title">保费因素</view>
+					<text style="color: #44DC2B;font-size: 12px;">{{showextendInfo?'收起':'展开'}}</text>
 				</view>
 				<view class="body" v-if="showextendInfo">
 					<view class="row d-flex a-center j-sb">
@@ -515,20 +487,17 @@
 				</view>
 			</view>
 			<view class="car">
-				<view class="header d-flex a-center j-sb" @tap="showCarImageInfo = !showCarImageInfo">
+				<view class="header d-flex a-center j-sb"
+					style="background: linear-gradient( 180deg, #D5FFFF 0%, rgba(213,255,247,0) 100%);"
+					@tap="showCarImageInfo = !showCarImageInfo">
 					<view class="title">影像信息</view>
-					<view class="adjustPlan d-flex">
-						<view class="icon iconfont "
-							:class="{ 'icon-up-yixuanzhong': showCarImageInfo, 'icon-down-weixuanzhong': !showCarImageInfo }"
-							style="font-weight: bold;color: #B3B3B3;">
-						</view>
-					</view>
+					<text style="color: #00B2FF;font-size: 12px;">{{showCarImageInfo?'收起':'展开'}}</text>
 				</view>
-				<view class="body" style="padding: 10px 5px;" v-if="showCarImageInfo">
+				<view class="body" style="padding: 0 8px 5px;" v-if="showCarImageInfo">
 					<view class="uni-uploader">
 						<view class="uni-uploader-body dis j-s a-c">
-							<view class="uni-uploader__files dis f-c a-c">
-								<text>行驶证主页</text>
+							<view class="uni-uploader__files dis f-c a-start ">
+								<text style="color: #232832;font-size: 13px;margin-left: 5px;">行驶证主页</text>
 								<block v-for="(image,index) in imgList1" :key="index">
 									<view class="uni-uploader__file">
 										<image class="uni-uploader__img" :src="image.url" :data-src="image.url"
@@ -545,8 +514,8 @@
 									</view>
 								</view>
 							</view>
-							<view class="uni-uploader__files dis f-c a-c">
-								<text>行驶证副本</text>
+							<view class="uni-uploader__files dis f-c a-start">
+								<text style="color: #232832;font-size: 13px;margin-left: 5px;">行驶证副本</text>
 								<block v-for="(image,index) in imgList2" :key="index">
 									<view class="uni-uploader__file">
 										<image class="uni-uploader__img" :src="image.url" :data-src="image.url"
@@ -567,8 +536,8 @@
 					</view>
 					<view class="uni-uploader">
 						<view class="uni-uploader-body dis j-s a-c">
-							<view class="uni-uploader__files dis f-c a-c">
-								<text>车主身份证正面</text>
+							<view class="uni-uploader__files dis f-c a-start">
+								<text style="color: #232832;font-size: 13px;margin-left: 5px;">车主身份证正面</text>
 								<block v-for="(image,index) in imgList3" :key="index">
 									<view class="uni-uploader__file">
 										<image class="uni-uploader__img" :src="image.url" :data-src="image.url"
@@ -584,8 +553,8 @@
 										@tap="chooseImage('C02','ownerImageListId','imgList3')"></view>
 								</view>
 							</view>
-							<view class="uni-uploader__files dis f-c a-c">
-								<text>车主身份证反面</text>
+							<view class="uni-uploader__files dis f-c a-start">
+								<text style="color: #232832;font-size: 13px;margin-left: 5px;">车主身份证反面</text>
 								<block v-for="(image,index) in imgList4" :key="index">
 									<view class="uni-uploader__file">
 										<image class="uni-uploader__img" :src="image.url" :data-src="image.url"
@@ -605,8 +574,8 @@
 					</view>
 					<view class="uni-uploader">
 						<view class="uni-uploader-body dis j-s a-c">
-							<view class="uni-uploader__files dis f-c a-c">
-								<text>投保人身份证正面</text>
+							<view class="uni-uploader__files dis f-c a-start">
+								<text style="color: #232832;font-size: 13px;margin-left: 5px;">投保人身份证正面</text>
 								<block v-for="(image,index) in imgList5" :key="index">
 									<view class="uni-uploader__file">
 										<image class="uni-uploader__img" :src="image.url" :data-src="image.url"
@@ -622,8 +591,8 @@
 										@tap="chooseImage('C03','policyImageListId','imgList5')"></view>
 								</view>
 							</view>
-							<view class="uni-uploader__files dis f-c a-c">
-								<text>投保人身份证反面</text>
+							<view class="uni-uploader__files dis f-c a-start">
+								<text style="color: #232832;font-size: 13px;margin-left: 5px;">投保人身份证反面</text>
 								<block v-for="(image,index) in imgList6" :key="index">
 									<view class="uni-uploader__file">
 										<image class="uni-uploader__img" :src="image.url" :data-src="image.url"
@@ -643,8 +612,8 @@
 					</view>
 					<view class="uni-uploader">
 						<view class="uni-uploader-body dis j-s a-c">
-							<view class="uni-uploader__files dis f-c a-c">
-								<text>被保人身份证正面</text>
+							<view class="uni-uploader__files dis f-c a-start">
+								<text style="color: #232832;font-size: 13px;margin-left: 5px;">被保人身份证正面</text>
 								<block v-for="(image,index) in imgList7" :key="index">
 									<view class="uni-uploader__file">
 										<image class="uni-uploader__img" :src="image.url" :data-src="image.url"
@@ -660,8 +629,8 @@
 										@tap="chooseImage('C04','insuredImageListId','imgList7')"></view>
 								</view>
 							</view>
-							<view class="uni-uploader__files dis f-c a-c">
-								<text>被保人身份证反面</text>
+							<view class="uni-uploader__files dis f-c a-start">
+								<text style="color: #232832;font-size: 13px;margin-left: 5px;">被保人身份证反面</text>
 								<block v-for="(image,index) in imgList8" :key="index">
 									<view class="uni-uploader__file">
 										<image class="uni-uploader__img" :src="image.url" :data-src="image.url"
@@ -681,8 +650,8 @@
 					</view>
 					<view class="uni-uploader">
 						<view class="uni-uploader-body dis j-s a-c">
-							<view class="uni-uploader__files dis f-c a-c">
-								<text>新车合格证</text>
+							<view class="uni-uploader__files dis f-c a-start">
+								<text style="color: #232832;font-size: 13px;margin-left: 5px;">新车合格证</text>
 								<block v-for="(image,index) in imgNewCarQualified" :key="index">
 									<view class="uni-uploader__file">
 										<image class="uni-uploader__img" :src="image.url" :data-src="image.url"
@@ -698,8 +667,8 @@
 										@tap="chooseImage('XC00','imgNewCarinvoiceId','imgNewCarQualified')"></view>
 								</view>
 							</view>
-							<view class="uni-uploader__files dis f-c a-c">
-								<text>购车发票</text>
+							<view class="uni-uploader__files dis f-c a-start">
+								<text style="color: #232832;font-size: 13px;margin-left: 5px;">购车发票</text>
 								<block v-for="(image,index) in imgNewCarInvoice" :key="index">
 									<view class="uni-uploader__file">
 										<image class="uni-uploader__img" :src="image.url" :data-src="image.url"
@@ -718,8 +687,8 @@
 					</view>
 					<view class="uni-uploader">
 						<view class="uni-uploader-body dis j-s a-c">
-							<view class="uni-uploader__files dis f-c a-c">
-								<text>其他关系证明</text>
+							<view class="uni-uploader__files dis f-c a-start">
+								<text style="color: #232832;font-size: 13px;margin-left: 5px;">其他关系证明</text>
 								<block v-for="(image,index) in imgRelationship" :key="index">
 									<view class="uni-uploader__file">
 										<image class="uni-uploader__img" :src="image.url" :data-src="image.url"
@@ -739,17 +708,14 @@
 			</view>
 			<!-- 特约 -->
 			<view class="car" v-if="['紫金财险','华泰财险'].includes(this.name)">
-				<view class=" header title d-flex a-center j-sb" @tap="showAppoint=!showAppoint">
+				<view class=" header title d-flex a-center j-sb"
+					style="background: linear-gradient( 180deg, #DBFFBF 0%, rgba(219,255,191,0) 100%);"
+					@tap="showAppoint=!showAppoint">
 					<text style="font-weight: bold;">特约</text>
-					<view class="adjustPlan d-flex">
-						<view class="icon iconfont "
-							:class="{ 'icon-up-yixuanzhong': showAppoint, 'icon-down-weixuanzhong': !showAppoint }"
-							style="font-weight: bold;color: #B3B3B3;">
-						</view>
-					</view>
+					<text style="color: #0055FF;font-size: 12px;">{{showAppoint?'收起':'展开'}}</text>
 				</view>
 				<view class=" dis f-c j-c " v-if="showAppoint"
-					style="background-color: #fff;padding: 8px;border-radius: 6px;">
+					style="background-color: #fff;padding:  5px 8px;border-radius: 6px;">
 					<template v-if="this.name=='紫金财险'">
 						<u-button type="warning" size="mini" style="width: 80px;margin-top: 5px;"
 							@click="ziJinshow=true">特约选择</u-button>
@@ -775,28 +741,25 @@
 				</view>
 			</view>
 			<view class="car">
-				<view class="header d-flex a-center j-sb" @tap="showApplyno = !showApplyno">
+				<view class="header d-flex a-center j-sb"
+					style="background: linear-gradient( 180deg, #DBFFBF 0%, rgba(219,255,191,0) 100%);"
+					@tap="showApplyno = !showApplyno">
 					<view class="title">保单信息</view>
-					<view class="adjustPlan d-flex">
-						<view class="icon iconfont "
-							:class="{ 'icon-up-yixuanzhong': showApplyno, 'icon-down-weixuanzhong': !showApplyno }"
-							style="font-weight: bold;color: #B3B3B3;">
-						</view>
-					</view>
+					<text style="color: #0055FF;font-size: 12px;">{{showApplyno?'收起':'展开'}}</text>
 				</view>
 				<view class="body" v-if="showApplyno">
 					<view class="row d-flex a-center j-sb" v-if="orderInfo.jqapplyno">
 						<view>交强险投保单号：</view>
 						<view>{{orderInfo.jqapplyno}}</view>
 					</view>
-					<view class="row d-flex a-center j-sb" v-if="orderInfo.jqpolicyno">
-						<view>交强险保单号：</view>
-						<view>{{orderInfo.jqpolicyno}}</view>
-					</view>
 					<view class="row d-flex a-center j-sb" v-if="orderInfo.syapplyno">
 						<view>商业险投保单号：</view>
 						<view>{{orderInfo.syapplyno}}</view>
 					</view>
+					<view class="row d-flex a-center j-sb" v-if="orderInfo.jqpolicyno">
+						<view>交强险保单号：</view>
+						<view>{{orderInfo.jqpolicyno}}</view>
+					</view>
 					<view class="row d-flex a-center j-sb" v-if="orderInfo.sypolicyno">
 						<view>商业险保单号：</view>
 						<view>{{orderInfo.sypolicyno}}</view>
@@ -808,6 +771,7 @@
 							</view>
 							<view class="right ">
 								<text class="checkButton d-flex a-center j-center"
+									style="font-size: 14px;color: #2CC93B;"
 									@tap="downloadPolicy(policyListitem.fileurl)">下载</text>
 							</view>
 						</view>
@@ -818,6 +782,7 @@
 								</view>
 								<view class="right ">
 									<text class="checkButton d-flex a-center j-center"
+										style="font-size: 14px;color: #2CC93B;"
 										@tap="downloadPolicy(policyListitem1.fileurl)">下载</text>
 								</view>
 							</view>
@@ -1276,6 +1241,7 @@
 				showPolicyno: false, //展示保单号
 				showPolicyFile: false, //展示电子保单
 				showPolicybzFile: false, //展示电子保单
+				policyInfoDetailsInfo: false,
 				policyList: [], //电子保单文件
 				policyList1: [], //电子标志文件
 				showCarImageInfo: false, //显示车辆影像
@@ -1512,11 +1478,11 @@
 					title: "未查询到该订单"
 				})
 			}
-			if (this.orderstatus == '3') {
-				uni.setNavigationBarTitle({
-					title: "订单详情"
-				})
-			}
+			// if (this.orderstatus == '3') {
+			// 	uni.setNavigationBarTitle({
+			// 		title: "订单详情"
+			// 	})
+			// }
 		},
 		methods: {
 			...mapMutations(['setOrderStage', 'setOrderType']),
@@ -1554,7 +1520,6 @@
 						break;
 
 				}
-
 			},
 
 			//字典name匹配
@@ -2732,13 +2697,27 @@
 
 		.price {
 			width: 100%;
-			height: 40px;
-			background: #FFFFFF;
-			border-radius: 6px 6px 0px 0px;
+			height: auto;
+			border-radius: 6px;
+
+			.price1 {
+				padding: 12px;
+				background: linear-gradient(180deg, #DAE5FE 0%, #F2F6FF 100%);
+				border-radius: 6px 6px 0 0;
+			}
+
+			.price2 {
+				padding: 12px;
+				background: #fff;
+				border-radius: 0 0 6px 6px;
+			}
 		}
 	}
 
 	.header {
+		padding: 8px;
+		background: linear-gradient(180deg, #C7DAFF 0%, rgba(199, 218, 255, 0) 100%);
+		border-radius: 6px 6px 0 0;
 		height: 80upx;
 		position: relative;
 	}
@@ -2875,7 +2854,6 @@
 
 	.car {
 		width: 100%;
-		padding: 0upx 10px 0;
 		background-color: #fff;
 		border-radius: 6px;
 		box-shadow: 0px 4px 10px 0px #DAE3F4;
@@ -2883,15 +2861,21 @@
 		position: relative;
 
 		.body {
-
-
 			.row {
-				padding: 5px;
+				padding: 5px 8px;
 				border-bottom: 1px solid #F3F3F3;
 
+				view:first-child {
+					color: #232832;
+				}
+
+				view:last-child {
+					color: #666;
+				}
 
 			}
 
+
 			.row:last-child {
 				border: none;
 			}
@@ -3026,6 +3010,7 @@
 			border-radius: 6px;
 			height: auto;
 			box-shadow: 0px 4px 10px 0px #DAE3F4;
+			margin-bottom: 10px;
 
 		}
 	}
@@ -3211,9 +3196,72 @@
 
 	}
 
+	.policyInfo {
+		.tagHeader {
+			font-family: Source Han Sans SC, Source Han Sans SC;
+
+			text {
+				position: relative;
+				font-weight: bold;
+				font-size: 13px;
+				color: #333;
+			}
+
+			.tag {
+				position: absolute;
+				left: 0;
+				bottom: -1px;
+				width: 50%;
+				height: 5px;
+				background: linear-gradient(90deg, #FF884C 0%, rgba(255, 136, 76, 0) 80%);
+				border-radius: 6px;
+
+			}
+		}
+
+		.accident {
+			width: 75%;
+
+			.dis {
+				border-bottom: 1px solid #F8E9E3;
+
+				view {
+					border-right: 1px solid #F8E9E3;
+					text-align: center;
+					padding: 5px 3px;
+				}
+			}
+		}
+
+		.right {
+			width: 25%;
+			border-right: 1px solid #F8E9E3;
+			border-bottom: 1px solid #F8E9E3;
+			padding: 5px 3px;
+		}
+	}
+
 	/deep/ {
-		.u-th {
-			background-color: #F2F6FF;
+		.fen {
+			background-color: #FBF6FE;
+		}
+
+		.baodan {
+			.u-th {
+				background: #FEF9F6;
+			}
+		}
+
+		.bili {
+			.u-th {
+				background: #FEF9F6;
+			}
+		}
+
+		.feiyong {
+			.u-th {
+				background: #FEF6F6;
+			}
 		}
 	}
 </style>

pages/orders/orders.vue

@@ -213,23 +213,37 @@
 						<u-button v-if="item.orderstatus!='3'"
 							:custom-style="{fontSize:'12px',background:'rgba(34,152,5,0.05)',color:'#229805',borderColor:'#229805'}"
 							shape="circle" size="mini" :hair-line="false" :plain="true"
-							@click="CloseEdit(item.orderno)">进行中</u-button>
+							@click="CloseEdit(item.orderno)">进行中 <u-badge type="error" bgColor="#FF0F00"
+								v-if="item.orderStatus0" :count="item.orderStatus0"
+								:offset="[-8, -8]"></u-badge></u-button>
 						<u-button v-if="item.orderstatus!='3'"
 							:custom-style="{fontSize:'12px',background:'rgba(255,86,0,0.05)',color:'#FF5600',borderColor:'#FF5600'}"
 							shape="circle" size="mini" :hair-line="false" :plain="true"
-							@click="quotehistory(item,'1')">核保中</u-button>
+							@click="quotehistory(item,'1')">核保中 <u-badge type="error" bgColor="#FF0F00"
+								v-if="item.orderStatus1" :count="item.orderStatus1"
+								:offset="[-8, -8]"></u-badge></u-button>
 						<u-button v-if="item.orderstatus!='3'"
 							:custom-style="{fontSize:'12px',background:'rgba(255,15,0,0.05)',color:'#FF0F00',borderColor:'#FF0F00'}"
 							shape="circle" size="mini" :hair-line="false" :plain="true"
-							@click="quotehistory(item,'2')">待缴费</u-button>
+							@click="quotehistory(item,'2')">待缴费 <u-badge type="error" bgColor="#FF0F00"
+								v-if="item.orderStatus2" :count="item.orderStatus2"
+								:offset="[-8, -8]"></u-badge></u-button>
 						<u-button
 							:custom-style="{fontSize:'12px',background:'rgba(0,82,255,0.05)',color:'#0052FF',borderColor:'#0052FF'}"
 							shape="circle" size="mini" :hair-line="false" :plain="true"
-							@click="quotehistory(item,'3')">已承保</u-button>
+							@click="quotehistory(item,'3')">已承保 <u-badge type="error" bgColor="#FF0F00"
+								v-if="item.orderStatus3" :count="item.orderStatus3"
+								:offset="[-8, -8]"></u-badge></u-button>
 						<u-button v-if="item.orderstatus!='3'"
 							:custom-style="{fontSize:'12px',background:'rgba(158,0,255,0.05)',color:'#9E00FF',borderColor:'#9E00FF'}"
 							shape="circle" size="mini" :hair-line="false" :plain="true"
-							@click="quotehistory(item,'4')">核保退回</u-button>
+							@click="quotehistory(item,'4')">核保退回 <u-badge type="error" bgColor="#FF0F00"
+								v-if="item.orderStatus4" :count="item.orderStatus4"
+								:offset="[-8, -8]"></u-badge></u-button>
+						<u-button
+							:custom-style="{fontSize:'12px',background:'rgba(159,159,159,0.05)',color:'#666666',borderColor:'#D2D2D2'}"
+							shape="circle" size="mini" :hair-line="false" :plain="true"
+							@click="closeOrder(item.orderno)">关闭订单 </u-button>
 					</view>
 				</view>
 			</view>
@@ -501,6 +515,17 @@
 					phoneNumber: phone, //仅为示例
 				});
 			},
+			//关闭订单
+			async closeOrder(orderno) {
+				let res = await this.$http.get('/insurance/order/shutDown/' + orderno);
+				if (res.code == '200') {
+					uni.showToast({
+						title: res.msg,
+						icon: 'none',
+					});
+					this.getOrdersList(1, 20);
+				}
+			},
 			btn_click() {
 				uni.navigateTo({
 					url: '/pages/chat/chat'
@@ -548,10 +573,18 @@
 				this.showDropdown = false;
 			},
 			insuranceclick(e) {
-				this.pageRequest.insuredName = e;
+				if (e === this.pageRequest.insuredName) {
+					this.pageRequest.insuredName = ''
+				} else {
+					this.pageRequest.insuredName = e;
+				}
 			},
 			licenseNoclick(e) {
-				this.pageRequest.licenseNo = e;
+				if (e === this.pageRequest.licenseNo) {
+					this.pageRequest.licenseNo = ''
+				} else {
+					this.pageRequest.licenseNo = e;
+				}
 			},
 			//状态筛选
 			statusclick(e) {

pages/orders/quotation.vue

@@ -4,180 +4,238 @@
 		<view class="page" id="panelcanvas">
 			<image :src="bannerImg" mode="" style="width: 100%;height: 450px;position: absolute;"></image>
 			<view class="content">
-				<view class="price dis a-c j-c">
-					<image :src="logoimg" mode="" style="width: 20px;height: 20px;">
-					</image>
-					<text style="font-weight: bold;margin-left: 6px; font-size: 16px;">{{dataInfo.inscompany}}报价单</text>
-				</view>
-				<view
-					style="background-color: #fff;border-radius:0 0  6px 6px ; box-shadow: 0px 4px 10px 0px rgba(123,160,239,0.2);"
-					class="dis a-c j-c p-2 ">
-					<view style="font-size: 15px;font-weight: bold;" class="dis j-s a-c ">
-						<text style="color: #232832;">订单编号：{{dataInfo.orderno}}</text>
+				<view class="price dis f-c">
+					<view class="header  dis a-c">
+						<image :src="logoimg" mode="" style="width: 20px;height: 20px;">
+						</image>
+						<text
+							style="font-weight: bold;margin-left: 6px; font-size: 16px;">{{dataInfo.inscompany}}</text>
+					</view>
+					<view class="mt-2">
+						<view class="dis a-c j-start">
+							<image :src="baojiadanImg" mode="" style="width: 21px;height: 21px;"></image>
+							<text style="font-weight: bold;color: #333;margin-left: 10px;">{{dataInfo.orderno}}</text>
+						</view>
+						<view class="dis a-c j-start mt-2" v-if="dataInfo.jqapplyno">
+							<view style="color: #333;width: 70px;">投保单号：</view>
+							<text style="color: #555;">{{dataInfo.jqapplyno}}（交强）</text>
+						</view>
+						<view class="dis a-c j-start" v-if="dataInfo.syapplyno">
+							<view style="color: #333;width: 70px;">投保单号：</view>
+							<text style="color: #555;">{{dataInfo.syapplyno}}（商业）</text>
+						</view>
 					</view>
 				</view>
 			</view>
 			<view style="padding:0 16px;position: relative;">
 				<view class="information">
-					<text class="title">车辆信息</text>
-					<view class="dis j-s a-c">
-						<text>车牌号：</text>
-						<text>{{dataInfo.licenseno}}</text>
-					</view>
-					<view class="dis j-s a-c">
-						<text>品牌型号：</text>
-						<text>{{carinfo.modelcname}}</text>
-					</view>
-					<view class="dis j-s a-c">
-						<text>发动机号：</text>
-						<text>{{carinfo.engineNo}}</text>
+					<view class="back">
+						<view class="header dis a-c ">
+							<view class="line"></view>
+							<text>车辆信息</text>
+						</view>
 					</view>
-					<view class="dis j-s a-c">
-						<text>座位数：</text>
-						<text>{{carinfo.seatCount}}</text>
+					<view class="content dis f-c ">
+						<view class="dis  a-c ">
+							<view class="dis j-start">车牌号：</view>
+							<view>{{dataInfo.licenseno}}</view>
+						</view>
+						<view class="dis  a-c ">
+							<view class="dis j-start">车架号：</view>
+							<view>{{carinfo.frameNo}}</view>
+						</view>
+						<view class="dis   a-c">
+							<view class="dis j-start">发动机号：</view>
+							<view>{{carinfo.engineNo}}</view>
+						</view>
+						<view class="dis  a-c">
+							<view class="dis j-start">品牌型号：</view>
+							<view>{{carinfo.modelcname}}</view>
+						</view>
+
+						<view class="dis   a-c">
+							<view class="dis j-start">座位数：</view>
+							<view>{{carinfo.seatCount}}</view>
+						</view>
+						<view class="dis   a-c">
+							<view class="dis j-start">车辆用途：</view>
+							<view>{{carinfo.vehicleUse}}</view>
+						</view>
+						<view class="dis   a-c">
+							<view class="dis j-start">注册日期：</view>
+							<view>{{carinfo.registerDate}}</view>
+						</view>
+						<view class="dis   a-c">
+							<view class="dis j-start">发证日期：</view>
+							<view>{{carinfo.issueDate}}</view>
+						</view>
 					</view>
+
 				</view>
 				<view class="information">
-					<text class="title">人员信息</text>
-					<view class="dis j-s a-c">
-						<text>车主姓名：</text>
-						<text>{{ownerinfo.name}}</text>
-					</view>
-					<view class="dis j-s a-c">
-						<text>车主身份证号：</text>
-						<text>{{ownerinfo.identifyNumber}}</text>
-					</view>
-					<view class="dis j-s a-c">
-						<text>投保人姓名：</text>
-						<text>{{applyinfo.name}}</text>
-					</view>
-					<view class="dis j-s a-c">
-						<text>投保人身份证号：</text>
-						<text>{{applyinfo.identifyNumber}}</text>
-					</view>
-					<view class="dis j-s a-c">
-						<text>被保人姓名：</text>
-						<text>{{insureinfo.name}}</text>
-					</view>
-					<view class="dis j-s a-c">
-						<text>被保人身份证号：</text>
-						<text>{{insureinfo.identifyNumber}}</text>
+					<view class="back"
+						style="background: linear-gradient( 180deg, #B9FFF2 0%, rgba(185,255,242,0) 100%);">
+						<view class="header dis a-c ">
+							<view class="line" style="background: #0DBDA8;"></view>
+							<text>人员信息</text>
+						</view>
 					</view>
-				</view>
-				<view class="information">
-					<text class="title">保费信息</text>
-					<view class="dis j-s f-c" v-if="dataInfo.jqpremium">
-						<view class="dis j-s a-c">
-							<text>交强险：</text>
-							<text>￥{{dataInfo.jqpremium}}</text>
+					<view class="content1 dis f-c ">
+						<view class="dis  a-c">
+							<view class=" dis j-start">车主姓名：</view>
+							<view>{{ownerinfo.name}}</view>
+						</view>
+						<view class="dis  a-c">
+							<view>车主身份证号：</view>
+							<view class="dis j-start">
+								{{ownerinfo.identifyNumber.slice(0,4)+'**** **** **'+ownerinfo.identifyNumber.slice(14,18)}}
+							</view>
 						</view>
-						<view class="dis f-c">
-							<text
-								style="color: rgba(35,40,50,0.9);letter-spacing: 1px;">起保日期：{{dataInfo.jqstartdate}}</text>
-							<text
-								style="color: rgba(35,40,50,0.9);letter-spacing: 1px;">终保日期：{{dataInfo.jqenddate}}</text>
+						<view class="dis  a-c">
+							<view>投保人姓名：</view>
+							<view class="dis j-start">{{applyinfo.name}}</view>
 						</view>
-						<view class="dis f-c" style="background-color: #F9F9F9;border-radius: 10px;padding: 6px;">
-							<view class="dis j-s a-c" style="border-bottom: 1px solid #f2f2f2;">
-								<text style="color: rgba(35,40,50,0.8)">险别/名称</text>
-								<text style="color: rgba(35,40,50,0.8)">保额</text>
+						<view class="dis  a-c">
+							<view>投保人身份证号：</view>
+							<view class="dis j-start">
+								{{applyinfo.identifyNumber.slice(0,4)+'**** **** **'+applyinfo.identifyNumber.slice(14,18)}}
 							</view>
-							<view class="dis j-s a-c" v-for="(item,index) in dataInfo.jqInsuranceType" :key="index"
-								style="margin-top: 6px;">
-								<text>{{item.name}}</text>
-								<text>{{item.amount}}</text>
+						</view>
+						<view class="dis  a-c">
+							<view>被保人姓名：</view>
+							<view class="dis j-start">{{insureinfo.name}}</view>
+						</view>
+						<view class="dis  a-c">
+							<view>被保人身份证号：</view>
+							<view class="dis j-start">
+								{{insureinfo.identifyNumber.slice(0,4)+'**** **** **'+insureinfo.identifyNumber.slice(14,18)}}
 							</view>
+
 						</view>
 					</view>
-					<view class="dis j-s a-c">
-						<text>车船税：</text>
-						<text>￥{{dataInfo.taxamount}}</text>
-					</view>
-					<view class="dis  f-c j-s " v-if="dataInfo.sypremium">
-						<view class="dis j-s a-c">
-							<text>商业险</text>
-							<text>￥{{dataInfo.sypremium}}</text>
+				</view>
+				<view class="information">
+					<view class="back"
+						style="background: linear-gradient( 180deg, #FFD7C2 0%, rgba(255,215,194,0) 100%)">
+						<view class="header dis a-c ">
+							<view class="line" style="background: #FF5600;"></view>
+							<text>保单信息</text>
 						</view>
-						<view class="dis f-c">
-							<text
-								style="color: rgba(35,40,50,0.9);letter-spacing: 1px;">起保日期：{{dataInfo.systartdate}}</text>
-							<text
-								style="color: rgba(35,40,50,0.9);letter-spacing: 1px;">终保日期：{{dataInfo.syenddate}}</text>
+					</view>
+					<view class=" dis f-c policyInfo">
+						<view class="dis f-c " v-if="dataInfo.jqstartdate">
+							<view class="dis j-s a-c">
+								<text class="font-weight" style="color: #6B2709;font-size: 15px;">交强险</text>
+								<text
+									style="color: #8B563E;font-size: 13px;">{{dataInfo.jqstartdate}}至{{dataInfo.jqenddate}}</text>
+							</view>
+							<u-table border-color="#F8E9E3">
+								<u-tr>
+									<u-th>保险产品</u-th>
+									<u-th>总计（元）</u-th>
+								</u-tr>
+								<u-tr>
+									<u-td>交通事故强制责任险</u-td>
+									<u-td>￥{{dataInfo.jqpremium}}</u-td>
+								</u-tr>
+							</u-table>
 						</view>
-						<view class=" dis j-s f-c p-2"
-							style="border: none;background-color: #F9F9F9;border-radius: 10px;">
-							<view class="dis j-s a-c" style="border-bottom: 1px solid #f2f2f2;">
-								<view class="dis j-start" style="width: 50%;">
-									<text style="color: rgba(35,40,50,0.8)">险别/名称</text>
-								</view>
-								<view class="dis j-c" style="width: 25%;">
-									<text style="color: rgba(35,40,50,0.8)">保额</text>
-								</view>
-								<view class="dis j-end" style="width: 25%;">
-									<text style="color: rgba(35,40,50,0.8)">保费(元)</text>
-								</view>
+						<view class="dis f-c " v-if="dataInfo.systartdate">
+							<view class="dis j-s a-c">
+								<text class="font-weight" style="color: #6B2709;font-size: 15px;">商业险</text>
+								<text
+									style="color: #8B563E;font-size: 13px;">{{dataInfo.systartdate}}至{{dataInfo.syenddate}}</text>
 							</view>
-							<view class="coverage-sum dis j-s" v-for="(item,index) in dataInfo.kindinfo" :key="index"
-								style="margin-top: 6px;">
-								<view style="width: 50%;" class="dis a-c j-start">
-									<text>{{item.kindName}}</text>
-								</view>
-								<view style="width: 25%;" class="dis a-c j-c"
-									v-if="['D4', 'SY_FJ_YBW2'].includes(item.kindCode)">
-									<text>{{item.unitAmount}}/座*{{dataInfo.carinfo.seatCount-1}}</text>
-								</view>
-								<view style="width: 25%;" class="dis a-c j-c"
-									v-else-if="['MJ1', 'MJ2', 'MJ3', 'MJ4'].includes(item.kindCode)">
-									<text>{{item.deductibleRate}}</text>
-								</view>
-								<view style="width: 25%;" class="dis a-c j-c"
-									v-else-if="['TY1', 'TY2', 'TY3', 'TY4'].includes(item.kindCode)">
-									<text>{{item.serviceTimes}}/次</text>
-								</view>
-								<view style="width: 25%;" class="dis a-c j-c" v-else>
-									<text>{{item.amount}}</text>
-								</view>
-								<view style="width: 25%;" class="dis a-c j-end">
-									<text>￥{{item.coveragePremium}}</text>
+							<u-table border-color="#F8E9E3">
+								<u-tr>
+									<u-th>险种</u-th>
+									<u-th>保额</u-th>
+									<u-th>保费（元）</u-th>
+								</u-tr>
+								<u-tr v-for="(item,index) in dataInfo.kindinfo" :key="index">
+									<u-td>{{item.kindName}}</u-td>
+									<u-td
+										v-if="['D4', 'SY_FJ_YBW2'].includes(item.kindCode)">{{item.unitAmount}}/座*{{dataInfo.carinfo.seatCount-1}}</u-td>
+									<u-td v-else-if="['D3'].includes(item.kindCode)">{{item.amount}}/座*1</u-td>
+									<u-td
+										v-else-if="['MJ1', 'MJ2', 'MJ3', 'MJ4'].includes(item.kindCode)">{{item.deductibleRate}}</u-td>
+									<u-td
+										v-else-if="['TY1', 'TY2', 'TY3', 'TY4'].includes(item.kindCode)">{{item.serviceTimes}}/次</u-td>
+									<u-td v-else>{{item.amount}}</u-td>
+									<u-td>￥{{item.coveragePremium}}</u-td>
+								</u-tr>
+							</u-table>
+						</view>
+						<view class="dis f-c mt-3" v-if="dataInfo.jyName">
+							<text class="tagHeader dis a-c">
+								<text>{{dataInfo.jyName}}
+									<view class="tag"></view>
+								</text>
+							</text>
+							<u-table border-color="#F8E9E3" v-if="dataInfo.accidentInfo.length>0">
+								<u-tr>
+									<u-th width="50%">保险责任</u-th>
+									<u-th>保额</u-th>
+									<u-th>保费（元）</u-th>
+								</u-tr>
+								<view class="dis">
+									<view class="accident dis f-c">
+										<view class="dis" v-for="(item,index) in dataInfo.accidentInfo" :key="index">
+											<view style="width: 67%;">{{item.name}}</view>
+											<view style="width: 33%;">{{item.amount}}</view>
+										</view>
+									</view>
+									<view class="right dis j-c a-c">
+										{{dataInfo.jypremium}}
+									</view>
 								</view>
-							</view>
+							</u-table>
+							<u-table border-color="#F8E9E3" v-if="dataInfo.jyName">
+								<u-tr>
+									<u-th>座位数</u-th>
+									<u-th>每份</u-th>
+									<u-th>份数</u-th>
+									<u-th>总计</u-th>
+								</u-tr>
+								<u-tr>
+									<u-td>{{dataInfo.carinfo.seatCount}}</u-td>
+									<u-td>{{dataInfo.jypremium / dataInfo.jyQuantity}}/每份</u-td>
+									<u-td>{{dataInfo.jyQuantity}}份</u-td>
+									<u-td>{{dataInfo.jypremium}}</u-td>
+								</u-tr>
+							</u-table>
 						</view>
 					</view>
-					<view class="dis  f-c j-s " v-if="dataInfo.jypremium">
-						<view class="dis j-s a-c">
-							<text>附加险：意外险</text>
-							<text>￥{{dataInfo.jypremium}}</text>
+				</view>
+				<view class="information">
+					<view class="back"
+						style="background: linear-gradient( 180deg, #FFD1D1 0%, rgba(255,209,209,0) 100%);">
+						<view class="header dis a-c ">
+							<view class="line" style="background: #FF4D4D;"></view>
+							<text>保费信息</text>
 						</view>
-						<view class=" dis j-s f-c p-2" v-if="dataInfo.accidentInfo.length>0"
-							style="border: none;background-color: #F9F9F9;border-radius: 10px;">
-							<view class="dis j-s a-c" style="border-bottom: 1px solid #f2f2f2;">
-								<view class="dis j-start" style="width: 50%;">
-									<text style="color: rgba(35,40,50,0.8)">险别/名称</text>
-								</view>
-								<view class="dis j-c" style="width: 25%;">
-									<text style="color: rgba(35,40,50,0.8)">保额</text>
-								</view>
-								<view class="dis j-end" style="width: 25%;">
-									<text style="color: rgba(35,40,50,0.8)">保费(元)</text>
-								</view>
-							</view>
-							<view class="coverage-sum dis j-s" v-for="(item,index) in dataInfo.accidentInfo"
-								:key="index" style="margin-top: 6px;">
-								<view style="width: 50%;" class="dis a-c j-start">
-									<text>{{item.name}}</text>
-								</view>
-								<view style="width: 25%;" class="dis a-c j-c">
-									<text>{{item.amount}}</text>
-								</view>
-								<view style="width: 25%;" class="dis a-c j-c">
-									<text>{{item.premium}}</text>
-								</view>
-							</view>
-						</view><strong></strong>
 					</view>
-					<view class="dis j-s a-c">
-						<text>应缴金额：</text>
-						<text style="color: #0052FF;font-weight: bold;">￥{{dataInfo.sumpremium}}</text>
+					<view class=" content2 dis f-c ">
+						<view class="dis   a-c" v-if="dataInfo.jqpremium">
+							<view class="dis j-start">交强险：</view>
+							<view class="font-weight">{{dataInfo.jqpremium}}元</view>
+						</view>
+						<view class="dis   a-c" v-if="dataInfo.taxamount">
+							<view class="dis j-start">车船税：</view>
+							<view class="font-weight">{{dataInfo.taxamount}}元</view>
+						</view>
+						<view class="dis   a-c" v-if="dataInfo.sypremium">
+							<view class="dis j-start">车辆商业险：</view>
+							<view class="font-weight">{{dataInfo.sypremium}}元</view>
+						</view>
+						<view class="dis  a-c" v-if="dataInfo.jypremium">
+							<view class="dis j-start">驾意险：</view>
+							<view class="font-weight">{{dataInfo.jypremium}}元</view>
+						</view>
+						<view class="dis   a-c">
+							<view style="color: #FF4D4D;" class="dis j-start">应缴金额：</view>
+							<view style="color: #FF4D4D;font-weight: bold;">{{dataInfo.sumpremium}}元</view>
+						</view>
 					</view>
 				</view>
 			</view>
@@ -210,6 +268,7 @@
 			return {
 				loading: true,
 				bannerImg: '',
+				baojiadanImg: "",
 				texts: [],
 				payImg: "",
 				posterUrl: "",
@@ -222,6 +281,8 @@
 				applyinfo: {}, //投保人信息
 				insureinfo: {}, //被保人信息
 				logoimg: "",
+				businessVehicleUseoptions: [],
+				outOfBusinessVehicleUseoptions: [],
 			}
 		},
 		computed: {
@@ -229,6 +290,8 @@
 
 		},
 		async onLoad(options) {
+			this.getDicType("businessVehicleUse"); //车辆用途（营业）
+			this.getDicType("outOfBusinessVehicleUse"); //车辆用途（非营业）
 			this.texts = [this.userLoginId]
 			this.companyId = options.companyId;
 			let params = {
@@ -277,10 +340,17 @@
 				return ele;
 			})
 			this.dataInfo = data;
+			data.carinfo.vehicleUse = data.carinfo.carnature == '02' ? this.dictionaryMatching(this
+				.outOfBusinessVehicleUseoptions,
+				data.carinfo
+				.vehicleUse) : this.dictionaryMatching(this.businessVehicleUseoptions,
+				data.carinfo
+				.vehicleUse)
 			this.carinfo = data.carinfo;
 			this.ownerinfo = data.ownerinfo;
 			this.applyinfo = data.applyinfo;
 			this.insureinfo = data.insureinfo;
+
 			uni.getImageInfo({
 				src: '../../static/image/car-insure/baojiadan.png',
 				success: image => {
@@ -292,8 +362,38 @@
 				},
 				fail: err => {}
 			});
+			uni.getImageInfo({
+				src: '../../static/image/car-insure/baojiadan1.png',
+				success: image => {
+					pathToBase64(image.path)
+						.then(base64 => {
+							this.baojiadanImg = base64;
+						})
+						.catch(error => {});
+				},
+				fail: err => {}
+			});
+
 		},
 		methods: {
+			async getDicType(type) {
+				let res = await this.$http.get('/sysDict/dictDetails/' + type);
+				if (res.code == 200) {
+					this[type + 'options'] = res.data.ddList;
+					// if (type == "trafficManagementVehicleType") {
+					// 
+					// 	this.carInfo1.cimodelclass = this.dictionaryMatching(this.vehicleTypeoptions,
+					// 		this
+					// 		.carInfo
+					// 		.cimodelclass)
+					// }
+				}
+			},
+			//字典name匹配
+			dictionaryMatching(list, value) {
+				let obj = list.find(val => val.dictValue == value);
+				return obj.dictTag;
+			},
 			//页面返回按钮
 			back() {
 				uni.navigateBack({
@@ -430,10 +530,16 @@
 		position: relative;
 
 		.price {
-			width: 100%;
-			height: 40px;
 			background: #FFFFFF;
-			border-radius: 6px 6px 0px 0px;
+			box-shadow: 0px 4px 10px 0px rgba(123, 160, 239, 0.2);
+			border-radius: 6px;
+			border: 1px solid #FFFFFF;
+			padding: 8px;
+
+			.header {
+				padding-bottom: 5px;
+				border-bottom: 1px solid #E1E1E1;
+			}
 		}
 	}
 
@@ -441,31 +547,138 @@
 		width: 100%;
 		height: auto;
 		background-color: #fff;
-		box-shadow: 0px 4px 10px 0px #DAE3F4;
+		box-shadow: 0px 4px 10px 0px rgba(123, 160, 239, 0.2);
 		border-radius: 6px;
 		margin-top: 10px;
-		padding: 10px 10px 0;
 
+		.back {
+			padding: 8px;
+			background: linear-gradient(180deg, #D5E3FF 0%, rgba(213, 227, 255, 0) 100%);
+			border-radius: 6px 6px 0 0;
 
-		>view {
-			padding: 10px 0;
-			border-bottom: 1px solid #f2f2f2;
+			.header {
+				padding-bottom: 6px;
+				border-bottom: 1px solid #EEEEEE;
 
-			text {
+				text {
+					font-weight: bold;
+					color: #232832;
+					font-size: 15px;
+				}
+
+				.line {
+					width: 2px;
+					height: 14px;
+					background: #0052FF;
+					border-radius: 2px;
+					margin-right: 10px;
+				}
+			}
+		}
+
+
+		.content {
+			padding: 4px 8px;
+
+			>view {
 				font-size: 14px;
-				color: #232832;
+				margin-bottom: 4px;
+
+				:first-child {
+					min-width: 70px;
+					color: #333;
+				}
+
+				:last-child {
+					color: #666;
+				}
 			}
 
 		}
 
-		.title {
-			font-size: 15px;
-			color: #232832;
-			font-weight: bold;
+		.content1 {
+			padding: 4px 8px;
+
+			>view {
+				font-size: 14px;
+				margin-bottom: 4px;
+
+				:first-child {
+					width: 120px;
+					color: #333;
+				}
+
+				:last-child {
+					color: #666;
+				}
+			}
+
+		}
+
+		.content2 {
+			padding: 4px 8px;
+
+			>view {
+				font-size: 14px;
+				margin-bottom: 4px;
+
+				:first-child {
+					width: 100px;
+					color: #333;
+				}
+
+				:last-child {
+					color: #666;
+				}
+			}
+
 		}
 
-		:last-child {
-			border: none;
+		.policyInfo {
+			padding: 4px 8px;
+
+			.tagHeader {
+				font-family: Source Han Sans SC, Source Han Sans SC;
+
+				text {
+					position: relative;
+					font-weight: bold;
+					font-size: 13px;
+					color: #333;
+				}
+
+				.tag {
+					position: absolute;
+					left: 0;
+					bottom: -1px;
+					width: 50%;
+					height: 5px;
+					background: linear-gradient(90deg, #FF884C 0%, rgba(255, 136, 76, 0) 80%);
+					border-radius: 6px;
+
+				}
+			}
+
+			.accident {
+				width: 75%;
+
+				.dis {
+					border-bottom: 1px solid #F8E9E3;
+
+					view {
+						border-right: 1px solid #F8E9E3;
+						text-align: center;
+						padding: 5px 3px;
+					}
+				}
+			}
+
+			.right {
+				width: 25%;
+				border-right: 1px solid #F8E9E3;
+				border-bottom: 1px solid #F8E9E3;
+				padding: 5px 3px;
+			}
 		}
 	}
 
@@ -660,4 +873,14 @@
 		pointer-events: none;
 		z-index: 9999;
 	}
+
+	/deep/ {
+		.u-th {
+			background-color: #FEF9F6;
+		}
+
+		.u-td {
+			height: auto;
+		}
+	}
 </style>

pages/orders/quoteHistory.vue

@@ -1,5 +1,6 @@
 <template>
 	<view class="page">
+		<public-module></public-module>
 		<view class=" flexd " style="z-index: 99;">
 			<view class="search dis f-c" v-for="(item, index) in statusList" :key="index"
 				:style="{backgroundImage: item.headerimg}" v-if="item.value==orderStatus">
@@ -68,14 +69,13 @@
 						<view class="orders-centre dis f-c" v-if="item.sumExportFee">
 							<view class="dataChunk special  dis j-s a-c">
 								<text style="color:#FF4D4D;">优惠金额</text>
-								<text style="color:#FF4D4D;font-size: 13px;"
-									class="font-weight">{{item.sumExportFee}}</text>
+								<text style="color:#FF4D4D;" class="font-weight">{{item.sumExportFee}}</text>
 							</view>
 							<view class="dataChunk  dis j-s a-c" v-if="item.jqExportFee">
 								<text>优惠金额</text>
 								<text class="font-weight">{{item.jqExportFee?item.jqExportFee:'无'}}</text>
 							</view>
-							<view class="dataChunk  dis j-c a-c">
+							<view class="dataChunk  dis j-c a-c" v-if="item.taxamount">
 								<text class="font-weight">-</text>
 							</view>
 							<view class="dataChunk  dis j-s a-c" v-if="item.syExportFee">
@@ -155,8 +155,9 @@
 								@click="underwriting(item.id,item.inscompany)">更新状态</u-button>
 
 
-							<u-button v-if="item.orderstatus==2 && ['紫金财险'].includes(item.inscompany)" size="mini"
-								type="" :custom-style="{fontSize:'14px'}" :plain="true"
+							<u-button v-if="item.orderstatus==2 && ['紫金财险'].includes(item.inscompany)"
+								:custom-style="{fontSize:'12px',background:'rgba(159,159,159,0.05)',color:'#666666',borderColor:'#D2D2D2'}"
+								shape="circle" size="mini" :hair-line="false" :plain="true"
 								@click="cancelorder(item.id)">撤单</u-button>
 							<u-button v-if="item.orderstatus==2"
 								:custom-style="{fontSize:'12px',background:'rgba(255,86,0,0.05)',color:'#FF5600',borderColor:'#FF5600'}"
@@ -175,6 +176,10 @@
 								:custom-style="{fontSize:'12px',background:'rgba(159,159,159,0.05)',color:'#666666',borderColor:'#D2D2D2'}"
 								shape="circle" size="mini" :hair-line="false" :plain="true"
 								@click="revokeUnderwriting(item.id)">取消核保</u-button>
+							<u-button v-if=" item.orderstatus==4 "
+								:custom-style="{fontSize:'12px',background:'rgba(34,152,5,0.05)',color:'#229805',borderColor:'#229805'}"
+								shape="circle" size="mini" :hair-line="false" :plain="true"
+								@click="resubmitDocuments(item)">补传资料</u-button>
 							<u-button v-if="item.orderstatus==1 || item.orderstatus==4 "
 								:custom-style="{fontSize:'12px',background:'rgba(159,159,159,0.05)',color:'#666666',borderColor:'#D2D2D2'}"
 								shape="circle" size="mini" :hair-line="false" :plain="true"
@@ -232,6 +237,221 @@
 
 			</view>
 		</u-modal>
+		<u-modal v-model="resubmitDocumentsShow" title="补传资料" :title-style="{fontWeight:'bold'}" confirm-text="确定"
+			cancel-text="取消" :confirm-style="{background:'#0052FF',color:'#fff'}" :show-cancel-button="true" width="90%"
+			@confirm="underwriteconfirm" @cancel="resubmitDocumentsShow=false">
+			<view class="slot-content">
+				<scroll-view class="scrollBar" scroll-y="true"
+					style="max-height: 500px; padding: 10px 20px; box-sizing: border-box;">
+					<view class="content">
+						<view class="uni-uploader">
+							<view class="uni-uploader-body dis j-s a-c">
+								<view class="uni-uploader__files dis f-c a-start ">
+									<text style="color: #232832;font-size: 13px;margin-left: 5px;">行驶证主页</text>
+									<block v-for="(image,index) in imgList1" :key="index">
+										<view class="uni-uploader__file">
+											<image class="uni-uploader__img" :src="image.url" :data-src="image.url"
+												@tap="previewImage($event,'imgList1')"></image>
+											<view class="delImgIcon iconfont icon-cuowu d-flex a-center j-center"
+												@tap="delCheckImage(image,'carImageListId','imgList1')"></view>
+										</view>
+									</block>
+									<view v-if="imgList1.length==0 " class="uni-uploader__input-box"
+										style="box-sizing: border-box;">
+										<view class="uni-uploader__input"
+											@tap="chooseImage('C01','carImageListId','imgList1')">
+										</view>
+									</view>
+								</view>
+								<view class="uni-uploader__files dis f-c a-start">
+									<text style="color: #232832;font-size: 13px;margin-left: 5px;">行驶证副本</text>
+									<block v-for="(image,index) in imgList2" :key="index">
+										<view class="uni-uploader__file">
+											<image class="uni-uploader__img" :src="image.url" :data-src="image.url"
+												@tap="previewImage($event,'imgList2')"></image>
+											<view class="delImgIcon iconfont icon-cuowu d-flex a-center j-center"
+												@tap="delCheckImage(image,'carImageListId','imgList2')"></view>
+										</view>
+									</block>
+									<view v-if="imgList2.length==0" class="uni-uploader__input-box"
+										style="box-sizing: border-box;">
+										<view class="uni-uploader__input"
+											@tap="chooseImage('D01','carImageListId','imgList2')">
+										</view>
+									</view>
+								</view>
+							</view>
+						</view>
+						<view class="uni-uploader">
+							<view class="uni-uploader-body dis j-s a-c">
+								<view class="uni-uploader__files dis f-c a-start">
+									<text style="color: #232832;font-size: 13px;margin-left: 5px;">车主身份证正面</text>
+									<block v-for="(image,index) in imgList3" :key="index">
+										<view class="uni-uploader__file">
+											<image class="uni-uploader__img" :src="image.url" :data-src="image.url"
+												@tap="previewImage($event,'imgList3')"></image>
+											<view class="delImgIcon iconfont icon-cuowu d-flex a-center j-center"
+												@tap="delCheckImage(image,'ownerImageListId','imgList3')"></view>
+										</view>
+									</block>
+									<view v-if="imgList3.length==0" class="uni-uploader__input-box"
+										style="box-sizing: border-box;">
+										<view class="uni-uploader__input"
+											@tap="chooseImage('C02','ownerImageListId','imgList3')"></view>
+									</view>
+								</view>
+								<view class="uni-uploader__files dis f-c a-start">
+									<text style="color: #232832;font-size: 13px;margin-left: 5px;">车主身份证反面</text>
+									<block v-for="(image,index) in imgList4" :key="index">
+										<view class="uni-uploader__file">
+											<image class="uni-uploader__img" :src="image.url" :data-src="image.url"
+												@tap="previewImage($event,'imgList4')"></image>
+											<view class="delImgIcon iconfont icon-cuowu d-flex a-center j-center"
+												@tap="delCheckImage(image,'ownerImageListId','imgList4')"></view>
+										</view>
+									</block>
+									<view v-if="imgList4.length==0" class="uni-uploader__input-box"
+										style="box-sizing: border-box;">
+										<view class="uni-uploader__input"
+											@tap="chooseImage('D02','ownerImageListId','imgList4')"></view>
+									</view>
+								</view>
+							</view>
+						</view>
+						<view class="uni-uploader">
+							<view class="uni-uploader-body dis j-s a-c">
+								<view class="uni-uploader__files dis f-c a-start">
+									<text style="color: #232832;font-size: 13px;margin-left: 5px;">投保人身份证正面</text>
+									<block v-for="(image,index) in imgList5" :key="index">
+										<view class="uni-uploader__file">
+											<image class="uni-uploader__img" :src="image.url" :data-src="image.url"
+												@tap="previewImage($event,'imgList5')"></image>
+											<view class="delImgIcon iconfont icon-cuowu d-flex a-center j-center"
+												@tap="delCheckImage(image,'policyImageListId','imgList5')"></view>
+										</view>
+									</block>
+									<view v-if="imgList5.length==0" class="uni-uploader__input-box"
+										style="box-sizing: border-box;">
+										<view class="uni-uploader__input"
+											@tap="chooseImage('C03','policyImageListId','imgList5')"></view>
+									</view>
+								</view>
+								<view class="uni-uploader__files dis f-c a-start">
+									<text style="color: #232832;font-size: 13px;margin-left: 5px;">投保人身份证反面</text>
+									<block v-for="(image,index) in imgList6" :key="index">
+										<view class="uni-uploader__file">
+											<image class="uni-uploader__img" :src="image.url" :data-src="image.url"
+												@tap="previewImage($event,'imgList6')"></image>
+											<view class="delImgIcon iconfont icon-cuowu d-flex a-center j-center"
+												@tap="delCheckImage(image,'policyImageListId','imgList6')"></view>
+										</view>
+									</block>
+									<view v-if="imgList6.length==0" class="uni-uploader__input-box"
+										style="box-sizing: border-box;">
+										<view class="uni-uploader__input"
+											@tap="chooseImage('D03','policyImageListId','imgList6')"></view>
+									</view>
+								</view>
+							</view>
+						</view>
+						<view class="uni-uploader">
+							<view class="uni-uploader-body dis j-s a-c">
+								<view class="uni-uploader__files dis f-c a-start">
+									<text style="color: #232832;font-size: 13px;margin-left: 5px;">被保人身份证正面</text>
+									<block v-for="(image,index) in imgList7" :key="index">
+										<view class="uni-uploader__file">
+											<image class="uni-uploader__img" :src="image.url" :data-src="image.url"
+												@tap="previewImage($event,'imgList7')"></image>
+											<view class="delImgIcon iconfont icon-cuowu d-flex a-center j-center"
+												@tap="delCheckImage(image,'insuredImageListId','imgList7')"></view>
+										</view>
+									</block>
+									<view v-if="imgList7.length==0" class="uni-uploader__input-box"
+										style="box-sizing: border-box;">
+										<view class="uni-uploader__input"
+											@tap="chooseImage('C04','insuredImageListId','imgList7')"></view>
+									</view>
+								</view>
+								<view class="uni-uploader__files dis f-c a-start">
+									<text style="color: #232832;font-size: 13px;margin-left: 5px;">被保人身份证反面</text>
+									<block v-for="(image,index) in imgList8" :key="index">
+										<view class="uni-uploader__file">
+											<image class="uni-uploader__img" :src="image.url" :data-src="image.url"
+												@tap="previewImage($event,'imgList8')"></image>
+											<view class="delImgIcon iconfont icon-cuowu d-flex a-center j-center"
+												@tap="delCheckImage(image,'insuredImageListId','imgList8')"></view>
+										</view>
+									</block>
+									<view v-if="imgList8.length==0" class="uni-uploader__input-box"
+										style="box-sizing: border-box;">
+										<view class="uni-uploader__input"
+											@tap="chooseImage('D04','insuredImageListId','imgList8')"></view>
+									</view>
+								</view>
+							</view>
+						</view>
+						<view class="uni-uploader">
+							<view class="uni-uploader-body dis j-s a-c">
+								<view class="uni-uploader__files dis f-c a-start">
+									<text style="color: #232832;font-size: 13px;margin-left: 5px;">新车合格证</text>
+									<block v-for="(image,index) in imgNewCarQualified" :key="index">
+										<view class="uni-uploader__file">
+											<image class="uni-uploader__img" :src="image.url" :data-src="image.url"
+												@tap="previewImage($event,'imgNewCarQualified')"></image>
+											<view class="delImgIcon iconfont icon-cuowu d-flex a-center j-center"
+												@tap="delCheckImage(image,'imgNewCarinvoiceId','imgNewCarQualified')">
+											</view>
+										</view>
+									</block>
+									<view v-if="imgNewCarQualified.length==0" class="uni-uploader__input-box"
+										style="box-sizing: border-box;">
+										<view class="uni-uploader__input"
+											@tap="chooseImage('XC00','imgNewCarinvoiceId','imgNewCarQualified')"></view>
+									</view>
+								</view>
+								<view class="uni-uploader__files dis f-c a-start">
+									<text style="color: #232832;font-size: 13px;margin-left: 5px;">购车发票</text>
+									<block v-for="(image,index) in imgNewCarInvoice" :key="index">
+										<view class="uni-uploader__file">
+											<image class="uni-uploader__img" :src="image.url" :data-src="image.url"
+												@tap="previewImage($event,'imgNewCarInvoice')"></image>
+											<view class="delImgIcon iconfont icon-cuowu d-flex a-center j-center"
+												@tap="delCheckImage(image,'imgNewCarinvoiceId','imgNewCarInvoice')">
+											</view>
+										</view>
+									</block>
+									<view v-if="imgNewCarInvoice.length==0" class="uni-uploader__input-box"
+										style="box-sizing: border-box;">
+										<view class="uni-uploader__input"
+											@tap="chooseImage('GC00','imgNewCarinvoiceId','imgNewCarInvoice')"></view>
+									</view>
+								</view>
+							</view>
+						</view>
+						<view class="uni-uploader">
+							<view class="uni-uploader-body dis j-s a-c">
+								<view class="uni-uploader__files dis f-c a-start">
+									<text style="color: #232832;font-size: 13px;margin-left: 5px;">其他关系证明</text>
+									<block v-for="(image,index) in imgRelationship" :key="index">
+										<view class="uni-uploader__file">
+											<image class="uni-uploader__img" :src="image.url" :data-src="image.url"
+												@tap="previewImage($event,'imgRelationship')"></image>
+											<view class="delImgIcon iconfont icon-cuowu d-flex a-center j-center "
+												@tap="delCheckImage('imgRelationship',index)"></view>
+										</view>
+									</block>
+									<view class="uni-uploader__input-box" style="box-sizing: border-box;">
+										<view class="uni-uploader__input"
+											@tap="chooseImage('GX00','imgRelationshipid','imgRelationship')"></view>
+									</view>
+								</view>
+							</view>
+						</view>
+					</view>
+				</scroll-view>
+			</view>
+		</u-modal>
+		<previewImage ref="previewImage" :opacity="0.8" :circular="true" :imgs="previewImgs"></previewImage>
 	</view>
 </template>
 <script>
@@ -240,9 +460,25 @@
 		mapState,
 		mapMutations
 	} from "vuex"
+	import {
+		pathToBase64,
+		base64ToPath
+	} from '@/common/pdf.js'
+	import uniPopup from '@/components/uni-popup/uni-popup.vue';
+	import previewImage from '@/components/common/previewImage/previewImage.vue'; //引用插件
 	export default {
+		components: {
+			uniPopup,
+			previewImage
+		},
+		computed: {
+			...mapState(['userInfo', 'token', 'quotationType']),
+		},
 		data() {
+
 			return {
+				resubmitDocumentsShow: false,
+
 				OrderTrackShow: false,
 				TrackRecordList: [],
 				product: "",
@@ -343,11 +579,27 @@
 				ownername: "",
 				applyname: "",
 				insurename: "",
+				carImageListId: [],
+				ownerImageListId: [],
+				policyImageListId: [],
+				insuredImageListId: [],
+				imgRelationshipid: [],
+				imgNewCarinvoiceId: [],
+				imgList1: [],
+				imgList2: [],
+				imgList3: [],
+				imgList4: [],
+				imgList5: [],
+				imgList6: [],
+				imgList7: [],
+				imgList8: [],
+				imgRelationship: [], //其他证明
+				imgNewCarQualified: [], //合格证
+				imgNewCarInvoice: [], //发票
+				previewImgs: [],
+				apiType: "",
 			}
 		},
-		computed: {
-			...mapState(['userInfo', 'quotationType']),
-		},
 		onLoad(params) {
 			let item = JSON.parse(params.orderno);
 			this.orderno = item.orderno;
@@ -371,28 +623,340 @@
 			}
 		},
 		methods: {
+			async underwriteconfirm() {
+				await this.uploadRetry();
+				switch (this.inscompany) {
+					case "永安财险":
+						let yaimage = await this.$http.post(
+							'/order/yongAn/submitImage', {
+								companyId: this.id
+							});
+						if (yaimage.code == '200') {
+							uni.showToast({
+								title: '上传成功',
+								icon: 'none',
+							});
+						} else {
+							uni.showToast({
+								title: yaimage.msg,
+								icon: 'none',
+							});
+						}
+						break;
+					case "中煤财险":
+						let zmimage = await this.$http.post(
+							'/order/zhongMeiApi/submitImage', {
+								companyId: this.id
+							});
+						if (zmimage.code == '200') {
+							uni.showToast({
+								title: '上传成功',
+								icon: 'none',
+							});
+						} else {
+							uni.showToast({
+								title: zmimage.msg,
+								icon: 'none',
+							});
+						}
+						break;
+					case "永诚财险":
+						let ycimage = await this.$http.post(
+							'/api/yongCheng/uploadImage', {
+								companyId: this.id
+							});
+						if (ycimage.code == '200') {
+							uni.showToast({
+								title: '上传成功',
+								icon: 'none',
+							});
+						} else {
+							uni.showToast({
+								title: ycimage.msg,
+								icon: 'none',
+							});
+						}
+						break;
+					case "国任财险":
+						let grimage = await this.$http.post(
+							'/api/guoRen/uploadImage', {
+								companyId: this.id
+							});
+						if (grimage.code == '200') {
+							uni.showToast({
+								title: '上传成功',
+								icon: 'none',
+							});
+						} else {
+							uni.showToast({
+								title: grimage.msg,
+								icon: 'none',
+							});
+						}
+						break;
+					case "大家财险":
+						let djapiImage = this.apiType == "2" ? "/insurance/crawler/submitImage" :
+							"/api/dajia/submitImage";
+						let djimage = await this.$http.post(
+							`${djapiImage}`, {
+								[this.apiType == 2 ? "subOrderNo" : "companyId"]: this.id
+							});
+						if (djimage.code == '200') {
+							uni.showToast({
+								title: '上传成功',
+								icon: 'none',
+							});
+						} else {
+							uni.showToast({
+								title: djimage.msg,
+								icon: 'none',
+							});
+						}
+						break;
+					case "紫金财险":
+						let zjimage = await this.$http.post(
+							'/order/zijin/submitImage', {
+								companyId: this.id
+							});
+						if (zjimage.code == '200') {
+							uni.showToast({
+								title: '上传成功',
+								icon: 'none',
+							});
+						} else {
+							uni.showToast({
+								title: zjimage.msg,
+								icon: 'none',
+							});
+						}
+						break;
+					case "华泰财险":
+						let htapiImage = this.apiType == "2" ? "/insurance/crawler/submitImage" :
+							"/order/huaTaiApi/submitImage";
+						let htimage = await this.$http.post(
+							`${htapiImage}`, {
+								[this.apiType == 2 ? "subOrderNo" : "companyId"]: this.id
+							});
+						if (htimage.code == '200') {
+							uni.showToast({
+								title: '上传成功',
+								icon: 'none',
+							});
+						} else {
+							uni.showToast({
+								title: htimage.msg,
+								icon: 'none',
+							});
+						}
+						break;
+					case "渤海财险":
+						let bhimage = await this.$http.post(
+							'/order/boHaiApi/submitImage', {
+								companyId: this.id
+							});
+						if (bhimage.code == '200') {
+							uni.showToast({
+								title: '上传成功',
+								icon: 'none',
+							});
+						} else {
+							uni.showToast({
+								title: bhimage.msg,
+								icon: 'none',
+							});
+						}
+						break;
+					case "恒邦财险":
+					case "诚泰财险":
+					case "安盛天平":
+					case "众安财险":
+					case "中国人寿":
+					case "太平财险":
+					case "华农财险":
+					case "泰康财险":
+						let pythonimage = await this.$http.post(
+							'/insurance/crawler/submitImage', {
+								subOrderNo: this.id
+							});
+						if (pythonimage.code == '200') {
+							uni.showToast({
+								title: '上传成功',
+								icon: 'none',
+							});
+						} else {
+							uni.showToast({
+								title: pythonimage.msg,
+								icon: 'none',
+							});
+						}
+						break;
+				}
+				this.resubmitDocumentsShow = false;
+
+			},
+			resubmitDocuments(item) {
+				this.inscompany = item.inscompany;
+				this.id = item.id;
+				this.apiType = item.apiType;
+				this.imageEcho(item.quoteno);
+				this.resubmitDocumentsShow = true;
+			},
+			async uploadRetry() {
+				const mergedArray = [...this.carImageListId, ...this.ownerImageListId, ...this
+					.policyImageListId, ...this.insuredImageListId, ...this
+					.imgRelationshipid
+				];
+				if (mergedArray.length > 0) {
+					await this.$http.post('/ins/taskImage/uploadImages', {
+						imageList: mergedArray,
+						quoteNo: this.quoteno,
+					})
+				}
+			},
+			//影像预览
+			previewImage(e, type) {
+				this.previewImgs = this[type];
+				var current = e.currentTarget.dataset.src;
+				this.$refs.previewImage.open(current); // 传入当前选中的图片地址或序号
+			},
+			//删除图片
+			delCheckImage(param, IdList, srcList) {
+				this[IdList].map((ele, index) => {
+					if (param.imageId === ele.imageId) {
+						this[IdList].splice(index, 1);
+					}
+					return ele;
+				});
+				this[srcList].map((ele, index) => {
+					if (param.imageId === ele.imageId) {
+						this[srcList].splice(index, 1);
+					}
+					return ele;
+				});
+			},
+			async chooseImage(type, imageIdList, imgurl) {
+				let [chooseImageErr, chooseImageRes] = await uni.chooseImage({
+					count: 1,
+					sizeType: ['compressed']
+				});
+				chooseImageRes.tempFilePaths.map((ele, index) => {
+					uni.uploadFile({
+						url: this.$base.baseUrl + '/ins/taskImage/uploadFile',
+						filePath: ele,
+						name: "multipartFile",
+						formData: {
+							'type': 'image',
+						},
+						header: {
+							Authorization: this.token,
+						},
+						success: async (imgRes) => {
+							let data = JSON.parse(imgRes.data);
+							data.data.url = this.$base.baseUrl + data.data.url;
+							if (data.code == "200") {
+								if (this[imageIdList].some(v => v.imageType == type)) {
+									this[imageIdList].map(val => {
+										if (val.imageType == type) {
+											val.imageId = data.data.id;
+										}
+									})
+								} else {
+									this[imageIdList].push({
+										imageId: data.data.id,
+										imageType: type,
+									})
+								}
+								this[imgurl].push(data.data)
+							}
+						}
+					});
+				})
+			},
+			//影像查询
+			async imageEcho(quotenos) {
+				this.imgList1 = [];
+				this.imgList2 = [];
+				this.imgList3 = [];
+				this.imgList4 = [];
+				this.imgList5 = [];
+				this.imgList6 = [];
+				this.imgList7 = [];
+				this.imgList8 = [];
+				let imgres = await this.$http.get('/ins/taskImage/findByQuoteNo?quoteNo=' + quotenos);
+				if (imgres.code == "200") {
+					Object.keys(imgres.data).forEach((keys) => {
+						if (imgres.data[keys].url) {
+							imgres.data[keys].url = this.$base.baseUrl + imgres.data[keys].url;
+							switch (keys) {
+								case 'C01':
+									this.carImageListId.push({
+										imageId: imgres.data[keys].imageId,
+										imageType: imgres.data[keys].imageType,
+									})
+									this.imgList1.push(imgres.data[keys]);
+									break;
+								case 'D01':
+									this.carImageListId.push({
+										imageId: imgres.data[keys].imageId,
+										imageType: imgres.data[keys].imageType,
+									})
+									this.imgList2.push(imgres.data[keys]);
+									break;
+								case 'C02':
+									this.ownerImageListId.push({
+										imageId: imgres.data[keys].imageId,
+										imageType: imgres.data[keys].imageType,
+									})
+									this.imgList3.push(imgres.data[keys]);
+									break;
+								case 'D02':
+									this.ownerImageListId.push({
+										imageId: imgres.data[keys].imageId,
+										imageType: imgres.data[keys].imageType,
+									})
+									this.imgList4.push(imgres.data[keys]);
+									break;
+								case 'C03':
+									this.policyImageListId.push({
+										imageId: imgres.data[keys].imageId,
+										imageType: imgres.data[keys].imageType,
+									})
+									this.imgList5.push(imgres.data[keys]);
+									break;
+								case 'D03':
+									this.policyImageListId.push({
+										imageId: imgres.data[keys].imageId,
+										imageType: imgres.data[keys].imageType,
+									})
+									this.imgList6.push(imgres.data[keys]);
+									break;
+								case 'C04':
+									this.insuredImageListId.push({
+										imageId: imgres.data[keys].imageId,
+										imageType: imgres.data[keys].imageType,
+									})
+									this.imgList7.push(imgres.data[keys]);
+									break;
+								case 'D04':
+									this.insuredImageListId.push({
+										imageId: imgres.data[keys].imageId,
+										imageType: imgres.data[keys].imageType,
+									})
+									this.imgList8.push(imgres.data[keys]);
+									break;
+								default:
+									break;
+							}
+						}
+					});
+
+				}
+			},
 			//重新报价
 			CloseEdit(val) {
 				uni.navigateTo({
 					url: "/pages/carInsure/premiumCalc?orderno=" + val
 				})
-				// this.navigate({
-				// 	url: '/pages/carInsure1/quote1',
-				// 	success: (res) => {
-				// 		res.eventChannel.emit("acceptData", {
-				// 			carInfo: val.carinfo, //车辆信息
-				// 			ownerInfo: val.ownerinfo, //车主信息
-				// 			policyHolderInfo: val.applyinfo, //
-				// 			insuredPersonInfo: val.insureinfo,
-				// 			riskList: val.risk,
-				// 			kindList: val.king,
-				// 			orderno: val.orderno, //车辆
-				// 			quoteno: val.quoteno, //车主
-				// 			vehicleAndVesselTaxForm: val.vehicleAndVesselTax, //车船税
-
-				// 		})
-				// 	}
-				// }, "navigateTo", true);
 			},
 			//打开步骤条弹框
 			async openSteps(orderno) {
@@ -543,17 +1107,16 @@
 			async revokeQrCodeconfirm() {
 				let res = await this.$http.post('/order/qrCode/destructionQrCode?areaCompanyId=' + this.id)
 				if (res.code == '200') {
+					this.querylist();
 					uni.showToast({
 						title: res.msg,
-						icon: 'success',
-						duration: 1000
+						icon: 'none',
 					});
-					this.querylist();
 				} else {
+					this.querylist();
 					uni.showToast({
 						title: res.msg,
 						icon: 'none',
-						duration: 1000
 					});
 				}
 			},
@@ -567,15 +1130,13 @@
 				if (res.code == '200') {
 					uni.showToast({
 						title: res.msg,
-						icon: 'success',
-						duration: 1000
+						icon: 'none',
 					});
 					this.querylist();
 				} else {
 					uni.showToast({
 						title: res.msg,
 						icon: 'none',
-						duration: 1000
 					});
 				}
 			},
@@ -714,7 +1275,6 @@
 				}
 			},
 			async queryStatus(id, item) {
-
 				switch (item.inscompany) {
 					case "紫金财险":
 						let zjres = await this.$http.post('/order/zijin/getOrderDetail', {
@@ -999,7 +1559,6 @@
 					width: 100%;
 					background: linear-gradient(90deg, #FFFCFA 0%, #FFF5F2 100%);
 					padding: 3px 30px;
-					margin-bottom: 1px;
 
 					text:first-child {
 						font-family: Source Han Sans SC, Source Han Sans SC;
@@ -1009,7 +1568,7 @@
 
 					text:last-child {
 						font-family: DIN Alternate, DIN Alternate;
-						font-size: 13px;
+						font-size: 14px;
 						color: #6B2709;
 					}
 				}
@@ -1148,4 +1707,17 @@
 			}
 		}
 	}
+
+	.uni-uploader__file {
+		position: relative;
+	}
+
+	.delImgIcon {
+		width: 40upx;
+		height: 40upx;
+		position: absolute;
+		right: 0upx;
+		top: 0upx;
+		color: #FFFFFF;
+	}
 </style>

style/uni.css

@@ -794,49 +794,60 @@ checkbox-group label {
 .uni-uploader__files text {
 	color: #999;
 	font-size: 12px;
+	margin: 5px 0;
 }
 
 .uni-uploader__file {
-	margin: 10rpx;
 	width: 100%;
-	height: 92px;
+	height: 100px;
+	border-radius: 2px;
 }
 
 .uni-uploader__img {
 	display: block;
 	width: 100%;
-	height: 92px;
+	height: 100px;
+	border-radius: 2px;
 }
 
 .uni-uploader__input-box {
 	position: relative;
-	margin: 10rpx;
 	width: 100%;
-	height: 92px;
+	height: 100px;
 	border: 1px dashed #CED4DA;
 	background: #F9F9F9;
+	border-radius: 2px;
 }
 
-.uni-uploader__input-box:before,
+
 .uni-uploader__input-box:after {
 	content: " ";
 	position: absolute;
 	top: 50%;
 	left: 50%;
-	-webkit-transform: translate(-50%, -50%);
 	transform: translate(-50%, -50%);
-	background-color: #0052FF;
+	background-image: url('/static/image/car-insure/imgicon.png');
+	/* 替换为你的图片路径 */
+	background-size: cover;
+	/* 确保图片覆盖整个元素 */
+	background-repeat: no-repeat;
+	/* 防止图片重复 */
+	width: 25px;
+	/* 设定宽度 */
+	height: 25px;
+	/* 设定高度 */
 }
 
 .uni-uploader__input-box:before {
-	width: 4rpx;
-	height: 50rpx;
+	content: "添加照片";
+	position: absolute;
+	top: 75%;
+	left: 50%;
+	color: #999;
+	font-size: 12px;
+	transform: translate(-50%, -50%);
 }
 
-.uni-uploader__input-box:after {
-	width: 50rpx;
-	height: 4rpx;
-}
 
 .uni-uploader__input-box:active {
 	border-color: #999999;