审批流程图--驳回原因弹框

This commit is contained in:
li.jieyu@ebiz-digits.com
2021-09-03 17:46:17 +08:00
committed by zhangqi1
parent 902108bede
commit eace211a65
4 changed files with 119 additions and 29 deletions

View File

@@ -78,4 +78,52 @@
.van-hairline--top::after {
border: none;
}
}
}
//查看原因
.dialog-check {
width: 300px;
.van-dialog__header {
padding: 20px 0 0 20px;
margin-bottom: 8px;
text-align: left;
}
.van-dialog__footer {
justify-content: space-between;
}
.van-dialog__message {
font-size: 14px;
color: #333;
border: 1px solid #eee;
padding: 10px;
margin: 10px;
}
.van-button {
//max-width: 94px;
border-radius: 4px;
}
.van-dialog__cancel {
border: 1px solid #eee;
//background: #FEEFD8;
//margin-left: 20px;
}
.van-dialog__confirm {
//background: #E9332E;
color: #2e4591;
border-top: 1px solid #eee;
//margin-right: 20px;
}
.van-hairline--top::after {
border: none;
}
}
//toast提示--文字左对齐
.textLeft{
text-align: left;
}

View File

@@ -24,7 +24,7 @@ $width-list: 2 8 10 12 15 18 20 35 40 41 45 50 60 70 80 86 90 100 105 110 120 13
240 250 260 280 300 315 325 345 350 365 400 440 445 450 550 700 1340;
// 内外边距列表
$distance-list: -25 0 1 2 5 6 7 8 9 10 12 15 20 25 30 35 40 45 50 60 70 80 86 90 100 145 150 165 185 210 250;
$distance-list: -25 0 1 2 5 6 7 8 9 10 12 15 20 25 30 35 40 45 50 60 70 80 86 90 100 120 130 145 150 165 185 210 250;
$distance-class-list: m, mv, mh, mt, ml, mr, mb, p, pv, ph, pt, pl, pr, pb, top, left, right, bottom;
//圆角弧度

View File

@@ -418,12 +418,13 @@ export default {
},
//点击申请,跳转到津贴申请信息页面
applicationFunc() {
Toast.loading({
duration: 2000, // 持续展示 toast
Toast({
className:'textLeft',
duration: 3000, // 持续展示 toast
forbidClick: true,
message: '您当前暂不具备申请条件。\n 需符合以下标准,方可申请津贴:\n 1.连续达成36个月桂冠人力或连续达成24个月双冠人力 \n 2.达成当月个人综合继续率80%及以上;3.最近1年内没有被确认属实的品质投诉;4.父母其中一方年满60周岁且在世仅发放父母其中一人。',
message: '您当前暂不具备申请条件。\n需符合以下标准方可申请津贴\n1.连续达成36个月桂冠人力或连续达成\n24个月双冠人力\n2.达成当月个人综合继续率80%及以\n上\n3.最近1年内没有被确认属实的品质投\n诉\n4.父母其中一方年满60周岁且在世\n仅发放父母其中一人。',
});
// Toast('每月只能申请一次津贴,您当月已申请津贴,请下月再次申请。')
// Toast('每月只能申请一次津贴,您当月已申请津贴,请下月再次申请。')
return false
localStorage.orderNo = ''
localStorage.chooseProductCodes = '' //置空所选险种

View File

@@ -1,7 +1,10 @@
<template>
<div class="entry-container pt60 pb30 bg-white" v-if="proces">
<div class="ml80 w200 text-center">
入司申请<br /><span class="grey">{{ proces.applyDate }}</span>
<div class="ml130 w200 flex align-items-c text-center">
<div>
提交申请<br /><span class="grey">2021-07-29 12:05</span>
</div>
<span class="ml15 tagGreen">已完成</span>
</div>
<div class="ml80 w100 flex path relative" style="flex-wrap: wrap">
<div class="left-path flex" style="flex-direction: column"></div>
@@ -15,6 +18,9 @@
<div>自助入司资料上传<br />及签署协议</div>
<span v-if="proces.approvalStatus == '03'" class="grey">{{ proces.approvalDate }}{{ proces.approvalTime }}</span>
</div>
<span class="ml15 tagRed">审批中</span>
<span class="ml15 buttonYellow">催办</span>
<van-button
v-if="proces.approvalStatus == '01' && proces.ebizExamineApproveDtoList.length == 0"
@click="goBaseInfo"
@@ -63,7 +69,6 @@
</div>
<van-button
@click="goSeeCause(index)"
v-if="ebizExamineApproveDtoList[index].examineApproveResult == '0'"
class="absolute approval-button ph10"
plain
type="primary"
@@ -232,28 +237,38 @@
})
},
goSeeCause(val) {
if (val == 9999) {
this.proces.trajectoryList.forEach(item => {
if (item.approvalStatus == '04') {
this.refusalCause == item.approvalOpinion
return
Dialog.confirm({
className: 'dialog-check',
title:'*驳回原因',
message: '执业证不清晰,重新上传。',
cancelButtonColor: '#E9332E',
confirmButtonColor: '#FFFFFF'
}).then(() => {
this.$jump({
flag: 'h5',
extra: {
url: location.origin + `/#/agentEenter/seeCause?basicId=${this.ebizExamineApproveDtoList[0].baseId}`
},
routerInfo: {
path: `/agentEenter/seeCause?basicId=${this.ebizExamineApproveDtoList[0].baseId}`
}
})
} else {
let obj = this.proces.ebizExamineApproveDtoList[Number(val)]
this.refusalCause = obj.examineApproveMsg
localStorage.setItem('agentEnter-refusalCause', this.refusalCause)
}
}).catch(() => {})
// if (val == 9999) {
// this.proces.trajectoryList.forEach(item => {
// if (item.approvalStatus == '04') {
// this.refusalCause == item.approvalOpinion
// return
// }
// })
// } else {
// let obj = this.proces.ebizExamineApproveDtoList[Number(val)]
// this.refusalCause = obj.examineApproveMsg
// localStorage.setItem('agentEnter-refusalCause', this.refusalCause)
// }
// this.$store.commit('updateRefusalCause', this.refusalCause)
this.$jump({
flag: 'h5',
extra: {
url: location.origin + `/#/agentEenter/seeCause?basicId=${this.ebizExamineApproveDtoList[0].baseId}`
},
routerInfo: {
path: `/agentEenter/seeCause?basicId=${this.ebizExamineApproveDtoList[0].baseId}`
}
})
},
seeShowPDF() {
this.$jump({
@@ -294,7 +309,33 @@
.nowrap {
white-space: nowrap;
}
.tagRed{
border: 1px solid red;
color: red;
padding: 2px;
}
.tagGreen{
border: 1px solid green;
color: green;
padding: 2px;
}
.buttonYellow{
color: #fff;
background-color: #ffcb6b;
border-radius: 5px;
padding: 2px 3px;
}
.buttonHasUrge{
color: #fff;
background-color: #ffd89f;
border-radius: 5px;
padding: 2px 3px;
}
.buttonRed{
background-color: red;
color: red;
padding: 2px;
}
.border-raduis {
border-radius: 5px;
}