quick-admin-vue3-core
Version:
以快(计算机执行效率、开发效率)为核心的后台管理系统开发模板
2 lines (1 loc) • 3.42 kB
JavaScript
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),i=require("./ChartLine.vue_vue_type_script_setup_true_lang-ITMQ-LY3.cjs"),d=require("./ChartPie.vue_vue_type_script_setup_true_lang-DoC7VMft.cjs"),u=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),_={class:"p-h"},p={class:"row section info f-sb-c"},m={class:"mr-a f-fs-s"},v={class:"row f-sb-s pannels"},f={class:"title"},g={class:"f-sb-c data"},V={key:0,class:"mr-q"},b={class:"row f-sb-s charts"},N={class:"row f-sb-s other"},C=e.defineComponent({name:"DemoCenterWorkbenchSimple",__name:"index",props:{data:{default:()=>({})}},setup(y){const o=[{title:"访问量",icon:"DataAnalysis",value:725,changeValue:-12,bgColors:["rgb(236, 71, 134)","rgb(185, 85, 164)"],unit:""},{title:"成交额",icon:"Ticket",value:1026,changeValue:0,bgColors:["rgb(134, 94, 192)","rgb(81, 68, 180)"],unit:"$"},{title:"下载量",icon:"Download",value:970925,changeValue:123,bgColors:["rgb(86, 205, 243)","rgb(113, 157, 227)"],unit:""},{title:"成交量",icon:"Histogram",value:9527,changeValue:1,bgColors:["rgb(252, 188, 37)","rgb(246, 128, 87)"],unit:""}];return(k,t)=>{const n=e.resolveComponent("BaseAvatar"),c=e.resolveComponent("BaseIcon"),l=e.resolveComponent("BaseNumber"),s=e.resolveComponent("BaseSection");return e.openBlock(),e.createElementBlock("div",_,[e.createElementVNode("section",p,[e.createElementVNode("div",m,[e.createVNode(n,{size:"5em",circle:""}),t[0]||(t[0]=e.createElementVNode("div",{class:"f-c-fs-c ml-o"},[e.createElementVNode("div",{class:"welcome"},"早安,Soybean, 今天又是充满活力的一天!"),e.createElementVNode("div",{class:"weather"},"今日多云转晴,20℃ - 25℃!")],-1))]),t[1]||(t[1]=e.createStaticVNode('<ul class="ul f-fs-c" data-v-385e75c3><li class="li f-c-c-c" data-v-385e75c3><span class="key" data-v-385e75c3>项目数</span><span class="val" data-v-385e75c3>25</span></li><li class="li f-c-c-c" data-v-385e75c3><span class="key" data-v-385e75c3>待办</span><span class="val" data-v-385e75c3>4/16</span></li><li class="li f-c-c-c" data-v-385e75c3><span class="key" data-v-385e75c3>消息</span><span class="val" data-v-385e75c3>12</span></li></ul>',1))]),e.createElementVNode("div",v,[(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(o,(a,r)=>e.createElementVNode("div",{class:"item f-1",key:r,style:e.normalizeStyle({background:`linear-gradient(to right bottom, ${a.bgColors[0]}, ${a.bgColors[1]}`})},[e.createElementVNode("div",f,e.toDisplayString(a.title),1),e.createElementVNode("div",g,[e.createVNode(c,{name:a.icon,class:"mr-a"},null,8,["name"]),a.unit?(e.openBlock(),e.createElementBlock("span",V,e.toDisplayString(a.unit),1)):e.createCommentVNode("",!0),e.createVNode(l,{value:a.value},null,8,["value"])])],4)),64))]),e.createElementVNode("div",b,[e.createVNode(s,{title:"折线图",class:"mr-o f-1"},{default:e.withCtx(()=>[e.createVNode(i._sfc_main)]),_:1}),e.createVNode(s,{title:"饼图",class:"f-1"},{default:e.withCtx(()=>[e.createVNode(d._sfc_main)]),_:1})]),e.createElementVNode("div",N,[e.createVNode(s,{title:"项目动态",class:"mr-o f-1"},{default:e.withCtx(()=>t[2]||(t[2]=[e.createTextVNode("其他块内容1")])),_:1}),e.createVNode(s,{title:"创意",class:"f-1"},{default:e.withCtx(()=>t[3]||(t[3]=[e.createTextVNode("其他块内容2")])),_:1})])])}}}),h=u._export_sfc(C,[["__scopeId","data-v-385e75c3"]]);exports.default=h;