Startseite Erkunden Hilfe
Anmelden
waimai
/
crm
Beobachten 3
Favorit hinzufügen 0
Fork 0
Dateien Issues 0 Pull-Requests 0 Wiki
Struktur: 6c367662e6
Branches Tags
crm
/
assets
/
index-Dt8rQtrS.js

index-Dt8rQtrS.js 16 KB
Verlauf Originalformat

12 
  1. var e=Object.defineProperty,t=Object.defineProperties,a=Object.getOwnPropertyDescriptors,r=Object.getOwnPropertySymbols,o=Object.prototype.hasOwnProperty,i=Object.prototype.propertyIsEnumerable,s=(t,a,r)=>a in t?e(t,a,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[a]=r,c=(e,t)=>{for(var a in t||(t={}))o.call(t,a)&&s(e,a,t[a]);if(r)for(var a of r(t))i.call(t,a)&&s(e,a,t[a]);return e},l=(e,r)=>t(e,a(r));import"./index-DF0Gm8tW.js";/* empty css                */import{c as n,a as d,b as u,d as g}from"./img4-CSdYt7Zp.js";import{k as p,P as m,D as h,x as v,bi as b,G as f,R as y,V as C,aQ as _,ad as x,u as w,ah as k,X as S,W as B,bw as A,bx as j,Q as z,S as D,r as M,d as T,w as R,aX as V,C as L,F as O,$ as U,aL as I,aN as W}from"./vendor-CgKklJ4r.js";import{_ as P}from"./_plugin-vue_export-helper-BCo6x5W8.js";import{_ as $}from"./index-CuXCwrQR.js";import{_ as E}from"./index-mPUM8yDK.js";import{a as H,u as F}from"./useChart-B4uBReHb.js";import{_ as X}from"./index-20Y7AQ4x.js";/* empty css                    */import{A as q}from"./index-CwUrIOki.js";/* empty css               *//* empty css               *//* empty css                     *//* empty css                  */import"./index-BIE_y9uC.js";import"./index-B_-K9rXC.js";const Q={class:"image-wrapper"},G={class:"image-placeholder"},J={key:0,class:"read-time"},N={class:"content"},K={key:0,class:"category"},Y={class:"title"},Z={class:"stats"},ee={key:0,class:"views"},te={key:1,class:"comments"},ae={class:"date"},re=P(p(l(c({},{name:"ArtImageCard"}),{__name:"index",props:{imageUrl:{default:""},title:{default:""},category:{default:""},readTime:{default:""},views:{default:0},comments:{default:0},date:{default:""}},emits:["click"],setup(e,{emit:t}){const a=e,r=t,o=()=>{r("click",a)};return(e,t)=>{const r=x,i=_,s=b;return h(),m("div",{class:"image-card",onClick:o},[v(s,{"body-style":{padding:"0px"},shadow:"hover",class:"art-custom-card"},{default:f((()=>[y("div",Q,[v(i,{src:a.imageUrl,fit:"cover",loading:"lazy"},{placeholder:f((()=>[y("div",G,[v(r,null,{default:f((()=>[v(w(k))])),_:1})])])),_:1},8,["src"]),a.readTime?(h(),m("div",J,S(a.readTime)+" 阅读 ",1)):C("",!0)]),y("div",N,[a.category?(h(),m("div",K,S(a.category),1)):C("",!0),y("p",Y,S(a.title),1),y("div",Z,[a.views?(h(),m("span",ee,[v(r,null,{default:f((()=>[v(w(A))])),_:1}),B(" "+S(a.views),1)])):C("",!0),a.comments?(h(),m("span",te,[v(r,null,{default:f((()=>[v(w(j))])),_:1}),B(" "+S(a.comments),1)])):C("",!0),y("span",ae,S(a.date),1)])])])),_:1})])}}})),[["__scopeId","data-v-3c83a6ab"]]),oe={class:"card-body"},ie={class:"card-content"},se={class:"data-section"},ce={class:"title"},le={class:"value"},ne={key:0},de={class:"chart-legend"},ue={key:0,class:"legend-item current"},ge={key:1,class:"legend-item previous"},pe={class:"chart-section"},me=P(p(l(c({},{name:"ArtDonutChartCard"}),{__name:"index",props:{value:{},title:{},percentage:{},percentageLabel:{},currentValue:{},previousValue:{},height:{default:9},color:{},radius:{default:()=>["70%","90%"]},data:{default:()=>[0,0]}},setup(e){const t=e,{chartRef:a}=H({props:{height:`${t.height}rem`,loading:!1,isEmpty:t.data.every((e=>0===e))},checkEmpty:()=>t.data.every((e=>0===e)),watchSources:[()=>t.data,()=>t.color,()=>t.radius,()=>t.currentValue,()=>t.previousValue],generateOptions:()=>{const e=t.color||F().themeColor;return{series:[{type:"pie",radius:t.radius,avoidLabelOverlap:!1,label:{show:!1},data:[{value:t.data[0],name:t.currentValue,itemStyle:{color:e}},{value:t.data[1],name:t.previousValue,itemStyle:{color:"#e6e8f7"}}]}]}}});return(e,t)=>{return h(),m("div",{class:"donut-chart-card art-custom-card",style:z({height:`${e.height}rem`})},[y("div",oe,[y("div",ie,[y("div",se,[y("p",ce,S(e.title),1),y("div",null,[y("p",le,S((r=e.value,r.toLocaleString())),1),y("div",{class:D(["percentage",{"is-increase":e.percentage>0}])},[B(S(e.percentage>0?"+":"")+S(e.percentage)+"% ",1),e.percentageLabel?(h(),m("span",ne,S(e.percentageLabel),1)):C("",!0)],2)]),y("div",de,[e.currentValue?(h(),m("span",ue,S(e.currentValue),1)):C("",!0),e.previousValue?(h(),m("span",ge,S(e.previousValue),1)):C("",!0)])]),y("div",pe,[y("div",{ref_key:"chartRef",ref:a,class:"chart-container"},null,512)])])])],4);var r}}})),[["__scopeId","data-v-1b97aacb"]]),he={class:"card-body"},ve={class:"chart-header"},be={class:"metric"},fe={class:"value"},ye={class:"label"},Ce=P(p(l(c({},{name:"ArtBarChartCard"}),{__name:"index",props:{value:{},label:{},percentage:{},date:{},height:{default:11},color:{},chartData:{},barWidth:{default:"26%"},isMiniChart:{type:Boolean}},setup(e){var t;const a=e,{chartRef:r}=H({props:{height:`${a.height}rem`,loading:!1,isEmpty:!(null==(t=a.chartData)?void 0:t.length)||a.chartData.every((e=>0===e))},checkEmpty:()=>{var e;return!(null==(e=a.chartData)?void 0:e.length)||a.chartData.every((e=>0===e))},watchSources:[()=>a.chartData,()=>a.color,()=>a.barWidth],generateOptions:()=>{const e=a.color||F().themeColor;return{grid:{top:0,right:0,bottom:15,left:0},xAxis:{type:"category",show:!1},yAxis:{type:"value",show:!1},series:[{data:a.chartData,type:"bar",barWidth:a.barWidth,itemStyle:{color:e,borderRadius:2}}]}}});return(e,t)=>(h(),m("div",{class:"bar-chart-card art-custom-card",style:z({height:`${e.height}rem`})},[y("div",he,[y("div",ve,[y("div",be,[y("p",fe,S(e.value),1),y("p",ye,S(e.label),1)]),y("div",{class:D(["percentage",{"is-increase":e.percentage>0,"is-mini-chart":e.isMiniChart}])},S(e.percentage>0?"+":"")+S(e.percentage)+"% ",3),e.date?(h(),m("div",{key:0,class:D(["date",{"is-mini-chart":e.isMiniChart}])},S(e.date),3)):C("",!0)]),y("div",{ref_key:"chartRef",ref:r,class:D(["chart-container",{"is-mini-chart":e.isMiniChart}]),style:z({height:`calc(${e.height}rem - 5rem)`})},null,6)])],4))}})),[["__scopeId","data-v-d2c9c0f3"]]),_e={class:"progress-card art-custom-card"},xe={class:"left"},we=["innerHTML"],ke={class:"right"},Se={class:"title"},Be=P(p(l(c({},{name:"ArtProgressCard"}),{__name:"index",props:{percentage:{},title:{},color:{default:"#67C23A"},icon:{},iconColor:{},iconBgColor:{},iconBgRadius:{default:8},iconSize:{},strokeWidth:{default:5}},setup(e){const t=e,a=M(0),r=()=>{const e=Date.now(),r=a.value,o=t.percentage,i=()=>{const t=Date.now()-e,s=Math.min(t/500,1);a.value=r+(o-r)*s,s<1&&requestAnimationFrame(i)};requestAnimationFrame(i)};return T((()=>{r()})),R((()=>t.percentage),(()=>{r()})),(e,t)=>{const r=q,o=V;return h(),m("div",_e,[y("div",{class:"progress-info",style:z({justifyContent:e.icon?"space-between":"flex-start"})},[y("div",xe,[e.icon?(h(),m("i",{key:0,class:"iconfont-sys",innerHTML:e.icon,style:z({color:e.iconColor,backgroundColor:e.iconBgColor,fontSize:e.iconSize+"px",borderRadius:e.iconBgRadius+"px"})},null,12,we)):C("",!0)]),y("div",ke,[v(r,{class:"percentage",target:e.percentage,duration:2e3,suffix:"%",style:z({textAlign:e.icon?"right":"left"})},null,8,["target","style"]),y("p",Se,S(e.title),1)])],4),v(o,{percentage:w(a),"stroke-width":e.strokeWidth,"show-text":!1,color:e.color},null,8,["percentage","stroke-width","color"])])}}})),[["__scopeId","data-v-7d99eac0"]]),Ae=["innerHTML"],je={class:"stats-card__content"},ze={key:1,class:"stats-card__arrow"},De=P(p(l(c({},{name:"ArtStatsCard"}),{__name:"index",props:{icon:{},title:{},count:{},decimals:{default:0},separator:{default:","},description:{},iconColor:{},iconBgColor:{},iconBgRadius:{default:50},iconSize:{default:30},textColor:{},backgroundColor:{},showArrow:{type:Boolean}},setup:e=>(e,t)=>{const a=q;return h(),m("div",{class:"stats-card art-custom-card",style:z({backgroundColor:e.backgroundColor})},[e.icon?(h(),m("div",{key:0,class:"stats-card__icon",style:z({backgroundColor:e.iconBgColor,borderRadius:e.iconBgRadius+"px"})},[y("i",{class:"iconfont-sys",innerHTML:e.icon,style:z({color:e.iconColor,fontSize:e.iconSize+"px"})},null,12,Ae)],4)):C("",!0),y("div",je,[e.title?(h(),m("p",{key:0,class:"stats-card__title",style:z({color:e.textColor})},S(e.title),5)):C("",!0),e.count?(h(),L(a,{key:1,class:"stats-card__count",target:e.count,duration:2e3,decimals:e.decimals,separator:e.separator},null,8,["target","decimals","separator"])):C("",!0),e.description?(h(),m("p",{key:2,class:"stats-card__description",style:z({color:e.textColor})},S(e.description),5)):C("",!0)]),e.showArrow?(h(),m("div",ze,t[0]||(t[0]=[y("i",{class:"iconfont-sys"},"",-1)]))):C("",!0)],4)}})),[["__scopeId","data-v-9a52770c"]]),Me={class:"cards"},Te=P(p({__name:"index",setup(e){const t=[{id:1,title:"销售产品",count:1235,description:"鞋子、牛仔裤、派对服装、手表",icon:"&#xe812;",iconColor:"rgb(var(--art-primary))",iconSize:20,iconBgColor:"rgb(var(--art-info))",textColor:"rgb(var(--art-primary))",backgroundColor:"rgb(var(--art-bg-primary))",showArrow:!1},{id:2,title:"活跃用户",count:5e3,description:"日活跃用户超过5,000+",icon:"&#xe724;",iconColor:"rgb(var(--art-warning))",iconSize:20,iconBgColor:"rgb(var(--art-success))",textColor:"rgb(var(--art-warning))",backgroundColor:"rgb(var(--art-bg-warning))",showArrow:!1},{id:3,title:"总收入",count:35e3,description:"月收入超过¥350,000+",icon:"&#xe70e;",iconColor:"rgb(var(--art-secondary))",iconSize:20,iconBgColor:"rgb(var(--art-secondary))",textColor:"rgb(var(--art-secondary))",backgroundColor:"rgb(var(--art-bg-secondary))",showArrow:!1},{id:4,title:"客户评价",count:4800,description:"平均评分4.8/5",icon:"&#xe82d;",iconColor:"rgb(var(--art-error))",iconSize:20,iconBgColor:"rgb(var(--art-error))",textColor:"rgb(var(--art-error))",backgroundColor:"rgb(var(--art-bg-error))",showArrow:!1}],a=[{id:1,title:"完成进度",percentage:75,color:"rgb(var(--art-success))",icon:"&#xe812;",iconColor:"rgb(var(--art-success))",iconBgColor:"rgb(var(--art-bg-success))",iconSize:20},{id:2,title:"项目进度",percentage:65,color:"rgb(var(--art-primary))",icon:"&#xe724;",iconColor:"rgb(var(--art-primary))",iconBgColor:"rgb(var(--art-bg-primary))",iconSize:20},{id:3,title:"学习进度",percentage:45,color:"rgb(var(--art-error))",icon:"&#xe724;",iconColor:"rgb(var(--art-error))",iconBgColor:"rgb(var(--art-bg-error))",iconSize:20},{id:4,title:"任务进度",percentage:90,color:"rgb(var(--art-secondary))",icon:"&#xe724;",iconColor:"rgb(var(--art-secondary))",iconBgColor:"rgb(var(--art-bg-secondary))",iconSize:20}],r=[{id:1,imageUrl:n,title:"AI技术在医疗领域的创新应用与发展前景",category:"社交",readTime:"2分钟",views:9125,comments:3,date:"12月19日 周一"},{id:2,imageUrl:d,title:"大数据分析助力企业决策的实践案例",category:"技术",readTime:"3分钟",views:7234,comments:5,date:"12月20日 周二"},{id:3,imageUrl:u,title:"区块链技术在供应链管理中的应用",category:"科技",readTime:"4分钟",views:5678,comments:8,date:"12月21日 周三"},{id:4,imageUrl:g,title:"云计算技术发展趋势与未来展望",category:"云技术",readTime:"5分钟",views:4321,comments:6,date:"12月22日 周四"}],o=[{title:"新加坡之行",status:"进行中",time:"5分钟",class:"bg-primary",icon:"&#xe6f2;"},{title:"归档数据",status:"进行中",time:"10分钟",class:"bg-secondary",icon:"&#xe806;"},{title:"客户会议",status:"待处理",time:"15分钟",class:"bg-warning",icon:"&#xe6fb;"},{title:"筛选任务团队",status:"进行中",time:"20分钟",class:"bg-danger",icon:"&#xe813;"},{title:"发送信封给小王",status:"已完成",time:"20分钟",class:"bg-success",icon:"&#xe70c;"}],i=[{time:"上午 09:30",status:"rgb(73, 190, 255)",content:"收到 John Doe 支付的 385.90 美元"},{time:"上午 10:00",status:"rgb(54, 158, 255)",content:"新销售记录",code:"ML-3467"},{time:"上午 12:00",status:"rgb(103, 232, 207)",content:"向 Michael 支付了 64.95 美元"},{time:"下午 14:30",status:"rgb(255, 193, 7)",content:"系统维护通知",code:"MT-2023"},{time:"下午 15:45",status:"rgb(255, 105, 105)",content:"紧急订单取消提醒",code:"OR-9876"},{time:"下午 17:00",status:"rgb(103, 232, 207)",content:"完成每日销售报表"}],s=()=>{};return(e,c)=>{const l=De,n=I,d=W,u=Be,g=X,p=Ce,b=me,C=E,_=$,x=re;return h(),m("div",Me,[c[0]||(c[0]=y("h1",{class:"page-title"},"统计卡片（文字）",-1)),v(d,{gutter:20},{default:f((()=>[(h(),m(O,null,U(t,(e=>v(n,{xs:24,sm:12,md:6,key:e.id},{default:f((()=>[v(l,{icon:e.icon,title:e.title,description:e.description,iconSize:e.iconSize,iconBgRadius:8,iconColor:"#fff",iconBgColor:e.iconBgColor,showArrow:e.showArrow},null,8,["icon","title","description","iconSize","iconBgColor","showArrow"])])),_:2},1024))),64))])),_:1}),c[1]||(c[1]=y("h1",{class:"page-title"},"统计卡片（数字滚动）",-1)),v(d,{gutter:20},{default:f((()=>[(h(),m(O,null,U(t,(e=>v(n,{xs:24,sm:12,md:6,key:e.id},{default:f((()=>[v(l,{icon:e.icon,count:e.count,description:e.description,iconSize:e.iconSize,decimals:0,iconBgColor:e.iconBgColor,showArrow:e.showArrow,separator:",",iconColor:"#fff"},null,8,["icon","count","description","iconSize","iconBgColor","showArrow"])])),_:2},1024))),64))])),_:1}),c[2]||(c[2]=y("h1",{class:"page-title"},"统计卡片（自定义样式）",-1)),v(d,{gutter:20},{default:f((()=>[(h(),m(O,null,U(t,(e=>v(n,{xs:24,sm:12,md:6,key:e.id},{default:f((()=>[v(l,{icon:e.icon,title:e.title,description:e.description,iconColor:e.iconColor,textColor:e.textColor,backgroundColor:e.backgroundColor,showArrow:e.showArrow},null,8,["icon","title","description","iconColor","textColor","backgroundColor","showArrow"])])),_:2},1024))),64))])),_:1}),c[3]||(c[3]=y("h1",{class:"page-title"},"进度卡片",-1)),v(d,{gutter:20},{default:f((()=>[(h(),m(O,null,U(a,(e=>v(n,{xs:24,sm:12,md:6,key:e.id},{default:f((()=>[v(u,{percentage:e.percentage,title:e.title,color:e.color},null,8,["percentage","title","color"])])),_:2},1024))),64))])),_:1}),c[4]||(c[4]=y("h1",{class:"page-title"},"进度卡片（icon）",-1)),v(d,{gutter:20},{default:f((()=>[(h(),m(O,null,U(a,(e=>v(n,{xs:24,sm:12,md:6,key:e.id},{default:f((()=>[v(u,{percentage:e.percentage,title:e.title,color:e.color,icon:e.icon,iconColor:e.iconColor,iconBgColor:e.iconBgColor,iconSize:e.iconSize,iconBgRadius:8},null,8,["percentage","title","color","icon","iconColor","iconBgColor","iconSize"])])),_:2},1024))),64))])),_:1}),c[5]||(c[5]=y("h1",{class:"page-title"},"图表卡片（小图表）",-1)),v(d,{gutter:20},{default:f((()=>[v(n,{xs:24,sm:12,md:6},{default:f((()=>[v(g,{isMiniChart:!0,value:2545,label:"新用户",date:"过去7天",percentage:1.2,height:9.5,chartData:[120,132,101,134,90,230,210]})])),_:1}),v(n,{xs:24,sm:12,md:6},{default:f((()=>[v(p,{isMiniChart:!0,value:15480,label:"浏览量",date:"过去 14 天",percentage:-4.15,height:9.5,barWidth:"45%",chartData:[120,100,150,140,90,120,130]})])),_:1}),v(n,{xs:24,sm:12,md:6},{default:f((()=>[v(g,{isMiniChart:!0,value:2545,label:"粉丝数",date:"过去 30 天",percentage:1.2,height:9.5,showAreaColor:!0,chartData:[150,180,160,200,180,220,240]})])),_:1}),v(n,{xs:24,sm:12,md:6},{default:f((()=>[v(b,{value:36358,title:"粉丝量",percentage:18,percentageLabel:"较去年",data:[50,40],height:9.5,currentValue:"2022",previousValue:"2021",radius:["50%","70%"]})])),_:1})])),_:1}),c[6]||(c[6]=y("h1",{class:"page-title"},"图表卡片（大图表）",-1)),v(d,{gutter:20},{default:f((()=>[v(n,{xs:24,sm:12,md:6},{default:f((()=>[v(g,{value:2545,label:"新用户",percentage:1.2,height:11,chartData:[120,132,101,134,90,230,210]})])),_:1}),v(n,{xs:24,sm:12,md:6},{default:f((()=>[v(p,{value:15480,label:"浏览量",percentage:-4.15,height:11,chartData:[120,100,150,140,90,120,130,110]})])),_:1}),v(n,{xs:24,sm:12,md:6},{default:f((()=>[v(g,{value:2545,label:"粉丝数",percentage:1.2,height:11,showAreaColor:!0,chartData:[150,180,160,200,180,220,240]})])),_:1}),v(n,{xs:24,sm:12,md:6},{default:f((()=>[v(b,{value:36358,title:"粉丝量",percentage:-18,percentageLabel:"较2021年",data:[70,30],height:11,currentValue:"12月",previousValue:"11月"})])),_:1})])),_:1}),c[7]||(c[7]=y("h1",{class:"page-title"},"数据列表卡片",-1)),v(d,{gutter:20},{default:f((()=>[v(n,{xs:24,sm:12,lg:8},{default:f((()=>[v(C,{list:o,title:"待办事项",subtitle:"今日待处理任务"})])),_:1}),v(n,{xs:24,sm:12,lg:8},{default:f((()=>[v(C,{maxCount:4,list:o,title:"最近活动",subtitle:"近期活动列表",showMoreButton:!0,onMore:s})])),_:1}),v(n,{xs:24,sm:12,lg:8},{default:f((()=>[v(_,{list:i,title:"最近交易",subtitle:"2024年12月20日"})])),_:1})])),_:1}),c[8]||(c[8]=y("h1",{class:"page-title"},"图片卡片",-1)),v(d,{gutter:20},{default:f((()=>[(h(),m(O,null,U(r,(e=>v(n,{xs:24,sm:12,md:6,key:e.id},{default:f((()=>[v(x,{imageUrl:e.imageUrl,title:e.title,category:e.category,readTime:e.readTime,views:e.views,comments:e.comments,date:e.date,onClick:e=>{}},null,8,["imageUrl","title","category","readTime","views","comments","date","onClick"])])),_:2},1024))),64))])),_:1})])}}}),[["__scopeId","data-v-c783932d"]]);export{Te as default};
    2. 

  2.