claude-relay-service/assets/ApiKeyUsageRecordsView-DEBCoJV1.js

import{E as le,a as ne,b as de,c as ie,d as ce}from"./element-plus-BSjV1f9S.js";import{b as A}from"./vendor-Dr8jvgFu.js";import{c as F,aX as ge,r as b,_ as z,o as H,q as ue,x as c,z as e,R as p,P as o,u as i,J as h,O as C,Q as $,ac as O,aU as pe,y as d,I as L}from"./vue-vendor-DV7DYXbz.js";import{c as I,f as x,a3 as J,s as N}from"./index-BahP9Xx9.js";import{R as xe}from"./RecordDetailModal-iWzEw88d.js";const ye={class:"space-y-4 p-4 lg:p-6"},me={class:"flex flex-wrap items-center justify-between gap-3"},ke={class:"flex items-center gap-3"},fe={class:"text-xl font-bold text-gray-900 dark:text-gray-100"},_e={class:"text-xs text-gray-500 dark:text-gray-400"},ve={class:"flex items-center gap-2 text-sm text-gray-500 dark:text-gray-400"},be={key:0},he={key:1},we={class:"grid gap-3 md:grid-cols-2 xl:grid-cols-4"},Re={class:"rounded-xl border border-gray-200 bg-white p-4 shadow-sm dark:border-gray-800 dark:bg-gray-900"},Te={class:"mt-1 text-2xl font-bold text-gray-900 dark:text-gray-100"},Ce={class:"rounded-xl border border-gray-200 bg-white p-4 shadow-sm dark:border-gray-800 dark:bg-gray-900"},Ie={class:"mt-1 text-2xl font-bold text-gray-900 dark:text-gray-100"},Se={class:"rounded-xl border border-gray-200 bg-white p-4 shadow-sm dark:border-gray-800 dark:bg-gray-900"},De={class:"mt-1 text-2xl font-bold text-yellow-600 dark:text-yellow-400"},Pe={class:"rounded-xl border border-gray-200 bg-white p-4 shadow-sm dark:border-gray-800 dark:bg-gray-900"},Ve={class:"mt-1 text-2xl font-bold text-gray-900 dark:text-gray-100"},ze={class:"rounded-xl border border-gray-200 bg-white p-4 shadow-sm dark:border-gray-800 dark:bg-gray-900"},$e={class:"flex flex-wrap items-center gap-3"},Oe={class:"rounded-xl border border-gray-200 bg-white shadow-sm dark:border-gray-800 dark:bg-gray-900"},Ne={key:0,class:"flex items-center justify-center p-10 text-gray-500 dark:text-gray-400"},Ue={key:1},je={key:0,class:"flex flex-col items-center gap-2 p-10 text-gray-500 dark:text-gray-400"},Ee={key:1,class:"space-y-4"},Fe={class:"hidden overflow-x-auto md:block"},Ye={class:"min-w-full divide-y divide-gray-200 dark:divide-gray-800"},Be={class:"divide-y divide-gray-200 bg-white dark:divide-gray-800 dark:bg-gray-900"},Ke={class:"whitespace-nowrap px-4 py-3 text-sm text-gray-800 dark:text-gray-100"},Me={class:"px-4 py-3 text-sm text-gray-800 dark:text-gray-100"},qe={class:"flex flex-col"},Ae={class:"font-semibold"},He={class:"text-xs text-gray-500 dark:text-gray-400"},Le={class:"whitespace-nowrap px-4 py-3 text-sm text-gray-800 dark:text-gray-100"},Je={class:"whitespace-nowrap px-4 py-3 text-sm text-blue-600 dark:text-blue-400"},Qe={class:"whitespace-nowrap px-4 py-3 text-sm text-green-600 dark:text-green-400"},Xe={class:"whitespace-nowrap px-4 py-3 text-sm text-purple-600 dark:text-purple-400"},Ze={class:"whitespace-nowrap px-4 py-3 text-sm text-gray-800 dark:text-gray-100"},Ge={class:"whitespace-nowrap px-4 py-3 text-sm text-yellow-600 dark:text-yellow-400"},We={class:"whitespace-nowrap px-4 py-3 text-right text-sm"},et={class:"space-y-3 md:hidden"},tt={class:"flex items-center justify-between"},at={class:"text-sm font-semibold text-gray-900 dark:text-gray-100"},st={class:"text-xs text-gray-500 dark:text-gray-400"},ot={class:"mt-3 grid grid-cols-2 gap-2 text-sm text-gray-700 dark:text-gray-300"},rt={class:"text-yellow-600 dark:text-yellow-400"},lt={class:"flex items-center justify-between px-4 pb-4"},nt={class:"text-sm text-gray-500 dark:text-gray-400"},xt={__name:"ApiKeyUsageRecordsView",setup(dt){const Q=ge(),X=pe(),_=F(()=>Q.params.keyId),U=b(!1),S=b(!1),D=b([]),Y=b([]),B=b([]),n=z({currentPage:1,pageSize:50,totalRecords:0}),s=z({dateRange:null,model:"",accountId:"",sortOrder:"desc"}),y=z({totalRequests:0,totalTokens:0,totalCost:0,avgCost:0}),P=z({id:_.value,name:""}),j=b(!1),E=b(null),Z=F(()=>P.name||P.id||_.value),K=F(()=>!s.dateRange||s.dateRange.length!==2?"":`${I(s.dateRange[0])} ~ ${I(s.dateRange[1])}`),T=r=>{const t=typeof r=="number"?r:0;return t>=1?`$${t.toFixed(2)}`:t>=.001?`$${t.toFixed(4)}`:`$${t.toFixed(6)}`},M=r=>{const t={page:r,pageSize:n.pageSize,sortOrder:s.sortOrder};return s.model&&(t.model=s.model),s.accountId&&(t.accountId=s.accountId),s.dateRange&&s.dateRange.length===2&&(t.startDate=A(s.dateRange[0]).toISOString(),t.endDate=A(s.dateRange[1]).toISOString()),t},G=r=>{var m,k,v,a;D.value=r.records||[];const t=r.pagination||{};n.currentPage=t.currentPage||1,n.pageSize=t.pageSize||n.pageSize,n.totalRecords=t.totalRecords||0;const l=r.filters||{};if(l.model!==void 0&&(s.model=l.model||""),l.accountId!==void 0&&(s.accountId=l.accountId||""),l.sortOrder&&(s.sortOrder=l.sortOrder),l.startDate&&l.endDate){const f=[l.startDate,l.endDate],R=s.dateRange||[];(R[0]!==f[0]||R[1]!==f[1])&&(s.dateRange=f)}const g=r.summary||{};y.totalRequests=g.totalRequests||0,y.totalTokens=g.totalTokens||0,y.totalCost=g.totalCost||0,y.avgCost=g.avgCost||0,P.id=((m=r.apiKeyInfo)==null?void 0:m.id)||_.value,P.name=((k=r.apiKeyInfo)==null?void 0:k.name)||"",Y.value=((v=r.availableFilters)==null?void 0:v.models)||[],B.value=((a=r.availableFilters)==null?void 0:a.accounts)||[]},w=async(r=n.currentPage)=>{U.value=!0;try{const t=await J(_.value,M(r));G(t.data||{})}catch(t){N(`加载请求记录失败：${t.message||"未知错误"}`,"error")}finally{U.value=!1}},W=r=>{n.currentPage=r,w(r)},ee=r=>{n.pageSize=r,n.currentPage=1,w(1)},te=()=>{s.model="",s.accountId="",s.dateRange=null,s.sortOrder="desc",n.currentPage=1,w(1)},q=r=>{E.value=r,j.value=!0},ae=()=>{j.value=!1,E.value=null},se=()=>{X.push("/api-keys")},oe=async()=>{var r;if(!S.value){S.value=!0;try{const t=[];let l=1,g=1;const m=50;for(;l<=g&&l<=m;){const V=(await J(_.value,{...M(l),pageSize:200})).data||{};t.push(...V.records||[]),g=((r=V.pagination)==null?void 0:r.totalPages)||1,l+=1}if(t.length===0){N("没有可导出的记录","info");return}const v=[["时间","账户","渠道","模型","输入Token","输出Token","缓存创建Token","缓存读取Token","总Token","费用"].join(",")];t.forEach(u=>{const V=[I(u.timestamp),u.accountName||"",u.accountTypeName||"",u.model||"",u.inputTokens||0,u.outputTokens||0,u.cacheCreateTokens||0,u.cacheReadTokens||0,u.totalTokens||0,u.costFormatted||T(u.cost)];v.push(V.map(re=>`"${String(re).replace(/"/g,'""')}"`).join(","))});const a=new Blob([v.join(`
`)],{type:"text/csv;charset=utf-8;"}),f=URL.createObjectURL(a),R=document.createElement("a");R.href=f,R.download=`api-key-${_.value}-usage-records.csv`,R.click(),URL.revokeObjectURL(f),N("导出 CSV 成功","success")}catch(t){N(`导出失败：${t.message||"未知错误"}`,"error")}finally{S.value=!1}}};return H(()=>[s.model,s.accountId,s.sortOrder],()=>{n.currentPage=1,w(1)}),H(()=>s.dateRange,()=>{n.currentPage=1,w(1)},{deep:!0}),ue(()=>{w()}),(r,t)=>{const l=le,g=ce,m=ne,k=de,v=ie;return d(),c("div",ye,[e("div",me,[e("div",ke,[e("button",{class:"rounded-full border border-gray-200 px-3 py-2 text-sm text-gray-700 transition hover:bg-gray-100 dark:border-gray-700 dark:text-gray-200 dark:hover:bg-gray-800",onClick:se}," ← 返回 "),e("div",null,[t[4]||(t[4]=e("p",{class:"text-xs font-semibold uppercase tracking-wide text-blue-600 dark:text-blue-400"}," API Key 请求详情时间线 ",-1)),e("h2",fe,o(Z.value),1),e("p",_e,"ID: "+o(_.value),1)])]),e("div",ve,[t[5]||(t[5]=e("i",{class:"fas fa-clock text-blue-500"},null,-1)),K.value?(d(),c("span",be,o(K.value),1)):(d(),c("span",he,"显示近 5000 条记录"))])]),e("div",we,[e("div",Re,[t[6]||(t[6]=e("p",{class:"text-xs uppercase text-gray-500 dark:text-gray-400"},"总请求",-1)),e("p",Te,o(i(x)(y.totalRequests)),1)]),e("div",Ce,[t[7]||(t[7]=e("p",{class:"text-xs uppercase text-gray-500 dark:text-gray-400"},"总 Token",-1)),e("p",Ie,o(i(x)(y.totalTokens)),1)]),e("div",Se,[t[8]||(t[8]=e("p",{class:"text-xs uppercase text-gray-500 dark:text-gray-400"},"总费用",-1)),e("p",De,o(T(y.totalCost)),1)]),e("div",Pe,[t[9]||(t[9]=e("p",{class:"text-xs uppercase text-gray-500 dark:text-gray-400"},"平均费用/次",-1)),e("p",Ve,o(T(y.avgCost)),1)])]),e("div",ze,[e("div",$e,[p(l,{modelValue:s.dateRange,"onUpdate:modelValue":t[0]||(t[0]=a=>s.dateRange=a),class:"max-w-[320px]",clearable:"","end-placeholder":"结束时间",format:"YYYY-MM-DD HH:mm:ss","start-placeholder":"开始时间",type:"datetimerange","unlink-panels":"","value-format":"YYYY-MM-DDTHH:mm:ss[Z]"},null,8,["modelValue"]),p(m,{modelValue:s.model,"onUpdate:modelValue":t[1]||(t[1]=a=>s.model=a),class:"w-[180px]",clearable:"",filterable:"",placeholder:"所有模型"},{default:h(()=>[(d(!0),c($,null,O(Y.value,a=>(d(),L(g,{key:a,label:a,value:a},null,8,["label","value"]))),128))]),_:1},8,["modelValue"]),p(m,{modelValue:s.accountId,"onUpdate:modelValue":t[2]||(t[2]=a=>s.accountId=a),class:"w-[220px]",clearable:"",filterable:"",placeholder:"所有账户"},{default:h(()=>[(d(!0),c($,null,O(B.value,a=>(d(),L(g,{key:a.id,label:`${a.name}（${a.accountTypeName}）`,value:a.id},null,8,["label","value"]))),128))]),_:1},8,["modelValue"]),p(m,{modelValue:s.sortOrder,"onUpdate:modelValue":t[3]||(t[3]=a=>s.sortOrder=a),class:"w-[140px]",placeholder:"排序"},{default:h(()=>[p(g,{label:"时间降序",value:"desc"}),p(g,{label:"时间升序",value:"asc"})]),_:1},8,["modelValue"]),p(k,{onClick:te},{default:h(()=>t[10]||(t[10]=[e("i",{class:"fas fa-undo mr-2"},null,-1),C(" 重置 ",-1)])),_:1,__:[10]}),p(k,{loading:S.value,type:"primary",onClick:oe},{default:h(()=>t[11]||(t[11]=[e("i",{class:"fas fa-file-export mr-2"},null,-1),C(" 导出 CSV ",-1)])),_:1,__:[11]},8,["loading"])])]),e("div",Oe,[U.value?(d(),c("div",Ne,t[12]||(t[12]=[e("i",{class:"fas fa-spinner fa-spin mr-2"},null,-1),C(" 加载中... ",-1)]))):(d(),c("div",Ue,[D.value.length===0?(d(),c("div",je,t[13]||(t[13]=[e("i",{class:"fas fa-inbox text-2xl"},null,-1),e("p",null,"暂无记录",-1)]))):(d(),c("div",Ee,[e("div",Fe,[e("table",Ye,[t[15]||(t[15]=e("thead",{class:"bg-gray-50 dark:bg-gray-800"},[e("tr",null,[e("th",{class:"px-4 py-3 text-left text-xs font-medium uppercase tracking-wider text-gray-500 dark:text-gray-300"}," 时间 "),e("th",{class:"px-4 py-3 text-left text-xs font-medium uppercase tracking-wider text-gray-500 dark:text-gray-300"}," 账户 "),e("th",{class:"px-4 py-3 text-left text-xs font-medium uppercase tracking-wider text-gray-500 dark:text-gray-300"}," 模型 "),e("th",{class:"px-4 py-3 text-left text-xs font-medium uppercase tracking-wider text-gray-500 dark:text-gray-300"}," 输入 "),e("th",{class:"px-4 py-3 text-left text-xs font-medium uppercase tracking-wider text-gray-500 dark:text-gray-300"}," 输出 "),e("th",{class:"px-4 py-3 text-left text-xs font-medium uppercase tracking-wider text-gray-500 dark:text-gray-300"}," 缓存(创/读) "),e("th",{class:"px-4 py-3 text-left text-xs font-medium uppercase tracking-wider text-gray-500 dark:text-gray-300"}," 总 Token "),e("th",{class:"px-4 py-3 text-left text-xs font-medium uppercase tracking-wider text-gray-500 dark:text-gray-300"}," 费用 "),e("th",{class:"px-4 py-3 text-right text-xs font-medium uppercase tracking-wider text-gray-500 dark:text-gray-300"}," 操作 ")])],-1)),e("tbody",Be,[(d(!0),c($,null,O(D.value,a=>(d(),c("tr",{key:a.timestamp+a.model},[e("td",Ke,o(i(I)(a.timestamp)),1),e("td",Me,[e("div",qe,[e("span",Ae,o(a.accountName||"未知账户"),1),e("span",He,o(a.accountTypeName||"未知渠道"),1)])]),e("td",Le,o(a.model),1),e("td",Je,o(i(x)(a.inputTokens)),1),e("td",Qe,o(i(x)(a.outputTokens)),1),e("td",Xe,o(i(x)(a.cacheCreateTokens))+" / "+o(i(x)(a.cacheReadTokens)),1),e("td",Ze,o(i(x)(a.totalTokens)),1),e("td",Ge,o(a.costFormatted||T(a.cost)),1),e("td",We,[p(k,{size:"small",onClick:f=>q(a)},{default:h(()=>t[14]||(t[14]=[C("详情",-1)])),_:2,__:[14]},1032,["onClick"])])]))),128))])])]),e("div",et,[(d(!0),c($,null,O(D.value,a=>(d(),c("div",{key:a.timestamp+a.model,class:"rounded-lg border border-gray-200 bg-white p-4 shadow-sm dark:border-gray-800 dark:bg-gray-900"},[e("div",tt,[e("div",null,[e("p",at,o(a.accountName||"未知账户"),1),e("p",st,o(i(I)(a.timestamp)),1)]),p(k,{size:"small",onClick:f=>q(a)},{default:h(()=>t[16]||(t[16]=[C("详情",-1)])),_:2,__:[16]},1032,["onClick"])]),e("div",ot,[e("div",null,"模型："+o(a.model),1),e("div",null,"总 Token："+o(i(x)(a.totalTokens)),1),e("div",null,"输入："+o(i(x)(a.inputTokens)),1),e("div",null,"输出："+o(i(x)(a.outputTokens)),1),e("div",null," 缓存创/读："+o(i(x)(a.cacheCreateTokens))+" / "+o(i(x)(a.cacheReadTokens)),1),e("div",rt," 费用："+o(a.costFormatted||T(a.cost)),1)])]))),128))]),e("div",lt,[e("div",nt," 共 "+o(n.totalRecords)+" 条记录 ",1),p(v,{background:"","current-page":n.currentPage,layout:"prev, pager, next, sizes","page-size":n.pageSize,"page-sizes":[20,50,100,200],total:n.totalRecords,onCurrentChange:W,onSizeChange:ee},null,8,["current-page","page-size","total"])])]))]))]),p(xe,{record:E.value,show:j.value,onClose:ae},null,8,["record","show"])])}}};export{xt as default};