页面修改

src/components/Hotel/HotelQueryList.vue

@@ -58,7 +58,7 @@
             </el-date-picker>
           </span>
         </li>
-       <li>
+        <li>
           <span>
             <em>供应商</em>
             <el-select v-model="msg.Supplier" placeholder="请选择">
@@ -94,9 +94,11 @@
         <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: #808000;padding:2px 4px;border-radius:5px">行前日</span>
       </div>
       <template v-if="isShow">
-        <el-table v-if="dataList.length>0" :data="dataList" style="width:100%" border v-loading='loading' :height="tableHeight">
+        <el-table v-if="dataList.length>0" :data="dataList" style="width:100%" border v-loading='loading'
+          :height="tableHeight">
           <el-table-column fixed label="酒店名称" min-width="180">
             <template slot-scope="scope">
               <div style="text-decoration: underline;cursor:pointer" @click="GotoHotel(scope.row.HotelId)">
@@ -143,7 +145,6 @@
           <p>{{$t("active.ld_noData")}}</p>
         </div>
       </template>
-
     </div>
 
     <div class="combottomDiv HqCom_bottom" v-if="showNotice">
@@ -301,12 +302,12 @@
           pageSize: 5,
           currentPage: 1,
           total: 0,
-          OpType:0
+          OpType: 0
         },
         postMsg: {
           Id: 0,
           TipContent: '',
-          OpType:0,
+          OpType: 0,
         },
         //默认显示弹窗信息
         showHQinfo: true,
@@ -370,7 +371,7 @@
             query: {
               HotelId: item.HotelId,
               HotelUseTime: item.subList[subIndex].DateStr,
-              IsUnionCked:0,
+              IsUnionCked: 0,
               blank: 'y',
               tab: "团控查询",
             }
@@ -470,6 +471,9 @@
           case 5:
             classStr = "classTe";
             break;
+          case 6:
+            classStr = "hotelQueryListclass6"
+            break;
         }
         return classStr;
       },
@@ -643,7 +647,9 @@
   .classTe {
     background-color: rgb(2, 247, 142);
   }
-
+  .hotelQueryListclass6 {
+    background-color:#808000;
+  }
   .HouseTypeList {
     background: #ccc;
     width: 100%;

src/components/Hotel/HotelSalesBoard.vue

@@ -274,7 +274,14 @@
       {{$t('ground.jiudiantjg')}}
       <span class="Owe_Room">{{TotalInventory}}</span> {{$t('ground.jiandangqsy')}}
       <span class="Owe_Room">{{UseInventory}}</span> {{$t('ground.jianzhanbi')}}
-      <span class="Owe_Room">{{((UseInventory/TotalInventory)*100).toFixed(2)}}</span> %.
+      <span class="Owe_Room">
+        <template v-if="TotalInventory>0">
+          {{ ((UseInventory/TotalInventory)*100).toFixed(2)}}
+        </template>
+        <template v-else>
+          0
+        </template>
+      </span> %.
       &nbsp;&nbsp;
       <span class="hasStock_1" style="padding:2px 4px;border-radius:5px">{{$t('ground.hongri')}}</span>
       <span class="hasStock_2" style="padding:2px 4px;border-radius:5px">{{$t('ground.wangji')}}</span>