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

src/assets/sass/vant-ui.scss

@@ -79,3 +79,51 @@
     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;
+}

src/assets/sass/variables.scss

@@ -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;
 
 //圆角弧度

src/views/ebiz/allowance/application/List.vue

@@ -418,10 +418,11 @@ export default {
     },
     //点击申请，跳转到津贴申请信息页面
     applicationFunc() {
-    Toast.loading({
+    Toast({
-      duration: 2000, // 持续展示 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('每月只能申请一次津贴，您当月已申请津贴，请下月再次申请。')
       return false

src/views/ebiz/allowance/application/process.vue

@@ -1,7 +1,10 @@
 <template>
     <div class="entry-container pt60 pb30 bg-white" v-if="proces">
-        <div class="ml80 w200 text-center">
+        <div class="ml130 w200 flex align-items-c text-center">
-            入司申请<br /><span class="grey">{{ proces.applyDate }}</span>
+            <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,19 +237,13 @@
                 })
             },
             goSeeCause(val) {
-                if (val == 9999) {
+                Dialog.confirm({
-                    this.proces.trajectoryList.forEach(item => {
+                    className: 'dialog-check',
-                        if (item.approvalStatus == '04') {
+                    title:'*驳回原因',
-                            this.refusalCause == item.approvalOpinion
+                    message: '执业证不清晰，重新上传。',
-                            return
+                    cancelButtonColor: '#E9332E',
-                        }
+                    confirmButtonColor: '#FFFFFF'
-                    })
+                }).then(() => {
-                } 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: {
@@ -254,6 +253,22 @@
                             path: `/agentEenter/seeCause?basicId=${this.ebizExamineApproveDtoList[0].baseId}`
                         }
                     })
+                }).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)
+
             },
             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;
         }