|
|
|
@ -1,11 +1,11 @@ |
|
|
|
<template> |
|
|
|
<Dialog v-model="visibleModel" title="上传日历" width="700px"> |
|
|
|
<el-calendar v-model="mon"> |
|
|
|
<Dialog v-model="visibleModel" title="上传日历" top="70px" width="700px"> |
|
|
|
<el-calendar v-model="mon" class="cal"> |
|
|
|
<template |
|
|
|
slot="dateCell" |
|
|
|
slot-scope="{date, data}"> |
|
|
|
<p :class="selDays.indexOf(data.day)!==-1 ? 'is-selected' : ''"> |
|
|
|
{{ data.day.split('-').slice(1).join('-') }} {{ data.isSelected ? '✔️' : ''}} |
|
|
|
<p> |
|
|
|
{{ data.day.split('-').slice(1).join('-') }}<br /><div style="font-size:25px;margin-top:10px;margin-left:20px;">{{ selDays.indexOf(data.day)!==-1 ? '✅' : ''}}</div> |
|
|
|
</p> |
|
|
|
</template> |
|
|
|
</el-calendar> |
|
|
|
@ -35,8 +35,18 @@ export default { |
|
|
|
}, |
|
|
|
watch: { |
|
|
|
mon: { |
|
|
|
handler(newValue, oldValue) { |
|
|
|
handler (val, oldVal) { |
|
|
|
if ( |
|
|
|
val && |
|
|
|
moment(val).toDate() < moment(oldVal).startOf("month").toDate() |
|
|
|
) { |
|
|
|
this.getData(); |
|
|
|
} else if ( |
|
|
|
val && |
|
|
|
moment(val).toDate() > moment(oldVal).endOf("month").toDate() |
|
|
|
) { |
|
|
|
this.getData(); |
|
|
|
} |
|
|
|
}, |
|
|
|
deep: true, |
|
|
|
} |
|
|
|
@ -70,9 +80,18 @@ export default { |
|
|
|
</script> |
|
|
|
|
|
|
|
<style lang="scss" scoped> |
|
|
|
.video-stream { |
|
|
|
width: 100%; |
|
|
|
height: 100%; |
|
|
|
.cal { |
|
|
|
background: #00000000; |
|
|
|
} |
|
|
|
|
|
|
|
::v-deep { |
|
|
|
.el-calendar__title,.el-calendar-day,.el-calendar-table thead th{ |
|
|
|
color: white !important; |
|
|
|
} |
|
|
|
.el-calendar__button-group > .el-button-group > .el-button{ |
|
|
|
background: #00000000 !important; |
|
|
|
color: white !important; |
|
|
|
} |
|
|
|
.is-selected,.el-calendar-table .el-calendar-day:hover { |
|
|
|
background: #00000000 !important; |
|
|
|
}} |
|
|
|
</style> |
|
|
|
|
