页面修改

src/components/commonPage/commonPriceHotelInfo.vue

 <style>
-  .comHotelOperation {
-    margin-top: 10px;
-  }
-
-  .comHotelOperation tr td {
-    text-align: left;
-    width: 50%;
-    padding: 5px 0;
-  }
-
-  .comHotelOperation .tdRight {
-    text-align: right;
-    width: 20%;
-  }
-
-  .comHotelOperation .tdLeft {
-    text-align: left;
-    padding-left: 5px;
-    width: 30%;
-  }
 
 </style>
-
 <template>
-  <div>
-    <div>
-      <table width="100%" border="0" cellspacing="0" cellpadding="0" class="singeRowTable">
+  <div class="commonPriceHotelInfo">
+
+      <table width="100%" border="0" cellspacing="0" cellpadding="0" class="singeRowTable" v-loading="loading">
         <tr>
-          <th width="120">日期</th>
-          <th style="width:150px;">团期</th>
-          <th style="width:100px;">状态</th>
+          <th width="100">日期</th>
+          <th width="135">占房时间</th>
+          <th width="120">团期</th>
+          <th width="80">总库存</th>
+          <th width="80">使用库存</th>
+          <th width="80">状态</th>
+        </tr>
+        <tr v-for="(item,index) in  HotelPriceList">
+          <td>
+            {{item.UseTimeStr}}
+          </td>
+           <td>
+            {{item.CreateTimeStr}}
+          </td>
+          <td>
+            {{item.TCNUM}}
+          </td>
+          <td>
+            {{item.Inventory}}
+          </td>
+          <td>
+            {{item.LastUseNum}}
+          </td>
+          <td>
+            <template v-if="item.Status==1"><span style="color:green;">OK</span></template>
+            <template v-else><span style="color:red;">暂定</span></template>
+          </td>
         </tr>
-        <template v-for="(item,index) in  HotelPriceList">
-          <tr >
-             
-        
-          </tr>
-        </template>
       </table>
-    </div>
- 
   </div>
 </template>
-
 <script>
   export default {
     data() {
       return {
         loading: false,
-        HotelPriceList:[],
-        queryMsg:{
-          HotelId:0,
-          UseTime:"",
+        HotelPriceList: [],
+        queryMsg: {
+          HotelId: 0,
+          UseTime: "",
         }
       };
     },
     methods: {
       //获取日志
       getHotelPriceList(HotelId, timeStr) {
-        this.HotelPriceList=[];
+        this.HotelPriceList = [];
         this.loading = true;
         if (HotelId) {
           this.queryMsg.HotelId = HotelId;
@@ -66,11 +60,12 @@
         if (timeStr) {
           this.queryMsg.UseTime = timeStr;
         }
+
         this.apipost('travel_get_GetHotelUsePriceListService', this.queryMsg, res => {
           this.loading = false;
           if (res.data.resultCode == 1) {
-            this.HotelLogsList = res.data.data;
-            console.log("this.HotelLogsList",this.HotelLogsList);
+            this.HotelPriceList = res.data.data;
+            console.log("this.HotelPriceList", this.HotelPriceList);
           }
         }, err => {})
       },

src/components/newTravelmanager/TravelGroupControl/TravelPrice.vue

@@ -810,7 +810,7 @@
           <th width="240">酒店情况</th>
           <th width="100">占房时间</th>
           <th width="100">更换酒店</th>
-          <th width="60">操作</th>
+          <th width="120">操作</th>
         </tr>
         <template v-for="(subItem,subIndex) in  priceData.PriceHotelList">
           <tr v-for="(childItem,childIndex) in subItem.SubList">
@@ -859,8 +859,8 @@
               <span v-if="childItem.UseCount>0 && subItem.SubList.length==1">
                 <span style="color:red;white-space:nowrap;cursor:pointer;" @click="DeleteStock(subItem)">删除</span>
               </span>
-              <span>
-                <el-popover width="300" trigger="click" popper-class="DMC_HotelPop">
+              <span style="display:none;">
+                <el-popover width="700" trigger="click" popper-class="DMC_HotelPop">
                     <commonPHInfo :name='"comPriceHotelInfo"+subIndex+childIndex' :ref='"comPriceHotelInfo"+subIndex+childIndex' ></commonPHInfo>
                     <span slot="reference" class="price" style="cursor:pointer;text-decoration:underline;" @click="GetHotelUsePriceList(childItem.HotelId,subItem.UseDay,subIndex,childIndex)">库存情况</span>
                 </el-popover>
@@ -919,8 +919,8 @@
   </div>
 </template>
 <script>
+  import commonPHlInfo from "../../commonPage/commonPriceHotelInfo.vue";
   import TravelPriceFlightList from "../TravelGroupControl/TravelPriceFlightList.vue";
-  import commonPriceHotelInfo from "../../commonPage/commonPriceHotelInfo.vue";
   export default {
     props: ["priceList", "priceIsDirect", "OfferList", "PostConfig", "modifyTcid", "TeamType"],
     data() {
@@ -1014,16 +1014,12 @@
         lessPriceData: [],
       };
     },
-   components: {
-      commonPHInfo:commonPriceHotelInfo
-    },
     methods: {
       //调用子组件方法
       GetHotelUsePriceList(HotelId,UseDay,index,hotelSubIndex)
       {
-       // let str = `comPriceHotelInfo${index}${hotelSubIndex}`;
-       // console.log(this.$refs[str]);
-      //  this.$refs[str][0].getHotelPriceList(HotelId, UseDay);
+        let str = `comPriceHotelInfo${index}${hotelSubIndex}`;
+        this.$refs[str][0].getHotelPriceList(HotelId, UseDay);
       },
       //点击折叠
       fold() {
@@ -1753,7 +1749,8 @@
       }
     },
     components: {
-      TravelPriceFlightList: TravelPriceFlightList
+      TravelPriceFlightList: TravelPriceFlightList,
+      commonPHInfo:commonPHlInfo
     }
   };