public/assets/images/map/exhaust/fq_green_new.png | 补丁 | 查看 | 原始文档 | blame | 历史 | |
src/components/BaseNav/PublicBounced/GasComponents/ECharts.vue | ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史 | |
src/components/BaseNav/PublicBounced/GasComponents/PublicDetailedList.vue | ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史 | |
src/components/LayerController/logic/WasteGas.js | ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史 |
public/assets/images/map/exhaust/fq_green_new.png
src/components/BaseNav/PublicBounced/GasComponents/ECharts.vue
@@ -1,35 +1,33 @@ <template> <div id="Tab"> <div class="Infomation"> <el-tag>氮氧化物 : 29.93 标准 : 100</el-tag> <el-tag>二氧化硫 : 17.34 标准 : 50</el-tag> <el-tag>烟尘 : 6.93 标准 : 30</el-tag> <el-tag>废气流量 : 120343.18</el-tag> </div> <div class="form-echrts"> <!-- :title="this.$attrs.getWasteGasDetails[0].OnLineMonEmissPointName"--> <div> <el-button size="mini" round @click="dialogVisible = true">明细表</el-button> <el-dialog :visible.sync="dialogVisible" :append-to-body="true" width="68%" center v-dialogDrag > <div class="el-dialog-div" style="height: 500px"> <public-detailed-list v-bind="$attrs"></public-detailed-list> </div> </el-dialog> </div> <div style="width:750px;height:260px;" id="echarts" ref="main"> <div id="Tab"> <div class="Infomation"> <el-tag>氮氧化物 : 29.93 标准 : 100</el-tag> <el-tag>二氧化硫 : 17.34 标准 : 50</el-tag> <el-tag>烟尘 : 6.93 标准 : 30</el-tag> <el-tag>废气流量 : 120343.18</el-tag> </div> <div class="form-echrts"> <div> <el-button size="mini" round @click="dialogVisible = true">明细表</el-button> <el-dialog :visible.sync="dialogVisible" :append-to-body="true" width="68%" center v-dialogDrag > <div class="el-dialog-div" style="height: 500px"> <public-detailed-list v-bind="$attrs"></public-detailed-list> </div> </el-dialog> </div> <div style="width:750px;height:260px;" id="echarts" ref="main"> </div> </div> </div> </div> </template> <script> import PublicDetailedList from '@components/BaseNav/PublicBounced/GasComponents/PublicDetailedList' export default { name: 'ECharts', components: { @@ -217,37 +215,35 @@ </script> <style scoped lang="less"> .Infomation { margin-left: 10px; } .Infomation { margin-left: 10px; } .el-tag { height: 25px; line-height: 25px; margin-right: 10px; font-size: 10px; background-color: rgba(0, 255, 246, 0.14); color: #00d0f9; border: none; padding: 0 15px; } .form-echrts { width: 100%; height: 100%; border: 1px solid #396d83; //margin: 10px 10px 10px 10px; .el-dialog-div { //height: 50vh!important; overflow: auto; //overflow: hidden; .el-tag { height: 25px; line-height: 25px; margin-right: 10px; font-size: 10px; background-color: rgba(0, 255, 246, 0.14); color: #00d0f9; border: none; padding: 0 15px; } .form-echrts{ width: 100%; height: 100%; border: 1px solid #396d83; //margin: 10px 10px 10px 10px; .el-dialog-div{ //height: 50vh!important; overflow: auto; //overflow: hidden; } #echarts { margin: 0; padding: 0; //border: 1px solid #396d83; //margin: 10px 10px 10px 10px; } } #echarts { margin: 0; padding: 0; //border: 1px solid #396d83; //margin: 10px 10px 10px 10px; } } </style> src/components/BaseNav/PublicBounced/GasComponents/PublicDetailedList.vue
@@ -37,10 +37,13 @@ } }, mounted () { this.tableData = this.$attrs.getWasteGasDetails // console.log(this.$attrs.getWasteGasDetails) this.tableData = this.$attrs.getWasteWaterMonitoringDetails console.log(this.$attrs.getWasteWaterMonitoringDetails) if (this.$attrs.getWasteGasDetails) { this.tableData = this.$attrs.getWasteGasDetails console.log(this.$attrs.getWasteGasDetails) } else if (this.$attrs.getWasteWaterMonitoringDetails) { this.tableData = this.$attrs.getWasteWaterMonitoringDetails console.log(this.$attrs.getWasteWaterMonitoringDetails) } } } src/components/LayerController/logic/WasteGas.js
@@ -5,10 +5,10 @@ // const AjaxUtils = require('../../../utils/AjaxUtils').default // 区分不同类型 使用不同img const ImgBlue = '/assets/images/map/exhaust/fq_blue.png' const ImgGray = '/assets/images/map/exhaust/fq_gray.png' const ImagGreen = '/assets/images/map/exhaust/fq_green.png' const ImagBright = '/assets/images/map/exhaust/fq_bright_green.png' // const ImgBlue = '/assets/images/map/exhaust/fq_blue.png' // const ImgGray = '/assets/images/map/exhaust/fq_gray.png' const ImagGreen = '/assets/images/map/exhaust/fq_green_new.png' // const ImagBright = '/assets/images/map/exhaust/fq_bright_green.png' const mapApi = require('../../../api/mapApi').default const publicBounced = require('../../BaseNav/PublicBounced/PublicBounced').default @@ -66,15 +66,17 @@ // 不同类型图片加载 this.differentTypes = (ContrLevel) => { var effectOfChange if (ContrLevel === 1) { effectOfChange = ImgBlue } else if (ContrLevel === 2) { effectOfChange = ImagGreen } else if (ContrLevel === 3) { effectOfChange = ImagBright } else { effectOfChange = ImgGray } /* if (ContrLevel === 1) { effectOfChange = ImgBlue } else if (ContrLevel === 2) { */ effectOfChange = ImagGreen // } else if (ContrLevel === 3) { // effectOfChange = ImagBright // } else { // effectOfChange = ImgGray // } return effectOfChange } this.setPanTo = (pos, value) => {