2 lines
1.6 KiB
JavaScript
2 lines
1.6 KiB
JavaScript
import{d as _,b as d,o as h,B as m,l as o,c as r,k as u,e as n,h as l,i as f,m as v,q as w,_ as p,F as x,n as g,C}from"./index-CV-n4caa.js";import{i as D}from"./index-CUeaqhHS.js";const b=_({__name:"echartsPie",props:{chartsData:{}},setup(i){const t=d();let a=d(null);const e=i,s=()=>{if(t.value){a=D(t.value);const c={legend:{orient:"vertical",left:"left",width:"20px",top:"5%"},tooltip:{trigger:"item",formatter:"{b0}: {c0}<br/> 占比：{d}%",position:["50%","50%"]},series:[{name:e.chartsData.title,type:"pie",radius:["40%","70%"],center:["60%","40%"],data:e.chartsData.data,label:{formatter:"{b0}: {c0} "},labelLine:{length:6}}]};a.setOption(c)}};return h(()=>{s()}),m(()=>e.chartsData,()=>{s()},{immediate:!0}),(c,R)=>(o(),r("div",{ref_key:"chartRef",ref:t,style:{height:"240px",width:"100%"}},null,512))}}),y={class:"cardShadow"},k={class:"header"},B={id:"container"},$={class:"charts"},N=_({__name:"echartsCard",props:{data:{}},setup(i){const t=i;return h(()=>{}),(a,e)=>{const s=u("el-text");return o(),r("view",y,[n("view",k,[l(s,{class:"mx",size:"large"},{default:f(()=>[v(w(t.data.title),1)]),_:1})]),n("view",B,[n("view",$,[l(b,{chartsData:a.data},null,8,["chartsData"])])])])}}}),I=p(N,[["__scopeId","data-v-84ccb7ec"]]),V={class:"CommonBacCor"},E={class:"container"},F={class:"card1"},L=_({__name:"index",setup(i){const t=d(),a=async()=>{let e=await C();e.code==200&&(t.value=e.data)};return h(()=>{a()}),(e,s)=>(o(),r("view",V,[n("view",E,[(o(!0),r(x,null,g(t.value,c=>(o(),r("view",{class:"width",key:c.chartName},[n("view",F,[l(I,{data:c},null,8,["data"])])]))),128))])]))}}),z=p(L,[["__scopeId","data-v-f1288da3"]]);export{z as default};
|