| | |
| | | </el-form-item> |
| | | </el-form> |
| | | </div> |
| | | |
| | | |
| | | </div> |
| | | </template> |
| | | |
| | |
| | | |
| | | import axios from "axios"; |
| | | export default { |
| | | components: {}, |
| | | components: { |
| | | |
| | | }, |
| | | name: "bottom-menu", |
| | | data() { |
| | | return { |
| | |
| | | isShowSPRH: true, |
| | | csbjShow: false, |
| | | jxmxShow: false, |
| | | |
| | | romanOption: [ |
| | | { name: "核心区" }, |
| | | { name: "景观绿地" }, |
| | |
| | | "http://10.9.2.29:8080/#/login?token=1ed14c5157acb8088efe65bc93a032c3" |
| | | ); |
| | | }, |
| | | switchMenu(id){ |
| | | if(id!=1) |
| | | { |
| | | switchMenu(id) { |
| | | |
| | | if (id != 1) { |
| | | this.setViewer1Show(false); |
| | | } |
| | | if(id!=3) |
| | | { |
| | | if (id != 3) { |
| | | this.closeSjxl(); |
| | | } |
| | | if(id!=4) |
| | | { |
| | | if (id != 4) { |
| | | this.closeSpjk(); |
| | | } |
| | | }, |
| | |
| | | shoujixinling() { |
| | | this.switchMenu(3); |
| | | if (this.isShowSjxl) { |
| | | |
| | | const loading = this.$loading({ |
| | | lock: true, |
| | | text: "手机信令数据加载中,请稍后", |
| | | spinner: "el-icon-loading", |
| | | background: "rgba(0, 0, 0, 0.7)", |
| | | }); |
| | | setTimeout(() => { |
| | | loading.close(); |
| | | }, 1500); |
| | | this.isShowSjxl = false; |
| | | let heatMapUrl = URLInCode.heatMapUrl; |
| | | sgworld.Core.getJSON(heatMapUrl, (data) => { |
| | | let res = []; |
| | | data.features.forEach((item) => { |
| | | let obj = { |
| | | x: item.properties["center_x"], |
| | | y: item.properties["center_y"], |
| | | value: item.properties["sd_total"], |
| | | radius: 50, |
| | | }; |
| | | res.push(obj); |
| | | }); |
| | | // //创建热力图 |
| | | heatMapItem = sgworld.Creator.addHeatMap("热力图", { |
| | | type: "Heatmap", // 热力图类型【Heatmap/HeatmapGL】(可选) |
| | | sourceData: res, |
| | | radius: 7, |
| | | gradient: { |
| | | ".3": "blue", |
| | | ".5": "green", |
| | | ".7": "yellow", |
| | | ".95": "red", |
| | | }, |
| | | tooltip: true, // tooltip显示数值 |
| | | }); |
| | | }); |
| | | this.$parent.signallingShow = true; |
| | | } else { |
| | | this.closeSjxl(); |
| | | } |
| | | }, |
| | | closeSjxl() { |
| | | if (heatMapItem) { |
| | | |
| | | this.isShowSjxl = true; |
| | | heatMapItem.deleteObject(); |
| | | } |
| | | this.$parent.signallingShow = false; |
| | | |
| | | }, |
| | | // historyHandle() { |
| | | // this.$store.commit("showHistory", true); |
| | |
| | | } |
| | | }, |
| | | closeSpjk() { |
| | | this.isShowSPJK = true; |
| | | if (window.sxtkGeojson) { |
| | | window.sxtkGeojson.deleteObject(); |
| | | window.sxtkGeojson = null; |
| | | window.sxthandler.destroy(); |
| | | //关闭弹窗 |
| | | Bus.$emit("closeRightPop", true); |
| | | layuiLayer.close(SmartEarthPopupData.layerProp); |
| | | return; |
| | | } else { |
| | | Bus.$emit("closeSPJK"); |
| | | // this.spjkLoad(); |
| | | if (!this.isShowSPJK) { |
| | | this.isShowSPJK = true; |
| | | if (window.sxtkGeojson) { |
| | | window.sxtkGeojson.deleteObject(); |
| | | window.sxtkGeojson = null; |
| | | window.sxthandler.destroy(); |
| | | //关闭弹窗 |
| | | Bus.$emit("closeRightPop", true); |
| | | layuiLayer.close(SmartEarthPopupData.layerProp); |
| | | return; |
| | | } else { |
| | | Bus.$emit("closeSPJK"); |
| | | // this.spjkLoad(); |
| | | } |
| | | } |
| | | }, |
| | | // 分层分户 |