Compare commits

...

95 Commits

Author SHA1 Message Date
zhanglei
9e59d89f32 状元红产品利益演示字段加元 2025-12-04 10:02:39 +08:00
zhanglei
381e61ed43 Merge remote-tracking branch 'origin/feature/【20251120】多次入司被阻断处理' 2025-12-03 09:42:05 +08:00
xuxingjun
06f3cc0b09 样式优化 2025-12-01 14:45:31 +08:00
xuxingjun
ec4962e853 优化喜报样式 2025-12-01 13:59:25 +08:00
xuxingjun
3418d0a56f 合并 优化喜报下载两次bug 2025-12-01 13:05:38 +08:00
dong.ai
5002a73e00 【fix】更换背景图片 2025-12-01 11:35:44 +08:00
zhanglei
747f6e55d9 Merge remote-tracking branch 'origin/feature/【20251128】嘉和保少儿责任输入框隐藏' into release/【20251128】状元红产品小数费用编辑&&嘉和保少儿责任输入框隐藏 2025-11-28 16:55:21 +08:00
dong.ai
77ab43dadc 【FIX】嘉和保少儿版隐藏步责任中进器框 2025-11-28 16:20:44 +08:00
zhanglei
76c0976fef Merge remote-tracking branch 'origin/feature/FCRS-1074国富人寿状元红教育年金保险(分红型)个险渠道' into release/【20251128】状元红产品小数费用编辑
# Conflicts:
#	src/views/ebiz/common/CalculatePremium.vue
2025-11-28 16:04:02 +08:00
dong.ai
9960d694e2 【FIX】修复步进器小数点问题 2025-11-28 10:55:55 +08:00
zhanglei
2ccc9622bf Merge remote-tracking branch 'origin/feature/FCRS-1089无民事行为能力人除未成年人以外的其他控制措施' into release/【20251126】关于个险渠道金掌桂2026年旺季营销系统功能开发的请示&&无民事行为能力人除未成年人以外的其他控制措施 2025-11-26 21:57:14 +08:00
zhanglei
daa56c677f Merge remote-tracking branch 'origin/feature/FCRS-1085关于个险渠道金掌桂2026年旺季营销系统功能开发的请示' into release/【20251126】关于个险渠道金掌桂2026年旺季营销系统功能开发的请示&&无民事行为能力人除未成年人以外的其他控制措施 2025-11-26 21:55:56 +08:00
zhanglei
04f586aa76 Merge remote-tracking branch 'origin/feature/FCRS-1093国富人寿鑫享传家终身寿险-中介渠道' 2025-11-26 21:32:45 +08:00
zhanglei
f23bedd030 Merge branch 'feature/FCRS-1074国富人寿状元红教育年金保险(分红型)个险渠道' into release/【20251125】状元红教育年金保险(分红型)个险&&国富人寿鑫享传家终身寿险中介 2025-11-25 21:27:53 +08:00
zhanglei
7266d1271d feature/FCRS-1074国富人寿状元红教育年金保险(分红型)个险渠道 2025-11-24 17:25:15 +08:00
hz
49ace93f5e fix(premium): 调整保费计算中的产品代码逻辑
- 在计算逻辑中新增产品代码 GFRS_M0116 的判断条件
- 移除重复的产品代码 GFRS_M0116 判断,避免逻辑冲突
- 确保保费金额默认值的设置逻辑准确无误
2025-11-24 13:29:29 +08:00
hz
cd739a796f style(ebiz): 调整CalculatePremium.vue组件代码格式
- 统一调整van-tag、van-icon等组件的属性顺序
- 调整div标签中v-if指令与class属性的位置
- 规范van-stepper组件属性排列顺序
- 调整van-field组件属性顺序
- 统一处理组件标签闭合格式
- 规范JavaScript函数箭头符号前后空格
- 调整数组和对象方法的回调函数格式
- 统一条件判断语句的括号格式
- 规范注释内容的排版格式
- 调整多行表达式的换行位置
2025-11-24 11:37:26 +08:00
hz
0cad8f3095 fix(agentEenter): 移除提交申请后的结果判断逻辑
- 删除了对 res.result 的条件判断代码
- 简化了提交成功后的页面跳转流程
- 移除了失败情况下的提示信息处理逻辑
2025-11-20 11:20:44 +08:00
hz
bd1aef5de9 fix: 修复2025-11-20 出现的提交被阻断的情况
- 不再阻断 result 为 F 的验证
2025-11-20 11:09:19 +08:00
勾通
f8850bbfad 【FIX】保单列表修复 2025-11-18 14:56:53 +08:00
勾通
4eec515d77 【FIX】修改输入框内容不符合规则的提示语
(cherry picked from commit f72552399c)
2025-11-18 14:24:08 +08:00
勾通
3d4c7093e1 【FIX】超出次数后提示语修改
(cherry picked from commit e52ae24c12)
2025-11-18 14:23:49 +08:00
勾通
975a8f3be2 【FIX】冲突解决 2025-11-18 14:23:05 +08:00
勾通
715f2747d7 【FIX】解决冲突代码合并 2025-11-18 14:20:21 +08:00
勾通
e3ff31bc61 【FIX】问卷结果页面样式调整
(cherry picked from commit 458f51512c)
2025-11-18 14:10:24 +08:00
勾通
0fb3fe9570 【FIX】展示结果页面规则组装
(cherry picked from commit d8c75f6698)
2025-11-18 14:07:43 +08:00
勾通
548f273f2d 【FIX】修复问卷结果页相关样式及规则提示组装
(cherry picked from commit 863ac675df)
2025-11-18 14:06:31 +08:00
勾通
af0af2d145 【FIX】测评特别提示样式修改
(cherry picked from commit 2246107311)
2025-11-18 14:06:06 +08:00
勾通
5092267900 【FIX】1025适当性评估问卷反馈后相关修改
(cherry picked from commit 6a92e90d0f)
2025-11-18 14:05:53 +08:00
勾通
2916c76218 【FIX】合并代码解决冲突 2025-11-18 14:04:46 +08:00
勾通
a74b355cfa 【FIX】保费计算跳转修复及测评按钮置灰
(cherry picked from commit 2e7c4197dd)
2025-11-18 14:02:18 +08:00
勾通
2793d02383 【FIX】问卷选择入参修复及部分页面样式调整
(cherry picked from commit 3119d1b14a)
(cherry picked from commit 814d8fe0b7)
2025-11-18 14:02:08 +08:00
勾通
0096cf6917 【FIX】修复问卷保存时传参的问题及附件展示的问题
(cherry picked from commit 99d9a2ddd8)
2025-11-18 14:01:42 +08:00
勾通
7db1b6db2b 【FIX】产品列表编辑跳转
(cherry picked from commit ec1bd4f112)
2025-11-18 14:01:17 +08:00
勾通
ecec1af4b2 【FIX】列表合并冲突 2025-11-18 14:00:47 +08:00
勾通
eeea5349d9 【FIX】遴选部分功能修复及签字页面修复 2025-11-18 13:58:55 +08:00
勾通
f0735fce3e 【FIX】附件管理新增广西地区附件上传
(cherry picked from commit 9b9ea63735)
2025-11-18 13:52:33 +08:00
勾通
958c8f8b01 【FEAT】新增问卷测评部分逻辑
(cherry picked from commit eb15794b9a)
2025-11-18 13:51:37 +08:00
xuxinxiang
a0cc22b602 增加【本产品不支持有智能障碍,或其他精神、心理疾病的人士投保】提示 2025-11-18 09:39:14 +08:00
zhanglei
e4338d1cdd feature/FCRS-1085关于个险渠道金掌桂2026年旺季营销系统功能开发的请示--换选择产品图 2025-11-17 11:47:06 +08:00
zhanglei
383ed001da feature/FCRS-1085关于个险渠道金掌桂2026年旺季营销系统功能开发的请示--换专区头部开门红图 2025-11-14 16:52:33 +08:00
zhanglei
0ded892703 release/【20251020】银保非实时单金掌桂投保系统需求&&关于金掌桂非实时邮件发送投保资料功能需求---首页图先改成项目里取 2025-10-23 09:36:16 +08:00
zhanglei
5f485c90ad release/【20251020】银保非实时单金掌桂投保系统需求&&关于金掌桂非实时邮件发送投保资料功能需求---首页图先改成项目里取 2025-10-23 09:29:52 +08:00
刘慧影
19db3b7f57 Merge branch 'feature/FM20250523024-银保非实时单金掌桂投保系统需求' into release/【20251020】银保非实时单金掌桂投保系统需求&&关于金掌桂非实时邮件发送投保资料功能需求 2025-10-22 09:13:00 +08:00
刘慧影
f25f1d214e fix:首页配置图缓存问题 2025-10-22 09:11:37 +08:00
刘慧影
cf439b5bbe Merge branch 'feature/FM20250523024-银保非实时单金掌桂投保系统需求' into release/【20251020】银保非实时单金掌桂投保系统需求&&关于金掌桂非实时邮件发送投保资料功能需求 2025-10-22 08:59:22 +08:00
zhanglei
36b81f9e8e Merge remote-tracking branch 'origin/feature/FCRS-1036关于金掌桂非实时邮件发送投保资料功能需求' into release/【20251020】银保非实时单金掌桂投保系统需求&&关于金掌桂非实时邮件发送投保资料功能需求 2025-10-20 11:23:35 +08:00
hz
2a54039d4a feat: 隐藏被保人有无社保选项 2025-10-17 09:11:44 +08:00
zhanglei
ff8d284915 Merge branch 'feature/【20251014】首页产品中心换图富贵尊享B款富贵年年E款' into release/【20251014】首页产品中心换图富贵尊享B款富贵年年E款 2025-10-14 11:54:18 +08:00
zhanglei
cdb36b4dcd feature/【20251014】首页产品中心换图富贵尊享B款富贵年年E款 2025-10-14 11:41:56 +08:00
hz
38398cf5f3 fix: 取消orderNoStr的显示内容 2025-10-13 13:48:14 +08:00
hz
ca50c3efff 修复告知信息错误 2025-10-11 17:26:34 +08:00
zhanglei
9e2812d5b3 针对自动核保通过待批量扣费的,
提示语改成:核保通过,待核心业务系统批量扣费。
2025-10-10 13:19:26 +08:00
hz
4ab1be1483 feat: 去除身高和体重的信息 2025-10-10 10:53:46 +08:00
hz
5141eba11b Reapply "feat: 被保人身高体重可以录入"
This reverts commit c9e7b962e3.
2025-10-10 10:49:10 +08:00
hz
c9e7b962e3 Revert "feat: 被保人身高体重可以录入"
This reverts commit 10bfe11813.
2025-10-10 10:44:19 +08:00
hz
10bfe11813 feat: 被保人身高体重可以录入 2025-10-09 11:48:20 +08:00
75fd1b747d fix: 告知项目某些环境下条目出错的问题
从告知项目下一步之后, 然后重新点击告知项目,下面条目会丢失一些东西
2025-09-26 11:14:50 +08:00
71e572b4ea fix: 修复点击生成投保单号时证件截止日期选项自动变更的问题 2025-09-26 10:40:16 +08:00
effba15c93 修正提交的信息参数 2025-09-25 17:33:54 +08:00
dong.ai
44026f1184 邮件发送loading2 2025-09-25 17:22:53 +08:00
dong.ai
01caa01272 发送邮件时添加loading 2025-09-25 16:19:02 +08:00
dong.ai
035b3500aa 修改邮件发送 2025-09-25 13:37:33 +08:00
e99cf535b3 feat: 增加相应对象impartTypeNumber的枚举内容 2025-09-24 19:09:19 +08:00
ab92138982 feat: 按需隐藏相应的字段内容 2025-09-24 16:05:08 +08:00
e92c8cc095 fix: 修复单页 pdf 无法点击本人已阅读按钮 2025-09-24 14:32:19 +08:00
zhanglei
26133d07c8 Merge branch 'feature/FCRS-1020中介渠道-鑫管家E款终身寿险(万能型)' into release/【20250923】中介渠道-鑫管家E款终身寿险(万能型)&&分红险加风险提示语 2025-09-23 17:53:57 +08:00
dong.ai
772201f2f0 修改发送邮件后展示内容 2025-09-23 13:26:40 +08:00
dong.ai
b0937ceb58 修改按钮展示判断 2025-09-22 16:01:42 +08:00
dong.ai
693a1140fd 非实时投保邮件发送 2025-09-22 14:58:20 +08:00
刘慧影
dd1ce78a4b fix:银保列表编辑跳转页面 2025-09-18 18:37:05 +08:00
63e0869065 fix: 修复变量错误的问题 2025-09-11 17:55:01 +08:00
e61dfe0d17 fix: 加入riskDTOLst变量检测 2025-09-11 16:25:16 +08:00
f8d84e73c7 feat: 增加分红型之后显示风险提示 2025-09-11 15:35:46 +08:00
刘慧影
f43135cdf2 fix: 签字页branchType 2025-09-09 09:29:57 +08:00
刘慧影
0537596d95 feat: 文件阅读下滑至底部完成阅读 2025-09-09 09:15:00 +08:00
liuhuiying
268d53128e fix: 投保人工作单位 2025-09-06 19:35:09 +08:00
liuhuiying
aa13d3c8e7 fix: 测试问题修复 2025-09-06 16:13:08 +08:00
zhanglei
eb07e7a21b Merge branch 'feature/FCRS-1015国富人寿富满盈嘉B款终身寿险(分红型)-中介' into release/【20250904】鑫盈嘉两全保险(分红型)&&富满盈嘉B款终身寿险(分红型) 2025-09-04 13:20:46 +08:00
zhanglei
375807df55 feature/FCRS-1015国富人寿富满盈嘉B款终身寿险(分红型)-中介---男性为出生满28天-68周岁。女性为出生满28天-70周岁 2025-09-02 17:35:54 +08:00
zhanglei
5cd7575e63 feature/FCRS-1017国富人寿鑫盈嘉两全保险(分红型)-中介---被保人投保年龄:男性为出生满28天-70周岁。女性为出生满28天-73周岁 2025-09-02 13:50:31 +08:00
zhanglei
e498618b3c Merge remote-tracking branch 'origin/feature/FCRS-1008个险--关于金掌桂系统数据界面调整的请示' into origin/release/【20250902】个险--关于金掌桂系统数据界面调整的请示 2025-09-02 11:13:49 +08:00
zhanglei
4bb43a244c feature/FCRS-1020中介渠道-鑫管家E款终身寿险(万能型) 2025-09-01 09:56:17 +08:00
zhang.weiwei
c7f847288e feat: 处理国富人寿鑫盈嘉两全保险(分红型)交费方式和交费期间关联关系 2025-08-28 01:08:13 +08:00
liguoxu
3c1084bc4a 部分页面描述中期交调整为保费 2025-08-15 09:41:06 +08:00
xuxingjun
b18e0b9039 优化下载 2025-08-12 14:13:34 +08:00
xuxingjun
9c8d863232 优化贺报下载 2025-08-06 19:45:29 +08:00
liuhuiying
523e1c9c8f 投保人信息投保单号效验、生成投保单号调整 2025-08-04 21:44:12 +08:00
刘慧影
01af6bb9ac 非实时单核保提示语 2025-07-17 11:20:52 +08:00
zhanglei
7989e411ac 非实时单核保提示语 2025-07-16 13:35:32 +08:00
zhanglei
a5672152eb 非实时单核保提示语 2025-07-16 13:21:30 +08:00
liuhuiying
3591bce7a4 FM20250523024-银保非实时单金掌桂投保系统需求 2025-07-03 09:20:41 +08:00
liuhuiying
cdd5ac826a FM20250523024-银保非实时单金掌桂投保系统需求 2025-07-01 11:49:47 +08:00
liuhuiying
42b0ac995a FM20250523024-银保非实时单金掌桂投保系统需求 2025-07-01 11:24:40 +08:00
liuhuiying
787369053c FM20250523024-银保非实时单金掌桂投保系统需求 2025-06-30 13:39:45 +08:00
46 changed files with 3335 additions and 652 deletions

View File

@@ -36,3 +36,12 @@ export function getSpecialAreaProList(data) {
data
})
}
// 首页底部图
export function getHomeBottomPic(data) {
return request({
url: getUrl('/app/code/getCodeValue', 1),
method: 'post',
data
})
}

View File

@@ -76,6 +76,24 @@ 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({
@@ -104,7 +122,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
})
@@ -393,4 +411,12 @@ export function riskLevelCheck(data) {
method: 'post',
data
})
}
}
export function saveEvalateAnswer(data) {
return request({
url: getUrl('/sale/order/saveOrUpdateAssessInfo ', 1),
method: 'post',
data
})
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 16 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 107 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 107 KiB

After

Width:  |  Height:  |  Size: 615 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.3 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 272 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 189 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 428 KiB

After

Width:  |  Height:  |  Size: 84 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 290 KiB

View File

@@ -3976,6 +3976,14 @@ export default {
{
code: 'InsuredDeathOrTotalDiseaseExemptionPremiumD',
label: '元'
},
{
code: 'cumulativeSurvivalBenefitsExcludingDividends',
label: '元'
},
{
code: 'cumulativeSurvivalBenefitsIncludingDividends',
label: '元'
}
],
// 卡单与短期险重新投保选择职业类别时,两个模块职业类型数据的排序不同,创建这个数据字典,用于在选择职业类别时,作为一个参数传入组件,

View File

@@ -252,6 +252,9 @@ 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') &&

View File

@@ -0,0 +1,162 @@
<template>
<div class="popup-ques-result">
<van-popup
v-model="showResultPopup"
position="bottom"
class="result-popup"
@click-overlay = "clickOverlay('overlay')"
>
<div class="result-popup-title">
<span>您的适当性评估结果</span>
<van-icon name="cross" @click="clickOverlay('icon')"/>
</div>
<div class="result-popup-content">
<div class='content'>尊敬的{{appntInfo.name}}{{appntInfo.sex=='0'?'先生':'女士'}}</div>
<div class='content'>根据您填写的评估问卷本公司对您的保险需求及财务支付水平进行了综合评估结果反馈如下</div>
<div class='content'>您适合购买的产品类型为
<span class='product-type'>{{resultRiskType}}</span>
</div>
<div>
<div v-for="(item,idx) in productLevel" :key="idx" class="itemLevel">
{{ item }}
</div>
</div>
<div class='tips'>特别提示</div>
<div class='tips'> 本次评估结果及匹配意见供您决策参考并不代表本公司对上述产品的风险及收益作出实质性判断或者保证若您提供的信息发生任何重大变化建议您对所购买的产品及时进行重新审视以确保您的购买决定与您可承受的风险程度等实际情况一致</div>
<div class='tips'>建议您充分考察该产品的特征自行做出投保决定请您确保您的决定是独立自主真实的</div>
</div>
<!-- 未测评过底部按钮 -->
<div class="bottom-btn bg-white flex">
<van-button type="danger" square size="large" plain v-no-more-click="1000" @click="reTest" v-if="showRetest">重新测评</van-button>
<van-button type="danger" square size="large" v-no-more-click="1000" @click="toInsure">我已知晓继续投保</van-button>
</div>
<!-- 已测评过底部按钮 -->
<!-- <div class="bottom-btn bg-white flex testBtn" v-if="showHasTested">
<van-button type="danger" square size="large" plain v-no-more-click="1000" @click="goBack">上一步</van-button>
<van-button type="danger" square size="large" class="btn" v-no-more-click="1000" @click="goNext">已知晓继续投保</van-button>
<van-button type="danger" square size="large" v-no-more-click="1000" @click="reStart">重新评估</van-button>
</div> -->
</van-popup>
</div>
</template>
<script>
export default {
name: 'PopupQuesResult',
props: {
showResultPopup: {
type: Boolean,
default: false
},
showRetest: { //展示重新测评
type: Boolean,
default: false
},
appntInfo:{
type: Object,
default: () => {}
},
resultRiskType:{
type:String,
default:''
},
assessResultDescList:{
type:Array,
default: () => []
}
},
data() {
return {
//showNoTested: false
productLevel:[
'P1分类保险期限为一年期及以下的人身保险产品包括人寿保险、健康保险、意外伤害保险等',
'P2分类保险期限为一年期以上的普通型人身保险包括人寿保险、年金保险、健康保险、意外伤害保险等',
'P3分类专属商业养老保险、分红型人身保险、万能型人身保险其他符合本级特征描述的人身保险产品包括人寿保险、年金保险等',
'P4分类投资连结型人身保险、变额年金保险其他符合本级特征描述的人身保险产品包括人寿保险、年金保险等',
'P5分类符合本级特征描述的人身保险产品']
}
},
methods: {
clickOverlay(extra){
this.$emit('clickOverlayHandler',extra)
},
//1.未测评过弹窗按钮
//1.1 重新测评
reTest(){
this.$emit('reTestHandler')
},
//1.2 我已知晓,继续投保
toInsure(){
this.$emit('toInsureHandler')
},
}
}
</script>
<style lang="scss" scoped>
.popup-ques-result{
.result-popup{
.result-popup-title{
padding:10px 10px 0;
display: flex;
justify-content: space-between;
align-items: center;
font-size: 20px;
font-weight: bolder;
color:#000;
}
.result-popup-content{
padding:10px 10px 60px;
box-sizing:border-box;
.content{
font-size: 18px;
font-weight: bold;
color: #333;
margin-bottom: 5px;
.product-type{
color: #ee0a24;
font-weight: bold;
}
}
.tips{
font-size: 14px;
color: #000;
font-weight: bold;
margin-bottom: 5px;
}
.tips:nth-child(5){
padding:10px 0;
margin-bottom: 0;
color: #000;
font-weight: bold;
}
}
.result-popup-btn{
}
/deep/ .testBtn{
.van-button:first-child{
flex:1;
}
.van-button:nth-child(2){
flex:1.3;
border-right:1px solid #fff !important;
}
.van-button:nth-child(3){
flex:1;
}
}
.itemLevel{
font-size: 12px;
color:#999;
margin-bottom:5px;
}
}
}
</style>

View File

@@ -182,18 +182,18 @@ export default {
})
}
}
if(res.orderDTO.riskEvaluationDTO){
if(res.orderDTO.riskEvaluationDTO.isShowEvaluationPoint == 1){
this.pageTitle.forEach(item=>{
if(item.pageNo == 6){
item.show = true
}
if(item.pageNo == 7){
item.show = true
}
})
}
}
// if(res.orderDTO.riskEvaluationDTO){
// if(res.orderDTO.riskEvaluationDTO.isShowEvaluationPoint == 1){
// this.pageTitle.forEach(item=>{
// if(item.pageNo == 6){
// item.show = true
// }
// if(item.pageNo == 7){
// item.show = true
// }
// })
// }
// }
if(this.$route.query.orderNo) {
this.projectName = res.orderDTO.ebizOrderGbcRelDTO.projectName
}

