From 3ebd3a7fa97bd006bdea12c6f3361875de9c2310 Mon Sep 17 00:00:00 2001
From: NiuZiYuan <niuziyuan@jizhiweb.cn>
Date: Thu, 22 May 2025 10:34:10 +0800
Subject: [PATCH 1/2] dev

---
 src/components/common/Calendar.vue | 108 +++++++++++++++++++++++------
 src/views/registration/index.vue   |   6 +-
 2 files changed, 89 insertions(+), 25 deletions(-)

diff --git a/src/components/common/Calendar.vue b/src/components/common/Calendar.vue
index 148e691..24c5614 100644
--- a/src/components/common/Calendar.vue
+++ b/src/components/common/Calendar.vue
@@ -1,7 +1,9 @@
 <script setup lang="ts">
-const currentDate = new Date();
-const currentMonth = currentDate.getMonth();
-const currentYear = currentDate.getFullYear();
+import { ref, computed } from 'vue';
+import {ArrowLeft,ArrowRight} from '@element-plus/icons-vue'
+const currentMonth = ref(new Date().getMonth());
+const currentYear = ref(new Date().getFullYear());
+const selectedDate = ref<{ day: number; isCurrentMonth: boolean } | null>(null);
 
 // 获取指定月份信息的基础函数
 const getFirstDayOfMonth = (year: number, month: number): number => {
@@ -21,8 +23,11 @@ const generateCalendarData = (
   const daysInMonth = getDaysInMonth(year, month);
   const firstDayIndex = getFirstDayOfMonth(year, month);
 
-  // 获取当前日期的日部分
+  // 动态获取当前日期
+  const currentDate = new Date();
   const currentDay = currentDate.getDate();
+  const currentMonthValue = currentDate.getMonth();
+  const currentYearValue = currentDate.getFullYear();
 
   // 计算前后月信息
   const prevMonth = month === 0 ? 11 : month - 1;
@@ -45,18 +50,18 @@ const generateCalendarData = (
 
       // 当前月日期
       if ((isFirstWeek && day >= firstDayIndex) || (!isFirstWeek && dayCounter <= daysInMonth)) {
-        const isToday = dayCounter === currentDay && month === currentMonth && year === currentYear;
-        weekDays.push({day: dayCounter, isCurrentMonth: true, isCurrentDay: isToday});
+        const isToday = dayCounter === currentDay && month === currentMonthValue && year === currentYearValue;
+        weekDays.push({ day: dayCounter, isCurrentMonth: true, isCurrentDay: isToday });
         dayCounter++;
       }
       // 前月日期
       else if (isFirstWeek) {
         const prevDay = daysInPrevMonth - firstDayIndex + day + 1;
-        weekDays.push({day: prevDay, isCurrentMonth: false, isCurrentDay: false});
+        weekDays.push({ day: prevDay, isCurrentMonth: false, isCurrentDay: false });
       }
       // 下月日期
       else {
-        weekDays.push({day: nextMonthDayCounter, isCurrentMonth: false, isCurrentDay: false});
+        weekDays.push({ day: nextMonthDayCounter, isCurrentMonth: false, isCurrentDay: false });
         nextMonthDayCounter++;
       }
     }
@@ -68,13 +73,42 @@ const generateCalendarData = (
 };
 
 // 使用示例
-const calendarData = generateCalendarData(currentYear, currentMonth);
+const calendarData = computed(() => generateCalendarData(currentYear.value, currentMonth.value));
 
+// 切换月份
+const prevMonth = () => {
+  if (currentMonth.value === 0) {
+    currentMonth.value = 11;
+    currentYear.value -= 1;
+  } else {
+    currentMonth.value -= 1;
+  }
+  selectedDate.value = null;
+};
+
+const nextMonth = () => {
+  if (currentMonth.value === 11) {
+    currentMonth.value = 0;
+    currentYear.value += 1;
+  } else {
+    currentMonth.value += 1;
+  }
+  selectedDate.value = null;
+};
+const emit=defineEmits(['dateClick']);
+const handleDateClick = (day: number) => {
+    selectedDate.value = { day, isCurrentMonth:true };
+   emit('dateClick',`${currentYear.value}-${currentMonth.value + 1}-${day}` )
+};
 </script>
 
 <template>
   <div class="calendar-wrapper">
-    <span class="current">{{ currentYear }}年{{ currentMonth + 1 }}月</span>
+    <div class="header">
+      <span class="btn" @click="prevMonth"><el-icon><ArrowLeft /></el-icon></span>
+      <span class="current">{{ currentYear }}年{{ currentMonth + 1 }}月</span>
+      <span class="btn" @click="nextMonth"><el-icon><ArrowRight /></el-icon></span>
+    </div>
     <div class="row">
       <div class="item">
         <span class="tip">日</span>
@@ -99,18 +133,48 @@ const calendarData = generateCalendarData(currentYear, currentMonth);
       </div>
     </div>
     <div v-for="item in calendarData" class="row">
-      <div class="item" v-for="subItem in item">
-          <span :class="subItem.isCurrentDay ? 'currentDay' : subItem.isCurrentMonth ? '' : 'otherMonth'">
-        {{ subItem.isCurrentDay ? "今" : subItem.day }}
-      </span>
+      <div class="item" v-for="subItem in item" @click="handleDateClick(subItem.day)">
+        <span :class="[
+          subItem.isCurrentDay ? 'currentDay' : '',
+          subItem.isCurrentMonth ? '' : 'otherMonth',
+          selectedDate && selectedDate.day === subItem.day && selectedDate.isCurrentMonth === subItem.isCurrentMonth ? 'selectedDay' : ''
+        ]">
+          {{ subItem.isCurrentDay ? "今" : subItem.day }}
+        </span>
       </div>
     </div>
   </div>
-
 </template>
 
 <style scoped lang="scss">
 .calendar-wrapper {
+  .header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    margin-bottom: 8px;
+    .current{
+      font-weight: 500;
+      font-size: 18px;
+      color: #333333;
+      font-style: normal;
+      margin-bottom: 8px;
+    }
+
+    .btn {
+      padding: 5px 10px;
+      font-size: 14px;
+      color: #1677FE;
+      background-color: #FFF;
+      border-radius: 4px;
+      cursor: pointer;
+
+      &:hover {
+        background-color: #1677FE;
+        color: #FFF;
+      }
+    }
+  }
   width: 100%;
   height: 100%;
   box-sizing: border-box;
@@ -119,13 +183,7 @@ const calendarData = generateCalendarData(currentYear, currentMonth);
   border-radius: 0 0 8px 8px;
   display: flex;
   flex-direction: column;
-  .current{
-    font-weight: 500;
-    font-size: 18px;
-    color: #333333;
-    font-style: normal;
-    margin-bottom: 8px;
-  }
+
   .row {
     flex: 1;
     width: 100%;
@@ -164,7 +222,11 @@ const calendarData = generateCalendarData(currentYear, currentMonth);
       .otherMonth{
         color: #999;
       }
+      .selectedDay {
+        background: #FFA500;
+        color: #fff;
+      }
     }
   }
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/src/views/registration/index.vue b/src/views/registration/index.vue
index ade56cb..a6d84e3 100644
--- a/src/views/registration/index.vue
+++ b/src/views/registration/index.vue
@@ -4,7 +4,7 @@
       <div class="left">
         <div class="left-top">
           <Panel title="日历">
