页面修改

src/components/Hotel/HotelInfo.vue

@@ -2,7 +2,7 @@
   @import "../../assets/css/DMC.css";
 
 </style>
-<template>  
+<template>
   <div class="flexOne changInfo">
     <div class="resource-content clearfix">
       <el-form :model="addMsg" :rules="rules" ref="addMsg">
@@ -239,6 +239,13 @@
                 <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">
+                    <i class="iconfont icon-zuoyi"></i>
+                  </div>
+                  <div class="re-delte" @click.stop="ExchangeImg(index,1)"
+                    v-if="index!=HotelImageArray.length-1&&item.ShowPath">
+                    <i class="iconfont icon-youyi"></i>
+                  </div>
                 </div>
               </div>
             </div>
@@ -852,20 +859,20 @@
         );
       },
       //图片左移右移
-      // ExchangeImg(index, IsMove) {
-      //   var imgItem = this.HotelImageArray[index];
-      //   //左移
-      //   if (IsMove == 0) {
-      //     var upItem = this.HotelImageArray[index - 1];
-      //     this.$set(this.HotelImageArray, index - 1, imgItem);
-      //     this.$set(this.HotelImageArray, index, upItem);
-      //   } else {
-      //     //右移动
-      //     var downItem = this.HotelImageArray[index + 1];
-      //     this.$set(this.HotelImageArray, index + 1, imgItem);
-      //     this.$set(this.HotelImageArray, index, downItem);
-      //   }
-      // },
+      ExchangeImg(index, IsMove) {
+        var imgItem = this.HotelImageArray[index];
+        //左移
+        if (IsMove == 0) {
+          var upItem = this.HotelImageArray[index - 1];
+          this.$set(this.HotelImageArray, index - 1, imgItem);
+          this.$set(this.HotelImageArray, index, upItem);
+        } else {
+          //右移动
+          var downItem = this.HotelImageArray[index + 1];
+          this.$set(this.HotelImageArray, index + 1, imgItem);
+          this.$set(this.HotelImageArray, index, downItem);
+        }
+      },
 
 
     },