修改

src/components/navs/hor-btm.vue

@@ -258,13 +258,13 @@
     }
 
     .hor_BtmContent .footer-box {
-      width: 50%;
+      width: 50%!important;
     }
   }
 
   @media only screen and (max-width: 520px) {
     .hor_BtmContent .footer-box {
-      width: 100%;
+      width: 100%!important;
     }
   }
 

src/components/trip/tripList.vue

@@ -2,10 +2,9 @@
   <div class="q-mt-lg q-mb-lg">
     <div class="section-block download1">
       <!-- <div class="group-title">{{plugData.Title}}</div> -->
-      <q-table v-if="plugData&&plugData.length>0 && !$q.screen.xs"
-        :pagination.sync="paginationDesktop" :data="plugData" :columns="columns" row-key="id" :filter="filter"
-        table-header-class="travel-list" card-class="travel-list" :pagination-label="formatLabel"
-        rows-per-page-label=" " :rows-per-page-options="[]" TCNUM-data-labe="沒有找到適合的團期">
+      <q-table v-if="plugData&&plugData.length>0 && !$q.screen.xs" :pagination.sync="paginationDesktop" :data="plugData"
+        :columns="columns" row-key="id" :filter="filter" table-header-class="travel-list" card-class="travel-list"
+        :pagination-label="formatLabel" rows-per-page-label=" " :rows-per-page-options="[]" TCNUM-data-labe="沒有找到適合的團期">
         <template v-slot:body="props">
           <q-tr :props="props">
             <q-td key="startDate" :props="props">
@@ -18,7 +17,28 @@
             </q-td>
             <q-td key="dayNum" :props="props">{{ props.row.dayNum }}</q-td>
             <q-td key="FlightStatus" :props="props">
-              <q-icon color="grey" name="iconfont iconhangbanxinxicopy" size="14" />
+              <q-icon color="grey" name="iconfont iconhangbanxinxicopy" class="cursor-pointer" size="14" />
+                <q-popup-proxy :offset="[260, 3]">
+                  <q-banner class="bg-black text-white">
+                    <table class="tripDetails_table">
+                      <tr>
+                        <th>出發時間</th>
+                        <th>抵達時間</th>
+                        <th>出發地點</th>
+                        <th>抵達地點</th>
+                        <th>航空公司</th>
+                      </tr>
+                      <tr v-for="(item,index) in props.row.priceFlight" :key="index">
+                        <td>{{item.startDate}}</td>
+                        <td>{{item.arriveDate}}</td>
+                        <td>{{item.departureAirPortName}}</td>
+                        <td>{{item.arrivalAirPortName}}</td>
+                        <td>{{item.alName}}</td>
+                      </tr>
+                    </table>
+                  </q-banner>
+                </q-popup-proxy>
+              </q-icon>
             </q-td>
             <q-td key="b2BPrice" :props="props">
               <span caption>$</span>
@@ -42,10 +62,9 @@
           </q-tr>
         </template>
       </q-table>
-      <q-table :pagination.sync="pagination" v-if="plugData&&plugData.length>0 && $q.screen.xs" grid
-        :data="plugData" :columns="columns" row-key="id" :filter="filter" table-header-class="travel-list"
-        card-class="travel-list" :pagination-label="formatLabel" rows-per-page-label=" " :rows-per-page-options="[]"
-        TCNUM-data-labe="沒有找到適合的團期">
+      <q-table :pagination.sync="pagination" v-if="plugData&&plugData.length>0 && $q.screen.xs" grid :data="plugData"
+        :columns="columns" row-key="id" :filter="filter" table-header-class="travel-list" card-class="travel-list"
+        :pagination-label="formatLabel" rows-per-page-label=" " :rows-per-page-options="[]" TCNUM-data-labe="沒有找到適合的團期">
         <template v-slot:item="props">
           <div class="col-xs-12 col-sm-6 col-md-4 col-lg-3 grid-style-transition">
             <q-card class="q-mb-md q-pt-xs q-pb-xs" flat>
@@ -197,6 +216,7 @@
       }
     },
     mounted() {
+      console.log(this.plugData,'plugData');
     }
   };
 
@@ -226,5 +246,11 @@
   .travel-list td {
     font-size: 14px !important;
   }
-
+  .tripDetails_table td{
+    text-align:center;
+    padding:6px;
+  }
+  .tripDetails_table th{
+    width:100px;
+  }
 </style>