{"version":3,"file":"MeasurementList-yforvRjZ.js","names":[],"sources":["../../../app/javascript/Pages/BloodPressureMeasurements/components/MeasurementList.vue"],"sourcesContent":["<template>\n  <div v-if=\"measurements.length > 0\" class=\"p-6\">\n    <div class=\"bg-white rounded-lg shadow-md overflow-hidden\">\n      <div class=\"overflow-x-auto\">\n        <table class=\"min-w-full divide-y divide-gray-200\">\n          <thead class=\"bg-gray-50\">\n            <tr>\n              <th\n                class=\"px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider\"\n              >\n                测量时间\n              </th>\n              <th\n                class=\"px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider\"\n              >\n                健康评分\n              </th>\n              <th\n                class=\"px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider\"\n              >\n                类型\n              </th>\n              <th\n                class=\"px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider\"\n              >\n                平均血压\n              </th>\n              <th\n                class=\"px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider\"\n              >\n                平均心率\n              </th>\n              <th\n                class=\"px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider\"\n              >\n                 {{ t('ai_blood_pressure.form.algorithm_resting_hr_column') }}\n              </th>\n              <th\n                class=\"px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider\"\n              >\n                操作\n              </th>\n            </tr>\n          </thead>\n          <tbody class=\"bg-white divide-y divide-gray-200\">\n            <tr\n              v-for=\"measurement in measurements\"\n              :key=\"measurement.id\"\n              class=\"hover:bg-gray-50 group relative\"\n            >\n              <td class=\"px-6 py-4 whitespace-nowrap\">\n                <div class=\"text-sm font-medium text-gray-900\">\n                  {{ formatDate(measurement.measured_at) }}\n                </div>\n                <div\n                  class=\"text-xs text-gray-500 inline-flex items-center gap-1 cursor-pointer hover:text-indigo-600 group transition-colors select-none\"\n                  :title=\"`完整ID: ${measurement.id}\\n点击复制到剪贴板`\"\n                  @click.stop=\"copyId(measurement.id, $event)\"\n                >\n                  <span>ID: {{ String(measurement.id).slice(0, 8) }}</span>\n                  <span\n                    v-if=\"copiedId === measurement.id\"\n                    class=\"text-[10px] text-green-600 font-medium bg-green-50 px-1 py-0.2 rounded\"\n                  >\n                    已复制\n                  </span>\n                  <svg\n                    v-else\n                    class=\"w-3 h-3 text-gray-400 group-hover:text-indigo-600 opacity-60 group-hover:opacity-100 transition-opacity\"\n                    fill=\"none\"\n                    stroke=\"currentColor\"\n                    viewBox=\"0 0 24 24\"\n                  >\n                    <path\n                      stroke-linecap=\"round\"\n                      stroke-linejoin=\"round\"\n                      stroke-width=\"2\"\n                      d=\"M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z\"\n                    />\n                  </svg>\n                </div>\n              </td>\n              <td class=\"px-6 py-4 whitespace-nowrap\">\n                <div\n                  class=\"text-sm font-medium\"\n                  :class=\"\n                    getHealthScoreColor(\n                      measurement.health_score_details.score,\n                    )\n                  \"\n                >\n                  {{ measurement.health_score_details.score }}/100\n                </div>\n              </td>\n              <td class=\"px-6 py-4 whitespace-nowrap\">\n                <span\n                  class=\"inline-flex px-2 py-1 text-xs font-semibold rounded-full bg-blue-100 text-blue-800\"\n                >\n                  {{ measurement.measurement_type_name }}\n                </span>\n              </td>\n              <td class=\"px-6 py-4 whitespace-nowrap\">\n                <div class=\"text-sm font-medium text-gray-900\">\n                  <span class=\"text-red-600\">{{\n                    measurement.average_systolic\n                  }}</span>\n                  /\n                  <span class=\"text-blue-600\">{{\n                    measurement.average_diastolic\n                  }}</span>\n                  mmHg\n                </div>\n                <button @click=\"toggleDetail(measurement)\" class=\"ml-2 text-blue-600 hover:text-blue-800 text-xs\">\n                  详情\n                </button>\n              </td>\n              <td class=\"px-6 py-4 whitespace-nowrap\">\n                <div class=\"text-sm font-medium text-green-600\">\n                  {{ measurement.average_heart_rate }} bpm\n                </div>\n              </td>\n              <td class=\"px-6 py-4 whitespace-nowrap\">\n                <div class=\"text-sm font-medium text-blue-600\">\n                  {{ measurement.resting_heart_rate }} bpm\n                </div>\n              </td>\n              <td\n                class=\"px-6 py-4 whitespace-nowrap text-sm font-medium\"\n              >\n                <div class=\"flex space-x-2\">\n                  <Link\n                    :href=\"`/blood_pressure_measurements/${measurement.id}/edit`\"\n                    class=\"text-blue-600 hover:text-blue-900\"\n                  >\n                    编辑\n                  </Link>\n                  <button\n                    class=\"text-red-600 hover:text-red-900\"\n                    @click=\"handleDelete(measurement.id)\"\n                  >\n                    删除\n                  </button>\n                </div>\n              </td>\n            </tr>\n          </tbody>\n        </table>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { ref } from 'vue';\nimport { Link, usePage } from '@inertiajs/vue3';\nimport { formatDate, getHealthScoreColor } from '../utils.js';\n\nconst { props: pageProps } = usePage();\nconst t = (key) => {\n  const keys = key.split('.');\n  let val = pageProps.translations || {};\n  for (const k of keys) { val = val?.[k]; }\n  return val || key;\n};\n\nconst copiedId = ref(null);\n\nconst copyId = async (id, event) => {\n  if (event) event.stopPropagation();\n  if (!id) return;\n  try {\n    if (navigator?.clipboard?.writeText) {\n      await navigator.clipboard.writeText(String(id));\n    } else {\n      const textarea = document.createElement('textarea');\n      textarea.value = String(id);\n      document.body.appendChild(textarea);\n      textarea.select();\n      document.execCommand('copy');\n      document.body.removeChild(textarea);\n    }\n    copiedId.value = id;\n    setTimeout(() => {\n      if (copiedId.value === id) {\n        copiedId.value = null;\n      }\n    }, 1500);\n  } catch (err) {\n    console.error('复制ID失败:', err);\n  }\n};\n\ndefineProps({\n  measurements: Array,\n});\n\nconst emit = defineEmits(['delete', 'toggleDetail']);\n\nconst handleDelete = (id) => {\n  emit('delete', id);\n};\n\nconst toggleDetail = (measurement) => {\n  emit('toggleDetail', measurement);\n};\n</script>"],"mappings":"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"}