PageSourceSearch

https://snapbox.ai/assets/VideoUsage-B2pwFwKE.js

js snapbox.ai collected 2026-10-05 12:40:37 UTC 21,031 bytes, 1 lines download raw bytes

1import{_ as F,m as T,r as W,B as x,o as K,p as I,c as l,h as k,b as t,d as m,t as g,n as b,k as Y,w as q,s as G,e as D,F as B,f as O,u as J,j as S,g as d}from"./index-GRB8Jcml.js";import{S as A}from"./VideoService-CMl7PUJf.js";/* empty css             */import{S as Q,a as X,b as Z}from"./snap_footer-B9eSqtLO.js";import"./UserService-B39Vk0W_.js";const $={name:"VideoAnalytics",components:{SNAP_MENU:Q,SNAP_HEADER:X,SNAP_FOOTER:Z},setup(){const s=T({loading:!1,isSticky:!1,videoOverLimitEnabled:!1,current:1,total:0,page_size:10,raw_data:[],pagedata:[],provide_minutes:0,usage_minutes:0}),e=J(),P=W(null),o=a=>{s.current=a,s.pagedata=s.raw_data.slice((a-1)*s.page_size,a*s.page_size)},V=x(()=>s.usage_minutes/s.provide_minutes*100),E=a=>{const n=a.target.scrollTop;s.isSticky=n>10},z=x(()=>s.raw_data.length),M=x(()=>s.raw_data.reduce((a,n)=>{if(n.usage&&n.usage.length>0){const p=n.usage.filter(i=>i.target_date.length===7);return a+p.reduce((i,v)=>i+v.count_viewed,0)}return a},0)),L=x(()=>s.raw_data.reduce((a,n)=>{if(n.usage&&n.usage.length>0){const p=n.usage.filter(i=>i.target_date.length===7);return a+p.reduce((i,v)=>i+v.minutes_viewed,0)}return a},0)),C=x(()=>s.raw_data.filter(a=>a.usage&&a.usage.length>0).length),w=a=>new Date(a).toLocaleDateString("ko-KR",{year:"numeric",month:"2-digit",day:"2-digit",hour:"2-digit",minute:"2-digit"}),_=a=>new Date(a).toLocaleDateString("ko-KR",{year:"numeric",month:"long",day:"numeric"}),r=a=>{if(a.length===7){const[n,p]=a.split("-");return`${n}년 ${p}월`}else{const n=new Date(a);return`${n.getFullYear()}년 ${n.getMonth()+1}월 ${n.getDate()}일`}},u=a=>a.length===7?"월간":"주간",y=a=>a.length===7?"bg-blue-500 text-white":"bg-purple-500 text-white",N=async()=>{try{console.log("초과 시 설정 변경:",s.videoOverLimitEnabled)}catch(a){console.error("설정 업데이트 실패:",a),s.videoOverLimitEnabled=!s.videoOverLimitEnabled}},U=async()=>{s.loading=!0;try{A.videoUsage().then(a=>{var n,p;a.data.code==="S"&&(s.raw_data=a.data.data,s.raw_data=s.raw_data.map(i=>{if(i.usage&&i.usage.length>0){const v=i.usage.filter(c=>c.target_date.length===7),f=i.usage.filter(c=>c.target_date.length===10);f.forEach(c=>{c.start_date=new Date(c.target_date).setDate(new Date(c.target_date).getDate()-6),c.start_date=_(c.start_date)});let h=[];f.length>0&&(f.sort((c,j)=>new Date(j.target_date)-new Date(c.target_date)),h.push(f[0])),i.usage=[...v,...h],i.usage.sort((c,j)=>new Date(j.target_date)-new Date(c.target_date))}return i}),s.raw_data.sort((i,v)=>{var f,h;return((f=v.usage[0])==null?void 0:f.minutes_viewed)-((h=i.usage[0])==null?void 0:h.minutes_viewed)}),s.pagedata=s.raw_data.slice((s.current-1)*s.page_size,s.current*s.page_size),s.total=s.raw_data.length,s.provide_minutes=(n=a.data)==null?void 0:n.provide_minutes,s.usage_minutes=(p=a.data.summary)==null?void 0:p.total_minutes)})}catch(a){console.error("영상 분석 데이터 가져오기 실패:",a)}finally{s.loading=!1}},R=async()=>{s.loading=!0;try{A.recordVideoUsage().then(a=>{a.data.code==="S"&&console.log("영상 사용량 기록 성공:",a.data.data)})}catch(a){console.error("영상 사용량 기록 실패:",a)}finally{s.loading=!1}},H=a=>{window.open(`/snap-update/${a}`)};return K(()=>{console.log("mounted!"),U(),R()}),{router:e,statsRef:P,...I(s),totalVideos:z,totalViews:M,totalMinutes:L,videosWithUsage:C,usagePercent:V,formatDate:w,formatPeriod:r,getPeriodLabel:u,getPeriodBadgeClass:y,updateOverLimitSetting:N,handleScroll:E,onChange:o,openSnapDetail:H}}},tt={class:"dashboard_body flex flex-col"},et={class:"contents_box w-full flex justify-start grow"},st={class:"contents_area grow p-8 flex flex-col"},at={class:"con flex flex-col grow"},ot={class:"box flex flex-col gap-7 !p-10 grow"},rt={key:0,class:"flex justify-center items-center py-20"},nt={key:1,class:"flex flex-col items-center justify-center py-20"},lt={key:2,class:"flex flex-col grow"},dt={class:"flex gap-6 mb-6"},it={class:"flex-1 bg-gradient-to-br from-blue-50 to-indigo-50 rounded-2xl p-7 shadow-lg border-2 border-blue-100 hover:shadow-xl transition-shadow duration-300"},gt={class:"flex justify-between items-start mb-5"},ct={class:"text-right"},ut={class:"text-4xl font-bold text-blue-600"}
1,pt={class:"text-base text-gray-600 font-medium mt-1"},vt={class:"relative w-full bg-white rounded-full h-4 overflow-hidden mb-4 shadow-inner"},ft={class:"flex justify-between items-center"},mt={key:0,class:"text-sm font-bold text-red-600 bg-red-100 px-3 py-1 rounded-full"},ht={key:1,class:"text-sm font-semibold text-orange-600 bg-orange-100 px-3 py-1 rounded-full"},xt={key:2,class:"text-sm font-semibold text-green-600 bg-green-100 px-3 py-1 rounded-full"},bt={class:"flex-1 bg-gradient-to-br from-purple-50 to-pink-50 rounded-2xl p-7 shadow-lg border-2 border-purple-100 hover:shadow-xl transition-shadow duration-300"},wt={class:"flex justify-between items-start mb-4"},_t={class:"flex-1"},yt={class:"relative inline-flex items-center cursor-pointer ml-4"},kt={key:0,class:"p-4 bg-gradient-to-r from-yellow-50 to-orange-50 border-2 border-yellow-300 rounded-xl mt-4"},St={key:1,class:"p-4 bg-gradient-to-r from-red-50 to-pink-50 border-2 border-red-300 rounded-xl mt-4"},zt={key:2,class:"p-4 bg-gradient-to-r from-green-50 to-emerald-50 border-2 border-green-200 rounded-xl mt-4"},Mt={class:"flex items-center gap-8 bg-gradient-to-r from-gray-50 to-gray-100 rounded-xl p-5 shadow-sm"},Lt={class:"flex items-center gap-3"},Ct={class:"text-2xl font-bold text-gray-900"},jt={class:"flex items-center gap-3"},Pt={class:"text-2xl font-bold text-gray-900"},Vt={class:"flex items-center gap-3"},Et={class:"text-2xl font-bold text-gray-900"},Dt={class:"flex items-center gap-3"},Bt={class:"text-2xl font-bold text-gray-900"},Ot={class:"space-y-5"},At={class:"p-6"},Nt={class:"flex items-start gap-6 mb-6"},Ut={class:"flex-shrink-0"},Rt={key:0,class:"w-72 h-44 bg-gray-900 rounded-lg overflow-hidden shadow-lg"},Ht=["src"],Ft={key:1,class:"w-72 h-44 bg-gray-100 rounded-lg overflow-hidden shadow-lg"},Tt=["src","alt"],Wt={key:2,class:"w-72 h-44 bg-gradient-to-br from-gray-100 to-gray-200 rounded-lg flex items-center justify-center shadow-lg"},Kt={class:"flex-grow"},It={class:"flex items-center gap-3 mb-3"},Yt={class:"text-xl font-bold text-gray-800"},qt=["onClick"],Gt={class:"flex items-center gap-2 text-sm text-gray-500"},Jt={key:0},Qt={class:"border-t border-gray-100 pt-5"},Xt={class:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4"},Zt={class:"flex items-center justify-between mb-4"},$t={class:"text-sm font-semibold text-gray-700"},te={class:"space-y-3"},ee={class:"flex items-center justify-between p-3 bg-blue-50 rounded-lg"},se={class:"text-xl font-bold text-blue-900"},ae={class:"flex items-center justify-between p-3 bg-green-50 rounded-lg"},oe={class:"text-xl font-bold text-green-900"},re={class:"mt-3 pt-3 border-t border-gray-100 flex items-center gap-1.5 text-xs text-gray-400"},ne={key:1,class:"mt-4 bg-gray-50 rounded-lg p-4 text-center"},le={class:"pagination mb-5"};function de(s,e,P,o,V,E){var w,_;const z=S("SNAP_HEADER"),M=S("SNAP_MENU"),L=S("a-pagination"),C=S("SNAP_FOOTER");return d(),l("div",tt,[k(z),t("div",et,[k(M),t("div",st,[t("div",at,[e[32]||(e[32]=t("div",{class:"contents_title"},[t("h1",null,"동영상 사용량")],-1)),t("div",ot,[s.loading?(d(),l("div",rt,e[4]||(e[4]=[t("div",{class:"animate-spin rounded-full h-16 w-16 border-4 border-gray-200 border-t-blue-500"},null,-1)]))):s.raw_data.length?(d(),l("div",lt,[t("div",dt,[t("div",it,[t("div",gt,[e[6]||(e[6]=m('<div data-v-88d21718><div class="flex items-center gap-2 mb-2" data-v-88d21718><svg class="w-6 h-6 text-blue-600" fill="none" stroke="currentColor" viewBox="0 0 24 24" data-v-88d21718><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z" data-v-88d21718></path></svg><h3 class="text-lg font-bold text-gray-800" data-v-88d21718> 이번달 사용량 </h3></div><p class="text-sm text-gray-600" data-v-88d21718> 매월 1일 초기화 </p></div>',1)),t("div",ct,[t("p",ut,g((w=s.usage_minutes)==null?void 0:w.toLocaleString())+" 분 ",1),t("p",pt," / "+g((_=s.provide_minutes)==null?void 0:_.toLocaleStr
1ing())+" 분 ",1)])]),t("div",vt,[t("div",{class:b(["h-4 rounded-full transition-all duration-700 ease-out",o.usagePercent>=100?"bg-gradient-to-r from-red-500 to-red-600":o.usagePercent>=80?"bg-gradient-to-r from-yellow-400 to-orange-500":"bg-gradient-to-r from-blue-500 to-indigo-600"]),style:Y({width:Math.min(o.usagePercent,100)+"%"})},e[7]||(e[7]=[t("div",{class:"h-full w-full opacity-30 bg-white animate-pulse"},null,-1)]),6)]),t("div",ft,[t("span",{class:b(["text-base font-bold",o.usagePercent>=100?"text-red-600":"text-gray-700"])},g(o.usagePercent.toFixed(1))+"% 사용중 ",3),o.usagePercent>=100?(d(),l("span",mt," ⚠️ 사용량 초과 ")):o.usagePercent>=80?(d(),l("span",ht," ⚡ 거의 다 참 ")):(d(),l("span",xt," ✓ 정상 "))])]),t("div",bt,[t("div",wt,[t("div",_t,[e[8]||(e[8]=m('<div class="flex items-center gap-2 mb-2" data-v-88d21718><svg class="w-6 h-6 text-purple-600" fill="none" stroke="currentColor" viewBox="0 0 24 24" data-v-88d21718><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z" data-v-88d21718></path><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z" data-v-88d21718></path></svg><h3 class="text-lg font-bold text-gray-800" data-v-88d21718> 사용량 초과 설정 </h3></div>',1)),t("p",{class:b(["text-base font-semibold mt-2",s.videoOverLimitEnabled?"text-purple-600":"text-gray-600"])}
1,g(s.videoOverLimitEnabled?"✓ 초과해도 계속 제공":"✕ 사용량 초과 시 제공 중단"),3)]),t("label",yt,[q(t("input",{type:"checkbox","onUpdate:modelValue":e[0]||(e[0]=r=>s.videoOverLimitEnabled=r),onChange:e[1]||(e[1]=(...r)=>o.updateOverLimitSetting&&o.updateOverLimitSetting(...r)),class:"sr-only peer",disabled:""},null,544),[[G,s.videoOverLimitEnabled]]),e[9]||(e[9]=t("div",{class:"w-14 h-7 bg-gray-300 peer-focus:outline-none peer-focus:ring-4 peer-focus:ring-purple-300 rounded-full peer peer-checked:after:translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-[2px] after:left-[2px] after:bg-white after:border-gray-300 after:border after:rounded-full after:h-6 after:w-6 after:transition-all peer-checked:bg-gradient-to-r peer-checked:from-purple-500 peer-checked:to-pink-500 shadow-inner"},null,-1))])]),s.videoOverLimitEnabled&&o.usagePercent>=100?(d(),l("div",kt,e[10]||(e[10]=[m('<div class="flex items-start gap-3" data-v-88d21718><svg class="w-6 h-6 text-yellow-600 flex-shrink-0 mt-0.5" fill="currentColor" viewBox="0 0 20 20" data-v-88d21718><path fill-rule="evenodd" d="M8.257 3.099c.765-1.36 2.722-1.36 3.486 0l5.58 9.92c.75 1.334-.213 2.98-1.742 2.98H4.42c-1.53 0-2.493-1.646-1.743-2.98l5.58-9.92zM11 13a1 1 0 11-2 0 1 1 0 012 0zm-1-8a1 1 0 00-1 1v3a1 1 0 002 0V6a1 1 0 00-1-1z" clip-rule="evenodd" data-v-88d21718></path></svg><div data-v-88d21718><p class="text-sm font-bold text-yellow-800 mb-1" data-v-88d21718> 사용량 초과 알림 </p><p class="text-sm text-yellow-700 leading-relaxed" data-v-88d21718> 동영상이 계속 제공되고 있습니다.<br data-v-88d21718><span class="font-semibold" data-v-88d21718>추가 비용이 발생</span>할 수 있습니다. </p></div></div>',1)]))):!s.videoOverLimitEnabled&&o.usagePercent>=100?(d(),l("div",St,e[11]||(e[11]=[m('<div class="flex items-start gap-3" data-v-88d21718><svg class="w-6 h-6 text-red-600 flex-shrink-0 mt-0.5" fill="currentColor" viewBox="0 0 20 20" data-v-88d21718><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zM8.707 7.293a1 1 0 00-1.414 1.414L8.586 10l-1.293 1.293a1 1 0 101.414 1.414L10 11.414l1.293 1.293a1 1 0 001.414-1.414L11.414 10l1.293-1.293a1 1 0 00-1.414-1.414L10 8.586 8.707 7.293z" clip-rule="evenodd" data-v-88d21718></path></svg><div data-v-88d21718><p class="text-sm font-bold text-red-800 mb-1" data-v-88d21718> 사용량 초과 알림 </p><p class="text-sm text-red-700 leading-relaxed" data-v-88d21718> 사용량을 초과하여 <span class="font-semibold" data-v-88d21718>동영상 제공이 중단</span>되었습니다. </p></div></div>',1)]))):(d(),l("div",zt,e[12]||(e[12]=[m('<div class="flex items-start gap-3" data-v-88d21718><svg class="w-6 h-6 text-green-600 flex-shrink-0 mt-0.5" fill="currentColor" viewBox="0 0 20 20" data-v-88d21718><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd" data-v-88d21718></path></svg><div data-v-88d21718><p class="text-sm font-bold text-green-800 mb-1" data-v-88d21718> 정상 작동중 </p><p class="text-sm text-green-700 leading-relaxed" data-v-88d21718> 현재 모든 동영상이 정상적으로 제공되고 있습니다. </p></div></div>',1)])))])]),t("div",{ref:"statsRef",class:b(["sticky top-0 bg-white z-10 -mx-10 px-10 transition-all duration-300",s.isSticky?"pb-3 shadow-md":"pb-6"])},[t("div",Mt,[t("div",Lt,[e[14]||(e[14]=t("div",{class:"bg-blue-500 rounded-lg p-2.5"},[t("svg",{class:"w-6 h-6 text-white",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24"},[t("path",{"stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:"M15 10l4.553-2.276A1 1 0 0121 8.618v6.764a1 1 0 01-1.447.894L15 14M5 18h8a2 2 0 002-2V8a2 2 0 00-2-2H5a2 2 0 00-2 2v8a2 2 0 002 2z"})])],-1)),t("div",null,[e[13]||(e[13]=t("p",{class:"text-xs font-medium text-gray-600 mb-0.5"}," 총 영상 수 ",-1)),t("p",Ct,g(o.totalVideos),1)])]),e[22]||(e[22]=t("div",{class:"h-12 w-px bg-gray-300"},null,-1)),t("div",jt,[e[16]||(e[16]=t("div",{class:"bg-green-500 rounded-lg p-2.5"}
1,[t("svg",{class:"w-6 h-6 text-white",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24"},[t("path",{"stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:"M15 12a3 3 0 11-6 0 3 3 0 016 0z"}),t("path",{"stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:"M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"})])],-1)),t("div",null,[e[15]||(e[15]=t("p",{class:"text-xs font-medium text-gray-600 mb-0.5"}," 총 조회 수 ",-1)),t("p",Pt,g(o.totalViews.toLocaleString()),1)])]),e[23]||(e[23]=t("div",{class:"h-12 w-px bg-gray-300"},null,-1)),t("div",Vt,[e[19]||(e[19]=t("div",{class:"bg-purple-500 rounded-lg p-2.5"},[t("svg",{class:"w-6 h-6 text-white",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24"},[t("path",{"stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:"M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"})])],-1)),t("div",null,[e[18]||(e[18]=t("p",{class:"text-xs font-medium text-gray-600 mb-0.5"}," 총 시청 시간 ",-1)),t("p",Et,[D(g(o.totalMinutes.toLocaleString())+" ",1),e[17]||(e[17]=t("span",{class:"text-sm font-medium text-gray-600"},"분",-1))])])]),e[24]||(e[24]=t("div",{class:"h-12 w-px bg-gray-300"},null,-1)),t("div",Dt,[e[21]||(e[21]=t("div",{class:"bg-orange-500 rounded-lg p-2.5"},[t("svg",{class:"w-6 h-6 text-white",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24"},[t("path",{"stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:"M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z"})])],-1)),t("div",null,[e[20]||(e[20]=t("p",{class:"text-xs font-medium text-gray-600 mb-0.5"}," 분석 가능 영상 ",-1)),t("p",Bt,g(o.videosWithUsage),1)])])])],2),t("div",{class:"flex-1 overflow-y-auto",onScroll:e[3]||(e[3]=(...r)=>o.handleScroll&&o.handleScroll(...r))},[t("div",Ot,[(d(!0),l(B,null,O(s.pagedata,r=>(d(),l("div",{key:r.id,class:"bg-white rounded-xl border border-gray-200 overflow-hidden hover:shadow-xl transition-all duration-300"},[t("div",At,[t("div",Nt,[t("div",Ut,[r.media_url&&r.photo?(d(),l("div",Rt,[t("video",{src:r.photo,controls:"",class:"w-full h-full object-contain",preload:"metadata"}," 브라우저가 비디오를 지원하지 않습니다. ",8,Ht)])):r.thumbnail?(d(),l("div",Ft,[t("img",{src:r.thumbnail,alt:`Video ${r.id}`,class:"w-full h-full object-cover"},null,8,Tt)])):(d(),l("div",Wt,e[25]||(e[25]=[t("svg",{class:"w-16 h-16 text-gray-400",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24"},[t("path",{"stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"1.5",d:"M14.752 11.168l-3.197-2.132A1 1 0 0010 9.87v4.263a1 1 0 001.555.832l3.197-2.132a1 1 0 000-1.664z"}),t("path",{"stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"1.5",d:"M21 12a9 9 0 11-18 0 9 9 0 0118 0z"})],-1)])))]),t("div",Kt,[t("div",It,[t("h3",Yt," 영상 #"+g(r.id),1),t("span",{class:"px-3 py-1 bg-gray-100 text-gray-700 text-sm font-medium rounded-full",style:{cursor:"pointer"},onClick:u=>o.openSnapDetail(r.snap_id)}," Snap "+g(r.snap_id),9,qt)]),t("div",Gt,[e[26]||(e[26]=t("svg",{class:"w-4 h-4",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24"},[t("path",{"stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:"M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"})],-1)),t("span",null,g(o.formatDate(r.created_at)),1)])])]),r.usage&&r.usage.length>0?(d(),l("div",Jt,[t("div",Qt,[t("div",Xt,[(d(!0),l(B,null,O(r.usage,u=>{var y;return d(),l("div",{key:u.id,class:"bg-gradient-to-br from-gray-50 to-white rounded-lg p-5 border border-gray-200 hover:border-blue-300 hover:shadow-md transition-all"},[t("div",Zt,[t("span",$t,g(u.start_date?u.start_date+" ~ ":"")+" "+g(o.formatPeriod(u.target_date)),1),t("span",{class:b([o.getPeriodBadgeClass(u.target_date),"px-2.5 py-1 text-xs font-semibold rounded-full"])},g(o.getPeriodLabel(u.target_date)),3)]),t("div",te,[t("div",ee,[e[27]||(e[27]=m('<div class="flex items-center gap-2" data-v-88d21718><svg class="w-5 h-5 text-blue-600" fill="none" stroke="currentColor" viewBox="0 0 24 24" data-v-88d21718><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z" data-v-88d21718></path><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z" data-v-88d21718></path></svg><span class="text-sm font-medium text-blue-700" data-v-88d21718>조회수</span></div>
1',1)),t("span",se,g(u.count_viewed.toLocaleString()),1)]),t("div",ae,[e[29]||(e[29]=t("div",{class:"flex items-center gap-2"},[t("svg",{class:"w-5 h-5 text-green-600",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24"},[t("path",{"stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:"M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"})]),t("span",{class:"text-sm font-medium text-green-700"},"시청 시간")],-1)),t("span",oe,[D(g((y=u.minutes_viewed)==null?void 0:y.toLocaleString()),1),e[28]||(e[28]=t("span",{class:"text-sm ml-0.5"},"분",-1))])])]),t("div",re,[e[30]||(e[30]=t("svg",{class:"w-3.5 h-3.5",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24"},[t("path",{"stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:"M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15"})],-1)),t("span",null,g(o.formatDate(u.updated_at)),1)])])}),128))])])])):(d(),l("div",ne,e[31]||(e[31]=[t("p",{class:"text-sm text-gray-500"}," 사용량 통계가 없습니다. ",-1)])))])]))),128))]),t("ul",le,[t("li",null,[k(L,{current:s.current,"onUpdate:current":e[2]||(e[2]=r=>s.current=r),onChange:o.onChange,total:s.total,defaultPageSize:s.page_size,showSizeChanger:!1,class:"custom-pagination px-3 py-1.5",href:"#","aria-label":"Previous"},null,8,["current","onChange","total","defaultPageSize"])])])],32)])):(d(),l("div",nt,e[5]||(e[5]=[t("svg",{class:"w-24 h-24 text-gray-300 mb-4",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24"},[t("path",{"stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"1.5",d:"M15 10l4.553-2.276A1 1 0 0121 8.618v6.764a1 1 0 01-1.447.894L15 14M5 18h8a2 2 0 002-2V8a2 2 0 00-2-2H5a2 2 0 00-2 2v8a2 2 0 002 2z"})],-1),t("p",{class:"text-gray-500 text-lg"}," 영상 데이터가 없습니다 ",-1)])))])]),k(C)])])])}const ve=F($,[["render",de],["__scopeId","data-v-88d21718"]]);export{ve as default};

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.