2 lines
2.4 KiB
JavaScript
2 lines
2.4 KiB
JavaScript
var m=(o,r,s)=>new Promise((c,n)=>{var u=a=>{try{t(s.next(a))}catch(e){n(e)}},l=a=>{try{t(s.throw(a))}catch(e){n(e)}},t=a=>a.done?c(a.value):Promise.resolve(a.value).then(u,l);t((s=s.apply(o,r)).next())});import k from"./Box.ea9d0e0a.js";import{u as B}from"./useECharts.f2bf9eb6.js";import{m as C}from"./other.d43d2a78.js";import{u as w}from"./visualization.0e8abb36.js";import{a as d}from"./colors.69d1b0cd.js";import{q as L,a as T,w as y,v,x as D,aE as E,o as h,j as S,B as F,i as _,h as b,F as $,aH as j,n as z,t as A}from"./index.203f4f59.js";const I=T({components:{Box:k},setup(){const o=y([{key:"1",value:"\u9972\u6599"},{key:"2",value:"\u80A5\u6599"}]),r=y({x_axis:[],series:[]}),s=v("1"),c=w(),n=v(null),u=e=>{s.value!=e&&(s.value=e,t())},{setOptions:l}=B(n);function t(){return m(this,null,function*(){const e=yield C({year:c.getYear,type:s.value});r.x_axis=e.x_axis,r.series=e.series,a()})}const a=()=>{const e={legendData:[],series:[]};r.series.forEach(({name:f,data:i,diffs:p},x)=>{const g=d[x%d.length];e.legendData.push(f),e.series.push({name:"Placeholder",type:"bar",stack:"Total"+x,itemStyle:{borderColor:"transparent",color:"transparent"},data:i}),e.series.push({name:f,type:"bar",stack:"Total"+x,itemStyle:{color:g.itemColor1},label:{show:!0,position:"inside",color:"#fff"},data:p})}),l({grid:{left:"2%",right:"2%",top:"3%",bottom:"2%",containLabel:!0},tooltip:{trigger:"axis",axisPointer:{lineStyle:{width:1,color:"#019680"}},formatter:function(f){var p;var i=f[1];return i.name+"<br/>"+i.seriesName+" : "+((p=i==null?void 0:i.value)!=null?p:0)}},xAxis:{type:"category",data:r.x_axis,axisTick:{show:!1},axisLine:{show:!1},axisLabel:{color:"#fff"}},yAxis:[{type:"value",axisTick:{show:!1},splitLine:{lineStyle:{type:"solid",color:"#8EEEFF",opacity:.3}},axisLabel:{color:"#fff"}}],series:e.series})};return D(()=>{t()}),{tabList:o,currentTab:s,chartRef:n,changeTab:u}}}),M={class:"h-full flex flex-col"},N={class:"py-10px"},P={class:"flex items-center justify-center m-0"},R=["onClick"],V={class:"flex-1",ref:"chartRef"};function q(o,r,s,c,n,u){const l=E("Box");return h(),S(l,{title:"\u5927\u5B97\u7269\u8D28"},{default:F(()=>[_("div",M,[_("div",N,[_("ul",P,[(h(!0),b($,null,j(o.tabList,t=>(h(),b("li",{class:z(["mx-11px text-white text-12px cursor-pointer",{active:o.currentTab==t.key}]),onClick:a=>o.changeTab(t.key),key:t.key},A(t.value),11,R))),128))])]),_("div",V,null,512)])]),_:1})}var U=L(I,[["render",q],["__scopeId","data-v-1b3f5eff"]]);export{U as default};
|