|
|
|
@ -28,7 +28,8 @@
|
|
|
|
|
<div class="day-content-div sunday-div"></div>
|
|
|
|
|
</div>
|
|
|
|
|
<vue-scroll class="content-scroll-div" :ops="listScroll" style="height:16rem;position: absolute;top: 4rem;opacity:1;padding: 0 0 0.5rem 0">
|
|
|
|
|
<template v-for="item in dataList">
|
|
|
|
|
<div v-if="isLoading" class="show-loading-div"><a-spin ></a-spin></div>
|
|
|
|
|
<template v-else v-for="item in dataList">
|
|
|
|
|
<div class="calendar-info-row-div" v-if="getExist(item)" :style="{'margin-left':getMarginLeft(item),'width':getWidth(item)}" >
|
|
|
|
|
<div class="info-row-div" :title="item.detail_time">{{item.detail_time}}</div>
|
|
|
|
|
<div class="info-row-div" :title="item.detail_content">{{item.detail_content}}</div>
|
|
|
|
@ -145,7 +146,7 @@
|
|
|
|
|
components: {
|
|
|
|
|
ASelect: Select,
|
|
|
|
|
ASelectOption: Select.Option,
|
|
|
|
|
//ASpin: Spin,
|
|
|
|
|
ASpin: Spin,
|
|
|
|
|
//AEmpty: Empty
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
@ -214,6 +215,12 @@
|
|
|
|
|
.content-scroll-div{
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-direction: column;
|
|
|
|
|
.show-loading-div{
|
|
|
|
|
min-height: 120px;
|
|
|
|
|
display: flex;
|
|
|
|
|
justify-content: center;
|
|
|
|
|
align-items: center;
|
|
|
|
|
}
|
|
|
|
|
.calendar-info-row-div{
|
|
|
|
|
height: 3rem;
|
|
|
|
|
border: 1px solid #f4b159;
|
|
|
|
|