修改

src/components/trip/tripcalendar.vue

 <style>
   .calendar-box {
-      height:460px;
+      /* height:460px; */
   }
 
   .calendar-box .calendar {
@@ -63,7 +63,108 @@
     margin: 10px 0;
     color: #ff4646;
   }
-
+  .Tripcan_info{
+    width:100%;
+    min-width: 300px;
+    height:100%;
+    border:1px solid #d1d1d1;
+    margin-top:370px;
+    background-color:#fff;
+  }
+  .trafficInfo{
+    float:left;
+    width:60%;
+    min-height:190px;
+    border-right:1px solid #d1d1d1;
+  }
+  .trafficTitle{
+    margin:20px;
+  }
+  .trafficFlight{
+    padding:20px 
+  }
+  .trafficList{
+    display:inline-block;
+    width:30%;
+    text-align:center;
+    vertical-align: middle;
+  }
+  .trafficTime{
+    display:flex;
+    width:100px;
+    margin:auto;
+    font-weight:bold;
+    justify-content: space-between;
+  }
+  .TripStartInfo{
+    float:left;
+    width:40%;
+    padding:20px;
+    color:#9a9696;
+  }
+  .tripRightspan{
+    color:black;
+  }
+  .TripCanbao{
+    display:flex;
+    margin-top:10px;
+    align-items: center;
+    justify-content: space-between;
+  }
+  .TripCanbao>div:last-child{
+    color:orange;
+    font-size:28px;
+    font-weight: bold;
+  }
+  .TripQi{
+    font-size:14px;
+    font-weight: normal;
+    margin-left:10px;
+  }
+  .Tripcan_info:after {
+    clear: both;
+    content: '.';
+    display: block;
+    height: 0;
+    overflow: hidden;
+}
+.trip_BtnDiv{
+  margin-top:20px;
+}
+.traffic_Line{
+  position:relative;
+  width:70px;
+  height:1px;
+  margin:10px auto;
+  background-color: #d1d1d1;
+}
+.traffic_Line>div:first-child{
+  width:7px;
+  height:7px;
+  border-radius: 50%;
+  background-color: #d1d1d1;
+  position: absolute;
+  left:-3px;
+  top:-3px;
+}
+.traffic_Line>div:last-child{
+  width:7px;
+  height:7px;
+  border-radius: 50%;
+  background-color: #d1d1d1;
+  position: absolute;
+  right:-3px;
+  top:-3px;
+}
+@media only screen and (max-width: 1200px){
+  .trafficInfo {
+    width:100%;
+    border-right:0;
+  }
+  .TripStartInfo{
+    width:100%;
+  }
+}
 </style>
 <template>
   <div class="q-mt-lg q-mb-lg">
@@ -81,8 +182,46 @@
             <p v-if="item.price" class="price">￥{{item.price}}起</p>
           </div>
         </div>
-        <div >
-
+        <div class="Tripcan_info">
+          <div class="trafficInfo">
+            <div class="trafficTitle">交通资讯</div>
+            <div class="trafficFlight">
+              <div class="trafficList">
+                <div class="trafficTime"><span>06/11</span><span>14:30</span></div>
+                <div>双流国际机场</div>
+              </div>
+              <div class="trafficList">
+                <div>中国航空</div>
+                <div class="traffic_Line">
+                  <div></div>
+                  <div></div>
+                </div>
+                <div>CA168</div>
+              </div>
+              <div class="trafficList">
+                <div class="trafficTime"><span>06/11</span><span>14:30</span></div>
+                <div>双流国际机场</div>
+              </div>
+            </div>
+          </div>
+          <div class="TripStartInfo">
+             <div>
+               出发日期 ：<span class="tripRightspan">2019-06-11(二)</span>
+             </div>
+              <div>
+               团位编号 ：<span class="tripRightspan">191919</span>
+             </div>
+              <div class="TripCanbao">
+               <div>可报名人数 <span class="tripRightspan">6位</span></div>
+               <div>
+                 27900<span class="TripQi">起</span>
+               </div>
+              </div>
+              <div class="trip_BtnDiv">
+                <q-btn style="width:48%" type="a" label="专人需求单" color="secondary"/>
+                <q-btn style="width:48%;margin-left:10px;" type="a" label="立即预定" color="primary"/>
+              </div>
+          </div>
         </div>
       </div>
     </div>

src/pages/details.vue

@@ -86,7 +86,7 @@
         <!-- 行程資訊 -->
         <!-- TripListStyle 1月历 2列表 -->
         <tripList v-if="item.Id=='TripList'" :key="index+100" :plugData="dataList"></tripList>
-        <tripcalendar v-if="item.Id=='TripList'" :key="index+200" :dateData="dataList.priceList" :day="Myday"></tripcalendar>
+        <tripcalendar v-if="item.Id=='TripList'" :key="index+200" :dateData="dataList.priceList" :day="dataList.priceList[0].startDate"></tripcalendar>
         <!-- 每日行程 -->
         <!-- TripDayStyle 1竖起排 2横起 -->
 
@@ -138,10 +138,10 @@
     data() {
       return {
         msg: {
-          configId: '',
+          configId: '/BGnKqHXCWo=',
           cityId: 0,
           preview: 0,
-          tcid: 0,
+          tcid: 10090,
           teamType: 0
         },
         isShow: false,