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