再次增加图片预览 不要删我的...

src/components/Hotel/HotelInfo.vue

@@ -211,6 +211,7 @@
               <div class="re-img" v-for="(item,index) in HotelImageArray" :key="item.subCode">
                 <img :src="item.ShowPath" />
                 <div class="imgzhe">
+                  <div class="re-delte" ><i @click.stop="showImg(item.ShowPath)" class="iconfont icon-img_cz"></i></div>
                   <div class="re-delte" @click="delImg(index)"><i class="iconfont icon-xingzhuang"></i></div>
 
                   <!-- <div class="re-delte" @click.stop="ExchangeImg(index,0)" v-if="index!=0&&item.ShowPath">
@@ -251,6 +252,9 @@
       <button class="save-Btn" @click="submitForm('addMsg')">{{$t('pub.saveBtn')}}</button>
       <button class="cancel-Btn" @click="goUrl('HotelManagement')">{{$t('pub.cancelBtn')}}</button>
     </div>
+    <viewer :images="images" :options='imageOptions' @inited="inited" class="viewer" ref="viewer">
+      <img v-for="src in images" :src="src" :key="src">
+    </viewer>
   </div>
 </template>
 <script>
@@ -259,6 +263,11 @@ import googleMap from "../commonPage/googleMap.vue";
 export default {
   data() {
     return {
+      imageOptions:{
+        navbar:false,
+        title:false
+      },
+      images: [],
       //是否显示添加图片
       addimg: false,
       //地图选中地址
@@ -443,6 +452,24 @@ export default {
       this.HotelImageArray.splice(index, 1);
       //this.updatePic();
     },
+    inited (viewer){
+      this.$viewer = viewer
+    },
+    showImg: function (src) {
+      let srcArr = src.split('?')
+      src = srcArr[0]
+      let isExsit=false
+      this.images.forEach(x=>{
+        if(x===src)
+          isExsit=true
+      })
+      if(!isExsit) {
+        this.images.push(src)
+      } else {
+        this.$viewer.view(this.images.indexOf(src))
+      }
+      this.$viewer.show()
+    },
     addImgOpen() {
       this.addimg = true;
       this.initimgList();