From 2a3368dfd32f564f37f22c9df5865f52bc4ee3db Mon Sep 17 00:00:00 2001 From: chenzeping <ChenZeping02609@163.com> Date: 星期一, 19 四月 2021 13:53:06 +0800 Subject: [PATCH] 弹框修改问题 --- src/components/BaseNav/PublicBounced/common/echarts/EChartsDate.vue | 85 +++++++++++++++++++++++------------------- 1 files changed, 47 insertions(+), 38 deletions(-) diff --git a/src/components/BaseNav/PublicBounced/common/echarts/EChartsDate.vue b/src/components/BaseNav/PublicBounced/common/echarts/EChartsDate.vue index 2856eb0..438dcd0 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"> @@ -41,29 +34,32 @@ <div style="width:5rem;height:1.5rem;" id="echarts" ref="main"> </div> </div> - <!-- 鏄庣粏寮规 --> - <el-dialog :visible.sync="dialogVisible" - :append-to-body="true" - :title="this.$attrs.value==='feiqi'?this.$attrs.getWasteGasDetails[0].OnLineMonEmissPointName:this.$attrs.getWasteWaterMonitoringDetails[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> - </el-dialog> +<!-- <!– 鏄庣粏寮规 –>--> +<!-- <el-dialog :visible.sync="dialogVisible"--> +<!-- :append-to-body="true"--> +<!-- :title="this.$attrs.value==='feiqi'?this.$attrs.getWasteGasDetails[0].OnLineMonEmissPointName:this.$attrs.getWasteWaterMonitoringDetails[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>--> +<!-- </el-dialog>--> </div> </template> <script> -import PublicDetailedList from '@components/BaseNav/PublicBounced/common/echarts/PublicDetailedList' +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: { - PublicDetailedList + PublicDataStandard + // PublicDetailedList }, data () { return { @@ -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) @@ -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