-            <Calendar></Calendar>
+            <Calendar @date-click="selectDate"></Calendar>
           </Panel>
         </div>
         <div class="left-bottom">
@@ -87,7 +87,9 @@ import Calendar from "@/components/common/Calendar.vue";
 import Panel from "@/components/common/Panel.vue";
 import {apiConfig} from "@/assets/config/apiConfig.ts";
 import {Search} from "@element-plus/icons-vue";
-
+const selectDate = (date: any)=>{
+  console.log(date)
+}
 const isShowNum = ref(-1)
 const roleList = ref<any>([])
 

From c7914d555a4627756889ff8f4ed2b4e87448820d Mon Sep 17 00:00:00 2001
From: ChenQiuYu <chenqiuyu@jizhiweb.cn>
Date: Thu, 22 May 2025 10:51:32 +0800
Subject: [PATCH 2/2] dev

---
 src/components/outpatient/MedicalQueue.vue |  2 +-
 src/views/member/index.vue                 | 24 +++++++++++-----------
 src/views/social/directory.vue             | 10 ++++-----
 3 files changed, 18 insertions(+), 18 deletions(-)

diff --git a/src/components/outpatient/MedicalQueue.vue b/src/components/outpatient/MedicalQueue.vue
index ac3dd7f..bc924b0 100644
--- a/src/components/outpatient/MedicalQueue.vue
+++ b/src/components/outpatient/MedicalQueue.vue
@@ -104,7 +104,7 @@ onMounted(() => {
   // 启动定时器，每秒更新一次
   refreshInterval = setInterval(() => {
     initList()
-  }, 1000); // 每1000毫秒（即1秒）执行一次
+  }, 60*1000); // 每1000毫秒（即1秒）执行一次
 })
 onUnmounted(() => {
   // 组件卸载时清除定时器
diff --git a/src/views/member/index.vue b/src/views/member/index.vue
index 1cf425d..ba410fb 100644
--- a/src/views/member/index.vue
+++ b/src/views/member/index.vue
@@ -45,12 +45,12 @@
                    alt="">
               <div class="detail-top-left-text">
                 <div class="detail-top-left-text-name">
-                  <span class="name" style="margin-right: 16px">{{ listItem.name || '-' }}</span>
-                  <el-tag type="success">{{ listItem.levelName || '-' }}</el-tag>
+                  <span class="name" style="margin-right: 16px">{{ listItem.name}}</span>
+                  <el-tag type="success">{{ listItem.levelName }}</el-tag>
                 </div>
                 <div class="detail-top-left-text-phone">
-                  <span class="age">{{ listItem.age ? listItem.age + '岁' : '-' }}</span>
-                  <span>{{ listItem.phone || '-' }}</span>
+                  <span class="age">{{ listItem.age ? listItem.age + '岁' : '' }}</span>
+                  <span>{{ listItem.phone }}</span>
                 </div>
               </div>
             </div>
@@ -68,27 +68,27 @@
                 :column="3"
                 border
             >
-              <el-descriptions-item label="生日">{{ listItem.birthday || "-" }}</el-descriptions-item>
+              <el-descriptions-item label="生日">{{ listItem.birthday}}</el-descriptions-item>
               <el-descriptions-item label="民族">
-                {{ antysList.find((item: any) => item.id == listItem.nation)?.name || "-" }}
+                {{ antysList.find((item: any) => item.id == listItem.nation)?.name}}
               </el-descriptions-item>
               <el-descriptions-item label="就诊时间">{{
-                  formatListTime(listItem.lastVisitTime) || "-"
+                  formatListTime(listItem.lastVisitTime)
                 }}
               </el-descriptions-item>
               <el-descriptions-item label="证件类型">
                 {{ certTypeList.find((item: any) => item.id == Number(listItem.certType))?.name }}
               </el-descriptions-item>
               >
-              <el-descriptions-item label="证件号码">{{ listItem.certNo || "-" }}</el-descriptions-item>
+              <el-descriptions-item label="证件号码">{{ listItem.certNo}}</el-descriptions-item>
               <el-descriptions-item label="积分"><span>{{ listItem.integralBalance }}</span>
               </el-descriptions-item>
               <el-descriptions-item label="地址">
-                {{ areaName }}{{ areaName ? '/' + listItem.address : listItem.address || "-" }}
+                {{ areaName }}{{ areaName ? '/' + listItem.address : listItem.address}}
               </el-descriptions-item>
-              <el-descriptions-item label="既往史">{{ listItem.beforeMedicalHistory || "-" }}</el-descriptions-item>
-              <el-descriptions-item label="过敏史">{{ listItem.allergyHistory || "-" }}</el-descriptions-item>
-              <el-descriptions-item label="备注">{{ listItem.remark || "-" }}</el-descriptions-item>
+              <el-descriptions-item label="既往史">{{ listItem.beforeMedicalHistory}}</el-descriptions-item>
+              <el-descriptions-item label="过敏史">{{ listItem.allergyHistory}}</el-descriptions-item>
+              <el-descriptions-item label="备注">{{ listItem.remark }}</el-descriptions-item>
 
             </el-descriptions>
           </div>
diff --git a/src/views/social/directory.vue b/src/views/social/directory.vue
index f3e9069..1c3ba12 100644
--- a/src/views/social/directory.vue
+++ b/src/views/social/directory.vue
@@ -52,7 +52,7 @@
                        v-model:current-page="current_page" @current-change="change_page"/>
       </div>
     </div>
-    <Mask :is-show="UpdateDirectoryLoading" :width="540" :height="160+24+24+60" title="更新版本" @close="close">
+    <Mask :is-show="UpdateDirectoryLoading" :width="540" :height="268" title="更新版本" @close="close">
       <div style="height:100%;padding: 24px">
         <div class="updateDirectory">
           <div class="updateDirectory-message">{{ tip_message }}</div>
@@ -146,7 +146,7 @@
         </div>
       </div>
     </Mask>
-    <Mask :is-show="isSynchronizedCacheBox" :width="540" :height="347" title="同步缓存" @close="close">
+    <Mask :is-show="isSynchronizedCacheBox" :width="540" :height="268+24" title="同步缓存" @close="close">
       <div style="height:100%;padding: 24px">
         <div class="updateDirectory">
           <div class="updateDirectory-message">{{ tip_message }}</div>
@@ -386,15 +386,15 @@ const syncCacheTotalPage = ref<any>(0)
 const isSynchronizedCacheBox = ref(false)
 const syncCache = () => {
   if (syncCachePage.value == 1) {
-    tip_message.value = "开始同步第一页";
+    tip_message.value = "开始同步第1页";
   }
   post("social/directory/syncToMongo", {page: syncCachePage.value}).then((res: any) => {
     if (res.total_page) {
       syncCacheTotalPage.value = res.total_page
     }
-    if (syncCachePage.value <= syncCacheTotalPage.value) {
+    if (syncCachePage.value < syncCacheTotalPage.value) {
       syncCachePage.value++
-      tip_message.value = "正在同步目录，以同步" + syncCachePage.value + "/" + syncCacheTotalPage.value + "页,请不要强制关闭程序，否则数据不完整";
+      tip_message.value = "正在同步目录，以同步" + syncCachePage.value + "/" + syncCacheTotalPage.value + "页，请不要强制关闭程序，否则数据不完整";
       percent.value = Math.floor((syncCachePage.value / syncCacheTotalPage.value) * 100)
       syncCache()
     } else {