| | |
| | | <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:mm:ss" |
| | | type="datetime"> |
| | | </el-date-picker> |
| | | <el-date-picker v-model="formData.startTime" value-format="yyyy-MM-dd HH:mm:ss" type="datetime" size="mini" ></el-date-picker> |
| | | <span class="demonstration">结束时间:</span> |
| | | <el-date-picker |
| | | v-model="formData.endTime" |
| | | value-format="yyyy-MM-dd HH:mm:ss" |
| | | type="datetime"> |
| | | </el-date-picker> |
| | | <el-date-picker v-model="formData.endTime" value-format="yyyy-MM-dd HH:mm:ss" 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="echarts"></div> |
| | | <div ref="echarts"></div> |
| | | <span class="time-select">{{ formData.startTime }}—{{ formData.endTime }}</span> |
| | | <!-- <public-chart :propsData="propsData"></public-chart>--> |
| | | </div> |
| | | </div> |
| | |
| | | |
| | | <style scoped lang="less"> |
| | | .echarts-box { |
| | | .tab-scroll { |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: space-between; |
| | | |
| | | .time-select { |
| | | cursor: pointer; |
| | | padding: 5px; |
| | | border: 1px solid #2b87c8; |
| | | border-radius: 4px; |
| | | text-align: center; |
| | | color: #fff; |
| | | font-size: 11px; |
| | | width: 280px; |
| | | } |
| | | } |
| | | |
| | | .echarts-form { |
| | | height: 0.3rem; |
| | | line-height: 0.3rem; |
| | | |
| | | .demonstration { |
| | | color: #00fff6; |
| | | font-size: 12px; |