项目需求、任务以及模块精简
This commit is contained in:
@@ -0,0 +1 @@
|
||||
import{b as C,j as d,W as u,B as v,ai as F,c as y,o as w,a as n,aj as E,_}from"./index-BRLZOSuF-1775297478351.js";import{E as x}from"./index-CkelhEk4.js";import"./myChartInfo-CETPSFOA.js";const z={class:"chart-card"},A=C({__name:"ChartV04",props:{formParams:{type:Object,default:()=>({})}},setup(p){const i=p,a=d([]),s=d(null);let t=null;const l=()=>t?.resize(),f=r=>{const e=Number(r??0);return Number.isFinite(e)?e:0};async function m(){try{const r={...i.formParams,flowType:"1"},e=await x(r);a.value=e||[]}catch{a.value=[]}}const h=()=>{const r=s.value;if(!r)return;t&&t.dispose(),t=E(r);const e=a.value.map(o=>{const c=f(o.value01),g=(c/1e4).toFixed(2);return{name:o.axisName||"未知分类",value:Number(g),originalValue:c}}).filter(o=>o.value>0),b={tooltip:{trigger:"item",backgroundColor:"rgba(145, 200, 255, 0.9)",borderColor:"#409EFF",borderWidth:1,textStyle:{color:"#0a3b70",fontSize:12},padding:[10,15],borderRadius:6,formatter:function(o){return`分类:${o.name}<br/>支出:${o.data.originalValue}元<br/>占比:${o.percent.toFixed(1)}%`}},legend:{orient:"horizontal",top:"10%",left:"center",textStyle:{fontSize:11,color:"#e0e6ff"},itemWidth:12,itemHeight:12,itemGap:10,pageIconColor:"#409EFF",pageTextStyle:{color:"#e0e6ff",fontSize:10},pageButtonItemGap:6,pageButtonGap:10,type:"scroll"},series:[{name:"支出",type:"pie",radius:["30%","55%"],center:["50%","65%"],avoidLabelOverlap:!0,itemStyle:{borderRadius:4,borderColor:"rgba(15, 52, 96, 0.9)",borderWidth:1},label:{show:!0,position:"outside",fontSize:10,color:"#e0e6ff",formatter:"{b} {c}万元 ({d}%)",overflow:"truncate",ellipsis:"...",distance:8},labelLine:{show:!0,length:12,length2:8,lineStyle:{color:"#e0e6ff",width:1},smooth:.2,minTurnAngle:45},data:e,color:["#409EFF","#36CFc9","#67C23A","#E6A23C","#F56C6C","#909399","#722ED1","#EB2F96","#1890FF","#52C41A","#FAAD14","#F5222D","#8C8C8C","#A062D4","#F7BA1E"]}]};t.setOption(b)};return u(()=>i.formParams,()=>{m()},{deep:!0,immediate:!0}),u(a,()=>{h()},{deep:!0}),v(()=>{window.addEventListener("resize",l)}),F(()=>{window.removeEventListener("resize",l),t&&(t.dispose(),t=null)}),(r,e)=>(w(),y("div",z,[e[0]||(e[0]=n("div",{class:"chart-card-header"},[n("span",{class:"chart-card-title"},"支出结构分析")],-1)),n("div",{class:"pie-chart-container",ref_key:"chartRef",ref:s},null,512)]))}}),D=_(A,[["__scopeId","data-v-02cd4b1b"]]);export{D as default};
|
||||
Reference in New Issue
Block a user