quick-admin-vue3-core
Version:
以快(计算机执行效率、开发效率)为核心的后台管理系统开发模板
2 lines (1 loc) • 10.2 kB
JavaScript
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),c=require("./index-BC11nvhb.cjs"),d=require("./Chart.vue_vue_type_script_setup_true_lang-Dad6RzlR.cjs"),x=require("./ChartLine.vue_vue_type_script_setup_true_lang-ITMQ-LY3.cjs"),g=require("./ChartBar.vue_vue_type_script_setup_true_lang-D0HJTKvf.cjs"),C=require("./ChartPie.vue_vue_type_script_setup_true_lang-DoC7VMft.cjs"),w=require("./platform-Dl0zaSyI.cjs"),y=require("./MultiCharts.vue_vue_type_script_setup_true_lang-DPhwhSEE.cjs"),v=require("./Setting-BpNroO9F.cjs"),V=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),N=e.defineComponent({__name:"ChartRadar",props:{theme:{},width:{},height:{},title:{},data:{default:()=>[["type","维度1","维度2","维度3","维度4","维度5","维度6"],["Allocated",1e3,2e3,3e3,4e3,5e3,6e3],["Spending",6e3,5e3,4e3,3e3,2e3,1e3]]},option:{default:()=>({})}},setup(m){const{merge:f}=w._,p={title:{text:"雷达图示例"},legend:{data:["Allocated","Spending"]}},u=m,o=e.ref(null),a=e.computed(()=>{const{option:i,data:r,title:l}=u;return f({},p,{...l&&{title:{text:l,...d.titleCfg}},radar:{indicator:r[0].slice(1).map(_=>({name:_}))},dataset:{source:r},series:[{type:"radar"}]},i)});return(i,r)=>(e.openBlock(),e.createBlock(d._sfc_main,{class:"chart-radar",option:a.value,ref_key:"chartRef",ref:o},null,8,["option"]))}}),A={class:"page"},k={class:"row f-sb-s"},z={key:0,class:"notices all-hide-scroll"},B={class:"f-1"},S={class:"q-line-1"},X={class:"row"},q={class:"row f-sb-s"},E={class:"row f-sb-s"},M=e.defineComponent({name:"Home",__name:"index",setup(m){const p={tttb:[["product","2015","2016","2017"],["XX1",43.3,85.8,93.7],["XX2",83.1,73.4,55.1],["XX3",86.4,65.2,82.5],["XX4",72.4,53.9,39.1]],jcwnt:[],bt:[["XX1",120],["XX2",149],["XX3",172]],zdyopt:{xAxis:{type:"category",data:["Mon","Tue","Wed","Thu","Fri","Sat","Sun"]},yAxis:{type:"value"},series:[{data:[150,230,224,218,135,147,260],type:"line"}]},zxt:[["product","2015","2016","2017"],["YY1",43.3,85.8,93.7],["YY2",83.1,73.4,55.1],["YY3",86.4,65.2,82.5],["YY4",72.4,53.9,39.1]],zztdwd:[["product","2015","2016","2017"],["示例1",43.3,85.8,93.7],["示例2",83.1,73.4,55.1],["示例3",86.4,65.2,82.5],["示例4",72.4,53.9,39.1]],zztdg:[[["name","国内","国外"],["示例1",30,22],["示例2",14,42],["示例3",18,23]],[["name","国内","国外"],["示例1",23,62],["示例2",65,88],["示例3",66,48]]],dldt:[{type:"line",title:"折线图",dataset:[["type","销售额","订单量","客单价","动销率"],["2019-01-01",100,20,4,30],["2019-01-02",110,21,5,30],["2019-01-03",120,22,6,30],["2019-01-04",140,23,7,30],["2019-01-05",150,24,8,30],["2019-01-06",160,25,9,30]],xAxis:{name:"日期"},yAxis:{name:"金额($)"},series:{smooth:!0}},{type:"line",title:"折线图",dataset:[["type","销售额","订单量","客单价","动销率"],["2019-01-01",100,20,44,30],["2019-01-02",110,21,55,30],["2019-01-03",120,22,66,30],["2019-01-04",140,23,72,30],["2019-01-05",150,24,180,30],["2019-01-06",160,25,92,30]],xAxis:{name:"日期"},yAxis:{name:"%"},series:{smooth:!0}},{type:"line",title:"折线图",dataset:[["type","销售额","订单量","客单价","动销率"],["2019-01-01",100,20,4,30],["2019-01-02",110,21,5,30],["2019-01-03",120,22,6,30],["2019-01-04",140,23,7,30],["2019-01-05",150,24,8,30],["2019-01-06",160,25,9,30]],xAxis:{name:"日期"},yAxis:{name:"金额($)"},series:{smooth:!0}},{type:"bar",title:"柱状图",dataset:[["type","销售额","订单量","客单价","动销率"],["2019-01-01",100,20,44,30],["2019-01-02",110,21,55,30],["2019-01-03",120,22,66,30],["2019-01-04",140,23,72,30],["2019-01-05",150,24,180,30],["2019-01-06",160,25,92,30]],xAxis:{name:"日期"},yAxis:{name:"数量"},series:{barWidth:5,itemStyle:{borderRadius:[8,8,0,0]}}},{type:"bar",title:"柱状图",dataset:[["type","销售额","订单量","客单价","动销率"],["2019-01-01",100,20,44,30],["2019-01-02",110,21,55,30],["2019-01-03",120,22,66,30],["2019-01-04",140,23,72,30],["2019-01-05",150,24,180,30],["2019-01-06",160,25,92,30]],xAxis:{name:"日期"},yAxis:{name:"数量"},series:{barWidth:5,itemStyle:{borderRadius:[8,8,0,0]}}},{type:"bar",title:"柱状图",dataset:[["type","销售额","订单量","客单价","动销率"],["2019-01-01",100,20,44,30],["2019-01-02",110,21,55,30],["2019-01-03",120,22,66,30],["2019-01-04",140,23,72,30],["2019-01-05",150,24,180,30],["2019-01-06",160,25,92,30]],xAxis:{name:"日期"},yAxis:{name:"数量"},series:{barWidth:5,itemStyle:{borderRadius:[8,8,0,0]}}},{type:"pie",title:"饼状图",dataset:[["type","销售额"],["销售额",100],["订单量",110],["客单价",120],["动销率",150]],xAxis:{show:!1},yAxis:{show:!1},series:[{radius:70},{radius:[45,70]}]},{type:"pie",title:"饼状图",dataset:[["type","销售额"],["销售额",100],["订单量",110],["客单价",120],["动销率",150]],xAxis:{show:!1},yAxis:{show:!1},series:[{radius:70},{radius:[45,70]}]},{type:"pie",title:"饼状图",dataset:[["type","销售额"],["销售额",100],["订单量",110],["客单价",120],["动销率",150]],xAxis:{show:!1},yAxis:{show:!1},series:[{radius:70},{radius:[45,70]}]},{type:"line",title:"折线图",dataset:[["type","销售额","订单量","客单价","动销率"],["2019-01-01",100,20,44,30],["2019-01-02",110,21,55,30],["2019-01-03",120,22,66,30],["2019-01-04",140,23,72,30],["2019-01-05",150,24,180,30],["2019-01-06",160,25,92,30]],xAxis:{name:"日期"},yAxis:{name:"%"},series:{smooth:!0}},{type:"bar",title:"柱状图",dataset:[["type","销售额","订单量","客单价","动销率"],["2019-01-01",100,20,44,30],["2019-01-02",110,21,55,30],["2019-01-03",120,22,66,30],["2019-01-04",140,23,72,30],["2019-01-05",150,24,180,30],["2019-01-06",160,25,92,30]],xAxis:{name:"日期"},yAxis:{name:"数量"},series:{barWidth:10,itemStyle:{borderRadius:[8,8,0,0]}}},{type:"pie",title:"饼状图",dataset:[["type","销售额"],["销售额",100],["订单量",110],["客单价",120],["动销率",150]],xAxis:{show:!1},yAxis:{show:!1},series:[{radius:70},{radius:[45,70]}]}]},u=[{label:"我的待办",value:1,cols:[{prop:"follow",label:"关注"},{prop:"title",label:"标题"},{prop:"from_unit",label:"来文单位"},{prop:"accept_time",label:"接受时间"}],api:c.GetMockCommon},{label:"我的待阅",value:2,cols:[{prop:"follow",label:"关注1"},{prop:"title",label:"标题1"},{prop:"from_unit",label:"来文单位1"},{prop:"accept_time",label:"接受时间1"}],api:c.GetMockCommon},{label:"我的已办",value:3,cols:[{prop:"follow",label:"关注2"},{prop:"title",label:"标题2"},{prop:"from_unit",label:"来文单位2"},{prop:"accept_time",label:"接受时间2"}],api:c.GetMockCommon},{label:"我发起的",value:4,cols:[{prop:"follow",label:"关注3"},{prop:"title",label:"标题3"},{prop:"from_unit",label:"来文单位3"},{prop:"accept_time",label:"接受时间3"}],api:c.GetMockCommon}],o=e.ref(1),a=e.reactive({tttb:[],jcwnt:[],bt:[],zdyopt:[],zxt:[],zztdwd:[],zztdg:[]});function i(){setTimeout(()=>{Object.assign(a,p)},100)}return i(),(r,l)=>{const _=e.resolveComponent("BaseCrud"),h=e.resolveComponent("el-tab-pane"),b=e.resolveComponent("el-tabs"),t=e.resolveComponent("BaseSection");return e.openBlock(),e.createElementBlock("div",A,[e.createVNode(v.default),e.createElementVNode("div",k,[e.createVNode(t,{gap:!1,class:"section f-2",title:"待办事项",badge:"10"},{default:e.withCtx(()=>[e.createVNode(b,{modelValue:o.value,"onUpdate:modelValue":l[0]||(l[0]=s=>o.value=s),onTabClick:l[1]||(l[1]=s=>o.value=s.paneName),type:"border-card"},{default:e.withCtx(()=>[(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(u,(s,n)=>e.createVNode(h,{label:s.label,name:s.value,key:n},{default:e.withCtx(()=>[o.value===s.value?(e.openBlock(),e.createBlock(_,{key:0,cols:s.cols,fetch:s.api,tableAttrs:{size:"small",maxHeight:200},pageAttrs:{size:"small",pageSizes:[5,10,15,20,25]},showSetBtn:!1,pagination:{currPage:1,pageSize:5}},null,8,["cols","fetch"])):e.createCommentVNode("",!0)]),_:2},1032,["label","name"])),64))]),_:1},8,["modelValue"])]),_:1}),e.createVNode(t,{gap:!1,class:"section f-1",title:"消息通知",badge:"120"},{default:e.withCtx(()=>[(e.openBlock(),e.createElementBlock("ul",z,[(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(20,(s,n)=>e.createElementVNode("li",{class:"item f-sb-c",key:n},[e.createElementVNode("div",B,[e.createElementVNode("span",S,"这是第"+e.toDisplayString(n+1)+"条消息",1)]),l[2]||(l[2]=e.createElementVNode("time",{class:"time f-0 ml-half"},"2023-06-19",-1))])),64))]))]),_:1})]),e.createElementVNode("div",X,[e.createVNode(t,{gap:!1,class:"section f-1",title:"通图图表 - 折线图"},{default:e.withCtx(()=>[e.createVNode(x._sfc_main,{data:a.tttb},null,8,["data"])]),_:1})]),e.createElementVNode("div",q,[e.createVNode(t,{gap:!1,class:"section f-1",title:"基础万能图 - Chart(带默认配置)"},{default:e.withCtx(()=>[e.createVNode(d._sfc_main)]),_:1}),e.createVNode(t,{gap:!1,class:"section f-1",title:"饼图 - ChartPie"},{default:e.withCtx(()=>[e.createVNode(C._sfc_main,{data:a.bt},null,8,["data"])]),_:1}),e.createVNode(t,{gap:!1,class:"section f-1",title:"雷达图 - ChartRadar(后续完善)"},{default:e.withCtx(()=>[e.createVNode(N)]),_:1})]),e.createElementVNode("div",E,[e.createVNode(t,{gap:!1,class:"section f-1",title:"自定义option - Chart"},{default:e.withCtx(()=>[e.createVNode(d._sfc_main,{option:a.zdyopt},null,8,["option"])]),_:1}),e.createVNode(t,{gap:!1,class:"section f-1",title:"折线图 - ChartLine"},{default:e.withCtx(()=>[e.createVNode(x._sfc_main,{data:a.zxt},null,8,["data"])]),_:1}),e.createVNode(t,{gap:!1,class:"section f-1",title:"柱状图 - ChartBar(多维度)"},{default:e.withCtx(()=>[e.createVNode(g._sfc_main,{data:a.zztdwd},null,8,["data"])]),_:1}),e.createVNode(t,{gap:!1,class:"section f-1",title:"柱状图 - ChartBars(多个)"},{default:e.withCtx(()=>[e.createVNode(y._sfc_main,{datas:a.zztdg},null,8,["datas"])]),_:1})]),e.createVNode(t,{gap:!1,class:"section row f-1",title:"单例多图 - MultiCharts(后续完善)"},{default:e.withCtx(()=>[e.createVNode(y._sfc_main$1,{data:a.dldt,layout:"4x3",log:"单例多图"},null,8,["data"])]),_:1})])}}}),R=V._export_sfc(M,[["__scopeId","data-v-858c608f"]]);exports.default=R;