feat:订单详情开发票入口禁用

src/main.ts

@@ -4,14 +4,14 @@ import router from './router'
 import store from './store'
 import '@/utils/'
 import { Component } from 'vue-property-decorator'
-import { Toast, Lazyload } from 'vant'
+import { Toast, Lazyload, Dialog } from 'vant'
 import VueBus from './vue_bus'
 
 Component.registerHooks(['beforeRouteEnter', 'beforeRouteLeave', 'beforeRouteUpdate'])
 Toast.setDefaultOptions({ getContainer: '#app' })
 
 Vue.config.productionTip = false
-Vue.use(Toast).use(Lazyload).use(VueBus)
+Vue.use(Toast).use(Lazyload).use(VueBus).use(Dialog)
 
 new Vue({
   router,

src/views/order/detail.vue

@@ -340,6 +340,14 @@ export default class OrderDetail extends Vue {
   }
 
   checkInvokeIsOverFn () {
+    return this.$dialog.alert({
+      width: 303,
+      title: '温馨提示',
+      message: '因年底集中结算，发票功能暂停使用。给您带来的不便表示抱歉，我们会在恢复发票功能后第一时间通知！',
+      className: 'j-confirm-dialog text-center',
+      showCancelButton: false,
+      confirmButtonText: '我知道了'
+    })
     const toast = this.$toast.loading({
       message: '加载中...',
       forbidClick: true,
@@ -375,6 +383,18 @@ export default class OrderDetail extends Vue {
         }
       }
     }
+    .van-dialog{
+      border-radius: 8px;
+      .van-dialog__header{
+        font-weight: 700;
+        font-size: 18px;
+        line-height: 26px;
+        color: #171826;
+      }
+      .van-dialog__message{
+        color: #5F5E64;
+      }
+    }
     // 骨架屏
     .skeleton {
       display: flex;