From eff796ed8eb102da13851b4755c5f584018c68b1 Mon Sep 17 00:00:00 2001 From: shaw Date: Tue, 29 Jul 2025 18:35:05 +0800 Subject: [PATCH] =?UTF-8?q?fix(admin-spa):=20=E4=BF=AE=E5=A4=8DAPI=20Key?= =?UTF-8?q?=E5=88=9B=E5=BB=BA=E6=88=90=E5=8A=9F=E5=90=8E=E7=9A=84=E5=BC=B9?= =?UTF-8?q?=E7=AA=97=E6=98=BE=E7=A4=BA=E9=97=AE=E9=A2=98?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - 完全复刻原版的API Key成功弹窗样式 - 修复API Key字段读取问题，支持apiKey和key两种字段名 - 添加完整的显示/隐藏功能，默认隐藏API Key内容 - 实现与原版一致的警告提示和关闭确认 - 优化复制功能，添加降级方案 --- .../dist/assets/AccountsView-zsZTMRlc.js | 9 - .../dist/assets/ApiKeysView-C710offB.css | 1 - .../dist/assets/ApiStatsView-DE1u-LE3.js | 1 - .../dist/assets/DashboardView-B48Cl-60.js | 1 - .../dist/assets/LoginView-CgFwBxpX.js | 1 - .../dist/assets/SettingsView-Cj5OFaUq.js | 3 - .../dist/assets/TutorialView-IE8R1R6Q.js | 1 - web/admin-spa/dist/assets/index-CJmHAjMf.js | 2 - .../src/components/apikeys/NewApiKeyModal.vue | 164 ++++++++++-------- 9 files changed, 93 insertions(+), 90 deletions(-) delete mode 100644 web/admin-spa/dist/assets/AccountsView-zsZTMRlc.js delete mode 100644 web/admin-spa/dist/assets/ApiKeysView-C710offB.css delete mode 100644 web/admin-spa/dist/assets/ApiStatsView-DE1u-LE3.js delete mode 100644 web/admin-spa/dist/assets/DashboardView-B48Cl-60.js delete mode 100644 web/admin-spa/dist/assets/LoginView-CgFwBxpX.js delete mode 100644 web/admin-spa/dist/assets/SettingsView-Cj5OFaUq.js delete mode 100644 web/admin-spa/dist/assets/TutorialView-IE8R1R6Q.js delete mode 100644 web/admin-spa/dist/assets/index-CJmHAjMf.js diff --git a/web/admin-spa/dist/assets/AccountsView-zsZTMRlc.js b/web/admin-spa/dist/assets/AccountsView-zsZTMRlc.js deleted file mode 100644 index 3bfdf5f5..00000000 --- a/web/admin-spa/dist/assets/AccountsView-zsZTMRlc.js +++ /dev/null @@ -1,9 +0,0 @@ -import{r as k,aR as $e,o as K,V as Te,x as i,y as r,z as e,L as A,K as C,al as fe,aY as Z,aX as ge,aq as z,aZ as Ce,C as D,O as b,c as ee,P as j,I as te,a5 as be,R as ae,an as Y,u as E,q as Ae,Y as Ue,Q as _e,ac as Ie,B as je}from"./vue-vendor-CKToUHZx.js";import{s as S}from"./toast-BvwA7Mwb.js";import{a as M,_ as Ve}from"./index-CJmHAjMf.js";import"./element-plus-B8Fs_0jW.js";import"./vendor-BDiMbLwQ.js";const le=k(!1),xe=k({title:"",message:"",confirmText:"继续",cancelText:"取消"}),Q=k(null);function we(){return{showConfirmModal:le,confirmOptions:xe,showConfirm:(y,x,U="继续",$="取消")=>new Promise(h=>{xe.value={title:y,message:x,confirmText:U,cancelText:$},Q.value=h,le.value=!0}),handleConfirm:()=>{le.value=!1,Q.value&&(Q.value(!0),Q.value=null)},handleCancel:()=>{le.value=!1,Q.value&&(Q.value(!1),Q.value=null)}}}const he=$e("accounts",()=>{const R=k([]),L=k([]),o=k(!1),y=k(null),x=k(""),U=k("asc"),$=async()=>{o.value=!0,y.value=null;try{const f=await M.get("/admin/claude-accounts");if(f.success)R.value=f.data||[];else throw new Error(f.message||"获取Claude账户失败")}catch(f){throw y.value=f.message,f}finally{o.value=!1}},h=async()=>{o.value=!0,y.value=null;try{const f=await M.get("/admin/gemini-accounts");if(f.success)L.value=f.data||[];else throw new Error(f.message||"获取Gemini账户失败")}catch(f){throw y.value=f.message,f}finally{o.value=!1}};return{claudeAccounts:R,geminiAccounts:L,loading:o,error:y,sortBy:x,sortOrder:U,fetchClaudeAccounts:$,fetchGeminiAccounts:h,fetchAllAccounts:async()=>{o.value=!0,y.value=null;try{await Promise.all([$(),h()])}catch(f){throw y.value=f.message,f}finally{o.value=!1}},createClaudeAccount:async f=>{o.value=!0,y.value=null;try{const d=await M.post("/admin/claude-accounts",f);if(d.success)return await $(),d.data;throw new Error(d.message||"创建Claude账户失败")}catch(d){throw y.value=d.message,d}finally{o.value=!1}},createGeminiAccount:async f=>{o.value=!0,y.value=null;try{const d=await M.post("/admin/gemini-accounts",f);if(d.success)return await h(),d.data;throw new Error(d.message||"创建Gemini账户失败")}catch(d){throw y.value=d.message,d}finally{o.value=!1}},updateClaudeAccount:async(f,d)=>{o.value=!0,y.value=null;try{const T=await M.put(`/admin/claude-accounts/${f}`,d);if(T.success)return await $(),T;throw new Error(T.message||"更新Claude账户失败")}catch(T){throw y.value=T.message,T}finally{o.value=!1}},updateGeminiAccount:async(f,d)=>{o.value=!0,y.value=null;try{const T=await M.put(`/admin/gemini-accounts/${f}`,d);if(T.success)return await h(),T;throw new Error(T.message||"更新Gemini账户失败")}catch(T){throw y.value=T.message,T}finally{o.value=!1}},toggleAccount:async(f,d)=>{o.value=!0,y.value=null;try{const T=f==="claude"?`/admin/claude-accounts/${d}/toggle`:`/admin/gemini-accounts/${d}/toggle`,W=await M.put(T);if(W.success)return f==="claude"?await $():await h(),W;throw new Error(W.message||"切换状态失败")}catch(T){throw y.value=T.message,T}finally{o.value=!1}},deleteAccount:async(f,d)=>{o.value=!0,y.value=null;try{const T=f==="claude"?`/admin/claude-accounts/${d}`:`/admin/gemini-accounts/${d}`,W=await M.delete(T);if(W.success)return f==="claude"?await $():await h(),W;throw new Error(W.message||"删除失败")}catch(T){throw y.value=T.message,T}finally{o.value=!1}},refreshClaudeToken:async f=>{o.value=!0,y.value=null;try{const d=await M.post(`/admin/claude-accounts/${f}/refresh`);if(d.success)return await $(),d;throw new Error(d.message||"Token刷新失败")}catch(d){throw y.value=d.message,d}finally{o.value=!1}},generateClaudeAuthUrl:async f=>{try{const d=await M.post("/admin/claude-accounts/generate-auth-url",f);if(d.success)return d.data;throw new Error(d.message||"生成授权URL失败")}catch(d){throw y.value=d.message,d}},exchangeClaudeCode:async f=>{try{const d=await M.post("/admin/claude-accounts/exchange-code",f);if(d.success)return d.data;throw new Error(d.message||"交换授权码失败")}catch(d){throw y.value=d.message,d}},generateGeminiAuthUrl:async f=>{try{const d=await M.post("/admin/gemini-accounts/generate-auth-url",f);if(d.success)return d.data;throw new Error(d.message||"生成授权URL失败")}catch(d){throw y.value=d.message,d}},exchangeGeminiCode:async f=>{try{const d=await M.post("/admin/gemini-accounts/exchange-code",f);if(d.success)return d.data;throw new Error(d.message||"交换授权码失败")}catch(d){throw y.value=d.message,d}},sortAccounts:f=>{x.value===f?U.value=U.value==="asc"?"desc":"asc":(x.value=f,U.value="asc")},reset:()=>{R.value=[],L.value=[],o.value=!1,y.value=null,x.value="",U.value="asc"}}}),Se={class:"space-y-4"},Ge={class:"flex items-center justify-between"},Re={class:"flex items-center cursor-pointer"},Me={key:0,class:"bg-gray-50 p-4 rounded-lg border border-gray-200 space-y-4"},Pe={class:"grid grid-cols-2 gap-4"},Oe={class:"space-y-4"},Le={class:"flex items-center"},ze={key:0,class:"grid grid-cols-2 gap-4"},De={class:"relative"},Ee=["type"],ve={__name:"ProxyConfig",props:{modelValue:{type:Object,default:()=>({enabled:!1,type:"socks5",host:"",port:"",username:"",password:""})}},emits:["update:modelValue"],setup(R,{emit:L}){const o=R,y=L,x=k({...o.modelValue}),U=k(!!(x.value.username||x.value.password)),$=k(!1);K(()=>o.modelValue,v=>{JSON.stringify(v)!==JSON.stringify(x.value)&&(x.value={...v},U.value=!!(v.username||v.password))},{deep:!0}),K(()=>x.value.enabled,v=>{_()}),K(()=>x.value.type,v=>{_()}),K(()=>x.value.host,v=>{_()}),K(()=>x.value.port,v=>{_()}),K(()=>x.value.username,v=>{_()}),K(()=>x.value.password,v=>{_()}),K(U,v=>{v||(x.value.username="",x.value.password="",_())});let h=null;function _(){h&&clearTimeout(h),h=setTimeout(()=>{const v={...x.value};U.value||(v.username="",v.password=""),y("update:modelValue",v)},100)}return Te(()=>{h&&clearTimeout(h)}),(v,c)=>(r(),i("div",Se,[e("div",Ge,[c[9]||(c[9]=e("h4",{class:"text-sm font-semibold text-gray-700"},"代理设置 (可选)",-1)),e("label",Re,[C(e("input",{type:"checkbox","onUpdate:modelValue":c[0]||(c[0]=I=>x.value.enabled=I),class:"w-4 h-4 text-blue-600 bg-gray-100 border-gray-300 rounded focus:ring-blue-500"},null,512),[[fe,x.value.enabled]]),c[8]||(c[8]=e("span",{class:"ml-2 text-sm text-gray-700"},"启用代理",-1))])]),x.value.enabled?(r(),i("div",Me,[c[17]||(c[17]=Z('

配置代理以访问受限的网络资源。支持 SOCKS5 和 HTTP 代理。

请确保代理服务器稳定可用，否则会影响账户的正常使用。

',1)),e("div",null,[c[11]||(c[11]=e("label",{class:"block text-sm font-medium text-gray-700 mb-2"},"代理类型",-1)),C(e("select",{"onUpdate:modelValue":c[1]||(c[1]=I=>x.value.type=I),class:"form-input w-full"},c[10]||(c[10]=[e("option",{value:"socks5"},"SOCKS5",-1),e("option",{value:"http"},"HTTP",-1),e("option",{value:"https"},"HTTPS",-1)]),512),[[ge,x.value.type]])]),e("div",Pe,[e("div",null,[c[12]||(c[12]=e("label",{class:"block text-sm font-medium text-gray-700 mb-2"},"主机地址",-1)),C(e("input",{"onUpdate:modelValue":c[2]||(c[2]=I=>x.value.host=I),type:"text",placeholder:"例如: 192.168.1.100",class:"form-input w-full"},null,512),[[z,x.value.host]])]),e("div",null,[c[13]||(c[13]=e("label",{class:"block text-sm font-medium text-gray-700 mb-2"},"端口",-1)),C(e("input",{"onUpdate:modelValue":c[3]||(c[3]=I=>x.value.port=I),type:"number",placeholder:"例如: 1080",class:"form-input w-full"},null,512),[[z,x.value.port]])])]),e("div",Oe,[e("div",Le,[C(e("input",{type:"checkbox","onUpdate:modelValue":c[4]||(c[4]=I=>U.value=I),id:"proxyAuth",class:"w-4 h-4 text-blue-600 bg-gray-100 border-gray-300 rounded focus:ring-blue-500"},null,512),[[fe,U.value]]),c[14]||(c[14]=e("label",{for:"proxyAuth",class:"ml-2 text-sm text-gray-700 cursor-pointer"}," 需要身份验证 ",-1))]),U.value?(r(),i("div",ze,[e("div",null,[c[15]||(c[15]=e("label",{class:"block text-sm font-medium text-gray-700 mb-2"},"用户名",-1)),C(e("input",{"onUpdate:modelValue":c[5]||(c[5]=I=>x.value.username=I),type:"text",placeholder:"代理用户名",class:"form-input w-full"},null,512),[[z,x.value.username]])]),e("div",null,[c[16]||(c[16]=e("label",{class:"block text-sm font-medium text-gray-700 mb-2"},"密码",-1)),e("div",De,[C(e("input",{"onUpdate:modelValue":c[6]||(c[6]=I=>x.value.password=I),type:$.value?"text":"password",placeholder:"代理密码",class:"form-input w-full pr-10"},null,8,Ee),[[Ce,x.value.password]]),e("button",{type:"button",onClick:c[7]||(c[7]=I=>$.value=!$.value),class:"absolute inset-y-0 right-0 pr-3 flex items-center text-gray-400 hover:text-gray-600"},[e("i",{class:D($.value?"fas fa-eye-slash":"fas fa-eye")},null,2)])])])])):A("",!0)]),c[18]||(c[18]=e("div",{class:"bg-blue-50 p-3 rounded-lg border border-blue-200"},[e("p",{class:"text-xs text-blue-700"},[e("i",{class:"fas fa-info-circle mr-1"}),e("strong",null,"提示："),b("代理设置将用于所有与此账户相关的API请求。请确保代理服务器支持HTTPS流量转发。 ")])],-1))])):A("",!0)]))}},Ke={class:"space-y-6"},We={key:0},qe={class:"bg-blue-50 p-6 rounded-lg border border-blue-200"},Be={class:"flex items-start gap-4"},Ne={class:"flex-1"},Fe={class:"space-y-4"},He={class:"bg-white/80 rounded-lg p-4 border border-blue-300"},Je={class:"flex items-start gap-3"},Ye={class:"flex-1"},Qe=["disabled"],Xe={key:0,class:"fas fa-link mr-2"},Ze={key:1,class:"loading-spinner mr-2"},et={key:1,class:"space-y-3"},tt={class:"flex items-center gap-2"},st=["value"],lt={class:"bg-white/80 rounded-lg p-4 border border-blue-300"},at={class:"flex items-start gap-3"},ot={class:"flex-1"},nt={class:"space-y-3"},rt={key:1},it={class:"bg-green-50 p-6 rounded-lg border border-green-200"},ut={class:"flex items-start gap-4"},dt={class:"flex-1"},ct={class:"space-y-4"},mt={class:"bg-white/80 rounded-lg p-4 border border-green-300"},pt={class:"flex items-start gap-3"},ft={class:"flex-1"},xt=["disabled"],vt={key:0,class:"fas fa-link mr-2"},yt={key:1,class:"loading-spinner mr-2"},gt={key:1,class:"space-y-3"},bt={class:"flex items-center gap-2"},wt=["value"],ht={class:"bg-white/80 rounded-lg p-4 border border-green-300"},kt={class:"flex items-start gap-3"},$t={class:"flex-1"},Tt={class:"space-y-3"},Ct={class:"flex gap-3 pt-4"},At=["disabled"],Ut={key:0,class:"loading-spinner mr-2"},_t={__name:"OAuthFlow",props:{platform:{type:String,required:!0},proxy:{type:Object,default:null}},emits:["success","back"],setup(R,{emit:L}){const o=R,y=L,x=he(),U=k(!1),$=k(!1),h=k(""),_=k(""),v=k(!1),c=k(""),I=ee(()=>h.value&&_.value.trim());K(_,g=>{if(!g||typeof g!="string")return;const a=g.trim();if(!a)return;if(a.startsWith("http://")||a.startsWith("https://"))if(a.startsWith("http://localhost:45462"))try{const q=new URL(a).searchParams.get("code");q?(_.value=q,S("成功提取授权码！","success"),console.log("Successfully extracted authorization code from URL")):S("URL 中未找到授权码参数，请检查链接是否正确","error")}catch(N){console.error("Failed to parse URL:",N),S("链接格式错误，请检查是否为完整的 URL","error")}else if(o.platform==="gemini")try{const q=new URL(a).searchParams.get("code");q&&(_.value=q,S("成功提取授权码！","success"))}catch{}else S("请粘贴以 http://localhost:45462 开头的链接","error")});const P=async()=>{var g;U.value=!0;try{const a=(g=o.proxy)!=null&&g.enabled?{proxy:{type:o.proxy.type,host:o.proxy.host,port:parseInt(o.proxy.port),username:o.proxy.username||null,password:o.proxy.password||null}}:{};if(o.platform==="claude"){const G=await x.generateClaudeAuthUrl(a);h.value=G.authUrl,c.value=G.sessionId}else if(o.platform==="gemini"){const G=await x.generateGeminiAuthUrl(a);h.value=G.authUrl,c.value=G.sessionId}}catch(a){S(a.message||"生成授权链接失败","error")}finally{U.value=!1}},V=()=>{h.value="",_.value="",P()},F=async()=>{try{await navigator.clipboard.writeText(h.value),v.value=!0,S("链接已复制","success"),setTimeout(()=>{v.value=!1},2e3)}catch{const a=document.createElement("input");a.value=h.value,document.body.appendChild(a),a.select(),document.execCommand("copy"),document.body.removeChild(a),v.value=!0,S("链接已复制","success"),setTimeout(()=>{v.value=!1},2e3)}},s=async()=>{var g;if(I.value){$.value=!0;try{let a={};o.platform==="claude"?a={sessionId:c.value,callbackUrl:_.value.trim()}:o.platform==="gemini"&&(a={code:_.value.trim(),sessionId:c.value}),(g=o.proxy)!=null&&g.enabled&&(a.proxy={type:o.proxy.type,host:o.proxy.host,port:parseInt(o.proxy.port),username:o.proxy.username||null,password:o.proxy.password||null});let G;o.platform==="claude"?G=await x.exchangeClaudeCode(a):o.platform==="gemini"&&(G=await x.exchangeGeminiCode(a)),y("success",G)}catch(a){S(a.message||"授权失败，请检查授权码是否正确","error")}finally{$.value=!1}}};return(g,a)=>(r(),i("div",Ke,[R.platform==="claude"?(r(),i("div",We,[e("div",qe,[e("div",Be,[a[14]||(a[14]=e("div",{class:"w-10 h-10 bg-blue-500 rounded-lg flex items-center justify-center flex-shrink-0"},[e("i",{class:"fas fa-link text-white"})],-1)),e("div",Ne,[a[12]||(a[12]=e("h4",{class:"font-semibold text-blue-900 mb-3"},"Claude 账户授权",-1)),a[13]||(a[13]=e("p",{class:"text-sm text-blue-800 mb-4"}," 请按照以下步骤完成 Claude 账户的授权： ",-1)),e("div",Fe,[e("div",He,[e("div",Je,[a[5]||(a[5]=e("div",{class:"w-6 h-6 bg-blue-600 text-white rounded-full flex items-center justify-center text-xs font-bold flex-shrink-0"},"1",-1)),e("div",Ye,[a[4]||(a[4]=e("p",{class:"font-medium text-blue-900 mb-2"},"点击下方按钮生成授权链接",-1)),h.value?(r(),i("div",et,[e("div",tt,[e("input",{type:"text",value:h.value,readonly:"",class:"form-input flex-1 text-xs font-mono bg-gray-50"},null,8,st),e("button",{onClick:F,class:"px-3 py-2 bg-gray-100 hover:bg-gray-200 rounded-lg transition-colors",title:"复制链接"},[e("i",{class:D(v.value?"fas fa-check text-green-500":"fas fa-copy")},null,2)])]),e("button",{onClick:V,class:"text-xs text-blue-600 hover:text-blue-700"},a[3]||(a[3]=[e("i",{class:"fas fa-sync-alt mr-1"},null,-1),b("重新生成 ",-1)]))])):(r(),i("button",{key:0,onClick:P,disabled:U.value,class:"btn btn-primary px-4 py-2 text-sm"},[U.value?(r(),i("div",Ze)):(r(),i("i",Xe)),b(" "+j(U.value?"生成中...":"生成授权链接"),1)],8,Qe))])])]),a[11]||(a[11]=Z('
2

在浏览器中打开链接并完成授权

请在新标签页中打开授权链接，登录您的 Claude 账户并授权。

注意：如果您设置了代理，请确保浏览器也使用相同的代理访问授权页面。

',1)),e("div",lt,[e("div",at,[a[10]||(a[10]=e("div",{class:"w-6 h-6 bg-blue-600 text-white rounded-full flex items-center justify-center text-xs font-bold flex-shrink-0"},"3",-1)),e("div",ot,[a[8]||(a[8]=e("p",{class:"font-medium text-blue-900 mb-2"},"输入 Authorization Code",-1)),a[9]||(a[9]=e("p",{class:"text-sm text-blue-700 mb-3"},[b(" 授权完成后，页面会显示一个 "),e("strong",null,"Authorization Code"),b("，请将其复制并粘贴到下方输入框： ")],-1)),e("div",nt,[e("div",null,[a[6]||(a[6]=e("label",{class:"block text-sm font-semibold text-gray-700 mb-2"},[e("i",{class:"fas fa-key text-blue-500 mr-2"}),b("Authorization Code ")],-1)),C(e("textarea",{"onUpdate:modelValue":a[0]||(a[0]=G=>_.value=G),rows:"3",class:"form-input w-full resize-none font-mono text-sm",placeholder:"粘贴从Claude页面获取的Authorization Code..."},null,512),[[z,_.value]])]),a[7]||(a[7]=e("p",{class:"text-xs text-gray-500 mt-2"},[e("i",{class:"fas fa-info-circle mr-1"}),b(" 请粘贴从Claude页面复制的Authorization Code ")],-1))])])])])])])])])])):R.platform==="gemini"?(r(),i("div",rt,[e("div",it,[e("div",ut,[a[26]||(a[26]=e("div",{class:"w-10 h-10 bg-green-500 rounded-lg flex items-center justify-center flex-shrink-0"},[e("i",{class:"fas fa-robot text-white"})],-1)),e("div",dt,[a[24]||(a[24]=e("h4",{class:"font-semibold text-green-900 mb-3"},"Gemini 账户授权",-1)),a[25]||(a[25]=e("p",{class:"text-sm text-green-800 mb-4"}," 请按照以下步骤完成 Gemini 账户的授权： ",-1)),e("div",ct,[e("div",mt,[e("div",pt,[a[17]||(a[17]=e("div",{class:"w-6 h-6 bg-green-600 text-white rounded-full flex items-center justify-center text-xs font-bold flex-shrink-0"},"1",-1)),e("div",ft,[a[16]||(a[16]=e("p",{class:"font-medium text-green-900 mb-2"},"点击下方按钮生成授权链接",-1)),h.value?(r(),i("div",gt,[e("div",bt,[e("input",{type:"text",value:h.value,readonly:"",class:"form-input flex-1 text-xs font-mono bg-gray-50"},null,8,wt),e("button",{onClick:F,class:"px-3 py-2 bg-gray-100 hover:bg-gray-200 rounded-lg transition-colors",title:"复制链接"},[e("i",{class:D(v.value?"fas fa-check text-green-500":"fas fa-copy")},null,2)])]),e("button",{onClick:V,class:"text-xs text-green-600 hover:text-green-700"},a[15]||(a[15]=[e("i",{class:"fas fa-sync-alt mr-1"},null,-1),b("重新生成 ",-1)]))])):(r(),i("button",{key:0,onClick:P,disabled:U.value,class:"btn btn-primary px-4 py-2 text-sm"},[U.value?(r(),i("div",yt)):(r(),i("i",vt)),b(" "+j(U.value?"生成中...":"生成授权链接"),1)],8,xt))])])]),a[23]||(a[23]=Z('
2

在浏览器中打开链接并完成授权

  1. 点击上方的授权链接，在新页面中完成Google账号登录
  2. 点击“登录”按钮后可能会加载很慢（这是正常的）
  3. 如果超过1分钟还在加载，请按 F5 刷新页面
  4. 授权完成后会跳转到 http://localhost:45462 (可能显示无法访问)

提示：如果页面一直无法跳转，可以打开浏览器开发者工具（F12），F5刷新一下授权页再点击页面的登录按钮，在“网络”标签中找到以 localhost:45462 开头的请求，复制其完整URL。

',1)),e("div",ht,[e("div",kt,[a[22]||(a[22]=e("div",{class:"w-6 h-6 bg-green-600 text-white rounded-full flex items-center justify-center text-xs font-bold flex-shrink-0"},"3",-1)),e("div",$t,[a[20]||(a[20]=e("p",{class:"font-medium text-green-900 mb-2"},"复制oauth后的链接",-1)),a[21]||(a[21]=e("p",{class:"text-sm text-green-700 mb-3"}," 复制浏览器地址栏的完整链接并粘贴到下方输入框： ",-1)),e("div",Tt,[e("div",null,[a[18]||(a[18]=e("label",{class:"block text-sm font-semibold text-gray-700 mb-2"},[e("i",{class:"fas fa-key text-green-500 mr-2"}),b("复制oauth后的链接 ")],-1)),C(e("textarea",{"onUpdate:modelValue":a[1]||(a[1]=G=>_.value=G),rows:"3",class:"form-input w-full resize-none font-mono text-sm",placeholder:"粘贴以 http://localhost:45462 开头的完整链接..."},null,512),[[z,_.value]])]),a[19]||(a[19]=Z('

支持粘贴完整链接，系统会自动提取授权码

也可以直接粘贴授权码（code参数的值）

',1))])])])])])])])])])):A("",!0),e("div",Ct,[e("button",{type:"button",onClick:a[2]||(a[2]=G=>g.$emit("back")),class:"flex-1 px-6 py-3 bg-gray-100 text-gray-700 rounded-xl font-semibold hover:bg-gray-200 transition-colors"}," 上一步 "),e("button",{type:"button",onClick:s,disabled:!I.value||$.value,class:"btn btn-primary flex-1 py-3 px-6 font-semibold"},[$.value?(r(),i("div",Ut)):A("",!0),b(" "+j($.value?"验证中...":"完成授权"),1)],8,At)])]))}},It={key:0,class:"fixed inset-0 modal z-50 flex items-center justify-center p-4"},jt={class:"modal-content w-full max-w-md p-6 mx-auto"},Vt={class:"flex items-start gap-4 mb-6"},St={class:"flex-1"},Gt={class:"text-lg font-bold text-gray-900 mb-2"},Rt={class:"text-gray-600 text-sm leading-relaxed whitespace-pre-line"},Mt={class:"flex gap-3"},ke={__name:"ConfirmModal",props:{show:{type:Boolean,required:!0},title:{type:String,default:""},message:{type:String,default:""},confirmText:{type:String,default:"继续"},cancelText:{type:String,default:"取消"}},emits:["confirm","cancel"],setup(R){return(L,o)=>(r(),te(be,{to:"body"},[R.show?(r(),i("div",It,[e("div",jt,[e("div",Vt,[o[2]||(o[2]=e("div",{class:"w-12 h-12 bg-gradient-to-br from-yellow-400 to-yellow-500 rounded-full flex items-center justify-center flex-shrink-0"},[e("i",{class:"fas fa-exclamation text-white text-xl"})],-1)),e("div",St,[e("h3",Gt,j(R.title),1),e("p",Rt,j(R.message),1)])]),e("div",Mt,[e("button",{onClick:o[0]||(o[0]=y=>L.$emit("cancel")),class:"flex-1 px-4 py-2.5 bg-gray-100 text-gray-700 rounded-xl font-medium hover:bg-gray-200 transition-colors"},j(R.cancelText),1),e("button",{onClick:o[1]||(o[1]=y=>L.$emit("confirm")),class:"flex-1 px-4 py-2.5 bg-gradient-to-r from-yellow-500 to-orange-500 text-white rounded-xl font-medium hover:from-yellow-600 hover:to-orange-600 transition-colors shadow-sm"},j(R.confirmText),1)])])])):A("",!0)]))}},Pt={key:0,class:"fixed inset-0 modal z-50 flex items-center justify-center p-4"},Ot={class:"modal-content w-full max-w-2xl p-8 mx-auto max-h-[90vh] overflow-y-auto custom-scrollbar"},Lt={class:"flex items-center justify-between mb-6"},zt={class:"flex items-center gap-3"},Dt={class:"text-xl font-bold text-gray-900"},Et={key:0,class:"flex items-center justify-center mb-8"},Kt={class:"flex items-center space-x-4"},Wt={class:"flex items-center"},qt={class:"flex items-center"},Bt={key:1},Nt={class:"space-y-6"},Ft={key:0},Ht={class:"flex gap-4"},Jt={class:"flex items-center cursor-pointer"},Yt={class:"flex items-center cursor-pointer"},Qt={key:1},Xt={class:"flex gap-4"},Zt={class:"flex items-center cursor-pointer"},es={class:"flex items-center cursor-pointer"},ts={key:0,class:"text-red-500 text-xs mt-1"},ss={class:"flex gap-4"},ls={class:"flex items-center cursor-pointer"},as={class:"flex items-center cursor-pointer"},os={key:2},ns={key:3,class:"space-y-4 bg-blue-50 p-4 rounded-lg border border-blue-200"},rs={class:"flex items-start gap-3 mb-4"},is={key:0,class:"text-sm text-blue-800 mb-2"},us={key:1,class:"text-sm text-blue-800 mb-2"},ds={class:"bg-white/80 rounded-lg p-3 mt-2 mb-2 border border-blue-300"},cs={key:0,class:"text-xs text-blue-800"},ms={key:1,class:"text-xs text-blue-800"},ps={key:0,class:"text-red-500 text-xs mt-1"},fs={class:"flex gap-3 pt-4"},xs=["disabled"],vs=["disabled"],ys={key:0,class:"loading-spinner mr-2"},gs={key:3,class:"space-y-6"},bs={class:"flex gap-4"},ws={class:"flex items-center cursor-pointer"},hs={class:"flex items-center cursor-pointer"},ks={key:0},$s={class:"bg-amber-50 p-4 rounded-lg border border-amber-200"},Ts={class:"space-y-4"},Cs={class:"flex gap-3 pt-4"},As=["disabled"],Us={key:0,class:"loading-spinner mr-2"},ye={__name:"AccountForm",props:{account:{type:Object,default:null}},emits:["close","success"],setup(R,{emit:L}){var f,d,T,W,se;const o=R,y=L,x=he(),{showConfirmModal:U,confirmOptions:$,showConfirm:h,handleConfirm:_,handleCancel:v}=we(),c=ee(()=>!!o.account),I=k(!0),P=k(1),V=k(!1),F=()=>{var p;return(p=o.account)!=null&&p.proxy&&o.account.proxy.host&&o.account.proxy.port?{enabled:!0,type:o.account.proxy.type||"socks5",host:o.account.proxy.host,port:o.account.proxy.port,username:o.account.proxy.username||"",password:o.account.proxy.password||""}:{enabled:!1,type:"socks5",host:"",port:"",username:"",password:""}},s=k({platform:((f=o.account)==null?void 0:f.platform)||"claude",addType:"oauth",name:((d=o.account)==null?void 0:d.name)||"",description:((T=o.account)==null?void 0:T.description)||"",accountType:((W=o.account)==null?void 0:W.accountType)||"shared",projectId:((se=o.account)==null?void 0:se.projectId)||"",accessToken:"",refreshToken:"",proxy:F()}),g=k({name:"",accessToken:""}),a=ee(()=>{var p;return((p=s.value.name)==null?void 0:p.trim())&&s.value.platform});ee(()=>{var p,t,m;return s.value.addType==="manual"?((p=s.value.name)==null?void 0:p.trim())&&((t=s.value.accessToken)==null?void 0:t.trim()):(m=s.value.name)==null?void 0:m.trim()});const G=async()=>{if(g.value.name="",!a.value){(!s.value.name||s.value.name.trim()==="")&&(g.value.name="请填写账户名称");return}s.value.platform==="gemini"&&P.value===1&&s.value.addType==="oauth"&&(!s.value.projectId||s.value.projectId.trim()==="")&&!await h("项目编号未填写",`您尚未填写项目编号。 - -如果您的Google账号绑定了Google Cloud或被识别为Workspace账号，需要提供项目编号。 -如果您使用的是普通个人账号，可以继续不填写。`,"继续","返回填写")||(P.value=2)},N=async p=>{V.value=!0;try{const t={name:s.value.name,description:s.value.description,accountType:s.value.accountType,proxy:s.value.proxy.enabled?{type:s.value.proxy.type,host:s.value.proxy.host,port:parseInt(s.value.proxy.port),username:s.value.proxy.username||null,password:s.value.proxy.password||null}:null};s.value.platform==="claude"?t.claudeAiOauth=p.claudeAiOauth||p:s.value.platform==="gemini"&&(t.geminiOauth=p.tokens||p,s.value.projectId&&(t.projectId=s.value.projectId));let m;s.value.platform==="claude"?m=await x.createClaudeAccount(t):m=await x.createGeminiAccount(t),y("success",m)}catch(t){S(t.message||"账户创建失败","error")}finally{V.value=!1}},q=async()=>{g.value.name="",g.value.accessToken="";let p=!1;if((!s.value.name||s.value.name.trim()==="")&&(g.value.name="请填写账户名称",p=!0),s.value.addType==="manual"&&(!s.value.accessToken||s.value.accessToken.trim()==="")&&(g.value.accessToken="请填写 Access Token",p=!0),!p){V.value=!0;try{const t={name:s.value.name,description:s.value.description,accountType:s.value.accountType,proxy:s.value.proxy.enabled?{type:s.value.proxy.type,host:s.value.proxy.host,port:parseInt(s.value.proxy.port),username:s.value.proxy.username||null,password:s.value.proxy.password||null}:null};if(s.value.platform==="claude"){const u=s.value.refreshToken?6e5:31536e6;t.claudeAiOauth={accessToken:s.value.accessToken,refreshToken:s.value.refreshToken||"",expiresAt:Date.now()+u,scopes:["user:inference"]}}else if(s.value.platform==="gemini"){const u=s.value.refreshToken?6e5:31536e6;t.geminiOauth={access_token:s.value.accessToken,refresh_token:s.value.refreshToken||"",scope:"https://www.googleapis.com/auth/cloud-platform",token_type:"Bearer",expiry_date:Date.now()+u},s.value.projectId&&(t.projectId=s.value.projectId)}let m;s.value.platform==="claude"?m=await x.createClaudeAccount(t):m=await x.createGeminiAccount(t),y("success",m)}catch(t){S(t.message||"账户创建失败","error")}finally{V.value=!1}}},X=async()=>{if(g.value.name="",!s.value.name||s.value.name.trim()===""){g.value.name="请填写账户名称";return}if(!(s.value.platform==="gemini"&&(!s.value.projectId||s.value.projectId.trim()==="")&&!await h("项目编号未填写",`您尚未填写项目编号。 - -如果您的Google账号绑定了Google Cloud或被识别为Workspace账号，需要提供项目编号。 -如果您使用的是普通个人账号，可以继续不填写。`,"继续保存","返回填写"))){V.value=!0;try{const p={name:s.value.name,description:s.value.description,accountType:s.value.accountType,proxy:s.value.proxy.enabled?{type:s.value.proxy.type,host:s.value.proxy.host,port:parseInt(s.value.proxy.port),username:s.value.proxy.username||null,password:s.value.proxy.password||null}:null};if(s.value.accessToken||s.value.refreshToken){if(o.account.platform==="claude"){const t=s.value.refreshToken?6e5:31536e6;p.claudeAiOauth={accessToken:s.value.accessToken||"",refreshToken:s.value.refreshToken||"",expiresAt:Date.now()+t,scopes:["user:inference"]}}else if(o.account.platform==="gemini"){const t=s.value.refreshToken?6e5:31536e6;p.geminiOauth={access_token:s.value.accessToken||"",refresh_token:s.value.refreshToken||"",scope:"https://www.googleapis.com/auth/cloud-platform",token_type:"Bearer",expiry_date:Date.now()+t}}}o.account.platform==="gemini"&&s.value.projectId&&(p.projectId=s.value.projectId),o.account.platform==="claude"?await x.updateClaudeAccount(o.account.id,p):await x.updateGeminiAccount(o.account.id,p),y("success")}catch(p){S(p.message||"账户更新失败","error")}finally{V.value=!1}}};return K(()=>s.value.name,()=>{var p;g.value.name&&((p=s.value.name)!=null&&p.trim())&&(g.value.name="")}),K(()=>s.value.accessToken,()=>{var p;g.value.accessToken&&((p=s.value.accessToken)!=null&&p.trim())&&(g.value.accessToken="")}),K(()=>o.account,p=>{if(p){const t=p.proxy&&p.proxy.host&&p.proxy.port?{enabled:!0,type:p.proxy.type||"socks5",host:p.proxy.host,port:p.proxy.port,username:p.proxy.username||"",password:p.proxy.password||""}:{enabled:!1,type:"socks5",host:"",port:"",username:"",password:""};s.value={platform:p.platform,addType:"oauth",name:p.name,description:p.description||"",accountType:p.accountType||"shared",projectId:p.projectId||"",accessToken:"",refreshToken:"",proxy:t}}},{immediate:!0}),(p,t)=>(r(),te(be,{to:"body"},[I.value?(r(),i("div",Pt,[e("div",Ot,[e("div",Lt,[e("div",zt,[t[24]||(t[24]=e("div",{class:"w-10 h-10 bg-gradient-to-br from-green-500 to-green-600 rounded-xl flex items-center justify-center"},[e("i",{class:"fas fa-user-circle text-white"})],-1)),e("h3",Dt,j(c.value?"编辑账户":"添加账户"),1)]),e("button",{onClick:t[0]||(t[0]=m=>p.$emit("close")),class:"text-gray-400 hover:text-gray-600 transition-colors"},t[25]||(t[25]=[e("i",{class:"fas fa-times text-xl"},null,-1)]))]),!c.value&&s.value.addType==="oauth"?(r(),i("div",Et,[e("div",Kt,[e("div",Wt,[e("div",{class:D(["w-8 h-8 rounded-full flex items-center justify-center text-sm font-semibold",P.value>=1?"bg-blue-500 text-white":"bg-gray-200 text-gray-500"])}," 1 ",2),t[26]||(t[26]=e("span",{class:"ml-2 text-sm font-medium text-gray-700"},"基本信息",-1))]),t[28]||(t[28]=e("div",{class:"w-8 h-0.5 bg-gray-300"},null,-1)),e("div",qt,[e("div",{class:D(["w-8 h-8 rounded-full flex items-center justify-center text-sm font-semibold",P.value>=2?"bg-blue-500 text-white":"bg-gray-200 text-gray-500"])}," 2 ",2),t[27]||(t[27]=e("span",{class:"ml-2 text-sm font-medium text-gray-700"},"授权认证",-1))])])])):A("",!0),P.value===1&&!c.value?(r(),i("div",Bt,[e("div",Nt,[c.value?A("",!0):(r(),i("div",Ft,[t[31]||(t[31]=e("label",{class:"block text-sm font-semibold text-gray-700 mb-3"},"平台",-1)),e("div",Ht,[e("label",Jt,[C(e("input",{type:"radio","onUpdate:modelValue":t[1]||(t[1]=m=>s.value.platform=m),value:"claude",class:"mr-2"},null,512),[[Y,s.value.platform]]),t[29]||(t[29]=e("span",{class:"text-sm text-gray-700"},"Claude",-1))]),e("label",Yt,[C(e("input",{type:"radio","onUpdate:modelValue":t[2]||(t[2]=m=>s.value.platform=m),value:"gemini",class:"mr-2"},null,512),[[Y,s.value.platform]]),t[30]||(t[30]=e("span",{class:"text-sm text-gray-700"},"Gemini",-1))])])])),c.value?A("",!0):(r(),i("div",Qt,[t[34]||(t[34]=e("label",{class:"block text-sm font-semibold text-gray-700 mb-3"},"添加方式",-1)),e("div",Xt,[e("label",Zt,[C(e("input",{type:"radio","onUpdate:modelValue":t[3]||(t[3]=m=>s.value.addType=m),value:"oauth",class:"mr-2"},null,512),[[Y,s.value.addType]]),t[32]||(t[32]=e("span",{class:"text-sm text-gray-700"},"OAuth 授权 (推荐)",-1))]),e("label",es,[C(e("input",{type:"radio","onUpdate:modelValue":t[4]||(t[4]=m=>s.value.addType=m),value:"manual",class:"mr-2"},null,512),[[Y,s.value.addType]]),t[33]||(t[33]=e("span",{class:"text-sm text-gray-700"},"手动输入 Access Token",-1))])])])),e("div",null,[t[35]||(t[35]=e("label",{class:"block text-sm font-semibold text-gray-700 mb-3"},"账户名称",-1)),C(e("input",{"onUpdate:modelValue":t[5]||(t[5]=m=>s.value.name=m),type:"text",required:"",class:D(["form-input w-full",{"border-red-500":g.value.name}]),placeholder:"为账户设置一个易识别的名称"},null,2),[[z,s.value.name]]),g.value.name?(r(),i("p",ts,j(g.value.name),1)):A("",!0)]),e("div",null,[t[36]||(t[36]=e("label",{class:"block text-sm font-semibold text-gray-700 mb-3"},"描述 (可选)",-1)),C(e("textarea",{"onUpdate:modelValue":t[6]||(t[6]=m=>s.value.description=m),rows:"3",class:"form-input w-full resize-none",placeholder:"账户用途说明..."},null,512),[[z,s.value.description]])]),e("div",null,[t[39]||(t[39]=e("label",{class:"block text-sm font-semibold text-gray-700 mb-3"},"账户类型",-1)),e("div",ss,[e("label",ls,[C(e("input",{type:"radio","onUpdate:modelValue":t[7]||(t[7]=m=>s.value.accountType=m),value:"shared",class:"mr-2"},null,512),[[Y,s.value.accountType]]),t[37]||(t[37]=e("span",{class:"text-sm text-gray-700"},"共享账户",-1))]),e("label",as,[C(e("input",{type:"radio","onUpdate:modelValue":t[8]||(t[8]=m=>s.value.accountType=m),value:"dedicated",class:"mr-2"},null,512),[[Y,s.value.accountType]]),t[38]||(t[38]=e("span",{class:"text-sm text-gray-700"},"专属账户",-1))])]),t[40]||(t[40]=e("p",{class:"text-xs text-gray-500 mt-2"}," 共享账户：供所有API Key使用；专属账户：仅供特定API Key使用 ",-1))]),s.value.platform==="gemini"?(r(),i("div",os,[t[41]||(t[41]=e("label",{class:"block text-sm font-semibold text-gray-700 mb-3"},"项目编号 (可选)",-1)),C(e("input",{"onUpdate:modelValue":t[9]||(t[9]=m=>s.value.projectId=m),type:"text",class:"form-input w-full",placeholder:"例如：123456789012（纯数字）"},null,512),[[z,s.value.projectId]]),t[42]||(t[42]=e("div",{class:"mt-2 p-3 bg-yellow-50 border border-yellow-200 rounded-lg"},[e("div",{class:"flex items-start gap-2"},[e("i",{class:"fas fa-info-circle text-yellow-600 mt-0.5"}),e("div",{class:"text-xs text-yellow-700"},[e("p",{class:"font-medium mb-1"},"Google Cloud/Workspace 账号需要提供项目编号"),e("p",null,"某些 Google 账号（特别是绑定了 Google Cloud 的账号）会被识别为 Workspace 账号，需要提供额外的项目编号。"),e("div",{class:"mt-2 p-2 bg-white rounded border border-yellow-300"},[e("p",{class:"font-medium mb-1"},"如何获取项目编号："),e("ol",{class:"list-decimal list-inside space-y-1 ml-2"},[e("li",null,[b("访问 "),e("a",{href:"https://console.cloud.google.com/welcome",target:"_blank",class:"text-blue-600 hover:underline font-medium"},"Google Cloud Console")]),e("li",null,[b("复制"),e("span",{class:"font-semibold text-red-600"},"项目编号（Project Number）"),b("，通常是12位纯数字")]),e("li",{class:"text-red-600"},"⚠️ 注意：不要复制项目ID（Project ID），要复制项目编号！")])]),e("p",{class:"mt-2"},[e("strong",null,"提示："),b("如果您的账号是普通个人账号（未绑定 Google Cloud），请留空此字段。")])])])],-1))])):A("",!0),s.value.addType==="manual"?(r(),i("div",ns,[e("div",rs,[t[48]||(t[48]=e("div",{class:"w-8 h-8 bg-blue-500 rounded-lg flex items-center justify-center flex-shrink-0 mt-1"},[e("i",{class:"fas fa-info text-white text-sm"})],-1)),e("div",null,[t[46]||(t[46]=e("h5",{class:"font-semibold text-blue-900 mb-2"},"手动输入 Token",-1)),s.value.platform==="claude"?(r(),i("p",is," 请输入有效的 Claude Access Token。如果您有 Refresh Token，建议也一并填写以支持自动刷新。 ")):s.value.platform==="gemini"?(r(),i("p",us," 请输入有效的 Gemini Access Token。如果您有 Refresh Token，建议也一并填写以支持自动刷新。 ")):A("",!0),e("div",ds,[t[45]||(t[45]=e("p",{class:"text-sm text-blue-900 font-medium mb-1"},[e("i",{class:"fas fa-folder-open mr-1"}),b(" 获取 Access Token 的方法： ")],-1)),s.value.platform==="claude"?(r(),i("p",cs,t[43]||(t[43]=[b(" 请从已登录 Claude Code 的机器上获取 ",-1),e("code",{class:"bg-blue-100 px-1 py-0.5 rounded font-mono"},"~/.claude/.credentials.json",-1),b(" 文件中的凭证， 请勿使用 Claude 官网 API Keys 页面的密钥。 ",-1)]))):s.value.platform==="gemini"?(r(),i("p",ms,t[44]||(t[44]=[b(" 请从已登录 Gemini CLI 的机器上获取 ",-1),e("code",{class:"bg-blue-100 px-1 py-0.5 rounded font-mono"},"~/.config/gemini/credentials.json",-1),b(" 文件中的凭证。 ",-1)]))):A("",!0)]),t[47]||(t[47]=e("p",{class:"text-xs text-blue-600"},"💡 如果未填写 Refresh Token，Token 过期后需要手动更新。",-1))])]),e("div",null,[t[49]||(t[49]=e("label",{class:"block text-sm font-semibold text-gray-700 mb-3"},"Access Token *",-1)),C(e("textarea",{"onUpdate:modelValue":t[10]||(t[10]=m=>s.value.accessToken=m),rows:"4",required:"",class:D(["form-input w-full resize-none font-mono text-xs",{"border-red-500":g.value.accessToken}]),placeholder:"请输入 Access Token..."},null,2),[[z,s.value.accessToken]]),g.value.accessToken?(r(),i("p",ps,j(g.value.accessToken),1)):A("",!0)]),e("div",null,[t[50]||(t[50]=e("label",{class:"block text-sm font-semibold text-gray-700 mb-3"},"Refresh Token (可选)",-1)),C(e("textarea",{"onUpdate:modelValue":t[11]||(t[11]=m=>s.value.refreshToken=m),rows:"4",class:"form-input w-full resize-none font-mono text-xs",placeholder:"请输入 Refresh Token..."},null,512),[[z,s.value.refreshToken]])])])):A("",!0),ae(ve,{modelValue:s.value.proxy,"onUpdate:modelValue":t[12]||(t[12]=m=>s.value.proxy=m)},null,8,["modelValue"]),e("div",fs,[e("button",{type:"button",onClick:t[13]||(t[13]=m=>p.$emit("close")),class:"flex-1 px-6 py-3 bg-gray-100 text-gray-700 rounded-xl font-semibold hover:bg-gray-200 transition-colors"}," 取消 "),s.value.addType==="oauth"?(r(),i("button",{key:0,type:"button",onClick:G,disabled:V.value,class:"btn btn-primary flex-1 py-3 px-6 font-semibold"}," 下一步 ",8,xs)):(r(),i("button",{key:1,type:"button",onClick:q,disabled:V.value,class:"btn btn-primary flex-1 py-3 px-6 font-semibold"},[V.value?(r(),i("div",ys)):A("",!0),b(" "+j(V.value?"创建中...":"创建"),1)],8,vs))])])])):A("",!0),P.value===2&&s.value.addType==="oauth"?(r(),te(_t,{key:2,platform:s.value.platform,proxy:s.value.proxy,onSuccess:N,onBack:t[14]||(t[14]=m=>P.value=1)},null,8,["platform","proxy"])):A("",!0),c.value?(r(),i("div",gs,[e("div",null,[t[51]||(t[51]=e("label",{class:"block text-sm font-semibold text-gray-700 mb-3"},"账户名称",-1)),C(e("input",{"onUpdate:modelValue":t[15]||(t[15]=m=>s.value.name=m),type:"text",required:"",class:"form-input w-full",placeholder:"为账户设置一个易识别的名称"},null,512),[[z,s.value.name]])]),e("div",null,[t[52]||(t[52]=e("label",{class:"block text-sm font-semibold text-gray-700 mb-3"},"描述 (可选)",-1)),C(e("textarea",{"onUpdate:modelValue":t[16]||(t[16]=m=>s.value.description=m),rows:"3",class:"form-input w-full resize-none",placeholder:"账户用途说明..."},null,512),[[z,s.value.description]])]),e("div",null,[t[55]||(t[55]=e("label",{class:"block text-sm font-semibold text-gray-700 mb-3"},"账户类型",-1)),e("div",bs,[e("label",ws,[C(e("input",{type:"radio","onUpdate:modelValue":t[17]||(t[17]=m=>s.value.accountType=m),value:"shared",class:"mr-2"},null,512),[[Y,s.value.accountType]]),t[53]||(t[53]=e("span",{class:"text-sm text-gray-700"},"共享账户",-1))]),e("label",hs,[C(e("input",{type:"radio","onUpdate:modelValue":t[18]||(t[18]=m=>s.value.accountType=m),value:"dedicated",class:"mr-2"},null,512),[[Y,s.value.accountType]]),t[54]||(t[54]=e("span",{class:"text-sm text-gray-700"},"专属账户",-1))])]),t[56]||(t[56]=e("p",{class:"text-xs text-gray-500 mt-2"}," 共享账户：供所有API Key使用；专属账户：仅供特定API Key使用 ",-1))]),s.value.platform==="gemini"?(r(),i("div",ks,[t[57]||(t[57]=e("label",{class:"block text-sm font-semibold text-gray-700 mb-3"},"项目编号 (可选)",-1)),C(e("input",{"onUpdate:modelValue":t[19]||(t[19]=m=>s.value.projectId=m),type:"text",class:"form-input w-full",placeholder:"例如：123456789012（纯数字）"},null,512),[[z,s.value.projectId]]),t[58]||(t[58]=e("p",{class:"text-xs text-gray-500 mt-2"}," Google Cloud/Workspace 账号可能需要提供项目编号 ",-1))])):A("",!0),e("div",$s,[t[61]||(t[61]=e("div",{class:"flex items-start gap-3 mb-4"},[e("div",{class:"w-8 h-8 bg-amber-500 rounded-lg flex items-center justify-center flex-shrink-0 mt-1"},[e("i",{class:"fas fa-key text-white text-sm"})]),e("div",null,[e("h5",{class:"font-semibold text-amber-900 mb-2"},"更新 Token"),e("p",{class:"text-sm text-amber-800 mb-2"},"可以更新 Access Token 和 Refresh Token。为了安全起见，不会显示当前的 Token 值。"),e("p",{class:"text-xs text-amber-600"},"💡 留空表示不更新该字段。")])],-1)),e("div",Ts,[e("div",null,[t[59]||(t[59]=e("label",{class:"block text-sm font-semibold text-gray-700 mb-3"},"新的 Access Token",-1)),C(e("textarea",{"onUpdate:modelValue":t[20]||(t[20]=m=>s.value.accessToken=m),rows:"4",class:"form-input w-full resize-none font-mono text-xs",placeholder:"留空表示不更新..."},null,512),[[z,s.value.accessToken]])]),e("div",null,[t[60]||(t[60]=e("label",{class:"block text-sm font-semibold text-gray-700 mb-3"},"新的 Refresh Token",-1)),C(e("textarea",{"onUpdate:modelValue":t[21]||(t[21]=m=>s.value.refreshToken=m),rows:"4",class:"form-input w-full resize-none font-mono text-xs",placeholder:"留空表示不更新..."},null,512),[[z,s.value.refreshToken]])])])]),ae(ve,{modelValue:s.value.proxy,"onUpdate:modelValue":t[22]||(t[22]=m=>s.value.proxy=m)},null,8,["modelValue"]),e("div",Cs,[e("button",{type:"button",onClick:t[23]||(t[23]=m=>p.$emit("close")),class:"flex-1 px-6 py-3 bg-gray-100 text-gray-700 rounded-xl font-semibold hover:bg-gray-200 transition-colors"}," 取消 "),e("button",{type:"button",onClick:X,disabled:V.value,class:"btn btn-primary flex-1 py-3 px-6 font-semibold"},[V.value?(r(),i("div",Us)):A("",!0),b(" "+j(V.value?"更新中...":"更新"),1)],8,As)])])):A("",!0)])])):A("",!0),ae(ke,{show:E(U),title:E($).title,message:E($).message,"confirm-text":E($).confirmText,"cancel-text":E($).cancelText,onConfirm:E(_),onCancel:E(v)},null,8,["show","title","message","confirm-text","cancel-text","onConfirm","onCancel"])]))}},_s={class:"accounts-container"},Is={class:"card p-6"},js={class:"flex flex-col md:flex-row justify-between items-center gap-4 mb-6"},Vs={class:"flex gap-2"},Ss={key:0,class:"text-center py-12"},Gs={key:1,class:"text-center py-12"},Rs={key:2,class:"table-container"},Ms={class:"min-w-full"},Ps={class:"bg-gray-50/80 backdrop-blur-sm"},Os={key:1,class:"fas fa-sort ml-1 text-gray-400"},Ls={key:1,class:"fas fa-sort ml-1 text-gray-400"},zs={key:1,class:"fas fa-sort ml-1 text-gray-400"},Ds={key:1,class:"fas fa-sort ml-1 text-gray-400"},Es={class:"divide-y divide-gray-200/50"},Ks={class:"px-6 py-4 whitespace-nowrap"},Ws={class:"flex items-center"},qs={class:"flex items-center gap-2"},Bs={class:"text-sm font-semibold text-gray-900"},Ns={key:0,class:"inline-flex items-center px-2 py-0.5 rounded-full text-xs font-medium bg-purple-100 text-purple-800"},Fs={key:1,class:"inline-flex items-center px-2 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800"},Hs={class:"text-xs text-gray-500"},Js={class:"px-6 py-4 whitespace-nowrap"},Ys={key:0,class:"inline-flex items-center px-3 py-1 rounded-full text-xs font-semibold bg-yellow-100 text-yellow-800"},Qs={key:1,class:"inline-flex items-center px-3 py-1 rounded-full text-xs font-semibold bg-indigo-100 text-indigo-800"},Xs={class:"px-6 py-4 whitespace-nowrap"},Zs={key:0,class:"inline-flex items-center px-3 py-1 rounded-full text-xs font-semibold bg-blue-100 text-blue-800"},el={key:1,class:"inline-flex items-center px-3 py-1 rounded-full text-xs font-semibold bg-orange-100 text-orange-800"},tl={class:"px-6 py-4 whitespace-nowrap"},sl={class:"flex flex-col gap-1"},ll={key:0,class:"inline-flex items-center px-3 py-1 rounded-full text-xs font-semibold bg-yellow-100 text-yellow-800"},al={key:1,class:"text-xs text-gray-500"},ol={class:"px-6 py-4 whitespace-nowrap text-sm text-gray-600"},nl={key:0,class:"text-xs bg-blue-50 px-2 py-1 rounded font-mono"},rl={key:1,class:"text-gray-400"},il={class:"px-6 py-4 whitespace-nowrap text-sm"},ul={key:0,class:"space-y-1"},dl={class:"flex items-center gap-2"},cl={class:"text-sm font-medium text-gray-900"},ml={class:"flex items-center gap-2"},pl={class:"text-xs text-gray-600"},fl={key:0,class:"text-xs text-gray-500"},xl={key:1,class:"text-gray-400 text-xs"},vl={class:"px-6 py-4 whitespace-nowrap"},yl={key:0,class:"space-y-2"},gl={class:"flex items-center gap-2"},bl={class:"w-24 bg-gray-200 rounded-full h-2"},wl={class:"text-xs text-gray-700 font-medium min-w-[32px]"},hl={class:"text-xs text-gray-600"},kl={key:0,class:"text-indigo-600 font-medium"},$l={key:1,class:"text-gray-400 text-sm"},Tl={key:2,class:"text-gray-400 text-sm"},Cl={class:"px-6 py-4 whitespace-nowrap text-sm text-gray-600"},Al={class:"px-6 py-4 whitespace-nowrap text-sm font-medium"},Ul={class:"flex items-center gap-2"},_l=["onClick","disabled","title"],Il=["onClick"],jl=["onClick"],Vl={__name:"AccountsView",setup(R){const{showConfirmModal:L,confirmOptions:o,showConfirm:y,handleConfirm:x,handleCancel:U}=we(),$=k([]),h=k(!1),_=k("name"),v=k(""),c=k("asc"),I=k([]),P=k(!1),V=k(!1),F=k(null),s=ee(()=>v.value?[...$.value].sort((l,n)=>{var B,H,J,oe,ne,re,ie,ue,de,ce,me,pe;let w=l[v.value],O=n[v.value];return v.value==="dailyTokens"?(w=((H=(B=l.usage)==null?void 0:B.daily)==null?void 0:H.allTokens)||0,O=((oe=(J=n.usage)==null?void 0:J.daily)==null?void 0:oe.allTokens)||0):v.value==="dailyRequests"?(w=((re=(ne=l.usage)==null?void 0:ne.daily)==null?void 0:re.requests)||0,O=((ue=(ie=n.usage)==null?void 0:ie.daily)==null?void 0:ue.requests)||0):v.value==="totalTokens"&&(w=((ce=(de=l.usage)==null?void 0:de.total)==null?void 0:ce.allTokens)||0,O=((pe=(me=n.usage)==null?void 0:me.total)==null?void 0:pe.allTokens)||0),v.value==="lastUsed"&&(w=l.lastUsedAt?new Date(l.lastUsedAt).getTime():0,O=n.lastUsedAt?new Date(n.lastUsedAt).getTime():0),v.value==="status"&&(w=l.isActive?1:0,O=n.isActive?1:0),wO?c.value==="asc"?1:-1:0}):$.value),g=async()=>{h.value=!0;try{const[u,l,n]=await Promise.all([M.get("/admin/claude-accounts"),M.get("/admin/gemini-accounts"),M.get("/admin/api-keys")]);n.success&&(I.value=n.data||[]);const w=[];if(u.success){const O=(u.data||[]).map(B=>{const H=I.value.filter(J=>J.claudeAccountId===B.id).length;return{...B,platform:"claude",boundApiKeysCount:H}});w.push(...O)}if(l.success){const O=(l.data||[]).map(B=>{const H=I.value.filter(J=>J.geminiAccountId===B.id).length;return{...B,platform:"gemini",boundApiKeysCount:H}});w.push(...O)}$.value=w}catch{S("加载账户失败","error")}finally{h.value=!1}},a=u=>{u&&(v.value===u?c.value=c.value==="asc"?"desc":"asc":(v.value=u,c.value="asc"))},G=u=>{if(u==null)return"0";const l=Number(u);return l>=1e6?Math.floor(l/1e6).toLocaleString()+"M":l.toLocaleString()},N=u=>{if(!u)return"从未使用";const l=new Date(u),w=new Date-l;return w<6e4?"刚刚":w<36e5?`${Math.floor(w/6e4)} 分钟前`:w<864e5?`${Math.floor(w/36e5)} 小时前`:w<6048e5?`${Math.floor(w/864e5)} 天前`:l.toLocaleDateString("zh-CN")},q=async()=>{try{const u=await M.get("/admin/api-keys");u.success&&(I.value=u.data)}catch(u){console.error("Failed to load API keys:",u)}},X=u=>{if(!u||!u.host||!u.port)return null;let l=`${u.type}://${u.host}:${u.port}`;if(u.username){const n=u.username.length>2?u.username[0]+"***"+u.username[u.username.length-1]:"***",w=u.password?"****":"";l=`${u.type}://${n}:${w}@${u.host}:${u.port}`}return l},f=(u,l)=>{if(!u||!l)return"--";const n=new Date(u),w=new Date(l),O=n.getHours().toString().padStart(2,"0"),B=n.getMinutes().toString().padStart(2,"0"),H=w.getHours().toString().padStart(2,"0"),J=w.getMinutes().toString().padStart(2,"0");return`${O}:${B} - ${H}:${J}`},d=u=>{if(!u||u<=0)return"已结束";const l=Math.floor(u/60),n=u%60;return l>0?`${l}小时${n}分钟`:`${n}分钟`},T=()=>{P.value=!0},W=u=>{F.value=u,V.value=!0},se=async u=>{const l=I.value.filter(w=>w.claudeAccountId===u.id||w.geminiAccountId===u.id).length;if(l>0){S(`无法删除此账号，有 ${l} 个API Key绑定到此账号，请先解绑所有API Key`,"error");return}if(await y("删除账户",`确定要删除账户 "${u.name}" 吗？ - -此操作不可恢复。`,"删除","取消"))try{const w=u.platform==="claude"?`/admin/claude-accounts/${u.id}`:`/admin/gemini-accounts/${u.id}`,O=await M.delete(w);O.success?(S("账户已删除","success"),g()):S(O.message||"删除失败","error")}catch{S("删除失败","error")}},p=async u=>{if(!u.isRefreshing)try{u.isRefreshing=!0;const l=await M.post(`/admin/claude-accounts/${u.id}/refresh`);l.success?(S("Token刷新成功","success"),g()):S(l.message||"Token刷新失败","error")}catch{S("Token刷新失败","error")}finally{u.isRefreshing=!1}},t=()=>{P.value=!1,S("账户创建成功","success"),g()},m=()=>{V.value=!1,S("账户更新成功","success"),g()};return K(_,u=>{const l={name:"name",dailyTokens:"dailyTokens",dailyRequests:"dailyRequests",totalTokens:"totalTokens",lastUsed:"lastUsed"};l[u]&&a(l[u])}),Ae(()=>{g(),q()}),(u,l)=>(r(),i("div",_s,[e("div",Is,[e("div",js,[l[10]||(l[10]=e("div",null,[e("h3",{class:"text-xl font-bold text-gray-900 mb-2"},"账户管理"),e("p",{class:"text-gray-600"},"管理您的 Claude 和 Gemini 账户及代理配置")],-1)),e("div",Vs,[C(e("select",{"onUpdate:modelValue":l[0]||(l[0]=n=>_.value=n),onChange:l[1]||(l[1]=n=>a()),class:"form-input px-3 py-2 text-sm"},l[8]||(l[8]=[Z('',5)]),544),[[ge,_.value]]),e("button",{onClick:Ue(T,["stop"]),class:"btn btn-success px-6 py-3 flex items-center gap-2"},l[9]||(l[9]=[e("i",{class:"fas fa-plus"},null,-1),b("添加账户 ",-1)]))])]),h.value?(r(),i("div",Ss,l[11]||(l[11]=[e("div",{class:"loading-spinner mx-auto mb-4"},null,-1),e("p",{class:"text-gray-500"},"正在加载账户...",-1)]))):s.value.length===0?(r(),i("div",Gs,l[12]||(l[12]=[e("div",{class:"w-16 h-16 mx-auto mb-4 bg-gray-100 rounded-full flex items-center justify-center"},[e("i",{class:"fas fa-user-circle text-gray-400 text-xl"})],-1),e("p",{class:"text-gray-500 text-lg"},"暂无账户",-1),e("p",{class:"text-gray-400 text-sm mt-2"},"点击上方按钮添加您的第一个账户",-1)]))):(r(),i("div",Rs,[e("table",Ms,[e("thead",Ps,[e("tr",null,[e("th",{class:"px-6 py-4 text-left text-xs font-bold text-gray-700 uppercase tracking-wider cursor-pointer hover:bg-gray-100",onClick:l[2]||(l[2]=n=>a("name"))},[l[13]||(l[13]=b(" 名称 ",-1)),v.value==="name"?(r(),i("i",{key:0,class:D(["fas",c.value==="asc"?"fa-sort-up":"fa-sort-down","ml-1"])},null,2)):(r(),i("i",Os))]),e("th",{class:"px-6 py-4 text-left text-xs font-bold text-gray-700 uppercase tracking-wider cursor-pointer hover:bg-gray-100",onClick:l[3]||(l[3]=n=>a("platform"))},[l[14]||(l[14]=b(" 平台 ",-1)),v.value==="platform"?(r(),i("i",{key:0,class:D(["fas",c.value==="asc"?"fa-sort-up":"fa-sort-down","ml-1"])},null,2)):(r(),i("i",Ls))]),e("th",{class:"px-6 py-4 text-left text-xs font-bold text-gray-700 uppercase tracking-wider cursor-pointer hover:bg-gray-100",onClick:l[4]||(l[4]=n=>a("accountType"))},[l[15]||(l[15]=b(" 类型 ",-1)),v.value==="accountType"?(r(),i("i",{key:0,class:D(["fas",c.value==="asc"?"fa-sort-up":"fa-sort-down","ml-1"])},null,2)):(r(),i("i",zs))]),e("th",{class:"px-6 py-4 text-left text-xs font-bold text-gray-700 uppercase tracking-wider cursor-pointer hover:bg-gray-100",onClick:l[5]||(l[5]=n=>a("status"))},[l[16]||(l[16]=b(" 状态 ",-1)),v.value==="status"?(r(),i("i",{key:0,class:D(["fas",c.value==="asc"?"fa-sort-up":"fa-sort-down","ml-1"])},null,2)):(r(),i("i",Ds))]),l[17]||(l[17]=e("th",{class:"px-6 py-4 text-left text-xs font-bold text-gray-700 uppercase tracking-wider"},"代理",-1)),l[18]||(l[18]=e("th",{class:"px-6 py-4 text-left text-xs font-bold text-gray-700 uppercase tracking-wider"},"今日使用",-1)),l[19]||(l[19]=e("th",{class:"px-6 py-4 text-left text-xs font-bold text-gray-700 uppercase tracking-wider"},"会话窗口",-1)),l[20]||(l[20]=e("th",{class:"px-6 py-4 text-left text-xs font-bold text-gray-700 uppercase tracking-wider"},"最后使用",-1)),l[21]||(l[21]=e("th",{class:"px-6 py-4 text-left text-xs font-bold text-gray-700 uppercase tracking-wider"},"操作",-1))])]),e("tbody",Es,[(r(!0),i(_e,null,Ie(s.value,n=>(r(),i("tr",{key:n.id,class:"table-row"},[e("td",Ks,[e("div",Ws,[l[24]||(l[24]=e("div",{class:"w-8 h-8 bg-gradient-to-br from-green-500 to-green-600 rounded-lg flex items-center justify-center mr-3"},[e("i",{class:"fas fa-user-circle text-white text-xs"})],-1)),e("div",null,[e("div",qs,[e("div",Bs,j(n.name),1),n.accountType==="dedicated"?(r(),i("span",Ns,l[22]||(l[22]=[e("i",{class:"fas fa-lock mr-1"},null,-1),b("专属 ",-1)]))):(r(),i("span",Fs,l[23]||(l[23]=[e("i",{class:"fas fa-share-alt mr-1"},null,-1),b("共享 ",-1)])))]),e("div",Hs,j(n.id),1)])])]),e("td",Js,[n.platform==="gemini"?(r(),i("span",Ys,l[25]||(l[25]=[e("i",{class:"fas fa-robot mr-1"},null,-1),b("Gemini ",-1)]))):(r(),i("span",Qs,l[26]||(l[26]=[e("i",{class:"fas fa-brain mr-1"},null,-1),b("Claude ",-1)])))]),e("td",Xs,[n.scopes&&n.scopes.length>0?(r(),i("span",Zs,l[27]||(l[27]=[e("i",{class:"fas fa-lock mr-1"},null,-1),b("OAuth ",-1)]))):(r(),i("span",el,l[28]||(l[28]=[e("i",{class:"fas fa-key mr-1"},null,-1),b("传统 ",-1)])))]),e("td",tl,[e("div",sl,[e("span",{class:D(["inline-flex items-center px-3 py-1 rounded-full text-xs font-semibold",n.isActive?"bg-green-100 text-green-800":"bg-red-100 text-red-800"])},[e("div",{class:D(["w-2 h-2 rounded-full mr-2",n.isActive?"bg-green-500":"bg-red-500"])},null,2),b(" "+j(n.isActive?"正常":"异常"),1)],2),n.rateLimitStatus&&n.rateLimitStatus.isRateLimited?(r(),i("span",ll,[l[29]||(l[29]=e("i",{class:"fas fa-exclamation-triangle mr-1"},null,-1)),b(" 限流中 ("+j(n.rateLimitStatus.minutesRemaining)+"分钟) ",1)])):A("",!0),n.accountType==="dedicated"?(r(),i("span",al," 绑定: "+j(n.boundApiKeysCount||0)+" 个API Key ",1)):A("",!0)])]),e("td",ol,[X(n.proxy)?(r(),i("div",nl,j(X(n.proxy)),1)):(r(),i("div",rl,"无代理"))]),e("td",il,[n.usage&&n.usage.daily?(r(),i("div",ul,[e("div",dl,[l[30]||(l[30]=e("div",{class:"w-2 h-2 bg-green-500 rounded-full"},null,-1)),e("span",cl,j(n.usage.daily.requests||0)+" 次",1)]),e("div",ml,[l[31]||(l[31]=e("div",{class:"w-2 h-2 bg-blue-500 rounded-full"},null,-1)),e("span",pl,j(G(n.usage.daily.allTokens||0))+" tokens",1)]),n.usage.averages&&n.usage.averages.rpm>0?(r(),i("div",fl," 平均 "+j(n.usage.averages.rpm.toFixed(2))+" RPM ",1)):A("",!0)])):(r(),i("div",xl,"暂无数据"))]),e("td",vl,[n.platform==="claude"&&n.sessionWindow&&n.sessionWindow.hasActiveWindow?(r(),i("div",yl,[e("div",gl,[e("div",bl,[e("div",{class:"bg-gradient-to-r from-blue-500 to-indigo-600 h-2 rounded-full transition-all duration-300",style:je({width:n.sessionWindow.progress+"%"})},null,4)]),e("span",wl,j(n.sessionWindow.progress)+"% ",1)]),e("div",hl,[e("div",null,j(f(n.sessionWindow.windowStart,n.sessionWindow.windowEnd)),1),n.sessionWindow.remainingTime>0?(r(),i("div",kl," 剩余 "+j(d(n.sessionWindow.remainingTime)),1)):A("",!0)])])):n.platform==="claude"?(r(),i("div",$l,l[32]||(l[32]=[e("i",{class:"fas fa-minus"},null,-1)]))):(r(),i("div",Tl,l[33]||(l[33]=[e("span",{class:"text-xs"},"N/A",-1)])))]),e("td",Cl,j(N(n.lastUsedAt)),1),e("td",Al,[e("div",Ul,[n.platform==="claude"&&n.scopes?(r(),i("button",{key:0,onClick:w=>p(n),disabled:n.isRefreshing,class:D(["px-3 py-1.5 rounded-lg text-xs font-medium transition-colors",n.isRefreshing?"bg-gray-100 text-gray-400 cursor-not-allowed":"bg-blue-100 text-blue-700 hover:bg-blue-200"]),title:n.isRefreshing?"刷新中...":"刷新Token"},[e("i",{class:D(["fas fa-sync-alt",n.isRefreshing?"animate-spin":""])},null,2)],10,_l)):A("",!0),e("button",{onClick:w=>W(n),class:"px-3 py-1.5 bg-blue-100 text-blue-700 rounded-lg text-xs font-medium hover:bg-blue-200 transition-colors"},l[34]||(l[34]=[e("i",{class:"fas fa-edit"},null,-1)]),8,Il),e("button",{onClick:w=>se(n),class:"px-3 py-1.5 bg-red-100 text-red-700 rounded-lg text-xs font-medium hover:bg-red-200 transition-colors"},l[35]||(l[35]=[e("i",{class:"fas fa-trash"},null,-1)]),8,jl)])])]))),128))])])]))]),P.value?(r(),te(ye,{key:0,onClose:l[6]||(l[6]=n=>P.value=!1),onSuccess:t})):A("",!0),V.value?(r(),te(ye,{key:1,account:F.value,onClose:l[7]||(l[7]=n=>V.value=!1),onSuccess:m},null,8,["account"])):A("",!0),ae(ke,{show:E(L),title:E(o).title,message:E(o).message,"confirm-text":E(o).confirmText,"cancel-text":E(o).cancelText,onConfirm:E(x),onCancel:E(U)},null,8,["show","title","message","confirm-text","cancel-text","onConfirm","onCancel"])]))}},Ol=Ve(Vl,[["__scopeId","data-v-aec45f3e"]]);export{Ol as default}; diff --git a/web/admin-spa/dist/assets/ApiKeysView-C710offB.css b/web/admin-spa/dist/assets/ApiKeysView-C710offB.css deleted file mode 100644 index 71a59638..00000000 --- a/web/admin-spa/dist/assets/ApiKeysView-C710offB.css +++ /dev/null @@ -1 +0,0 @@ -pre[data-v-747f035b]{white-space:pre-wrap;word-wrap:break-word}.tab-content[data-v-3c03d38e]{min-height:calc(100vh - 300px)}.table-container[data-v-3c03d38e]{overflow-x:auto;border-radius:12px;border:1px solid rgba(0,0,0,.05)}.table-row[data-v-3c03d38e]{transition:all .2s ease}.table-row[data-v-3c03d38e]:hover{background-color:#00000005}.loading-spinner[data-v-3c03d38e]{width:24px;height:24px;border:2px solid #e5e7eb;border-top:2px solid #3b82f6;border-radius:50%;animation:spin-3c03d38e 1s linear infinite}@keyframes spin-3c03d38e{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.api-key-date-picker[data-v-3c03d38e] .el-input__inner{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.api-key-date-picker[data-v-3c03d38e] .el-input__inner:focus{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1));--tw-ring-opacity: 1;--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1))}.api-key-date-picker[data-v-3c03d38e] .el-range-separator{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))} diff --git a/web/admin-spa/dist/assets/ApiStatsView-DE1u-LE3.js b/web/admin-spa/dist/assets/ApiStatsView-DE1u-LE3.js deleted file mode 100644 index 8ab9f3f8..00000000 --- a/web/admin-spa/dist/assets/ApiStatsView-DE1u-LE3.js +++ /dev/null @@ -1 +0,0 @@ -import{aR as B,r as $,c as J,aW as A,x as f,y as m,z as t,O as y,K as H,aq as Q,u as s,aa as G,f as X,P as r,C as P,L as C,Q as O,ac as F,q as Z,aU as tt,V as st,o as et,R as S,J as at,av as it}from"./vue-vendor-CKToUHZx.js";import{L as ot}from"./LogoTitle-hKoMpRxB.js";import{_ as K}from"./index-CJmHAjMf.js";import{b as nt}from"./vendor-BDiMbLwQ.js";import lt from"./TutorialView-IE8R1R6Q.js";/* empty css */import"./element-plus-B8Fs_0jW.js";class rt{constructor(){this.baseURL=window.location.origin,this.isDev=!1}async request(n,a={}){try{this.isDev&&n.startsWith("/admin")&&(n="/webapi"+n);const l=await fetch(`${this.baseURL}${n}`,{headers:{"Content-Type":"application/json",...a.headers},...a}),c=await l.json();if(!l.ok)throw new Error(c.message||`请求失败: ${l.status}`);return c}catch(l){throw console.error("API Stats request error:",l),l}}async getKeyId(n){return this.request("/apiStats/api/get-key-id",{method:"POST",body:JSON.stringify({apiKey:n})})}async getUserStats(n){return this.request("/apiStats/api/user-stats",{method:"POST",body:JSON.stringify({apiId:n})})}async getUserModelStats(n,a="daily"){return this.request("/apiStats/api/user-model-stats",{method:"POST",body:JSON.stringify({apiId:n,period:a})})}async getOemSettings(){try{return await this.request("/admin/oem-settings")}catch(n){return console.error("Failed to load OEM settings:",n),{success:!0,data:{siteName:"Claude Relay Service",siteIcon:"",siteIconData:""}}}}}const D=new rt,M=B("apistats",()=>{const w=$(""),n=$(null),a=$(!1),l=$(!1),c=$(!0),e=$(""),i=$("daily"),d=$(null),v=$([]),_=$(null),h=$(null),x=$({siteName:"",siteIcon:"",siteIconData:""}),u=J(()=>{const o={requests:0,inputTokens:0,outputTokens:0,cacheCreateTokens:0,cacheReadTokens:0,allTokens:0,cost:0,formattedCost:"$0.000000"};return i.value==="daily"?_.value||o:h.value||o}),U=J(()=>{if(!d.value||!u.value)return{tokenUsage:0,costUsage:0,requestUsage:0};const o=u.value,g=d.value.limits;return{tokenUsage:g.tokenLimit>0?Math.min(o.allTokens/g.tokenLimit*100,100):0,costUsage:g.dailyCostLimit>0?Math.min(o.cost/g.dailyCostLimit*100,100):0,requestUsage:g.rateLimitRequests>0?Math.min(o.requests/g.rateLimitRequests*100,100):0}});async function T(){if(!w.value.trim()){e.value="请输入 API Key";return}a.value=!0,e.value="",d.value=null,v.value=[],n.value=null;try{const o=await D.getKeyId(w.value);if(o.success){n.value=o.data.id;const g=await D.getUserStats(n.value);if(g.success)d.value=g.data,await R(),e.value="",j();else throw new Error(g.message||"查询失败")}else throw new Error(o.message||"获取 API Key ID 失败")}catch(o){console.error("Query stats error:",o),e.value=o.message||"查询统计数据失败，请检查您的 API Key 是否正确",d.value=null,v.value=[],n.value=null}finally{a.value=!1}}async function R(){n.value&&(await Promise.all([L("daily"),L("monthly")]),await q(i.value))}async function L(o){try{const g=await D.getUserModelStats(n.value,o);if(g.success){const z=g.data||[],k={requests:0,inputTokens:0,outputTokens:0,cacheCreateTokens:0,cacheReadTokens:0,allTokens:0,cost:0,formattedCost:"$0.000000"};z.forEach(I=>{var W;k.requests+=I.requests||0,k.inputTokens+=I.inputTokens||0,k.outputTokens+=I.outputTokens||0,k.cacheCreateTokens+=I.cacheCreateTokens||0,k.cacheReadTokens+=I.cacheReadTokens||0,k.allTokens+=I.allTokens||0,k.cost+=((W=I.costs)==null?void 0:W.total)||0}),k.formattedCost=N(k.cost),o==="daily"?_.value=k:h.value=k}else console.warn(`Failed to load ${o} stats:`,g.message)}catch(g){console.error(`Load ${o} stats error:`,g)}}async function q(o="daily"){if(n.value){l.value=!0;try{const g=await D.getUserModelStats(n.value,o);if(g.success)v.value=g.data||[];else throw new Error(g.message||"加载模型统计失败")}catch(g){console.error("Load model stats error:",g),v.value=[]}finally{l.value=!1}}}async function E(o){i.value===o||l.value||(i.value=o,(o==="daily"&&!_.value||o==="monthly"&&!h.value)&&await L(o),await q(o))}async function b(){if(n.value){a.value=!0,e.value="",d.value=null,v.value=[];try{const o=await D.getUserStats(n.value);if(o.success)d.value=o.data,await R(),e.value="";else throw new Error(o.message||"查询失败")}catch(o){console.error("Load stats with apiId error:",o),e.value=o.message||"查询统计数据失败",d.value=null,v.value=[]}finally{a.value=!1}}}async function p(){c.value=!0;try{const o=await D.getOemSettings();o&&o.success&&o.data&&(x.value={...x.value,...o.data})}catch(o){console.error("Error loading OEM settings:",o),x.value={siteName:"Claude Relay Service",siteIcon:"",siteIconData:""}}finally{c.value=!1}}function N(o){return typeof o!="number"||o===0?"$0.000000":o>=1?"$"+o.toFixed(2):o>=.01?"$"+o.toFixed(4):"$"+o.toFixed(6)}function j(){if(n.value){const o=new URL(window.location);o.searchParams.set("apiId",n.value),window.history.pushState({},"",o)}}function V(){d.value=null,v.value=[],_.value=null,h.value=null,e.value="",i.value="daily",n.value=null}function Y(){w.value="",V()}return{apiKey:w,apiId:n,loading:a,modelStatsLoading:l,oemLoading:c,error:e,statsPeriod:i,statsData:d,modelStats:v,dailyStats:_,monthlyStats:h,oemSettings:x,currentPeriodData:u,usagePercentages:U,queryStats:T,loadAllPeriodStats:R,loadPeriodStats:L,loadModelStats:q,switchPeriod:E,loadStatsWithApiId:b,loadOemSettings:p,clearData:V,reset:Y}}),dt={class:"api-input-wide-card glass-strong rounded-3xl p-6 mb-8 shadow-xl"},ct={class:"max-w-4xl mx-auto"},ut={class:"api-input-grid grid grid-cols-1 lg:grid-cols-4"},ft={class:"lg:col-span-3"},mt=["disabled"],xt={class:"lg:col-span-1"},yt=["disabled"],pt={key:0,class:"fas fa-spinner loading-spinner"},gt={key:1,class:"fas fa-search"},vt={__name:"ApiKeyInput",setup(w){const n=M(),{apiKey:a,loading:l}=A(n),{queryStats:c}=n;return(e,i)=>(m(),f("div",dt,[i[6]||(i[6]=t("div",{class:"wide-card-title text-center mb-6"},[t("h2",{class:"text-2xl font-bold mb-2"},[t("i",{class:"fas fa-chart-line mr-3"}),y(" 使用统计查询 ")]),t("p",{class:"text-base text-gray-600"},"查询您的 API Key 使用情况和统计数据")],-1)),t("div",ct,[t("div",ut,[t("div",ft,[i[3]||(i[3]=t("label",{class:"block text-sm font-medium mb-2 text-gray-700"},[t("i",{class:"fas fa-key mr-2"}),y(" 输入您的 API Key ")],-1)),H(t("input",{"onUpdate:modelValue":i[0]||(i[0]=d=>X(a)?a.value=d:null),type:"password",placeholder:"请输入您的 API Key (cr_...)",class:"wide-card-input w-full",onKeyup:i[1]||(i[1]=G((...d)=>s(c)&&s(c)(...d),["enter"])),disabled:s(l)},null,40,mt),[[Q,s(a)]])]),t("div",xt,[i[4]||(i[4]=t("label",{class:"hidden lg:block text-sm font-medium mb-2 text-gray-700"},"   ",-1)),t("button",{onClick:i[2]||(i[2]=(...d)=>s(c)&&s(c)(...d)),disabled:s(l)||!s(a).trim(),class:"btn btn-primary btn-query w-full h-full flex items-center justify-center gap-2"},[s(l)?(m(),f("i",pt)):(m(),f("i",gt)),y(" "+r(s(l)?"查询中...":"查询统计"),1)],8,yt)])]),i[5]||(i[5]=t("div",{class:"security-notice mt-4"},[t("i",{class:"fas fa-shield-alt mr-2"}),y(" 您的 API Key 仅用于查询自己的统计数据，不会被存储或用于其他用途 ")],-1))])]))}},_t=K(vt,[["__scopeId","data-v-a4be9e3c"]]),bt={class:"grid grid-cols-1 lg:grid-cols-2 gap-6 mb-8"},ht={class:"card p-6"},$t={class:"space-y-3"},wt={class:"flex justify-between items-center"},kt={class:"font-medium text-gray-900"},St={class:"flex justify-between items-center"},Tt={class:"flex justify-between items-center"},It={class:"font-medium text-gray-900"},Ct={class:"flex justify-between items-center"},Lt={class:"font-medium text-gray-900"},Dt={class:"flex justify-between items-center"},Pt={key:0},At={key:0,class:"text-red-600 font-medium"},Kt={key:1,class:"text-orange-600 font-medium"},Mt={key:2,class:"text-gray-900 font-medium"},Rt={key:1,class:"text-gray-400 font-medium"},qt={class:"card p-6"},jt={class:"text-xl font-bold mb-4 flex items-center text-gray-900"},Ut={class:"text-sm font-normal text-gray-600 ml-2"},Et={class:"grid grid-cols-2 gap-4"},Nt={class:"stat-card text-center"},Ot={class:"text-3xl font-bold text-green-600"},Ft={class:"text-sm text-gray-600"},Vt={class:"stat-card text-center"},Wt={class:"text-3xl font-bold text-blue-600"},Jt={class:"text-sm text-gray-600"},Yt={class:"stat-card text-center"},zt={class:"text-3xl font-bold text-purple-600"},Bt={class:"text-sm text-gray-600"},Ht={class:"stat-card text-center"},Qt={class:"text-3xl font-bold text-yellow-600"},Gt={class:"text-sm text-gray-600"},Xt={__name:"StatsOverview",setup(w){const n=M(),{statsData:a,statsPeriod:l,currentPeriodData:c}=A(n),e=x=>{if(!x)return"无";try{return nt(x).format("YYYY年MM月DD日 HH:mm")}catch{return"格式错误"}},i=x=>x?new Date(x).toLocaleString("zh-CN",{year:"numeric",month:"2-digit",day:"2-digit",hour:"2-digit",minute:"2-digit"}):"",d=x=>x?new Date(x){if(!x)return!1;const T=(new Date(x)-new Date)/(1e3*60*60*24);return T>0&&T<=7},_=x=>(typeof x!="number"&&(x=parseInt(x)||0),x===0?"0":x>=1e6?(x/1e6).toFixed(1)+"M":x>=1e3?(x/1e3).toFixed(1)+"K":x.toLocaleString()),h=x=>({claude:"Claude",gemini:"Gemini",all:"全部模型"})[x]||x||"未知";return(x,u)=>(m(),f("div",bt,[t("div",ht,[u[8]||(u[8]=t("h3",{class:"text-xl font-bold mb-4 flex items-center text-gray-900"},[t("i",{class:"fas fa-info-circle mr-3 text-blue-500"}),y(" API Key 信息 ")],-1)),t("div",$t,[t("div",wt,[u[0]||(u[0]=t("span",{class:"text-gray-600"},"名称",-1)),t("span",kt,r(s(a).name),1)]),t("div",St,[u[1]||(u[1]=t("span",{class:"text-gray-600"},"状态",-1)),t("span",{class:P([s(a).isActive?"text-green-600":"text-red-600","font-medium"])},[t("i",{class:P([s(a).isActive?"fas fa-check-circle":"fas fa-times-circle","mr-1"])},null,2),y(" "+r(s(a).isActive?"活跃":"已停用"),1)],2)]),t("div",Tt,[u[2]||(u[2]=t("span",{class:"text-gray-600"},"权限",-1)),t("span",It,r(h(s(a).permissions)),1)]),t("div",Ct,[u[3]||(u[3]=t("span",{class:"text-gray-600"},"创建时间",-1)),t("span",Lt,r(e(s(a).createdAt)),1)]),t("div",Dt,[u[7]||(u[7]=t("span",{class:"text-gray-600"},"过期时间",-1)),s(a).expiresAt?(m(),f("div",Pt,[d(s(a).expiresAt)?(m(),f("div",At,u[4]||(u[4]=[t("i",{class:"fas fa-exclamation-circle mr-1"},null,-1),y(" 已过期 ",-1)]))):v(s(a).expiresAt)?(m(),f("div",Kt,[u[5]||(u[5]=t("i",{class:"fas fa-clock mr-1"},null,-1)),y(" "+r(i(s(a).expiresAt)),1)])):(m(),f("div",Mt,r(i(s(a).expiresAt)),1))])):(m(),f("div",Rt,u[6]||(u[6]=[t("i",{class:"fas fa-infinity mr-1"},null,-1),y(" 永不过期 ",-1)])))])])]),t("div",qt,[t("h3",jt,[u[9]||(u[9]=t("i",{class:"fas fa-chart-bar mr-3 text-green-500"},null,-1)),u[10]||(u[10]=y(" 使用统计概览 ",-1)),t("span",Ut,"("+r(s(l)==="daily"?"今日":"本月")+")",1)]),t("div",Et,[t("div",Nt,[t("div",Ot,r(_(s(c).requests)),1),t("div",Ft,r(s(l)==="daily"?"今日":"本月")+"请求数",1)]),t("div",Vt,[t("div",Wt,r(_(s(c).allTokens)),1),t("div",Jt,r(s(l)==="daily"?"今日":"本月")+"Token数",1)]),t("div",Yt,[t("div",zt,r(s(c).formattedCost||"$0.000000"),1),t("div",Bt,r(s(l)==="daily"?"今日":"本月")+"费用",1)]),t("div",Ht,[t("div",Qt,r(_(s(c).inputTokens)),1),t("div",Gt,r(s(l)==="daily"?"今日":"本月")+"输入Token",1)])])])]))}},Zt=K(Xt,[["__scopeId","data-v-957fdbf9"]]),ts={class:"card p-6"},ss={class:"text-xl font-bold mb-4 flex items-center text-gray-900"},es={class:"text-sm font-normal text-gray-600 ml-2"},as={class:"space-y-3"},is={class:"flex justify-between items-center"},os={class:"font-medium text-gray-900"},ns={class:"flex justify-between items-center"},ls={class:"font-medium text-gray-900"},rs={class:"flex justify-between items-center"},ds={class:"font-medium text-gray-900"},cs={class:"flex justify-between items-center"},us={class:"font-medium text-gray-900"},fs={class:"mt-4 pt-4 border-t border-gray-200"},ms={class:"flex justify-between items-center font-bold text-gray-900"},xs={class:"text-xl"},ys={__name:"TokenDistribution",setup(w){const n=M(),{statsPeriod:a,currentPeriodData:l}=A(n),c=e=>(typeof e!="number"&&(e=parseInt(e)||0),e===0?"0":e>=1e6?(e/1e6).toFixed(1)+"M":e>=1e3?(e/1e3).toFixed(1)+"K":e.toLocaleString());return(e,i)=>(m(),f("div",ts,[t("h3",ss,[i[0]||(i[0]=t("i",{class:"fas fa-coins mr-3 text-yellow-500"},null,-1)),i[1]||(i[1]=y(" Token 使用分布 ",-1)),t("span",es,"("+r(s(a)==="daily"?"今日":"本月")+")",1)]),t("div",as,[t("div",is,[i[2]||(i[2]=t("span",{class:"text-gray-600 flex items-center"},[t("i",{class:"fas fa-arrow-right mr-2 text-green-500"}),y(" 输入 Token ")],-1)),t("span",os,r(c(s(l).inputTokens)),1)]),t("div",ns,[i[3]||(i[3]=t("span",{class:"text-gray-600 flex items-center"},[t("i",{class:"fas fa-arrow-left mr-2 text-blue-500"}),y(" 输出 Token ")],-1)),t("span",ls,r(c(s(l).outputTokens)),1)]),t("div",rs,[i[4]||(i[4]=t("span",{class:"text-gray-600 flex items-center"},[t("i",{class:"fas fa-save mr-2 text-purple-500"}),y(" 缓存创建 Token ")],-1)),t("span",ds,r(c(s(l).cacheCreateTokens)),1)]),t("div",cs,[i[5]||(i[5]=t("span",{class:"text-gray-600 flex items-center"},[t("i",{class:"fas fa-download mr-2 text-orange-500"}),y(" 缓存读取 Token ")],-1)),t("span",us,r(c(s(l).cacheReadTokens)),1)])]),t("div",fs,[t("div",ms,[t("span",null,r(s(a)==="daily"?"今日":"本月")+"总计",1),t("span",xs,r(c(s(l).allTokens)),1)])])]))}},ps=K(ys,[["__scopeId","data-v-db41efab"]]),gs={class:"card p-6"},vs={class:"space-y-3"},_s={class:"flex justify-between items-center"},bs={class:"font-medium text-gray-900"},hs={class:"flex justify-between items-center"},$s={class:"font-medium text-gray-900"},ws={class:"flex justify-between items-center"},ks={class:"font-medium text-gray-900"},Ss={class:"flex justify-between items-center"},Ts={class:"font-medium text-gray-900"},Is={class:"flex justify-between items-center"},Cs={class:"font-medium text-gray-900"},Ls={key:0,class:"text-orange-600"},Ds={key:1,class:"text-green-600"},Ps={class:"flex justify-between items-center"},As={class:"font-medium text-gray-900"},Ks={key:0,class:"text-orange-600"},Ms={key:1,class:"text-green-600"},Rs={key:0,class:"card p-6 mt-6"},qs={class:"grid grid-cols-1 lg:grid-cols-2 gap-6"},js={key:0,class:"bg-amber-50 border border-amber-200 rounded-lg p-4"},Us={class:"space-y-2"},Es={class:"text-gray-800"},Ns={key:1,class:"bg-blue-50 border border-blue-200 rounded-lg p-4"},Os={class:"space-y-2"},Fs={class:"text-gray-800"},Vs={__name:"LimitConfig",setup(w){const n=M(),{statsData:a}=A(n),l=c=>(typeof c!="number"&&(c=parseInt(c)||0),c===0?"0":c>=1e6?(c/1e6).toFixed(1)+"M":c>=1e3?(c/1e3).toFixed(1)+"K":c.toLocaleString());return(c,e)=>(m(),f("div",null,[t("div",gs,[e[10]||(e[10]=t("h3",{class:"text-xl font-bold mb-4 flex items-center text-gray-900"},[t("i",{class:"fas fa-shield-alt mr-3 text-red-500"}),y(" 限制配置 ")],-1)),t("div",vs,[t("div",_s,[e[0]||(e[0]=t("span",{class:"text-gray-600"},"Token 限制",-1)),t("span",bs,r(s(a).limits.tokenLimit>0?l(s(a).limits.tokenLimit):"无限制"),1)]),t("div",hs,[e[1]||(e[1]=t("span",{class:"text-gray-600"},"并发限制",-1)),t("span",$s,r(s(a).limits.concurrencyLimit>0?s(a).limits.concurrencyLimit:"无限制"),1)]),t("div",ws,[e[2]||(e[2]=t("span",{class:"text-gray-600"},"速率限制",-1)),t("span",ks,r(s(a).limits.rateLimitRequests>0&&s(a).limits.rateLimitWindow>0?`${s(a).limits.rateLimitRequests}次/${s(a).limits.rateLimitWindow}分钟`:"无限制"),1)]),t("div",Ss,[e[3]||(e[3]=t("span",{class:"text-gray-600"},"每日费用限制",-1)),t("span",Ts,r(s(a).limits.dailyCostLimit>0?"$"+s(a).limits.dailyCostLimit:"无限制"),1)]),t("div",Is,[e[6]||(e[6]=t("span",{class:"text-gray-600"},"模型限制",-1)),t("span",Cs,[s(a).restrictions.enableModelRestriction&&s(a).restrictions.restrictedModels.length>0?(m(),f("span",Ls,[e[4]||(e[4]=t("i",{class:"fas fa-exclamation-triangle mr-1"},null,-1)),y(" 限制 "+r(s(a).restrictions.restrictedModels.length)+" 个模型 ",1)])):(m(),f("span",Ds,e[5]||(e[5]=[t("i",{class:"fas fa-check-circle mr-1"},null,-1),y(" 允许所有模型 ",-1)])))])]),t("div",Ps,[e[9]||(e[9]=t("span",{class:"text-gray-600"},"客户端限制",-1)),t("span",As,[s(a).restrictions.enableClientRestriction&&s(a).restrictions.allowedClients.length>0?(m(),f("span",Ks,[e[7]||(e[7]=t("i",{class:"fas fa-exclamation-triangle mr-1"},null,-1)),y(" 限制 "+r(s(a).restrictions.allowedClients.length)+" 个客户端 ",1)])):(m(),f("span",Ms,e[8]||(e[8]=[t("i",{class:"fas fa-check-circle mr-1"},null,-1),y(" 允许所有客户端 ",-1)])))])])])]),s(a).restrictions.enableModelRestriction&&s(a).restrictions.restrictedModels.length>0||s(a).restrictions.enableClientRestriction&&s(a).restrictions.allowedClients.length>0?(m(),f("div",Rs,[e[17]||(e[17]=t("h3",{class:"text-xl font-bold mb-4 flex items-center text-gray-900"},[t("i",{class:"fas fa-list-alt mr-3 text-amber-500"}),y(" 详细限制信息 ")],-1)),t("div",qs,[s(a).restrictions.enableModelRestriction&&s(a).restrictions.restrictedModels.length>0?(m(),f("div",js,[e[12]||(e[12]=t("h4",{class:"font-bold text-amber-800 mb-3 flex items-center"},[t("i",{class:"fas fa-robot mr-2"}),y(" 受限模型列表 ")],-1)),t("div",Us,[(m(!0),f(O,null,F(s(a).restrictions.restrictedModels,i=>(m(),f("div",{key:i,class:"bg-white rounded px-3 py-2 text-sm border border-amber-200"},[e[11]||(e[11]=t("i",{class:"fas fa-ban mr-2 text-red-500"},null,-1)),t("span",Es,r(i),1)]))),128))]),e[13]||(e[13]=t("p",{class:"text-xs text-amber-700 mt-3"},[t("i",{class:"fas fa-info-circle mr-1"}),y(" 此 API Key 不能访问以上列出的模型 ")],-1))])):C("",!0),s(a).restrictions.enableClientRestriction&&s(a).restrictions.allowedClients.length>0?(m(),f("div",Ns,[e[15]||(e[15]=t("h4",{class:"font-bold text-blue-800 mb-3 flex items-center"},[t("i",{class:"fas fa-desktop mr-2"}),y(" 允许的客户端 ")],-1)),t("div",Os,[(m(!0),f(O,null,F(s(a).restrictions.allowedClients,i=>(m(),f("div",{key:i,class:"bg-white rounded px-3 py-2 text-sm border border-blue-200"},[e[14]||(e[14]=t("i",{class:"fas fa-check mr-2 text-green-500"},null,-1)),t("span",Fs,r(i),1)]))),128))]),e[16]||(e[16]=t("p",{class:"text-xs text-blue-700 mt-3"},[t("i",{class:"fas fa-info-circle mr-1"}),y(" 此 API Key 只能被以上列出的客户端使用 ")],-1))])):C("",!0)])])):C("",!0)]))}},Ws=K(Vs,[["__scopeId","data-v-3163241d"]]),Js={class:"card p-6"},Ys={class:"mb-6"},zs={class:"text-xl font-bold flex items-center text-gray-900"},Bs={class:"text-sm font-normal text-gray-600 ml-2"},Hs={key:0,class:"text-center py-8"},Qs={key:1,class:"space-y-4"},Gs={class:"flex justify-between items-start mb-3"},Xs={class:"font-bold text-lg text-gray-900"},Zs={class:"text-gray-600 text-sm"},te={class:"text-right"},se={class:"text-lg font-bold text-green-600"},ee={class:"grid grid-cols-2 md:grid-cols-4 gap-3 text-sm"},ae={class:"bg-gray-50 rounded p-2"},ie={class:"font-medium text-gray-900"},oe={class:"bg-gray-50 rounded p-2"},ne={class:"font-medium text-gray-900"},le={class:"bg-gray-50 rounded p-2"},re={class:"font-medium text-gray-900"},de={class:"bg-gray-50 rounded p-2"},ce={class:"font-medium text-gray-900"},ue={key:2,class:"text-center py-8 text-gray-500"},fe={__name:"ModelUsageStats",setup(w){const n=M(),{statsPeriod:a,modelStats:l,modelStatsLoading:c}=A(n),e=i=>(typeof i!="number"&&(i=parseInt(i)||0),i===0?"0":i>=1e6?(i/1e6).toFixed(1)+"M":i>=1e3?(i/1e3).toFixed(1)+"K":i.toLocaleString());return(i,d)=>(m(),f("div",Js,[t("div",Ys,[t("h3",zs,[d[0]||(d[0]=t("i",{class:"fas fa-robot mr-3 text-indigo-500"},null,-1)),d[1]||(d[1]=y(" 模型使用统计 ",-1)),t("span",Bs,"("+r(s(a)==="daily"?"今日":"本月")+")",1)])]),s(c)?(m(),f("div",Hs,d[2]||(d[2]=[t("i",{class:"fas fa-spinner loading-spinner text-2xl mb-2 text-gray-600"},null,-1),t("p",{class:"text-gray-600"},"加载模型统计数据中...",-1)]))):s(l).length>0?(m(),f("div",Qs,[(m(!0),f(O,null,F(s(l),(v,_)=>{var h;return m(),f("div",{key:_,class:"model-usage-item"},[t("div",Gs,[t("div",null,[t("h4",Xs,r(v.model),1),t("p",Zs,r(v.requests)+" 次请求",1)]),t("div",te,[t("div",se,r(((h=v.formatted)==null?void 0:h.total)||"$0.000000"),1),d[3]||(d[3]=t("div",{class:"text-sm text-gray-600"},"总费用",-1))])]),t("div",ee,[t("div",ae,[d[4]||(d[4]=t("div",{class:"text-gray-600"},"输入 Token",-1)),t("div",ie,r(e(v.inputTokens)),1)]),t("div",oe,[d[5]||(d[5]=t("div",{class:"text-gray-600"},"输出 Token",-1)),t("div",ne,r(e(v.outputTokens)),1)]),t("div",le,[d[6]||(d[6]=t("div",{class:"text-gray-600"},"缓存创建",-1)),t("div",re,r(e(v.cacheCreateTokens)),1)]),t("div",de,[d[7]||(d[7]=t("div",{class:"text-gray-600"},"缓存读取",-1)),t("div",ce,r(e(v.cacheReadTokens)),1)])])])}),128))])):(m(),f("div",ue,[d[8]||(d[8]=t("i",{class:"fas fa-chart-pie text-3xl mb-3"},null,-1)),t("p",null,"暂无"+r(s(a)==="daily"?"今日":"本月")+"模型使用数据",1)]))]))}},me=K(fe,[["__scopeId","data-v-b5e42c0c"]]),xe={class:"min-h-screen gradient-bg p-6"},ye={class:"glass-strong rounded-3xl p-6 mb-8 shadow-xl"},pe={class:"flex flex-col md:flex-row justify-between items-center gap-4"},ge={class:"flex items-center gap-3"},ve={class:"mb-8"},_e={class:"flex justify-center"},be={class:"inline-flex bg-white/10 backdrop-blur-xl rounded-full p-1 shadow-lg border border-white/20"},he={key:0,class:"tab-content"},$e={key:0,class:"mb-8"},we={class:"bg-red-500/20 border border-red-500/30 rounded-xl p-4 text-red-800 backdrop-blur-sm"},ke={key:1,class:"fade-in"},Se={class:"glass-strong rounded-3xl p-6 shadow-xl"},Te={class:"mb-6 pb-6 border-b border-gray-200"},Ie={class:"flex flex-col md:flex-row items-start md:items-center justify-between gap-4"},Ce={class:"flex gap-2"},Le=["disabled"],De=["disabled"],Pe={class:"grid grid-cols-1 lg:grid-cols-2 gap-6 mb-8"},Ae={key:1,class:"tab-content"},Ke={class:"glass-strong rounded-3xl shadow-xl"},Me={__name:"ApiStatsView",setup(w){const n=tt(),a=M(),l=$("stats"),{apiKey:c,apiId:e,loading:i,modelStatsLoading:d,oemLoading:v,error:_,statsPeriod:h,statsData:x,oemSettings:u}=A(a),{queryStats:U,switchPeriod:T,loadStatsWithApiId:R,loadOemSettings:L,reset:q}=a,E=b=>{(b.ctrlKey||b.metaKey)&&b.key==="Enter"&&(!i.value&&c.value.trim()&&U(),b.preventDefault()),b.key==="Escape"&&q()};return Z(()=>{console.log("API Stats Page loaded"),L();const b=n.query.apiId,p=n.query.apiKey;b&&b.match(/^[a-f0-9]{8}-[a-f0-9]{4}-[a-f0-9]{4}-[a-f0-9]{4}-[a-f0-9]{12}$/i)?(e.value=b,R()):p&&p.length>10&&(c.value=p),document.addEventListener("keydown",E)}),st(()=>{document.removeEventListener("keydown",E)}),et(c,b=>{b||a.clearData()}),(b,p)=>{const N=it("router-link");return m(),f("div",xe,[t("div",ye,[t("div",pe,[S(ot,{loading:s(v),title:s(u).siteName,subtitle:l.value==="stats"?"API Key 使用统计":"使用教程","logo-src":s(u).siteIconData||s(u).siteIcon},null,8,["loading","title","subtitle","logo-src"]),t("div",ge,[S(N,{to:"/dashboard",class:"admin-button rounded-xl px-4 py-2 text-white transition-all duration-300 flex items-center gap-2"},{default:at(()=>p[4]||(p[4]=[t("i",{class:"fas fa-cog text-sm"},null,-1),t("span",{class:"text-sm font-medium"},"管理后台",-1)])),_:1,__:[4]})])])]),t("div",ve,[t("div",_e,[t("div",be,[t("button",{onClick:p[0]||(p[0]=j=>l.value="stats"),class:P(["tab-pill-button",l.value==="stats"?"active":""])},p[5]||(p[5]=[t("i",{class:"fas fa-chart-line mr-2"},null,-1),t("span",null,"统计查询",-1)]),2),t("button",{onClick:p[1]||(p[1]=j=>l.value="tutorial"),class:P(["tab-pill-button",l.value==="tutorial"?"active":""])},p[6]||(p[6]=[t("i",{class:"fas fa-graduation-cap mr-2"},null,-1),t("span",null,"使用教程",-1)]),2)])])]),l.value==="stats"?(m(),f("div",he,[S(_t),s(_)?(m(),f("div",$e,[t("div",we,[p[7]||(p[7]=t("i",{class:"fas fa-exclamation-triangle mr-2"},null,-1)),y(" "+r(s(_)),1)])])):C("",!0),s(x)?(m(),f("div",ke,[t("div",Se,[t("div",Te,[t("div",Ie,[p[10]||(p[10]=t("div",{class:"flex items-center gap-3"},[t("i",{class:"fas fa-clock text-blue-500 text-lg"}),t("span",{class:"text-lg font-medium text-gray-700"},"统计时间范围")],-1)),t("div",Ce,[t("button",{onClick:p[2]||(p[2]=j=>s(T)("daily")),class:P([["period-btn",{active:s(h)==="daily"}],"px-6 py-2 text-sm font-medium flex items-center gap-2"]),disabled:s(i)||s(d)},p[8]||(p[8]=[t("i",{class:"fas fa-calendar-day"},null,-1),y(" 今日 ",-1)]),10,Le),t("button",{onClick:p[3]||(p[3]=j=>s(T)("monthly")),class:P([["period-btn",{active:s(h)==="monthly"}],"px-6 py-2 text-sm font-medium flex items-center gap-2"]),disabled:s(i)||s(d)},p[9]||(p[9]=[t("i",{class:"fas fa-calendar-alt"},null,-1),y(" 本月 ",-1)]),10,De)])])]),S(Zt),t("div",Pe,[S(ps),S(Ws)]),S(me)])])):C("",!0)])):C("",!0),l.value==="tutorial"?(m(),f("div",Ae,[t("div",Ke,[S(lt)])])):C("",!0)])}}},Fe=K(Me,[["__scopeId","data-v-4e1404f4"]]);export{Fe as default}; diff --git a/web/admin-spa/dist/assets/DashboardView-B48Cl-60.js b/web/admin-spa/dist/assets/DashboardView-B48Cl-60.js deleted file mode 100644 index 6476bded..00000000 --- a/web/admin-spa/dist/assets/DashboardView-B48Cl-60.js +++ /dev/null @@ -1 +0,0 @@ -import{E as it}from"./element-plus-B8Fs_0jW.js";import{aR as dt,r as k,c as ut,aW as ct,o as st,q as pt,D as E,x as b,z as t,P as d,u as s,O as v,L as I,Q as lt,ac as rt,C as j,R as yt,y as h}from"./vue-vendor-CKToUHZx.js";import{a as O,_ as mt}from"./index-CJmHAjMf.js";import{s as at}from"./toast-BvwA7Mwb.js";import{C as ot}from"./chart-Cor9iTVD.js";import"./vendor-BDiMbLwQ.js";const ft=dt("dashboard",()=>{const L=k(!1),U=k({totalApiKeys:0,activeApiKeys:0,totalAccounts:0,activeAccounts:0,rateLimitedAccounts:0,todayRequests:0,totalRequests:0,todayTokens:0,todayInputTokens:0,todayOutputTokens:0,totalTokens:0,totalInputTokens:0,totalOutputTokens:0,totalCacheCreateTokens:0,totalCacheReadTokens:0,todayCacheCreateTokens:0,todayCacheReadTokens:0,systemRPM:0,systemTPM:0,systemStatus:"正常",uptime:0}),i=k({todayCosts:{totalCost:0,formatted:{totalCost:"$0.000000"}},totalCosts:{totalCost:0,formatted:{totalCost:"$0.000000"}}}),V=k([]),w=k([]),q=k([]),T=k({data:[],topApiKeys:[],totalApiKeys:0}),l=k({type:"preset",preset:"7days",customStart:"",customEnd:"",customRange:null,presetOptions:[{value:"today",label:"今日",days:1},{value:"7days",label:"7天",days:7},{value:"30days",label:"30天",days:30}]}),g=k("day"),R=k("requests"),_=k([new Date(2e3,1,1,0,0,0),new Date(2e3,2,1,23,59,59)]),Z=ut(()=>{const a=U.value.uptime,r=Math.floor(a/86400),n=Math.floor(a%86400/3600),o=Math.floor(a%3600/60);return r>0?`${r}天 ${n}小时`:n>0?`${n}小时 ${o}分钟`:`${o}分钟`});async function J(){L.value=!0;try{const[a,r,n]=await Promise.all([O.get("/admin/dashboard"),O.get("/admin/usage-costs?period=today"),O.get("/admin/usage-costs?period=all")]);if(a.success){const o=a.data.overview||{},c=a.data.recentActivity||{},m=a.data.systemAverages||{},C=a.data.systemHealth||{};U.value={totalApiKeys:o.totalApiKeys||0,activeApiKeys:o.activeApiKeys||0,totalAccounts:o.totalClaudeAccounts||0,activeAccounts:o.activeClaudeAccounts||0,rateLimitedAccounts:o.rateLimitedClaudeAccounts||0,todayRequests:c.requestsToday||0,totalRequests:o.totalRequestsUsed||0,todayTokens:c.tokensToday||0,todayInputTokens:c.inputTokensToday||0,todayOutputTokens:c.outputTokensToday||0,totalTokens:o.totalTokensUsed||0,totalInputTokens:o.totalInputTokensUsed||0,totalOutputTokens:o.totalOutputTokensUsed||0,totalCacheCreateTokens:o.totalCacheCreateTokensUsed||0,totalCacheReadTokens:o.totalCacheReadTokensUsed||0,todayCacheCreateTokens:c.cacheCreateTokensToday||0,todayCacheReadTokens:c.cacheReadTokensToday||0,systemRPM:m.rpm||0,systemTPM:m.tpm||0,systemStatus:C.redisConnected?"正常":"异常",uptime:C.uptime||0}}r.success&&n.success&&(i.value={todayCosts:r.data.totalCosts||{totalCost:0,formatted:{totalCost:"$0.000000"}},totalCosts:n.data.totalCosts||{totalCost:0,formatted:{totalCost:"$0.000000"}}})}catch(a){console.error("加载仪表板数据失败:",a)}finally{L.value=!1}}async function X(a=7,r="day"){try{let n="/admin/usage-trend?";r==="hour"?(n+="granularity=hour",l.value.customRange&&l.value.customRange.length===2&&(n+=`&startDate=${encodeURIComponent(l.value.customRange[0])}`,n+=`&endDate=${encodeURIComponent(l.value.customRange[1])}`)):n+=`granularity=day&days=${a}`;const o=await O.get(n);o.success&&(w.value=o.data)}catch(n){console.error("加载使用趋势失败:",n)}}async function tt(a="daily"){try{const r=await O.get(`/admin/model-stats?period=${a}`);r.success&&(q.value=r.data)}catch(r){console.error("加载模型统计失败:",r)}}async function Y(a="requests"){try{let r="/admin/api-keys-usage-trend?";if(g.value==="hour")r+="granularity=hour",l.value.customRange&&l.value.customRange.length===2&&(r+=`&startDate=${encodeURIComponent(l.value.customRange[0])}`,r+=`&endDate=${encodeURIComponent(l.value.customRange[1])}`);else{const o=l.value.type==="preset"?l.value.preset==="today"?1:l.value.preset==="7days"?7:30:z(l.value.customStart,l.value.customEnd);r+=`granularity=day&days=${o}`}r+=`&metric=${a}`;const n=await O.get(r);n.success&&(T.value={data:n.data||[],topApiKeys:n.topApiKeys||[],totalApiKeys:n.totalApiKeys||0})}catch(r){console.error("加载API Keys趋势失败:",r)}}function K(a){l.value.type="preset",l.value.preset=a;const r=l.value.presetOptions.find(n=>n.value===a);if(r){const n=new Date;let o,c;if(g.value==="hour")switch(a){case"last24h":o=new Date(n.getTime()-24*60*60*1e3),c=n;break;case"yesterday":o=new Date(n),o.setDate(n.getDate()-1),o.setHours(0,0,0,0),c=new Date(o),c.setHours(23,59,59,999);break;case"dayBefore":o=new Date(n),o.setDate(n.getDate()-2),o.setHours(0,0,0,0),c=new Date(o),c.setHours(23,59,59,999);break}else o=new Date(n),c=new Date(n),a==="today"?(o.setHours(0,0,0,0),c.setHours(23,59,59,999)):(o.setDate(n.getDate()-(r.days-1)),o.setHours(0,0,0,0),c.setHours(23,59,59,999));l.value.customStart=o.toISOString().split("T")[0],l.value.customEnd=c.toISOString().split("T")[0];const m=C=>{const G=C.getFullYear(),W=String(C.getMonth()+1).padStart(2,"0"),H=String(C.getDate()).padStart(2,"0"),Q=String(C.getHours()).padStart(2,"0"),p=String(C.getMinutes()).padStart(2,"0"),e=String(C.getSeconds()).padStart(2,"0");return`${G}-${W}-${H} ${Q}:${p}:${e}`};l.value.customRange=[m(o),m(c)]}$()}function et(a){if(a&&a.length===2){l.value.type="custom",l.value.preset="",l.value.customRange=a,l.value.customStart=a[0].split(" ")[0],l.value.customEnd=a[1].split(" ")[0];const r=new Date(a[0]),n=new Date(a[1]);if(g.value==="hour"){if((n-r)/36e5>24){at("小时粒度下日期范围不能超过24小时","warning");return}}else if(Math.ceil((n-r)/864e5)+1>31){at("日期范围不能超过 31 天","warning");return}$()}else a===null&&K((g.value==="hour","7days"))}function N(a){if(g.value=a,a==="hour"){if(l.value.presetOptions=[{value:"last24h",label:"近24小时",hours:24},{value:"yesterday",label:"昨天",hours:24},{value:"dayBefore",label:"前天",hours:24}],l.value.type==="custom"&&l.value.customRange&&l.value.customRange.length===2){const r=new Date(l.value.customRange[0]);if((new Date(l.value.customRange[1])-r)/(1e3*60*60)>24){at("小时粒度下日期范围不能超过24小时，已切换到近24小时","warning"),K("last24h");return}}if(["today","7days","30days"].includes(l.value.preset)){K("last24h");return}}else if(l.value.presetOptions=[{value:"today",label:"今日",days:1},{value:"7days",label:"7天",days:7},{value:"30days",label:"30天",days:30}],["last24h","yesterday","dayBefore"].includes(l.value.preset)){K("7days");return}$()}async function $(){let a,r="monthly";if(l.value.type==="preset"){const n=l.value.presetOptions.find(o=>o.value===l.value.preset);g.value==="hour"?(a=1,r="daily"):(a=n?n.days:7,l.value.preset==="today"?r="daily":r="monthly")}else{if(g.value==="hour"){const n=new Date(l.value.customRange[0]),o=new Date(l.value.customRange[1]),c=Math.ceil((o-n)/(1e3*60*60));a=Math.ceil(c/24)||1}else a=z(l.value.customStart,l.value.customEnd);r="daily"}await Promise.all([X(a,g.value),tt(r),Y(R.value)])}function z(a,r){if(!a||!r)return 7;const n=new Date(a),o=new Date(r),c=Math.abs(o-n);return Math.ceil(c/(1e3*60*60*24))||7}function B(a){return a>new Date}return{loading:L,dashboardData:U,costsData:i,modelStats:V,trendData:w,dashboardModelStats:q,apiKeysTrendData:T,dateFilter:l,trendGranularity:g,apiKeysTrendMetric:R,defaultTime:_,formattedUptime:Z,loadDashboardData:J,loadUsageTrend:X,loadModelStats:tt,loadApiKeysTrend:Y,setDateFilterPreset:K,onCustomDateRangeChange:et,setTrendGranularity:N,refreshChartsData:$,disabledDate:B}}),gt={class:"grid grid-cols-1 md:grid-cols-2 xl:grid-cols-4 gap-6 mb-8"},xt={class:"stat-card"},bt={class:"flex items-center justify-between"},vt={class:"text-3xl font-bold text-gray-900"},ht={class:"text-xs text-gray-500 mt-1"},kt={class:"stat-card"},Ct={class:"flex items-center justify-between"},Tt={class:"text-3xl font-bold text-gray-900"},_t={class:"text-xs text-gray-500 mt-1"},Dt={key:0,class:"text-yellow-600"},wt={class:"stat-card"},Rt={class:"flex items-center justify-between"},At={class:"text-3xl font-bold text-gray-900"},St={class:"text-xs text-gray-500 mt-1"},Kt={class:"stat-card"},$t={class:"flex items-center justify-between"},Mt={class:"text-3xl font-bold text-green-600"},Ut={class:"text-xs text-gray-500 mt-1"},Pt={class:"grid grid-cols-1 md:grid-cols-2 xl:grid-cols-4 gap-6 mb-8"},Ft={class:"stat-card"},It={class:"flex items-center justify-between"},Ot={class:"flex-1 mr-8"},qt={class:"flex items-baseline gap-2 mb-2 flex-wrap"},Bt={class:"text-3xl font-bold text-blue-600"},Ht={class:"text-sm text-green-600 font-medium"},Et={class:"text-xs text-gray-500"},jt={class:"flex justify-between items-center flex-wrap gap-x-4"},Lt={class:"font-medium"},Vt={class:"font-medium"},Yt={key:0,class:"text-purple-600"},Nt={class:"font-medium"},zt={key:1,class:"text-purple-600"},Gt={class:"font-medium"},Wt={class:"stat-card"},Qt={class:"flex items-center justify-between"},Zt={class:"flex-1 mr-8"},Jt={class:"flex items-baseline gap-2 mb-2 flex-wrap"},Xt={class:"text-3xl font-bold text-emerald-600"},te={class:"text-sm text-green-600 font-medium"},ee={class:"text-xs text-gray-500"},se={class:"flex justify-between items-center flex-wrap gap-x-4"},ae={class:"font-medium"},oe={class:"font-medium"},ne={key:0,class:"text-purple-600"},le={class:"font-medium"},re={key:1,class:"text-purple-600"},ie={class:"font-medium"},de={class:"stat-card"},ue={class:"flex items-center justify-between"},ce={class:"text-3xl font-bold text-orange-600"},pe={class:"stat-card"},ye={class:"flex items-center justify-between"},me={class:"text-3xl font-bold text-rose-600"},fe={class:"mb-8"},ge={class:"flex items-center justify-between mb-6"},xe={class:"flex gap-2 items-center"},be={class:"flex gap-1 bg-gray-100 rounded-lg p-1"},ve=["onClick"],he={class:"flex gap-1 bg-gray-100 rounded-lg p-1"},ke={class:"flex items-center gap-2"},Ce={key:0,class:"text-xs text-orange-600"},Te={class:"grid grid-cols-1 lg:grid-cols-2 gap-6"},_e={class:"card p-6"},De={class:"relative",style:{height:"300px"}},we={class:"card p-6"},Re={key:0,class:"text-center py-8"},Ae={key:1,class:"overflow-auto max-h-[300px]"},Se={class:"min-w-full"},Ke={class:"divide-y divide-gray-200"},$e={class:"px-4 py-2 text-sm text-gray-900"},Me={class:"px-4 py-2 text-sm text-gray-600 text-right"},Ue={class:"px-4 py-2 text-sm text-gray-600 text-right"},Pe={class:"px-4 py-2 text-sm text-green-600 text-right font-medium"},Fe={class:"px-4 py-2 text-sm font-medium text-right"},Ie={class:"inline-flex items-center px-2 py-1 rounded-full text-xs font-medium bg-blue-100 text-blue-800"},Oe={class:"mb-8"},qe={class:"card p-6"},Be={style:{height:"300px"}},He={class:"mb-8"},Ee={class:"card p-6"},je={class:"flex items-center justify-between mb-4"},Le={class:"flex gap-1 bg-gray-100 rounded-lg p-1"},Ve={class:"mb-4 text-sm text-gray-600"},Ye={key:0},Ne={key:1},ze={style:{height:"350px"}},Ge={__name:"DashboardView",setup(L){const U=ft(),{dashboardData:i,costsData:V,dashboardModelStats:w,trendData:q,apiKeysTrendData:T,formattedUptime:l,dateFilter:g,trendGranularity:R,apiKeysTrendMetric:_,defaultTime:Z}=ct(U),{loadDashboardData:J,loadUsageTrend:X,loadModelStats:tt,loadApiKeysTrend:Y,setDateFilterPreset:K,onCustomDateRangeChange:et,setTrendGranularity:N,refreshChartsData:$,disabledDate:z}=U,B=k(null),a=k(null),r=k(null);let n=null,o=null,c=null;function m(p){return p>=1e6?(p/1e6).toFixed(2)+"M":p>=1e3?(p/1e3).toFixed(2)+"K":p.toString()}function C(p,e){if(!e||e.length===0)return 0;const f=e.reduce((u,A)=>u+A.allTokens,0);return f===0?0:(p/f*100).toFixed(1)}function G(){if(!B.value)return;n&&n.destroy();const p=w.value||[],e={labels:p.map(f=>f.model),datasets:[{data:p.map(f=>f.allTokens),backgroundColor:["#3B82F6","#10B981","#F59E0B","#EF4444","#8B5CF6","#EC4899","#14B8A6","#F97316","#6366F1","#84CC16"],borderWidth:0}]};n=new ot(B.value,{type:"doughnut",data:e,options:{responsive:!0,maintainAspectRatio:!1,plugins:{legend:{position:"bottom",labels:{padding:15,usePointStyle:!0,font:{size:12}}},tooltip:{callbacks:{label:function(f){const u=f.label||"",A=m(f.parsed),P=C(f.parsed,p);return`${u}: ${A} (${P}%)`}}}}}})}function W(){if(!a.value)return;o&&o.destroy();const p=q.value||[],e=p.map(y=>y.inputTokens||0),f=p.map(y=>y.outputTokens||0),u=p.map(y=>y.cacheCreateTokens||0),A=p.map(y=>y.cacheReadTokens||0),P=p.map(y=>y.requests||0),x=p.map(y=>y.cost||0),F={labels:p.map(y=>y.date),datasets:[{label:"输入Token",data:e,borderColor:"rgb(102, 126, 234)",backgroundColor:"rgba(102, 126, 234, 0.1)",tension:.3},{label:"输出Token",data:f,borderColor:"rgb(240, 147, 251)",backgroundColor:"rgba(240, 147, 251, 0.1)",tension:.3},{label:"缓存创建Token",data:u,borderColor:"rgb(59, 130, 246)",backgroundColor:"rgba(59, 130, 246, 0.1)",tension:.3},{label:"缓存读取Token",data:A,borderColor:"rgb(147, 51, 234)",backgroundColor:"rgba(147, 51, 234, 0.1)",tension:.3},{label:"费用 (USD)",data:x,borderColor:"rgb(34, 197, 94)",backgroundColor:"rgba(34, 197, 94, 0.1)",tension:.3,yAxisID:"y2"},{label:"请求数",data:P,borderColor:"rgb(16, 185, 129)",backgroundColor:"rgba(16, 185, 129, 0.1)",tension:.3,yAxisID:"y1"}]};o=new ot(a.value,{type:"line",data:F,options:{responsive:!0,maintainAspectRatio:!1,interaction:{mode:"index",intersect:!1},plugins:{title:{display:!0,text:"Token使用趋势",font:{size:16,weight:"bold"}},legend:{position:"top"},tooltip:{mode:"index",intersect:!1,callbacks:{label:function(y){const D=y.dataset.label||"";let S=y.parsed.y;return D==="费用 (USD)"?S<.01?D+": $"+S.toFixed(6):D+": $"+S.toFixed(4):D==="请求数"?D+": "+S.toLocaleString()+" 次":D+": "+S.toLocaleString()+" tokens"}}}},scales:{x:{type:"category",display:!0,title:{display:!0,text:R.value==="hour"?"时间":"日期"}},y:{type:"linear",display:!0,position:"left",title:{display:!0,text:"Token数量"},ticks:{callback:function(y){return m(y)}}},y1:{type:"linear",display:!0,position:"right",title:{display:!0,text:"请求数"},grid:{drawOnChartArea:!1},ticks:{callback:function(y){return y.toLocaleString()}}},y2:{type:"linear",display:!1,position:"right"}}}})}function H(){var P;if(!r.value)return;c&&c.destroy();const p=T.value.data||[],e=_.value,f=["#3B82F6","#10B981","#F59E0B","#EF4444","#8B5CF6","#EC4899","#14B8A6","#F97316","#6366F1","#84CC16"],u=((P=T.value.topApiKeys)==null?void 0:P.map((x,F)=>{var S,nt;const y=T.value.data.map(M=>!M.apiKeys||!M.apiKeys[x]?0:e==="tokens"?M.apiKeys[x].tokens:M.apiKeys[x].requests||0);return{label:((nt=(S=T.value.data.find(M=>M.apiKeys&&M.apiKeys[x]))==null?void 0:S.apiKeys[x])==null?void 0:nt.name)||`API Key ${x}`,data:y,borderColor:f[F%f.length],backgroundColor:f[F%f.length]+"20",tension:.4,fill:!1}}))||[],A={labels:p.map(x=>x.date),datasets:u};c=new ot(r.value,{type:"line",data:A,options:{responsive:!0,maintainAspectRatio:!1,plugins:{legend:{position:"bottom",labels:{padding:20,usePointStyle:!0,font:{size:12}}},tooltip:{mode:"index",intersect:!1,callbacks:{label:function(x){const F=x.dataset.label||"",y=x.parsed.y,D=_.value==="tokens"?" tokens":" 次";return F+": "+y.toLocaleString()+D}}}},scales:{x:{type:"category",display:!0,title:{display:!0,text:R.value==="hour"?"时间":"日期"}},y:{beginAtZero:!0,title:{display:!0,text:_.value==="tokens"?"Token 数量":"请求次数"},ticks:{callback:function(x){return m(x)}}}}}})}async function Q(){await Y(_.value),await E(),H()}return st(w,()=>{E(()=>G())}),st(q,()=>{E(()=>W())}),st(T,()=>{E(()=>H())}),pt(async()=>{await Promise.all([J(),$()]),await E(),G(),W(),H()}),(p,e)=>{const f=it;return h(),b("div",null,[t("div",gt,[t("div",xt,[t("div",bt,[t("div",null,[e[6]||(e[6]=t("p",{class:"text-sm font-semibold text-gray-600 mb-1"},"总API Keys",-1)),t("p",vt,d(s(i).totalApiKeys),1),t("p",ht,"活跃: "+d(s(i).activeApiKeys||0),1)]),e[7]||(e[7]=t("div",{class:"stat-icon flex-shrink-0 bg-gradient-to-br from-blue-500 to-blue-600"},[t("i",{class:"fas fa-key"})],-1))])]),t("div",kt,[t("div",Ct,[t("div",null,[e[8]||(e[8]=t("p",{class:"text-sm font-semibold text-gray-600 mb-1"},"服务账户",-1)),t("p",Tt,d(s(i).totalAccounts),1),t("p",_t,[v(" 活跃: "+d(s(i).activeAccounts||0)+" ",1),s(i).rateLimitedAccounts>0?(h(),b("span",Dt," | 限流: "+d(s(i).rateLimitedAccounts),1)):I("",!0)])]),e[9]||(e[9]=t("div",{class:"stat-icon flex-shrink-0 bg-gradient-to-br from-green-500 to-green-600"},[t("i",{class:"fas fa-user-circle"})],-1))])]),t("div",wt,[t("div",Rt,[t("div",null,[e[10]||(e[10]=t("p",{class:"text-sm font-semibold text-gray-600 mb-1"},"今日请求",-1)),t("p",At,d(s(i).todayRequests),1),t("p",St,"总请求: "+d(m(s(i).totalRequests||0)),1)]),e[11]||(e[11]=t("div",{class:"stat-icon flex-shrink-0 bg-gradient-to-br from-purple-500 to-purple-600"},[t("i",{class:"fas fa-chart-line"})],-1))])]),t("div",Kt,[t("div",$t,[t("div",null,[e[12]||(e[12]=t("p",{class:"text-sm font-semibold text-gray-600 mb-1"},"系统状态",-1)),t("p",Mt,d(s(i).systemStatus),1),t("p",Ut,"运行时间: "+d(s(l)),1)]),e[13]||(e[13]=t("div",{class:"stat-icon flex-shrink-0 bg-gradient-to-br from-yellow-500 to-orange-500"},[t("i",{class:"fas fa-heartbeat"})],-1))])])]),t("div",Pt,[t("div",Ft,[t("div",It,[t("div",Ot,[e[18]||(e[18]=t("p",{class:"text-sm font-semibold text-gray-600 mb-1"},"今日Token",-1)),t("div",qt,[t("p",Bt,d(m((s(i).todayInputTokens||0)+(s(i).todayOutputTokens||0)+(s(i).todayCacheCreateTokens||0)+(s(i).todayCacheReadTokens||0))),1),t("span",Ht,"/ "+d(s(V).todayCosts.formatted.totalCost),1)]),t("div",Et,[t("div",jt,[t("span",null,[e[14]||(e[14]=v("输入: ",-1)),t("span",Lt,d(m(s(i).todayInputTokens||0)),1)]),t("span",null,[e[15]||(e[15]=v("输出: ",-1)),t("span",Vt,d(m(s(i).todayOutputTokens||0)),1)]),(s(i).todayCacheCreateTokens||0)>0?(h(),b("span",Yt,[e[16]||(e[16]=v("缓存创建: ",-1)),t("span",Nt,d(m(s(i).todayCacheCreateTokens||0)),1)])):I("",!0),(s(i).todayCacheReadTokens||0)>0?(h(),b("span",zt,[e[17]||(e[17]=v("缓存读取: ",-1)),t("span",Gt,d(m(s(i).todayCacheReadTokens||0)),1)])):I("",!0)])])]),e[19]||(e[19]=t("div",{class:"stat-icon flex-shrink-0 bg-gradient-to-br from-indigo-500 to-indigo-600"},[t("i",{class:"fas fa-coins"})],-1))])]),t("div",Wt,[t("div",Qt,[t("div",Zt,[e[24]||(e[24]=t("p",{class:"text-sm font-semibold text-gray-600 mb-1"},"总Token消耗",-1)),t("div",Jt,[t("p",Xt,d(m((s(i).totalInputTokens||0)+(s(i).totalOutputTokens||0)+(s(i).totalCacheCreateTokens||0)+(s(i).totalCacheReadTokens||0))),1),t("span",te,"/ "+d(s(V).totalCosts.formatted.totalCost),1)]),t("div",ee,[t("div",se,[t("span",null,[e[20]||(e[20]=v("输入: ",-1)),t("span",ae,d(m(s(i).totalInputTokens||0)),1)]),t("span",null,[e[21]||(e[21]=v("输出: ",-1)),t("span",oe,d(m(s(i).totalOutputTokens||0)),1)]),(s(i).totalCacheCreateTokens||0)>0?(h(),b("span",ne,[e[22]||(e[22]=v("缓存创建: ",-1)),t("span",le,d(m(s(i).totalCacheCreateTokens||0)),1)])):I("",!0),(s(i).totalCacheReadTokens||0)>0?(h(),b("span",re,[e[23]||(e[23]=v("缓存读取: ",-1)),t("span",ie,d(m(s(i).totalCacheReadTokens||0)),1)])):I("",!0)])])]),e[25]||(e[25]=t("div",{class:"stat-icon flex-shrink-0 bg-gradient-to-br from-emerald-500 to-emerald-600"},[t("i",{class:"fas fa-database"})],-1))])]),t("div",de,[t("div",ue,[t("div",null,[e[26]||(e[26]=t("p",{class:"text-sm font-semibold text-gray-600 mb-1"},"平均RPM",-1)),t("p",ce,d(s(i).systemRPM||0),1),e[27]||(e[27]=t("p",{class:"text-xs text-gray-500 mt-1"},"每分钟请求数",-1))]),e[28]||(e[28]=t("div",{class:"stat-icon flex-shrink-0 bg-gradient-to-br from-orange-500 to-orange-600"},[t("i",{class:"fas fa-tachometer-alt"})],-1))])]),t("div",pe,[t("div",ye,[t("div",null,[e[29]||(e[29]=t("p",{class:"text-sm font-semibold text-gray-600 mb-1"},"平均TPM",-1)),t("p",me,d(s(i).systemTPM||0),1),e[30]||(e[30]=t("p",{class:"text-xs text-gray-500 mt-1"},"每分钟Token数",-1))]),e[31]||(e[31]=t("div",{class:"stat-icon flex-shrink-0 bg-gradient-to-br from-rose-500 to-rose-600"},[t("i",{class:"fas fa-rocket"})],-1))])])]),t("div",fe,[t("div",ge,[e[36]||(e[36]=t("h3",{class:"text-xl font-bold text-gray-900"},"模型使用分布与Token使用趋势",-1)),t("div",xe,[t("div",be,[(h(!0),b(lt,null,rt(s(g).presetOptions,u=>(h(),b("button",{key:u.value,onClick:A=>s(K)(u.value),class:j(["px-3 py-1 rounded-md text-sm font-medium transition-colors",s(g).preset===u.value&&s(g).type==="preset"?"bg-white text-blue-600 shadow-sm":"text-gray-600 hover:text-gray-900"])},d(u.label),11,ve))),128))]),t("div",he,[t("button",{onClick:e[0]||(e[0]=u=>s(N)("day")),class:j(["px-3 py-1 rounded-md text-sm font-medium transition-colors",s(R)==="day"?"bg-white text-blue-600 shadow-sm":"text-gray-600 hover:text-gray-900"])},e[32]||(e[32]=[t("i",{class:"fas fa-calendar-day mr-1"},null,-1),v("按天 ",-1)]),2),t("button",{onClick:e[1]||(e[1]=u=>s(N)("hour")),class:j(["px-3 py-1 rounded-md text-sm font-medium transition-colors",s(R)==="hour"?"bg-white text-blue-600 shadow-sm":"text-gray-600 hover:text-gray-900"])},e[33]||(e[33]=[t("i",{class:"fas fa-clock mr-1"},null,-1),v("按小时 ",-1)]),2)]),t("div",ke,[yt(f,{"default-time":s(Z),modelValue:s(g).customRange,"onUpdate:modelValue":e[2]||(e[2]=u=>s(g).customRange=u),type:"datetimerange","range-separator":"至","start-placeholder":"开始日期","end-placeholder":"结束日期",format:"YYYY-MM-DD HH:mm:ss","value-format":"YYYY-MM-DD HH:mm:ss",onChange:s(et),"disabled-date":s(z),size:"default",style:{width:"400px"},class:"custom-date-picker"},null,8,["default-time","modelValue","onChange","disabled-date"]),s(R)==="hour"?(h(),b("span",Ce,e[34]||(e[34]=[t("i",{class:"fas fa-info-circle"},null,-1),v(" 最多24小时 ",-1)]))):I("",!0)]),t("button",{onClick:e[3]||(e[3]=u=>s($)()),class:"btn btn-primary px-4 py-2 flex items-center gap-2"},e[35]||(e[35]=[t("i",{class:"fas fa-sync-alt"},null,-1),v("刷新 ",-1)]))])]),t("div",Te,[t("div",_e,[e[37]||(e[37]=t("h4",{class:"text-lg font-semibold text-gray-800 mb-4"},"Token使用分布",-1)),t("div",De,[t("canvas",{ref_key:"modelUsageChart",ref:B},null,512)])]),t("div",we,[e[40]||(e[40]=t("h4",{class:"text-lg font-semibold text-gray-800 mb-4"},"详细统计数据",-1)),s(w).length===0?(h(),b("div",Re,e[38]||(e[38]=[t("p",{class:"text-gray-500"},"暂无模型使用数据",-1)]))):(h(),b("div",Ae,[t("table",Se,[e[39]||(e[39]=t("thead",{class:"bg-gray-50 sticky top-0"},[t("tr",null,[t("th",{class:"px-4 py-2 text-left text-xs font-medium text-gray-700"},"模型"),t("th",{class:"px-4 py-2 text-right text-xs font-medium text-gray-700"},"请求数"),t("th",{class:"px-4 py-2 text-right text-xs font-medium text-gray-700"},"总Token"),t("th",{class:"px-4 py-2 text-right text-xs font-medium text-gray-700"},"费用"),t("th",{class:"px-4 py-2 text-right text-xs font-medium text-gray-700"},"占比")])],-1)),t("tbody",Ke,[(h(!0),b(lt,null,rt(s(w),u=>(h(),b("tr",{key:u.model,class:"hover:bg-gray-50"},[t("td",$e,d(u.model),1),t("td",Me,d(m(u.requests)),1),t("td",Ue,d(m(u.allTokens)),1),t("td",Pe,d(u.formatted?u.formatted.total:"$0.000000"),1),t("td",Fe,[t("span",Ie,d(C(u.allTokens,s(w)))+"% ",1)])]))),128))])])]))])])]),t("div",Oe,[t("div",qe,[t("div",Be,[t("canvas",{ref_key:"usageTrendChart",ref:a},null,512)])])]),t("div",He,[t("div",Ee,[t("div",je,[e[43]||(e[43]=t("h3",{class:"text-lg font-semibold text-gray-900"},"API Keys 使用趋势",-1)),t("div",Le,[t("button",{onClick:e[4]||(e[4]=u=>{_.value="requests",Q()}),class:j(["px-3 py-1 rounded-md text-sm font-medium transition-colors",s(_)==="requests"?"bg-white text-blue-600 shadow-sm":"text-gray-600 hover:text-gray-900"])},e[41]||(e[41]=[t("i",{class:"fas fa-exchange-alt mr-1"},null,-1),v("请求次数 ",-1)]),2),t("button",{onClick:e[5]||(e[5]=u=>{_.value="tokens",Q()}),class:j(["px-3 py-1 rounded-md text-sm font-medium transition-colors",s(_)==="tokens"?"bg-white text-blue-600 shadow-sm":"text-gray-600 hover:text-gray-900"])},e[42]||(e[42]=[t("i",{class:"fas fa-coins mr-1"},null,-1),v("Token 数量 ",-1)]),2)])]),t("div",Ve,[s(T).totalApiKeys>10?(h(),b("span",Ye," 共 "+d(s(T).totalApiKeys)+" 个 API Key，显示使用量前 10 个 ",1)):(h(),b("span",Ne," 共 "+d(s(T).totalApiKeys)+" 个 API Key ",1))]),t("div",ze,[t("canvas",{ref_key:"apiKeysUsageTrendChart",ref:r},null,512)])])])])}}},es=mt(Ge,[["__scopeId","data-v-5170898f"]]);export{es as default}; diff --git a/web/admin-spa/dist/assets/LoginView-CgFwBxpX.js b/web/admin-spa/dist/assets/LoginView-CgFwBxpX.js deleted file mode 100644 index e7908871..00000000 --- a/web/admin-spa/dist/assets/LoginView-CgFwBxpX.js +++ /dev/null @@ -1 +0,0 @@ -import{c as b,r as x,q as f,x as a,z as s,L as i,Q as y,u as o,P as m,Y as _,K as u,aq as c,O as g,y as n}from"./vue-vendor-CKToUHZx.js";import{_ as v,u as w}from"./index-CJmHAjMf.js";/* empty css */import"./element-plus-B8Fs_0jW.js";import"./vendor-BDiMbLwQ.js";const h={class:"flex items-center justify-center min-h-screen p-6"},k={class:"glass-strong rounded-3xl p-10 w-full max-w-md shadow-2xl"},L={class:"text-center mb-8"},S={class:"w-20 h-20 mx-auto mb-6 bg-gradient-to-br from-blue-500/20 to-purple-500/20 border border-gray-300/30 rounded-2xl flex items-center justify-center backdrop-blur-sm overflow-hidden"},V=["src"],I={key:1,class:"fas fa-cloud text-3xl text-gray-700"},N={key:1,class:"w-12 h-12 bg-gray-300/50 rounded animate-pulse"},q={key:0,class:"text-3xl font-bold text-white mb-2 header-title"},D={key:1,class:"h-9 w-64 bg-gray-300/50 rounded animate-pulse mx-auto mb-2"},E=["disabled"],j={key:0,class:"fas fa-sign-in-alt mr-2"},B={key:1,class:"loading-spinner mr-2"},M={key:0,class:"mt-6 p-4 bg-red-500/20 border border-red-500/30 rounded-xl text-red-800 text-sm text-center backdrop-blur-sm"},F={__name:"LoginView",setup(O){const e=w(),d=b(()=>e.oemLoading),l=x({username:"",password:""});f(()=>{e.loadOemSettings()});const p=async()=>{await e.login(l.value)};return(T,t)=>(n(),a("div",h,[s("div",k,[s("div",L,[s("div",S,[d.value?(n(),a("div",N)):(n(),a(y,{key:0},[o(e).oemSettings.siteIconData||o(e).oemSettings.siteIcon?(n(),a("img",{key:0,src:o(e).oemSettings.siteIconData||o(e).oemSettings.siteIcon,alt:"Logo",class:"w-12 h-12 object-contain",onError:t[0]||(t[0]=r=>r.target.style.display="none")},null,40,V)):(n(),a("i",I))],64))]),!d.value&&o(e).oemSettings.siteName?(n(),a("h1",q,m(o(e).oemSettings.siteName),1)):d.value?(n(),a("div",D)):i("",!0),t[3]||(t[3]=s("p",{class:"text-gray-600 text-lg"},"管理后台",-1))]),s("form",{onSubmit:_(p,["prevent"]),class:"space-y-6"},[s("div",null,[t[4]||(t[4]=s("label",{class:"block text-sm font-semibold text-gray-900 mb-3"},"用户名",-1)),u(s("input",{"onUpdate:modelValue":t[1]||(t[1]=r=>l.value.username=r),type:"text",required:"",class:"form-input w-full",placeholder:"请输入用户名"},null,512),[[c,l.value.username]])]),s("div",null,[t[5]||(t[5]=s("label",{class:"block text-sm font-semibold text-gray-900 mb-3"},"密码",-1)),u(s("input",{"onUpdate:modelValue":t[2]||(t[2]=r=>l.value.password=r),type:"password",required:"",class:"form-input w-full",placeholder:"请输入密码"},null,512),[[c,l.value.password]])]),s("button",{type:"submit",disabled:o(e).loginLoading,class:"btn btn-primary w-full py-4 px-6 text-lg font-semibold"},[o(e).loginLoading?i("",!0):(n(),a("i",j)),o(e).loginLoading?(n(),a("div",B)):i("",!0),g(" "+m(o(e).loginLoading?"登录中...":"登录"),1)],8,E)],32),o(e).loginError?(n(),a("div",M,[t[6]||(t[6]=s("i",{class:"fas fa-exclamation-triangle mr-2"},null,-1)),g(m(o(e).loginError),1)])):i("",!0)])]))}},P=v(F,[["__scopeId","data-v-4a19afbe"]]);export{P as default}; diff --git a/web/admin-spa/dist/assets/SettingsView-Cj5OFaUq.js b/web/admin-spa/dist/assets/SettingsView-Cj5OFaUq.js deleted file mode 100644 index 6c908e94..00000000 --- a/web/admin-spa/dist/assets/SettingsView-Cj5OFaUq.js +++ /dev/null @@ -1,3 +0,0 @@ -import{aR as k,r as x,aW as C,q as O,x as m,z as e,u as i,K as T,aq as N,L as _,O as v,C as j,P as S,y as g}from"./vue-vendor-CKToUHZx.js";import{s as c}from"./toast-BvwA7Mwb.js";import{a as D,_ as F}from"./index-CJmHAjMf.js";import"./element-plus-B8Fs_0jW.js";import"./vendor-BDiMbLwQ.js";const E=k("settings",()=>{const l=x({siteName:"Claude Relay Service",siteIcon:"",siteIconData:"",updatedAt:null}),r=x(!1),p=x(!1),d=async()=>{r.value=!0;try{const s=await D.get("/admin/oem-settings");return s&&s.success&&(l.value={...l.value,...s.data},f()),s}catch(s){throw console.error("Failed to load OEM settings:",s),s}finally{r.value=!1}},a=async s=>{p.value=!0;try{const o=await D.put("/admin/oem-settings",s);return o&&o.success&&(l.value={...l.value,...o.data},f()),o}catch(o){throw console.error("Failed to save OEM settings:",o),o}finally{p.value=!1}},w=async()=>{const s={siteName:"Claude Relay Service",siteIcon:"",siteIconData:"",updatedAt:null};return l.value={...s},await a(s)},f=()=>{if(l.value.siteName&&(document.title=`${l.value.siteName} - 管理后台`),l.value.siteIconData||l.value.siteIcon){const s=document.querySelector('link[rel="icon"]')||document.createElement("link");s.rel="icon",s.href=l.value.siteIconData||l.value.siteIcon,document.querySelector('link[rel="icon"]')||document.head.appendChild(s)}};return{oemSettings:l,loading:r,saving:p,loadOemSettings:d,saveOemSettings:a,resetOemSettings:w,applyOemSettings:f,formatDateTime:s=>s?new Date(s).toLocaleString("zh-CN",{year:"numeric",month:"2-digit",day:"2-digit",hour:"2-digit",minute:"2-digit",second:"2-digit"}):"",validateIconFile:s=>{const o=[];return s.size>350*1024&&o.push("图标文件大小不能超过 350KB"),["image/x-icon","image/png","image/jpeg","image/jpg","image/svg+xml"].includes(s.type)||o.push("不支持的文件类型，请选择 .ico, .png, .jpg 或 .svg 文件"),{isValid:o.length===0,errors:o}},fileToBase64:s=>new Promise((o,n)=>{const t=new FileReader;t.onload=u=>o(u.target.result),t.onerror=n,t.readAsDataURL(s)})}}),B={class:"settings-container"},V={class:"card p-6"},R={key:0,class:"text-center py-12"},M={key:1,class:"table-container"},A={class:"min-w-full"},q={class:"divide-y divide-gray-200/50"},z={class:"table-row"},K={class:"px-6 py-4"},L={class:"table-row"},U={class:"px-6 py-4"},$={class:"space-y-3"},P={key:0,class:"inline-flex items-center gap-3 p-3 bg-gray-50 rounded-lg"},W=["src"],G={class:"px-6 py-6",colspan:"2"},H={class:"flex items-center justify-between"},J={class:"flex gap-3"},Q=["disabled"],X={key:0,class:"loading-spinner mr-2"},Y={key:1,class:"fas fa-save mr-2"},Z=["disabled"],ee={key:0,class:"text-sm text-gray-500"},te={__name:"SettingsView",setup(l){const r=E(),{loading:p,saving:d,oemSettings:a}=C(r),w=x();O(async()=>{try{await r.loadOemSettings()}catch{c("加载设置失败","error")}});const f=async()=>{try{const n={siteName:a.value.siteName,siteIcon:a.value.siteIcon,siteIconData:a.value.siteIconData},t=await r.saveOemSettings(n);t&&t.success?c("OEM设置保存成功","success"):c((t==null?void 0:t.message)||"保存失败","error")}catch{c("保存OEM设置失败","error")}},b=async()=>{if(confirm(`确定要重置为默认设置吗？ - -这将清除所有自定义的网站名称和图标设置。`))try{const n=await r.resetOemSettings();n&&n.success?c("已重置为默认设置","success"):c("重置失败","error")}catch{c("重置失败","error")}},h=async n=>{const t=n.target.files[0];if(!t)return;const u=r.validateIconFile(t);if(!u.isValid){u.errors.forEach(y=>c(y,"error"));return}try{const y=await r.fileToBase64(t);a.value.siteIconData=y}catch{c("文件读取失败","error")}n.target.value=""},I=()=>{a.value.siteIcon="",a.value.siteIconData=""},s=()=>{console.warn("Icon failed to load")},o=r.formatDateTime;return(n,t)=>(g(),m("div",B,[e("div",V,[t[12]||(t[12]=e("div",{class:"flex flex-col md:flex-row justify-between items-center gap-4 mb-6"},[e("div",null,[e("h3",{class:"text-xl font-bold text-gray-900 mb-2"},"其他设置"),e("p",{class:"text-gray-600"},"自定义网站名称和图标")])],-1)),i(p)?(g(),m("div",R,t[2]||(t[2]=[e("div",{class:"loading-spinner mx-auto mb-4"},null,-1),e("p",{class:"text-gray-500"},"正在加载设置...",-1)]))):(g(),m("div",M,[e("table",A,[e("tbody",q,[e("tr",z,[t[4]||(t[4]=e("td",{class:"px-6 py-4 whitespace-nowrap w-48"},[e("div",{class:"flex items-center"},[e("div",{class:"w-8 h-8 bg-gradient-to-br from-blue-500 to-blue-600 rounded-lg flex items-center justify-center mr-3"},[e("i",{class:"fas fa-font text-white text-xs"})]),e("div",null,[e("div",{class:"text-sm font-semibold text-gray-900"},"网站名称"),e("div",{class:"text-xs text-gray-500"},"品牌标识")])])],-1)),e("td",K,[T(e("input",{"onUpdate:modelValue":t[0]||(t[0]=u=>i(a).siteName=u),type:"text",class:"form-input w-full max-w-md",placeholder:"Claude Relay Service",maxlength:"100"},null,512),[[N,i(a).siteName]]),t[3]||(t[3]=e("p",{class:"text-xs text-gray-500 mt-1"},"将显示在浏览器标题和页面头部",-1))])]),e("tr",L,[t[9]||(t[9]=e("td",{class:"px-6 py-4 whitespace-nowrap w-48"},[e("div",{class:"flex items-center"},[e("div",{class:"w-8 h-8 bg-gradient-to-br from-purple-500 to-purple-600 rounded-lg flex items-center justify-center mr-3"},[e("i",{class:"fas fa-image text-white text-xs"})]),e("div",null,[e("div",{class:"text-sm font-semibold text-gray-900"},"网站图标"),e("div",{class:"text-xs text-gray-500"},"Favicon")])])],-1)),e("td",U,[e("div",$,[i(a).siteIconData||i(a).siteIcon?(g(),m("div",P,[e("img",{src:i(a).siteIconData||i(a).siteIcon,alt:"图标预览",class:"w-8 h-8",onError:s},null,40,W),t[6]||(t[6]=e("span",{class:"text-sm text-gray-600"},"当前图标",-1)),e("button",{onClick:I,class:"text-red-600 hover:text-red-900 font-medium hover:bg-red-50 px-3 py-1 rounded-lg transition-colors"},t[5]||(t[5]=[e("i",{class:"fas fa-trash mr-1"},null,-1),v("删除 ",-1)]))])):_("",!0),e("div",null,[e("input",{type:"file",ref_key:"iconFileInput",ref:w,onChange:h,accept:".ico,.png,.jpg,.jpeg,.svg",class:"hidden"},null,544),e("button",{onClick:t[1]||(t[1]=u=>n.$refs.iconFileInput.click()),class:"btn btn-success px-4 py-2"},t[7]||(t[7]=[e("i",{class:"fas fa-upload mr-2"},null,-1),v(" 上传图标 ",-1)])),t[8]||(t[8]=e("span",{class:"text-xs text-gray-500 ml-3"},"支持 .ico, .png, .jpg, .svg 格式，最大 350KB",-1))])])])]),e("tr",null,[e("td",G,[e("div",H,[e("div",J,[e("button",{onClick:f,disabled:i(d),class:j(["btn btn-primary px-6 py-3",{"opacity-50 cursor-not-allowed":i(d)}])},[i(d)?(g(),m("div",X)):(g(),m("i",Y)),v(" "+S(i(d)?"保存中...":"保存设置"),1)],10,Q),e("button",{onClick:b,class:"btn bg-gray-100 text-gray-700 hover:bg-gray-200 px-6 py-3",disabled:i(d)},t[10]||(t[10]=[e("i",{class:"fas fa-undo mr-2"},null,-1),v(" 重置为默认 ",-1)]),8,Z)]),i(a).updatedAt?(g(),m("div",ee,[t[11]||(t[11]=e("i",{class:"fas fa-clock mr-1"},null,-1)),v(" 最后更新："+S(i(o)(i(a).updatedAt)),1)])):_("",!0)])])])])])]))])]))}},le=F(te,[["__scopeId","data-v-3508e0de"]]);export{le as default}; diff --git a/web/admin-spa/dist/assets/TutorialView-IE8R1R6Q.js b/web/admin-spa/dist/assets/TutorialView-IE8R1R6Q.js deleted file mode 100644 index 49f8f7de..00000000 --- a/web/admin-spa/dist/assets/TutorialView-IE8R1R6Q.js +++ /dev/null @@ -1 +0,0 @@ -import{_ as f}from"./index-CJmHAjMf.js";import{r as g,c as x,x as i,z as d,L as c,O as t,Q as b,ac as u,aY as l,P as a,y as v,C as n}from"./vue-vendor-CKToUHZx.js";import"./element-plus-B8Fs_0jW.js";import"./vendor-BDiMbLwQ.js";const p={class:"card p-6"},y={class:"mb-8"},h={class:"flex flex-wrap gap-2 p-2 bg-gray-100 rounded-xl"},C=["onClick"],w={key:0,class:"tutorial-content"},A={class:"mb-10"},T={class:"bg-gradient-to-r from-orange-50 to-yellow-50 rounded-xl p-6 border border-orange-100 mb-6"},P={class:"space-y-4"},N={class:"bg-white rounded-lg p-4 border border-orange-200"},S={class:"bg-gray-900 text-green-400 p-3 rounded font-mono text-sm"},H={class:"text-gray-300"},O={class:"bg-white rounded-lg p-4 border border-orange-200"},I={class:"mt-3 space-y-2"},R={class:"bg-gray-100 p-2 rounded text-sm"},B={class:"font-mono"},U={class:"bg-blue-50 border border-blue-200 rounded-lg p-4 mt-6"},j={class:"mt-3 space-y-2"},E={class:"bg-gray-100 p-2 rounded text-sm font-mono"},L={key:1,class:"tutorial-content"},_={class:"mb-10"},q={class:"bg-gradient-to-r from-orange-50 to-yellow-50 rounded-xl p-6 border border-orange-100 mb-6"},k={class:"space-y-4"},G={class:"bg-white rounded-lg p-4 border border-orange-200"},K={class:"bg-gray-900 text-green-400 p-3 rounded font-mono text-sm"},z={class:"text-gray-300"},D={class:"bg-white rounded-lg p-4 border border-orange-200"},W={class:"bg-gray-900 text-green-400 p-3 rounded font-mono text-sm mb-3"},$={class:"text-gray-300"},M={class:"bg-gray-900 text-green-400 p-3 rounded font-mono text-sm"},V={class:"text-gray-300"},F={key:2,class:"tutorial-content"},Q={class:"mb-10"},Y={class:"bg-gradient-to-r from-orange-50 to-yellow-50 rounded-xl p-6 border border-orange-100 mb-6"},J={class:"space-y-4"},X={class:"bg-white rounded-lg p-4 border border-orange-200"},Z={class:"bg-gray-900 text-green-400 p-3 rounded font-mono text-sm"},ee={class:"text-gray-300"},de={class:"bg-white rounded-lg p-4 border border-orange-200"},te={class:"bg-gray-900 text-green-400 p-3 rounded font-mono text-sm mb-3"},ae={class:"text-gray-300"},se={class:"bg-gray-900 text-green-400 p-3 rounded font-mono text-sm"},le={class:"text-gray-300"},re={__name:"TutorialView",setup(oe){const r=g("windows"),m=[{key:"windows",name:"Windows",icon:"fab fa-windows"},{key:"macos",name:"macOS",icon:"fab fa-apple"},{key:"linux",name:"Linux / WSL2",icon:"fab fa-linux"}];return x(()=>window.location.origin),(s,e)=>(v(),i("div",p,[e[55]||(e[55]=d("div",{class:"mb-8"},[d("h3",{class:"text-2xl font-bold text-gray-900 mb-4 flex items-center"},[d("i",{class:"fas fa-graduation-cap text-blue-600 mr-3"}),t(" Claude Code 使用教程 ")]),d("p",{class:"text-gray-600 text-lg"},"跟着这个教程，你可以轻松在自己的电脑上安装并使用 Claude Code。")],-1)),d("div",y,[d("div",h,[(v(),i(b,null,u(m,o=>d("button",{key:o.key,onClick:ie=>r.value=o.key,class:n(["flex-1 py-3 px-6 text-sm font-semibold rounded-lg transition-all duration-300 flex items-center justify-center gap-2",r.value===o.key?"bg-white text-blue-600 shadow-sm":"text-gray-600 hover:bg-white/50 hover:text-gray-900"])},[d("i",{class:n(o.icon)},null,2),t(" "+a(o.name),1)],10,C)),64))])]),r.value==="windows"?(v(),i("div",w,[e[19]||(e[19]=l('

1 安装 Node.js 环境

Claude Code 需要 Node.js 环境才能运行。

Windows 安装方法

方法一：官网下载（推荐）

  1. 打开浏览器访问 https://nodejs.org/
  2. 点击 "LTS" 版本进行下载（推荐长期支持版本）
  3. 下载完成后双击 .msi 文件
  4. 按照安装向导完成安装，保持默认设置即可

方法二：使用包管理器

如果你安装了 Chocolatey 或 Scoop，可以使用命令行安装：

# 使用 Chocolatey
choco install nodejs
# 或使用 Scoop
scoop install nodejs
Windows 注意事项
  • • 建议使用 PowerShell 而不是 CMD
  • • 如果遇到权限问题，尝试以管理员身份运行
  • • 某些杀毒软件可能会误报，需要添加白名单
验证安装是否成功

安装完成后，打开 PowerShell 或 CMD，输入以下命令：

node --version
npm --version

如果显示版本号，说明安装成功了！

2 安装 Git Bash

Windows 环境下需要使用 Git Bash 安装Claude code。安装完成后，环境变量设置和使用 Claude Code 仍然在普通的 PowerShell 或 CMD 中进行。

下载并安装 Git for Windows
  1. 访问 https://git-scm.com/downloads/win
  2. 点击 "Download for Windows" 下载安装包
  3. 运行下载的 .exe 安装文件
  4. 在安装过程中保持默认设置，直接点击 "Next" 完成安装
安装完成后
  • • 在任意文件夹右键可以看到 "Git Bash Here" 选项
  • • 也可以从开始菜单启动 "Git Bash"
  • • 只需要在 Git Bash 中运行 npm install 命令
  • • 后续的环境变量设置和使用都在 PowerShell/CMD 中
验证 Git Bash 安装

打开 Git Bash，输入以下命令验证：

git --version

如果显示 Git 版本号，说明安装成功！

3 安装 Claude Code

安装 Claude Code

打开 Git Bash（重要：不要使用 PowerShell），运行以下命令：

# 在 Git Bash 中全局安装 Claude Code
npm install -g @anthropic-ai/claude-code

这个命令会从 npm 官方仓库下载并安装最新版本的 Claude Code。

重要提醒
  • • 必须在 Git Bash 中运行，不要在 PowerShell 中运行
  • • 如果遇到权限问题，可以尝试在 Git Bash 中使用 sudo 命令
验证 Claude Code 安装

安装完成后，输入以下命令检查是否安装成功：

claude --version

如果显示版本号，恭喜你！Claude Code 已经成功安装了。

',3)),d("div",A,[e[18]||(e[18]=d("h4",{class:"text-xl font-semibold text-gray-800 mb-4 flex items-center"},[d("span",{class:"w-8 h-8 bg-orange-500 text-white rounded-full flex items-center justify-center text-sm font-bold mr-3"},"4"),t(" 设置环境变量 ")],-1)),d("div",T,[e[12]||(e[12]=d("h5",{class:"text-lg font-semibold text-gray-800 mb-3 flex items-center"},[d("i",{class:"fas fa-cog text-orange-600 mr-2"}),t(" 配置 Claude Code 环境变量 ")],-1)),e[13]||(e[13]=d("p",{class:"text-gray-700 mb-4"},"为了让 Claude Code 连接到你的中转服务，需要设置两个环境变量：",-1)),d("div",P,[d("div",N,[e[1]||(e[1]=d("h6",{class:"font-medium text-gray-800 mb-2"},"方法一：PowerShell 临时设置（推荐）",-1)),e[2]||(e[2]=d("p",{class:"text-gray-600 text-sm mb-3"},"在 PowerShell 中运行以下命令：",-1)),d("div",S,[d("div",H,'$env:ANTHROPIC_BASE_URL = "'+a(s.currentBaseUrl)+'"',1),e[0]||(e[0]=d("div",{class:"text-gray-300"},'$env:ANTHROPIC_AUTH_TOKEN = "你的API密钥"',-1))]),e[3]||(e[3]=d("p",{class:"text-yellow-700 text-xs mt-2"},'💡 记得将 "你的API密钥" 替换为在上方 "API Keys" 标签页中创建的实际密钥。',-1))]),d("div",O,[e[10]||(e[10]=d("h6",{class:"font-medium text-gray-800 mb-2"},"方法二：系统环境变量（永久设置）",-1)),e[11]||(e[11]=d("ol",{class:"text-gray-600 text-sm space-y-1 list-decimal list-inside"},[d("li",null,'右键"此电脑" → "属性" → "高级系统设置"'),d("li",null,'点击"环境变量"按钮'),d("li",null,'在"用户变量"或"系统变量"中点击"新建"'),d("li",null,"添加以下两个变量：")],-1)),d("div",I,[d("div",R,[e[4]||(e[4]=d("strong",null,"变量名：",-1)),e[5]||(e[5]=t(" ANTHROPIC_BASE_URL",-1)),e[6]||(e[6]=d("br",null,null,-1)),e[7]||(e[7]=d("strong",null,"变量值：",-1)),e[8]||(e[8]=t()),d("span",B,a(s.currentBaseUrl),1)]),e[9]||(e[9]=d("div",{class:"bg-gray-100 p-2 rounded text-sm"},[d("strong",null,"变量名："),t(" ANTHROPIC_AUTH_TOKEN"),d("br"),d("strong",null,"变量值："),t(),d("span",{class:"font-mono"},"你的API密钥")],-1))])])])]),d("div",U,[e[17]||(e[17]=l('
验证环境变量设置

设置完环境变量后，可以通过以下命令验证是否设置成功：

在 PowerShell 中验证：
echo $env:ANTHROPIC_BASE_URL
echo $env:ANTHROPIC_AUTH_TOKEN
在 CMD 中验证：
echo %ANTHROPIC_BASE_URL%
echo %ANTHROPIC_AUTH_TOKEN%
',3)),d("div",j,[e[15]||(e[15]=d("p",{class:"text-blue-700 text-sm"},[d("strong",null,"预期输出示例：")],-1)),d("div",E,[d("div",null,a(s.currentBaseUrl),1),e[14]||(e[14]=d("div",null,"cr_xxxxxxxxxxxxxxxxxx",-1))]),e[16]||(e[16]=d("p",{class:"text-blue-700 text-xs"}," 💡 如果输出为空或显示变量名本身，说明环境变量设置失败，请重新设置。 ",-1))])])]),e[20]||(e[20]=l('

5 开始使用 Claude Code

现在你可以开始使用 Claude Code 了！

启动 Claude Code
claude
在特定项目中使用
# 进入你的项目目录
cd C:\\path\\to\\your\\project
# 启动 Claude Code
claude

Windows 常见问题解决

安装时提示 "permission denied" 错误

这通常是权限问题，尝试以下解决方法：

  • 以管理员身份运行 PowerShell
  • 或者配置 npm 使用用户目录：npm config set prefix %APPDATA%\\npm
PowerShell 执行策略错误

如果遇到执行策略限制，运行：

Set-ExecutionPolicy -ExecutionPolicy RemoteSigned -Scope CurrentUser
环境变量设置后不生效

设置永久环境变量后需要：

  • 重新启动 PowerShell 或 CMD
  • 或者注销并重新登录 Windows
  • 验证设置：echo $env:ANTHROPIC_BASE_URL
',2))])):r.value==="macos"?(v(),i("div",L,[e[36]||(e[36]=l('

1 安装 Node.js 环境

Claude Code 需要 Node.js 环境才能运行。

macOS 安装方法

方法一：使用 Homebrew（推荐）

如果你已经安装了 Homebrew，使用它安装 Node.js 会更方便：

# 更新 Homebrew
brew update
# 安装 Node.js
brew install node

方法二：官网下载

  1. 访问 https://nodejs.org/
  2. 下载适合 macOS 的 LTS 版本
  3. 打开下载的 .pkg 文件
  4. 按照安装程序指引完成安装
macOS 注意事项
  • • 如果遇到权限问题，可能需要使用 sudo
  • • 首次运行可能需要在系统偏好设置中允许
  • • 建议使用 Terminal 或 iTerm2
验证安装是否成功

安装完成后，打开 Terminal，输入以下命令：

node --version
npm --version

如果显示版本号，说明安装成功了！

2 安装 Claude Code

安装 Claude Code

打开 Terminal，运行以下命令：

# 全局安装 Claude Code
npm install -g @anthropic-ai/claude-code

如果遇到权限问题，可以使用 sudo：

sudo npm install -g @anthropic-ai/claude-code
验证 Claude Code 安装

安装完成后，输入以下命令检查是否安装成功：

claude --version

如果显示版本号，恭喜你！Claude Code 已经成功安装了。

',2)),d("div",_,[e[35]||(e[35]=d("h4",{class:"text-xl font-semibold text-gray-800 mb-4 flex items-center"},[d("span",{class:"w-8 h-8 bg-orange-500 text-white rounded-full flex items-center justify-center text-sm font-bold mr-3"},"3"),t(" 设置环境变量 ")],-1)),d("div",q,[e[33]||(e[33]=d("h5",{class:"text-lg font-semibold text-gray-800 mb-3 flex items-center"},[d("i",{class:"fas fa-cog text-orange-600 mr-2"}),t(" 配置 Claude Code 环境变量 ")],-1)),e[34]||(e[34]=d("p",{class:"text-gray-700 mb-4"},"为了让 Claude Code 连接到你的中转服务，需要设置两个环境变量：",-1)),d("div",k,[d("div",G,[e[22]||(e[22]=d("h6",{class:"font-medium text-gray-800 mb-2"},"方法一：临时设置（当前会话）",-1)),e[23]||(e[23]=d("p",{class:"text-gray-600 text-sm mb-3"},"在 Terminal 中运行以下命令：",-1)),d("div",K,[d("div",z,'export ANTHROPIC_BASE_URL="'+a(s.currentBaseUrl)+'"',1),e[21]||(e[21]=d("div",{class:"text-gray-300"},'export ANTHROPIC_AUTH_TOKEN="你的API密钥"',-1))]),e[24]||(e[24]=d("p",{class:"text-yellow-700 text-xs mt-2"},'💡 记得将 "你的API密钥" 替换为在上方 "API Keys" 标签页中创建的实际密钥。',-1))]),d("div",D,[e[31]||(e[31]=d("h6",{class:"font-medium text-gray-800 mb-2"},"方法二：永久设置",-1)),e[32]||(e[32]=d("p",{class:"text-gray-600 text-sm mb-3"},"编辑你的 shell 配置文件（根据你使用的 shell）：",-1)),d("div",W,[e[25]||(e[25]=d("div",{class:"mb-2"},"# 对于 zsh (默认)",-1)),d("div",$,`echo 'export ANTHROPIC_BASE_URL="`+a(s.currentBaseUrl)+`"' >> ~/.zshrc`,1),e[26]||(e[26]=d("div",{class:"text-gray-300"},`echo 'export ANTHROPIC_AUTH_TOKEN="你的API密钥"' >> ~/.zshrc`,-1)),e[27]||(e[27]=d("div",{class:"text-gray-300"},"source ~/.zshrc",-1))]),d("div",M,[e[28]||(e[28]=d("div",{class:"mb-2"},"# 对于 bash",-1)),d("div",V,`echo 'export ANTHROPIC_BASE_URL="`+a(s.currentBaseUrl)+`"' >> ~/.bash_profile`,1),e[29]||(e[29]=d("div",{class:"text-gray-300"},`echo 'export ANTHROPIC_AUTH_TOKEN="你的API密钥"' >> ~/.bash_profile`,-1)),e[30]||(e[30]=d("div",{class:"text-gray-300"},"source ~/.bash_profile",-1))])])])])]),e[37]||(e[37]=l('

4 开始使用 Claude Code

现在你可以开始使用 Claude Code 了！

启动 Claude Code
claude
在特定项目中使用
# 进入你的项目目录
cd /path/to/your/project
# 启动 Claude Code
claude

macOS 常见问题解决

安装时提示权限错误

尝试以下解决方法：

  • 使用 sudo 安装：sudo npm install -g @anthropic-ai/claude-code
  • 或者配置 npm 使用用户目录：npm config set prefix ~/.npm-global
macOS 安全设置阻止运行

如果系统阻止运行 Claude Code：

  • 打开"系统偏好设置" → "安全性与隐私"
  • 点击"仍要打开"或"允许"
  • 或者在 Terminal 中运行：sudo spctl --master-disable
环境变量不生效

检查以下几点：

  • 确认修改了正确的配置文件（.zshrc 或 .bash_profile）
  • 重新启动 Terminal
  • 验证设置：echo $ANTHROPIC_BASE_URL
',2))])):r.value==="linux"?(v(),i("div",F,[e[53]||(e[53]=l('

1 安装 Node.js 环境

Claude Code 需要 Node.js 环境才能运行。

Linux 安装方法

方法一：使用官方仓库（推荐）

# 添加 NodeSource 仓库
curl -fsSL https://deb.nodesource.com/setup_lts.x | sudo -E bash -
# 安装 Node.js
sudo apt-get install -y nodejs

方法二：使用系统包管理器

虽然版本可能不是最新的，但对于基本使用已经足够：

# Ubuntu/Debian
sudo apt update
sudo apt install nodejs npm
# CentOS/RHEL/Fedora
sudo dnf install nodejs npm
Linux 注意事项
  • • 某些发行版可能需要安装额外的依赖
  • • 如果遇到权限问题，使用 sudo
  • • 确保你的用户在 npm 的全局目录有写权限
验证安装是否成功

安装完成后，打开终端，输入以下命令：

node --version
npm --version

如果显示版本号，说明安装成功了！

2 安装 Claude Code

安装 Claude Code

打开终端，运行以下命令：

# 全局安装 Claude Code
npm install -g @anthropic-ai/claude-code

如果遇到权限问题，可以使用 sudo：

sudo npm install -g @anthropic-ai/claude-code
验证 Claude Code 安装

安装完成后，输入以下命令检查是否安装成功：

claude --version

如果显示版本号，恭喜你！Claude Code 已经成功安装了。

',2)),d("div",Q,[e[52]||(e[52]=d("h4",{class:"text-xl font-semibold text-gray-800 mb-4 flex items-center"},[d("span",{class:"w-8 h-8 bg-orange-500 text-white rounded-full flex items-center justify-center text-sm font-bold mr-3"},"3"),t(" 设置环境变量 ")],-1)),d("div",Y,[e[50]||(e[50]=d("h5",{class:"text-lg font-semibold text-gray-800 mb-3 flex items-center"},[d("i",{class:"fas fa-cog text-orange-600 mr-2"}),t(" 配置 Claude Code 环境变量 ")],-1)),e[51]||(e[51]=d("p",{class:"text-gray-700 mb-4"},"为了让 Claude Code 连接到你的中转服务，需要设置两个环境变量：",-1)),d("div",J,[d("div",X,[e[39]||(e[39]=d("h6",{class:"font-medium text-gray-800 mb-2"},"方法一：临时设置（当前会话）",-1)),e[40]||(e[40]=d("p",{class:"text-gray-600 text-sm mb-3"},"在终端中运行以下命令：",-1)),d("div",Z,[d("div",ee,'export ANTHROPIC_BASE_URL="'+a(s.currentBaseUrl)+'"',1),e[38]||(e[38]=d("div",{class:"text-gray-300"},'export ANTHROPIC_AUTH_TOKEN="你的API密钥"',-1))]),e[41]||(e[41]=d("p",{class:"text-yellow-700 text-xs mt-2"},'💡 记得将 "你的API密钥" 替换为在上方 "API Keys" 标签页中创建的实际密钥。',-1))]),d("div",de,[e[48]||(e[48]=d("h6",{class:"font-medium text-gray-800 mb-2"},"方法二：永久设置",-1)),e[49]||(e[49]=d("p",{class:"text-gray-600 text-sm mb-3"},"编辑你的 shell 配置文件：",-1)),d("div",te,[e[42]||(e[42]=d("div",{class:"mb-2"},"# 对于 bash (默认)",-1)),d("div",ae,`echo 'export ANTHROPIC_BASE_URL="`+a(s.currentBaseUrl)+`"' >> ~/.bashrc`,1),e[43]||(e[43]=d("div",{class:"text-gray-300"},`echo 'export ANTHROPIC_AUTH_TOKEN="你的API密钥"' >> ~/.bashrc`,-1)),e[44]||(e[44]=d("div",{class:"text-gray-300"},"source ~/.bashrc",-1))]),d("div",se,[e[45]||(e[45]=d("div",{class:"mb-2"},"# 对于 zsh",-1)),d("div",le,`echo 'export ANTHROPIC_BASE_URL="`+a(s.currentBaseUrl)+`"' >> ~/.zshrc`,1),e[46]||(e[46]=d("div",{class:"text-gray-300"},`echo 'export ANTHROPIC_AUTH_TOKEN="你的API密钥"' >> ~/.zshrc`,-1)),e[47]||(e[47]=d("div",{class:"text-gray-300"},"source ~/.zshrc",-1))])])])])]),e[54]||(e[54]=l('

4 开始使用 Claude Code

现在你可以开始使用 Claude Code 了！

启动 Claude Code
claude
在特定项目中使用
# 进入你的项目目录
cd /path/to/your/project
# 启动 Claude Code
claude

Linux 常见问题解决

安装时提示权限错误

尝试以下解决方法：

  • 使用 sudo 安装：sudo npm install -g @anthropic-ai/claude-code
  • 或者配置 npm 使用用户目录：npm config set prefix ~/.npm-global
  • 然后添加到 PATH：export PATH=~/.npm-global/bin:$PATH
缺少依赖库

某些 Linux 发行版需要安装额外依赖：

# Ubuntu/Debian
sudo apt install build-essential
# CentOS/RHEL
sudo dnf groupinstall "Development Tools"
环境变量不生效

检查以下几点：

  • 确认修改了正确的配置文件（.bashrc 或 .zshrc）
  • 重新启动终端或运行 source ~/.bashrc
  • 验证设置：echo $ANTHROPIC_BASE_URL
',2))])):c("",!0),e[56]||(e[56]=d("div",{class:"bg-gradient-to-r from-blue-500 to-purple-600 text-white rounded-xl p-6 text-center"},[d("h5",{class:"text-xl font-semibold mb-2"},"🎉 恭喜你！"),d("p",{class:"text-blue-100 mb-4"},"你已经成功安装并配置了 Claude Code，现在可以开始享受 AI 编程助手带来的便利了。"),d("p",{class:"text-sm text-blue-200"},"如果在使用过程中遇到任何问题，可以查看官方文档或社区讨论获取帮助。")],-1))]))}},ge=f(re,[["__scopeId","data-v-58e5d8f5"]]);export{ge as default}; diff --git a/web/admin-spa/dist/assets/index-CJmHAjMf.js b/web/admin-spa/dist/assets/index-CJmHAjMf.js deleted file mode 100644 index fa6fa7b5..00000000 --- a/web/admin-spa/dist/assets/index-CJmHAjMf.js +++ /dev/null @@ -1,2 +0,0 @@ -const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/LoginView-CgFwBxpX.js","assets/vue-vendor-CKToUHZx.js","assets/element-plus-B8Fs_0jW.js","assets/vendor-BDiMbLwQ.js","assets/element-plus-CPnoEkWW.css","assets/LoginView-tn0RQdqM.css","assets/LogoTitle-zkjZaSZH.css","assets/MainLayout-257Lv4Zf.js","assets/toast-BvwA7Mwb.js","assets/LogoTitle-hKoMpRxB.js","assets/MainLayout-BSYYg59M.css","assets/DashboardView-B48Cl-60.js","assets/chart-Cor9iTVD.js","assets/DashboardView-BNhlTn49.css","assets/ApiKeysView-ZopVw-Bq.js","assets/ApiKeysView-C710offB.css","assets/AccountsView-zsZTMRlc.js","assets/AccountsView-CzMsrxvN.css","assets/TutorialView-IE8R1R6Q.js","assets/TutorialView-DrYIAHe5.css","assets/SettingsView-Cj5OFaUq.js","assets/SettingsView-rXAPQgqk.css","assets/ApiStatsView-DE1u-LE3.js","assets/ApiStatsView-onZNVLml.css"])))=>i.map(i=>d[i]); -import{aP as K,aQ as W,aR as F,r as _,c as L,q as R,V as D,I as q,z as h,x as T,ac as M,Q as G,a5 as N,y,C as S,L as x,P as b,Y as U,B as H,R as P,J,T as Q,O as X,av as Y,aM as Z,aS as ee}from"./vue-vendor-CKToUHZx.js";import{i as te,z as oe}from"./element-plus-B8Fs_0jW.js";import"./vendor-BDiMbLwQ.js";(function(){const t=document.createElement("link").relList;if(t&&t.supports&&t.supports("modulepreload"))return;for(const s of document.querySelectorAll('link[rel="modulepreload"]'))o(s);new MutationObserver(s=>{for(const a of s)if(a.type==="childList")for(const n of a.addedNodes)n.tagName==="LINK"&&n.rel==="modulepreload"&&o(n)}).observe(document,{childList:!0,subtree:!0});function e(s){const a={};return s.integrity&&(a.integrity=s.integrity),s.referrerPolicy&&(a.referrerPolicy=s.referrerPolicy),s.crossOrigin==="use-credentials"?a.credentials="include":s.crossOrigin==="anonymous"?a.credentials="omit":a.credentials="same-origin",a}function o(s){if(s.ep)return;s.ep=!0;const a=e(s);fetch(s.href,a)}})();const se="modulepreload",ne=function(r){return"/admin-next/"+r},$={},w=function(t,e,o){let s=Promise.resolve();if(e&&e.length>0){document.getElementsByTagName("link");const n=document.querySelector("meta[property=csp-nonce]"),p=(n==null?void 0:n.nonce)||(n==null?void 0:n.getAttribute("nonce"));s=Promise.allSettled(e.map(c=>{if(c=ne(c),c in $)return;$[c]=!0;const l=c.endsWith(".css"),d=l?'[rel="stylesheet"]':"";if(document.querySelector(`link[href="${c}"]${d}`))return;const i=document.createElement("link");if(i.rel=l?"stylesheet":se,l||(i.as="script"),i.crossOrigin="",i.href=c,p&&i.setAttribute("nonce",p),document.head.appendChild(i),l)return new Promise((m,f)=>{i.addEventListener("load",m),i.addEventListener("error",()=>f(new Error(`Unable to preload CSS for ${c}`)))})}))}function a(n){const p=new Event("vite:preloadError",{cancelable:!0});if(p.payload=n,window.dispatchEvent(p),!p.defaultPrevented)throw n}return s.then(n=>{for(const p of n||[])p.status==="rejected"&&a(p.reason);return t().catch(a)})},V={basePath:"/admin-next/",apiPrefix:""};function ae(r=""){return r&&!r.startsWith("/")&&(r="/"+r),V.basePath+(r.startsWith("#")?r:"#"+r)}function re(){return ae("/login")}const ie=()=>w(()=>import("./LoginView-CgFwBxpX.js"),__vite__mapDeps([0,1,2,3,4,5,6])),E=()=>w(()=>import("./MainLayout-257Lv4Zf.js"),__vite__mapDeps([7,1,8,9,6,2,3,4,10])),ce=()=>w(()=>import("./DashboardView-B48Cl-60.js"),__vite__mapDeps([11,2,1,3,4,8,12,13])),le=()=>w(()=>import("./ApiKeysView-ZopVw-Bq.js"),__vite__mapDeps([14,2,1,3,4,8,15])),ue=()=>w(()=>import("./AccountsView-zsZTMRlc.js"),__vite__mapDeps([16,1,8,2,3,4,17])),de=()=>w(()=>import("./TutorialView-IE8R1R6Q.js"),__vite__mapDeps([18,1,2,3,4,19])),fe=()=>w(()=>import("./SettingsView-Cj5OFaUq.js"),__vite__mapDeps([20,1,8,2,3,4,21])),he=()=>w(()=>import("./ApiStatsView-DE1u-LE3.js"),__vite__mapDeps([22,1,9,6,3,18,2,4,19,23])),me=[{path:"/",redirect:"/api-stats"},{path:"/login",name:"Login",component:ie,meta:{requiresAuth:!1}},{path:"/api-stats",name:"ApiStats",component:he,meta:{requiresAuth:!1}},{path:"/dashboard",component:E,meta:{requiresAuth:!0},children:[{path:"",name:"Dashboard",component:ce}]},{path:"/api-keys",component:E,meta:{requiresAuth:!0},children:[{path:"",name:"ApiKeys",component:le}]},{path:"/accounts",component:E,meta:{requiresAuth:!0},children:[{path:"",name:"Accounts",component:ue}]},{path:"/tutorial",component:E,meta:{requiresAuth:!0},children:[{path:"",name:"Tutorial",component:de}]},{path:"/settings",component:E,meta:{requiresAuth:!0},children:[{path:"",name:"Settings",component:fe}]}],C=K({history:W(V.basePath),routes:me});C.beforeEach((r,t,e)=>{const o=B();console.log("路由导航:",{to:r.path,from:t.path,requiresAuth:r.meta.requiresAuth,isAuthenticated:o.isAuthenticated}),r.path==="/api-stats"||r.path.startsWith("/api-stats")?e():r.meta.requiresAuth&&!o.isAuthenticated?e("/login"):r.path==="/login"&&o.isAuthenticated?e("/dashboard"):e()});const z=V.apiPrefix;function A(r){return r.startsWith("/")||(r="/"+r),z+r}class pe{constructor(){this.baseURL=z}getAuthToken(){return localStorage.getItem("authToken")||null}buildConfig(t={}){const e={headers:{"Content-Type":"application/json",...t.headers},...t},o=this.getAuthToken();return o&&(e.headers.Authorization=`Bearer ${o}`),e}async handleResponse(t){if(t.status===401){const o=window.location.pathname+window.location.hash;throw o.includes("/login")||o.endsWith("/")||(localStorage.removeItem("authToken"),window.location.href=re()),new Error("Unauthorized")}const e=t.headers.get("content-type");if(e&&e.includes("application/json")){const o=await t.json();if(!t.ok)throw new Error(o.message||`HTTP ${t.status}`);return o}if(!t.ok)throw new Error(`HTTP ${t.status}: ${t.statusText}`);return t}async get(t,e={}){const o=A(t),s=this.buildConfig({...e,method:"GET"});try{const a=await fetch(o,s);return await this.handleResponse(a)}catch(a){throw console.error("API GET Error:",a),a}}async post(t,e=null,o={}){const s=A(t),a=this.buildConfig({...o,method:"POST",body:e?JSON.stringify(e):void 0});try{const n=await fetch(s,a);return await this.handleResponse(n)}catch(n){throw console.error("API POST Error:",n),n}}async put(t,e=null,o={}){const s=A(t),a=this.buildConfig({...o,method:"PUT",body:e?JSON.stringify(e):void 0});try{const n=await fetch(s,a);return await this.handleResponse(n)}catch(n){throw console.error("API PUT Error:",n),n}}async delete(t,e={}){const o=A(t),s=this.buildConfig({...e,method:"DELETE"});try{const a=await fetch(o,s);return await this.handleResponse(a)}catch(a){throw console.error("API DELETE Error:",a),a}}}const k=new pe,B=F("auth",()=>{const r=_(!1),t=_(localStorage.getItem("authToken")||""),e=_(""),o=_(""),s=_(!1),a=_({siteName:"Claude Relay Service",siteIcon:"",siteIconData:"",faviconData:""}),n=_(!0),p=L(()=>!!t.value&&r.value),c=L(()=>t.value),l=L(()=>({username:e.value}));async function d(u){s.value=!0,o.value="";try{const g=await k.post("/web/auth/login",u);g.success?(t.value=g.token,e.value=g.username||u.username,r.value=!0,localStorage.setItem("authToken",g.token),await C.push("/dashboard")):o.value=g.message||"登录失败"}catch(g){o.value=g.message||"登录失败，请检查用户名和密码"}finally{s.value=!1}}function i(){r.value=!1,t.value="",e.value="",localStorage.removeItem("authToken"),C.push("/login")}function m(){t.value&&(r.value=!0,f())}async function f(){try{const u=await k.get("/web/auth/user");u.success&&u.user&&(e.value=u.user.username),(await k.get("/admin/dashboard")).success||i()}catch{i()}}async function v(){n.value=!0;try{const u=await k.get("/admin/oem-settings");if(u.success&&u.data){if(a.value={...a.value,...u.data},u.data.siteIconData||u.data.siteIcon){const g=document.querySelector("link[rel*='icon']")||document.createElement("link");g.type="image/x-icon",g.rel="shortcut icon",g.href=u.data.siteIconData||u.data.siteIcon,document.getElementsByTagName("head")[0].appendChild(g)}u.data.siteName&&(document.title=`${u.data.siteName} - 管理后台`)}}catch(u){console.error("加载OEM设置失败:",u)}finally{n.value=!1}}return{isLoggedIn:r,authToken:t,username:e,loginError:o,loginLoading:s,oemSettings:a,oemLoading:n,isAuthenticated:p,token:c,user:l,login:d,logout:i,checkAuth:m,loadOemSettings:v}}),O=(r,t)=>{const e=r.__vccOpts||r;for(const[o,s]of t)e[o]=s;return e},_e={class:"toast-container"},ge=["onClick"],ve={class:"toast-content"},ye={class:"toast-icon"},we={class:"toast-body"},Te={key:0,class:"toast-title"},be={class:"toast-message"},Ee=["onClick"],Ae={__name:"ToastNotification",setup(r,{expose:t}){const e=_([]);let o=0;const s=l=>{const d={success:"fas fa-check-circle",error:"fas fa-exclamation-circle",warning:"fas fa-exclamation-triangle",info:"fas fa-info-circle"};return d[l]||d.info},a=(l,d="info",i=null,m=5e3)=>{const f=++o,v={id:f,message:l,type:d,title:i,duration:m,isVisible:!1};return e.value.push(v),setTimeout(()=>{v.isVisible=!0},10),m>0&&setTimeout(()=>{n(f)},m),f},n=l=>{const d=e.value.findIndex(i=>i.id===l);if(d>-1){const i=e.value[d];i.isVisible=!1,setTimeout(()=>{const m=e.value.findIndex(f=>f.id===l);m>-1&&e.value.splice(m,1)},300)}},p=()=>{e.value.forEach(l=>{l.isVisible=!1}),setTimeout(()=>{e.value.length=0},300)},c=(l,d="info",i=null,m=5e3)=>a(l,d,i,m);return R(()=>{window.showToast=c}),D(()=>{window.showToast===c&&delete window.showToast}),t({showToast:c,removeToast:n,clearAllToasts:p}),(l,d)=>(y(),q(N,{to:"body"},[h("div",_e,[(y(!0),T(G,null,M(e.value,i=>(y(),T("div",{key:i.id,class:S(["toast",`toast-${i.type}`,i.isVisible?"toast-show":"toast-hide"]),onClick:m=>n(i.id)},[h("div",ve,[h("div",ye,[h("i",{class:S(s(i.type))},null,2)]),h("div",we,[i.title?(y(),T("div",Te,b(i.title),1)):x("",!0),h("div",be,b(i.message),1)]),h("button",{class:"toast-close",onClick:U(m=>n(i.id),["stop"])},d[0]||(d[0]=[h("i",{class:"fas fa-times"},null,-1)]),8,Ee)]),i.duration>0?(y(),T("div",{key:0,class:"toast-progress",style:H({animationDuration:`${i.duration}ms`})},null,4)):x("",!0)],10,ge))),128))])]))}},ke=O(Ae,[["__scopeId","data-v-383c6781"]]),Pe={class:"modal-content w-full max-w-md p-6 mx-auto"},xe={class:"flex items-start gap-4 mb-6"},Ce={class:"flex-1"},Ie={class:"text-lg font-semibold text-gray-900 mb-2"},Le={class:"text-gray-600 leading-relaxed whitespace-pre-line"},Se={class:"flex items-center justify-end gap-3"},Re=["disabled"],Ve=["disabled"],Oe={key:0,class:"loading-spinner mr-2"},$e={__name:"ConfirmDialog",setup(r,{expose:t}){const e=_(!1),o=_(!1),s=_(""),a=_(""),n=_("确认"),p=_("取消");let c=null;const l=(f,v,u="确认",g="取消")=>new Promise(j=>{s.value=f,a.value=v,n.value=u,p.value=g,e.value=!0,o.value=!1,c=j}),d=()=>{o.value||(o.value=!0,setTimeout(()=>{e.value=!1,o.value=!1,c&&(c(!0),c=null)},200))},i=()=>{o.value||(e.value=!1,c&&(c(!1),c=null))},m=f=>{e.value&&(f.key==="Escape"?i():f.key==="Enter"&&!f.shiftKey&&!f.ctrlKey&&!f.altKey&&d())};return R(()=>{window.showConfirm=l,document.addEventListener("keydown",m)}),D(()=>{window.showConfirm===l&&delete window.showConfirm,document.removeEventListener("keydown",m)}),t({showConfirm:l}),(f,v)=>(y(),q(N,{to:"body"},[P(Q,{name:"modal",appear:""},{default:J(()=>[e.value?(y(),T("div",{key:0,class:"fixed inset-0 modal z-50 flex items-center justify-center p-4",onClick:U(i,["self"])},[h("div",Pe,[h("div",xe,[v[0]||(v[0]=h("div",{class:"flex-shrink-0 w-12 h-12 bg-gradient-to-br from-red-500 to-red-600 rounded-xl flex items-center justify-center"},[h("i",{class:"fas fa-exclamation-triangle text-white text-lg"})],-1)),h("div",Ce,[h("h3",Ie,b(s.value),1),h("div",Le,b(a.value),1)])]),h("div",Se,[h("button",{onClick:i,class:"btn bg-gray-100 text-gray-700 hover:bg-gray-200 px-6 py-3",disabled:o.value},b(p.value),9,Re),h("button",{onClick:d,class:S(["btn btn-danger px-6 py-3",{"opacity-50 cursor-not-allowed":o.value}]),disabled:o.value},[o.value?(y(),T("div",Oe)):x("",!0),X(" "+b(n.value),1)],10,Ve)])])])):x("",!0)]),_:1})]))}},De=O($e,[["__scopeId","data-v-16560808"]]),qe={id:"app"},Ne={__name:"App",setup(r){const t=B(),e=_(),o=_();return R(()=>{t.checkAuth(),t.loadOemSettings()}),(s,a)=>{const n=Y("router-view");return y(),T("div",qe,[P(n),P(ke,{ref_key:"toastRef",ref:e},null,512),P(De,{ref_key:"confirmRef",ref:o},null,512)])}}},Ue=O(Ne,[["__scopeId","data-v-5cba45f5"]]),I=Z(Ue),ze=ee();I.use(ze);I.use(C);I.use(te,{locale:oe});I.mount("#app");export{O as _,k as a,B as u}; diff --git a/web/admin-spa/src/components/apikeys/NewApiKeyModal.vue b/web/admin-spa/src/components/apikeys/NewApiKeyModal.vue index 7d884d1a..4e8ae239 100644 --- a/web/admin-spa/src/components/apikeys/NewApiKeyModal.vue +++ b/web/admin-spa/src/components/apikeys/NewApiKeyModal.vue @@ -1,31 +1,36 @@