|
|
@@ -26,15 +26,18 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
<van-tabs :active="active" nav-class="nav-class" color="#00A7B5;">
|
|
|
+ {{dateSearch[0]}}
|
|
|
+ {{dateSearch[1]}}
|
|
|
<van-tab :title="'从'+format(dateSearch[0])">
|
|
|
- <van-datetime-picker @change="changeDate" :show-toolbar="false" :data-index="0" type="date"
|
|
|
+
|
|
|
+ <van-datetime-picker @change="changeDate(0,$event)" :show-toolbar="false" :data-index="0" type="date"
|
|
|
:loading="false"
|
|
|
v-model="dateSearch[0]"/>
|
|
|
</van-tab>
|
|
|
<van-tab :title="'到' +format(dateSearch[1])">
|
|
|
- <van-datetime-picker type="date" @change="changeDate" :show-toolbar="false" :data-index="1"
|
|
|
+ <van-datetime-picker type="date" @change="changeDate(1,$event)" :show-toolbar="false" :data-index="1"
|
|
|
:loading="false"
|
|
|
- v-model="dateSearch[1] "/>
|
|
|
+ v-model="dateSearch[1]"/>
|
|
|
</van-tab>
|
|
|
</van-tabs>
|
|
|
</van-popup>
|
|
|
@@ -51,11 +54,11 @@ export default {
|
|
|
name: "dk-app-dropdown-date",
|
|
|
data() {
|
|
|
return {
|
|
|
-
|
|
|
- active: 0,
|
|
|
+ show: false,
|
|
|
+ active: null,
|
|
|
dateDefault: {},
|
|
|
dateTypeList: [],
|
|
|
- dateSearch: [new Date().getTime() + 100, new Date().getTime() + 100],
|
|
|
+ dateSearch: [new Date().getTime()+100, new Date().getTime()+100],
|
|
|
// 往组件外返回值
|
|
|
dataDefaultSearch: [],
|
|
|
|
|
|
@@ -121,10 +124,7 @@ export default {
|
|
|
}
|
|
|
},
|
|
|
props: {
|
|
|
- show: {
|
|
|
- type: Boolean,
|
|
|
- default: false
|
|
|
- },
|
|
|
+
|
|
|
title: {
|
|
|
type: String,
|
|
|
default: '跟进时间'
|
|
|
@@ -210,18 +210,18 @@ export default {
|
|
|
if (item.value + '' === this.defaultValue + '') {
|
|
|
dateDefault.value = item.value
|
|
|
dateDefault.text = item.text
|
|
|
-
|
|
|
- if (item.value + '' === '1') {
|
|
|
+ if (item.value === 1) {
|
|
|
date = [this.formatTime(new Date()).substring(0, 10), this.formatTime(new Date()).substring(0, 10)]
|
|
|
- } else if (item.value + '' === '2') {
|
|
|
+ } else if (item.value === 2) {
|
|
|
date = [this.formatTime(this.getCurrentWeek(0)).substring(0, 10), this.formatTime(this.getCurrentWeek(-6)).substring(0, 10)]
|
|
|
- } else if (item.value + '' === '3') {
|
|
|
+ } else if (item.value === 3) {
|
|
|
date = this.getCurrentMonth();
|
|
|
- } else if (item.value + '' === '6') {
|
|
|
+ } else if (item.value === 6) {
|
|
|
date = this.timeForMat(7)
|
|
|
- } else if (item.value + '' === '5') {
|
|
|
+ } else if (item.value === 5) {
|
|
|
date = this.timeForMat(30)
|
|
|
- } else if (item.value + '' === '-2') {
|
|
|
+ } else if (item.value == -2) {
|
|
|
+
|
|
|
date = [this.formatTime(new Date(this.dateSearch[0])).substring(0, 10),
|
|
|
this.formatTime(new Date(this.dateSearch[1])).substring(0, 10)]
|
|
|
}
|
|
|
@@ -230,17 +230,23 @@ export default {
|
|
|
}
|
|
|
this.dateTypeList = dateTypeList
|
|
|
this.dateDefault = dateDefault
|
|
|
+ console.log('date',date)
|
|
|
+ console.log('dateSearch0',new Date(this.dateSearch[0]).getTime())
|
|
|
+ console.log('dateSearch1',new Date(this.dateSearch[1]).getTime())
|
|
|
this.dataDefaultSearch = date
|
|
|
- this.dateSearch = [new Date(this.dateSearch[0]).getTime(), new Date(this.dateSearch[1]).getTime()]
|
|
|
+ this.dateSearch = [new Date(this.dateSearch[0]),new Date(this.data.dateSearch[1])]
|
|
|
|
|
|
},
|
|
|
|
|
|
format(time) {
|
|
|
+ if(!time || time == ''){
|
|
|
+ return ''
|
|
|
+ }
|
|
|
let now = new Date(time);
|
|
|
let year = now.getFullYear()
|
|
|
let month = now.getMonth() + 1
|
|
|
let day = now.getDate()
|
|
|
- return year + '-' + month + '-' + day
|
|
|
+ return year + "-" + (month < 10 ? "0" + month : month) + "-" + (day < 10 ? "0" + day : day);
|
|
|
},
|
|
|
/**
|
|
|
* 日期变化 查询
|
|
|
@@ -249,6 +255,7 @@ export default {
|
|
|
choose(item, e) {
|
|
|
if (item.value === -2) {
|
|
|
this.show = true
|
|
|
+ console.log('choose',this.dateSearch)
|
|
|
setTimeout(function () {
|
|
|
this.active = 0
|
|
|
}, 100)
|
|
|
@@ -275,6 +282,7 @@ export default {
|
|
|
date = this.timeForMat(30)
|
|
|
}
|
|
|
this.dataDefaultSearch = date
|
|
|
+
|
|
|
this.$emit('dateCommit', {date: date, dateType: this.dateType, dateDefault: this.dateDefault})
|
|
|
}
|
|
|
},
|
|
|
@@ -284,8 +292,9 @@ export default {
|
|
|
* 日期变化 查询数据
|
|
|
* @param {*} e
|
|
|
*/
|
|
|
- changeDate(e) {
|
|
|
- this.dateSearch[e.currentTarget.dataset.index] = e.detail
|
|
|
+ changeDate(index, e) {
|
|
|
+ console.log('getValues',new Date(e.getValues()).getTime())
|
|
|
+ this.dateSearch[index] = new Date(e.getValues()).getTime()
|
|
|
},
|
|
|
|
|
|
/**
|
|
|
@@ -318,9 +327,15 @@ export default {
|
|
|
const hour = date.getHours()
|
|
|
const minute = date.getMinutes()
|
|
|
const second = date.getSeconds()
|
|
|
- return year + '-' + month + '-' + day + ' ' + hour + ':' + minute + ':' + second
|
|
|
|
|
|
+ return [year, month, day].map(this.formatNumber).join('-') + ' ' + [hour, minute, second].map(this.formatNumber).join(':')
|
|
|
+
|
|
|
+ },
|
|
|
+ formatNumber(n) {
|
|
|
+ n = n.toString()
|
|
|
+ return n[1] ? n : '0' + n
|
|
|
},
|
|
|
+
|
|
|
getCurrentWeek(n) {
|
|
|
/***参数都是以周一为基准的***/
|
|
|
//上周的开始时间
|