页面修改

src/components/Hotel/HotelsTeam.vue

 <template>
   <div>
     <div style="width: 100%;  overflow-x: auto;padding-bottom: 10px; " class="ownScrollbarStyle">
-      <table border="0" cellspacing="1" cellpadding="0" class="roomReservationsDetailsTalbe" v-loading='loading'>
+      <table border="0" cellspacing="1" cellpadding="0" class="HotelsTeamTable" v-loading='loading'>
         <tr>
           <th width="50">序号</th>
           <th width="80">公司团号</th>
@@ -245,7 +245,7 @@
 </script>
 
 <style>
-    .roomReservationsDetailsTalbe .roomBtn{
+    .HotelsTeamTable .roomBtn{
         color: #fff;
         padding: 0 10px!important;
         height: 30px!important;
@@ -255,15 +255,14 @@
         border-radius: 15px;
         margin:0 10px;
     }
-    .roomReservationsDetailsTalbe{ background: #ddd;}
-    .roomReservationsDetailsTalbe tr th{background: #eee;height:40px; font-size: 12px; color: #333;}
-    .roomReservationsDetailsTalbe tr{background: #fff;text-align: center; height: 40px;}
-    .roomReservationsDetailsTalbe tr td{font-size: 12px;}
-    .roomReservationsDetailsTalbe tr td .pHouseStyle{border-bottom: 1px solid #ccc; height:28px; line-height: 28px;}
-    .roomReservationsDetailsTalbe tr td .colorRed{color: #E95252;}
-    .roomReservationsDetailsTalbe tr td .pHouseStyle:last-child{border-bottom: none;}
-    .roomReservationsDetailsTalbe tr td input{height: 20px!important; padding: 0!important; text-align: center;}
-    .roomReservationsDetailsTalbe tr td .sel input{height: 34px!important; padding-right: 20px!important; padding-left: 5px!important; font-size: 12px!important;}
-    .roomReservationsDetailsTalbe tr td .link:hover{text-decoration: underline; cursor: pointer;}
-    .roomReservationsDetailsTalbe .Hotel_red{color:red;}
+    .HotelsTeamTable{ background: #ddd;}
+    .HotelsTeamTable tr th{background: #eee;height:40px; font-size: 12px; color: #333;}
+    .HotelsTeamTable tr td{font-size: 12px;}
+    .HotelsTeamTable tr td .pHouseStyle{border-bottom: 1px solid #ccc; height:28px; line-height: 28px;}
+    .HotelsTeamTable tr td .colorRed{color: #E95252;}
+    .HotelsTeamTable tr td .pHouseStyle:last-child{border-bottom: none;}
+    .HotelsTeamTable tr td input{height: 20px!important; padding: 0!important; text-align: center;}
+    .HotelsTeamTable tr td .sel input{height: 34px!important; padding-right: 20px!important; padding-left: 5px!important; font-size: 12px!important;}
+    .HotelsTeamTable tr td .link:hover{text-decoration: underline; cursor: pointer;}
+    .HotelsTeamTable .Hotel_red{color:red;}
 </style>

src/components/Hotel/roomReservationsDetails.vue

@@ -557,6 +557,7 @@
     background: #fff;
     text-align: center;
   }
+  .roomReservationsDetailsTalbe .el-button+.el-button{margin-left: 0!important;}
 
   .roomReservationsDetailsTalbe tr th {
     background: #eee;