From 9ce29c536ba2a636416c618761985e2b9a711ee6 Mon Sep 17 00:00:00 2001
From: lxl <lixuliang_hd@126.com>
Date: 星期四, 27 十月 2022 14:17:45 +0800
Subject: [PATCH] user
---
src/views/Synthesis/inquire.vue | 187 +++++++++++++++++++++++++++++++++-------------
1 files changed, 132 insertions(+), 55 deletions(-)
diff --git a/src/views/Synthesis/inquire.vue b/src/views/Synthesis/inquire.vue
index bd73710..fbf04fb 100644
--- a/src/views/Synthesis/inquire.vue
+++ b/src/views/Synthesis/inquire.vue
@@ -2,95 +2,162 @@
<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>
<li
- style="width: 80px"
+ style="margin-left: 20px"
@click="changeIquery(item)"
v-for="item in itemsOne"
>
<div class="divli">
<div :class="item.class" class="backimge5"></div>
</div>
- <div class="div_li">{{ item.name }}</div>
+ <div class="div_li">{{ $t(item.name) }}</div>
+ </li>
+ <li v-if="analyStatus.upload" style="margin-left: 20px">
+ <div class="divli">
+ <div class="backimge5"><i class="el-icon-upload2"></i></div>
+ </div>
+ <div class="div_li">涓婁紶</div>
+ </li>
+ <li v-if="analyStatus.download" style="margin-left: 20px">
+ <div class="divli">
+ <div class="backimge5"><i class="el-icon-download"></i></div>
+ </div>
+ <div class="div_li">涓嬭浇</div>
</li>
</ul>
</div>
</template>
<script>
-import $ from "jquery";
+import $ from 'jquery';
+import { removeToken, getToken } from '@/utils/auth';
+import { comprehensive_uploadShp } from '../../api/api';
export default {
data() {
return {
itemsOne: [
{
- id: "1",
- name: "鐐归�夋嫨",
- class: "e1",
+ id: '1',
+ name: 'synthesis.somequery',
+ class: 'e1',
},
{
- id: "2",
- name: "绾块�夋嫨",
- class: "e2",
+ id: '2',
+ name: 'synthesis.linequery',
+ class: 'e2',
},
{
- id: "3",
- name: "鐭╁舰閫夋嫨",
- class: "e3",
+ id: '3',
+ name: 'synthesis.rectangularquery',
+ class: 'e3',
},
{
- id: "4",
- name: "鍦嗛�夋嫨",
- class: "e4",
+ id: '4',
+ name: 'synthesis.gardenquery',
+ class: 'e4',
},
{
- id: "5",
- name: "澶氳竟褰㈤�夋嫨",
- class: "e5",
+ id: '5',
+ name: 'synthesis.polygonquery',
+ class: 'e5',
},
{
- id: "6",
- name: "灞炴�ф煡鍥�",
- class: "e6",
+ id: '6',
+ name: 'synthesis.attributequery',
+ class: 'e6',
},
{
- id: "7",
- name: "鑼冨洿妗嗘煡鍥�",
- class: "e7",
+ id: '7',
+ name: 'synthesis.rangequery',
+ class: 'e7',
},
],
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: {
- changeIquery(res) {
- if (res.name != "鑼冨洿妗嗘煡鍥�") {
- var res_val = {
- url: "",
- name: res.name,
- };
- this.$bus.$emit("changetool", res_val);
- } else if (res.name == "鑼冨洿妗嗘煡鍥�") {
- this.rel_name = res.name;
- $("#getF").click();
+ showViewMenu(res) {
+ if (res.cnName != '鏌ヨ') return;
+ console.log('鏌ヨ', res.tag);
+ switch (res.tag) {
+ case '/upload':
+ this.analyStatus.upload = true;
+ break;
+ case '/download':
+ this.analyStatus.download = true;
+ break;
}
},
- 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("");
+ changeIquery(res) {
+ if (res.id == '7') {
+ this.getQueryFile();
+ } else {
+ var val = {
+ name: 'Query',
+ id: res.id,
+ };
+ this.$bus.$emit('mapChangeBox', val);
+ }
+ },
+ getQueryFile() {
+ $('#getF').click();
+ },
+ async setQueryFile() {
+ var val = document.getElementById('getF').files;
+ if (!val || !val.length) return;
+ 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);
+ debugger;
+ // $.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);
+ // },
+ // });
},
},
};
@@ -116,29 +183,35 @@
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;
+}
+
+.divli {
+ width: 100%;
+ height: 50%;
+ position: relative;
}
.backimge5 {
width: 30px;
@@ -146,10 +219,14 @@
margin-left: 25px;
position: absolute;
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