From 0f0d87ffbe149d47342d2bf5d5e9ae6ce130c901 Mon Sep 17 00:00:00 2001
From: Surpriseplus <845948745@qq.com>
Date: 星期四, 20 十月 2022 09:44:05 +0800
Subject: [PATCH] 综合展示

---
 src/views/Synthesis/inquire.vue |   93 +++++++++++++++++++++++-----------------------
 1 files changed, 46 insertions(+), 47 deletions(-)

diff --git a/src/views/Synthesis/inquire.vue b/src/views/Synthesis/inquire.vue
index 0638132..e609d6b 100644
--- a/src/views/Synthesis/inquire.vue
+++ b/src/views/Synthesis/inquire.vue
@@ -2,11 +2,13 @@
   <div class="box">
     <!-- <input  type="file" name="file" id="getF" @change="clickF()"></input> -->
     <input
+      :accept="'.shp, .shx, .dbf, .prj'"
       style="display: none"
       type="file"
       name="file"
       id="getF"
-      @change="setBlogrollImageName()"
+      multiple="multiple"
+      @change="setQueryFile()"
     />
 
     <ul>
@@ -25,45 +27,45 @@
 </template>
 
 <script>
-import $ from "jquery";
+import $ from 'jquery';
 export default {
   data() {
     return {
       itemsOne: [
         {
-          id: "1",
-          name: "synthesis.somequery",
-          class: "e1",
+          id: '1',
+          name: 'synthesis.somequery',
+          class: 'e1',
         },
         {
-          id: "2",
-          name: "synthesis.linequery",
-          class: "e2",
+          id: '2',
+          name: 'synthesis.linequery',
+          class: 'e2',
         },
         {
-          id: "3",
-          name: "synthesis.rectangularquery",
-          class: "e3",
+          id: '3',
+          name: 'synthesis.rectangularquery',
+          class: 'e3',
         },
         {
-          id: "4",
-          name: "synthesis.gardenquery",
-          class: "e4",
+          id: '4',
+          name: 'synthesis.gardenquery',
+          class: 'e4',
         },
         {
-          id: "5",
-          name: "synthesis.polygonquery",
-          class: "e5",
+          id: '5',
+          name: 'synthesis.polygonquery',
+          class: 'e5',
         },
         {
-          id: "6",
-          name: "synthesis.attributequery",
-          class: "e6",
+          id: '6',
+          name: 'synthesis.attributequery',
+          class: 'e6',
         },
         {
-          id: "7",
-          name: "synthesis.rangequery",
-          class: "e7",
+          id: '7',
+          name: 'synthesis.rangequery',
+          class: 'e7',
         },
       ],
       rel_name: null,
@@ -71,26 +73,23 @@
   },
   methods: {
     changeIquery(res) {
-      if (res.name != "鑼冨洿妗嗘煡鍥�") {
-        var res_val = {
-          url: "",
-          name: res.name,
+      if (res.id == '7') {
+        this.getQueryFile();
+      } else {
+        var val = {
+          name: 'Query',
+          id: res.id,
         };
-        this.$bus.$emit("changetool", res_val);
-      } else if (res.name == "鑼冨洿妗嗘煡鍥�") {
-        this.rel_name = res.name;
-        $("#getF").click();
+        this.$bus.$emit('mapChangeBox', val);
       }
     },
-    setBlogrollImageName() {
-      var filename = $("#getF").val();
-      if (filename == null || filename == undefined || filename == "") return;
-      var res = {
-        url: filename,
-        name: this.rel_name,
-      };
-      this.$bus.$emit("changetool", res);
-      $("#getF").val("");
+    getQueryFile() {
+      $('#getF').click();
+    },
+    setQueryFile() {
+      var val = document.getElementById('getF').files;
+      if (!val || !val.length) return;
+      console.log(val);
     },
   },
 };
@@ -116,29 +115,29 @@
   margin: 0px;
 }
 .e1 {
-  background: url("../../assets/img/synthesis/妞渾 2 鍓湰 鎷疯礉 3.png") no-repeat
+  background: url('../../assets/img/synthesis/妞渾 2 鍓湰 鎷疯礉 3.png') no-repeat
     center;
 }
 .e2 {
-  background: url("../../assets/img/synthesis/妞渾 3 鎷疯礉 9.png") no-repeat
+  background: url('../../assets/img/synthesis/妞渾 3 鎷疯礉 9.png') no-repeat
     center;
 }
 .e3 {
-  background: url("../../assets/img/synthesis/鍥惧眰 36.png") no-repeat center;
+  background: url('../../assets/img/synthesis/鍥惧眰 36.png') no-repeat center;
 }
 .e4 {
-  background: url("../../assets/img/synthesis/妞渾 3 鎷疯礉 10.png") no-repeat
+  background: url('../../assets/img/synthesis/妞渾 3 鎷疯礉 10.png') no-repeat
     center;
 }
 .e5 {
-  background: url("../../assets/img/synthesis/鍦嗚鐭╁舰 12 鎷疯礉 8.png") no-repeat
+  background: url('../../assets/img/synthesis/鍦嗚鐭╁舰 12 鎷疯礉 8.png') no-repeat
     center;
 }
 .e6 {
-  background: url("../../assets/img/synthesis/鍥惧眰 23.png") no-repeat center;
+  background: url('../../assets/img/synthesis/鍥惧眰 23.png') no-repeat center;
 }
 .e7 {
-  background: url("../../assets/img/synthesis/鍥惧眰 24.png") no-repeat center;
+  background: url('../../assets/img/synthesis/鍥惧眰 24.png') no-repeat center;
 }
 .backimge5 {
   width: 30px;

--
Gitblit v1.9.3