综合展示

Surpriseplus

2022-10-20 0f0d87ffbe149d47342d2bf5d5e9ae6ce130c901

 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;