From a9db38e5e1235447ec0d8d1ca93162ae633a8d9a Mon Sep 17 00:00:00 2001
From: lianlonggang <lianlonggang@qq.com>
Date: Mon, 30 Mar 2026 18:53:07 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E5=A4=8D=E6=89=8B=E8=A1=A8=E6=95=B0?=
 =?UTF-8?q?=E6=8D=AE=E6=97=A5=E5=8E=86=E5=B1=95=E7=A4=BA=E9=97=AE=E9=A2=98?=
 =?UTF-8?q?=EF=BC=8C=E5=B1=8F=E8=94=BD=E9=9D=9E=E5=BD=93=E5=89=8D=E6=9C=88?=
 =?UTF-8?q?=E7=9A=84=E6=97=A5=E6=9C=9F=EF=BC=8C=E5=88=87=E6=8D=A2=E6=97=A5?=
 =?UTF-8?q?=E6=9C=9F=E5=8F=91=E7=94=9F=E5=B9=B4=E4=BB=BD=E5=8F=98=E5=8C=96?=
 =?UTF-8?q?=E6=97=B6=E8=8E=B7=E5=8F=96=E6=96=B0=E5=B9=B4=E4=BB=BD=E6=9C=88?=
 =?UTF-8?q?=E6=95=B0=E6=8D=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../componets/personalDataModal.vue           | 41 ++++++++++++++++++-
 1 file changed, 40 insertions(+), 1 deletion(-)

diff --git a/src/views/healthMonitor/healMonitorManage/monitorToll/personalData/componets/personalDataModal.vue b/src/views/healthMonitor/healMonitorManage/monitorToll/personalData/componets/personalDataModal.vue
index 878b0cc..68c635e 100644
--- a/src/views/healthMonitor/healMonitorManage/monitorToll/personalData/componets/personalDataModal.vue
+++ b/src/views/healthMonitor/healMonitorManage/monitorToll/personalData/componets/personalDataModal.vue
@@ -23,6 +23,7 @@
                                 format="YYYY-MM-DD"
                                 @change="changeValue"
                                 :allow-clear="false"
+                                dropdownClassName="personal-data-no-other-month"
                                 style="opacity: 0; z-index: 99; position: absolute; top: 0; left: 0"
                             >
                                 <template #dateRender="{ current }">
@@ -47,7 +48,7 @@
     </BasicModal>
 </template>
 <script setup lang="ts" name="personalDataModal">
-    import { computed, ref, watch } from 'vue';
+    import { computed, ref, watch, onMounted, onUnmounted, nextTick } from 'vue';
     import { BasicModal, useModalInner } from '/@/components/Modal';
     import AllLook from '/@/views/healthMonitor/healMonitorManage/monitorToll/userInfo/componets/allLook.vue';
     import { getDetail, userDataDayByMonth } from '/@/views/healthMonitor/healMonitorManage/monitorToll/personalData/personalData.api';
@@ -59,11 +60,14 @@
     const userId = ref('');
     const haveInfo = ref('');
     const nowDate = ref(dayjs());
+    const loadedYear = ref(dayjs().format('YYYY'));
     const isRight = computed(() => dayjs(nowDate.value).format('YYYY-MM-DD') != dayjs().format('YYYY-MM-DD'));
     //表单赋值
     const [registerModal, { setModalProps }] = useModalInner(async (data) => {
         userInfo.value = data.record;
         userId.value = data.record.userId;
+        // 重置已加载年份，避免上次切换年份的残留状态
+        loadedYear.value = dayjs().format('YYYY');
         await userDataDayByMonth({ userId: data.record.userId, year: dayjs().format('YYYY') }).then((res) => {
             let year = dayjs().format('YYYY');
             let month = '';
@@ -94,6 +98,8 @@
 
     function getDisabled(current) {
         let flag = false;
+        // 年份不匹配时不渲染 bgc
+        if (dayjs(current).format('YYYY') !== loadedYear.value) return false;
 
         for (let i = 0; i < Object.keys(haveInfo.value).length; i++) {
             if (Object.keys(haveInfo.value)[i] == dayjs(current).format('MM') * 1) {
@@ -148,6 +154,31 @@
     function changeValue() {
         getInfo();
     }
+
+    // 加载指定年份的 bgc 标记数据
+    async function loadYearData(year: string) {
+        if (year === loadedYear.value) return;
+        await userDataDayByMonth({ userId: userId.value, year }).then((res) => {
+            haveInfo.value = res;
+            loadedYear.value = year;
+        });
+    }
+
+    // 监听面板内点击，DOM 更新后从年份按钮读取当前展示的年份
+    function onPickerPanelClick(e: MouseEvent) {
+        const panel = document.querySelector('.personal-data-no-other-month');
+        if (!panel?.contains(e.target as Node)) return;
+        nextTick(() => {
+            const yearBtn = panel.querySelector('.ant-picker-year-btn');
+            if (!yearBtn) return;
+            // 按钮文本可能为 "2024年" 或 "2024"，提取4位数字
+            const year = yearBtn.textContent?.replace(/[^0-9]/g, '').slice(0, 4) || '';
+            if (year.length === 4) loadYearData(year);
+        });
+    }
+
+    onMounted(() => document.addEventListener('click', onPickerPanelClick));
+    onUnmounted(() => document.removeEventListener('click', onPickerPanelClick));
 </script>
 
 <style scoped lang="less">
@@ -185,3 +216,11 @@
         cursor: pointer !important;
     }
 </style>
+
+<style>
+    /* 隐藏日历面板中非当前月份的日期格，仅对该 picker 生效 */
+    .personal-data-no-other-month .ant-picker-cell:not(.ant-picker-cell-in-view) {
+        visibility: hidden;
+        pointer-events: none;
+    }
+</style>