导出提示

src/views/siteselection/components/xzjg.vue

@@ -45,7 +45,7 @@
               <span class="tools">
                 <i class="header-icon el-icon-place" @click.stop="mapview(item)"></i>
                 <i class="header-icon el-icon-s-order" @click="planInfo1($event, item)"></i>
-                <i class="header-icon el-icon-download" @click="download($event, item)"></i>
+                <i class="header-icon el-icon-download" @click="downloadFile($event, item)"></i>
                 <i class="header-icon el-icon-receiving" @click="threeInfo($event, item)"></i>
                 <i class="header-icon el-icon-plus" @click="addprogramme($event, item)"></i>
               </span>
@@ -91,7 +91,7 @@
 <script>
 import { GetXzjg, DownloadLandReport } from "../../../api/ghss/ghxz.js";
 import dkDetails from "./dkDetailsNew.vue";
-import { WriteWkt,DownFile } from "@/api/cockpitNew";
+import { WriteWkt, DownFile } from "@/api/cockpitNew";
 
 // 使用
 import parse from "wellknown";
@@ -140,6 +140,8 @@ export default {
       tempdataSourcesId: null,
       xzjgBSM: "",
       itemObj: {},
+      loading: null,
+
     };
   },
   mounted() {
@@ -162,8 +164,17 @@ export default {
       });
     },
     download() {
+      var that = this;
+
       let dkIds = [];
       if (this.bgList.length) {
+        that.loading = that.$loading({
+          lock: false,
+          text: "正在导出......",
+          spinner: "el-icon-loading",
+          background: "rgba(0, 0, 0, 0.7)",
+        });
+
         this.bgList.forEach((item) => {
           dkIds.push(item.id);
         });
@@ -174,8 +185,11 @@ export default {
               "/analyse/fzss/DownloadReport?filePath=" +
               `${res.data.fxbg}`
             );
+            that.loading.close();
+
           }
         );
+
       } else {
         this.$message({
           message: "请选择意向地块",
@@ -306,7 +320,7 @@ export default {
     planInfo1(e, item) {
       this.$refs.dkDetails.show(item, "规划信息");
     },
-    async download(e, item) {
+    async downloadFile(e, item) {
 
       let wkt = item.geom.split(";")[1]
 
@@ -317,11 +331,11 @@ export default {
       let path = await WriteWkt(data);
       console.log('path: ', path.data.path);
       window.open(
-              window.axiosURI +
-              "/analyse/fzss/DownloadReport?filePath=" +
-              `${path.data.path}`
-            );
-      
+        window.axiosURI +
+        "/analyse/fzss/DownloadReport?filePath=" +
+        `${path.data.path}`
+      );
+
 
     },
     //现状信息