From d3208016fbb567fb55186e0275fdd1b421ee3e0d Mon Sep 17 00:00:00 2001
From: Surpriseplus <845948745@qq.com>
Date: 星期五, 04 十一月 2022 09:45:57 +0800
Subject: [PATCH] 综合展示空间查询
---
src/views/Synthesis/inquire.vue | 109 ++++++++++++++++++++++++++++++++++++++++++------------
1 files changed, 84 insertions(+), 25 deletions(-)
diff --git a/src/views/Synthesis/inquire.vue b/src/views/Synthesis/inquire.vue
index e609d6b..a6734cc 100644
--- a/src/views/Synthesis/inquire.vue
+++ b/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>
--
Gitblit v1.9.3