update

src/pages/counter/list/index.vue

@@ -264,21 +264,22 @@
         <!-- 图片查看器 -->
         <el-dialog
             custom-class="data-dia imgIndex"
+            class=""
             :visible.sync="showImg"
             width="634px"
             >
-            <img :src="imgSrc" class="imgPop imgIndex" alt="">
+            <img :src="imgSrc" class="imgPop imgIndex min-w-full " alt="">
 <!--            <div :style="{'background':'url('+imgSrc+')','height':'500px','background-repeat': 'no-repeat',-->
 <!--            'background-size': '100% 100%'}" class="imgPop">-->
 <!--            </div>-->
 <!-- 银行卡 -->
-<div v-if="magnifyData.id == 16" style="position: absolute;top:0;width: 634px">
+            <!-- <div v-if="magnifyData.id == 16" style="position: absolute;top:0;width: 634px">
                 <div style='position: relative;top: 220px;left: 70px;width:250px;font-size: 24px;color: #fff'>
                     {{magnifyData.cardNub}}
                 </div>
-            </div>
+            </div> -->
             <!-- 身份证 -->
-            <div v-if="magnifyData.id == 13" style="position: absolute;top:0;width: 634px">
+            <!-- <div v-if="magnifyData.id == 13" style="position: absolute;top:0;width: 634px">
                 <div style='position: relative;top: 73px;left: 80px;width:220px'>
                     {{magnifyData.userName}}
                 </div>
@@ -297,7 +298,7 @@
                 <div style='position: relative;top: 215px;left: 160px;width:220px'>
                     {{magnifyData.idCardNo}}
                 </div>
-            </div>
+            </div> -->
         </el-dialog>
 
         <!-- <tip-dialog /> -->
@@ -3139,7 +3140,8 @@ export default {
 
 }
 .imgPop{
-    width: 100%;
+    max-width: 100%;
+    margin-top: 20px;
 }
 .masking{
     position: fixed;

src/pages/lobbyManager/list/index.vue

@@ -203,11 +203,11 @@
 
         <!-- 图片查看器 -->
         <el-dialog
-            custom-class="data-dia"
+            custom-class="data-dia imgIndex"
             :visible.sync="showImg"
             width="634px"
             >
-            <img :src="imgSrc" class="w-full" alt="">
+            <img :src="imgSrc" class="imgPop imgIndex min-w-full " alt="">
         </el-dialog>
     </div>
 </template>
@@ -552,6 +552,12 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+    .imgPop{
+        max-width: 100%;
+        margin-top: 20px;
+    }
+
+
     .wrap{
         background: rgb(245,246,248);
         width:100%;
@@ -620,6 +626,12 @@ export default {
         width: 800px;
         min-width:400px;
         margin: auto;
+        
+        .scannerImg {
+            background-color: red;
+            margin-top: 20px;
+            max-height: 95%;
+        }
         .take-list{
             width: 600px;
             margin: 0 auto;