修改链接样式

src/components/Hotel/HotelQueryList.vue

@@ -56,10 +56,9 @@
                 <div class="Hotel_kong">超定</div>
             </td>
             <td v-for="(subItem,subIndex) in item.subList">       
-               <div class="Hotel_kong Com_hoteldiv" :class="{'noKucun':subItem.Status==0,'classHong':subItem.InventoryType==1,
-                'classWang':subItem.InventoryType==2,'classPing':subItem.InventoryType==3,'classDan':subItem.InventoryType==4,'classTe':subItem.InventoryType==5}">
+                <div class="Hotel_kong Com_hoteldiv" :class="getClass(subItem)">
                   {{subItem.CostPrice}}</div>
-                <div class="Hotel_kong Com_hoteldiv" @click="GotoUrl(item,subIndex)">
+                <div class="Hotel_kong Com_hoteldiv Hq_duoge" @click="GotoUrl(item,subIndex)">
                   {{subItem.Inventory}}/{{subItem.UseInventory}}/{{subItem.RemainingInventory}}</div>
                 <div class="Hotel_kong Com_hoteldiv">
                   <span v-if="subItem.UseInventory-subItem.Inventory>0" style="color:red;">
@@ -159,28 +158,30 @@
         return weekDay[myDate.getDay()]
       },
       //获取颜色状态
-      // getClass(status) {
-      //   var classStr = "";
-      //   switch (status) {
-      //     case 1:
-      //       classStr = "classHong";
-      //       break;
-      //     case 2:
-      //       classStr = "classWang";
-      //       break;
-      //     case 3:
-      //       classStr = "classPing";
-      //       break;
-      //     case 4:
-      //       classStr = "classDan";
-      //       break;
-      //     case 5:
-      //       classStr = "classTe";
-      //       break;
-      //   }
-      //   return classStr;
-      // },
-
+      getClass(subItem) {     
+        var classStr = "";
+        if(subItem.Status==0){
+          classStr='noKucun';
+        }
+        switch (subItem.InventoryType) {
+          case 1:
+            classStr = "classHong";
+            break;
+          case 2:
+            classStr = "classWang";
+            break;
+          case 3:
+            classStr = "classPing";
+            break;
+          case 4:
+            classStr = "classDan";
+            break;
+          case 5:
+            classStr = "classTe";
+            break;
+        }
+        return classStr;
+      }
     },
     mounted() {
       this.GetHotelList();
@@ -190,6 +191,10 @@
 </script>
 
 <style>
+  .Hq_duoge{
+    cursor: pointer;
+    text-decoration: underline;
+  }
   .classHong{
     background-color: rgb(255, 55, 55);
   }
@@ -214,7 +219,7 @@
     min-width: 40px;
   }
   .noKucun{
-    background-color: black;
+    background-color: black!important;
   }
   .Hotel_kong{
     width:100%;