From 93850b9aee34d3a66c2770a1eb0435ce104e772f Mon Sep 17 00:00:00 2001 From: chenyabin <Chenab123!> Date: 星期四, 15 四月 2021 15:20:44 +0800 Subject: [PATCH] Merge remote-tracking branch 'origin/develop' into develop --- src/components/BaseNav/PublicBounced/common/echarts/EChartsHour.vue | 59 +++++++++++++++++++++-------------------------------------- 1 files changed, 21 insertions(+), 38 deletions(-) diff --git a/src/components/BaseNav/PublicBounced/common/echarts/EChartsHour.vue b/src/components/BaseNav/PublicBounced/common/echarts/EChartsHour.vue index c7d73cf..9d30887 100644 --- a/src/components/BaseNav/PublicBounced/common/echarts/EChartsHour.vue +++ b/src/components/BaseNav/PublicBounced/common/echarts/EChartsHour.vue @@ -15,7 +15,7 @@ <div class="pickerData"> <span> 寮�濮嬫椂闂�:</span> <span class="pickerTable"> - <el-date-picker type="datetime" v-model="formInline.timeStart"></el-date-picker> + <el-date-picker type="datetime" v-model="formInline.timeStart" @click="pickerBtn"></el-date-picker> </span> </div> <div class="pickerData"> @@ -25,16 +25,6 @@ </span> </div> </div> -<!-- <div>--> -<!-- 閲囨牱鐐规暟:--> -<!-- <el-select v-model="formInline.region">--> -<!-- <el-option label="0" value="0"></el-option>--> -<!-- <el-option label="25" value="25"></el-option>--> -<!-- <el-option label="50" value="50"></el-option>--> -<!-- <el-option label="75" value="75"></el-option>--> -<!-- <el-option label="100" value="100"></el-option>--> -<!-- </el-select>--> -<!-- </div>--> <div class="detailbtn" @click="onSubmit">鏌ヨ</div> <div class="detailbtn" @click="dialogVisible = true" >鏄庣粏琛�</div> </div> @@ -43,7 +33,6 @@ <!-- 鏄庣粏寮规 --> <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 @@ -65,16 +54,13 @@ }, data () { return { - value1: '', - value2: '', watchData: [], dialogVisible: false, myChar: null, value: '', formInline: { - region: '', - timeStart: '', - timeEnd: '' + timeStart: null, + timeEnd: null }, myChart: null, JsonCtarts: { @@ -136,26 +122,22 @@ } }, created () { - // this.$nextTick(() => { - // this.CreateChart(this.JsonCtarts.id, this.JsonCtarts.title, this.JsonCtarts.legend, this.JsonCtarts.xdata, this.JsonCtarts.ydatas, this.JsonCtarts.yname, this.JsonCtarts.id, this.JsonCtarts.datatype) - // } }, mounted () { this.formInline.timeEnd = dayjs().format('YYYY-MM-DD HH:mm:ss') this.formInline.timeStart = dayjs().subtract(12, 'hour').format('YYYY-MM-DD HH:mm:ss') this.onSubmit() - // this.CreateChart(this.JsonCtarts.id, this.JsonCtarts.title, this.JsonCtarts.legend, this.JsonCtarts.xdata, this.JsonCtarts.ydatas, this.JsonCtarts.yname, this.JsonCtarts.id, this.JsonCtarts.datatype) - }, - updated () { - this.onSubmit() }, methods: { + pickerBtn () { + this.formInline.timeEnd = '' + this.formInline.timeStart = '' + console.log(1) + }, onSubmit () { this.CreateChart() - // console.log(this.JsonCtarts.id, this.JsonCtarts.title, this.JsonCtarts.legend, this.JsonCtarts.xdata, this.JsonCtarts.ydatas, this.JsonCtarts.yname, this.JsonCtarts.id, this.JsonCtarts.datatype) - // this.CreateChart(this.JsonCtarts.id, this.JsonCtarts.title, this.JsonCtarts.legend, this.JsonCtarts.xdata, this.JsonCtarts.ydatas, this.JsonCtarts.yname, this.JsonCtarts.id, this.JsonCtarts.datatype) }, - CreateChart: function () { + CreateChart () { // var id = this.JsonCtarts.id // var title = this.JsonCtarts.title var legend = this.JsonCtarts.legend @@ -169,9 +151,9 @@ this.myChart.clear() var dataUnit = '' if (datatype === 1) { - dataUnit = '姘旈噺(m鲁/d)' + dataUnit = '搴熸皵姘旈噺(m鲁/d)' } else { - dataUnit = '姘旈噺(m鲁/h)' + dataUnit = '搴熸皵姘旈噺(m鲁/h)' } var serLists = [] @@ -314,12 +296,11 @@ 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 === '浜屾哀鍖栫~') { @@ -333,7 +314,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 } @@ -346,7 +327,8 @@ }, grid: { // 缃戞牸 top: '20%', - left: '5%' + left: '6%', + bottom: '15%' // containLabel: true }, legend: { // 鍥句緥 @@ -462,7 +444,7 @@ }], series: serLists } - console.log(option) + // console.log(option) this.myChart.setOption(option) /* this.myChart.on('legendselectchanged', function (params) { @@ -603,6 +585,7 @@ height: 0.15rem; padding: 0; border:none; + z-index: 9999; text-align: center; //padding-left:20px ; //padding: 0!important; -- Gitblit v1.8.0