{"version":3,"file":"ModelEvaluation-BS84F3i4.js","names":[],"sources":["../../../app/javascript/Pages/Reports/ModelEvaluation.vue"],"sourcesContent":["<template>\n  <div>\n    <div v-if=\"loading\" class=\"text-center py-8 text-gray-400\">\n      加载模型评估数据中…\n    </div>\n    <div v-else-if=\"error\" class=\"text-center py-8 text-red-500\">\n      {{ error }}\n    </div>\n    <template v-else>\n      <!-- 最佳模型指标卡片 -->\n      <div class=\"mb-6\">\n        <h4 class=\"text-base font-semibold text-gray-700 mb-3\">\n          模型性能指标（6-Fold CV）\n        </h4>\n        <div class=\"grid grid-cols-4 gap-3\">\n          <div\n            v-for=\"m in metricCards\"\n            :key=\"m.label\"\n            :class=\"m.bg\"\n            class=\"border rounded-lg p-3 text-center\"\n          >\n            <div class=\"text-xs\" :class=\"m.labelColor\">\n              {{ m.label }}\n            </div>\n            <div class=\"text-xl font-bold\" :class=\"m.valueColor\">\n              {{ m.value }}\n            </div>\n            <div class=\"text-xs\" :class=\"m.subColor\">\n              {{ m.sub }}\n            </div>\n          </div>\n        </div>\n      </div>\n\n      <!-- 三模型对比 -->\n      <div class=\"mb-6\">\n        <h4 class=\"text-base font-semibold text-gray-700 mb-3\">\n          三模型对比\n        </h4>\n        <div class=\"overflow-x-auto border rounded-lg\">\n          <table class=\"min-w-full text-xs\">\n            <thead class=\"bg-gray-50 border-b\">\n              <tr>\n                <th class=\"px-3 py-2 text-left font-medium text-gray-600\">\n                  指标\n                </th>\n                <th\n                  v-for=\"name in modelNames\"\n                  :key=\"name\"\n                  class=\"px-3 py-2 text-center font-medium text-gray-600\"\n                  :class=\"{ 'bg-indigo-50': name === bestModel }\"\n                >\n                  {{ shortenName(name) }}\n                  <span v-if=\"name === bestModel\" class=\"text-indigo-500 ml-1\">★</span>\n                </th>\n              </tr>\n            </thead>\n            <tbody>\n              <tr\n                v-for=\"row in compareRows\"\n                :key=\"row.label\"\n                class=\"border-b hover:bg-gray-50\"\n              >\n                <td class=\"px-3 py-1.5 text-gray-600\">\n                  {{ row.label }}\n                </td>\n                <td\n                  v-for=\"name in modelNames\"\n                  :key=\"name\"\n                  class=\"px-3 py-1.5 text-center\"\n                  :class=\"row.best === name ? 'font-bold text-indigo-600' : 'text-gray-700'\"\n                >\n                  {{ row.values[name] }}\n                </td>\n              </tr>\n            </tbody>\n          </table>\n        </div>\n      </div>\n\n      <!-- 评分卡特征 -->\n      <div v-if=\"features.length > 0\" class=\"mb-6\">\n        <h4 class=\"text-base font-semibold text-gray-700 mb-3\">\n          评分卡特征（全量训练）\n        </h4>\n        <div class=\"grid grid-cols-2 gap-3\">\n          <div\n            v-for=\"f in features\"\n            :key=\"f.name\"\n            class=\"border rounded-lg p-3\"\n          >\n            <div class=\"flex items-center justify-between mb-1\">\n              <span class=\"text-sm font-medium text-gray-700 font-mono\">{{ f.name }}</span>\n              <span\n                :class=\"f.coefficient > 0 ? 'text-red-600' : 'text-green-600'\"\n                class=\"text-sm font-bold\"\n              >\n                {{ f.coefficient > 0 ? '+' : '' }}{{ f.coefficient }}\n              </span>\n            </div>\n            <div class=\"text-xs text-gray-400\">\n              全量拟合 AUC: {{ fullFitAuc }}\n              &nbsp;|&nbsp; 阈值: {{ threshold }}\n            </div>\n          </div>\n        </div>\n      </div>\n\n      <!-- 评分分布 -->\n      <div v-if=\"distribution\">\n        <h4 class=\"text-base font-semibold text-gray-700 mb-3\">\n          评分分布\n        </h4>\n        <div class=\"grid grid-cols-2 gap-3\">\n          <div\n            v-for=\"g in distGroups\"\n            :key=\"g.label\"\n            class=\"border rounded-lg p-3 text-center\"\n          >\n            <div class=\"text-xs text-gray-500 mb-1\">\n              {{ g.label }}\n            </div>\n            <div class=\"text-lg font-bold\" :class=\"g.color\">\n              {{ g.data.p50 }}\n            </div>\n            <div class=\"text-xs text-gray-400\">\n              n={{ g.data.n }} &nbsp; μ={{ g.data.mean }}\n            </div>\n          </div>\n        </div>\n      </div>\n    </template>\n  </div>\n</template>\n\n<script setup>\nimport { ref, computed, onMounted } from 'vue';\n\nconst loading = ref(true);\nconst error = ref(null);\nconst performance = ref({});\nconst scorecardData = ref({});\n\nonMounted(async () => {\n  try {\n    const resp = await fetch('/reports/model_evaluation');\n    if (!resp.ok) throw new Error(`HTTP ${resp.status}`);\n    const data = await resp.json();\n    performance.value = data.performance || {};\n    scorecardData.value = data.scorecard || {};\n  } catch (e) {\n    error.value = e.message;\n  } finally {\n    loading.value = false;\n  }\n});\n\nconst models = computed(() => performance.value.models || {});\nconst modelNames = computed(() => Object.keys(models.value));\nconst bestModel = computed(() => performance.value.best_model || '');\n\nconst bestMetrics = computed(() => {\n  if (!bestModel.value || !models.value[bestModel.value]) return {};\n  return models.value[bestModel.value];\n});\n\nconst metricCards = computed(() => {\n  const m = bestMetrics.value;\n  return [\n    {\n      label: 'AUC-ROC', bg: 'bg-white',\n      value: m.test_auc ? m.test_auc.mean.toFixed(2) : '—',\n      sub: m.test_auc ? `±${m.test_auc.std.toFixed(2)}` : '',\n      labelColor: 'text-gray-500', valueColor: 'text-indigo-600', subColor: 'text-gray-400',\n    },\n    {\n      label: '精确率', bg: 'bg-white',\n      value: m.test_precision ? (m.test_precision.mean * 100).toFixed(0) + '%' : '—',\n      sub: m.test_precision ? `±${(m.test_precision.std * 100).toFixed(0)}%` : '',\n      labelColor: 'text-gray-500', valueColor: 'text-blue-600', subColor: 'text-gray-400',\n    },\n    {\n      label: '召回率', bg: 'bg-white',\n      value: m.test_sensitivity ? (m.test_sensitivity.mean * 100).toFixed(0) + '%' : '—',\n      sub: m.test_sensitivity ? `±${(m.test_sensitivity.std * 100).toFixed(0)}%` : '',\n      labelColor: 'text-gray-500', valueColor: 'text-orange-600', subColor: 'text-gray-400',\n    },\n    {\n      label: 'F1', bg: 'bg-white',\n      value: m.test_f1 ? m.test_f1.mean.toFixed(2) : '—',\n      sub: m.test_f1 ? `±${m.test_f1.std.toFixed(2)}` : '',\n      labelColor: 'text-gray-500', valueColor: 'text-green-600', subColor: 'text-gray-400',\n    },\n  ];\n});\n\nconst compareRows = computed(() => {\n  const ms = models.value;\n  const rows = [\n    { label: 'AUC-ROC', key: 'test_auc', fmt: (v) => v?.mean?.toFixed(2) || '—' },\n    { label: '精确率', key: 'test_precision', fmt: (v) => v?.mean ? (v.mean * 100).toFixed(0) + '%' : '—' },\n    { label: '召回率', key: 'test_sensitivity', fmt: (v) => v?.mean ? (v.mean * 100).toFixed(0) + '%' : '—' },\n    { label: 'F1', key: 'test_f1', fmt: (v) => v?.mean?.toFixed(2) || '—' },\n    { label: '特异度', key: 'test_specificity', fmt: (v) => v?.mean ? (v.mean * 100).toFixed(0) + '%' : '—' },\n  ];\n  return rows.map((r) => {\n    const values = {};\n    let best = '';\n    let bestVal = r.key === 'test_auc' || r.key === 'test_f1' ? -Infinity : -Infinity;\n    for (const name of modelNames.value) {\n      const v = r.fmt(ms[name][r.key]);\n      values[name] = v;\n      const num = parseFloat(v);\n      if (!isNaN(num) && num > bestVal) { bestVal = num; best = name; }\n    }\n    return { ...r, values, best };\n  });\n});\n\nconst features = computed(() => {\n  const sc = scorecardData.value.scorecard;\n  if (!sc) return [];\n  return sc.features || [];\n});\n\nconst fullFitAuc = computed(() => {\n  const ev = scorecardData.value.evaluation;\n  return ev?.auc_roc ? ev.auc_roc.toFixed(3) : '—';\n});\n\nconst threshold = computed(() => {\n  const sc = scorecardData.value.scorecard;\n  return sc?.thresholds?.clinical_default?.risk_score ?? '—';\n});\n\nconst distribution = computed(() => scorecardData.value.distribution || null);\n\nconst distGroups = computed(() => {\n  if (!distribution.value) return [];\n  return [\n    { label: 'Pre_AF_D1 中位分', data: distribution.value.Pre_AF_D1 || {}, color: 'text-red-600' },\n    { label: 'Clean_Sinus 中位分', data: distribution.value.Clean_Sinus || {}, color: 'text-green-600' },\n  ];\n});\n\nconst shortenName = (name) => name.replace(' (单阈值)', '').replace(' (逻辑回归)', '').replace(' (LightGBM)', '');\n</script>\n"],"mappings":"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"}