no message

src/components/Hotel/singleProduct/components/hotelTableList.vue

@@ -34,7 +34,7 @@
                     scope.row.subList[index].PriceList[0].GuideRoomPrice>0" :price="scope.row.subList[index]">
                         </SamplePriceList>
                         <div v-else style="text-align: center;width: 100%;">{{$t('objFill.wuqitafangxingbj')}}</div>
-                        <span slot="reference" class="CostPriceHover">{{childItem.CostPrice}}</span>
+                        <span slot="reference">{{childItem.CostPrice}}</span>
                       </el-popover>
                     </div>
                   </template>
@@ -44,7 +44,36 @@
                 </template>
               </div>
               <div class="Hotel_kong Com_hoteldiv Hq_duoge">
-                {{scope.row.subList[index].Inventory}}/{{scope.row.subList[index].UseInventory}}/{{scope.row.subList[index].RemainingInventory}}
+                <el-popover placement="bottom" width="700" trigger="hover">
+                  <div>
+                    <el-table :data="scope.row.subList[index].UseList" border>
+                      <el-table-column prop="TCID" :label="`团队编号`" width="100">
+                        <template slot-scope="{row}">
+                          <span>
+                            {{row.TCID}}
+                          </span>
+                        </template>
+                      </el-table-column>
+                      <el-table-column prop="TCNUM" :label="`团号`"></el-table-column>
+                      <el-table-column prop="DMCNum" :label="`地接团号`"></el-table-column>
+                      <el-table-column prop="LastUseNum" :label="`数量`" width="100"></el-table-column>
+                      <el-table-column prop="CreateTime" :label="`使用时间`"></el-table-column>
+                    </el-table>
+                    <!-- <template v-for="item in scope.row.subList[index].UseList">
+                      <el-tag size="mini" style="margin-right: 5px;">
+                        {{ item.TCID }}({{ item.TCNUM }})
+                        {{ item.DMCNum }}
+                        {{ item.LastUseNum }}
+                        {{ item.CreateTime }}
+
+
+                      </el-tag>
+                    </template> -->
+                  </div>
+                  <span slot="reference" style=""
+                  class="hotel-roomQuery"
+                   @click.stop="OpenNewPage('roomQuery',{hotelId:scope.row.HotelId,dateStr:scope.row.subList[index].DateStr})">{{scope.row.subList[index].Inventory}}/{{scope.row.subList[index].UseInventory}}/{{scope.row.subList[index].RemainingInventory}}</span>
+                </el-popover>
               </div>
               <div class="Hotel_kong Com_hoteldiv">
                 {{scope.row.subList[index].ConfirmNum}}/{{scope.row.subList[index].ReserveNum}}
@@ -168,6 +197,15 @@
 </script>
 
 <style>
+
+  .hotel-roomQuery{
+    color: #333;
+    cursor: pointer; 
+    text-decoration: underline;
+  }
+  .hotel-roomQuery:hover{
+    color: #33b3ff;
+  }
   .Hq_duoge {
     cursor: pointer;
     text-decoration: underline;

src/components/newTravelmanager/travelLineTrip/HotelTripThree.vue

@@ -66,8 +66,10 @@
     width: 10px !important;
     margin-left: -6px;
   }
-
-</style>
+  /deep/.StockStrBox .el-select-dropdown__item{
+    height: auto !important;
+  }
+  </style>
 <template>
   <div class="Traveltrip-item-box">
     <div class="TC-Comtitlediv">
@@ -155,7 +157,7 @@
           <td width="70" valign="top">
             <img crossorigin="Anonymous" src="../../../assets/img/daily_hotel-1.png">
           </td>
-          <td valign="middle" colspan="5">
+          <td valign="middle" colspan="5" class="StockStrBox">
             <!--日本线酒店-->
             <template v-if="PostConfig.LineId==14||PostConfig.LineId==118">
               <template v-if="hotelArray&&hotelArray.length>0">
@@ -170,13 +172,13 @@
                 @visible-change="getHotelList($event)" @change="changeHotelList()" filterable
                 :placeholder="$t('pub.pleaseSel')" :disabled="IsOpenHotel==1?true:false">
                 <el-option v-for="item in QHotelList" :label="item.Name" :value="item.ID" :key="item.ID">
-                  <span>{{ getHotelItemLabel(item) }}
-                    <template v-if="item.Inventory>0">
+                  <div>{{ getHotelItemLabel(item) }}
+                    <div v-if="item.Inventory>0">
                       <el-tooltip :content="getStockStr(item).tipStr">
-                        <font>&nbsp;&nbsp;{{getStockStr(item).currentStr}}</font>
+                        <span>{{getStockStr(item).currentStr}}</span>
                       </el-tooltip>
-                    </template>
-                  </span>
+                    </div>
+                  </div>
                 </el-option>
               </el-select>
             </template>
@@ -187,13 +189,13 @@
                 @visible-change="getHotelList($event)" @change="changeHotelList()" filterable
                 :placeholder="$t('pub.pleaseSel')" :disabled="IsOpenHotel==1?true:false">
                 <el-option v-for="item in QHotelList" :label="item.Name" :value="item.ID" :key="item.ID">
-                  <span>{{ getHotelItemLabel(item) }}
-                    <template v-if="item.Inventory>0">
+                  <div>{{ getHotelItemLabel(item) }}
+                    <div v-if="item.Inventory>0">
                       <el-tooltip :content="getStockStr(item).tipStr">
-                        <font>&nbsp;&nbsp;{{getStockStr(item).currentStr}}</font>
+                        <span>{{getStockStr(item).currentStr}}</span>
                       </el-tooltip>
-                    </template>
-                  </span>
+                    </div>
+                  </div>
                 </el-option>
               </el-select>
             </template>