菜单

lxl

2022-11-07 df007d0b7f677240d9ab9b01e6bebdbad0762a0f

 src/views/Synthesis/inquire.vue

@@ -1,16 +1,5 @@
<template>
  <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"
      multiple="multiple"
      @change="setQueryFile()"
    />

    <ul>
      <li
        style="margin-left: 20px"
@@ -28,6 +17,8 @@

<script>
import $ from 'jquery';
import { removeToken, getToken } from '@/utils/auth';
import { comprehensive_uploadShp } from '../../api/api';
export default {
  data() {
    return {
@@ -69,27 +60,86 @@
        },
      ],
      rel_name: null,
      analyStatus: {
        upload: false,
        download: false,
      },
    };
  },
  created() {
    var cover_Id = this.$store.state.syntiesis.menu;
    var cover_perms = this.$store.state.permsEntity;

    for (var i = 0; i < cover_perms.length; i++) {
      if (cover_perms[i].pid == cover_Id) {
        this.showViewMenu(cover_perms[i]);
      }
    }
  },
  methods: {
    showViewMenu(res) {
      if (res.cnName != '查询') return;

      switch (res.tag) {
        case '/upload':
          this.analyStatus.upload = true;
          break;
        case '/download':
          this.analyStatus.download = true;
          break;
      }
    },
    changeIquery(res) {
      if (res.id == '7') {
        this.getQueryFile();
      } else {
        var val = {
          name: 'Query',
          id: res.id,
        };
        this.$bus.$emit('mapChangeBox', val);
      this.$store.state.mapMenuBoolean = false;
      this.$store.state.mapMenuBoxFlag = null;
      this.$store.state.mapPopBoolean = false;
      this.$store.state.mapPopBoxFlag = null;
      switch (res.id) {
        case '6':
          this.$store.state.mapMenuBoolean = true;
          this.$store.state.mapMenuBoxFlag = '2';
          break;
        case '7':
          this.$store.state.mapMenuBoolean = true;
          this.$store.state.mapMenuBoxFlag = '1';
          break;
      }
    },
    getQueryFile() {
      $('#getF').click();
    },
    setQueryFile() {
    async setQueryFile() {
      var val = document.getElementById('getF').files;
      if (!val || !val.length) return;
      console.log(val);
      var formData = new FormData();
      var exts = ['.shp', '.shx', '.dbf', '.prj'];
      var count = 0;
      for (var i = 0; i < val.length; i++) {
        var name = val[i].name.toLocaleLowerCase();
        var ext = name.substring(name.lastIndexOf('.'));
        if (exts.indexOf(ext) > -1) {
          count++;
          formData.append(val[i].name, val[i]); // fs.files[i].name,file
        }
      }
      if (count != 4) {
        alert('ShapeFile文件选择不全！');
        return;
      }
      const data = await comprehensive_uploadShp(formData);

      // $.ajax(BASE_URL + '/comprehensive/uploadShp?token=' + getToken(), {
      //   type: 'post',
      //   data: formData,
      //   async: true,
      //   cache: false,
      //   processData: false,
      //   contentType: false,
      //   success: function (rs) {},
      //   error: function (e) {
      //     console.error(e);
      //   },
      // });
    },
  },
};
@@ -139,6 +189,12 @@
.e7 {
  background: url('../../assets/img/synthesis/图层 24.png') no-repeat center;
}

.divli {
  width: 100%;
  height: 50%;
  position: relative;
}
.backimge5 {
  width: 30px;
  height: 30px;
@@ -147,9 +203,12 @@
  background-size: 100% 100%;
  margin: 0% 30%;
}
.divli {
  width: 100%;
  height: 50%;
  position: relative;
.backimgex {
  width: 30px;
  height: 30px;
  margin-left: 25px;
  position: absolute;
  background-size: 100% 100%;
  margin: 0% 30%;
}
</style>