Append export url at the link. #67

TaiBIF · Dec 20, 2018 · d05fbf0 · d05fbf0
1 parent c6fd710
commit d05fbf0
Showing 1 changed file with 8 additions and 5 deletions.
diff --git a/src/pages/index/views/Site.vue b/src/pages/index/views/Site.vue
@@ -36,9 +36,9 @@
         class="search-content"
       >
         <a
+          :href="exportUrl"
           class="btn btn-green-border btn-sm float-right"
           v-tooltip.bottom="'將目前頁面或篩選範圍之資料輸出為 CSV 檔並下載'"
-          @click="exportCsv"
         >
           下載篩選結果
         </a>
@@ -445,7 +445,6 @@ import ZoomDrag from '../components/ZoomDrag';
 import CameraModal from '../components/CameraModal';
 import YoutubeEmbed from '../components/YoutubeEmbed';
 import IdleTimeoutDialog from '../components/IdleTimeoutDialog';
-import downloadCSV from '../../../util/downloadCsv.js';
 
 const project = createNamespacedHelpers('project');
 const media = createNamespacedHelpers('media');
@@ -745,6 +744,13 @@ export default {
     ...media.mapGetters(['species']),
     ...cameraLocation.mapGetters(['cameraLocked']),
     ...media.mapState(['siteData']),
+    exportUrl() {
+      return `${process.env.VUE_APP_API_URL}/project/${
+        this.$route.params.id
+      }/multimedia-annotations.csv?site=${encodeURIComponent(
+        this.$route.params.site_id,
+      )}&subSite=${encodeURIComponent(this.$route.params.subsite_id)}`;
+    },
     //計算目前筆數範圍
     currentDataRange() {
       const { currentPage, pageSize, siteData } = this;
@@ -873,9 +879,6 @@ export default {
         revision_tokens: this.revision[idx].tokens,
       });
     },
-    exportCsv() {
-      downloadCSV([this.siteData.colHeaders, ...this.sheet.getData()]);
-    },
     fetchCameraLocked() {
       this.getCameraLocked({
         projectId: this.$route.params.id,