2 lines
11 KiB
JavaScript
2 lines
11 KiB
JavaScript
import{g as ve,y as be,b0 as Te,b2 as ke,bq as we,b5 as xe,c3 as Ce,bs as Se,b7 as Oe,bt as De,r as C,_ as A,W as Ie,l as c,b1 as Re,k as L,m as Y,n as o,B as S,am as O,p as t,t as n,aj as J,az as F,E as y,F as _,I as X,D as ze,H as Me,J as Q,ak as Ae,a2 as Fe,an as $e,b9 as Ge,ba as Ne,bu as Ee,aA as Le,bj as Pe,aX as Ue,V as Be,aK as We,au as qe}from"./vendor/index.CRpmXtWV.js";import{T as He}from"./index.DJHT7hmw.js";import{d as Ke,R as P,p as U,x as je}from"../index.D-NvtsOM.js";import{u as Ve}from"./neinfo.CsfhUo_f.js";import{g as Ye,l as Je}from"./goldTarget.De2IzyrI.js";import{w as Xe}from"./execl-utils.UQoAkgeM.js";import{g as Qe}from"./generate-utils.BWefdR0C.js";import{W as Ze}from"./ws-websocket.Bq7KFeli.js";import"./neInfo.DNMxf4Rh.js";import"./parse-tree-utils.CVXqlbRx.js";import"./task.DBr8g4rv.js";const et={style:{padding:"24px"}},pt=ve({__name:"index",setup(tt){const B=Ve(),Z=be(),{t:s,currentLocale:ee}=Ke(),$=new Ze;Te([ke,we,xe,Ce,Se,Oe,De]);const W=C(void 0),v=C(null);let D=C([]),b=C(["",""]),I=C([]),T=C([]),R=A({current:1,pageSize:20,defaultPageSize:20,pageSizeOptions:["10","20","50","100"],hideOnSinglePage:!1,showQuickJumper:!0,showSizeChanger:!0,total:0,showTotal:a=>s("common.tablePaginationTotal",{total:a}),onChange:(a,e)=>{R.current=a,R.pageSize=e}}),i=A({tableColumns:[],loading:!1,size:"middle",seached:!0,data:[],showTable:!1});function te({key:a}){i.size=a}let m=A({neType:"",neId:"",interval:900,startTime:"",endTime:"",sortField:"timeGroup",sortOrder:"desc"});function ae(a,e,d,r){const{columnKey:l,order:p}=d;p&&(p.startsWith(m.sortOrder)||(p?(m.sortField=l,m.sortOrder=p.replace("end","")):m.sortOrder="asc",G()))}let f=A({neType:[],chartRealTime:!1,chartLegendSelectedFlag:!1});function ne(){c.Modal.confirm({title:"Tip",content:s("views.perfManage.goldTarget.exportSure"),onOk(){const a="exportKPI";if(c.message.loading({content:s("common.loading"),key:a}),i.data.length<=0){c.message.error({content:s("views.perfManage.goldTarget.exportEmpty"),key:a,duration:2});return}const e=[],d=[];for(const l of T.value)e.push(`${l.title}`),d.push(`${l.key}`);const r=[];for(const l of i.data){const p={},x=Object.keys(l);for(let h=0;h<=d.length;h++)for(const g of x)if(d[h]===g){const M=e[h];p[M]=l[g]}r.push(p)}Xe(r,"KPI",{header:e}).then(l=>qe(l,`kpi_data_${Date.now()}.xlsx`)).finally(()=>{c.message.success({content:s("common.msgSuccess",{msg:s("common.export")}),key:a,duration:2})})}})}function q(){var a=ee.value.split("_")[0];a==="zh"&&(a="cn"),Ye(f.neType[0]).then(e=>{if(e.code===P&&Array.isArray(e.data)){I.value=[];const d=[];for(const r of e.data){const l=r[`${a}Title`],p=r.kpiId;d.push({title:l,dataIndex:p,align:"left",key:p,resizable:!0,width:100,minWidth:150,maxWidth:300})}return d.push({title:s("views.perfManage.perfData.neName"),dataIndex:"neName",key:"neName",align:"left",width:100}),d.push({title:s("views.perfManage.goldTarget.time"),dataIndex:"timeGroup",align:"left",fixed:"right",key:"timeGroup",sorter:!0,width:100}),Fe(()=>{I.value=d}),!0}else return c.message.warning({content:s("common.getInfoFail"),duration:2}),!1}).then(e=>{e&&G()})}function G(){i.loading||(i.loading=!0,m.neType=f.neType[0],m.neId=f.neType[1],m.startTime=b.value[0],m.endTime=b.value[1],Je($e(m)).then(a=>(i.loading=!1,a.code===P&&Array.isArray(a.data)?(R.total=a.data.length,i.data=a.data,!0):!1)).then(a=>{a&&se()}))}function oe(){i.showTable=!i.showTable}function le(){const a=W.value;if(!a)return;v.value=Ge(Ne(a,"light"));const e={tooltip:{trigger:"axis",position:function(r){return[r[0],"10%"]}},xAxis:{type:"category",boundaryGap:!1,data:[]},yAxis:{type:"value",boundaryGap:[0,"100%"]},legend:{type:"scroll",orient:"vertical",top:40,right:20,itemWidth:20,itemGap:25,textStyle:{color:"#646A73"},icon:"circle",selected:{}},grid:{left:"10%",right:"30%",bottom:"20%"},dataZoom:[{type:"inside",start:90,end:100},{start:90,end:100}],series:[]};v.value.setOption(e);var d=new ResizeObserver(r=>{v.value&&v.value.resize()});d.observe(a)}let k={},z=[],w=[];function se(){if(v.value==null&&i.data.length<=0)return;k={},z=[],w=[];for(const e of I.value){if(e.key==="neName"||e.key==="startIndex"||e.key==="timeGroup")continue;const d=Qe();w.push({name:`${e.title}`,key:`${e.key}`,type:"line",symbol:"none",sampling:"lttb",itemStyle:{color:d},areaStyle:{color:new Ee(0,0,0,1,[{offset:0,color:d.replace(")",",0.8)")},{offset:1,color:d.replace(")",",0.3)")}])},data:[]}),k[`${e.title}`]=f.chartLegendSelectedFlag}let a=i.data;m.sortOrder==="desc"&&(a=a.toReversed());for(const e of a){z.push(U(+e.timeGroup));const d=Object.keys(e);for(const r of w)for(const l of d)r.key===l&&r.data.push(+e[l])}v.value.setOption({legend:{selected:k},xAxis:{type:"category",boundaryGap:!1,data:z},series:w},{replaceMerge:["xAxis","series"]})}function ie(a){for(const e of Object.keys(k))k[e]=a;v.value.setOption({legend:{selected:k}})}function re(a){if(a){i.seached=!1;const e={url:"/ws",params:{subGroupID:`10_${m.neType}_${m.neId}`},onmessage:ce,onerror:de};$.connect(e)}else i.seached=!0,$.close()}function de(a){console.error(a)}function ce(a){const{code:e,requestId:d,data:r}=a;if(e===je){console.warn(a.msg);return}if(!r?.groupId)return;const l=r.data;if(i.data.unshift(l),R.total++,l.neType===m.neType){for(const p of Object.keys(r.data)){const x=l[p];if(p==="timeGroup"){z.push(U(+x));continue}const h=w.find(g=>g.key===p);h&&h.data.push(+x)}v.value.setOption({xAxis:{data:z},series:w})}}return Ie(()=>{B.fnNelist().then(a=>{if(a.code===P&&Array.isArray(a.data)){if(a.data.length>0){if(D.value=B.getNeCascaderOptions.filter(l=>!["OMC","NSSF","NEF","NRF","LMF","N3IWF"].includes(l.value)),D.value.length===0){c.message.warning({content:s("common.noData"),duration:2});return}const e=Z.query.neType||"UPF",d=D.value.find(l=>l.value===e);if(d&&d.children){const l=d.children[0];f.neType=[l.neType,l.neId],m.neType=l.neType,m.neId=l.neId}else{const l=D.value[0].children[0];f.neType=[l.neType,l.neId],m.neType=l.neType,m.neId=l.neId}const r=new Date;r.setMinutes(0,0,0),b.value[0]=`${r.getTime()}`,r.setMinutes(59,59,59),b.value[1]=`${r.getTime()}`,q(),le()}}else c.message.warning({content:s("common.noData"),duration:2})})}),Re(()=>{$.close()}),(a,e)=>{const d=c.Cascader,r=c.FormItem,l=c.Col,p=c.RangePicker,x=c.Select,h=Le,g=c.Button,M=c.Space,ue=c.Row,H=c.Form,K=c.Card,me=Pe,pe=Ue,fe=Be,j=c.Tooltip,ge=We,N=c.MenuItem,he=c.Menu,ye=c.Dropdown,V=c.Switch,_e=c.Table;return L(),Y(t(Ae),null,{default:o(()=>[S(n(K,{bordered:!1,"body-style":{marginBottom:"24px",paddingBottom:0}},{default:o(()=>[n(H,{model:t(m),name:"queryParamsFrom",layout:"horizontal"},{default:o(()=>[n(ue,{gutter:16},{default:o(()=>[n(l,{lg:6,md:12,xs:24},{default:o(()=>[n(r,{name:"neType",label:t(s)("views.ne.common.neType")},{default:o(()=>[n(d,{value:t(f).neType,"onUpdate:value":e[0]||(e[0]=u=>t(f).neType=u),options:t(D),"allow-clear":!1,placeholder:t(s)("common.selectPlease")},null,8,["value","options","placeholder"])]),_:1},8,["label"])]),_:1}),n(l,{lg:10,md:12,xs:24},{default:o(()=>[n(r,{label:t(s)("views.perfManage.goldTarget.timeFrame"),name:"timeFrame"},{default:o(()=>[n(p,{value:t(b),"onUpdate:value":e[1]||(e[1]=u=>J(b)?b.value=u:b=u),bordered:"","allow-clear":!1,"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(l,{lg:4,md:12,xs:24},{default:o(()=>[n(r,{label:t(s)("views.perfManage.goldTarget.interval"),name:"interval"},{default:o(()=>[n(x,{value:t(m).interval,"onUpdate:value":e[2]||(e[2]=u=>t(m).interval=u),placeholder:t(s)("common.selectPlease"),options:[{label:"5S",value:5},{label:"1M",value:60},{label:"5M",value:300},{label:"15M",value:900},{label:"30M",value:1800},{label:"60M",value:3600}]},null,8,["value","placeholder"])]),_:1},8,["label"])]),_:1}),n(l,{lg:2,md:12,xs:24},{default:o(()=>[n(r,null,{default:o(()=>[n(M,{size:8},{default:o(()=>[n(g,{type:"primary",loading:t(i).loading,onClick:e[3]||(e[3]=F(u=>q(),["prevent"]))},{icon:o(()=>[n(h)]),default:o(()=>[y(" "+_(t(s)("common.search")),1)]),_:1},8,["loading"])]),_:1})]),_:1})]),_:1})]),_:1})]),_:1},8,["model"])]),_:1},512),[[O,t(i).seached]]),n(K,{bordered:!1,"body-style":{padding:"0px"}},{title:o(()=>[n(M,{size:8,align:"center"},{default:o(()=>[n(g,{type:"primary",loading:t(i).loading,onClick:e[4]||(e[4]=F(u=>oe(),["prevent"]))},{icon:o(()=>[n(me)]),default:o(()=>[y(" "+_(t(i).showTable?t(s)("views.perfManage.goldTarget.kpiChartTitle"):t(s)("views.perfManage.goldTarget.kpiTableTitle")),1)]),_:1},8,["loading"]),S(n(g,{type:"dashed",loading:t(i).loading,onClick:e[5]||(e[5]=F(u=>ne(),["prevent"]))},{icon:o(()=>[n(pe)]),default:o(()=>[y(" "+_(t(s)("common.export")),1)]),_:1},8,["loading"]),[[O,t(i).showTable]])]),_:1})]),extra:o(()=>[S(n(M,{size:8,align:"center"},{default:o(()=>[n(j,null,{title:o(()=>[y(_(t(s)("common.reloadText")),1)]),default:o(()=>[n(g,{type:"text",onClick:e[6]||(e[6]=F(u=>G(),["prevent"]))},{icon:o(()=>[n(fe)]),_:1})]),_:1}),t(I).length>0?(L(),Y(He,{key:0,"cache-id":`kpiTarget_${t(f).neType[0]}`,columns:t(I),"columns-dnd":t(T),"onUpdate:columnsDnd":e[7]||(e[7]=u=>J(T)?T.value=u:T=u)},null,8,["cache-id","columns","columns-dnd"])):X("",!0),n(j,null,{title:o(()=>[y(_(t(s)("common.sizeText")),1)]),default:o(()=>[n(ye,{trigger:"click",placement:"bottomRight"},{overlay:o(()=>[n(he,{"selected-keys":[t(i).size],onClick:te},{default:o(()=>[n(N,{key:"default"},{default:o(()=>[y(_(t(s)("common.size.default")),1)]),_:1}),n(N,{key:"middle"},{default:o(()=>[y(_(t(s)("common.size.middle")),1)]),_:1}),n(N,{key:"small"},{default:o(()=>[y(_(t(s)("common.size.small")),1)]),_:1})]),_:1},8,["selected-keys"])]),default:o(()=>[n(g,{type:"text"},{icon:o(()=>[n(ge)]),_:1})]),_:1})]),_:1})]),_:1},512),[[O,t(i).showTable]]),S(n(H,{layout:"inline"},{default:o(()=>[n(r,{label:t(s)("views.perfManage.goldTarget.showChartSelected"),name:"chartLegendSelectedFlag"},{default:o(()=>[n(V,{disabled:t(i).loading,checked:t(f).chartLegendSelectedFlag,"onUpdate:checked":e[8]||(e[8]=u=>t(f).chartLegendSelectedFlag=u),"checked-children":t(s)("common.switch.open"),"un-checked-children":t(s)("common.switch.shut"),onChange:ie,size:"small"},null,8,["disabled","checked","checked-children","un-checked-children"])]),_:1},8,["label"]),n(r,{label:t(s)("views.perfManage.goldTarget.realTimeData"),name:"chartRealTime"},{default:o(()=>[n(V,{disabled:t(i).loading,checked:t(f).chartRealTime,"onUpdate:checked":e[9]||(e[9]=u=>t(f).chartRealTime=u),"checked-children":t(s)("common.switch.open"),"un-checked-children":t(s)("common.switch.shut"),onChange:re,size:"small"},null,8,["disabled","checked","checked-children","un-checked-children"])]),_:1},8,["label"])]),_:1},512),[[O,!t(i).showTable]])]),default:o(()=>[S(n(_e,{class:"table","row-key":"id",columns:t(T),loading:t(i).loading,"data-source":t(i).data,size:t(i).size,pagination:t(R),scroll:{x:t(T).length*200,y:"calc(100vh - 480px)"},onResizeColumn:e[10]||(e[10]=(u,E)=>E.width=u),"show-expand-column":!1,onChange:ae},{bodyCell:o(({column:u,record:E})=>[u.key==="timeGroup"?(L(),ze(Me,{key:0},[y(_(t(U)(+E.timeGroup)),1)],64)):X("",!0)]),_:1},8,["columns","loading","data-source","size","pagination","scroll"]),[[O,t(i).showTable]]),S(Q("div",et,[Q("div",{ref_key:"kpiChartDom",ref:W,style:{height:"450px",width:"100%"}},null,512)],512),[[O,!t(i).showTable]])]),_:1})]),_:1})}}});export{pt as default};
|