修改页面

src/components/newConfimationOrder.vue

@@ -241,7 +241,7 @@
     margin-right: 12px;
   }
 
-  .newTripDownbtn {
+  .newTrip_Main .newTripDownbtn {
     color: #fff;
     width: 90px;
     height: 30px;
@@ -260,14 +260,14 @@
     clear: both;
   }
 
-  .newTwoCodeRight {
+  .newTrip_Main .newTwoCodeRight {
     float: right;
     width: 118px;
     height: 118px;
     margin: 40px 120px 0 0;
   }
 
-  .newTwoCodeRight img {
+  .newTrip_Main .newTwoCodeRight img {
     width: 100%;
   }
 
@@ -294,7 +294,7 @@
     padding: 5px;
   }
 
-  .newTripKuang {
+ .newTrip_Main .newTripKuang {
     width: 100%;
     height: 100%;
     padding: 5px;
@@ -493,29 +493,35 @@
         <div>
           <table class="newTripTable" border="0" cellspacing="0" cellpadding="0">
             <tr>
-               <td style="width:40%;border-right:0">
+               <td style="width:7%;border-right-style:none;">
                   <label>酒店：</label>
-                  <template v-if='item.jiu2.length>0'>
-                    <span v-for="(t,k) in item.jiu2" style="cursor: pointer" :key="k">
-                      {{k==item.jiu2.length-1? (t.newTitle!=''&& t.newTitle!=t.name?t.newTitle:t.name) : (t.newTitle!=''&& t.newTitle!=t.name?t.newTitle:t.name)+' / ' }}
-                    </span>
-                  </template>
-                  <template v-if="item.jiu2.length>0&&item.jiu2[0].name!=''">
-                    {{getHotelSuffix(item)}}
-                  </template>
                </td>
-              <td style="width:30%">
-                  <div class="tripLeftCan" style="vertical-align:top;">
-                    <label>用餐：</label>
-                  </div>
-                  <div class="tripRightCan">
-                    <div>早({{item.can.breakfirst}})</div>
-                    <div>中({{item.can.lanuch}})</div>
-                    <div>晚({{item.can.dinner}})</div>
-                  </div>
+              <td style="width:40%;border-left-style:none;">
+                <template v-if='item.jiu2.length>0'>
+                  <span v-for="(t,k) in item.jiu2" style="cursor: pointer" :key="k">
+                    {{k==item.jiu2.length-1? (t.newTitle!=''&& t.newTitle!=t.name?t.newTitle:t.name) : (t.newTitle!=''&& t.newTitle!=t.name?t.newTitle:t.name)+' / ' }}
+                  </span>
+                </template>
+                <template v-if="item.jiu2.length>0&&item.jiu2[0].name!=''">
+                  {{getHotelSuffix(item)}}
+                </template>
+              </td>
+              <td style="width:7%;border-right-style:none;">
+                   <div class="tripLeftCan" style="vertical-align:top;">
+                  <label>用餐：</label>
+                </div>
+                </td>
+              <td style="width:27%;border-left-style:none;">
+                <div class="tripRightCan">
+                  <div>早({{item.can.breakfirst}})</div>
+                  <div>中({{item.can.lanuch}})</div>
+                  <div>晚({{item.can.dinner}})</div>
+                </div>
               </td>
-              <td style="width:30%">
+              <td style="width:7%;border-right-style:none;">
                  <label>交通：</label>
+              </td>
+              <td style="width:15%;border-left-style:none;">
                 <template v-if="item.trafficArray&& item.trafficArray.length>0" v-for="(subItem,subIndex) in item.trafficArray">
                    <span>{{subItem}}</span>
                    <template v-if="subIndex!=item.trafficArray.length-1">