Przeglądaj źródła

移动端只展示2条

cxmo 1 rok temu
rodzic
commit
b0caedf874

+ 6 - 1
src/views/hzyb/forexCalendar/Index.vue

@@ -74,7 +74,7 @@ async function getPermissionNewestMonth(){
         chart_permission_id:Number(permissionValue.value)
     }).then(res=>{
         if(res.code!==200) return 
-        monthValue.value = res.data||new Date()
+        monthValue.value = moment(res.data?(res.data+'-01'):new Date())._d
         changeMonth(monthValue.value)
     })
 }
@@ -148,11 +148,16 @@ async function renderCalendar(){
                 borderColor:e.filling_color||'#fff',
             }
         })
+        //移动端要求每天最多展示2条
+        if(eventSource.events.length>2){
+            eventSource.events = eventSource.events.splice(0,2)
+        }
         return eventSource
     })
     eventList.forEach(es=>{
         baseCalendarRef.value?.calendarApi.addEventSource(es)
     })
+    baseCalendarRef.value?.calendarApi.updateSize()
 }
 //跳转事项详情
 function handleClickEvent(item){

+ 3 - 6
src/views/hzyb/forexCalendar/components/BaseCalendar.vue

@@ -34,11 +34,6 @@ let calendarOptions = ref({
     dayHeaderFormat:{ //https://fullcalendar.io/docs/v5/date-formatting
         weekday:'narrow', //头部星期显示为一 二 三...
     },
-    dayMaxEventRows:3,//一天最多展示
-    moreLinkContent:(arg)=>{
-        return `+${arg.num}more`
-    },
-    moreLinkClick:(info)=>{handleDateClick({dateStr:moment(info.date).format('YYYY-MM-DD')})},//点击more时触发
     dayCellContent:function(arg){ //单元格日期显示为 1 2 3...
         return arg.date.getDate()
     },
@@ -150,7 +145,7 @@ defineExpose({ calendarApi });
             }
         }
         :deep(.fc-daygrid-day-events){
-            min-height: 1em !important;
+            min-height: 32px !important;
             margin-top: 0 !important;
         }
         :deep(.fc-more-popover){
@@ -158,6 +153,7 @@ defineExpose({ calendarApi });
         }
         :deep(.fc-daygrid-day-bottom){
             font-size: 12px;
+            display: none;
         }
         :deep(.fc-daygrid-more-link.fc-more-link){
             font-size: 12px;
@@ -166,6 +162,7 @@ defineExpose({ calendarApi });
             font-size: 12px;
             overflow: hidden;
             text-overflow: ellipsis;
+            /* height: 16px; */
         }
     }
     .water-mark{