规划选择

src/api/cockpitNew.js

@@ -52,3 +52,17 @@ export function GetTabsPanePost(params) {
     })
 }
 
+export function WriteWkt(data) {
+    return request({
+        url: '/spatial/shp/write/wkt',
+        method: 'post',
+        data: data
+    })
+}
+export function DownFile(params) {
+    return request({
+        url: '/analyse/fzss/DownloadReport',
+        method: 'get',
+        params
+    })
+}

src/views/siteselection/components/xzjg.vue

@@ -8,22 +8,12 @@
       </div>
       <div class="bxCon" style="height: 90%">
         <el-collapse accordion v-model="activeNames">
-          <el-collapse-item
-            :name="'gb' + index1"
-            v-for="(item1, index1) in bgList"
-            :key="index1"
-          >
+          <el-collapse-item :name="'gb' + index1" v-for="(item1, index1) in bgList" :key="index1">
             <template slot="title">
               地块编号{{ item1.dkbm }} ({{ item1.area || 0 }})亩
               <span class="tools">
-                <i
-                  class="header-icon el-icon-place"
-                  @click.stop="mapview(item1)"
-                ></i>
-                <i
-                  class="header-icon el-icon-delete"
-                  @click="deleteprogramme($event, item1)"
-                ></i>
+                <i class="header-icon el-icon-place" @click.stop="mapview(item1)"></i>
+                <i class="header-icon el-icon-delete" @click="deleteprogramme($event, item1)"></i>
               </span>
             </template>
             <div class="collapseCon">
@@ -33,10 +23,8 @@
               </p>
               <p style="color: #cddeeb">
                 <img src="/static/images/ghzc/iconSun.png" />
-                <span style="margin-left: 20px">基准地价:</span
-                ><span style="color: #02a7f0"
-                  >{{ item1.landPrice || 0 }}万元</span
-                >
+                <span style="margin-left: 20px">基准地价:</span><span style="color: #02a7f0">{{ item1.landPrice || 0
+                }}万元</span>
               </p>
             </div>
           </el-collapse-item>
@@ -45,41 +33,21 @@
     </div>
     <div style="height: 47%; width: 100%" v-if="xzjgObj">
       <div class="title flex-box">
-        <span class="block-title"
-          >备选地块 （{{ xzjgObj.dks ? xzjgObj.dks.length : 0 }}）
+        <span class="block-title">备选地块 （{{ xzjgObj.dks ? xzjgObj.dks.length : 0 }}）
         </span>
       </div>
       <div class="bxCon">
         <el-collapse accordion v-model="activeNames">
-          <el-collapse-item
-            :name="index"
-            v-for="(item, index) in xzjgObj.dks"
-            :key="item.dkbm"
-          >
+          <el-collapse-item :name="index" v-for="(item, index) in xzjgObj.dks" :key="item.dkbm">
             <template slot="title">
               <!-- 地块编号B_P_123 -->
               {{ item.dkbm }} ({{ item.area || 0 }})亩
               <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-receiving"
-                  @click="nowInfo($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>
+                <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-receiving" @click="threeInfo($event, item)"></i>
+                <i class="header-icon el-icon-plus" @click="addprogramme($event, item)"></i>
               </span>
             </template>
             <div class="collapseCon">
@@ -90,10 +58,8 @@
               <p style="color: #cddeeb">
                 <!-- <i class="iconSun"></i> -->
                 <img src="/static/images/ghzc/iconSun.png" />
-                <span style="margin-left: 20px">基准地价:</span
-                ><span style="color: #02a7f0"
-                  >{{ item.landPrice || 0 }}万元</span
-                >
+                <span style="margin-left: 20px">基准地价:</span><span style="color: #02a7f0">{{ item.landPrice || 0
+                }}万元</span>
               </p>
             </div>
           </el-collapse-item>
@@ -125,6 +91,8 @@
 <script>
 import { GetXzjg, DownloadLandReport } from "../../../api/ghss/ghxz.js";
 import dkDetails from "./dkDetailsNew.vue";
+import { WriteWkt,DownFile } from "@/api/cockpitNew";
+
 // 使用
 import parse from "wellknown";
 let dataSources = {};
@@ -203,8 +171,8 @@ export default {
           (res) => {
             window.open(
               window.axiosURI +
-                "/analyse/fzss/DownloadReport?filePath=" +
-                `${res.data.fxbg}`
+              "/analyse/fzss/DownloadReport?filePath=" +
+              `${res.data.fxbg}`
             );
           }
         );
@@ -337,6 +305,24 @@ export default {
     },
     planInfo1(e, item) {
       this.$refs.dkDetails.show(item, "规划信息");
+    },
+    async download(e, item) {
+
+      let wkt = item.geom.split(";")[1]
+
+      var data = JSON.stringify({
+        "wkt": wkt,
+        "fileName": ""
+      });
+      let path = await WriteWkt(data);
+      console.log('path: ', path.data.path);
+      window.open(
+              window.axiosURI +
+              "/analyse/fzss/DownloadReport?filePath=" +
+              `${path.data.path}`
+            );
+      
+
     },
     //现状信息
     nowInfo(e, item) {
@@ -392,7 +378,7 @@ export default {
       window.open(this.model.zip, "_blank");
     },
 
-    loadJgMap() {},
+    loadJgMap() { },
 
     loadJg(bsm) {
       console.log(bsm, "bsm");