{"version":3,"file":"AfBoxPlotChart-ThjErxKh.js","names":[],"sources":["../../../app/javascript/Pages/AiBloodPressureMeasurements/AfBoxPlotChart.vue"],"sourcesContent":["<template>\n  <div class=\"bg-white rounded-lg shadow-md p-6\">\n    <h3 class=\"text-lg font-semibold text-gray-900 mb-4\">\n      对比箱线图 — Clean_Sinus vs Pre_AF_D1\n    </h3>\n    <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-4\">\n      <div v-for=\"i in 5\" :key=\"i\" class=\"border border-gray-200 rounded-lg p-3\">\n        <h4 class=\"text-sm font-medium text-gray-700 mb-2 flex justify-between\">\n          <span>{{ metricLabel(i - 1) }}</span>\n          <span v-if=\"metricP(i - 1) !== null\" :class=\"pClass(metricP(i - 1))\" class=\"text-xs\">{{ pv(metricP(i - 1)) }}</span>\n        </h4>\n        <div class=\"h-52 w-full\">\n          <canvas :ref=\"el => boxCanvases[i - 1] = el\" />\n        </div>\n      </div>\n    </div>\n    <div class=\"mt-2 text-xs text-gray-500 text-center\">\n      箱体：Q1 ~ Q3 | 横线：中位数 | 须线：min ~ max | 检验：Mann-Whitney U 双侧\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { ref, onMounted, watch, nextTick } from 'vue';\nimport { Chart, registerables } from 'chart.js';\n\nChart.register(...registerables);\n\nconst metrics = ref([]);\nconst boxCanvases = {};\nconst charts = [];\n\nconst props = defineProps({\n  excludeStartDates: { type: String, default: '' },\n});\n\nconst COLORS = {\n  clean: { fill: 'rgba(59,130,246,0.35)', border: 'rgba(59,130,246,0.9)', median: 'rgba(30,64,175,1)' },\n  preaf: { fill: 'rgba(239,68,68,0.35)', border: 'rgba(239,68,68,0.9)', median: 'rgba(185,28,28,1)' },\n};\n\nconst metricLabel = (i) => metrics.value[i]?.label || '加载中...';\nconst metricP = (i) => metrics.value[i]?.mann_whitney_p ?? null;\nconst pv = (p) => p < 0.001 ? 'p<0.001***' : p < 0.01 ? `p=${p.toFixed(4)}**` : p < 0.05 ? `p=${p.toFixed(4)}*` : `p=${p.toFixed(4)}ns`;\nconst pClass = (p) => p < 0.01 ? 'text-red-600 font-bold' : p < 0.05 ? 'text-orange-600' : 'text-gray-500';\n\nconst makePlugin = (metric, yMax) => ({\n  id: 'bp_' + metric.key,\n  afterDraw(chart) {\n    const { ctx, chartArea } = chart;\n    if (!chartArea || chartArea.width < 1 || chartArea.height < 1) return;\n\n    const toY = (v) => chartArea.bottom - (v / yMax) * chartArea.height;\n    const cx = chartArea.left + chartArea.width / 2;\n    const bw = Math.min(chartArea.width * 0.13, 30);\n    const spread = chartArea.width * 0.22;\n\n    ctx.save();\n\n    [\n      { k: 'clean_sinus', c: COLORS.clean, px: cx - spread },\n      { k: 'pre_af_d1', c: COLORS.preaf, px: cx + spread },\n    ].forEach((g) => {\n      const s = metric[g.k];\n      if (!s || s.n < 2) return;\n      const { min, q1, median, q3, max } = s;\n      if (min == null || q1 == null || median == null || q3 == null || max == null) return;\n\n      const l = g.px - bw / 2, r = g.px + bw / 2;\n      const y1 = toY(q3), y2 = toY(q1);\n      const ym = toY(median);\n      const ylo = toY(min), yhi = toY(max);\n\n      ctx.fillStyle = g.c.fill;\n      ctx.fillRect(l, y1, bw, y2 - y1);\n      ctx.strokeStyle = g.c.border; ctx.lineWidth = 1.5;\n      ctx.strokeRect(l, y1, bw, y2 - y1);\n\n      ctx.strokeStyle = g.c.median; ctx.lineWidth = 2;\n      ctx.beginPath(); ctx.moveTo(l, ym); ctx.lineTo(r, ym); ctx.stroke();\n\n      ctx.strokeStyle = g.c.border; ctx.lineWidth = 1;\n      ctx.beginPath(); ctx.moveTo(g.px, y1); ctx.lineTo(g.px, yhi); ctx.stroke();\n      ctx.beginPath(); ctx.moveTo(g.px, y2); ctx.lineTo(g.px, ylo); ctx.stroke();\n\n      const wt = bw * 0.25;\n      ctx.beginPath(); ctx.moveTo(g.px - wt, yhi); ctx.lineTo(g.px + wt, yhi); ctx.stroke();\n      ctx.beginPath(); ctx.moveTo(g.px - wt, ylo); ctx.lineTo(g.px + wt, ylo); ctx.stroke();\n    });\n\n    ctx.restore();\n  },\n});\n\nconst renderAll = () => {\n  charts.forEach((c) => c.destroy());\n  charts.length = 0;\n\n  metrics.value.forEach((metric, idx) => {\n    const canvas = boxCanvases[idx];\n    if (!canvas) return;\n    const cs = metric.clean_sinus || {}, pa = metric.pre_af_d1 || {};\n    const yMax = Math.max(cs.max || 0, pa.max || 0) * 1.3 || 10;\n\n    charts.push(new Chart(canvas, {\n      type: 'bar',\n      data: {\n        labels: [''],\n        datasets: [\n          { data: [cs.max || 1], backgroundColor: 'transparent' },\n          { data: [pa.max || 1], backgroundColor: 'transparent' },\n        ],\n      },\n      options: {\n        responsive: true, maintainAspectRatio: false,\n        plugins: { legend: { display: false } },\n        scales: {\n          x: { grid: { display: false }, ticks: { display: false }, border: { display: false } },\n          y: { min: 0, max: yMax, grid: { color: 'rgba(0,0,0,0.06)' } },\n        },\n      },\n      plugins: [makePlugin(metric, yMax)],\n    }));\n  });\n};\n\nwatch(metrics, async () => {\n  await nextTick();\n  renderAll();\n});\n\nconst fetchStats = async () => {\n  try {\n    const csrf = document.querySelector('meta[name=\"csrf-token\"]')?.getAttribute('content');\n    let url = '/api/ai_blood_pressure/af_statistics';\n    if (props.excludeStartDates) url += `?exclude_start_dates=${encodeURIComponent(props.excludeStartDates)}`;\n    const r = await fetch(url, {\n      headers: { 'Accept': 'application/json', 'X-CSRF-Token': csrf },\n    });\n    if (!r.ok) throw new Error(`HTTP ${r.status}`);\n    const data = await r.json();\n    if (data.metrics) {\n      metrics.value = data.metrics;\n    }\n  } catch (e) {\n    console.error('HRV stats error', e);\n  }\n};\n\nonMounted(fetchStats);\n</script>\n"],"mappings":"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"}