页面跳转修改

src/components/Hotel/HotelQueryList.vue

@@ -25,11 +25,11 @@
 
     <div style="width: 100%;  overflow-x: auto;padding-bottom: 10px; " class="HotelQueryList">
       <div class="hotelProductManage2_tableBox">
-      <span style="color:#000000;background-color: #ff3737;padding:2px 4px;border-radius:5px" >红日</span> 
-      <span style="color:#000000;background-color: #ff99cc;padding:2px 4px;border-radius:5px" >旺季</span> 
-      <span style="color:#000000;background-color: #bcd6ee;padding:2px 4px;border-radius:5px" >平季</span> 
+        <span style="color:#000000;background-color: #ff3737;padding:2px 4px;border-radius:5px">红日</span>
+        <span style="color:#000000;background-color: #ff99cc;padding:2px 4px;border-radius:5px">旺季</span>
+        <span style="color:#000000;background-color: #bcd6ee;padding:2px 4px;border-radius:5px">平季</span>
         <span style="color:#000000;background-color: #DDDDDD;padding:2px 4px;border-radius:5px">淡季</span>
-      <span style="color:#000000;background-color: #02F78E;padding:2px 4px;border-radius:5px" >特别价</span> 
+        <span style="color:#000000;background-color: #02F78E;padding:2px 4px;border-radius:5px">特别价</span>
       </div>
       <table border="0" cellspacing="1" cellpadding="0" class="HouseTypeList" v-if="isShow">
         <tr>
@@ -58,7 +58,7 @@
           <td v-for="(subItem,subIndex) in item.subList">
             <div class="Hotel_kong Com_hoteldiv" :class="getClass(subItem)">
               {{subItem.CostPrice}}</div>
-                <div class="Hotel_kong Com_hoteldiv Hq_duoge" @click="GotoUrl(item,subIndex)">
+            <div class="Hotel_kong Com_hoteldiv Hq_duoge" @click="GotoUrl(item,subIndex,subItem.UseInventory)">
               {{subItem.Inventory}}/{{subItem.UseInventory}}/{{subItem.RemainingInventory}}</div>
             <div class="Hotel_kong Com_hoteldiv">
               <span v-if="subItem.UseInventory-subItem.Inventory>0" style="color:red;">
@@ -76,28 +76,29 @@
   export default {
     data() {
       return {
-          msg:{
-              HotelId:0,
+        msg: {
+          HotelId: 0,
           StartDate: new Date().Format("yyyy-MM-dd"),
           EndDate: this.setEdate(),
         },
         HotelList: [],
         dataList: [],
-          isShow:false,
+        isShow: false,
       };
     },
     methods: {
-      GotoUrl(item,subIndex)
-      {
+      GotoUrl(item, subIndex, UseInventory) {
+        if (UseInventory > 0) {
           this.$router.push({
             path: "TravelControlList",
             query: {
               HotelId: item.HotelId,
               HotelUseTime: item.subList[subIndex].DateStr,
               blank: "y",
-            tab: name
+              tab: "团控查询"
             }
           });
+        }
       },
       getList() {
         if (this.msg.StartDate == null) {
@@ -106,11 +107,11 @@
         if (this.msg.EndDate == null) {
           this.msg.EndDate = this.setEdate()
         }
-        this.apipost("dict_post_HotelOffer_GetHotelStatics",this.msg,
+        this.apipost("dict_post_HotelOffer_GetHotelStatics", this.msg,
           res => {
             if (res.data.resultCode == 1) {
               this.dataList = res.data.data;
-              this.isShow=true;
+              this.isShow = true;
             } else {
               this.Error(res.data.message);
             }
@@ -133,7 +134,7 @@
           err => {}
         );
       },
-      setEdate(){
+      setEdate() {
         return this.addMoth(new Date().Format("yyyy-MM-dd"), 1)
       },
       addMoth(d, m) {
@@ -145,12 +146,12 @@
         return d.toLocaleDateString().match(/\d+/g).join('-')
       },
       //格式化返回显示日期
-      getDateList(dateStr){
+      getDateList(dateStr) {
         var str = dateStr.split('-');
-        return str[1]+'/'+str[2];
+        return str[1] + '/' + str[2];
       },
       //获取星期几
-      getWeek(dateStr){
+      getWeek(dateStr) {
         var weekDay = ["天", "一", "二", "三", "四", "五", "六"];
         var myDate = new Date(Date.parse(dateStr));
         return weekDay[myDate.getDay()]
@@ -158,8 +159,8 @@
       //获取颜色状态
       getClass(subItem) {
         var classStr = "";
-        if(subItem.Status==0){
-          classStr='noKucun';
+        if (subItem.Status == 0) {
+          classStr = 'noKucun';
         }
         switch (subItem.InventoryType) {
           case 1:
@@ -186,48 +187,60 @@
       this.getList();
     }
   };
+
 </script>
 
 <style>
-  .Hq_duoge{
+  .Hq_duoge {
     cursor: pointer;
     text-decoration: underline;
   }
-  .classHong{
+
+  .classHong {
     background-color: rgb(255, 55, 55);
   }
-  .classWang{
+
+  .classWang {
     background-color: rgb(255, 153, 204);
   }
-  .classPing{
+
+  .classPing {
     background-color: rgb(188, 214, 238);
   }
-  .classDan{
+
+  .classDan {
     background-color: rgb(221, 221, 221);
   }
-  .classTe{
+
+  .classTe {
     background-color: rgb(2, 247, 142);
   }
+
   .HouseTypeList {
     background: #ccc;
-    width:100%;
-    margin-top:20px;
+    width: 100%;
+    margin-top: 20px;
   }
-  .Com_hoteldiv{
+
+  .Com_hoteldiv {
     min-width: 70px;
   }
-  .noKucun{
-    background-color: black!important;
+
+  .noKucun {
+    background-color: black !important;
   }
-  .Hotel_kong{
-    width:100%;
-    height:35px;
+
+  .Hotel_kong {
+    width: 100%;
+    height: 35px;
     line-height: 35px;
-    border-bottom:1px solid #d1d1d1;
+    border-bottom: 1px solid #d1d1d1;
   }
-  .Hotel_kong:last-child{
-    border:0;
+
+  .Hotel_kong:last-child {
+    border: 0;
   }
+
   .HouseTypeList tr th {
     background: #e6e6e6;
     height: 35px;
@@ -244,7 +257,9 @@
   .HouseTypeList tr td {
     font-size: 12px;
   }
-  .hotelProductManage2_tableBox span{
-    margin:0 10px 10px 0;
+
+  .hotelProductManage2_tableBox span {
+    margin: 0 10px 10px 0;
   }
+
 </style>