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