图片回显

src/views/system/UserList.vue

@@ -143,7 +143,13 @@
 
         <template slot="avatarslot" slot-scope="text, record, index">
           <div class="anty-img-wrap">
-            <a-avatar shape="square" :src="getAvatarView(record.avatar)" icon="user"/>
+<!--           <a-avatar shape="square" :src="getAvatarView(record.avatar)" @click="setimgurl(record.avatar)" icon="user"/>-->
+            <img id="imgs"      style="
+            width: 35px;
+            max-height:35px;
+            border-radius: 6px;
+            position: relative;
+          " :src="getAvatarView(record.avatar)" :preview="getAvatarViewview(record.avatar)" />
           </div>
         </template>
 
@@ -229,6 +235,7 @@
     },
     data() {
       return {
+        imgurl:'',
         description: '这是用户管理页面',
         queryParam: {},
         recycleBinVisible: false,
@@ -237,6 +244,7 @@
           areaLinkage2: '140221',
           sex: 1
         },
+        srcLists:[],
         columns: [
           /*{
             title: '#',
@@ -253,7 +261,6 @@
             align: "center",
             dataIndex: 'username',
             width: 120,
-            sorter: true,
           },
           {
             title: '用户姓名',
@@ -268,13 +275,11 @@
             dataIndex: 'avatar',
             scopedSlots: {customRender: "avatarslot"}
           },
-
           {
             title: '性别',
             align: "center",
             width: 80,
             dataIndex: 'sex_dictText',
-            sorter: true
           },
           // {
           //   title: '生日',
@@ -336,7 +341,18 @@
       }
     },
     methods: {
+      setimgurl(avatar){
+        this.imgurl=this.getAvatarView(avatar)
+        document.getElementById('imgs').click();
+        console.log(document.getElementById('imgs'))
+      },
       getAvatarView: function (avatar) {
+        if (avatar ===null){
+          avatar ='http://182.92.73.21:9090/file/temp/头像_1668068982086.jpg'
+        }
+        return getFileAccessHttpUrl(avatar)
+      },
+      getAvatarViewview : function (avatar) {
         return getFileAccessHttpUrl(avatar)
       },