From 8e7b857dbdab1c679b515c6c5548c3b9cc15c319 Mon Sep 17 00:00:00 2001
From: lianlonggang <lianlonggang@qq.com>
Date: Fri, 15 May 2026 09:46:33 +0800
Subject: [PATCH] =?UTF-8?q?feat(personalData):=20=E4=BC=98=E5=8C=96?=
 =?UTF-8?q?=E4=B8=AA=E4=BA=BA=E6=95=B0=E6=8D=AE=E5=BC=B9=E7=AA=97=E5=B8=83?=
 =?UTF-8?q?=E5=B1=80=E4=B8=8E=E6=97=A0=E6=95=B0=E6=8D=AE=E6=8F=90=E7=A4=BA?=
 =?UTF-8?q?=E5=B1=95=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 调整顶部操作栏布局为 space-between，增加垂直居中对齐
- 新增无数据提示文字（noDataTip）展示区域，位于日期切换按钮左侧
---
 .../componets/personalDataModal.vue           | 23 ++++++++++++-------
 1 file changed, 15 insertions(+), 8 deletions(-)

diff --git a/src/views/healthMonitor/healMonitorManage/monitorToll/personalData/componets/personalDataModal.vue b/src/views/healthMonitor/healMonitorManage/monitorToll/personalData/componets/personalDataModal.vue
index 68c635e..8696f51 100644
--- a/src/views/healthMonitor/healMonitorManage/monitorToll/personalData/componets/personalDataModal.vue
+++ b/src/views/healthMonitor/healMonitorManage/monitorToll/personalData/componets/personalDataModal.vue
@@ -10,7 +10,8 @@
                 <!--                <div>数据日期：{{ userInfo.dataDate }}</div>-->
             </div>
             <div style="width: 75%">
-                <div style="display: flex; justify-content: flex-end; padding-right: 30px">
+                <div style="display: flex; justify-content: space-between; align-items: center; padding-right: 30px">
+                    <div style="color: #faad14; font-size: 13px; padding-left: 4px">{{ noDataTip }}</div>
                     <div style="display: flex; font-size: 20px; align-items: center">
                         <a-button size="small" @click="changeDate('0')">
                             <LeftOutlined />
@@ -53,13 +54,14 @@
     import AllLook from '/@/views/healthMonitor/healMonitorManage/monitorToll/userInfo/componets/allLook.vue';
     import { getDetail, userDataDayByMonth } from '/@/views/healthMonitor/healMonitorManage/monitorToll/personalData/personalData.api';
     import dayjs from 'dayjs';
-    import { Menu, message } from 'ant-design-vue';
+    import { Menu } from 'ant-design-vue';
     import { LeftOutlined, RightOutlined } from '@ant-design/icons-vue';
     const userInfo = ref({});
     const infoData = ref({});
     const userId = ref('');
     const haveInfo = ref('');
     const nowDate = ref(dayjs());
+    const noDataTip = ref('');
     const loadedYear = ref(dayjs().format('YYYY'));
     const isRight = computed(() => dayjs(nowDate.value).format('YYYY-MM-DD') != dayjs().format('YYYY-MM-DD'));
     //表单赋值
@@ -115,15 +117,18 @@
     }
 
     async function getInfo() {
+        const dateStr = dayjs(nowDate.value).format('YYYY-MM-DD');
         await getDetail({
             userId: userId.value,
-            dataDate: dayjs(nowDate.value).format('YYYY-MM-DD'),
+            dataDate: dateStr,
         }).then((res) => {
-            // openModal(true, {
-            //     record,
-            //     dataInfo: res,
-            // });
             infoData.value = res;
+            // API 返回空数据时行内提示，否则清空提示
+            if (!res || Object.keys(res).length === 0) {
+                noDataTip.value = `【${dateStr}】暂无监测数据`;
+            } else {
+                noDataTip.value = '';
+            }
         });
     }
 
@@ -138,7 +143,9 @@
         if (getDisabled(nowDate.value)) {
             getInfo();
         } else {
-            message.info('当日暂无监测数据');
+            // 本地记录无数据：清空展示数据并行内提示具体日期
+            infoData.value = {};
+            noDataTip.value = `【${dayjs(nowDate.value).format('YYYY-MM-DD')}】暂无监测数据`;
         }
     }