From bdce5b978229a100b7d7a01acbdeefbd9e2b0902 Mon Sep 17 00:00:00 2001 From: chenyabin <Chenab123!> Date: 星期二, 27 四月 2021 09:27:06 +0800 Subject: [PATCH] 图层控制面板加宽。 --- src/components/BaseNav/WasteWater/DayData.vue | 41 ++++++++--------------------------------- 1 files changed, 8 insertions(+), 33 deletions(-) diff --git a/src/components/BaseNav/WasteWater/DayData.vue b/src/components/BaseNav/WasteWater/DayData.vue index c46779f..d087100 100644 --- a/src/components/BaseNav/WasteWater/DayData.vue +++ b/src/components/BaseNav/WasteWater/DayData.vue @@ -3,7 +3,7 @@ <div id="Tab"> <div class="tab-scroll"> <PublicDataStandard :dataStandard="dataStandard"></PublicDataStandard> - <span class="time-select">{{ timeStart }}鏃モ�斺�攞{ timeEnd }}鏃�</span> + <span class="time-select">{{ formInline.timeStart }}鏃モ�斺�攞{ formInline.timeEnd }}鏃�</span> </div> <div class="form-echrts"> <div class="from-search"> @@ -11,44 +11,22 @@ <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" value-format="yyyy-MM-dd" v-model="formInline.timeStart"></el-date-picker> </span> </div> <div class="pickerData"> <span>缁撴潫鏃堕棿:</span> <span class="pickerTable"> - <el-date-picker type="datetime" v-model="formInline.timeEnd"></el-date-picker> + <el-date-picker type="datetime" value-format="yyyy-MM-dd" v-model="formInline.timeEnd"></el-date-picker> </span> </div> </div> - <!-- <div>--> - <!-- 閲囨牱鐐规暟:--> - <!-- <el-select v-model="formInline.region" placeholder="50">--> - <!-- <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 hover-bottom">鏌ヨ</div> <div class="detailbtn hover-bottom">鏄庣粏琛�</div> </div> <div style="width:5rem;height:1.5rem;" id="echarts" ref="echartsday"> </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>--> </div> </template> @@ -109,8 +87,8 @@ }], formInline: { region: '', - timeStart: '', - timeEnd: '' + timeStart: dayjs().subtract(1, 'month').format('YYYY-MM-DD'), + timeEnd: dayjs().format('YYYY-MM-DD') }, timeStart: '', timeEnd: '', @@ -125,16 +103,12 @@ this.$nextTick(() => { this.draw24Chart() }) - this.formInline.timeEnd = dayjs().format('YYYY-MM-DD HH:mm:ss') - this.formInline.timeStart = dayjs().subtract(1, 'month').format('YYYY-MM-DD HH:mm:ss') - this.timeEnd = dayjs().format('YYYY-MM-DD') - this.timeStart = dayjs().subtract(1, 'month').format('YYYY-MM-DD') }, methods: { async draw24Chart () { // 鐢ㄤ簬鎺ュ彛鏁版嵁璇锋眰鐨勫弬鏁� 寮�濮�/缁撴潫鏃堕棿 || 鍙�夋嫨鏌ヨ鐨勫紑濮�/缁撴潫鏃堕棿 - this.formInline.timeEnd = dayjs().format('YYYY-MM-DD HH:mm:ss') - this.formInline.timeStart = dayjs().subtract(24, 'hours').format('YYYY-MM-DD HH:mm:ss') + this.formInline.timeEnd = dayjs().format('YYYY-MM-DD') + this.formInline.timeStart = dayjs().subtract(24, 'hours').format('YYYY-MM-DD') const data = { onLineMonEmissPointId: 23, monItemId: 28, @@ -581,6 +555,7 @@ series: serLists } this.chart.setOption(option) + window.onresize = this.chart.resize } } } -- Gitblit v1.8.0