页面修改

src/assets/css/endTravelManager.css

@@ -602,7 +602,9 @@
     position:absolute;
     height:40px;
     top:42%;
-    left:42%;
+    left:50%;
+    transform: translate3d(-50%,-50%,0);
+    width: 180px;
     display:none;
     text-align:center;
     z-index:3
@@ -611,7 +613,6 @@
     display: inline-block;
     width: 40px;
     height: 40px;
-    /* display:none; */
     border-radius: 50%;
     line-height: 40px;
     color: #fff;

src/components/newTravelmanager/TravelTripPreview/fivedayList.vue

@@ -17,6 +17,7 @@
             </el-upload>
           </el-form-item>
           <span class="TC-find" @click="isShowScenicImg=true,GetClickItem(scenicArray[0])"><i class="iconfont icon-img_cz"></i></span>
+          <span class="re-delte" @click="ToMoveScenicItem(0,1)"><i class="iconfont icon-youyi"></i></span>
         </div>
       </div>
       <div class="text">
@@ -61,6 +62,8 @@
               </el-upload>
             </el-form-item>
             <span class="TC-find" @click="isShowScenicImg=true,GetClickItem(scenicArray[1])"><i class="iconfont icon-img_cz"></i></span>
+            <span class="re-delte" @click="ToMoveScenicItem(1,0)"><i class="iconfont icon-zuoyi"></i></span>
+            <span class="re-delte" @click="ToMoveScenicItem(1,1)"><i class="iconfont icon-youyi"></i></span>
           </div>
         </div>
         <div class="TC-fiveText">
@@ -104,6 +107,8 @@
               </el-upload>
             </el-form-item>
             <span class="TC-find" @click="isShowScenicImg=true,GetClickItem(scenicArray[2])"><i class="iconfont icon-img_cz"></i></span>
+            <span class="re-delte" @click="ToMoveScenicItem(2,0)"><i class="iconfont icon-zuoyi"></i></span>
+            <span class="re-delte" @click="ToMoveScenicItem(2,1)"><i class="iconfont icon-youyi"></i></span>
           </div>
         </div>
         <div class="TC-fiveText">
@@ -146,6 +151,8 @@
               </el-upload>
             </el-form-item>
             <span class="TC-find" @click="isShowScenicImg=true,GetClickItem(scenicArray[3])"><i class="iconfont icon-img_cz"></i></span>
+            <span class="re-delte" @click="ToMoveScenicItem(3,0)"><i class="iconfont icon-zuoyi"></i></span>
+            <span class="re-delte" @click="ToMoveScenicItem(3,1)"><i class="iconfont icon-youyi"></i></span>
           </div>
         </div>
         <div class="TC-fiveText">
@@ -154,7 +161,6 @@
             <div v-if="!isRead">
               <el-input class="w260" v-if="IsDirect==0" v-model="scenicArray[3].CouponsName" placeholder="请输入景点名称"></el-input>
             </div>
-
             <div class="TC-playTime">
               <span>游玩时间</span>
               <el-input class="w69" v-if="!isRead" v-model="scenicArray[3].PlayTimeHour" @keyup.native="checkInteger(scenicArray[3],'PlayTimeHour')"   placeholder="小时"></el-input>
@@ -190,6 +196,7 @@
               </el-upload>
             </el-form-item>
             <span class="TC-find" @click="isShowScenicImg=true,GetClickItem(scenicArray[4])"><i class="iconfont icon-img_cz"></i></span>
+            <span class="re-delte" @click="ToMoveScenicItem(4,0)"><i class="iconfont icon-zuoyi"></i></span>
           </div>
         </div>
         <div class="TC-fiveText">
@@ -245,7 +252,11 @@
         currentChooseIndex:0,
       };
     },
-    methods: {
+    methods: { 
+	  //左移右移
+      ToMoveScenicItem(index, type) {
+        this.$parent.MoveScenicItem(this.DayNum, index,type);
+      },
       //获取当前点击的Item
       GetClickItem(obj) {
         this.ClickItem = obj;

src/components/newTravelmanager/TravelTripPreview/threedayList.vue

@@ -35,6 +35,7 @@
           <span class="TC-find" @click="isShowScenicImg=true,GetClickItem(scenicArray[0])">
             <i class="iconfont icon-img_cz"></i>
           </span>
+          <span class="re-delte" @click="ToMoveScenicItem(0,1)"><i class="iconfont icon-youyi"></i></span>
         </div>
       </div>
       <div class="TC-OneDetail">
@@ -102,6 +103,8 @@
           <span class="TC-find">
             <i class="iconfont icon-img_cz" @click="isShowScenicImg=true,GetClickItem(scenicArray[1])"></i>
           </span>
+          <span class="re-delte" @click="ToMoveScenicItem(1,0)"><i class="iconfont icon-zuoyi"></i></span>
+          <span class="re-delte" @click="ToMoveScenicItem(1,1)"><i class="iconfont icon-youyi"></i></span>
         </div>
       </div>
     </div>
@@ -123,6 +126,7 @@
           <span class="TC-find" @click="isShowScenicImg=true,GetClickItem(scenicArray[2])">
             <i class="iconfont icon-img_cz"></i>
           </span>
+          <span class="re-delte" @click="ToMoveScenicItem(2,0)"><i class="iconfont icon-zuoyi"></i></span>
         </div>
       </div>
       <div class="TC-Threemid Tremind">
@@ -178,7 +182,10 @@
       };
     },
     methods: {
- 
+ 	  //左移右移
+      ToMoveScenicItem(index, type) {
+        this.$parent.MoveScenicItem(this.DayNum, index,type);
+      },
       //获取当前点击的Item
       GetClickItem(obj) {
         this.ClickItem = obj;