no message

src/components/scenicSpot/Singleticket/OrderPreview.vue

 <style scoped>
+  .image-slot{
+        height: 100%;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+    }
   .time-box.time-box2 .time-box-width span{
     width: auto;
   }
@@ -272,7 +278,7 @@
                   <h6 @click="showCardHandler">{{detailsObj.Name}}</h6>
                   <div>
                       <span>地址： {{detailsObj.CityName}} {{detailsObj.Address}}</span>
-                      <a><i class="el-icon-map-location"></i> 地图</a>
+                      <a  @click="showCardHandler"><i class="el-icon-map-location"></i> 地图</a>
                   </div>
               </div>
             </div>
@@ -422,7 +428,7 @@
       </div>
    <!-- 门票详情信息 -->
    <el-dialog custom-class="w800" title="门票详情" :visible.sync="showDetails" center @close="showDetails=false">
-    <ticket-card :ticket="detailsObj"></ticket-card>
+    <ticket-card :ticket="detailsRow"></ticket-card>
   </el-dialog>
     </div>
   </template>
@@ -483,7 +489,8 @@
                 message: '请输入邮寄地址',
                 trigger: 'blur'
             }],
-          }
+          },
+          detailsRow: null
         };
       },
       methods: {
@@ -599,6 +606,7 @@
           }
         },
         showCardHandler() {
+          this.detailsRow = JSON.parse(JSON.stringify(this.detailsObj))
           this.showDetails = true
         },
         getProvinceList(ID, type) {

src/components/scenicSpot/Singleticket/SingleticketList.vue

@@ -207,9 +207,9 @@
             </div>
           </div>
           <div v-else class="listtwo-card">
-            <el-row :gutter="24" class="card-form">
+            <el-row :gutter="30" class="card-form">
                 <template v-for="(x,index) in tableData">
-                    <el-col :span="4" class="listtwo-col">
+                    <el-col :span="5" class="listtwo-col">
                         <div class="listtwo-form">
                             <div>
                                 <el-image v-if="x.PicPathList" class="listtwo-img" :src="x.PicPathList[0]">
@@ -240,7 +240,7 @@
             </el-row>
           </div>
       </div>
-      <div v-if="tableData.length==0" style="margin-top: 10px;text-align: center;">暂无数据</div>
+      <div v-if="tableData.length==0&&!loading" style="margin-top: 10px;text-align: center;">暂无数据</div>
       <el-pagination v-if="total>0" background @current-change="handleCurrentChange" :current-page.sync="msg.currentPage"
         :page-size="msg.pageSize" layout="total,prev, pager, next, jumper" :total="total"></el-pagination>
         <!-- 门票详情信息 -->

src/components/scenicSpot/Singleticket/components/OrderDetails.vue

@@ -34,6 +34,7 @@
                             </div>
                         </div>
                         <el-image 
+                            v-if="images.length>0"
                             style="width: 100%; height: 100%"
                             :src="images[0]"
                             :preview-src-list="images">
@@ -79,7 +80,7 @@
                     </div>
                 </div>
                 <div class="hotelDetails-Map">
-                    <div :style="{height:'100%',width:'100%'}" id="mapContainer"></div>
+                    <div :style="{height:'100%',width:'100%'}" :id="`mapContainer_${ticket.ID}`"></div>
                 </div>
             </div>
             <div class="hotelDetails-prompt">
@@ -126,20 +127,19 @@
       watch: {
         ticket: {
             handler: function (val, oldVal) {
-                this.t = JSON.parse(JSON.stringify(this.ticket))
-                this.images = this.t.PicPathList
-                this.initMap(this.t.Lng,this.t.Lat,this.t.Name)
+                
             },
             deep: true
         },
       },
       created() {
-        
       },
       mounted() {
+        if(this.ticket){
             this.t = JSON.parse(JSON.stringify(this.ticket))
             this.images = this.t.PicPathList
             this.initMap(this.t.Lng,this.t.Lat,this.t.Name)
+        }
       },
       methods: {
         initMap(lng,lat,name) {
@@ -147,7 +147,7 @@
                 this.map.clearOverlays()
             }
             var that = this;
-            this.map = new BMap.Map("mapContainer", {enableMapClick:false,
+            this.map = new BMap.Map(`mapContainer_${this.ticket.ID}`, {enableMapClick:false,
                 minZoom: 3,
                 maxZoom: 50,
             })  //新建地图实例，enableMapClick:false ：禁用地图默认点击弹框
@@ -170,7 +170,6 @@
             })   
             marker.setLabel(label)
             this.map.addOverlay(marker);
-            
         },
         showImageHandler(){
             this.$refs.images.showViewer = true
@@ -181,6 +180,12 @@
   </script>
   
   <style scoped>
+    .image-slot{
+        height: 100%;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+    }
     .hotelDetails-header{
         display: flex;
         align-items: center;