From 1067196e3a787394a49368896503d5446c870cc6 Mon Sep 17 00:00:00 2001 From: jiangyy Date: Tue, 21 Jun 2022 09:35:54 +0800 Subject: [PATCH] =?UTF-8?q?=E4=BA=94=E5=A4=A7=E5=9B=BE=E5=B1=82=E5=8F=AF?= =?UTF-8?q?=E8=A7=86=E5=8C=96?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../communityGovern/fivelayers/mapIndex.vue | 109 ++++++++++-------- src/views/modules/visual/cpts/tb.vue | 8 ++ 2 files changed, 69 insertions(+), 48 deletions(-) diff --git a/src/views/modules/visual/communityGovern/fivelayers/mapIndex.vue b/src/views/modules/visual/communityGovern/fivelayers/mapIndex.vue index 1811c8f4..1026b6c2 100644 --- a/src/views/modules/visual/communityGovern/fivelayers/mapIndex.vue +++ b/src/views/modules/visual/communityGovern/fivelayers/mapIndex.vue @@ -573,11 +573,11 @@ const vueGis = { colList: [ { align: "center", - width: "5%", + width: "25%", }, { align: "center", - width: "10%", + width: "75%", }, ], @@ -736,7 +736,7 @@ const vueGis = { return feature; }); if (feature) { - console.log(feature) + // console.log(feature) _that.clickMapVolunteer(feature.values_.properties.info) } @@ -1054,7 +1054,7 @@ const vueGis = { } else { document.getElementById("popup-goMore").style.display = 'none' } - console.log(this.overlay.getElement()) + // console.log(this.overlay.getElement()) let content = document.getElementById("popup-content"); this.overlay.getElement().style.display = 'block' this.overlay.getElement().parentNode.style.display = 'block' @@ -1166,8 +1166,8 @@ const vueGis = { } - console.log(this.categoryListshow) - console.log(this.categoryList) + // console.log(this.categoryListshow) + // console.log(this.categoryList) } else { this.$message.error(msg) @@ -1177,8 +1177,8 @@ const vueGis = { //加载组织数据 async getTable (isPage) { // this.demand.loading = true - const url = "/data/aggregator/coverage/dataList"; - // const url = "http://yapi.elinkservice.cn/mock/245/data/aggregator/coverage/dataList"; + // const url = "/data/aggregator/coverage/dataList"; + const url = "http://yapi.elinkservice.cn/mock/245/data/aggregator/coverage/dataList"; let params = { coverageTypes: this.coverageTypes, categoryKeys: this.categoryKeys, @@ -1194,48 +1194,61 @@ const vueGis = { if (code === 0) { this.demand.total = data.total; + + data.list = [ + { + categoryKey: "resi_xfry", + content: "信访人员", + id: "123", + latitude: "36.082230", + longitude: "120.3868167667315", + placeType: 'resi' + }, + { + categoryKey: "sr_gy", + content: "公园", + id: "123", + latitude: "36.062227", + longitude: "120.389455", + placeType: 'public_service' + }, + { + categoryKey: "ep_scjgqy", + content: "生产加工企业", + id: "123", + latitude: "36.072214", + longitude: "120.389455", + placeType: 'dangerous_chemicals' + }, + { + categoryKey: "ps_wss", + content: "卫生所(室)", + id: "123", + latitude: "36.07394505338441", + longitude: "120.3868167667315", + placeType: 'city_management' + } + ] this.tableList = data.list - // this.tableList = [ - // { - // categoryKey: "resi_xfry", - // content: "信访人员", - // id: "123", - // latitude: "36.082230", - // longitude: "120.3868167667315", - // placeType: 'resi' - // }, - // { - // categoryKey: "sr_gy", - // content: "公园", - // id: "123", - // latitude: "36.062227", - // longitude: "120.389455", - // placeType: 'public_service' - // }, - // { - // categoryKey: "ep_scjgqy", - // content: "生产加工企业", - // id: "123", - // latitude: "36.072214", - // longitude: "120.389455", - // placeType: 'dangerous_chemicals' - // }, - // { - // categoryKey: "ps_wss", - // content: "卫生所(室)", - // id: "123", - // latitude: "36.07394505338441", - // longitude: "120.3868167667315", - // placeType: 'city_management' - // } - // ] - this.demand.list = data.list.map((item) => { + this.demand.list = data.list + this.demand.list.forEach(item => { + item.imgObj = { + type: 'img', + src: this.iconUrlArray[item.categoryKey] + } + }); + + + this.demand.list = this.demand.list.map((item) => { return [ - item.categoryKey ? item.categoryKey : '--', + // item.categoryKey ? item.categoryKey : '--', + + item.imgObj, item.content ? item.content : '', ]; }); + console.log(this.demand.list) } else { this.$message.error(msg); } @@ -1243,8 +1256,8 @@ const vueGis = { //加载组织数据 async getMapTable () { - const url = "/data/aggregator/coverage/dataList"; - // const url = "http://yapi.elinkservice.cn/mock/245/data/aggregator/coverage/dataList"; + // const url = "/data/aggregator/coverage/dataList"; + const url = "http://yapi.elinkservice.cn/mock/245/data/aggregator/coverage/dataList"; let params = { coverageTypes: this.coverageTypes, categoryKeys: this.categoryKeys, @@ -1296,7 +1309,7 @@ const vueGis = { item.url = this.iconUrlArray[item.categoryKey] }); - console.log(this.iconArrays) + // console.log(this.iconArrays) this.loadIcon() } else { this.$message.error(msg); @@ -1604,7 +1617,7 @@ const vueGis = { 'features': featureData }; let feature = (new GeoJSON()).readFeatures(geojsonObject) - console.log(geojsonObject) + // console.log(geojsonObject) polygonSource.addFeatures(feature) diff --git a/src/views/modules/visual/cpts/tb.vue b/src/views/modules/visual/cpts/tb.vue index 4b6c0f8c..2920ee64 100644 --- a/src/views/modules/visual/cpts/tb.vue +++ b/src/views/modules/visual/cpts/tb.vue @@ -29,6 +29,14 @@
{{ item }}
+ +
+ + + +