| | |
| | | <template> |
| | | <div class="enterprise-panel"> |
| | | <div class="enterprise-function" @click="showWarnDialog()"> |
| | | <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> |
| | | <el-tooltip :popper-class="'map-tooltip'" effect="dark" content="预报警" placement="left"> |
| | | <div :class='["iconBtn",warnVisible ? "active-button" : ""]'> |
| | | <img src="@/assets/images/map-pages/icon/map/warn.png" alt="" class="icon"> |
| | | <!--<span class="icon-name">预报警</span>--> |
| | | </div> |
| | | </el-tooltip> |
| | | </div> |
| | | <div class="enterprise-function" @click="showStatisDialog()"> |
| | | <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> |
| | | <el-tooltip :popper-class="'map-tooltip'" effect="dark" content="指标" placement="bottom"> |
| | | <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> |
| | | </el-tooltip> |
| | | </div> |
| | | <Dialog ref="warnDialog" title="企业预警报警分类统计" > |
| | | <warn></warn> |
| | |
| | | position: absolute; |
| | | right: 0.14583rem; |
| | | top:0.11979rem; |
| | | z-index: 9999; |
| | | .enterprise-function{ |
| | | float: left; |
| | | cursor: pointer; |
| | | } |
| | | z-index: 1000; |
| | | display: flex; |
| | | .enterprise-function:not(:first-child){ |
| | | margin-left: 0.05rem; |
| | | } |