| | |
| | | start-placeholder="开始日期" |
| | | end-placeholder="结束日期" |
| | | @change="change" |
| | | disabled |
| | | /> |
| | | <div class="time-card"> |
| | | <div |
| | | class="card-item" |
| | | :class="item === checked ? 'active' : ''" |
| | | v-for="(item, index) in timeList" |
| | | @click="timeClick(item)" |
| | | @click="timeClick(item,index)" |
| | | > |
| | | {{ timeListStr[index] }} |
| | | </div> |
| | |
| | | |
| | | let timeList = ['today', 'week', 'month', 'year']; |
| | | let timeListStr = ['今日', '本周', '本月', '本年']; |
| | | let timeListEnum = ['TODAY', 'CURRENT_WEEK', 'CURRENT_MONTH', 'CURRENT_YEAR']; |
| | | let checked = ref('today'); |
| | | |
| | | const getDateRange = unit => { |
| | |
| | | }; |
| | | |
| | | const change = value => { |
| | | emit('change', value); |
| | | // todo 我对接 |
| | | // emit('change', value); |
| | | }; |
| | | |
| | | let timeClick = item => { |
| | | let timeClick = (item,index) => { |
| | | checked.value = item; |
| | | model.value = dateRanges[item]; |
| | | emit('change', model.value); |
| | | emit('change', dateRanges[item],timeListEnum[index]); |
| | | }; |
| | | </script> |
| | | |