Merge branch 'develop' of http://xearth.cn:6600/r/wuyushui/SewerAndRainNetwork into develop
Conflicts:
src/components/BaseNav/PublicBounced/GasComponents/ECharts.vue
src/components/BaseNav/PublicBounced/PublicBounced.vue
| | |
| | | <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" |
| | | :title="this.$attrs.getWasteGasDetails[0].OnLineMonEmissPointName" |
| | | width="68%" |
| | | center |
| | | v-dialogDrag |
| | | > |
| | | <div class="el-dialog-div" style="height: 500px"> |
| | | <public-detailed-list v-bind="$attrs"></public-detailed-list> |
| | | <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> |
| | | </el-dialog> |
| | | <div style="width:750px;height:260px;" id="echarts" ref="main"> |
| | | </div> |
| | | </div> |
| | | <div style="width:750px;height:260px;" id="echarts" ref="main"> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | </template> |
| | | |
| | | <script> |
| | | import PublicDetailedList from '@components/BaseNav/PublicBounced/GasComponents/PublicDetailedList' |
| | | |
| | | export default { |
| | | name: 'ECharts', |
| | | components: { |
| | |
| | | return { |
| | | watchData: [], |
| | | dialogVisible: false, |
| | | options: { |
| | | dialogVisible: false, |
| | | dataDate: [], |
| | | options: { |
| | | title: { |
| | | // text: '折线图堆叠' |
| | |
| | | xAxis: { |
| | | type: 'category', |
| | | boundaryGap: false, |
| | | data: ['2021.01.01', '2021.01.02', '2021.01.03', '2021.01.04', '2021.01.05', '2021.01.06', '2021.01.07'], |
| | | data: ['周一', '周二', '周三', '周四', '周五', '周六', '周六'], |
| | | axisLabel: { // x轴全部显示 |
| | | rotate: 20, |
| | | interval: 0, |
| | |
| | | methods: { |
| | | drawChart: function () { |
| | | const myChart = this.$echarts.init(this.$refs.main) |
| | | // const option = {} |
| | | myChart.setOption(this.options) |
| | | } |
| | | }, |
| | | mounted () { |
| | | this.drawChart() |
| | | const dataWatch = JSON.parse(JSON.stringify(this.$attrs)) |
| | | const dataWatch = JSON.parse(JSON.stringify(this.$attrs.getWasteWaterMonitoring)) |
| | | console.log(dataWatch) |
| | | for (var i = 0; i < dataWatch.length; i++) { |
| | | this.dataDate.push(dataWatch[i].MonTimeStr.substring(10, 17)) |
| | | } |
| | | console.log(this.dataDate) |
| | | } |
| | | } |
| | | </script> |
| | | |
| | | <style scoped lang="less"> |
| | | .Infomation{ |
| | | .Infomation { |
| | | margin-left: 10px; |
| | | } |
| | | .el-tag{ |
| | | |
| | | .el-tag { |
| | | height: 25px; |
| | | line-height: 25px; |
| | | margin-right: 10px; |
| | |
| | | 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; |
| | | |
| | | .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; |
| | | } |
| | | } |
| | | } |
| | | </style> |
| | |
| | | <div class="border_corner border_corner_left_bottom"></div> |
| | | <div class="border_corner border_corner_right_bottom"></div> |
| | | <ul class="tab"> |
| | | <li @click='tabTaggle("ECharts")'>实试数据</li> |
| | | <li @click='tabTaggle("ECharts")'>实时数据</li> |
| | | <li @click='tabTaggle("ECharts")'>小时数据</li> |
| | | <li @click='tabTaggle("ECharts")'>日数据</li> |
| | | <li @click='tabTaggle("ECharts")'>月数据</li> |
| | | <li @click='tabTaggle("ECharts")'>人工数据</li> |
| | | </ul> |
| | | <component :is="currentTab" v-bind="$attrs"></component> |
| | |
| | | }, |
| | | mounted () { |
| | | this.tableData = this.$attrs.getWasteGasDetails |
| | | console.log(this.$attrs.getWasteGasDetails) |
| | | // console.log(this.$attrs.getWasteGasDetails) |
| | | this.tableData = this.$attrs.getWasteWaterMonitoringDetails |
| | | console.log(this.$attrs.getWasteWaterMonitoringDetails) |
| | | } |
| | | } |
| | | |
| | |
| | | const PublicBounced = window.Vue.extend(publicBounced) |
| | | const instance = new PublicBounced() |
| | | instance.setWaterData(e.layer.options.test, result.Result.DataInfo, drawback.Result.DataInfo, 'feishui') |
| | | console.log(e.layer.options.test) |
| | | // console.log(e.layer.options.test) |
| | | instance.$mount() |
| | | document.body.appendChild(instance.$el) |
| | | this.setPanTo(e.latlng, 240) |
| | |
| | | font-size: 13px; |
| | | |
| | | position: absolute; |
| | | left: 2.5rem; |
| | | left: 260px; |
| | | z-index: 1000; |
| | | height: 220px; |
| | | top: 0; |
| | |
| | | <template> |
| | | <div class="legend-panel"> |
| | | <transition name="fade"> |
| | | <div :class="'legend-content map-background'" v-show="legendControl"> |
| | | <div :class="'legend-content map-background'" v-show="isShow"> |
| | | <div class="legend-content-box" v-for="(item,index) in serviceLayers" :key="index"> |
| | | <p><span>{{ item.name }}</span></p> |
| | | <div class="map-under-line"></div> |
| | | <ul> |
| | | <li v-for="(ite,inde) in item.layers" :key="inde"> |
| | | <img :src='ite.legendImage' alt=''> |
| | | <li v-for="(ite,idx) in item.layers" :key="idx"> |
| | | <img :src="ite.legendImage===undefined?'../.././assets/images/map-pages/setting.png':ite.legendImage" alt=''> |
| | | <span>{{ ite.name }}</span> |
| | | </li> |
| | | </ul> |
| | |
| | | </div> |
| | | </transition> |
| | | <el-tooltip :popper-class="'map-tooltip'" effect="dark" content="图例" placement="left"> |
| | | <div :class="this.legendControl?'legend-btn map-btn-active':'legend-btn map-btn-unactive'" |
| | | <div :class="this.isShow?'legend-btn map-btn-active':'legend-btn map-btn-unactive'" |
| | | @click="legendChange()"> |
| | | <i class="el-icon-more-outline"></i> |
| | | </div> |
| | |
| | | data () { |
| | | return { |
| | | // 控制图例 内容的 显示/隐藏 |
| | | legendControl: false, |
| | | isShow: false, |
| | | serviceLayers: [LayerSoilGroundWater, LayerEnvRisk, LayerAirQuality, LayerWasteSolid, LayerWasteGas, LayerWasteWater, LayerArea, LayerPk, LayerPipeLines] |
| | | } |
| | | }, |
| | | methods: { |
| | | // 图标 控制内容的展示与隐藏 |
| | | legendChange () { |
| | | this.legendControl = !this.legendControl |
| | | this.isShow = !this.isShow |
| | | } |
| | | } |
| | | } |
| | |
| | | wfsHelper.addLike(this.form.query.key, this.form.keyword) |
| | | // const _this = this |
| | | const res = await AjaxUtils.GetDataAsynByUrl(wfsHelper.getUrl(), {}) |
| | | if (res.data instanceof Object && Object.prototype.hasOwnProperty.call(res.data, 'features')) { |
| | | this.list = res.data.features |
| | | if (res instanceof Object && Object.prototype.hasOwnProperty.call(res, 'features')) { |
| | | this.list = res.features |
| | | } |
| | | }, |
| | | handleLocation (val) { |