|
@@ -8,6 +8,7 @@
|
|
placement="bottom-end"
|
|
placement="bottom-end"
|
|
placeholder="请选择月份"
|
|
placeholder="请选择月份"
|
|
style="width: 200px; margin-right: 10px"
|
|
style="width: 200px; margin-right: 10px"
|
|
|
|
+ :style="dataArea2 ? 'border:1px solid #3f92f9;border-radius:5px' : ''"
|
|
>
|
|
>
|
|
</DatePicker>
|
|
</DatePicker>
|
|
<div class="date-filter">
|
|
<div class="date-filter">
|
|
@@ -35,6 +36,7 @@
|
|
</Poptip>
|
|
</Poptip>
|
|
</div>
|
|
</div>
|
|
<DatePicker
|
|
<DatePicker
|
|
|
|
+ :style="selectType == 3 ? 'border:1px solid #3f92f9;border-radius:5px' : ''"
|
|
:clearable="false"
|
|
:clearable="false"
|
|
@on-change="dateClick"
|
|
@on-change="dateClick"
|
|
v-model="dataArea"
|
|
v-model="dataArea"
|
|
@@ -65,6 +67,7 @@ export default {
|
|
},
|
|
},
|
|
data() {
|
|
data() {
|
|
return {
|
|
return {
|
|
|
|
+ selectType: 0,
|
|
modalTimeList: [
|
|
modalTimeList: [
|
|
{
|
|
{
|
|
name: '昨日',
|
|
name: '昨日',
|
|
@@ -92,7 +95,7 @@ export default {
|
|
},
|
|
},
|
|
],
|
|
],
|
|
modalTimeType: null,
|
|
modalTimeType: null,
|
|
- dateTabIndex: 0,
|
|
|
|
|
|
+ dateTabIndex: 3,
|
|
dateTabs: [
|
|
dateTabs: [
|
|
{ label: '本日' },
|
|
{ label: '本日' },
|
|
{ label: '本周' },
|
|
{ label: '本周' },
|
|
@@ -107,6 +110,7 @@ export default {
|
|
methods: {
|
|
methods: {
|
|
/* 选项卡切换 */
|
|
/* 选项卡切换 */
|
|
dateTabToggle(index) {
|
|
dateTabToggle(index) {
|
|
|
|
+ this.selectType = 0
|
|
this.dateTabIndex = index
|
|
this.dateTabIndex = index
|
|
this.dataArea2 = null
|
|
this.dataArea2 = null
|
|
if (index === 0) {
|
|
if (index === 0) {
|
|
@@ -170,6 +174,7 @@ export default {
|
|
this.$emit('change')
|
|
this.$emit('change')
|
|
},
|
|
},
|
|
modalTimeSelect(_type) {
|
|
modalTimeSelect(_type) {
|
|
|
|
+ this.selectType = 0
|
|
const format = (timeStamp) => {
|
|
const format = (timeStamp) => {
|
|
var date = new Date();
|
|
var date = new Date();
|
|
date.setTime(timeStamp * 1);
|
|
date.setTime(timeStamp * 1);
|
|
@@ -184,7 +189,7 @@ export default {
|
|
var second = date.getSeconds();
|
|
var second = date.getSeconds();
|
|
minute = minute < 10 ? ('0' + minute) : minute;
|
|
minute = minute < 10 ? ('0' + minute) : minute;
|
|
second = second < 10 ? ('0' + second) : second;
|
|
second = second < 10 ? ('0' + second) : second;
|
|
- return y + '-' + m + '-' + d + ' ' + h + ':' + minute + ':' + second;
|
|
|
|
|
|
+ return y + '-' + m + '-' + d;
|
|
}
|
|
}
|
|
const v = this
|
|
const v = this
|
|
const todayNum = new Date(new Date().toLocaleDateString()).getTime()
|
|
const todayNum = new Date(new Date().toLocaleDateString()).getTime()
|
|
@@ -199,15 +204,16 @@ export default {
|
|
const day = today.getDate()
|
|
const day = today.getDate()
|
|
if (_type == 1) {
|
|
if (_type == 1) {
|
|
v.value.beginTime = format(todayNum - 86400000)
|
|
v.value.beginTime = format(todayNum - 86400000)
|
|
- v.value.endTime = format(todayNum)
|
|
|
|
|
|
+ v.value.endTime = format(todayNum - 86400000)
|
|
}
|
|
}
|
|
if (_type == 2) {
|
|
if (_type == 2) {
|
|
v.value.beginTime = format(todayNum - 86400000 * 2)
|
|
v.value.beginTime = format(todayNum - 86400000 * 2)
|
|
- v.value.endTime = format(todayNum - 86400000)
|
|
|
|
|
|
+ v.value.endTime = format(todayNum - 86400000 * 2)
|
|
}
|
|
}
|
|
if (_type == 3) {
|
|
if (_type == 3) {
|
|
|
|
+ console.log(nows)
|
|
v.value.beginTime = format(todayNum - 86400000 * (nows + 6))
|
|
v.value.beginTime = format(todayNum - 86400000 * (nows + 6))
|
|
- v.value.endTime = format(todayNum - 86400000 * (nows - 1))
|
|
|
|
|
|
+ v.value.endTime = format(todayNum - 86400000 * (nows))
|
|
}
|
|
}
|
|
if (_type == 4) {
|
|
if (_type == 4) {
|
|
if (month == 1) {
|
|
if (month == 1) {
|
|
@@ -253,32 +259,39 @@ export default {
|
|
v.value.endTime = format(today.getTime())
|
|
v.value.endTime = format(today.getTime())
|
|
}
|
|
}
|
|
}
|
|
}
|
|
- v.time = [v.value.beginTime, v.value.endTime]
|
|
|
|
|
|
+ v.dataArea = [v.value.beginTime, v.value.endTime]
|
|
v.dateTabIndex = 5
|
|
v.dateTabIndex = 5
|
|
this.$emit('change')
|
|
this.$emit('change')
|
|
},
|
|
},
|
|
dateClick2(date) {
|
|
dateClick2(date) {
|
|
const dateDayNum = new Date(date).getDate()
|
|
const dateDayNum = new Date(date).getDate()
|
|
- const dateMonthNum = new Date(date).getMonth()
|
|
|
|
|
|
+ const dateMonthNum = new Date(date).getMonth() + 1
|
|
const dateYearNum = new Date(date).getFullYear()
|
|
const dateYearNum = new Date(date).getFullYear()
|
|
|
|
+ this.dateTabIndex = null
|
|
this.value.beginTime = dateYearNum + '-' + dateMonthNum + '-1'
|
|
this.value.beginTime = dateYearNum + '-' + dateMonthNum + '-1'
|
|
this.value.endTime =
|
|
this.value.endTime =
|
|
dateYearNum +
|
|
dateYearNum +
|
|
'-' +
|
|
'-' +
|
|
dateMonthNum +
|
|
dateMonthNum +
|
|
'-' +
|
|
'-' +
|
|
- new Date(dateYearNum, dateMonthNum * 1 + 2, 0).getDate()
|
|
|
|
|
|
+ new Date(dateYearNum, dateMonthNum * 1, 0).getDate()
|
|
this.dataArea = []
|
|
this.dataArea = []
|
|
|
|
+ this.selectType = 0
|
|
this.$emit('change')
|
|
this.$emit('change')
|
|
},
|
|
},
|
|
dateClick(date) {
|
|
dateClick(date) {
|
|
this.value.beginTime = date[0]
|
|
this.value.beginTime = date[0]
|
|
this.value.endTime = date[1]
|
|
this.value.endTime = date[1]
|
|
|
|
+ this.dateTabIndex = null
|
|
this.dataArea2 = null
|
|
this.dataArea2 = null
|
|
|
|
+ this.selectType = 3
|
|
console.log(this.value)
|
|
console.log(this.value)
|
|
this.$emit('change')
|
|
this.$emit('change')
|
|
},
|
|
},
|
|
},
|
|
},
|
|
|
|
+ created(){
|
|
|
|
+ console.log(this.dateTabIndex)
|
|
|
|
+ },
|
|
}
|
|
}
|
|
</script>
|
|
</script>
|
|
<style scoped lang="less">
|
|
<style scoped lang="less">
|
|
@@ -295,6 +308,7 @@ export default {
|
|
.date-filter-wrap {
|
|
.date-filter-wrap {
|
|
display: flex;
|
|
display: flex;
|
|
align-items: center;
|
|
align-items: center;
|
|
|
|
+ overflow: hidden;
|
|
.date-filter {
|
|
.date-filter {
|
|
width: 300px;
|
|
width: 300px;
|
|
overflow: hidden;
|
|
overflow: hidden;
|