| 1 |
- import{f as e,d as y,U as L,V as M,u as t,a0 as d,E as s,F as R,g as V,e as B}from"./vue-18ee037d.js";import{u as H}from"./formily-4231418e.js";import{J as W,aa as v,ah as A,ag as G,ai as U,R as $,aj as K,ak as E}from"./index-fb7a0cf7.js";import{u as b}from"./index-9374feb1.js";import"./dayjs-4778c158.js";import{_ as P}from"./scroll-tip.vue_vue_type_script_setup_true_lang-220057c8.js";import{u as j}from"./useModal-0673f988.js";import{s as z}from"./gb28281-9adbd618.js";import{u as q}from"./usePlay-593b324e.js";import{D as J}from"./index-18c77c93.js";import{u as X}from"./device-c7f8658c.js";import{C as T}from"./Card-b9d373df.js";import{S as Y}from"./index-49430f12.js";import"./index-a20a1b80.js";import"./LeftOutlined-0b84f6c9.js";import"./index-c7425a31.js";import"./index-4c37c34b.js";import"./index-5fd17bf0.js";import"./index-cfb53c3e.js";import"./Group-2a62786c.js";import"./useFlexGapSupport-334cdc90.js";import"./index-4e86a3de.js";import"./index-5e3ba94e.js";import"./scrollTo-d2a6c94e.js";import"./mockjs-890b569b.js";import"./index-dd03a855.js";import"./index-0799dacf.js";import"./jb4-f8fd23c7.js";import"./index-cae8898b.js";const Q=l=>({type:"object",properties:{layout:{type:"void","x-component":"FormLayout","x-component-props":{layout:"inline"},properties:{Name:{type:"string","x-decorator":"FormItem","x-decorator-props":{style:"margin-right: 10px;width: 260px"},"x-component":"Input","x-component-props":{placeholder:"请输入设备编号或名称搜索","@keyup":l},"x-content":{prefix:()=>e(W,{icon:"ic:outline-search"},null)}}}}}}),Z=y({name:"Channel"}),ee=y({...Z,props:{detail:null,device:null},setup(l){const p=l,m={0:"空闲",1:"拉流中",2:"已拉流"},c=b(),f={maxHeight:"530px",rowConfig:{keyField:"DeviceID",useKey:!0},columnConfig:{useKey:!0},columns:[{field:"DeviceID",title:"编号",showOverflow:"tooltip",width:"200px",fixed:"left"},{field:"Name",title:"名称",showOverflow:"tooltip",width:"120px",fixed:"left"},{field:"Status",title:"状态",minWidth:"100px"},{field:"LiveStatus",title:"拉流状态",minWidth:"120px",formatter:({cellValue:o})=>m[o]},{field:"Manufacturer",title:"厂商",width:"120px"},{field:"Address",title:"地址",showOverflow:"tooltip",width:"180px"},{field:"Port",title:"端口",width:"70px"},{field:"Model",title:"型号",width:"180px"},{field:"Owner",title:"Owner",width:"120px"},{field:"CivilCode",title:"CivilCode",width:"120px"},{field:"Parental",title:"Parental",width:"120px"},{field:"SafetyWay",title:"SafetyWay",width:"120px"},{field:"RegisterWay",title:"RegisterWay",width:"120px"},{field:"Secrecy",title:"Secrecy",width:"120px"},{field:"operate",title:"操作",width:"140px",slots:{default:"operate"},align:"center",fixed:"right"}],data:p.detail},u=async o=>{const{DeviceID:x,Name:n}=o;await z({id:p.device.ID,channel:x}).then(S=>{const g=p.detail.map(r=>(r.DeviceID===x&&(r.LiveStatus=0),r));c.tableRef.reloadData(g),G.success(`通道 ${n||x} 已停止拉流`)})};return(o,x)=>(L(),M(R,null,[e(t(P)),e(t(A),{uid:t(c).uid,gridOptions:t(f)},{operate:d(({row:n})=>[e(t(v),{size:"small",type:"link",onClick:()=>t(q)({id:l.device.ID,deviceName:l.device.Name,deviceID:n.DeviceID,channelName:n.Name})},{default:d(()=>[s(" 播放 ")]),_:2},1032,["onClick"]),e(t(J),{type:"vertical",class:"m-0"}),e(t(v),{size:"small",type:"link",danger:"",disabled:n.LiveStatus===0,onClick:()=>u(n)},{default:d(()=>[s(" 停止拉流 ")]),_:2},1032,["disabled","onClick"])]),_:1},8,["uid","gridOptions"])],64))}}),te=({row:l,appContext:p,pause:m,resume:c})=>{m();const{Name:f,Channels:u,ID:o}=l;j({content:e(ee,{detail:u||[],device:{ID:o,Name:f}},null),modalConfig:{appContext:p,width:"78%",title:`${f} 通道详情`,okButtonProps:{style:{display:"none"}},cancelText:"关闭",maskClosable:!1,onCancel:()=>c()}})},ie=y({name:"Device"}),be=y({...ie,setup(l){var C;const p=(C=V())==null?void 0:C.appContext;U.renderer.add("moreFields",{renderExpand(i,h){const{row:a}=h;return e("p",{class:"flex flex-col p-10px m-0"},[e("span",null,[e("b",null,[s("型号(Model): ")]),a.Model]),e("span",null,[e("b",null,[s("纬度(Latitude): ")]),a.Latitude]),e("span",null,[e("b",null,[s("经度(Longitude): ")]),a.Longitude]),e("span",null,[e("b",null,[s("GpsTime: ")]),a.GpsTime]),e("span",null,[e("b",null,[s("Owner: ")]),a.Owner])])}});const m=X(),c=B(()=>m.deviceList),{httpRefreshTime:f}=$({VITE_PORT:"3000",VITE_GLOB_APP_TITLE:"SagooMedia",VITE_GLOB_APP_SHORT_NAME:"SagooMedia",VITE_M7S_SERVER:"/media",VITE_USE_MOCK:"true",VITE_PUBLIC_PATH:"/plugin/media",VITE_DROP_CONSOLE:"true",VITE_BUILD_COMPRESS:"none",VITE_BUILD_COMPRESS_DELETE_ORIGIN_FILE:"false",VITE_GLOB_HTTP_REFRESH_TIME:"5000",VITE_USE_IMAGEMIN:"true",VITE_LEGACY:"false",BASE_URL:"/plugin/media",MODE:"production",DEV:!1,PROD:!0,SSR:!1}),{pause:u,resume:o}=K(I,f),x=i=>{const h=String(i.target.value).trim().toLowerCase();if(h){const a=new RegExp(h,"gi"),D=["ID","Name"],N=c.value.filter(w=>D.some(_=>String(w[_]).toLowerCase().indexOf(h)>-1)).map(w=>{const _=Object.assign({},w);return D.forEach(O=>{_[O]=String(_[O]).replace(a,k=>`<span style="color: #ff99a0">${k}</span>`)}),_});r(N),u()}else r(c.value),o()},{FormilyForm:n}=H({schema:Q(x)}),S={toggleRowExpand:({expanded:i})=>{i?u():o()}},g=b(),r=i=>{g.tableRef.reloadData(i)};async function I(){await m.fetchDeviceList(),r(m.deviceList)}I();const F={maxHeight:"100%",rowConfig:{keyField:"ID",useKey:!0},columnConfig:{useKey:!0},columns:[{title:"...",width:"30px",type:"expand",contentRender:{name:"moreFields"},fixed:"left"},{field:"ID",title:"设备编号",showOverflow:"tooltip",width:"200px",fixed:"left",type:"html"},{field:"Name",title:"设备名称",showOverflow:"tooltip",width:"120px",type:"html"},{field:"NetAddr",title:"网络地址",showOverflow:"tooltip",width:"180px"},{field:"Channels",title:"通道数",width:"70px",formatter:({cellValue:i})=>(i==null?void 0:i.length)||0},{field:"Status",title:"状态",minWidth:"120px"},{field:"Manufacturer",title:"厂商",width:"120px"},{field:"LastKeepaliveAt",title:"最后保活时间",minWidth:"180px",formatter:({cellValue:i})=>E.toDateString(new Date(i),"yyyy-MM-dd HH:ss:mm")},{field:"RegisterTime",title:"注册时间",minWidth:"180px",formatter:({cellValue:i})=>E.toDateString(new Date(i),"yyyy-MM-dd HH:ss:mm")},{field:"UpdateTime",title:"更新时间",minWidth:"180px",formatter:({cellValue:i})=>E.toDateString(new Date(i),"yyyy-MM-dd HH:ss:mm")},{field:"operate",title:"操作",width:"120px",fixed:"right",align:"center",slots:{default:"operate"}}],data:[]};return(i,h)=>(L(),M(R,null,[e(t(T),{bordered:!1,bodyStyle:{padding:"26px 10px 0 10px",marginBottom:"8px"}},{default:d(()=>[e(t(n))]),_:1}),e(t(T),{bordered:!1,bodyStyle:{padding:"10px",height:"calc(100% - 50px)"},style:{height:"calc(100% - 100px)"}},{default:d(()=>[e(t(P),{windowWidth:1716}),e(t(A),{uid:t(g).uid,gridOptions:t(F),gridEvent:t(S)},{operate:d(({row:a})=>[e(t(Y),null,{default:d(()=>[e(t(v),{size:"small",type:"link",onClick:()=>t(te)({row:a,appContext:t(p),pause:t(u),resume:t(o)})},{default:d(()=>[s(" 通道详情 ")]),_:2},1032,["onClick"])]),_:2},1024)]),_:1},8,["uid","gridOptions","gridEvent"])]),_:1},8,["bodyStyle"])],64))}});export{be as default};
|
