import{d as h,e as _,k as d,w as M,U as m,V as b,a8 as p,f as t,u as a,a0 as u,$ as x,a3 as y,X as w}from"./vue-18ee037d.js";import{_ as E}from"./index.vue_vue_type_script_setup_true_lang-e3083022.js";import"./dayjs-4778c158.js";import{ag as N,J as C}from"./index-122302b9.js";import{g as j,i as T}from"./gb28281-53c246af.js";import{u as S,d as D,R as U,V as z,_ as G}from"./video-view-hk-e74bf143.js";import{R}from"./index-c13eac51.js";import{R as J}from"./Group-ea2dcc3a.js";import{C as k}from"./Card-58451e7c.js";import"./device-88d35103.js";import"./index-ac918f8f.js";import"./index-60ff9924.js";import"./TextArea-1376d3ad.js";import"./index-cc7f4b20.js";import"./mockjs-890b569b.js";import"./index-9374feb1.js";import"./useModal-3ca524ee.js";import"./jb4-60518ffa.js";import"./index-af741fec.js";import"./createForOfIteratorHelper-502f0d2b.js";import"./index-bd60fcbe.js";import"./useFlexGapSupport-791d0eca.js";import"./index-977bc6d2.js";const L={class:"h-full"},O={class:"flex justify-between mb-16px"},X=p("span",null," 时间轴视图",-1),q=p("span",null," 列表视图",-1),A=h({__name:"content",setup($){const r=S(),i=_(()=>r.getCurrentChannel),n=_(()=>r.getTimeRange),c=d("video"),s=d(),v=d(),V=e=>{if(!s.value||s.value.length===0)return!1;const o=s.value[0]&&e.diff(s.value[0],"days")>2;return s.value[1]&&s.value[1].diff(e,"days")>2||o},Y=e=>{e?(s.value=[],v.value=[]):v.value=void 0},I=e=>{s.value=e},P=e=>{r.setTimeRange(e)},g=_(()=>`${i.value.ID}/${i.value.DeviceID}`),f=d([]);M([()=>{var e;return(e=r.getCurrentChannel)==null?void 0:e.key},()=>n.value],()=>{const{ID:e,DeviceID:o}=i.value;e&&o&&j({id:e,channel:o,range:`${D(n.value[0],"YYYY-MM-DD 00:00:00")}-${D(n.value[1],"YYYY-MM-DD 24:00:00")}`}).then(l=>{f.value=l,l!=null&&l.length?B():N.warn("当前无可播放的录像！！！")}).catch(l=>{console.error(`getRecords-error: ${l}`)})});const B=()=>{const{ID:e,DeviceID:o}=i.value;T({id:e,channel:o})};return(e,o)=>(m(),b("div",L,[p("div",O,[t(a(U),{value:v.value||a(n),disabledDate:V,onOpenChange:Y,onChange:P,onCalendarChange:I,allowClear:!1},null,8,["value"]),t(a(J),{value:c.value,"onUpdate:value":o[0]||(o[0]=l=>c.value=l)},{default:u(()=>[t(a(R),{value:"video"},{default:u(()=>[t(a(C),{icon:"mdi:timeline-clock-outline",class:"v-text-bottom"}),X]),_:1}),t(a(R),{value:"list"},{default:u(()=>[t(a(C),{icon:"pixelarticons:list-box",class:"v-text-bottom"}),q]),_:1})]),_:1},8,["value"])]),p("div",{class:"w-full",style:w({height:"calc(100% - 32px)"})},[c.value==="video"?(m(),x(z,{data:f.value,streamPathPre:a(g),key:a(g)},null,8,["data","streamPathPre"])):y("",!0),c.value==="list"?(m(),x(G,{key:1,data:f.value},null,8,["data"])):y("",!0)],4)]))}}),F=h({name:"Record"}),ge=h({...F,setup($){const r=S(),i=n=>{r.setCurrentChannel(n)};return(n,c)=>(m(),b("div",{class:"flex",style:w({height:"calc(100% - 8px)"})},[t(a(k),{class:"w-342px m-r-8px flex-shrink-0",bordered:!1,bodyStyle:{height:"100%",padding:0}},{default:u(()=>[t(E,{onSelect:i,single:""})]),_:1}),t(a(k),{class:"flex-1",bordered:!1,bodyStyle:{height:"100%",padding:"16px"}},{default:u(()=>[t(A)]),_:1})],4))}});export{ge as default};