| 1 |
- import{P as x}from"./page.0f92458b.js";import{r as P,b as m,_ as L,c as i,e as a,k as M,i as p,g as t,f as l,j as b,h as r,m as I,t as d,F as g,A as B,R as $,S as O}from"./index.76214426.js";const U={components:{Page:x},setup(){const n=P("\u6240\u6709\u8BA2\u5355"),y=m([{lable:"\u7B5B\u9009\u65F6\u95F4",selected:"\u4ECA\u5929",radios:["\u4ECA\u5929","\u6700\u8FD17\u5929","\u6700\u8FD130\u5929","\u81EA\u5B9A\u4E49"]}]),F=m([new Date(2016,9,10,8,40),new Date(2016,9,10,9,40)]),w=m([{title:"\u8425\u4E1A\u603B\u989D(\u5143)",price:Math.round(Math.random()*100)},{title:"\u603B\u5165\u8D26",price:Math.round(Math.random()*100)},{title:"\u6709\u6548\u8BA2\u5355\u91CF",price:Math.round(Math.random()*100),num:Math.round(Math.random()*100)}]),E=m([{title:"\u5546\u6237\u9644\u52A0\u8D39",price:Math.round(Math.random()*100)},{title:"\u5546\u6237\u5B9E\u9645\u6536\u5165",price:Math.round(Math.random()*100)}]),u=m([{paymentDays:"20220608",finishNum:0,cancelNum:0,userPayNum:0,platformSubsidies:0,agentSubsidies:0,merchantsSubsidies:0,platformFee:0,shippingFee:0,accountPrice:0}]);for(let e=0;e<15;e++)u.push({paymentDays:"20220608"+e,finishNum:Math.round(Math.random()*100),cancelNum:Math.round(Math.random()*100),userPayNum:Math.round(Math.random()*100),platformSubsidies:Math.round(Math.random()*1e3),agentSubsidies:Math.round(Math.random()*1e3),merchantsSubsidies:Math.round(Math.random()*100),platformFee:Math.round(Math.random()*100),shippingFee:Math.round(Math.random()*100),accountPrice:Math.round(Math.random()*10)});const c=(e,D)=>({name:e,type:"line",stack:"Total",label:{show:!0,position:"top"},areaStyle:{},emphasis:{focus:"series"},data:D}),f={tooltip:{trigger:"axis",textStyle:{color:"#fff"},borderColor:"rgba(0, 0, 0, 0.438)",backgroundColor:"rgba(0, 0, 0, 0.438)",axisPointer:{type:"cross",label:{backgroundColor:"#6a7985"}}},legend:{data:["\u6709\u6548\u8BA2\u5355\u91CF","\u8425\u4E1A\u603B\u989D","\u603B\u6536\u5165","\u5546\u5BB6\u8865\u8D34","\u5E73\u53F0\u8865\u8D34","\u4EE3\u7406\u8865\u8D34","\u5E73\u53F0\u670D\u52A1\u8D39","\u5E73\u53F0\u914D\u9001\u8D39","\u65E0\u6548\u8BA2\u5355\u91CF","\u635F\u5931\u8425\u4E1A\u989D"]},toolbox:{feature:{saveAsImage:{title:"\u4FDD\u5B58\u89C6\u56FE"}}},dataZoom:{start:0,end:100,type:"inside"},grid:{left:"3%",right:"4%",bottom:"3%",containLabel:!0},xAxis:[{type:"category",boundaryGap:!1,data:u.map(e=>e.paymentDays)}],yAxis:[{type:"value"}],series:[c("\u6709\u6548\u8BA2\u5355\u91CF",u.map(e=>e.finishNum)),c("\u8425\u4E1A\u603B\u989D",u.map(e=>e.cancelNum)),c("\u603B\u6536\u5165",u.map(e=>e.userPayNum)),c("\u5546\u5BB6\u8865\u8D34",u.map(e=>e.platformSubsidies)),c("\u5E73\u53F0\u8865\u8D34",u.map(e=>e.agentSubsidies)),c("\u4EE3\u7406\u8865\u8D34",u.map(e=>e.merchantsSubsidies)),c("\u5E73\u53F0\u670D\u52A1\u8D39",u.map(e=>e.platformFee)),c("\u5E73\u53F0\u914D\u9001\u8D39",u.map(e=>e.shippingFee)),c("\u65E0\u6548\u8BA2\u5355\u91CF",u.map(e=>e.userPayNum)),c("\u635F\u5931\u8425\u4E1A\u989D",u.map(e=>e.shippingFee))]};return{selected:n,radioList:y,pickerVal:F,tableData:u,cardList:w,cardBottomList:E,echartOption:f}}};const k=n=>($("data-v-aa789c89"),n=n(),O(),n),j={class:"header"},z={class:"col-row"},T={class:"row-left"},G={key:0,class:"row-right"},R={class:"generalize"},Z=k(()=>t("div",{class:"card-header"},[t("div",{class:"header-left tn-title--vertical-line"},[t("h1",{class:"card-title"},"\u603B\u89C8")])],-1)),q={class:"card-content"},H={class:"card-row"},J={class:"title"},K={class:"card-row"},Q={key:0,class:"text"},W={key:1,class:"text"},X={key:0,class:"card-row"},Y={class:"describe"},ee={class:"card-content"},te={class:"card-row"},ae={class:"title"},se={class:"card-row"},oe={key:0,class:"text"},re={key:1,class:"text"},ue={key:0,class:"card-row"},ne={class:"describe"},ce={class:"trend-chart"},le=k(()=>t("div",{class:"card-header"},[t("div",{class:"header-left tn-title--vertical-line"},[t("h1",{class:"card-title"},"\u8425\u4E1A\u8D8B\u52BF\u56FE")])],-1)),de={class:"card-content"},ie={class:"container"};function pe(n,y,F,w,E,u){const c=i("el-col"),f=i("el-radio-button"),e=i("el-radio-group"),D=i("el-date-picker"),A=i("el-row"),v=i("el-card"),S=i("v-chart"),_=i("el-table-column"),C=i("el-table"),N=i("Page");return a(),M(N,{showBorder:!1},{header:p(()=>[t("div",j,[(a(!0),l(g,null,b(n.radioList,(s,o)=>(a(),M(A,{gutter:20,align:"middle",key:o},{default:p(()=>[r(c,{span:2},{default:p(()=>[I(d(s.lable),1)]),_:2},1024),r(c,{span:18},{default:p(()=>[t("div",z,[t("div",T,[r(e,{modelValue:s.selected,"onUpdate:modelValue":h=>s.selected=h,size:"large"},{default:p(()=>[(a(!0),l(g,null,b(s.radios,(h,V)=>(a(),M(f,{key:V,label:h},null,8,["label"]))),128))]),_:2},1032,["modelValue","onUpdate:modelValue"])]),s.selected=="\u81EA\u5B9A\u4E49"?(a(),l("div",G,[r(D,{modelValue:n.pickerVal,"onUpdate:modelValue":y[0]||(y[0]=h=>n.pickerVal=h),type:"daterange","range-separator":"\u5230","start-placeholder":"Start date","end-placeholder":"End date"},null,8,["modelValue"])])):B("",!0)])]),_:2},1024)]),_:2},1024))),128))])]),main:p(()=>[t("div",R,[r(v,{class:"card-container"},{default:p(()=>[Z,t("div",q,[(a(!0),l(g,null,b(n.cardList,(s,o)=>(a(),l("div",{class:"card-box",key:o},[t("div",H,[t("span",J,d(s.title),1)]),t("div",K,[o==0||o==1?(a(),l("span",Q,"\uFFE5"+d(s.price),1)):(a(),l("span",W,d(s.num),1))]),o==2||o==3?(a(),l("div",X,[t("span",Y,d(o==2?"\u5BA2\u5355\u4EF7":"\u635F\u5931\u8425\u4E1A\u989D")+":\uFFE5"+d(s.price),1)])):B("",!0)]))),128))])]),_:1}),r(v,{class:"card-container",style:{"margin-top":"20px"}},{default:p(()=>[t("div",ee,[(a(!0),l(g,null,b(n.cardBottomList,(s,o)=>(a(),l("div",{class:"card-box",key:o},[t("div",te,[t("span",ae,d(s.title),1)]),t("div",se,[o==0||o==1?(a(),l("span",oe,"\uFFE5"+d(s.price),1)):(a(),l("span",re,d(s.num),1))]),o==2||o==3?(a(),l("div",ue,[t("span",ne,d(o==2?"\u5BA2\u5355\u4EF7":"\u635F\u5931\u8425\u4E1A\u989D")+":\uFFE5"+d(s.price),1)])):B("",!0)]))),128))])]),_:1})]),t("div",ce,[r(v,{class:"card-container"},{default:p(()=>[le,t("div",de,[r(S,{class:"chart-view",option:n.echartOption},null,8,["option"])])]),_:1})]),t("div",ie,[r(C,{data:n.tableData,border:"",style:{width:"100%"}},{default:p(()=>[r(_,{align:"center",prop:"paymentDays",label:"\u8D26\u671F",width:"275"}),r(_,{align:"center",prop:"paymentDays",label:"\u5DF2\u5B8C\u6210\u5355\u6570",width:"275"}),r(_,{align:"center",prop:"paymentDays",label:"\u603B\u8425\u4E1A\u989D",width:"275"}),r(_,{align:"center",prop:"paymentDays",label:"\u603B\u5165\u8D26",width:"275"}),r(_,{align:"center",prop:"paymentDays",label:"\u5546\u6237\u9644\u52A0\u8D39",width:"275"}),r(_,{align:"center",prop:"paymentDays",label:"\u5546\u6237\u5B9E\u9645\u6536\u5165",width:"275"})]),_:1},8,["data"])])]),_:1})}const me=L(U,[["render",pe],["__scopeId","data-v-aa789c89"]]);export{me as default};
|
