import{C as o}from"./index.bb5f1b0a.js";import{f as r}from"./index.70d38b82.js";import{n as l}from"./vueComponentNormalizer.9ef17bb1.js";import{R as y}from"./data-report.1a365133.js";import{A as f}from"./index.51e15757.js";const x={mounted(){this.fetch()},methods:{async fetch(){const t=await r("system-user");let e=0;for(const i of t)e+=i.value*=1;this.draw({data:t,total:e})},draw({total:t=0,data:e}){var i,s;(s=(i=this.chart)==null?void 0:i.destroy)==null||s.call(i),this.chart=new o({padding:[30,0],container:this.$el,autoFit:!0,height:300}),this.chart.scale("value",{formatter:a=>a*100+"%"}),this.chart.coordinate("theta",{radius:.75,innerRadius:.6}),this.chart.tooltip({showTitle:!1,showMarkers:!1,itemTpl:`
        <ul class="g2-tooltip-list">
          <li class="g2-tooltip-list-item">{name}: {value}\u4EBA</li>
          <li class="g2-tooltip-list-item"><span style="background-color:{color};" class="g2-tooltip-marker"></span>\u5360\u6BD4: {percent}%</li>
        </ul>`}),this.chart.interval().adjust("stack").position("value").color("name").label("value",a=>({content:()=>`${(a/t*100).toFixed(2)}%`})).tooltip("name*value",(a,n)=>({name:a,value:n,percent:(n/t*100).toFixed(2)})),this.chart.interaction("element-active"),this.chart.data(e),this.chart.annotation().html({position:["50%","50%"],html:`<div style="color:#8c8c8c;font-size: 14px;text-align: center;width: 10em;">\u7CFB\u7EDF\u4F7F\u7528\u7528\u6237<br><span style="color:#8c8c8c;font-size:20px">${t}</span>\u4EBA</div>`,alignX:"middle",alignY:"middle"}),this.chart.render()}},render(t){return t("div",{class:"chart",attrs:{"data-title":"\u7CFB\u7EDF\u7528\u6237\u7EDF\u8BA1"}})}};let w,F;const h={};var k=l(x,w,F,!1,z,null,null,null);function z(t){for(let e in h)this[e]=h[e]}const b=function(){return k.exports}(),R={mounted(){this.fetch()},methods:{async fetch(){const t=await r("system-org");let e=0;for(const i of t)e+=i.value*=1;this.draw({data:t,total:e})},draw({total:t=0,data:e}){var i,s;(s=(i=this.chart)==null?void 0:i.destroy)==null||s.call(i),this.chart=new o({padding:[30,0],container:this.$el,autoFit:!0,height:300}),this.chart.scale("value",{formatter:a=>a*100+"%"}),this.chart.coordinate("theta",{radius:.75,innerRadius:.6}),this.chart.tooltip({showTitle:!1,showMarkers:!1,itemTpl:`
        <ul class="g2-tooltip-list">
          <li class="g2-tooltip-list-item">{name}: {value}\u4EBA</li>
          <li class="g2-tooltip-list-item"><span style="background-color:{color};" class="g2-tooltip-marker"></span>\u5360\u6BD4: {percent}%</li>
        </ul>`}),this.chart.interval().adjust("stack").position("value").color("name").label("value",a=>({content:()=>`${(a/t*100).toFixed(2)}%`})).tooltip("name*value",(a,n)=>({name:a,value:n,percent:(n/t*100).toFixed(2)})),this.chart.interaction("element-active"),this.chart.data(e),this.chart.annotation().html({position:["50%","50%"],html:`<div style="color:#8c8c8c;font-size: 14px;text-align: center;width: 10em;">\u5171\u6709\u673A\u6784\u6570<br><span style="color:#8c8c8c;font-size:20px">${t}</span>\u4E2A</div>`,alignX:"middle",alignY:"middle"}),this.chart.render()}},render(t){return t("div",{class:"chart",attrs:{"data-title":"\u7EC4\u7EC7\u673A\u6784\u7EDF\u8BA1"}})}};let S,j;const d={};var T=l(R,S,j,!1,M,null,null,null);function M(t){for(let e in d)this[e]=d[e]}const Y=function(){return T.exports}(),X={mounted(){this.fetch()},methods:{async fetch(){const t=await r("system-use"),e=t.reduce((i,s)=>(s.name=y[s.type],s.value*=1,i+s.value*1),0);this.draw({data:t,total:e})},draw({data:t,total:e}){var i,s;(s=(i=this.chart)==null?void 0:i.destroy)==null||s.call(i),this.chart=new o({padding:[30,0],container:this.$el,autoFit:!0,height:300}),this.chart.scale("value",{formatter:a=>a*100+"%"}),this.chart.coordinate("theta",{radius:.75,innerRadius:.6}),this.chart.tooltip({showTitle:!1,showMarkers:!1,itemTpl:`<ul class="g2-tooltip-list">
          <li class="g2-tooltip-list-item">{name}: {value}\u6B21</li>
          <li class="g2-tooltip-list-item"><span style="background-color:{color};" class="g2-tooltip-marker"></span>\u603B\u6570\u5360\u6BD4: {percent}%</li>
        </ul>`}),this.chart.interval().adjust("stack").position("value").color("name").label("value",a=>({content:()=>`${(a/e*100).toFixed(2)}%`})).tooltip("name*value",(a,n)=>({name:a,value:n,percent:(n/e*100).toFixed(2)})),this.chart.interaction("element-active"),this.chart.data(t),this.chart.annotation().html({position:["50%","50%"],html:`<div style="color:#8c8c8c;font-size: 14px;text-align: center;width: 10em;">\u4F7F\u7528\u6B21\u6570<br><span style="color:#8c8c8c;font-size:20px">${e}</span>\u6B21</div>`,alignX:"middle",alignY:"middle"}),this.chart.render()}},render(t){return t("div",{class:"chart",attrs:{"data-title":"\u7CFB\u7EDF\u6A21\u5757\u4F7F\u7528\u7EDF\u8BA1"}})}};let C,P;const u={};var A=l(X,C,P,!1,E,null,null,null);function E(t){for(let e in u)this[e]=u[e]}const D=function(){return A.exports}(),O={mounted(){this.fetch()},methods:{async fetch(){const t=await r("system-service-period"),e=[{name:"0-4\u70B9",value:0},{name:"4-8\u70B9",value:0},{name:"8-12\u70B9",value:0},{name:"12-16\u70B9",value:0},{name:"16-20\u70B9",value:0},{name:"20-24\u70B9",value:0}],i=t.reduce((s,a)=>(e[a.period].value=a.value*=1,s+a.value*1),0);this.draw({data:i===0?[]:e,total:i})},draw({data:t,total:e}){var i,s;(s=(i=this.chart)==null?void 0:i.destroy)==null||s.call(i),this.chart=new o({padding:[30,0],container:this.$el,autoFit:!0,height:300}),this.chart.scale("value",{formatter:a=>a*100+"%"}),this.chart.coordinate("theta",{radius:.75,innerRadius:.6}),this.chart.tooltip({showTitle:!1,showMarkers:!1,itemTpl:`<ul class="g2-tooltip-list">
          <li class="g2-tooltip-list-item">{name}: {value}\u6B21</li>
          <li class="g2-tooltip-list-item"><span style="background-color:{color};" class="g2-tooltip-marker"></span>\u603B\u6570\u5360\u6BD4: {percent}%</li>
        </ul>`}),this.chart.interval().adjust("stack").position("value").color("name").label("value",a=>({content:()=>`${(a/e*100).toFixed(2)}%`})).tooltip("name*value",(a,n)=>({name:a,value:n,percent:(n/e*100).toFixed(2)})),this.chart.interaction("element-active"),this.chart.data(t),this.chart.annotation().html({position:["50%","50%"],html:`<div style="color:#8c8c8c;font-size: 14px;text-align: center;width: 10em;">\u4F7F\u7528\u6B21\u6570<br><span style="color:#8c8c8c;font-size:20px">${e}</span>\u6B21</div>`,alignX:"middle",alignY:"middle"}),this.chart.render()}},render(t){return t("div",{class:"chart",attrs:{"data-title":"\u7CFB\u7EDF\u4F7F\u7528\u65F6\u6BB5\u7EDF\u8BA1"}})}};let U,q;const p={};var Q=l(O,U,q,!1,B,null,null,null);function B(t){for(let e in p)this[e]=p[e]}const G=function(){return Q.exports}(),H={mounted(){this.fetch()},methods:{async fetch(){const t=await r("res-size");let e=0;const i=t.map(s=>(e+=s.size*=1,{name:f[s.type].name,...s,...s.size.formatFileSize(2,"object")}));this.draw({data:i,total:e})},draw({total:t=0,data:e}){var s,a;(a=(s=this.chart)==null?void 0:s.destroy)==null||a.call(s),this.chart=new o({padding:[30,0],container:this.$el,autoFit:!0,height:300}),this.chart.scale("value",{formatter:n=>n*100+"%"}),this.chart.coordinate("theta",{radius:.75,innerRadius:.6}),this.chart.tooltip({showTitle:!1,showMarkers:!1,itemTpl:`
        <ul class="g2-tooltip-list">
          <li class="g2-tooltip-list-item">{name}: {value}{unit}</li>
          <li class="g2-tooltip-list-item"><span style="background-color:{color};" class="g2-tooltip-marker"></span>\u5360\u6BD4: {percent}%</li>
        </ul>`}),this.chart.interval().adjust("stack").position("size").color("name").label("size",n=>({content:()=>`${(n/t*100).toFixed(2)}%`})).tooltip("name*value*size*unit",(n,g,c,$)=>({name:n,size:c,value:g,unit:$,percent:(c/t*100).toFixed(2)}));const i=t.formatFileSize(2,"object");this.chart.interaction("element-active"),this.chart.data(e),this.chart.annotation().html({position:["50%","50%"],html:`<div style="color:#8c8c8c;font-size: 14px;text-align: center;width: 10em;">\u8D44\u6E90\u5171\u8BA1<br><span style="color:#8c8c8c;font-size:20px">${i.value}</span>${i.unit}</div>`,alignX:"middle",alignY:"middle"}),this.chart.render()}},render(t){return t("div",{class:"chart",attrs:{"data-title":"\u8D44\u6E90\u5927\u5C0F\u5360\u6BD4\u7EDF\u8BA1"}})}};let I,J;const m={};var K=l(H,I,J,!1,L,null,null,null);function L(t){for(let e in m)this[e]=m[e]}const N=function(){return K.exports}(),V={mounted(){this.fetch()},methods:{async fetch(){const t=await r("res-quantity");let e=0;const i=t.map(s=>(e+=s.count*=1,{name:f[s.type].name,value:s.count}));this.draw({total:e,data:i})},draw({total:t,data:e}){var i,s;(s=(i=this.chart)==null?void 0:i.destroy)==null||s.call(i),this.chart=new o({padding:[30,0],container:this.$el,autoFit:!0,height:300}),this.chart.scale("value",{formatter:a=>a*100+"%"}),this.chart.coordinate("theta",{radius:.75,innerRadius:.6}),this.chart.tooltip({showTitle:!1,showMarkers:!1,itemTpl:`
        <ul class="g2-tooltip-list">
          <li class="g2-tooltip-list-item">{name}: {value}\u4E2A</li>
          <li class="g2-tooltip-list-item"><span style="background-color:{color};" class="g2-tooltip-marker"></span>\u5360\u6BD4: {percent}%</li>
        </ul>`}),this.chart.interval().adjust("stack").position("value").color("name").label("value",a=>({content:()=>`${(a/t*100).toFixed(2)}%`})).tooltip("name*value",(a,n)=>({name:a,value:n,percent:(n/t*100).toFixed(2)})),this.chart.interaction("element-active"),this.chart.data(e),this.chart.annotation().html({position:["50%","50%"],html:`<div style="color:#8c8c8c;font-size: 14px;text-align: center;width: 10em;">\u8D44\u6E90\u5171\u8BA1<br><span style="color:#8c8c8c;font-size:20px">${t}</span>\u4E2A</div>`,alignX:"middle",alignY:"middle"}),this.chart.render()}},render(t){return t("div",{class:"chart",attrs:{"data-title":"\u8D44\u6E90\u6570\u91CF\u5360\u6BD4\u7EDF\u8BA1"}})}};let W,Z;const _={};var tt=l(V,W,Z,!1,et,null,null,null);function et(t){for(let e in _)this[e]=_[e]}const it=function(){return tt.exports}(),at={methods:{},render(t){return t("div",[b,Y,D,G,N,it].map(e=>t(e,{style:"width:36%"})))}};let st,nt;const v={};var lt=l(at,st,nt,!1,ot,null,null,null);function ot(t){for(let e in v)this[e]=v[e]}const pt=function(){return lt.exports}();export{pt as default};
