|
|
@@ -1,21 +1,34 @@ |
|
|
|
<template> |
|
|
|
<div class="mod-config"> |
|
|
|
<el-form :inline="true" @keyup.enter.native="getDataList()" class="blueTip" size="small"> |
|
|
|
<el-form-item> |
|
|
|
<!-- <el-form-item> |
|
|
|
{{ $t('time') }} |
|
|
|
</el-form-item> |
|
|
|
<el-form-item> |
|
|
|
<!-- type="datetimerange" --> |
|
|
|
type="datetimerange" |
|
|
|
:default-time="['00:00:00', '23:59:59']" |
|
|
|
<el-date-picker |
|
|
|
type="daterange" |
|
|
|
v-model="datetime" |
|
|
|
format="yyyy-MM-dd HH:mm:ss" |
|
|
|
value-format="yyyy-MM-ddTHH:mm:ss" |
|
|
|
:start-placeholder="$t('startTime')" |
|
|
|
:end-placeholder="$t('endTime')" |
|
|
|
:range-separator="$t('to')" |
|
|
|
:default-time="['00:00:00', '23:59:59']" |
|
|
|
:picker-options="quickOptions" |
|
|
|
clearable /> |
|
|
|
</el-form-item> --> |
|
|
|
<el-form-item> |
|
|
|
{{ $t('startTime') }} |
|
|
|
</el-form-item> |
|
|
|
<el-form-item> |
|
|
|
<el-date-picker v-model="startTime" type="datetime" :placeholder="$t('hints.date')" format="yyyy-MM-dd HH:mm:ss" value-format="yyyy-MM-ddTHH:mm:ss" /> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item> |
|
|
|
{{ $t('endTime') }} |
|
|
|
</el-form-item> |
|
|
|
<el-form-item> |
|
|
|
<el-date-picker v-model="endTime" type="datetime" :placeholder="$t('hints.date')" format="yyyy-MM-dd HH:mm:ss" value-format="yyyy-MM-ddTHH:mm:ss" /> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item> |
|
|
|
<el-button class="buttonColor" @click="getDataList()">{{ $t('query') }}</el-button> |
|
|
@@ -222,6 +235,8 @@ export default { |
|
|
|
dataType: dict[0], // 表格 | 图形 |
|
|
|
showGraph: false, |
|
|
|
datetime: [], |
|
|
|
startTime: '', |
|
|
|
endTime: '', |
|
|
|
quickOptions: { |
|
|
|
shortcuts: [ |
|
|
|
{ |
|
|
@@ -267,8 +282,10 @@ export default { |
|
|
|
this.echartCategories = null |
|
|
|
this.echartCheckTypes.splice(0) |
|
|
|
/** 设置默认日期 */ |
|
|
|
const startTime = this.datetime[0] || moment().set({ hour: 0, minute: 0, second: 0 }).format('yyyy-MM-DDTHH:mm:ss') |
|
|
|
const endTime = this.datetime[1] || moment().set({ hour: 23, minute: 59, second: 59 }).format('yyyy-MM-DDTHH:mm:ss') |
|
|
|
// const startTime = this.datetime[0] || moment().set({ hour: 0, minute: 0, second: 0 }).format('yyyy-MM-DDTHH:mm:ss') |
|
|
|
// const endTime = this.datetime[1] || moment().set({ hour: 23, minute: 59, second: 59 }).format('yyyy-MM-DDTHH:mm:ss') |
|
|
|
const startTime = this.startTime |
|
|
|
const endTime = this.endTime |
|
|
|
|
|
|
|
/** [1] 获取上下片数据 */ |
|
|
|
this.fetchList('sx', startTime, endTime).then(({ data: res }) => { |
|
|
|