| | |
| | | <template> |
| | | <div class="chartListBox" :childData="childData"> |
| | | <div class="aside-title"> 雪</div> |
| | | <div class="aside-title">雷电</div> |
| | | <div class="echartBox" v-show="roadItem.address"> |
| | | <table class="chartTable"> |
| | | <tr> |
| | |
| | | <td>{{ roadItem.line }}</td> |
| | | <td style="color:#f56c6c">{{ roadItem.level }}</td> |
| | | <td style="color:#409eff"> |
| | | <el-button v-show="flagData != roadItem.address" class="elButton" type="primary" plain |
| | | <el-button v-show="flagData != roadItem.type" class="elButton" type="primary" plain |
| | | size="mini" @click="setChangeItem()">详情</el-button> |
| | | <el-button v-show="flagData == roadItem.address" class="elButton" type="danger" plain |
| | | <el-button v-show="flagData == roadItem.type" class="elButton" type="danger" plain |
| | | size="mini" @click="setCannelItem()">重置</el-button> |
| | | </td> |
| | | </tr> |
| | |
| | | }, |
| | | methods: { |
| | | setCannelItem() { |
| | | this.$store.state.mapLayers.weatherFlag = false; |
| | | this.$store.state.mapLayers.weatherFlag = 2 |
| | | this.flagData = null; |
| | | mapWeather.closeRegionWeather() |
| | | }, |
| | |
| | | }, |
| | | setChangeItem() { |
| | | var res = this.roadItem; |
| | | window.regionWeather = res.address; |
| | | window.regionWeather = res.type; |
| | | var event = new Event('POIDetailDataChange'); |
| | | this.$store.state.mapLayers.weatherMsg = mapWeather.getWearData(res); |
| | | this.$store.state.mapLayers.weatherFlag = 1; |
| | | window.dispatchEvent(event); |
| | | mapWeather.setRegionWeatherType(res); |
| | | }, |
| | |
| | | } |
| | | const myChart = echarts.init(id); |
| | | var option = { |
| | | grid: { |
| | | left: "10%", |
| | | top: "10%", |
| | | right: "5%", |
| | | bottom: "25%", |
| | | }, |
| | | title: { |
| | | text: "", |
| | | textStyle: { |
| | |
| | | color: #fff; |
| | | width: 100%; |
| | | height: 45px; |
| | | line-height: 45px; |
| | | line-height:30px; |
| | | background-size: 100% 100%; |
| | | background-repeat: no-repeat; |
| | | } |