Merge pull request #82 from kiworkshop/feat/save-as-excel

kwangilcho · web-flow · commit 181c1eda75fc · 2018-12-24T16:16:30.000+09:00
[ADD] 견적서를 엑셀 파일로 다운로드 받는 기능을 추가하였습니다.
diff --git a/patent-calculator/package-lock.json b/patent-calculator/package-lock.json
diff --git a/patent-calculator/package.json b/patent-calculator/package.json
@@ -11,6 +11,7 @@
   "dependencies": {
     "axios": "^0.18.0",
     "elasticsearch": "^15.2.0",
+    "js-file-download": "^0.4.4",
     "vue": "^2.5.17",
     "vue-session": "^1.0.0",
     "vuetify": "^1.0.19",
diff --git a/patent-calculator/src/components/Quotation.vue b/patent-calculator/src/components/Quotation.vue
@@ -7,6 +7,9 @@
             <h1 class="headline font-weight-bold mb-5">{{현재거래처}} 견적서</h1>
           </v-flex>
           <v-spacer></v-spacer>
+          <v-btn :loading="saveLoading" icon @click="saveAsExcel()">
+            <v-icon>vertical_align_bottom</v-icon>
+          </v-btn>
           <v-btn icon @click="print()">
             <v-icon>print</v-icon>
           </v-btn>
@@ -159,11 +162,52 @@
 </template>
 
 <script>
+import download from "js-file-download";
+
 export default {
   name: "Quotation",
+  data() {
+    return {
+      saveLoading: false
+    };
+  },
   methods: {
     print() {
       window.print();
+    },
+    saveAsExcel() {
+      const ec2URL =
+        "http://ec2-13-125-38-231.ap-northeast-2.compute.amazonaws.com/excel";
+
+      let quotationPointer = this;
+      this.toggleLoader();
+      this.$http({
+        method: "post",
+        url: ec2URL,
+        data: {
+          분류: Object.keys(this.$store.getters.selected),
+          비용: this.$store.getters.calculateFee
+        },
+        responseType: "arraybuffer"
+      })
+        .then(function(response) {
+          download(
+            response.data,
+            "견적서.xlsx",
+            "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"
+          );
+          quotationPointer.toggleLoader();
+        })
+        .catch(function() {
+          quotationPointer.toggleLoader();
+          quotationPointer.$noticeEventBus.$emit(
+            "raiseNotice",
+            "견적서 다운로드에 실패했습니다. 네트워크를 확인해주세요."
+          );
+        });
+    },
+    toggleLoader() {
+      this.saveLoading = !this.saveLoading;
     }
   },
   computed: {
