领导日程展示

src/api/home/hygl/index.ts

@@ -8,7 +8,7 @@ export interface HyglVO {
   userId: number // 申请人id
   deptName: string // 申请部门名字
   deptId: number // 申请部门id
-  time: Date // 申请时间
+  time: Date | number // 申请时间
   depict: string // 描述
   type: number // 会议类型
   theme: string // 会议主题

src/views/Home/hygl/hyinfo/index.vue

@@ -1,10 +1,15 @@
 <template>
   <ContentWrap>
+    <el-button-group style="display: flex; justify-content: space-between;">
+      <el-button size="large" @click="selectDate(-1)">上月</el-button>
+      <el-button size="large" @click="today()">今天</el-button>
+      <el-button size="large" @click="selectDate(1)">下月</el-button>
+    </el-button-group>
     <el-form-item label="会议申请历史" prop="createTime"/>
       <el-calendar
         ref="calendar"
         class="custom-calendar"
-        :model-value="new Date()"
+        :model-value="new Date(currentYear,currentMonth,currentDay)"
       >
         <template #header="{ date }">
           <el-row>
@@ -44,6 +49,21 @@ import HyInfoForm from "@/views/Home/hygl/hyinfo/HyInfoForm.vue";
 
 defineOptions({ name: 'HyInfo' })
 
+const currentDay = ref(new Date().getDate()) // 获取当前天份
+const currentMonth = ref(new Date().getMonth()) // 获取当前年份
+const currentYear = ref(new Date().getFullYear()) // 获取当前年份
+//改变月份
+const selectDate = (val:number) => {
+  if (!val){
+    return
+  }
+  currentMonth.value+=val
+  console.log("today",currentYear.value,currentMonth.value,currentDay.value)
+}
+//回到今天
+const today = () => {
+  currentMonth.value = new Date().getMonth() // 获取当前月份
+}
 /** 添加/修改操作 */
 const formRef = ref()
 //根据id获取数据
@@ -101,7 +121,7 @@ const queryParamsHygl = reactive({
   userId: undefined,
   deptName: undefined,
   deptId: undefined,
-  time: [],
+  time: [] as string[],
   depict: undefined,
   type: undefined,
   theme: undefined,
@@ -129,10 +149,8 @@ const getList = async () => {
       const hyglData = await HyglApi.getHyglPage(queryParamsHygl)
 
       listHygl.value = hyglData.list
-
       for(let item of listHygl.value){
-
+        const formattedDate = formatDate2(item.time);
-        const formattedDate = formatDate2(item.createTime);
         // 如果 holidays2[formattedDate] 不存在或不是数组，初始化为数组
         if (!Array.isArray(holidays2[formattedDate])) {
           holidays2[formattedDate] = [];
@@ -140,6 +158,7 @@ const getList = async () => {
         // 将 title 添加到数组中
         holidays2[formattedDate].push({id:item.id,title:item.title});
       }
+      // console.log("holidays2",holidays2)
     } finally {
     }
   }