国富-风险评估及结果页开发

This commit is contained in:
jiawei
2023-02-17 10:05:04 +08:00
parent e95604a992
commit 97c5cc6170
14 changed files with 645 additions and 123 deletions

View File

@@ -1,21 +1,21 @@
<template>
<div class="own_content">
<ul class="index-bar">
<li @click="changePage(Number(index) + 1)" v-for="(item, index) in pageTitle" :key="index" :class="item.tabClass" :id="item.tabClass">
<li @click="changePage(Number(index) + 1)" v-for="(item, index) in pageTitle" :key="index" :class="item.tabClass" :id="item.tabClass" v-if="item.show">
<!-- 选中 -->
<div v-if="item.tabClass" class="flex justify-content-fs align-items-c">
<div class="flex flex-direction-colunm align-items-c">
<van-image :src="item.imgCheckedUrl" class="image_head" />
<span class="fs12 mt12">{{ item.pageItem }}</span>
</div>
<van-image :src="doneUrl" v-if="index !== 7" class="image_done" />
<van-image :src="doneUrl" v-if="index !== 10" class="image_done" />
</div>
<div v-if="!item.tabClass" class="flex justify-content-fs align-items-c">
<div class="flex flex-direction-colunm align-items-c">
<van-image :src="item.imgNoCheckedUrl" class="image_head" />
<span class="fs12 mt12" style="color: #999999">{{ item.pageItem }}</span>
</div>
<van-image :src="doneNurl" v-if="index !== 7" class="image_done" />
<van-image :src="doneNurl" v-if="index !== 10" class="image_done" />
</div>
</li>
</ul>
@@ -58,6 +58,7 @@ export default {
pageItem: '投保人信息',
urlStr: '/sale/insuredInfo',
tabClass: '',
show:true,
imgCheckedUrl: this.$assetsUrl + 'images/kmh/tbrxx.png',
imgNoCheckedUrl: this.$assetsUrl + 'images/kmh/tbrxx_n.png'
},
@@ -66,6 +67,7 @@ export default {
pageItem: '被保险人信息',
urlStr: '/sale/insuredPerson',
tabClass: '',
show:true,
imgCheckedUrl: this.$assetsUrl + 'images/kmh/bbrxx.png',
imgNoCheckedUrl: this.$assetsUrl + 'images/kmh/bbrxx_n.png'
},
@@ -74,6 +76,7 @@ export default {
pageItem: '选择产品',
urlStr: '/common/selectedProduct',
tabClass: '',
show:true,
imgCheckedUrl: this.$assetsUrl + 'images/kmh/xzcp.png',
imgNoCheckedUrl: this.$assetsUrl + 'images/kmh/xzcp_n.png'
},
@@ -82,6 +85,7 @@ export default {
pageItem: '受益人信息',
urlStr: '/sale/beneficiary',
tabClass: '',
show:true,
imgCheckedUrl: this.$assetsUrl + 'images/kmh/syrxx.png',
imgNoCheckedUrl: this.$assetsUrl + 'images/kmh/syrxx_n.png'
},
@@ -90,30 +94,52 @@ export default {
pageItem: '告知信息',
urlStr: '/sale/notifyingMessage',
tabClass: '',
show:true,
imgCheckedUrl: this.$assetsUrl + 'images/kmh/gzxx.png',
imgNoCheckedUrl: this.$assetsUrl + 'images/kmh/gzxx_n.png'
},
{
pageNo: 6,
pageItem: '风险测评',
urlStr: '/sale/answerPage',
tabClass: '',
show:this.$store.getters.getAnswerType,
imgCheckedUrl: this.$assetsUrl + 'images/kmh/fx1.png',
imgNoCheckedUrl: this.$assetsUrl + 'images/kmh/fx2.png'
},
{
pageNo: 7,
pageItem: '风险测评结果',
urlStr: '/sale/answerSuccess',
tabClass: '',
show:this.$store.getters.getAnswerType,
imgCheckedUrl: this.$assetsUrl + 'images/kmh/fxjg1.png',
imgNoCheckedUrl: this.$assetsUrl + 'images/kmh/fxjg2.png'
},
{
pageNo: 8,
pageItem: '账户信息',
urlStr: '/sale/accountInformation',
tabClass: '',
show:true,
imgCheckedUrl: this.$assetsUrl + 'images/kmh/zhxx.png',
imgNoCheckedUrl: this.$assetsUrl + 'images/kmh/zhxx_n.png'
},
{
pageNo: 7,
pageNo: 9,
pageItem: '附件上传',
urlStr: '/sale/attachmentManagement',
tabClass: '',
show:true,
imgCheckedUrl: this.$assetsUrl + 'images/kmh/fjsc.png',
imgNoCheckedUrl: this.$assetsUrl + 'images/kmh/fjsc_n.png'
},
{
pageNo: 8,
pageNo: 10,
pageItem: '签名确认',
urlStr: '/sale/signatureConfirmation',
tabClass: '',
show:true,
imgCheckedUrl: this.$assetsUrl + 'images/kmh/qmqr.png',
imgNoCheckedUrl: this.$assetsUrl + 'images/kmh/qmqr_n.png'
}
@@ -129,7 +155,7 @@ export default {
changePage(pageIndex) {
let url = ''
//由 localStorage.salePageFlag 来控制是否可跳到指定页面
if (localStorage.salePageFlag == '-10' && pageIndex != 8) {
if (localStorage.salePageFlag == '-10' && pageIndex != 10) {
this.$toast('已到达签名确认流程,不可以回到前面的流程')
}
if (Number(localStorage.salePageFlag) < Number(pageIndex)) return
@@ -149,13 +175,19 @@ export default {
case 5: //跳到告知信息页面
url = `/sale/NotifyingMessage?edit=1&salePageFlag=${pageIndex}`
break
case 6: //跳到账户信息页面
case 6: //跳到风险评估
url = `/sale/answerPage?edit=1&salePageFlag=${pageIndex}`
break
case 7: //跳到风险评估结果页
url = `/sale/answerSuccess?edit=1&salePageFlag=${pageIndex}`
break
case 8: //跳到账户信息页面
url = `/sale/AccountInformation?edit=1&salePageFlag=${pageIndex}`
break
case 7: //跳到附件上传页面
case 9: //跳到附件上传页面
url = `/sale/AttachmentManagement?edit=1&salePageFlag=${pageIndex}`
break
case 8: //跳到签名确认页面
case 10: //跳到签名确认页面
url = `/sale/SignatureConfirmation?edit=1&salePageFlag=${pageIndex}`
break
default:
@@ -163,7 +195,7 @@ export default {
}
let str = location.hash
let i = str.search(/AttachmentManagement/i)
if (i !== -1 && pageIndex != 7 && pageIndex != 8) {
if (i !== -1 && pageIndex != 9 && pageIndex != 10) {
this.$dialog
.confirm({
className: 'dialog-delete',