2 lines
5.2 KiB
JavaScript
2 lines
5.2 KiB
JavaScript
import{_ as z}from"./index.vue_vue_type_script_setup_true_lang-BeO8Hyma.js?v=1773287522785";import{c2 as r,cJ as $,n as O}from"./index-BTglIPU2.js?v=1773287522785";import{u as A}from"./useTableColumns-DDeyYvje.js?v=1773287522785";import{u as B}from"./useTableData-BmkIKQ_R.js?v=1773287522785";import{g as D}from"./index-CCGECshE.js?v=1773287522785";import{s as I}from"./tools-CMJvIbk2.js?v=1773287522785";import{_ as R}from"./index.vue_vue_type_script_setup_true_lang-DeTfbeeM.js?v=1773287522785";import{k as g,t as v,R as y,ap as L,$ as C,Z as w,a0 as h,S as d,_ as x}from"./vue-core-DJjvd5ZC.js?v=1773287522785";import"./data-BVsViUMm.js?v=1773287522785";import"./naive-ui--dJnpVcV.js?v=1773287522785";import"./prismjs-BZPoR7_J.js?v=1773287522785";import"./index-S15tYq5l.js?v=1773287522785";import"./copy-D-wIKr0q.js?v=1773287522785";import"./index-DIKmrNCq.js?v=1773287522785";import"./index-Cg6fMjw6.js?v=1773287522785";import"./useLoading-CZ2gSAW7.js?v=1773287522785";import"./rules-pmZEUQ_o.js?v=1773287522785";import"./index.vue_vue_type_script_setup_true_lang-DgjjuUjT.js?v=1773287522785";import"./index.vue_vue_type_script_setup_true_lang-B7YvCBmY.js?v=1773287522785";import"./index.vue_vue_type_script_setup_true_lang-C5hb-Th7.js?v=1773287522785";import"./index.vue_vue_type_script_setup_true_lang-D8O2mMsP.js?v=1773287522785";import"./index-CZps0rIN.js?v=1773287522785";const N={class:"h-full"},T=g({__name:"details-count",props:{data:{default:()=>({})}},setup(u){const i=v(u,"data"),{t:o}=y(),c=r("--color-bg-2"),f=r("--chart-tooltip-bg-color"),m=r("--color-text-1"),e=r("--color-text-2"),n=r("--color-text-3"),p=r("--color-border"),_=L({backgroundColor:c.value,title:a(),tooltip:{trigger:"item",confine:!0,backgroundColor:f.value,borderColor:"transparent",textStyle:{color:"#c7c7c7"},formatter(l){const t=l;return"".concat(t.marker," ").concat(t.name,": ").concat(t.value," (").concat(t.percent,"%)")}},series:s()}),b=["#6ec71e","#4885FF","#fc8b40","#818af8","#31c9d7","#f35e7a","#ab7aee","#14d68b","#cde5ff"];function a(l=0){return{text:o("Waf.Report.index_17"),textStyle:{color:m.value,fontSize:17},subtext:"".concat(l),subtextStyle:{color:e.value,fontSize:15},itemGap:20,left:"center",top:"42%"}}function s(l=[]){return[{type:"pie",data:l,radius:["50%","60%"],center:["50%","50%"],clockwise:!0,avoidLabelOverlap:!0,label:{show:!0,position:"outside",color:n.value,lineHeight:18,formatter(t){return t.name!==""?t.percent===0?"":o("Waf.Overview.index_33",[t.name,t.value,t.percent]):""}},labelLine:{length:30,length2:30,lineStyle:{width:1,color:p.value}},itemStyle:{labelLine:{length:30,length2:30,lineStyle:{width:1,color:p.value}},color(t){return b[t.dataIndex]}},emphasis:{scaleSize:15}}]}return(()=>{let l=0;const t=[];Object.entries(i.value).forEach(([W,k])=>{l+=k,t.push({name:W,value:k})}),_.title=a(l),_.series=s(t)})(),(l,t)=>(C(),w("div",N,[h(R,{type:"pie",height:"100%",option:d(_)},null,8,["option"])]))}}),V={class:"h-full"},E=g({__name:"details-uri",props:{data:{default:()=>[]}},setup(u){const i=v(u,"data"),{t:o}=y(),c=r("--color-bg-2"),f=r("--chart-tooltip-bg-color"),m=r("--color-text-1"),e=r("--color-text-2"),n=r("--color-border"),p=L({backgroundColor:c.value,tooltip:{trigger:"item",axisPointer:{type:"shadow",label:{color:"#fff",fontSize:"26"}},backgroundColor:f.value,borderColor:"transparent",textStyle:{color:"#c7c7c7"},formatter(a){const s=a;return'<div style="max-width: 400px;">'.concat(s.marker," ").concat($(s.seriesName||""),"</div>\n <div>").concat(o("Waf.Report.index_16",[s.data]),"</div>")}},legend:_(),grid:{top:60,left:60,right:0,bottom:50},xAxis:[{type:"category",axisLabel:{color:m.value,fontSize:14,fontWeight:"bold"},data:[o("Waf.Report.index_15")]}],yAxis:[{type:"value",axisLine:{show:!1},axisTick:{show:!1},splitNumber:4,axisLabel:{color:e.value},splitLine:{lineStyle:{type:"dashed",color:n.value}}}],color:["#4fa8f9","#6ec71e","#f56e6a","#fc8b40","#818af8","#31c9d7","#f35e7a","#ab7aee","#14d68b","#cde5ff"],series:b()});function _(){return{top:"0%",data:i.value.slice(0,4).map(a=>a.name),textStyle:{fontSize:12,color:e.value},icon:"rect"}}function b(){return i.value.slice(0,4).map(a=>({name:a.name,type:"bar",label:{show:!0,position:"top"},barMaxWidth:60,data:[a.value]}))}return(a,s)=>(C(),w("div",V,[h(R,{type:"bar",height:"100%",option:d(p)},null,8,["option"])]))}}),F={class:"p-20px"},H={class:"flex h-280px mb-16px"},M={class:"w-410px"},P={class:"w-500px"},ft=g({__name:"details",props:{row:{}},setup(u){const i=v(u,"row"),{t:o}=y(),{table:c,columns:f}=B([{key:"time_localtime",title:o("Waf.Report.index_13"),width:140},{key:"server_name",title:o("Waf.Report.index_14"),ellipsis:{tooltip:!0}},{key:"ip_country",title:o("Waf.Report.index_8"),render:e=>e.ip_country||"--"},{key:"URI",title:"URI",ellipsis:{tooltip:!0},render:e=>$(e.uri)||"--"},{key:"filter_rule",title:o("Waf.Report.index_34"),width:140},A({width:80,options:e=>[{label:o("Public.Btn.Details"),onClick:async()=>{const{message:n}=await D({id:e.id});O(n)&&n.length>0&&I(n[0])}}]})]);c.data=i.value.data.list;const m=i.value.data.uri.map(e=>({name:e[0],value:e[1]}));return(e,n)=>{const p=z;return C(),w("div",F,[x("div",H,[x("div",M,[h(T,{data:d(i).data.type},null,8,["data"])]),x("div",P,[h(E,{data:d(m)},null,8,["data"])])]),h(p,{"max-height":300,data:d(c).data,columns:d(f)},null,8,["data","columns"])])}}});export{ft as default};
|