改样式

src/components/busManagement/BusInfo.vue

@@ -75,14 +75,10 @@
   background-color: #e4e7ed;
   color: #c0c4cc;
 }
-.busInfoDetailsDiv span{
+.busInfoP{
   display:inline-block;
-  margin-right: 20px;
 }
-.busInfoDetailsDiv p{
-  display:inline-block;
-}
-.busInfoDetailsDiv p:hover {
+.busInfoP :hover {
   text-decoration: underline;
   cursor: pointer;
 }
@@ -91,12 +87,27 @@
 <template>
   <div class="flexOne busInfo">
     <div class="bus_Notice">注：此处不和任何团队行程做绑定，如需下载车配表，请在车辆绑定团队以后再行下载</div>
-    <div style="margin-bottom:20px;">{{title}}</div>
-    <div class="busInfoDetailsDiv">
-      <span>进出点：{{InOut}}</span><span>订单人数：{{RealityNum}}</span>
-      <span>机位总数：{{totalFlySeat}}</span><span>领队：{{LeaderName}}</span><span>导游：{{GuideName}}</span>
-      <span>团号：<p @click="goUrlT('TravelControlList',TCNUMS,'团控列表')">{{TCNUMS}}</p></span>
-    </div>
+    <table class="singeRowTable">
+        <tr>
+          <td colspan="6">{{title}}</td>
+        </tr>
+        <tr>
+          <th>进出点</th>
+          <th>订单人数</th>
+          <th>机位总数</th>
+          <th>领队</th>
+          <th>导游</th>
+          <th>团号</th>
+        </tr>
+        <tr>
+          <td>{{InOut}}</td>
+          <td>{{RealityNum}}</td>
+          <td>{{totalFlySeat}}</td>
+          <td>{{LeaderName}}</td>
+          <td>{{GuideName}}</td>
+          <td><p class="busInfoP" @click="goUrlT('TravelControlList',TCNUMS,'团控列表')">{{TCNUMS}}</p></td>
+        </tr>
+    </table>
     <div style="width: 100%; overflow-x: auto;margin-top:20px;" class="ownScrollbarStyle">
       <el-form :model="PostData" :rules="rules" ref="PostData">
         <table class="bo_bus" cellspacing="1">