支付退款

src/component/HomePage/ExportNewCoolection.vue

@@ -49,8 +49,10 @@
                 </div>
             </div>
         </div> -->
-		<div v-show="exportNav[3].change" class="img_block_item img_block_item_sketch">
-            <div class="lager_img_item" :class="'lager_img_item'+index" v-for="(item,index) in sketch" :key="item">
+		<div v-show="exportNav[3].change" class="img_block_item img_block_item_sketch" >
+            <div class="lager_img_item" draggable :class="'lager_img_item'+index" v-for="(item,index) in sketch" @dragstart="dragstart($event, index)"
+											@dragover.prevent 
+											@drop="dragDrop($event, index)" :key="item">
 				<div class="all_img_item_block" v-for="v in item" :key="sketch">
                     <img class="all_img_content" :src="v?.urlWithWhiteSide">
 				</div>
@@ -88,12 +90,14 @@ export default defineComponent({
         let allBoardData:any = computed(()=>{return store.state.UploadFilesModule.allBoardData})
         let likeDesignCollectionList : any = computed(()=>{return store.state.HomeStoreModule.likeDesignCollectionList})
 		let exportNav = inject('exportNav')
+		let dragIdx = 0
         return {
             allBoardData,
             likeDesignCollectionList,
 			sketch,
 			sketchList,
 			exportNav,
+			dragIdx,
         }
     },
 	watch: {
@@ -117,6 +121,17 @@ export default defineComponent({
 		// },
 	},
 	methods: {
+		dragstart (e:any, index:any) {
+			console.log(12312312312312);
+			
+			this.dragIdx = index
+			},
+			dragDrop (e:any, index:any) {
+			let _teams = this.likeDesignCollectionList  //将hotteams存起来
+			let _dragitem = _teams[this.dragIdx]  //将被拖拽的那条数据存起来
+			_teams.splice(this.dragIdx, 1)      //删除被拖拽的那条数据
+			_teams.splice(index, 0, _dragitem)  //将被拖拽的那条数据放到数组中指定的位置
+			},
 		setSketch(){
 			this.sketch = [[],[],[]]
 			nextTick().then(async ()=>{