|
|
@@ -47,15 +47,15 @@
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
</el-form>
|
|
|
- <el-table size="small" :data="pageResult" height="590" border style="width: 100%" v-loading="loading"
|
|
|
- highlight-current-row stripe @row-click="handleRowClick" ref="expandTable"
|
|
|
+ <el-table size="small" :data="pageResult" height="590" border v-loading="loading" highlight-current-row stripe
|
|
|
+ @row-click="handleRowClick" ref="expandTable"
|
|
|
:header-cell-style="{ background: '#F2F7FC', fontWeight: '700', color: '#606266' }">
|
|
|
<el-table-column type="expand">
|
|
|
<template slot-scope="scope">
|
|
|
- <div class="demo-table-expand dis align j-s" v-for="(item, index) in scope.row.insAreaCompanyList"
|
|
|
- :key="index">
|
|
|
+ <div class="demo-table-expand dis align j-s" :style="{ width: width, flexWrap: 'wrap' }"
|
|
|
+ v-for="(item, index) in scope.row.insAreaCompanyList" :key="index">
|
|
|
<div>{{ item.inscompany }}</div>
|
|
|
- <div> <span style="color:#ee7000;">{{ item.sumpremium }}</span></div>
|
|
|
+ <div>总价: <span style="color:#ee7000;">{{ item.sumpremium }}</span></div>
|
|
|
<div>交强险:<span style="color:#ee7000;">{{ item.jqpremium }}</span> </div>
|
|
|
<div>商业险:<span style="color:#ee7000;">{{ item.sypremium }}</span></div>
|
|
|
<div>{{ item.createtime }}</div>
|
|
|
@@ -122,7 +122,7 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="ORtitle dis flex align ">
|
|
|
+ <div class="ORtitle dis flex align">
|
|
|
<div>
|
|
|
<span>保险公司:</span>
|
|
|
<span>{{ inscompany }}</span>
|
|
|
@@ -573,7 +573,7 @@
|
|
|
<el-col class="u-f-ajc" :span="8">优惠金额</el-col>
|
|
|
</el-row>
|
|
|
|
|
|
- <el-row v-for="(riskItem, riskIndex) in orderInfo.riskinfo" :key="riskItem.riskCode + '2'"
|
|
|
+ <el-row v-for="(riskItem) in orderInfo.riskinfo" :key="riskItem.riskCode + '2'"
|
|
|
v-if="riskItem.riskCode == '0507'" class="u-f-ac"
|
|
|
style="border-bottom: 1px solid #DDDDDD;height:40px;margin-bottom: 0;">
|
|
|
<el-col class="u-f-ajc" :span="8">交强险</el-col>
|
|
|
@@ -581,7 +581,7 @@
|
|
|
<el-col class="u-f-ajc" :span="8">
|
|
|
{{ (riskItem.premium * orderInfo.jqdiscountrate / 100).toFixed(2) }}</el-col>
|
|
|
</el-row>
|
|
|
- <el-row v-for="(riskItem, riskIndex) in orderInfo.riskinfo" :key="riskItem.riskCode + '3'"
|
|
|
+ <el-row v-for="(riskItem) in orderInfo.riskinfo" :key="riskItem.riskCode + '3'"
|
|
|
v-if="riskItem.riskCode == '0510'" class="u-f-ac"
|
|
|
style="border-bottom: 1px solid #DDDDDD;height:40px;margin-bottom: 0;">
|
|
|
<el-col class="u-f-ajc" :span="8">商业险</el-col>
|
|
|
@@ -642,7 +642,7 @@
|
|
|
<el-col :span="8" class="u-f-ajc">保费</el-col>
|
|
|
</el-row>
|
|
|
|
|
|
- <div v-for="(riskItem, riskIndex) in orderInfo.riskinfo" :key="riskItem.riskCode + '4'"
|
|
|
+ <div v-for="(riskItem) in orderInfo.riskinfo" :key="riskItem.riskCode + '4'"
|
|
|
v-if="riskItem.riskCode == '0507'">
|
|
|
<el-row class="u-f-ac"
|
|
|
style="border-bottom: 1px solid #DDDDDD;height:40px;margin-bottom: 0;">
|
|
|
@@ -867,12 +867,12 @@
|
|
|
</el-row>
|
|
|
<el-row class="body" style="padding:10px 20px;">
|
|
|
<el-row v-for="(oldfileItem, oldfileIndex) in oldfileList" :key="oldfileIndex">
|
|
|
- <el-col :span="2">
|
|
|
+ <el-col :span="2" style="margin-right: 15px;">
|
|
|
<label>{{ oldfileItem.fileTitle }}:</label>
|
|
|
</el-col>
|
|
|
<el-col :span="6" class="u-f u-f-column">
|
|
|
<el-row>
|
|
|
- <div class="u-f u-f-jsb u-f-ac" style="width: 250px;">
|
|
|
+ <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>
|
|
|
@@ -1058,6 +1058,7 @@ export default {
|
|
|
userid: "",
|
|
|
downloadstatus: 0,
|
|
|
expands: [],
|
|
|
+ width: document.documentElement.clientWidth,
|
|
|
}
|
|
|
},
|
|
|
created() {
|
|
|
@@ -1065,11 +1066,16 @@ export default {
|
|
|
if (this.peopleid != 'admin') {
|
|
|
this.pageRequest.userId = this.peopleid;
|
|
|
this.findPage();
|
|
|
-
|
|
|
} else {
|
|
|
this.pageRequest.userId = 'admin';
|
|
|
}
|
|
|
},
|
|
|
+ mounted() {
|
|
|
+ window.addEventListener('resize', this.getDimensions);
|
|
|
+ },
|
|
|
+ unmounted() {
|
|
|
+ window.removeEventListener('resize', this.getDimensions);
|
|
|
+ },
|
|
|
computed: {
|
|
|
allinsOption() {
|
|
|
let cloneData = JSON.parse(JSON.stringify(this.allIns)); // 对源数据深度克隆
|
|
|
@@ -1098,6 +1104,10 @@ export default {
|
|
|
},
|
|
|
},
|
|
|
methods: {
|
|
|
+ getDimensions() {
|
|
|
+ this.width = document.documentElement.clientWidth - 350 + 'px';
|
|
|
+ },
|
|
|
+ //表格行点击下拉事件
|
|
|
handleRowClick(row) {
|
|
|
row.expanded = !row.expanded;
|
|
|
this.$refs.expandTable.toggleRowExpansion(row, row.expanded);
|
|
|
@@ -1263,20 +1273,18 @@ export default {
|
|
|
}
|
|
|
}
|
|
|
// 获取影像
|
|
|
- this.$api.letter.insTaskImagefindById("C01", dy.quoteno).then((resImage) => {
|
|
|
- this.carImageList = resImage.data;
|
|
|
- })
|
|
|
- this.$api.letter.insTaskImagefindById("C02", dy.quoteno).then((resImage) => {
|
|
|
- this.ownerImageList = resImage.data;
|
|
|
- })
|
|
|
- this.$api.letter.insTaskImagefindById("C03", dy.quoteno).then((resImage) => {
|
|
|
- this.policyImageList = resImage.data;
|
|
|
- })
|
|
|
- this.$api.letter.insTaskImagefindById("C04", dy.quoteno).then((resImage) => {
|
|
|
- this.insuredImageList = resImage.data;
|
|
|
- })
|
|
|
- this.$api.letter.insTaskImagefindById("C05", dy.quoteno).then((resImage) => {
|
|
|
- this.carCheckImageList = resImage.data;
|
|
|
+ this.$api.letter.findByQuoteNo(dy.quoteno).then((resImage) => {
|
|
|
+ for (let key in resImage.data) {
|
|
|
+ resImage.data[key].map(ele => {
|
|
|
+ ele.url = this.global.baseUrl + ele.url;
|
|
|
+ return ele;
|
|
|
+ })
|
|
|
+ }
|
|
|
+ this.carImageList = resImage.data.C01;
|
|
|
+ this.ownerImageList = resImage.data.C02;
|
|
|
+ this.policyImageList = resImage.data.C03;
|
|
|
+ this.insuredImageList = resImage.data.C04;
|
|
|
+ this.carCheckImageList = resImage.data.C05;
|
|
|
})
|
|
|
this.pic1Control = false;
|
|
|
this.pic2Control = false;
|
|
|
@@ -1284,14 +1292,6 @@ export default {
|
|
|
this.pic4Control = false;
|
|
|
this.pic5Control = false;
|
|
|
this.oldfileList = [];
|
|
|
- // let jqbaodan = {
|
|
|
- // orderno: this.orderInfo.orderno,
|
|
|
- // policytype: "jq",
|
|
|
- // };
|
|
|
- // let sybaodan = {
|
|
|
- // orderno: this.orderInfo.orderno,
|
|
|
- // policytype: "sy",
|
|
|
- // };
|
|
|
switch (res.data.inscompany) {
|
|
|
case "永安财险":
|
|
|
if (this.orderInfo.jqpolicyno) {
|
|
|
@@ -1393,32 +1393,43 @@ export default {
|
|
|
}
|
|
|
break;
|
|
|
case "永诚财险":
|
|
|
- let ycbaodan = {
|
|
|
- companyId: item.id,
|
|
|
- };
|
|
|
- this.$api.letter.yongchenggetPolicyPrint(ycbaodan).then(res => {
|
|
|
- if (res.data.JQ_URL) {
|
|
|
- this.oldfileList.push({
|
|
|
- fileTitle: "交强电子保单",
|
|
|
- filename: this.orderInfo.jqpolicyno,
|
|
|
- fileurl: res.data.JQ_URL,
|
|
|
- });
|
|
|
- }
|
|
|
- if (res.data.SY_URL) {
|
|
|
- this.oldfileList.push({
|
|
|
- fileTitle: "商业电子保单",
|
|
|
- filename: this.orderInfo.sypolicyno,
|
|
|
- fileurl: res.data.SY_URL,
|
|
|
- });
|
|
|
- }
|
|
|
- if (res.data.JQBZ_URL) {
|
|
|
- this.oldfileList.push({
|
|
|
- fileTitle: "交强电子标志",
|
|
|
- filename: this.orderInfo.jqpolicyno,
|
|
|
- fileurl: res.data.JQBZ_URL,
|
|
|
- });
|
|
|
- }
|
|
|
- })
|
|
|
+ if (this.orderInfo.jqpolicyno) {
|
|
|
+ this.$api.letter.yongchenggetPolicyPrint({
|
|
|
+ companyId: item.id,
|
|
|
+ riskCode: "0507",
|
|
|
+ type: '2',//2:保单
|
|
|
+ }).then(res => {
|
|
|
+ if (res.data) {
|
|
|
+ this.oldfileList.push({
|
|
|
+ fileTitle: "交强电子保单",
|
|
|
+ filename: this.orderInfo.jqpolicyno,
|
|
|
+ fileurl: res.data.jqUrl,
|
|
|
+ });
|
|
|
+ if(res.data.jqFlagUrl){
|
|
|
+ this.oldfileList.push({
|
|
|
+ fileTitle: "交强电子标志",
|
|
|
+ filename: this.orderInfo.jqpolicyno,
|
|
|
+ fileurl: res.data.jqFlagUrl,
|
|
|
+ });
|
|
|
+ }
|
|
|
+ }
|
|
|
+ })
|
|
|
+ }
|
|
|
+ if (this.orderInfo.jqpolicyno) {
|
|
|
+ this.$api.letter.yongchenggetPolicyPrint({
|
|
|
+ companyId: item.id,
|
|
|
+ riskCode: "0510",
|
|
|
+ type: '2',//2:保单
|
|
|
+ }).then(res => {
|
|
|
+ if (res.data) {
|
|
|
+ this.oldfileList.push({
|
|
|
+ fileTitle: "商业电子保单",
|
|
|
+ filename: this.orderInfo.sypolicyno,
|
|
|
+ fileurl: res.data.syUrl,
|
|
|
+ });
|
|
|
+ }
|
|
|
+ })
|
|
|
+ }
|
|
|
break;
|
|
|
default:
|
|
|
}
|
|
|
@@ -1495,6 +1506,13 @@ export default {
|
|
|
a.download = this.licenseNo + '-' + index.filename + '-' + index.fileTitle; // 下载文件的名字
|
|
|
document.body.appendChild(a)
|
|
|
a.click()
|
|
|
+ }else if(this.inscompany == '永诚财险'){
|
|
|
+ const a = document.createElement('a')
|
|
|
+ a.href = index.fileurl
|
|
|
+ a.target = '_ blank';
|
|
|
+ a.download = this.licenseNo + '-' + index.filename + '-' + index.fileTitle; // 下载文件的名字
|
|
|
+ document.body.appendChild(a)
|
|
|
+ a.click()
|
|
|
}
|
|
|
},
|
|
|
//锚链接
|
|
|
@@ -1737,7 +1755,7 @@ export default {
|
|
|
margin-bottom: 15px;
|
|
|
}
|
|
|
|
|
|
-.body .el-row {}
|
|
|
+
|
|
|
|
|
|
.body .el-row .el-col label {
|
|
|
text-align: right;
|
|
|
@@ -1747,7 +1765,6 @@ export default {
|
|
|
line-height: 36px;
|
|
|
display: inline-block;
|
|
|
box-sizing: border-box;
|
|
|
- padding-right: 15px;
|
|
|
}
|
|
|
|
|
|
.disabledInput {
|
|
|
@@ -1859,8 +1876,4 @@ export default {
|
|
|
padding: 10px 50px;
|
|
|
font-size: 14px;
|
|
|
}
|
|
|
-
|
|
|
-.demo-table-expand div {
|
|
|
- width: 12%;
|
|
|
-}
|
|
|
</style>
|