feat：图片拖拽功能优化

src/views/goods/infoSet.vue

@@ -38,15 +38,19 @@
             <Draggable
               v-model="imageList"
               class="flex f-fw-w img__wrapper"
-              handle=".gallery"
+              handle=".item_content"
               anmition="500"
-              delay="20">
+              delay="20"
+              @end="onMove">
               <div v-for="(item, index) in imageList" :key="item + index" class="select_item">
-                <img :src="item" class="gallery" @click="handleShowLargeDialog(item)">
-                <div class="edit" @click="handlerChangeImage(item)">编辑</div>
-                <div v-if="imageList.length > 0" class="set" @click="handlerSetMainImage(item, index)">
-                  {{ imageMainPosition === index ? '主图' : '设为主图' }}
+                <div class="item_content">
+                  <img :src="item" class="gallery" @click="handleShowLargeDialog(item)">
+                  <div class="edit" @click="handlerChangeImage(item)">编辑</div>
+                  <div v-if="imageList.length > 0" class="set" @click="handlerSetMainImage(item, index)">
+                    {{ imageMainPosition === index ? '主图' : '设为主图' }}
+                  </div>
                 </div>
+
               </div>
             </Draggable>
 
@@ -283,6 +287,9 @@ export default {
     window.addEventListener('scroll', this.handleScroll)
   },
   methods: {
+    onMove(e) {
+      this.imageMainPosition = this.imageList.indexOf(this.goodsParams.topImage)
+    },
     limitInput(value, type) {
       const newValue = ('' + value) // 第一步：转成字符串
         .replace(/[^\d^\.]+/g, '') // 第二步：把不是数字，不是小数点的过滤掉
@@ -734,7 +741,7 @@ export default {
     .list {
       margin-top: 10px;
 
-      .select_item {
+      .item_content {
         width: 100px;
         height: 100px;
         position: relative;