diff --git a/src/components/index.vue b/src/components/index.vue index 3873be8..abedee2 100644 --- a/src/components/index.vue +++ b/src/components/index.vue @@ -334,7 +334,6 @@ }, ChangeBGC() { // 给予gis的方法调用demo A - // this.$refs.PathView; this.$refs["PathView"].REFSFunctionToGis(this.flag); // 给予gis的方法调用demo E diff --git a/src/components/index.vue b/src/components/index.vue index 3873be8..abedee2 100644 --- a/src/components/index.vue +++ b/src/components/index.vue @@ -334,7 +334,6 @@ }, ChangeBGC() { // 给予gis的方法调用demo A - // this.$refs.PathView; this.$refs["PathView"].REFSFunctionToGis(this.flag); // 给予gis的方法调用demo E diff --git a/src/components/site/previewOfSiteStatus.vue b/src/components/site/previewOfSiteStatus.vue index be5e5ae..c358964 100644 --- a/src/components/site/previewOfSiteStatus.vue +++ b/src/components/site/previewOfSiteStatus.vue @@ -378,8 +378,17 @@ export default { name: "previewOfSiteStatus", components: { countTo }, //加载数字滚动插件 + props: { + flag: { + type: Boolean, + default () { + return false + } + } + }, data: function () { return { + switchStatusData: this.flag, // 重新定义数据 timer: {}, //定时器 // 顶部中间汇总A TopData1: "1866", @@ -1006,11 +1015,13 @@ "http://cache1.arcgisonline.cn/arcgis/rest/services/ChinaOnlineCommunity_Mobile/MapServer" ); _this.map.addLayer(this.arcgiswhiteMap); - this.arcgiswhiteMap.hide() + /* this.arcgiswhiteMap.hide() */ this.arcgisMap = new ArcGISTiledMapServiceLayer( "http://map.geoq.cn/arcgis/rest/services/ChinaOnlineStreetPurplishBlue/MapServer" ); _this.map.addLayer(this.arcgisMap); + console.log("zzzzzzzzzzz " + this.switchStatusData) + this.REFSFunctionToGis(!this.switchStatusData) /* _this.map.on("zoom-end", function() { }); @@ -1159,9 +1170,9 @@ // console.error(err); }); }, + // 给与gis的方法调动dome REFSFunctionToGis(type) { - if (!type) { //加载黑色arcgis午夜蓝图 this.arcgiswhiteMap.hide() @@ -1172,11 +1183,15 @@ //加载蓝色底图 this.arcgisMap.hide() this.arcgiswhiteMap.show() - } }, }, + computed: { + switchStatus: function () { + return this.flag // 直接监听props里的status状态 + } + }, mounted: function () { // 根据平台渲染站点数量统计及状态统计 this.loadSiteNumForOroject();