From 210e30c83da49b86597cd408d5fbf1b44e9da393 Mon Sep 17 00:00:00 2001
From: qianlishi <1432731663@qq.com>
Date: Thu, 1 Jul 2021 15:37:40 +0800
Subject: [PATCH] =?UTF-8?q?=E5=9B=BE=E5=B1=82=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../bigscreen/designer/form/contentMenu.vue   |  2 +-
 .../views/report/bigscreen/designer/index.vue | 59 ++++++++++++++++---
 2 files changed, 53 insertions(+), 8 deletions(-)

diff --git a/report-ui/src/views/report/bigscreen/designer/form/contentMenu.vue b/report-ui/src/views/report/bigscreen/designer/form/contentMenu.vue
index 24841530..15562b1c 100644
--- a/report-ui/src/views/report/bigscreen/designer/form/contentMenu.vue
+++ b/report-ui/src/views/report/bigscreen/designer/form/contentMenu.vue
@@ -10,7 +10,7 @@
       <i class="iconfont iconjinlingyingcaiwangtubiao01"></i> 置顶图层
     </div>
     <div class="contentmenu__item" @click="setlowLayer">
-      <i class="iconfont iconleft-copy"></i> 置低图层
+      <i class="iconfont iconleft-copy"></i> 置底图层
     </div>
     <div class="contentmenu__item" @click="moveupLayer">
       <i class="iconfont iconjinlingyingcaiwangtubiao01"></i> 上移一层
diff --git a/report-ui/src/views/report/bigscreen/designer/index.vue b/report-ui/src/views/report/bigscreen/designer/index.vue
index 6b10e08e..a5288d2f 100644
--- a/report-ui/src/views/report/bigscreen/designer/index.vue
+++ b/report-ui/src/views/report/bigscreen/designer/index.vue
@@ -30,7 +30,11 @@
         </el-tab-pane>
         <!-- 左侧图层-->
         <el-tab-pane label="图层">
-          <draggable v-model="layerWidget">
+          <draggable
+            v-model="layerWidget"
+            @update="datadragEnd"
+            :options="{ animation: 300 }"
+          >
             <transition-group>
               <div
                 v-for="(item, index) in layerWidget"
@@ -672,20 +676,61 @@ export default {
         }
       }
     },
+    datadragEnd(evt) {
+      evt.preventDefault();
+      this.widgets = this.swapArr(this.widgets, evt.oldIndex, evt.newIndex);
+    },
+    // 数组 元素互换位置
+    swapArr(arr, oldIndex, newIndex) {
+      arr[oldIndex] = arr.splice(newIndex, 1, arr[oldIndex])[0];
+      return arr;
+    },
     // 删除
     deletelayer() {
       this.widgets.splice(this.rightClickIndex, 1);
     },
     // 复制
-    copylayer() {},
+    copylayer() {
+      const obj = this.deepClone(this.widgets[this.rightClickIndex]);
+      this.widgets.splice(this.widgets.length, 0, obj);
+    },
     // 置顶
-    istopLayer() {},
-    // 置低
-    setlowLayer() {},
+    istopLayer() {
+      if (this.rightClickIndex != 0) {
+        this.widgets.unshift(this.widgets.splice(this.rightClickIndex, 1)[0]);
+      }
+    },
+    // 置底
+    setlowLayer() {
+      if (this.rightClickIndex + 1 < this.widgets.length) {
+        const temp = this.widgets.splice(this.rightClickIndex, 1)[0];
+        this.widgets.push(temp);
+      }
+    },
     // 上移一层
-    moveupLayer() {},
+    moveupLayer() {
+      if (this.rightClickIndex != 0) {
+        this.widgets[this.rightClickIndex] = this.widgets.splice(
+          this.rightClickIndex - 1,
+          1,
+          this.widgets[this.rightClickIndex]
+        )[0];
+      } else {
+        this.widgets.push(this.widgets.shift());
+      }
+    },
     // 下移一层
-    movedownLayer() {}
+    movedownLayer() {
+      if (this.rightClickIndex != this.widgets.length - 1) {
+        this.widgets[this.rightClickIndex] = this.widgets.splice(
+          this.rightClickIndex + 1,
+          1,
+          this.widgets[this.rightClickIndex]
+        )[0];
+      } else {
+        this.widgets.unshift(this.widgets.splice(this.rightClickIndex, 1)[0]);
+      }
+    }
   }
 };
 </script>