订单查询不到(订单被删除或者无此订单)跳转订单空页面

src/router/modules/home.ts

@@ -67,5 +67,13 @@ export default [
       layoutConf: true,
       title: '订单详情'
     }
+  },
+  {
+    path: '/order/deleted',
+    name: 'order-deleted',
+    component: () => import(/* webpackChunkName: "order" */ '@/views/order/no-data.vue'),
+    meta: {
+      title: '我的订单'
+    }
   }
 ]

src/views/404.vue

@@ -13,7 +13,7 @@ import { Component, Vue } from 'vue-property-decorator'
 import empty from '@/components/common/Empty.vue'
 
 @Component({
-  name: 'Page404',
+  name: 'page404',
   components: {
     empty
   }

src/views/order/detail.vue

@@ -263,6 +263,8 @@ export default class OrderDetail extends Vue {
         } else {
           this.$toast(res.error_msg || '查询订单信息失败')
         }
+      } else if (res.error_code === -1) {
+        this.$router.replace('/order/deleted')
       }
     })
   }

src/views/order/no-data.vue

@@ -0,0 +1,33 @@
+<template>
+  <div class="order-404">
+    <div class="j-main">
+      <empty>{{ tipTextMap.deleted }}</empty>
+    </div>
+    <div class="j-footer"></div>
+  </div>
+</template>
+<script>
+import { Component, Vue } from 'vue-property-decorator'
+import empty from '@/components/common/Empty.vue'
+
+@Component({
+  name: 'order404',
+  components: {
+    empty
+  }
+})
+
+export default class Order404 extends Vue {
+  tipTextMap = {
+    deleted: '该订单记录已删除'
+  }
+}
+</script>
+
+<style lang="scss">
+  .order-404 {
+    .empty-container {
+      margin-top: -100px;
+    }
+  }
+</style>