2 lines
2.6 KiB
JavaScript
2 lines
2.6 KiB
JavaScript
var g=(t,a,s)=>new Promise((i,n)=>{var c=o=>{try{r(s.next(o))}catch(e){n(e)}},l=o=>{try{r(s.throw(o))}catch(e){n(e)}},r=o=>o.done?i(o.value):Promise.resolve(o.value).then(c,l);r((s=s.apply(t,a)).next())});import y from"./Box.48a60aaf.js";import{u as E}from"./useECharts.3bc533c1.js";import{A as S}from"./other.2ace3f8e.js";import{c as x}from"./colors.69d1b0cd.js";import{a as C,c_ as D,r as f,s as b,bp as B,J as F,aA as _,o as w,j as z,x as h,i as p,t as A,p as P}from"./index.d96edf17.js";const k=C({components:{Box:y,Pagination:D},setup(){const t=f(1),a=f(10),s=b({x_axis:[],series:[],c_price:0}),i=f(null),{setOptions:n}=E(i);function c(e){t.value=e,r()}function l(){const e={legendData:[],series:[]};return s.series.forEach(({name:u,data:m},v)=>{const d=x[v%x.length];e.legendData.push(u+""),e.series.push({name:u,data:m.slice((t.value-1)*a.value,t.value*a.value),type:"line",smooth:!1,itemStyle:{color:d.itemColor},areaStyle:{color:d.areaColor}})}),e}const r=()=>{const e=l();n({grid:{left:"2%",right:"20px",top:"10%",bottom:"2%",containLabel:!0},legend:{data:e.legendData,top:"0%",right:"0",textStyle:{color:"#ffffff"}},tooltip:{trigger:"axis",axisPointer:{lineStyle:{width:1,color:"#019680"}}},xAxis:{type:"category",data:s.x_axis.slice((t.value-1)*a.value,t.value*a.value),boundaryGap:!1,axisTick:{show:!1},axisLine:{show:!1},axisLabel:{color:"#fff",rotate:45}},yAxis:[{type:"value",axisTick:{show:!1},nameTextStyle:{color:"#fff"},splitLine:{lineStyle:{type:"solid",color:"#8EEEFF",opacity:.3}},axisLabel:{color:"#fff",formatter:u=>u}}],series:e.series,animationDuration:2e3})};function o(){return g(this,null,function*(){const e=yield S();s.x_axis=e.x_axis,s.series=e.series,s.c_price=e.c_price,t.value=Math.ceil(e.c_week/a.value),r()})}return B(()=>{o()}),{Data:s,changePage:c,chartRef:i,current:t,pageSize:a}}}),L={class:"text-center bg-clip-text text-transparent bg-gradient-to-t from-[#76E9F0] to-[#A7E6EE] ml-10.5px text-18px font-pmzd"},$={class:"h-full flex flex-col"},j={class:"flex-1",ref:"chartRef"},G={class:"text-right"};function J(t,a,s,i,n,c){const l=_("Pagination"),r=_("Box");return w(),z(r,{title:"\u7A3B\u867E\u6BCF\u5468\u4EF7\u683C\uFF08\u5143/\u65A4\uFF09"},{center:h(()=>[p("div",L,"\u6700\u65B0\u4EF7\u683C "+A(t.Data.c_price)+" \u5143/\u65A4",1)]),default:h(()=>[p("div",$,[p("div",j,null,512),p("div",G,[P(l,{current:t.current,"onUpdate:current":a[0]||(a[0]=o=>t.current=o),pageSize:t.pageSize,"onUpdate:pageSize":a[1]||(a[1]=o=>t.pageSize=o),total:48,showSizeChanger:!1,onChange:t.changePage},null,8,["current","pageSize","onChange"])])])]),_:1})}var N=F(k,[["render",J],["__scopeId","data-v-5c95f9ae"]]);export{N as default};
|