修改

src/components/WebSet/WebSiteEdit.vue

@@ -192,7 +192,7 @@
           <!-- <div v-for="(item,index) in dataList" draggable="true" @dragstart="handleDragStart($event, item)"
             @dragover.prevent="handleDragOver($event, item)" @dragenter="handleDragEnter($event, item)"
             @dragend="handleDragEnd($event, item)" :key="index"> -->
-          <div v-for="(item,index) in dataList" draggable="true" @drop="drop($event,item,index)" @dragover="allowDrop($event)" @dragstart="handleDragStart($event, item)"
+          <div v-for="(item,index) in dataList" draggable="true" @drop="drop($event,index)" @dragover="allowDrop($event)" @dragstart="handleDragStart($event, item)"
             @dragover.prevent="handleDragOver($event, item)" @dragenter="handleDragEnter($event, item)"
             @dragend="handleDragEnd($event, item)" :key="index">
 
@@ -315,6 +315,8 @@
         dragging: null,
         commonTitle:'',
         dragObj:{},
+
+        isDraggable:true,
       };
     },
     created() {},
@@ -339,25 +341,33 @@
     },
     methods: {
       handleDragStart(e, item) {
-        this.dragging = item;
+        if(this.isDraggable){
+          this.dragging = item;
+        }
       },
       handleDragEnd(e, item) {
-        this.dragging = null
+        if(this.isDraggable){
+          this.dragging = null
+        }
       },
       //首先把div变成可以放置的元素，即重写dragenter/dragover
       handleDragOver(e) {
-        e.dataTransfer.dropEffect = 'move' // e.dataTransfer.dropEffect="move";//在dragenter中针对放置目标来设置!
+        if(this.isDraggable){
+          e.dataTransfer.dropEffect = 'move' // e.dataTransfer.dropEffect="move";//在dragenter中针对放置目标来设置!
+        }
       },
       handleDragEnter(e, item) {
-        e.dataTransfer.effectAllowed = "move" //为需要移动的元素设置dragstart事件
-        if (item === this.dragging) {
-          return
+        if(this.isDraggable){
+          e.dataTransfer.effectAllowed = "move" //为需要移动的元素设置dragstart事件
+          if (item === this.dragging) {
+            return
+          }
+          const newItems = [...this.dataList]
+          const src = newItems.indexOf(this.dragging)
+          const dst = newItems.indexOf(item)
+          newItems.splice(dst, 0, ...newItems.splice(src, 1))
+          this.dataList = newItems
         }
-        const newItems = [...this.dataList]
-        const src = newItems.indexOf(this.dragging)
-        const dst = newItems.indexOf(item)
-        newItems.splice(dst, 0, ...newItems.splice(src, 1))
-        this.dataList = newItems
       },
       //显示弹窗
       showDialog(item) {
@@ -389,6 +399,7 @@
       },
 
       dragLeftStart(ev,item){
+        this.isDraggable=false;
         var obj = {
           Id: item.TemplateKey,
           plugData: item.TemplateData,
@@ -402,10 +413,11 @@
       allowDrop(ev){
         ev.preventDefault();
       },
-      drop(ev,item,index){
-        if(index){
+      drop(ev,index){
+        if(!this.isDraggable){
           this.dataList.splice(index,0,this.dragObj);
         }
+        this.isDraggable=true;
       },
       //获取下拉框
       getTemplate() {