修改供应商订房查询

src/components/Supplier/roomQuery2.vue

@@ -44,8 +44,8 @@
             </td>
             <td>
               <template v-for="(subItem,subIndex) in item.FlightList2">
-                {{subItem.Flight_number}} {{subItem.TicketDepartureTime}} {{subItem.DepartureName}}({{subItem.DIATA}})
-                {{subItem.TicketArrivalTime}} {{subItem.ArrivalCityName}}({{subItem.AIATA}}) <br />
+                <span class="roomNowrap"><span class="roomFlightNumber">{{subItem.Flight_number}}</span> {{subItem.TicketDepartureTime}} {{subItem.DepartureName}}({{subItem.DIATA}})
+                {{subItem.TicketArrivalTime}} {{subItem.ArrivalCityName}}({{subItem.AIATA}})</span>
               </template>
             </td>
             <td>
@@ -62,19 +62,19 @@
             </td>
             <td>
               <el-tooltip class="item" effect="dark" content="酒店信息" placement="top-start">
-                <el-popover placement="bottom" width="800" trigger="click">
-                  <table>
+                <el-popover placement="bottom" width="500" trigger="click" popper-class="rq_HotelDetails">
+                  <table class="rq_HotelTable">
                     <tr>
-                      <th width="100">
+                      <th width="160">
                         时间
                       </th>
-                      <th width="170">
+                      <th width="200">
                         酒店
                       </th>
-                      <th width="170">
+                      <th width="200">
                         更换名称
                       </th>
-                      <th width="350">
+                      <th width="250">
                         价格
                       </th>
                     </tr>
@@ -107,8 +107,9 @@
                              </td>
                           </tr>
                           <tr >
-                            <td>备注:</td>
-                            <td colspan="3"> {{childItem.Remarks}}</td>
+                            <td colspan="4">
+                              <span style="display:inline-block;width:40px;vertical-align:top;">备注：</span>
+                              <span style="display:inline-block;width:400px;">{{childItem.Remarks}}</span></td>
                           </tr>
                        </tbody>
                     </template>
@@ -317,5 +318,22 @@
     text-decoration: underline;
     cursor: pointer;
   }
-
+  .roomQuery .roomNowrap{
+    white-space: nowrap;
+    margin-bottom:5px;
+    display: block;
+    text-align: left;
+    padding-left:20px;
+  }
+  .roomQuery .roomFlightNumber{
+    color:#FF0066;
+    font-weight: bold;
+  }
+ .rq_HotelTable { padding: 10px 0 0 20px; background-color: #ededed; border-collapse: collapse; border: 1px solid #d2d2d2; font-size: 12px;}
+ .rq_HotelTable th { background-color: #ededed; padding: 5px 10px;}
+ .rq_HotelTable td { background-color: #ffffff; padding: 9px 10px;color: #333333;border: 1px solid #d2d2d2;}
+ .rq_HotelDetails{
+  max-height:400px;
+  overflow: auto;
+}
 </style>