20 changed files with 394 additions and 373 deletions
-
6common/js/mixins.js
-
21components/UserTab/UserTab.vue
-
167components/appointItem/appointItem.vue
-
151components/timeScreen/timeScreen.vue
-
38components/user-info/user-info.vue
-
9config/api.js
-
2config/site.config.js
-
40pages/login/login.vue
-
28pages/recordEntry/student/addStudent/addStudent.vue
-
97pages/tabbar/examSimulation/comp/simulation.vue
-
82pages/tabbar/examSimulation/comp/studentComment.vue
-
9pages/tabbar/mine/index.vue
-
44pages/tabbar/operateTrain/index.vue
-
6pages/tabbar/statistics/comp/principal.vue
-
3pages/tabbar/statistics/comp/tabDate.vue
-
8pages/tabbar/statistics/index.vue
-
17pages/tabbar/student/index.vue
-
17pages/userCenter/myCar/myCar.vue
-
18pages/userCenter/studentComment/studentComment.vue
-
2store/modules/user.js
@ -1,151 +0,0 @@ |
|||||
<template> |
|
||||
<view class="popupCon"> |
|
||||
<view class="popTab"> |
|
||||
<view class="tabItem" :class="{active: currentPopTab==1}" @click="changePopTab(1)">月份选择</view> |
|
||||
<view class="tabItem" :class="{active: currentPopTab==2}" @click="changePopTab(2)">自定义时间</view> |
|
||||
</view> |
|
||||
<view class="timer"> |
|
||||
<view class="tabCon" v-if="currentPopTab==1"> |
|
||||
<view class="dateBtn" @click="showDatePickerFn(1)" :class="{hui: !date1}">{{ date1 }}</view> |
|
||||
<!-- <u-datetime-picker-my |
|
||||
:show="show" |
|
||||
v-model="value1" |
|
||||
mode="year-month" |
|
||||
:showToolbar="false" |
|
||||
:visibleItemCount="4" |
|
||||
@confirm="confirm" |
|
||||
></u-datetime-picker-my> --> |
|
||||
</view> |
|
||||
<view class="tabCon" v-else> |
|
||||
<view class="dateBtn" :class="{hui: !date2}" @click="showDatePickerFn(2)">{{ date2 }}</view> |
|
||||
<view class="to">至</view> |
|
||||
<view class="dateBtn" :class="{hui: !date3}" @click="showDatePickerFn(3)">{{ date3 }}</view> |
|
||||
</view> |
|
||||
<view class="btnBg" @click="selectDateClick">确定</view> |
|
||||
<!-- <u-picker-my></u-picker-my> --> |
|
||||
</view> |
|
||||
<u-datetime-picker |
|
||||
:show="showDatePicker" |
|
||||
v-model="value1" |
|
||||
mode="year-month" |
|
||||
:visibleItemCount="4" |
|
||||
:closeOnClickOverlay="false" |
|
||||
@confirm="confirmDatePicker" |
|
||||
></u-datetime-picker> |
|
||||
</view> |
|
||||
</template> |
|
||||
|
|
||||
<script> |
|
||||
export default { |
|
||||
data() { |
|
||||
return { |
|
||||
currentPopTab: 1, |
|
||||
showDatePicker: false, |
|
||||
value1: '', |
|
||||
currentBtnDate: '', |
|
||||
date1: '', |
|
||||
date2: '', |
|
||||
date3: '', |
|
||||
} |
|
||||
}, |
|
||||
methods: { |
|
||||
changePopTab(num) { |
|
||||
this.currentPopTab = num |
|
||||
}, |
|
||||
// 1打开时间选择器 |
|
||||
showDatePickerFn(num) { |
|
||||
this.showDate = false |
|
||||
this.showDatePicker = true |
|
||||
this.currentBtnDate = num |
|
||||
}, |
|
||||
// 2选择时间选择器里的时间 |
|
||||
confirmDatePicker(val) { |
|
||||
this.showDatePicker = false |
|
||||
let date = uni.$u.date(val.value, 'yyyy-mm-dd') |
|
||||
if(this.currentBtnDate==1) { |
|
||||
date = uni.$u.date(val.value, 'yyyy-mm') |
|
||||
} |
|
||||
this['date'+this.currentBtnDate] = date |
|
||||
this.$emit('confirmDatePicker') |
|
||||
}, |
|
||||
// 3确定筛选时间 |
|
||||
selectDateClick() { |
|
||||
let obj = { |
|
||||
date1: this.date1, |
|
||||
date2: this.date2, |
|
||||
date3: this.date3, |
|
||||
} |
|
||||
if(this.currentPopTab==2) { |
|
||||
if(!this.date2) return this.$u.toast('请选择开始时间') |
|
||||
if(!this.date3) return this.$u.toast('请选择结束时间') |
|
||||
if(new Date(this.date2)*1>new Date(this.date3)*1) return this.$u.toast('开始时间不能大于结束时间') |
|
||||
delete obj.date1 |
|
||||
}else { |
|
||||
if(!this.date1) return this.$u.toast('请选择时间') |
|
||||
delete obj.date2 |
|
||||
delete obj.date3 |
|
||||
} |
|
||||
this.$emit('selectDateClick', obj) |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
</script> |
|
||||
|
|
||||
<style lang="scss" scoped> |
|
||||
|
|
||||
.popupCon { |
|
||||
height: 430rpx; |
|
||||
.popTab { |
|
||||
display: flex; |
|
||||
padding: 40rpx 32rpx; |
|
||||
.tabItem { |
|
||||
font-size: 32rpx; |
|
||||
color: #333; |
|
||||
margin-right: 60rpx; |
|
||||
&.active { |
|
||||
color: $themC; |
|
||||
position: relative; |
|
||||
&::before { |
|
||||
content: ''; |
|
||||
position: absolute; |
|
||||
bottom: -20rpx; |
|
||||
left: 50%; |
|
||||
transform: translateX(-50%); |
|
||||
width: 128rpx; |
|
||||
height: 4rpx; |
|
||||
background: #1989FA; |
|
||||
border-radius: 3rpx; |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
.tabCon { |
|
||||
display: flex; |
|
||||
align-items: center; |
|
||||
padding-left: 32rpx; |
|
||||
padding-top: 20rpx; |
|
||||
.dateBtn { |
|
||||
width: 280rpx; |
|
||||
height: 80rpx; |
|
||||
border-radius: 10rpx; |
|
||||
border: 2rpx solid #1989FA; |
|
||||
line-height: 80rpx; |
|
||||
text-align: center; |
|
||||
color: $themC; |
|
||||
font-size: 32rpx; |
|
||||
&.hui { |
|
||||
border: 2rpx solid #E8E9EC; |
|
||||
} |
|
||||
} |
|
||||
.to { |
|
||||
font-size: 32rpx; |
|
||||
margin: 0 40rpx; |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
.btnBg { |
|
||||
width: 396rpx; |
|
||||
margin: 34rpx auto 42rpx auto; |
|
||||
} |
|
||||
} |
|
||||
</style> |
|
||||
Write
Preview
Loading…
Cancel
Save
Reference in new issue