|  | @@ -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> */}
 | 
	
		
			
				|  |  |        </>
 | 
	
		
			
				|  |  |      )
 | 
	
		
			
				|  |  |    }
 |