| | |
| | | <template> |
| | | <div class="report-bounced map-background" v-drag> |
| | | <div class="report-bounced map-background"> |
| | | <!-- <div class="report-bounced map-background" v-drag>--> |
| | | <div class="public-bounced-title"> |
| | | <slot name='title'></slot> |
| | | </div> |
| | |
| | | .report-bounced { |
| | | z-index: 2000; |
| | | position: fixed; |
| | | top: 35%; |
| | | left: 35%; |
| | | top: 15%; |
| | | left: 5%; |
| | | |
| | | .public-bounced-title { |
| | | text-align: center; |
| | |
| | | <div class="subtopic" v-if="subtopic"> |
| | | <el-tooltip :popper-class="'map-tooltip'" effect="dark" content="统计表" placement="bottom"> |
| | | <div :class='["iconBtn",summaryVisible ? "active-button" : ""]' @click="closeBtn('统计表')"> |
| | | <!-- --> |
| | | <i class="icon iconfont iconbiaoge2"></i> |
| | | <!--<span class="icon-name">统计表</span>--> |
| | | </div> |
| | |
| | | closeBtn (item) { |
| | | this.$refs.titleProp.refsDatatitle(item) |
| | | this.summaryVisible = !this.summaryVisible |
| | | }, |
| | | showWarnDialog (item) { |
| | | this.$refs.titlePropStatics.refsDatatitle(item) |
| | | this.warnVisible = !this.warnVisible |
| | | this.warnVisible = false |
| | | this.companyVisible = false |
| | | }, |
| | | showStatisDialog (item) { |
| | | this.$refs.titlePropWarn.refsDatatitle(item) |
| | | this.companyVisible = !this.companyVisible |
| | | this.summaryVisible = false |
| | | this.warnVisible = false |
| | | }, |
| | | showWarnDialog (item) { |
| | | this.$refs.titlePropStatics.refsDatatitle(item) |
| | | this.warnVisible = !this.warnVisible |
| | | this.summaryVisible = false |
| | | this.companyVisible = false |
| | | }, |
| | | subtopicBtn () { |
| | | this.subtopic = !this.subtopic |
| | |
| | | data () { |
| | | return { |
| | | titleProp: '', |
| | | activeName: 'first', |
| | | activeName: 'gcComp', |
| | | topicList: TopicList, |
| | | gcComp: AirQuality |
| | | } |
| | |
| | | minZoom: 3, |
| | | maxZoom: 17, |
| | | // center: [26, 104], |
| | | // center: [38.828558921813965, 117.41676807403564], |
| | | // zoom: 5, |
| | | center: [32.25853085517883, 118.78592848777771], |
| | | zoom: 15, |
| | | center: [34.828558921813965, 117.41676807403564], |
| | | zoom: 5, |
| | | // center: [32.25853085517883, 118.78592848777771], |
| | | // zoom: 15, |
| | | worldCopyJump: true, |
| | | inertia: true, |
| | | zoomControl: false, |