|
|
@@ -738,19 +738,26 @@
|
|
|
</el-tooltip>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="offer-time " v-show="reslistitem.quoteCode == '200'">
|
|
|
- <template>
|
|
|
+ <div v-show="reslistitem.quoteCode == '200'">
|
|
|
+ <div class="offer-time ">
|
|
|
<span v-show="reslistitem.result.startDateJq">交强险：<span>{{ reslistitem.result.startDateJq }} -
|
|
|
{{ reslistitem.result.endDateJq }}</span></span>
|
|
|
<span v-show="reslistitem.result.startDateSy">商业险： <span>{{ reslistitem.result.startDateSy }} -
|
|
|
{{ reslistitem.result.endDateSy }}</span></span>
|
|
|
+ <span @click='syncData(reslistitem.result)'>
|
|
|
+ <el-tooltip class="item" effect="dark" content="使用此时间" placement="top">
|
|
|
+ <i style='color:red' class="el-icon-time"></i>
|
|
|
+ </el-tooltip>
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
+ <div class="offer-time ">
|
|
|
<span v-if="reslistitem.namesimple == '永诚财险'">光博分：<span>{{ reslistitem.result.ilogPreUdwMess ?
|
|
|
reslistitem.result.ilogPreUdwMess : '无' }}</span></span>
|
|
|
<span v-else>评分：<span>{{ reslistitem.result.ilogPreUdwMess ?
|
|
|
reslistitem.result.ilogPreUdwMess : '无' }}</span></span>
|
|
|
<span v-if="reslistitem.result.accidentInfoStr">出险信息：<span>{{
|
|
|
reslistitem.result.accidentInfoStr }}</span></span>
|
|
|
- </template>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
<div v-if="reslistitem.checked" class="dis a-c Driving-risk" style="margin-top:10px;">
|
|
|
<h4>报价协议选择：</h4>
|
|
|
@@ -907,8 +914,8 @@
|
|
|
<div class="flex j-s a-c color">
|
|
|
<img src="../../../src/icon/salesman.png" alt class="icon-img" />
|
|
|
<span style="margin-left:10px;">报价历史</span>
|
|
|
- <el-radio-group v-model="radio" style="margin-left:30px;" @input="RadioHistoryChange" v-if="orderno">
|
|
|
- <el-radio label>全部</el-radio>
|
|
|
+ <el-radio-group v-model="historyRadio" style="margin-left:30px;" @input="RadioHistoryChange" v-if="orderno">
|
|
|
+ <el-radio :label="888">全部</el-radio>
|
|
|
<el-radio :label="0">报价中</el-radio>
|
|
|
<el-radio :label="1">待核保</el-radio>
|
|
|
<el-radio :label="2">已核保待缴费</el-radio>
|
|
|
@@ -921,6 +928,7 @@
|
|
|
<el-table size="small" :data="HistoryList" height="250" border style="width: 100%" v-loading="loading"
|
|
|
:header-cell-style="{ background: '#F2F7FC', fontWeight: '700', color: '#ee7000' }" highlight-current-row>
|
|
|
<el-table-column prop="inscompany" label="保险公司" align="center"></el-table-column>
|
|
|
+ <el-table-column prop="licenseno" label="车牌号" align="center"></el-table-column>
|
|
|
<el-table-column prop="createtime" label="报价时间" align="center"></el-table-column>
|
|
|
<el-table-column prop="jqpremium" label="交强险" align="center"></el-table-column>
|
|
|
<el-table-column prop="sypremium" label="商业险" align="center"></el-table-column>
|
|
|
@@ -1205,8 +1213,29 @@
|
|
|
<el-table-column prop="remark" label="配置" align="center"></el-table-column>
|
|
|
</el-table>
|
|
|
</el-dialog>
|
|
|
+ <el-dialog title="车辆识别代码" :visible.sync="sbdmdialogVisible" width="1300px">
|
|
|
+ <el-form :inline="true" class="demo-form-inline" size="small">
|
|
|
+ <el-form-item label="车辆识别代码">
|
|
|
+ <el-input v-model="carInfo.vinNo" placeholder="车辆识别代码" style="width:500px;"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item>
|
|
|
+ <el-button type="warning" size="small" @click="toChooseVin(carInfo.vinNo)">查询</el-button>
|
|
|
+ </el-form-item>
|
|
|
+ </el-form>
|
|
|
+ <el-table size="small" :data="reslist" height="690" border style="width: 100%" v-loading="loading"
|
|
|
+ :header-cell-style="{ background: '#F2F7FC', fontWeight: '700', color: '#ee7000' }" highlight-current-row
|
|
|
+ @row-dblclick="reslistCurrentChange">
|
|
|
+ <el-table-column prop="modelCode" label="厂牌型号代码" align="center" width="200"></el-table-column>
|
|
|
+ <el-table-column prop="modelName" label="厂牌型号" align="center" width="300"></el-table-column>
|
|
|
+ <el-table-column prop="replacementValue" label="新车购置价" align="center" width="100"></el-table-column>
|
|
|
+ <el-table-column prop="marketYear" label="年款" align="center" width="100"></el-table-column>
|
|
|
+ <el-table-column prop="ratedPassengerCapacity" label="座位数" align="center" width="80"></el-table-column>
|
|
|
+ <el-table-column prop="displacement" label="排量" align="center" width="100"></el-table-column>
|
|
|
+ <el-table-column prop="remark" label="配置" align="center"></el-table-column>
|
|
|
+ </el-table>
|
|
|
+ </el-dialog>
|
|
|
<el-dialog :visible.sync="bjddialogVisible" width="570px" top="1vh" v-if="queryOrders">
|
|
|
- <div class="bjdbody">
|
|
|
+ <div class="bjdbody" id='pdfContentsDiv'>
|
|
|
<div class="bjdCarMessage">
|
|
|
<div class="bjdCarMessage1">
|
|
|
<img src="../../../static/bjdcar.png" class="align" alt style="width:60px;height:60px;" />
|
|
|
@@ -1345,6 +1374,7 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="display">
|
|
|
+ <!-- <el-button size="small" style="width:100px;" @click="copybjd()" >复制</el-button> -->
|
|
|
<el-button size="small" style="width:100px;" @click="bjddialogVisible = false">关闭</el-button>
|
|
|
</div>
|
|
|
</el-dialog>
|
|
|
@@ -1557,9 +1587,9 @@
|
|
|
行驶证照片
|
|
|
</div>
|
|
|
<div class="flex a-c">
|
|
|
- <div class="flex f-c ">
|
|
|
+ <div class="flex f-c aaa" >
|
|
|
<span style="margin:10px 0">1. 行驶证主页</span>
|
|
|
- <el-upload action="#" list-type="picture-card" :auto-upload="false" :limit="1"
|
|
|
+ <el-upload action="#" list-type="picture-card" :auto-upload="false" :limit="1" drag
|
|
|
:on-change="file => drivingupload(file, 'imageList1', 'imgList1', 'C01')" :file-list="imgList1"
|
|
|
style="margin-right:50px;" ref="upload1" :class="{ styleB: imgList1.length == 1 }">
|
|
|
<img v-show="imgList1.length == 0" src="../../../static/carfront.png" style="width:100%;height:100%" />
|
|
|
@@ -1574,9 +1604,9 @@
|
|
|
</div>
|
|
|
</el-upload>
|
|
|
</div>
|
|
|
- <div class="flex f-c ">
|
|
|
+ <div class="flex f-c aaa">
|
|
|
<span style="margin:10px 0">2. 行驶证副本</span>
|
|
|
- <el-upload action="#" list-type="picture-card" :auto-upload="false" :limit="1"
|
|
|
+ <el-upload action="#" list-type="picture-card" :auto-upload="false" :limit="1" drag
|
|
|
:on-change="file => drivingupload(file, 'imageList1', 'imgList2', 'D01')" :file-list="imgList2"
|
|
|
ref="upload2" :class="{ styleB: imgList2.length === 1 }">
|
|
|
<img v-show="imgList2.length == 0" src="../../../static/carback.png" style="width:100%;height:100%" />
|
|
|
@@ -1601,9 +1631,9 @@
|
|
|
车主照片
|
|
|
</div>
|
|
|
<div class="flex a-c">
|
|
|
- <div class="flex f-c ">
|
|
|
+ <div class="flex f-c aaa">
|
|
|
<span style="margin:10px 0">1. 证件正面</span>
|
|
|
- <el-upload action="#" list-type="picture-card" :auto-upload="false" :limit="1" style="margin-right:50px;"
|
|
|
+ <el-upload action="#" list-type="picture-card" :auto-upload="false" :limit="1" drag style="margin-right:50px;"
|
|
|
:on-change="file => drivingupload(file, 'imageList2', 'imgList3', 'C02')" :file-list="imgList3" multiple
|
|
|
ref="upload3" :class="{ styleB: imgList3.length === 1 }">
|
|
|
<img v-show="imgList3.length == 0" src="../../../static/userfront.png" style="width:100%;height:100%" />
|
|
|
@@ -1618,9 +1648,9 @@
|
|
|
</div>
|
|
|
</el-upload>
|
|
|
</div>
|
|
|
- <div class="flex f-c ">
|
|
|
+ <div class="flex f-c aaa">
|
|
|
<span style="margin:10px 0">2. 证件反面</span>
|
|
|
- <el-upload action="#" list-type="picture-card" :auto-upload="false" :limit="1"
|
|
|
+ <el-upload action="#" list-type="picture-card" :auto-upload="false" :limit="1" drag
|
|
|
:on-change="file => drivingupload(file, 'imageList2', 'imgList4', 'D02')" :file-list="imgList4" multiple
|
|
|
ref="upload4" :class="{ styleB: imgList4.length === 1 }">
|
|
|
<img v-show="imgList4.length == 0" src="../../../static/userback.png" style="width:100%;height:100%" />
|
|
|
@@ -1644,9 +1674,9 @@
|
|
|
投保人照片
|
|
|
</div>
|
|
|
<div class="flex a-c">
|
|
|
- <div class="flex f-c ">
|
|
|
+ <div class="flex f-c aaa">
|
|
|
<span style="margin:10px 0">1. 证件正面</span>
|
|
|
- <el-upload action="#" list-type="picture-card" :auto-upload="false" :limit="1" style="margin-right:50px;"
|
|
|
+ <el-upload action="#" list-type="picture-card" :auto-upload="false" :limit="1" drag style="margin-right:50px;"
|
|
|
:on-change="file => drivingupload(file, 'imageList3', 'imgList5', 'C03')" :file-list="imgList5" multiple
|
|
|
ref="upload5" :class="{ styleB: imgList5.length === 1 }">
|
|
|
<img v-show="imgList5.length == 0" src="../../../static/userfront.png" style="width:100%;height:100%" />
|
|
|
@@ -1661,9 +1691,9 @@
|
|
|
</div>
|
|
|
</el-upload>
|
|
|
</div>
|
|
|
- <div class="flex f-c ">
|
|
|
+ <div class="flex f-c aaa">
|
|
|
<span style="margin:10px 0">2. 证件反面</span>
|
|
|
- <el-upload action="#" list-type="picture-card" :auto-upload="false" :limit="1"
|
|
|
+ <el-upload action="#" list-type="picture-card" :auto-upload="false" :limit="1" drag
|
|
|
:on-change="file => drivingupload(file, 'imageList3', 'imgList6', 'D03')" :file-list="imgList6" multiple
|
|
|
ref="upload6" :class="{ styleB: imgList6.length === 1 }">
|
|
|
<img v-show="imgList6.length == 0" src="../../../static/userback.png" style="width:100%;height:100%" />
|
|
|
@@ -1687,9 +1717,9 @@
|
|
|
被保人照片
|
|
|
</div>
|
|
|
<div class="flex a-c">
|
|
|
- <div class="flex f-c ">
|
|
|
+ <div class="flex f-c aaa">
|
|
|
<span style="margin:10px 0">1. 证件正面</span>
|
|
|
- <el-upload action="#" list-type="picture-card" :auto-upload="false" :limit="1" style="margin-right:50px;"
|
|
|
+ <el-upload action="#" list-type="picture-card" :auto-upload="false" :limit="1" drag style="margin-right:50px;"
|
|
|
:on-change="file => drivingupload(file, 'imageList4', 'imgList7', 'C04')" :file-list="imgList7" multiple
|
|
|
ref="upload7" :class="{ styleB: imgList7.length === 1 }">
|
|
|
<img v-show="imgList7.length == 0" src="../../../static/userfront.png" style="width:100%;height:100%" />
|
|
|
@@ -1704,9 +1734,9 @@
|
|
|
</div>
|
|
|
</el-upload>
|
|
|
</div>
|
|
|
- <div class="flex f-c ">
|
|
|
+ <div class="flex f-c aaa">
|
|
|
<span style="margin:10px 0">2. 证件反面</span>
|
|
|
- <el-upload action="#" list-type="picture-card" :auto-upload="false" :limit="1"
|
|
|
+ <el-upload action="#" list-type="picture-card" :auto-upload="false" :limit="1" drag
|
|
|
:on-change="file => drivingupload(file, 'imageList4', 'imgList8', 'D04')" :file-list="imgList8" multiple
|
|
|
ref="upload8" :class="{ styleB: imgList8.length === 1 }">
|
|
|
<img v-show="imgList8.length == 0" src="../../../static/userback.png" style="width:100%;height:100%" />
|
|
|
@@ -1821,6 +1851,7 @@
|
|
|
</div>
|
|
|
</template>
|
|
|
<script>
|
|
|
+import html2Canvas from 'html2canvas'
|
|
|
import QRCode from "qrcodejs2";
|
|
|
import Cookies from "js-cookie";
|
|
|
import CommonUtil from "@/utils/comutil.js";
|
|
|
@@ -1828,6 +1859,7 @@ import { getAgeByIdCard, searchkey, addressCode } from "@/utils/validate.js";
|
|
|
import citydata from "@/assets/js/citydata.js";
|
|
|
import yongchengData from '../../assets/js/yongchengData';
|
|
|
import { regionData, codeToText } from "element-china-area-data";
|
|
|
+
|
|
|
export default {
|
|
|
inject: ["reload"],
|
|
|
name: "qrCode",
|
|
|
@@ -1948,6 +1980,7 @@ export default {
|
|
|
TabName: "car", //默认选项卡
|
|
|
value1: "",
|
|
|
chexingdialogVisible: false, //车型选择 显示/隐藏
|
|
|
+ sbdmdialogVisible: false, //车型车辆识别代码选择 显示/隐藏
|
|
|
quotedetailsdialogVisible: false, //报价详情 显示/隐藏
|
|
|
bjddialogVisible: false, //报价单 显示/隐藏
|
|
|
codedialogVisible: false, //二维码 显示/隐藏
|
|
|
@@ -2938,7 +2971,7 @@ export default {
|
|
|
HistoryList: [], //历史记录数据
|
|
|
image1: "",
|
|
|
image2: "",
|
|
|
- radio: 0,
|
|
|
+ historyRadio:888,
|
|
|
sumseatCount: "", // 投保险种座位数
|
|
|
deptName: "",
|
|
|
isBottom: true,
|
|
|
@@ -3077,6 +3110,10 @@ export default {
|
|
|
_this.insuredPersonInfo = insureinfo;
|
|
|
_this.quoteno = quoteno;
|
|
|
_this.orderno = orderno;
|
|
|
+ _this.tbczcarShow=applyinfo.owner
|
|
|
+ _this.bbczcarShow=insureinfo.owner
|
|
|
+ _this.bbtbcarShow=insureinfo.insuranceHolder
|
|
|
+
|
|
|
_this.ownerInfo.age = getAgeByIdCard(_this.ownerInfo.identifyNumber)
|
|
|
_this.policyHolderInfo.age = getAgeByIdCard(_this.policyHolderInfo.identifyNumber)
|
|
|
_this.insuredPersonInfo.age = getAgeByIdCard(_this.insuredPersonInfo.identifyNumber)
|
|
|
@@ -3175,6 +3212,38 @@ export default {
|
|
|
},
|
|
|
},
|
|
|
methods: {
|
|
|
+
|
|
|
+ copybjd(){
|
|
|
+ let _this=this
|
|
|
+ let targetDom = document.getElementById('pdfContentsDiv') //原本需要截图的div
|
|
|
+ let clonedNode = targetDom.cloneNode(true); //复制一个
|
|
|
+ clonedNode.setAttribute("style",`width: ${targetDom.clientHeight};height: ${targetDom.clientWidth};`)
|
|
|
+ document.body.appendChild(clonedNode); //放到body后面
|
|
|
+ html2Canvas(clonedNode, {
|
|
|
+ allowTaint: true,
|
|
|
+ taintTest: false,
|
|
|
+ }).then(function (canvas) {
|
|
|
+ let image = new Image();
|
|
|
+ let pageImg= canvas.toDataURL('image/png')
|
|
|
+ image.src = canvas.toDataURL("image/png");
|
|
|
+ // _this.$copyText(pageImg.replace(/[\r\n]/g, "")).then(
|
|
|
+ // e => {
|
|
|
+ // console.log('复制成功：', e);
|
|
|
+ // },
|
|
|
+ // e => {
|
|
|
+ // console.log('复制失败：', e);
|
|
|
+ // }
|
|
|
+ // )
|
|
|
+ // document.body.removeChild(clonedNode); //最后记得移除截图时添加的
|
|
|
+ })
|
|
|
+ },
|
|
|
+ // 点击同步报价后的时间
|
|
|
+ syncData(item){
|
|
|
+ this.jqstartDate=item.startDateJq?item.startDateJq:this.jqstartDate
|
|
|
+ this.jqendDate=item.endDateJq?item.endDateJq:this.endDateJq
|
|
|
+ this.systartDate=item.startDateSy?item.startDateSy:this.systartDate
|
|
|
+ this.syendDate=item.endDateSy?item.endDateSy:this.syendDate
|
|
|
+ },
|
|
|
//纳税类型事件
|
|
|
taxRelifFlagChange(val){
|
|
|
if (val == 4) {
|
|
|
@@ -3333,7 +3402,7 @@ export default {
|
|
|
|
|
|
let params = {
|
|
|
orderNo: this.orderno,
|
|
|
- orderStatus: e
|
|
|
+ orderStatus: e!==888?e:''
|
|
|
};
|
|
|
this.$api.letter.queryQuoteHistory(params).then(res => {
|
|
|
this.HistoryList = res.data;
|
|
|
@@ -3845,6 +3914,9 @@ export default {
|
|
|
}
|
|
|
//日期长度<10处理
|
|
|
//提交身份证/驾驶证 ——————————————————
|
|
|
+ this.policyHolderInfo.owner=this.tbczcarShow
|
|
|
+ this.insuredPersonInfo.owner=this.bbczcarShow
|
|
|
+ this.insuredPersonInfo.insuranceHolder=this.bbtbcarShow
|
|
|
let param = {
|
|
|
userId: this.userId,
|
|
|
quoteno: this.quoteno,
|
|
|
@@ -3855,7 +3927,7 @@ export default {
|
|
|
policyHolderInfo: this.policyHolderInfo,
|
|
|
kindList: this.kindList,
|
|
|
riskList: this.riskList,
|
|
|
- vehicleAndVesselTax:this.vehicleAndVesselTaxForm
|
|
|
+ vehicleAndVesselTax:this.vehicleAndVesselTaxForm,
|
|
|
};
|
|
|
this.$api.letter.generateOrder(param).then(res => {
|
|
|
if (res.code == "200") {
|
|
|
@@ -4152,6 +4224,9 @@ export default {
|
|
|
vehicleAndVesselTax:this.vehicleAndVesselTaxForm
|
|
|
|
|
|
};
|
|
|
+ param.ownerInfo.provinceData==""?[]:param.ownerInfo.provinceData
|
|
|
+ param.insuredPersonInfo.provinceData==""?[]:param.insuredPersonInfo.provinceData
|
|
|
+ param.policyHolderInfo.provinceData==""?[]:param.policyHolderInfo.provinceData
|
|
|
return this.$api.letter.generateOrder(param).then(res => {
|
|
|
this.yongcheng(num, id);
|
|
|
});
|
|
|
@@ -5221,7 +5296,7 @@ export default {
|
|
|
if (res.code == "200") {
|
|
|
this.reslist = res.data;
|
|
|
loading.close();
|
|
|
- this.chexingdialogVisible = true;
|
|
|
+ this.sbdmdialogVisible = true;
|
|
|
} else {
|
|
|
loading.close();
|
|
|
this.$message.error(res.msg);
|
|
|
@@ -5244,7 +5319,7 @@ export default {
|
|
|
background: "rgba(0, 0, 0, 0.7)"
|
|
|
});
|
|
|
let param = {
|
|
|
- modelName: cartype
|
|
|
+ modelName: cartype.replace(/[^u4e00-u9fa5|,]+/ig,'')
|
|
|
};
|
|
|
this.$api.letter.ModelsQuery(param).then(res => {
|
|
|
if (res.code == "200") {
|
|
|
@@ -5271,6 +5346,7 @@ export default {
|
|
|
this.carInfo.powertype = row.fuelType; //燃油种类
|
|
|
this.carInfo.powerScale = row.powerScale; //功率
|
|
|
this.chexingdialogVisible = false;
|
|
|
+ this.sbdmdialogVisible=false
|
|
|
},
|
|
|
//是否过户事件
|
|
|
transferFlagChange(e) {
|
|
|
@@ -5791,6 +5867,9 @@ export default {
|
|
|
for (let key in this.insuredPersonInfo) {
|
|
|
this.insuredPersonInfo[key] = "";
|
|
|
}
|
|
|
+ this.ownerInfo.provinceData=[]
|
|
|
+ this.insuredPersonInfo.provinceData=[]
|
|
|
+ this.policyHolderInfo.provinceData=[]
|
|
|
this.carInfo = JSON.parse(localStorage.getItem('carInfo'));
|
|
|
this.insureList = JSON.parse(localStorage.getItem('insureList'));
|
|
|
this.sychecked = false;
|
|
|
@@ -5798,7 +5877,7 @@ export default {
|
|
|
this.zhongmeichecked = false;
|
|
|
this.transferDateShow = false;
|
|
|
this.tbczcarShow = true, //投保人同车主
|
|
|
- this.bbczcarShow = false, //被保人同车主
|
|
|
+ // this.bbczcarShow = false, //被保人同车主
|
|
|
this.bbtbcarShow = true, //被保人同投保人
|
|
|
this.imgList1 = [];
|
|
|
this.imgList2 = [];
|
|
|
@@ -5819,6 +5898,9 @@ export default {
|
|
|
this.systartDate = this.transformTime1();
|
|
|
this.syendDate = this.oneYearPast1(this.jqstartDate);
|
|
|
this.commpanyList(); // 获取保险公司
|
|
|
+ console.log( this.ownerInfo,
|
|
|
+ this.insuredPersonInfo,
|
|
|
+ this.policyHolderInfo,111111111111)
|
|
|
},
|
|
|
toChinesNum(num) {
|
|
|
let changeNum = [
|
|
|
@@ -6581,7 +6663,14 @@ export default {
|
|
|
background: linear-gradient(to left, #F2C94C, #F2994A);
|
|
|
/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
|
|
|
}
|
|
|
-
|
|
|
+.aaa /deep/{
|
|
|
+ .el-upload .el-upload-dragger {
|
|
|
+ width: 198px;
|
|
|
+ height: 128px;
|
|
|
+ border: 1px dashed #c0ccda;;
|
|
|
+ padding: 0;
|
|
|
+ }
|
|
|
+}
|
|
|
/* 清除图片上传动画bug */
|
|
|
/deep/ {
|
|
|
.el-upload-list__item {
|
lihongxiao