{"version":3,"file":"PeriodicityChart-CPeddBIu.js","names":[],"sources":["../../../app/javascript/Pages/HrvTrendAnalysis/components/PeriodicityChart.vue"],"sourcesContent":["<template>\n  <div>\n    <div class=\"mb-3\">\n      <p class=\"text-sm text-gray-500 leading-relaxed\">\n        按月度和周度聚合 HRV 指标均值，识别季节性规律和周末效应。\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>展示 1-12 月各指标均值。若某月明显低于其他月份 → 可能存在季节性影响（如冬季 HRV 下降常见）。</p>\n        <p><strong>周度视图：</strong>展示周一至周日各指标均值。若工作日与休息日差异显著 → 提示工作压力对自主神经的影响。</p>\n        <p><strong>周期性判定：</strong>月度变化幅度 < 10% 且无明显趋势 → 无显著季节性；某月持续偏低 → 需结合年度热力图交叉验证。</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        <button\n          class=\"px-3 py-1 text-sm rounded-md border\"\n          :class=\"mode === 'monthly' ? 'bg-indigo-500 text-white border-indigo-500' : 'border-gray-300 hover:bg-gray-50'\"\n          @click=\"mode = 'monthly'\"\n        >\n          按月\n        </button>\n        <button\n          class=\"px-3 py-1 text-sm rounded-md border\"\n          :class=\"mode === 'weekly' ? 'bg-indigo-500 text-white border-indigo-500' : 'border-gray-300 hover:bg-gray-50'\"\n          @click=\"mode = 'weekly'\"\n        >\n          按周\n        </button>\n\n        <div class=\"ml-4 flex items-center gap-2\">\n          <label class=\"text-sm text-gray-600\">指标：</label>\n          <select v-model=\"showMetric\" class=\"rounded-md border-gray-300 text-sm py-1 px-2\">\n            <option v-for=\"key in CORE_METRIC_KEYS\" :key=\"key\" :value=\"key\">\n              {{ METRIC_DEFS[key]?.name || key }}\n            </option>\n          </select>\n        </div>\n      </div>\n\n      <Chart type=\"bar\" :data=\"chartData\" :options=\"chartOptions\" class=\"h-80\" />\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { computed, ref, watch, onMounted } from 'vue';\nimport Chart from 'primevue/chart';\nimport {\n  METRIC_DEFS, CORE_METRIC_KEYS, MONTH_NAMES, WEEKDAY_NAMES, STORAGE_KEY,\n} from '../constants.js';\n\nconst props = defineProps({\n  periodicityData: { type: Object, default: () => ({ monthly: {}, weekly: {} }) },\n});\n\nconst PERIODICITY_STORAGE = STORAGE_KEY + '_periodicity';\n\nconst mode = ref(_restoreMode());\nconst showMetric = ref('rmssd');\nconst showDetail = ref(false);\n\nwatch(mode, (val) => {\n  try { localStorage.setItem(PERIODICITY_STORAGE, JSON.stringify({ mode: val })); } catch (_) {}\n});\n\nfunction _restoreMode() {\n  try {\n    const raw = localStorage.getItem(PERIODICITY_STORAGE);\n    if (raw) {\n      const parsed = JSON.parse(raw);\n      if (parsed.mode && (parsed.mode === 'monthly' || parsed.mode === 'weekly')) return parsed.mode;\n    }\n  } catch (_) {}\n  return 'monthly';\n}\n\nconst hasData = computed(() => {\n  return (Object.keys(props.periodicityData.monthly || {}).length > 0 ||\n    Object.keys(props.periodicityData.weekly || {}).length > 0);\n});\n\nconst chartData = computed(() => {\n  if (mode.value === 'monthly') {\n    const labels = MONTH_NAMES;\n    const monthly = props.periodicityData.monthly || {};\n    const values = MONTH_NAMES.map((_, idx) => {\n      const monthKey = String(idx + 1);\n      return monthly[monthKey]?.[showMetric.value] ?? null;\n    });\n\n    return {\n      labels,\n      datasets: [{\n        label: `${METRIC_DEFS[showMetric.value]?.name} 月度均值`,\n        data: values,\n        backgroundColor: 'rgba(54, 162, 235, 0.6)',\n        borderColor: 'rgba(54, 162, 235, 1)',\n        borderWidth: 1,\n      }],\n    };\n  } else {\n    const labels = WEEKDAY_NAMES;\n    const weekly = props.periodicityData.weekly || {};\n    const values = labels.map(label => weekly[label]?.[showMetric.value] ?? null);\n\n    return {\n      labels,\n      datasets: [{\n        label: `${METRIC_DEFS[showMetric.value]?.name} 周度均值`,\n        data: values,\n        backgroundColor: 'rgba(75, 192, 192, 0.6)',\n        borderColor: 'rgba(75, 192, 192, 1)',\n        borderWidth: 1,\n      }],\n    };\n  }\n});\n\nconst chartOptions = {\n  responsive: true,\n  maintainAspectRatio: false,\n  plugins: {\n    legend: { display: true, position: 'bottom' },\n    tooltip: {\n      callbacks: {\n        label: (ctx) => {\n          if (ctx.raw === null) return '无数据';\n          return `${ctx.dataset.label}: ${parseFloat(ctx.raw).toFixed(2)}`;\n        },\n      },\n    },\n  },\n  scales: {\n    x: {\n      title: { display: true, text: mode.value === 'monthly' ? '月份' : '星期' },\n    },\n    y: {\n      beginAtZero: false,\n      title: { display: true, text: METRIC_DEFS[showMetric.value]?.unit || '数值' },\n    },\n  },\n};\n</script>\n"],"mappings":"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"}