|
@@ -5,7 +5,7 @@ import dayjs from 'dayjs'
|
|
|
import styles from './index.module.less'
|
|
|
import IconArrow from '@/common/images/icon_arrow.png'
|
|
|
import IconClock from '@/common/images/icon_clock.png'
|
|
|
-import { ElMessage } from 'element-plus'
|
|
|
+import { ElButton, ElDialog, ElMessage } from 'element-plus'
|
|
|
|
|
|
export default defineComponent({
|
|
|
name: 'calendar',
|
|
@@ -250,31 +250,68 @@ export default defineComponent({
|
|
|
// 'bottom-info': (date: any) => <span>{date.type}</span>
|
|
|
}}
|
|
|
/>
|
|
|
-
|
|
|
- <Popup show={this.show} class={styles.calenderPopup}>
|
|
|
+ <ElDialog
|
|
|
+ modelValue={this.show}
|
|
|
+ onUpdate:modelValue={e => (this.show = e)}
|
|
|
+ class={styles.calenderPopup}
|
|
|
+ >
|
|
|
<div class={styles.popup}>
|
|
|
<div class={styles.title}>
|
|
|
- {/* <Button
|
|
|
- type="primary"
|
|
|
+ <span>{this.selectDayTitle}</span>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class={styles.container}>
|
|
|
+ {this.dayList.map((item: any) => (
|
|
|
+ <div>
|
|
|
+ <Tag
|
|
|
+ round
|
|
|
+ class={[styles.tag, item.checked ? styles.active : '']}
|
|
|
+ size="large"
|
|
|
+ plain
|
|
|
+ onClick={() => this.onSelectDay(item)}
|
|
|
+ >
|
|
|
+ {item.start}~{item.end}
|
|
|
+ </Tag>
|
|
|
+ </div>
|
|
|
+ ))}
|
|
|
+ {this.dayList.length <= 0 && (
|
|
|
+ <div class={styles.noDay}>
|
|
|
+ <Image src={IconClock} class={styles.clock} fit="cover" />
|
|
|
+ <span>今日已约满</span>
|
|
|
+ </div>
|
|
|
+ )}
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class={[styles.dayBtn, 'flex']}>
|
|
|
+ <ElButton
|
|
|
+ round
|
|
|
plain
|
|
|
- style={{ border: 0 }}
|
|
|
- size="small"
|
|
|
- disabled={this.isPrevDay}
|
|
|
- onClick={this.onPrevDay}
|
|
|
+ style={{ width: '33.33%', marginRight: '10px' }}
|
|
|
+ onClick={() => {
|
|
|
+ this.show = false
|
|
|
+ this.selectDays = []
|
|
|
+ }}
|
|
|
>
|
|
|
- 上一日
|
|
|
- </Button> */}
|
|
|
- <span>{this.selectDayTitle}</span>
|
|
|
- {/* <Button
|
|
|
+ 取消
|
|
|
+ </ElButton>
|
|
|
+ <ElButton
|
|
|
type="primary"
|
|
|
- plain
|
|
|
- style={{ border: 0 }}
|
|
|
- size="small"
|
|
|
- disabled={this.isNextDay}
|
|
|
- onClick={this.onNextDay}
|
|
|
+ round
|
|
|
+ disabled={!(this.selectDays.length > 0)}
|
|
|
+ onClick={() => {
|
|
|
+ this.selectDay && this.selectDay(this.selectDays)
|
|
|
+ this.show = false
|
|
|
+ }}
|
|
|
>
|
|
|
- 下一日
|
|
|
- </Button> */}
|
|
|
+ 确认
|
|
|
+ </ElButton>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </ElDialog>
|
|
|
+ {/* <Popup show={this.show} class={styles.calenderPopup}>
|
|
|
+ <div class={styles.popup}>
|
|
|
+ <div class={styles.title}>
|
|
|
+ <span>{this.selectDayTitle}</span>
|
|
|
</div>
|
|
|
|
|
|
<div class={styles.container}>
|
|
@@ -325,7 +362,7 @@ export default defineComponent({
|
|
|
</Button>
|
|
|
</div>
|
|
|
</div>
|
|
|
- </Popup>
|
|
|
+ </Popup> */}
|
|
|
</>
|
|
|
)
|
|
|
}
|