1 |
- import{P as A}from"./page.3b4d44cb.js";import{r as g,b as r,_ as M,c,e as n,k as D,i as u,g as t,h as d,f as m,j as w,t as i,F as C,R as F,S as b}from"./index.0308b213.js";const S={components:{Page:A},setup(){const e=g("\u6240\u6709\u8BA2\u5355"),l=r([{lable:"\u7B5B\u9009\u65F6\u95F4",selected:"\u4ECA\u5929",radios:["\u4ECA\u5929","\u6700\u8FD17\u5929","\u6700\u8FD130\u5929","\u81EA\u5B9A\u4E49"]}]),_=r([new Date(2016,9,10,8,40),new Date(2016,9,10,9,40)]),a=r([{title:"\u6D3B\u8DC3\u987E\u5BA2\u4EBA\u6570",num:Math.round(Math.random()*100),rate:Math.round(Math.random()*100)},{title:"\u6C89\u9ED8\u987E\u5BA2\u4EBA\u6570",num:Math.round(Math.random()*100),rate:Math.round(Math.random()*100)},{title:"\u6D41\u5931\u987E\u5BA2\u4EBA\u6570",num:Math.round(Math.random()*100),rate:Math.round(Math.random()*100)},{title:"\u653E\u5F03\u987E\u5BA2\u4EBA\u6570",num:Math.round(Math.random()*100),rate:Math.round(Math.random()*100)}]),h={tooltip:{trigger:"item",textStyle:{color:"#fff"},borderColor:"rgba(0, 0, 0, 0.438)",backgroundColor:"rgba(0, 0, 0, 0.438)"},legend:{orient:"vertical",left:"left"},toolbox:{feature:{saveAsImage:{title:"\u4FDD\u5B58\u89C6\u56FE"}}},color:["#2F4554","#C23531","#61A0A8","#D48265"],series:[{name:"\u987E\u5BA2\u4EBA\u6570\u7EDF\u8BA1",type:"pie",radius:"50%",data:a.map(s=>({name:s.title+"\u5360\u6BD4",value:s.num})),emphasis:{itemStyle:{shadowBlur:10,shadowOffsetX:0,shadowColor:"rgba(0, 0, 0, 0.5)"}}}]};return{selected:e,radioList:l,pickerVal:_,cardList:a,pieEchartOption:h}}};const v=e=>(F("data-v-5993c085"),e=e(),b(),e),k={class:"generalize"},x=v(()=>t("div",{class:"card-header"},[t("div",{class:"header-left tn-title--vertical-line"},[t("h1",{class:"card-title"},"\u603B\u89C8")])],-1)),y={class:"card-content"},I={class:"card-row"},L={class:"title"},P={class:"card-row"},$={class:"text"},O={class:"card-row"},R={class:"describe"},V={class:"pie-chart"},N=v(()=>t("div",{class:"card-header"},[t("div",{class:"header-left tn-title--vertical-line"},[t("h1",{class:"card-title"},"\u987E\u5BA2\u4EBA\u6570\u7EDF\u8BA1")])],-1)),j={class:"card-content"};function z(e,l,_,a,h,s){const p=c("el-card"),B=c("v-chart"),f=c("Page");return n(),D(f,{showBorder:!1},{main:u(()=>[t("div",k,[d(p,{class:"card-container"},{default:u(()=>[x,t("div",y,[(n(!0),m(C,null,w(e.cardList,(o,E)=>(n(),m("div",{class:"card-box",key:E},[t("div",I,[t("span",L,i(o.title),1)]),t("div",P,[t("span",$,i(o.num)+"\u4EBA",1)]),t("div",O,[t("span",R,"\u5360\u6BD4"+i(o.rate)+"%",1)])]))),128))])]),_:1})]),t("div",V,[d(p,{class:"card-container"},{default:u(()=>[N,t("div",j,[d(B,{class:"chart-view",option:e.pieEchartOption},null,8,["option"])])]),_:1})])]),_:1})}const G=M(S,[["render",z],["__scopeId","data-v-5993c085"]]);export{G as default};
|