From 496569d1109e9b99ec6b7056c074293d7c292855 Mon Sep 17 00:00:00 2001 From: shaw Date: Wed, 30 Jul 2025 10:34:20 +0800 Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E5=A4=8D=E4=BB=AA=E8=A1=A8=E6=9D=BF?= =?UTF-8?q?=E6=8A=98=E7=BA=BF=E5=9B=BE=E6=97=B6=E9=97=B4=E8=8C=83=E5=9B=B4?= =?UTF-8?q?=E8=AE=A1=E7=AE=97=E9=94=99=E8=AF=AF=EF=BC=88UTC+8=E6=97=B6?= =?UTF-8?q?=E5=8C=BA=EF=BC=89?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../dist/assets/AccountsView-B3VuC3-p.js | 15 ---- .../dist/assets/ApiKeysView-DemJuKGs.js | 9 --- web/admin-spa/dist/index.html | 2 +- web/admin-spa/src/stores/dashboard.js | 75 +++++++++++++------ 4 files changed, 55 insertions(+), 46 deletions(-) delete mode 100644 web/admin-spa/dist/assets/AccountsView-B3VuC3-p.js delete mode 100644 web/admin-spa/dist/assets/ApiKeysView-DemJuKGs.js diff --git a/web/admin-spa/dist/assets/AccountsView-B3VuC3-p.js b/web/admin-spa/dist/assets/AccountsView-B3VuC3-p.js deleted file mode 100644 index d0c60d61..00000000 --- a/web/admin-spa/dist/assets/AccountsView-B3VuC3-p.js +++ /dev/null @@ -1,15 +0,0 @@ -import{r as T,aR as Te,o as O,V as Ae,x as u,y as i,z as e,L as $,K as w,al as xe,aY as te,aX as we,aq as j,aZ as Ue,C as G,O as h,c as se,P as U,I as le,a5 as ke,R as ne,an as H,u as W,q as Ve,Y as Ie,Q as je,ac as Se,B as ve}from"./vue-vendor-CKToUHZx.js";import{s as V}from"./toast-BvwA7Mwb.js";import{a as K,_ as Me}from"./index-hS0iOrU-.js";import"./element-plus-B8Fs_0jW.js";import"./vendor-BDiMbLwQ.js";const oe=T(!1),ye=T({title:"",message:"",confirmText:"继续",cancelText:"取消"}),J=T(null);function he(){return{showConfirmModal:oe,confirmOptions:ye,showConfirm:(g,d,S="继续",I="取消")=>new Promise(C=>{ye.value={title:g,message:d,confirmText:S,cancelText:I},J.value=C,oe.value=!0}),handleConfirm:()=>{oe.value=!1,J.value&&(J.value(!0),J.value=null)},handleCancel:()=>{oe.value=!1,J.value&&(J.value(!1),J.value=null)}}}const $e=Te("accounts",()=>{const L=T([]),E=T([]),m=T([]),g=T(!1),d=T(null),S=T(""),I=T("asc"),C=async()=>{g.value=!0,d.value=null;try{const x=await K.get("/admin/claude-accounts");if(x.success)L.value=x.data||[];else throw new Error(x.message||"获取Claude账户失败")}catch(x){throw d.value=x.message,x}finally{g.value=!1}},A=async()=>{g.value=!0,d.value=null;try{const x=await K.get("/admin/claude-console-accounts");if(x.success)E.value=x.data||[];else throw new Error(x.message||"获取Claude Console账户失败")}catch(x){throw d.value=x.message,x}finally{g.value=!1}},y=async()=>{g.value=!0,d.value=null;try{const x=await K.get("/admin/gemini-accounts");if(x.success)m.value=x.data||[];else throw new Error(x.message||"获取Gemini账户失败")}catch(x){throw d.value=x.message,x}finally{g.value=!1}};return{claudeAccounts:L,claudeConsoleAccounts:E,geminiAccounts:m,loading:g,error:d,sortBy:S,sortOrder:I,fetchClaudeAccounts:C,fetchClaudeConsoleAccounts:A,fetchGeminiAccounts:y,fetchAllAccounts:async()=>{g.value=!0,d.value=null;try{await Promise.all([C(),A(),y()])}catch(x){throw d.value=x.message,x}finally{g.value=!1}},createClaudeAccount:async x=>{g.value=!0,d.value=null;try{const c=await K.post("/admin/claude-accounts",x);if(c.success)return await C(),c.data;throw new Error(c.message||"创建Claude账户失败")}catch(c){throw d.value=c.message,c}finally{g.value=!1}},createClaudeConsoleAccount:async x=>{g.value=!0,d.value=null;try{const c=await K.post("/admin/claude-console-accounts",x);if(c.success)return await A(),c.data;throw new Error(c.message||"创建Claude Console账户失败")}catch(c){throw d.value=c.message,c}finally{g.value=!1}},createGeminiAccount:async x=>{g.value=!0,d.value=null;try{const c=await K.post("/admin/gemini-accounts",x);if(c.success)return await y(),c.data;throw new Error(c.message||"创建Gemini账户失败")}catch(c){throw d.value=c.message,c}finally{g.value=!1}},updateClaudeAccount:async(x,c)=>{g.value=!0,d.value=null;try{const b=await K.put(`/admin/claude-accounts/${x}`,c);if(b.success)return await C(),b;throw new Error(b.message||"更新Claude账户失败")}catch(b){throw d.value=b.message,b}finally{g.value=!1}},updateClaudeConsoleAccount:async(x,c)=>{g.value=!0,d.value=null;try{const b=await K.put(`/admin/claude-console-accounts/${x}`,c);if(b.success)return await A(),b;throw new Error(b.message||"更新Claude Console账户失败")}catch(b){throw d.value=b.message,b}finally{g.value=!1}},updateGeminiAccount:async(x,c)=>{g.value=!0,d.value=null;try{const b=await K.put(`/admin/gemini-accounts/${x}`,c);if(b.success)return await y(),b;throw new Error(b.message||"更新Gemini账户失败")}catch(b){throw d.value=b.message,b}finally{g.value=!1}},toggleAccount:async(x,c)=>{g.value=!0,d.value=null;try{let b;x==="claude"?b=`/admin/claude-accounts/${c}/toggle`:x==="claude-console"?b=`/admin/claude-console-accounts/${c}/toggle`:b=`/admin/gemini-accounts/${c}/toggle`;const q=await K.put(b);if(q.success)return x==="claude"?await C():x==="claude-console"?await A():await y(),q;throw new Error(q.message||"切换状态失败")}catch(b){throw d.value=b.message,b}finally{g.value=!1}},deleteAccount:async(x,c)=>{g.value=!0,d.value=null;try{let b;x==="claude"?b=`/admin/claude-accounts/${c}`:x==="claude-console"?b=`/admin/claude-console-accounts/${c}`:b=`/admin/gemini-accounts/${c}`;const q=await K.delete(b);if(q.success)return x==="claude"?await C():x==="claude-console"?await A():await y(),q;throw new Error(q.message||"删除失败")}catch(b){throw d.value=b.message,b}finally{g.value=!1}},refreshClaudeToken:async x=>{g.value=!0,d.value=null;try{const c=await K.post(`/admin/claude-accounts/${x}/refresh`);if(c.success)return await C(),c;throw new Error(c.message||"Token刷新失败")}catch(c){throw d.value=c.message,c}finally{g.value=!1}},generateClaudeAuthUrl:async x=>{try{const c=await K.post("/admin/claude-accounts/generate-auth-url",x);if(c.success)return c.data;throw new Error(c.message||"生成授权URL失败")}catch(c){throw d.value=c.message,c}},exchangeClaudeCode:async x=>{try{const c=await K.post("/admin/claude-accounts/exchange-code",x);if(c.success)return c.data;throw new Error(c.message||"交换授权码失败")}catch(c){throw d.value=c.message,c}},generateGeminiAuthUrl:async x=>{try{const c=await K.post("/admin/gemini-accounts/generate-auth-url",x);if(c.success)return c.data;throw new Error(c.message||"生成授权URL失败")}catch(c){throw d.value=c.message,c}},exchangeGeminiCode:async x=>{try{const c=await K.post("/admin/gemini-accounts/exchange-code",x);if(c.success)return c.data;throw new Error(c.message||"交换授权码失败")}catch(c){throw d.value=c.message,c}},sortAccounts:x=>{S.value===x?I.value=I.value==="asc"?"desc":"asc":(S.value=x,I.value="asc")},reset:()=>{L.value=[],E.value=[],m.value=[],g.value=!1,d.value=null,S.value="",I.value="asc"}}}),Ke={class:"space-y-4"},Pe={class:"flex items-center justify-between"},Re={class:"flex items-center cursor-pointer"},Ge={key:0,class:"bg-gray-50 p-4 rounded-lg border border-gray-200 space-y-4"},Le={class:"grid grid-cols-2 gap-4"},De={class:"space-y-4"},Oe={class:"flex items-center"},Ee={key:0,class:"grid grid-cols-2 gap-4"},ze={class:"relative"},We=["type"],ge={__name:"ProxyConfig",props:{modelValue:{type:Object,default:()=>({enabled:!1,type:"socks5",host:"",port:"",username:"",password:""})}},emits:["update:modelValue"],setup(L,{emit:E}){const m=L,g=E,d=T({...m.modelValue}),S=T(!!(d.value.username||d.value.password)),I=T(!1);O(()=>m.modelValue,y=>{JSON.stringify(y)!==JSON.stringify(d.value)&&(d.value={...y},S.value=!!(y.username||y.password))},{deep:!0}),O(()=>d.value.enabled,y=>{A()}),O(()=>d.value.type,y=>{A()}),O(()=>d.value.host,y=>{A()}),O(()=>d.value.port,y=>{A()}),O(()=>d.value.username,y=>{A()}),O(()=>d.value.password,y=>{A()}),O(S,y=>{y||(d.value.username="",d.value.password="",A())});let C=null;function A(){C&&clearTimeout(C),C=setTimeout(()=>{const y={...d.value};S.value||(y.username="",y.password=""),g("update:modelValue",y)},100)}return Ae(()=>{C&&clearTimeout(C)}),(y,f)=>(i(),u("div",Ke,[e("div",Pe,[f[9]||(f[9]=e("h4",{class:"text-sm font-semibold text-gray-700"},"代理设置 (可选)",-1)),e("label",Re,[w(e("input",{type:"checkbox","onUpdate:modelValue":f[0]||(f[0]=M=>d.value.enabled=M),class:"w-4 h-4 text-blue-600 bg-gray-100 border-gray-300 rounded focus:ring-blue-500"},null,512),[[xe,d.value.enabled]]),f[8]||(f[8]=e("span",{class:"ml-2 text-sm text-gray-700"},"启用代理",-1))])]),d.value.enabled?(i(),u("div",Ge,[f[17]||(f[17]=te('

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

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

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

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

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

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

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

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

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

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

',1)),e("div",ht,[e("div",$t,[r[22]||(r[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",Ct,[r[20]||(r[20]=e("p",{class:"font-medium text-green-900 mb-2"},"复制oauth后的链接",-1)),r[21]||(r[21]=e("p",{class:"text-sm text-green-700 mb-3"}," 复制浏览器地址栏的完整链接并粘贴到下方输入框: ",-1)),e("div",Tt,[e("div",null,[r[18]||(r[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"}),h("复制oauth后的链接 ")],-1)),w(e("textarea",{"onUpdate:modelValue":r[1]||(r[1]=R=>A.value=R),rows:"3",class:"form-input w-full resize-none font-mono text-sm",placeholder:"粘贴以 http://localhost:45462 开头的完整链接..."},null,512),[[j,A.value]])]),r[19]||(r[19]=te('

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

也可以直接粘贴授权码(code参数的值)

',1))])])])])])])])])])):$("",!0),e("div",At,[e("button",{type:"button",onClick:r[2]||(r[2]=R=>v.$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:!M.value||I.value,class:"btn btn-primary flex-1 py-3 px-6 font-semibold"},[I.value?(i(),u("div",Vt)):$("",!0),h(" "+U(I.value?"验证中...":"完成授权"),1)],8,Ut)])]))}},jt={key:0,class:"fixed inset-0 modal z-50 flex items-center justify-center p-4"},St={class:"modal-content w-full max-w-md p-6 mx-auto"},Mt={class:"flex items-start gap-4 mb-6"},Kt={class:"flex-1"},Pt={class:"text-lg font-bold text-gray-900 mb-2"},Rt={class:"text-gray-600 text-sm leading-relaxed whitespace-pre-line"},Gt={class:"flex gap-3"},Ce={__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(L){return(E,m)=>(i(),le(ke,{to:"body"},[L.show?(i(),u("div",jt,[e("div",St,[e("div",Mt,[m[2]||(m[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",Kt,[e("h3",Pt,U(L.title),1),e("p",Rt,U(L.message),1)])]),e("div",Gt,[e("button",{onClick:m[0]||(m[0]=g=>E.$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"},U(L.cancelText),1),e("button",{onClick:m[1]||(m[1]=g=>E.$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"},U(L.confirmText),1)])])])):$("",!0)]))}},Lt={key:0,class:"fixed inset-0 modal z-50 flex items-center justify-center p-4"},Dt={class:"modal-content w-full max-w-2xl p-8 mx-auto max-h-[90vh] overflow-y-auto custom-scrollbar"},Ot={class:"flex items-center justify-between mb-6"},Et={class:"flex items-center gap-3"},zt={class:"text-xl font-bold text-gray-900"},Wt={key:0,class:"flex items-center justify-center mb-8"},qt={class:"flex items-center space-x-4"},Bt={class:"flex items-center"},Nt={class:"flex items-center"},Ft={key:1},Ht={class:"space-y-6"},_t={key:0},Jt={class:"flex gap-4"},Yt={class:"flex items-center cursor-pointer"},Qt={class:"flex items-center cursor-pointer"},Xt={class:"flex items-center cursor-pointer"},Zt={key:1},es={class:"flex gap-4"},ts={class:"flex items-center cursor-pointer"},ss={class:"flex items-center cursor-pointer"},ls={key:0,class:"text-red-500 text-xs mt-1"},as={class:"flex gap-4"},os={class:"flex items-center cursor-pointer"},ns={class:"flex items-center cursor-pointer"},rs={key:2},is={key:3,class:"space-y-4"},us={key:0,class:"text-red-500 text-xs mt-1"},ds={key:0,class:"text-red-500 text-xs mt-1"},ps={class:"mb-2 flex gap-2"},cs={key:4},ms={key:5,class:"space-y-4 bg-blue-50 p-4 rounded-lg border border-blue-200"},fs={class:"flex items-start gap-3 mb-4"},xs={key:0,class:"text-sm text-blue-800 mb-2"},vs={key:1,class:"text-sm text-blue-800 mb-2"},ys={class:"bg-white/80 rounded-lg p-3 mt-2 mb-2 border border-blue-300"},gs={key:0,class:"text-xs text-blue-800"},bs={key:1,class:"text-xs text-blue-800"},ws={key:0,class:"text-red-500 text-xs mt-1"},ks={class:"flex gap-3 pt-4"},hs=["disabled"],$s=["disabled"],Cs={key:0,class:"loading-spinner mr-2"},Ts={key:3,class:"space-y-6"},As={class:"flex gap-4"},Us={class:"flex items-center cursor-pointer"},Vs={class:"flex items-center cursor-pointer"},Is={key:0},js={key:1},Ss={key:2,class:"space-y-4"},Ms={class:"mb-2 flex gap-2"},Ks={key:3,class:"bg-amber-50 p-4 rounded-lg border border-amber-200"},Ps={class:"space-y-4"},Rs={class:"flex gap-3 pt-4"},Gs=["disabled"],Ls={key:0,class:"loading-spinner mr-2"},be={__name:"AccountForm",props:{account:{type:Object,default:null}},emits:["close","success"],setup(L,{emit:E}){var X,Z,ee,x,c,b,q,ae,p,l,o,k;const m=L,g=E,d=$e(),{showConfirmModal:S,confirmOptions:I,showConfirm:C,handleConfirm:A,handleCancel:y}=he(),f=se(()=>!!m.account),M=T(!0),D=T(1),P=T(!1),_=()=>{var n;return(n=m.account)!=null&&n.proxy&&m.account.proxy.host&&m.account.proxy.port?{enabled:!0,type:m.account.proxy.type||"socks5",host:m.account.proxy.host,port:m.account.proxy.port,username:m.account.proxy.username||"",password:m.account.proxy.password||""}:{enabled:!1,type:"socks5",host:"",port:"",username:"",password:""}},s=T({platform:((X=m.account)==null?void 0:X.platform)||"claude",addType:"oauth",name:((Z=m.account)==null?void 0:Z.name)||"",description:((ee=m.account)==null?void 0:ee.description)||"",accountType:((x=m.account)==null?void 0:x.accountType)||"shared",projectId:((c=m.account)==null?void 0:c.projectId)||"",accessToken:"",refreshToken:"",proxy:_(),apiUrl:((b=m.account)==null?void 0:b.apiUrl)||"",apiKey:((q=m.account)==null?void 0:q.apiKey)||"",priority:((ae=m.account)==null?void 0:ae.priority)||50,supportedModels:((l=(p=m.account)==null?void 0:p.supportedModels)==null?void 0:l.join(` -`))||"",userAgent:((o=m.account)==null?void 0:o.userAgent)||"",rateLimitDuration:((k=m.account)==null?void 0:k.rateLimitDuration)||60}),v=T({name:"",accessToken:"",apiUrl:"",apiKey:""}),r=se(()=>{var n;return((n=s.value.name)==null?void 0:n.trim())&&s.value.platform});se(()=>{var n,t,a;return s.value.addType==="manual"?((n=s.value.name)==null?void 0:n.trim())&&((t=s.value.accessToken)==null?void 0:t.trim()):(a=s.value.name)==null?void 0:a.trim()});const R=async()=>{if(v.value.name="",!r.value){(!s.value.name||s.value.name.trim()==="")&&(v.value.name="请填写账户名称");return}s.value.platform==="gemini"&&D.value===1&&s.value.addType==="oauth"&&(!s.value.projectId||s.value.projectId.trim()==="")&&!await C("项目编号未填写",`您尚未填写项目编号。 - -如果您的Google账号绑定了Google Cloud或被识别为Workspace账号,需要提供项目编号。 -如果您使用的是普通个人账号,可以继续不填写。`,"继续","返回填写")||(D.value=2)},N=async n=>{P.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=n.claudeAiOauth||n,t.priority=s.value.priority||50):s.value.platform==="gemini"&&(t.geminiOauth=n.tokens||n,s.value.projectId&&(t.projectId=s.value.projectId));let a;s.value.platform==="claude"?a=await d.createClaudeAccount(t):a=await d.createGeminiAccount(t),g("success",a)}catch(t){V(t.message||"账户创建失败","error")}finally{P.value=!1}},B=async()=>{v.value.name="",v.value.accessToken="",v.value.apiUrl="",v.value.apiKey="";let n=!1;if((!s.value.name||s.value.name.trim()==="")&&(v.value.name="请填写账户名称",n=!0),s.value.platform==="claude-console"?((!s.value.apiUrl||s.value.apiUrl.trim()==="")&&(v.value.apiUrl="请填写 API URL",n=!0),(!s.value.apiKey||s.value.apiKey.trim()==="")&&(v.value.apiKey="请填写 API Key",n=!0)):s.value.addType==="manual"&&(!s.value.accessToken||s.value.accessToken.trim()==="")&&(v.value.accessToken="请填写 Access Token",n=!0),!n){P.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 z=s.value.refreshToken?6e5:31536e6;t.claudeAiOauth={accessToken:s.value.accessToken,refreshToken:s.value.refreshToken||"",expiresAt:Date.now()+z,scopes:["user:inference"]},t.priority=s.value.priority||50}else if(s.value.platform==="gemini"){const z=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()+z},s.value.projectId&&(t.projectId=s.value.projectId)}else s.value.platform==="claude-console"&&(t.apiUrl=s.value.apiUrl,t.apiKey=s.value.apiKey,t.priority=s.value.priority||50,t.supportedModels=s.value.supportedModels?s.value.supportedModels.split(` -`).filter(z=>z.trim()):[],t.userAgent=s.value.userAgent||null,t.rateLimitDuration=s.value.rateLimitDuration||60);let a;s.value.platform==="claude"?a=await d.createClaudeAccount(t):s.value.platform==="claude-console"?a=await d.createClaudeConsoleAccount(t):a=await d.createGeminiAccount(t),g("success",a)}catch(t){V(t.message||"账户创建失败","error")}finally{P.value=!1}}},Q=async()=>{if(v.value.name="",!s.value.name||s.value.name.trim()===""){v.value.name="请填写账户名称";return}if(!(s.value.platform==="gemini"&&(!s.value.projectId||s.value.projectId.trim()==="")&&!await C("项目编号未填写",`您尚未填写项目编号。 - -如果您的Google账号绑定了Google Cloud或被识别为Workspace账号,需要提供项目编号。 -如果您使用的是普通个人账号,可以继续不填写。`,"继续保存","返回填写"))){P.value=!0;try{const n={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(m.account.platform==="claude"){const t=s.value.refreshToken?6e5:31536e6;n.claudeAiOauth={accessToken:s.value.accessToken||"",refreshToken:s.value.refreshToken||"",expiresAt:Date.now()+t,scopes:["user:inference"]}}else if(m.account.platform==="gemini"){const t=s.value.refreshToken?6e5:31536e6;n.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}}}m.account.platform==="gemini"&&s.value.projectId&&(n.projectId=s.value.projectId),m.account.platform==="claude"&&(n.priority=s.value.priority||50),m.account.platform==="claude-console"&&(n.apiUrl=s.value.apiUrl,s.value.apiKey&&(n.apiKey=s.value.apiKey),n.priority=s.value.priority||50,n.supportedModels=s.value.supportedModels?s.value.supportedModels.split(` -`).filter(t=>t.trim()):[],n.userAgent=s.value.userAgent||null,n.rateLimitDuration=s.value.rateLimitDuration||60),m.account.platform==="claude"?await d.updateClaudeAccount(m.account.id,n):m.account.platform==="claude-console"?await d.updateClaudeConsoleAccount(m.account.id,n):await d.updateGeminiAccount(m.account.id,n),g("success")}catch(n){V(n.message||"账户更新失败","error")}finally{P.value=!1}}};O(()=>s.value.name,()=>{var n;v.value.name&&((n=s.value.name)!=null&&n.trim())&&(v.value.name="")}),O(()=>s.value.accessToken,()=>{var n;v.value.accessToken&&((n=s.value.accessToken)!=null&&n.trim())&&(v.value.accessToken="")}),O(()=>s.value.apiUrl,()=>{var n;v.value.apiUrl&&((n=s.value.apiUrl)!=null&&n.trim())&&(v.value.apiUrl="")}),O(()=>s.value.apiKey,()=>{var n;v.value.apiKey&&((n=s.value.apiKey)!=null&&n.trim())&&(v.value.apiKey="")}),O(()=>s.value.platform,n=>{n==="claude-console"&&(s.value.addType="manual")});const F=n=>{const t=s.value.supportedModels?s.value.supportedModels.split(` -`).filter(a=>a.trim()):[];if(t.includes(n)){V(`模型 ${n} 已存在`,"info");return}t.push(n),s.value.supportedModels=t.join(` -`),V(`已添加模型 ${n}`,"success")};return O(()=>m.account,n=>{var t;if(n){const a=n.proxy&&n.proxy.host&&n.proxy.port?{enabled:!0,type:n.proxy.type||"socks5",host:n.proxy.host,port:n.proxy.port,username:n.proxy.username||"",password:n.proxy.password||""}:{enabled:!1,type:"socks5",host:"",port:"",username:"",password:""};s.value={platform:n.platform,addType:"oauth",name:n.name,description:n.description||"",accountType:n.accountType||"shared",projectId:n.projectId||"",accessToken:"",refreshToken:"",proxy:a,apiUrl:n.apiUrl||"",apiKey:"",priority:n.priority||50,supportedModels:((t=n.supportedModels)==null?void 0:t.join(` -`))||"",userAgent:n.userAgent||"",rateLimitDuration:n.rateLimitDuration||60}}},{immediate:!0}),(n,t)=>(i(),le(ke,{to:"body"},[M.value?(i(),u("div",Lt,[e("div",Dt,[e("div",Ot,[e("div",Et,[t[43]||(t[43]=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",zt,U(f.value?"编辑账户":"添加账户"),1)]),e("button",{onClick:t[0]||(t[0]=a=>n.$emit("close")),class:"text-gray-400 hover:text-gray-600 transition-colors"},t[44]||(t[44]=[e("i",{class:"fas fa-times text-xl"},null,-1)]))]),!f.value&&s.value.addType==="oauth"?(i(),u("div",Wt,[e("div",qt,[e("div",Bt,[e("div",{class:G(["w-8 h-8 rounded-full flex items-center justify-center text-sm font-semibold",D.value>=1?"bg-blue-500 text-white":"bg-gray-200 text-gray-500"])}," 1 ",2),t[45]||(t[45]=e("span",{class:"ml-2 text-sm font-medium text-gray-700"},"基本信息",-1))]),t[47]||(t[47]=e("div",{class:"w-8 h-0.5 bg-gray-300"},null,-1)),e("div",Nt,[e("div",{class:G(["w-8 h-8 rounded-full flex items-center justify-center text-sm font-semibold",D.value>=2?"bg-blue-500 text-white":"bg-gray-200 text-gray-500"])}," 2 ",2),t[46]||(t[46]=e("span",{class:"ml-2 text-sm font-medium text-gray-700"},"授权认证",-1))])])])):$("",!0),D.value===1&&!f.value?(i(),u("div",Ft,[e("div",Ht,[f.value?$("",!0):(i(),u("div",_t,[t[51]||(t[51]=e("label",{class:"block text-sm font-semibold text-gray-700 mb-3"},"平台",-1)),e("div",Jt,[e("label",Yt,[w(e("input",{type:"radio","onUpdate:modelValue":t[1]||(t[1]=a=>s.value.platform=a),value:"claude",class:"mr-2"},null,512),[[H,s.value.platform]]),t[48]||(t[48]=e("span",{class:"text-sm text-gray-700"},"Claude",-1))]),e("label",Qt,[w(e("input",{type:"radio","onUpdate:modelValue":t[2]||(t[2]=a=>s.value.platform=a),value:"claude-console",class:"mr-2"},null,512),[[H,s.value.platform]]),t[49]||(t[49]=e("span",{class:"text-sm text-gray-700"},"Claude Console",-1))]),e("label",Xt,[w(e("input",{type:"radio","onUpdate:modelValue":t[3]||(t[3]=a=>s.value.platform=a),value:"gemini",class:"mr-2"},null,512),[[H,s.value.platform]]),t[50]||(t[50]=e("span",{class:"text-sm text-gray-700"},"Gemini",-1))])])])),!f.value&&s.value.platform!=="claude-console"?(i(),u("div",Zt,[t[54]||(t[54]=e("label",{class:"block text-sm font-semibold text-gray-700 mb-3"},"添加方式",-1)),e("div",es,[e("label",ts,[w(e("input",{type:"radio","onUpdate:modelValue":t[4]||(t[4]=a=>s.value.addType=a),value:"oauth",class:"mr-2"},null,512),[[H,s.value.addType]]),t[52]||(t[52]=e("span",{class:"text-sm text-gray-700"},"OAuth 授权 (推荐)",-1))]),e("label",ss,[w(e("input",{type:"radio","onUpdate:modelValue":t[5]||(t[5]=a=>s.value.addType=a),value:"manual",class:"mr-2"},null,512),[[H,s.value.addType]]),t[53]||(t[53]=e("span",{class:"text-sm text-gray-700"},"手动输入 Access Token",-1))])])])):$("",!0),e("div",null,[t[55]||(t[55]=e("label",{class:"block text-sm font-semibold text-gray-700 mb-3"},"账户名称",-1)),w(e("input",{"onUpdate:modelValue":t[6]||(t[6]=a=>s.value.name=a),type:"text",required:"",class:G(["form-input w-full",{"border-red-500":v.value.name}]),placeholder:"为账户设置一个易识别的名称"},null,2),[[j,s.value.name]]),v.value.name?(i(),u("p",ls,U(v.value.name),1)):$("",!0)]),e("div",null,[t[56]||(t[56]=e("label",{class:"block text-sm font-semibold text-gray-700 mb-3"},"描述 (可选)",-1)),w(e("textarea",{"onUpdate:modelValue":t[7]||(t[7]=a=>s.value.description=a),rows:"3",class:"form-input w-full resize-none",placeholder:"账户用途说明..."},null,512),[[j,s.value.description]])]),e("div",null,[t[59]||(t[59]=e("label",{class:"block text-sm font-semibold text-gray-700 mb-3"},"账户类型",-1)),e("div",as,[e("label",os,[w(e("input",{type:"radio","onUpdate:modelValue":t[8]||(t[8]=a=>s.value.accountType=a),value:"shared",class:"mr-2"},null,512),[[H,s.value.accountType]]),t[57]||(t[57]=e("span",{class:"text-sm text-gray-700"},"共享账户",-1))]),e("label",ns,[w(e("input",{type:"radio","onUpdate:modelValue":t[9]||(t[9]=a=>s.value.accountType=a),value:"dedicated",class:"mr-2"},null,512),[[H,s.value.accountType]]),t[58]||(t[58]=e("span",{class:"text-sm text-gray-700"},"专属账户",-1))])]),t[60]||(t[60]=e("p",{class:"text-xs text-gray-500 mt-2"}," 共享账户:供所有API Key使用;专属账户:仅供特定API Key使用 ",-1))]),s.value.platform==="gemini"?(i(),u("div",rs,[t[61]||(t[61]=e("label",{class:"block text-sm font-semibold text-gray-700 mb-3"},"项目编号 (可选)",-1)),w(e("input",{"onUpdate:modelValue":t[10]||(t[10]=a=>s.value.projectId=a),type:"text",class:"form-input w-full",placeholder:"例如:123456789012(纯数字)"},null,512),[[j,s.value.projectId]]),t[62]||(t[62]=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,[h("访问 "),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,[h("复制"),e("span",{class:"font-semibold text-red-600"},"项目编号(Project Number)"),h(",通常是12位纯数字")]),e("li",{class:"text-red-600"},"⚠️ 注意:不要复制项目ID(Project ID),要复制项目编号!")])]),e("p",{class:"mt-2"},[e("strong",null,"提示:"),h("如果您的账号是普通个人账号(未绑定 Google Cloud),请留空此字段。")])])])],-1))])):$("",!0),s.value.platform==="claude-console"&&!f.value?(i(),u("div",is,[e("div",null,[t[63]||(t[63]=e("label",{class:"block text-sm font-semibold text-gray-700 mb-3"},"API URL *",-1)),w(e("input",{"onUpdate:modelValue":t[11]||(t[11]=a=>s.value.apiUrl=a),type:"text",required:"",class:G(["form-input w-full",{"border-red-500":v.value.apiUrl}]),placeholder:"例如:https://api.example.com"},null,2),[[j,s.value.apiUrl]]),v.value.apiUrl?(i(),u("p",us,U(v.value.apiUrl),1)):$("",!0)]),e("div",null,[t[64]||(t[64]=e("label",{class:"block text-sm font-semibold text-gray-700 mb-3"},"API Key *",-1)),w(e("input",{"onUpdate:modelValue":t[12]||(t[12]=a=>s.value.apiKey=a),type:"password",required:"",class:G(["form-input w-full",{"border-red-500":v.value.apiKey}]),placeholder:"请输入API Key"},null,2),[[j,s.value.apiKey]]),v.value.apiKey?(i(),u("p",ds,U(v.value.apiKey),1)):$("",!0)]),e("div",null,[t[65]||(t[65]=e("label",{class:"block text-sm font-semibold text-gray-700 mb-3"},"支持的模型 (可选)--注意,ClaudeCode必须加上hiku模型!",-1)),e("div",ps,[e("button",{type:"button",onClick:t[13]||(t[13]=a=>F("claude-sonnet-4-20250514")),class:"px-3 py-1 text-xs bg-blue-100 text-blue-700 rounded-lg hover:bg-blue-200 transition-colors"}," + claude-sonnet-4-20250514 "),e("button",{type:"button",onClick:t[14]||(t[14]=a=>F("claude-opus-4-20250514")),class:"px-3 py-1 text-xs bg-purple-100 text-purple-700 rounded-lg hover:bg-purple-200 transition-colors"}," + claude-opus-4-20250514 "),e("button",{type:"button",onClick:t[15]||(t[15]=a=>F("claude-3-5-haiku-20241022")),class:"px-3 py-1 text-xs bg-green-100 text-green-700 rounded-lg hover:bg-purple-200 transition-colors"}," + claude-3-5-haiku-20241022 ")]),w(e("textarea",{"onUpdate:modelValue":t[16]||(t[16]=a=>s.value.supportedModels=a),rows:"3",class:"form-input w-full resize-none",placeholder:"每行一个模型,留空表示支持所有模型。特别注意,ClaudeCode必须加上hiku模型!"},null,512),[[j,s.value.supportedModels]]),t[66]||(t[66]=e("p",{class:"text-xs text-gray-500 mt-1"},"留空表示支持所有模型。如果指定模型,请求中的模型不在列表内将不会调度到此账号",-1))]),e("div",null,[t[67]||(t[67]=e("label",{class:"block text-sm font-semibold text-gray-700 mb-3"},"自定义 User-Agent (可选)",-1)),w(e("input",{"onUpdate:modelValue":t[17]||(t[17]=a=>s.value.userAgent=a),type:"text",class:"form-input w-full",placeholder:"默认:claude-cli/1.0.61 (console, cli)"},null,512),[[j,s.value.userAgent]])]),e("div",null,[t[68]||(t[68]=e("label",{class:"block text-sm font-semibold text-gray-700 mb-3"},"限流时间 (分钟)",-1)),w(e("input",{"onUpdate:modelValue":t[18]||(t[18]=a=>s.value.rateLimitDuration=a),type:"number",min:"1",class:"form-input w-full",placeholder:"默认60分钟"},null,512),[[j,s.value.rateLimitDuration,void 0,{number:!0}]]),t[69]||(t[69]=e("p",{class:"text-xs text-gray-500 mt-1"},"当账号返回429错误时,暂停调度的时间(分钟)",-1))])])):$("",!0),s.value.platform==="claude"||s.value.platform==="claude-console"?(i(),u("div",cs,[t[70]||(t[70]=e("label",{class:"block text-sm font-semibold text-gray-700 mb-3"},"调度优先级 (1-100)",-1)),w(e("input",{"onUpdate:modelValue":t[19]||(t[19]=a=>s.value.priority=a),type:"number",min:"1",max:"100",class:"form-input w-full",placeholder:"数字越小优先级越高,默认50"},null,512),[[j,s.value.priority,void 0,{number:!0}]]),t[71]||(t[71]=e("p",{class:"text-xs text-gray-500 mt-1"},"数字越小优先级越高,建议范围:1-100",-1))])):$("",!0),s.value.addType==="manual"&&s.value.platform!=="claude-console"?(i(),u("div",ms,[e("div",fs,[t[77]||(t[77]=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[75]||(t[75]=e("h5",{class:"font-semibold text-blue-900 mb-2"},"手动输入 Token",-1)),s.value.platform==="claude"?(i(),u("p",xs," 请输入有效的 Claude Access Token。如果您有 Refresh Token,建议也一并填写以支持自动刷新。 ")):s.value.platform==="gemini"?(i(),u("p",vs," 请输入有效的 Gemini Access Token。如果您有 Refresh Token,建议也一并填写以支持自动刷新。 ")):$("",!0),e("div",ys,[t[74]||(t[74]=e("p",{class:"text-sm text-blue-900 font-medium mb-1"},[e("i",{class:"fas fa-folder-open mr-1"}),h(" 获取 Access Token 的方法: ")],-1)),s.value.platform==="claude"?(i(),u("p",gs,t[72]||(t[72]=[h(" 请从已登录 Claude Code 的机器上获取 ",-1),e("code",{class:"bg-blue-100 px-1 py-0.5 rounded font-mono"},"~/.claude/.credentials.json",-1),h(" 文件中的凭证, 请勿使用 Claude 官网 API Keys 页面的密钥。 ",-1)]))):s.value.platform==="gemini"?(i(),u("p",bs,t[73]||(t[73]=[h(" 请从已登录 Gemini CLI 的机器上获取 ",-1),e("code",{class:"bg-blue-100 px-1 py-0.5 rounded font-mono"},"~/.config/gemini/credentials.json",-1),h(" 文件中的凭证。 ",-1)]))):$("",!0)]),t[76]||(t[76]=e("p",{class:"text-xs text-blue-600"},"💡 如果未填写 Refresh Token,Token 过期后需要手动更新。",-1))])]),e("div",null,[t[78]||(t[78]=e("label",{class:"block text-sm font-semibold text-gray-700 mb-3"},"Access Token *",-1)),w(e("textarea",{"onUpdate:modelValue":t[20]||(t[20]=a=>s.value.accessToken=a),rows:"4",required:"",class:G(["form-input w-full resize-none font-mono text-xs",{"border-red-500":v.value.accessToken}]),placeholder:"请输入 Access Token..."},null,2),[[j,s.value.accessToken]]),v.value.accessToken?(i(),u("p",ws,U(v.value.accessToken),1)):$("",!0)]),e("div",null,[t[79]||(t[79]=e("label",{class:"block text-sm font-semibold text-gray-700 mb-3"},"Refresh Token (可选)",-1)),w(e("textarea",{"onUpdate:modelValue":t[21]||(t[21]=a=>s.value.refreshToken=a),rows:"4",class:"form-input w-full resize-none font-mono text-xs",placeholder:"请输入 Refresh Token..."},null,512),[[j,s.value.refreshToken]])])])):$("",!0),ne(ge,{modelValue:s.value.proxy,"onUpdate:modelValue":t[22]||(t[22]=a=>s.value.proxy=a)},null,8,["modelValue"]),e("div",ks,[e("button",{type:"button",onClick:t[23]||(t[23]=a=>n.$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"&&s.value.platform!=="claude-console"?(i(),u("button",{key:0,type:"button",onClick:R,disabled:P.value,class:"btn btn-primary flex-1 py-3 px-6 font-semibold"}," 下一步 ",8,hs)):(i(),u("button",{key:1,type:"button",onClick:B,disabled:P.value,class:"btn btn-primary flex-1 py-3 px-6 font-semibold"},[P.value?(i(),u("div",Cs)):$("",!0),h(" "+U(P.value?"创建中...":"创建"),1)],8,$s))])])])):$("",!0),D.value===2&&s.value.addType==="oauth"?(i(),le(It,{key:2,platform:s.value.platform,proxy:s.value.proxy,onSuccess:N,onBack:t[24]||(t[24]=a=>D.value=1)},null,8,["platform","proxy"])):$("",!0),f.value?(i(),u("div",Ts,[e("div",null,[t[80]||(t[80]=e("label",{class:"block text-sm font-semibold text-gray-700 mb-3"},"账户名称",-1)),w(e("input",{"onUpdate:modelValue":t[25]||(t[25]=a=>s.value.name=a),type:"text",required:"",class:"form-input w-full",placeholder:"为账户设置一个易识别的名称"},null,512),[[j,s.value.name]])]),e("div",null,[t[81]||(t[81]=e("label",{class:"block text-sm font-semibold text-gray-700 mb-3"},"描述 (可选)",-1)),w(e("textarea",{"onUpdate:modelValue":t[26]||(t[26]=a=>s.value.description=a),rows:"3",class:"form-input w-full resize-none",placeholder:"账户用途说明..."},null,512),[[j,s.value.description]])]),e("div",null,[t[84]||(t[84]=e("label",{class:"block text-sm font-semibold text-gray-700 mb-3"},"账户类型",-1)),e("div",As,[e("label",Us,[w(e("input",{type:"radio","onUpdate:modelValue":t[27]||(t[27]=a=>s.value.accountType=a),value:"shared",class:"mr-2"},null,512),[[H,s.value.accountType]]),t[82]||(t[82]=e("span",{class:"text-sm text-gray-700"},"共享账户",-1))]),e("label",Vs,[w(e("input",{type:"radio","onUpdate:modelValue":t[28]||(t[28]=a=>s.value.accountType=a),value:"dedicated",class:"mr-2"},null,512),[[H,s.value.accountType]]),t[83]||(t[83]=e("span",{class:"text-sm text-gray-700"},"专属账户",-1))])]),t[85]||(t[85]=e("p",{class:"text-xs text-gray-500 mt-2"}," 共享账户:供所有API Key使用;专属账户:仅供特定API Key使用 ",-1))]),s.value.platform==="gemini"?(i(),u("div",Is,[t[86]||(t[86]=e("label",{class:"block text-sm font-semibold text-gray-700 mb-3"},"项目编号 (可选)",-1)),w(e("input",{"onUpdate:modelValue":t[29]||(t[29]=a=>s.value.projectId=a),type:"text",class:"form-input w-full",placeholder:"例如:123456789012(纯数字)"},null,512),[[j,s.value.projectId]]),t[87]||(t[87]=e("p",{class:"text-xs text-gray-500 mt-2"}," Google Cloud/Workspace 账号可能需要提供项目编号 ",-1))])):$("",!0),s.value.platform==="claude"||s.value.platform==="claude-console"?(i(),u("div",js,[t[88]||(t[88]=e("label",{class:"block text-sm font-semibold text-gray-700 mb-3"},"调度优先级 (1-100)",-1)),w(e("input",{"onUpdate:modelValue":t[30]||(t[30]=a=>s.value.priority=a),type:"number",min:"1",max:"100",class:"form-input w-full",placeholder:"数字越小优先级越高"},null,512),[[j,s.value.priority,void 0,{number:!0}]]),t[89]||(t[89]=e("p",{class:"text-xs text-gray-500 mt-1"},"数字越小优先级越高,建议范围:1-100",-1))])):$("",!0),s.value.platform==="claude-console"?(i(),u("div",Ss,[e("div",null,[t[90]||(t[90]=e("label",{class:"block text-sm font-semibold text-gray-700 mb-3"},"API URL",-1)),w(e("input",{"onUpdate:modelValue":t[31]||(t[31]=a=>s.value.apiUrl=a),type:"text",required:"",class:"form-input w-full",placeholder:"例如:https://api.example.com"},null,512),[[j,s.value.apiUrl]])]),e("div",null,[t[91]||(t[91]=e("label",{class:"block text-sm font-semibold text-gray-700 mb-3"},"API Key",-1)),w(e("input",{"onUpdate:modelValue":t[32]||(t[32]=a=>s.value.apiKey=a),type:"password",class:"form-input w-full",placeholder:"留空表示不更新"},null,512),[[j,s.value.apiKey]]),t[92]||(t[92]=e("p",{class:"text-xs text-gray-500 mt-1"},"留空表示不更新 API Key",-1))]),e("div",null,[t[93]||(t[93]=e("label",{class:"block text-sm font-semibold text-gray-700 mb-3"},"支持的模型 (可选)",-1)),e("div",Ms,[e("button",{type:"button",onClick:t[33]||(t[33]=a=>F("claude-sonnet-4-20250514")),class:"px-3 py-1 text-xs bg-blue-100 text-blue-700 rounded-lg hover:bg-blue-200 transition-colors"}," + claude-sonnet-4-20250514 "),e("button",{type:"button",onClick:t[34]||(t[34]=a=>F("claude-opus-4-20250514")),class:"px-3 py-1 text-xs bg-purple-100 text-purple-700 rounded-lg hover:bg-purple-200 transition-colors"}," + claude-opus-4-20250514 "),e("button",{type:"button",onClick:t[35]||(t[35]=a=>F("claude-3-5-haiku-20241022")),class:"px-3 py-1 text-xs bg-green-100 text-green-700 rounded-lg hover:bg-purple-200 transition-colors"}," + claude-3-5-haiku-20241022 ")]),w(e("textarea",{"onUpdate:modelValue":t[36]||(t[36]=a=>s.value.supportedModels=a),rows:"3",class:"form-input w-full resize-none",placeholder:"每行一个模型,留空表示支持所有模型。特别注意,ClaudeCode必须加上hiku模型!"},null,512),[[j,s.value.supportedModels]])]),e("div",null,[t[94]||(t[94]=e("label",{class:"block text-sm font-semibold text-gray-700 mb-3"},"自定义 User-Agent (可选)",-1)),w(e("input",{"onUpdate:modelValue":t[37]||(t[37]=a=>s.value.userAgent=a),type:"text",class:"form-input w-full",placeholder:"默认:claude-cli/1.0.61 (console, cli)"},null,512),[[j,s.value.userAgent]])]),e("div",null,[t[95]||(t[95]=e("label",{class:"block text-sm font-semibold text-gray-700 mb-3"},"限流时间 (分钟)",-1)),w(e("input",{"onUpdate:modelValue":t[38]||(t[38]=a=>s.value.rateLimitDuration=a),type:"number",min:"1",class:"form-input w-full"},null,512),[[j,s.value.rateLimitDuration,void 0,{number:!0}]])])])):$("",!0),s.value.platform!=="claude-console"?(i(),u("div",Ks,[t[98]||(t[98]=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",Ps,[e("div",null,[t[96]||(t[96]=e("label",{class:"block text-sm font-semibold text-gray-700 mb-3"},"新的 Access Token",-1)),w(e("textarea",{"onUpdate:modelValue":t[39]||(t[39]=a=>s.value.accessToken=a),rows:"4",class:"form-input w-full resize-none font-mono text-xs",placeholder:"留空表示不更新..."},null,512),[[j,s.value.accessToken]])]),e("div",null,[t[97]||(t[97]=e("label",{class:"block text-sm font-semibold text-gray-700 mb-3"},"新的 Refresh Token",-1)),w(e("textarea",{"onUpdate:modelValue":t[40]||(t[40]=a=>s.value.refreshToken=a),rows:"4",class:"form-input w-full resize-none font-mono text-xs",placeholder:"留空表示不更新..."},null,512),[[j,s.value.refreshToken]])])])])):$("",!0),ne(ge,{modelValue:s.value.proxy,"onUpdate:modelValue":t[41]||(t[41]=a=>s.value.proxy=a)},null,8,["modelValue"]),e("div",Rs,[e("button",{type:"button",onClick:t[42]||(t[42]=a=>n.$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:Q,disabled:P.value,class:"btn btn-primary flex-1 py-3 px-6 font-semibold"},[P.value?(i(),u("div",Ls)):$("",!0),h(" "+U(P.value?"更新中...":"更新"),1)],8,Gs)])])):$("",!0)])])):$("",!0),ne(Ce,{show:W(S),title:W(I).title,message:W(I).message,"confirm-text":W(I).confirmText,"cancel-text":W(I).cancelText,onConfirm:W(A),onCancel:W(y)},null,8,["show","title","message","confirm-text","cancel-text","onConfirm","onCancel"])]))}},Ds={class:"accounts-container"},Os={class:"card p-6"},Es={class:"flex flex-col md:flex-row justify-between items-center gap-4 mb-6"},zs={class:"flex gap-2"},Ws={key:0,class:"text-center py-12"},qs={key:1,class:"text-center py-12"},Bs={key:2,class:"table-container"},Ns={class:"min-w-full"},Fs={class:"bg-gray-50/80 backdrop-blur-sm"},Hs={key:1,class:"fas fa-sort ml-1 text-gray-400"},_s={key:1,class:"fas fa-sort ml-1 text-gray-400"},Js={key:1,class:"fas fa-sort ml-1 text-gray-400"},Ys={key:1,class:"fas fa-sort ml-1 text-gray-400"},Qs={key:1,class:"fas fa-sort ml-1 text-gray-400"},Xs={class:"divide-y divide-gray-200/50"},Zs={class:"px-6 py-4 whitespace-nowrap"},el={class:"flex items-center"},tl={class:"flex items-center gap-2"},sl={class:"text-sm font-semibold text-gray-900"},ll={key:0,class:"inline-flex items-center px-2 py-0.5 rounded-full text-xs font-medium bg-purple-100 text-purple-800"},al={key:1,class:"inline-flex items-center px-2 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800"},ol={class:"text-xs text-gray-500"},nl={class:"px-6 py-4 whitespace-nowrap"},rl={key:0,class:"inline-flex items-center px-3 py-1 rounded-full text-xs font-semibold bg-yellow-100 text-yellow-800"},il={key:1,class:"inline-flex items-center px-3 py-1 rounded-full text-xs font-semibold bg-purple-100 text-purple-800"},ul={key:2,class:"inline-flex items-center px-3 py-1 rounded-full text-xs font-semibold bg-indigo-100 text-indigo-800"},dl={class:"px-6 py-4 whitespace-nowrap"},pl={key:0,class:"inline-flex items-center px-3 py-1 rounded-full text-xs font-semibold bg-green-100 text-green-800"},cl={key:1,class:"inline-flex items-center px-3 py-1 rounded-full text-xs font-semibold bg-blue-100 text-blue-800"},ml={key:2,class:"inline-flex items-center px-3 py-1 rounded-full text-xs font-semibold bg-orange-100 text-orange-800"},fl={class:"px-6 py-4 whitespace-nowrap"},xl={class:"flex flex-col gap-1"},vl={key:0,class:"inline-flex items-center px-3 py-1 rounded-full text-xs font-semibold bg-yellow-100 text-yellow-800"},yl={key:1,class:"inline-flex items-center px-3 py-1 rounded-full text-xs font-semibold bg-gray-100 text-gray-700"},gl=["title"],bl={key:3,class:"text-xs text-gray-500"},wl={class:"px-6 py-4 whitespace-nowrap"},kl={key:0,class:"flex items-center gap-2"},hl={class:"w-16 bg-gray-200 rounded-full h-2"},$l={class:"text-xs text-gray-700 font-medium min-w-[20px]"},Cl={key:1,class:"text-gray-400 text-sm"},Tl={class:"px-6 py-4 whitespace-nowrap text-sm text-gray-600"},Al={key:0,class:"text-xs bg-blue-50 px-2 py-1 rounded font-mono"},Ul={key:1,class:"text-gray-400"},Vl={class:"px-6 py-4 whitespace-nowrap text-sm"},Il={key:0,class:"space-y-1"},jl={class:"flex items-center gap-2"},Sl={class:"text-sm font-medium text-gray-900"},Ml={class:"flex items-center gap-2"},Kl={class:"text-xs text-gray-600"},Pl={key:0,class:"text-xs text-gray-500"},Rl={key:1,class:"text-gray-400 text-xs"},Gl={class:"px-6 py-4 whitespace-nowrap"},Ll={key:0,class:"space-y-2"},Dl={class:"flex items-center gap-2"},Ol={class:"w-24 bg-gray-200 rounded-full h-2"},El={class:"text-xs text-gray-700 font-medium min-w-[32px]"},zl={class:"text-xs text-gray-600"},Wl={key:0,class:"text-indigo-600 font-medium"},ql={key:1,class:"text-gray-400 text-sm"},Bl={key:2,class:"text-gray-400 text-sm"},Nl={class:"px-6 py-4 whitespace-nowrap text-sm text-gray-600"},Fl={class:"px-6 py-4 whitespace-nowrap text-sm font-medium"},Hl={class:"flex items-center gap-2"},_l=["onClick","disabled","title"],Jl=["onClick","disabled","title"],Yl=["onClick"],Ql=["onClick"],Xl={__name:"AccountsView",setup(L){const{showConfirmModal:E,confirmOptions:m,showConfirm:g,handleConfirm:d,handleCancel:S}=he(),I=T([]),C=T(!1),A=T("name"),y=T(""),f=T("asc"),M=T([]),D=T(!1),P=T(!1),_=T(null),s=se(()=>y.value?[...I.value].sort((l,o)=>{var t,a,z,Y,re,ie,ue,de,pe,ce,me,fe;let k=l[y.value],n=o[y.value];return y.value==="dailyTokens"?(k=((a=(t=l.usage)==null?void 0:t.daily)==null?void 0:a.allTokens)||0,n=((Y=(z=o.usage)==null?void 0:z.daily)==null?void 0:Y.allTokens)||0):y.value==="dailyRequests"?(k=((ie=(re=l.usage)==null?void 0:re.daily)==null?void 0:ie.requests)||0,n=((de=(ue=o.usage)==null?void 0:ue.daily)==null?void 0:de.requests)||0):y.value==="totalTokens"&&(k=((ce=(pe=l.usage)==null?void 0:pe.total)==null?void 0:ce.allTokens)||0,n=((fe=(me=o.usage)==null?void 0:me.total)==null?void 0:fe.allTokens)||0),y.value==="lastUsed"&&(k=l.lastUsedAt?new Date(l.lastUsedAt).getTime():0,n=o.lastUsedAt?new Date(o.lastUsedAt).getTime():0),y.value==="status"&&(k=l.isActive?1:0,n=o.isActive?1:0),kn?f.value==="asc"?1:-1:0}):I.value),v=async()=>{C.value=!0;try{const[p,l,o,k]=await Promise.all([K.get("/admin/claude-accounts"),K.get("/admin/claude-console-accounts"),K.get("/admin/gemini-accounts"),K.get("/admin/api-keys")]);k.success&&(M.value=k.data||[]);const n=[];if(p.success){const t=(p.data||[]).map(a=>{const z=M.value.filter(Y=>Y.claudeAccountId===a.id).length;return{...a,platform:"claude",boundApiKeysCount:z}});n.push(...t)}if(l.success){const t=(l.data||[]).map(a=>({...a,platform:"claude-console",boundApiKeysCount:0}));n.push(...t)}if(o.success){const t=(o.data||[]).map(a=>{const z=M.value.filter(Y=>Y.geminiAccountId===a.id).length;return{...a,platform:"gemini",boundApiKeysCount:z}});n.push(...t)}I.value=n}catch{V("加载账户失败","error")}finally{C.value=!1}},r=p=>{p&&(y.value===p?f.value=f.value==="asc"?"desc":"asc":(y.value=p,f.value="asc"))},R=p=>{if(p==null)return"0";const l=Number(p);return l>=1e6?Math.floor(l/1e6).toLocaleString()+"M":l.toLocaleString()},N=p=>{if(!p)return"从未使用";const l=new Date(p),k=new Date-l;return k<6e4?"刚刚":k<36e5?`${Math.floor(k/6e4)} 分钟前`:k<864e5?`${Math.floor(k/36e5)} 小时前`:k<6048e5?`${Math.floor(k/864e5)} 天前`:l.toLocaleDateString("zh-CN")},B=async()=>{try{const p=await K.get("/admin/api-keys");p.success&&(M.value=p.data)}catch(p){console.error("Failed to load API keys:",p)}},Q=p=>{if(!p||!p.host||!p.port)return null;let l=`${p.type}://${p.host}:${p.port}`;if(p.username){const o=p.username.length>2?p.username[0]+"***"+p.username[p.username.length-1]:"***",k=p.password?"****":"";l=`${p.type}://${o}:${k}@${p.host}:${p.port}`}return l},F=(p,l)=>{if(!p||!l)return"--";const o=new Date(p),k=new Date(l),n=o.getHours().toString().padStart(2,"0"),t=o.getMinutes().toString().padStart(2,"0"),a=k.getHours().toString().padStart(2,"0"),z=k.getMinutes().toString().padStart(2,"0");return`${n}:${t} - ${a}:${z}`},X=p=>{if(!p||p<=0)return"已结束";const l=Math.floor(p/60),o=p%60;return l>0?`${l}小时${o}分钟`:`${o}分钟`},Z=()=>{D.value=!0},ee=p=>{_.value=p,P.value=!0},x=async p=>{const l=M.value.filter(k=>k.claudeAccountId===p.id||k.geminiAccountId===p.id).length;if(l>0){V(`无法删除此账号,有 ${l} 个API Key绑定到此账号,请先解绑所有API Key`,"error");return}if(await g("删除账户",`确定要删除账户 "${p.name}" 吗? - -此操作不可恢复。`,"删除","取消"))try{let k;p.platform==="claude"?k=`/admin/claude-accounts/${p.id}`:p.platform==="claude-console"?k=`/admin/claude-console-accounts/${p.id}`:k=`/admin/gemini-accounts/${p.id}`;const n=await K.delete(k);n.success?(V("账户已删除","success"),v()):V(n.message||"删除失败","error")}catch{V("删除失败","error")}},c=async p=>{if(!p.isRefreshing)try{p.isRefreshing=!0;const l=await K.post(`/admin/claude-accounts/${p.id}/refresh`);l.success?(V("Token刷新成功","success"),v()):V(l.message||"Token刷新失败","error")}catch{V("Token刷新失败","error")}finally{p.isRefreshing=!1}},b=async p=>{if(!p.isTogglingSchedulable)try{p.isTogglingSchedulable=!0;let l;if(p.platform==="claude")l=`/admin/claude-accounts/${p.id}/toggle-schedulable`;else if(p.platform==="claude-console")l=`/admin/claude-console-accounts/${p.id}/toggle-schedulable`;else{V("Gemini账户暂不支持调度控制","warning");return}const o=await K.put(l);o.success?(p.schedulable=o.schedulable,V(o.schedulable?"已启用调度":"已禁用调度","success")):V(o.message||"操作失败","error")}catch{V("切换调度状态失败","error")}finally{p.isTogglingSchedulable=!1}},q=()=>{D.value=!1,V("账户创建成功","success"),v()},ae=()=>{P.value=!1,V("账户更新成功","success"),v()};return O(A,p=>{const l={name:"name",dailyTokens:"dailyTokens",dailyRequests:"dailyRequests",totalTokens:"totalTokens",lastUsed:"lastUsed"};l[p]&&r(l[p])}),Ve(()=>{v(),B()}),(p,l)=>(i(),u("div",Ds,[e("div",Os,[e("div",Es,[l[11]||(l[11]=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",zs,[w(e("select",{"onUpdate:modelValue":l[0]||(l[0]=o=>A.value=o),onChange:l[1]||(l[1]=o=>r()),class:"form-input px-3 py-2 text-sm"},l[9]||(l[9]=[te('',5)]),544),[[we,A.value]]),e("button",{onClick:Ie(Z,["stop"]),class:"btn btn-success px-6 py-3 flex items-center gap-2"},l[10]||(l[10]=[e("i",{class:"fas fa-plus"},null,-1),h("添加账户 ",-1)]))])]),C.value?(i(),u("div",Ws,l[12]||(l[12]=[e("div",{class:"loading-spinner mx-auto mb-4"},null,-1),e("p",{class:"text-gray-500"},"正在加载账户...",-1)]))):s.value.length===0?(i(),u("div",qs,l[13]||(l[13]=[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)]))):(i(),u("div",Bs,[e("table",Ns,[e("thead",Fs,[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]=o=>r("name"))},[l[14]||(l[14]=h(" 名称 ",-1)),y.value==="name"?(i(),u("i",{key:0,class:G(["fas",f.value==="asc"?"fa-sort-up":"fa-sort-down","ml-1"])},null,2)):(i(),u("i",Hs))]),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]=o=>r("platform"))},[l[15]||(l[15]=h(" 平台 ",-1)),y.value==="platform"?(i(),u("i",{key:0,class:G(["fas",f.value==="asc"?"fa-sort-up":"fa-sort-down","ml-1"])},null,2)):(i(),u("i",_s))]),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]=o=>r("accountType"))},[l[16]||(l[16]=h(" 类型 ",-1)),y.value==="accountType"?(i(),u("i",{key:0,class:G(["fas",f.value==="asc"?"fa-sort-up":"fa-sort-down","ml-1"])},null,2)):(i(),u("i",Js))]),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]=o=>r("status"))},[l[17]||(l[17]=h(" 状态 ",-1)),y.value==="status"?(i(),u("i",{key:0,class:G(["fas",f.value==="asc"?"fa-sort-up":"fa-sort-down","ml-1"])},null,2)):(i(),u("i",Ys))]),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[6]||(l[6]=o=>r("priority"))},[l[18]||(l[18]=h(" 优先级 ",-1)),y.value==="priority"?(i(),u("i",{key:0,class:G(["fas",f.value==="asc"?"fa-sort-up":"fa-sort-down","ml-1"])},null,2)):(i(),u("i",Qs))]),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)),l[22]||(l[22]=e("th",{class:"px-6 py-4 text-left text-xs font-bold text-gray-700 uppercase tracking-wider"},"最后使用",-1)),l[23]||(l[23]=e("th",{class:"px-6 py-4 text-left text-xs font-bold text-gray-700 uppercase tracking-wider"},"操作",-1))])]),e("tbody",Xs,[(i(!0),u(je,null,Se(s.value,o=>(i(),u("tr",{key:o.id,class:"table-row"},[e("td",Zs,[e("div",el,[l[26]||(l[26]=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",tl,[e("div",sl,U(o.name),1),o.accountType==="dedicated"?(i(),u("span",ll,l[24]||(l[24]=[e("i",{class:"fas fa-lock mr-1"},null,-1),h("专属 ",-1)]))):(i(),u("span",al,l[25]||(l[25]=[e("i",{class:"fas fa-share-alt mr-1"},null,-1),h("共享 ",-1)])))]),e("div",ol,U(o.id),1)])])]),e("td",nl,[o.platform==="gemini"?(i(),u("span",rl,l[27]||(l[27]=[e("i",{class:"fas fa-robot mr-1"},null,-1),h("Gemini ",-1)]))):o.platform==="claude-console"?(i(),u("span",il,l[28]||(l[28]=[e("i",{class:"fas fa-terminal mr-1"},null,-1),h("Claude Console ",-1)]))):(i(),u("span",ul,l[29]||(l[29]=[e("i",{class:"fas fa-brain mr-1"},null,-1),h("Claude ",-1)])))]),e("td",dl,[o.platform==="claude-console"?(i(),u("span",pl,l[30]||(l[30]=[e("i",{class:"fas fa-key mr-1"},null,-1),h("API Key ",-1)]))):o.scopes&&o.scopes.length>0?(i(),u("span",cl,l[31]||(l[31]=[e("i",{class:"fas fa-lock mr-1"},null,-1),h("OAuth ",-1)]))):(i(),u("span",ml,l[32]||(l[32]=[e("i",{class:"fas fa-key mr-1"},null,-1),h("传统 ",-1)])))]),e("td",fl,[e("div",xl,[e("span",{class:G(["inline-flex items-center px-3 py-1 rounded-full text-xs font-semibold",o.status==="blocked"?"bg-orange-100 text-orange-800":o.isActive?"bg-green-100 text-green-800":"bg-red-100 text-red-800"])},[e("div",{class:G(["w-2 h-2 rounded-full mr-2",o.status==="blocked"?"bg-orange-500":o.isActive?"bg-green-500":"bg-red-500"])},null,2),h(" "+U(o.status==="blocked"?"已封锁":o.isActive?"正常":"异常"),1)],2),o.rateLimitStatus&&o.rateLimitStatus.isRateLimited?(i(),u("span",vl,[l[33]||(l[33]=e("i",{class:"fas fa-exclamation-triangle mr-1"},null,-1)),h(" 限流中 ("+U(o.rateLimitStatus.minutesRemaining)+"分钟) ",1)])):$("",!0),o.schedulable===!1?(i(),u("span",yl,l[34]||(l[34]=[e("i",{class:"fas fa-pause-circle mr-1"},null,-1),h(" 不可调度 ",-1)]))):$("",!0),o.status==="blocked"&&o.errorMessage?(i(),u("span",{key:2,class:"text-xs text-gray-500 mt-1 max-w-xs truncate",title:o.errorMessage},U(o.errorMessage),9,gl)):$("",!0),o.accountType==="dedicated"?(i(),u("span",bl," 绑定: "+U(o.boundApiKeysCount||0)+" 个API Key ",1)):$("",!0)])]),e("td",wl,[o.platform==="claude"||o.platform==="claude-console"?(i(),u("div",kl,[e("div",hl,[e("div",{class:"bg-gradient-to-r from-green-500 to-blue-600 h-2 rounded-full transition-all duration-300",style:ve({width:101-(o.priority||50)+"%"})},null,4)]),e("span",$l,U(o.priority||50),1)])):(i(),u("div",Cl,l[35]||(l[35]=[e("span",{class:"text-xs"},"N/A",-1)])))]),e("td",Tl,[Q(o.proxy)?(i(),u("div",Al,U(Q(o.proxy)),1)):(i(),u("div",Ul,"无代理"))]),e("td",Vl,[o.usage&&o.usage.daily?(i(),u("div",Il,[e("div",jl,[l[36]||(l[36]=e("div",{class:"w-2 h-2 bg-green-500 rounded-full"},null,-1)),e("span",Sl,U(o.usage.daily.requests||0)+" 次",1)]),e("div",Ml,[l[37]||(l[37]=e("div",{class:"w-2 h-2 bg-blue-500 rounded-full"},null,-1)),e("span",Kl,U(R(o.usage.daily.allTokens||0))+" tokens",1)]),o.usage.averages&&o.usage.averages.rpm>0?(i(),u("div",Pl," 平均 "+U(o.usage.averages.rpm.toFixed(2))+" RPM ",1)):$("",!0)])):(i(),u("div",Rl,"暂无数据"))]),e("td",Gl,[o.platform==="claude"&&o.sessionWindow&&o.sessionWindow.hasActiveWindow?(i(),u("div",Ll,[e("div",Dl,[e("div",Ol,[e("div",{class:"bg-gradient-to-r from-blue-500 to-indigo-600 h-2 rounded-full transition-all duration-300",style:ve({width:o.sessionWindow.progress+"%"})},null,4)]),e("span",El,U(o.sessionWindow.progress)+"% ",1)]),e("div",zl,[e("div",null,U(F(o.sessionWindow.windowStart,o.sessionWindow.windowEnd)),1),o.sessionWindow.remainingTime>0?(i(),u("div",Wl," 剩余 "+U(X(o.sessionWindow.remainingTime)),1)):$("",!0)])])):o.platform==="claude"?(i(),u("div",ql,l[38]||(l[38]=[e("i",{class:"fas fa-minus"},null,-1)]))):(i(),u("div",Bl,l[39]||(l[39]=[e("span",{class:"text-xs"},"N/A",-1)])))]),e("td",Nl,U(N(o.lastUsedAt)),1),e("td",Fl,[e("div",Hl,[o.platform==="claude"&&o.scopes?(i(),u("button",{key:0,onClick:k=>c(o),disabled:o.isRefreshing,class:G(["px-3 py-1.5 rounded-lg text-xs font-medium transition-colors",o.isRefreshing?"bg-gray-100 text-gray-400 cursor-not-allowed":"bg-blue-100 text-blue-700 hover:bg-blue-200"]),title:o.isRefreshing?"刷新中...":"刷新Token"},[e("i",{class:G(["fas fa-sync-alt",o.isRefreshing?"animate-spin":""])},null,2)],10,_l)):$("",!0),e("button",{onClick:k=>b(o),disabled:o.isTogglingSchedulable,class:G(["px-3 py-1.5 rounded-lg text-xs font-medium transition-colors",o.isTogglingSchedulable?"bg-gray-100 text-gray-400 cursor-not-allowed":o.schedulable?"bg-green-100 text-green-700 hover:bg-green-200":"bg-gray-100 text-gray-700 hover:bg-gray-200"]),title:o.schedulable?"点击禁用调度":"点击启用调度"},[e("i",{class:G(["fas",o.schedulable?"fa-toggle-on":"fa-toggle-off"])},null,2)],10,Jl),e("button",{onClick:k=>ee(o),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[40]||(l[40]=[e("i",{class:"fas fa-edit"},null,-1)]),8,Yl),e("button",{onClick:k=>x(o),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[41]||(l[41]=[e("i",{class:"fas fa-trash"},null,-1)]),8,Ql)])])]))),128))])])]))]),D.value?(i(),le(be,{key:0,onClose:l[7]||(l[7]=o=>D.value=!1),onSuccess:q})):$("",!0),P.value?(i(),le(be,{key:1,account:_.value,onClose:l[8]||(l[8]=o=>P.value=!1),onSuccess:ae},null,8,["account"])):$("",!0),ne(Ce,{show:W(E),title:W(m).title,message:W(m).message,"confirm-text":W(m).confirmText,"cancel-text":W(m).cancelText,onConfirm:W(d),onCancel:W(S)},null,8,["show","title","message","confirm-text","cancel-text","onConfirm","onCancel"])]))}},aa=Me(Xl,[["__scopeId","data-v-d6375019"]]);export{aa as default}; diff --git a/web/admin-spa/dist/assets/ApiKeysView-DemJuKGs.js b/web/admin-spa/dist/assets/ApiKeysView-DemJuKGs.js deleted file mode 100644 index f07c95b2..00000000 --- a/web/admin-spa/dist/assets/ApiKeysView-DemJuKGs.js +++ /dev/null @@ -1,9 +0,0 @@ -import{E as Mt}from"./element-plus-B8Fs_0jW.js";import{aR as Rt,r as C,_ as it,q as at,c as rt,I as z,y as i,z as t,Y as H,K as b,x as r,L as $,O as g,aq as R,C as U,P as u,Q as _,ac as T,aa as et,aX as N,an as B,al as G,a5 as st,R as St,B as Pt}from"./vue-vendor-CKToUHZx.js";import{s as I}from"./toast-BvwA7Mwb.js";import{a as W,_ as J,u as dt}from"./index-hS0iOrU-.js";import"./vendor-BDiMbLwQ.js";const ut=Rt("clients",{state:()=>({supportedClients:[],loading:!1,error:null}),actions:{async loadSupportedClients(){if(this.supportedClients.length>0)return this.supportedClients;this.loading=!0,this.error=null;try{const k=await W.get("/admin/supported-clients");return k.success?this.supportedClients=k.data||[]:(this.error=k.message||"加载支持的客户端失败",console.error("Failed to load supported clients:",this.error)),this.supportedClients}catch(k){return this.error=k.message||"加载支持的客户端失败",console.error("Error loading supported clients:",k),[]}finally{this.loading=!1}}}}),_t={class:"fixed inset-0 modal z-50 flex items-center justify-center p-4"},Tt={class:"modal-content w-full max-w-lg p-6 mx-auto max-h-[90vh] flex flex-col"},Et={class:"flex items-center justify-between mb-4"},Vt={key:0,class:"text-red-500 text-xs mt-1"},jt={class:"space-y-2"},Ut={key:0,class:"flex flex-wrap gap-2"},qt=["onClick"],Ft={class:"flex gap-2"},Ot=["onKeypress"],Wt={class:"bg-blue-50 border border-blue-200 rounded-lg p-3"},Yt={class:"space-y-2"},zt={class:"grid grid-cols-1 lg:grid-cols-3 gap-2"},Nt={class:"space-y-2"},Ht={class:"flex gap-2"},Bt={key:0,class:"mt-3"},Gt=["min"],Qt={key:1,class:"text-xs text-gray-500 mt-2"},Xt={class:"flex gap-4"},Jt={class:"flex items-center cursor-pointer"},Zt={class:"flex items-center cursor-pointer"},te={class:"flex items-center cursor-pointer"},ee={class:"grid grid-cols-1 gap-3"},se=["disabled"],le=["value"],oe=["disabled"],ne=["value"],ie={class:"flex items-center mb-2"},ae={key:0,class:"space-y-2 bg-red-50 border border-red-200 rounded-lg p-3"},re={class:"flex flex-wrap gap-1 mb-2 min-h-[24px]"},de=["onClick"],ue={key:0,class:"text-gray-400 text-xs"},me={class:"flex gap-2"},pe=["onKeydown"],ce={class:"flex items-center mb-2"},xe={key:0,class:"bg-green-50 border border-green-200 rounded-lg p-3"},fe={class:"space-y-1"},ge=["id","value"],ye=["for"],be={class:"text-sm font-medium text-gray-700"},ve={class:"text-xs text-gray-500 block"},we={class:"flex gap-3 pt-2"},$e=["disabled"],Ce={key:0,class:"loading-spinner mr-2"},Ae={key:1,class:"fas fa-plus mr-2"},Ke={__name:"CreateApiKeyModal",props:{accounts:{type:Object,default:()=>({claude:[],gemini:[]})}},emits:["close","success"],setup(k,{emit:O}){const w=O;dt();const P=ut(),D=C(!1),f=C({name:""}),L=C(""),h=C([]),e=it({name:"",description:"",tokenLimit:"",rateLimitWindow:"",rateLimitRequests:"",concurrencyLimit:"",dailyCostLimit:"",expireDuration:"",customExpireDate:"",expiresAt:null,permissions:"all",claudeAccountId:"",geminiAccountId:"",enableModelRestriction:!1,restrictedModels:[],modelInput:"",enableClientRestriction:!1,allowedClients:[],tags:[]});at(async()=>{h.value=await P.loadSupportedClients()});const V=rt(()=>{const v=new Date;return v.setMinutes(v.getMinutes()+1),v.toISOString().slice(0,16)}),A=()=>{if(!e.expireDuration){e.expiresAt=null;return}if(e.expireDuration==="custom")return;const v=new Date,d=e.expireDuration.match(/(\d+)([dhmy])/);if(d){const[,q,Q]=d,F=parseInt(q);switch(Q){case"d":v.setDate(v.getDate()+F);break;case"h":v.setHours(v.getHours()+F);break;case"m":v.setMonth(v.getMonth()+F);break;case"y":v.setFullYear(v.getFullYear()+F);break}e.expiresAt=v.toISOString()}},c=()=>{e.customExpireDate&&(e.expiresAt=new Date(e.customExpireDate).toISOString())},y=v=>new Date(v).toLocaleString("zh-CN",{year:"numeric",month:"2-digit",day:"2-digit",hour:"2-digit",minute:"2-digit"}),S=()=>{e.modelInput&&!e.restrictedModels.includes(e.modelInput)&&(e.restrictedModels.push(e.modelInput),e.modelInput="")},K=v=>{e.restrictedModels.splice(v,1)},n=()=>{if(L.value&&L.value.trim()){const v=L.value.trim();e.tags.includes(v)||e.tags.push(v),L.value=""}},m=v=>{e.tags.splice(v,1)},j=async()=>{if(f.value.name="",!e.name||!e.name.trim()){f.value.name="请输入API Key名称";return}D.value=!0;try{const v={name:e.name,description:e.description||void 0,tokenLimit:e.tokenLimit!==""&&e.tokenLimit!==null?parseInt(e.tokenLimit):null,rateLimitWindow:e.rateLimitWindow!==""&&e.rateLimitWindow!==null?parseInt(e.rateLimitWindow):null,rateLimitRequests:e.rateLimitRequests!==""&&e.rateLimitRequests!==null?parseInt(e.rateLimitRequests):null,concurrencyLimit:e.concurrencyLimit!==""&&e.concurrencyLimit!==null?parseInt(e.concurrencyLimit):0,dailyCostLimit:e.dailyCostLimit!==""&&e.dailyCostLimit!==null?parseFloat(e.dailyCostLimit):0,expiresAt:e.expiresAt||void 0,permissions:e.permissions,claudeAccountId:e.claudeAccountId||void 0,geminiAccountId:e.geminiAccountId||void 0,tags:e.tags.length>0?e.tags:void 0};v.enableModelRestriction=e.enableModelRestriction,v.restrictedModels=e.restrictedModels,v.enableClientRestriction=e.enableClientRestriction,v.allowedClients=e.allowedClients;const o=await W.post("/admin/api-keys",v);o.success?(I("API Key 创建成功","success"),w("success",o.data),w("close")):I(o.message||"创建失败","error")}catch{I("创建失败","error")}finally{D.value=!1}};return(v,o)=>(i(),z(st,{to:"body"},[t("div",_t,[t("div",Tt,[t("div",Et,[o[27]||(o[27]=t("div",{class:"flex items-center gap-3"},[t("div",{class:"w-10 h-10 bg-gradient-to-br from-blue-500 to-blue-600 rounded-xl flex items-center justify-center"},[t("i",{class:"fas fa-key text-white"})]),t("h3",{class:"text-xl font-bold text-gray-900"},"创建新的 API Key")],-1)),t("button",{onClick:o[0]||(o[0]=d=>v.$emit("close")),class:"text-gray-400 hover:text-gray-600 transition-colors"},o[26]||(o[26]=[t("i",{class:"fas fa-times text-xl"},null,-1)]))]),t("form",{onSubmit:H(j,["prevent"]),class:"space-y-4 modal-scroll-content custom-scrollbar flex-1"},[t("div",null,[o[28]||(o[28]=t("label",{class:"block text-sm font-semibold text-gray-700 mb-2"},[g("名称 "),t("span",{class:"text-red-500"},"*")],-1)),b(t("input",{"onUpdate:modelValue":o[1]||(o[1]=d=>e.name=d),type:"text",required:"",class:U(["form-input w-full",{"border-red-500":f.value.name}]),placeholder:"为您的 API Key 取一个名称",onInput:o[2]||(o[2]=d=>f.value.name="")},null,34),[[R,e.name]]),f.value.name?(i(),r("p",Vt,u(f.value.name),1)):$("",!0)]),t("div",null,[o[32]||(o[32]=t("label",{class:"block text-sm font-semibold text-gray-700 mb-2"},"标签",-1)),t("div",jt,[e.tags.length>0?(i(),r("div",Ut,[(i(!0),r(_,null,T(e.tags,(d,q)=>(i(),r("span",{key:q,class:"inline-flex items-center gap-1 px-3 py-1 bg-blue-100 text-blue-800 text-sm rounded-full"},[g(u(d)+" ",1),t("button",{type:"button",onClick:Q=>m(q),class:"ml-1 hover:text-blue-900"},o[29]||(o[29]=[t("i",{class:"fas fa-times text-xs"},null,-1)]),8,qt)]))),128))])):$("",!0),t("div",Ft,[b(t("input",{"onUpdate:modelValue":o[3]||(o[3]=d=>L.value=d),type:"text",class:"form-input flex-1",placeholder:"输入新标签名称",onKeypress:et(H(n,["prevent"]),["enter"])},null,40,Ot),[[R,L.value]]),t("button",{type:"button",onClick:n,class:"px-4 py-2 bg-blue-500 text-white rounded-lg hover:bg-blue-600 transition-colors"},o[30]||(o[30]=[t("i",{class:"fas fa-plus"},null,-1)]))]),o[31]||(o[31]=t("p",{class:"text-xs text-gray-500"},"用于标记不同团队或用途,方便筛选管理",-1))])]),t("div",Wt,[o[40]||(o[40]=t("div",{class:"flex items-center gap-2 mb-2"},[t("div",{class:"w-6 h-6 bg-blue-500 rounded flex items-center justify-center flex-shrink-0"},[t("i",{class:"fas fa-tachometer-alt text-white text-xs"})]),t("h4",{class:"font-semibold text-gray-800 text-sm"},"速率限制设置 (可选)")],-1)),t("div",Yt,[t("div",zt,[t("div",null,[o[33]||(o[33]=t("label",{class:"block text-xs font-medium text-gray-700 mb-1"},"时间窗口 (分钟)",-1)),b(t("input",{"onUpdate:modelValue":o[4]||(o[4]=d=>e.rateLimitWindow=d),type:"number",min:"1",placeholder:"无限制",class:"form-input w-full text-sm"},null,512),[[R,e.rateLimitWindow]]),o[34]||(o[34]=t("p",{class:"text-xs text-gray-500 mt-0.5"},"时间段单位",-1))]),t("div",null,[o[35]||(o[35]=t("label",{class:"block text-xs font-medium text-gray-700 mb-1"},"请求次数限制",-1)),b(t("input",{"onUpdate:modelValue":o[5]||(o[5]=d=>e.rateLimitRequests=d),type:"number",min:"1",placeholder:"无限制",class:"form-input w-full text-sm"},null,512),[[R,e.rateLimitRequests]]),o[36]||(o[36]=t("p",{class:"text-xs text-gray-500 mt-0.5"},"窗口内最大请求",-1))]),t("div",null,[o[37]||(o[37]=t("label",{class:"block text-xs font-medium text-gray-700 mb-1"},"Token 限制",-1)),b(t("input",{"onUpdate:modelValue":o[6]||(o[6]=d=>e.tokenLimit=d),type:"number",placeholder:"无限制",class:"form-input w-full text-sm"},null,512),[[R,e.tokenLimit]]),o[38]||(o[38]=t("p",{class:"text-xs text-gray-500 mt-0.5"},"窗口内最大Token",-1))])]),o[39]||(o[39]=t("div",{class:"bg-blue-100 rounded-lg p-2"},[t("h5",{class:"text-xs font-semibold text-blue-800 mb-1"},"💡 使用示例"),t("div",{class:"text-xs text-blue-700 space-y-0.5"},[t("div",null,[t("strong",null,"示例1:"),g(" 时间窗口=60,请求次数=1000 → 每60分钟最多1000次请求")]),t("div",null,[t("strong",null,"示例2:"),g(" 时间窗口=1,Token=10000 → 每分钟最多10,000个Token")]),t("div",null,[t("strong",null,"示例3:"),g(" 窗口=30,请求=50,Token=100000 → 每30分钟50次请求且不超10万Token")])])],-1))])]),t("div",null,[o[42]||(o[42]=t("label",{class:"block text-sm font-semibold text-gray-700 mb-2"},"每日费用限制 (美元)",-1)),t("div",Nt,[t("div",Ht,[t("button",{type:"button",onClick:o[7]||(o[7]=d=>e.dailyCostLimit="50"),class:"px-2 py-1 bg-gray-100 hover:bg-gray-200 rounded text-xs font-medium"},"$50"),t("button",{type:"button",onClick:o[8]||(o[8]=d=>e.dailyCostLimit="100"),class:"px-2 py-1 bg-gray-100 hover:bg-gray-200 rounded text-xs font-medium"},"$100"),t("button",{type:"button",onClick:o[9]||(o[9]=d=>e.dailyCostLimit="200"),class:"px-2 py-1 bg-gray-100 hover:bg-gray-200 rounded text-xs font-medium"},"$200"),t("button",{type:"button",onClick:o[10]||(o[10]=d=>e.dailyCostLimit=""),class:"px-2 py-1 bg-gray-100 hover:bg-gray-200 rounded text-xs font-medium"},"自定义")]),b(t("input",{"onUpdate:modelValue":o[11]||(o[11]=d=>e.dailyCostLimit=d),type:"number",min:"0",step:"0.01",placeholder:"0 表示无限制",class:"form-input w-full"},null,512),[[R,e.dailyCostLimit]]),o[41]||(o[41]=t("p",{class:"text-xs text-gray-500"},"设置此 API Key 每日的费用限制,超过限制将拒绝请求,0 或留空表示无限制",-1))])]),t("div",null,[o[43]||(o[43]=t("label",{class:"block text-sm font-semibold text-gray-700 mb-2"},"并发限制 (可选)",-1)),b(t("input",{"onUpdate:modelValue":o[12]||(o[12]=d=>e.concurrencyLimit=d),type:"number",min:"0",placeholder:"0 表示无限制",class:"form-input w-full"},null,512),[[R,e.concurrencyLimit]]),o[44]||(o[44]=t("p",{class:"text-xs text-gray-500 mt-2"},"设置此 API Key 可同时处理的最大请求数,0 或留空表示无限制",-1))]),t("div",null,[o[45]||(o[45]=t("label",{class:"block text-sm font-semibold text-gray-700 mb-2"},"备注 (可选)",-1)),b(t("textarea",{"onUpdate:modelValue":o[13]||(o[13]=d=>e.description=d),rows:"2",class:"form-input w-full resize-none text-sm",placeholder:"描述此 API Key 的用途..."},null,512),[[R,e.description]])]),t("div",null,[o[47]||(o[47]=t("label",{class:"block text-sm font-semibold text-gray-700 mb-2"},"有效期限",-1)),b(t("select",{"onUpdate:modelValue":o[14]||(o[14]=d=>e.expireDuration=d),onChange:A,class:"form-input w-full"},o[46]||(o[46]=[t("option",{value:""},"永不过期",-1),t("option",{value:"1d"},"1 天",-1),t("option",{value:"7d"},"7 天",-1),t("option",{value:"30d"},"30 天",-1),t("option",{value:"90d"},"90 天",-1),t("option",{value:"180d"},"180 天",-1),t("option",{value:"365d"},"365 天",-1),t("option",{value:"custom"},"自定义日期",-1)]),544),[[N,e.expireDuration]]),e.expireDuration==="custom"?(i(),r("div",Bt,[b(t("input",{"onUpdate:modelValue":o[15]||(o[15]=d=>e.customExpireDate=d),type:"datetime-local",class:"form-input w-full",min:V.value,onChange:c},null,40,Gt),[[R,e.customExpireDate]])])):$("",!0),e.expiresAt?(i(),r("p",Qt," 将于 "+u(y(e.expiresAt))+" 过期 ",1)):$("",!0)]),t("div",null,[o[51]||(o[51]=t("label",{class:"block text-sm font-semibold text-gray-700 mb-2"},"服务权限",-1)),t("div",Xt,[t("label",Jt,[b(t("input",{type:"radio","onUpdate:modelValue":o[16]||(o[16]=d=>e.permissions=d),value:"all",class:"mr-2"},null,512),[[B,e.permissions]]),o[48]||(o[48]=t("span",{class:"text-sm text-gray-700"},"全部服务",-1))]),t("label",Zt,[b(t("input",{type:"radio","onUpdate:modelValue":o[17]||(o[17]=d=>e.permissions=d),value:"claude",class:"mr-2"},null,512),[[B,e.permissions]]),o[49]||(o[49]=t("span",{class:"text-sm text-gray-700"},"仅 Claude",-1))]),t("label",te,[b(t("input",{type:"radio","onUpdate:modelValue":o[18]||(o[18]=d=>e.permissions=d),value:"gemini",class:"mr-2"},null,512),[[B,e.permissions]]),o[50]||(o[50]=t("span",{class:"text-sm text-gray-700"},"仅 Gemini",-1))])]),o[52]||(o[52]=t("p",{class:"text-xs text-gray-500 mt-2"},"控制此 API Key 可以访问哪些服务",-1))]),t("div",null,[o[57]||(o[57]=t("label",{class:"block text-sm font-semibold text-gray-700 mb-2"},"专属账号绑定 (可选)",-1)),t("div",ee,[t("div",null,[o[54]||(o[54]=t("label",{class:"block text-sm font-medium text-gray-600 mb-1"},"Claude 专属账号",-1)),b(t("select",{"onUpdate:modelValue":o[19]||(o[19]=d=>e.claudeAccountId=d),class:"form-input w-full",disabled:e.permissions==="gemini"},[o[53]||(o[53]=t("option",{value:""},"使用共享账号池",-1)),(i(!0),r(_,null,T(k.accounts.claude.filter(d=>d.isDedicated),d=>(i(),r("option",{key:d.id,value:d.id},u(d.name)+" ("+u(d.status==="active"?"正常":"异常")+") ",9,le))),128))],8,se),[[N,e.claudeAccountId]])]),t("div",null,[o[56]||(o[56]=t("label",{class:"block text-sm font-medium text-gray-600 mb-1"},"Gemini 专属账号",-1)),b(t("select",{"onUpdate:modelValue":o[20]||(o[20]=d=>e.geminiAccountId=d),class:"form-input w-full",disabled:e.permissions==="claude"},[o[55]||(o[55]=t("option",{value:""},"使用共享账号池",-1)),(i(!0),r(_,null,T(k.accounts.gemini.filter(d=>d.isDedicated),d=>(i(),r("option",{key:d.id,value:d.id},u(d.name)+" ("+u(d.status==="active"?"正常":"异常")+") ",9,ne))),128))],8,oe),[[N,e.geminiAccountId]])])]),o[58]||(o[58]=t("p",{class:"text-xs text-gray-500 mt-2"},"选择专属账号后,此API Key将只使用该账号,不选择则使用共享账号池",-1))]),t("div",null,[t("div",ie,[b(t("input",{type:"checkbox","onUpdate:modelValue":o[21]||(o[21]=d=>e.enableModelRestriction=d),id:"enableModelRestriction",class:"w-4 h-4 text-blue-600 bg-gray-100 border-gray-300 rounded focus:ring-blue-500"},null,512),[[G,e.enableModelRestriction]]),o[59]||(o[59]=t("label",{for:"enableModelRestriction",class:"ml-2 text-sm font-semibold text-gray-700 cursor-pointer"}," 启用模型限制 ",-1))]),e.enableModelRestriction?(i(),r("div",ae,[t("div",null,[o[62]||(o[62]=t("label",{class:"block text-xs font-medium text-gray-700 mb-1"},"限制的模型列表",-1)),t("div",re,[(i(!0),r(_,null,T(e.restrictedModels,(d,q)=>(i(),r("span",{key:q,class:"inline-flex items-center px-2 py-1 rounded-full text-xs bg-red-100 text-red-800"},[g(u(d)+" ",1),t("button",{type:"button",onClick:Q=>K(q),class:"ml-1 text-red-600 hover:text-red-800"},o[60]||(o[60]=[t("i",{class:"fas fa-times text-xs"},null,-1)]),8,de)]))),128)),e.restrictedModels.length===0?(i(),r("span",ue," 暂无限制的模型 ")):$("",!0)]),t("div",me,[b(t("input",{"onUpdate:modelValue":o[22]||(o[22]=d=>e.modelInput=d),onKeydown:et(H(S,["prevent"]),["enter"]),type:"text",placeholder:"输入模型名称,按回车添加",class:"form-input flex-1 text-sm"},null,40,pe),[[R,e.modelInput]]),t("button",{type:"button",onClick:S,class:"px-3 py-1.5 bg-red-500 text-white rounded-lg hover:bg-red-600 transition-colors text-sm"},o[61]||(o[61]=[t("i",{class:"fas fa-plus"},null,-1)]))]),o[63]||(o[63]=t("p",{class:"text-xs text-gray-500 mt-1"},"例如:claude-opus-4-20250514",-1))])])):$("",!0)]),t("div",null,[t("div",ce,[b(t("input",{type:"checkbox","onUpdate:modelValue":o[23]||(o[23]=d=>e.enableClientRestriction=d),id:"enableClientRestriction",class:"w-4 h-4 text-blue-600 bg-gray-100 border-gray-300 rounded focus:ring-blue-500"},null,512),[[G,e.enableClientRestriction]]),o[64]||(o[64]=t("label",{for:"enableClientRestriction",class:"ml-2 text-sm font-semibold text-gray-700 cursor-pointer"}," 启用客户端限制 ",-1))]),e.enableClientRestriction?(i(),r("div",xe,[t("div",null,[o[65]||(o[65]=t("label",{class:"block text-xs font-medium text-gray-700 mb-2"},"允许的客户端",-1)),t("div",fe,[(i(!0),r(_,null,T(h.value,d=>(i(),r("div",{key:d.id,class:"flex items-start"},[b(t("input",{type:"checkbox",id:`client_${d.id}`,value:d.id,"onUpdate:modelValue":o[24]||(o[24]=q=>e.allowedClients=q),class:"w-4 h-4 text-blue-600 bg-gray-100 border-gray-300 rounded focus:ring-blue-500 mt-0.5"},null,8,ge),[[G,e.allowedClients]]),t("label",{for:`client_${d.id}`,class:"ml-2 flex-1 cursor-pointer"},[t("span",be,u(d.name),1),t("span",ve,u(d.description),1)],8,ye)]))),128))])])])):$("",!0)]),t("div",we,[t("button",{type:"button",onClick:o[25]||(o[25]=d=>v.$emit("close")),class:"flex-1 px-4 py-2.5 bg-gray-100 text-gray-700 rounded-lg font-semibold hover:bg-gray-200 transition-colors text-sm"}," 取消 "),t("button",{type:"submit",disabled:D.value,class:"btn btn-primary flex-1 py-2.5 px-4 font-semibold text-sm"},[D.value?(i(),r("div",Ce)):(i(),r("i",Ae)),g(" "+u(D.value?"创建中...":"创建"),1)],8,$e)])],32)])])]))}},ke=J(Ke,[["__scopeId","data-v-060c3f39"]]),Le={class:"fixed inset-0 modal z-50 flex items-center justify-center p-4"},De={class:"modal-content w-full max-w-md p-8 mx-auto max-h-[90vh] flex flex-col"},Ie={class:"flex items-center justify-between mb-6"},he=["value"],Me={class:"space-y-3"},Re={key:0,class:"flex flex-wrap gap-2"},Se=["onClick"],Pe={class:"flex gap-2"},_e=["onKeypress"],Te={class:"bg-blue-50 border border-blue-200 rounded-lg p-4 space-y-4"},Ee={class:"space-y-3"},Ve={class:"flex gap-2"},je={class:"flex gap-4"},Ue={class:"flex items-center cursor-pointer"},qe={class:"flex items-center cursor-pointer"},Fe={class:"flex items-center cursor-pointer"},Oe={class:"grid grid-cols-1 gap-3"},We=["disabled"],Ye=["value"],ze=["disabled"],Ne=["value"],He={class:"flex items-center mb-3"},Be={key:0,class:"space-y-3"},Ge={class:"flex flex-wrap gap-2 mb-3 min-h-[32px] p-2 bg-gray-50 rounded-lg border border-gray-200"},Qe=["onClick"],Xe={key:0,class:"text-gray-400 text-sm"},Je={class:"flex gap-2"},Ze=["onKeydown"],ts={class:"flex items-center mb-3"},es={key:0,class:"space-y-3"},ss={class:"space-y-2"},ls=["id","value"],os=["for"],ns={class:"text-sm font-medium text-gray-700"},is={class:"text-xs text-gray-500 block"},as={class:"flex gap-3 pt-4"},rs=["disabled"],ds={key:0,class:"loading-spinner mr-2"},us={key:1,class:"fas fa-save mr-2"},ms={__name:"EditApiKeyModal",props:{apiKey:{type:Object,required:!0},accounts:{type:Object,default:()=>({claude:[],gemini:[]})}},emits:["close","success"],setup(k,{emit:O}){const w=k,P=O;dt();const D=ut(),f=C(!1),L=C([]),h=C(""),e=it({name:"",tokenLimit:"",rateLimitWindow:"",rateLimitRequests:"",concurrencyLimit:"",dailyCostLimit:"",permissions:"all",claudeAccountId:"",geminiAccountId:"",enableModelRestriction:!1,restrictedModels:[],modelInput:"",enableClientRestriction:!1,allowedClients:[],tags:[]}),V=()=>{e.modelInput&&!e.restrictedModels.includes(e.modelInput)&&(e.restrictedModels.push(e.modelInput),e.modelInput="")},A=K=>{e.restrictedModels.splice(K,1)},c=()=>{if(h.value&&h.value.trim()){const K=h.value.trim();e.tags.includes(K)||e.tags.push(K),h.value=""}},y=K=>{e.tags.splice(K,1)},S=async()=>{f.value=!0;try{const K={tokenLimit:e.tokenLimit!==""&&e.tokenLimit!==null?parseInt(e.tokenLimit):0,rateLimitWindow:e.rateLimitWindow!==""&&e.rateLimitWindow!==null?parseInt(e.rateLimitWindow):0,rateLimitRequests:e.rateLimitRequests!==""&&e.rateLimitRequests!==null?parseInt(e.rateLimitRequests):0,concurrencyLimit:e.concurrencyLimit!==""&&e.concurrencyLimit!==null?parseInt(e.concurrencyLimit):0,dailyCostLimit:e.dailyCostLimit!==""&&e.dailyCostLimit!==null?parseFloat(e.dailyCostLimit):0,permissions:e.permissions,claudeAccountId:e.claudeAccountId||null,geminiAccountId:e.geminiAccountId||null,tags:e.tags};K.enableModelRestriction=e.enableModelRestriction,K.restrictedModels=e.restrictedModels,K.enableClientRestriction=e.enableClientRestriction,K.allowedClients=e.allowedClients;const n=await W.put(`/admin/api-keys/${w.apiKey.id}`,K);n.success?(P("success"),P("close")):I(n.message||"更新失败","error")}catch{I("更新失败","error")}finally{f.value=!1}};return at(async()=>{L.value=await D.loadSupportedClients(),e.name=w.apiKey.name,e.tokenLimit=w.apiKey.tokenLimit||"",e.rateLimitWindow=w.apiKey.rateLimitWindow||"",e.rateLimitRequests=w.apiKey.rateLimitRequests||"",e.concurrencyLimit=w.apiKey.concurrencyLimit||"",e.dailyCostLimit=w.apiKey.dailyCostLimit||"",e.permissions=w.apiKey.permissions||"all",e.claudeAccountId=w.apiKey.claudeAccountId||"",e.geminiAccountId=w.apiKey.geminiAccountId||"",e.restrictedModels=w.apiKey.restrictedModels||[],e.allowedClients=w.apiKey.allowedClients||[],e.tags=w.apiKey.tags||[],e.enableModelRestriction=e.restrictedModels.length>0,e.enableClientRestriction=e.allowedClients.length>0}),(K,n)=>(i(),z(st,{to:"body"},[t("div",Le,[t("div",De,[t("div",Ie,[n[22]||(n[22]=t("div",{class:"flex items-center gap-3"},[t("div",{class:"w-10 h-10 bg-gradient-to-br from-blue-500 to-blue-600 rounded-xl flex items-center justify-center"},[t("i",{class:"fas fa-edit text-white"})]),t("h3",{class:"text-xl font-bold text-gray-900"},"编辑 API Key")],-1)),t("button",{onClick:n[0]||(n[0]=m=>K.$emit("close")),class:"text-gray-400 hover:text-gray-600 transition-colors"},n[21]||(n[21]=[t("i",{class:"fas fa-times text-xl"},null,-1)]))]),t("form",{onSubmit:H(S,["prevent"]),class:"space-y-6 modal-scroll-content custom-scrollbar flex-1"},[t("div",null,[n[23]||(n[23]=t("label",{class:"block text-sm font-semibold text-gray-700 mb-3"},"名称",-1)),t("input",{value:e.name,type:"text",disabled:"",class:"form-input w-full bg-gray-100 cursor-not-allowed"},null,8,he),n[24]||(n[24]=t("p",{class:"text-xs text-gray-500 mt-2"},"名称不可修改",-1))]),t("div",null,[n[28]||(n[28]=t("label",{class:"block text-sm font-semibold text-gray-700 mb-3"},"标签",-1)),t("div",Me,[e.tags.length>0?(i(),r("div",Re,[(i(!0),r(_,null,T(e.tags,(m,j)=>(i(),r("span",{key:j,class:"inline-flex items-center gap-1 px-3 py-1 bg-blue-100 text-blue-800 text-sm rounded-full"},[g(u(m)+" ",1),t("button",{type:"button",onClick:v=>y(j),class:"ml-1 hover:text-blue-900"},n[25]||(n[25]=[t("i",{class:"fas fa-times text-xs"},null,-1)]),8,Se)]))),128))])):$("",!0),t("div",Pe,[b(t("input",{"onUpdate:modelValue":n[1]||(n[1]=m=>h.value=m),type:"text",class:"form-input flex-1",placeholder:"输入新标签名称",onKeypress:et(H(c,["prevent"]),["enter"])},null,40,_e),[[R,h.value]]),t("button",{type:"button",onClick:c,class:"px-4 py-2 bg-blue-500 text-white rounded-lg hover:bg-blue-600 transition-colors"},n[26]||(n[26]=[t("i",{class:"fas fa-plus"},null,-1)]))]),n[27]||(n[27]=t("p",{class:"text-xs text-gray-500"},"用于标记不同团队或用途,方便筛选管理",-1))])]),t("div",Te,[n[35]||(n[35]=t("div",{class:"flex items-start gap-3 mb-3"},[t("div",{class:"w-8 h-8 bg-blue-500 rounded-lg flex items-center justify-center flex-shrink-0"},[t("i",{class:"fas fa-tachometer-alt text-white text-sm"})]),t("div",{class:"flex-1"},[t("h4",{class:"font-semibold text-gray-800 mb-1"},"速率限制设置"),t("p",{class:"text-sm text-gray-600"},"控制 API Key 的使用频率和资源消耗")])],-1)),t("div",null,[n[29]||(n[29]=t("label",{class:"block text-sm font-semibold text-gray-700 mb-3"},"时间窗口 (分钟)",-1)),b(t("input",{"onUpdate:modelValue":n[2]||(n[2]=m=>e.rateLimitWindow=m),type:"number",min:"1",placeholder:"留空表示无限制",class:"form-input w-full"},null,512),[[R,e.rateLimitWindow]]),n[30]||(n[30]=t("p",{class:"text-xs text-gray-500 mt-2"},"设置一个时间段(以分钟为单位),用于计算速率限制",-1))]),t("div",null,[n[31]||(n[31]=t("label",{class:"block text-sm font-semibold text-gray-700 mb-3"},"时间窗口内的请求次数限制",-1)),b(t("input",{"onUpdate:modelValue":n[3]||(n[3]=m=>e.rateLimitRequests=m),type:"number",min:"1",placeholder:"留空表示无限制",class:"form-input w-full"},null,512),[[R,e.rateLimitRequests]]),n[32]||(n[32]=t("p",{class:"text-xs text-gray-500 mt-2"},"在时间窗口内允许的最大请求次数(需要先设置时间窗口)",-1))]),t("div",null,[n[33]||(n[33]=t("label",{class:"block text-sm font-semibold text-gray-700 mb-3"},"时间窗口内的 Token 使用量限制",-1)),b(t("input",{"onUpdate:modelValue":n[4]||(n[4]=m=>e.tokenLimit=m),type:"number",min:"0",placeholder:"0 表示无限制",class:"form-input w-full"},null,512),[[R,e.tokenLimit]]),n[34]||(n[34]=t("p",{class:"text-xs text-gray-500 mt-2"},"在时间窗口内允许消耗的最大 Token 数量(需要先设置时间窗口),0 或留空表示无限制",-1))]),n[36]||(n[36]=t("div",{class:"bg-blue-100 rounded-lg p-3 mt-3"},[t("h5",{class:"text-sm font-semibold text-blue-800 mb-2"},"💡 使用示例"),t("div",{class:"text-xs text-blue-700 space-y-1"},[t("p",null,[t("strong",null,"示例1:"),g(" 时间窗口=60,请求次数限制=100")]),t("p",{class:"ml-4"},"→ 每60分钟内最多允许100次请求"),t("p",{class:"mt-2"},[t("strong",null,"示例2:"),g(" 时间窗口=10,Token限制=50000")]),t("p",{class:"ml-4"},"→ 每10分钟内最多消耗50,000个Token"),t("p",{class:"mt-2"},[t("strong",null,"示例3:"),g(" 时间窗口=30,请求次数限制=50,Token限制=100000")]),t("p",{class:"ml-4"},"→ 每30分钟内最多50次请求且总Token不超过100,000")])],-1))]),t("div",null,[n[38]||(n[38]=t("label",{class:"block text-sm font-semibold text-gray-700 mb-3"},"每日费用限制 (美元)",-1)),t("div",Ee,[t("div",Ve,[t("button",{type:"button",onClick:n[5]||(n[5]=m=>e.dailyCostLimit="50"),class:"px-3 py-1 bg-gray-100 hover:bg-gray-200 rounded-lg text-sm font-medium"},"$50"),t("button",{type:"button",onClick:n[6]||(n[6]=m=>e.dailyCostLimit="100"),class:"px-3 py-1 bg-gray-100 hover:bg-gray-200 rounded-lg text-sm font-medium"},"$100"),t("button",{type:"button",onClick:n[7]||(n[7]=m=>e.dailyCostLimit="200"),class:"px-3 py-1 bg-gray-100 hover:bg-gray-200 rounded-lg text-sm font-medium"},"$200"),t("button",{type:"button",onClick:n[8]||(n[8]=m=>e.dailyCostLimit=""),class:"px-3 py-1 bg-gray-100 hover:bg-gray-200 rounded-lg text-sm font-medium"},"自定义")]),b(t("input",{"onUpdate:modelValue":n[9]||(n[9]=m=>e.dailyCostLimit=m),type:"number",min:"0",step:"0.01",placeholder:"0 表示无限制",class:"form-input w-full"},null,512),[[R,e.dailyCostLimit]]),n[37]||(n[37]=t("p",{class:"text-xs text-gray-500"},"设置此 API Key 每日的费用限制,超过限制将拒绝请求,0 或留空表示无限制",-1))])]),t("div",null,[n[39]||(n[39]=t("label",{class:"block text-sm font-semibold text-gray-700 mb-3"},"并发限制",-1)),b(t("input",{"onUpdate:modelValue":n[10]||(n[10]=m=>e.concurrencyLimit=m),type:"number",min:"0",placeholder:"0 表示无限制",class:"form-input w-full"},null,512),[[R,e.concurrencyLimit]]),n[40]||(n[40]=t("p",{class:"text-xs text-gray-500 mt-2"},"设置此 API Key 可同时处理的最大请求数",-1))]),t("div",null,[n[44]||(n[44]=t("label",{class:"block text-sm font-semibold text-gray-700 mb-3"},"服务权限",-1)),t("div",je,[t("label",Ue,[b(t("input",{type:"radio","onUpdate:modelValue":n[11]||(n[11]=m=>e.permissions=m),value:"all",class:"mr-2"},null,512),[[B,e.permissions]]),n[41]||(n[41]=t("span",{class:"text-sm text-gray-700"},"全部服务",-1))]),t("label",qe,[b(t("input",{type:"radio","onUpdate:modelValue":n[12]||(n[12]=m=>e.permissions=m),value:"claude",class:"mr-2"},null,512),[[B,e.permissions]]),n[42]||(n[42]=t("span",{class:"text-sm text-gray-700"},"仅 Claude",-1))]),t("label",Fe,[b(t("input",{type:"radio","onUpdate:modelValue":n[13]||(n[13]=m=>e.permissions=m),value:"gemini",class:"mr-2"},null,512),[[B,e.permissions]]),n[43]||(n[43]=t("span",{class:"text-sm text-gray-700"},"仅 Gemini",-1))])]),n[45]||(n[45]=t("p",{class:"text-xs text-gray-500 mt-2"},"控制此 API Key 可以访问哪些服务",-1))]),t("div",null,[n[50]||(n[50]=t("label",{class:"block text-sm font-semibold text-gray-700 mb-3"},"专属账号绑定",-1)),t("div",Oe,[t("div",null,[n[47]||(n[47]=t("label",{class:"block text-sm font-medium text-gray-600 mb-1"},"Claude 专属账号",-1)),b(t("select",{"onUpdate:modelValue":n[14]||(n[14]=m=>e.claudeAccountId=m),class:"form-input w-full",disabled:e.permissions==="gemini"},[n[46]||(n[46]=t("option",{value:""},"使用共享账号池",-1)),(i(!0),r(_,null,T(k.accounts.claude,m=>(i(),r("option",{key:m.id,value:m.id},u(m.name)+" ("+u(m.status==="active"?"正常":"异常")+") ",9,Ye))),128))],8,We),[[N,e.claudeAccountId]])]),t("div",null,[n[49]||(n[49]=t("label",{class:"block text-sm font-medium text-gray-600 mb-1"},"Gemini 专属账号",-1)),b(t("select",{"onUpdate:modelValue":n[15]||(n[15]=m=>e.geminiAccountId=m),class:"form-input w-full",disabled:e.permissions==="claude"},[n[48]||(n[48]=t("option",{value:""},"使用共享账号池",-1)),(i(!0),r(_,null,T(k.accounts.gemini,m=>(i(),r("option",{key:m.id,value:m.id},u(m.name)+" ("+u(m.status==="active"?"正常":"异常")+") ",9,Ne))),128))],8,ze),[[N,e.geminiAccountId]])])]),n[51]||(n[51]=t("p",{class:"text-xs text-gray-500 mt-2"},"修改绑定账号将影响此API Key的请求路由",-1))]),t("div",null,[t("div",He,[b(t("input",{type:"checkbox","onUpdate:modelValue":n[16]||(n[16]=m=>e.enableModelRestriction=m),id:"editEnableModelRestriction",class:"w-4 h-4 text-blue-600 bg-gray-100 border-gray-300 rounded focus:ring-blue-500"},null,512),[[G,e.enableModelRestriction]]),n[52]||(n[52]=t("label",{for:"editEnableModelRestriction",class:"ml-2 text-sm font-semibold text-gray-700 cursor-pointer"}," 启用模型限制 ",-1))]),e.enableModelRestriction?(i(),r("div",Be,[t("div",null,[n[55]||(n[55]=t("label",{class:"block text-sm font-medium text-gray-600 mb-2"},"限制的模型列表",-1)),t("div",Ge,[(i(!0),r(_,null,T(e.restrictedModels,(m,j)=>(i(),r("span",{key:j,class:"inline-flex items-center px-3 py-1 rounded-full text-sm bg-red-100 text-red-800"},[g(u(m)+" ",1),t("button",{type:"button",onClick:v=>A(j),class:"ml-2 text-red-600 hover:text-red-800"},n[53]||(n[53]=[t("i",{class:"fas fa-times text-xs"},null,-1)]),8,Qe)]))),128)),e.restrictedModels.length===0?(i(),r("span",Xe," 暂无限制的模型 ")):$("",!0)]),t("div",Je,[b(t("input",{"onUpdate:modelValue":n[17]||(n[17]=m=>e.modelInput=m),onKeydown:et(H(V,["prevent"]),["enter"]),type:"text",placeholder:"输入模型名称,按回车添加",class:"form-input flex-1"},null,40,Ze),[[R,e.modelInput]]),t("button",{type:"button",onClick:V,class:"px-4 py-2 bg-red-500 text-white rounded-lg hover:bg-red-600 transition-colors"},n[54]||(n[54]=[t("i",{class:"fas fa-plus"},null,-1)]))]),n[56]||(n[56]=t("p",{class:"text-xs text-gray-500 mt-2"},"设置此API Key无法访问的模型,例如:claude-opus-4-20250514",-1))])])):$("",!0)]),t("div",null,[t("div",ts,[b(t("input",{type:"checkbox","onUpdate:modelValue":n[18]||(n[18]=m=>e.enableClientRestriction=m),id:"editEnableClientRestriction",class:"w-4 h-4 text-blue-600 bg-gray-100 border-gray-300 rounded focus:ring-blue-500"},null,512),[[G,e.enableClientRestriction]]),n[57]||(n[57]=t("label",{for:"editEnableClientRestriction",class:"ml-2 text-sm font-semibold text-gray-700 cursor-pointer"}," 启用客户端限制 ",-1))]),e.enableClientRestriction?(i(),r("div",es,[t("div",null,[n[58]||(n[58]=t("label",{class:"block text-sm font-medium text-gray-600 mb-2"},"允许的客户端",-1)),n[59]||(n[59]=t("p",{class:"text-xs text-gray-500 mb-3"},"勾选允许使用此API Key的客户端",-1)),t("div",ss,[(i(!0),r(_,null,T(L.value,m=>(i(),r("div",{key:m.id,class:"flex items-start"},[b(t("input",{type:"checkbox",id:`edit_client_${m.id}`,value:m.id,"onUpdate:modelValue":n[19]||(n[19]=j=>e.allowedClients=j),class:"w-4 h-4 text-blue-600 bg-gray-100 border-gray-300 rounded focus:ring-blue-500 mt-0.5"},null,8,ls),[[G,e.allowedClients]]),t("label",{for:`edit_client_${m.id}`,class:"ml-2 flex-1 cursor-pointer"},[t("span",ns,u(m.name),1),t("span",is,u(m.description),1)],8,os)]))),128))])])])):$("",!0)]),t("div",as,[t("button",{type:"button",onClick:n[20]||(n[20]=m=>K.$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"}," 取消 "),t("button",{type:"submit",disabled:f.value,class:"btn btn-primary flex-1 py-3 px-6 font-semibold"},[f.value?(i(),r("div",ds)):(i(),r("i",us)),g(" "+u(f.value?"保存中...":"保存修改"),1)],8,rs)])],32)])])]))}},ps=J(ms,[["__scopeId","data-v-35ae96db"]]),cs={class:"fixed inset-0 modal z-50 flex items-center justify-center p-4"},xs={class:"modal-content w-full max-w-md p-8 mx-auto max-h-[90vh] flex flex-col"},fs={class:"flex items-center justify-between mb-6"},gs={class:"space-y-6 modal-scroll-content custom-scrollbar flex-1"},ys={class:"bg-blue-50 border border-blue-200 rounded-lg p-4"},bs={class:"flex items-start gap-3"},vs={class:"text-sm text-gray-700"},ws={class:"text-xs text-gray-600 mt-1"},$s={key:0,class:"mt-3"},Cs=["min"],As={key:1,class:"text-xs text-gray-500 mt-2"},Ks={class:"flex gap-3 pt-4"},ks=["disabled"],Ls={key:0,class:"loading-spinner mr-2"},Ds={key:1,class:"fas fa-clock mr-2"},Is={__name:"RenewApiKeyModal",props:{apiKey:{type:Object,required:!0}},emits:["close","success"],setup(k,{emit:O}){const w=k,P=O;dt();const D=C(!1),f=it({renewDuration:"30d",customExpireDate:"",newExpiresAt:null}),L=rt(()=>{const c=new Date;return w.apiKey.expiresAt&&new Date(w.apiKey.expiresAt)>c?new Date(w.apiKey.expiresAt).toISOString().slice(0,16):(c.setMinutes(c.getMinutes()+1),c.toISOString().slice(0,16))}),h=c=>new Date(c).toLocaleString("zh-CN",{year:"numeric",month:"2-digit",day:"2-digit",hour:"2-digit",minute:"2-digit"}),e=()=>{if(!f.renewDuration){f.newExpiresAt=null;return}if(f.renewDuration==="permanent"){f.newExpiresAt=null;return}if(f.renewDuration==="custom")return;const c=w.apiKey.expiresAt&&new Date(w.apiKey.expiresAt)>new Date?new Date(w.apiKey.expiresAt):new Date,S=f.renewDuration.match(/(\d+)([dhmy])/);if(S){const[,K,n]=S,m=parseInt(K);switch(n){case"d":c.setDate(c.getDate()+m);break;case"h":c.setHours(c.getHours()+m);break;case"m":c.setMonth(c.getMonth()+m);break;case"y":c.setFullYear(c.getFullYear()+m);break}f.newExpiresAt=c.toISOString()}},V=()=>{f.customExpireDate&&(f.newExpiresAt=new Date(f.customExpireDate).toISOString())},A=async()=>{D.value=!0;try{const c={expiresAt:f.renewDuration==="permanent"?null:f.newExpiresAt},y=await W.put(`/admin/api-keys/${w.apiKey.id}/renew`,c);y.success?(I("API Key 续期成功","success"),P("success"),P("close")):I(y.message||"续期失败","error")}catch{I("续期失败","error")}finally{D.value=!1}};return e(),(c,y)=>(i(),z(st,{to:"body"},[t("div",cs,[t("div",xs,[t("div",fs,[y[5]||(y[5]=t("div",{class:"flex items-center gap-3"},[t("div",{class:"w-10 h-10 bg-gradient-to-br from-green-500 to-green-600 rounded-xl flex items-center justify-center"},[t("i",{class:"fas fa-clock text-white"})]),t("h3",{class:"text-xl font-bold text-gray-900"},"续期 API Key")],-1)),t("button",{onClick:y[0]||(y[0]=S=>c.$emit("close")),class:"text-gray-400 hover:text-gray-600 transition-colors"},y[4]||(y[4]=[t("i",{class:"fas fa-times text-xl"},null,-1)]))]),t("div",gs,[t("div",ys,[t("div",bs,[y[7]||(y[7]=t("div",{class:"w-8 h-8 bg-blue-500 rounded-lg flex items-center justify-center flex-shrink-0"},[t("i",{class:"fas fa-info text-white text-sm"})],-1)),t("div",null,[y[6]||(y[6]=t("h4",{class:"font-semibold text-gray-800 mb-1"},"API Key 信息",-1)),t("p",vs,u(k.apiKey.name),1),t("p",ws," 当前过期时间:"+u(k.apiKey.expiresAt?h(k.apiKey.expiresAt):"永不过期"),1)])])]),t("div",null,[y[9]||(y[9]=t("label",{class:"block text-sm font-semibold text-gray-700 mb-3"},"续期时长",-1)),b(t("select",{"onUpdate:modelValue":y[1]||(y[1]=S=>f.renewDuration=S),onChange:e,class:"form-input w-full"},y[8]||(y[8]=[t("option",{value:"7d"},"延长 7 天",-1),t("option",{value:"30d"},"延长 30 天",-1),t("option",{value:"90d"},"延长 90 天",-1),t("option",{value:"180d"},"延长 180 天",-1),t("option",{value:"365d"},"延长 365 天",-1),t("option",{value:"custom"},"自定义日期",-1),t("option",{value:"permanent"},"设为永不过期",-1)]),544),[[N,f.renewDuration]]),f.renewDuration==="custom"?(i(),r("div",$s,[b(t("input",{"onUpdate:modelValue":y[2]||(y[2]=S=>f.customExpireDate=S),type:"datetime-local",class:"form-input w-full",min:L.value,onChange:V},null,40,Cs),[[R,f.customExpireDate]])])):$("",!0),f.newExpiresAt?(i(),r("p",As," 新的过期时间:"+u(h(f.newExpiresAt)),1)):$("",!0)])]),t("div",Ks,[t("button",{type:"button",onClick:y[3]||(y[3]=S=>c.$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"}," 取消 "),t("button",{type:"button",onClick:A,disabled:D.value||!f.renewDuration,class:"btn btn-primary flex-1 py-3 px-6 font-semibold"},[D.value?(i(),r("div",Ls)):(i(),r("i",Ds)),g(" "+u(D.value?"续期中...":"确认续期"),1)],8,ks)])])])]))}},hs=J(Is,[["__scopeId","data-v-5486ec2f"]]),Ms={class:"fixed inset-0 modal z-50 flex items-center justify-center p-4"},Rs={class:"modal-content w-full max-w-lg p-8 mx-auto max-h-[90vh] overflow-y-auto custom-scrollbar"},Ss={class:"space-y-4 mb-6"},Ps={class:"p-3 bg-gray-50 rounded-lg border"},_s={class:"text-gray-900 font-medium"},Ts={key:0},Es={class:"p-3 bg-gray-50 rounded-lg border"},Vs={class:"text-gray-700"},js={class:"relative"},Us={class:"p-4 pr-14 bg-gray-900 rounded-lg border font-mono text-sm text-white break-all min-h-[60px] flex items-center"},qs={class:"absolute top-3 right-3"},Fs=["title"],Os={__name:"NewApiKeyModal",props:{apiKey:{type:Object,required:!0}},emits:["close"],setup(k,{emit:O}){const w=k,P=O,D=C(!1),f=()=>{D.value=!D.value},L=()=>{const A=w.apiKey.apiKey||w.apiKey.key||"";return A?D.value||A.length<=12?A:A.substring(0,8)+"●".repeat(Math.max(0,A.length-12))+A.substring(A.length-4):""},h=async()=>{const A=w.apiKey.apiKey||w.apiKey.key||"";if(!A){I("API Key 不存在","error");return}try{await navigator.clipboard.writeText(A),I("API Key 已复制到剪贴板","success")}catch(c){console.error("Failed to copy:",c);const y=document.createElement("textarea");y.value=A,document.body.appendChild(y),y.select();try{document.execCommand("copy"),I("API Key 已复制到剪贴板","success")}catch{I("复制失败,请手动复制","error")}finally{document.body.removeChild(y)}}},e=async()=>{window.showConfirm?await window.showConfirm("关闭提醒",`关闭后将无法再次查看完整的API Key,请确保已经妥善保存。 - -确定要关闭吗?`,"确定关闭","取消")&&P("close"):confirm(`关闭后将无法再次查看完整的API Key,请确保已经妥善保存。 - -确定要关闭吗?`)&&P("close")},V=async()=>{window.showConfirm?await window.showConfirm("确定要关闭吗?",`您还没有保存API Key,关闭后将无法再次查看。 - -建议您先复制API Key再关闭。`,"仍然关闭","返回复制")&&P("close"):confirm(`您还没有保存API Key,关闭后将无法再次查看。 - -确定要关闭吗?`)&&P("close")};return(A,c)=>(i(),z(st,{to:"body"},[t("div",Ms,[t("div",Rs,[t("div",{class:"flex items-center justify-between mb-6"},[c[1]||(c[1]=t("div",{class:"flex items-center gap-3"},[t("div",{class:"w-12 h-12 bg-gradient-to-br from-green-500 to-green-600 rounded-xl flex items-center justify-center"},[t("i",{class:"fas fa-check text-white text-lg"})]),t("div",null,[t("h3",{class:"text-xl font-bold text-gray-900"},"API Key 创建成功"),t("p",{class:"text-sm text-gray-600"},"请妥善保存您的 API Key")])],-1)),t("button",{onClick:V,class:"text-gray-400 hover:text-gray-600 transition-colors",title:"直接关闭(不推荐)"},c[0]||(c[0]=[t("i",{class:"fas fa-times text-xl"},null,-1)]))]),c[7]||(c[7]=t("div",{class:"bg-amber-50 border-l-4 border-amber-400 p-4 mb-6"},[t("div",{class:"flex items-start"},[t("div",{class:"w-6 h-6 bg-amber-400 rounded-lg flex items-center justify-center flex-shrink-0 mt-0.5"},[t("i",{class:"fas fa-exclamation-triangle text-white text-sm"})]),t("div",{class:"ml-3"},[t("h5",{class:"font-semibold text-amber-900 mb-1"},"重要提醒"),t("p",{class:"text-sm text-amber-800"}," 这是您唯一能看到完整 API Key 的机会。关闭此窗口后,系统将不再显示完整的 API Key。请立即复制并妥善保存。 ")])])],-1)),t("div",Ss,[t("div",null,[c[2]||(c[2]=t("label",{class:"block text-sm font-semibold text-gray-700 mb-2"},"API Key 名称",-1)),t("div",Ps,[t("span",_s,u(k.apiKey.name),1)])]),k.apiKey.description?(i(),r("div",Ts,[c[3]||(c[3]=t("label",{class:"block text-sm font-semibold text-gray-700 mb-2"},"备注",-1)),t("div",Es,[t("span",Vs,u(k.apiKey.description||"无描述"),1)])])):$("",!0),t("div",null,[c[4]||(c[4]=t("label",{class:"block text-sm font-semibold text-gray-700 mb-2"},"API Key",-1)),t("div",js,[t("div",Us,u(L()),1),t("div",qs,[t("button",{onClick:f,type:"button",class:"btn-icon-sm hover:bg-gray-800 bg-gray-700",title:D.value?"隐藏API Key":"显示完整API Key"},[t("i",{class:U(["fas",D.value?"fa-eye-slash":"fa-eye","text-gray-300"])},null,2)],8,Fs)])]),c[5]||(c[5]=t("p",{class:"text-xs text-gray-500 mt-2"}," 点击眼睛图标切换显示模式,使用下方按钮复制完整 API Key ",-1))])]),t("div",{class:"flex gap-3"},[t("button",{onClick:h,class:"flex-1 btn btn-primary py-3 px-6 font-semibold flex items-center justify-center gap-2"},c[6]||(c[6]=[t("i",{class:"fas fa-copy"},null,-1),g(" 复制 API Key ",-1)])),t("button",{onClick:e,class:"px-6 py-3 bg-gray-200 text-gray-800 rounded-xl font-semibold hover:bg-gray-300 transition-colors border border-gray-300"}," 我已保存 ")])])])]))}},Ws=J(Os,[["__scopeId","data-v-3d91f349"]]),Ys={class:"tab-content"},zs={class:"card p-6"},Ns={class:"flex flex-col md:flex-row justify-between items-center gap-4 mb-6"},Hs={class:"flex items-center gap-3"},Bs=["value"],Gs={key:0,class:"text-center py-12"},Qs={key:1,class:"text-center py-12"},Xs={key:2,class:"table-container"},Js={class:"min-w-full"},Zs={class:"bg-gray-50/80 backdrop-blur-sm"},tl={key:1,class:"fas fa-sort ml-1 text-gray-400"},el={key:1,class:"fas fa-sort ml-1 text-gray-400"},sl={class:"px-6 py-4 text-left text-xs font-bold text-gray-700 uppercase tracking-wider"},ll={key:1,class:"fas fa-sort ml-1 text-gray-400"},ol={key:1,class:"fas fa-sort ml-1 text-gray-400"},nl={key:1,class:"fas fa-sort ml-1 text-gray-400"},il={class:"divide-y divide-gray-200/50"},al={class:"table-row"},rl={class:"px-6 py-4 whitespace-nowrap"},dl={class:"flex items-center"},ul={class:"text-sm font-semibold text-gray-900"},ml={class:"text-xs text-gray-500"},pl={class:"text-xs text-gray-500 mt-1"},cl={key:0},xl={key:1},fl={class:"px-6 py-4"},gl={class:"flex flex-wrap gap-1"},yl={key:0,class:"text-xs text-gray-400"},bl={class:"px-6 py-4 whitespace-nowrap"},vl={class:"text-sm font-mono text-gray-600 bg-gray-50 px-3 py-1 rounded-lg"},wl={class:"px-6 py-4 whitespace-nowrap"},$l={class:"px-6 py-4"},Cl={class:"space-y-1"},Al={class:"flex justify-between text-sm"},Kl={class:"font-medium text-gray-900"},kl={class:"flex justify-between text-sm"},Ll={class:"font-medium text-gray-900"},Dl={class:"flex justify-between text-sm"},Il={class:"font-medium text-green-600"},hl={key:0,class:"flex justify-between text-sm"},Ml={class:"flex justify-between text-sm"},Rl={class:"font-medium text-purple-600"},Sl={class:"flex justify-between text-sm"},Pl={key:0,class:"text-xs text-gray-500"},_l={key:1,class:"flex justify-between text-sm"},Tl={class:"font-medium text-indigo-600"},El={key:2,class:"flex justify-between text-sm"},Vl={class:"font-medium text-indigo-600"},jl={class:"flex justify-between text-xs text-gray-500"},Ul={key:3,class:"flex justify-between text-xs text-orange-500"},ql={class:"flex justify-between text-xs text-blue-600"},Fl={class:"pt-1 border-t border-gray-100"},Ol={class:"flex justify-between text-xs text-green-600"},Wl={class:"pt-2"},Yl=["onClick"],zl={class:"px-6 py-4 whitespace-nowrap text-sm text-gray-500"},Nl={class:"px-6 py-4 whitespace-nowrap text-sm"},Hl={key:0},Bl={key:0,class:"text-red-600"},Gl={key:1,class:"text-orange-600"},Ql={key:2,class:"text-gray-600"},Xl={key:1,class:"text-gray-400"},Jl={class:"px-6 py-4 whitespace-nowrap text-sm"},Zl={class:"flex gap-2"},to=["onClick"],eo=["onClick"],so=["onClick"],lo=["onClick"],oo={key:0},no={colspan:"7",class:"px-6 py-4 bg-gray-50"},io={key:0,class:"text-center py-4"},ao={class:"space-y-4"},ro={class:"flex items-center justify-between mb-4"},uo={class:"flex items-center gap-2"},mo={key:0,class:"text-xs text-gray-500 bg-gray-100 px-2 py-1 rounded-full"},po={class:"flex gap-1 items-center"},co={class:"flex gap-1 bg-gray-100 rounded p-1"},xo=["onClick"],fo={key:0,class:"text-center py-8"},go={class:"flex items-center justify-center gap-2 mb-3"},yo=["onClick"],bo={key:1,class:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4"},vo={class:"flex justify-between items-start mb-3"},wo={class:"flex-1"},$o={class:"text-sm font-semibold text-gray-800 block mb-1"},Co={class:"text-xs text-gray-500 bg-blue-50 px-2 py-1 rounded-full"},Ao={class:"space-y-2 mb-3"},Ko={class:"flex justify-between items-center text-sm"},ko={class:"font-semibold text-gray-900"},Lo={class:"flex justify-between items-center text-sm"},Do={class:"font-semibold text-green-600"},Io={class:"pt-2 mt-2 border-t border-gray-100"},ho={class:"flex justify-between items-center text-xs text-gray-500"},Mo={class:"font-medium"},Ro={class:"flex justify-between items-center text-xs text-gray-500"},So={class:"font-medium"},Po={key:0,class:"flex justify-between items-center text-xs text-purple-600"},_o={class:"font-medium"},To={key:1,class:"flex justify-between items-center text-xs text-purple-600"},Eo={class:"font-medium"},Vo={class:"w-full bg-gray-200 rounded-full h-2 mt-3"},jo={class:"text-right mt-1"},Uo={class:"text-xs font-medium text-indigo-600"},qo={key:2,class:"mt-4 p-3 bg-gradient-to-r from-indigo-50 to-purple-50 rounded-lg border border-indigo-100"},Fo={class:"flex items-center justify-between text-sm"},Oo={class:"flex gap-4 text-xs"},Wo={class:"text-gray-600"},Yo={class:"font-semibold text-gray-800"},zo={class:"text-gray-600"},No={class:"font-semibold text-gray-800"},Ho={__name:"ApiKeysView",setup(k){const O=ut(),w=C([]),P=C(!1),D=C("today"),f=C(""),L=C("asc"),h=C({}),e=C({}),V=C({}),A=C([new Date(2e3,1,1,0,0,0),new Date(2e3,2,1,23,59,59)]),c=C({claude:[],gemini:[]}),y=C(""),S=C([]),K=C(!1),n=C(!1),m=C(!1),j=C(!1),v=C(null),o=C(null),d=C(null),q=rt(()=>{let a=w.value;return y.value&&(a=w.value.filter(x=>x.tags&&x.tags.includes(y.value))),f.value?[...a].sort((x,l)=>{let p=x[f.value],M=l[f.value];return f.value==="status"?(p=x.isActive?1:0,M=l.isActive?1:0):f.value==="cost"?(p=parseFloat(lt(x.usage).replace("$","")),M=parseFloat(lt(l.usage).replace("$",""))):(f.value==="createdAt"||f.value==="expiresAt")&&(p=p?new Date(p).getTime():0,M=M?new Date(M).getTime():0),pM?L.value==="asc"?1:-1:0}):a}),Q=async()=>{try{const[a,s]=await Promise.all([W.get("/admin/claude-accounts"),W.get("/admin/gemini-accounts")]);a.success&&(c.value.claude=a.data||[]),s.success&&(c.value.gemini=s.data||[])}catch(a){console.error("加载账户列表失败:",a)}},F=async()=>{P.value=!0;try{const a=await W.get(`/admin/api-keys?timeRange=${D.value}`);if(a.success){w.value=a.data||[];const s=new Set;w.value.forEach(x=>{x.tags&&Array.isArray(x.tags)&&x.tags.forEach(l=>s.add(l))}),S.value=Array.from(s).sort()}}catch{I("加载 API Keys 失败","error")}finally{P.value=!1}},X=a=>{f.value===a?L.value=L.value==="asc"?"desc":"asc":(f.value=a,L.value="asc")},E=a=>!a&&a!==0?"0":a.toLocaleString("zh-CN"),lt=a=>!a||!a.total?"$0.0000":`$${(a.total.cost||0).toFixed(4)}`,gt=a=>{if(!a)return"未知账户";const s=c.value.claude.find(l=>l.id===a);if(s)return s.name;const x=c.value.gemini.find(l=>l.id===a);return x?x.name:`账户-${a.substring(0,8)}`},ot=a=>a?new Date(a)!a||ot(a)?!1:(new Date(a)-new Date)/(1e3*60*60*24)<=7,pt=a=>a?new Date(a).toLocaleDateString("zh-CN"):"",yt=async a=>{h.value[a]?h.value[a]=!1:(h.value[a]=!0,V.value[a]||xt(a),await Z(a,!0))},Z=async(a,s=!1)=>{if(!s&&e.value[a]&&e.value[a].length>0)return;const x=Y(a);try{let l=`/admin/api-keys/${a}/model-stats`;const p=new URLSearchParams;if(x.customStart&&x.customEnd)p.append("startDate",x.customStart),p.append("endDate",x.customEnd),p.append("period","custom");else{const tt=x.preset==="today"?"daily":"monthly";p.append("period",tt)}l+="?"+p.toString();const M=await W.get(l);M.success&&(e.value[a]=M.data||[])}catch{I("加载模型统计失败","error"),e.value[a]=[]}},ct=(a,s)=>{const x=s.reduce((l,p)=>l+(p.allTokens||0),0);return x===0?0:Math.round(a/x*100)},bt=a=>a.formatted&&a.formatted.total?a.formatted.total:a.cost!==void 0?`$${a.cost.toFixed(6)}`:"$0.000000",xt=a=>{const s=new Date,x=new Date(s);x.setDate(s.getDate()-6),V.value[a]={type:"preset",preset:"7days",customStart:x.toISOString().split("T")[0],customEnd:s.toISOString().split("T")[0],customRange:null,presetOptions:[{value:"today",label:"今日",days:1},{value:"7days",label:"7天",days:7},{value:"30days",label:"30天",days:30}]}},Y=a=>(V.value[a]||xt(a),V.value[a]),ft=(a,s)=>{const x=Y(s);x.type="preset",x.preset=a;const l=x.presetOptions.find(p=>p.value===a);if(l){const p=new Date,M=new Date(p);M.setDate(p.getDate()-(l.days-1)),x.customStart=M.toISOString().split("T")[0],x.customEnd=p.toISOString().split("T")[0];const tt=nt=>nt.getFullYear()+"-"+String(nt.getMonth()+1).padStart(2,"0")+"-"+String(nt.getDate()).padStart(2,"0")+" 00:00:00";x.customRange=[tt(M),tt(p)]}Z(s,!0)},vt=(a,s)=>{const x=Y(a);s&&s.length===2?(x.type="custom",x.preset="",x.customRange=s,x.customStart=s[0].split(" ")[0],x.customEnd=s[1].split(" ")[0],Z(a,!0)):s===null&&ft("7days",a)},wt=a=>a>new Date,$t=a=>{const s=Y(a);s.type="preset",s.preset="7days";const x=new Date,l=new Date(x);l.setDate(x.getDate()-6),s.customStart=l.toISOString().split("T")[0],s.customEnd=x.toISOString().split("T")[0],s.customRange=null,Z(a,!0),I("已重置筛选条件并刷新数据","info")},Ct=()=>{K.value=!0},At=a=>{v.value=a,n.value=!0},Kt=a=>{o.value=a,m.value=!0},kt=a=>{K.value=!1,d.value=a,j.value=!0,F()},Lt=()=>{n.value=!1,I("API Key 更新成功","success"),F()},Dt=()=>{m.value=!1,I("API Key 续期成功","success"),F()},It=async a=>{let s=!1;if(window.showConfirm?s=await window.showConfirm("删除 API Key","确定要删除这个 API Key 吗?此操作不可恢复。","确定删除","取消"):s=confirm("确定要删除这个 API Key 吗?此操作不可恢复。"),!!s)try{const x=await W.delete(`/admin/api-keys/${a}`);x.success?(I("API Key 已删除","success"),F()):I(x.message||"删除失败","error")}catch{I("删除失败","error")}},ht=a=>{const x=`${window.location.origin}/admin/api-stats?apiId=${a.id}`,l=document.createElement("textarea");l.value=x,l.style.position="fixed",l.style.opacity="0",l.style.left="-9999px",document.body.appendChild(l),l.select(),l.setSelectionRange(0,99999);try{document.execCommand("copy")?I("已复制统计页面链接","success"):(I("复制失败,请手动复制","error"),console.log("统计页面链接:",x))}catch(p){I("复制失败,请手动复制","error"),console.error("复制错误:",p),console.log("统计页面链接:",x)}finally{document.body.removeChild(l)}};return at(async()=>{await Promise.all([O.loadSupportedClients(),Q(),F()])}),(a,s)=>{const x=Mt;return i(),r("div",Ys,[t("div",zs,[t("div",Ns,[s[15]||(s[15]=t("div",null,[t("h3",{class:"text-xl font-bold text-gray-900 mb-2"},"API Keys 管理"),t("p",{class:"text-gray-600"},"管理和监控您的 API 密钥")],-1)),t("div",Hs,[b(t("select",{"onUpdate:modelValue":s[0]||(s[0]=l=>D.value=l),onChange:s[1]||(s[1]=l=>F()),class:"form-input px-3 py-2 text-sm"},s[12]||(s[12]=[t("option",{value:"today"},"今日",-1),t("option",{value:"7days"},"最近7天",-1),t("option",{value:"monthly"},"本月",-1),t("option",{value:"all"},"全部时间",-1)]),544),[[N,D.value]]),b(t("select",{"onUpdate:modelValue":s[2]||(s[2]=l=>y.value=l),class:"form-input px-3 py-2 text-sm"},[s[13]||(s[13]=t("option",{value:""},"所有标签",-1)),(i(!0),r(_,null,T(S.value,l=>(i(),r("option",{key:l,value:l},u(l),9,Bs))),128))],512),[[N,y.value]]),t("button",{onClick:H(Ct,["stop"]),class:"btn btn-primary px-6 py-3 flex items-center gap-2"},s[14]||(s[14]=[t("i",{class:"fas fa-plus"},null,-1),g("创建新 Key ",-1)]))])]),P.value?(i(),r("div",Gs,s[16]||(s[16]=[t("div",{class:"loading-spinner mx-auto mb-4"},null,-1),t("p",{class:"text-gray-500"},"正在加载 API Keys...",-1)]))):w.value.length===0?(i(),r("div",Qs,s[17]||(s[17]=[t("div",{class:"w-16 h-16 mx-auto mb-4 bg-gray-100 rounded-full flex items-center justify-center"},[t("i",{class:"fas fa-key text-gray-400 text-xl"})],-1),t("p",{class:"text-gray-500 text-lg"},"暂无 API Keys",-1),t("p",{class:"text-gray-400 text-sm mt-2"},"点击上方按钮创建您的第一个 API Key",-1)]))):(i(),r("div",Xs,[t("table",Js,[t("thead",Zs,[t("tr",null,[t("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:s[3]||(s[3]=l=>X("name"))},[s[18]||(s[18]=g(" 名称 ",-1)),f.value==="name"?(i(),r("i",{key:0,class:U(["fas",L.value==="asc"?"fa-sort-up":"fa-sort-down","ml-1"])},null,2)):(i(),r("i",tl))]),s[25]||(s[25]=t("th",{class:"px-6 py-4 text-left text-xs font-bold text-gray-700 uppercase tracking-wider"},"标签",-1)),s[26]||(s[26]=t("th",{class:"px-6 py-4 text-left text-xs font-bold text-gray-700 uppercase tracking-wider"},"API Key",-1)),t("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:s[4]||(s[4]=l=>X("status"))},[s[19]||(s[19]=g(" 状态 ",-1)),f.value==="status"?(i(),r("i",{key:0,class:U(["fas",L.value==="asc"?"fa-sort-up":"fa-sort-down","ml-1"])},null,2)):(i(),r("i",el))]),t("th",sl,[s[22]||(s[22]=g(" 使用统计 ",-1)),t("span",{class:"cursor-pointer hover:bg-gray-100 px-2 py-1 rounded",onClick:s[5]||(s[5]=l=>X("cost"))},[s[20]||(s[20]=g(" (费用 ",-1)),f.value==="cost"?(i(),r("i",{key:0,class:U(["fas",L.value==="asc"?"fa-sort-up":"fa-sort-down","ml-1"])},null,2)):(i(),r("i",ll)),s[21]||(s[21]=g(") ",-1))])]),t("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:s[6]||(s[6]=l=>X("createdAt"))},[s[23]||(s[23]=g(" 创建时间 ",-1)),f.value==="createdAt"?(i(),r("i",{key:0,class:U(["fas",L.value==="asc"?"fa-sort-up":"fa-sort-down","ml-1"])},null,2)):(i(),r("i",ol))]),t("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:s[7]||(s[7]=l=>X("expiresAt"))},[s[24]||(s[24]=g(" 过期时间 ",-1)),f.value==="expiresAt"?(i(),r("i",{key:0,class:U(["fas",L.value==="asc"?"fa-sort-up":"fa-sort-down","ml-1"])},null,2)):(i(),r("i",nl))]),s[27]||(s[27]=t("th",{class:"px-6 py-4 text-left text-xs font-bold text-gray-700 uppercase tracking-wider"},"操作",-1))])]),t("tbody",il,[(i(!0),r(_,null,T(q.value,l=>(i(),r(_,{key:l.id},[t("tr",al,[t("td",rl,[t("div",dl,[s[30]||(s[30]=t("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"},[t("i",{class:"fas fa-key text-white text-xs"})],-1)),t("div",null,[t("div",ul,u(l.name),1),t("div",ml,u(l.id),1),t("div",pl,[l.claudeAccountId?(i(),r("span",cl,[s[28]||(s[28]=t("i",{class:"fas fa-link mr-1"},null,-1)),g(" 绑定: "+u(gt(l.claudeAccountId)),1)])):(i(),r("span",xl,s[29]||(s[29]=[t("i",{class:"fas fa-share-alt mr-1"},null,-1),g(" 使用共享池 ",-1)])))])])])]),t("td",fl,[t("div",gl,[(i(!0),r(_,null,T(l.tags||[],p=>(i(),r("span",{key:p,class:"inline-flex items-center px-2 py-0.5 bg-blue-100 text-blue-800 text-xs rounded-full"},u(p),1))),128)),!l.tags||l.tags.length===0?(i(),r("span",yl,"无标签")):$("",!0)])]),t("td",bl,[t("div",vl,u((l.apiKey||"").substring(0,20))+"... ",1)]),t("td",wl,[t("span",{class:U(["inline-flex items-center px-3 py-1 rounded-full text-xs font-semibold",l.isActive?"bg-green-100 text-green-800":"bg-red-100 text-red-800"])},[t("div",{class:U(["w-2 h-2 rounded-full mr-2",l.isActive?"bg-green-500":"bg-red-500"])},null,2),g(" "+u(l.isActive?"活跃":"禁用"),1)],2)]),t("td",$l,[t("div",Cl,[t("div",Al,[s[31]||(s[31]=t("span",{class:"text-gray-600"},"请求数:",-1)),t("span",Kl,u(E(l.usage&&l.usage.total&&l.usage.total.requests||0)),1)]),t("div",kl,[s[32]||(s[32]=t("span",{class:"text-gray-600"},"Token:",-1)),t("span",Ll,u(E(l.usage&&l.usage.total&&l.usage.total.tokens||0)),1)]),t("div",Dl,[s[33]||(s[33]=t("span",{class:"text-gray-600"},"费用:",-1)),t("span",Il,u(lt(l.usage)),1)]),l.dailyCostLimit>0?(i(),r("div",hl,[s[34]||(s[34]=t("span",{class:"text-gray-600"},"今日费用:",-1)),t("span",{class:U(["font-medium",(l.dailyCost||0)>=l.dailyCostLimit?"text-red-600":"text-blue-600"])}," $"+u((l.dailyCost||0).toFixed(2))+" / $"+u(l.dailyCostLimit.toFixed(2)),3)])):$("",!0),t("div",Ml,[s[35]||(s[35]=t("span",{class:"text-gray-600"},"并发限制:",-1)),t("span",Rl,u(l.concurrencyLimit>0?l.concurrencyLimit:"无限制"),1)]),t("div",Sl,[s[36]||(s[36]=t("span",{class:"text-gray-600"},"当前并发:",-1)),t("span",{class:U(["font-medium",l.currentConcurrency>0?"text-orange-600":"text-gray-600"])},[g(u(l.currentConcurrency||0)+" ",1),l.concurrencyLimit>0?(i(),r("span",Pl,"/ "+u(l.concurrencyLimit),1)):$("",!0)],2)]),l.rateLimitWindow>0?(i(),r("div",_l,[s[37]||(s[37]=t("span",{class:"text-gray-600"},"时间窗口:",-1)),t("span",Tl,u(l.rateLimitWindow)+" 分钟",1)])):$("",!0),l.rateLimitRequests>0?(i(),r("div",El,[s[38]||(s[38]=t("span",{class:"text-gray-600"},"请求限制:",-1)),t("span",Vl,u(l.rateLimitRequests)+" 次/窗口",1)])):$("",!0),t("div",jl,[t("span",null,"输入: "+u(E(l.usage&&l.usage.total&&l.usage.total.inputTokens||0)),1),t("span",null,"输出: "+u(E(l.usage&&l.usage.total&&l.usage.total.outputTokens||0)),1)]),(l.usage&&l.usage.total&&l.usage.total.cacheCreateTokens||0)>0||(l.usage&&l.usage.total&&l.usage.total.cacheReadTokens||0)>0?(i(),r("div",Ul,[t("span",null,"缓存创建: "+u(E(l.usage&&l.usage.total&&l.usage.total.cacheCreateTokens||0)),1),t("span",null,"缓存读取: "+u(E(l.usage&&l.usage.total&&l.usage.total.cacheReadTokens||0)),1)])):$("",!0),t("div",ql,[t("span",null,"RPM: "+u(l.usage&&l.usage.averages&&l.usage.averages.rpm||0),1),t("span",null,"TPM: "+u(l.usage&&l.usage.averages&&l.usage.averages.tpm||0),1)]),t("div",Fl,[t("div",Ol,[t("span",null,"今日: "+u(E(l.usage&&l.usage.daily&&l.usage.daily.requests||0))+"次",1),t("span",null,u(E(l.usage&&l.usage.daily&&l.usage.daily.tokens||0))+"T",1)])]),t("div",Wl,[l&&l.id?(i(),r("button",{key:0,onClick:p=>yt(l.id),class:"text-xs text-indigo-600 hover:text-indigo-800 font-medium"},[t("i",{class:U(["fas",h.value[l.id]?"fa-chevron-up":"fa-chevron-down","mr-1"])},null,2),s[39]||(s[39]=g(" 模型使用分布 ",-1))],8,Yl)):$("",!0)])])]),t("td",zl,u(new Date(l.createdAt).toLocaleDateString()),1),t("td",Nl,[l.expiresAt?(i(),r("div",Hl,[ot(l.expiresAt)?(i(),r("div",Bl,s[40]||(s[40]=[t("i",{class:"fas fa-exclamation-circle mr-1"},null,-1),g(" 已过期 ",-1)]))):mt(l.expiresAt)?(i(),r("div",Gl,[s[41]||(s[41]=t("i",{class:"fas fa-clock mr-1"},null,-1)),g(" "+u(pt(l.expiresAt)),1)])):(i(),r("div",Ql,u(pt(l.expiresAt)),1))])):(i(),r("div",Xl,s[42]||(s[42]=[t("i",{class:"fas fa-infinity mr-1"},null,-1),g(" 永不过期 ",-1)])))]),t("td",Jl,[t("div",Zl,[t("button",{onClick:p=>ht(l),class:"text-purple-600 hover:text-purple-900 font-medium hover:bg-purple-50 px-3 py-1 rounded-lg transition-colors",title:"复制统计页面链接"},s[43]||(s[43]=[t("i",{class:"fas fa-chart-bar mr-1"},null,-1),g("统计 ",-1)]),8,to),t("button",{onClick:p=>At(l),class:"text-blue-600 hover:text-blue-900 font-medium hover:bg-blue-50 px-3 py-1 rounded-lg transition-colors"},s[44]||(s[44]=[t("i",{class:"fas fa-edit mr-1"},null,-1),g("编辑 ",-1)]),8,eo),l.expiresAt&&(ot(l.expiresAt)||mt(l.expiresAt))?(i(),r("button",{key:0,onClick:p=>Kt(l),class:"text-green-600 hover:text-green-900 font-medium hover:bg-green-50 px-3 py-1 rounded-lg transition-colors"},s[45]||(s[45]=[t("i",{class:"fas fa-clock mr-1"},null,-1),g("续期 ",-1)]),8,so)):$("",!0),t("button",{onClick:p=>It(l.id),class:"text-red-600 hover:text-red-900 font-medium hover:bg-red-50 px-3 py-1 rounded-lg transition-colors"},s[46]||(s[46]=[t("i",{class:"fas fa-trash mr-1"},null,-1),g("删除 ",-1)]),8,lo)])])]),l&&l.id&&h.value[l.id]?(i(),r("tr",oo,[t("td",no,[e.value[l.id]?$("",!0):(i(),r("div",io,s[47]||(s[47]=[t("div",{class:"loading-spinner mx-auto"},null,-1),t("p",{class:"text-sm text-gray-500 mt-2"},"加载模型统计...",-1)]))),t("div",ao,[t("div",ro,[s[48]||(s[48]=t("h5",{class:"text-sm font-semibold text-gray-700 flex items-center"},[t("i",{class:"fas fa-chart-pie text-indigo-500 mr-2"}),g(" 模型使用分布 ")],-1)),t("div",uo,[e.value[l.id]&&e.value[l.id].length>0?(i(),r("span",mo,u(e.value[l.id].length)+" 个模型 ",1)):$("",!0),t("div",po,[t("div",co,[(i(!0),r(_,null,T(Y(l.id).presetOptions,p=>(i(),r("button",{key:p.value,onClick:M=>ft(p.value,l.id),class:U(["px-2 py-1 rounded text-xs font-medium transition-colors",Y(l.id).preset===p.value&&Y(l.id).type==="preset"?"bg-white text-blue-600 shadow-sm":"text-gray-600 hover:text-gray-900"])},u(p.label),11,xo))),128))]),St(x,{"model-value":Y(l.id).customRange,"onUpdate:modelValue":p=>vt(l.id,p),type:"datetimerange","range-separator":"至","start-placeholder":"开始日期","end-placeholder":"结束日期",format:"YYYY-MM-DD HH:mm:ss","value-format":"YYYY-MM-DD HH:mm:ss","disabled-date":wt,"default-time":A.value,size:"small",style:{width:"280px"},class:"api-key-date-picker",clearable:!0,"unlink-panels":!1},null,8,["model-value","onUpdate:modelValue","default-time"])])])]),e.value[l.id]&&e.value[l.id].length===0?(i(),r("div",fo,[t("div",go,[s[50]||(s[50]=t("i",{class:"fas fa-chart-line text-gray-400 text-lg"},null,-1)),s[51]||(s[51]=t("p",{class:"text-sm text-gray-500"},"暂无模型使用数据",-1)),t("button",{onClick:p=>$t(l.id),class:"text-blue-500 hover:text-blue-700 text-sm ml-2 flex items-center gap-1 transition-colors",title:"重置筛选条件并刷新"},s[49]||(s[49]=[t("i",{class:"fas fa-sync-alt text-xs"},null,-1),t("span",{class:"text-xs"},"刷新",-1)]),8,yo)]),s[52]||(s[52]=t("p",{class:"text-xs text-gray-400"},"尝试调整时间范围或点击刷新重新加载数据",-1))])):e.value[l.id]&&e.value[l.id].length>0?(i(),r("div",bo,[(i(!0),r(_,null,T(e.value[l.id],p=>(i(),r("div",{key:p.model,class:"bg-gradient-to-br from-white to-gray-50 rounded-xl p-4 border border-gray-200 hover:border-indigo-300 hover:shadow-lg transition-all duration-200"},[t("div",vo,[t("div",wo,[t("span",$o,u(p.model),1),t("span",Co,u(p.requests)+" 次请求",1)])]),t("div",Ao,[t("div",Ko,[s[53]||(s[53]=t("span",{class:"text-gray-600 flex items-center"},[t("i",{class:"fas fa-coins text-yellow-500 mr-1 text-xs"}),g(" 总Token: ")],-1)),t("span",ko,u(E(p.allTokens)),1)]),t("div",Lo,[s[54]||(s[54]=t("span",{class:"text-gray-600 flex items-center"},[t("i",{class:"fas fa-dollar-sign text-green-500 mr-1 text-xs"}),g(" 费用: ")],-1)),t("span",Do,u(bt(p)),1)]),t("div",Io,[t("div",ho,[s[55]||(s[55]=t("span",{class:"flex items-center"},[t("i",{class:"fas fa-arrow-down text-green-500 mr-1"}),g(" 输入: ")],-1)),t("span",Mo,u(E(p.inputTokens)),1)]),t("div",Ro,[s[56]||(s[56]=t("span",{class:"flex items-center"},[t("i",{class:"fas fa-arrow-up text-blue-500 mr-1"}),g(" 输出: ")],-1)),t("span",So,u(E(p.outputTokens)),1)]),p.cacheCreateTokens>0?(i(),r("div",Po,[s[57]||(s[57]=t("span",{class:"flex items-center"},[t("i",{class:"fas fa-save mr-1"}),g(" 缓存创建: ")],-1)),t("span",_o,u(E(p.cacheCreateTokens)),1)])):$("",!0),p.cacheReadTokens>0?(i(),r("div",To,[s[58]||(s[58]=t("span",{class:"flex items-center"},[t("i",{class:"fas fa-download mr-1"}),g(" 缓存读取: ")],-1)),t("span",Eo,u(E(p.cacheReadTokens)),1)])):$("",!0)])]),t("div",Vo,[t("div",{class:"bg-gradient-to-r from-indigo-500 to-purple-600 h-2 rounded-full transition-all duration-500",style:Pt({width:ct(p.allTokens,e.value[l.id])+"%"})},null,4)]),t("div",jo,[t("span",Uo,u(ct(p.allTokens,e.value[l.id]))+"% ",1)])]))),128))])):$("",!0),e.value[l.id]&&e.value[l.id].length>0?(i(),r("div",qo,[t("div",Fo,[s[61]||(s[61]=t("span",{class:"font-semibold text-gray-700 flex items-center"},[t("i",{class:"fas fa-calculator text-indigo-500 mr-2"}),g(" 总计统计 ")],-1)),t("div",Oo,[t("span",Wo,[s[59]||(s[59]=g(" 总请求: ",-1)),t("span",Yo,u(e.value[l.id].reduce((p,M)=>p+M.requests,0)),1)]),t("span",zo,[s[60]||(s[60]=g(" 总Token: ",-1)),t("span",No,u(E(e.value[l.id].reduce((p,M)=>p+M.allTokens,0))),1)])])])])):$("",!0)])])])):$("",!0)],64))),128))])])]))]),K.value?(i(),z(ke,{key:0,accounts:c.value,onClose:s[8]||(s[8]=l=>K.value=!1),onSuccess:kt},null,8,["accounts"])):$("",!0),n.value?(i(),z(ps,{key:1,apiKey:v.value,accounts:c.value,onClose:s[9]||(s[9]=l=>n.value=!1),onSuccess:Lt},null,8,["apiKey","accounts"])):$("",!0),m.value?(i(),z(hs,{key:2,apiKey:o.value,onClose:s[10]||(s[10]=l=>m.value=!1),onSuccess:Dt},null,8,["apiKey"])):$("",!0),j.value?(i(),z(Ws,{key:3,apiKey:d.value,onClose:s[11]||(s[11]=l=>j.value=!1)},null,8,["apiKey"])):$("",!0)])}}},Zo=J(Ho,[["__scopeId","data-v-518dfd83"]]);export{Zo as default}; diff --git a/web/admin-spa/dist/index.html b/web/admin-spa/dist/index.html index 5ea2c4cc..cfb4c2ca 100644 --- a/web/admin-spa/dist/index.html +++ b/web/admin-spa/dist/index.html @@ -18,7 +18,7 @@ - + diff --git a/web/admin-spa/src/stores/dashboard.js b/web/admin-spa/src/stores/dashboard.js index 23df0b0e..d29a8865 100644 --- a/web/admin-spa/src/stores/dashboard.js +++ b/web/admin-spa/src/stores/dashboard.js @@ -156,22 +156,33 @@ export const useDashboardStore = defineStore('dashboard', () => { if (dateFilter.value.type === 'preset') { switch (dateFilter.value.preset) { case 'last24h': + // 近24小时:从当前时间往前推24小时 + endTime = new Date(now) startTime = new Date(now.getTime() - 24 * 60 * 60 * 1000) - endTime = now break case 'yesterday': + // 昨天:使用UTC时间,避免时区双重转换 startTime = new Date(now) - startTime.setDate(now.getDate() - 1) - startTime.setHours(0, 0, 0, 0) + startTime.setUTCDate(now.getUTCDate() - 1) + startTime.setUTCHours(0, 0, 0, 0) endTime = new Date(startTime) - endTime.setHours(23, 59, 59, 999) + endTime.setUTCHours(23, 59, 59, 999) + + // 由于后端会加8小时,我们需要减去8小时 + startTime = new Date(startTime.getTime() - 8 * 60 * 60 * 1000) + endTime = new Date(endTime.getTime() - 8 * 60 * 60 * 1000) break case 'dayBefore': + // 前天:使用UTC时间 startTime = new Date(now) - startTime.setDate(now.getDate() - 2) - startTime.setHours(0, 0, 0, 0) + startTime.setUTCDate(now.getUTCDate() - 2) + startTime.setUTCHours(0, 0, 0, 0) endTime = new Date(startTime) - endTime.setHours(23, 59, 59, 999) + endTime.setUTCHours(23, 59, 59, 999) + + // 由于后端会加8小时,我们需要减去8小时 + startTime = new Date(startTime.getTime() - 8 * 60 * 60 * 1000) + endTime = new Date(endTime.getTime() - 8 * 60 * 60 * 1000) break default: // 默认近24小时 @@ -233,22 +244,33 @@ export const useDashboardStore = defineStore('dashboard', () => { if (dateFilter.value.type === 'preset') { switch (dateFilter.value.preset) { case 'last24h': + // 近24小时:从当前时间往前推24小时 + endTime = new Date(now) startTime = new Date(now.getTime() - 24 * 60 * 60 * 1000) - endTime = now break case 'yesterday': + // 昨天:使用UTC时间,避免时区双重转换 startTime = new Date(now) - startTime.setDate(now.getDate() - 1) - startTime.setHours(0, 0, 0, 0) + startTime.setUTCDate(now.getUTCDate() - 1) + startTime.setUTCHours(0, 0, 0, 0) endTime = new Date(startTime) - endTime.setHours(23, 59, 59, 999) + endTime.setUTCHours(23, 59, 59, 999) + + // 由于后端会加8小时,我们需要减去8小时 + startTime = new Date(startTime.getTime() - 8 * 60 * 60 * 1000) + endTime = new Date(endTime.getTime() - 8 * 60 * 60 * 1000) break case 'dayBefore': + // 前天:使用UTC时间 startTime = new Date(now) - startTime.setDate(now.getDate() - 2) - startTime.setHours(0, 0, 0, 0) + startTime.setUTCDate(now.getUTCDate() - 2) + startTime.setUTCHours(0, 0, 0, 0) endTime = new Date(startTime) - endTime.setHours(23, 59, 59, 999) + endTime.setUTCHours(23, 59, 59, 999) + + // 由于后端会加8小时,我们需要减去8小时 + startTime = new Date(startTime.getTime() - 8 * 60 * 60 * 1000) + endTime = new Date(endTime.getTime() - 8 * 60 * 60 * 1000) break default: // 默认近24小时 @@ -302,22 +324,33 @@ export const useDashboardStore = defineStore('dashboard', () => { // 小时粒度的预设 switch (preset) { case 'last24h': + // 近24小时:从当前时间往前推24小时 + endDate = new Date(now) startDate = new Date(now.getTime() - 24 * 60 * 60 * 1000) - endDate = now break case 'yesterday': + // 昨天:使用UTC时间,避免时区双重转换 startDate = new Date(now) - startDate.setDate(now.getDate() - 1) - startDate.setHours(0, 0, 0, 0) + startDate.setUTCDate(now.getUTCDate() - 1) + startDate.setUTCHours(0, 0, 0, 0) endDate = new Date(startDate) - endDate.setHours(23, 59, 59, 999) + endDate.setUTCHours(23, 59, 59, 999) + + // 由于后端会加8小时,我们需要减去8小时 + startDate = new Date(startDate.getTime() - 8 * 60 * 60 * 1000) + endDate = new Date(endDate.getTime() - 8 * 60 * 60 * 1000) break case 'dayBefore': + // 前天:使用UTC时间 startDate = new Date(now) - startDate.setDate(now.getDate() - 2) - startDate.setHours(0, 0, 0, 0) + startDate.setUTCDate(now.getUTCDate() - 2) + startDate.setUTCHours(0, 0, 0, 0) endDate = new Date(startDate) - endDate.setHours(23, 59, 59, 999) + endDate.setUTCHours(23, 59, 59, 999) + + // 由于后端会加8小时,我们需要减去8小时 + startDate = new Date(startDate.getTime() - 8 * 60 * 60 * 1000) + endDate = new Date(endDate.getTime() - 8 * 60 * 60 * 1000) break } } else {