fix: check permission and feedback ui download something

app/pages/paths/management/ManageDets.vue

@@ -31,7 +31,8 @@ export default {
         maxCount: null,
         targetGrade: null,
         endDate: new Date()
-      }
+      },
+      percentages: 100
     }
   },
 
@@ -93,6 +94,14 @@ export default {
       }
     },
 
+    async download () {
+      try {
+        await detsManager.getExcel()
+      } catch (err) {
+        this.$swal('이런!', err.message, 'error')
+      }
+    },
+
     openEditModal (dets) {
       this.modals.edit = true
       this.currentDets = dets
@@ -168,7 +177,7 @@ export default {
       </span>
       <span
         class="dets__excel"
-        onclick="location.href='http://dev-api.dimigo.in/dets/excel'"
+        @click="download()"
       >
         <span class="icon-long-arrow-down" />엑셀 다운로드
       </span>

app/src/api/dets/dets.service.js

@@ -71,4 +71,18 @@ export class DetsManagerService extends DetsService {
       403: '권한이 없습니다.'
     })
   }
+
+  async getExcel () {
+    const { data } = await this.magician(() => this.r.get(`/excel`, {
+      responseType: 'blob'
+    }), {
+      403: '권한이 없습니다.',
+      default: '파일을 다운로드하던 중 문제가 발생했습니다.'
+    })
+    const link = document.createElement('a')
+    link.href = window.URL.createObjectURL(new Blob([data]))
+    link.setAttribute('download', 'dets.xls')
+    document.body.appendChild(link)
+    link.click()
+  }
 }