mirror of
http://112.124.100.131/GFRS/ebiz-h5.git
synced 2025-12-07 18:16:44 +08:00
Compare commits
3 Commits
feature/FC
...
feature/【2
| Author | SHA1 | Date | |
|---|---|---|---|
| 63e0869065 | |||
| e61dfe0d17 | |||
| f8d84e73c7 |
@@ -76,24 +76,6 @@ export function getOrderDetail1(data) {
|
||||
data
|
||||
})
|
||||
}
|
||||
// 投保单邮件发送
|
||||
export function getSendEmail(data) {
|
||||
return request({
|
||||
url: getUrl('/sale/order/sendEmail', 1),
|
||||
method: 'post',
|
||||
data
|
||||
})
|
||||
}
|
||||
// 投保单邮件发送
|
||||
export function getDownloadZip(data) {
|
||||
return request({
|
||||
url: getUrl('/sale/order/downloadZip?orderNo=' + data.orderNo, 1),
|
||||
method: 'get',
|
||||
data,
|
||||
responseType: 'blob'
|
||||
})
|
||||
}
|
||||
|
||||
// 获取验证码
|
||||
export function getAuthCode(data) {
|
||||
return request({
|
||||
@@ -122,7 +104,7 @@ export function uploadImg(data) {
|
||||
// 上传图片
|
||||
export function uploadImg2(data) {
|
||||
return request1({
|
||||
url: getUrl('/uploadImage?imgType=' + store.getters.getUploadImgType + '&orderNo=' + store.getters.getUploadImgOrderNo, 1, 2),
|
||||
url: getUrl('/uploadImage?imgType='+store.getters.getUploadImgType+'&orderNo='+store.getters.getUploadImgOrderNo, 1, 2),
|
||||
method: 'post',
|
||||
data
|
||||
})
|
||||
|
||||
@@ -252,9 +252,6 @@ service.interceptors.request.use(
|
||||
// respone拦截器
|
||||
service.interceptors.response.use(
|
||||
response => {
|
||||
if (response.config.responseType) {
|
||||
return response.data
|
||||
}
|
||||
let res = response.data
|
||||
if (
|
||||
(configApp.API_VERSION == 'v2' || configApp.API_VERSION == 'v3') &&
|
||||
|
||||
@@ -6,14 +6,18 @@
|
||||
<img class="w178 h41 div_1" src="@/assets/images/proposal/proposal_logo.png" />
|
||||
<div class="white fw500 fs18 div_2">{{ mainRiskName }}</div>
|
||||
<van-sticky @scroll="testSticky">
|
||||
<div class="pl15 pt15 flex justify-content-fs align-items-c sticky_div" :class="pageShowType.isFixed ? 'divbg_1' : 'divbg_2'">
|
||||
<div class="mr9 title_item" v-for="(item, index) in pageShowInfo.insuredDTOs" :key="index" @click="checkInsure(item.insuredId)">
|
||||
<div class="pl15 pt15 flex justify-content-fs align-items-c sticky_div"
|
||||
:class="pageShowType.isFixed ? 'divbg_1' : 'divbg_2'">
|
||||
<div class="mr9 title_item" v-for="(item, index) in pageShowInfo.insuredDTOs" :key="index"
|
||||
@click="checkInsure(item.insuredId)">
|
||||
<div class="relative sub_insure_item">
|
||||
<div class="bg-white insured_item" :class="item.insuredId == pageShowInfo.showInsuredDTO.insuredId ? 'shadow' : ''">
|
||||
<div class="bg-white insured_item"
|
||||
:class="item.insuredId == pageShowInfo.showInsuredDTO.insuredId ? 'shadow' : ''">
|
||||
<div class="insured_item_1">
|
||||
<img :src="headPicture[item.relationToAppnt + '_' + item.sex]" />
|
||||
</div>
|
||||
<div class="text-center fs12" :class="item.insuredId == pageShowInfo.showInsuredDTO.insuredId ? 'color_3A81F6' : ''">
|
||||
<div class="text-center fs12"
|
||||
:class="item.insuredId == pageShowInfo.showInsuredDTO.insuredId ? 'color_3A81F6' : ''">
|
||||
{{ relationToAppntType[item.relationToAppnt + '_' + item.sex] }}<br />
|
||||
{{ item.name }}
|
||||
</div>
|
||||
@@ -33,37 +37,49 @@
|
||||
<div class="text-center">
|
||||
<label class="fs14 color_3A81F6 fw600 lh24">被保险人</label><br />
|
||||
<label class="fs13 color_666666 lh20"
|
||||
>{{ pageShowInfo.showInsuredDTO.sex == '0' ? '男' : '女' }} {{ pageShowInfo.showInsuredDTO.insuredAge }}周岁</label
|
||||
>{{ pageShowInfo.showInsuredDTO.sex == '0' ? '男' : '女'
|
||||
}} {{ pageShowInfo.showInsuredDTO.insuredAge }}周岁</label
|
||||
>
|
||||
</div>
|
||||
<div class="line_gray"></div>
|
||||
<div class="text-center">
|
||||
<label class="fs14 color_3A81F6 fw600 lh24">投保人</label><br />
|
||||
<label class="fs13 color_666666 lh20">{{ pageShowInfo.appntDTO.sex == '0' ? '男' : '女' }} {{ pageShowInfo.appntDTO.age }}周岁</label>
|
||||
<label class="fs13 color_666666 lh20">{{ pageShowInfo.appntDTO.sex == '0' ? '男' : '女'
|
||||
}} {{ pageShowInfo.appntDTO.age }}周岁</label>
|
||||
</div>
|
||||
<div class="line_gray"></div>
|
||||
<div class="text-center">
|
||||
<label class="fs14 color_3A81F6 fw600 lh24">首年保费</label><br />
|
||||
<label class="fs13 color_FFA42F lh20">{{ pageShowInfo.showInsuredDTO.totalPrem | numFormat }}元</label>
|
||||
<label class="fs13 color_FFA42F lh20">{{ pageShowInfo.showInsuredDTO.totalPrem | numFormat
|
||||
}}元</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="fs15 line_title">产品计划</div>
|
||||
<div class="fs12 div_4">
|
||||
<div class="risk_head flex text-center line-height table fs12 bg_DBEFFE">
|
||||
<div class="flex justify-content-c align-items-c pl7 pr7 pt7 pb7">投保险种</div>
|
||||
<div class="flex justify-content-c align-items-c pl7 pr7 pt7 pb7 table_border" v-if="ispremshow">保额(元）</div>
|
||||
<div class="flex justify-content-c align-items-c pl7 pr7 pt7 pb7 table_border" v-if="ispremshow">
|
||||
保额(元）
|
||||
</div>
|
||||
<div class="flex justify-content-c align-items-c pl7 pr7 pt7 pb7 table_border">保险期间</div>
|
||||
<div class="flex justify-content-c align-items-c pl7 pr7 pt7 pb7 table_border">交费期间</div>
|
||||
<div class="flex justify-content-c align-items-c pl7 pr7 pt7 pb7 table_border">首年保费(元)</div>
|
||||
</div>
|
||||
<div class="risk_body flex text-center table bg_f7fbff" v-for="(riskItem, index) in pageShowInfo.showInsuredDTO.riskDTOLst" :key="index">
|
||||
<div class="risk_body flex text-center table bg_f7fbff"
|
||||
v-for="(riskItem, index) in pageShowInfo.showInsuredDTO.riskDTOLst" :key="index">
|
||||
<div class="flex justify-content-c align-items-c pl7 pr7 pt7 pb7">{{ riskItem.riskName }}</div>
|
||||
<div class="flex justify-content-c align-items-c pl7 pr7 pt7 pb7 table_border" v-if="ispremshow">
|
||||
{{ riskItem.amt ? riskItem.amt : '--' }}
|
||||
</div>
|
||||
<div class="flex justify-content-c align-items-c pl7 pr7 pt7 pb7 table_border">{{ riskItem.insureName }}</div>
|
||||
<div class="flex justify-content-c align-items-c pl7 pr7 pt7 pb7 table_border">{{ riskItem.payName }}</div>
|
||||
<div class="flex justify-content-c align-items-c pl7 pr7 pt7 pb7 table_border">{{ riskItem.showPrem ? riskItem.showPrem : '--' }}</div>
|
||||
<div class="flex justify-content-c align-items-c pl7 pr7 pt7 pb7 table_border">
|
||||
{{ riskItem.insureName }}
|
||||
</div>
|
||||
<div class="flex justify-content-c align-items-c pl7 pr7 pt7 pb7 table_border">{{ riskItem.payName
|
||||
}}
|
||||
</div>
|
||||
<div class="flex justify-content-c align-items-c pl7 pr7 pt7 pb7 table_border">
|
||||
{{ riskItem.showPrem ? riskItem.showPrem : '--' }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -72,23 +88,33 @@
|
||||
<div class="fs12 div_4" v-if="pageShowInfo.showInsuredDTO.riskDTOLstNew.length">
|
||||
<div class="risk_head flex text-center line-height table fs12 bg_DBEFFE">
|
||||
<div class="flex justify-content-c align-items-c pl7 pr7 pt7 pb7">投保险种</div>
|
||||
<div class="flex justify-content-c align-items-c pl7 pr7 pt7 pb7 table_border">养老保险金开始领取年龄</div>
|
||||
<div class="flex justify-content-c align-items-c pl7 pr7 pt7 pb7 table_border">养老保险金领取方式</div>
|
||||
<div class="flex justify-content-c align-items-c pl7 pr7 pt7 pb7 table_border">
|
||||
养老保险金开始领取年龄
|
||||
</div>
|
||||
<div class="flex justify-content-c align-items-c pl7 pr7 pt7 pb7 table_border">养老保险金领取方式
|
||||
</div>
|
||||
<div class="flex justify-content-c align-items-c pl7 pr7 pt7 pb7 table_border">保证给付期</div>
|
||||
<div class="flex justify-content-c align-items-c pl7 pr7 pt7 pb7 table_border">每次养老保险金(元)</div>
|
||||
<div class="flex justify-content-c align-items-c pl7 pr7 pt7 pb7 table_border">每次养老保险金(元)
|
||||
</div>
|
||||
</div>
|
||||
<div v-for="(riskItem, index) in pageShowInfo.showInsuredDTO.riskDTOLstNew" :key="index">
|
||||
<div class="risk_body flex text-center table bg_f7fbff">
|
||||
<div class="flex justify-content-c align-items-c pl7 pr7 pt7 pb7">{{ riskItem.riskName }}</div>
|
||||
<div class="flex justify-content-c align-items-c pl7 pr7 pt7 pb7 table_border">{{ riskItem.pensionAge }} 周岁</div>
|
||||
<div class="flex justify-content-c align-items-c pl7 pr7 pt7 pb7 table_border">
|
||||
{{ riskItem.pensionAge }} 周岁
|
||||
</div>
|
||||
<div class="flex justify-content-c align-items-c pl7 pr7 pt7 pb7 table_border">
|
||||
{{ riskItem.receivePensionWay == '0' ? '年领' : '月领' }}
|
||||
</div>
|
||||
<div class="flex justify-content-c align-items-c pl7 pr7 pt7 pb7 table_border">{{ riskItem.guaranteedYear }} 年</div>
|
||||
<div v-if="riskItem.receivePensionWay == '0'" class="flex justify-content-c align-items-c pl7 pr7 pt7 pb7 table_border">
|
||||
<div class="flex justify-content-c align-items-c pl7 pr7 pt7 pb7 table_border">
|
||||
{{ riskItem.guaranteedYear }} 年
|
||||
</div>
|
||||
<div v-if="riskItem.receivePensionWay == '0'"
|
||||
class="flex justify-content-c align-items-c pl7 pr7 pt7 pb7 table_border">
|
||||
{{ riskItem.amt }}
|
||||
</div>
|
||||
<div v-if="riskItem.receivePensionWay == '1'" class="flex justify-content-c align-items-c pl7 pr7 pt7 pb7 table_border">
|
||||
<div v-if="riskItem.receivePensionWay == '1'"
|
||||
class="flex justify-content-c align-items-c pl7 pr7 pt7 pb7 table_border">
|
||||
{{ riskItem.amt | fillNumber }}
|
||||
</div>
|
||||
</div>
|
||||
@@ -98,7 +124,8 @@
|
||||
<div class="h20"> </div>
|
||||
</div>
|
||||
<div class="up_down_div">
|
||||
<img src="@/assets/images/proposal/proposal_down.png" :class="pageShowType.productCheckStatus ? '' : 'img180'" @click="testProductCheck" />
|
||||
<img src="@/assets/images/proposal/proposal_down.png"
|
||||
:class="pageShowType.productCheckStatus ? '' : 'img180'" @click="testProductCheck" />
|
||||
</div>
|
||||
</div>
|
||||
<!--保险责任-->
|
||||
@@ -123,9 +150,11 @@
|
||||
</div>
|
||||
<div :class="pageShowType.riskCheckStatus ? '' : 'hideInfo'" class="text-left div_5">
|
||||
<div v-if="pageShowType.dutyShowType == '01'">
|
||||
<div class="div_6 duty_by_duty" v-for="(item, index) in pageShowInfo.showInsuredDTO.riskDTOLst" :key="index">
|
||||
<div class="div_6 duty_by_duty" v-for="(item, index) in pageShowInfo.showInsuredDTO.riskDTOLst"
|
||||
:key="index">
|
||||
<div v-if="item.riskDutySortResult">
|
||||
<div v-for="(subItem3, subIndex3) in getObjectKeys(item.riskDutySortResult)" :key="subIndex3"></div>
|
||||
<div v-for="(subItem3, subIndex3) in getObjectKeys(item.riskDutySortResult)"
|
||||
:key="subIndex3"></div>
|
||||
</div>
|
||||
<div class="fw600 fs15 color_3A81F6 show_risk_name">
|
||||
{{ item.riskName }}
|
||||
@@ -140,7 +169,8 @@
|
||||
<div class="fs13 color_333333 div_17">
|
||||
<div v-html="initDutyColor(subItem4.dutyStairExplain)"></div>
|
||||
</div>
|
||||
<div class="fs13 color_666666 div_17" v-if="subItem4.dutyDetailExplain && subItem4.dutyDetailExplain != ''">
|
||||
<div class="fs13 color_666666 div_17"
|
||||
v-if="subItem4.dutyDetailExplain && subItem4.dutyDetailExplain != ''">
|
||||
<div v-html="showDutyDetailExplain(subItem4.dutyDetailExplain)"></div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -149,7 +179,8 @@
|
||||
</div>
|
||||
</div>
|
||||
<div v-if="pageShowType.dutyShowType == '00'">
|
||||
<div class="duty_by_duty" v-for="(item, index) in pageShowInfo.showInsuredDTO.dutySortResult" :key="index">
|
||||
<div class="duty_by_duty" v-for="(item, index) in pageShowInfo.showInsuredDTO.dutySortResult"
|
||||
:key="index">
|
||||
<div v-for="(subItem1, subIndex1) in getObjectKeys(item)" :key="subIndex1">
|
||||
<div class="fw600 fs15 color_3A81F6 show_risk_name">
|
||||
{{ subItem1 }}
|
||||
@@ -162,7 +193,8 @@
|
||||
<div class="fs13 div_17 color_333333">
|
||||
<div v-html="initDutyColor(subItem2.dutyStairExplain)"></div>
|
||||
</div>
|
||||
<div class="fs13 div_17 color_666666" v-if="subItem2.dutyDetailExplain && subItem2.dutyDetailExplain != ''">
|
||||
<div class="fs13 div_17 color_666666"
|
||||
v-if="subItem2.dutyDetailExplain && subItem2.dutyDetailExplain != ''">
|
||||
<div v-html="showDutyDetailExplain(subItem2.dutyDetailExplain)"></div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -171,7 +203,8 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="up_down_div">
|
||||
<img src="@/assets/images/proposal/proposal_down.png" :class="pageShowType.riskCheckStatus ? '' : 'img180'" @click="testRiskCheck" />
|
||||
<img src="@/assets/images/proposal/proposal_down.png"
|
||||
:class="pageShowType.riskCheckStatus ? '' : 'img180'" @click="testRiskCheck" />
|
||||
</div>
|
||||
</div>
|
||||
<!--产品条款-->
|
||||
@@ -214,12 +247,14 @@
|
||||
<div class="text-center flex justify-content-e align-items-c fs14 check_age">
|
||||
<div>当被保险人在</div>
|
||||
<div class="check_one flex justify-content-fe align-items-c" @click="popupShow = true">
|
||||
{{ pageShowInfo.showInsuredDTO.checkAge }} <img class="img_10" src="@/assets/images/proposal/proposal_select_down.png" />
|
||||
{{ pageShowInfo.showInsuredDTO.checkAge }} <img class="img_10"
|
||||
src="@/assets/images/proposal/proposal_select_down.png" />
|
||||
</div>
|
||||
<div>岁时</div>
|
||||
</div>
|
||||
<div class="flex justify-content-s align-items-c mt15 mb20 ml15 mr15">
|
||||
<img class="w20" src="@/assets/images/proposal/proposal_lessen.png" @click="reduce(pageShowInfo.showInsuredDTO)" />
|
||||
<img class="w20" src="@/assets/images/proposal/proposal_lessen.png"
|
||||
@click="reduce(pageShowInfo.showInsuredDTO)" />
|
||||
<van-slider
|
||||
class="w220"
|
||||
active-color="#9EC2FC"
|
||||
@@ -231,7 +266,8 @@
|
||||
>
|
||||
<div slot="button" class="customer_button"></div>
|
||||
</van-slider>
|
||||
<img class="w20" src="@/assets/images/proposal/proposal_add.png" @click="exhibitionAdd(pageShowInfo.showInsuredDTO)" />
|
||||
<img class="w20" src="@/assets/images/proposal/proposal_add.png"
|
||||
@click="exhibitionAdd(pageShowInfo.showInsuredDTO)" />
|
||||
</div>
|
||||
<select-radio
|
||||
class="mb10"
|
||||
@@ -246,7 +282,7 @@
|
||||
<!-- 国富人寿富贵尊享终身寿险（分红型）添加利益演示提示 -->
|
||||
<div v-if="mainRiskCodes.includes('GFRS_M0095')" class="fs13 div_11 text-left">
|
||||
<b
|
||||
>本利益演示基于公司的精算及其他假设，不代表公司的历史经营业绩，也不代表对公司未来经营业绩的预期，保单的红利分配是不确定的，红利水平是不保证的，在某些年度红利可能为零。
|
||||
>本利益演示基于公司的精算及其他假设，不代表公司的历史经营业绩，也不代表对公司未来经营业绩的预期，保单的红利分配是不确定的，红利水平是不保证的，在某些年度红利可能为零。
|
||||
</b>
|
||||
</div>
|
||||
<div class="div_10"></div>
|
||||
@@ -273,7 +309,8 @@
|
||||
</div>
|
||||
<div class="h20"> </div>
|
||||
<div class="up_down_div">
|
||||
<img src="@/assets/images/proposal/proposal_down.png" :class="pageShowType.dutyCheckStatus ? '' : 'img180'" @click="dutyCheck" />
|
||||
<img src="@/assets/images/proposal/proposal_down.png"
|
||||
:class="pageShowType.dutyCheckStatus ? '' : 'img180'" @click="dutyCheck" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -291,17 +328,33 @@
|
||||
</div>
|
||||
<div class="h20"> </div>
|
||||
<div class="up_down_div">
|
||||
<img src="@/assets/images/proposal/proposal_down.png" :class="pageShowType.hesitateCheckStatus ? '' : 'img180'" @click="hesitateCheck" />
|
||||
<img src="@/assets/images/proposal/proposal_down.png"
|
||||
:class="pageShowType.hesitateCheckStatus ? '' : 'img180'" @click="hesitateCheck" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 风险提示 -->
|
||||
<div class="pt15 pb17 bg-white relative" v-if="showDangerInfo">
|
||||
<div :class="pageShowType.hesitateCheckStatus ? '' : 'hideInfo_hesitate'">
|
||||
<div class="fs16 color_3A81F6 lh24 fw600 text-center">风险提示</div>
|
||||
<div class="line_C8DBFB"></div>
|
||||
<div class="fs14 div_height div_11">
|
||||
<b>本产品为分红保险，您可以保单红利的形式享有本产品的盈余分配权，但未来的保单红利为非保证利益，其红利分配是不确定的，在某些年度红利可能为零。</b>
|
||||
</div>
|
||||
<div class="h20"> </div>
|
||||
<div class="up_down_div">
|
||||
<img src="@/assets/images/proposal/proposal_down.png"
|
||||
:class="pageShowType.hesitateCheckStatus ? '' : 'img180'" @click="hesitateCheck" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 温馨提示-->
|
||||
<div class="pt15 pb17 bg-white model_title">
|
||||
<div class="fs16 color_3A81F6 lh24 fw600 text-center">温馨提示</div>
|
||||
<div class="line_C8DBFB"></div>
|
||||
<div class="fs13 div_11">
|
||||
<b> 本资料仅供客户理解产品条款所用，有关产品的说明、解释、承诺或保证，如与产品条款不一致，均以产品条款为准。 </b>
|
||||
<b>
|
||||
本资料仅供客户理解产品条款所用，有关产品的说明、解释、承诺或保证，如与产品条款不一致，均以产品条款为准。 </b>
|
||||
</div>
|
||||
<div class="div_12"></div>
|
||||
</div>
|
||||
@@ -327,7 +380,8 @@
|
||||
</div>
|
||||
</div>
|
||||
<van-popup v-model="popupShow" position="bottom">
|
||||
<van-picker show-toolbar :columns="pageShowInfo.showInsuredDTO.ageColums" @confirm="checkAge" @cancel="popupShow = false" />
|
||||
<van-picker show-toolbar :columns="pageShowInfo.showInsuredDTO.ageColums" @confirm="checkAge"
|
||||
@cancel="popupShow = false" />
|
||||
</van-popup>
|
||||
</div>
|
||||
</div>
|
||||
@@ -341,7 +395,7 @@
|
||||
<!-- 如果没有姓名的话，根据性别展示男士或女士 -->
|
||||
<div class="text-center div_023">
|
||||
尊敬的<span v-if="pageShowInfo.appntDTO.name">{{ pageShowInfo.appntDTO.name.substr(0, 1) }}</span
|
||||
>{{ pageShowInfo.appntDTO.sex == '0' ? '先生' : '女士' }}
|
||||
>{{ pageShowInfo.appntDTO.sex == '0' ? '先生' : '女士' }}
|
||||
</div>
|
||||
</div>
|
||||
<img class="img_13" src="@/assets/images/proposal/proposal_share_bg.png" />
|
||||
@@ -389,6 +443,7 @@ import getAge from '@/assets/js/utils/age.js'
|
||||
import dataDictionary from '@/assets/js/utils/data-dictionary'
|
||||
import riskRules from '../common/risk-rules.js'
|
||||
import { queryPersonal } from '@/api/ebiz/laurelClub/laurelClub'
|
||||
|
||||
export default {
|
||||
data() {
|
||||
let isWeixin = this.$utils.device().isWeixin //判断环境
|
||||
@@ -447,6 +502,13 @@ export default {
|
||||
ispremshow: true // 是否展示保额
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
showDangerInfo() {
|
||||
if (this.pageShowInfo.showInsuredDTO.riskDTOLst) {
|
||||
return this.pageShowInfo.showInsuredDTO.riskDTOLst.some(e => e.riskName.includes('分红型'))
|
||||
}
|
||||
}
|
||||
},
|
||||
filters: {
|
||||
productRateUnit(code) {
|
||||
for (let i = 0; i < dataDictionary.productRateUnit.length; i++) {
|
||||
@@ -514,7 +576,9 @@ export default {
|
||||
this.isCheck = res.result
|
||||
})
|
||||
},
|
||||
created() {},
|
||||
created() {
|
||||
},
|
||||
|
||||
beforeRouteLeave(to, from, next) {
|
||||
document.body.style.backgroundColor = ''
|
||||
next()
|
||||
@@ -1133,36 +1197,45 @@ export default {
|
||||
<style lang="scss">
|
||||
.proposal-exhibition-container {
|
||||
padding-bottom: 10px;
|
||||
|
||||
.sex-radio {
|
||||
.van-cell-group {
|
||||
background: transparent;
|
||||
|
||||
.van-cell {
|
||||
background: transparent;
|
||||
justify-content: center;
|
||||
|
||||
.van-field__label {
|
||||
width: 0;
|
||||
flex: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.ph30 {
|
||||
padding: 0px !important;
|
||||
}
|
||||
}
|
||||
|
||||
&::before {
|
||||
content: '';
|
||||
display: table;
|
||||
}
|
||||
|
||||
width: 100%;
|
||||
background: url('../../../assets/images/proposal/proposal_bg.png') no-repeat;
|
||||
background-color: #f7f7f7;
|
||||
background-size: 100% auto;
|
||||
|
||||
.line-height {
|
||||
line-height: 35px;
|
||||
}
|
||||
|
||||
.lh40 {
|
||||
line-height: 40px;
|
||||
}
|
||||
|
||||
.van-divider {
|
||||
margin: 0 0 15px;
|
||||
}
|
||||
@@ -1171,84 +1244,105 @@ export default {
|
||||
& > div {
|
||||
width: 19%;
|
||||
}
|
||||
|
||||
& > div:last-child {
|
||||
width: 25%;
|
||||
}
|
||||
}
|
||||
|
||||
.wx {
|
||||
img {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
div::-webkit-scrollbar {
|
||||
width: 0;
|
||||
}
|
||||
|
||||
.divbg_1 {
|
||||
/*background-color: #9ec2fc;*/
|
||||
background-color: #f5fbff;
|
||||
}
|
||||
|
||||
.divbg_2 {
|
||||
background-color: none;
|
||||
}
|
||||
|
||||
.hideInfo {
|
||||
height: 140px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.hideInfo_insure {
|
||||
height: 60px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.hideInfo_hesitate {
|
||||
height: 60px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.insured_item {
|
||||
position: absolute;
|
||||
z-index: 98;
|
||||
border-radius: 8px;
|
||||
width: 67px;
|
||||
height: 100px;
|
||||
|
||||
.insured_item_1 {
|
||||
margin: 0px 13.5px 0px 13.5px;
|
||||
padding-top: 9px;
|
||||
|
||||
img {
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.color_3A81F6 {
|
||||
color: #3a81f6;
|
||||
}
|
||||
|
||||
.bg_3A81F6 {
|
||||
background-color: #3a81f6;
|
||||
}
|
||||
|
||||
.color_666666 {
|
||||
color: #666666;
|
||||
}
|
||||
|
||||
.color_333333 {
|
||||
color: #333333;
|
||||
}
|
||||
|
||||
.color_FFA42F {
|
||||
color: #ffa42f;
|
||||
}
|
||||
|
||||
.lh24 {
|
||||
line-height: 24px;
|
||||
}
|
||||
|
||||
.lh20 {
|
||||
line-height: 20px;
|
||||
}
|
||||
|
||||
.line_gray {
|
||||
width: 1px;
|
||||
height: 19px;
|
||||
background-color: #999999;
|
||||
line-height: 24px;
|
||||
}
|
||||
|
||||
.sticky_div {
|
||||
width: 100%;
|
||||
overflow-x: auto;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.line_title {
|
||||
border-left: 6px solid #3a81f6;
|
||||
padding-left: 6px;
|
||||
@@ -1256,6 +1350,7 @@ export default {
|
||||
margin-top: 25px;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
.risk_head {
|
||||
border-top-right-radius: 6px;
|
||||
border-top-left-radius: 6px;
|
||||
@@ -1265,43 +1360,53 @@ export default {
|
||||
border: 1px solid #acc5e6;
|
||||
line-height: 18px;
|
||||
}
|
||||
|
||||
.risk_body {
|
||||
border: 1px solid #acc5e6;
|
||||
border-top: 0px;
|
||||
margin: 0px 10px;
|
||||
line-height: 18px;
|
||||
}
|
||||
|
||||
.risk_body_last {
|
||||
border-bottom-right-radius: 6px;
|
||||
border-bottom-left-radius: 6px;
|
||||
}
|
||||
|
||||
.up_down_div {
|
||||
z-index: 2;
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 24px;
|
||||
left: 0;
|
||||
bottom: -12px;
|
||||
text-align: center;
|
||||
|
||||
img {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
}
|
||||
|
||||
.img180 {
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
}
|
||||
|
||||
.model_title {
|
||||
margin: 29px 15px;
|
||||
padding-top: 15px;
|
||||
border-radius: 5px;
|
||||
|
||||
.cheeck_risk_type_left {
|
||||
border-bottom-left-radius: 15px;
|
||||
border-top-left-radius: 15px;
|
||||
}
|
||||
|
||||
.cheeck_risk_type_right {
|
||||
border-bottom-right-radius: 15px;
|
||||
border-top-right-radius: 15px;
|
||||
}
|
||||
|
||||
.checked_risk_type {
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
@@ -1310,6 +1415,7 @@ export default {
|
||||
padding: 0px 25px;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.no_check_risk_type {
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
@@ -1319,15 +1425,18 @@ export default {
|
||||
padding: 0px 25px;
|
||||
}
|
||||
}
|
||||
|
||||
.line_C8DBFB {
|
||||
height: 1px;
|
||||
margin: 17px;
|
||||
border-top: 1px dashed #c8dbfb;
|
||||
}
|
||||
|
||||
.calue_name {
|
||||
width: 80%;
|
||||
text-align: left !important;
|
||||
}
|
||||
|
||||
.calue_button {
|
||||
width: 20%;
|
||||
height: 26px;
|
||||
@@ -1339,12 +1448,14 @@ export default {
|
||||
margin-bottom: 5px;
|
||||
color: #3a81f6;
|
||||
}
|
||||
|
||||
.customer_button {
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
border-radius: 10px;
|
||||
background-color: #3a81f6;
|
||||
}
|
||||
|
||||
.last_fix_div {
|
||||
bottom: 0px;
|
||||
left: 0px;
|
||||
@@ -1353,10 +1464,12 @@ export default {
|
||||
line-height: 40px;
|
||||
box-shadow: 0px 0px 10px 5px #aaa;
|
||||
z-index: 999;
|
||||
|
||||
div {
|
||||
width: 50%;
|
||||
}
|
||||
}
|
||||
|
||||
.fix_bottom {
|
||||
position: fixed;
|
||||
height: 40px;
|
||||
@@ -1369,42 +1482,51 @@ export default {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
|
||||
.fix_bottom_sub {
|
||||
display: flex;
|
||||
justify-content: flex-start;
|
||||
align-items: center;
|
||||
margin: 10px;
|
||||
font-size: 14px;
|
||||
|
||||
img {
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
}
|
||||
|
||||
div {
|
||||
padding-left: 10px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.table_border {
|
||||
border-left: 1px solid #acc5e6;
|
||||
}
|
||||
|
||||
.title_item {
|
||||
height: 115px;
|
||||
}
|
||||
|
||||
.lh_30 {
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
}
|
||||
|
||||
.check_age {
|
||||
height: 20px;
|
||||
line-height: 20px;
|
||||
width: 15em;
|
||||
margin: 5px auto;
|
||||
|
||||
.check_one {
|
||||
border-bottom: 1px solid gray;
|
||||
width: 5em;
|
||||
text-align: right;
|
||||
}
|
||||
}
|
||||
|
||||
.show_risk_name {
|
||||
border-left: 5px solid #3a81f6;
|
||||
padding-left: 7px;
|
||||
@@ -1413,6 +1535,7 @@ export default {
|
||||
margin-top: 20px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.duty_by_duty {
|
||||
.head_radis {
|
||||
width: 6px;
|
||||
@@ -1420,72 +1543,89 @@ export default {
|
||||
background-color: black;
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
.title_2 {
|
||||
padding-left: 5px;
|
||||
line-height: 25px;
|
||||
}
|
||||
|
||||
.content_1 {
|
||||
padding-left: 23px;
|
||||
line-height: 25px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.div_1 {
|
||||
margin-top: 13px;
|
||||
margin-left: 14px;
|
||||
}
|
||||
|
||||
.div_2 {
|
||||
margin-top: 37px;
|
||||
margin-left: 17px;
|
||||
}
|
||||
|
||||
.div_3 {
|
||||
border-radius: 5px;
|
||||
margin: 7px 15px 14px 15px;
|
||||
}
|
||||
|
||||
.div_4 {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.div_5 {
|
||||
margin-top: 15px;
|
||||
}
|
||||
|
||||
.div_6 {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.div_7 {
|
||||
padding-left: 12px;
|
||||
padding-right: 12px;
|
||||
}
|
||||
|
||||
.div_8 {
|
||||
line-height: 25px;
|
||||
}
|
||||
|
||||
.div_9 {
|
||||
padding-top: 30px;
|
||||
width: 100%;
|
||||
height: 1px;
|
||||
}
|
||||
|
||||
.img_10 {
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
}
|
||||
|
||||
.div_10 {
|
||||
padding-top: 10px;
|
||||
width: 100%;
|
||||
height: 1px;
|
||||
}
|
||||
|
||||
.div_11 {
|
||||
padding: 10px 13px;
|
||||
}
|
||||
|
||||
.div_12 {
|
||||
padding-top: 20px;
|
||||
width: 100%;
|
||||
height: 1px;
|
||||
}
|
||||
|
||||
.div_13 {
|
||||
right: 0px;
|
||||
top: 40%;
|
||||
width: 30px;
|
||||
/*width: 23px;*/
|
||||
}
|
||||
|
||||
.img_11 {
|
||||
width: 22px;
|
||||
height: 80px;
|
||||
@@ -1495,6 +1635,7 @@ export default {
|
||||
background-color: transparent;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
.img_12 {
|
||||
width: 22px;
|
||||
height: 80px;
|
||||
@@ -1505,14 +1646,17 @@ export default {
|
||||
background-color: transparent;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
.div_14 {
|
||||
height: 40px;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.shadow {
|
||||
//box-shadow: 2px 2px 2px 3px #3b72f9;
|
||||
box-shadow: 0 0 4px #3b72f9;
|
||||
}
|
||||
|
||||
.triangle {
|
||||
border-left: 10px solid transparent;
|
||||
border-right: 10px solid transparent;
|
||||
@@ -1523,6 +1667,7 @@ export default {
|
||||
z-index: 99;
|
||||
margin-left: -10px;
|
||||
}
|
||||
|
||||
.triangle_shadow {
|
||||
border-left: 10px solid transparent;
|
||||
border-right: 10px solid transparent;
|
||||
@@ -1534,16 +1679,20 @@ export default {
|
||||
z-index: 96;
|
||||
filter: blur(2px);
|
||||
}
|
||||
|
||||
.sub_insure_item {
|
||||
width: 67px;
|
||||
height: 105px;
|
||||
}
|
||||
|
||||
.bg_f7fbff {
|
||||
background-color: #f5fbff;
|
||||
}
|
||||
|
||||
.bg_DBEFFE {
|
||||
background-color: #dbeffe;
|
||||
}
|
||||
|
||||
.div_16 {
|
||||
border-bottom: 1px solid #edeef0;
|
||||
margin-left: 12px;
|
||||
@@ -1551,61 +1700,75 @@ export default {
|
||||
padding-bottom: 10px;
|
||||
padding-top: 10px;
|
||||
}
|
||||
|
||||
.div_17 {
|
||||
padding-left: 11px;
|
||||
line-height: 25px;
|
||||
}
|
||||
|
||||
.img_13 {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.img_14 {
|
||||
width: 200px;
|
||||
height: 70px;
|
||||
}
|
||||
|
||||
.img_15 {
|
||||
margin-left: 18px;
|
||||
width: 142px;
|
||||
height: 27px;
|
||||
}
|
||||
|
||||
.share_content {
|
||||
height: 100vh;
|
||||
|
||||
.div_01 {
|
||||
width: 100%;
|
||||
height: 43px;
|
||||
padding-top: 16px;
|
||||
}
|
||||
|
||||
.div_02 {
|
||||
width: 100%;
|
||||
height: 497px;
|
||||
position: relative;
|
||||
|
||||
.div_021 {
|
||||
position: absolute;
|
||||
top: 30px;
|
||||
left: 0px;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.div_022 {
|
||||
font-size: 25px;
|
||||
}
|
||||
|
||||
.div_023 {
|
||||
font-size: 16px;
|
||||
margin-top: 28px;
|
||||
color: #073190;
|
||||
}
|
||||
}
|
||||
|
||||
.div_03 {
|
||||
color: #666666;
|
||||
margin-bottom: 12px;
|
||||
}
|
||||
}
|
||||
|
||||
.div_last {
|
||||
line-height: 20px;
|
||||
margin: 5px 0px;
|
||||
}
|
||||
|
||||
.div_height {
|
||||
line-height: 24px;
|
||||
}
|
||||
|
||||
.van-button::before {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
|
||||
@@ -13,8 +13,7 @@
|
||||
</van-tabs>
|
||||
</van-sticky>
|
||||
|
||||
<van-list v-model="loading" :immediate-check="false" :finished="finished" :finished-text="finishedText"
|
||||
error-text="请求失败，点击重新加载" :error.sync="error" @load="loadMore" class="pb45">
|
||||
<van-list v-model="loading" :immediate-check="false" :finished="finished" :finished-text="finishedText" error-text="请求失败，点击重新加载" :error.sync="error" @load="loadMore" class="pb45">
|
||||
<div v-if="isSuccess">
|
||||
<div v-if="saleList.length > 0">
|
||||
<div v-for="(order, index) in saleList" :key="index">
|
||||
@@ -56,8 +55,7 @@
|
||||
<span class="c-gray-darker fwb">首期总保费（元）</span>
|
||||
<span class="yellow fwb">{{ order.firstPrem == 0 ? '0.00' : order.firstPrem | moneyFormat }}</span>
|
||||
</div>
|
||||
<div class="pt15" v-if="active == 'commit' || active == 'waitUnderwritten'"
|
||||
style="border-top:1px solid #dadada">
|
||||
<div class="pt15" v-if="active == 'commit' || active == 'waitUnderwritten'" style="border-top:1px solid #dadada">
|
||||
<div>
|
||||
<div class="w80 inline-b">
|
||||
<van-tag plain color="#999999">投保单号</van-tag>
|
||||
@@ -76,25 +74,16 @@
|
||||
</div>
|
||||
|
||||
<div class="text-right mt15 ">
|
||||
<van-button round @click="goInsuredInform(order)" size="small" v-if="buttonShow == '14'"
|
||||
:disabled="order.emailStatus == 'disable'" class="mr5" type="danger" v-no-more-click="1000">
|
||||
获取投保资料
|
||||
</van-button>
|
||||
<van-button v-if="active == 'uncommit'" round @click="goDetail(order)" size="small" class="mr5"
|
||||
type="danger" v-no-more-click="1000">
|
||||
<van-button v-if="active == 'uncommit'" round @click="goDetail(order)" size="small" class="mr5" type="danger" v-no-more-click="1000">
|
||||
编辑
|
||||
</van-button>
|
||||
<van-button v-if="active == 'uncommit'" plain round @click.stop="del(order, index)" size="small"
|
||||
class="mr5" type="danger" v-no-more-click="1000">
|
||||
<van-button v-if="active == 'uncommit'" plain round @click.stop="del(order, index)" size="small" class="mr5" type="danger" v-no-more-click="1000">
|
||||
删除
|
||||
</van-button>
|
||||
<van-button @click="againPay(order)" v-if="active == 'commit' && order.orderInfoDTO.orderStatus == '19'"
|
||||
size="small" class="mr5" type="danger" round>
|
||||
<van-button @click="againPay(order)" v-if="active == 'commit' && order.orderInfoDTO.orderStatus == '19'" size="small" class="mr5" type="danger" round>
|
||||
重新支付
|
||||
</van-button>
|
||||
<van-button @click="changeCard(order)"
|
||||
v-if="(active == 'commit' && order.orderInfoDTO.orderStatus == '48') || (active == 'commit' && order.orderInfoDTO.orderStatus == '49')"
|
||||
size="small" class="mr5" type="danger" round>
|
||||
<van-button @click="changeCard(order)" v-if="(active == 'commit' && order.orderInfoDTO.orderStatus == '48') || (active == 'commit' && order.orderInfoDTO.orderStatus == '49')" size="small" class="mr5" type="danger" round>
|
||||
修改卡号
|
||||
</van-button>
|
||||
<template v-if="active == 'commit' && order.orderInfoDTO.orderStatus == '55'">
|
||||
@@ -105,16 +94,13 @@
|
||||
重新支付
|
||||
</van-button>
|
||||
</template>
|
||||
<template
|
||||
v-if="active == 'commit' && (order.orderInfoDTO.orderStatus == '02' || order.orderInfoDTO.orderStatus == '58')">
|
||||
<template v-if="active == 'commit' && (order.orderInfoDTO.orderStatus == '02' || order.orderInfoDTO.orderStatus == '58')">
|
||||
<van-button @click="goPay(order)" size="small" class="mr5" type="danger" round>
|
||||
支付
|
||||
</van-button>
|
||||
</template>
|
||||
<!-- doubleFlag 1-否 0-是，doubleFlag为0双录时，canRevokeDouble加 orderStatus 16 -->
|
||||
<van-button @click="revokeOrder(order)"
|
||||
v-if="active == 'commit' && ((canRevoke[order.orderInfoDTO.orderStatus] && (order.orderInfoDTO.doubleFlag == '1' || order.orderInfoDTO.doubleFlag == null || order.orderInfoDTO.doubleFlag == '')) || (canRevokeDouble[order.orderInfoDTO.orderStatus] && order.orderInfoDTO.doubleFlag == '0'))"
|
||||
size="small" class="mr5" type="danger" round>
|
||||
<van-button @click="revokeOrder(order)" v-if="active == 'commit' && ((canRevoke[order.orderInfoDTO.orderStatus] && (order.orderInfoDTO.doubleFlag == '1' || order.orderInfoDTO.doubleFlag == null || order.orderInfoDTO.doubleFlag == ''))|| (canRevokeDouble[order.orderInfoDTO.orderStatus] && order.orderInfoDTO.doubleFlag == '0'))" size="small" class="mr5" type="danger" round>
|
||||
撤单
|
||||
</van-button>
|
||||
<van-button @click="seePolicy(order)" v-if="active == 'commit'" size="small" type="danger" round>
|
||||
@@ -133,46 +119,17 @@
|
||||
</van-list>
|
||||
|
||||
<van-button type="danger" class="bottom-btn" @click="add" v-no-more-click="1000">点我新增</van-button>
|
||||
<van-dialog class="dialog-delete" @confirm="checkCaptchaCode" @cancel="cancelCaptchaCode"
|
||||
:before-close="beforeClose" confirm-button-color="#fff" v-model="revokePanelShow" title="短信验证" show-cancel-button>
|
||||
<van-dialog class="dialog-delete" @confirm="checkCaptchaCode" @cancel="cancelCaptchaCode" :before-close="beforeClose" confirm-button-color="#fff" v-model="revokePanelShow" title="短信验证" show-cancel-button>
|
||||
<p class="captchaReceiver">投保人手机号: {{ captchaReceiver | phoneNumFilter }}</p>
|
||||
<van-field v-model="sms" center clearable placeholder="请输入短信验证码">
|
||||
<template #button>
|
||||
<van-button :disabled="sendTime !== 0" v-no-more-click="1000" @click="getCaptchaCode" size="small"
|
||||
type="danger">{{
|
||||
sendTime ? `${sendTime}s后获取` : '获取验证码'
|
||||
}}</van-button>
|
||||
<van-button :disabled="sendTime !== 0" v-no-more-click="1000" @click="getCaptchaCode" size="small" type="danger">{{
|
||||
sendTime ? `${sendTime}s后获取` : '获取验证码'
|
||||
}}</van-button>
|
||||
</template>
|
||||
</van-field>
|
||||
</van-dialog>
|
||||
<!-- <van-dialog class="dialog-getInform" @confirm="checkCaptchaCode" @cancel="cancelCaptchaCode" :before-close="beforeClose" confirm-button-color="#fff" v-model="getInformShow" title="获取投保资料">
|
||||
<p class="captchaReceiver">请输入您获取投保资料的邮箱</p>
|
||||
<van-field v-model="sms" center clearable placeholder="请输入短信验证码">
|
||||
</van-field>
|
||||
</van-dialog> -->
|
||||
<van-popup v-model="getInformShow" round closeable class="insure-popup">
|
||||
<div class="insure-email">
|
||||
<div class="email-box">
|
||||
<div class="email-title">获取投保资料</div>
|
||||
<div class="email-content">
|
||||
<div v-if="inputShow">
|
||||
<div class="email-c">请输入您获取投保资料的邮箱</div>
|
||||
<van-field class="email-input" v-model="emailForm.email" placeholder="请输入邮箱"
|
||||
v-validate="'required|email'" />
|
||||
</div>
|
||||
<div v-if="contentShow">
|
||||
{{ emailContent }}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="email-btn">
|
||||
<van-button type="danger" @click="inputShow ? getInformOk() : tipOk()" round>确定</van-button>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</van-popup>
|
||||
<!-- 短信验证 -->
|
||||
<check-agent @checModelSuccessMethod="initThisPage" />
|
||||
</div>
|
||||
@@ -180,7 +137,7 @@
|
||||
|
||||
<script>
|
||||
import { Search, Tabs, Tab, List, Tag, Sticky, Toast, Dialog, Field } from 'vant'
|
||||
import { orderList, deleteOrderInfo, getAuthCode, revokeOrder, getBankCardSignState, getSendEmail, getDownloadZip } from '@/api/ebiz/sale/sale'
|
||||
import { orderList, deleteOrderInfo, getAuthCode, revokeOrder, getBankCardSignState } from '@/api/ebiz/sale/sale'
|
||||
import { funcPermCheck } from '@/api/ebiz/common/common'
|
||||
import { formatRiskList } from '@/assets/js/utils/formatRiskList.js'
|
||||
import dataDictionary from '@/assets/js/utils/data-dictionary' //根据数据字典找到用户等级
|
||||
@@ -245,13 +202,7 @@ export default {
|
||||
captchaTimer: null,
|
||||
captchaReceiver: '',
|
||||
revokeOrderNo: '',
|
||||
captchaMaped: false,
|
||||
getInformShow: false,
|
||||
emailForm: { email: '' },
|
||||
inputShow: true,
|
||||
contentShow: false,
|
||||
buttonShow: '',
|
||||
emailContent: '系统将会将投保资料发送至您录入邮箱，解压密码为投保人身份证号的后六位，请您稍后进行查看',
|
||||
captchaMaped: false
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
@@ -265,9 +216,6 @@ export default {
|
||||
funcPermCheck({}).then(res => {
|
||||
this.isCheck = res.result
|
||||
})
|
||||
if (window.localStorage.getItem('branchType') == '14') {
|
||||
this.buttonShow = localStorage.getItem('branchType')
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
beforeClose(action, done) {
|
||||
@@ -317,7 +265,7 @@ export default {
|
||||
this.saleList = []
|
||||
this.isSuccess = false
|
||||
this.currentPage = 1
|
||||
;[this.loading, this.finished] = [true, false]
|
||||
;[this.loading, this.finished] = [true, false]
|
||||
let pageInfo = {
|
||||
pageNum: this.currentPage,
|
||||
pageSize: this.pageSize,
|
||||
@@ -487,27 +435,27 @@ export default {
|
||||
this.currentPage = 1
|
||||
this.active = name
|
||||
this.saleList = []
|
||||
;[this.loading, this.finished] = [true, false]
|
||||
;[this.loading, this.finished] = [true, false]
|
||||
this.finishedText = '正在加载...'
|
||||
this.loadMore()
|
||||
},
|
||||
searchList() {
|
||||
this.currentPage = 1
|
||||
this.saleList = []
|
||||
;[this.loading, this.finished] = [true, false]
|
||||
;[this.loading, this.finished] = [true, false]
|
||||
this.finishedText = '正在加载...'
|
||||
this.loadMore()
|
||||
},
|
||||
//投保单详情
|
||||
async goDetail(order) {
|
||||
let thisToken = this.$CacheUtils.getLocItem('token')
|
||||
let thisbranchType = ''
|
||||
if (this.$CacheUtils.getLocItem('branchType') == '13') {
|
||||
let thisbranchType = ''
|
||||
if(this.$CacheUtils.getLocItem('branchType') == '13') {
|
||||
thisbranchType = this.$CacheUtils.getLocItem('branchType')
|
||||
}
|
||||
window.localStorage.clear()
|
||||
this.$CacheUtils.setLocItem('token', thisToken)
|
||||
if (thisbranchType) {
|
||||
if(thisbranchType) {
|
||||
this.$CacheUtils.setLocItem('branchType', thisbranchType)
|
||||
}
|
||||
window.localStorage.setItem('detailJump', '')
|
||||
@@ -523,18 +471,18 @@ export default {
|
||||
localStorage.orderNo = orderNo
|
||||
localStorage.isFrom = 'sale'
|
||||
localStorage.removeItem('changeCard')
|
||||
if (orderStatus == '01') { //已签名待客户确认, 跳到签名确认页面
|
||||
url = '/sale/SignatureConfirmation?edit=1&orderNo=' + orderNo
|
||||
} else if (orderStatus == '43') {//未签名待客户确认, 跳到签名确认页面
|
||||
url = '/sale/SignatureConfirmation?edit=1&orderNo=' + orderNo
|
||||
} else if (orderStatus == '35') {//投保人保存成功, 跳到被保险人页面
|
||||
url = '/sale/insuredPerson?edit=1&orderNo=' + orderNo
|
||||
} else if (orderStatus == '36') {//被保险人保存成功, 跳到已选产品列表
|
||||
url = '/common/selectedProduct?edit=1&orderNo=' + orderNo
|
||||
} else if (orderStatus == '37') {//受益人保存成功, 跳到告知信息--
|
||||
url = '/sale/NotifyingMessage?edit=1&orderNo=' + orderNo
|
||||
} else if (orderStatus == '38') { //账户信息保存成功, 跳到附件管理--
|
||||
if (order.orderInfoDTO.activeType == 'KMH') {
|
||||
if(orderStatus == '01'){ //已签名待客户确认, 跳到签名确认页面
|
||||
url = '/sale/SignatureConfirmation?edit=1&orderNo='+orderNo
|
||||
}else if(orderStatus == '43'){//未签名待客户确认, 跳到签名确认页面
|
||||
url = '/sale/SignatureConfirmation?edit=1&orderNo='+orderNo
|
||||
}else if(orderStatus == '35'){//投保人保存成功, 跳到被保险人页面
|
||||
url = '/sale/insuredPerson?edit=1&orderNo='+orderNo
|
||||
}else if(orderStatus == '36'){//被保险人保存成功, 跳到已选产品列表
|
||||
url = '/common/selectedProduct?edit=1&orderNo='+orderNo
|
||||
}else if(orderStatus == '37'){//受益人保存成功, 跳到告知信息--
|
||||
url = '/sale/NotifyingMessage?edit=1&orderNo='+orderNo
|
||||
}else if(orderStatus == '38'){ //账户信息保存成功, 跳到附件管理--
|
||||
if(order.orderInfoDTO.activeType == 'KMH') {
|
||||
let params = {
|
||||
orderNo: order.orderInfoDTO.orderNo
|
||||
}
|
||||
@@ -546,47 +494,47 @@ export default {
|
||||
})
|
||||
await getBankCardSignState(params).then(res => {
|
||||
this.$toast.clear()
|
||||
if (res.result == 0) {
|
||||
if (res.content.needSign == '0' || res.content.needSign == null) {
|
||||
if (res.content.signState == '0' || res.content.signState == '2') {
|
||||
url = '/sale/AttachmentManagement?edit=1&orderNo=' + orderNo
|
||||
if(res.result == 0) {
|
||||
if(res.content.needSign == '0' || res.content.needSign == null) {
|
||||
if(res.content.signState == '0' || res.content.signState == '2') {
|
||||
url = '/sale/AttachmentManagement?edit=1&orderNo='+orderNo
|
||||
} else {
|
||||
url = '/sale/AccountInformation?edit=1&orderNo=' + orderNo
|
||||
url = '/sale/AccountInformation?edit=1&orderNo='+orderNo
|
||||
}
|
||||
} else {
|
||||
url = '/sale/AccountInformation?edit=1&orderNo=' + orderNo
|
||||
url = '/sale/AccountInformation?edit=1&orderNo='+orderNo
|
||||
}
|
||||
} else {
|
||||
this.$toast(res.resultMessage)
|
||||
}
|
||||
})
|
||||
} else {
|
||||
url = '/sale/AttachmentManagement?edit=1&orderNo=' + orderNo
|
||||
url = '/sale/AttachmentManagement?edit=1&orderNo='+orderNo
|
||||
}
|
||||
} else if (orderStatus == '39') { //险种信息保存成功, 跳到已选产品列表
|
||||
url = '/common/selectedProduct?edit=1&orderNo=' + orderNo
|
||||
} else if (orderStatus == '40') {//告知信息保存成功, 跳到风险测评--
|
||||
if (order.riskEvaluationDTO.isShowEvaluationPoint != '1') {
|
||||
if (order.universalRiskNotifyDTO && order.universalRiskNotifyDTO.isUniversalRiskNotifyShowPoint == '1') {
|
||||
url = '/sale/universalRiskNotifyingMessage?edit=1&orderNo=' + orderNo
|
||||
} else {
|
||||
url = '/sale/AccountInformation?edit=1&orderNo=' + orderNo
|
||||
}else if(orderStatus == '39'){ //险种信息保存成功, 跳到已选产品列表
|
||||
url = '/common/selectedProduct?edit=1&orderNo='+orderNo
|
||||
}else if(orderStatus == '40'){//告知信息保存成功, 跳到风险测评--
|
||||
if( order.riskEvaluationDTO.isShowEvaluationPoint != '1'){
|
||||
if(order.universalRiskNotifyDTO && order.universalRiskNotifyDTO.isUniversalRiskNotifyShowPoint == '1'){
|
||||
url = '/sale/universalRiskNotifyingMessage?edit=1&orderNo='+orderNo
|
||||
}else{
|
||||
url = '/sale/AccountInformation?edit=1&orderNo='+orderNo
|
||||
}
|
||||
} else {
|
||||
url = '/sale/answerPage?edit=1&orderNo=' + orderNo
|
||||
}else {
|
||||
url = '/sale/answerPage?edit=1&orderNo='+orderNo
|
||||
}
|
||||
} else if (orderStatus == '') {//跳到投保人
|
||||
url = '/sale/insuredInfo?edit=1&orderNo=' + orderNo
|
||||
} else if (orderStatus == '44') {//建议书转投保, 跳到投保人
|
||||
url = '/sale/insuredInfo?edit=1&orderNo=' + orderNo
|
||||
} else if (orderStatus == '62') {//风险测评保存成功, 跳到账户信息--
|
||||
if (order.universalRiskNotifyDTO && order.universalRiskNotifyDTO.isUniversalRiskNotifyShowPoint != '1') {
|
||||
url = '/sale/AccountInformation?edit=1&orderNo=' + orderNo
|
||||
} else {
|
||||
url = '/sale/universalRiskNotifyingMessage?edit=1&orderNo=' + orderNo
|
||||
}else if(orderStatus == ''){//跳到投保人
|
||||
url = '/sale/insuredInfo?edit=1&orderNo='+orderNo
|
||||
}else if(orderStatus == '44'){//建议书转投保, 跳到投保人
|
||||
url = '/sale/insuredInfo?edit=1&orderNo='+orderNo
|
||||
}else if(orderStatus == '62'){//风险测评保存成功, 跳到账户信息--
|
||||
if(order.universalRiskNotifyDTO && order.universalRiskNotifyDTO.isUniversalRiskNotifyShowPoint != '1'){
|
||||
url = '/sale/AccountInformation?edit=1&orderNo='+orderNo
|
||||
}else{
|
||||
url = '/sale/universalRiskNotifyingMessage?edit=1&orderNo='+orderNo
|
||||
}
|
||||
} else if (orderStatus == '63') {//风险测评保存成功, 跳到账户信息--
|
||||
url = '/sale/AccountInformation?edit=1&orderNo=' + orderNo
|
||||
}else if(orderStatus == '63'){//风险测评保存成功, 跳到账户信息--
|
||||
url = '/sale/AccountInformation?edit=1&orderNo='+orderNo
|
||||
}
|
||||
this.$jump({
|
||||
flag: 'h5',
|
||||
@@ -622,7 +570,7 @@ export default {
|
||||
this.saleList = []
|
||||
this.isSuccess = false
|
||||
this.currentPage = 1
|
||||
;[this.loading, this.finished] = [true, false]
|
||||
;[this.loading, this.finished] = [true, false]
|
||||
let pageInfo = {
|
||||
pageNum: this.currentPage,
|
||||
pageSize: this.pageSize,
|
||||
@@ -634,18 +582,18 @@ export default {
|
||||
}
|
||||
})
|
||||
})
|
||||
.catch(() => { })
|
||||
.catch(() => {})
|
||||
},
|
||||
//新增
|
||||
add() {
|
||||
let thisToken = this.$CacheUtils.getLocItem('token')
|
||||
let thisbranchType = ''
|
||||
if (this.$CacheUtils.getLocItem('branchType') == '13') {
|
||||
let thisbranchType = ''
|
||||
if(this.$CacheUtils.getLocItem('branchType') == '13') {
|
||||
thisbranchType = this.$CacheUtils.getLocItem('branchType')
|
||||
}
|
||||
window.localStorage.clear()
|
||||
this.$CacheUtils.setLocItem('token', thisToken)
|
||||
if (thisbranchType) {
|
||||
if(thisbranchType) {
|
||||
this.$CacheUtils.setLocItem('branchType', thisbranchType)
|
||||
}
|
||||
|
||||
@@ -674,81 +622,6 @@ export default {
|
||||
this.captchaReceiver = order.appntDTO.mobile
|
||||
this.revokeOrderNo = order.orderInfoDTO.orderNo
|
||||
})
|
||||
},
|
||||
// 获取投保资料
|
||||
goInsuredInform(order) {
|
||||
this.getInformShow = true
|
||||
this.inputShow = true
|
||||
this.contentShow = false
|
||||
this.revokeOrderNo = order.orderInfoDTO.orderNo
|
||||
if (order.appntDTO.email) {
|
||||
this.emailForm.email = order.appntDTO.email
|
||||
} else {
|
||||
this.emailForm.email = ''
|
||||
}
|
||||
},
|
||||
// 确定邮件发送
|
||||
getInformOk() {
|
||||
let params = {
|
||||
orderNo: this.revokeOrderNo,
|
||||
emailUrl: this.emailForm.email
|
||||
}
|
||||
this.$validator.validate().then(valid => {
|
||||
if (true === valid) {
|
||||
Toast.loading({
|
||||
message: '加载中...',
|
||||
loadingType: 'spinner',
|
||||
forbidClick: true,
|
||||
duration: 0
|
||||
});
|
||||
getSendEmail(params).then(res => {
|
||||
Toast.clear();
|
||||
if (res.result == '0') {
|
||||
// Toast.loading({
|
||||
// message: '加载中...',
|
||||
// loadingType: 'spinner',
|
||||
// forbidClick: true,
|
||||
// duration: 2000
|
||||
// });
|
||||
// 调用下载方法
|
||||
// getDownloadZip({ orderNo: this.revokeOrderNo }).then(downRes => {、
|
||||
// this.handleDownload(downRes)
|
||||
this.inputShow = false
|
||||
this.contentShow = true
|
||||
this.emailContent = '系统将会将投保资料发送至您录入邮箱，解压密码为投保人身份证号的后六位，请您稍后进行查看'
|
||||
// })
|
||||
} else if (res.result == '1' && res.resultMessage == '2') {
|
||||
this.inputShow = false
|
||||
this.contentShow = true
|
||||
this.emailContent = '该保单近期已经获取过投保资料，请您移步邮箱进行查看'
|
||||
} else if (res.result == '1') {
|
||||
Toast.fail(res.resultMessage)
|
||||
}
|
||||
}).catch(error => {
|
||||
Toast.clear();
|
||||
throw error;
|
||||
})
|
||||
}
|
||||
else {
|
||||
this.$toast(this.$validator.errors.all()[0])
|
||||
}
|
||||
})
|
||||
},
|
||||
// 提示弹窗按钮
|
||||
tipOk() {
|
||||
this.getInformShow = false
|
||||
},
|
||||
handleDownload(data) {
|
||||
// 处理接口返回的文件流
|
||||
const blob = new Blob([data], { type: 'application/zip' });
|
||||
const url = URL.createObjectURL(blob);
|
||||
const a = document.createElement('a');
|
||||
a.href = url;
|
||||
a.download = this.revokeOrderNo + '_appnt_insured.zip'; // 设置下载文件名
|
||||
document.body.appendChild(a);
|
||||
a.click();
|
||||
document.body.removeChild(a);
|
||||
URL.revokeObjectURL(url);
|
||||
}
|
||||
},
|
||||
filters: {
|
||||
@@ -791,57 +664,7 @@ export default {
|
||||
background: #fff !important;
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
.van-search {
|
||||
background: none !important;
|
||||
}
|
||||
|
||||
.insure-popup {
|
||||
width: 80%;
|
||||
max-width: 500px;
|
||||
margin: auto;
|
||||
max-height: 80vh;
|
||||
overflow-y: auto;
|
||||
}
|
||||
|
||||
.insure-email {
|
||||
position: relative;
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
.email-box {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.email-title {
|
||||
text-align: center;
|
||||
color: #ee0a24;
|
||||
font-size: 18px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.email-content {
|
||||
width: 100%;
|
||||
margin: 0 auto 20px;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.email-c {
|
||||
margin-bottom: 10px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.email-input {
|
||||
width: 100%;
|
||||
margin: 10px auto;
|
||||
}
|
||||
|
||||
.email-btn {
|
||||
text-align: center;
|
||||
margin-top: 20px;
|
||||
|
||||
.van-button--danger {
|
||||
width: 180px;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user