修改显示

src/components/Hotel/SupplierView.vue

@@ -516,6 +516,13 @@
         margin-top:27px;
         border:1px solid #DDDDDD;
     }
+    .BackRuleHotel{
+        display:inline-block;
+        width:85%;
+        margin-top:10px;
+        color:#EE4454;
+        line-height: 2;
+    }
 </style>
 
 <template>
@@ -673,12 +680,28 @@
                 <img src="../../assets/img/hotel/hotel.png" alt="">
                 酒店信息
             </div>
-            <div class="HD_hotelComIntroduce" style="color:#42647f;">
+            <div class="HD_hotelComIntroduce" style="color:#42647f;padding-bottom:0;">
                 <h3 class="Hd_titles">酒店介绍</h3>
                 <div style="line-height:2;" v-html="tempData.SHotelInfo"></div>
-                <div style="margin:10px 0;">酒店联系方式：{{tempData.HotelContract}}</div>
-                <div>
-                    退订原则：{{tempData.BackRule}}
+                <div class="hotel-inner" style="margin-top:20px;">
+                    <ul>
+                        <template v-if="tempData.HotelContract!=''&&tempData.HotelContract!=null">
+                            <li>
+                                <label style="margin-top:0">酒店联系方式</label>
+                                <div>
+                                    <span>{{tempData.HotelContract}}</span>
+                                </div>
+                            </li>
+                        </template>
+                        <template v-if="tempData.BackRule!=''&&tempData.BackRule!=null">
+                            <li>
+                                <label style="margin-top:15px;">退订原则</label>
+                                <div>
+                                    <span class="BackRuleHotel">{{tempData.BackRule}}</span>
+                                </div>
+                            </li>
+                        </template>
+                    </ul>
                 </div>
             </div>
             <div class="HD_hotelComIntroduce introduceSupplier">
@@ -851,8 +874,8 @@ export default {
                 this.tempData = res.data.data;
                 this.images=this.tempData.SHotelImgCoverArray;
                 this.isShowImg=true;
-                this.travelLngLat=[]
-                if(this.tempData.Lng!=''&&this.tempData.Lat!=''){
+                this.travelLngLat=[];
+                if((this.tempData.Lng!=''&&this.tempData.Lat!='')&&(this.tempData.Lng!=null&&this.tempData.Lat!=null)){
                     this.travelLngLat.push({
                         lat: this.tempData.Lat,
                         lng: this.tempData.Lng,