update

src/components/checkPhoto/index.vue

@@ -1,5 +1,5 @@
 <template>
-    <div class="relative -translate-y-2/4" style="margin-top: 10px;color: black;">
+    <div class="relative -translate-y-2/4" style="margin-top: 10px;color: black;" id="checkPhoto">
         <!-- <div class="bg-gray-400" @click="closeIt">关闭</div> -->
         <img class="absolute cursor-pointer hover:bg-red-700" src="@/assets/svg/close.svg" alt="" @click="closeIt"  style="right: 50px; top: 30px;" />
 
@@ -74,13 +74,16 @@ export default {
     mounted() {
         // console.log('---showImg')
         // console.log(this.showImg)
-        // const allH3 = document.querySelectorAll('h3');
+        const allH3 = document.querySelectorAll('h3');
-        // for(let i=0; i<allH3.length; i++) {
+        for(let i=0; i<allH3.length; i++) {
-        //     allH3[i].addEventListener('click', (e) => {
+            allH3[i].addEventListener('click', (e) => {
-        //         e.stopPropagation();
+                console.log(e)
+                e.stopPropagation();
+            })
+        }
+        // document.getElementById('checkPhoto').addEventListener('click',(e) => {
+        //     console.log(e)
         // })
-        // }
-        
     },
     watch: {
         showImg: {
@@ -142,8 +145,9 @@ export default {
 
 <style lang="scss" scoped>
     h3 {
+        z-index: 9999;
         &:hover{
-            cursor: text!important;;
+            cursor: text!important;
         }
     }
 </style>

src/pages/counter/list/index.vue

@@ -404,15 +404,14 @@
 
         <div  v-show="showImg" style="z-index: 9999;" >
             <div v-drag class="relative w-screen h-screen">
-                <div class="dia-header absolute text-center hover:bg-gray-400" style="top: -27px;z-index: 9991;width: 850px;height: 50px;line-height: 50px;" ref="imgCheckDrag">--单击此处可拖拽--</div>
+                <!-- <div class="dia-header absolute text-center hover:bg-gray-400" style="top: -27px;z-index: 9991;width: 850px;height: 50px;line-height: 50px;" ref="imgCheckDrag">--单击此处可拖拽--</div> -->
-                <check-photo  :imgSrc="imgSrc" :imgSrcId='imgSrcId' :imgSrcName="imgSrcName" :showImg.sync="showImg"  style="width: 850px;z-index: 9990;" ref="photoCheck">
+                <check-photo  :imgSrc="imgSrc" :imgSrcId='imgSrcId' :imgSrcName="imgSrcName" :showImg.sync="showImg" class="dia-header"  style="width: 850px;z-index: 9990;"  ref="imgCheckDrag">
                     <div class="absolute flex justify-end w-full flex-wrap" style="bottom:7vh; right: 4vw">
                         <seal-name v-for="item in isSeal(imgSrcId)" :key="item.id" :item="item">
                         </seal-name>
                     </div>
                 </check-photo>
             </div>
-            
         </div>
         
 
@@ -967,8 +966,22 @@ export default {
                 this.imgSrc = ''
                 this.imgSrcId = ''
                 this.imgSrcName = ''
+            }else {
+                this.$nextTick(() => {
+                    console.log(this.$refs.imgCheckDrag)
+                    new Sortable(this.$refs.imgCheckDrag, {
+                        animation: 150,
+                        group: {
+                            name:'shared',
+                            pull:'clone',// 是否可以被移出或克隆
+                            put:false// 禁止拖入
+                        },
+                    })
+                })
+                
             }
             
+            
         },
         '$route.path': function (val) {
             // 控制弹框显隐
@@ -1097,14 +1110,7 @@ export default {
         let that = this
 
         // 图片查看器允许拖拽
-        new Sortable(this.$refs.imgCheckDrag, {
+        
-            animation: 150,
-            group: {
-                name:'shared',
-                pull:'clone',// 是否可以被移出或克隆
-                put:false// 禁止拖入
-            },
-        })
         // 拖拽-物品栏
         new Sortable(this.$refs.goods, {
             animation: 150,