页面修改

src/components/mall/newTrip.vue

@@ -900,7 +900,7 @@
     }
 </style>
 <template>
-    <div class="pageViewTrip" v-if="isShow">
+    <div class="pageViewTrip" v-if="isShow" v-loading="loading">
         <div class="tripContWrap">
             <div class="sideBar mobileHide">
                 <div class="sideBarBtns sideTop">
@@ -996,9 +996,9 @@
                                     </div>
                                 </div>
                                 <div class="col-md-12 col-sm-12"
-                                    v-if="dataList.currentPriceInfo.priceFlight&&dataList.currentPriceInfo.priceFlight!=null"
-                                    v-for="(item,index) in dataList.currentPriceInfo.priceFlight" :key="index">
-                                    <div class="arrangementSubContainer">
+                                    v-if="dataList.currentPriceInfo&&dataList.currentPriceInfo.priceFlight&&dataList.currentPriceInfo.priceFlight.length>0">
+                                   <template  v-for="(item,index) in dataList.currentPriceInfo.priceFlight" >
+                                    <div class="arrangementSubContainer" :key="index">
                                         <div class="header">
                                             <span class="dayIndex">{{item.startDate}}</span>
                                         </div>
@@ -1021,6 +1021,7 @@
                                             </div>
                                         </div>
                                     </div>
+                                    </template>
                                 </div>
                             </div>
                         </div>
@@ -1270,6 +1271,7 @@
     export default {
         data() {
             return {
+                loading:false,
                 defaultImg: 'this.src="' + require('../../assets/img/newtrip/hotel.jpg') + '"',
                 travelLngLat: [],
                 showType: 1, //显示类型(1-所有的，2-每天的)
@@ -1330,12 +1332,19 @@
             },
             //加载数据
             getTrip() {
+                this.loading=true;
                 this.apipost('b2b_get_GetB2BTravelInfoV1', this.msg, res => {
+                        this.loading=false;
                     if (res.data.resultCode == 1) {
                         this.dataList = res.data.data;
                         console.log("this.dataList", this.dataList);
-                        this.FlightList = res.data.data.currentPriceInfo.priceFlight;
-                        this.StartData = res.data.data.currentPriceInfo.startDate;
+                        if(res.data.data.currentPriceInfo&&res.data.data.currentPriceInfo.priceFlight){
+                            this.FlightList = res.data.data.currentPriceInfo.priceFlight;
+                        }
+                         if(res.data.data.currentPriceInfo&&res.data.data.currentPriceInfo.startDate){
+                           this.StartData = res.data.data.currentPriceInfo.startDate;
+                        }
+                  
                         this.isShow = true;
                         this.getAllPoint();
                         //装载景点酒店图片以供预览