| 1 |
- import{f as i,d as x,U as y,V as v,u as e,a0 as f,E as m,F as w}from"./vue-18ee037d.js";import"./dayjs-4778c158.js";import{J as g,aa as u,aj as D,ag as C}from"./index-421a14fe.js";import{u as I}from"./useModal-dcba92a3.js";import{s as _}from"./gb28281-89f88f1c.js";import{u as k}from"./index-9374feb1.js";import{_ as S}from"./scroll-tip.vue_vue_type_script_setup_true_lang-c90dd8b9.js";import{u as N}from"./usePlay-2b1e397a.js";import{D as O}from"./index-78834803.js";const q=t=>({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":t},"x-content":{prefix:()=>i(g,{icon:"ic:outline-search"},null)}}}}}}),b=x({name:"Channel"}),F=x({...b,props:{detail:null,device:null},setup(t){const o=t,c={0:"空闲",1:"拉流中",2:"已拉流"},n=k(),s={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:a})=>c[a]},{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:o.detail},p=async a=>{const{DeviceID:r,Name:l}=a;await _({id:o.device.ID,channel:r}).then(W=>{const h=o.detail.map(d=>(d.DeviceID===r&&(d.LiveStatus=0),d));n.tableRef.reloadData(h),C.success(`通道 ${l||r} 已停止拉流`)})};return(a,r)=>(y(),v(w,null,[i(e(S)),i(e(D),{uid:e(n).uid,gridOptions:e(s)},{operate:f(({row:l})=>[i(e(u),{size:"small",type:"link",onClick:()=>e(N)({id:t.device.ID,deviceName:t.device.Name,deviceID:l.DeviceID,channelName:l.Name})},{default:f(()=>[m(" 播放 ")]),_:2},1032,["onClick"]),i(e(O),{type:"vertical",class:"m-0"}),i(e(u),{size:"small",type:"link",danger:"",disabled:l.LiveStatus===0,onClick:()=>p(l)},{default:f(()=>[m(" 停止拉流 ")]),_:2},1032,["disabled","onClick"])]),_:1},8,["uid","gridOptions"])],64))}}),z=({row:t,appContext:o,pause:c,resume:n})=>{c();const{Name:s,Channels:p,ID:a}=t;I({content:i(F,{detail:p||[],device:{ID:a,Name:s}},null),modalConfig:{appContext:o,width:"78%",title:`${s} 通道详情`,okButtonProps:{style:{display:"none"}},cancelText:"关闭",maskClosable:!1,onCancel:()=>n()}})};export{q,z as u};
|
