{"version":3,"file":"SavedCharts-CNp8LXjM.js","names":[],"sources":["../../../app/javascript/Pages/Reports/SavedCharts.vue"],"sourcesContent":["<template>\n  <div>\n    <div v-if=\"loading\" class=\"text-center py-8 text-gray-400\">加载已保存趋势图中...</div>\n    <div v-else-if=\"error\" class=\"text-center py-8 text-red-500\">{{ error }}</div>\n    <div v-else-if=\"snapshots.length === 0\" class=\"text-center py-8 text-gray-400\">\n      暂无已保存的趋势图，请在\"风险评分\"标签页中点击\"保存趋势图\"按钮\n    </div>\n\n    <template v-else>\n      <div class=\"flex items-center justify-between mb-4\">\n        <span class=\"text-sm text-gray-500\">共 {{ snapshots.length }} 张趋势图</span>\n        <button\n          @click=\"fetchData\"\n          class=\"text-xs px-3 py-1 bg-indigo-50 text-indigo-600 rounded hover:bg-indigo-100 transition-colors\"\n        >\n          刷新\n        </button>\n      </div>\n\n      <div class=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\n        <div\n          v-for=\"snap in snapshots\"\n          :key=\"snap.id\"\n          class=\"bg-white border rounded-lg overflow-hidden hover:shadow-md transition-shadow cursor-pointer\"\n          @click=\"selected = snap\"\n        >\n          <div class=\"px-4 py-2 bg-gray-50 border-b flex items-center justify-between\">\n            <span class=\"text-sm font-medium text-gray-700 truncate\">{{ snap.title }}</span>\n            <span class=\"text-xs text-gray-400\">{{ formatDate(snap.created_at) }}</span>\n          </div>\n          <div class=\"p-2\">\n            <img\n              :src=\"snap.chart_image\"\n              :alt=\"snap.title\"\n              class=\"w-full h-auto rounded\"\n              style=\"max-height: 280px; object-fit: contain;\"\n            />\n          </div>\n        </div>\n      </div>\n\n      <!-- 大图预览弹窗 -->\n      <Teleport to=\"body\">\n        <div\n          v-if=\"selected\"\n          class=\"fixed inset-0 bg-black/60 z-50 flex items-center justify-center p-8\"\n          @click.self=\"selected = null\"\n        >\n          <div class=\"bg-white rounded-lg max-w-4xl w-full max-h-[90vh] overflow-auto\">\n            <div class=\"px-4 py-3 border-b flex items-center justify-between\">\n              <span class=\"font-semibold text-gray-800\">{{ selected.title }}</span>\n              <button\n                @click=\"selected = null\"\n                class=\"text-gray-400 hover:text-gray-600 text-xl leading-none\"\n              >&times;</button>\n            </div>\n            <div class=\"p-4 flex gap-4\">\n              <div class=\"flex-1\">\n                <img :src=\"selected.chart_image\" :alt=\"selected.title\" class=\"w-full rounded\" />\n              </div>\n              <div class=\"w-48 flex-shrink-0 flex flex-col gap-2\">\n                <button\n                  @click=\"downloadImage(selected)\"\n                  class=\"w-full text-sm px-3 py-2 bg-indigo-50 text-indigo-600 rounded hover:bg-indigo-100 transition-colors\"\n                >\n                  下载图片\n                </button>\n                <button\n                  @click=\"deleteSnapshot(selected)\"\n                  class=\"w-full text-sm px-3 py-2 bg-red-50 text-red-600 rounded hover:bg-red-100 transition-colors\"\n                >\n                  删除\n                </button>\n                <span class=\"text-xs text-gray-400 mt-2\">保存于 {{ formatDate(selected.created_at) }}</span>\n              </div>\n            </div>\n          </div>\n        </div>\n      </Teleport>\n    </template>\n  </div>\n</template>\n\n<script setup>\nimport { ref, onMounted } from 'vue';\n\nconst loading = ref(true);\nconst error = ref(null);\nconst snapshots = ref([]);\nconst selected = ref(null);\n\nconst fetchData = async () => {\n  loading.value = true;\n  error.value = null;\n\n  try {\n    const response = await fetch('/api/chart_snapshots', {\n      headers: { 'Accept': 'application/json' },\n    });\n\n    if (!response.ok) {\n      if (response.status === 302 || response.status === 401) throw new Error('请先登录');\n      throw new Error(`HTTP ${response.status}`);\n    }\n\n    const data = await response.json();\n    // 列表不返回 chart_image，需要逐个加载\n    snapshots.value = data.snapshots || [];\n\n    // 延迟加载每个快照的完整数据\n    for (const snap of snapshots.value) {\n      try {\n        const r = await fetch(`/api/chart_snapshots/${snap.id}`, {\n          headers: { 'Accept': 'application/json' },\n        });\n        if (r.ok) {\n          const d = await r.json();\n          snap.chart_image = d.chart_image;\n          snap.risk_data = d.risk_data;\n        }\n      } catch { /* skip */ }\n    }\n  } catch (e) {\n    error.value = e.message || '加载失败';\n  } finally {\n    loading.value = false;\n  }\n};\n\nconst formatDate = (dateStr) => {\n  if (!dateStr) return '';\n  const d = new Date(dateStr);\n  return `${d.getFullYear()}-${String(d.getMonth()+1).padStart(2,'0')}-${String(d.getDate()).padStart(2,'0')} ${String(d.getHours()).padStart(2,'0')}:${String(d.getMinutes()).padStart(2,'0')}`;\n};\n\nconst downloadImage = (snap) => {\n  const a = document.createElement('a');\n  a.href = snap.chart_image;\n  a.download = `${snap.title.replace(/[:\\s]/g, '_')}.png`;\n  a.click();\n};\n\nconst deleteSnapshot = async (snap) => {\n  if (!confirm(`确定删除\"${snap.title}\"？`)) return;\n\n  try {\n    const csrfToken = document.querySelector('meta[name=\"csrf-token\"]')?.getAttribute('content');\n    const response = await fetch(`/api/chart_snapshots/${snap.id}`, {\n      method: 'DELETE',\n      headers: { 'X-CSRF-Token': csrfToken },\n    });\n    if (!response.ok) throw new Error(`HTTP ${response.status}`);\n    snapshots.value = snapshots.value.filter(s => s.id !== snap.id);\n    selected.value = null;\n  } catch (e) {\n    alert(`删除失败: ${e.message}`);\n  }\n};\n\nonMounted(fetchData);\n</script>\n"],"mappings":"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"}