From 3b79ee564d4c77189484711ece4dc80786f79080 Mon Sep 17 00:00:00 2001
From: 徐旺旺 <11530253@qq.com>
Date: 星期一, 17 五月 2021 14:34:20 +0800
Subject: [PATCH] 定位、高亮重封装
---
src/components/BaseNav/WasteWater/WasteWaterDayChart.vue | 54 +++++++++++++++++++++++-------------------------------
1 files changed, 23 insertions(+), 31 deletions(-)
diff --git a/src/components/BaseNav/WasteWater/WasteWaterDayChart.vue b/src/components/BaseNav/WasteWater/WasteWaterDayChart.vue
index 56bf366..02244e7 100644
--- a/src/components/BaseNav/WasteWater/WasteWaterDayChart.vue
+++ b/src/components/BaseNav/WasteWater/WasteWaterDayChart.vue
@@ -1,33 +1,25 @@
<template>
- <div class="echarts-box">
- <div class="tab-scroll">
- <PublicDataStandard :dataStandard="dataStandard"></PublicDataStandard>
- <span class="time-select">{{ formData.timeStart }}鏃モ�攞{ formData.timeEnd }}鏃�</span>
+ <div class="echarts-box">
+ <div class="tab-scroll">
+ <PublicDataStandard :dataStandard="dataStandard"></PublicDataStandard>
+ </div>
+ <div class="echarts-form">
+ <span class="demonstration">寮�濮嬫椂闂达細</span>
+ <el-date-picker v-model="formData.timeStart" value-format="yyyy-MM-dd" type="datetime" size="mini"></el-date-picker>
+ <span class="demonstration">缁撴潫鏃堕棿锛�</span>
+ <el-date-picker v-model="formData.timeEnd" value-format="yyyy-MM-dd" type="datetime" size="mini"></el-date-picker>
+ <span class="demonstration">閲囨牱鐐规暟锛�</span>
+ <el-select v-model="formData.region" placeholder="璇烽�夋嫨" size="mini">
+ <el-option v-for="(item,index) in formData.regionList" :key="index" :label="item" :value="item"></el-option>
+ </el-select>
+ <el-button @click="querySearch()">鏌ヨ</el-button>
+ <el-button>鏄庣粏琛�</el-button>
+ </div>
+ <div class="echarts-chart">
+ <div ref="echartsDay"></div>
+ </div>
+ <span class="time-select">{{ formData.timeStart }}鏃モ�攞{ formData.timeEnd }}鏃�</span>
</div>
- <div class="echarts-form">
- <span class="demonstration">寮�濮嬫椂闂达細</span>
- <el-date-picker
- v-model="formData.timeStart"
- value-format="yyyy-MM-dd"
- type="datetime">
- </el-date-picker>
- <span class="demonstration">缁撴潫鏃堕棿锛�</span>
- <el-date-picker
- v-model="formData.timeEnd"
- value-format="yyyy-MM-dd"
- type="datetime">
- </el-date-picker>
- <span class="demonstration">閲囨牱鐐规暟锛�</span>
- <el-select v-model="formData.region" placeholder="璇烽�夋嫨" style="width: 80px">
- <el-option v-for="(item,index) in formData.regionList" :key="index" :label="item" :value="item"></el-option>
- </el-select>
- <el-button @click="querySearch()">鏌ヨ</el-button>
- <el-button>鏄庣粏琛�</el-button>
- </div>
- <div class="echarts-chart">
- <div style="width:5rem;height:1.5rem;" ref="echartsDay"></div>
- </div>
- </div>
</template>
<script>
@@ -104,7 +96,7 @@
},
methods: {
querySearch () {
-
+ this.draw24Chart()
},
async draw24Chart () {
const data = {
@@ -389,8 +381,8 @@
}
const option = {
/* title: {
- text: title,
- }, */
+ text: title,
+ }, */
tooltip: { // 鎻愮ず妗�
trigger: 'axis',
axisPointer: {
--
Gitblit v1.8.0