|
|
@@ -456,594 +456,14 @@
|
|
|
</span>
|
|
|
</el-dialog>
|
|
|
<!-- 车辆报价新页面 -->
|
|
|
- <el-dialog
|
|
|
- title="车辆报价信息详情"
|
|
|
- :visible.sync="quotedetailsdialogVisible"
|
|
|
- width="90%"
|
|
|
- >
|
|
|
- <div class="Enclosure" v-if="orderInfo">
|
|
|
- <div class="home flex j-s a-c back">
|
|
|
- <div class="flex j-s a-c color">
|
|
|
- <img src="../../../src/icon/company.png" alt class="icon-img" />
|
|
|
- <span style="margin-left: 10px">报价信息</span>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div style="padding: 20px; font-weight: bold; font-size: 20px">
|
|
|
- <span>总保费</span>
|
|
|
- <span style="color: #ff7612">￥{{ orderInfo.sumpremium }}</span>
|
|
|
- <span style="padding-left: 20px">总费用</span>
|
|
|
- <span style="color: #ff7612">
|
|
|
- ￥{{
|
|
|
- orderInfo.orderCommissionVo &&
|
|
|
- orderInfo.orderCommissionVo.totalFeePremium
|
|
|
- ? orderInfo.orderCommissionVo.totalFeePremium
|
|
|
- : 0
|
|
|
- }}</span
|
|
|
- >
|
|
|
- </div>
|
|
|
- <div class="headers headers_Custom">
|
|
|
- <el-row style="width: 100%">
|
|
|
- <el-col :span="1"></el-col>
|
|
|
- <el-col :span="5"
|
|
|
- ><div v-show="orderInfo.jqpremium">
|
|
|
- 交强险金额：
|
|
|
- <span> ￥{{ orderInfo.jqpremium }} </span>
|
|
|
- </div></el-col
|
|
|
- >
|
|
|
- <el-col
|
|
|
- :span="4"
|
|
|
- v-if="
|
|
|
- orderInfo.orderCommissionVo &&
|
|
|
- orderInfo.orderCommissionVo.jqFeeRate
|
|
|
- "
|
|
|
- ><div>
|
|
|
- 手续费比例：
|
|
|
- <span> {{ orderInfo.orderCommissionVo.jqFeeRate }}% </span>
|
|
|
- </div></el-col
|
|
|
- >
|
|
|
- <el-col
|
|
|
- :span="5"
|
|
|
- v-if="
|
|
|
- orderInfo.orderCommissionVo &&
|
|
|
- orderInfo.orderCommissionVo.jqFeePremium
|
|
|
- "
|
|
|
- ><div>
|
|
|
- 手续费金额：
|
|
|
- <span> ￥{{ orderInfo.orderCommissionVo.jqFeePremium }} </span>
|
|
|
- </div></el-col
|
|
|
- >
|
|
|
- <el-col :span="6"
|
|
|
- ><div v-show="orderInfo.jqstartdate">
|
|
|
- 交强险起保日期：
|
|
|
- <span>{{ orderInfo.jqstartdate }}</span>
|
|
|
- </div></el-col
|
|
|
- >
|
|
|
- <el-col :span="3"
|
|
|
- ><div v-show="orderInfo.taxamount">
|
|
|
- 车船税：
|
|
|
- <span>￥{{ orderInfo.taxamount }}</span>
|
|
|
- </div></el-col
|
|
|
- >
|
|
|
- </el-row>
|
|
|
- </div>
|
|
|
- <div class="headers headers_Custom">
|
|
|
- <el-row style="width: 100%">
|
|
|
- <el-col :span="1"></el-col>
|
|
|
- <el-col :span="5"
|
|
|
- ><div v-show="orderInfo.sypremium">
|
|
|
- 商业险金额：
|
|
|
- <span>￥{{ orderInfo.sypremium }}</span>
|
|
|
- </div></el-col
|
|
|
- >
|
|
|
- <el-col
|
|
|
- :span="4"
|
|
|
- v-if="
|
|
|
- orderInfo.orderCommissionVo &&
|
|
|
- orderInfo.orderCommissionVo.syFeeRate
|
|
|
- "
|
|
|
- ><div>
|
|
|
- 手续费比例：
|
|
|
- <span> {{ orderInfo.orderCommissionVo.syFeeRate }}% </span>
|
|
|
- </div></el-col
|
|
|
- >
|
|
|
- <el-col
|
|
|
- :span="5"
|
|
|
- v-if="
|
|
|
- orderInfo.orderCommissionVo &&
|
|
|
- orderInfo.orderCommissionVo.syFeePremium
|
|
|
- "
|
|
|
- ><div>
|
|
|
- 手续费金额：
|
|
|
- <span> ￥{{ orderInfo.orderCommissionVo.syFeePremium }} </span>
|
|
|
- </div></el-col
|
|
|
- >
|
|
|
- <el-col :span="6"
|
|
|
- ><div v-show="orderInfo.systartdate">
|
|
|
- 商业险起保日期：
|
|
|
- <span>{{ orderInfo.systartdate }}</span>
|
|
|
- </div></el-col
|
|
|
- >
|
|
|
- <el-col :span="3"></el-col>
|
|
|
- </el-row>
|
|
|
- </div>
|
|
|
- <div class="headers headers_Custom">
|
|
|
- <el-row style="width: 100%">
|
|
|
- <el-col :span="1"></el-col>
|
|
|
- <el-col :span="5" v-if="orderInfo.jypremium"
|
|
|
- ><div>
|
|
|
- 驾意险：
|
|
|
- <span>￥{{ orderInfo.jypremium }}</span>
|
|
|
- </div></el-col
|
|
|
- >
|
|
|
- <el-col :span="18"></el-col>
|
|
|
- </el-row>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="Enclosure" v-if="orderInfo.extendInfo">
|
|
|
- <div class="home flex j-s a-c back">
|
|
|
- <div class="flex j-s a-c color">
|
|
|
- <img src="../../../src/icon/company.png" alt class="icon-img" />
|
|
|
- <span style="margin-left: 10px">保费因素</span>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <el-descriptions size="small">
|
|
|
- <el-descriptions-item label="评分">{{
|
|
|
- orderInfo.extendInfo.score
|
|
|
- }}</el-descriptions-item>
|
|
|
- <el-descriptions-item label="交强类型评分">{{
|
|
|
- orderInfo.extendInfo.jqScore
|
|
|
- }}</el-descriptions-item>
|
|
|
- <el-descriptions-item label="商业类型评分">{{
|
|
|
- orderInfo.extendInfo.syScore
|
|
|
- }}</el-descriptions-item>
|
|
|
- <el-descriptions-item label="总赔付率">{{
|
|
|
- orderInfo.extendInfo.lossRation
|
|
|
- }}</el-descriptions-item>
|
|
|
- <el-descriptions-item label="交强赔付率">{{
|
|
|
- orderInfo.extendInfo.jqLossRation
|
|
|
- }}</el-descriptions-item>
|
|
|
- <el-descriptions-item label="商业赔付率">{{
|
|
|
- orderInfo.extendInfo.syLossRation
|
|
|
- }}</el-descriptions-item>
|
|
|
- <el-descriptions-item label="出险信息">{{
|
|
|
- orderInfo.extendInfo.accidentInfoStr
|
|
|
- }}</el-descriptions-item>
|
|
|
- <el-descriptions-item label="商业险折扣比例">{{
|
|
|
- orderInfo.extendInfo.nirrratio
|
|
|
- }}</el-descriptions-item>
|
|
|
- <el-descriptions-item label="交强险折扣比例">{{
|
|
|
- orderInfo.extendInfo.nirrratioCI
|
|
|
- }}</el-descriptions-item>
|
|
|
- <el-descriptions-item label="自主定价系数">{{
|
|
|
- orderInfo.extendInfo.pricingAdjustValue
|
|
|
- }}</el-descriptions-item>
|
|
|
- <el-descriptions-item label="业务员交强险销售费用浮动率">
|
|
|
- {{ orderInfo.extendInfo.jqFeeSaleChangeRateA4 }}
|
|
|
- </el-descriptions-item>
|
|
|
- <el-descriptions-item label="交强深度定价分档">{{
|
|
|
- orderInfo.extendInfo.deepPriceGradeCI
|
|
|
- }}</el-descriptions-item>
|
|
|
- <el-descriptions-item label="业务员商业险销售费用浮动率">
|
|
|
- {{ orderInfo.extendInfo.syFeeSaleChangeRateA4 }}
|
|
|
- </el-descriptions-item>
|
|
|
- <el-descriptions-item label="商业深度定价分档">{{
|
|
|
- orderInfo.extendInfo.deepPriceGradeBI
|
|
|
- }}</el-descriptions-item>
|
|
|
- </el-descriptions>
|
|
|
- </div>
|
|
|
- <div class="Enclosure" v-if="orderInfo">
|
|
|
- <div class="home flex j-s a-c back">
|
|
|
- <div class="flex j-s a-c color">
|
|
|
- <img src="../../../src/icon/company.png" alt class="icon-img" />
|
|
|
- <span style="margin-left: 10px">车辆信息</span>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <el-descriptions size="small">
|
|
|
- <el-descriptions-item label="车牌号">{{
|
|
|
- orderInfo.carinfo.licenseNo
|
|
|
- }}</el-descriptions-item>
|
|
|
- <el-descriptions-item label="车辆识别代码">{{
|
|
|
- orderInfo.carinfo.vinNo
|
|
|
- }}</el-descriptions-item>
|
|
|
- <el-descriptions-item label="品牌型号">{{
|
|
|
- orderInfo.carinfo.modelcname
|
|
|
- }}</el-descriptions-item>
|
|
|
- <el-descriptions-item label="发动机号">{{
|
|
|
- orderInfo.carinfo.engineNo
|
|
|
- }}</el-descriptions-item>
|
|
|
- <el-descriptions-item label="年款">{{
|
|
|
- orderInfo.carinfo.caryear
|
|
|
- }}</el-descriptions-item>
|
|
|
- <el-descriptions-item label="座位数">{{
|
|
|
- orderInfo.carinfo.seatCount
|
|
|
- }}</el-descriptions-item>
|
|
|
- <el-descriptions-item label="新车购置价">{{
|
|
|
- orderInfo.carinfo.purchasePrice
|
|
|
- }}</el-descriptions-item>
|
|
|
- <el-descriptions-item label="使用性质">
|
|
|
- {{orderInfo.carinfo.carnature }}
|
|
|
- </el-descriptions-item>
|
|
|
- <el-descriptions-item label="注册日期">{{
|
|
|
- orderInfo.carinfo.registerDate
|
|
|
- }}</el-descriptions-item>
|
|
|
- <el-descriptions-item label="发证日期">{{
|
|
|
- orderInfo.carinfo.issueDate
|
|
|
- }}</el-descriptions-item>
|
|
|
- <el-descriptions-item label="是否过户">
|
|
|
- {{ orderInfo.carinfo.transferFlag == true ? "是" : "否" }}
|
|
|
- </el-descriptions-item>
|
|
|
- </el-descriptions>
|
|
|
- </div>
|
|
|
- <div class="Enclosure" v-if="orderInfo">
|
|
|
- <div class="home flex j-s a-c back">
|
|
|
- <div class="flex j-s a-c color">
|
|
|
- <img src="../../../src/icon/company.png" alt class="icon-img" />
|
|
|
- <span style="margin-left: 10px">车主信息</span>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <el-descriptions size="small">
|
|
|
- <el-descriptions-item label="车主姓名">{{
|
|
|
- orderInfo.ownerinfo.name
|
|
|
- }}</el-descriptions-item>
|
|
|
- <el-descriptions-item label="证件类型">{{
|
|
|
- orderInfo.ownerinfo.identifyType
|
|
|
- }}</el-descriptions-item>
|
|
|
- <el-descriptions-item label="身份证号">{{
|
|
|
- orderInfo.ownerinfo.identifyNumber
|
|
|
- }}</el-descriptions-item>
|
|
|
- <el-descriptions-item label="手机号">{{
|
|
|
- orderInfo.ownerinfo.mobile
|
|
|
- }}</el-descriptions-item>
|
|
|
- <el-descriptions-item label="地址">{{
|
|
|
- orderInfo.ownerinfo.addr
|
|
|
- }}</el-descriptions-item>
|
|
|
- <el-descriptions-item label="电子邮箱">{{
|
|
|
- orderInfo.ownerinfo.email
|
|
|
- }}</el-descriptions-item>
|
|
|
- </el-descriptions>
|
|
|
- </div>
|
|
|
- <div class="Enclosure" v-if="orderInfo">
|
|
|
- <div class="home flex j-s a-c back">
|
|
|
- <div class="flex j-s a-c color">
|
|
|
- <img src="../../../src/icon/company.png" alt class="icon-img" />
|
|
|
- <span style="margin-left: 10px">投保人信息</span>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <el-descriptions size="small">
|
|
|
- <el-descriptions-item label="投保人姓名">{{
|
|
|
- orderInfo.applyinfo.name
|
|
|
- }}</el-descriptions-item>
|
|
|
- <el-descriptions-item label="证件类型">
|
|
|
- {{ orderInfo.applyinfo.identifyType }}</el-descriptions-item
|
|
|
- >
|
|
|
- <el-descriptions-item label="身份证号">{{
|
|
|
- orderInfo.applyinfo.identifyNumber
|
|
|
- }}</el-descriptions-item>
|
|
|
- <el-descriptions-item label="手机号">{{
|
|
|
- orderInfo.applyinfo.mobile
|
|
|
- }}</el-descriptions-item>
|
|
|
- <el-descriptions-item label="地址">{{
|
|
|
- orderInfo.applyinfo.addr
|
|
|
- }}</el-descriptions-item>
|
|
|
- <el-descriptions-item label="电子邮箱">{{
|
|
|
- orderInfo.applyinfo.email
|
|
|
- }}</el-descriptions-item>
|
|
|
- </el-descriptions>
|
|
|
- </div>
|
|
|
- <div class="Enclosure" v-if="orderInfo">
|
|
|
- <div class="home flex j-s a-c back">
|
|
|
- <div class="flex j-s a-c color">
|
|
|
- <img src="../../../src/icon/company.png" alt class="icon-img" />
|
|
|
- <span style="margin-left: 10px">被保人信息</span>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <el-descriptions size="small">
|
|
|
- <el-descriptions-item label="被保人姓名">{{
|
|
|
- orderInfo.insureinfo.name
|
|
|
- }}</el-descriptions-item>
|
|
|
- <el-descriptions-item label="证件类型">
|
|
|
- {{ orderInfo.insureinfo.identifyType }}</el-descriptions-item
|
|
|
- >
|
|
|
- <el-descriptions-item label="身份证号">{{
|
|
|
- orderInfo.insureinfo.identifyNumber
|
|
|
- }}</el-descriptions-item>
|
|
|
- <el-descriptions-item label="手机号">{{
|
|
|
- orderInfo.insureinfo.mobile
|
|
|
- }}</el-descriptions-item>
|
|
|
- <el-descriptions-item label="地址">{{
|
|
|
- orderInfo.insureinfo.addr
|
|
|
- }}</el-descriptions-item>
|
|
|
- <el-descriptions-item label="电子邮箱">{{
|
|
|
- orderInfo.insureinfo.email
|
|
|
- }}</el-descriptions-item>
|
|
|
- </el-descriptions>
|
|
|
- </div>
|
|
|
-
|
|
|
- <div class="Enclosure" v-if="orderInfo">
|
|
|
- <div class="home flex j-s a-c back">
|
|
|
- <div class="flex j-s a-c color">
|
|
|
- <img src="../../../src/icon/company.png" alt class="icon-img" />
|
|
|
- <span style="margin-left: 10px">险种信息</span>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div style="font-size: 12px">
|
|
|
- <div
|
|
|
- class="headers kindinfocss"
|
|
|
- style="justify-content: space-around"
|
|
|
- >
|
|
|
- <span>商业险险别</span>
|
|
|
- <span>保额（元）</span>
|
|
|
- <span>保费（元）</span>
|
|
|
- </div>
|
|
|
- <div
|
|
|
- class="headers kindinfocss"
|
|
|
- style="color: rgb(255, 118, 18); justify-content: space-around"
|
|
|
- v-for="(kindinfoitem, kindinfoindex) in orderInfo.kindinfo"
|
|
|
- :key="kindinfoindex"
|
|
|
- >
|
|
|
- <template v-if="kindinfoitem.coveragePremium">
|
|
|
- <span>{{ kindinfoitem.kindName }}</span>
|
|
|
- <span
|
|
|
- v-if="['D4', 'SY_FJ_YBW2'].includes(kindinfoitem.kindCode)"
|
|
|
- >{{ kindinfoitem.unitAmount }}</span
|
|
|
- >
|
|
|
- <span
|
|
|
- v-else-if="
|
|
|
- ['MJ1', 'MJ2', 'MJ3', 'MJ4'].includes(kindinfoitem.kindCode)
|
|
|
- "
|
|
|
- >
|
|
|
- {{ kindinfoitem.deductibleRate }}
|
|
|
- </span>
|
|
|
- <span v-else>{{ kindinfoitem.amount }}</span>
|
|
|
- <span>{{ kindinfoitem.coveragePremium }}</span>
|
|
|
- </template>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div
|
|
|
- class="Enclosure"
|
|
|
- v-if="orderInfo.accidentInfo && orderInfo.accidentInfo.length > 0"
|
|
|
- >
|
|
|
- <div class="home flex j-s a-c back">
|
|
|
- <div class="flex j-s a-c color">
|
|
|
- <img src="../../../src/icon/company.png" alt class="icon-img" />
|
|
|
- <span style="margin-left: 10px">驾意险</span>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div style="font-size: 12px">
|
|
|
- <div class="jyxStyle" style="font-weight: bold; color: #333">
|
|
|
- <span style="width: 50%; margin-left: 50px">产品</span>
|
|
|
- <span style="width: 20%">份数</span>
|
|
|
- <span style="width: 20%">价格</span>
|
|
|
- </div>
|
|
|
- <div
|
|
|
- v-for="(kindinfoitem, kindinfoindex) in orderInfo.accidentInfo"
|
|
|
- :key="kindinfoindex"
|
|
|
- >
|
|
|
- <div style="margin-top: 20px" class="jyxStyle">
|
|
|
- <span style="width: 50%; margin-left: 50px">{{
|
|
|
- kindinfoitem.projectName
|
|
|
- }}</span>
|
|
|
- <span style="width: 20%">{{
|
|
|
- kindinfoitem.quantity ? kindinfoitem.quantity : "1"
|
|
|
- }}</span>
|
|
|
- <span style="width: 20%"
|
|
|
- >{{ kindinfoitem.actualPremium }}/份</span
|
|
|
- >
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="Enclosure" v-if="orderInfo">
|
|
|
- <div class="home flex j-s a-c back">
|
|
|
- <div class="flex j-s a-c color">
|
|
|
- <img src="../../../src/icon/company.png" alt class="icon-img" />
|
|
|
- <span style="margin-left: 10px">欠税明细</span>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div style="font-size: 12px">
|
|
|
- <div
|
|
|
- class="headers kindinfocss"
|
|
|
- style="justify-content: space-around"
|
|
|
- >
|
|
|
- <span>日期</span>
|
|
|
- <span>欠费（元）</span>
|
|
|
- <span>滞纳金（元）</span>
|
|
|
- </div>
|
|
|
- <div
|
|
|
- class="headers kindinfocss"
|
|
|
- style="color: rgb(255, 118, 18); justify-content: space-around"
|
|
|
- v-for="(taxArrearsitem, taxArrearsindex) in orderInfo.taxArrears"
|
|
|
- :key="taxArrearsindex"
|
|
|
- >
|
|
|
- <span>{{ taxArrearsitem.years }}</span>
|
|
|
- <span>{{ taxArrearsitem.taxDefault }}</span>
|
|
|
- <span>{{ taxArrearsitem.lateFee }}</span>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="Enclosure" v-if="orderInfo">
|
|
|
- <div class="home flex j-s a-c back">
|
|
|
- <div class="flex j-s a-c color">
|
|
|
- <img src="../../../src/icon/company.png" alt class="icon-img" />
|
|
|
- <span style="margin-left: 10px">影像</span>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div style="font-size: 12px; padding: 10px 0">
|
|
|
- <div style="margin-bottom: 10px">
|
|
|
- <el-row class="u-f-ac bodyTitle">
|
|
|
- <label @click="pic1Control = !pic1Control">行驶证影像</label>
|
|
|
- </el-row>
|
|
|
- <el-row class="body" v-show="pic1Control">
|
|
|
- <el-row style="padding: 10px">
|
|
|
- <viewer :images="carImageList">
|
|
|
- <img
|
|
|
- class="imageStyle"
|
|
|
- v-for="(imageItem, imageIndex) in carImageList"
|
|
|
- :src="imageItem"
|
|
|
- :key="imageIndex"
|
|
|
- />
|
|
|
- </viewer>
|
|
|
- </el-row>
|
|
|
- </el-row>
|
|
|
- </div>
|
|
|
- <div style="margin-bottom: 10px">
|
|
|
- <el-row class="u-f-ac bodyTitle">
|
|
|
- <label @click="pic2Control = !pic2Control">车主身份证影像</label>
|
|
|
- </el-row>
|
|
|
- <el-row class="body" v-show="pic2Control">
|
|
|
- <el-row style="padding: 10px">
|
|
|
- <viewer :images="ownerImageList">
|
|
|
- <img
|
|
|
- class="imageStyle"
|
|
|
- v-for="(imageItem, imageIndex) in ownerImageList"
|
|
|
- :src="imageItem"
|
|
|
- :key="imageIndex"
|
|
|
- />
|
|
|
- </viewer>
|
|
|
- </el-row>
|
|
|
- </el-row>
|
|
|
- </div>
|
|
|
- <div style="margin-bottom: 10px">
|
|
|
- <el-row class="u-f-ac bodyTitle">
|
|
|
- <label @click="pic3Control = !pic3Control"
|
|
|
- >投保人身份证影像</label
|
|
|
- >
|
|
|
- </el-row>
|
|
|
- <el-row class="body" v-show="pic3Control">
|
|
|
- <el-row style="padding: 10px">
|
|
|
- <viewer :images="policyImageList">
|
|
|
- <img
|
|
|
- class="imageStyle"
|
|
|
- v-for="(imageItem, imageIndex) in policyImageList"
|
|
|
- :src="imageItem"
|
|
|
- :key="imageIndex"
|
|
|
- />
|
|
|
- </viewer>
|
|
|
- </el-row>
|
|
|
- </el-row>
|
|
|
- </div>
|
|
|
- <div style="margin-bottom: 10px">
|
|
|
- <el-row class="u-f-ac bodyTitle">
|
|
|
- <label @click="pic4Control = !pic4Control"
|
|
|
- >被保人身份证影像</label
|
|
|
- >
|
|
|
- </el-row>
|
|
|
- <el-row class="body" v-show="pic4Control">
|
|
|
- <el-row style="padding: 10px">
|
|
|
- <viewer :images="insuredImageList">
|
|
|
- <img
|
|
|
- class="imageStyle"
|
|
|
- v-for="(imageItem, imageIndex) in insuredImageList"
|
|
|
- :src="imageItem"
|
|
|
- :key="imageIndex"
|
|
|
- />
|
|
|
- </viewer>
|
|
|
- </el-row>
|
|
|
- </el-row>
|
|
|
- </div>
|
|
|
- <div style="margin-bottom: 10px">
|
|
|
- <el-row class="u-f-ac bodyTitle">
|
|
|
- <label @click="pic5Control = !pic5Control">验车照影像</label>
|
|
|
- </el-row>
|
|
|
- <el-row class="body" v-show="pic5Control">
|
|
|
- <el-row style="padding: 10px">
|
|
|
- <viewer :images="carCheckImageList">
|
|
|
- <img
|
|
|
- class="imageStyle"
|
|
|
- v-for="(imageItem, imageIndex) in carCheckImageList"
|
|
|
- :src="imageItem"
|
|
|
- :key="imageIndex"
|
|
|
- />
|
|
|
- </viewer>
|
|
|
- </el-row>
|
|
|
- </el-row>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="Enclosure" v-if="orderInfo">
|
|
|
- <div class="home flex j-s a-c back">
|
|
|
- <div class="flex j-s a-c color">
|
|
|
- <img src="../../../src/icon/company.png" alt class="icon-img" />
|
|
|
- <span style="margin-left: 10px">投保单号</span>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <el-descriptions size="small" :column="2">
|
|
|
- <el-descriptions-item label="交强险投保单号">{{
|
|
|
- orderInfo.jqapplyno
|
|
|
- }}</el-descriptions-item>
|
|
|
- <el-descriptions-item label="商业险投保单号">{{
|
|
|
- orderInfo.syapplyno
|
|
|
- }}</el-descriptions-item>
|
|
|
- <el-descriptions-item label="交强险保单号">{{
|
|
|
- orderInfo.jqpolicyno
|
|
|
- }}</el-descriptions-item>
|
|
|
- <el-descriptions-item label="商业险保单号">{{
|
|
|
- orderInfo.sypolicyno
|
|
|
- }}</el-descriptions-item>
|
|
|
- </el-descriptions>
|
|
|
- </div>
|
|
|
- <div class="Enclosure" v-if="orderInfo && orderInfo.orderstatus == 4">
|
|
|
- <div class="home flex j-s a-c back">
|
|
|
- <div class="flex j-s a-c color">
|
|
|
- <img src="../../../src/icon/company.png" alt class="icon-img" />
|
|
|
- <span style="margin-left: 10px">审核意见</span>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div style="font-size: 12px; padding: 10px 50px">
|
|
|
- {{ orderInfo.auditopinion }}
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="Enclosure" v-if="orderInfo && orderInfo.orderstatus == 3">
|
|
|
- <div class="home flex j-s a-c back">
|
|
|
- <div class="flex j-s a-c color">
|
|
|
- <img src="../../../src/icon/company.png" alt class="icon-img" />
|
|
|
- <span style="margin-left: 10px">电子保单</span>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <el-row class="body" style="padding: 10px 20px">
|
|
|
- <el-row
|
|
|
- v-for="(oldfileItem, oldfileIndex) in oldfileList"
|
|
|
- :key="oldfileIndex"
|
|
|
- >
|
|
|
- <el-col :span="2" style="margin-right: 15px">
|
|
|
- <label>{{ oldfileItem.fileTitle }}:</label>
|
|
|
- </el-col>
|
|
|
- <el-col :span="6" class="u-f u-f-column">
|
|
|
- <div class="u-f u-f-jsb u-f-ac" style="width: 170px">
|
|
|
- <div
|
|
|
- style="
|
|
|
- height: 36px;
|
|
|
- line-height: 36px;
|
|
|
- width: 200px;
|
|
|
- overflow: hidden;
|
|
|
- white-space: nowrap;
|
|
|
- text-overflow: ellipsis;
|
|
|
- "
|
|
|
- >
|
|
|
- {{ licenseNo }}
|
|
|
- </div>
|
|
|
- <el-button
|
|
|
- style="cursor: pointer"
|
|
|
- type="text"
|
|
|
- @click="viewfile(oldfileItem)"
|
|
|
- >下载
|
|
|
- </el-button>
|
|
|
- </div>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- </el-row>
|
|
|
- </div>
|
|
|
- <span slot="footer" class="dialog-footer">
|
|
|
- <el-button size="small" @click="quotedetailsdialogVisible = false"
|
|
|
- >关闭</el-button
|
|
|
- >
|
|
|
- </span>
|
|
|
- </el-dialog>
|
|
|
+ <detailsDialog ref="detailsDialog" :orderInfo="orderInfo"></detailsDialog>
|
|
|
<!-- 订单轨迹 -->
|
|
|
- <el-dialog :visible.sync="ddgjdialogVisible">
|
|
|
+ <el-dialog :visible.sync="ddgjdialogVisible" width="430px">
|
|
|
+ <div slot="title" class=" dialog-title">
|
|
|
+ <span>订单轨迹</span>
|
|
|
+ </div>
|
|
|
<div style="height: 300px; overflow-y: auto">
|
|
|
- <el-steps direction="vertical" :active="trajectoryTable.length - 1">
|
|
|
+ <el-steps direction="vertical" :active="trajectoryTable.length - 1" >
|
|
|
<el-step
|
|
|
:title="item.orderStatus | cap"
|
|
|
:key="item.id"
|
|
|
@@ -1052,7 +472,7 @@
|
|
|
<template slot="description">
|
|
|
<span>保险公司：{{ item.insCompany }}</span>
|
|
|
<span>提交人：{{ item.operator }}</span>
|
|
|
- <span>创建时间：{{ item.createTime }}</span>
|
|
|
+ <div>创建时间：{{ item.createTime }}</div>
|
|
|
</template>
|
|
|
</el-step>
|
|
|
</el-steps>
|
|
|
@@ -1060,17 +480,13 @@
|
|
|
</el-dialog>
|
|
|
<!-- 报价历史 -->
|
|
|
<el-dialog
|
|
|
- title="报价历史"
|
|
|
:visible.sync="quotationhistorydialogVisible"
|
|
|
width="90%"
|
|
|
>
|
|
|
- <div class="Enclosure flex f-c">
|
|
|
- <div class="home flex j-s a-c back">
|
|
|
- <div class="flex j-s a-c color">
|
|
|
- <img src="../../../src/icon/salesman.png" alt class="icon-img" />
|
|
|
- <span style="margin-left: 10px">报价历史</span>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
+ <div slot="title" class=" dialog-title">
|
|
|
+ <img src="../../../src/icon/归属信息.png" alt class="icon-img" />
|
|
|
+ <span>报价历史</span>
|
|
|
+ </div>
|
|
|
<div style="padding: 20px">
|
|
|
<el-table
|
|
|
size="small"
|
|
|
@@ -1081,8 +497,6 @@
|
|
|
v-loading="loading"
|
|
|
:header-cell-style="{
|
|
|
background: '#F2F7FC',
|
|
|
- fontWeight: '700',
|
|
|
- color: '#D42426 ',
|
|
|
}"
|
|
|
highlight-current-row
|
|
|
>
|
|
|
@@ -1128,15 +542,8 @@
|
|
|
></el-table-column>
|
|
|
<el-table-column prop="orderstatus" label="状态" align="center">
|
|
|
<template slot-scope="scope">
|
|
|
- <el-tag :type="capType(scope.row.orderstatus)" size="small">{{
|
|
|
- scope.row.orderstatus | cap
|
|
|
- }}</el-tag>
|
|
|
-
|
|
|
- <!-- <el-tag v-if="scope.row.orderstatus == '0'" type="success" size="small">报价中</el-tag>
|
|
|
- <el-tag v-if="scope.row.orderstatus == '1'" type="warning" size="small">待核保</el-tag>
|
|
|
- <el-tag v-if="scope.row.orderstatus == '2'" type="danger" size="small">已核保待缴费</el-tag>
|
|
|
- <el-tag v-if="scope.row.orderstatus == '3'" type="danger" size="small">已承保</el-tag>
|
|
|
- <el-tag v-if="scope.row.orderstatus == '4'" type="danger" size="small">核保退回</el-tag> -->
|
|
|
+ <el-tag style="color:#33A08D;border-color:#33A08D;background: rgba(51,160,141,0.1);" v-if="scope.row.orderstatus=='0'||scope.row.orderstatus=='1'" size="small">{{scope.row.orderstatus | cap}}</el-tag>
|
|
|
+ <el-tag type="danger" v-else size="small">{{scope.row.orderstatus | cap}}</el-tag>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
<el-table-column
|
|
|
@@ -1149,13 +556,13 @@
|
|
|
<el-button
|
|
|
type="text"
|
|
|
size="small"
|
|
|
+ style="color:#2D4D89 "
|
|
|
@click="OrderDetails(quotationhistoryRow, scope.row)"
|
|
|
>查看详情</el-button
|
|
|
>
|
|
|
<el-button
|
|
|
size="small"
|
|
|
type="text"
|
|
|
- style="color: rgb(240, 12, 10)"
|
|
|
@click="bjdpreview(scope.row.id)"
|
|
|
>报价单</el-button
|
|
|
>
|
|
|
@@ -1163,7 +570,6 @@
|
|
|
size="small"
|
|
|
v-show="scope.row.orderstatus == '2'"
|
|
|
type="text"
|
|
|
- style="color: rgb(240, 12, 10)"
|
|
|
@click="carcode(quotationhistoryRow, scope.row)"
|
|
|
>付款码</el-button
|
|
|
>
|
|
|
@@ -1175,12 +581,12 @@
|
|
|
['紫金财险'].includes(scope.row.inscompany)
|
|
|
"
|
|
|
@click="cancelorder(scope.row)"
|
|
|
- style="color: #f56c6c"
|
|
|
>撤单</el-button
|
|
|
>
|
|
|
<el-button
|
|
|
type="text"
|
|
|
size="mini"
|
|
|
+ style="color:#2D4D89 "
|
|
|
v-if="scope.row.orderstatus == '2'"
|
|
|
@click="revokeCode(scope.row.id)"
|
|
|
>撤销二维码</el-button
|
|
|
@@ -1188,7 +594,7 @@
|
|
|
<el-button
|
|
|
type="text"
|
|
|
size="mini"
|
|
|
- style="color: rgb(247, 191, 32)"
|
|
|
+ style="color:#2D4D89 "
|
|
|
v-if="
|
|
|
scope.row.orderstatus == '2' &&
|
|
|
[
|
|
|
@@ -1213,7 +619,6 @@
|
|
|
</el-table-column>
|
|
|
</el-table>
|
|
|
</div>
|
|
|
- </div>
|
|
|
</el-dialog>
|
|
|
<!-- 报价单 -->
|
|
|
<quotationDialog ref="quotationDialog" :queryOrders="queryOrders"></quotationDialog>
|
|
|
@@ -1226,6 +631,7 @@ import CommonUtil from "@/utils/comutil.js";
|
|
|
import Cookies from "js-cookie";
|
|
|
import QRCode from "qrcodejs2";
|
|
|
import quotationDialog from './components/quotationDialog.vue'
|
|
|
+import detailsDialog from './components/detailsDialog.vue'
|
|
|
export default {
|
|
|
data() {
|
|
|
return {
|
|
|
@@ -1236,7 +642,6 @@ export default {
|
|
|
value2: "",
|
|
|
optionsStatus: [],
|
|
|
codedialogVisible: false,
|
|
|
- quotedetailsdialogVisible: false,
|
|
|
loading: false,
|
|
|
pageNum: 1, //页数
|
|
|
pageSize: 20, //条数
|
|
|
@@ -1308,7 +713,7 @@ export default {
|
|
|
natureOfVehicleUseoptions:[],
|
|
|
};
|
|
|
},
|
|
|
- components:{quotationDialog},
|
|
|
+ components:{quotationDialog,detailsDialog},
|
|
|
created() {
|
|
|
this.getDicType("natureOfVehicleUse");//车辆使用性质
|
|
|
this.$api.letter.gainTopList().then((res) => {
|
|
|
@@ -1828,6 +1233,7 @@ export default {
|
|
|
this.policyImageList = []; //投保人影像
|
|
|
this.insuredImageList = []; //被保人影像
|
|
|
this.carCheckImageList = []; //验车照影像
|
|
|
+
|
|
|
// 影像控制
|
|
|
this.pic1Control = false;
|
|
|
this.pic2Control = false;
|
|
|
@@ -1920,11 +1326,26 @@ export default {
|
|
|
? this.insuredImageList.push(resImage.data[keys].url)
|
|
|
: "";
|
|
|
break;
|
|
|
+ case "XC00":
|
|
|
+ case "GC00":
|
|
|
+ case "GX00":
|
|
|
+ resImage.data[keys].url
|
|
|
+ ? this.carCheckImageList.push(resImage.data[keys].url)
|
|
|
+ : "";
|
|
|
+ break;
|
|
|
default:
|
|
|
break;
|
|
|
}
|
|
|
}
|
|
|
});
|
|
|
+ let obj={
|
|
|
+ carImageList:this.carImageList,
|
|
|
+ ownerImageList:this.ownerImageList,
|
|
|
+ policyImageList:this.policyImageList,
|
|
|
+ insuredImageList:this.insuredImageList,
|
|
|
+ carCheckImageList:this.carCheckImageList
|
|
|
+ }
|
|
|
+ this.$refs.detailsDialog.imageFun(obj);
|
|
|
});
|
|
|
this.pic1Control = false;
|
|
|
this.pic2Control = false;
|
|
|
@@ -1932,6 +1353,8 @@ export default {
|
|
|
this.pic4Control = false;
|
|
|
this.pic5Control = false;
|
|
|
this.oldfileList = [];
|
|
|
+ let businessList=[]
|
|
|
+ let accidentList=[]
|
|
|
if (res.data.orderstatus == "3") {
|
|
|
switch (res.data.inscompany) {
|
|
|
case "永安财险":
|
|
|
@@ -1992,7 +1415,7 @@ export default {
|
|
|
let pdfBase64 = `data:application/pdf;base64,${result}`;
|
|
|
base64ToPath(pdfBase64).then((path) => {
|
|
|
if (path) {
|
|
|
- this.oldfileList.push({
|
|
|
+ businessList.push({
|
|
|
fileTitle: "商业电子保单",
|
|
|
filename: this.orderInfo.sypolicyno,
|
|
|
fileurl: path,
|
|
|
@@ -2041,7 +1464,7 @@ export default {
|
|
|
})
|
|
|
.then((res) => {
|
|
|
if (res.data && res.data.syxPolicyUrl) {
|
|
|
- this.oldfileList.push({
|
|
|
+ businessList.push({
|
|
|
fileTitle: "商业电子保单",
|
|
|
filename: this.orderInfo.sypolicyno,
|
|
|
fileurl: res.data.syxPolicyUrl,
|
|
|
@@ -2098,7 +1521,7 @@ export default {
|
|
|
})
|
|
|
.then((res) => {
|
|
|
if (res.data && res.data[0]) {
|
|
|
- this.oldfileList.push({
|
|
|
+ businessList.push({
|
|
|
fileTitle: "商业电子保单",
|
|
|
filename: this.orderInfo.sypolicyno,
|
|
|
fileurl: res.data[0],
|
|
|
@@ -2119,7 +1542,7 @@ export default {
|
|
|
})
|
|
|
.then((res) => {
|
|
|
if (res.code == 200 && res.data) {
|
|
|
- this.oldfileList.push({
|
|
|
+ accidentList.push({
|
|
|
fileTitle: "驾意险保单",
|
|
|
filename: this.orderInfo.sypolicyno,
|
|
|
fileurl: res.data[0],
|
|
|
@@ -2169,7 +1592,7 @@ export default {
|
|
|
})
|
|
|
.then((res) => {
|
|
|
if (res.data && res.data.syUrl) {
|
|
|
- this.oldfileList.push({
|
|
|
+ businessList.push({
|
|
|
fileTitle: "商业电子保单",
|
|
|
filename: this.orderInfo.sypolicyno,
|
|
|
fileurl: res.data.syUrl,
|
|
|
@@ -2190,7 +1613,7 @@ export default {
|
|
|
})
|
|
|
.then((res) => {
|
|
|
if (res.code == 200 && res.data) {
|
|
|
- this.oldfileList.push({
|
|
|
+ accidentList.push({
|
|
|
fileTitle: "驾意险保单",
|
|
|
filename: ele.policyNumber,
|
|
|
fileurl: res.data.jyUrl,
|
|
|
@@ -2248,7 +1671,7 @@ export default {
|
|
|
})
|
|
|
.then((res) => {
|
|
|
if (res.data) {
|
|
|
- this.oldfileList.push({
|
|
|
+ businessList.push({
|
|
|
fileTitle: "商业电子保单",
|
|
|
filename: this.orderInfo.sypolicyno,
|
|
|
fileurl: res.data,
|
|
|
@@ -2270,7 +1693,7 @@ export default {
|
|
|
})
|
|
|
.then((res) => {
|
|
|
if (res.data) {
|
|
|
- this.oldfileList.push({
|
|
|
+ accidentList.push({
|
|
|
fileTitle: "驾意险保单",
|
|
|
filename: ele.policyNumber,
|
|
|
fileurl: res.data,
|
|
|
@@ -2328,7 +1751,7 @@ export default {
|
|
|
})
|
|
|
.then((res) => {
|
|
|
if (res.data) {
|
|
|
- this.oldfileList.push({
|
|
|
+ businessList.push({
|
|
|
fileTitle: "商业电子保单",
|
|
|
filename: this.orderInfo.sypolicyno,
|
|
|
fileurl: res.data,
|
|
|
@@ -2349,7 +1772,7 @@ export default {
|
|
|
})
|
|
|
.then((res) => {
|
|
|
if (res.data) {
|
|
|
- this.oldfileList.push({
|
|
|
+ accidentList.push({
|
|
|
fileTitle: "驾意险保单",
|
|
|
filename: ele.policyNumber,
|
|
|
fileurl: res.data,
|
|
|
@@ -2389,7 +1812,7 @@ export default {
|
|
|
});
|
|
|
}
|
|
|
if (res.data.syxPolicyUrl) {
|
|
|
- this.oldfileList.push({
|
|
|
+ businessList.push({
|
|
|
fileTitle: "商业电子保单",
|
|
|
filename: this.orderInfo.sypolicyno,
|
|
|
fileurl: res.data.syxPolicyUrl,
|
|
|
@@ -2400,9 +1823,9 @@ export default {
|
|
|
res.data.jyxInfoList.length > 0
|
|
|
) {
|
|
|
res.data.jyxInfoList.forEach((val) => {
|
|
|
- this.oldfileList.push({
|
|
|
+ accidentList.push({
|
|
|
fileTitle: "驾意险保单",
|
|
|
- filename: "xxxxxxxxxxxxxxxxxxxxxx",
|
|
|
+ filename: "驾意险保单",
|
|
|
fileurl: val.jyx_policy_url,
|
|
|
});
|
|
|
});
|
|
|
@@ -2459,7 +1882,7 @@ export default {
|
|
|
})
|
|
|
.then((res) => {
|
|
|
if (res.data) {
|
|
|
- this.oldfileList.push({
|
|
|
+ businessList.push({
|
|
|
fileTitle: "商业电子保单",
|
|
|
filename: this.orderInfo.sypolicyno,
|
|
|
fileurl: res.data,
|
|
|
@@ -2478,7 +1901,7 @@ export default {
|
|
|
})
|
|
|
.then((res) => {
|
|
|
if (res.data) {
|
|
|
- this.oldfileList.push({
|
|
|
+ accidentList.push({
|
|
|
fileTitle: "驾意险保单",
|
|
|
filename: ele.policyNumber,
|
|
|
fileurl: res.data,
|
|
|
@@ -2492,11 +1915,16 @@ export default {
|
|
|
break;
|
|
|
default:
|
|
|
}
|
|
|
+ let obj={
|
|
|
+ oldfileList:this.oldfileList,
|
|
|
+ businessList,
|
|
|
+ accidentList
|
|
|
+ }
|
|
|
+ this.$refs.detailsDialog.warrantyFun(obj);
|
|
|
}
|
|
|
|
|
|
this.showInsureList = false;
|
|
|
- this.quotedetailsdialogVisible = true; //在页面上显示订单
|
|
|
-
|
|
|
+ this.$refs.detailsDialog.setBackupVisible(true)
|
|
|
} else {
|
|
|
this.$message.error("订单获取失败");
|
|
|
}
|
|
|
@@ -2779,7 +2207,7 @@ export default {
|
|
|
}
|
|
|
}
|
|
|
</style>
|
|
|
-<style scoped>
|
|
|
+<style scoped lang="scss">
|
|
|
#qqq {
|
|
|
background-color: #111;
|
|
|
width: 300px;
|
|
|
@@ -2990,9 +2418,9 @@ export default {
|
|
|
margin: 0 10px;
|
|
|
}
|
|
|
.icon-img {
|
|
|
- display: block;
|
|
|
width: 30px;
|
|
|
- height: 30px;
|
|
|
+ height: 30px;
|
|
|
+ vertical-align: bottom
|
|
|
}
|
|
|
.Enclosure {
|
|
|
width: 100%;
|
|
|
@@ -3111,4 +2539,49 @@ export default {
|
|
|
text-align: center;
|
|
|
}
|
|
|
|
|
|
+
|
|
|
+/* .el-step__description{
|
|
|
+ color:#333
|
|
|
+} */
|
|
|
+/deep/{
|
|
|
+ .el-step__title,.el-step__icon-inner{
|
|
|
+ color:var(--themeColor)
|
|
|
+ }
|
|
|
+ .el-step__description.is-finish, .el-step__head.is-finish{
|
|
|
+ color: #333;
|
|
|
+ border:none
|
|
|
+ }
|
|
|
+ .el-step__icon.is-text{
|
|
|
+ border:none;
|
|
|
+ box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.1);
|
|
|
+ }
|
|
|
+ .el-step__icon.is-text{
|
|
|
+ font-size: 22px;
|
|
|
+ }
|
|
|
+ .el-step__icon{
|
|
|
+ width:28px;
|
|
|
+ height:28px;
|
|
|
+ }
|
|
|
+ .el-step.is-vertical .el-step__main{
|
|
|
+ padding-left:20px
|
|
|
+ }
|
|
|
+ .el-step__line,.el-step.is-vertical .el-step__line{
|
|
|
+ left: 14px;
|
|
|
+ background-color:#E2E5EB;
|
|
|
+ width:1px
|
|
|
+ }
|
|
|
+ .el-step__line-inner{
|
|
|
+ height:0;
|
|
|
+ display:none
|
|
|
+ }
|
|
|
+ .is-flex{
|
|
|
+
|
|
|
+ .el-step__icon{
|
|
|
+ background: var(--themeColor)
|
|
|
+ }
|
|
|
+ .el-step__icon-inner{
|
|
|
+ color: #fff;
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
</style>
|
lihongxiao
