mirror of
http://112.124.100.131/GFRS/ebiz-h5.git
synced 2025-12-09 21:36:43 +08:00
津贴申请列表
This commit is contained in:
liyuetong
120
src/router/ebiz/allowance.js
Normal file
120
src/router/ebiz/allowance.js
Normal file
@@ -0,0 +1,120 @@
|
||||
//津贴 定义相关组件
|
||||
const applicationList = () => import('@/views/ebiz/allowance/application/List')
|
||||
const applicationBaseInfo = () => import('@/views/ebiz/allowance/application/BaseInfo')
|
||||
const applicationAccountInfo = () => import('@/views/ebiz/allowance/application/AccountInfo')
|
||||
const applicationAttachmentManagement = () => import('@/views/ebiz/allowance/application/AttachmentManagement')
|
||||
const applicationSignatureConfirmation = () => import('@/views/ebiz/allowance/application/SignatureConfirmation')
|
||||
const applicationProcess = () => import('@/views/ebiz/allowance/application/process')
|
||||
|
||||
const myInfoBaseInfo = () => import('@/views/ebiz/allowance/myInfo/BaseInfo')
|
||||
const myInfoAccountInfo = () => import('@/views/ebiz/allowance/myInfo/AccountInfo')
|
||||
const myInfoAttachmentManagement = () => import('@/views/ebiz/allowance/myInfo/AttachmentManagement')
|
||||
const approvalList = () => import('@/views/ebiz/allowance/approval/List')
|
||||
|
||||
const approvalDetail = () => import('@/views/ebiz/allowance/Detail')
|
||||
|
||||
export default [
|
||||
//津贴申请
|
||||
{
|
||||
path: '/allowance/application/List',
|
||||
name: 'applicationList',
|
||||
component: applicationList,
|
||||
meta: {
|
||||
title: '津贴申请列表',
|
||||
index: 1
|
||||
}
|
||||
},
|
||||
{
|
||||
path: '/allowance/application/BaseInfo',
|
||||
name: 'applicationBaseInfo',
|
||||
component: applicationBaseInfo,
|
||||
meta: {
|
||||
title: '津贴申请信息',
|
||||
index: 1
|
||||
}
|
||||
},
|
||||
{
|
||||
path: '/allowance/application/AccountInfo',
|
||||
name: 'applicationAccountInfo',
|
||||
component: applicationAccountInfo,
|
||||
meta: {
|
||||
title: '津贴申请信息',
|
||||
index: 1
|
||||
}
|
||||
},
|
||||
{
|
||||
path: '/allowance/application/AttachmentManagement',
|
||||
name: 'applicationAttachmentManagement',
|
||||
component: applicationAttachmentManagement,
|
||||
meta: {
|
||||
title: '津贴申请信息',
|
||||
index: 1
|
||||
}
|
||||
},
|
||||
{
|
||||
path: '/allowance/application/SignatureConfirmation',
|
||||
name: 'applicationSignatureConfirmation',
|
||||
component: applicationSignatureConfirmation,
|
||||
meta: {
|
||||
title: '津贴申请信息',
|
||||
index: 1
|
||||
}
|
||||
},
|
||||
{
|
||||
path: '/allowance/application/process',
|
||||
name: 'applicationProcess',
|
||||
component: applicationProcess,
|
||||
meta: {
|
||||
title: '审批流程详情',
|
||||
index: 1
|
||||
}
|
||||
},
|
||||
//我的资料
|
||||
{
|
||||
path: '/allowance/myInfo/BaseInfo',
|
||||
name: 'myInfoBaseInfo',
|
||||
component: myInfoBaseInfo,
|
||||
meta: {
|
||||
title: '填写津贴申请信息',
|
||||
index: 1
|
||||
}
|
||||
},
|
||||
{
|
||||
path: '/allowance/myInfo/AccountInfo',
|
||||
name: 'myInfoAccountInfo',
|
||||
component: myInfoAccountInfo,
|
||||
meta: {
|
||||
title: '填写津贴申请信息',
|
||||
index: 1
|
||||
}
|
||||
},
|
||||
{
|
||||
path: '/allowance/myInfo/AttachmentManagement',
|
||||
name: 'myInfoAttachmentManagement',
|
||||
component: myInfoAttachmentManagement,
|
||||
meta: {
|
||||
title: '填写津贴申请信息',
|
||||
index: 1
|
||||
}
|
||||
},
|
||||
//津贴审批
|
||||
{
|
||||
path: '/allowance/approval/List',
|
||||
name: 'approvalList',
|
||||
component: approvalList,
|
||||
meta: {
|
||||
title: '津贴审批列表',
|
||||
index: 1
|
||||
}
|
||||
},
|
||||
//津贴申请详情和津贴审批详情
|
||||
{
|
||||
path: '/allowance/detail',
|
||||
name: 'approvalDetail',
|
||||
component: approvalDetail,
|
||||
meta: {
|
||||
title: '津贴申请详情',
|
||||
index: 1
|
||||
}
|
||||
}
|
||||
]
|
||||
@@ -42,6 +42,8 @@ import billingDetail from './billingDetail'
|
||||
import customerService from './customerService'
|
||||
// 桂冠俱乐部
|
||||
import laurelClub from './laurelClub'
|
||||
//津贴
|
||||
import allowance from './allowance'
|
||||
export default [
|
||||
...proposal,
|
||||
...sale,
|
||||
@@ -77,4 +79,5 @@ export default [
|
||||
...billingDetail,
|
||||
...customerService,
|
||||
...laurelClub,
|
||||
...allowance
|
||||
] //根据需要进行删减
|
||||
|
||||
0
src/views/ebiz/allowance/Detail.vue
Normal file
0
src/views/ebiz/allowance/Detail.vue
Normal file
0
src/views/ebiz/allowance/application/BaseInfo.vue
Normal file
0
src/views/ebiz/allowance/application/BaseInfo.vue
Normal file
493
src/views/ebiz/allowance/application/List.vue
Normal file
493
src/views/ebiz/allowance/application/List.vue
Normal file
@@ -0,0 +1,493 @@
|
||||
<template>
|
||||
<div class="sale-list-container pb50">
|
||||
<van-sticky>
|
||||
<van-tabs :line-width="45" v-model="active" @change="tabChange" sticky>
|
||||
<van-tab name="uncommit" title="未提交"></van-tab>
|
||||
<van-tab name="commit" title="审批中"></van-tab>
|
||||
<van-tab name="waitUnderwritten" title="审批通过"></van-tab>
|
||||
</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"
|
||||
>
|
||||
<div v-if="isSuccess">
|
||||
<div v-if="saleList.length > 0">
|
||||
<div v-for="(order, index) in saleList" :key="index">
|
||||
<!-- <div class="fs12 mt20 mb5 text-center">{{ order.orderInfoDTO.createDate }}</div> -->
|
||||
<div class="bg-white m15 pv15 pr15 pl10">
|
||||
<div class="flex justify-content-s align-items-c">
|
||||
<div>
|
||||
<div class="w70 inline-b">
|
||||
<van-tag plain color="#5CA7DE">申请人</van-tag>
|
||||
</div>
|
||||
<span class="fs15 c-gray-dark">{{ order.appntDTO.name }}</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mv15">
|
||||
<div class="w70 inline-b">
|
||||
<van-tag plain color="#5CA7DE
|
||||
">申请时间</van-tag>
|
||||
</div>
|
||||
<span class="fs15 c-gray-dark">{{ order.orderInfoDTO.createDate }}</span>
|
||||
</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
|
||||
>
|
||||
<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="revokeOrder(order)"
|
||||
v-if="active == 'commit'"
|
||||
plain
|
||||
size="small"
|
||||
class="mr5"
|
||||
type="danger"
|
||||
round
|
||||
>撤销</van-button
|
||||
>
|
||||
<van-button @click="seeDetail(order)" v-if="active == 'commit'" size="small" type="danger" round class="mr5" >查看详情</van-button>
|
||||
<van-button @click="seeProcess(order)" v-if="active == 'commit'" size="small" type="danger" round>查看审批流程</van-button>
|
||||
<van-button
|
||||
@click="applicationAgainFunc(order)"
|
||||
v-if="active == 'waitUnderwritten'"
|
||||
size="small"
|
||||
class="mr5"
|
||||
type="danger"
|
||||
round
|
||||
>再次申请</van-button
|
||||
>
|
||||
<van-button plain @click="seeProcess(order)" v-if="active == 'waitUnderwritten'" size="small" type="danger" round>查看审批流程</van-button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div v-else class="text-center">
|
||||
<img class="mt40" src="@/assets/images/pic_page-non.png" />
|
||||
<div class="fs17 mt40">暂无订单</div>
|
||||
</div>
|
||||
</div>
|
||||
</van-list>
|
||||
|
||||
<van-button type="danger" class="bottom-btn" @click="applicationFunc" 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
|
||||
>
|
||||
<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>
|
||||
</template>
|
||||
</van-field>
|
||||
</van-dialog> -->
|
||||
|
||||
<!-- 短信验证 -->
|
||||
<!-- <check-agent @checModelSuccessMethod="initThisPage" /> -->
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { Search, Tabs, Tab, List, Tag, Sticky, Toast, Dialog, Field } from 'vant'
|
||||
import { orderList, deleteOrderInfo, getAuthCode, revokeOrder } 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'
|
||||
|
||||
export default {
|
||||
name: 'applicationList',
|
||||
components: {
|
||||
[CheckAgent.name]: CheckAgent,
|
||||
[Field.name]: Field,
|
||||
[Search.name]: Search,
|
||||
[Tabs.name]: Tabs,
|
||||
[Tab.name]: Tab,
|
||||
[List.name]: List,
|
||||
[Tag.name]: Tag,
|
||||
[Sticky.name]: Sticky,
|
||||
[Dialog.name]: Dialog
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
isCheck: 0, //查看是否有权限
|
||||
searchName: '',
|
||||
active: 'uncommit', //uncommit 表示未提交 commit表示已提交 waitUnderwritten审批通过
|
||||
saleList: [],
|
||||
loading: false,
|
||||
finished: false,
|
||||
total: '', //总页数
|
||||
currentPage: 1, //当前页数
|
||||
error: false,
|
||||
finishedText: '没有更多了',
|
||||
pageSize: 5, //每页数据条数
|
||||
isSuccess: false,
|
||||
canRevoke: {
|
||||
'19': true,
|
||||
'02': true,
|
||||
'48': true,
|
||||
'49': true,
|
||||
'55': true,
|
||||
'58': true,
|
||||
'46': true,
|
||||
'50': true,
|
||||
'51': true
|
||||
},
|
||||
revokePanelShow: false,
|
||||
sms: '',
|
||||
smsId: '',
|
||||
sendTime: 0,
|
||||
getCaptcha: false,
|
||||
captchaTimer: null,
|
||||
captchaReceiver: '',
|
||||
revokeOrderNo: '',
|
||||
captchaMaped: false
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
setTimeout(() => {
|
||||
// eslint-disable-next-line no-undef
|
||||
EWebBridge.webCallAppInJs('webview_left_button', {
|
||||
intercept: '1' //是否拦截原生返回事件 1是 其他否
|
||||
})
|
||||
}, 100)
|
||||
window.appCallBack = this.appCallBack
|
||||
this.loadMore()
|
||||
},
|
||||
methods: {
|
||||
appCallBack(data) {
|
||||
if (data.trigger == 'left_button_click') {
|
||||
this.$jump({
|
||||
flag: 'home'
|
||||
})
|
||||
}
|
||||
},
|
||||
//分页用
|
||||
loadMore() {
|
||||
let pageInfo = {
|
||||
pageNum: this.currentPage,
|
||||
pageSize: this.pageSize,
|
||||
orderType: this.active,
|
||||
name: this.searchName,
|
||||
desensitizType: this.active === 'uncommit' ? 1 : 0
|
||||
}
|
||||
this.getOrderList(pageInfo)
|
||||
},
|
||||
//初始化保单列表
|
||||
getOrderList(pageInfo) {
|
||||
orderList(pageInfo).then(res => {
|
||||
if (res.result == '0') {
|
||||
this.isSuccess = true
|
||||
this.currentPage++
|
||||
if (res.orderDTOPageInfo == null || res.orderDTOPageInfo == '' || res.orderDTOPageInfo == undefined) {
|
||||
this.finished = true
|
||||
this.loading = false
|
||||
this.finishedText = ''
|
||||
return
|
||||
}
|
||||
let list = res.orderDTOPageInfo.list
|
||||
if (list.length == 0) {
|
||||
this.finishedText = ''
|
||||
} else {
|
||||
this.finishedText = '已经全部加载'
|
||||
}
|
||||
list = formatRiskList(list, 'insuredDTOs', 'riskDTOLst') //根据后面两个参数 来格式化数据
|
||||
dataDictionary.policyState.forEach(state => {
|
||||
list.forEach(order => {
|
||||
if (state.id == order.orderInfoDTO.orderStatus) {
|
||||
order.stateName = state.text
|
||||
}
|
||||
})
|
||||
})
|
||||
this.saleList = this.saleList.concat(list)
|
||||
if (this.saleList.length == 0) {
|
||||
this.isSuccess = false
|
||||
}
|
||||
this.loading = false
|
||||
if (res.orderDTOPageInfo.nextPage == 0) {
|
||||
//当下一页为0时 表示全部数据加载完毕
|
||||
this.finished = true
|
||||
}
|
||||
} else {
|
||||
this.finished = true
|
||||
this.loading = false
|
||||
this.finishedText = res.resultMessage
|
||||
}
|
||||
})
|
||||
},
|
||||
tabChange(name) {
|
||||
this.currentPage = 1
|
||||
this.active = name
|
||||
this.saleList = []
|
||||
;[this.loading, this.finished] = [true, false]
|
||||
this.finishedText = '正在加载...'
|
||||
this.loadMore()
|
||||
},
|
||||
//编辑--详情
|
||||
goDetail(order) {
|
||||
window.localStorage.setItem('detailJump', '')
|
||||
if (order.insuredDTOs[0]) {
|
||||
if (order.insuredDTOs[0].riskDTOLst[0]) {
|
||||
localStorage.setItem('productCode', order.insuredDTOs[0].riskDTOLst[0].mainRiskCode)
|
||||
}
|
||||
}
|
||||
let orderStatus = order.orderInfoDTO.orderStatus
|
||||
let orderNo = order.orderInfoDTO.orderNo
|
||||
let url = ''
|
||||
//保存对应的订单号
|
||||
localStorage.orderNo = orderNo
|
||||
localStorage.isFrom = 'sale'
|
||||
localStorage.removeItem('changeCard')
|
||||
switch (orderStatus) {
|
||||
case '01': //已签名待客户确认, 跳到签名确认页面
|
||||
url = '/sale/SignatureConfirmation?edit=1'
|
||||
break
|
||||
case '43': //未签名待客户确认, 跳到签名确认页面
|
||||
url = '/sale/SignatureConfirmation?edit=1'
|
||||
break
|
||||
case '35': //投保人保存成功, 跳到被保险人页面--
|
||||
url = '/sale/insuredPerson?edit=1'
|
||||
break
|
||||
case '36': //被保险人保存成功, 跳到已选产品列表
|
||||
url = '/common/selectedProduct?edit=1'
|
||||
break
|
||||
case '37': //受益人保存成功, 跳到告知信息--
|
||||
url = '/sale/NotifyingMessage?edit=1'
|
||||
break
|
||||
case '38': //账户信息保存成功, 跳到附件管理--
|
||||
url = '/sale/AttachmentManagement?edit=1'
|
||||
break
|
||||
case '39': //险种信息保存成功, 跳到已选产品列表
|
||||
url = '/common/selectedProduct?edit=1'
|
||||
break
|
||||
case '40': //告知信息保存成功, 跳到账户信息--
|
||||
url = '/sale/AccountInformation?edit=1'
|
||||
break
|
||||
case '': //跳到投保人
|
||||
url = '/sale/insuredInfo?edit=1'
|
||||
break
|
||||
case '44': //建议书转投保, 跳到投保人
|
||||
url = '/sale/insuredInfo?edit=1'
|
||||
break
|
||||
default:
|
||||
break
|
||||
}
|
||||
this.$jump({
|
||||
flag: 'h5',
|
||||
extra: {
|
||||
forbidSwipeBack: '1',
|
||||
url: location.origin + `/#${url}`
|
||||
},
|
||||
routerInfo: { path: url }
|
||||
})
|
||||
},
|
||||
//删除投保单
|
||||
del(order) {
|
||||
let params = {
|
||||
orderType: 'DEL_ORDER', //列表页 此值为固定
|
||||
id: order.orderInfoDTO.orderNo,
|
||||
orderDTO: {
|
||||
orderInfo: {
|
||||
orderNo: order.orderNo
|
||||
}
|
||||
}
|
||||
}
|
||||
this.$dialog
|
||||
.confirm({
|
||||
className: 'dialog-delete',
|
||||
title: '提示',
|
||||
message: '确认删除投保单吗？',
|
||||
cancelButtonColor: '#2e4591',
|
||||
confirmButtonColor: '#FFFFFF'
|
||||
})
|
||||
.then(() => {
|
||||
deleteOrderInfo(params).then(res => {
|
||||
if (res.result == 0) {
|
||||
this.saleList = []
|
||||
this.isSuccess = false
|
||||
this.currentPage = 1
|
||||
;[this.loading, this.finished] = [true, false]
|
||||
let pageInfo = {
|
||||
pageNum: this.currentPage,
|
||||
pageSize: this.pageSize,
|
||||
orderType: this.active
|
||||
}
|
||||
this.loadMore(pageInfo)
|
||||
} else {
|
||||
Toast.fail(res.resultMessage)
|
||||
}
|
||||
})
|
||||
})
|
||||
.catch(() => {})
|
||||
},
|
||||
//撤销
|
||||
revokeOrder(order) {
|
||||
console.dir(order)
|
||||
this.$dialog
|
||||
.confirm({
|
||||
className: 'dialog-delete',
|
||||
title: '提示',
|
||||
message: '撤单后,数据将不可恢复,您确定要撤单吗?',
|
||||
cancelButtonColor: '#2e4591',
|
||||
confirmButtonColor: '#FFFFFF'
|
||||
})
|
||||
.then(() => {
|
||||
this.revokePanelShow = true
|
||||
this.captchaReceiver = order.appntDTO.mobile
|
||||
this.revokeOrderNo = order.orderInfoDTO.orderNo
|
||||
})
|
||||
},
|
||||
//查看详情
|
||||
seeDetail(order) {
|
||||
localStorage.orderNo = order.orderInfoDTO.orderNo
|
||||
localStorage.removeItem('changeCard')
|
||||
this.$jump({
|
||||
flag: 'h5',
|
||||
extra: {
|
||||
url: location.origin + '/#/allowance/detail?type=1'
|
||||
},
|
||||
routerInfo: {
|
||||
path: '/allowance/detail',
|
||||
query: {
|
||||
type: 1
|
||||
}
|
||||
}
|
||||
})
|
||||
},
|
||||
//查看审批流程
|
||||
seeProcess(order) {
|
||||
localStorage.orderNo = order.orderInfoDTO.orderNo
|
||||
localStorage.removeItem('changeCard')
|
||||
this.$jump({
|
||||
flag: 'h5',
|
||||
extra: {
|
||||
url: location.origin + '/#/allowance/application/process'
|
||||
},
|
||||
routerInfo: {
|
||||
path: '/allowance/application/process',
|
||||
query: {
|
||||
type: 1
|
||||
}
|
||||
}
|
||||
})
|
||||
},
|
||||
//查看审批流程
|
||||
applicationAgainFunc(order) {
|
||||
localStorage.orderNo = order.orderInfoDTO.orderNo
|
||||
localStorage.removeItem('changeCard')
|
||||
this.$jump({
|
||||
flag: 'h5',
|
||||
extra: {
|
||||
url: location.origin + '/#/allowance/application/BaseInfo'
|
||||
},
|
||||
routerInfo: {
|
||||
path: '/allowance/application/BaseInfo',
|
||||
query: {
|
||||
type: 1
|
||||
}
|
||||
}
|
||||
})
|
||||
},
|
||||
//点击申请，跳转到津贴申请信息页面
|
||||
applicationFunc() {
|
||||
Toast.loading({
|
||||
duration: 2000, // 持续展示 toast
|
||||
forbidClick: true,
|
||||
message: '您当前暂不具备申请条件。\n 需符合以下标准，方可申请津贴：\n 1.连续达成36个月桂冠人力或连续达成24个月双冠人力； \n 2.达成当月个人综合继续率：80%及以上；3.最近1年内没有被确认属实的品质投诉；4.父母其中一方年满60周岁，且在世，仅发放父母其中一人。',
|
||||
});
|
||||
// Toast('每月只能申请一次津贴，您当月已申请津贴，请下月再次申请。')
|
||||
return false
|
||||
localStorage.orderNo = ''
|
||||
localStorage.chooseProductCodes = '' //置空所选险种
|
||||
this.$jump({
|
||||
flag: 'h5',
|
||||
extra: {
|
||||
url: location.origin + '/#/allowance/application/BaseInfo'
|
||||
},
|
||||
routerInfo: { path: '/allowance/application/BaseInfo' }
|
||||
})
|
||||
},
|
||||
},
|
||||
filters: {
|
||||
encryCheckModelMobile(code) {
|
||||
return code.replace(/^(\d{3})\d{4}(\d{4})$/, '$1****$2')
|
||||
},
|
||||
phoneNumFilter(phoneNum) {
|
||||
let num = phoneNum.split('')
|
||||
num.splice(3, 4, '****')
|
||||
return num.join('')
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
#app .van-button--danger {
|
||||
background: #2e4591;
|
||||
border: 1px solid #2e4591;
|
||||
}
|
||||
#app .van-button--plain.van-button--danger, #app .van-tag--plain.van-tag--danger {
|
||||
color: #2e4591;
|
||||
background: transparent;
|
||||
}
|
||||
/deep/ .van-tabs__line, #app .van-tag--danger {
|
||||
background-color: #2e4591 !important;
|
||||
}
|
||||
/deep/ .dialog-delete .van-dialog__header {
|
||||
padding: 0.5em;
|
||||
margin-bottom: 0;
|
||||
border-bottom: 1px solid #eaeaea;
|
||||
}
|
||||
|
||||
/deep/ .van-cell {
|
||||
padding: 0;
|
||||
padding-bottom: 0.5em;
|
||||
border-bottom: 1px solid #eaeaea;
|
||||
}
|
||||
|
||||
/deep/ .van-dialog__content {
|
||||
padding: 1em;
|
||||
}
|
||||
|
||||
.captchaReceiver {
|
||||
margin-bottom: 1em;
|
||||
padding-bottom: 1em;
|
||||
border-bottom: 1px solid #eaeaea;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.van-search__content {
|
||||
background: #fff !important;
|
||||
border-radius: 10px;
|
||||
}
|
||||
.van-search {
|
||||
background: none !important;
|
||||
}
|
||||
</style>
|
||||
0
src/views/ebiz/allowance/application/process.vue
Normal file
0
src/views/ebiz/allowance/application/process.vue
Normal file
642
src/views/ebiz/allowance/approval/List.vue
Normal file
642
src/views/ebiz/allowance/approval/List.vue
Normal file
@@ -0,0 +1,642 @@
|
||||
<template>
|
||||
<div class="sale-list-container pb50 text-center" v-if="isCheck == 1">
|
||||
<p class="f10 gray mt60">您暂无使用权限！</p>
|
||||
<p class="f10 gray mt5">如有问题咨询，请联系个险业务部。</p>
|
||||
</div>
|
||||
<div class="sale-list-container pb50" v-else-if="isCheck == 0">
|
||||
<van-search placeholder="请输入投保人姓名" v-model="searchName" @change="searchList" @keyup.enter="searchList" />
|
||||
<van-sticky>
|
||||
<van-tabs :line-width="45" v-model="active" @change="tabChange" sticky>
|
||||
<van-tab name="uncommit" title="未提交"></van-tab>
|
||||
<van-tab name="commit" title="已提交"></van-tab>
|
||||
<van-tab name="waitUnderwritten" title="待承保"></van-tab>
|
||||
</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"
|
||||
>
|
||||
<div v-if="isSuccess">
|
||||
<div v-if="saleList.length > 0">
|
||||
<div v-for="(order, index) in saleList" :key="index">
|
||||
<div class="fs12 mt20 mb5 text-center">{{ order.orderInfoDTO.createDate }}</div>
|
||||
<div class="bg-white m15 pv15 pr15 pl10">
|
||||
<div class="flex justify-content-s align-items-c">
|
||||
<div>
|
||||
<div class="w45 inline-b">
|
||||
<van-tag plain color="#5CA7DE">投保</van-tag>
|
||||
</div>
|
||||
<span class="fs15 c-gray-dark">{{ order.appntDTO.name }}</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div v-for="(insured, insuredIndex) in order.insuredDTOs" :key="insuredIndex">
|
||||
<div class="mv15">
|
||||
<div class="w45 inline-b">
|
||||
<van-tag plain color="#DD9C56">被保</van-tag>
|
||||
</div>
|
||||
<span class="fs15 c-gray-dark">{{ insured.name }}</span>
|
||||
</div>
|
||||
<div v-for="(main, mainIndex) in insured.mainRisk" :key="mainIndex">
|
||||
<div class="mv10">
|
||||
<span class="w45 inline-b">
|
||||
<van-tag plain type="danger">主险</van-tag>
|
||||
</span>
|
||||
<span class="fs15 c-gray-dark">{{ main.riskName }}</span>
|
||||
</div>
|
||||
<div class="mv10 pl45 flex" v-for="(addtional, addtionIndex) in main.addtion" :key="addtionIndex">
|
||||
<span class="mr10" style="flex-shrink: 0">
|
||||
<van-tag mark color="#DDF2EF" text-color="#E9332E">附加</van-tag>
|
||||
</span>
|
||||
<span class="fs13">{{ addtional.riskName }}</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="flex fs15 justify-content-s mt15 mb15">
|
||||
<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>
|
||||
<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="w80 inline-b">
|
||||
<van-tag plain color="#999999">状态</van-tag>
|
||||
</div>
|
||||
<span class="fs14 c-gray-dark">{{ order.stateName }}</span>
|
||||
</div>
|
||||
</div>
|
||||
<div v-if="!!order.orderInfoDTO.doubleFlag && order.orderInfoDTO.doubleFlag == '0'" class="fs12 mt15">
|
||||
温馨提示：本投保单满足双录条件，需要双录质检通过后才能承保。
|
||||
</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
|
||||
>
|
||||
<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
|
||||
>
|
||||
<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'">
|
||||
<van-button @click="changeCard(order)" size="small" class="mr5" type="danger" round>修改卡号</van-button>
|
||||
<van-button @click="againPay(order)" size="small" class="mr5" type="danger" round>重新支付</van-button>
|
||||
</template>
|
||||
<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>
|
||||
|
||||
<van-button
|
||||
@click="revokeOrder(order)"
|
||||
v-if="active == 'commit' && canRevoke[order.orderInfoDTO.orderStatus]"
|
||||
size="small"
|
||||
class="mr5"
|
||||
type="danger"
|
||||
round
|
||||
>撤单</van-button
|
||||
>
|
||||
<van-button @click="seePolicy(order)" v-if="active == 'commit'" size="small" type="danger" round>查看投保单</van-button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div v-else class="text-center">
|
||||
<img class="mt40" src="@/assets/images/pic_page-non.png" />
|
||||
<div class="fs17 mt40">暂无订单</div>
|
||||
</div>
|
||||
</div>
|
||||
</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
|
||||
>
|
||||
<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>
|
||||
</template>
|
||||
</van-field>
|
||||
</van-dialog>
|
||||
|
||||
<!-- 短信验证 -->
|
||||
<check-agent @checModelSuccessMethod="initThisPage" />
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { Search, Tabs, Tab, List, Tag, Sticky, Toast, Dialog, Field } from 'vant'
|
||||
import { orderList, deleteOrderInfo, getAuthCode, revokeOrder } 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'
|
||||
|
||||
export default {
|
||||
name: 'saleList',
|
||||
components: {
|
||||
[CheckAgent.name]: CheckAgent,
|
||||
[Field.name]: Field,
|
||||
[Search.name]: Search,
|
||||
[Tabs.name]: Tabs,
|
||||
[Tab.name]: Tab,
|
||||
[List.name]: List,
|
||||
[Tag.name]: Tag,
|
||||
[Sticky.name]: Sticky,
|
||||
[Dialog.name]: Dialog
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
isCheck: 0, //查看是否有权限
|
||||
showFlag: true,
|
||||
searchName: '',
|
||||
active: 'uncommit', //uncommit 表示未提交 commit表示已提交
|
||||
saleList: [],
|
||||
loading: false,
|
||||
finished: false,
|
||||
total: '', //总页数
|
||||
currentPage: 1, //当前页数
|
||||
error: false,
|
||||
finishedText: '没有更多了',
|
||||
pageSize: 5, //每页数据条数
|
||||
isSuccess: false,
|
||||
canRevoke: {
|
||||
'19': true,
|
||||
'02': true,
|
||||
'48': true,
|
||||
'49': true,
|
||||
'55': true,
|
||||
'58': true,
|
||||
'46': true,
|
||||
'50': true,
|
||||
'51': true
|
||||
},
|
||||
revokePanelShow: false,
|
||||
sms: '',
|
||||
smsId: '',
|
||||
sendTime: 0,
|
||||
getCaptcha: false,
|
||||
captchaTimer: null,
|
||||
captchaReceiver: '',
|
||||
revokeOrderNo: '',
|
||||
captchaMaped: false
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
setTimeout(() => {
|
||||
// eslint-disable-next-line no-undef
|
||||
EWebBridge.webCallAppInJs('webview_left_button', {
|
||||
intercept: '1' //是否拦截原生返回事件 1是 其他否
|
||||
})
|
||||
}, 100)
|
||||
window.appCallBack = this.appCallBack
|
||||
funcPermCheck({}).then(res => {
|
||||
this.isCheck = res.result
|
||||
})
|
||||
},
|
||||
methods: {
|
||||
beforeClose(action, done) {
|
||||
this.captchaMaped ? done() : done(false)
|
||||
},
|
||||
async getCaptchaCode() {
|
||||
if (this.sendTime !== 0) return
|
||||
this.getCaptcha = true
|
||||
this.sendTime = 60
|
||||
let data = {
|
||||
operateType: 'appntInfoEntry',
|
||||
type: 'H5',
|
||||
operateCode: this.captchaReceiver,
|
||||
system: 'agentApp',
|
||||
operateCodeType: '0'
|
||||
}
|
||||
let res = await getAuthCode(data)
|
||||
if (res.result === '0') {
|
||||
this.$toast('获取验证码成功')
|
||||
}
|
||||
this.smsId = res.sessionId
|
||||
this.captchaTimer = setInterval(() => {
|
||||
this.sendTime--
|
||||
if (this.sendTime === 0) {
|
||||
clearInterval(this.captchaTimer)
|
||||
this.captchaTimer = null
|
||||
}
|
||||
}, 1000)
|
||||
},
|
||||
async checkCaptchaCode() {
|
||||
if (!this.getCaptcha) {
|
||||
return this.$toast('请先获取验证码')
|
||||
}
|
||||
if (!this.sms.trim()) {
|
||||
return this.$toast('请输入验证码')
|
||||
}
|
||||
clearInterval(this.captchaTimer)
|
||||
this.captchaTimer = null
|
||||
let revokeResult = await revokeOrder({
|
||||
id: this.revokeOrderNo,
|
||||
smsId: this.smsId,
|
||||
code: this.sms
|
||||
})
|
||||
if (revokeResult.result == 0) {
|
||||
this.$toast('撤单成功!')
|
||||
setTimeout(() => {
|
||||
this.saleList = []
|
||||
this.isSuccess = false
|
||||
this.currentPage = 1
|
||||
;[this.loading, this.finished] = [true, false]
|
||||
let pageInfo = {
|
||||
pageNum: this.currentPage,
|
||||
pageSize: this.pageSize,
|
||||
orderType: this.active
|
||||
}
|
||||
this.loadMore(pageInfo)
|
||||
}, 1000)
|
||||
} else {
|
||||
Toast.fail(revokeResult.resultMessage)
|
||||
}
|
||||
this.cancelCaptchaCode()
|
||||
this.sms = ''
|
||||
},
|
||||
cancelCaptchaCode() {
|
||||
this.sendTime = 0
|
||||
this.revokePanelShow = false
|
||||
clearInterval(this.captchaTimer)
|
||||
this.captchaTimer = null
|
||||
this.getCaptcha = false
|
||||
this.captchaMaped = false
|
||||
this.captchaReceiver = ''
|
||||
},
|
||||
initThisPage(showFlag) {
|
||||
this.showFlag = showFlag
|
||||
if (this.showFlag) {
|
||||
return
|
||||
}
|
||||
this.loadMore()
|
||||
},
|
||||
appCallBack(data) {
|
||||
if (data.trigger == 'left_button_click') {
|
||||
this.$jump({
|
||||
flag: 'home'
|
||||
})
|
||||
}
|
||||
},
|
||||
//分页用
|
||||
loadMore() {
|
||||
if (this.showFlag) {
|
||||
return
|
||||
}
|
||||
let pageInfo = {
|
||||
pageNum: this.currentPage,
|
||||
pageSize: this.pageSize,
|
||||
orderType: this.active,
|
||||
name: this.searchName,
|
||||
desensitizType: this.active === 'uncommit' ? 1 : 0
|
||||
}
|
||||
this.getOrderList(pageInfo)
|
||||
},
|
||||
//再次支付
|
||||
againPay(order) {
|
||||
localStorage.orderNo = order.orderInfoDTO.orderNo
|
||||
// 再次支付 salelist为 0
|
||||
localStorage.salelist = '0'
|
||||
localStorage.removeItem('changeCard')
|
||||
this.$jump({
|
||||
flag: 'h5',
|
||||
extra: {
|
||||
url: location.origin + '/#/sale/payMent'
|
||||
},
|
||||
routerInfo: { path: '/sale/payMent' }
|
||||
})
|
||||
},
|
||||
//支付失败去换卡
|
||||
changeCard(order) {
|
||||
let url = ''
|
||||
let orderStatus = order.orderInfoDTO.orderStatus
|
||||
localStorage.orderNo = order.orderInfoDTO.orderNo
|
||||
if (order.insuredDTOs[0].riskDTOLst[0]) {
|
||||
localStorage.setItem('productCode', order.insuredDTOs[0].riskDTOLst[0].mainRiskCode)
|
||||
}
|
||||
localStorage.setItem('changeCard', true)
|
||||
switch (orderStatus) {
|
||||
case '55': //账户信息页
|
||||
url = '/sale/AccountInformation'
|
||||
break
|
||||
case '48': //账户信息填写成功，跳到影像上传页
|
||||
url = '/sale/AttachmentManagement'
|
||||
break
|
||||
case '49': //影像上传页填写成功，跳到银行卡号确认页
|
||||
url = '/sale/SignatureConfirmation'
|
||||
break
|
||||
}
|
||||
this.$jump({
|
||||
flag: 'h5',
|
||||
extra: {
|
||||
url: location.origin + `/#${url}`
|
||||
},
|
||||
routerInfo: { path: url }
|
||||
})
|
||||
},
|
||||
//去支付
|
||||
goPay(order) {
|
||||
localStorage.orderNo = order.orderInfoDTO.orderNo
|
||||
localStorage.setItem('AppntidType', order.appntDTO.idType)
|
||||
localStorage.salelist = '1'
|
||||
localStorage.removeItem('changeCard')
|
||||
this.$jump({
|
||||
flag: 'h5',
|
||||
extra: {
|
||||
url: location.origin + '/#/sale/payMent'
|
||||
},
|
||||
routerInfo: { path: '/sale/payMent' }
|
||||
})
|
||||
},
|
||||
//查看保单
|
||||
seePolicy(order) {
|
||||
localStorage.orderNo = order.orderInfoDTO.orderNo
|
||||
localStorage.removeItem('changeCard')
|
||||
this.$jump({
|
||||
flag: 'h5',
|
||||
extra: {
|
||||
url: location.origin + '/#/sale/detail?type=1'
|
||||
},
|
||||
routerInfo: {
|
||||
path: '/sale/detail',
|
||||
query: {
|
||||
type: 1
|
||||
}
|
||||
}
|
||||
})
|
||||
},
|
||||
//初始化保单列表
|
||||
getOrderList(pageInfo) {
|
||||
orderList(pageInfo).then(res => {
|
||||
if (res.result == '0') {
|
||||
this.isSuccess = true
|
||||
this.currentPage++
|
||||
if (res.orderDTOPageInfo == null || res.orderDTOPageInfo == '' || res.orderDTOPageInfo == undefined) {
|
||||
this.finished = true
|
||||
this.loading = false
|
||||
this.finishedText = ''
|
||||
return
|
||||
}
|
||||
let list = res.orderDTOPageInfo.list
|
||||
if (list.length == 0) {
|
||||
this.finishedText = ''
|
||||
} else {
|
||||
this.finishedText = '已经全部加载'
|
||||
}
|
||||
list = formatRiskList(list, 'insuredDTOs', 'riskDTOLst') //根据后面两个参数 来格式化数据
|
||||
dataDictionary.policyState.forEach(state => {
|
||||
list.forEach(order => {
|
||||
if (state.id == order.orderInfoDTO.orderStatus) {
|
||||
order.stateName = state.text
|
||||
}
|
||||
})
|
||||
})
|
||||
this.saleList = this.saleList.concat(list)
|
||||
if (this.saleList.length == 0) {
|
||||
this.isSuccess = false
|
||||
}
|
||||
this.loading = false
|
||||
if (res.orderDTOPageInfo.nextPage == 0) {
|
||||
//当下一页为0时 表示全部数据加载完毕
|
||||
this.finished = true
|
||||
}
|
||||
} else {
|
||||
this.finished = true
|
||||
this.loading = false
|
||||
this.finishedText = res.resultMessage
|
||||
}
|
||||
})
|
||||
},
|
||||
tabChange(name) {
|
||||
this.currentPage = 1
|
||||
this.active = name
|
||||
this.saleList = []
|
||||
;[this.loading, this.finished] = [true, false]
|
||||
this.finishedText = '正在加载...'
|
||||
this.loadMore()
|
||||
},
|
||||
searchList() {
|
||||
this.currentPage = 1
|
||||
this.saleList = []
|
||||
;[this.loading, this.finished] = [true, false]
|
||||
this.finishedText = '正在加载...'
|
||||
this.loadMore()
|
||||
},
|
||||
//投保单详情
|
||||
goDetail(order) {
|
||||
window.localStorage.setItem('detailJump', '')
|
||||
if (order.insuredDTOs[0]) {
|
||||
if (order.insuredDTOs[0].riskDTOLst[0]) {
|
||||
localStorage.setItem('productCode', order.insuredDTOs[0].riskDTOLst[0].mainRiskCode)
|
||||
}
|
||||
}
|
||||
let orderStatus = order.orderInfoDTO.orderStatus
|
||||
let orderNo = order.orderInfoDTO.orderNo
|
||||
let url = ''
|
||||
//保存对应的订单号
|
||||
localStorage.orderNo = orderNo
|
||||
localStorage.isFrom = 'sale'
|
||||
localStorage.removeItem('changeCard')
|
||||
switch (orderStatus) {
|
||||
case '01': //已签名待客户确认, 跳到签名确认页面
|
||||
url = '/sale/SignatureConfirmation?edit=1'
|
||||
break
|
||||
case '43': //未签名待客户确认, 跳到签名确认页面
|
||||
url = '/sale/SignatureConfirmation?edit=1'
|
||||
break
|
||||
case '35': //投保人保存成功, 跳到被保险人页面--
|
||||
url = '/sale/insuredPerson?edit=1'
|
||||
break
|
||||
case '36': //被保险人保存成功, 跳到已选产品列表
|
||||
url = '/common/selectedProduct?edit=1'
|
||||
break
|
||||
case '37': //受益人保存成功, 跳到告知信息--
|
||||
url = '/sale/NotifyingMessage?edit=1'
|
||||
break
|
||||
case '38': //账户信息保存成功, 跳到附件管理--
|
||||
url = '/sale/AttachmentManagement?edit=1'
|
||||
break
|
||||
case '39': //险种信息保存成功, 跳到已选产品列表
|
||||
url = '/common/selectedProduct?edit=1'
|
||||
break
|
||||
case '40': //告知信息保存成功, 跳到账户信息--
|
||||
url = '/sale/AccountInformation?edit=1'
|
||||
break
|
||||
case '': //跳到投保人
|
||||
url = '/sale/insuredInfo?edit=1'
|
||||
break
|
||||
case '44': //建议书转投保, 跳到投保人
|
||||
url = '/sale/insuredInfo?edit=1'
|
||||
break
|
||||
default:
|
||||
break
|
||||
}
|
||||
this.$jump({
|
||||
flag: 'h5',
|
||||
extra: {
|
||||
forbidSwipeBack: '1',
|
||||
url: location.origin + `/#${url}`
|
||||
},
|
||||
routerInfo: { path: url }
|
||||
})
|
||||
},
|
||||
//删除投保单
|
||||
del(order) {
|
||||
let params = {
|
||||
orderType: 'DEL_ORDER', //列表页 此值为固定
|
||||
id: order.orderInfoDTO.orderNo,
|
||||
orderDTO: {
|
||||
orderInfo: {
|
||||
orderNo: order.orderNo
|
||||
}
|
||||
}
|
||||
}
|
||||
this.$dialog
|
||||
.confirm({
|
||||
className: 'dialog-delete',
|
||||
title: '提示',
|
||||
message: '确认删除投保单吗？',
|
||||
cancelButtonColor: '#E9332E',
|
||||
confirmButtonColor: '#FFFFFF'
|
||||
})
|
||||
.then(() => {
|
||||
deleteOrderInfo(params).then(res => {
|
||||
if (res.result == 0) {
|
||||
this.saleList = []
|
||||
this.isSuccess = false
|
||||
this.currentPage = 1
|
||||
;[this.loading, this.finished] = [true, false]
|
||||
let pageInfo = {
|
||||
pageNum: this.currentPage,
|
||||
pageSize: this.pageSize,
|
||||
orderType: this.active
|
||||
}
|
||||
this.loadMore(pageInfo)
|
||||
} else {
|
||||
Toast.fail(res.resultMessage)
|
||||
}
|
||||
})
|
||||
})
|
||||
.catch(() => {})
|
||||
},
|
||||
//新增
|
||||
add() {
|
||||
localStorage.orderNo = ''
|
||||
localStorage.chooseProductCodes = '' //置空所选险种
|
||||
this.$jump({
|
||||
flag: 'h5',
|
||||
extra: {
|
||||
url: location.origin + '/#/sale/insuredInfo'
|
||||
},
|
||||
routerInfo: { path: '/sale/insuredInfo' }
|
||||
})
|
||||
},
|
||||
revokeOrder(order) {
|
||||
console.dir(order)
|
||||
this.$dialog
|
||||
.confirm({
|
||||
className: 'dialog-delete',
|
||||
title: '提示',
|
||||
message: '撤单后,数据将不可恢复,您确定要撤单吗?',
|
||||
cancelButtonColor: '#E9332E',
|
||||
confirmButtonColor: '#FFFFFF'
|
||||
})
|
||||
.then(() => {
|
||||
this.revokePanelShow = true
|
||||
this.captchaReceiver = order.appntDTO.mobile
|
||||
this.revokeOrderNo = order.orderInfoDTO.orderNo
|
||||
})
|
||||
}
|
||||
},
|
||||
filters: {
|
||||
encryCheckModelMobile(code) {
|
||||
return code.replace(/^(\d{3})\d{4}(\d{4})$/, '$1****$2')
|
||||
},
|
||||
phoneNumFilter(phoneNum) {
|
||||
let num = phoneNum.split('')
|
||||
num.splice(3, 4, '****')
|
||||
return num.join('')
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
/deep/ .dialog-delete .van-dialog__header {
|
||||
padding: 0.5em;
|
||||
margin-bottom: 0;
|
||||
border-bottom: 1px solid #eaeaea;
|
||||
}
|
||||
|
||||
/deep/ .van-cell {
|
||||
padding: 0;
|
||||
padding-bottom: 0.5em;
|
||||
border-bottom: 1px solid #eaeaea;
|
||||
}
|
||||
|
||||
/deep/ .van-dialog__content {
|
||||
padding: 1em;
|
||||
}
|
||||
|
||||
.captchaReceiver {
|
||||
margin-bottom: 1em;
|
||||
padding-bottom: 1em;
|
||||
border-bottom: 1px solid #eaeaea;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.van-search__content {
|
||||
background: #fff !important;
|
||||
border-radius: 10px;
|
||||
}
|
||||
.van-search {
|
||||
background: none !important;
|
||||
}
|
||||
</style>
|
||||
0
src/views/ebiz/allowance/myInfo/AccountInfo.vue
Normal file
0
src/views/ebiz/allowance/myInfo/AccountInfo.vue
Normal file
0
src/views/ebiz/allowance/myInfo/BaseInfo.vue
Normal file
0
src/views/ebiz/allowance/myInfo/BaseInfo.vue
Normal file
Reference in New Issue
Block a user