View File

@@ -38,7 +38,11 @@ import {
PullRefresh,
List,
Image as VanImage,
Sticky
Sticky,
Radio,
RadioGroup,
Checkbox,
CheckboxGroup
} from 'vant'
Vue.use(Cell)
Vue.use(CellGroup)
@@ -66,6 +70,10 @@ Vue.use(List)
Vue.use(VanImage)
Vue.use(Sticky)
Vue.use(animated)
Vue.use(Radio)
Vue.use(RadioGroup)
Vue.use(Checkbox)
Vue.use(CheckboxGroup)
Vue.prototype.$assetsUrl = config.assetsUrl
Vue.prototype.$assetsUpUrl = config.assetsUpUrl

View File

@@ -5,6 +5,7 @@ const addRiskList = () => import('@/views/ebiz/common/AddRiskList')
const calculatePremium = () => import('@/views/ebiz/common/CalculatePremium')
const defalut = () => import('@/views/ebiz/common/Defalut')
const companyIntroduce = () => import('@/views/ebiz/common/CompanyIntroduce')
const evaluateResult = () => import('@/views/ebiz/common/EvaluateResult')
export default [
{
@@ -66,5 +67,14 @@ export default [
title: '关于国富',
index: 1
}
},
{
path: '/common/evaluateResult',
name: 'EvaluateResult',
component: evaluateResult,
meta: {
title: '评估结果',
index: 1
}
}
]

View File

@@ -39,6 +39,7 @@ const shortPeriodProduct = () => import('@/views/ebiz/sale/shortPeriodProduct')
const commitmentSelfProtect = () => import('@/views/ebiz/sale/commitmentSelfProtect')
const readDocuments = () => import('@/views/ebiz/sale/readDocuments')
const signDocuments = () => import('@/views/ebiz/sale/signDocuments')
const questionEvaluate = () => import('@/views/ebiz/sale/questionEvaluate')
let riskName = localStorage.riskName
console.log('sale/riskName==', riskName)
@@ -347,5 +348,13 @@ export default [
meta: {
title: '签名页面'
}
},
{
path: '/sale/questionEvaluate',
name: 'questionEvaluate',
component: questionEvaluate,
meta: {
title: '保险产品适当性评估问卷'
}
}
]

View File

@@ -516,26 +516,29 @@ export default {
}else if(orderStatus == '39'){ //险种信息保存成功, 跳到已选产品列表
url = '/common/selectedProduct?edit=1&orderNo='+orderNo
}else if(orderStatus == '40'){//告知信息保存成功, 跳到风险测评--
if( order.riskEvaluationDTO.isShowEvaluationPoint != '1'){
//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 == '63'){//风险测评保存成功, 跳到账户信息--
}
// 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
}
// switch (orderStatus) {

View File

