页面修改

src/components/Hotel/HotelWorkList.vue

@@ -5,7 +5,7 @@
         <li>
           <span>
             <em>时间</em>
-               <el-date-picker v-model="msg.YearMonthStr" type="month" value-format="yyyy-MM" placeholder="选择月">
+            <el-date-picker v-model="msg.YearMonthStr" type="month" value-format="yyyy-MM" placeholder="选择月">
             </el-date-picker>
           </span>
         </li>
@@ -15,7 +15,29 @@
         </li>
       </ul>
     </div>
-
+    <el-table v-if="dataList.length>0" :data="dataList" style="width:100%" border v-loading='loading' height="700">
+      <el-table-column fixed label="酒店名称" min-width="180">
+        <template slot-scope="scope">
+          <div style="text-decoration: underline;cursor:pointer" @click="GotoHotel(scope.row.Hotel)">
+            {{scope.row.HotelName}}
+          </div>
+        </template>
+      </el-table-column>
+      <el-table-column v-for='(item,index) in dataList[0].DayList' :label="item.DateStr" :key='index' min-width="150">
+        <template slot-scope="scope">
+          <template v-if="scope.row.DayList[index].IsHaveStock==0">
+            <div style="background-color: #000!important;width:100%;height:100%;"></div>
+          </template>
+          <template v-else v-for="childItem in scope.row.DayList[index].HotelJourneyOrderList">
+            <div style="white-space:nowrap;" :title="childItem.TCID">{{childItem.BookGroup}}</div>
+          </template>
+        </template>
+      </el-table-column>
+    </el-table>
+    <div class="noDataNotice" v-else>
+      <i class="iconfont icon-kong"></i>
+      <p>{{$t("active.ld_noData")}}</p>
+    </div>
   </div>
 </template>
 <script>
@@ -24,8 +46,8 @@
       return {
         //查询条件
         msg: {
-          YearMonthStr:"",
-          CountryId:651,//只查询日本
+          YearMonthStr: "",
+          CountryId: 651, //只查询日本
         },
         defaultSelectValue: 0,
         dataList: [],
@@ -45,12 +67,16 @@
       },
       getList() {
         this.loading = true;
+        this.dataList=[];
+        if (this.msg.YearMonthStr == "") {
+          this.msg.YearMonthStr = new Date().Format("yyyy-MM");
+        }
         this.apipost("hotel_post_GetHotelWorkListService", this.msg,
           res => {
             this.loading = false;
             if (res.data.resultCode == 1) {
               this.dataList = res.data.data;
-              console.log("this.dataList",this.dataList);
+              //console.log("this.dataList", this.dataList);
             } else {
               this.Error(res.data.message);
             }
@@ -61,7 +87,7 @@
 
     },
     mounted() {
-      this.msg.YearMonthStr = new Date().Format("yyyy-MM");;
+      this.msg.YearMonthStr = new Date().Format("yyyy-MM");
       this.getList();
     },
   };
@@ -69,5 +95,5 @@
 </script>
 
 <style>
- 
+
 </style>