修改

src/components/TravelManager/TravelList/PriceHotelWorkList.vue

 <template>
-  <div>
+  <div class="PriceHotelWorkList">
     <div class="query-box" style="border-bottom: none;">
       <ul>
         <li>
@@ -540,28 +540,28 @@
     background: #eee !important;
   }
 
-  .roomReservationsTalbe {
+  .PriceHotelWorkList .roomReservationsTalbe {
     background: #ccc;
   }
 
-  .roomReservationsTalbe tr th {
+  .PriceHotelWorkList .roomReservationsTalbe tr th {
     background: #E6E6E6;
     height: 40px;
     font-size: 12px;
     color: #333;
   }
 
-  .roomReservationsTalbe tr {
+  .PriceHotelWorkList .roomReservationsTalbe tr {
     background: #fff;
     text-align: center;
     height: 40px;
   }
 
-  .roomReservationsTalbe tr td {
+  .PriceHotelWorkList .roomReservationsTalbe tr td {
     font-size: 12px;
   }
 
-  .roomReservationsTalbe tr td .pDateStyle {
+  .PriceHotelWorkList .roomReservationsTalbe tr td .pDateStyle {
     border-bottom: 1px solid #ccc;
     min-height: 24px;
     line-height: 24px;
@@ -570,24 +570,24 @@
     padding: 0 10px;
   }
 
-  .roomReservationsTalbe tr td .pDateStyle:last-child {
+  .PriceHotelWorkList .roomReservationsTalbe tr td .pDateStyle:last-child {
     border-bottom: none;
   }
 
-  .roomReservationsTalbe tr td .pDateStyle>span:after {
+  .PriceHotelWorkList .roomReservationsTalbe tr td .pDateStyle>span:after {
     content: '/';
   }
 
-  .roomReservationsTalbe tr td .pDateStyle>span:last-child:after {
+  .PriceHotelWorkList .roomReservationsTalbe tr td .pDateStyle>span:last-child:after {
     content: ''
   }
 
-  .roomReservationsTalbe tr td .link p:hover {
+  .PriceHotelWorkList .roomReservationsTalbe tr td .link p:hover {
     text-decoration: underline;
     cursor: pointer;
   }
 
-  .roomReservationsTalbe tr td .phoverStype:hover {
+  .PriceHotelWorkList .roomReservationsTalbe tr td .phoverStype:hover {
     text-decoration: underline;
     cursor: pointer;
   }