{"version":3,"file":"ApiTokenTab-BCW_J-nv.js","names":[],"sources":["../../../app/javascript/Pages/ParameterManagement/components/ApiTokenTab.vue"],"sourcesContent":["<template>\n  <div class=\"p-4\">\n    <div class=\"mb-4\">\n      <PageIdTooltip block-key=\"api_token_tab\" label=\"API Token\">\n        <h3 class=\"text-lg font-semibold text-gray-800\">\n          API Token\n        </h3>\n      </PageIdTooltip>\n      <p class=\"text-xs text-gray-500 mt-1\">\n        生成用于跨实例数据导入（HRV、血压、房颤等）的系统级访问令牌（JWT，24 小时有效）\n      </p>\n    </div>\n\n    <!-- Token 卡片 -->\n    <div class=\"bg-white rounded-lg border border-gray-200 p-6 mb-6 shadow-sm\">\n      <div class=\"flex items-center justify-between mb-3\">\n        <h4 class=\"font-medium text-gray-900 flex items-center text-sm\">\n          <i class=\"pi pi-key text-indigo-500 mr-2\" />\n          当前用户 API Token\n        </h4>\n        <span\n          v-if=\"effectiveExpiresAt\"\n          class=\"text-xs text-gray-500 bg-gray-100 px-2 py-1 rounded\"\n        >\n          有效期至：{{ effectiveExpiresAt }}\n        </span>\n      </div>\n\n      <div class=\"bg-gray-50 border border-gray-200 rounded-md p-3 mb-4\">\n        <textarea\n          ref=\"tokenTextarea\"\n          readonly\n          :value=\"effectiveToken\"\n          rows=\"4\"\n          placeholder=\"正在生成或获取 API Token...\"\n          class=\"w-full bg-transparent font-mono text-xs text-gray-800 focus:outline-none resize-none break-all\"\n        />\n      </div>\n\n      <div class=\"flex flex-wrap items-center justify-between gap-3\">\n        <div class=\"flex items-center gap-3\">\n          <button\n            type=\"button\"\n            class=\"bg-indigo-600 hover:bg-indigo-700 text-white text-sm font-medium py-2 px-4 rounded-md flex items-center transition-colors shadow-sm\"\n            :disabled=\"!effectiveToken\"\n            @click=\"copyToken\"\n          >\n            <i class=\"pi pi-copy mr-2\" />\n            {{ copied ? '已复制' : '复制 Token' }}\n          </button>\n\n          <button\n            type=\"button\"\n            class=\"bg-white hover:bg-gray-50 text-gray-700 border border-gray-300 text-sm font-medium py-2 px-4 rounded-md flex items-center transition-colors shadow-sm disabled:opacity-50\"\n            :disabled=\"refreshing\"\n            @click=\"refreshToken\"\n          >\n            <i class=\"pi pi-refresh mr-2\" :class=\"{ 'pi-spin': refreshing }\" />\n            {{ refreshing ? '正在刷新...' : '重新生成 Token' }}\n          </button>\n        </div>\n\n        <span class=\"text-xs text-gray-500\">\n          关联账号：<strong>{{ userEmail }}</strong>\n        </span>\n      </div>\n\n      <div v-if=\"refreshSuccess\" class=\"mt-3 text-xs text-green-600 flex items-center\">\n        <i class=\"pi pi-check-circle mr-1\" />\n        Token 已成功刷新并延长 24 小时有效期！\n      </div>\n      <div v-if=\"refreshError\" class=\"mt-3 text-xs text-red-600 flex items-center\">\n        <i class=\"pi pi-exclamation-circle mr-1\" />\n        {{ refreshError }}\n      </div>\n    </div>\n\n    <!-- 使用说明 -->\n    <div class=\"bg-white rounded-lg border border-gray-200 p-6 shadow-sm\">\n      <h4 class=\"font-medium text-gray-900 mb-3 flex items-center text-sm\">\n        <i class=\"pi pi-book text-gray-500 mr-2\" />\n        使用方法与场景\n      </h4>\n      <ol class=\"list-decimal list-inside space-y-2 text-xs text-gray-600 leading-relaxed\">\n        <li>点击上方「复制 Token」按钮，将当前用户的 JWT Token 复制到剪贴板。</li>\n        <li>在目标实例中打开<strong>「系统管理 → 自动导入参数」</strong>（或数据管理导入界面）。</li>\n        <li>在<strong>「公共自动导入 Token」</strong>中填入源实例的域名/IP 地址，并将复制的 Token 粘贴到「API Token」输入框中保存。</li>\n        <li>系统各业务模块（HRV、血压、房颤）定时同步或手动 API 导入时，将自动携带该 Token 完成鉴权。</li>\n      </ol>\n\n      <div class=\"mt-4 p-3 bg-amber-50 border border-amber-200 rounded-md text-xs text-amber-700 leading-relaxed\">\n        <strong>⚠️ 安全提示：</strong>Token 等同于当前账号的访问凭据，请勿泄露给他人。Token 默认有效期为 24 小时；若即将过期或已过期，可随时在此点击「重新生成 Token」或在「自动导入参数」中配置账号密码实现后台静默免密轮转。\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { ref, computed, watch } from 'vue';\nimport PageIdTooltip from '@/Shared/PageIdTooltip.vue';\n\nconst props = defineProps({\n  token: { type: String, default: '' },\n  expiresAt: { type: String, default: '' },\n  userEmail: { type: String, default: '' },\n});\n\nconst localToken = ref(props.token);\nconst localExpiresAt = ref(props.expiresAt);\nconst refreshing = ref(false);\nconst refreshSuccess = ref(false);\nconst refreshError = ref('');\nconst tokenTextarea = ref(null);\nconst copied = ref(false);\n\nwatch(() => props.token, (newVal) => {\n  if (newVal) {\n    localToken.value = newVal;\n  }\n});\n\nwatch(() => props.expiresAt, (newVal) => {\n  if (newVal) {\n    localExpiresAt.value = newVal;\n  }\n});\n\nconst effectiveToken = computed(() => localToken.value || props.token || '');\nconst effectiveExpiresAt = computed(() => localExpiresAt.value || props.expiresAt || '');\n\nconst copyToken = async () => {\n  if (!effectiveToken.value) return;\n  try {\n    if (navigator.clipboard && window.isSecureContext) {\n      await navigator.clipboard.writeText(effectiveToken.value);\n    } else {\n      tokenTextarea.value?.select();\n      document.execCommand('copy');\n      tokenTextarea.value?.setSelectionRange(0, 0);\n    }\n    copied.value = true;\n    setTimeout(() => { copied.value = false; }, 2000);\n  } catch {\n    tokenTextarea.value?.select();\n    copied.value = true;\n    setTimeout(() => { copied.value = false; }, 2000);\n  }\n};\n\nconst refreshToken = async () => {\n  refreshing.value = true;\n  refreshSuccess.value = false;\n  refreshError.value = '';\n\n  try {\n    const csrfToken = document.querySelector('meta[name=\"csrf-token\"]')?.getAttribute('content');\n    const resp = await fetch('/parameter_management/refresh_api_token', {\n      method: 'POST',\n      headers: {\n        'Content-Type': 'application/json',\n        'X-CSRF-Token': csrfToken || '',\n        'Accept': 'application/json',\n      },\n    });\n\n    const data = await resp.json();\n    if (resp.ok && data.token) {\n      localToken.value = data.token;\n      localExpiresAt.value = data.expires_at;\n      refreshSuccess.value = true;\n      setTimeout(() => { refreshSuccess.value = false; }, 3000);\n    } else {\n      refreshError.value = data.error || '刷新 Token 失败';\n    }\n  } catch {\n    refreshError.value = '网络请求异常，请稍后重试';\n  } finally {\n    refreshing.value = false;\n  }\n};\n</script>\n"],"mappings":"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"}