| 1 |
- import{T as A,a as E,P as I}from"./index-BS3-X_do.js";import{_ as N}from"./index-CL6hUm94.js";import{a7 as V,a9 as z,t as D,aw as g,a8 as H}from"./antd-B7v2hwFR.js";import{a9 as R,a5 as B,aa as t,a3 as e,ad as d,S as m,ag as W,a2 as j,f as w,s as S,o as G,j as L,k as a,ar as v,as as h,G as y,u as b}from"./vue-DApy1uhY.js";import C from"./trend-CdFKXQHE.js";import"./vec2-DjBoYTHr.js";const M={class:"chartCard"},O={class:"chartTop"},U={class:"metaWrap"},q={class:"meta"},J={class:"title"},K={class:"action"},Q={class:"total"},X={class:"contentFixed"},Y={class:"footer"},Z={__name:"chart-card",props:{loading:{type:Boolean,default:!1},bordered:{type:Boolean,default:!1},title:{type:String,default:""},total:{type:Number},contentHeight:{type:Number}},setup(n){const r=n;return(l,$)=>{const u=V;return B(),R(u,{bind:r,"body-style":{padding:"20px 24px 8px 24px"}},{default:t(()=>[e("div",M,[e("div",O,[e("div",U,[e("div",q,[e("span",J,d(n.title),1),e("span",K,[m(l.$slots,"action",{},void 0,!0)])]),e("div",Q,[m(l.$slots,"total",{},void 0,!0)])])]),e("div",{class:"content",style:W({height:`${n.contentHeight}px`||"auto"})},[e("div",X,[m(l.$slots,"default",{},void 0,!0)])],4),e("div",Y,[m(l.$slots,"footer",{},void 0,!0)])])]),_:3},8,["bind"])}}},x=N(Z,[["__scopeId","data-v-d45c7c26"]]),tt={class:"field"},et={class:"label"},at={class:"number"},ot={__name:"field",props:{label:{type:String,default:""},value:{type:String,default:""}},setup(n){return(r,l)=>(B(),j("div",tt,[e("span",et,d(n.label),1),e("span",at,d(n.value),1)]))}},T=N(ot,[["__scopeId","data-v-188539b8"]]),nt={style:{whiteSpace:"nowrap",overflow:"hidden"}},ct={__name:"introduce-row",props:{loading:{type:Boolean,default:!1}},setup(n){function r(i){return i.toLocaleString()}const l={xs:24,sm:12,md:12,lg:12,xl:6,style:{marginBottom:"24px"}},$=w(),u=w(),k=w(),F=[7,5,4,2,4,7,5,6,5,9,6,3,1,5,3,6,5],c=S(),f=S(),_=S();return G(()=>{var i,o,s;c.value=new A($.value,{height:46,data:F,smooth:!0,autoFit:!0,areaStyle:{fill:"l(270) 0:#ffffff 0.5:#d4bcf2 1:#975FE4"},line:{color:"#975FE4"}}),(i=c.value)==null||i.render(),f.value=new E(u.value,{height:46,autoFit:!0,data:F}),(o=f.value)==null||o.render(),_.value=new I(k.value,{height:46,autoFit:!0,percent:.78,barWidthRatio:.2,color:"#13C2C2"}),(s=_.value)==null||s.render()}),L(()=>{var i,o,s;(i=c.value)==null||i.destroy(),c.value=void 0,(o=f.value)==null||o.destroy(),f.value=void 0,(s=_.value)==null||s.destroy(),_.value=void 0}),(i,o)=>{const s=D,p=z,P=H;return B(),R(P,{gutter:24},{default:t(()=>[a(p,v(h({...l})),{default:t(()=>[a(x,{bordered:!1,title:"总销售额",loading:n.loading,"content-height":46},{action:t(()=>[a(s,{title:"指标说明"},{default:t(()=>[a(b(g))]),_:1})]),total:t(()=>[e("span",null,d(`¥${r(126560)}`),1)]),footer:t(()=>[a(T,{label:"日销售额",value:"￥12,423"})]),default:t(()=>[a(C,{flag:"up",style:{marginRight:"16px"}},{default:t(()=>o[0]||(o[0]=[y(" 周同比 "),e("span",{class:"trendText"},"12%",-1)])),_:1}),a(C,{flag:"down"},{default:t(()=>o[1]||(o[1]=[y(" 日同比 "),e("span",{class:"trendText"},"11%",-1)])),_:1})]),_:1},8,["loading"])]),_:1},16),a(p,v(h({...l})),{default:t(()=>[a(x,{bordered:!1,title:"访问量",loading:n.loading,"content-height":46},{action:t(()=>[a(s,{title:"指标说明"},{default:t(()=>[a(b(g))]),_:1})]),total:t(()=>[e("span",null,d(`${r(8846)}`),1)]),footer:t(()=>[a(T,{label:"日访问量",value:r(1234)},null,8,["value"])]),default:t(()=>[e("div",{ref_key:"tinyAreaContainer",ref:$},null,512)]),_:1},8,["loading"])]),_:1},16),a(p,v(h({...l})),{default:t(()=>[a(x,{bordered:!1,title:"支付笔数",loading:n.loading,"content-height":46},{action:t(()=>[a(s,{title:"指标说明"},{default:t(()=>[a(b(g))]),_:1})]),total:t(()=>[e("span",null,d(`${r(6560)}`),1)]),footer:t(()=>[a(T,{label:"转化率",value:"60%"})]),default:t(()=>[e("div",{ref_key:"tinyColumnContainer",ref:u},null,512)]),_:1},8,["loading"])]),_:1},16),a(p,v(h({...l})),{default:t(()=>[a(x,{bordered:!1,title:"运营活动效果",loading:n.loading,"content-height":46},{action:t(()=>[a(s,{title:"指标说明"},{default:t(()=>[a(b(g))]),_:1})]),total:t(()=>o[2]||(o[2]=[e("span",null,d("78%"),-1)])),footer:t(()=>[e("div",nt,[a(C,{flag:"up",style:{marginRight:"16px"}},{default:t(()=>o[3]||(o[3]=[y(" 周同比 "),e("span",{class:"trendText"},"12%",-1)])),_:1}),a(C,{flag:"down"},{default:t(()=>o[4]||(o[4]=[y(" 日同比 "),e("span",{class:"trendText"},"11%",-1)])),_:1})])]),default:t(()=>[e("div",{ref_key:"progressContainer",ref:k},null,512)]),_:1},8,["loading"])]),_:1},16)]),_:1})}}};export{ct as default};
|
