feat(SCRM-2339): C端|停车开票失败订单重复提交开票申请(80%)

src/main.js

@@ -17,6 +17,7 @@ import {
   CountDown,
   Switch,
   Skeleton,
+  Dialog,
 } from 'vant';
 import router from './routes/index.js';
 import wx from '@/utils/js_sdk/weixin';
@@ -54,7 +55,8 @@ Vue.use(Icon)
   .use(Popup)
   .use(CountDown)
   .use(Skeleton)
-  .use(Switch);
+  .use(Switch)
+  .use(Dialog);
 
 Vue.config.ignoredElements = ['wx-open-launch-weapp'];
 

src/pages/parkingFee/parkingReceipt/parkingReceipt.vue

@@ -126,8 +126,13 @@
                       ]
                     }}
                   </div>
+                  <div v-if="item.status === 3" class="try-again">
+                    重新开票
+                  </div>
                 </div>
               </div>
+              <!-- 失败重试 -->
+              <div class="failureReason"><span @click.stop="showFailureReason(item)"><van-icon name="info" /> 失败原因</span></div>
             </div>
           </label>
         </van-checkbox-group>
@@ -452,6 +457,18 @@ export default {
         this.totalNum = totalNum;
       } */
     },
+    showFailureReason(item) {
+      console.log(458, item)
+      this.$dialog({
+        title: '开票失败原因',
+        message: item.failureReason,
+        confirmButtonText: '关闭',
+        confirmButtonColor: '#064c8a'
+      }).then(() => {
+        // on confirm
+        console.log('confirm')
+      })
+    }
   },
 };
 </script>
@@ -583,10 +600,19 @@ export default {
         .right {
           flex: 0 0 40px;
           font-size: 40px;
-          align-items: center;
           display: flex;
+          justify-content: right;
+          flex-wrap: nowrap;
+          white-space: nowrap;
         }
       }
+      .failureReason {
+        margin-top: 10px;
+        text-align: right;
+        font-weight: normal;
+        font-size: 25px;
+        color: #bbb;
+      }
       .my-invoiced-list {
         align-items: flex-end;
         .right {
@@ -595,6 +621,7 @@ export default {
           font-weight: 400;
           color: #064c8a;
           line-height: 42px;
+          text-align: right;
         }
       }
 
@@ -607,13 +634,21 @@ export default {
         &.mb0 {
           margin-bottom: 0;
         }
-        .choice_card_status {
-          display: flex;
-          white-space: nowrap;
-          align-items: center;
-        }
-      }
 
+      }
+      .choice_card_status {
+        display: flex;
+        white-space: nowrap;
+        align-items: center;
+        //padding-top: 10px;
+      }
+      .try-again {
+        margin-left: 10px;
+        color: #E89E42;
+        border: 1PX solid #E89E42;
+        border-radius: 10px;
+        padding: 10px;
+      }
       .choice_card_index1 {
         display: flex;
         align-items: center;