820 lines
25 KiB
Vue
820 lines
25 KiB
Vue
|
<template>
|
|||
|
|
|
|||
|
|
<div>
|
|||
|
|
<el-form :inline="true" :model="ruleForm" class="demo-form-inline">
|
|||
|
|
<el-form-item label="时间间隔:">
|
|||
|
|
<el-select
|
|||
|
|
style="width: 90px;"
|
|||
|
|
v-model="intervald"
|
|||
|
|
@change="interchange"
|
|||
|
|
placeholder="请选择"
|
|||
|
|
>
|
|||
|
|
<el-option
|
|||
|
|
v-for="item in timeOptions"
|
|||
|
|
:key="item.value"
|
|||
|
|
:label="item.label"
|
|||
|
|
:value="item.value"
|
|||
|
|
>
|
|||
|
|
</el-option>
|
|||
|
|
</el-select>
|
|||
|
|
</el-form-item>
|
|||
|
|
<el-form-item>
|
|||
|
|
<el-date-picker
|
|||
|
|
style="width: 250px;"
|
|||
|
|
:disabled="disabled"
|
|||
|
|
:readonly="pickDisabled"
|
|||
|
|
:clearable="false"
|
|||
|
|
v-model="timeValue"
|
|||
|
|
:picker-options="pickerOptions"
|
|||
|
|
type="daterange"
|
|||
|
|
value-format="yyyy-MM-dd"
|
|||
|
|
range-separator="至"
|
|||
|
|
start-placeholder="开始日期"
|
|||
|
|
end-placeholder="结束日期"
|
|||
|
|
align="right"
|
|||
|
|
>
|
|||
|
|
</el-date-picker>
|
|||
|
|
</el-form-item>
|
|||
|
|
<el-form-item>
|
|||
|
|
<el-button
|
|||
|
|
:disabled="backDisabled"
|
|||
|
|
type="primary"
|
|||
|
|
icon="el-icon-d-arrow-left"
|
|||
|
|
@click="preClick"
|
|||
|
|
|
|||
|
|
></el-button>
|
|||
|
|
<el-button @click="nowTime" class="el-icon-video-pause" type="primary"
|
|||
|
|
>当前</el-button
|
|||
|
|
>
|
|||
|
|
<el-button
|
|||
|
|
:disabled="preDisabled"
|
|||
|
|
type="primary"
|
|||
|
|
icon="el-icon-d-arrow-right"
|
|||
|
|
@click="back"
|
|||
|
|
></el-button>
|
|||
|
|
</el-form-item>
|
|||
|
|
<!-- <el-form-item>
|
|||
|
|
<el-button v-show="false" type="primary">导出文件</el-button>
|
|||
|
|
</el-form-item> -->
|
|||
|
|
</el-form>
|
|||
|
|
<!-- <span style="font-size: 14px; font-weight: 550">
|
|||
|
|
<span class="spanColor">间隔:</span>
|
|||
|
|
</span>
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
<div style="display: inline" v-if="buttonShow">
|
|||
|
|
|
|||
|
|
</div> -->
|
|||
|
|
<!-- <el-button
|
|||
|
|
v-show="buttonShow && thb"
|
|||
|
|
@click="tongbiyear"
|
|||
|
|
style="margin-left: 5px"
|
|||
|
|
type="primary"
|
|||
|
|
>同比</el-button
|
|||
|
|
>
|
|||
|
|
<el-button
|
|||
|
|
v-show="buttonShow && thb"
|
|||
|
|
@click="huangbiyear"
|
|||
|
|
style="margin-left: 5px"
|
|||
|
|
type="primary"
|
|||
|
|
>环比</el-button
|
|||
|
|
> -->
|
|||
|
|
|
|||
|
|
<!-- <el-button
|
|||
|
|
@click="querfromdata"
|
|||
|
|
type="primary"
|
|||
|
|
icon="el-icon-search"
|
|||
|
|
style="margin-left: 10px"
|
|||
|
|
>查询</el-button
|
|||
|
|
> -->
|
|||
|
|
</div>
|
|||
|
|
</template>
|
|||
|
|
|
|||
|
|
<script>
|
|||
|
|
export default {
|
|||
|
|
name: "index4",
|
|||
|
|
props: {
|
|||
|
|
name: {
|
|||
|
|
type: String,
|
|||
|
|
default: undefined,
|
|||
|
|
},
|
|||
|
|
path: {
|
|||
|
|
type: String,
|
|||
|
|
default: undefined,
|
|||
|
|
},
|
|||
|
|
tablename: {
|
|||
|
|
type: String,
|
|||
|
|
default: undefined,
|
|||
|
|
},
|
|||
|
|
interval: {
|
|||
|
|
type: Number,
|
|||
|
|
default: undefined,
|
|||
|
|
},
|
|||
|
|
type: {
|
|||
|
|
type: Number,
|
|||
|
|
default: undefined,
|
|||
|
|
},
|
|||
|
|
falg: {
|
|||
|
|
type: Boolean,
|
|||
|
|
default: false,
|
|||
|
|
},
|
|||
|
|
query: {
|
|||
|
|
type: Boolean,
|
|||
|
|
default: false,
|
|||
|
|
},
|
|||
|
|
thb: {
|
|||
|
|
type: Boolean,
|
|||
|
|
default: false,
|
|||
|
|
},
|
|||
|
|
},
|
|||
|
|
watch: {
|
|||
|
|
intervald(val) {
|
|||
|
|
if (val != 5) {
|
|||
|
|
let endTime = this.getEndTime();
|
|||
|
|
let startTime = this.getStartTime(this.intervald, endTime);
|
|||
|
|
this.timeValue = [startTime, endTime];
|
|||
|
|
this.pickDisabled = false;
|
|||
|
|
this.buttonShow = true;
|
|||
|
|
} else {
|
|||
|
|
let endTime = this.getEndTime();
|
|||
|
|
let startTime = this.getStartTime(this.intervald, endTime);
|
|||
|
|
this.timeValue = [startTime, endTime];
|
|||
|
|
this.buttonShow = false;
|
|||
|
|
this.pickDisabled = false;
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
},
|
|||
|
|
data() {
|
|||
|
|
return {
|
|||
|
|
ruleForm:{},
|
|||
|
|
disabled: true,
|
|||
|
|
buttonShow: true, //向前向后按钮显示隐藏控制按钮
|
|||
|
|
pickDisabled: false, //时间组件只读控制se,
|
|||
|
|
falg1: true,
|
|||
|
|
timeOptions: [
|
|||
|
|
{ label: "年份", value: 1 },
|
|||
|
|
{ label: "季度", value: 2 },
|
|||
|
|
{ label: "月份", value: 3 },
|
|||
|
|
{ label: "周", value: 4 },
|
|||
|
|
// { label: "自定义", value: 5 },
|
|||
|
|
],
|
|||
|
|
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]);
|
|||
|
|
},
|
|||
|
|
},
|
|||
|
|
],
|
|||
|
|
},
|
|||
|
|
intervald: this.interval,
|
|||
|
|
tablenamed: this.tablename,
|
|||
|
|
timeValue: [],
|
|||
|
|
timehbValue: [],
|
|||
|
|
backDisabled: false,
|
|||
|
|
preDisabled: true,
|
|||
|
|
huanbibiFalg: false,
|
|||
|
|
tonbiFalg: false,
|
|||
|
|
timeFlag: 0,
|
|||
|
|
};
|
|||
|
|
},
|
|||
|
|
created() {},
|
|||
|
|
mounted() {
|
|||
|
|
let endTime = this.getEndTime();
|
|||
|
|
let startTime = this.getStartTime(this.intervald, endTime);
|
|||
|
|
//console.log(endTime,startTime,'endtime','startTime')
|
|||
|
|
this.$store.commit("sagServerity/SET_TIMEINTERVAL",[startTime,endTime] )
|
|||
|
|
this.timeValue = [startTime, endTime];
|
|||
|
|
this.$emit("time",[startTime,endTime,this.intervald] );
|
|||
|
|
if (this.type == 2) {
|
|||
|
|
this.huangbiyear();
|
|||
|
|
} else if (!this.type) {
|
|||
|
|
this.querfromdata();
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
methods: {
|
|||
|
|
interchange(val) {
|
|||
|
|
let endTime = this.getEndTime();
|
|||
|
|
let startTime = this.getStartTime(this.intervald, endTime);
|
|||
|
|
// console.log(endTime,startTime,'endtime','startTime')
|
|||
|
|
this.$store.commit("sagServerity/SET_TIMEINTERVAL",[startTime,endTime] )
|
|||
|
|
this.$emit("time",[startTime,endTime,val] );
|
|||
|
|
if (val == 1 || val == 2) {
|
|||
|
|
this.timeFlag = 0;
|
|||
|
|
} else {
|
|||
|
|
this.timeFlag = 1;
|
|||
|
|
}
|
|||
|
|
// console.log(this.timeFlag);
|
|||
|
|
this.intervald = val;
|
|||
|
|
if (val == 5) {
|
|||
|
|
this.tablenamed == "tab1";
|
|||
|
|
this.disabled = false;
|
|||
|
|
} else {
|
|||
|
|
this.tablenamed == "tab2";
|
|||
|
|
this.disabled = true;
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
// 获取当前日期，精确到日
|
|||
|
|
getEndTime() {
|
|||
|
|
var now = new Date();
|
|||
|
|
var sep = "-";
|
|||
|
|
var year = now.getFullYear();
|
|||
|
|
var month = now.getMonth() + 1;
|
|||
|
|
if (month < 10) {
|
|||
|
|
month = "0" + month;
|
|||
|
|
}
|
|||
|
|
var date = now.getDate();
|
|||
|
|
if (date < 10) {
|
|||
|
|
date = "0" + date;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// 拼接当前的日期
|
|||
|
|
var endTime = year + sep + month + sep + date;
|
|||
|
|
return endTime;
|
|||
|
|
},
|
|||
|
|
// 获取起始日期
|
|||
|
|
getStartTime(interval, endTime) {
|
|||
|
|
var sep = "-";
|
|||
|
|
var arr = endTime.split("-");
|
|||
|
|
var year = arr[0];
|
|||
|
|
var month = arr[1];
|
|||
|
|
var date = arr[2];
|
|||
|
|
// 按月份间隔
|
|||
|
|
if (interval == 3) {
|
|||
|
|
date = "01";
|
|||
|
|
// 按季度间隔
|
|||
|
|
} else if (interval == 2) {
|
|||
|
|
if ((month > 0) & (month < 4)) {
|
|||
|
|
// 第一季度
|
|||
|
|
month = "01";
|
|||
|
|
date = "01";
|
|||
|
|
} else if (month > 3 && month < 7) {
|
|||
|
|
// 第二季度
|
|||
|
|
month = "04";
|
|||
|
|
date = "01";
|
|||
|
|
} else if (month > 6 && month < 10) {
|
|||
|
|
// 第三季度
|
|||
|
|
month = "07";
|
|||
|
|
date = "01";
|
|||
|
|
} else {
|
|||
|
|
// 第四季度
|
|||
|
|
month = "10";
|
|||
|
|
date = "01";
|
|||
|
|
}
|
|||
|
|
} else if (interval == 1) {
|
|||
|
|
month = "01";
|
|||
|
|
date = "01";
|
|||
|
|
} else if (interval == "半年") {
|
|||
|
|
if (month < 7) {
|
|||
|
|
month = "01";
|
|||
|
|
date = "01";
|
|||
|
|
} else {
|
|||
|
|
month = "07";
|
|||
|
|
date = "01";
|
|||
|
|
}
|
|||
|
|
} else if (interval == 4) {
|
|||
|
|
//周
|
|||
|
|
var start = new Date(year, month - 1, date);
|
|||
|
|
var dayOfWeek = start.getDay() == 0 ? 7 : start.getDay(); // 如果为周日，则置为7天
|
|||
|
|
start.setDate(start.getDate() - dayOfWeek + 1); // 计算开始时间
|
|||
|
|
|
|||
|
|
if (this.formatTime(new Date()) != endTime) {
|
|||
|
|
// 如果结束时间不是当前时间
|
|||
|
|
var end = new Date(start);
|
|||
|
|
end.setDate(end.getDate() + 6);
|
|||
|
|
// $("#endTime").val(this.formatTime(end));
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
return this.formatTime(start);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
var startTime = year + sep + month + sep + date;
|
|||
|
|
return startTime;
|
|||
|
|
},
|
|||
|
|
// 时间格式化
|
|||
|
|
formatTime(time) {
|
|||
|
|
return (
|
|||
|
|
time.getFullYear() +
|
|||
|
|
"-" +
|
|||
|
|
(time.getMonth() + 1 < 10 ? "0" : "") +
|
|||
|
|
(time.getMonth() + 1) +
|
|||
|
|
"-" +
|
|||
|
|
(time.getDate() < 10 ? "0" : "") +
|
|||
|
|
time.getDate()
|
|||
|
|
);
|
|||
|
|
},
|
|||
|
|
//向前
|
|||
|
|
preClick() {
|
|||
|
|
let interval = this.intervald;
|
|||
|
|
let startTime = this.timeValue[0];
|
|||
|
|
let endTime = this.timeValue[1];
|
|||
|
|
let year = parseInt(startTime.substring(0, 4));
|
|||
|
|
let month = parseInt(startTime.substring(5, 7));
|
|||
|
|
let date = parseInt(startTime.substring(8, 10));
|
|||
|
|
//按月
|
|||
|
|
if (interval == 3) {
|
|||
|
|
// 换年份
|
|||
|
|
if (month == 1) {
|
|||
|
|
year = year - 1;
|
|||
|
|
startTime = year + "-12-01";
|
|||
|
|
endTime = year + "-12-31";
|
|||
|
|
} else if (month <= 10) {
|
|||
|
|
month = month - 1;
|
|||
|
|
startTime = year + "-0" + month + "-01";
|
|||
|
|
let day = this.getDays(year, month);
|
|||
|
|
endTime = year + "-0" + month + "-" + day;
|
|||
|
|
} else {
|
|||
|
|
month = month - 1;
|
|||
|
|
startTime = year + "-" + month + "-01";
|
|||
|
|
let day = this.getDays(year, month);
|
|||
|
|
endTime = year + "-" + month + "-" + day;
|
|||
|
|
}
|
|||
|
|
//按周
|
|||
|
|
} else if (interval == 4) {
|
|||
|
|
//根据开始时间推
|
|||
|
|
let start = new Date(year, month - 1, date);
|
|||
|
|
start.setDate(start.getDate() - 7);
|
|||
|
|
startTime = this.formatTime(start);
|
|||
|
|
var end = new Date(start);
|
|||
|
|
end.setDate(start.getDate() + 6);
|
|||
|
|
endTime = this.formatTime(end);
|
|||
|
|
//按季度
|
|||
|
|
} else if (interval == 2) {
|
|||
|
|
// 换年份
|
|||
|
|
if (month == 1) {
|
|||
|
|
year = year - 1;
|
|||
|
|
startTime = year + "-10-01";
|
|||
|
|
endTime = year + "-12-31";
|
|||
|
|
} else {
|
|||
|
|
// 还是本年
|
|||
|
|
month = month - 3;
|
|||
|
|
startTime = year + "-0" + month + "-01";
|
|||
|
|
month = month + 2;
|
|||
|
|
var day = this.getDays(year, month);
|
|||
|
|
endTime = year + "-0" + month + "-" + day;
|
|||
|
|
}
|
|||
|
|
//自定义
|
|||
|
|
} else if (interval == 5) {
|
|||
|
|
//按年
|
|||
|
|
} else if (interval == 1) {
|
|||
|
|
year = year - 1;
|
|||
|
|
startTime = year + "-01-01";
|
|||
|
|
endTime = year + "-12-31";
|
|||
|
|
} else if (interval == 6) {
|
|||
|
|
if (month <= 6) {
|
|||
|
|
year = year - 1;
|
|||
|
|
startTime = year + "-07-01";
|
|||
|
|
endTime = year + "-12-31";
|
|||
|
|
} else {
|
|||
|
|
startTime = year + "-01-01";
|
|||
|
|
endTime = year + "-06-30";
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
this.timeValue = [startTime, endTime];
|
|||
|
|
|
|||
|
|
// 判断向后键的状态
|
|||
|
|
var temp = this.getEndTime();
|
|||
|
|
this.timeStatus(temp, endTime);
|
|||
|
|
},
|
|||
|
|
//向后
|
|||
|
|
back() {
|
|||
|
|
let interval = this.intervald;
|
|||
|
|
let startTime = this.timeValue[0];
|
|||
|
|
let endTime = this.timeValue[1];
|
|||
|
|
let year = parseInt(startTime.substring(0, 4));
|
|||
|
|
let month = parseInt(startTime.substring(5, 7));
|
|||
|
|
let date = parseInt(startTime.substring(8, 10));
|
|||
|
|
var now = new Date();
|
|||
|
|
// 获取当前年份
|
|||
|
|
var presentY = now.getFullYear();
|
|||
|
|
// 获取当前月份
|
|||
|
|
var presentM = now.getMonth() + 1;
|
|||
|
|
// 获取当前日期
|
|||
|
|
var presentD = now.getDate();
|
|||
|
|
if (interval == 3) {
|
|||
|
|
if (month == 12) {
|
|||
|
|
year = year + 1;
|
|||
|
|
// 年份进位后，大于当前的年份，是不科学的
|
|||
|
|
if (presentY < year) {
|
|||
|
|
startTime = presentY + "-12-01";
|
|||
|
|
if (presentD < 10) {
|
|||
|
|
endTime = presentY + "-12" + "-0" + presentD;
|
|||
|
|
} else {
|
|||
|
|
endTime = presentY + "-12" + "-" + presentD;
|
|||
|
|
}
|
|||
|
|
// 年份进位后，等于当前的年份
|
|||
|
|
} else if (presentY == year) {
|
|||
|
|
startTime = year + "-01-01";
|
|||
|
|
if (presentM > 1) {
|
|||
|
|
endTime = year + "-01-31";
|
|||
|
|
} else {
|
|||
|
|
if (presentD < 10) {
|
|||
|
|
endTime = year + "-01" + "-0" + presentD;
|
|||
|
|
} else {
|
|||
|
|
endTime = year + "-01" + "-" + presentD;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
// 年份进位后，依旧小于当前的年份
|
|||
|
|
} else {
|
|||
|
|
startTime = year + "-01-01";
|
|||
|
|
endTime = year + "-01-31";
|
|||
|
|
}
|
|||
|
|
} else {
|
|||
|
|
month = month + 1;
|
|||
|
|
// 年份等于当前年份
|
|||
|
|
if (presentY == year) {
|
|||
|
|
// 月份超过当前月份，是不科学的
|
|||
|
|
if (month >= presentM) {
|
|||
|
|
if (presentM < 10) {
|
|||
|
|
startTime = year + "-0" + presentM + "-01";
|
|||
|
|
if (presentD < 10) {
|
|||
|
|
endTime = year + "-0" + presentM + "-0" + presentD;
|
|||
|
|
} else {
|
|||
|
|
endTime = year + "-0" + presentM + "-" + presentD;
|
|||
|
|
}
|
|||
|
|
} else {
|
|||
|
|
startTime = year + "-" + presentM + "-01";
|
|||
|
|
if (presentD < 10) {
|
|||
|
|
endTime = year + "-" + presentM + "-0" + presentD;
|
|||
|
|
} else {
|
|||
|
|
endTime = year + "-" + presentM + "-" + presentD;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
} else {
|
|||
|
|
if (month < 10) {
|
|||
|
|
startTime = year + "-0" + month + "-01";
|
|||
|
|
var day = this.getDays(year, month);
|
|||
|
|
endTime = year + "-0" + month + "-" + day;
|
|||
|
|
} else {
|
|||
|
|
startTime = year + "-" + month + "-01";
|
|||
|
|
var day = this.getDays(year, month);
|
|||
|
|
endTime = year + "-" + month + "-" + day;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
// 年份小于当前的年份
|
|||
|
|
} else {
|
|||
|
|
if (month < 10) {
|
|||
|
|
startTime = year + "-0" + month + "-01";
|
|||
|
|
var day = this.getDays(year, month);
|
|||
|
|
endTime = year + "-0" + month + "-" + day;
|
|||
|
|
} else {
|
|||
|
|
startTime = year + "-" + month + "-01";
|
|||
|
|
var day = this.getDays(year, month);
|
|||
|
|
endTime = year + "-" + month + "-" + day;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
} else if (interval == 2) {
|
|||
|
|
// 前进需要年份进位
|
|||
|
|
if (month == 10) {
|
|||
|
|
year = year + 1;
|
|||
|
|
// 年份进位后大于当前年份是不科学的
|
|||
|
|
if (year > presentY) {
|
|||
|
|
startTime = presentY + "-10-01";
|
|||
|
|
if (presentD < 10) {
|
|||
|
|
endTime = year + "-" + presentM + "-0" + presentD;
|
|||
|
|
} else {
|
|||
|
|
endTime = year + "-" + presentM + "-" + presentD;
|
|||
|
|
}
|
|||
|
|
} else if (year == presentY) {
|
|||
|
|
startTime = year + "-01-01";
|
|||
|
|
// 当前月份大约3月份
|
|||
|
|
if (presentM > 3) {
|
|||
|
|
endTime = year + "-03-31";
|
|||
|
|
} else {
|
|||
|
|
// 当前月份也在第一季度里
|
|||
|
|
if (presentD < 10) {
|
|||
|
|
endTime = year + "-0" + presentM + "-0" + presentD;
|
|||
|
|
} else {
|
|||
|
|
endTime = year + "-0" + presentM + "-" + presentD;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
} else {
|
|||
|
|
startTime = year + "-01-01";
|
|||
|
|
endTime = year + "-03-31";
|
|||
|
|
}
|
|||
|
|
} else {
|
|||
|
|
month = month + 3;
|
|||
|
|
// 季度进位后，超过当前月份是不科学的
|
|||
|
|
if (year == presentY) {
|
|||
|
|
if (month >= presentM) {
|
|||
|
|
// 当季度进位后大于当前月，以当前月的时间显示季度
|
|||
|
|
if (presentM > 0 && presentM < 4) {
|
|||
|
|
// 第一季度
|
|||
|
|
startTime = year + "-01-01";
|
|||
|
|
if (presentD < 10) {
|
|||
|
|
endTime = year + "-0" + presentM + "-0" + presentD;
|
|||
|
|
} else {
|
|||
|
|
endTime = year + "-0" + presentM + "-" + presentD;
|
|||
|
|
}
|
|||
|
|
} else if (presentM > 3 && presentM < 7) {
|
|||
|
|
// 第二季度
|
|||
|
|
startTime = year + "-04-01";
|
|||
|
|
if (presentD < 10) {
|
|||
|
|
endTime = year + "-0" + presentM + "-0" + presentD;
|
|||
|
|
} else {
|
|||
|
|
endTime = year + "-0" + presentM + "-" + presentD;
|
|||
|
|
}
|
|||
|
|
} else if (presentM > 6 && presentM < 10) {
|
|||
|
|
// 第三季度
|
|||
|
|
startTime = year + "-07-01";
|
|||
|
|
if (presentD < 10) {
|
|||
|
|
endTime = year + "-0" + presentM + "-0" + presentD;
|
|||
|
|
} else {
|
|||
|
|
endTime = year + "-0" + presentM + "-" + presentD;
|
|||
|
|
}
|
|||
|
|
} else {
|
|||
|
|
// 第四季度
|
|||
|
|
startTime = year + "-10-01";
|
|||
|
|
if (presentD < 10) {
|
|||
|
|
endTime = year + "-" + presentM + "-0" + presentD;
|
|||
|
|
} else {
|
|||
|
|
endTime = year + "-" + presentM + "-" + presentD;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
} else {
|
|||
|
|
if (month == 10) {
|
|||
|
|
startTime = year + "-" + month + "-01";
|
|||
|
|
} else {
|
|||
|
|
startTime = year + "-0" + month + "-01";
|
|||
|
|
}
|
|||
|
|
month = month + 2;
|
|||
|
|
if (month >= presentM) {
|
|||
|
|
endTime = this.getEndTime();
|
|||
|
|
} else {
|
|||
|
|
var day = this.getDays(year, month);
|
|||
|
|
endTime = year + "-" + month + "-" + day;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
} else {
|
|||
|
|
if (month == 10) {
|
|||
|
|
startTime = year + "-" + month + "-01";
|
|||
|
|
month = month + 2;
|
|||
|
|
var day = this.getDays(year, month);
|
|||
|
|
endTime = year + "-" + month + "-" + day;
|
|||
|
|
} else {
|
|||
|
|
startTime = year + "-0" + month + "-01";
|
|||
|
|
month = month + 2;
|
|||
|
|
var day = this.getDays(year, month);
|
|||
|
|
endTime = year + "-0" + month + "-" + day;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
} else if (interval == 5) {
|
|||
|
|
} else if (interval == 4) {
|
|||
|
|
//根据开始时间推
|
|||
|
|
var start = new Date(year, month - 1, date);
|
|||
|
|
start.setDate(start.getDate() + 7);
|
|||
|
|
startTime = this.formatTime(start);
|
|||
|
|
var end = new Date(start);
|
|||
|
|
end.setDate(start.getDate() + 6);
|
|||
|
|
endTime = this.formatTime(end);
|
|||
|
|
|
|||
|
|
if (parseInt((end - new Date()) / 1000 / 60) > 24) {
|
|||
|
|
//相差小时大于24小时，即超过当天，置为当天日期
|
|||
|
|
endTime = this.formatTime(new Date());
|
|||
|
|
}
|
|||
|
|
} else {
|
|||
|
|
year = year + 1;
|
|||
|
|
// 年份进位后大于当前年份，是不科学的
|
|||
|
|
if (year >= presentY) {
|
|||
|
|
startTime = presentY + "-01-01";
|
|||
|
|
if (presentM < 10) {
|
|||
|
|
if (presentD < 10) {
|
|||
|
|
endTime = presentY + "-0" + presentM + "-0" + presentD;
|
|||
|
|
} else {
|
|||
|
|
endTime = presentY + "-0" + presentM + "-" + presentD;
|
|||
|
|
}
|
|||
|
|
} else {
|
|||
|
|
endTime = presentY + "-" + presentM + "-" + presentD;
|
|||
|
|
}
|
|||
|
|
} else {
|
|||
|
|
startTime = year + "-01-01";
|
|||
|
|
endTime = year + "-12-31";
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
this.timeValue = [startTime, endTime];
|
|||
|
|
|
|||
|
|
// 判断向后键的状态
|
|||
|
|
var temp = this.getEndTime();
|
|||
|
|
this.timeStatus(temp, endTime);
|
|||
|
|
},
|
|||
|
|
//当前按钮点击事件
|
|||
|
|
nowTime() {
|
|||
|
|
let interval = this.intervald;
|
|||
|
|
let endTime = this.getEndTime();
|
|||
|
|
let startTime = this.getStartTime(interval, endTime);
|
|||
|
|
this.timeValue = [startTime, endTime];
|
|||
|
|
// 判断向后键的状态
|
|||
|
|
let temp = this.getEndTime();
|
|||
|
|
this.timeStatus(temp, endTime);
|
|||
|
|
},
|
|||
|
|
//判断向后按钮
|
|||
|
|
timeStatus(temp, endTime) {
|
|||
|
|
// 判断next按钮的状态
|
|||
|
|
if (temp == endTime) {
|
|||
|
|
this.preDisabled = true;
|
|||
|
|
} else {
|
|||
|
|
this.preDisabled = false;
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
// 获取月份的天数
|
|||
|
|
getDays(year, month) {
|
|||
|
|
let max = new Date(year, month, 0).getDate();
|
|||
|
|
return max;
|
|||
|
|
},
|
|||
|
|
querfromdata() {
|
|||
|
|
//type用于区分是按钮触发还是钩子函数触发 1按钮触发 underfind 钩子触发
|
|||
|
|
if (!this.type) {
|
|||
|
|
var data = this.timeValue;
|
|||
|
|
var timehbValue = "";
|
|||
|
|
this.$emit("querfromdata", data, timehbValue, this.intervald);
|
|||
|
|
} else if (this.type == 2) {
|
|||
|
|
this.huangbiyear();
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
goto() {
|
|||
|
|
this.$router.push({
|
|||
|
|
path: "/harmonic-boot/algorithm",
|
|||
|
|
query: { name: this.name, path: this.path },
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
//环比
|
|||
|
|
huangbiyear() {
|
|||
|
|
this.huanbibiFalg = true;
|
|||
|
|
let interval = this.intervald;
|
|||
|
|
let startTime = this.timeValue[0];
|
|||
|
|
let endTime = this.timeValue[1];
|
|||
|
|
let year = parseInt(startTime.substring(0, 4));
|
|||
|
|
let month = parseInt(startTime.substring(5, 7));
|
|||
|
|
let date = parseInt(startTime.substring(8, 10));
|
|||
|
|
//按月
|
|||
|
|
if (interval == 3) {
|
|||
|
|
// 换年份
|
|||
|
|
if (month == 1) {
|
|||
|
|
year = year - 1;
|
|||
|
|
startTime = year + "-12-01";
|
|||
|
|
endTime = year + "-12-31";
|
|||
|
|
} else if (month <= 10) {
|
|||
|
|
month = month - 1;
|
|||
|
|
startTime = year + "-0" + month + "-01";
|
|||
|
|
let day = this.getDays(year, month);
|
|||
|
|
endTime = year + "-0" + month + "-" + day;
|
|||
|
|
} else {
|
|||
|
|
month = month - 1;
|
|||
|
|
startTime = year + "-" + month + "-01";
|
|||
|
|
let day = this.getDays(year, month);
|
|||
|
|
endTime = year + "-" + month + "-" + day;
|
|||
|
|
}
|
|||
|
|
//按周
|
|||
|
|
} else if (interval == 4) {
|
|||
|
|
//根据开始时间推
|
|||
|
|
let start = new Date(year, month - 1, date);
|
|||
|
|
start.setDate(start.getDate() - 7);
|
|||
|
|
startTime = this.formatTime(start);
|
|||
|
|
var end = new Date(start);
|
|||
|
|
end.setDate(start.getDate() + 6);
|
|||
|
|
endTime = this.formatTime(end);
|
|||
|
|
//按季度
|
|||
|
|
} else if (interval == 2) {
|
|||
|
|
// 换年份
|
|||
|
|
if (month == 1) {
|
|||
|
|
year = year - 1;
|
|||
|
|
startTime = year + "-10-01";
|
|||
|
|
endTime = year + "-12-31";
|
|||
|
|
} else {
|
|||
|
|
// 还是本年
|
|||
|
|
month = month - 3;
|
|||
|
|
startTime = year + "-0" + month + "-01";
|
|||
|
|
month = month + 2;
|
|||
|
|
var day = this.getDays(year, month);
|
|||
|
|
endTime = year + "-0" + month + "-" + day;
|
|||
|
|
}
|
|||
|
|
//自定义
|
|||
|
|
} else if (interval == 5) {
|
|||
|
|
//按年
|
|||
|
|
} else if (interval == 1) {
|
|||
|
|
year = year - 1;
|
|||
|
|
startTime = year + "-01-01";
|
|||
|
|
endTime = year + "-12-31";
|
|||
|
|
} else if (interval == 6) {
|
|||
|
|
if (month <= 6) {
|
|||
|
|
year = year - 1;
|
|||
|
|
startTime = year + "-07-01";
|
|||
|
|
endTime = year + "-12-31";
|
|||
|
|
} else {
|
|||
|
|
startTime = year + "-01-01";
|
|||
|
|
endTime = year + "-06-30";
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
this.timehbValue = [startTime, endTime];
|
|||
|
|
var data = this.timeValue;
|
|||
|
|
var timehbValue = this.timehbValue;
|
|||
|
|
// debugger
|
|||
|
|
this.$emit("querfromdata", data, timehbValue, interval);
|
|||
|
|
// 判断向后键的状态
|
|||
|
|
// var temp = this.getEndTime();
|
|||
|
|
//this.timeStatus(temp, endTime);
|
|||
|
|
},
|
|||
|
|
//同比
|
|||
|
|
tongbiyear() {
|
|||
|
|
this.tonbiFalg = true;
|
|||
|
|
let interval = this.intervald;
|
|||
|
|
let startTime = this.timeValue[0];
|
|||
|
|
let endTime = this.timeValue[1];
|
|||
|
|
let year = parseInt(startTime.substring(0, 4));
|
|||
|
|
let month = parseInt(startTime.substring(5, 7));
|
|||
|
|
let date = parseInt(startTime.substring(8, 10));
|
|||
|
|
//按月
|
|||
|
|
if (interval == 3) {
|
|||
|
|
year = year - 1;
|
|||
|
|
if (month <= 10) {
|
|||
|
|
startTime = year + "-0" + month + "-01";
|
|||
|
|
let day = this.getDays(year, month);
|
|||
|
|
endTime = year + "-0" + month + "-" + day;
|
|||
|
|
} else {
|
|||
|
|
startTime = year + "-" + month + "-01";
|
|||
|
|
let day = this.getDays(year, month);
|
|||
|
|
endTime = year + "-" + month + "-" + day;
|
|||
|
|
}
|
|||
|
|
//按周
|
|||
|
|
} else if (interval == 4) {
|
|||
|
|
//根据开始时间推
|
|||
|
|
let start = new Date(year - 1, month, date);
|
|||
|
|
start.setDate(start.getDate() - 7);
|
|||
|
|
startTime = this.formatTime(start);
|
|||
|
|
var end = new Date(start);
|
|||
|
|
end.setDate(start.getDate() + 6);
|
|||
|
|
endTime = this.formatTime(end);
|
|||
|
|
//按季度
|
|||
|
|
} else if (interval == 2) {
|
|||
|
|
year = year - 1;
|
|||
|
|
if (month < 10) {
|
|||
|
|
startTime = year + "-0" + month + "-01";
|
|||
|
|
} else {
|
|||
|
|
startTime = year + "-" + month + "-01";
|
|||
|
|
}
|
|||
|
|
month = month + 2;
|
|||
|
|
if (month <= 10) {
|
|||
|
|
var day = this.getDays(year, month);
|
|||
|
|
endTime = year + "-0" + month + "-" + day;
|
|||
|
|
} else {
|
|||
|
|
var day = this.getDays(year, month);
|
|||
|
|
endTime = year + "-" + month + "-" + day;
|
|||
|
|
}
|
|||
|
|
//自定义
|
|||
|
|
} else if (interval == 5) {
|
|||
|
|
//按年
|
|||
|
|
} else if (interval == 1) {
|
|||
|
|
year = year - 1;
|
|||
|
|
startTime = year + "-01-01";
|
|||
|
|
endTime = year + "-12-31";
|
|||
|
|
} else if (interval == 6) {
|
|||
|
|
if (month <= 6) {
|
|||
|
|
year = year - 1;
|
|||
|
|
startTime = year + "-07-01";
|
|||
|
|
endTime = year + "-12-31";
|
|||
|
|
} else {
|
|||
|
|
startTime = year + "-01-01";
|
|||
|
|
endTime = year + "-06-30";
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
this.timehbValue = [startTime, endTime];
|
|||
|
|
var data = this.timeValue;
|
|||
|
|
var timehbValue = this.timehbValue;
|
|||
|
|
this.$emit("querfromdata", data, timehbValue, interval);
|
|||
|
|
},
|
|||
|
|
},
|
|||
|
|
};
|
|||
|
|
</script>
|
|||
|
|
|
|||
|
|
<style lang="scss" scoped>
|
|||
|
|
.spanColor {
|
|||
|
|
color: $themeColor;
|
|||
|
|
}
|
|||
|
|
</style>
|