@@ -2,57 +2,57 @@
<div class="insured-info-container pb50">
<!-- 基本信息 -->
<van-cell-group class="mt10">
<p style="border-bottom: 1px solid #ebedf0" class="fs15 fwb pl10 pv12">推荐人信息</p>
<p class="fs15 fwb pl10 pv12" style="border-bottom: 1px solid #ebedf0">推荐人信息</p>
<van-field v-model="recommender.name" label="推荐人姓名" name="推荐人姓名" readonly />
<van-field :value="getAgentGrade(recommender.agentGrade)" label="推荐人职级" name="推荐人职级" readonly />
<!-- <van-field v-model="recommender.applyNo" label="推荐人工号" name="推荐人工号" readonly /> -->
<van-field v-model="recommender.unitName" label="销售机构" name="销售机构" readonly />
<p style="border-bottom: 1px solid #ebedf0" class="fs15 fwb pl10 pv12">个人信息</p>
<van-field v-model="userInfo.name" label="姓名" name="姓名" placeholder="请输入" v-validate="'required|name'" clearable />
<p class="fs15 fwb pl10 pv12" style="border-bottom: 1px solid #ebedf0">个人信息</p>
<van-field v-model="userInfo.name" v-validate="'required|name'" clearable label="姓名" name="姓名" placeholder="请输入" />
<van-field
:value="userInfo.applGrade | idToText('applGrade')"
v-validate="'required'"
readonly
:value="userInfo.applGrade | idToText('applGrade')"
label="职级"
name="职级"
right-icon="arrow"
placeholder="请选择职级"
readonly
right-icon="arrow"
@click="toSelect('13')"
/>
<van-field
:value="userInfo.idType | idToText('idType')"
v-validate="'required'"
readonly
:value="userInfo.idType | idToText('idType')"
label="证件类型"
name="证件类型"
right-icon="arrow"
placeholder="请选择证件类型"
readonly
right-icon="arrow"
@click="toSelect('1')"
/>
<van-field
v-model="userInfo.idNo"
placeholder="请输入证件号码"
label="证件号码"
name="证件号码"
v-validate="'required'"
maxlength="18"
clearable
label="证件号码"
maxlength="18"
name="证件号码"
placeholder="请输入证件号码"
@blur="getRelatedData(userInfo.idNo)"
/>
<select-radio :radios="sexRadio" label="性别" name="性别" v-validate="'required'" :required="false" :value.sync="userInfo.sex"></select-radio>
<van-field v-model="userInfo.mobile" label="手机号" name="手机号" placeholder="请输入手机号" v-validate="'required|mobile'" maxlength="11" clearable />
<van-field v-model="userInfo.authCode" center clearable label name="短信验证码" placeholder="请输入短信验证码" v-validate="'required'" maxlength="6">
<van-button slot="button" size="small" type="danger" @click="getCode" :disabled="codeDisabled" v-no-more-click="1000">
<select-radio v-validate="'required'" :radios="sexRadio" :required="false" :value.sync="userInfo.sex" label="性别" name="性别"></select-radio>
<van-field v-model="userInfo.mobile" v-validate="'required|mobile'" clearable label="手机号" maxlength="11" name="手机号" placeholder="请输入手机号" />
<van-field v-model="userInfo.authCode" v-validate="'required'" center clearable label maxlength="6" name="短信验证码" placeholder="请输入短信验证码">
<van-button slot="button" v-no-more-click="1000" :disabled="codeDisabled" size="small" type="danger" @click="getCode">
{{ codeDisabled ? `${countDown}s后重新获取` : '获取验证码' }}
</van-button>
</van-field>
</van-cell-group>
<van-button type="danger" class="bottom-btn" @click="nextStep" v-no-more-click="1000">提交信息</van-button>
<van-button v-no-more-click="1000" class="bottom-btn" type="danger" @click="nextStep">提交信息</van-button>
<!-- 字段选择 -->
<van-popup v-model="popupShow" position="bottom">
<van-picker show-toolbar :columns="columns" @confirm="onConfirm" @cancel="popupShow = false" />
<van-picker :columns="columns" show-toolbar @cancel="popupShow = false" @confirm="onConfirm" />
</van-popup>
</div>
</template>
@@ -156,7 +156,7 @@ export default {
this.getData()
},
methods: {
getData: function () {
getData: function() {
let self = this
self.$toast.loading({
duration: 0, // 持续展示 toast
@@ -167,7 +167,7 @@ export default {
getTokenForUserModel({
token: this.$CacheUtils.getLocItem('token')
})
.then(function (response) {
.then(function(response) {
self.$toast.clear()
console.log('response', response)
if (response.result == '0') {
@@ -176,7 +176,7 @@ export default {
this.$toast.fail(response.resultMessage)
}
})
.catch(function (error) {
.catch(function(error) {
// this.$toast.fail(error)
})
// var self = this
@@ -217,7 +217,7 @@ export default {
loadingType: 'spinner',
message: '加载中……'
})
this.$validator.validate().then((valid) => {
this.$validator.validate().then(valid => {
if (true === valid) {
self.$toast.clear()
if (this.userInfo.idType == '1') {
@@ -270,27 +270,28 @@ export default {
message: '加载中……'
})
agentInfowxSubmit(data)
.then((res) => {
.then(res => {
// console.log(res)
if (res.result == '0') {
this.$store.commit('updateAgentEnterApplyMsg', this.userInfo)
that.$toast.clear()
this.$jump({
flag: 'h5',
extra: {
url: location.origin + `/#/agentEenter/ShareInfoSuccess`,
forbidSwipeBack: '1',
backToFirst: '1'
},
routerInfo: {
path: `/agentEenter/ShareInfoSuccess`
}
})
} else {
this.$toast(res.resultMessage)
}
// todo 排除 2025-11-20 上午出现的阻断情况
// if (res.result == '0' || res.result === 'F') {
this.$store.commit('updateAgentEnterApplyMsg', this.userInfo)
that.$toast.clear()
this.$jump({
flag: 'h5',
extra: {
url: location.origin + `/#/agentEenter/ShareInfoSuccess`,
forbidSwipeBack: '1',
backToFirst: '1'
},
routerInfo: {
path: `/agentEenter/ShareInfoSuccess`
}
})
// } else {
// this.$toast(res.resultMessage)
// }
})
.then(function (err) {
.then(function(err) {
console.log(err)
})
})
@@ -348,7 +349,7 @@ export default {
operateCodeType: '0'
}
//获取验证码
getAuthCode(data).then((res) => {
getAuthCode(data).then(res => {
console.log(res)
if (res.result == 0) {
this.sessionId = res.sessionId
@@ -360,7 +361,7 @@ export default {
}
}
</script>
<style lang='scss' scoped>
<style lang="scss" scoped>
.insured-info-container {
.referrerW {
/deep/ .van-cell__title {

View File

@@ -255,11 +255,13 @@
@cancel="cancelChange"
/>
</van-popup>
<div class="hebao" v-if="hebaoShow">
<!-- <div class="hebao"> -->
<generateImg
v-if="hebaoShow"
@child-colse="closeHebao"
@custom-event="customEvent"
></generateImg>
</div>
<!-- </div> -->
<van-popup v-model="xiangqingShow" position="right" :style="{ width: '100%', height: '100%' }">
<policyDetails
v-if="xiangqingShow"
@@ -631,33 +633,40 @@ export default {
message: '加载中……'
})
let data = {}
if(this.dateFlag == 'all') {
data = {
outOrderType: this.outOrderType, // "accept",//--出单类型 承保 accept 预收 advance
// dateFlag: this.dateFlag, // -最近一月-m,最近一年y ,全部-all
dateFlag: '', // 暂不使用改参数,默认给空
// appntDate: this.postDate,
distCode: this.OrgLv2Code,
depCode: this.OrgLv3Code,
orgCode: this.OrgLv4Code,
pageNum: this.pageNum,
pageSize: this.pageSize
}
} else {
data = {
outOrderType: this.outOrderType, // "accept",//--出单类型 承保 accept 预收 advance
startDate: this.dialogForm.startDate, // "2024-09-01",
endDate: this.dialogForm.endDate, //"2024-09-30",
// dateFlag: this.dateFlag, // -最近一月-m,最近一年y ,全部-all
dateFlag: '', // 暂不使用改参数,默认给空
// appntDate: this.postDate,
distCode: this.OrgLv2Code,
depCode: this.OrgLv3Code,
orgCode: this.OrgLv4Code,
pageNum: this.pageNum,
pageSize: this.pageSize
if(localStorage.getItem("billingShow")) {
// console.log('用了');
data = JSON.parse(localStorage.getItem("billingDetail"))
}else {
// console.log('没用');
if(this.dateFlag == 'all') {
data = {
outOrderType: this.outOrderType, // "accept",//--出单类型 承保 accept 预收 advance
// dateFlag: this.dateFlag, // -最近一月-m,最近一年y ,全部-all
dateFlag: '', // 暂不使用改参数,默认给空
// appntDate: this.postDate,
distCode: this.OrgLv2Code,
depCode: this.OrgLv3Code,
orgCode: this.OrgLv4Code,
pageNum: this.pageNum,
pageSize: this.pageSize
}
} else {
data = {
outOrderType: this.outOrderType, // "accept",//--出单类型 承保 accept 预收 advance
startDate: this.dialogForm.startDate, // "2024-09-01",
endDate: this.dialogForm.endDate, //"2024-09-30",
// dateFlag: this.dateFlag, // -最近一月-m,最近一年y ,全部-all
dateFlag: '', // 暂不使用改参数,默认给空
// appntDate: this.postDate,
distCode: this.OrgLv2Code,
depCode: this.OrgLv3Code,
orgCode: this.OrgLv4Code,
pageNum: this.pageNum,
pageSize: this.pageSize
}
}
}
localStorage.setItem("billingDetail", JSON.stringify(data))
queryOutOrderList(data).then((res) => {
this.$toast.clear()
if (res.result == 0) {
@@ -673,6 +682,7 @@ export default {
this.total = res.content.total
this.loading = false
this.listShow = true
localStorage.setItem("billingShow", false)
} else{
this.tableData = []
this.listShow = false
@@ -856,6 +866,11 @@ export default {
closeDetails() {
this.xiangqingShow = !this.xiangqingShow
},
customEvent() {
this.closeHebao();
// console.log('缓存变true了');
this.queryOutOrderListFunc();
},
closeHebao() {
this.hebaoShow = !this.hebaoShow
},

File diff suppressed because it is too large Load Diff

View File

@@ -0,0 +1,230 @@
<template>
<div class="fit-wrapper">
<div v-if="assessResult == '1'" class="fit-container">
<img src="@/assets/images/ebiz/evalImg.png" alt="">
<div class="pt20 pb20 pr10 pl20">
<div class="fs18 pb6" v-for="(item,idx) in evalDescList " >{{idx+1}}{{ item }}</div>
<p class="green fw400 fs18 quitDesc">根据以上与适当性问卷匹配结果我司建议您终止投保关注该产品的特征及风险审慎作出投保决策 如您坚持投保请您确认和签署投保风险警示确认书</p>
</div>
<div class="footer-btn bottom-btn bg-white flex">
<van-button type="danger" size="large" plain square class="btn" @click="exitProcess" v-no-more-click="1000">终止投保</van-button>
<van-button type="danger" size="large" square class="btn" @click="showRisks = true" v-no-more-click="1000">已知晓上述提示本人仍继续投保</van-button>
</div>
</div>
<div v-if="assessResult === '0'" class="fit-container">
<img src="@/assets/images/ebiz/evalImg.png" alt="">
<div class="pt20 pb20 pr10 pl20 fs18">{{evalDesc}}</div>
<div class="bottom-btn bg-white flex">
<van-button type="danger" size="large" square class="btn" v-no-more-click="1000" @click="onConfirm">确认</van-button>
</div>
</div>
<van-dialog
v-model="showRisks"
title="投保风险警示确认书"
confirmButtonText="知晓并同意警示书,继续投保"
@confirm="onConfirm"
class="riskDialog"
>
<span>
  本人声明已了解及完全清楚产品责任风险情况保险利益不确定及不及时交纳保险费的风险经审慎考虑后仍坚持购买该产品并愿意承担由此可能产生的损失和其他后果购买该产品的决定系本人独立自主真实的意思表示
</span>
</van-dialog>
</div>
</template>
<script>
import { getOrderDetail, saveEvalateAnswer } from '@/api/ebiz/sale/sale'
export default {
name: 'EvaluateResult',
data(){
return {
assessResult:null, //适应性问卷评估结果 0通过 1不通过
showPopUp:true,
showRisks:false,
assessResultDescList:[],
evalDesc:'',//测评结果描述
evalDescList:[]
}
},
mounted(){
this.$jump({
flag: 'navigation',
extra: {
title: '评估结果'
},
})
document.body.style.backgroundColor = '#fff'
getOrderDetail({ orderNo: this.$route.query.orderNo,userAssessLogic:true }).then(res => {
if (res.result == 0) {
this.assessResultDescList = res.orderDTO.orderInfoDTO.assessResultDescMap
this.assessResult = res.orderDTO.orderInfoDTO.assessResult
if(Object.keys(this.assessResultDescList).includes('pass')&&this.assessResult==='0'){
this.evalDesc = this.assessResultDescList['pass'] + '。'
}else{
this.handlerAssessResultDesc()
}
console.log('this.assessResultDescList',this.assessResultDescList)
} else {
this.$toast(res.resultMessage)
}
})
},
methods:{
handlerAssessResultDesc(){
// 获取所有以1开头的属性键
// let numStr = ['1','2','3','4']
// let evalDesc = ''
//let evalDescList = []
// numStr.forEach(num=>{
// let keysStartWith = Object.keys(this.assessResultDescList).filter(key => key.startsWith(num));
// // 获取这些键对应的所有元素值组成的数组
// let filterValue = keysStartWith.map(key => {
// return this.assessResultDescList[key];
// });
// console.log('filterValue',filterValue)
// // if(filterValue.length==1){
// // filterValue.forEach(item=>{
// // let des = item[0]+''+item[1]+'。'
// // this.evalDescList.push(des)
// // })
// // }else if(filterValue.length>1){
// // filterValue.forEach(item=>{
// // let des = item[0]+''+item[1]+'。'
// // this.evalDescList.push(des)
// // })
// // //evalDesc += filterValue.map(item => item[0]).join('') +'' +filterValue[0][1]+'。'
// // //this.evalDescList.push(evalDesc)
// // }else return
// if(filterValue.length>=1){
// filterValue.forEach(item=>{
// this.evalDescList.push(item)
// })
// }
// })
let filterValue = Object.values(this.assessResultDescList)
if(filterValue.length>=1){
filterValue.forEach((item,index)=>{
this.evalDescList.push(item+'')
if(index === filterValue.length - 1){
this.evalDescList[index] = item + '。';
}
})
}
console.log('filterValue',filterValue)
// this.evalDesc = evalDesc
// console.log('this.evalDesc',this.evalDesc)
console.log('this.evalDescList',this.evalDescList)
},
//终止投保
exitProcess(){
this.$dialog.confirm(
{
className: 'dialog-delete',
title: '提示',
message: '退出流程可能会丢失部分数据,是否确认退出?',
cancelButtonColor: '#E9332E',
confirmButtonColor: '#FFFFFF'
})
.then(() => {
this.jumpList()
})
.catch(() => {
return
})
},
jumpList(){
saveEvalateAnswer({
operateType:'0',
orderNo:this.$route.query.orderNo
}).then(res=>{
if(res.result=='0'){
this.$jump({
flag: 'h5',
extra: {
title: '电子投保单列表',
forbidSwipeBack: 1, //当前页面禁止右滑返回
url: location.origin + `/#/sale/list`
},
routerInfo: {
path: `/sale/list`,
type: '1'
}
})
}else{
this.$toast(res.resultMessage)
}
})
},
//继续投保
onConfirm(){
this.$jump({
flag: 'h5',
extra: {
forbidSwipeBack: '1',
url: location.origin + '/#' + '/sale/beneficiary?orderNo=' + this.$route.query.orderNo,
needRefresh: '1'
},
routerInfo: {
path: '/sale/beneficiary?orderNo=' + this.$route.query.orderNo,
}
})
}
}
}
</script>
<style lang="scss" scoped>
.fit-wrapper{
width:100%;
height:100vh;
display:flex;
.fit-container{
padding:50px 0;
width:100%;
display:flex;
overflow: auto;
flex-direction: column;
justify-content: center;
align-items: center;
img{
width:179px;
height:126px;
padding:20px 0;
}
.quitDesc{
text-indent: 2em;
}
}
.footer-btn{
position:fixed;
bottom:0;
width:100%;
display:flex;
justify-content:space-between;
align-items:center;
.van-button:first-child{
flex:1;
}
.van-button:last-child{
flex:2;
}
}
/deep/ .riskDialog{
.van-dialog__header{
padding:20px 0;
font-size:16px;
}
.van-dialog__content{
padding:0 20px;
margin-bottom:10px;
font-size:14px;
}
.van-dialog__confirm{
font-size:16px;
color:#5ca7de;
}
}
}
</style>

View File

@@ -29,7 +29,7 @@
</div>
<div v-if="isFrom == 'sale' && isShow == false">
<div class="p15 pl8 fs14" style="margin-bottom: 20px;background: #fff;">
<van-radio-group v-model="isElecCont" class="flex" style="display: flex;align-items: center;">
<van-radio-group v-model="isElecCont" class="flex" style="display: flex;align-items: center;" :disabled="isElecContDisabled">
<label>
<i class="red pr5">*</i>
保单形式
@@ -125,7 +125,8 @@
<p style="color: #E9332E;">提示</p>
</div>
<div style="padding: 20px 30px 30px;font-size: 14px;">
<div style="line-height: 25px;">根据监管要求本单需要您配合对销售过程进行录音录像</div>
<div style="line-height: 25px;" v-if="branchType == '14'">一年期以上保险产品需按监管要求双录请及时双录</div>
<div style="line-height: 25px;" v-else>根据监管要求本单需要您配合对销售过程进行录音录像</div>
</div>
<div style="text-align: center;">
<van-button type="danger" block style="font-size: 14px;" @click="thisdoubledialogfunc">确定</van-button>
@@ -140,6 +141,7 @@
</div>
</van-submit-bar>
</div>
</div>
</template>
<script>
@@ -148,7 +150,7 @@
import { orderDetail, deleteOrderInfo, mainRiskList, mainRiskListProposal, calculatePremium } from '@/api/ebiz/common/common'
import { formatAllRisk } from '@/assets/js/utils/formatRiskList'
import { getDetail, deleteProposal } from '@/api/ebiz/proposal/proposal.js'
import { saveOrderActiveType,getActivityList, getDoubleRecordProductLst, saveOrderType } from '@/api/ebiz/sale/sale.js'
import { saveOrderActiveType,getActivityList, getDoubleRecordProductLst, saveOrderType,getOrderDetail } from '@/api/ebiz/sale/sale.js'
import utilsAge from '@/assets/js/utils/age'
import IndexBar from '@/components/ebiz/sale/IndexBar'
import riskRules from './risk-rules'
@@ -178,6 +180,12 @@
manageComCode:'',//代理人管理机构 52贵州 45广西
isCrossChannel: 0, // 是否选择交叉渠道列表 0-否 1-是
isElecCont: '', // 保单形式
isElecContDisabled: false, // 保单形式是否禁用
branchType:'',
saleInsuredInfo: {}, //投保人信息
assessFlag:"", //是否需要填写适应性问卷
}
},
components: {
@@ -188,7 +196,7 @@
[IndexBar.name]: IndexBar,
[RadioGroup.name]: RadioGroup,
[Radio.name]: Radio,
[Image.name]: Image
[Image.name]: Image,
},
async mounted() {
this.$jump({
@@ -197,6 +205,9 @@
title: '已选产品列表'
},
})
if (this.$CacheUtils.getLocItem('saleInsuredInfo')) {
this.saleInsuredInfo = JSON.parse(this.$CacheUtils.getLocItem('saleInsuredInfo'))
}
if (localStorage.isFrom == 'sale') {
// 清除活动标志
// localStorage.removeItem('active_type')
@@ -251,6 +262,12 @@
//如果是从导航栏点击进入
this.salePageFlag = localStorage.salePageFlag
}
if(window.localStorage.getItem('branchType')) {
this.branchType = window.localStorage.getItem('branchType')
} else if(this.$route.query.branchType){
window.localStorage.setItem('branchType', this.$route.query.branchType)
this.branchType = this.$route.query.branchType
}
// localStorage.orderNo = '19090510425500178912'
// localStorage.saleInsuredPersonInfo = JSON.stringify({
@@ -365,14 +382,14 @@
resultData = await orderDetail({ orderNo: this.$route.query.orderNo, isMerge: '1' })
}
if (resultData.result == 0) {
if( resultData.orderDTO ) {
//判断是否显示风险测评tab
let updateAnswerType = resultData.orderDTO.riskEvaluationDTO.isShowEvaluationPoint =='1'?true:false
this.$store.commit('updateAnswerType', updateAnswerType )
// console.log(updateAnswerType,'updateAnswerType');
this.renovate = new Date().getTime()
}
// if( resultData.orderDTO ) {
// //判断是否显示风险测评tab
// let updateAnswerType = resultData.orderDTO.riskEvaluationDTO.isShowEvaluationPoint =='1'?true:false
// this.$store.commit('updateAnswerType', updateAnswerType )
// // console.log(updateAnswerType,'updateAnswerType');
// this.renovate = new Date().getTime()
// }
this.renovate = new Date().getTime()
let riskDTOLst
if (isProposal) {
this.$CacheUtils.setLocItem('saleInsuredInfo',JSON.stringify(resultData.content[0].appntDTO))//存储投保人信息
@@ -413,6 +430,11 @@
}
}
this.$toast.clear()
// 银保,保单形式,默认为电子+纸质,不可修改
if (this.$CacheUtils.getLocItem('branchType') == '14' && this.chooseProducts[0].mainRiskCode != 'GFRS_M0076' && this.chooseProducts[0].mainRiskCode != 'GFRS_M0077') {
this.isElecCont = '2'
this.isElecContDisabled = true
}
} else {
this.$toast(resultData.resultMessage)
}
@@ -823,7 +845,7 @@
}
if(this.manageComCode == '45') {
console.log(this.chooseProducts)
if(this.appntDTO.age >= 60) {
if(this.appntDTO.age >= 60 || this.branchType == '14') {
this.chooseProducts.map(item => {
if (item.insuYearFlag == 'A' || (item.insuYearFlag == 'Y' && item.insuYear != '1')) {
showFlag = true
@@ -1011,17 +1033,42 @@
}
saveOrderType(params).then(res => {
if(res.result == 0) {
this.$jump({
flag: 'h5',
extra: {
forbidSwipeBack: '1',
url: location.origin + '/#' + thismyurl,
needRefresh: '1'
},
routerInfo: {
path: thismyurl
getOrderDetail({orderNo: this.$route.query.orderNo,userAssessLogic:true}).then((res) => {
if(res.result == '0'){
this.assessFlag = res.orderDTO.orderInfoDTO.assessFlag
this.resultRiskType = res.orderDTO.orderInfoDTO.resultRiskType
console.log('this.assessFlag',this.assessFlag)
//return
if(this.assessFlag === '0'||this.assessFlag === '2'){ //需要填写问卷
this.$jump({
flag: 'h5',
extra: {
url: location.origin + '/#' + `/sale/questionEvaluate?orderNo=${this.$route.query.orderNo}`
},
routerInfo: {
path:`/sale/questionEvaluate?orderNo=${this.$route.query.orderNo}`
}
})
} else{
// if(this.assessFlag === '2'){
// this.$toast('已超过评估次数限制,无法重新评估')
// }
this.$jump({
flag: 'h5',
extra: {
forbidSwipeBack: '1',
url: location.origin + '/#' + '/sale/beneficiary?orderNo=' + this.$route.query.orderNo,
needRefresh: '1'
},
routerInfo: {
path: '/sale/beneficiary?orderNo=' + this.$route.query.orderNo,
}
})
}
}else{
this.$toast(res.resultMessage)
}
})
})
} else {
this.$toast(res.resultMessage)
}
@@ -1039,9 +1086,35 @@
}
})
}
},
goNext(){
this.$jump({
flag: 'h5',
extra: {
forbidSwipeBack: '1',
url: location.origin + '/#' + '/sale/beneficiary?orderNo=' + this.$route.query.orderNo,
needRefresh: '1'
},
routerInfo: {
path: '/sale/beneficiary?orderNo=' + this.$route.query.orderNo,
}
})
},
reStart(){
this.$jump({
flag: 'h5',
extra: {
url: location.origin + `/#/sale/questionEvaluate?orderNo=${this.$route.query.orderNo}`
},
routerInfo: {
path: `/sale/questionEvaluate?orderNo=${this.$route.query.orderNo}`
}
})
}
}
}
</script>
<style lang="scss" scoped>
@import '@/assets/sass/variables.scss';

View File

@@ -43,12 +43,12 @@ export default {
},
//投、被保险人年龄对险种的限制
ageLimit(resultData, vm, isApplicant,riskProductCode) {
let age, tips
let age, tips,maxAge
if (isApplicant) {
age = this.getSaleInsuredInfo().age
tips = '投保人年龄不适合此款险种,请选择其他险种!'
} else {
if(riskProductCode == 'GFRS_M0061' || riskProductCode == 'GFRS_M0102' || riskProductCode == 'GFRS_M0101'){
if(riskProductCode == 'GFRS_M0061' || riskProductCode == 'GFRS_M0102' || riskProductCode == 'GFRS_M0101' || riskProductCode == 'GFRS_M0114'){
age = this.getSaleInsuredPersonInfo().birthday?utilsAge.getAge29(this.getSaleInsuredPersonInfo().birthday, new Date()):this.getSaleInsuredPersonInfo().insuredAge
}else{
age = this.getSaleInsuredPersonInfo().birthday?utilsAge.getAgeByValue(this.getSaleInsuredPersonInfo().birthday, new Date()):this.getSaleInsuredPersonInfo().insuredAge
@@ -56,7 +56,22 @@ export default {
tips = '被保险人年龄不适合此款险种,请选择其他险种!'
}
let minAge = resultData.productTrialInfoDTO.ageRange && resultData.productTrialInfoDTO.ageRange.minAge
let maxAge = resultData.productTrialInfoDTO.ageRange && resultData.productTrialInfoDTO.ageRange.maxAge
if(riskProductCode == 'GFRS_M0111'){
if(this.getSaleInsuredPersonInfo().sex==0){
maxAge=70
}else {
maxAge=73
}
}else if(riskProductCode == 'GFRS_M0110'){
if(this.getSaleInsuredPersonInfo().sex==0){
maxAge=68
}else {
maxAge=70
}
}else{
maxAge = resultData.productTrialInfoDTO.ageRange && resultData.productTrialInfoDTO.ageRange.maxAge
}
;[age, minAge, maxAge] = [Number(age), Number(minAge), Number(maxAge)]
if (age > maxAge || age < minAge) {
vm.$toast(tips)

View File

@@ -1,7 +1,7 @@
<template>
<div>
<div id="capture" ref="generateImg" style="height: 100vh; overflow: hidden">
<img src="@/assets/images/list_img.png" alt="" />
<div style="">
<div id="capture" ref="generateImg" class="content" style="width: 100%;height: 100vh; overflow: hidden">
<!-- <img src="@/assets/images/list_img1.png" alt="" /> -->
<div class="box">
<div class="title">
<p class="organ">{{ orderList.manageComNameFull }}</p>
@@ -56,7 +56,7 @@ export default {
methods: {
getList() {
this.orderList = JSON.parse(localStorage.getItem('orderList'))
console.log('页面数据',this.orderList);
// console.log('页面数据',this.orderList);
},
// 将 Blob转base64
blobToBase64(blob) {
@@ -95,28 +95,25 @@ export default {
})
},
// 生成图片并下载
domToImage(domElement, quality, callback) {
console.log(location);
async domToImage(domElement, quality, callback) {
html2canvas(domElement, {
width: domElement.offsetWidth,
height: domElement.offsetHeight,
backgroundColor: '#fff',
scale: 1,
dpi: 300
dpi: 300,
useCORS: true,
allowTaint: true,
}).then((canvas) => {
// 转换canvas为PNG图片并压缩
this.$toast.loading({
duration: 1000, // 持续展示 toast
forbidClick: true, // 禁用背景点击
loadingType: 'spinner',
message: '加载中……'
})
canvas.toBlob(
(blob) => {
// const a = document.createElement('a')
// a.href = URL.createObjectURL(blob)
// a.download = '业绩贺报.png'
// a.click()
// let newimg = new Image()
// newimg.src = URL.createObjectURL(blob)
// newimg.onload = function () {
// URL.revokeObjectURL(newimg.src)
// callback(newimg)
// }
this.blobToBase64(blob).then((base64String) => {
base64Excel({ base64Img: base64String }).then(res => {
if (res.result == '0') {
@@ -130,6 +127,10 @@ export default {
.catch(() => {
this.$toast.fail('图片下载失败,请重新下载!')
})
setTimeout(() => {
localStorage.setItem("billingShow", true)
location.reload(true)
}, 1000)
}
})
@@ -141,6 +142,14 @@ export default {
)
})
},
downloadImage(dataUrl) {
const link = document.createElement('a')
link.download = '业绩贺报.png'
link.href = dataUrl
document.body.appendChild(link)
link.click()
document.body.removeChild(link)
},
downLoadImagesFunc() {
this.domToImage(this.$refs.generateImg)
},
@@ -152,6 +161,14 @@ export default {
</script>
<style lang="scss" scoped>
.content {
position: fixed;
top: 0;
left: 0;
background-image: url(../../../assets/images/list_img1.png);
background-size: 100% 100%;
background-repeat: no-repeat;
}
img {
height: 100%;
width: 100%;
@@ -159,7 +176,7 @@ img {
}
.box {
position: absolute;
position: fixed;
width: 80%;
height: 40%;
top: 38%;
@@ -169,8 +186,8 @@ img {
position: absolute;
width: 100%;
// left: 30%;
top: 24%;
font-weight: bold;
top: 18%;
font-weight: 500;
p {
display: flex;
@@ -178,21 +195,21 @@ img {
}
.organ {
font-size: 12px;
color: #333333;
font-size: 13px;
color: #FFB870;
}
.name {
font-size: 17px;
color: #333333;
font-size: 32px;
color: #FFB870;
}
}
.pName {
position: absolute;
top: 44%;
top: 48%;
font-size: 15px;
color: #B1170C;
color: #D31300;
width: 100%;
display: flex;
justify-content: center;
@@ -201,9 +218,9 @@ img {
.type {
font-size: 22px;
color: #B1170C;
color: #D31300;
position: absolute;
top: 53%;
top: 55%;
width: 100%;
display: flex;
justify-content: center;
@@ -211,9 +228,9 @@ img {
.yuan {
font-size: 30px;
color: #B1170C;
color: #D31300;
position: absolute;
top: 67%;
top: 68%;
width: 100%;
text-align: center;
display: inline-block;
@@ -227,9 +244,9 @@ img {
.time {
font-size: 14px;
color: #333333;
color: #CA892C;
position: absolute;
top: 85%;
top: 84%;
width: 100%;
display: flex;
justify-content: center;

View File

@@ -64,9 +64,9 @@ export default {
needGettingKey: ['name', 'ysbb', 'ysjs', 'bzbf', 'cbjs'],
tableColumns: [
{ name: '机构', key: 'name' },
{ name: '预收期交(万元)', key: 'ysbb' },
{ name: '预收保费(万元)', key: 'ysbb' },
{ name: '预收件数(件)', key: 'ysjs' },
{ name: '承保期交(万元)', key: 'bzbf' },
{ name: '承保保费(万元)', key: 'bzbf' },
{ name: '承保件数(件)', key: 'cbjs' }
],
values: [],

View File

@@ -5,7 +5,7 @@
<div class="header-left">
<van-button>
<img :src="point" />
<span class="ml5 mr5">期交</span>
<span class="ml5 mr5">保费</span>
</van-button>
</div>
<div class="header-center">

View File

@@ -94,30 +94,30 @@ export default {
[
[
{ isInt: false, name: '机构', key: 'name' },
{ isInt: false, name: '预收期交(万元)', key: 'ysbb' },
{ isInt: false, name: '预收保费(万元)', key: 'ysbb' },
{ isInt: true, name: '预收件数(件)', key: 'ysjs' },
{ isInt: false, name: '承保期交(万元)', key: 'bzbf' },
{ isInt: false, name: '承保保费(万元)', key: 'bzbf' },
{ isInt: true, name: '承保件数(件)', key: 'cbjs' }
],
[
{ isInt: false, name: '机构', key: 'name' },
{ isInt: false, name: '预收期交(万元)', key: 'ysbb' },
{ isInt: false, name: '预收保费(万元)', key: 'ysbb' },
{ isInt: true, name: '预收件数(件)', key: 'ysjs' },
{ isInt: false, name: '承保期交(万元)', key: 'bzbf' },
{ isInt: false, name: '承保保费(万元)', key: 'bzbf' },
{ isInt: true, name: '承保件数(件)', key: 'cbjs' },
{ isInt: false, name: '承保同比', key: 'cbtb' },
{ isInt: false, name: '承保环比', key: 'cbhb' }
],
[
{ isInt: false, name: '机构', key: 'name' },
{ isInt: false, name: '承保期交(万元)', key: 'bzbf' },
{ isInt: false, name: '期交目标', key: 'bbmb' },
{ isInt: false, name: '期交目标达成率', key: 'bbmbdcl' },
{ isInt: false, name: '承保保费(万元)', key: 'bzbf' },
{ isInt: false, name: '保费目标', key: 'bbmb' },
{ isInt: false, name: '保费目标达成率', key: 'bbmbdcl' },
{ isInt: false, name: '差距', key: 'cj' }
],
[
{ isInt: false, name: '机构', key: 'name' },
{ isInt: false, name: '承保期交(万元)', key: 'bzbf' }
{ isInt: false, name: '承保保费(万元)', key: 'bzbf' }
]
],
[
@@ -131,7 +131,7 @@ export default {
],
[
{ isInt: false, name: '产品', key: 'productName' },
{ isInt: false, name: '承保期交(万元)', key: 'cbbb' },
{ isInt: false, name: '承保保费(万元)', key: 'cbbb' },
{ isInt: true, name: '承保件数(件)', key: 'cbItems' },
{ isInt: false, name: '保费占比(%)', key: 'percent' }
]

View File

@@ -11,7 +11,7 @@
<th>达成</th>
</tr>
<tr>
<td class="bleft bright">预收期交</td>
<td class="bleft bright">预收保费</td>
<td class="bright">{{ performance.ysbb | unitFilter(1) | blankFilter }}</td>
</tr>
<tr>
@@ -19,7 +19,7 @@
<td class="bright">{{ performance.ysjs | unitFilter(2) | blankFilter }}</td>
</tr>
<tr>
<td class="bleft bright">承保期交</td>
<td class="bleft bright">承保保费</td>
<td class="bright">{{ performance.bzbf | unitFilter(1) | blankFilter }}</td>
</tr>
<tr>
@@ -77,7 +77,7 @@
<table class="myTable" style="min-width: 140vw;" cellspacing="0" cellpadding="0">
<tr>
<th class="sticky">产品名称</th>
<th>承保期交(万元)</th>
<th>承保保费(万元)</th>
<th>承保件数()</th>
<th>保费占比(%)</th>
</tr>

View File

@@ -125,7 +125,7 @@ export default {
dayTimeCondition: currentDate,
// 0: 期交, 1: 人力, 2: 产品
typeIndex: 0,
dataTypes: ['期交', '人力指标', '产品'],
dataTypes: ['保费', '人力指标', '产品'],
active: 0,
// 侧边栏是否显示
isSideBarShow: false,

View File

@@ -2,7 +2,7 @@
<div ref="product" class="home-product-container pb20">
<!-- 非个险 -->
<template v-if="!isPersonalInsu">
<div class="home-product-content" v-if="branchType != '12'">
<div class="home-product-content" v-if="branchType != '12' && branchType != '14'">
<!-- 产品中心 -->
<div class="pcenter-title flex pt10 mr20 mb10 ml15 justify-content-s align-items-c" style="height: 30px;">
<h3 class="center-title fs15 pl10" style="border-left: 4px solid red;">知识社区</h3>
@@ -34,7 +34,7 @@
</div>
</div>
<div style="height: 10px;width: 100%;background-color: #f5f5f5;" />
<div class="home-product-content">
<div class="home-product-content" v-if="branchType != '14'">
<!-- 产品中心 -->
<div class="pcenter-title flex pt10 mr20 mb10 justify-content-s align-items-c">
<h3 class="center-title fs15 pl10 ml15" style="border-left: 4px solid red;">产品中心</h3>
@@ -113,8 +113,8 @@
</div>
</div>
<div style="height: 10px;width: 100%;background-color: #f5f5f5;" />
<div class="home-product-content">
<!-- 产品中心 -->
<div class="home-product-content" v-if="branchType != '14'">
<!-- 银保渠道不显示 产品中心 -->
<div class="pcenter-title flex pt10 mr20 mb10 justify-content-s align-items-c">
<img class="title-img" :src="productCenterImgUrl" />
<span class="more fs13 c-gray-base" @click="getMore"><span>查看更多</span><van-icon name="arrow"/></span>
@@ -122,15 +122,26 @@
<div class="home-product-pcenter">
<div class="pcenter-list mr20 mb10 ml15">
<div class="pcenter-item text-center">
<img src="../../../assets/images/home_product_center_m0092.png" style="width: 100%;" @click="goDetail('GFRSPRO_M0095')" />
<img src="../../../assets/images/home_product_center_m0105.png" style="width: 100%;" @click="goDetail('GFRSPRO_M0105')" />
</div>
<div class="pcenter-item text-center">
<img src="../../../assets/images/home_product_center_m0094.png" style="width: 100%;" @click="goDetail('GFRSPRO_M0094')" />
<img src="../../../assets/images/home_product_center_m0109.png" style="width: 100%;" @click="goDetail('GFRSPRO_M0109')" />
</div>
</div>
</div>
</div>
</template>
<template>
<!-- 后台配置图 -->
<div class="home-product-content pt20" v-if="branchType == '14'">
<div class="pcenter-list mr20 mb10 ml15">
<div class="pcenter-item text-center">
<img src="../../../assets/images/home-companyProfile.png" style="width: 100%" alt=""/>
</div>
</div>
</div>
</template>
</div>
</template>
@@ -140,6 +151,7 @@ import performance from '@/assets/images/goodStart/performanceIcon.png'
import product from '@/assets/images/goodStart/product.png'
import { getAgentInfo } from '@/api/ebiz/my/my'
import { getCongratulationList } from '@/api/ebiz/congratulation/congratulation.js'
import { getHomeBottomPic } from '@/api/ebiz/product/product.js'
import dateUtil from '@/assets/js/utils/date-utils.js'
// import { orgShortNames } from '@/assets/js/utils/orgShortName'
import CacheUtils from '@/assets/js/utils/cacheUtils'
@@ -157,7 +169,7 @@ export default {
isGoodStart: '0', // 是否开门红 0-默认
isPersonalInsu: true, // 是否个险渠道
isInner: false,
organizationTheads: ['排名', '机构', '当日预收(期交)', '月预收期交', '日承保期交', '月承保期交'],
organizationTheads: ['排名', '机构', '当日预收(保费)', '月预收保费', '日承保保费', '月承保保费'],
performanceTheads: ['排名', '姓名', '营销服务部', '预收期交', '承保期交'],
organizationData: [],
performanceData: [],
@@ -170,7 +182,8 @@ export default {
productCenterImgUrl: '', // 产品中心图片
productCenterKmhImgUrl: this.$assetsUrl + 'images/goodStart/productKmh.png', // 产品中心开门红图片
productCenterNormalImgUrl: this.$assetsUrl + 'images/goodStart/product.png', // 产品中心普通蓝色图片
personalInsu: ['1','N1','N2','N3','N5','T','S','JZG'] // 个险渠道编码及其他展示个险渠道类型的渠道编码
personalInsu: ['1','N1','N2','N3','N5','T','S','JZG'], // 个险渠道编码及其他展示个险渠道类型的渠道编码
homeBottomPicUrl: null
}
},
computed: {
@@ -193,6 +206,16 @@ export default {
}
},
methods: {
async getHomeBottomImg() {
const result = await getHomeBottomPic({ operateType: 'nonRealYB' })
if (result.result === '0' && result.content && result.content.length > 0) {
const timestamp = new Date().getTime()
const originalUrl = result.content[0].picUrl
this.homeBottomPicUrl = originalUrl.includes('?')
? `${originalUrl}&t=${timestamp}`
: `${originalUrl}?t=${timestamp}`
}
},
async getTableData() {
let currMonth = dateUtil.formatDate(new Date(), 'yyyy-MM-dd')
let data = await getCongratulationList({ date: currMonth, queryType: 'm', type: 'kmh' })
@@ -234,11 +257,14 @@ export default {
// 内外勤判断
this.isInner = /^N{1}/.test(result.branchType) || /^S/.test(result.branchType) || /^T/.test(result.branchType) || /^JZG/.test(result.branchType) // 判断是否内勤
this.branchType = result.branchType //6 网销渠道
this.isGoodStart = result.showTemplateKmh === 'KMH'? '1':'2' // 判断是否开门红 1-开门红 2-否
this.isPersonalInsu = this.personalInsu.indexOf(result.branchType) > -1 // 判断是否个险渠道
this.organizationImgUrl = this.isGoodStart =='1'?this.organizationKmhImgUrl:this.organizationNormalImgUrl
this.performanceImgUrl = this.isGoodStart =='1'?this.performanceKmhImgUrl:this.performanceNormalImgUrl
this.productCenterImgUrl = this.isGoodStart =='1'?this.productCenterKmhImgUrl:this.productCenterNormalImgUrl
this.isGoodStart = result.showTemplateKmh === 'KMH' ? '1' : '2' // 判断是否开门红 1-开门红 2-否
this.isPersonalInsu = this.personalInsu.indexOf(result.branchType) > -1 // 判断是否个险渠道
this.organizationImgUrl = this.isGoodStart == '1' ? this.organizationKmhImgUrl : this.organizationNormalImgUrl
this.performanceImgUrl = this.isGoodStart == '1' ? this.performanceKmhImgUrl : this.performanceNormalImgUrl
this.productCenterImgUrl = this.isGoodStart == '1' ? this.productCenterKmhImgUrl : this.productCenterNormalImgUrl
if (this.branchType == '14') {
// this.getHomeBottomImg()
}
} else {
this.$toast(result.resultMessage)
}

View File

@@ -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' ? '男' : '女' }}&nbsp;{{ pageShowInfo.showInsuredDTO.insuredAge }}周岁</label
>{{ pageShowInfo.showInsuredDTO.sex == '0' ? '男' : '女'
}}&nbsp;{{ 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' ? '男' : '女' }}&nbsp;{{ pageShowInfo.appntDTO.age }}周岁</label>
<label class="fs13 color_666666 lh20">{{ pageShowInfo.appntDTO.sex == '0' ? '男' : '女'
}}&nbsp;{{ 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">&ensp;</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 }}&emsp;<img class="img_10" src="@/assets/images/proposal/proposal_select_down.png" />
{{ pageShowInfo.showInsuredDTO.checkAge }}&emsp;<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">&ensp;</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">&ensp;</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">&ensp;</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()
@@ -805,6 +869,7 @@ export default {
item01.mainRiskCode == 'GFRS_M0085' ||
item01.mainRiskCode == 'GFRS_M0098' ||
item01.mainRiskCode == 'GFRS_M0103' ||
item01.mainRiskCode == 'GFRS_M0112' ||
item01.mainRiskCode == 'GFRS_M0100'
) {
that.ispremshow = false
@@ -1133,36 +1198,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 +1245,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 +1351,7 @@ export default {
margin-top: 25px;
margin-bottom: 15px;
}
.risk_head {
border-top-right-radius: 6px;
border-top-left-radius: 6px;
@@ -1265,43 +1361,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 +1416,7 @@ export default {
padding: 0px 25px;
color: #ffffff;
}
.no_check_risk_type {
height: 30px;
line-height: 30px;
@@ -1319,15 +1426,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 +1449,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 +1465,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 +1483,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 +1536,7 @@ export default {
margin-top: 20px;
margin-bottom: 10px;
}
.duty_by_duty {
.head_radis {
width: 6px;
@@ -1420,72 +1544,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 +1636,7 @@ export default {
background-color: transparent;
border: 0;
}
.img_12 {
width: 22px;
height: 80px;
@@ -1505,14 +1647,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 +1668,7 @@ export default {
z-index: 99;
margin-left: -10px;
}
.triangle_shadow {
border-left: 10px solid transparent;
border-right: 10px solid transparent;
@@ -1534,16 +1680,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 +1701,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%;

View File

@@ -786,24 +786,24 @@ export default {
})
if (res.result == 0) {
this.renovate = new Date().getTime()
if(res.orderDTO.riskEvaluationDTO.isShowEvaluationPoint == '1'&&res.orderDTO.riskEvaluationDTO.totalScore == null){
Dialog.alert({
title: '提示',
message: '您当前未完成测评,请完成后再进行后续操作',
theme: 'round-button',
}).then(() => {
this.$jump({
flag: 'h5',
extra: {
url: location.origin + '/#/sale/answerPage',
},
routerInfo: {
path: '/sale/answerPage'
}
})
// on close
})
}
// if(res.orderDTO.riskEvaluationDTO.isShowEvaluationPoint == '1'&&res.orderDTO.riskEvaluationDTO.totalScore == null){
// Dialog.alert({
// title: '提示',
// message: '您当前未完成测评,请完成后再进行后续操作',
// theme: 'round-button',
// }).then(() => {
// this.$jump({
// flag: 'h5',
// extra: {
// url: location.origin + '/#/sale/answerPage',
// },
// routerInfo: {
// path: '/sale/answerPage'
// }
// })
// // on close
// })
// }
this.appntDTO = res.orderDTO.appntDTO

View File

@@ -141,6 +141,7 @@
</div>
<van-field
v-model="userInfo.yearSalary"
v-if="Number(branchType) !== 14"
label="平均年收入(万元)"
name="平均年收入"
required
@@ -356,7 +357,8 @@ export default {
isInsured: false, //是投保人本人,
Insured: false, //投保人本人按钮是否置灰
idLimit: false, //证件起止日期是否只读
saleInsuredPersonInfo: JSON.parse(this.$CacheUtils.getLocItem('saleInsuredPersonInfo')) //被保人信息
saleInsuredPersonInfo: JSON.parse(this.$CacheUtils.getLocItem('saleInsuredPersonInfo')), //被保人信息
branchType:''
}
},
mounted() {
@@ -366,6 +368,9 @@ export default {
} else {
this.Insured = false
}
if(window.localStorage.getItem('branchType') || this.$route.query.branchType) {
this.branchType = window.localStorage.getItem('branchType')
}
},
methods: {
setCustomerMarriage(marriageCode) {
@@ -1319,6 +1324,13 @@ export default {
this.userInfo.certiexpiredate = String(Number(this.userInfo.certificateValidate.slice(0, 4)) + 16) + this.userInfo.certificateValidate.slice(4, 11)
}
}
if (idToData(val).age < 18) {
this.userInfo.marriageStatus = this.branchType == '14' ? '未婚' : this.userInfo.marriageStatus
this.userInfo.marriage = this.branchType == '14' ? 2 : this.userInfo.marriage
}else{
this.userInfo.marriageStatus = this.branchType == '14' ? '' : this.userInfo.marriageStatus
this.userInfo.marriage = this.branchType == '14' ? null : this.userInfo.marriage
}
//受益人证件类型如果是户口本时证件截止日期证件截止日期应为第16周岁的生日日期
// if(this.userInfo.idType == '2' && idToData(this.userInfo.idNo).age <16){

View File

@@ -73,6 +73,21 @@
:max-count="20"
/>
</div>
<van-cell-group v-if="isEvalateNeed">
<van-field label="投保人适当性评估文件及投保人声明附件上传" disabled class="evalate-need"/>
</van-cell-group>
<div v-if="isEvalateNeed" @click="test('fileListEvalte', '30', '0', saleInsuredInfo.appntId, saleInsuredInfo.idType)">
<van-uploader
name="fileListEvalte"
v-model="fileListEvalte"
:after-read="afterRead"
@delete="deleteImg"
:before-delete="beforeDelete"
class="mt10 ml20"
:max-count="20"
/>
</div>
</div>
</div>
</div>
@@ -211,7 +226,7 @@
</div>
</div>
</div>
</div>
</div>
</div>
<div class="ml30 mt30 mb80">
<van-radio-group v-model="radio">
@@ -269,6 +284,7 @@ export default {
fileListIdFrontBeneficiary: [], // 受益人身份证正面
fileListIdBackBeneficiary: [], // 受益人身份证反面
fileLIstImgBeneficiary: [], // 受益人其他类型页面
fileListEvalte:[], //测评不通过需要上传的图片
bnfInfo:[], // 受益人
isDisabledBnf:true,
radio: '', // 单选框
@@ -291,30 +307,34 @@ export default {
subBusinessNo: '',
subBusinessType: '',
changeCard: localStorage.changeCard,
isEvalateNeed:false
}
},
async created() {
//如果是从编辑进来的
let res= await getOrderDetail({ orderNo: this.$route.query.orderNo })
let res= await getOrderDetail({ orderNo: this.$route.query.orderNo,userAssessLogic:true })
console.log('res',res.orderDTO.orderInfoDTO.assessFlag)
this.isEvalateNeed = res.orderDTO.orderInfoDTO.assessFlag==='1'?true:false
console.log('this.isEvalateNeed',this.isEvalateNeed)
if (res.result == 0) {
if(res.orderDTO.riskEvaluationDTO.isShowEvaluationPoint == '1'&&res.orderDTO.riskEvaluationDTO.totalScore == null){
Dialog.alert({
title: '提示',
message: '您当前未完成测评,请完成后再进行后续操作',
theme: 'round-button',
}).then(() => {
this.$jump({
flag: 'h5',
extra: {
url: location.origin + '/#/sale/answerPage',
},
routerInfo: {
path: '/sale/answerPage'
}
})
// on close
})
}
// if(res.orderDTO.riskEvaluationDTO.isShowEvaluationPoint == '1'&&res.orderDTO.riskEvaluationDTO.totalScore == null){
// Dialog.alert({
// title: '提示',
// message: '您当前未完成测评,请完成后再进行后续操作',
// theme: 'round-button',
// }).then(() => {
// this.$jump({
// flag: 'h5',
// extra: {
// url: location.origin + '/#/sale/answerPage',
// },
// routerInfo: {
// path: '/sale/answerPage'
// }
// })
// // on close
// })
// }
//是投保人还是被保险人
localStorage.accountInformationRadio = res.orderDTO.orderAccountDTO.accountType
//投被保险人关系
@@ -563,7 +583,12 @@ export default {
if (detail.name == 'fileListIdFront') {
this.fileListIdFront = []
this.deleteImg(file, 'fileListIdFront')
} else if (detail.name == 'fileListIdBack') {
}else if (detail.name == 'fileListEvalte') {
this.fileListEvalte = []
this.deleteImg(file, 'fileListEvalte')
}
else if (detail.name == 'fileListIdBack') {
this.fileListIdBack = []
this.deleteImg(file, 'fileListIdBack')
} else if (detail.name == 'fileLIstImg') {
@@ -911,6 +936,8 @@ export default {
that.list.map((i) => {
delete i.name
})
// console.log('that.list',that.list)
// return
let nowTime = new Date().getTime()
let localTime = window.localStorage.getItem('serrorTime')
if(nowTime - localTime < 20000){
@@ -1091,4 +1118,10 @@ export default {
/deep/ .van-field__label{
width: 50vw;
}
/deep/ .evalate-need{
.van-field__label{
width: 100%;
}
}
</style>

View File

@@ -72,7 +72,7 @@ export default {
bnfFlag: '0', // 受益人类型
bnfType: '0', // 0 身故受益人 1 身前受益人
salePageFlag: '4',
isShowEvaluationPoint:'0'
//isShowEvaluationPoint:'0'
}
},
created() {
@@ -85,7 +85,7 @@ export default {
} else {
getOrderDetail({ orderNo: this.$route.query.orderNo }).then(res => {
if (res.result == 0) {
this.isShowEvaluationPoint = res.orderDTO.riskEvaluationDTO.isShowEvaluationPoint
//this.isShowEvaluationPoint = res.orderDTO.riskEvaluationDTO.isShowEvaluationPoint
this.renovate = new Date().getTime()
this.$utils.intLocalStorage(res)
this.type = res.orderDTO.orderInfoDTO.bnfFlag == '1' ? '2' : '1' //bnfFlag 0-法定受益人 1-指定受益人

View File

@@ -4,6 +4,7 @@
<!-- 保单信息 -->
<van-collapse-item title="投保单信息" name="1" class="pb10 pt10">
<van-cell-group>
<van-cell title="网点名称" :value="branchName" v-if="branchType == 14"/>
<van-cell title="投保单号" :value="OrderInfoDTO.orderNo" />
<van-cell title="投保日期" :value="OrderInfoDTO.appntDateLabel" />
<van-cell title="订单状态" :value="OrderInfoDTO.orderStatus | orderStatusFilter" />
@@ -114,6 +115,9 @@ import { getDetail } from '@/api/ebiz/sale/sale'
import { formatAllRisk } from '@/assets/js/utils/formatRiskList'
import dataDictionary from '@/assets/js/utils/data-dictionary'
import { getQuestionList } from '@/api/ebiz/questions'
import { getAgentInfo } from '@/api/ebiz/my/my'
import { getCheckModelAgentInfo } from '@/api/ebiz/common/common'
export default {
data() {
return {
@@ -132,17 +136,19 @@ export default {
contNo: '',
list: [],
reason: '',
problemList: []
problemList: [],
branchName: '',
}
},
created() {
this.getAgentInfo()
// 获取保单详情
this.getPolicyDetail()
},
mounted() {
if(window.localStorage.getItem('branchType') == '13') {
this.branchType = '13'
}
}
},
components: {
[Collapse.name]: Collapse,
@@ -152,6 +158,19 @@ export default {
[Button.name]: Button
},
methods: {
async getAgentInfo() {
const result = await getAgentInfo({})
if (result.result == '0') {
this.branchType = result.branchType || window.localStorage.getItem('branchType')
if (this.branchType == '14') {
// 网点名称
const res = await getCheckModelAgentInfo({})
if (res.result == 0) {
this.branchName = res.comName
}
}
}
},
// 获取保单详情
async getPolicyDetail() {
let data = {

View File

@@ -12,6 +12,12 @@
<van-field v-model="projectDTO.personCode" label="录单人工号" name="录单人工号" readonly placeholder="请输入"/>
<van-field v-model="projectDTO.leaderCode" label="出单人工号" name="出单人工号" readonly placeholder="请输入"/>
<!-- <van-field :value="projectDTO.departmentName" @click="toSelect('GBCKS')" readonly required label="部门/科室" name="部门/科室" right-icon="arrow" placeholder="请选择"/>-->
</van-cell-group>
<!-- 保单信息 -->
<van-cell-group :border="false" v-if="branchType == 14">
<p style="border-bottom: 1px solid #ebedf0" class="fs15 fwb pl10 mt10 pv12">保单信息</p>
<van-field v-model="insureInfo.branchName" label="网点名称" name="网点名称" readonly placeholder="请输入"/>
<van-field v-model="insureInfo.orderNo" label="投保单号" name="投保单号" readonly placeholder="请输入"/>
</van-cell-group>
<van-cell-group class="mt10">
<p style="border-bottom: 1px solid #ebedf0" class="fs15 fwb pl10 pv12">基本信息</p>
@@ -136,14 +142,18 @@
v-validate="'required|mobileLength11|mobileStartWith1|mobile'"
maxlength="11"
/>
<van-field
<div class="no-border">
<van-field
v-model="userInfo.email"
required
:required="Number(branchType)!==14"
label="电子邮箱"
name="电子邮箱"
placeholder="请输入"
v-validate="'required|email'"
v-validate="Number(branchType) !== 14 ? 'required|' : '' +'|email'"
clearable />
</div>
<p class="email-tip" v-if="branchType == '14'">用于接收电子保单及相关服务通知</p>
<van-field
v-model="userInfo.stature"
label="身高(cm)"
@@ -214,7 +224,7 @@
v-validate="'required'"
@click="toSelect('3')"
/> -->
<select-radio :radios="medicalRadio" v-validate="'required'" label="有无社保" name="有无社保" required :value.sync="userInfo.medical"></select-radio>
<select-radio v-if="Number(branchType)!==14" :radios="medicalRadio" v-validate="'required'" label="有无社保" name="有无社保" required :value.sync="userInfo.medical"></select-radio>
<van-field
:value="userInfo.taxResidentId | idToText('taxIdentity')"
readonly
@@ -252,6 +262,7 @@
placeholder="请选择"
v-validate="'required'"
@click="toSelect('8')"
v-if="branchType != '14'"
/>
<van-field
v-show="isShowOthenSalarySource"
@@ -281,6 +292,7 @@
v-validate="'required|onlyNumber'"
clearable
maxlength="5"
v-if="branchType != '14'"
>
<div slot="label" class="flex flex-wrap">
<span>负债金额</span>
@@ -321,7 +333,7 @@
v-validate="'required'"
@click="toSelect('9')"
/> -->
<select-radio required :radios="Asyncs" label="是否协同工作单位" name="是否协同工作单位" v-validate="'required'" :value.sync="userInfo.isAsync"></select-radio>
<select-radio required :radios="Asyncs" label="是否协同工作单位" name="是否协同工作单位" v-validate="'required'" :value.sync="userInfo.isAsync" v-if="branchType != '14'"></select-radio>
<SearchField
:isAsync="userInfo.isAsync == 1"
@workcompanys="workcompanys"
@@ -330,6 +342,7 @@
placeholder="无工作单位,请输入无"
v-validate="'required'"
name="工作单位"
v-if="branchType != '14'"
/>
<!-- <van-field
v-model="areaName"
@@ -402,7 +415,11 @@
<!-- <van-field v-model="userInfo.homeZip" required label="邮编" name="邮编" placeholder="请输入" v-validate="'required|zipCode'" maxlength="6" clearable /> -->
<!-- <van-field v-model="userInfo.homePhone" label="家庭电话" name="家庭电话" placeholder="非必填" maxlength="13" clearable /> -->
</van-cell-group>
<van-button type="danger" class="bottom-btn" @click="nextStep" v-no-more-click="1000">下一步</van-button>
<div class="bottom-btn flex">
<van-button color="#E9332E" plain v-no-more-click="1000" @click="generateInsureNo" v-if="branchType == '14'">生成投保单号</van-button>
<van-button type="danger" @click="nextStep" v-no-more-click="1000" class="flex1">下一步</van-button>
</div>
<!-- <van-button type="danger" class="bottom-btn" @click="nextStep" v-no-more-click="1000">下一步</van-button> -->
<!-- 字段选择 -->
<van-popup v-model="popupShow" position="bottom"><van-picker show-toolbar :columns="columns" @confirm="onConfirm" @cancel="popupShow = false" /></van-popup>
@@ -442,6 +459,52 @@
<van-button type="danger" block style="font-size: 14px;" @click="thisdoubledialogfunc">确定</van-button>
</div>
</van-dialog>
<van-dialog v-model="insureNoshow" :showConfirmButton="false">
<div slot="title">
<p style="color: #e9332e">生成投保单号</p>
</div>
<div style="padding: 20px 15px 30px; font-size: 14px" v-if="!insureInfo.orderNo">
<div style="line-height: 25px">请您输入证件号码输入完成后系统将自动生成投保单号</div>
<van-field
:value="insuredDialogInfo.idType | idToText('insuredIdType')"
v-validate="'required'"
readonly
required
label="证件类型"
name="证件类型"
right-icon="arrow"
placeholder="请选择"
@click="toSelect('dialogInsuredIdType')"
/>
<van-field
v-model="insuredDialogInfo.idNo"
maxlength="18"
required
label="证件号码"
v-validate="'required'"
name="证件号码"
placeholder="请输入投保人证件号码"
clearable
@blur="idNoVerification(insuredDialogInfo.idNo)"
>
</van-field>
</div>
<div style="padding: 20px 15px 30px; font-size: 14px" v-if="insureInfo.orderNo">
<div style="line-height: 25px">根据您输入的证件号码我们己为您生成投保单号</div>
<div style="line-height: 25px">{{ insureInfo.orderNo }}</div>
</div>
<div style="text-align: center; margin-bottom: 30px">
<van-button round type="danger" size="small" style="padding: 0px 35px; font-size: 14px;margin-right: 30px;" @click="insureBack()" v-if="!insureInfo.orderNo"
>退出</van-button
>
<van-button round type="danger" size="small" style="padding: 0px 35px; font-size: 14px" @click="insureConfirm()" v-if="!insureInfo.orderNo"
>确定</van-button
>
<van-button round type="danger" size="small" style="padding: 0px 35px; font-size: 14px" @click="insureNoCompleted()" v-if="insureInfo.orderNo"
>完成</van-button
>
</div>
</van-dialog>
</div>
</template>
<script>
@@ -466,6 +529,8 @@
import SearchField from '@/components/common/SearchField'
import riskRules from '@/views/ebiz/common/risk-rules'
import { gbcProjectDetail, getDepartmentByProjectNo } from '@/api/GBC/GBC'
import { getCheckModelAgentInfo } from '@/api/ebiz/common/common'
import { getAgentInfo } from '@/api/ebiz/my/my'
export default {
name: 'insuredInfo',
@@ -624,10 +689,19 @@
salePageFlag: '1',
userWorkcompanys: [], //单位数据
manageComCode:'',//代理人管理机构 52贵州 45广西
areaValue:'' //代理人管理机构--省级编号
areaValue:'', //代理人管理机构--省级编号
insureNoshow: false, // 生成保单弹窗
insureInfo: {
branchName: '',
orderNo: '',
},
insuredDialogInfo: {
idType:'',
idNo:'',
},
}
},
created() {
async created() {
this.specilFlag = this.$route.query.specilFlag
localStorage.removeItem('bankCardUrlPath')
localStorage.removeItem('bankCard')
@@ -637,7 +711,10 @@
localStorage.removeItem('imgfrontInsuredPath')
localStorage.removeItem('imgBackPath')
localStorage.removeItem('imgBackInsuredPath')
if(window.localStorage.getItem('branchType')){
localStorage.removeItem('branchType')
}
await this.getAgentInfo()
// document.body.style.backgroundColor = '#F5F5F5'
//如果是编辑/导航进来
// this.isElecCont = '0'
@@ -648,6 +725,8 @@
this.renovate = new Date().getTime()
//投保人信息返显
this.userInfo = res.orderDTO.appntDTO
// 保单信息-投保单号返显
this.insureInfo.orderNo = this.userInfo.orderNo || ''
this.setCustomerMarriage(res.orderDTO.appntDTO.marriage)
//是否长期
this.userInfo.effectiveDateType = res.orderDTO.appntDTO.effectiveDateType == 'false' ? false : true
@@ -705,6 +784,7 @@
}
},
async mounted() {
setTimeout(() => {
// eslint-disable-next-line no-undef
EWebBridge.webCallAppInJs('webview_left_button', {
@@ -738,6 +818,84 @@
}
},
methods: {
async getAgentInfo() {
const result = await getAgentInfo({})
if (result.result === '0') {
this.branchType = result.branchType
localStorage.setItem('branchType', this.branchType)
if(this.branchType == '14'){
this.userInfo.isAsync = this.branchType == '14' ? null : 0
// 网点名称
const userInfo = await getCheckModelAgentInfo({})
if(userInfo.result == 0) {
this.insureInfo.branchName = userInfo.comName
}
}
}
},
idNoVerification(val) {
if (this.insuredDialogInfo.idType == '1') {
if (!idNoCheck.isIdno(val)) {
this.insuredDialogInfo.idNo = ""
return this.$toast('您填写的证件号码有误')
}
}
},
generatePolicyNo(){
let params = {
orderType: 'ORDER_NO',
orderDTO: {
orderInfoDTO: {
orderNo: this.$route.query.orderNo,
isElecCont: this.isElecCont
},
appntDTO: {}
}
}
params.orderDTO.appntDTO.idType = this.insuredDialogInfo.idType
params.orderDTO.appntDTO.idNo = this.insuredDialogInfo.idNo
saveOrUpdateOrderInfo(params).then((res) => {
if (res.result == 0) {
this.insureInfo.orderNo = res.orderNo
this.insureNoshow = true
} else {
this.$toast(res.resultMessage)
}
})
},
// 生成保单号完成按钮
insureNoCompleted(){
this.insureNoshow = false
this.userInfo.idNo = this.insuredDialogInfo.idNo
this.getRelatedData(this.userInfo.idNo, 1)
},
// 生成保单号退出按钮
insureBack(){
this.insureNoshow = false
// 清空弹窗中的输入信息
this.insuredDialogInfo.idType = ''
this.insuredDialogInfo.idNo = ''
// 清空已生成的投保单号
this.insureInfo.orderNo = ''
},
// 生成保单号确认按钮
insureConfirm(){
if(!this.insuredDialogInfo.idNo) {
return this.$toast('请输入投保人证件号码!')
} else {
this.generatePolicyNo()
}
},
// 生成保单号
generateInsureNo(){
this.insuredDialogInfo.idType = this.userInfo.idType
this.insuredDialogInfo.idNo = this.userInfo.idNo
if (this.userInfo.idType && this.userInfo.idNo && !this.insureInfo.orderNo){
this.generatePolicyNo()
} else{
this.insureNoshow = true
}
},
getDepartmentByProjectNo(){
let params = {
@@ -904,6 +1062,8 @@
case 'GBCKS':
this.columns = this.departmentList
break
case 'dialogInsuredIdType':
this.columns = DataDictionary.insuredIdType
}
// if (pickerType == '1') {
@@ -990,6 +1150,9 @@
} else if (this.pickerType === 'GBCKS') {
this.projectDTO.departmentCode = value.id
this.projectDTO.departmentName = value.text
} else if (this.pickerType == 'dialogInsuredIdType') {
this.insuredDialogInfo.idNo = ''
this.insuredDialogInfo.idType = value.id
}
},
//证件起始截止日期
@@ -1054,7 +1217,7 @@
this.effectiveDateTypeAble = !(age > 45)
}
//年龄18周岁工作单位默认值为
if (age < 18) {
if (age < 18 && this.branchType != '14') {
this.userInfo.workcompany = this.userInfo.workcompany || '无'
}
if (this.userInfo.certificateValidate && !this.userInfo.certiexpiredate) {
@@ -1093,7 +1256,7 @@
}
this.userInfo.occupationCode = data.occupationCode //职业类别编码
this.userInfo.occupationName = data.occupationName //职业类别名称
this.userInfo.salarySource = data.salarySource //收入来源
this.userInfo.salarySource = this.branchType == '14' ? '' : data.salarySource //收入来源
this.userInfo.otherSalarySource = data.otherSalarySource // 其他收入来源
this.userInfo.lifeGrade = data.lifeGrade //寿险等级
this.userInfo.healthGrade = data.healthGrade //健康等级
@@ -1104,12 +1267,12 @@
this.userInfo.medical = data.socialSecurity //有无社保
this.userInfo.taxResidentId = data.residentStatus //税收居民身份
this.userInfo.averageAnnualIncome = data.averageYearlyIncome //平均年收入
this.userInfo.workcompany = this.specilFlag == '1' ? '' : data.workUnits //工作单位
this.userInfo.workcompany = this.branchType == '14' ? '' : this.specilFlag == '1' ? '' : data.workUnits //工作单位
// this.userInfo.jobStatus = data.jobStatus //工作情况
this.setCustomerMarriage(data.marryStatus)
// this.userInfo.familyAnnualIncome = data.familyAnnualIncome //家庭年收入
this.userInfo.email = data.email //电子邮箱
this.userInfo.liabilitiesMoney = data.liabilitiesMoney //负债金额
this.userInfo.liabilitiesMoney = this.branchType == '14' ? '' : data.liabilitiesMoney //负债金额
// this.userInfo.companyProvince = data.companyProvince //单位省
// this.userInfo.companyCity = data.companyCity //单位市
// this.userInfo.companyArea = data.companyArea //单位区
@@ -1160,6 +1323,9 @@
// }
// .then(valid => {
if (true === valid) {
if(this.branchType == "14" &&!this.insureInfo.orderNo){
return this.$toast('投保单号不能为空,请先生成投保单号~')
}
localStorage.chooseProductCodesNew = localStorage.chooseProductCodes
// 计算年龄
let age = utilsAge.getAge(this.userInfo.birthday, new Date())
@@ -1308,11 +1474,11 @@
// this.userInfo.occupationCode == '8000001'
// ) {
// }
if (!this.userInfo.workcompany) {
if (!this.userInfo.workcompany && this.branchType != '14') {
this.userInfo.workcompany = '无'
}
if (this.userInfo.salarySource == '4') {
if (this.userInfo.salarySource == '4' && this.branchType != '14') {
if (!this.userInfo.otherSalarySource) {
return this.$toast('请输入其它收入来源')
}
@@ -1390,7 +1556,7 @@
return this.$toast('亲,国籍为外籍,证件类型必须为护照或外国人永久居留身份证投保')
}
}
if (this.userInfo.isAsync == 1) {
if (this.userInfo.isAsync == 1 && this.branchType != '14') {
if (
!this.userWorkcompanys.some((item) => {
return item.asscompanies == this.userInfo.workcompany
@@ -1452,10 +1618,13 @@
orderType: 'APPNT_ORDER',
orderDTO: {
orderInfoDTO: {
orderNo: this.$route.query.orderNo,
orderNo: this.$route.query.orderNo ? this.$route.query.orderNo : this.branchType=="14" && this.insureInfo.orderNo ? this.insureInfo.orderNo : null,
isElecCont: this.isElecCont
},
appntDTO: {}
appntDTO: {},
userModel: {
branchType: this.branchType
}
}
}
this.thismystr = ''
@@ -1513,10 +1682,10 @@
this.$jump({
flag: 'h5',
extra: {
url: location.origin + `/#/sale/insuredPerson?${this.thismystr}` + '&orderNo=' + this.thismyorderNo,
url: location.origin + `/#/sale/insuredPerson?${this.thismystr}` + '&orderNo=' + this.thismyorderNo + '&branchType=' + this.branchType,
},
routerInfo: {
path: `/sale/insuredPerson?${this.thismystr}` + '&orderNo=' + this.thismyorderNo,
path: `/sale/insuredPerson?${this.thismystr}` + '&orderNo=' + this.thismyorderNo + '&branchType=' + this.branchType,
},
})
},
@@ -1613,7 +1782,7 @@
this.userInfo.birthday = idToData(val).birthday
this.userInfo.sex = idToData(val).sex
//年龄小于18周岁工作单位默认值为
if (idToData(val).age < 18) {
if (idToData(val).age < 18 && this.branchType != '14') {
this.userInfo.workcompany = this.userInfo.workcompany || '无'
}
if (idToData(val).age > 45) {
@@ -1660,4 +1829,16 @@
margin-top: 45px;line-height: 24px;text-indent: 2em;letter-spacing: 1px;padding: 2px 10px;
}
}
.no-border {
/deep/.van-cell {
border-bottom: none;
}
}
.email-tip {
color: #999;
margin: 0 0 10px 20px;
padding: 5px 0 10px 85px;
border-bottom: 1px solid #eee;
font-size: 14px;
}
</style>

View File

@@ -170,24 +170,26 @@
:readonly="isAppnt"
/> -->
<van-field
v-if="Number(branchType)!==14"
v-model="userInfo.stature"
label="身高(cm)"
name="身高"
required
placeholder="请输入单位cm"
v-validate="'required|onlyNumber|stature'"
v-validate="Number(branchType)!==14? '' :'required|' + 'onlyNumber|stature'"
clearable
maxlength="5"
:readonly="isAppnt"
@blur="checkStature(userInfo.stature)"
/>
<van-field
v-if="Number(branchType)!==14"
v-model="userInfo.avoirdupois"
label="体重(kg)"
name="体重"
required
placeholder="请输入单位kg"
v-validate="'required|onlyNumber'"
v-validate="Number(branchType)!==14? '' :'required|' +'required|onlyNumber'"
clearable
:readonly="isAppnt"
@blur="checkAvoirdupois(userInfo.avoirdupois)"
@@ -231,6 +233,7 @@
@click="toSelect('3')"
/> -->
<select-radio
v-if="Number(branchType) !== 14"
:radios="medicalRadio"
label="有无社保"
name="有无社保"
@@ -276,6 +279,7 @@
placeholder="请选择"
v-validate="'required'"
@click="toSelect('9')"
v-if="branchType != '14'"
/>
<van-field
v-show="isShowOthenSalarySource"
@@ -307,6 +311,7 @@
clearable
maxlength="5"
:readonly="isAppnt"
v-if="branchType != '14'"
>
<div slot="label" class="flex flex-wrap"><span>负债金额</span><span>万元</span></div>
</van-field>
@@ -332,7 +337,7 @@
clearable
:readonly="isAppnt"
/> -->
<select-radio v-if="userInfo.relationToAppnt != 1" required :radios="Asyncs" label="是否协同工作单位" name="是否协同工作单位" v-validate="'required'" :value.sync="userInfo.isAsync"></select-radio>
<select-radio v-if="userInfo.relationToAppnt != 1 && Number(branchType) !== 14" required :radios="Asyncs" label="是否协同工作单位" name="是否协同工作单位" v-validate="'required'" :value.sync="userInfo.isAsync"></select-radio>
<SearchField
v-model="userInfo.workcompany"
@workcompanys="workcompanys"
@@ -341,6 +346,7 @@
placeholder="无工作单位,请输入无"
v-validate="'required'"
name="工作单位"
v-if="Number(branchType) !== 14 && userInfo.relationToAppnt != 1"
/>
<!-- <van-field
v-model="areaName"
@@ -647,11 +653,18 @@
userWorkcompanys:[],//单位数据
manageComCode:'',//代理人管理机构 52贵州 45广西
areaValue:'', //代理人管理机构--省级编号
renovate:''//是否展示风险测评
renovate:'',//是否展示风险测评
branchType:'',
}
},
created() {
this.specilFlag = this.$route.query.specilFlag
if(window.localStorage.getItem('branchType')) {
this.branchType = window.localStorage.getItem('branchType')
} else if(this.$route.query.branchType){
window.localStorage.setItem('branchType', this.$route.query.branchType)
this.branchType = this.$route.query.branchType
}
//如果是编辑/导航进来
// if (this.$route.query.edit) {
const orderNo = this.$route.query.orderNo
@@ -1169,10 +1182,10 @@
this.effectiveDateTypeAble = age <= 45
} else {
if (age < 16) {
this.userInfo.salarySource = 4
this.userInfo.salarySource = this.branchType == '14' ? null : 4
this.userInfo.otherSalarySource = '无'
this.userInfo.averageAnnualIncome = '0'
this.userInfo.liabilitiesMoney = '0'
this.userInfo.liabilitiesMoney = this.branchType == '14' ? '' : '0'
}
}
if (this.userInfo.certificateValidate && !this.userInfo.certiexpiredate) {
@@ -1282,7 +1295,7 @@
}
this.userInfo.occupationCode = data.occupationCode //职业类别编码
this.userInfo.occupationName = data.occupationName //职业类别名称
this.userInfo.salarySource = data.salarySource //收入来源
this.userInfo.salarySource = this.branchType == '14' ? null : data.salarySource //收入来源
this.userInfo.otherSalarySource = data.otherSalarySource // 其他收入来源
this.userInfo.lifeGrade = data.lifeGrade //寿险等级
this.userInfo.healthGrade = data.healthGrade //健康等级
@@ -1298,7 +1311,7 @@
this.setCustomerMarriage(data.marryStatus)
// this.userInfo.familyAnnualIncome = data.familyAnnualIncome //家庭年收入
// this.userInfo.email = data.email //电子邮箱
this.userInfo.liabilitiesMoney = data.liabilitiesMoney //负债金额
this.userInfo.liabilitiesMoney = this.branchType == '14' ? '' : data.liabilitiesMoney //负债金额
// this.userInfo.companyProvince = data.companyProvince //单位省
// this.userInfo.companyCity = data.companyCity //单位市
// this.userInfo.companyArea = data.companyArea //单位区
@@ -1643,7 +1656,7 @@
return this.$toast('0-7岁未成年人须由其父母投保请确定')
}
if (this.userInfo.salarySource == '4') {
if (this.userInfo.salarySource == '4' && this.branchType != '14') {
if (!this.userInfo.otherSalarySource) {
return this.$toast('请输入其它收入来源')
}
@@ -1781,6 +1794,9 @@
orderNo: this.$route.query.orderNo,
},
appntDTO: {},
userModel: {
branchType: this.branchType
}
},
}
if (this.userInfo.mediaDTOS == '') {
@@ -1990,13 +2006,18 @@
//年龄小于18周岁工作单位默认值为
if (idToData(val).age < 18) {
this.userInfo.workcompany = this.userInfo.workcompany || ''
this.userInfo.marriageStatus = this.branchType == '14' ? '未婚' : this.userInfo.marriageStatus
this.userInfo.marriage = this.branchType == '14' ? 2 : this.userInfo.marriage
} else {
this.userInfo.marriageStatus = this.branchType == '14' ? '' : this.userInfo.marriageStatus
this.userInfo.marriage = this.branchType == '14' ? null : this.userInfo.marriage
}
if (!from) {
if (idToData(val).age < 16) {
this.userInfo.salarySource = 4
this.userInfo.salarySource = this.branchType == '14' ? null : 4
this.userInfo.otherSalarySource = ''
this.userInfo.averageAnnualIncome = '0'
this.userInfo.liabilitiesMoney = '0'
this.userInfo.liabilitiesMoney = this.branchType == '14' ? '' : '0'
} else {
this.userInfo.salarySource = ''
this.userInfo.averageAnnualIncome = ''

View File

@@ -13,7 +13,8 @@
</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">
@@ -55,14 +56,15 @@
<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>
</div>
<span class="fs14 c-gray-dark">{{ order.orderInfoDTO.orderNo }}</span>
</div>
<div class="mt10">
<div class="mt10" v-if="active == 'commit' || active == 'waitUnderwritten'" >
<div class="w80 inline-b">
<van-tag plain color="#999999">状态</van-tag>
</div>
@@ -70,20 +72,34 @@
</div>
</div>
<div v-if="!!order.orderInfoDTO.doubleFlag && order.orderInfoDTO.doubleFlag == '0'" class="fs12 mt15">
温馨提示本投保单满足双录条件需要双录质检通过后才能承保
<div v-if="branchType =='14' && order.insuredDTOs[0].riskDTOLst[0].insuYear > 1">
温馨提示一年期以上保险产品需按监管要求双录请及时双录
</div>
<div v-else>
温馨提示本投保单满足双录条件需要双录质检通过后才能承保
</div>
</div>
<div class="text-right mt15 ">
<van-button v-if="active == 'uncommit'" round @click="goDetail(order)" size="small" class="mr5" type="danger" v-no-more-click="1000">
<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>
<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'">
@@ -94,13 +110,16 @@
重新支付
</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>
@@ -119,17 +138,46 @@
</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>
@@ -137,11 +185,12 @@
<script>
import { Search, Tabs, Tab, List, Tag, Sticky, Toast, Dialog, Field } from 'vant'
import { orderList, deleteOrderInfo, getAuthCode, revokeOrder, getBankCardSignState } from '@/api/ebiz/sale/sale'
import { orderList, deleteOrderInfo, getAuthCode, revokeOrder, getBankCardSignState, getSendEmail, getDownloadZip } 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' //根据数据字典找到用户等级
import CheckAgent from '@/components/common/CheckAgent'
import { getAgentInfo } from '@/api/ebiz/my/my'
export default {
name: 'saleList',
@@ -202,7 +251,21 @@ export default {
captchaTimer: null,
captchaReceiver: '',
revokeOrderNo: '',
captchaMaped: false
captchaMaped: false,
getInformShow: false,
emailForm: { email: '' },
inputShow: true,
contentShow: false,
buttonShow: '',
emailContent: '系统将会将投保资料发送至您录入邮箱,解压密码为投保人身份证号的后六位,请您稍后进行查看',
branchType: ''
}
},
created() {
if(this.$CacheUtils.getLocItem('branchType')) {
this.branchType = this.$CacheUtils.getLocItem('branchType')
}else{
this.getAgentInfo()
}
},
mounted() {
@@ -216,8 +279,19 @@ export default {
funcPermCheck({}).then(res => {
this.isCheck = res.result
})
if (window.localStorage.getItem('branchType') == '14') {
this.buttonShow = localStorage.getItem('branchType')
}
},
methods: {
async getAgentInfo() {
const result = await getAgentInfo({})
if (result.result === '0') {
this.branchType = result.branchType
localStorage.setItem('branchType', this.branchType)
this.$CacheUtils.setLocItem('branchType', this.branchType)
}
},
beforeClose(action, done) {
this.captchaMaped ? done() : done(false)
},
@@ -265,7 +339,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,
@@ -347,7 +421,7 @@ export default {
url = '/sale/AttachmentManagement?orderNo=' + order.orderInfoDTO.orderNo
break
case '49': //影像上传页填写成功,跳到银行卡号确认页
url = '/sale/SignatureConfirmation?orderNo=' + order.orderInfoDTO.orderNo
url = '/sale/SignatureConfirmation?orderNo=' + order.orderInfoDTO.orderNo + '&branchType=' + this.branchType
break
}
this.$jump({
@@ -435,27 +509,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', '')
@@ -465,6 +539,7 @@ export default {
}
}
let orderStatus = order.orderInfoDTO.orderStatus
console.log(order,'order')
let orderNo = order.orderInfoDTO.orderNo
let url = ''
//保存对应的订单号
@@ -472,15 +547,15 @@ export default {
localStorage.isFrom = 'sale'
localStorage.removeItem('changeCard')
if(orderStatus == '01'){ //已签名待客户确认, 跳到签名确认页面
url = '/sale/SignatureConfirmation?edit=1&orderNo='+orderNo
url = '/sale/SignatureConfirmation?edit=1&orderNo='+orderNo + '&branchType=' + this.branchType
}else if(orderStatus == '43'){//未签名待客户确认, 跳到签名确认页面
url = '/sale/SignatureConfirmation?edit=1&orderNo='+orderNo
url = '/sale/SignatureConfirmation?edit=1&orderNo='+orderNo + '&branchType=' + this.branchType
}else if(orderStatus == '35'){//投保人保存成功, 跳到被保险人页面
url = '/sale/insuredPerson?edit=1&orderNo='+orderNo
url = '/sale/insuredPerson?edit=1&orderNo='+orderNo + '&branchType=' + this.branchType
}else if(orderStatus == '36'){//被保险人保存成功, 跳到已选产品列表
url = '/common/selectedProduct?edit=1&orderNo='+orderNo
url = '/common/selectedProduct?edit=1&orderNo='+orderNo + '&branchType=' + this.branchType
}else if(orderStatus == '37'){//受益人保存成功, 跳到告知信息--
url = '/sale/NotifyingMessage?edit=1&orderNo='+orderNo
url = '/sale/NotifyingMessage?edit=1&orderNo='+orderNo
}else if(orderStatus == '38'){ //账户信息保存成功, 跳到附件管理--
if(order.orderInfoDTO.activeType == 'KMH') {
let params = {
@@ -494,48 +569,74 @@ 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
url = '/common/selectedProduct?edit=1&orderNo='+orderNo+ '&branchType=' + this.branchType
}else if(orderStatus == '40'){//告知信息保存成功, 跳到风险测评--
if( order.riskEvaluationDTO.isShowEvaluationPoint != '1'){
//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 if(orderStatus == ''){//跳到投保人
// } else {
// url = '/sale/answerPage?edit=1&orderNo=' + orderNo
// }
} else if(orderStatus == '' || (orderStatus == '66' && this.branchType == '14')){
/*
*跳到投保人
*银保渠道特殊情况66投保人信息填写不完整
*/
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 == '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 {
// 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 == '63'){//风险测评保存成功, 跳到账户信息--
// url = '/sale/AccountInformation?edit=1&orderNo='+orderNo
// }
this.$jump({
flag: 'h5',
extra: {
@@ -570,7 +671,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,
@@ -582,18 +683,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)
}
@@ -622,6 +723,81 @@ 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: {
@@ -664,7 +840,57 @@ 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>

View File

@@ -183,7 +183,11 @@ export default {
'10': '投保人财务告知',
'9': '被保险人健康告知',
'11': '被保险人财务告知',
'13': '被保险人健康告知'
'13': '被保险人健康告知',
'14': '被保险人职业告知',
'15': '被保险人职业告知',
'16': '被保险人职业告知',
'17': '被保险人职业告知',
},
salePageFlag: '5',
// 是否特定医疗险
@@ -196,7 +200,7 @@ export default {
let res= await getOrderDetail({ orderNo: this.$route.query.orderNo })
if (res.result == 0) {
//投被保险人关系
this.isShowEvaluationPoint = res.orderDTO.riskEvaluationDTO.isShowEvaluationPoint
//this.isShowEvaluationPoint = res.orderDTO.riskEvaluationDTO.isShowEvaluationPoint
this.isUniversalRiskNotifyShowPoint = res.orderDTO.universalRiskNotifyDTO.isUniversalRiskNotifyShowPoint
this.renovate = new Date().getTime()
this.isExistAdditionalRisk = res.orderDTO.insuredDTOs[0].riskDTOLst.length > 1 ? true : false
@@ -208,20 +212,34 @@ export default {
this.saleInsuredPersonInfo = JSON.parse(this.$CacheUtils.getLocItem('saleInsuredPersonInfo'))
//如果返回参数存在曾经提交的告知信息,获取曾经提交的告知信息
let insuredFinanceImpartDTO = res.orderDTO.appntDTO.financeImpartDTO //投保人财务告知集合
// 银保非实时才会存在这个字段
let insuredJobImpartDTO = res.orderDTO.appntDTO.jobImpartDTO ? res.orderDTO.appntDTO.jobImpartDTO : {impartItemDTOS: false} //投保人健康告知集合
// 银保非实时才会存在这个字段
let insuredPersonJobImpartDTO = res.orderDTO.insuredDTOs[0].jobImpartDTO ?res.orderDTO.insuredDTOs[0].jobImpartDTO : {impartItemDTOS: false}
let insuredImpartDTO = res.orderDTO.appntDTO.impartDTO //投保人健康告知集合
let insuredPersionFinanceImpartDTO = res.orderDTO.insuredDTOs[0].financeImpartDTO //被保人财务告知集合
let insuredPersionImpartDTO = res.orderDTO.insuredDTOs[0].impartDTO //被保人健康告知集合
if (
insuredFinanceImpartDTO.impartItemDTOS ||
insuredImpartDTO.impartItemDTOS ||
insuredPersionFinanceImpartDTO.impartItemDTOS ||
insuredPersionImpartDTO.impartItemDTOS
insuredPersionImpartDTO.impartItemDTOS||
insuredJobImpartDTO.impartItemDTOS||
insuredPersonJobImpartDTO.impartItemDTOS
) {
if (insuredFinanceImpartDTO.impartItemDTOS) {
this.impartDTOS.push({ impartItemDTOS: insuredFinanceImpartDTO.impartItemDTOS, impartType: insuredFinanceImpartDTO.impartType })
} else if (insuredPersionFinanceImpartDTO.impartItemDTOS && this.relationToAppnt == '1') {
this.impartDTOS.push({ impartItemDTOS: insuredPersionFinanceImpartDTO.impartItemDTOS, impartType: insuredPersionFinanceImpartDTO.impartType })
}
if (insuredJobImpartDTO.impartItemDTOS) {
this.impartDTOS.push({ impartItemDTOS: insuredJobImpartDTO.impartItemDTOS, impartType: insuredJobImpartDTO.impartType })
} else if (insuredPersonJobImpartDTO.impartItemDTOS && this.relationToAppnt == '1') {
this.impartDTOS.push({ impartItemDTOS: insuredPersonJobImpartDTO.impartItemDTOS, impartType: insuredPersonJobImpartDTO.impartType })
}
if (insuredImpartDTO.impartItemDTOS) {
this.impartDTOS.push({ impartItemDTOS: insuredImpartDTO.impartItemDTOS, impartType: insuredImpartDTO.impartType })
} else if (insuredPersionImpartDTO.impartItemDTOS && this.relationToAppnt == '1') {
@@ -230,6 +248,9 @@ export default {
if (this.relationToAppnt != '1') {
if (insuredPersionFinanceImpartDTO.impartItemDTOS) {
this.impartDTOS.push({ impartItemDTOS: insuredPersionFinanceImpartDTO.impartItemDTOS, impartType: insuredPersionFinanceImpartDTO.impartType })
}
if (insuredPersonJobImpartDTO.impartItemDTOS) {
this.impartDTOS.push({ impartItemDTOS: insuredPersonJobImpartDTO.impartItemDTOS, impartType: insuredPersonJobImpartDTO.impartType })
}
if (insuredPersionImpartDTO.impartItemDTOS) {
this.impartDTOS.push({ impartItemDTOS: insuredPersionImpartDTO.impartItemDTOS, impartType: insuredPersionImpartDTO.impartType })
@@ -258,6 +279,7 @@ export default {
// 获取告知消息
this.information()
}
//投被同人取到年纪和性别去判断是是否显示内容
this.saleInsuredAge = utilsAge.getAge(this.saleInsuredInfo.birthday, new Date())
this.saleInsuredSex = this.saleInsuredInfo.sex
@@ -599,6 +621,8 @@ export default {
let objInsured = {}
let financeImpartDTO = {}
let financeImpart = {}
let jobImpartDTO = {} //
let jobImpart = {} //
// let arr = []
that.impartDTOS.map(item => {
// 投保人健康告知
@@ -647,9 +671,21 @@ export default {
})
objInsured = item
return objInsured
}else if ([14,15,16,17].includes(Number(item.impartType))){
item.impartItemDTOS.map(i => {
delete i.isSelect
delete i.show
})
return jobImpart = item
}else if ([18,19,20,21].includes(Number(item.impartType))){
item.impartItemDTOS.map(i => {
delete i.isSelect
delete i.show
})
return jobImpartDTO = item
}
})
console.log('zhenja',financeImpartDTO == {},financeImpartDTO == {})
if (financeImpartDTO == {}) {
let data = {
orderType: 'IMPART_ORDER',
@@ -696,17 +732,19 @@ export default {
}
})
}
} else {
that.$jump({
flag: 'h5',
extra: {
url: location.origin + '/#/sale/answerPage?orderNo=' + this.$route.query.orderNo,
},
routerInfo: {
path: '/sale/answerPage?orderNo=' + this.$route.query.orderNo
}
})
}
}
// else {
// console.log('jinrule')
// that.$jump({
// flag: 'h5',
// extra: {
// url: location.origin + '/#/sale/answerPage?orderNo=' + this.$route.query.orderNo,
// },
// routerInfo: {
// path: '/sale/answerPage?orderNo=' + this.$route.query.orderNo
// }
// })
// }
// that.$jump({
// flag: 'h5',
@@ -757,10 +795,10 @@ export default {
that.$jump({
flag: 'h5',
extra: {
url: location.origin + '/#/sale/AccountInformation',
url: location.origin + '/#/sale/AccountInformation?orderNo=' + this.$route.query.orderNo,
},
routerInfo: {
path: '/sale/AccountInformation'
path: '/sale/AccountInformation?orderNo=' + this.$route.query.orderNo
}
})
}
@@ -769,7 +807,54 @@ export default {
}
})
}
else {
else if(financeImpart == {}){
let data = {
orderType: 'IMPART_ORDER',
orderDTO: {
orderInfoDTO: {
orderNo: this.$route.query.orderNo,
productCode: JSON.parse(localStorage.mainRiskCodes)[0]
},
// 投保人
appntDTO: {
impartDTO: obj,
jobImpartDTO: jobImpartDTO
},
// 被保险人
insuredDTOs: [{ impartDTO: objInsured }]
}
}
saveInformation(data).then(res => {
if (res.result == '0') {
localStorage.removeItem('changeCard')
if(this.isUniversalRiskNotifyShowPoint == '1'){
that.$jump({
flag: 'h5',
extra: {
url: location.origin + '/#/sale/universalRiskNotifyingMessage?orderNo=' + this.$route.query.orderNo,
},
routerInfo: {
path: '/sale/universalRiskNotifyingMessage?orderNo=' + this.$route.query.orderNo
}
})
}else{
that.$jump({
flag: 'h5',
extra: {
url: location.origin + '/#/sale/AccountInformation',
},
routerInfo: {
path: '/sale/AccountInformation'
}
})
}
} else {
this.$toast(res.resultMessage)
}
})
}
else {
let data = {
orderType: 'IMPART_ORDER',
orderDTO: {
@@ -781,10 +866,11 @@ export default {
// 投保人
appntDTO: {
impartDTO: obj,
financeImpartDTO: financeImpartDTO
financeImpartDTO: financeImpartDTO,
jobImpartDTO: jobImpartDTO
},
// 被保险人
insuredDTOs: [{ impartDTO: objInsured, financeImpartDTO: financeImpart }]
insuredDTOs: [{ impartDTO: objInsured, financeImpartDTO: financeImpart,jobImpartDTO: jobImpart }]
}
}
saveInformation(data).then(res => {
@@ -805,24 +891,25 @@ export default {
that.$jump({
flag: 'h5',
extra: {
url: location.origin + '/#/sale/accountInformation',
url: location.origin + '/#/sale/accountInformation?orderNo=' + this.$route.query.orderNo,
},
routerInfo: {
path: '/sale/accountInformation'
path: '/sale/accountInformation?orderNo=' + this.$route.query.orderNo
}
})
}
} else {
that.$jump({
flag: 'h5',
extra: {
url: location.origin + '/#/sale/answerPage?orderNo=' + this.$route.query.orderNo,
},
routerInfo: {
path: '/sale/answerPage?orderNo=' + this.$route.query.orderNo
}
})
}
}
// else {
// that.$jump({
// flag: 'h5',
// extra: {
// url: location.origin + '/#/sale/accountInformation?orderNo=' + this.$route.query.orderNo,
// },
// routerInfo: {
// path: '/sale/accountInformation?orderNo=' + this.$route.query.orderNo
// }
// })
// }
} else {
this.$toast(res.resultMessage)
}

View File

@@ -24,7 +24,11 @@
</div>
<div v-else-if="uwResult == '53'">
<img :src="srcPending" class="mb40 mt20" />
<p class="title">待核心业务系统批量扣费</p>
<p class="title">核保通过待核心业务系统批量扣费</p>
</div>
<div v-else-if="uwResult == '65'">
<img :src="srcPending" class="mb40 mt20" />
<p class="title">银保非实时单提交再次核保</p>
</div>
<div v-else>
<img :src="srcPending" class="mb40 mt20" />
@@ -38,9 +42,9 @@
</van-cell-group>
<div class="bg-white p10 pb150">
<div class="text-left ml20 mt20" v-if="uwResult == '46' || uwResult == '07'">
<div class="text-left ml20 mt20" v-if="uwResult == '46' || uwResult == '07'|| uwResult == '65'">
<div class="fs14" v-html="`原因:${resultMessage}`"></div>
<div class="fs14" v-html="`${orderNoStr}`"></div>
<!-- <div class="fs14" v-html="`${orderNoStr}`"></div>-->
</div>
</div>
</div>
@@ -98,6 +102,7 @@ export default {
}
that.uwResult = window.localStorage.getItem('uwResult')
that.underWriteData = JSON.parse(window.localStorage.getItem('underWriteData'))
that.resultMessage = that.resultMessage || that.underWriteData.message || ''
console.log('resultMessage: ', window.localStorage.getItem('resultMessage'))
},
methods: {

View File

@@ -58,7 +58,7 @@
item.documentCode == '9' ||
item.documentCode == '12' ||
item.documentCode == '13' ||
item.documentCode == '14'
item.documentCode == '14'
? '需阅读'
: '需阅读并签署'
}}</span>
@@ -292,7 +292,7 @@
item.documentCode == '9' ||
item.documentCode == '12' ||
item.documentCode == '13' ||
item.documentCode == '14'
item.documentCode == '14'
? '需阅读'
: '需阅读并签署'
}}</span>
@@ -570,10 +570,17 @@ export default {
isFirstCome: 0,
cvalidateStr: '',
activeType: '',
insuredAge: ''
insuredAge: '',
branchType: ''
}
},
async created() {
if(window.localStorage.getItem('branchType')) {
this.branchType = window.localStorage.getItem('branchType')
} else if(this.$route.query.branchType){
window.localStorage.setItem('branchType', this.$route.query.branchType)
this.branchType = this.$route.query.branchType
}
console.log('保单号', localStorage.getItem('orderNo'))
if (this.$route.query.token) {
window.localStorage.setItem('token', this.$route.query.token)
@@ -1838,6 +1845,10 @@ export default {
item.documentShortName = '风险告知'
item.key = 7.1
item.routePath = 'readDocuments'
}else if(item.documentCode == '30'){
item.documentShortName = '适当性评估'
item.key = 13
item.routePath = 'readDocuments'
}
},
getSignInvalid() {

View File

@@ -0,0 +1,990 @@
<template>
<div class="question-container">
<div class="question-header bg-white pt20 pb20 pr10 pl10" >
<h5 class="fs18 appntTitle">投保人信息</h5>
<div class="fieldContent">
<van-cell-group :border="false">
<van-field v-model="saleInsuredInfo.name" label="姓名" readonly required/>
<van-field :value="saleInsuredInfo.idType | idToText('insuredIdType')" label="证件类型" readonly required/>
<van-field v-model="saleInsuredInfo.idNo" label="证件号码" readonly required/>
<van-field v-model="saleInsuredInfo.mobile" label="联系方式" readonly required/>
<van-field v-model="saleInsuredInfo.occupationName" label="职业" readonly required/>
</van-cell-group>
</div>
<!-- <button class="btn" @click="clickBtn">返回</button> -->
<div class="evalDesc" >
<h5 class="fs18"> {{questionInfo.questionHeadDesc}}</h5>
<h5 class="fs18">{{questionInfo.question1Desc}}</h5>
<h5 class="fs18">{{questionInfo.question2Desc}}</h5>
<h5 class="fs18">{{questionInfo.question3Desc}}</h5>
<h5 class="fs18">{{questionInfo.question4Desc}}</h5>
<h5 class="fs18">{{questionInfo.questionTailDesc}}</h5>
</div>
<div class="question-detail">
<div v-for="(item,idx) in questionList">
<!-- 单选框 -->
<div v-if="item.type=='radio'">
<p style="margin:2vh 0">{{ item.title }}</p>
<van-radio-group :disabled='disableEdit' class="mb15" v-model="answerList[idx]" @change="handlerRadio($event,item,idx)">
<van-radio
@click="clickHandler"
class="mb15"
v-for="(itemRadio,idxRadio) in item.options"
:name="itemRadio.option"
:key="idxRadio"
>{{itemRadio.item}}
</van-radio>
</van-radio-group>
</div>
<!-- 多选框 -->
<div v-if="item.type=='checkbox'">
<p style="margin:2vh 0">{{ item.title }}</p>
<van-checkbox-group
:disabled='disableEdit'
v-model="answerList[idx]"
@change="handlerCheckbox($event,item,idx)"
>
<van-checkbox
class="mb15"
@click="clickHandler"
v-for="(itemCheckbox,idxCheckbox) in item.options"
:name="itemCheckbox.option"
:key="idxCheckbox"
shape="square"
>
{{itemCheckbox.item}}
<div class="question-detail-checkbox" v-if="showPurpose&&idxCheckbox==1" @click.stop>
<p class="c-link mt10 mb10 fs12">除本次投保外您是否已为被保险人投保过类似损失补偿型保险产品如百万医疗险等以报销住院费用为保障的产品且保单目前仍在有效中</p>
<van-radio-group :disabled='disableEdit' v-model="CheckBoxExtraRadio" class="extraRadio flex pb10 fs10" direction="horizontal" @click.stop>
<van-radio
@click="clickHandler"
:name="part.option"
@click.stop v-for="(part,partIdx) in itemCheckbox.parts[0].options"
>
{{part.item}}
</van-radio>
</van-radio-group>
<van-field class="extraInput" :readonly='disableEdit' label-width="0" v-model="CheckBoxExtraDesc" placeholder="请说明险种名称、保额:" v-if="CheckBoxExtraRadio === 'Y'" @click.stop="clickHandler"/>
</div>
</van-checkbox>
</van-checkbox-group>
</div>
<!-- 输入框 -->
<div v-if="item.type=='input'" class="mb15">
<p class="budget-text">
<template v-for="(segment, index) in item.title.split(/\___/)" >
<!-- 显示文本片段 -->
{{ segment }}
<!-- 除了最后一个片段外每个文本片段后都添加输入框 -->
<input
:readonly='disableEdit'
v-if="index < item.title.split(/\___/).length - 1"
type="number"
@click="clickHandler"
@input="handlerInput($event,item,idx,index)"
:value="answerList[idx] && answerList[idx][index] ? answerList[idx][index] : ''"
step="0.01"
min="0"
class="budget-input"
>
</template>
<div class="fs12 c-gray-base">请填写0-10000之间的整数</div>
</p>
</div>
</div>
</div>
</div>
<div class="question-btn bottom-btn bg-white">
<van-button type="danger" size="large" :disabled="disabled" class="bottom-btn" @click="submitAnswer" v-no-more-click="1000">提交</van-button>
</div>
<PopupQuesResult
@reTestHandler="reTest"
@toInsureHandler="toInsure"
@clickOverlayHandler="clickOverlay"
:resultRiskType = "resultRiskType"
:showResultPopup="showResultPopup"
:showRetest = "showRetest"
:appntInfo="saleInsuredInfo"
/>
</div>
</template>
<script>
import { getOrderDetail, saveEvalateAnswer } from '@/api/ebiz/sale/sale'
import PopupQuesResult from '@/components/common/PopupQuesResult'
export default {
name: 'Question',
components: {
PopupQuesResult
},
data() {
return {
saleInsuredInfo:{},
showPurpose:false,
showResultPopup:false,
showHasTested:false,
showNoTested:false,
answerList:[],
resultRiskType:null,
assessResult:null,
questionInfo:{},
questionList:[],
assessQuestionnaireDtoList:[],
originalAssessQuestionnaireDtoList: [], // 存储原始数据,用于比较是否有修改
CheckBoxExtraRadio:'',
CheckBoxExtraDesc:'',
disabled:true,
assessFlag:null,
updateFlag:'1', // 默认为未修改状态
showRetest:true,
assessUpdateLimitFlag :null,
disableEdit:false, //禁用选项框
}
},
watch: {
assessQuestionnaireDtoList: {
handler(newVal) {
if(newVal) {
console.log('检测到了长度', newVal)
if(newVal.length !== this.questionList.length){
this.disabled = true
}else{
if(Array.from(newVal).some(item=>!item)){
console.log('检测到了有空值', Array.from(newVal))
this.disabled = true
} else if(Array.from(newVal)[3].chooseDesc.split(',').length!=2||
Array.from(newVal)[3].chooseDesc.split(',').some(item=>!item)||
!Array.from(newVal)[4].chooseDesc
){
console.log('检测到了有空值1')
this.disabled = true
}else if(Array.from(newVal)[1].choose.length==0){
console.log('检测到了有空值2')
this.disabled = true
}else if(Array.from(newVal)[1].choose.length>0&&Array.from(newVal)[1].choose.includes('B')){
console.log('检测到了B', Array.from(newVal)[1])
if(Array.from(newVal)[1].subOption=='Y' && !Array.from(newVal)[1].subOptionContent){
console.log('检测到了有空值3')
this.disabled = true
}else if(Array.from(newVal)[1].subOption=='N'){
this.disabled = false
}else if(!Array.from(newVal)[1].subOption){
console.log('检测到了有空值4')
this.disabled = true
}
else{
this.disabled = false
}
}else{
this.disabled = false
}
}
}
},
deep: true
},
CheckBoxExtraRadio: {
handler(newVal) {
if(!!newVal&&this.answerList[1].includes('B')) {
// 创建一个新对象保留原对象的所有属性只修改subOption为空
if(newVal=='N'){
this.CheckBoxExtraDesc = ''
}
const updatedItem = {
...this.assessQuestionnaireDtoList[1],
subOption: newVal,
subOptionContent:newVal=='Y'?this.CheckBoxExtraDesc:null
};
this.$set(this.assessQuestionnaireDtoList, 1, updatedItem);
console.log('检测到了第一项数据', newVal,this.assessQuestionnaireDtoList)
}
},
},
CheckBoxExtraDesc:{
handler(newVal) {
if(this.answerList[1].includes('B')) {
// 创建一个新对象保留原对象的所有属性只修改subOption为空
const updatedItem = {
...this.assessQuestionnaireDtoList[1],
subOptionContent: newVal
};
this.$set(this.assessQuestionnaireDtoList, 1, updatedItem);
console.log('检测到了第一项数据', newVal,this.assessQuestionnaireDtoList)
}
},
},
'answerList.1': {
handler(newVal) {
console.log('检测到了第一项数据', newVal)
if(!newVal.includes('B')) {
this.CheckBoxExtraDesc = ''
this.CheckBoxExtraRadio =''
const updatedItem = {
...this.assessQuestionnaireDtoList[1],
subOption: null,
subOptionContent: null
};
this.$set(this.assessQuestionnaireDtoList, 1, updatedItem);
console.log('检测到了第一项数据', this.assessQuestionnaireDtoList)
}
},
}
},
mounted(){
this.$jump({
flag: 'navigation',
extra: {
title: '保险产品适当性评估问卷'
},
})
localStorage.setItem('evalateFrom', 'toEvaluate')
if (localStorage.isFrom == 'sale') {
setTimeout(() => {
EWebBridge.webCallAppInJs('webview_left_button', {
img: this.$assetsUrl + 'images/del-close-btn@3x.png',
intercept: '1' //是否拦截原生返回事件 1是 其他否
})
}, 100)
}
window.appCallBack = this.appCallBack
document.body.style.backgroundColor = '#fff'
this.getDetailInfo()
},
methods: {
appCallBack(data) {
if (data.trigger == 'left_button_click' && localStorage.isFrom == 'sale') {
return this.$dialog
.confirm({
className: 'dialog-delete',
title: '提示',
message: '退出流程可能会丢失部分数据,是否确认退出?',
cancelButtonColor: '#E9332E',
confirmButtonColor: '#FFFFFF'
})
.then(() => {
this.$jump({
flag: 'h5',
extra: {
title: '电子投保单列表',
forbidSwipeBack: 1, //当前页面禁止右滑返回
url: location.origin + `/#/sale/list`
},
routerInfo: {
path: `/sale/list`,
type: '1'
}
})
})
.catch(() => {
return
})
}
},
getDetailInfo(){
const orderNo = this.$route.query.orderNo
getOrderDetail({ orderNo: this.$route.query.orderNo,userAssessLogic:true }).then(res => {
if (res.result == 0) {
//是否做过测评及是否超出限制
this.assessUpdateLimitFlag = res.orderDTO.orderInfoDTO.assessUpdateLimitFlag
this.assessFlag = res.orderDTO.orderInfoDTO.assessFlag
this.questionInfo = res.orderDTO.orderInfoDTO.assessQuestionnaireDto
this.questionList = res.orderDTO.orderInfoDTO.assessQuestionnaireDto.questionList
this.ageList = res.orderDTO.orderInfoDTO.assessQuestionnaireDto.questionList[0].options.map(item=>item.item)
if(this.assessUpdateLimitFlag==='0'||this.assessFlag==='2'){
this.disableEdit = true
}
// 标记是否有历史评估数据
const hasHistoryData = res.orderDTO.orderInfoDTO.assessQuestionnaireDtoList &&
res.orderDTO.orderInfoDTO.assessQuestionnaireDtoList.length > 0
//获取测评结果,对数据进行回显
if(hasHistoryData){
// const hasHistoryData = [
// {
// "orderNo": "8186270000128527",
// "questionNo": "7",
// "questionContent": "7.您能够并愿意为购买保险支付保费的最长年期为?",
// "choose": "E",
// "chooseContent": "超过20年",
// "subOption": null,
// "subOptionContent": null,
// "score": "10",
// "chooseDesc": null,
// "appntIdNo": "130626198012270019",
// "appntName": "腊月二七",
// "appntIsFirst": "0",
// "assessDate": "2025-11-06T03:52:30.000+0000"
// },
// {
// "orderNo": "8186270000128527",
// "questionNo": "2",
// "questionContent": "2.您购买保险产品的目的?(可多选)",
// "choose": "A,B,C,D,E",
// "chooseContent": "为应对不时之需提供财务保障(死亡、意外、伤残、重大疾病等);为支付或补偿门诊、住院等医疗、保健的费用支出;为未来生活规划所需的资金,保单利益确定(养老、子女教育、退休收入等);可获利一定的浮动收益(例如:有分红、有最低保证利率的产品等);其他",
// "subOption": "Y",
// "subOptionContent": "uuuu",
// "score": "20",
// "chooseDesc": null,
// "appntIdNo": "130626198012270019",
// "appntName": "腊月二七",
// "appntIsFirst": "0",
// "assessDate": "2025-11-06T03:52:30.000+0000"
// },
// {
// "orderNo": "8186270000128527",
// "questionNo": "4",
// "questionContent": "4.您本次购买保险的保费预算是:一次性交清预算___万元期交预算每期保费*总交费期数)___万元。",
// "choose": null,
// "chooseContent": null,
// "subOption": null,
// "subOptionContent": null,
// "score": null,
// "chooseDesc": "8888,888",
// "appntIdNo": "130626198012270019",
// "appntName": "腊月二七",
// "appntIsFirst": "0",
// "assessDate": "2025-11-06T03:52:30.000+0000"
// },
// {
// "orderNo": "8186270000128527",
// "questionNo": "5",
// "questionContent": "5.您的家庭年收入约为折合人民币___万元。",
// "choose": null,
// "chooseContent": null,
// "subOption": null,
// "subOptionContent": null,
// "score": null,
// "chooseDesc": "888",
// "appntIdNo": "130626198012270019",
// "appntName": "腊月二七",
// "appntIsFirst": "0",
// "assessDate": "2025-11-06T03:52:30.000+0000"
// },
// {
// "orderNo": "8186270000128527",
// "questionNo": "6",
// "questionContent": "6.您能够并愿意为购买保险支付的期交保费之和占家庭年收入的比例是:",
// "choose": "D",
// "chooseContent": "70%以上",
// "subOption": null,
// "subOptionContent": null,
// "score": "10",
// "chooseDesc": null,
// "appntIdNo": "130626198012270019",
// "appntName": "腊月二七",
// "appntIsFirst": "0",
// "assessDate": "2025-11-06T03:52:30.000+0000"
// } ,
// {
// "orderNo": "8186270000128527",
// "questionNo": "3",
// "questionContent": "3.您希望享有最长保障或投资期限为多久?",
// "choose": "B",
// "chooseContent": "1-5年",
// "subOption": null,
// "subOptionContent": null,
// "score": "4",
// "chooseDesc": null,
// "appntIdNo": "130626198012270019",
// "appntName": "腊月二七",
// "appntIsFirst": "0",
// "assessDate": "2025-11-06T03:52:30.000+0000"
// },
// {
// "orderNo": "8186270000128527",
// "questionNo": "1",
// "questionContent": "1.您的年龄是?",
// "choose": "E",
// "chooseContent": "高于65岁",
// "subOption": null,
// "subOptionContent": null,
// "score": "-15",
// "chooseDesc": null,
// "appntIdNo": "130626198012270019",
// "appntName": "腊月二七",
// "appntIsFirst": "0",
// "assessDate": "2025-11-06T03:52:30.000+0000"
// },
// ]
// 将返回数组的每一项的orderNo替换为路由携带的然后赋值给assessQuestionnaireDtoList
const processedData = res.orderDTO.orderInfoDTO.assessQuestionnaireDtoList
.sort((a, b) => parseInt(a.questionNo) - parseInt(b.questionNo))
.map(item => {
return {
...item,
orderNo: this.$route.query.orderNo
}
})
// 设置当前数据
this.assessQuestionnaireDtoList = processedData
console.log('后端返回processedData',processedData)
console.log('后端返回assessQuestionnaireDtoList',this.assessQuestionnaireDtoList)
}
if (this.$CacheUtils.getLocItem('saleInsuredInfo')) {
this.saleInsuredInfo = JSON.parse(this.$CacheUtils.getLocItem('saleInsuredInfo'))
}else{
this.saleInsuredInfo = res.orderDTO.appntDTO
}
console.log('投保人信息',this.saleInsuredInfo,this.assessQuestionnaireDtoList)
console.log('this.ageList',this.ageList,this.questionList)
// 先处理第一个问题(年龄自动填充)
this.handlerFirstQuestion()
// 如果有后端返回的评估数据,进行回显,并保存原始数据
if(hasHistoryData) {
this.initFormDataFromAssessment()
// 所有数据初始化完成后,立即(同步)保存原始数据副本
// 使用同步方式而非 $nextTick确保在用户操作前完成
this.originalAssessQuestionnaireDtoList = JSON.parse(JSON.stringify(this.assessQuestionnaireDtoList))
this.updateFlag = '1' // 有历史数据且未修改
console.log('原始数据已保存updateFlag设置为1未修改')
} else {
// 没有历史数据,这是新填写的问卷
// 保存第一题填充后的数据作为"原始数据"(因为第一题是自动填充的,不算用户修改)
if (this.assessQuestionnaireDtoList.length > 0) {
this.originalAssessQuestionnaireDtoList = JSON.parse(JSON.stringify(this.assessQuestionnaireDtoList))
console.log('新问卷-保存第一题自动填充后的数据作为原始数据')
}
this.updateFlag = '0' // 新问卷,标记为已修改(需要保存)
console.log('新问卷updateFlag设置为0需要保存')
}
} else {
this.$toast(res.resultMessage)
}
})
},
clickHandler(){
if(this.assessFlag==='2'){
return this.$toast('当日评估不能超过2次一年累计评估不能超过8次')
}else{
if(this.assessUpdateLimitFlag==='0'){
return this.$toast('当日评估不能超过2次一年累计评估不能超过8次')
}
}
},
//单选框处理数据
handlerRadio(e,item, idx) {
this.$set(this.assessQuestionnaireDtoList,idx,{
orderNo:this.$route.query.orderNo,
questionNo:item.questionNo,
questionContent:item.title,
choose:e,
chooseContent:this.filterRadioElement('content',e,item),
subOption:null,
subOptionContent:null,
score:this.filterRadioElement('score',e,item),
chooseDesc:null,
})
// this.assessQuestionnaireDtoList[idx]={
// orderNo:this.$route.query.orderNo,
// questionNo:item.questionNo,
// questionContent:item.title,
// choose:e,
// chooseContent:this.filterRadioElement('content',e,item),
// subOption:null,
// subOptionContent:null,
// score:this.filterRadioElement('score',e,item),
// chooseDesc:null,
// }
console.log('answerList',this.answerList)
console.log('this.assessQuestionnaireDtoList',this.assessQuestionnaireDtoList)
},
//单选框筛选出分数和每项
filterRadioElement(el,e,item){
console.log('点击单选框',el,e,item)
if(el=='content'){
return item.options.find(item=>item.option==e).item.substring(2)
}else if(el=='score'){
return parseInt(item.options.find(item=>item.option==e).score)
}
},
//输入框处理组装数据
handlerInput(e,item,idx,index){
if(!Array.from(this.answerList)[idx] || this.answerList[idx].length==0){
this.answerList[idx] = []
}
let chooseDesc = ''
if(idx== 3){
if(index==0){
this.$set(this.answerList[idx], 0, e.target.value)
}else{
this.$set(this.answerList[idx], 1, e.target.value)
}
chooseDesc = this.answerList[idx].join(',')
}else if(idx== 4){
this.$set(this.answerList[idx], 0, e.target.value)
chooseDesc=this.answerList[idx][0]
}
this.$set(this.assessQuestionnaireDtoList,idx,{
orderNo:this.$route.query.orderNo,
questionNo:item.questionNo,
questionContent:item.title,
choose:null,
chooseContent:null,
subOption:null,
subOptionContent:null,
score:null,
chooseDesc,
})
console.log('answerList',this.answerList)
console.log('this.assessQuestionnaireDtoList',this.assessQuestionnaireDtoList)
},
handlerCheckbox(e,item, idx) {
if(e.includes('B')){
this.showPurpose = true
}else{
this.showPurpose = false
}
this.$set(this.assessQuestionnaireDtoList,idx,{
orderNo:this.$route.query.orderNo,
questionNo:item.questionNo,
questionContent:item.title,
choose:this.filterCheckBoxElement('letter',e,item),
chooseContent:this.filterCheckBoxElement('content',e,item),
score:this.filterCheckBoxElement('score',e,item),
chooseDesc:null,
subOption:this.CheckBoxExtraRadio?this.CheckBoxExtraRadio:null,
subOptionContent:this.CheckBoxExtraDesc?this.CheckBoxExtraDesc:null,
})
console.log('answerList,assessQuestionnaireDtoList',this.assessQuestionnaireDtoList)
},
filterCheckBoxElement(el,e,item){
let filterEl = item.options.filter(cur=>e.includes(cur.option))
console.log('filterEl',filterEl)
if(el=='letter'){
let letter = filterEl.map(item=>item.option).join(',')
//let letter = filterEl.reduce((total,value)=>total+value.option,',')
console.log('letter',letter)
return letter
}else if(el=='content'){
let content = filterEl.map(value=>value.item.substring(2)).join(';')
//let content = filterEl.reduce((total,value)=>total+value.item+';','').substring(2)
console.log('content',content)
return content
//this.answerList[idx]
}else{
let score = filterEl.reduce((total,value)=>total+parseInt(value.score),0)
console.log('score',score)
return score
}
},
//处理第一个单选框并自动回显:根据投保人年龄区间,回显对应的选项,并组装数据;
handlerFirstQuestion(){
let no1 = this.assessQuestionnaireDtoList.findIndex(item=>item.questionNo=='1')
// 如果已经有第一题的数据从后端回显的则只更新answerList用于显示不修改assessQuestionnaireDtoList
const hasFirstQuestionData = this.assessQuestionnaireDtoList &&
this.assessQuestionnaireDtoList.length > 0 &&
this.assessQuestionnaireDtoList[no1] &&
this.assessQuestionnaireDtoList[no1].choose
let age = this.saleInsuredInfo.age
console.log('投保人年龄',age)
let answer;
if(age<=18) {
answer = 'F'
}else if(age>=18&&age<=25) {
answer = "A"
}else if(age>=26&&age<=50) {
answer = "B"
}else if(age>=51&&age<=60) {
answer = "C"
}else if(age<=65) {
answer = "D"
}else{
answer = "E"
}
// 始终设置answerList用于页面显示
this.answerList[0] = hasFirstQuestionData ? this.assessQuestionnaireDtoList[no1].choose : answer
// 只有在没有回显数据时,才创建新的第一题数据
if (!hasFirstQuestionData) {
let firstChoice = this.questionList[0].options.filter(item=>item.option==answer)
this.$set(this.assessQuestionnaireDtoList,0,{
orderNo:this.$route.query.orderNo,
questionNo:this.questionList[0].questionNo,
questionContent:this.questionList[0].title,
choose:answer,
chooseContent:this.filterRadioElement('content',answer,this.questionList[0]),
subOption:null,
subOptionContent:null,
score:this.filterRadioElement('score',answer,this.questionList[0]),
chooseDesc:null,
})
} else {
console.log('第一题已有回显数据,不重新创建')
}
},
clickOverlay(){
this.showResultPopup = false
this.getDetailInfo()
},
submitAnswer(){
if(this.answerList.length !=this.questionList.length){
return this.$toast('请填写完整信息')
}else{
if(Array.from(this.answerList).some(item=>!item)){
return this.$toast('请填写完整信息')
}else{
if(Array.from(this.answerList[3]).length!=2||(Array.from(this.answerList[3]).some(item=>!item))){
return this.$toast('请填写完整信息')
}else if(Array.from(this.answerList[1]).includes('B')&&this.CheckBoxExtraRadio=="Y"&&!this.CheckBoxExtraDesc)
{
return this.$toast('请您补充险种和保额信息。')
} else if(Array.from(this.answerList[1]).includes('B')&&!this.CheckBoxExtraRadio){
return this.$toast('请填写完整信息')
}else if(Array.from(this.answerList[1]).length==0){
return this.$toast('请填写完整信息')
}
}
}
let regex = /^(0|[1-9]\d{0,3}|10000)$/;
if(Array.from(this.answerList[3]).some(item=>{return !regex.test(item)})
|| !regex.test(this.answerList[4][0])){
return this.$toast('请填写0-10000之间的整数')
}
this.checkDataChanged()
this.getEvaluateResult()
},
//调用后端接口获取测评结果
getEvaluateResult(){
this.$toast.loading({
duration: 0, // 持续展示 toast
forbidClick: true, // 禁用背景点击
loadingType: 'spinner',
message: '加载中……'
})
saveEvalateAnswer({
assessQuestionnaireDtoList: this.assessQuestionnaireDtoList,
updateFlag: this.updateFlag // 0修改1未修改
})
.then(res =>{
this.$toast.clear()
if(res.result== '0'){
// 提交成功后,更新原始数据为当前数据
// 这样下次比较时就以这次提交的数据为基准
this.originalAssessQuestionnaireDtoList = JSON.parse(JSON.stringify(this.assessQuestionnaireDtoList))
this.updateFlag = '1' // 重置为未修改状态
console.log('提交成功,原始数据已更新为当前提交的数据')
getOrderDetail({ orderNo: this.$route.query.orderNo,userAssessLogic:true }).then(resp=>{
if(resp.result=='0'){
this.assessFlag = resp.orderDTO.orderInfoDTO.assessFlag //评估次数
this.assessUpdateLimitFlag = resp.orderDTO.orderInfoDTO.assessUpdateLimitFlag //0置灰其他情况可以点击不能修改重新评估按钮隐藏
if(this.assessUpdateLimitFlag==='0'||this.assessFlag==='2'){
this.disableEdit = true
this.showRetest = false
//隐藏测评按钮
}else{
this.showRetest = true
}
this.resultRiskType = res.content
this.showResultPopup = true
this.showNoTested = true
}else{
this.$toast(resp.resultMessage)
}
})
}else{
this.$toast(res.resultMessage)
}
}).catch(err =>{
this.$toast.clear()
console.log('err',err)
})
},
//未测评过,测评成功后重新测评
reTest(){
if(this.assessFlag==='2'){
return this.$toast('当日评估不能超过2次一年累计评估不能超过8次')
}else{
if(this.assessUpdateLimitFlag==='0'){
return this.$toast('当日评估不能超过2次一年累计评估不能超过8次')
}else{
window.location.reload()
}
}
},
// 根据assessQuestionnaireDtoList回显表单数据
initFormDataFromAssessment() {
if (!this.assessQuestionnaireDtoList || this.assessQuestionnaireDtoList.length === 0) return
// 遍历assessQuestionnaireDtoList根据问题编号回显数据
this.assessQuestionnaireDtoList.forEach((item, index) => {
// 找到对应的问题
const questionIndex = this.questionList.findIndex(q => q.questionNo === item.questionNo)
console.log('questionIndex',questionIndex )
if (questionIndex === -1) return
if (questionIndex === 0) return
const question = this.questionList[questionIndex]
console.log('question',question )
// 根据问题类型进行不同的回显处理
switch (question.type) {
case 'radio':
// 单选框回显
this.$set(this.answerList, questionIndex, item.choose)
break
case 'checkbox':
// 多选框回显
if (item.choose) {
// 将逗号分隔的选项转为数组
const chooseArray = item.choose.split(',')
console.log('chooseArray',chooseArray)
this.$set(this.answerList, questionIndex, chooseArray)
// 如果选择了B选项回显子选项
if (chooseArray.includes('B')) {
this.showPurpose = true
this.CheckBoxExtraRadio = item.subOption || ''
this.CheckBoxExtraDesc = item.subOptionContent || ''
}
}
break
case 'input':
// 输入框回显
if (item.chooseDesc) {
// 初始化answerList对应位置为数组
if (!this.answerList[questionIndex]) {
this.$set(this.answerList, questionIndex, [])
}
// 第四题和第五题特殊处理
if (questionIndex === 3) { // 第四题
// 第四题有两个输入框chooseDesc格式为"值1,值2"
const values = item.chooseDesc.split(',')
if (values.length >= 2) {
this.$set(this.answerList[questionIndex], 0, values[0])
this.$set(this.answerList[questionIndex], 1, values[1])
// 更新DOM中的输入框值
this.$nextTick(() => {
const inputs = document.querySelectorAll(`div[v-if="item.type=='input'"] input`)
if (inputs && inputs.length >= 2) {
inputs[0].value = values[0]
inputs[1].value = values[1]
}
})
}
} else if (questionIndex === 4) { // 第五题
// 第五题只有一个输入框chooseDesc直接就是值
this.$set(this.answerList[questionIndex], 0, item.chooseDesc)
// 更新DOM中的输入框值
this.$nextTick(() => {
const inputs = document.querySelectorAll(`div[v-if="item.type=='input'"] input`)
if (inputs && inputs.length >= 3) { // 第三个输入框是第五题的
inputs[2].value = item.chooseDesc
}
})
} else {
// 其他输入框的通用处理
const values = item.chooseDesc.split(',')
values.forEach((val, idx) => {
this.$set(this.answerList[questionIndex], idx, val)
})
}
}
break
}
})
console.log('表单数据回显完成', this.answerList)
},
// 检测数据是否发生变化
checkDataChanged() {
// 如果没有原始数据,不修改 updateFlag保持之前设置的值应该是 '0'
if (!this.originalAssessQuestionnaireDtoList || this.originalAssessQuestionnaireDtoList.length === 0) {
console.log('没有原始数据,保持 updateFlag 为:', this.updateFlag)
return
}
// 如果数据长度不一致,返回修改状态
if (this.assessQuestionnaireDtoList.length !== this.originalAssessQuestionnaireDtoList.length) {
console.log('数据长度不一致', {
current: this.assessQuestionnaireDtoList.length,
original: this.originalAssessQuestionnaireDtoList.length
})
this.updateFlag = '0'
return
}
console.log('========== 开始比较数据 ==========')
// 比较每一项数据
let isChanged = false
const changedDetails = []
for (let i = 0; i < this.assessQuestionnaireDtoList.length; i++) {
const current = this.assessQuestionnaireDtoList[i]
const original = this.originalAssessQuestionnaireDtoList[i]
// 详细比较每个字段
const fieldChanges = {
questionIndex: i,
questionNo: current.questionNo,
changes: {}
}
if (this.isValueChanged(current.choose, original.choose)) {
fieldChanges.changes.choose = { current: current.choose, original: original.choose }
}
if (this.isValueChanged(current.chooseContent, original.chooseContent)) {
fieldChanges.changes.chooseContent = { current: current.chooseContent, original: original.chooseContent }
}
if (this.isValueChanged(current.subOption, original.subOption)) {
fieldChanges.changes.subOption = { current: current.subOption, original: original.subOption }
}
if (this.isValueChanged(current.subOptionContent, original.subOptionContent)) {
fieldChanges.changes.subOptionContent = { current: current.subOptionContent, original: original.subOptionContent }
}
if (this.isValueChanged(current.chooseDesc, original.chooseDesc)) {
fieldChanges.changes.chooseDesc = { current: current.chooseDesc, original: original.chooseDesc }
}
if (this.isValueChanged(current.score, original.score)) {
fieldChanges.changes.score = { current: current.score, original: original.score }
}
if (Object.keys(fieldChanges.changes).length > 0) {
changedDetails.push(fieldChanges)
isChanged = true
}
}
// 只有在数据真正发生变化时才修改 updateFlag
// 如果数据未变化,保持原来的值不变
if (isChanged) {
this.updateFlag = '0' // 数据已修改
console.log('检测到数据变化,详细信息:', changedDetails)
console.log('updateFlag 设置为 0已修改')
} else {
console.log('数据未发生变化updateFlag 保持不变:', this.updateFlag)
}
console.log('========== 比较数据结束 ==========')
},
// 辅助函数判断两个值是否发生变化处理null、undefined、空字符串、类型转换等情况
isValueChanged(currentValue, originalValue) {
// 将null、undefined、空字符串都视为"空值"
const normalizeValue = (val) => {
if (val === null || val === undefined || val === '') {
return null
}
// 统一转换为字符串进行比较,避免类型不一致导致的误判
return String(val)
}
const normalizedCurrent = normalizeValue(currentValue)
const normalizedOriginal = normalizeValue(originalValue)
// 比较标准化后的值
const isChanged = normalizedCurrent !== normalizedOriginal
return isChanged
},
//继续投保,跳转至评估结果页
toInsure(){
this.$jump({
flag: 'h5',
extra: {
url: location.origin +`/#/common/evaluateResult?orderNo=${this.$route.query.orderNo}`
},
routerInfo: {
path: `/common/evaluateResult?orderNo=${this.$route.query.orderNo}`
}
})
}
}
}
</script>
<style lang="scss" scoped>
.question-container {
width: 100%;
padding-bottom:50px;
/deep/.question-detail{
margin-top:10px;
.van-checkbox{
align-items: flex-start;
}
// .question-detail-checkbox{
// padding: 10px;
// }
}
.question-header{
// height:calc(100vh - 40px);
//padding-bottom:20px;
overflow-y: auto;
/deep/ .fieldContent{
margin:5px 0;
.van-cell__title,input{
color:#999;
font-size:14px;
}
}
.appntTitle{
color:#333;
}
.evalDesc{
h5{
color:#333;
}
}
}
.question-btn{
height:50px;
}
/deep/ .extraRadio{
display: flex;
justify-content: space-between;
align-items: center;
width: 80%;
}
/deep/ .extraInput{
padding-left: 0;
margin-bottom:10px;
}
.budget-text{
input{
width:100px;
height:20px;
}
}
}
</style>

View File

@@ -8,15 +8,21 @@
<van-icon v-if="index != fileList.length - 1" name="arrow" style="margin: 0px 5px;"/>
</p>
</div>
<van-notice-bar :scrollable='false' v-if='!Time' class='notice'>
<!-- 普通渠道的读秒提示 -->
<van-notice-bar :scrollable='false' v-if='branchType != "14" && !Time' class='notice'>
{{ `提示:阅读时长需在${this.Time ? this.time : this.number}秒以上` }}
</van-notice-bar>
<div id="pdf" style="overflow: scroll;background: #eee;" :style="[{height:isPreview ? '100vh' : '75vh'}]">
<div id="pdf" style="overflow: scroll;background: #eee;" :style="[{height:isPreview ? '100vh' : '75vh'}]" @scroll="handleScroll">
<div id="pdfH5ID"></div>
<div ref="activeButtonEle"></div>
<!-- 银保渠道右侧标注提示 -->
<div v-if='branchType == "14" && !isScrollToBottom' class='scroll-tip'>
请下滑至底部完成阅读
</div>
</div>
<div style="height: 20vh;" v-if="!isPreview">
<van-radio-group v-model='radio' class='pb10 pt10 pl10 fs20'>
<van-radio name='1' @click='click'>
<van-radio name='1' @click='click' :disabled="branchType == '14' && !isScrollToBottom">
本人确认已阅读<span>{{documentName}}</span>
</van-radio>
</van-radio-group>
@@ -79,6 +85,11 @@
chooseProductCodes: null,
riskName: null,
isFirstRead: null,
branchType: '',
// 银保渠道滚动检测相关
isScrollToBottom: false,
scrollTimer: null,
pdfStatus: void 0
}
},
components: {
@@ -95,13 +106,22 @@
window.localStorage.setItem('isFirstRead', '0')
this.specialAgreementShow = true
}
if(window.localStorage.getItem('branchType')) {
this.branchType = window.localStorage.getItem('branchType')
} else if(this.$route.query.branchType){
window.localStorage.setItem('branchType', this.$route.query.branchType)
this.branchType = this.$route.query.branchType
}
if(this.$route.query.currentIndex){
this.Time = true
this.isPreview = true
} else if(window.sessionStorage.getItem('signH5Img')){
this.Time = true
} else {
this.timeOut()
// 银保渠道不需要读秒
if(this.branchType != '14') {
this.timeOut()
}
}
setTimeout(() => {
// eslint-disable-next-line no-undef
@@ -136,6 +156,31 @@
},
methods: {
// 处理滚动事件
handleScroll(event) {
if (this.branchType != '14') return
// 防抖处理
if (this.scrollTimer) {
clearTimeout(this.scrollTimer)
}
this.scrollTimer = setTimeout(() => {
const element = event.target
const scrollTop = element.scrollTop
const scrollHeight = element.scrollHeight
const clientHeight = element.clientHeight
// 判断是否滚动到底部
if (scrollTop + clientHeight >= scrollHeight - 5) {
this.isScrollToBottom = true
// 滚动到底部后,自动设置阅读完成状态
if (!this.isOver) {
this.isOver = true
this.Time = true
}
} else {
this.isScrollToBottom = false
}
}, 100)
},
getOrderDetail(){
if(this.$route.query.currentIndex) {
this.current = Number(this.$route.query.currentIndex)
@@ -167,15 +212,37 @@
// 点击阅读时
click() {
let that = this
if (that.isOver == false) {
Dialog.confirm({
title: '提示',
message: '该内容涉及您的重大权益,请您仔细阅读',
showCancelButton: false
}).then(() => {
that.radio = ''
})
// 银保渠道
if (this.branchType == '14') {
if (!this.isScrollToBottom) {
Dialog.confirm({
title: '提示',
message: '请下滑至底部完成阅读',
showCancelButton: false
}).then(() => {
that.radio = ''
})
return
}
} else {
// 普通渠道的原有逻辑
if (that.isOver == false) {
Dialog.confirm({
title: '提示',
message: '该内容涉及您的重大权益,请您仔细阅读',
showCancelButton: false
}).then(() => {
that.radio = ''
})
} else {
if(this.fileList[this.current - 1].documentCode == '2'){
that.chaoluButtonDisabled = false
}
}
}
// 银保渠道滚动到底部后的处理
if (this.branchType == '14' && this.isScrollToBottom) {
if(this.fileList[this.current - 1].documentCode == '2'){
that.chaoluButtonDisabled = false
}
@@ -281,19 +348,42 @@
},
changeFile(readStatus){
this.documentName = this.fileList[this.current - 1].documentName
if(readStatus){
this.radio = '1'
this.isOver = true
this.Time = true
} else if(window.sessionStorage.getItem('signH5Img')) {
this.radio = '1'
this.isOver = true
this.chaoluButtonDisabled = false
// 银保渠道
if (this.branchType == '14') {
this.isScrollToBottom = false
if(readStatus){
this.radio = '1'
this.isOver = true
this.Time = true
this.isScrollToBottom = true
} else if(window.sessionStorage.getItem('signH5Img')) {
this.radio = '1'
this.isOver = true
this.chaoluButtonDisabled = false
this.isScrollToBottom = true
} else {
this.radio = ''
this.isOver = false
this.Time = true
this.isScrollToBottom = false
}
} else {
this.radio = ''
this.isOver = false
this.timeOut()
// 其他渠道
if(readStatus){
this.radio = '1'
this.isOver = true
this.Time = true
} else if(window.sessionStorage.getItem('signH5Img')) {
this.radio = '1'
this.isOver = true
this.chaoluButtonDisabled = false
} else {
this.radio = ''
this.isOver = false
this.timeOut()
}
}
let thispdfurl = ''
if(this.fileList[this.current - 1].originalUrl && (this.fileList[this.current - 1].originalUrl.indexOf('https://') != -1 || this.fileList[this.current - 1].originalUrl.indexOf('http://') != -1)) {
thispdfurl = this.fileList[this.current - 1].originalUrl
@@ -304,7 +394,8 @@
pdfurl: thispdfurl,
lazy:false,
scale:1
}).on("complete", function (status, msg, time) { //监听完成事件
}).on("complete", (status, msg, time)=> { //监听完成事件
this.pdfStatus = status
console.log("状态:" + status + ",信息:" + msg + ",耗时:" + time + "毫秒,总页数:" + this.totalNum)
})
},
@@ -385,8 +476,8 @@
},
computed: {
listenChange() {
const { isOver, radio } = this
return { isOver, radio }
const { isOver, radio, isScrollToBottom } = this
return { isOver, radio, isScrollToBottom }
}
},
beforeRouteLeave(to, from, next) {
@@ -396,17 +487,40 @@
window.sessionStorage.removeItem('signH5Val')
window.sessionStorage.removeItem('signInfo')
}
// 清理定时器
if (this.scrollTimer) {
clearTimeout(this.scrollTimer)
}
next()
},
watch: {
listenChange(val) {
let that = this
if (val.isOver == true && val.radio != '') {
that.isDisabledComplite = false
// 银保渠道
if (this.branchType == '14') {
if (val.isScrollToBottom == true && val.radio != '') {
that.isDisabledComplite = false
} else {
that.isDisabledComplite = true
}
} else {
that.isDisabledComplite = true
// 其他渠道
if (val.isOver == true && val.radio != '') {
that.isDisabledComplite = false
} else {
that.isDisabledComplite = true
}
}
}
},
pdfStatus() {
const observer = new IntersectionObserver(entries => {
entries.forEach(entry => {
if (entry.isIntersecting) this.isScrollToBottom = true
observer.unobserve(entry.target)
})
})
observer.observe(this.$refs.activeButtonEle)
}
}
}
</script>
@@ -446,4 +560,90 @@
padding: 10px 20px;
}
}
</style>
/* 银保渠道右侧标注样式 - 统一红色主题 */
.scroll-tip {
position: fixed;
right: 15px;
top: 50%;
transform: translateY(-50%);
// background: linear-gradient(135deg, #E9332E 0%, #ff4757 100%);
color: white;
padding: 10px;
border-radius: 12px;
font-size: 13px;
font-weight: 500;
z-index: 1000;
width: 20px;
text-align: center;
line-height: 1.3;
background-color: #fffbe8;
// box-shadow: 0 4px 20px #f4da58;
// border: 1px solid rgba(255, 255, 255, 0.2);
backdrop-filter: blur(10px);
// animation: slideInRight 0.5s ease-out, pulse 2s ease-in-out infinite 0.5s;
cursor: pointer;
transition: all 0.3s ease;
color: #ed6a0c;
/* 添加向下箭头图标 */
&::after {
content: '↓';
display: block;
font-size: 16px;
margin-top: 4px;
animation: bounce 1.5s ease-in-out infinite;
}
&:hover {
transform: translateY(-50%) scale(1.05);
// box-shadow: 0 6px 25px rgba(233, 51, 46, 0.6);
}
}
/* 滑入动画 */
@keyframes slideInRight {
0% {
opacity: 0;
transform: translateY(-50%) translateX(100px);
}
100% {
opacity: 1;
transform: translateY(-50%) translateX(0);
}
}
/* 脉冲动画 - 红色主题 */
@keyframes pulse {
// 0%, 100% {
// box-shadow: 0 4px 20px rgba(233, 51, 46, 0.4);
// }
// 50% {
// box-shadow: 0 6px 25px rgba(233, 51, 46, 0.7);
// }
}
/* 箭头弹跳动画 */
@keyframes bounce {
0%, 20%, 50%, 80%, 100% {
transform: translateY(0);
}
40% {
transform: translateY(-3px);
}
60% {
transform: translateY(-2px);
}
}
/* 银保渠道禁用状态的样式 */
/deep/ .van-radio--disabled {
.van-radio__icon {
background-color: #f2f3f5;
border-color: #dcdee0;
}
.van-radio__label {
color: #c8c9cc;
}
}
</style>

View File

@@ -30,7 +30,14 @@
</span>
</div>
</div>
<div style="margin-top: 15px; display: flex; align-items: center" class="fs20">
<div class="xxx-issue">
<p class="p1">您是否存在智能障碍或其他精神心理疾病</p>
<van-radio-group v-model="xxxIssue">
<van-radio name="1"></van-radio>
<van-radio name="2"></van-radio>
</van-radio-group>
</div>
<div style="margin-top: 15px; display: flex; align-items: center;margin-bottom: 100px;" class="fs20">
<span v-if="signVal == '3'" style="font-size: 16px; font-weight: bold">代理人签名</span>
<span v-if="signVal == '0' || signVal == '2'" style="font-size: 16px; font-weight: bold">投保人签名</span>
<span v-if="signVal == '1' && insuredAge >= 18" style="font-size: 16px; font-weight: bold">被保险人签名</span>
@@ -64,6 +71,7 @@
<script>
import { saveInformation } from '@/api/ebiz/sale/sale'
import isChoose from '@/assets/images/u20257.png'
import { RadioGroup, Radio} from 'vant'
export default {
data() {
return {
@@ -76,10 +84,14 @@ export default {
insuredAge: '',
guardianshow: false,
guardianName: '',
nextDisabled: true
nextDisabled: true,
xxxIssue: '2'
}
},
components: {},
components: {
[RadioGroup.name]: RadioGroup,
[Radio.name]: Radio,
},
created() {
setTimeout(() => {
// eslint-disable-next-line no-undef
@@ -157,6 +169,9 @@ export default {
}
},
gonext() {
if (this.xxxIssue === '1') {
return this.$toast('本产品不支持有智能障碍,或其他精神、心理疾病的人士投保。')
}
let params = {
orderType: 'SIGN_MERGED_ORDER',
orderDTO: {
@@ -272,4 +287,18 @@ export default {
padding: 8px 16px;
}
}
.xxx-issue{
margin-top: 10px;
.p1{
font-size: 16px;
color: #000;
margin-bottom: 10px;
}
/deep/.van-radio-group{
display: flex;
.van-radio{
margin-right: 20px;
}
}
}
</style>