~xingchuan/SewerAndRainNetwork.git

			@@ -1,13 +1,22 @@
			<template>
			<div class="enterprise-panel">
			<div class="enterprise-function" @click="showWarnDialog()">
			<div :class='["iconBtn",warnVisible ? "active" : ""]'><span><img src="@/assets/images/map-pages/icon/map/warn.png" alt="" width="26px" style="display: block;margin: auto"><span class="icon-name">预报警</span></span></div>
			<div :class='["iconBtn",warnVisible ? "active-button" : ""]'>
			<img src="@/assets/images/map-pages/icon/map/warn.png" alt="" class="icon">
			<span class="icon-name">预报警</span>
			<!-- <el-tooltip :popper-class="'map-tooltip'" effect="dark" content="预报警" placement="left">
			<img src="@/assets/images/map-pages/icon/map/warn.png" alt="" width="26px" style="display: block;margin: auto">

			</el-tooltip> -->
			</div>
			</div>
			<div class="enterprise-function" @click="showStatisDialog()">
			<div :class='["iconBtn",companyVisible ? "active" : ""]'><span><img src="@/assets/images/map-pages/icon/map/company.png" alt="" width="26px" style="display: block;margin: auto"><span class="icon-name">指标</span></span></div>
			<div :class='["iconBtn",companyVisible ? "active-button" : ""]'>
			<img src="@/assets/images/map-pages/icon/map/company.png" alt="" class="icon">
			<span class="icon-name">指标</span>
			</div>
			</div>
			<Dialog ref="warnDialog" title="企业预警报警分类统计">
			<Dialog ref="warnDialog" title="企业预警报警分类统计" >
			<warn></warn>
			</Dialog>
			<Dialog ref="indexStatisticsDialog" title="企业指标分类统计">
			@@ -47,6 +56,17 @@
			this.$refs.indexStatisticsDialog.show()
			this.companyVisible = true
			}
			},
			mounted () {
			const that = this
			this.$nextTick(() => {
			this.$refs.warnDialog.$on('closeDialog', () => {
			that.warnVisible = false
			})
			this.$refs.indexStatisticsDialog.$on('closeDialog', () => {
			that.companyVisible = false
			})
			})
			}
			}
			</script>
			@@ -54,27 +74,15 @@
			<style lang="less" scoped>
			.enterprise-panel{
			position: absolute;
			right: 5px;
			top:5px;
			right: 0.14583rem;
			top:0.11979rem;
			z-index: 9999;

			.enterprise-function{
			width: 50px;
			float: left;
			cursor: pointer;
			}
			.iconBtn {
			width:45px;
			text-align: center;
			background: rgba(0, 16, 30, 0.5);
			cursor: pointer;
			color: #00fff6;
			border: 0.00521rem solid #00fff6;
			box-shadow: 0 0 0.03rem #00fff6;
			}
			.active {
			// border: 0.00521rem solid #fff700;
			// box-shadow: 0 0 0.03rem #fff700;
			.enterprise-function:not(:first-child){
			margin-left: 10px;
			}
			}
			</style>