点击蒙版关闭预览图片

src/views/checkList.vue

@@ -112,22 +112,22 @@
         <div class="uploadLabel">附件:</div>
         <div class="uploadImg">
           <div class="peviewImg">
-            <div class="OneImg" id="imageOne">
+            <div id="imageOne" class="OneImg">
               <el-image
                 class="OneElImg"
                 :src="url"
                 fit="full"
                 :preview-src-list="srcList"
-                @click.stop="handleClickOneStop"
+                @click.stop="handleClickStop('imageOne')"
               />
             </div>
-            <div class="twoImg" id="imageTwo">
+            <div id="imageTwo" class="twoImg">
               <el-image
                 class="twoElImg"
                 :src="url1"
                 fit="full"
                 :preview-src-list="srcList1"
-                @click.stop="handleClickTwoStop"
+                @click.stop="handleClickStop('imageTwo')"
               />
             </div>
             <div class="uploadButton">
@@ -345,25 +345,16 @@ export default {
         document.querySelector('.el-image-viewer__close').click()
       }
     },
-    handleClickOneStop() {
+    // 点击蒙版关闭预览图片
+    handleClickStop(imageId) {
       this.$nextTick(() => {
-        var domImageView = document.querySelector('#imageOne .el-image-viewer__mask')
+        var domImageView = document.querySelector(`#${imageId} .el-image-viewer__mask`)
         if (!domImageView) {
           return
         }
+        var closeButton = document.querySelector(`#${imageId} .el-image-viewer__close`)
         domImageView.addEventListener('click', () => {
-          document.querySelector('#imageOne .el-image-viewer__close').click()
-        })
-      })
-    },
-    handleClickTwoStop() {
-      this.$nextTick(() => {
-        var domImageView = document.querySelector('#imageTwo .el-image-viewer__mask')
-        if (!domImageView) {
-          return
-        }
-        domImageView.addEventListener('click', () => {
-          document.querySelector('#imageTwo .el-image-viewer__close').click()
+          closeButton.click()
         })
       })
     },