|
|
@@ -1,88 +1,191 @@
|
|
|
<template>
|
|
|
- <view @click.native="init" class="page">
|
|
|
- <view class="car-header dis a-c">
|
|
|
- <image src="/static/image/car-insure/Group.png" mode="" style="width: 40px;height: 40px;"></image>
|
|
|
- <view class="dis f-c head-name">
|
|
|
- <text>{{licenseno}}</text>
|
|
|
- <view class="name1">
|
|
|
- <text style="margin-right: 10px;">{{insuredname}}</text>
|
|
|
- <text>{{modelcname}}</text>
|
|
|
+ <view class="page">
|
|
|
+ <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">
|
|
|
+ <view class="dis a-c j-start ">
|
|
|
+ <u-icon name="arrow-left" size="40" @tap="back"></u-icon>
|
|
|
+ <text style="margin: auto;" class="text">{{pagetitle}}</text>
|
|
|
</view>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <view class="pdd mt-3">
|
|
|
- <view class="sub-orders " v-for="(item,index) in sublist" :key="index">
|
|
|
- <view class="status dis a-c j-s">
|
|
|
- <view v-for="(statusitem, statusindex) in statusList" :key="statusindex" class="dis a-c"
|
|
|
- style="font-weight: bold;" v-if="item.orderstatus == statusitem.value">
|
|
|
- <image :src="statusitem.src" mode="" style="width: 22px;height: 22px;margin-right: 5px;">
|
|
|
+ <view class="car-header dis f-c mt-5">
|
|
|
+ <view v-for="(insuranceListitem, insuranceListindex) in insuranceList" :key="insuranceListindex"
|
|
|
+ v-if="insuranceListitem.product==product">
|
|
|
+ <image :src="insuranceListitem.img" mode=""
|
|
|
+ style="width: 107px;height: 39px;position: absolute;top: -5px;right: 0;">
|
|
|
</image>
|
|
|
- <text :style="{color: statusitem.color}">{{statusitem.label}}</text>
|
|
|
</view>
|
|
|
- <text>￥{{item.sumpremium}}</text>
|
|
|
+ <view class="dis f-c ">
|
|
|
+ <text :style="{color:item.Color}" class="licenseno">{{licenseno}}</text>
|
|
|
+ <text style="color: #666666;font-size: 12px;">{{modelcname}}</text>
|
|
|
+ <view class="useritem dis a-c j-s mt-1" :style="{background:item.userback}">
|
|
|
+ <view class="dis f-c a-c">
|
|
|
+ <text>{{ownername}}</text>
|
|
|
+ <text>车主</text>
|
|
|
+ </view>
|
|
|
+ <view class="dis f-c a-c">
|
|
|
+ <text>{{applyname}}</text>
|
|
|
+ <text>投保人</text>
|
|
|
+ </view>
|
|
|
+ <view class="dis f-c a-c">
|
|
|
+ <text>{{insurename}}</text>
|
|
|
+ <text>被保人</text>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
- <view class="orders-centre">
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="p-2" style="padding: 240px 12px 50px 12px;" v-if="sublist.length!=0">
|
|
|
+ <view class="sub-item mt-3" v-for="(item,index) in sublist" :key="index">
|
|
|
+ <view class="headers dis a-c j-start" :style="{background:item.color}">
|
|
|
+ <image :src="item.logoimg" mode="" style="width: 23px;height: 23px;"></image>
|
|
|
<text>{{item.inscompany}}</text>
|
|
|
- <view class="sum dis f-wrap">
|
|
|
- <view v-if="item.jqpremium">交强险：￥{{item.jqpremium}}</view>
|
|
|
- <view v-if="item.sypremium">商业险：￥{{item.sypremium}}</view>
|
|
|
- <view>车船税：￥{{item.taxamount}}</view>
|
|
|
- <view v-if="item.jypremium">驾意险：￥{{item.jypremium}}</view>
|
|
|
- </view>
|
|
|
</view>
|
|
|
- <view class="orders-below dis f-c">
|
|
|
- <view class="dis a-c j-end">
|
|
|
- <u-button
|
|
|
- v-if="item.orderstatus==2 && ['恒邦财险','安盛天平','中国人寿','众安财险','太平财险','紫金财险','永诚财险','国任财险','大家财险','华泰财险','中煤财险','华农财险','渤海财险','泰康财险','诚泰财险'].includes(item.inscompany)"
|
|
|
- size="mini" :custom-style="{fontSize:'14px'}" type="error" :plain="true"
|
|
|
- @click="queryStatus(item.id,item)">查询缴费状态</u-button>
|
|
|
- <u-button v-if="item.orderstatus==2" size="mini" type="error" :custom-style="{fontSize:'14px'}"
|
|
|
- :plain="true" @click="Payment(item.id,item.apiType)">二维码</u-button>
|
|
|
- <u-button v-if="item.orderstatus==2 && ['紫金财险'].includes(item.inscompany)" size="mini"
|
|
|
- type="error" :custom-style="{fontSize:'14px'}" :plain="true"
|
|
|
- @click="cancelorder(item.id)">撤单</u-button>
|
|
|
- <u-button v-if="item.orderstatus==2" size="mini" type="primary"
|
|
|
- :custom-style="{fontSize:'14px'}" :plain="true"
|
|
|
- @click="revokeCode(item.id)">撤销二维码</u-button>
|
|
|
-
|
|
|
- <u-button v-if="item.orderstatus==1" size="mini" type="default"
|
|
|
- :custom-style="{fontSize:'14px'}" :plain="true"
|
|
|
- @click="terminateOrder(item.id)">关闭订单</u-button>
|
|
|
- <u-button v-if="item.orderstatus==1" size="mini" type="default"
|
|
|
- :custom-style="{fontSize:'14px'}" :plain="true"
|
|
|
- @click="revokeUnderwriting(item.id)">取消核保</u-button>
|
|
|
+ <view class="sub-orders ">
|
|
|
+ <view class="dis">
|
|
|
+ <view class="orders-centre dis f-c">
|
|
|
+ <view class="dataChunk special dis j-s a-c">
|
|
|
+ <text>总金额</text>
|
|
|
+ <text class="font-weight">{{item.sumpremium?item.sumpremium:0}}</text>
|
|
|
+ </view>
|
|
|
+ <view class="dataChunk dis j-s a-c" v-if="item.jqpremium">
|
|
|
+ <text>交强险</text>
|
|
|
+ <text class="font-weight">{{item.jqpremium?item.jqpremium:'无'}}</text>
|
|
|
+ </view>
|
|
|
+ <view class="dataChunk dis j-s a-c" v-if="item.taxamount">
|
|
|
+ <text>车船税</text>
|
|
|
+ <text class="font-weight">{{item.taxamount?item.taxamount:'无'}}</text>
|
|
|
+ </view>
|
|
|
+ <view class="dataChunk dis j-s a-c" v-if="item.sypremium">
|
|
|
+ <text>商业险</text>
|
|
|
+ <text class="font-weight">{{item.sypremium?item.sypremium:'无'}}</text>
|
|
|
+ </view>
|
|
|
+ <view class="dataChunk dis j-s a-c" v-if="item.jypremium">
|
|
|
+ <text>驾意险</text>
|
|
|
+ <text class="font-weight">{{item.jypremium?item.jypremium:'无'}}</text>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <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>
|
|
|
+ </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">
|
|
|
+ <text class="font-weight">-</text>
|
|
|
+ </view>
|
|
|
+ <view class="dataChunk dis j-s a-c" v-if="item.syExportFee">
|
|
|
+ <text>优惠金额</text>
|
|
|
+ <text class="font-weight">{{item.syExportFee?item.syExportFee:"无"}}</text>
|
|
|
+ </view>
|
|
|
+ <view class="dataChunk dis j-s a-c" v-if="item.noExportFee">
|
|
|
+ <text>优惠金额</text>
|
|
|
+ <text class="font-weight">{{item.noExportFee?item.noExportFee:"无"}}</text>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
- <view class="dis a-c j-end" style="margin-top: 5px;">
|
|
|
- <u-button v-if="(item.orderstatus==4 || item.orderstatus==1) && item.inscompany=='华泰财险'"
|
|
|
- size="mini" :custom-style="{fontSize:'14px'}" type="error" :plain="true"
|
|
|
- @click="huataiunderwriting(item)">更新订单</u-button>
|
|
|
- <u-button
|
|
|
- v-if="item.orderstatus==1 && ['中煤财险','永诚财险','国任财险','大家财险','渤海财险','恒邦财险','安盛天平','中国人寿','众安财险','太平财险','华农财险','泰康财险','诚泰财险'].includes(item.inscompany)"
|
|
|
- size="mini" type="error" :plain="true" :custom-style="{fontSize:'14px'}"
|
|
|
- @click="underwriting(item.id,item.inscompany)">更新订单</u-button>
|
|
|
- <u-button v-if="item.orderstatus==4" size="mini" type="primary"
|
|
|
- :custom-style="{fontSize:'14px',background:'#ffaa00'}"
|
|
|
- @click="approvalReason(item.id)">核保原因</u-button>
|
|
|
- <u-button size="mini" type="primary" :custom-style="{fontSize:'14px',background:'#FF5600'}"
|
|
|
- @click="bjdpreview(item.id)">报价单</u-button>
|
|
|
- <u-button size="mini" type="primary" :custom-style="{fontSize:'14px'}"
|
|
|
- @click="detial(item.id)">查看详情</u-button>
|
|
|
+ <view class="dis f-c">
|
|
|
+ <text class="mt-1" style="font-size: 12px;color: #333;"
|
|
|
+ v-if="item.jqStartDate">交强险保险期间：{{item.jqStartDate}}-{{item.jqEndDate}}</text>
|
|
|
+ <text class="mt-1" style="font-size: 12px;color: #333;"
|
|
|
+ v-if="item.jqStartDate">商业险保险期间：{{item.jqStartDate}}-{{item.jqEndDate}}</text>
|
|
|
</view>
|
|
|
- <!-- <text class="arrivalNavigations" :data-id="item.id" @tap.stop.prevent="Moremethods">更多
|
|
|
- <view class="arrivalNavigation" v-if="item.checked">
|
|
|
- <view class="d4"></view>
|
|
|
- <view class="sideNavigation">
|
|
|
- <view class="sideNavigation-btn">
|
|
|
- <view @click="bjdpreview(item.id)">报价单</view>
|
|
|
- <view v-if="item.orderstatus==2 && ['紫金财险'].includes(item.inscompany)"
|
|
|
- @click="cancelorder(item.id)">撤单</view>
|
|
|
- <view v-if="item.orderstatus==2" @click="revokeCode(item.id)">撤销二维码</view>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
+ <view class="dis a-c f-wrap time">
|
|
|
+ <text v-if="item.inscompany == '永诚财险'">光博分：{{ item.ilogPreUdwMess ?
|
|
|
+ item.ilogPreUdwMess : '无' }}</text>
|
|
|
+ <text v-else>评分：{{ item.ilogPreUdwMess ?
|
|
|
+ item.ilogPreUdwMess : '无' }}</text>
|
|
|
+ <text v-if="item.jqScore">交强类型评分：{{ item.jqScore ?
|
|
|
+ item.jqScore : '无' }}</text>
|
|
|
+ <text v-if="item.syScore">商业类型评分：{{ item.syScore ?
|
|
|
+ item.syScore : '无' }}</text>
|
|
|
+ <text v-if="item.lossRation">总赔付率：{{ item.lossRation ?
|
|
|
+ item.lossRation : '无' }}</text>
|
|
|
+ <text v-if="item.jqLossRation">交强赔付率：{{ item.jqLossRation ?
|
|
|
+ item.jqLossRation : '无' }}</text>
|
|
|
+ <text v-if="item.syLossRation">商业赔付率：{{ item.syLossRation ?
|
|
|
+ item.syLossRation : '无' }}</text>
|
|
|
+ <text v-if="item.inscompany == '紫金财险'">鼎然-车辆风险评分：{{item.ubiPredictedInfoScore ?
|
|
|
+ item.ubiPredictedInfoScore : '无'}}</text>
|
|
|
+ <text v-if="item.jqRenewal">交强续保：{{ item.jqRenewal ?
|
|
|
+ item.jqRenewal : '无' }}</text>
|
|
|
+ <text v-if="item.syRenewal">商业续保：{{ item.syRenewal ?
|
|
|
+ item.syRenewal : '无' }}</text>
|
|
|
+ <text v-if="item.jqClaims">交强出险次数：{{ item.jqClaims ?
|
|
|
+ item.jqClaims : '无' }}</text>
|
|
|
+ <text v-if="item.syClaims">商业出险次数：{{ item.syClaims ?
|
|
|
+ item.syClaims : '无' }}</text>
|
|
|
+ </view>
|
|
|
+ <view class="orders-below dis f-c">
|
|
|
+ <view class="dis a-c j-end">
|
|
|
+ <u-button
|
|
|
+ :custom-style="{fontSize:'12px',background:'rgba(158,0,255,0.05)',color:'#9E00FF',borderColor:'#9E00FF'}"
|
|
|
+ shape="circle" size="mini" :hair-line="false" :plain="true" type=""
|
|
|
+ @click="openSteps(item.id)">订单轨迹</u-button>
|
|
|
+ <u-button
|
|
|
+ :custom-style="{fontSize:'12px',background:'rgba(255,86,0,0.05)',color:'#FF5600',borderColor:'#FF5600'}"
|
|
|
+ shape="circle" size="mini" :hair-line="false" :plain="true" type=""
|
|
|
+ @click="bjdpreview(item.id)">报价单</u-button>
|
|
|
+ <u-button
|
|
|
+ :custom-style="{fontSize:'12px',background:'rgba(0,82,255,0.1)',color:'#0052FF',borderColor:'#0052FF'}"
|
|
|
+ shape="circle" size="mini" :hair-line="false" :plain="true" type=""
|
|
|
+ @click="detial(item.id)">查看详情</u-button>
|
|
|
+ </view>
|
|
|
+ <view class="dis a-c j-end" style="margin-top: 8px;">
|
|
|
+ <u-button v-if="item.orderstatus==4"
|
|
|
+ :custom-style="{fontSize:'12px',background:'rgba(255,86,0,0.05)',color:'#FF5600',borderColor:'#FF5600'}"
|
|
|
+ shape="circle" size="mini" :hair-line="false" :plain="true" type=""
|
|
|
+ @click="CloseEdit(item.orderno)">重新报价</u-button>
|
|
|
+ <u-button v-if="item.orderstatus==4"
|
|
|
+ :custom-style="{fontSize:'12px',background:'rgba(255,86,0,0.05)',color:'#FF5600',borderColor:'#FF5600'}"
|
|
|
+ shape="circle" size="mini" :hair-line="false" :plain="true" type=""
|
|
|
+ @click="approvalReason(item.id)">查看原因</u-button>
|
|
|
+ <u-button v-if="(item.orderstatus==4 || item.orderstatus==1) && item.inscompany=='华泰财险'"
|
|
|
+ :custom-style="{fontSize:'12px',background:'rgba(255,77,77,0.05)',color:'#FF4D4D',borderColor:'#FF4D4D'}"
|
|
|
+ shape="circle" size="mini" :hair-line="false" :plain="true" type=""
|
|
|
+ @click="huataiunderwriting(item)">更新状态</u-button>
|
|
|
+ <u-button
|
|
|
+ v-if="item.orderstatus==1 && ['中煤财险','永诚财险','国任财险','大家财险','渤海财险','恒邦财险','安盛天平','中国人寿','众安财险','太平财险','华农财险','泰康财险','诚泰财险'].includes(item.inscompany)"
|
|
|
+ :custom-style="{fontSize:'12px',background:'rgba(255,77,77,0.05)',color:'#FF4D4D',borderColor:'#FF4D4D'}"
|
|
|
+ shape="circle" size="mini" :hair-line="false" :plain="true" type=""
|
|
|
+ @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"
|
|
|
+ @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'}"
|
|
|
+ shape="circle" size="mini" :hair-line="false" :plain="true" type=""
|
|
|
+ @click="Payment(item.id,item.apiType)">缴费二维码</u-button>
|
|
|
+ <u-button
|
|
|
+ v-if="item.orderstatus==2 && ['恒邦财险','安盛天平','中国人寿','众安财险','太平财险','紫金财险','永诚财险','国任财险','大家财险','华泰财险','中煤财险','华农财险','渤海财险','泰康财险','诚泰财险'].includes(item.inscompany)"
|
|
|
+ :custom-style="{fontSize:'12px',background:'rgba(255,86,0,0.05)',color:'#FF5600',borderColor:'#FF5600'}"
|
|
|
+ shape="circle" size="mini" :hair-line="false" :plain="true" type=""
|
|
|
+ @click="queryStatus(item.id,item)">查询缴费状态</u-button>
|
|
|
+ <u-button v-if="item.orderstatus==2"
|
|
|
+ :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="revokeCode(item.id)">撤销二维码</u-button>
|
|
|
+ <u-button v-if="item.orderstatus==1"
|
|
|
+ :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==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"
|
|
|
+ @click="terminateOrder(item.id)">关闭订单</u-button>
|
|
|
+
|
|
|
</view>
|
|
|
- </text> -->
|
|
|
+
|
|
|
+ </view>
|
|
|
</view>
|
|
|
</view>
|
|
|
+
|
|
|
</view>
|
|
|
<o-empty v-if="sublist.length==0" />
|
|
|
<u-modal v-model="approvalReasonShow" title="核保原因"
|
|
|
@@ -98,13 +201,37 @@
|
|
|
</u-modal>
|
|
|
<u-modal v-model="revokeQrCodeShow" title="提示"
|
|
|
:title-style="{fontWeight: 'bold',borderBottom:'1px solid #f2f2f2',padding:'10px'}"
|
|
|
- :show-cancel-button="false"
|
|
|
+ :show-cancel-button="true"
|
|
|
:confirm-style="{background:'#E6EEFF',color:'#0052FF',height:'40px',lineHeight:'40px'}"
|
|
|
- @confirm="revokeQrCodeconfirm" confirm-text="确定">
|
|
|
+ :cancel-style="{height:'40px',lineHeight:'40px'}" @confirm="revokeQrCodeconfirm" confirm-text="确定">
|
|
|
<view class="slot-content dis a-c j-c p-2">
|
|
|
确认撤销二维码?
|
|
|
</view>
|
|
|
</u-modal>
|
|
|
+ <u-modal v-model="OrderTrackShow" title="订单轨迹"
|
|
|
+ :title-style="{fontWeight: 'bold',borderBottom:'1px solid #f2f2f2',padding:'10px'}"
|
|
|
+ :show-cancel-button="false"
|
|
|
+ :confirm-style="{background:'#E6EEFF',color:'#0052FF',height:'40px',lineHeight:'40px'}"
|
|
|
+ @confirm="OrderTrackShow=false" confirm-text="关闭">
|
|
|
+ <view class="slot-content dis a-c p-2">
|
|
|
+ <view class="dis a-c j-c f-c">
|
|
|
+ <view class="TrackRecord dis f-c a-start" v-for="(item,index) in TrackRecordList" :key="index">
|
|
|
+ <view class="dis a-c">
|
|
|
+ <view class="circle dis j-c a-c">{{index+1}}</view>
|
|
|
+ <text class="title">{{item.orderStatus}}</text>
|
|
|
+ </view>
|
|
|
+ <view class="dis f-c content mt-2">
|
|
|
+ <view class="">
|
|
|
+ <text>保险公司：{{item.insCompany}}</text>
|
|
|
+ <text style="margin-left: 10px;">提交人：{{item.operator}}</text>
|
|
|
+ </view>
|
|
|
+ <text>创建时间：{{item.createTime}}</text>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+
|
|
|
+ </view>
|
|
|
+ </u-modal>
|
|
|
</view>
|
|
|
</template>
|
|
|
<script>
|
|
|
@@ -116,6 +243,9 @@
|
|
|
export default {
|
|
|
data() {
|
|
|
return {
|
|
|
+ OrderTrackShow: false,
|
|
|
+ TrackRecordList: [],
|
|
|
+ product: "",
|
|
|
revokeQrCodeShow: false,
|
|
|
scrollTop: 0,
|
|
|
approvalReasonShow: false, //核保意见
|
|
|
@@ -147,38 +277,72 @@
|
|
|
},
|
|
|
|
|
|
],
|
|
|
+ insuranceList: [{
|
|
|
+ product: "单交",
|
|
|
+ img: "/static/image/car-insure/danjiao.png",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ product: "单商",
|
|
|
+ img: "/static/image/car-insure/danshang.png",
|
|
|
+
|
|
|
+ }, {
|
|
|
+ product: "单三",
|
|
|
+ img: "/static/image/car-insure/dansan.png",
|
|
|
+
|
|
|
+ }, {
|
|
|
+ product: "交三",
|
|
|
+ img: "/static/image/car-insure/jiaosan.png",
|
|
|
+
|
|
|
+ }, {
|
|
|
+ product: "交商",
|
|
|
+ img: "/static/image/car-insure/jiaoshang.png",
|
|
|
+
|
|
|
+ }
|
|
|
+ ],
|
|
|
+
|
|
|
statusList: [{
|
|
|
label: '进行中',
|
|
|
value: 0,
|
|
|
- color: "#229805",
|
|
|
- src: "/static/image/car-insure/state1.png"
|
|
|
},
|
|
|
{
|
|
|
- label: '待核保',
|
|
|
+ label: '核保中',
|
|
|
value: 1,
|
|
|
- color: "#FF5600",
|
|
|
- src: "/static/image/car-insure/state2.png"
|
|
|
+ Color: "#FF5600",
|
|
|
+ headerimg: "url('/static/image/car-insure/header1.png')",
|
|
|
+ userback: "linear-gradient(180deg , #FFF6EC 0%, #FFFCF8 100%)",
|
|
|
},
|
|
|
{
|
|
|
label: '待缴费',
|
|
|
value: 2,
|
|
|
- color: "#FF0F00",
|
|
|
- src: "/static/image/car-insure/state3.png"
|
|
|
+ Color: "#FF0F00",
|
|
|
+ headerimg: "url('/static/image/car-insure/header2.png')",
|
|
|
+ userback: " linear-gradient( 180deg, #FFEFEC 0%, #FFF8F8 100%)",
|
|
|
},
|
|
|
{
|
|
|
label: '已承保',
|
|
|
value: 3,
|
|
|
- color: "#0052FF",
|
|
|
- src: "/static/image/car-insure/state4.png"
|
|
|
+ Color: "#0052FF",
|
|
|
+ headerimg: "url('/static/image/car-insure/header3.png')",
|
|
|
+ userback: " linear-gradient(180deg, #ECFDFF 0%, #F8FFFF 100%)",
|
|
|
},
|
|
|
{
|
|
|
label: '核保退回',
|
|
|
value: 4,
|
|
|
- color: "#727272",
|
|
|
- src: "/static/image/car-insure/state5.png"
|
|
|
+ Color: "#9E00FF",
|
|
|
+ headerimg: "url('/static/image/car-insure/header4.png')",
|
|
|
+ userback: "linear-gradient(180deg , #FCECFF 0%, #FEF8FF 100%)",
|
|
|
}
|
|
|
],
|
|
|
+ backColorList: [
|
|
|
+ 'linear-gradient( 90deg, #FFE5C6 0%, #FFF4DF 100%)',
|
|
|
+ 'linear-gradient( 90deg, #CCDDFF 0%, #EDF2FF 100%)',
|
|
|
+ 'linear-gradient( 90deg, #E9FFCC 0%, #EEFFED 100%)'
|
|
|
+ ],
|
|
|
id: "",
|
|
|
+ pagetitle: "", //页面标题
|
|
|
+ ownername: "",
|
|
|
+ applyname: "",
|
|
|
+ insurename: "",
|
|
|
}
|
|
|
},
|
|
|
computed: {
|
|
|
@@ -190,27 +354,69 @@
|
|
|
this.modelcname = item.modelcname;
|
|
|
this.insuredname = item.insuredname;
|
|
|
this.licenseno = item.licenseno;
|
|
|
- this.orderStatus = item.orderStatus,
|
|
|
- this.querylist();
|
|
|
+ this.orderStatus = item.orderStatus;
|
|
|
+ this.product = item.product;
|
|
|
+ this.ownername = item.ownername;
|
|
|
+ this.applyname = item.applyname;
|
|
|
+ this.insurename = item.insurename;
|
|
|
+ this.querylist();
|
|
|
if (this.orderStatus == '1') {
|
|
|
- uni.setNavigationBarTitle({
|
|
|
- title: "待核保任务"
|
|
|
- })
|
|
|
+ this.pagetitle = "核保中任务"
|
|
|
} else if (this.orderStatus == '2') {
|
|
|
- uni.setNavigationBarTitle({
|
|
|
- title: "待缴费任务"
|
|
|
- })
|
|
|
+ this.pagetitle = "待缴费任务"
|
|
|
} else if (this.orderStatus == '3') {
|
|
|
- uni.setNavigationBarTitle({
|
|
|
- title: "已承保任务"
|
|
|
- })
|
|
|
+ this.pagetitle = "已承保任务"
|
|
|
} else if (this.orderStatus == '4') {
|
|
|
- uni.setNavigationBarTitle({
|
|
|
- title: "核保退回任务"
|
|
|
- })
|
|
|
+ this.pagetitle = "核保退回任务"
|
|
|
}
|
|
|
},
|
|
|
methods: {
|
|
|
+ //重新报价
|
|
|
+ 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) {
|
|
|
+ let res = await this.$http.get("/insurance/track/queryBySuborder?suborder=" + orderno)
|
|
|
+ if (res.code == '200') {
|
|
|
+ this.statusList.map(valA => {
|
|
|
+ res.data.map(valB => {
|
|
|
+ if (valA.value == valB.orderStatus) {
|
|
|
+ valB.orderStatus = valA.label;
|
|
|
+ }
|
|
|
+ return valB
|
|
|
+ })
|
|
|
+ })
|
|
|
+ this.TrackRecordList = res.data;
|
|
|
+ this.OrderTrackShow = true;
|
|
|
+ }
|
|
|
+ },
|
|
|
+
|
|
|
+ back() {
|
|
|
+ uni.navigateBack({
|
|
|
+ delta: 1, // 返回的页面数，如果是1表示返回上一页
|
|
|
+ success: function() {}
|
|
|
+ });
|
|
|
+ },
|
|
|
async terminateOrder(id) {
|
|
|
let res = await this.$http.get('/subOrder/close/' + id)
|
|
|
if (res.code == '200') {
|
|
|
@@ -262,11 +468,17 @@
|
|
|
orderStatus: this.orderStatus,
|
|
|
}
|
|
|
let res = await this.$http.post('/insurance/order/queryQuoteHistory', params)
|
|
|
- this.sublist = res.data;
|
|
|
- this.sublist.map(val => {
|
|
|
- val.checked = false;
|
|
|
+ res.data.map((val, index) => {
|
|
|
+ this.$base.insCompanyList.map(ele => {
|
|
|
+ if (ele.name == val.inscompany) {
|
|
|
+ val.logoimg = ele.icon;
|
|
|
+ }
|
|
|
+ return ele;
|
|
|
+ })
|
|
|
+ val.color = this.backColorList[index % this.backColorList.length] // 循环使用颜色列表
|
|
|
return val;
|
|
|
})
|
|
|
+ this.sublist = res.data;
|
|
|
},
|
|
|
//更多操作
|
|
|
Moremethods(e) {
|
|
|
@@ -669,10 +881,48 @@
|
|
|
}
|
|
|
</style>
|
|
|
<style lang="scss" scoped>
|
|
|
+ /deep/ {
|
|
|
+ .o-empty {
|
|
|
+ position: absolute;
|
|
|
+ left: 0;
|
|
|
+ width: 100%;
|
|
|
+ bottom: 0;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .search {
|
|
|
+ height: auto;
|
|
|
+ width: 100%;
|
|
|
+ z-index: 999999;
|
|
|
+ padding: 12px 12px 0 12px;
|
|
|
+ padding-top: 50px;
|
|
|
+ height: auto;
|
|
|
+ background: #F8FAFE;
|
|
|
+ // background-image: url("/static/image/addStaff/bfg.png");
|
|
|
+ background-size: 100% 100%;
|
|
|
+
|
|
|
+ .text {
|
|
|
+ font-size: 18px;
|
|
|
+ font-weight: bold;
|
|
|
+ color: #000;
|
|
|
+ }
|
|
|
+
|
|
|
+ image {
|
|
|
+ width: 22px;
|
|
|
+ height: 22px;
|
|
|
+ margin-left: 20px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .flexd {
|
|
|
+ position: fixed;
|
|
|
+ left: 0;
|
|
|
+ right: 0;
|
|
|
+ }
|
|
|
+
|
|
|
.page {
|
|
|
- min-height: calc(100vh - 44px);
|
|
|
+ min-height: 100vh;
|
|
|
background-color: #F8FAFE;
|
|
|
- padding: 16px 16px 30px 16px;
|
|
|
}
|
|
|
|
|
|
.car-header {
|
|
|
@@ -681,78 +931,127 @@
|
|
|
background: #FFFFFF;
|
|
|
box-shadow: 0px 4px 10px 0px #DAE3F4;
|
|
|
border-radius: 6px;
|
|
|
- padding: 8px 15px;
|
|
|
+ padding: 10px 12px;
|
|
|
+ position: relative;
|
|
|
|
|
|
+ .licenseno {
|
|
|
+ font-weight: bold;
|
|
|
+ font-size: 16px;
|
|
|
+ }
|
|
|
|
|
|
- .head-name {
|
|
|
- margin-left: 20px;
|
|
|
+ .useritem {
|
|
|
+ width: 100%;
|
|
|
+ border-radius: 3px;
|
|
|
+ padding: 6px 8px;
|
|
|
|
|
|
- &>text {
|
|
|
- font-weight: bold;
|
|
|
- font-size: 15px;
|
|
|
- color: #232832;
|
|
|
- }
|
|
|
+ >view {
|
|
|
|
|
|
- .name1 text {
|
|
|
- font-size: 14px;
|
|
|
- font-weight: bold;
|
|
|
- color: #333333;
|
|
|
+ text:first-child {
|
|
|
+ font-size: 12px;
|
|
|
+ color: #333;
|
|
|
+ font-weight: bold;
|
|
|
+ }
|
|
|
+
|
|
|
+ text:last-child {
|
|
|
+ font-size: 22rpx;
|
|
|
+ color: #666;
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
|
|
|
- .sub-orders {
|
|
|
- width: 100%;
|
|
|
- background: white;
|
|
|
- border-radius: 6px;
|
|
|
- padding: 10px;
|
|
|
- box-shadow: 0px 4px 10px 0px #DAE3F4;
|
|
|
- border-radius: 6px;
|
|
|
- margin-bottom: 10px;
|
|
|
-
|
|
|
- .status {
|
|
|
- padding-bottom: 8px;
|
|
|
- border-bottom: 1px solid #EFEFEF;
|
|
|
+ .sub-item {
|
|
|
+ .headers {
|
|
|
+ border-radius: 6px 6px 0px 0px;
|
|
|
+ padding: 7px;
|
|
|
|
|
|
- >text {
|
|
|
- color: #FF5600;
|
|
|
- font-size: 16px;
|
|
|
- font-weight: bold;
|
|
|
+ text {
|
|
|
+ font-size: 15px;
|
|
|
+ color: #232832;
|
|
|
+ margin-left: 10px;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
- .orders-centre {
|
|
|
- padding: 6px 0;
|
|
|
- border-bottom: 1px solid #EFEFEF;
|
|
|
+ .sub-orders {
|
|
|
+ width: 100%;
|
|
|
+ background: white;
|
|
|
+ border-radius: 6px;
|
|
|
+ padding: 8px;
|
|
|
+ box-shadow: 0px 4px 10px 0px #DAE3F4;
|
|
|
+ background-color: linear-gradient(180deg, rgba(255, 255, 255, 0.6) 0%, #FFFFFF 100%);
|
|
|
+ border-radius: 6px;
|
|
|
+ margin-bottom: 10px;
|
|
|
|
|
|
- >text {
|
|
|
- font-size: 15px;
|
|
|
- font-weight: bold;
|
|
|
- color: #232832;
|
|
|
+ .status {
|
|
|
+ padding-bottom: 8px;
|
|
|
+
|
|
|
+ >text {
|
|
|
+ color: #FF5600;
|
|
|
+ font-size: 16px;
|
|
|
+ font-weight: bold;
|
|
|
+ }
|
|
|
}
|
|
|
|
|
|
- .sum {
|
|
|
- view {
|
|
|
- width: 50%;
|
|
|
- color: #2D4D89;
|
|
|
- font-size: 13px;
|
|
|
+ .orders-centre {
|
|
|
+ width: 100%;
|
|
|
+
|
|
|
+ .dataChunk {
|
|
|
+ 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;
|
|
|
+ font-size: 12px;
|
|
|
+ color: #8B563E;
|
|
|
+ }
|
|
|
+
|
|
|
+ text:last-child {
|
|
|
+ font-family: DIN Alternate, DIN Alternate;
|
|
|
+ font-size: 13px;
|
|
|
+ color: #6B2709;
|
|
|
+ }
|
|
|
}
|
|
|
+
|
|
|
+ .special {
|
|
|
+ background: linear-gradient(91deg, #FFFCFA 0%, #FFF0E6 100%);
|
|
|
+
|
|
|
+ text:first-child {
|
|
|
+ font-size: 12px;
|
|
|
+ color: #FF5600;
|
|
|
+ }
|
|
|
+
|
|
|
+ text:last-child {
|
|
|
+ font-size: 14px;
|
|
|
+ color: #FF5600;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
}
|
|
|
- }
|
|
|
|
|
|
- .orders-below {
|
|
|
- padding-top: 10px;
|
|
|
+ .time {
|
|
|
+ font-size: 12px;
|
|
|
+ color: #2D4D89;
|
|
|
|
|
|
- >view {
|
|
|
- uni-button {
|
|
|
- margin-left: 5px;
|
|
|
+ >text {
|
|
|
+ margin-right: 5px;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
- }
|
|
|
+ .orders-below {
|
|
|
+ padding-top: 10px;
|
|
|
|
|
|
- }
|
|
|
+ >view {
|
|
|
+ uni-button {
|
|
|
+ margin-left: 8px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ }
|
|
|
|
|
|
+ }
|
|
|
+ }
|
|
|
|
|
|
.strong {
|
|
|
font-weight: bold;
|
|
|
@@ -806,4 +1105,47 @@
|
|
|
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
+ .TrackRecord {
|
|
|
+ width: 100%;
|
|
|
+ padding: 10px 20px;
|
|
|
+
|
|
|
+ .circle {
|
|
|
+ width: 18px;
|
|
|
+ height: 18px;
|
|
|
+ background: #F0F0F0;
|
|
|
+ border-radius: 50%;
|
|
|
+ font-size: 22rpx;
|
|
|
+ font-weight: bold;
|
|
|
+ }
|
|
|
+
|
|
|
+ .title {
|
|
|
+ color: #333333;
|
|
|
+ font-size: 12px;
|
|
|
+ margin-left: 12px;
|
|
|
+ font-weight: bold;
|
|
|
+ }
|
|
|
+
|
|
|
+ .content {
|
|
|
+ border-left: 1px solid #E2E5EB;
|
|
|
+ padding-left: 20px;
|
|
|
+ margin-left: 7px;
|
|
|
+
|
|
|
+ text {
|
|
|
+ font-size: 22rpx;
|
|
|
+ color: rgba(51, 51, 51, 0.85);
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ &:last-child {
|
|
|
+ .circle {
|
|
|
+ background-color: #E6EEFF;
|
|
|
+ color: #0052FF;
|
|
|
+ }
|
|
|
+
|
|
|
+ .title {
|
|
|
+ color: #0052FF;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
</style>
|
