From ae2b70deb2632726ecee2699ab8b20fd62bf6c7e Mon Sep 17 00:00:00 2001
From: Yu Sung <hwchon1234@gmail.com>
Date: Tue, 19 Mar 2024 16:29:45 +0900
Subject: [PATCH] =?UTF-8?q?=ED=9A=8C=EC=9B=90=EB=A6=AC=EC=8A=A4=ED=8A=B8?=
 =?UTF-8?q?=20-=20=ED=94=84=EB=A1=9C=ED=95=84=20=EC=9D=B4=EB=AF=B8?=
 =?UTF-8?q?=EC=A7=80=20=EB=8B=A4=EC=9A=B4=EB=A1=9C=EB=93=9C=20=EC=B6=94?=
 =?UTF-8?q?=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/Member/MemberList.vue | 37 ++++++++++++++++++++++++++-------
 1 file changed, 30 insertions(+), 7 deletions(-)

diff --git a/src/views/Member/MemberList.vue b/src/views/Member/MemberList.vue
index 0e3d25b..9f24fae 100644
--- a/src/views/Member/MemberList.vue
+++ b/src/views/Member/MemberList.vue
@@ -75,12 +75,20 @@
                   <td>{{ item.email }}</td>
                   <td>{{ item.nickname }}</td>
                   <td align="center">
-                    <v-img
-                      max-width="100"
-                      max-height="100"
-                      :src="item.profileUrl"
-                      class="rounded-circle"
-                    />
+                    <div>
+                      <v-img
+                        max-width="100"
+                        max-height="100"
+                        :src="item.profileUrl"
+                        class="rounded-circle"
+                      />
+                      <button
+                        class="download-button"
+                        @click="downloadImage(item.profileUrl)"
+                      >
+                        다운로드
+                      </button>
+                    </div>
                   </td>
                   <td>{{ item.userType }}</td>
                   <td>
@@ -357,11 +365,26 @@ export default {
 
       this.is_loading = false
       this.cancel()
+    },
+
+    async downloadImage(imageUrl) {
+      const link = document.createElement('a')
+      link.href = imageUrl
+      link.download = "image"
+      document.body.appendChild(link)
+      link.click()
+      document.body.removeChild(link)
     }
   }
 }
 </script>
 
 <style scoped>
-
+.download-button {
+  margin-top: 5px;
+  background-color: #3bb9f1;
+  color: white;
+  padding: 10px;
+  border-radius: 10px;
+}
 </style>