修复点击图片下载问题

src/apps/mobile/views/operation-bank/user-rule/index.vue

@@ -1,5 +1,5 @@
 <template>
-    <div class="common-container">
+    <div class="common-container my-open-img">
         <TitleBar></TitleBar>
         <div class="main-container">
             <div class="search-container TableSelectMain">
@@ -46,13 +46,14 @@
                     <el-table-column prop="name" label="app用户类型" :show-overflow-tooltip="true"></el-table-column>
                     <el-table-column label="图片">
                         <template slot-scope="scope">
-                            <span @click="imgOpen(scope.row.image)"> 
+                            <!-- <span @click="imgOpen(scope.row.image)"> </span> -->
                             <el-image
                                 style="width: 50px; height: 50px; cursor: pointer"
                                 :src="scope.row.image | pathPipe"
                                 :fit="'fit'"
+                                :preview-src-list="[scope.row.image]"
                             ></el-image>
-                            </span>
+                            
                         </template>
                     </el-table-column>
                     <el-table-column prop="roleCode" label="角色编码" :show-overflow-tooltip="true">
@@ -296,16 +297,30 @@ export default {
 };
 </script>
 <style lang="stylus" scoped>
-.TableSelectMain .el-date-editor.el-input.el-input--prefix.el-input--suffix.el-date-editor--date {
-    width: 95%;
-}
 
-.authority {
-    margin-top: 10px;
+.my-open-img{
+    .TableSelectMain .el-date-editor.el-input.el-input--prefix.el-input--suffix.el-date-editor--date {
+        width: 95%;
+    }
+
+    .authority {
+        margin-top: 10px;
 
-    .el-dropdown-link {
-        color: #409EFF;
-        cursor: pointer;
+        .el-dropdown-link {
+            color: #409EFF;
+            cursor: pointer;
+        }
+    }
+    ::v-deep .el-image{
+        img{
+            pointer-events: auto;
+        }
+
+        .el-icon-circle-close {
+            font-size: 50px;
+            color: #fff;
+        }
     }
 }
+
 </style>

src/apps/mobile/views/payment-bank/user-account/index.vue

@@ -1,5 +1,5 @@
 <template>
-    <div class="common-container">
+    <div class="common-container my-open-img">
         <TitleBar></TitleBar>
         <div class="main-container">
             <div class="search-container TableSelectMain">
@@ -67,12 +67,13 @@
                     ></el-table-column>
                     <el-table-column label="头像">
                         <template slot-scope="scope">
-                            <span @click="imgOpen(scope.row.avatarUrl)">
+                            <!-- <span @click="imgOpen(scope.row.avatarUrl)"></span> -->
                             <el-image
                                 :src="scope.row.avatarUrl | pathPipe"
                                 style="width:50px;height:50px;cursor:pointer"
+                                :preview-src-list="[scope.row.avatarUrl]"
                             ></el-image>
-                            </span>
+                            
                         </template>
                     </el-table-column>
                     <el-table-column prop="mobile" label="手机号" :show-overflow-tooltip="true"></el-table-column>
@@ -202,8 +203,21 @@ export default {
     },
 };
 </script>
-<style scoped>
-.TableSelectMain .el-date-editor.el-input.el-input--prefix.el-input--suffix.el-date-editor--date {
-    width: 95%;
+<style lang="stylus" scoped>
+
+.my-open-img{
+    .TableSelectMain .el-date-editor.el-input.el-input--prefix.el-input--suffix.el-date-editor--date {
+        width: 95%;
+    }
+    ::v-deep .el-image{
+        img{
+            pointer-events: auto;
+        }
+
+        .el-icon-circle-close {
+            font-size: 50px;
+            color: #fff;
+        }
+    }
 }
 </style>

src/apps/mobile/views/payment-bank/withdraw-approve/index.vue

@@ -1,5 +1,5 @@
 <template>
-    <div class="common-container">
+    <div class="common-container my-open-img">
         <TitleBar></TitleBar>
         <div class="main-container">
             <div class="search-container TableSelectMain">
@@ -69,12 +69,13 @@
 
                     <el-table-column prop="head" label="头像">
                         <template slot-scope="scope">
-                            <span @click="imgOpen(scope.row.avatarUrl)">
+                            <!-- <span @click="imgOpen(scope.row.avatarUrl)"></span> -->
                             <el-image
                                 :src="scope.row.avatarUrl | pathPipe"
                                 style="width:40px;height:40px;cursor:pointer"
+                                :preview-src-list="[scope.row.avatarUrl]"
                             ></el-image>
-                            </span>
+                            
                         </template>
                     </el-table-column>
                     <el-table-column prop="mobile" label="手机号" :show-overflow-tooltip="true"></el-table-column>
@@ -357,17 +358,32 @@ export default {
     },
 };
 </script>
-<style scoped>
-.TableSelectMain .el-date-editor.el-input.el-input--prefix.el-input--suffix.el-date-editor--date {
-    width: 95%;
-}
-.el-date-editor {
-    border-radius: 20px;
-    overflow: hidden;
-    height: 30px;
-    line-height: 30px;
-}
-.el-range-editor.el-input__inner {
-    margin-top: 5px;
+<style lang="stylus" scoped>
+
+
+.my-open-img{
+    .TableSelectMain .el-date-editor.el-input.el-input--prefix.el-input--suffix.el-date-editor--date {
+        width: 95%;
+    }
+    .el-date-editor {
+        border-radius: 20px;
+        overflow: hidden;
+        height: 30px;
+        line-height: 30px;
+    }
+    .el-range-editor.el-input__inner {
+        margin-top: 5px;
+    }
+    ::v-deep .el-image{
+        img{
+            pointer-events: auto;
+        }
+
+        .el-icon-circle-close {
+            font-size: 50px;
+            color: #fff;
+        }
+    }
 }
+
 </style>