From b9e11f18c961df43f632b85c04cd730bde21fc76 Mon Sep 17 00:00:00 2001 From: chenzeping <ChenZeping02609@163.com> Date: 星期一, 19 四月 2021 13:10:58 +0800 Subject: [PATCH] Merge branch 'develop' of http://xearth.cn:6600/r/wuyushui/SewerAndRainNetwork into develop --- src/components/BaseNav/PublicBounced/common/echarts/EChartsDate.vue | 75 +++++++++++++++++++++---------------- 1 files changed, 42 insertions(+), 33 deletions(-) diff --git a/src/components/BaseNav/PublicBounced/common/echarts/EChartsDate.vue b/src/components/BaseNav/PublicBounced/common/echarts/EChartsDate.vue index b6d5031..8965122 100644 --- a/src/components/BaseNav/PublicBounced/common/echarts/EChartsDate.vue +++ b/src/components/BaseNav/PublicBounced/common/echarts/EChartsDate.vue @@ -1,14 +1,7 @@ <!-- 鏃ユ暟鎹� --> <template> <div id="Tab"> - <div class="animation"> - <div class="infomation"> - <span class="grid-content">姘哀鍖栫墿 :<i style="color: #e8ee0b">29.93</i> 鏍囧噯 : 100</span> - <span class="grid-content">浜屾哀鍖栫~ : <i style="color: #e8ee0b">17.34</i> 鏍囧噯 : 50</span> - <span class="grid-content">鐑熷皹 : <i style="color: #e8ee0b">6.93</i> 鏍囧噯 : 30</span> - <span class="grid-content">搴熸皵娴侀噺 : <i style="color: #e8ee0b">120343.18</i></span> - </div> - </div> +<public-data-standard :dataStandard = "dataStandard"></public-data-standard> <div class="form-echrts"> <div class="from-search"> <div class="pickerMon"> @@ -57,12 +50,15 @@ </template> <script> +import mapApi from '@/api/mapApi' import PublicDetailedList from '@components/BaseNav/PublicBounced/common/echarts/PublicDetailedList' import dayjs from 'dayjs' +import PublicDataStandard from '@components/BaseNav/PublicBounced/common/PublicDataStandard' export default { name: 'ECharts', components: { + PublicDataStandard, PublicDetailedList }, data () { @@ -77,6 +73,23 @@ timeEnd: '' }, info: this.series, + dataStandard: [{ + current: { name: '姘哀鍖栫墿1', val: 29.93 }, + standard: { name: '鏍囧噯', val: 100 } + }, + { + current: { name: '浜屾哀鍖栫~', val: 17.34 }, + standard: { name: '鏍囧噯', val: 50 } + }, + { + current: { name: '鐑熷皹', val: 6.93 }, + standard: { name: '鏍囧噯', val: 30 } + }, + { + current: { name: '搴熸皵娴侀噺', val: 120343.18 }, + standard: { name: '', val: null } + } + ], JsonDayCharts: { id: 'mychartsDay', title: '鍔犵儹鐐夌儫姘�', @@ -150,6 +163,17 @@ this.onSubmit() }, methods: { + async getWasteGasMonData () { + const GasOnlinedata = { + onLineMonEmissPointId: '23', + monItemId: '28,31', + beginTime: '2020-04-06 15:13:20', + endTime: '2020-04-07 15:13:20', + dataType: '1' + } + const data = await mapApi.getWasteGasMonData(GasOnlinedata) + this.JsonDayCharts = data + }, onSubmit () { console.log('submit!') this.CreateCharts(this.JsonDayCharts.id, this.JsonDayCharts.title, this.JsonDayCharts.legend, this.JsonDayCharts.xdata, this.JsonDayCharts.ydatas, this.JsonDayCharts.yname, this.JsonDayCharts.id, this.JsonDayCharts.datatype) @@ -160,9 +184,9 @@ this.mychartDay.clear() var dataUnit = '' if (datatype === 1) { - dataUnit = '姘旈噺(m鲁/d)' + dataUnit = '搴熸皵姘旈噺(m鲁/d)' } else { - dataUnit = '姘旈噺(m鲁/h)' + dataUnit = '搴熸皵姘旈噺(m鲁/h)' } var serLists = [] @@ -304,12 +328,12 @@ var seriesName = params[i].seriesName // 鍊� var value = params[i].value - var valueFliter - if (value === 'NaN') { - valueFliter = '' - } else { - // valueFliter = formatter(value) - } + // var valueFliter + // if (value === 'NaN') { + // valueFliter = '' + // } else { + // valueFliter = this.formatter(value) + // } var maker = params[i].marker if (seriesName === '浜屾哀鍖栫~') { maker = '<span style="display:inline-block;margin-right:5px;border-radius:10px;width:10px;height:10px;background-color:#fff21c;"></span>' @@ -322,7 +346,7 @@ } else { maker = '<span style="display:inline-block;margin-right:5px;border-radius:10px;width:10px;height:10px;background-color:#4ec99c;"></span>' } - s += maker + seriesName + ':' + valueFliter + '<br />' + s += maker + seriesName + ':' + value + '<br />' } return s } @@ -683,22 +707,6 @@ </script> <style scoped lang="less"> - -.animation { - .infomation { - padding: 0.02rem 0.04rem; - .grid-content { - font-size: 0.08rem; - background-color: #2e4967; - text-align: center; - border-radius: 0.01rem; - height: 0.15rem; - line-height: 0.15rem; - margin-right: 0.04rem; - padding:0 0.04rem - } - } -} .form-echrts { width: 100%; border-top: 1px solid #396d83; @@ -734,6 +742,7 @@ padding: 0; border:none; text-align: center; + z-index: 9999; //padding-left:20px ; //padding: 0!important; } -- Gitblit v1.8.0