From a7dc80523af0b970764df72fb190c80cf7f8527e Mon Sep 17 00:00:00 2001 From: chenzeping <ChenZeping02609@163.com> Date: 星期日, 25 四月 2021 17:51:43 +0800 Subject: [PATCH] 废水图表问题修改 --- src/components/BaseNav/WasteGas/HourData.vue | 45 +++++++++++++++++++++++---------------------- 1 files changed, 23 insertions(+), 22 deletions(-) diff --git a/src/components/BaseNav/WasteGas/HourData.vue b/src/components/BaseNav/WasteGas/HourData.vue index 0fb69f2..40d3d81 100644 --- a/src/components/BaseNav/WasteGas/HourData.vue +++ b/src/components/BaseNav/WasteGas/HourData.vue @@ -19,26 +19,25 @@ </div> </div> <div class="detailbtn">鏌ヨ</div> - <div class="detailbtn">鏄庣粏琛�</div> + <div class="detailbtn" @click="ScheduleShow">鏄庣粏琛�</div> </div> <div style="width:5rem;height:1.5rem;" id="echarts" ref="wastegashour"></div> </div> - <!-- 鏄庣粏寮规 --> - <!-- <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>--> + <!-- 鏄庣粏寮规--> + <el-dialog :visible.sync="showSchedule" + :modal="false" + v-dialogDrag + > + <div class="el-dialog-div" style="height: 200px"> + <Scheduleof></Scheduleof> + </div> + </el-dialog> </div> </template> <script> // import PublicDetailedList from '@components/BaseNav/PublicBounced/common/echarts/PublicDetailedList' +import Scheduleof from '@components/BaseNav/WasteGas/Scheduleof' import PublicDataStandard from '../PublicDataStandard' import dayjs from 'dayjs' @@ -48,7 +47,8 @@ name: 'HourData', components: { // PublicDetailedList - PublicDataStandard + PublicDataStandard, + Scheduleof }, data () { return { @@ -98,6 +98,7 @@ timeStart: null, timeEnd: null }, + showSchedule: false, dataType: 2, myChart: null, exhbzz: null, @@ -111,6 +112,9 @@ }) }, methods: { + ScheduleShow () { + this.showSchedule = !this.showSchedule + }, async initnData () { // 鐢ㄤ簬鎺ュ彛鏁版嵁璇锋眰鐨勫弬鏁� 寮�濮�/缁撴潫鏃堕棿 || 鍙�夋嫨鏌ヨ鐨勫紑濮�/缁撴潫鏃堕棿 this.formInline.timeEnd = dayjs().format('YYYY-MM-DD HH:mm:ss') @@ -123,7 +127,7 @@ dataType: this.dataType } const result = (await mapApi.getWasteGasMonData(data)).Result.DataInfo - console.log(result) + // console.log(result) this.get24HourDate(result) }, get24HourDate (res) { @@ -272,7 +276,7 @@ iconurl = 'image://../assets/imgs/legend/grn.png' } else if (nameList[l] === '娓╁害') { iconurl = 'image://../assets/imgs/legend/WenDu.png' - } else { + } else if (nameList[l] === '搴熸皵娴侀噺') { iconurl = 'image://../assets/imgs/legend/VOCs.png' } @@ -316,12 +320,9 @@ } else if (nameList[j] === '鐑熷皹') { zdcbcolor = 'red' zxcolor = '#f48183' - } else if (nameList[j] === '娓╁害') { + } else if (nameList[j] === '搴熸皵娴侀噺') { zdcbcolor = 'red' - zxcolor = '#F206FF' - } else { - zdcbcolor = 'red' - zxcolor = '#9ACD32' + zxcolor = '#52ff3f' } const ydata = { name: nameList[j], @@ -509,7 +510,7 @@ maker = '<span style="display:inline-block;margin-right:5px;border-radius:10px;width:10px;height:10px;background-color:#f48183;"></span>' } else if (seriesName === '娓╁害') { maker = '<span style="display:inline-block;margin-right:5px;border-radius:10px;width:10px;height:10px;background-color:#F206FF;"></span>' - } else { + } else if (seriesName === '搴熸皵娴侀噺') { 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 />' @@ -619,7 +620,7 @@ type: 'value', name: dataUnit, max: function (value) { - const ma = value.max > 120 ? value.max : 120 + const ma = value.max > 12 ? value.max : 12 return parseInt(ma) }, axisLabel: { -- Gitblit v1.8.0