| 1 |
- import{i as C}from"./index.d9e7ec81.js";import{L as x,M as E,X as _,_ as m,ad as f,P as g,o as b,h as S,n as P,r as w,g as N,m as a,i,w as c,k as u}from"./vendor.0bc3c1d4.js";/* empty css */function z(){let s;x(()=>{s=_(),window.addEventListener("resize",d)}),E(()=>{window.removeEventListener("resize",d)});function d(){s.exposed.resize()}}const A={props:{data:{type:Array,default:[{value:0,name:"data 1"},{value:0,name:"data 2"},{value:0,name:"data 3"}]},height:{type:[Number,String],default:"300px"},width:{type:[Number,String],default:"100%"}},setup(s,{expose:d}){const h=s,{proxy:v}=_();let r,t;const{data:n}=m(h),p=f({option:{legend:{top:"bottom"},toolbox:{show:!1,feature:{mark:{show:!0},dataView:{show:!0,readOnly:!1},restore:{show:!0},saveAsImage:{show:!0}}},tooltip:{trigger:"item",formatter:"{b} : {c} ({d}%)"},series:[{name:"Nightingale Chart",type:"pie",radius:[10,120],center:["50%","45%"],roseType:"area",itemStyle:{borderRadius:8},data:n.value}]}}),{option:o}=m(p);g(n,e=>{o.value.series[0].data=e},{deep:!0}),g(o,e=>{t.setOption(e,!0)},{deep:!0}),x(()=>{r=v.$refs.echart,t=C(r,"macarons"),t.setOption(o.value,!0)});function y(){t.resize()}return d({resize:y}),z(),(e,l)=>(b(),S("div",{ref_key:"echart",ref:r,style:P({height:s.height,width:s.width})},null,4))}},k={props:{data:{type:Array,default:[{value:{value:0,itemStyle:{color:"#a90000"}},name:"data 1"},{value:0,name:"data 2"},{value:0,name:"data 3"}]},height:{type:[Number,String],default:"300px"},width:{type:[Number,String],default:"100%"}},setup(s,{expose:d}){const h=s,{proxy:v}=_();let r,t;const{data:n}=m(h),p=f({option:{title:{text:"World Population",show:!1},tooltip:{trigger:"axis",axisPointer:{type:"shadow"}},legend:{},grid:{left:"3%",right:"4%",bottom:"10%",containLabel:!0},xAxis:{type:"value",boundaryGap:[0,.01]},yAxis:{type:"category",data:n.value.map(e=>e.name)},series:[{name:"",type:"bar",data:n.value.map(e=>e.value)}],legend:{bottom:0}}}),{option:o}=m(p);g(n,e=>{o.value.yAxis.data=e,o.value.series[0].data=e},{deep:!0}),g(o,e=>{t.setOption(e,!0)},{deep:!0}),x(()=>{r=v.$refs.echart,t=C(r,"macarons"),t.setOption(o.value,!0)});function y(){t.resize()}return d({resize:y}),z(),(e,l)=>(b(),S("div",{ref_key:"echart",ref:r,style:P({height:s.height,width:s.width})},null,4))}},D={props:{data:{type:Array,default:[{value:0,name:"data 1"},{value:0,name:"data 2"},{value:0,name:"data 3"}]},height:{type:[Number,String],default:"300px"},width:{type:[Number,String],default:"100%"}},setup(s,{expose:d}){const h=s,{proxy:v}=_();let r,t;const{data:n}=m(h),p=f({option:{xAxis:{type:"category",data:n.value.map(e=>e.name)},yAxis:{type:"value"},tooltip:{trigger:"item",formatter:"{b} : {c}"},series:[{data:n.value.map(e=>e.value),type:"bar"}]}}),{option:o}=m(p);g(n,e=>{console.log(e),o.value.xAxis.data=e.map(l=>l.name),o.value.series[0].data=e.map(l=>l.value)},{deep:!0}),g(o,e=>{t.setOption(e,!0)},{deep:!0}),x(()=>{r=v.$refs.echart,t=C(r,"macarons"),t.setOption(o.value,!0)});function y(){t.resize()}return d({resize:y}),z(),(e,l)=>(b(),S("div",{ref_key:"echart",ref:r,style:P({height:s.height,width:s.width})},null,4))}},O={class:"page-statistics"},R={class:"padding-xs"},$=a("div",{class:"card-header"},[a("span",{class:"text-bold"},"\u5931\u6548\u6BD4\u4F8B")],-1),j={class:"padding-xs"},I={class:"padding-xs"},B=a("div",{class:"card-header"},[a("span",{class:"text-bold"},"\u5230\u671F\u63D0\u793A")],-1),F={class:"padding-xs"},L=a("div",{class:"card-header"},[a("span",{class:"text-bold"},"\u5957\u9910\u6BD4\u4F8B")],-1),G={class:"padding-xs"},q=a("div",{class:"card-header"},[a("span",{class:"text-bold"},"\u5361\u7247\u72B6\u6001")],-1),M={class:"padding-xs"},T=a("div",{class:"card-header"},[a("span",{class:"text-bold"},"\u9879\u76EE\u6BD4\u4F8B")],-1),H={setup(s){w(!0),w([]),w(0);const d=w([{value:40,name:"rose 1"},{value:38,name:"rose 2"},{value:18,name:"rose 8"}]),h=f({queryParams:{pageNum:1,pageSize:9999},chartFailureRatio:[{value:60,name:"\u6709\u6548\u5361\u7247",itemStyle:{color:"#73C0DE"}},{value:40,name:"\u5931\u6548\u5361\u7247",itemStyle:{color:"#DDDDDD"}}],chartExpirationPrompt:[{value:{value:70,itemStyle:{color:"#EE6666"}},name:"3\u4E2A\u6708\u4EE5\u5185"},{value:{value:60,itemStyle:{color:"#FAC858"}},name:"3-6\u4E2A\u6708"},{value:{value:20,itemStyle:{color:"#91CC75"}},name:"6-12\u4E2A\u6708"},{value:{value:30,itemStyle:{color:"#5470C6"}},name:"1-3\u5E74"},{value:{value:10,itemStyle:{color:"#73C0DE"}},name:"3\u5E74\u4EE5\u4E0A"}],chartPackageProportion:[{value:44,name:"20G/\u6708 1200\u5143/\u5E74"},{value:40,name:"10G/\u6708 800\u5143/\u5E74"}],chartCardStatus:[{value:{value:10,itemStyle:{color:"#73C0DE"}},name:"\u6B63\u5E38"},{value:{value:30,itemStyle:{color:"#5470C6"}},name:"\u65E0\u6D41\u91CF"},{value:{value:20,itemStyle:{color:"#91CC75"}},name:"\u672A\u6FC0\u6D3B"},{value:{value:30,itemStyle:{color:"#FAC858"}},name:"\u5FEB\u5230\u671F"},{value:{value:70,itemStyle:{color:"#EE6666"}},name:"\u5DF2\u505C\u673A"}],chartProjectProportion:[{value:40,name:"\u6D77\u72EE\u536B\u58EB"},{value:78,name:"\u730E\u8C79\u536B\u58EB"}]}),{queryParams:v,chartFailureRatio:r,chartExpirationPrompt:t,chartPackageProportion:n,chartCardStatus:p,chartProjectProportion:o}=m(h);return setTimeout(()=>{d.value=[{value:40,name:"rose 1"},{value:38,name:"rose 2"},{value:38,name:"rose 3"},{value:38,name:"rose 4"},{value:18,name:"rose 8"}],console.log("asdas")},3e3),(y,e)=>{const l=N("el-card");return b(),S("div",O,[a("div",R,[i(l,{class:"box-card","body-style":{height:"calc( 50vh - 100px)"}},{header:c(()=>[$]),default:c(()=>[i(u(A),{style:{height:"100%"},data:u(r)},null,8,["data"])]),_:1},8,["body-style"])]),a("div",j,[i(l,{class:"box-card","body-style":{height:"calc( 50vh - 100px)"}},null,8,["body-style"])]),a("div",I,[i(l,{class:"box-card","body-style":{height:"calc( 50vh - 100px)"}},{header:c(()=>[B]),default:c(()=>[i(u(k),{style:{height:"100%"},data:u(t)},null,8,["data"])]),_:1},8,["body-style"])]),a("div",F,[i(l,{class:"box-card","body-style":{height:"calc( 50vh - 100px)"}},{header:c(()=>[L]),default:c(()=>[i(u(A),{style:{height:"100%"},data:u(n)},null,8,["data"])]),_:1},8,["body-style"])]),a("div",G,[i(l,{class:"box-card","body-style":{height:"calc( 50vh - 100px)"}},{header:c(()=>[q]),default:c(()=>[i(u(D),{style:{height:"100%"},data:u(p)},null,8,["data"])]),_:1},8,["body-style"])]),a("div",M,[i(l,{class:"box-card","body-style":{height:"calc( 50vh - 100px)"}},{header:c(()=>[T]),default:c(()=>[i(u(A),{style:{height:"100%"},data:u(o)},null,8,["data"])]),_:1},8,["body-style"])])])}}};export{H as default};
|
