样式修改

src/components/assetsman/HotelOrder.vue

@@ -34,14 +34,19 @@
 
   .HotelOderName {
     margin-right: 10px;
+    color: blue;
   }
-   .commonOrderTable .tdLeft{
-   text-align: left;
- }
-  .commonOrderTable .tdCenter{
-   text-align: center;
- }
 
+  .commonOrderTable .tdLeft {
+    text-align: left;
+  }
+
+  .commonOrderTable .tdCenter {
+    text-align: center;
+  }
+.commonOrderTable tbody tr:last-child, .commonOrderTable tr:first-child td:first-child{
+    border-bottom: 2px solid #333;
+}
 </style>
 <template>
   <div class="HotelOrder">
@@ -98,20 +103,20 @@
       </ul>
       <table class="commonOrderTable" v-loading="loading" border="0" cellspacing="0" cellpadding="0">
         <tr>
-          <th title="订单号" class="tdCenter">注文番号</th>
-          <th title="酒店信息" class="tdCenter">ホテル情報</th>
-          <th title="订房数量" class="tdCenter">注文数</th>
-          <th title="总金额" class="tdCenter">総額</th>
-          <th title="入住信息" class="tdCenter">入居情報</th>
-          <th title="联系信息" class="tdCenter">連絡先情報</th>
-          <th title="订单状态" class="tdCenter">注文状態</th>
-          <th title="创建人/创建时间" class="tdCenter">作成者/作成時間</th>
-          <th title="操作" class="tdCenter">操作</th>
+          <th title="订单号" style="width:75px" class="tdCenter">注文番号</th>
+          <th title="酒店信息" style="width:140px" class="tdCenter">ホテル情報</th>
+          <th title="订房数量" style="width:60px" class="tdCenter">注文数</th>
+          <th title="总金额" style="width:60px" class="tdCenter">総額</th>
+          <th title="入住信息" style="width:130px" class="tdCenter">入居情報</th>
+          <th title="联系信息" style="width:100px" class="tdCenter">連絡先情報</th>
+          <th title="订单状态" style="width:70px" class="tdCenter">注文状態</th>
+          <th title="创建人/创建时间" style="width:80px" class="tdCenter">作成者/時間</th>
+          <th title="操作" style="width:100px" class="tdCenter">操作</th>
         </tr>
         <tbody v-for="(item,index) in dataList" :key="index">
           <tr>
             <td rowspan="2" class="tdCenter">{{item.OrderId}}</td>
-            <td rowspan="2" class="tdLeft">
+            <td class="tdLeft">
               <span class="colorRed"> {{item.SHotelName}}</span>
               <br />
               型の名称:<span title="房型信息" class="colorRed">{{item.RoomName}}</span>
@@ -151,7 +156,7 @@
             </td>
 
             <td class="tdCenter">
-              {{item.EmName}}<br/>
+              {{item.EmName}}<br />
               {{item.CreateTime}}
             </td>
             <td class="tdCenter">
@@ -165,23 +170,22 @@
             </td>
           </tr>
           <tr>
-            <td colspan="13" title="旅客名单" class="tdLeft">
-              旅客名簿：<span class="HotelOderName" v-for="(subItem,subIndex) in item.GuestList"
+            <td colspan="8" title="旅客名单" class="tdLeft">
+              客リスト：<span class="HotelOderName" v-for="(subItem,subIndex) in item.GuestList"
                 :key="subIndex">{{subItem.Name}}</span>
             </td>
           </tr>
         </tbody>
         <tbody v-if="dataList.length==0">
-            <tr>
-                <td colspan="9" class="tdCenter" title="暂无数据">一時データ</td>
-            </tr>
+          <tr>
+            <td colspan="9" class="tdCenter" title="暂无数据">一時データ</td>
+          </tr>
         </tbody>
       </table>
       <el-pagination @current-change="currentChange" background :page-size="msg.pageSize" layout="prev, pager, next"
         :total="total">
       </el-pagination>
     </div>
-
     <!-- 操作日志 -->
     <el-dialog title="操作日志" :visible.sync="caozuoState" top="0" width="600px">
       <table style="min-width:100%" class="myTable miniTable" v-loading="loading2" border="0" cellspacing="0"
@@ -318,7 +322,6 @@
         this.apipost("scm_get_GetSCMHotelRoomDropList", msg,
           res => {
             if (res.data.resultCode == 1) {
-              console.log(res, 'ressss')
               this.roomIdList = res.data.data;
             } else {
               this.Error(res.data.message);
@@ -392,18 +395,15 @@
           res => {
             this.loading2 = false;
             if (res.data.resultCode == 1) {
-              console.log(res, 'resssss');
               this.OperationList = res.data.data.pageData;
               this.total1 = res.data.data.count;
             } else {
               this.Error(res.data.message);
             }
           });
-
       }
     }
   };
-
 </script>
 <style>
   .HotelOrder {