{"version":3,"file":"DailyTrendChart-By9ZdTHt.js","names":[],"sources":["../../../app/javascript/Pages/HrvTrendAnalysis/components/DailyTrendChart.vue"],"sourcesContent":["<template>\n  <div>\n    <div class=\"mb-3\">\n      <p class=\"text-sm text-gray-500 leading-relaxed\">\n        各 HRV 指标随时间变化的日趋势折线图，叠加 7 日/30 日移动平均线辅助判断趋势方向。\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>曲线解读：</strong>多条折线分别代表 RMSSD、SDNN、pNN50、TINN、平均心率等指标。虚线为 7 日和 30 日简单移动平均，可过滤短期波动突出长期趋势。</p>\n        <p><strong>异常检测：</strong>基于全局 z-score（|z| ≥ 2），红色散点标出异常日。点击图例可切换指标显示。</p>\n        <p><strong>趋势判断：</strong>RMSSD/SDNN 持续上升 → 心脏自主神经功能改善；持续下降 > 2 周 → 建议关注。TINN < 200ms → RR 分布异常收窄警示。</p>\n        <p class=\"text-gray-400 text-xs\">本工具仅供健康自我监测参考，不构成医疗诊断。</p>\n      </div>\n    </div>\n\n    <div v-if=\"!metrics || metrics.length === 0\" class=\"text-center text-gray-500 py-12\">\n      请选择日期范围后加载数据\n    </div>\n\n    <div v-else>\n      <div class=\"flex flex-wrap items-center gap-x-4 gap-y-1 mb-3\">\n        <label v-for=\"key in CORE_METRIC_KEYS\" :key=\"key\"\n          class=\"inline-flex items-center cursor-pointer\"\n        >\n          <input\n            type=\"checkbox\"\n            :checked=\"visibleMetrics[key]\"\n            class=\"h-4 w-4 rounded border-gray-300 mr-1\"\n            :style=\"{ accentColor: METRIC_DEFS[key]?.color }\"\n            @change=\"visibleMetrics[key] = !visibleMetrics[key]\"\n          >\n          <span class=\"text-sm text-gray-700\">{{ METRIC_DEFS[key]?.name || key }}</span>\n        </label>\n      </div>\n      <Chart type=\"line\" :data=\"chartData\" :options=\"chartOptions\" class=\"h-96\" />\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { computed, ref, watch } from 'vue';\nimport Chart from 'primevue/chart';\nimport {\n  METRIC_DEFS, CORE_METRIC_KEYS, DEFAULT_VISIBLE_METRICS,\n  SEVERITY_COLORS, STORAGE_KEY,\n} from '../constants.js';\n\nconst props = defineProps({\n  metrics: { type: Array, default: () => [] },\n  anomalies: { type: Array, default: () => [] },\n  movingAverages: { type: Object, default: () => ({ '7day': {}, '30day': {} }) },\n});\n\nconst visibleMetrics = ref(_restoreVisible());\nconst show7Day = ref(true);\nconst show30Day = ref(true);\nconst showDetail = ref(false);\n\nwatch(visibleMetrics, _saveVisible, { deep: true });\n\nfunction _buildDefaultVisible() {\n  const obj = {};\n  CORE_METRIC_KEYS.forEach(k => {\n    obj[k] = DEFAULT_VISIBLE_METRICS.includes(k);\n  });\n  return obj;\n}\n\nfunction _restoreVisible() {\n  try {\n    const raw = localStorage.getItem(STORAGE_KEY + '_daily');\n    if (raw) {\n      const parsed = JSON.parse(raw);\n      if (parsed.visibleMetrics) {\n        if (Array.isArray(parsed.visibleMetrics)) {\n          const obj = {};\n          parsed.visibleMetrics.forEach(k => { obj[k] = true; });\n          return obj;\n        }\n        return parsed.visibleMetrics;\n      }\n    }\n  } catch (_) {}\n  return _buildDefaultVisible();\n}\n\nfunction _saveVisible() {\n  try {\n    const state = { visibleMetrics: { ...visibleMetrics.value } };\n    const existing = JSON.parse(localStorage.getItem(STORAGE_KEY + '_daily') || '{}');\n    localStorage.setItem(STORAGE_KEY + '_daily', JSON.stringify({ ...existing, ...state }));\n  } catch (_) {}\n}\n\nconst chartData = computed(() => {\n  const dates = props.metrics.map(m => m.date);\n  const datasets = [];\n\n  CORE_METRIC_KEYS.forEach(key => {\n    if (!visibleMetrics.value[key]) return;\n    const def = METRIC_DEFS[key];\n    if (!def) return;\n\n    const values = props.metrics.map(m => m[key] ?? null);\n\n    datasets.push({\n      label: def.name,\n      data: values,\n      borderColor: def.color,\n      backgroundColor: def.color,\n      fill: false,\n      tension: 0.2,\n      pointRadius: 2,\n      pointHoverRadius: 5,\n      yAxisID: 'y',\n      spanGaps: false,\n    });\n\n    if (show7Day.value && props.movingAverages['7day']?.[key]) {\n      const maValues = dates.map(d => {\n        const ma = props.movingAverages['7day'][key].find(m => m.date === d);\n        return ma ? ma.value : null;\n      });\n      datasets.push({\n        label: `${def.name} (7日MA)`,\n        data: maValues,\n        borderColor: def.color,\n        backgroundColor: 'transparent',\n        borderDash: [5, 5],\n        borderWidth: 1.5,\n        fill: false,\n        tension: 0.3,\n        pointRadius: 0,\n        yAxisID: 'y',\n      });\n    }\n\n    if (show30Day.value && props.movingAverages['30day']?.[key]) {\n      const maValues = dates.map(d => {\n        const ma = props.movingAverages['30day'][key].find(m => m.date === d);\n        return ma ? ma.value : null;\n      });\n      datasets.push({\n        label: `${def.name} (30日MA)`,\n        data: maValues,\n        borderColor: def.color,\n        backgroundColor: 'transparent',\n        borderDash: [10, 5],\n        borderWidth: 1,\n        fill: false,\n        tension: 0.3,\n        pointRadius: 0,\n        yAxisID: 'y',\n      });\n    }\n  });\n\n  if (props.anomalies?.length > 0) {\n    const anomalyDates = new Set(props.anomalies.map(a => a.date));\n    const dateIndex = {};\n    dates.forEach((d, i) => dateIndex[d] = i);\n    const anomalyPoints = new Array(dates.length).fill(null);\n\n    props.anomalies.forEach(a => {\n      const idx = dateIndex[a.date];\n      if (idx !== undefined && visibleMetrics.value[a.metric]) {\n        anomalyPoints[idx] = a.value;\n      }\n    });\n\n    datasets.push({\n      label: '异常值',\n      data: anomalyPoints,\n      borderColor: 'rgba(220, 38, 38, 1)',\n      backgroundColor: 'rgba(220, 38, 38, 1)',\n      pointRadius: 6,\n      pointHoverRadius: 8,\n      pointStyle: 'circle',\n      showLine: false,\n      yAxisID: 'y',\n      order: 0,\n    });\n  }\n\n  return { labels: dates, datasets };\n});\n\nconst chartOptions = computed(() => ({\n  responsive: true,\n  maintainAspectRatio: false,\n  interaction: {\n    mode: 'index',\n    intersect: false,\n  },\n  plugins: {\n    legend: {\n      position: 'bottom',\n      labels: {\n        boxWidth: 20,\n        padding: 10,\n        font: { size: 11 },\n      },\n    },\n    tooltip: {\n      callbacks: {\n        title: (items) => {\n          if (!items.length) return '';\n          const idx = items[0].dataIndex;\n          const anomaliesOnDate = props.anomalies?.filter(a => a.date === props.metrics[idx]?.date) || [];\n          if (anomaliesOnDate.length > 0) {\n            return `${props.metrics[idx].date} ⚠️ ${anomaliesOnDate.map(a => `${METRIC_DEFS[a.metric]?.name || a.metric}(z=${a.zScore})`).join(', ')}`;\n          }\n          return props.metrics[idx]?.date || '';\n        },\n        label: (ctx) => {\n          if (ctx.raw === null || ctx.raw === undefined) return '';\n          const label = ctx.dataset.label || '';\n          return `${label}: ${parseFloat(ctx.raw).toFixed(2)}`;\n        },\n      },\n    },\n  },\n  scales: {\n    x: {\n      display: true,\n      title: { display: true, text: '日期' },\n      ticks: {\n        maxTicksLimit: 20,\n        autoSkip: true,\n        font: { size: 10 },\n      },\n    },\n    y: {\n      type: 'linear',\n      display: true,\n      position: 'left',\n      title: { display: true, text: '数值' },\n      beginAtZero: false,\n    },\n  },\n}));\n</script>\n"],"mappings":"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"}