1

src/components/newPersonalCenter/block/model/HotelOrder.vue

@@ -67,6 +67,7 @@
               <td style="text-align:center;">
                 <el-button size="mini"type="danger" v-if="item.OrderStatus!='已取消'"  @click="goPay(item)">立即付款</el-button> 
                 <el-button style="margin: 10px 0 0 0;" v-if="item.OrderStatus!='已取消'" size="mini" @click="canCelHotel(item.ThirdOrderNo)">取消订单</el-button>
+                 <el-button style="margin: 10px 0 0 0;" size="mini" @click="goDetail(item.OrderID)">详情</el-button>
               </td>
             </tr>
           </template>
@@ -134,9 +135,18 @@ export default {
       ? JSON.parse(localStorage.userInfo)
       : "";
     this.getOrderMsg.CustomerId = userInfo.customerId;
+    // this.getOrderMsg.CustomerId = 0
     this.gerOrderList();
   },
   methods: {
+    goDetail(ID){
+      this.$router.push({
+        name: 'OpHotelOrderDetail',
+        query: {
+          ID: ID
+        }
+      })
+    },
     enter: function (t) {
       if (t+1) {
         this.activeRow = t

src/router.js

@@ -516,6 +516,15 @@ export default new Router({
             title: "个人中心"
           }
         },
+        {
+          path: "/OpHotelOrderDetail",
+          name: "OpHotelOrderDetail",
+          component: resolve =>
+            require(["@/components/newPersonalCenter/block/model/OpHotelOrderDetail"], resolve),
+          meta: {
+            title: "酒店订单详情"
+          }
+        },
         {
           path: "/IndependentTravel",
           name: "IndependentTravel",