...
|
...
|
@@ -2,6 +2,18 @@ |
|
|
-->
|
|
|
<template>
|
|
|
<div :style="styleObj">
|
|
|
<div style="padding: 6px;text-align: right;">
|
|
|
<el-date-picker
|
|
|
v-model="dataRange"
|
|
|
type="datetimerange"
|
|
|
:picker-options="pickerOptions"
|
|
|
range-separator="至"
|
|
|
start-placeholder="开始日期"
|
|
|
end-placeholder="结束日期"
|
|
|
align="right">
|
|
|
</el-date-picker>
|
|
|
<el-button icon="el-icon-search" size="medium" style="height: 38px; width: 55px;" @click="reloadChart"></el-button>
|
|
|
</div>
|
|
|
<div :id="id" style="width: 100%;height: 100%;padding: 10px"></div>
|
|
|
</div>
|
|
|
</template>
|
...
|
...
|
@@ -14,6 +26,34 @@ export default { |
|
|
mixins: [commonWeight],
|
|
|
data() {
|
|
|
return {
|
|
|
dataRange: [],
|
|
|
pickerOptions: {
|
|
|
shortcuts: [{
|
|
|
text: '最近一周',
|
|
|
onClick(picker) {
|
|
|
const end = new Date();
|
|
|
const start = new Date();
|
|
|
start.setTime(start.getTime() - 3600 * 1000 * 24 * 7);
|
|
|
picker.$emit('pick', [start, end]);
|
|
|
}
|
|
|
}, {
|
|
|
text: '最近一个月',
|
|
|
onClick(picker) {
|
|
|
const end = new Date();
|
|
|
const start = new Date();
|
|
|
start.setTime(start.getTime() - 3600 * 1000 * 24 * 30);
|
|
|
picker.$emit('pick', [start, end]);
|
|
|
}
|
|
|
}, {
|
|
|
text: '最近三个月',
|
|
|
onClick(picker) {
|
|
|
const end = new Date();
|
|
|
const start = new Date();
|
|
|
start.setTime(start.getTime() - 3600 * 1000 * 24 * 90);
|
|
|
picker.$emit('pick', [start, end]);
|
|
|
}
|
|
|
}]
|
|
|
},
|
|
|
chartInfo: null,
|
|
|
scatterWeightOptions: {
|
|
|
title: {
|
...
|
...
|
@@ -150,6 +190,11 @@ export default { |
|
|
},
|
|
|
mounted() {
|
|
|
this.initChart();
|
|
|
const end = new Date();
|
|
|
const start = new Date();
|
|
|
start.setTime(start.getTime() - 3600 * 1000 * 24 * 30);
|
|
|
|
|
|
this.dataRange = [start,end];
|
|
|
},
|
|
|
methods: {
|
|
|
/**
|
...
|
...
|
@@ -174,19 +219,27 @@ export default { |
|
|
getChartData(callback) {
|
|
|
let that = this;
|
|
|
|
|
|
var startTime = that.getOffsetDate(-30) + " 00:00:00";
|
|
|
var endTime = that.getOffsetDate(0) + " 23:59:59";
|
|
|
// var startTime = that.getOffsetDate(-30) + " 00:00:00";
|
|
|
// var endTime = that.getOffsetDate(0) + " 23:59:59";
|
|
|
|
|
|
// 默认条件
|
|
|
let defaultParams = {
|
|
|
indexName: 'calculation-search',
|
|
|
startTime: startTime,
|
|
|
endTime: endTime,
|
|
|
startTime: that.dataRange[0],
|
|
|
endTime: that.dataRange[1],
|
|
|
pageSize: 1000
|
|
|
}
|
|
|
|
|
|
if (that.chartInfo) {
|
|
|
that.chartInfo.showLoading({
|
|
|
text : '正在加载数据'
|
|
|
});
|
|
|
}
|
|
|
|
|
|
that.handlerData(defaultParams).then((res) => {
|
|
|
debugger
|
|
|
if (that.chartInfo) {
|
|
|
that.chartInfo.hideLoading();
|
|
|
}
|
|
|
if(res && res.success){
|
|
|
let list = res.data;
|
|
|
if (list) {
|
...
|
...
|
|