{"version":3,"file":"AnomalyHeatmap-do5OSNFw.js","names":[],"sources":["../../../app/javascript/Pages/HrvTrendAnalysis/components/AnomalyHeatmap.vue"],"sourcesContent":["<template>\n  <div>\n    <div class=\"mb-3\">\n      <p class=\"text-sm text-gray-500 leading-relaxed\">\n        以日历矩阵展示每日综合异常程度，快速定位异常集中时段。\n        <span\n          class=\"text-blue-500 cursor-pointer hover:text-blue-700 select-none\"\n          @click=\"showDetail = !showDetail\"\n        >\n          {{ showDetail ? '收起 ▲' : '展开说明 ▼' }}\n        </span>\n      </p>\n      <div v-if=\"showDetail\" class=\"mt-2 p-3 bg-blue-50 border border-blue-200 rounded text-sm text-gray-600 leading-relaxed space-y-1\">\n        <p><strong>综合 z-score：</strong>取 RMSSD、SDNN、pNN50、TINN 四项指标 z-score 绝对值的均值。z-score 衡量某日数值偏离整体平均的程度。</p>\n        <p><strong>图标含义：</strong>● 正常（z < 1） · ◆ 偏差（1 ≤ z < 2） · ▲ 异常（2 ≤ z < 2.5） · ★ 严重异常（z ≥ 2.5）。</p>\n        <p><strong>使用方式：</strong>观察异常日是否集中出现在某几个月、是否越来越密集。密集期 → 可能提示自主神经功能持续波动。</p>\n        <p class=\"text-gray-400 text-xs\">本工具仅供健康自我监测参考，不构成医疗诊断。</p>\n      </div>\n    </div>\n\n    <div v-if=\"!hasData\" class=\"text-center text-gray-500 py-12\">\n      数据不足以生成热力图（需要多日数据）\n    </div>\n\n    <div v-else>\n      <div class=\"flex items-center gap-2 mb-3\">\n        <span class=\"text-sm text-gray-600\">年份：</span>\n        <select v-model=\"selectedYear\" class=\"rounded-md border-gray-300 text-sm py-1 px-2\" @change=\"buildHeatmap\">\n          <option v-for=\"y in availableYears\" :key=\"y\" :value=\"y\">{{ y }}年</option>\n        </select>\n        <div class=\"ml-auto flex items-center gap-1 text-xs\">\n          <span class=\"text-gray-500\">正常</span>\n          <span class=\"text-green-500 mx-0.5\">●</span>\n          <span class=\"text-yellow-500 mx-0.5\">◆</span>\n          <span class=\"text-orange-500 mx-0.5\">▲</span>\n          <span class=\"text-red-500 mx-0.5\">★</span>\n          <span class=\"text-gray-500\">严重异常</span>\n        </div>\n      </div>\n\n      <div class=\"overflow-x-auto\">\n        <table class=\"border-collapse text-xs mx-auto\">\n          <thead>\n            <tr>\n              <th class=\"p-1 text-gray-500 font-normal w-8\"></th>\n              <th v-for=\"d in 31\" :key=\"d\" class=\"p-1 text-gray-500 font-normal w-6\">{{ d }}</th>\n            </tr>\n          </thead>\n          <tbody>\n            <tr v-for=\"month in 12\" :key=\"month\">\n              <td class=\"p-1 text-gray-400 text-right pr-1 whitespace-nowrap\">{{ month }}月</td>\n              <td v-for=\"day in 31\" :key=\"day\" class=\"p-0\">\n                <div v-if=\"heatData[month] && heatData[month][day] !== undefined\"\n                  class=\"w-6 h-6 flex items-center justify-center cursor-default text-base\"\n                  :style=\"{ color: getColor(heatData[month][day]) }\"\n                  :title=\"getTooltip(month, day, heatData[month][day])\"\n                >\n                  {{ getIcon(heatData[month][day]) }}\n                </div>\n                <div v-else class=\"w-6 h-6\" />\n              </td>\n            </tr>\n          </tbody>\n        </table>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { computed, ref, watch } from 'vue';\nimport { HEATMAP_COLORS, MONTH_NAMES } from '../constants.js';\n\nconst props = defineProps({\n  dailyMetrics: { type: Array, default: () => [] },\n});\n\nconst selectedYear = ref(null);\nconst showDetail = ref(false);\nconst availableYears = computed(() => {\n  const years = new Set();\n  props.dailyMetrics.forEach(m => {\n    const y = (m.date || '').substring(0, 4);\n    if (y) years.add(y);\n  });\n  const sorted = [...years].sort();\n  if (!selectedYear.value && sorted.length > 0) selectedYear.value = sorted[sorted.length - 1];\n  return sorted;\n});\n\nconst heatData = ref({});\n\nconst hasData = computed(() => props.dailyMetrics.length > 1);\n\nconst CORE_KEYS = ['rmssd', 'sdnn', 'pnn50', 'tinn'];\n\nfunction computeZScores() {\n  const scores = {};\n  CORE_KEYS.forEach(key => {\n    const values = props.dailyMetrics.map(m => m[key]).filter(v => v != null);\n    if (values.length < 3) return;\n    const mean = values.reduce((s, v) => s + v, 0) / values.length;\n    const std = Math.sqrt(values.reduce((s, v) => s + (v - mean) ** 2, 0) / values.length);\n    if (std === 0) return;\n    scores[key] = { mean, std };\n  });\n\n  const result = {};\n  props.dailyMetrics.forEach(m => {\n    let sumZ = 0, count = 0;\n    CORE_KEYS.forEach(key => {\n      if (scores[key] && m[key] != null) {\n        sumZ += Math.abs((m[key] - scores[key].mean) / scores[key].std);\n        count++;\n      }\n    });\n    const compositeZ = count > 0 ? sumZ / count : null;\n    result[m.date] = compositeZ;\n  });\n  return result;\n}\n\nfunction buildHeatmap() {\n  const zScores = computeZScores();\n  const data = {};\n\n  props.dailyMetrics.forEach(m => {\n    const year = (m.date || '').substring(0, 4);\n    if (year !== selectedYear.value) return;\n    const parts = m.date.split('-');\n    const month = parseInt(parts[1], 10);\n    const day = parseInt(parts[2], 10);\n    if (!data[month]) data[month] = {};\n    data[month][day] = zScores[m.date];\n  });\n\n  heatData.value = data;\n}\n\nfunction getColor(zScore) {\n  if (zScore === null || zScore === undefined) return '#d1d5db';\n  if (zScore >= 2.5) return '#dc2626';\n  if (zScore >= 2.0) return '#f97316';\n  if (zScore >= 1.0) return '#eab308';\n  return '#22c55e';\n}\n\nfunction getIcon(zScore) {\n  if (zScore === null || zScore === undefined) return '·';\n  if (zScore >= 2.5) return '★';\n  if (zScore >= 2.0) return '▲';\n  if (zScore >= 1.0) return '◆';\n  return '●';\n}\n\nfunction getTooltip(month, day, zScore) {\n  if (zScore === null || zScore === undefined) return `${month}月${day}日：无数据`;\n  const level = zScore >= 2.5 ? '严重异常' : zScore >= 2.0 ? '异常' : zScore >= 1.0 ? '偏差' : '正常';\n  return `${month}月${day}日\\n综合Z-score: ${zScore.toFixed(2)}\\n状态: ${level}`;\n}\n\nwatch([() => props.dailyMetrics, selectedYear], () => {\n  if (selectedYear.value) buildHeatmap();\n}, { immediate: true });\n</script>\n"],"mappings":"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"}