867 lines
28 KiB
Vue
867 lines
28 KiB
Vue
|
<template>
|
|||
|
|
<div>
|
|||
|
|
<el-form :inline="true" :model="ruleForm" class="demo-form-inline" style='margin-left: 15px'>
|
|||
|
|
<el-form-item label="时间间隔:">
|
|||
|
|
<el-select v-model="intervald" @change="interchange" placeholder="请选择" style="width: 100px;" >
|
|||
|
|
<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: 230px;"
|
|||
|
|
: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" type="primary" icon="el-icon-video-pause" >当前</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="buttonShow && thb" @click="tongbiyear" type="primary">同比</el-button>
|
|||
|
|
<el-button v-show="buttonShow && thb" @click="huangbiyear" type="primary">环比</el-button>
|
|||
|
|
<el-button v-show="false" type="primary">导出文件</el-button>
|
|||
|
|
<!-- <el-button @click="querfromdata(1)" type="primary" icon="el-icon-search">查询</el-button>-->
|
|||
|
|
|
|||
|
|
</el-form-item>
|
|||
|
|
</el-form>
|
|||
|
|
|
|||
|
|
</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) {
|
|||
|
|
// this.backDisabled = false
|
|||
|
|
// this.preDisabled= false
|
|||
|
|
// if(this.nowdate==1|| this.nowdate==2 ||this.nowdate==3){
|
|||
|
|
// 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.NowgetEndTime();
|
|||
|
|
// let startTime = this.getStartTime(this.intervald, endTime)
|
|||
|
|
// this.timeValue = [startTime, endTime]
|
|||
|
|
// this.pickDisabled = false
|
|||
|
|
// this.buttonShow = true
|
|||
|
|
// }
|
|||
|
|
|
|||
|
|
// } else {
|
|||
|
|
// this.backDisabled = true
|
|||
|
|
// this.preDisabled= true
|
|||
|
|
// if(this.nowdate==1|| this.nowdate==2 ||this.nowdate==3){
|
|||
|
|
// let endTime = this.getEndTime();
|
|||
|
|
// let startTime = this.getStartTime(this.intervald, endTime)
|
|||
|
|
// this.timeValue = [startTime, endTime]
|
|||
|
|
// this.buttonShow = false
|
|||
|
|
// this.pickDisabled = false
|
|||
|
|
|
|||
|
|
// }else{
|
|||
|
|
// let endTime = this.NowgetEndTime();
|
|||
|
|
// let startTime = this.getStartTime(this.intervald, endTime)
|
|||
|
|
// this.timeValue = [startTime, endTime]
|
|||
|
|
// this.buttonShow = false
|
|||
|
|
// this.pickDisabled = false
|
|||
|
|
// }
|
|||
|
|
|
|||
|
|
// }
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
if (val != 5) {
|
|||
|
|
let endTime = this.NowgetEndTime();
|
|||
|
|
let startTime = this.getStartTime(this.intervald, endTime)
|
|||
|
|
this.timeValue = [startTime, endTime]
|
|||
|
|
this.buttonShow = true
|
|||
|
|
this.pickDisabled = false
|
|||
|
|
}else {
|
|||
|
|
this.buttonShow = false
|
|||
|
|
this.disabled = false
|
|||
|
|
this.pickDisabled = false
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
},
|
|||
|
|
data() {
|
|||
|
|
return {
|
|||
|
|
ruleForm:{},
|
|||
|
|
disabled:true,
|
|||
|
|
timeFlag:1,
|
|||
|
|
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: false,
|
|||
|
|
huanbibiFalg:false,
|
|||
|
|
tonbiFalg:false,
|
|||
|
|
nowdate:""
|
|||
|
|
};
|
|||
|
|
},
|
|||
|
|
created() {
|
|||
|
|
// var now = new Date();
|
|||
|
|
// this.nowdate = now.getDate()
|
|||
|
|
// // console.log('时间',this.nowdate)
|
|||
|
|
// if(this.nowdate==1|| this.nowdate==2 ||this.nowdate==3){
|
|||
|
|
// let endTime = this.getEndTime();
|
|||
|
|
// let startTime = this.getStartTime(this.intervald, endTime)
|
|||
|
|
// this.timeValue = [startTime, endTime]
|
|||
|
|
// }else{
|
|||
|
|
// let endTime = this.NowgetEndTime();
|
|||
|
|
// let startTime = this.getStartTime(this.intervald, endTime)
|
|||
|
|
// this.timeValue = [startTime, endTime]
|
|||
|
|
// }
|
|||
|
|
|
|||
|
|
|
|||
|
|
let endTime = this.getEndTime();
|
|||
|
|
let startTime = this.getStartTime(this.intervald, endTime)
|
|||
|
|
this.timeValue = [startTime, endTime]
|
|||
|
|
},
|
|||
|
|
mounted(){
|
|||
|
|
// let endTime = this.getEndTime();
|
|||
|
|
// let startTime = this.getStartTime(this.intervald, endTime)
|
|||
|
|
// this.timeValue = [startTime, endTime]
|
|||
|
|
if(this.type==2){
|
|||
|
|
setTimeout(() => {
|
|||
|
|
this.huangbiyear()
|
|||
|
|
},800)
|
|||
|
|
}else if(!this.type){
|
|||
|
|
setTimeout(() =>{
|
|||
|
|
this.querfromdata()
|
|||
|
|
},1500)
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
methods: {
|
|||
|
|
interchange(val){
|
|||
|
|
this.intervald = val
|
|||
|
|
this.preDisabled = false
|
|||
|
|
if(val==5){
|
|||
|
|
this.tablenamed == 'tab1'
|
|||
|
|
this.disabled = false
|
|||
|
|
|
|||
|
|
}else{
|
|||
|
|
this.tablenamed == 'tab2'
|
|||
|
|
this.disabled = true
|
|||
|
|
}
|
|||
|
|
if (val == 1 || val == 2) {
|
|||
|
|
this.timeFlag = 0;
|
|||
|
|
} else {
|
|||
|
|
this.timeFlag = 1;
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
// 获取当前日期，精确到日
|
|||
|
|
getEndTime() {
|
|||
|
|
// var now = new Date();
|
|||
|
|
// var sep = "-";
|
|||
|
|
// var year = now.getFullYear();
|
|||
|
|
// var month = now.getMonth();
|
|||
|
|
// if (month < 10) {
|
|||
|
|
// month = "0" + month;
|
|||
|
|
// }
|
|||
|
|
// if( month==1 || month==3 || month==5 || month==7 || month==8 || month==10 || month==12){
|
|||
|
|
// var date = now.getDate()+(31- now.getDate());
|
|||
|
|
// if (date < 10) {
|
|||
|
|
// date = "0" + date;
|
|||
|
|
// }
|
|||
|
|
// }else{
|
|||
|
|
// var date = now.getDate()+(30- now.getDate());
|
|||
|
|
// if (date < 10) {
|
|||
|
|
// date = "0" + date;
|
|||
|
|
// }
|
|||
|
|
// }
|
|||
|
|
// // 拼接当前的日期
|
|||
|
|
// var endTime = year + sep + month + sep + date;
|
|||
|
|
// return endTime;
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
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;
|
|||
|
|
},
|
|||
|
|
NowgetEndTime() {
|
|||
|
|
// 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;
|
|||
|
|
|
|||
|
|
|
|||
|
|
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() {
|
|||
|
|
this.preDisabled = false
|
|||
|
|
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.NowgetEndTime();
|
|||
|
|
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.NowgetEndTime();;
|
|||
|
|
}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);
|
|||
|
|
// const currentDate = new Date();
|
|||
|
|
// const oneWeekLater = new Date(currentDate);
|
|||
|
|
// oneWeekLater.setDate(currentDate.getDate() + 7);
|
|||
|
|
// endTime = this.formatTime(oneWeekLater);
|
|||
|
|
|
|||
|
|
// 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.NowgetEndTime();
|
|||
|
|
this.timeStatus(temp, endTime);
|
|||
|
|
},
|
|||
|
|
//当前按钮点击事件
|
|||
|
|
nowTime() {
|
|||
|
|
let interval = this.intervald
|
|||
|
|
let endTime = this.NowgetEndTime();
|
|||
|
|
let startTime = this.getStartTime(interval, endTime);
|
|||
|
|
this.timeValue = [startTime, endTime]
|
|||
|
|
// 判断向后键的状态
|
|||
|
|
let temp = this.NowgetEndTime();
|
|||
|
|
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="less" scoped>
|
|||
|
|
|
|||
|
|
</style>
|