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/HourData.vue |   23 ++++++++++++-----------
 1 files changed, 12 insertions(+), 11 deletions(-)

diff --git a/src/components/BaseNav/WasteWater/HourData.vue b/src/components/BaseNav/WasteWater/HourData.vue
index 24a3175..b48393f 100644
--- a/src/components/BaseNav/WasteWater/HourData.vue
+++ b/src/components/BaseNav/WasteWater/HourData.vue
@@ -2,7 +2,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">
@@ -10,14 +10,14 @@
           <div class="pickerData">
             <span> 寮�濮嬫椂闂�:</span>
             <span class="pickerTable">
-                          <el-date-picker type="datetime" v-model="formInline.timeStart">
+                          <el-date-picker type="datetime" value-format="yyyy-MM-dd HH" 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 type="datetime" value-format="yyyy-MM-dd HH" v-model="formInline.timeEnd">
                       </el-date-picker>
                       </span>
           </div>
@@ -87,11 +87,11 @@
           }
         }],
       formInline: {
-        timeStart: '',
-        timeEnd: ''
+        timeStart: dayjs().subtract(24, 'hours').format('YYYY-MM-DD HH'),
+        timeEnd: dayjs().format('YYYY-MM-DD HH')
       },
-      timeEnd: dayjs().format('YYYY-MM-DD HH'),
-      timeStart: dayjs().subtract(24, 'hours').format('YYYY-MM-DD HH'),
+      // timeEnd: dayjs().format('YYYY-MM-DD HH'),
+      // timeStart: dayjs().subtract(24, 'hours').format('YYYY-MM-DD HH'),
       chart: null,
       jcdID: 1,
       dataType: 2,
@@ -106,8 +106,8 @@
   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 HH')
+      // this.formInline.timeStart = dayjs().subtract(24, 'hours').format('YYYY-MM-DD HH')
       const data = {
         onLineMonEmissPointId: 23,
         monItemId: 28,
@@ -473,8 +473,8 @@
           }
         },
         grid: { // 缃戞牸
-          top: '20%',
-          left: '5%'
+          top: '20%'
+          // left: '15%'
         },
         legend: {
           data: legend
@@ -586,6 +586,7 @@
         series: serLists
       }
       this.chart.setOption(option)
+      window.onresize = this.chart.resize
     }
   }
 }

--
Gitblit v1.8.0