| | |
| | | <div class="echarts-box"> |
| | | <div class="tab-scroll"> |
| | | <PublicDataStandard :dataStandard="dataStandard"></PublicDataStandard> |
| | | <span class="time-select">{{ formData.startTime }}时—{{ formData.endTime }}时</span> |
| | | </div> |
| | | <div class="echarts-form"> |
| | | <span class="demonstration">开始时间:</span> |
| | | <el-date-picker |
| | | v-model="formData.startTime" |
| | | value-format="yyyy-MM-dd HH" |
| | | type="datetime"> |
| | | </el-date-picker> |
| | | <el-date-picker v-model="formData.startTime" value-format="yyyy-MM-dd HH" type="datetime" size="mini"></el-date-picker> |
| | | <span class="demonstration">结束时间:</span> |
| | | <el-date-picker |
| | | v-model="formData.endTime" |
| | | value-format="yyyy-MM-dd HH" |
| | | type="datetime"> |
| | | </el-date-picker> |
| | | <el-date-picker v-model="formData.endTime" value-format="yyyy-MM-dd HH" type="datetime" size="mini"></el-date-picker> |
| | | <span class="demonstration">采样点数:</span> |
| | | <el-select v-model="formData.region" placeholder="请选择" style="width: 80px"> |
| | | <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 style="width:5rem;height:1.5rem;" ref="echartsHour"></div> |
| | | <div ref="echartsHour"></div> |
| | | </div> |
| | | <span class="time-select">{{ formData.startTime }}时—{{ formData.endTime }}时</span> |
| | | </div> |
| | | </template> |
| | | |
| | |
| | | { |
| | | current: { |
| | | name: '废气流量', |
| | | val: 120 |
| | | val: 123 |
| | | }, |
| | | standard: { |
| | | name: '', |
| | |
| | | methods: { |
| | | // 点击查询功能 |
| | | querySearch () { |
| | | |
| | | this.draw24Chart() |
| | | }, |
| | | // 初始化数据请求 |
| | | async draw24Chart () { |