2 lines
12 KiB
JavaScript
2 lines
12 KiB
JavaScript
import{g as we,be as Se,_ as J,r as U,an as Q,W as ke,b1 as Oe,A as be,k as m,m as C,n as t,B as M,am as xe,p as e,t as n,aj as W,az as R,E as _,F as i,I as r,D as f,J as y,H as G,ak as Ne,l as u,aA as Ce,aB as Re,bf as De,aF as Je,aX as Ie,V as Ee,aK as ze,au as Ue}from"./vendor/index.CRpmXtWV.js";import{_ as Me}from"./index.vue_vue_type_script_setup_true_lang.m9m5k4_V.js";import{T as Pe}from"./index.DJHT7hmw.js";import{d as Le,R as B,T as $,x as Ke,_ as Ae}from"../index.D-NvtsOM.js";import{u as Fe}from"./dict.DBZ2k0Lk.js";import{l as Be,d as $e,e as qe}from"./amf.C1u8Etm7.js";import{W as He}from"./ws-websocket.Bq7KFeli.js";const Ye={key:0},Ve=["title"],je={key:2},Qe=["title"],We=["title"],Ge=["title"],Xe={style:{width:"46%","padding-left":"32px","padding-bottom":"16px"}},Ze=["title"],et=["title"],tt=["title"],nt={key:0},at={key:1},ot={key:2},lt=we({__name:"index",setup(st){const{t:a}=Le(),{getDict:P}=Fe(),I=new He,X=new Se({concurrency:1,autoStart:!0});let T=J({ueAauthCode:[],ueEventType:[],ueEventCmState:[]}),w=U(["",""]),h=J({neType:"AMF",neId:"001",eventType:"",imsi:"",sortField:"timestamp",sortOrder:"desc",startTime:"",endTime:"",pageNum:1,pageSize:20});function Z(){L.value=[],h=Object.assign(h,{eventType:"",imsi:"",startTime:"",endTime:"",pageNum:1,pageSize:20}),w.value=["",""],O.current=1,O.pageSize=20,b()}const L=U([]);function ee(o){Array.isArray(o)&&(h.eventType=o.join(","))}let d=J({loading:!1,size:"middle",seached:!0,data:[],selectedRowKeys:[]}),D=U([]),q=[{title:a("common.rowId"),dataIndex:"id",align:"left",width:100},{title:"IMSI",dataIndex:"eventJSON",align:"left",width:150,customRender(o){return o.value.imsi}},{title:a("views.dashboard.ue.eventType"),dataIndex:"eventType",key:"eventType",align:"left",width:150},{title:a("views.dashboard.ue.result"),dataIndex:"eventJSON",key:"result",align:"left",width:150},{title:a("views.dashboard.ue.time"),dataIndex:"eventJSON",key:"time",align:"left",width:150}],O=J({current:1,pageSize:20,defaultPageSize:20,pageSizeOptions:["10","20","50","100"],hideOnSinglePage:!1,showQuickJumper:!0,showSizeChanger:!0,total:0,showTotal:o=>a("common.tablePaginationTotal",{total:o}),onChange:(o,l)=>{O.current=o,O.pageSize=l,h.pageNum=o,h.pageSize=l,b()}});function te({key:o}){d.size=o}function ne(o){d.selectedRowKeys=o}let S=J({confirmLoading:!1,maxId:0});function H(o){if(!o||S.confirmLoading)return;let l=o;o==="0"&&(l=`${o}... ${d.selectedRowKeys.length}`,o=d.selectedRowKeys.join(",")),u.Modal.confirm({title:a("common.tipTitle"),content:a("views.dashboard.ue.delTip",{msg:l}),onOk(){S.confirmLoading=!0;const v=u.message.loading(a("common.loading"),0);$e(o).then(p=>{p.code===B?(u.message.success({content:a("common.operateOk"),duration:3}),b(1)):u.message.error({content:`${p.msg}`,duration:3})}).finally(()=>{v(),S.confirmLoading=!1})}})}function b(o){d.loading||(d.loading=!0,o&&(h.pageNum=o),w.value||(w.value=["",""]),h.startTime=w.value[0],h.endTime=w.value[1],Be(Q(h)).then(l=>{l.code===B&&Array.isArray(l.rows)&&(d.selectedRowKeys.length>0&&(d.selectedRowKeys=[]),O.total=l.total,d.data=l.rows.map(v=>{let p=v.eventJSON;p||Reflect.set(v,"eventJSON",{});try{p=JSON.parse(p),Reflect.set(v,"eventJSON",p)}catch(g){console.error(g),Reflect.set(v,"eventJSON",{})}return v}),l.total>0&&(S.maxId=Number(l.rows[0].id))),d.loading=!1}))}function ae(){S.confirmLoading||u.Modal.confirm({title:a("common.tipTitle"),content:a("views.dashboard.ue.exportTip"),onOk(){const o=u.message.loading(a("common.loading"),0),l=Q(h);l.pageSize=1e4,qe(l).then(v=>{v.code===B?(u.message.success({content:a("common.operateOk"),duration:3}),Ue(v.data,`amf_ue_event_export_${Date.now()}.xlsx`)):u.message.error({content:`${v.msg}`,duration:3})}).finally(()=>{o(),S.confirmLoading=!1})}})}const x=U(!1);function oe(){if(x.value=!x.value,x.value){const o={url:"/ws",params:{subGroupID:"1010"},onmessage:se,onerror:le};I.connect(o)}else I.close()}function le(o){console.error(o)}function se(o){const{code:l,requestId:v,data:p}=o;if(l===Ke){console.warn(o.msg);return}if(p?.groupId&&p.groupId==="1010"){const g=p.data;X.add(async()=>{S.maxId+=1,d.data.unshift({id:S.maxId,neType:g.neType,neName:g.neName,rmUID:g.rmUID,timestamp:g.timestamp,eventType:g.eventType,eventJSON:g.eventJSON}),O.total+=1,d.data.length>100&&d.data.pop(),await new Promise(K=>setTimeout(K,800))})}}return ke(()=>{Promise.allSettled([P("ue_auth_code"),P("ue_event_type"),P("ue_event_cm_state")]).then(o=>{o[0].status==="fulfilled"&&(T.ueAauthCode=o[0].value),o[1].status==="fulfilled"&&(T.ueEventType=o[1].value),o[2].status==="fulfilled"&&(T.ueEventCmState=o[2].value)}).finally(()=>{b()})}),Oe(()=>{I.state()!==-1&&I.close()}),(o,l)=>{const v=u.Select,p=u.FormItem,g=u.Col,K=u.Input,ie=u.RangePicker,ue=Ce,k=u.Button,de=Re,E=u.Space,me=u.Row,ce=u.Form,Y=u.Card,pe=De,re=u.Popconfirm,V=Je,ve=Ie,_e=u.Switch,z=u.Tooltip,fe=Ee,ye=ze,A=u.MenuItem,he=u.Menu,ge=u.Dropdown,N=Me,j=u.Divider,Te=u.Table,F=be("roles");return m(),C(e(Ne),null,{default:t(()=>[M(n(Y,{bordered:!1,"body-style":{marginBottom:"24px",paddingBottom:0}},{default:t(()=>[n(ce,{model:e(h),name:"queryParams",layout:"horizontal"},{default:t(()=>[n(me,{gutter:16},{default:t(()=>[n(g,{lg:6,md:12,xs:24},{default:t(()=>[n(p,{label:e(a)("views.dashboard.ue.eventType"),name:"eventType "},{default:t(()=>[n(v,{value:L.value,"onUpdate:value":l[0]||(l[0]=s=>L.value=s),mode:"multiple",options:e(T).ueEventType,placeholder:e(a)("common.selectPlease"),onChange:ee},null,8,["value","options","placeholder"])]),_:1},8,["label"])]),_:1}),n(g,{lg:4,md:12,xs:24},{default:t(()=>[n(p,{label:"IMSI",name:"imsi "},{default:t(()=>[n(K,{value:e(h).imsi,"onUpdate:value":l[1]||(l[1]=s=>e(h).imsi=s),"allow-clear":"",placeholder:e(a)("common.inputPlease")},null,8,["value","placeholder"])]),_:1})]),_:1}),n(g,{lg:8,md:12,xs:24},{default:t(()=>[n(p,{label:e(a)("views.dashboard.cdr.time"),name:"queryRangePicker"},{default:t(()=>[n(ie,{value:e(w),"onUpdate:value":l[2]||(l[2]=s=>W(w)?w.value=s:w=s),"allow-clear":"",bordered:"","show-time":{format:"HH:mm:ss"},format:"YYYY-MM-DD HH:mm:ss","value-format":"x",style:{width:"100%"}},null,8,["value"])]),_:1},8,["label"])]),_:1}),n(g,{lg:6,md:12,xs:24},{default:t(()=>[n(p,null,{default:t(()=>[n(E,{size:8},{default:t(()=>[n(k,{type:"primary",onClick:l[3]||(l[3]=R(s=>b(1),["prevent"]))},{icon:t(()=>[n(ue)]),default:t(()=>[_(" "+i(e(a)("common.search")),1)]),_:1}),n(k,{type:"default",onClick:R(Z,["prevent"])},{icon:t(()=>[n(de)]),default:t(()=>[_(" "+i(e(a)("common.reset")),1)]),_:1})]),_:1})]),_:1})]),_:1})]),_:1})]),_:1},8,["model"])]),_:1},512),[[xe,e(d).seached]]),n(Y,{bordered:!1,"body-style":{padding:"0px"}},{title:t(()=>[n(E,{size:8,align:"center"},{default:t(()=>[n(re,{placement:"bottomLeft",title:x.value?e(a)("views.dashboard.ue.realTimeDataStop"):e(a)("views.dashboard.ue.realTimeDataStart"),"ok-text":"Yes","cancel-text":"No",onConfirm:l[4]||(l[4]=s=>oe())},{default:t(()=>[M((m(),C(k,{type:"primary",danger:x.value},{icon:t(()=>[n(pe)]),default:t(()=>[_(" "+i(x.value?e(a)("views.dashboard.ue.realTimeDataStop"):e(a)("views.dashboard.ue.realTimeDataStart")),1)]),_:1},8,["danger"])),[[F,[e($)],"has"]])]),_:1},8,["title"]),M((m(),C(k,{type:"default",danger:"",disabled:e(d).selectedRowKeys.length<=0,loading:e(S).confirmLoading,onClick:l[5]||(l[5]=R(s=>H("0"),["prevent"]))},{icon:t(()=>[n(V)]),default:t(()=>[_(" "+i(e(a)("common.deleteText")),1)]),_:1},8,["disabled","loading"])),[[F,[e($)],"has"]]),n(k,{type:"dashed",onClick:l[6]||(l[6]=R(s=>ae(),["prevent"]))},{icon:t(()=>[n(ve)]),default:t(()=>[_(" "+i(e(a)("common.export")),1)]),_:1})]),_:1})]),extra:t(()=>[n(E,{size:8,align:"center"},{default:t(()=>[n(z,null,{title:t(()=>[_(i(e(a)("common.searchBarText")),1)]),default:t(()=>[n(_e,{checked:e(d).seached,"onUpdate:checked":l[7]||(l[7]=s=>e(d).seached=s),"checked-children":e(a)("common.switch.show"),"un-checked-children":e(a)("common.switch.hide"),size:"small"},null,8,["checked","checked-children","un-checked-children"])]),_:1}),n(z,null,{title:t(()=>[_(i(e(a)("common.reloadText")),1)]),default:t(()=>[n(k,{type:"text",onClick:l[8]||(l[8]=R(s=>b(),["prevent"]))},{icon:t(()=>[n(fe)]),_:1})]),_:1}),n(Pe,{"cache-id":"amfUeData",columns:e(q),"columns-dnd":e(D),"onUpdate:columnsDnd":l[9]||(l[9]=s=>W(D)?D.value=s:D=s)},null,8,["columns","columns-dnd"]),n(z,null,{title:t(()=>[_(i(e(a)("common.sizeText")),1)]),default:t(()=>[n(ge,{trigger:"click",placement:"bottomRight"},{overlay:t(()=>[n(he,{"selected-keys":[e(d).size],onClick:te},{default:t(()=>[n(A,{key:"default"},{default:t(()=>[_(i(e(a)("common.size.default")),1)]),_:1}),n(A,{key:"middle"},{default:t(()=>[_(i(e(a)("common.size.middle")),1)]),_:1}),n(A,{key:"small"},{default:t(()=>[_(i(e(a)("common.size.small")),1)]),_:1})]),_:1},8,["selected-keys"])]),default:t(()=>[n(k,{type:"text"},{icon:t(()=>[n(ye)]),_:1})]),_:1})]),_:1})]),_:1})]),default:t(()=>[n(Te,{class:"table","row-key":"id",columns:e(D),loading:e(d).loading,"data-source":e(d).data,size:e(d).size,pagination:e(O),scroll:{x:e(q).length*120,y:"calc(100vh - 480px)"},"row-selection":{type:"checkbox",columnWidth:"48px",selectedRowKeys:e(d).selectedRowKeys,onChange:ne}},{bodyCell:t(({column:s,record:c})=>[s.key==="eventType"?(m(),C(N,{key:0,options:e(T).ueEventType,value:c.eventType},null,8,["options","value"])):r("",!0),s.key==="result"?(m(),f(G,{key:1},[c.eventType==="auth-result"?(m(),f("span",Ye,[n(N,{options:e(T).ueAauthCode,value:c.eventJSON.authCode},null,8,["options","value"])])):r("",!0),c.eventType==="detach"?(m(),f("span",{key:1,title:c.eventJSON.detachTime},[y("span",null,i(e(a)("views.dashboard.ue.resultOk")),1)],8,Ve)):r("",!0),c.eventType==="cm-state"?(m(),f("span",je,[n(N,{options:e(T).ueEventCmState,value:c.eventJSON.status},null,8,["options","value"])])):r("",!0)],64)):r("",!0),s.key==="time"?(m(),f(G,{key:2},[c.eventType==="auth-result"?(m(),f("span",{key:0,title:c.eventJSON.authTime},i(c.eventJSON.authTime),9,Qe)):r("",!0),c.eventType==="detach"?(m(),f("span",{key:1,title:c.eventJSON.detachTime},i(c.eventJSON.detachTime),9,We)):r("",!0),c.eventType==="cm-state"?(m(),f("span",{key:2,title:c.eventJSON.changeTime},i(c.eventJSON.changeTime),9,Ge)):r("",!0)],64)):r("",!0),s.key==="id"?(m(),C(E,{key:3,size:8,align:"center"},{default:t(()=>[n(z,null,{title:t(()=>[_(i(e(a)("common.deleteText")),1)]),default:t(()=>[M((m(),C(k,{type:"link",onClick:R(it=>H(c.id),["prevent"])},{icon:t(()=>[n(V)]),_:2},1032,["onClick"])),[[F,[e($)],"has"]])]),_:2},1024)]),_:2},1024)):r("",!0)]),expandedRowRender:t(({record:s})=>[y("div",Xe,[n(j,{orientation:"left"},{default:t(()=>[_(i(e(a)("views.dashboard.ue.ueInfo")),1)]),_:1}),y("div",null,[y("span",null,i(e(a)("views.ne.common.neName"))+": ",1),y("span",null,i(s.neName),1)]),y("div",null,[y("span",null,i(e(a)("views.ne.common.rmUid"))+": ",1),y("span",null,i(s.rmUID),1)]),n(j,{orientation:"left"},{default:t(()=>[_(i(e(a)("views.dashboard.ue.rowInfo")),1)]),_:1}),y("div",null,[y("span",null,i(e(a)("views.dashboard.ue.time"))+": ",1),s.eventType==="auth-result"?(m(),f("span",{key:0,title:s.eventJSON.authTime},i(s.eventJSON.authTime),9,Ze)):r("",!0),s.eventType==="detach"?(m(),f("span",{key:1,title:s.eventJSON.detachTime},i(s.eventJSON.detachTime),9,et)):r("",!0),s.eventType==="cm-state"?(m(),f("span",{key:2,title:s.eventJSON.changeTime},i(s.eventJSON.changeTime),9,tt)):r("",!0)]),y("div",null,[y("span",null,i(e(a)("views.dashboard.ue.eventType"))+": ",1),n(N,{options:e(T).ueEventType,value:s.eventType},null,8,["options","value"])]),y("div",null,[y("span",null,i(e(a)("views.dashboard.ue.result"))+": ",1),s.eventType==="auth-result"?(m(),f("span",nt,[n(N,{options:e(T).ueAauthCode,value:s.eventJSON.authCode},null,8,["options","value"])])):r("",!0),s.eventType==="detach"?(m(),f("span",at,i(e(a)("views.dashboard.ue.resultOK")),1)):r("",!0),s.eventType==="cm-state"?(m(),f("span",ot,[n(N,{options:e(T).ueEventCmState,value:s.eventJSON.status},null,8,["options","value"])])):r("",!0)])])]),_:1},8,["columns","loading","data-source","size","pagination","scroll","row-selection"])]),_:1})]),_:1})}}}),_t=Ae(lt,[["__scopeId","data-v-8fb6ed7d"]]);export{_t as default};
|