pull/2/head
xiaozhiyong 2 years ago
parent 5c36dd13b6
commit e4ebf61ca3
  1. 75
      salesRanking/components/datePopup.vue
  2. 6
      salesRanking/page/index/enterpriseIndex.vue

@ -8,7 +8,7 @@
<view style="flex: 1;display: flex;flex-wrap: wrap;align-content: flex-start; gap:25rpx"> <view style="flex: 1;display: flex;flex-wrap: wrap;align-content: flex-start; gap:25rpx">
<view @click="seleFn(index)" v-for="(item,index) in dateOptions" <view @click="seleFn(index)" v-for="(item,index) in dateOptions"
:class=" seleIndex==index?'seledatebody_item': 'datebody_item'">{{item.label}}</view> :class=" seleIndex==index?'seledatebody_item': 'datebody_item'">{{item.label}}</view>
<uni-datetime-picker @change='pickerClick' type="datetimerange" :start="starDate" :end="endDate" <uni-datetime-picker @change='pickerClick' type="datetimerange" :start="starDate" :end="endDate"
rangeSeparator="至" v-model="single"> rangeSeparator="至" v-model="single">
<view @click="seleIndex=4" :class=" seleIndex==4?'seledatebody_item':'datebody_item'">自定义</view> <view @click="seleIndex=4" :class=" seleIndex==4?'seledatebody_item':'datebody_item'">自定义</view>
</uni-datetime-picker> </uni-datetime-picker>
@ -19,7 +19,6 @@
</template> </template>
<script> <script>
export default { export default {
props: { props: {
value: { value: {
@ -54,8 +53,8 @@
data() { data() {
return { return {
single: '', single: '',
endDate:'', endDate: '',
starDate:'', starDate: '',
seleIndex: 1, seleIndex: 1,
seachValue: '', seachValue: '',
dateOptions: [{ dateOptions: [{
@ -78,46 +77,78 @@
} }
}, },
created() { created() {
let date = new Date // let date = new Date
this.starDate = new Date // this.starDate = new Date
this.starDate.setMonth((date.getMonth()-1 ==0?12:date.getMonth()-1)) // this.starDate.setMonth((date.getMonth() - 1 == 0 ? 12 : date.getMonth() - 1))
this.starDate.setDate(1) // this.starDate.setDate(1)
this.starDate = `${this.starDate.getFullYear()}-${this.starDate.getMonth()+1}-${this.starDate.getDate()} ${this.starDate.getHours()}:${this.starDate.getMinutes()}` // this.starDate =
this.endDate = `${date.getFullYear()}-${date.getMonth()+1}-${date.getDate()} ${date.getHours()}:${date.getMinutes()}` // `${this.starDate.getFullYear()}-${this.starDate.getMonth()+1}-${this.starDate.getDate()} ${this.starDate.getHours()}:${this.starDate.getMinutes()}`
// this.endDate =
// `${date.getFullYear()}-${date.getMonth()+1}-${date.getDate()} ${date.getHours()}:${date.getMinutes()}`
}, },
methods: { methods: {
pickerClick(e){ pickerClick(e) {
this.$emit('input', false) this.$emit('input', false)
this.$emit('datePopupChange',e) this.$emit('datePopupChange', e)
},
handlerDate(date) {
if(date instanceof String || date instanceof Number) {
date = new Date(parseInt(date))
}
if (!(date instanceof Date)) return {}
return {
y: date.getFullYear(),
M: (date.getMonth() + 1 + '').padStart(2, '0'),
d: (date.getDate() + '').padStart(2, '0'),
}
}, },
seleFn(index) { seleFn(index) {
this.seleIndex = index this.seleIndex = index
let date = new Date let date = new Date()
switch (this.seleIndex) { switch (this.seleIndex) {
case 0: case 0:
this.$emit('datePopupChange',[`${date.getFullYear()}-${date.getMonth()+1<10?'0'+(date.getMonth()+1):date.getMonth()+1}-${date.getDate()<10?'0'+date.getDate():date.getDate()} 00:00:00`,`${date.getFullYear()}-${date.getMonth()+1<10?'0'+(date.getMonth()+1):date.getMonth()+1}-${date.getDate()<10?'0'+date.getDate():date.getDate() } 23:59:59`]) let dayInfo = this.handlerDate(date)
this.$emit('datePopupChange', [
`${dayInfo.y}-${dayInfo.M}-${dayInfo.d} 00:00:00`,
`${dayInfo.y}-${dayInfo.M}-${dayInfo.d} 23:59:59`
])
break; break;
case 1: case 1:
let yesterday = new Date((date.getTime() - (86400000))) let yesterday = new Date((date.getTime() - (86400000)));
this.$emit('datePopupChange',[`${yesterday.getFullYear()}-${yesterday.getMonth()+1<10?'0'+(yesterday.getMonth()+1):yesterday.getMonth()+1}-${yesterday.getDate()<10?'0'+yesterday.getDate():yesterday.getDate()} 00:00:00`,`${yesterday.getFullYear()}-${yesterday.getMonth()+1<10?'0'+(yesterday.getMonth()+1):yesterday.getMonth()+1}-${yesterday.getDate()<10?'0'+yesterday.getDate():yesterday.getDate()} 23:59:59`]) let yesterdayInfo = this.handlerDate(yesterday)
this.$emit('datePopupChange', [
`${yesterdayInfo.y}-${yesterdayInfo.M}-${yesterdayInfo.d} 00:00:00`,
`${yesterdayInfo.y}-${yesterdayInfo.M}-${yesterdayInfo.d} 23:59:59`
])
break; break;
case 2: case 2:
let endLastWeek = new Date(date.getTime() - ((date.getDay() == 0 ? 7 : date.getDay()) * 86400000 )) let endLastWeek = new Date(date.getTime() - ((date.getDay() == 0 ? 7 : date.getDay()) * 86400000))
let starLastWeek = new Date(endLastWeek.getTime() - (6*86400000)) let starLastWeek = new Date(endLastWeek.getTime() - (6 * 86400000))
this.$emit('datePopupChange',[`${starLastWeek.getFullYear()}-${starLastWeek.getMonth()+1<10?'0'+(starLastWeek.getMonth()+1):starLastWeek.getMonth()+1}-${starLastWeek.getDate()<10?'0'+starLastWeek.getDate():starLastWeek.getDate()} 00:00:00`,`${endLastWeek.getFullYear()}-${endLastWeek.getMonth()+1<10?'0'+(endLastWeek.getMonth()+1):endLastWeek.getMonth()+1}-${endLastWeek.getDate()<10?'0'+endLastWeek.getDate():endLastWeek.getDate()} 23:59:59`])
let starLastWeekInfo = this.handlerDate(starLastWeek)
let endLastWeekInfo = this.handlerDate(endLastWeek)
this.$emit('datePopupChange', [
`${starLastWeekInfo.y}-${starLastWeekInfo.M}-${starLastWeekInfo.d} 00:00:00`,
`${endLastWeekInfo.y}-${endLastWeekInfo.M}-${endLastWeekInfo.d} 23:59:59`
])
break; break;
case 3: case 3:
let LastMonth = new Date(date.getTime() - ((86400000 * date.getDate()))) let LastMonth = new Date(date.getTime() - ((86400000 * date.getDate())))
this.$emit('datePopupChange',[`${LastMonth.getFullYear()}-${LastMonth.getMonth()+1<10?'0'+(LastMonth.getMonth()+1):LastMonth.getMonth()+1}-01 00:00:00`,`${LastMonth.getFullYear()}-${LastMonth.getMonth()+1<10?'0'+(LastMonth.getMonth()+1):LastMonth.getMonth()+1}-${LastMonth.getDate()<10?'0'+LastMonth.getDate():LastMonth.getDate()} 23:59:59`]) let LastMonthInfo = this.handlerDate(LastMonth)
this.$emit('datePopupChange', [
`${LastMonthInfo.y}-${LastMonthInfo.M}-01 00:00:00`,
`${LastMonthInfo.y}-${LastMonthInfo.M}-${LastMonthInfo.d} 23:59:59`
])
break; break;
} }
this.$emit('input',false) this.$emit('input', false)
}, },
pickerChange(e) { pickerChange(e) {
this.$emit('pickerChange', this.list[e.detail.value[0]]) this.$emit('pickerChange', this.list[e.detail.value[0]])
}, },
change(e) { change(e) {
this.$emit('input',e.show) this.$emit('input', e.show)
}, },
confirmFn() { confirmFn() {

@ -150,8 +150,10 @@
created() { created() {
let date = new Date let date = new Date
let yesterday = new Date(date.getTime()-86400000) let yesterday = new Date(date.getTime()-86400000)
this.getData.params.endTime =`${yesterday.getFullYear()}-${yesterday.getMonth()+1<10?'0'+(yesterday.getMonth()+1):yesterday.getMonth()+1}-${yesterday.getDate()<10?'0'+yesterday.getDate():yesterday.getDate()}` this.getData.params.endTime =`${yesterday.getFullYear()}-${yesterday.getMonth()+1<10?'0'+(yesterday.getMonth()+1):yesterday.getMonth()+1}-${yesterday.getDate()<10?'0'+yesterday.getDate():yesterday.getDate()} 00:00:00`
this.getData.params.startTime =`${yesterday.getFullYear()}-${yesterday.getMonth()+1<10?'0'+(yesterday.getMonth()+1):yesterday.getMonth()+1}-${yesterday.getDate()<10?'0'+yesterday.getDate():yesterday.getDate()}` this.getData.params.startTime =`${yesterday.getFullYear()}-${yesterday.getMonth()+1<10?'0'+(yesterday.getMonth()+1):yesterday.getMonth()+1}-${yesterday.getDate()<10?'0'+yesterday.getDate():yesterday.getDate()} 23:59:59`
}, },
onShow() { onShow() {

Loading…
Cancel
Save