3 lines
19 KiB
JavaScript
3 lines
19 KiB
JavaScript
var fe=Object.defineProperty,me=Object.defineProperties;var pe=Object.getOwnPropertyDescriptors;var ee=Object.getOwnPropertySymbols;var he=Object.prototype.hasOwnProperty,ge=Object.prototype.propertyIsEnumerable;var te=(o,n,a)=>n in o?fe(o,n,{enumerable:!0,configurable:!0,writable:!0,value:a}):o[n]=a,M=(o,n)=>{for(var a in n||(n={}))he.call(n,a)&&te(o,a,n[a]);if(ee)for(var a of ee(n))ge.call(n,a)&&te(o,a,n[a]);return o},ae=(o,n)=>me(o,pe(n));var oe=(o,n,a)=>new Promise((d,u)=>{var v=s=>{try{p(a.next(s))}catch(g){u(g)}},y=s=>{try{p(a.throw(s))}catch(g){u(g)}},p=s=>s.done?d(s.value):Promise.resolve(s.value).then(v,y);p((a=a.apply(o,n)).next())});import{m as ye,aF as ve,_ as k,r as xe,i as ne,y as be,j as B,bG as Se,I as _e,cK as X,l as Ce,bO as Te,bQ as le,o as we,c0 as P,c1 as T,au as w,an as z,S as A,ax as j,ac as De}from"./bootstrap-CjlLFctT.js";import"./index-6P_OLtCG.js";import{j as e,m as Y,b9 as _,v as re,Q as Le,aW as ke,x as Re,ad as $e,b2 as ze,bJ as l,u as t,ae as f,n as Ae}from"../jse/index-index-muiiV4cL.js";import{u as E,_ as F}from"./use-echarts-Dl5JymaV.js";const ie=o=>{const{value:n,formatter:a,precision:d,decimalSeparator:u,groupSeparator:v="",prefixCls:y}=o;let p;if(typeof a=="function")p=a({value:n});else{const s=String(n),g=s.match(/^(-?)(\d*)(\.(\d+))?$/);if(!g)p=s;else{const S=g[1];let c=g[2]||"0",h=g[4]||"";c=c.replace(/\B(?=(\d{3})+(?!\d))/g,v),typeof d=="number"&&(h=h.padEnd(d,"0").slice(0,d>0?d:0)),h&&(h=`${u}${h}`),p=[e("span",{key:"int",class:`${y}-content-value-int`},[S,c]),h&&e("span",{key:"decimal",class:`${y}-content-value-decimal`},[h])]}}return e("span",{class:`${y}-content-value`},[p])};ie.displayName="StatisticNumber";const Ee=o=>{const{componentCls:n,marginXXS:a,padding:d,colorTextDescription:u,statisticTitleFontSize:v,colorTextHeading:y,statisticContentFontSize:p,statisticFontFamily:s}=o;return{[`${n}`]:k(k({},xe(o)),{[`${n}-title`]:{marginBottom:a,color:u,fontSize:v},[`${n}-skeleton`]:{paddingTop:d},[`${n}-content`]:{color:y,fontSize:p,fontFamily:s,[`${n}-content-value`]:{display:"inline-block",direction:"ltr"},[`${n}-content-prefix, ${n}-content-suffix`]:{display:"inline-block"},[`${n}-content-prefix`]:{marginInlineEnd:a},[`${n}-content-suffix`]:{marginInlineStart:a}}})}},Fe=ye("Statistic",o=>{const{fontSizeHeading3:n,fontSize:a,fontFamily:d}=o,u=ve(o,{statisticTitleFontSize:a,statisticContentFontSize:n,statisticFontFamily:d});return[Ee(u)]}),se=()=>({prefixCls:String,decimalSeparator:String,groupSeparator:String,format:String,value:le([Number,String,Object]),valueStyle:{type:Object,default:void 0},valueRender:Te(),formatter:Ce(),precision:Number,prefix:X(),suffix:X(),title:X(),loading:_e()}),C=Y({compatConfig:{MODE:3},name:"AStatistic",inheritAttrs:!1,props:ne(se(),{decimalSeparator:".",groupSeparator:",",loading:!1}),slots:Object,setup(o,n){let{slots:a,attrs:d}=n;const{prefixCls:u,direction:v}=be("statistic",o),[y,p]=Fe(u);return()=>{var s,g,S,c,h,R,$;const{value:U=0,valueStyle:G,valueRender:x}=o,D=u.value,N=(s=o.title)!==null&&s!==void 0?s:(g=a.title)===null||g===void 0?void 0:g.call(a),W=(S=o.prefix)!==null&&S!==void 0?S:(c=a.prefix)===null||c===void 0?void 0:c.call(a),H=(h=o.suffix)!==null&&h!==void 0?h:(R=a.suffix)===null||R===void 0?void 0:R.call(a),K=($=o.formatter)!==null&&$!==void 0?$:a.formatter;let I=e(ie,B({"data-for-update":Date.now()},k(k({},o),{prefixCls:D,value:U,formatter:K})),null);return x&&(I=x(I)),y(e("div",B(B({},d),{},{class:[D,{[`${D}-rtl`]:v.value==="rtl"},d.class,p.value]}),[N&&e("div",{class:`${D}-title`},[N]),e(Se,{paragraph:!1,loading:o.loading},{default:()=>[e("div",{style:G,class:`${D}-content`},[W&&e("span",{class:`${D}-content-prefix`},[W]),I,H&&e("span",{class:`${D}-content-suffix`},[H])])]})]))}}}),Oe=[["Y",1e3*60*60*24*365],["M",1e3*60*60*24*30],["D",1e3*60*60*24],["H",1e3*60*60],["m",1e3*60],["s",1e3],["S",1]];function Ie(o,n){let a=o;const d=/\[[^\]]*]/g,u=(n.match(d)||[]).map(s=>s.slice(1,-1)),v=n.replace(d,"[]"),y=Oe.reduce((s,g)=>{let[S,c]=g;if(s.includes(S)){const h=Math.floor(a/c);return a-=h*c,s.replace(new RegExp(`${S}+`,"g"),R=>{const $=R.length;return h.toString().padStart($,"0")})}return s},v);let p=0;return y.replace(d,()=>{const s=u[p];return p+=1,s})}function Ne(o,n){const{format:a=""}=n,d=new Date(o).getTime(),u=Date.now(),v=Math.max(d-u,0);return Ie(v,a)}const We=1e3/30;function J(o){return new Date(o).getTime()}const He=()=>k(k({},se()),{value:le([Number,String,Object]),format:String,onFinish:Function,onChange:Function}),Me=Y({compatConfig:{MODE:3},name:"AStatisticCountdown",props:ne(He(),{format:"HH:mm:ss"}),setup(o,n){let{emit:a,slots:d}=n;const u=_(),v=_(),y=()=>{const{value:c}=o;J(c)>=Date.now()?p():s()},p=()=>{if(u.value)return;const c=J(o.value);u.value=setInterval(()=>{v.value.$forceUpdate(),c>Date.now()&&a("change",c-Date.now()),y()},We)},s=()=>{const{value:c}=o;u.value&&(clearInterval(u.value),u.value=void 0,J(c)<Date.now()&&a("finish"))},g=c=>{let{value:h,config:R}=c;const{format:$}=o;return Ne(h,k(k({},R),{format:$}))},S=c=>c;return re(()=>{y()}),Le(()=>{y()}),ke(()=>{s()}),()=>{const c=o.value;return e(C,B({ref:v},k(k({},we(o,["onFinish","onChange"])),{value:c,valueRender:S,formatter:g})),d)}}});C.Countdown=Me;C.install=function(o){return o.component(C.name,C),o.component(C.Countdown.name,C.Countdown),o};C.Countdown;const Pe={class:"work-order-dashboard"},je={class:"metric-content"},Be={class:"metric-icon"},Ue={class:"metric-info"},Ge={class:"metric-content"},Ke={class:"metric-icon"},Qe={class:"metric-info"},Ve={class:"metric-content"},Xe={class:"metric-icon"},Je={class:"metric-info"},Ye={class:"metric-content"},qe={class:"metric-icon"},Ze={class:"metric-info"},et=!0,tt=Y({name:"CleaningWorkOrderDashboard",__name:"index",setup(o){const n=_(!0),a=_(!0),d=_(),u=_(),v=_(),y=_(),p=_(),s=_(),g=_(),{renderEcharts:S}=E(d),{renderEcharts:c}=E(u),{renderEcharts:h}=E(v),{renderEcharts:R}=E(y),{renderEcharts:$}=E(p),{renderEcharts:U}=E(s),{renderEcharts:G}=E(g),x=_({pendingCount:0,inProgressCount:0,completedTodayCount:0,completedTotalCount:0,onlineCleanerCount:0,totalCleanerCount:0,trendData:{dates:[],createdData:[],completedData:[]},hourlyDistribution:{hours:[],data:[]},timeTrendData:{dates:[],responseTimeData:[],completionTimeData:[]},funnelData:[],heatmapData:{days:[],hours:[],data:[]},areaRanking:[],durationStats:[]}),D={pendingCount:8,inProgressCount:15,completedTodayCount:42,completedTotalCount:1586,onlineCleanerCount:12,totalCleanerCount:18,trendData:{dates:["周一","周二","周三","周四","周五","周六","周日"],createdData:[45,52,38,65,48,55,42],completedData:[42,48,35,60,45,52,40]},hourlyDistribution:{hours:["00:00","02:00","04:00","06:00","08:00","10:00","12:00","14:00","16:00","18:00","20:00","22:00"],data:[2,1,0,3,15,28,22,25,18,12,8,4]},timeTrendData:{dates:["周一","周二","周三","周四","周五","周六","周日"],responseTimeData:[10,9,12,8,7,9,8.5],completionTimeData:[38,35,42,32,30,36,35]},funnelData:[{name:"创建工单",value:100},{name:"已派单",value:95},{name:"已接单",value:88},{name:"已到达",value:82},{name:"已完成",value:78}],heatmapData:{days:["周一","周二","周三","周四","周五","周六","周日"],hours:Array.from({length:24},(i,r)=>`${r}:00`),data:[[0,0,0,1,2,8,12,18,20,16,12,6,2,0,0,0,0,0,0,1,3,5,4,2],[0,0,1,1,3,10,15,20,22,18,14,8,3,1,0,0,0,0,1,2,4,6,5,3],[0,0,0,0,2,8,14,18,20,16,10,6,2,1,0,0,0,0,1,3,5,4,3,1],[0,0,0,2,4,12,18,22,24,20,14,8,2,1,0,0,0,0,1,2,5,6,4,2],[0,0,0,1,3,9,14,19,21,18,12,7,2,0,0,0,0,0,1,3,4,5,3,2],[0,0,0,0,2,10,16,22,24,20,14,10,4,1,0,0,0,0,1,2,4,6,5,3],[0,0,0,1,1,6,12,16,18,15,10,6,2,0,0,0,0,0,1,2,3,4,3,1]]},areaRanking:[{area:"A区",count:156,completed:142,rate:91},{area:"B区",count:128,completed:110,rate:85.9},{area:"C区",count:95,completed:88,rate:92.6},{area:"D区",count:78,completed:65,rate:83.3},{area:"E区",count:62,completed:58,rate:93.5},{area:"F区",count:45,completed:42,rate:93.3}],durationStats:[{type:"日常保洁",icon:"solar:broom-bold",avgDuration:35,color:"#1677ff"},{type:"深度保洁",icon:"solar:multiply-bold",avgDuration:68,color:"#52c41a"},{type:"专项清洁",icon:"solar:spray-bottle-bold",avgDuration:52,color:"#faad14"},{type:"应急处理",icon:"solar:flame-bold",avgDuration:25,color:"#ff4d4f"}]};function N(){const{trendData:i}=x.value;return{tooltip:{trigger:"axis",axisPointer:{type:"cross",label:{backgroundColor:"#6a7985"}}},legend:{data:["新增工单","完成工单"],top:"5%",textStyle:{color:"#595959"}},grid:{left:"3%",right:"4%",bottom:"3%",top:"15%",containLabel:!0},xAxis:[{type:"category",boundaryGap:!1,data:i.dates,axisLine:{lineStyle:{color:"#d9d9d9"}},axisLabel:{color:"#8c8c8c"}}],yAxis:[{type:"value",name:"工单数量",nameTextStyle:{color:"#8c8c8c"},axisLine:{show:!1},axisLabel:{color:"#8c8c8c"},splitLine:{lineStyle:{color:"#f0f0f0",type:"dashed"}}}],series:[{name:"新增工单",type:"line",smooth:!0,symbol:"circle",symbolSize:6,areaStyle:{opacity:.15,color:{type:"linear",x:0,y:0,x2:0,y2:1,colorStops:[{offset:0,color:"rgba(22, 119, 255, 0.4)"},{offset:1,color:"rgba(22, 119, 255, 0.05)"}]}},emphasis:{focus:"series"},data:i.createdData,itemStyle:{color:"#1677ff"}},{name:"完成工单",type:"line",smooth:!0,symbol:"circle",symbolSize:6,areaStyle:{opacity:.15,color:{type:"linear",x:0,y:0,x2:0,y2:1,colorStops:[{offset:0,color:"rgba(82, 196, 26, 0.4)"},{offset:1,color:"rgba(82, 196, 26, 0.05)"}]}},emphasis:{focus:"series"},data:i.completedData,itemStyle:{color:"#52c41a"}}]}}function W(){const{hourlyDistribution:i}=x.value;return{tooltip:{trigger:"axis",axisPointer:{type:"shadow"},formatter:r=>{const m=r[0];return`${m.name}<br/>工单数: ${m.value}单`}},grid:{left:"3%",right:"4%",bottom:"3%",top:"10%",containLabel:!0},xAxis:[{type:"category",data:i.hours,axisLine:{lineStyle:{color:"#d9d9d9"}},axisLabel:{color:"#8c8c8c",fontSize:11}}],yAxis:[{type:"value",name:"工单数",nameTextStyle:{color:"#8c8c8c",fontSize:12},axisLine:{show:!1},axisLabel:{color:"#8c8c8c"},splitLine:{lineStyle:{color:"#f0f0f0",type:"dashed"}}}],series:[{name:"工单数量",type:"bar",barWidth:"60%",data:i.data,itemStyle:{color:{type:"linear",x:0,y:0,x2:0,y2:1,colorStops:[{offset:0,color:"#1677ff"},{offset:1,color:"#69b1ff"}]},borderRadius:[4,4,0,0]},emphasis:{itemStyle:{color:{type:"linear",x:0,y:0,x2:0,y2:1,colorStops:[{offset:0,color:"#1677ff"},{offset:1,color:"#40a9ff"}]}}}}]}}function H(){const{timeTrendData:i}=x.value;return{tooltip:{trigger:"axis",axisPointer:{type:"cross",label:{backgroundColor:"#6a7985"}},formatter:r=>{let m=`${r[0].name}<br/>`;return r.forEach(O=>{m+=`${O.marker} ${O.seriesName}: ${O.value}分钟<br/>`}),m}},legend:{data:["平均响应时间","平均完成时间"],top:"5%",textStyle:{color:"#595959"}},grid:{left:"3%",right:"4%",bottom:"3%",top:"15%",containLabel:!0},xAxis:[{type:"category",boundaryGap:!1,data:i.dates,axisLine:{lineStyle:{color:"#d9d9d9"}},axisLabel:{color:"#8c8c8c"}}],yAxis:[{type:"value",name:"响应时间(分钟)",nameTextStyle:{color:"#8c8c8c",fontSize:12},position:"left",axisLine:{show:!1},axisLabel:{color:"#8c8c8c"},splitLine:{lineStyle:{color:"#f0f0f0",type:"dashed"}}},{type:"value",name:"完成时间(分钟)",nameTextStyle:{color:"#8c8c8c",fontSize:12},position:"right",axisLine:{show:!1},axisLabel:{color:"#8c8c8c"},splitLine:{show:!1}}],series:[{name:"平均响应时间",type:"line",smooth:!0,symbol:"circle",symbolSize:6,yAxisIndex:0,data:i.responseTimeData,itemStyle:{color:"#1677ff"},lineStyle:{width:2}},{name:"平均完成时间",type:"line",smooth:!0,symbol:"circle",symbolSize:6,yAxisIndex:1,data:i.completionTimeData,itemStyle:{color:"#52c41a"},lineStyle:{width:2}}]}}function K(){const{funnelData:i}=x.value;return{tooltip:{trigger:"item",formatter:"{b}: {c}个 ({d}%)"},series:[{name:"工单处理流程",type:"funnel",left:"10%",top:"5%",bottom:"5%",width:"80%",minSize:"0%",maxSize:"100%",sort:"descending",gap:4,label:{show:!0,position:"inside",formatter:`{b}
|
||
{c}个`,fontSize:13,color:"#fff"},labelLine:{show:!1},itemStyle:{borderColor:"#fff",borderWidth:1},emphasis:{label:{fontSize:15,fontWeight:"bold"}},data:i.map((r,m)=>ae(M({},r),{itemStyle:{color:["#1677ff","#40a9ff","#69b1ff","#91caff","#b3d4ff"][m]}}))}]}}function I(){var Z;const{heatmapData:i}=x.value,r=i.hours.map((b,L)=>L),m=i.days.map((b,L)=>L),O=[];for(let b=0;b<i.days.length;b++)for(let L=0;L<24;L++){const V=((Z=i.data[b])==null?void 0:Z[L])||0;O.push([L,b,V])}return{tooltip:{position:"top",formatter:b=>{const L=i.days[b.value[1]]||"",V=i.hours[b.value[0]]||"",ue=b.value[2]||0;return`${L} ${V}<br/>工单数: ${ue}单`}},grid:{height:"75%",top:"5%",left:"8%",right:"3%",bottom:"15%"},xAxis:{type:"category",data:r,splitArea:{show:!0},axisLabel:{fontSize:9,color:"#8c8c8c",formatter:b=>b%3===0?`${b}:00`:""},axisLine:{show:!1},axisTick:{show:!1}},yAxis:{type:"category",data:m,splitArea:{show:!0},axisLabel:{fontSize:11,color:"#595959",formatter:b=>i.days[b]||""},axisLine:{show:!1},axisTick:{show:!1}},visualMap:{min:0,max:10,calculable:!1,orient:"horizontal",left:"center",bottom:"2%",textStyle:{fontSize:10,color:"#8c8c8c"},itemWidth:8,itemHeight:50,inRange:{color:["#e6f7ff","#bae7ff","#91d5ff","#69c0ff","#40a9ff","#1677ff"]},splitNumber:5,show:!1},series:[{name:"工单数量",type:"heatmap",data:O,label:{show:!1},emphasis:{itemStyle:{shadowBlur:10,shadowColor:"rgba(0, 0, 0, 0.3)"}}}]}}function ce(){const{areaRanking:i}=x.value;return{grid:{left:"3%",right:"15%",top:"5%",bottom:"3%",containLabel:!0},xAxis:{type:"value",max:"dataMax",axisLabel:{show:!1},splitLine:{show:!1}},yAxis:{type:"category",data:i.map(m=>m.area),axisLabel:{fontSize:13,color:"#595959"},axisLine:{show:!1},axisTick:{show:!1}},series:[{type:"bar",data:i.map(m=>({value:m.count,itemStyle:{color:r(m.rate),borderRadius:[0,6,6,0]}})),barWidth:18,label:{show:!0,position:"right",fontSize:13,color:"#262626",fontWeight:500,formatter:m=>`${m.value}单`}}]};function r(m){return m>=95?"#52c41a":m>=90?"#1677ff":m>=85?"#faad14":m>=80?"#ff7a45":"#ff4d4f"}}function de(){const{durationStats:i}=x.value;return{grid:{left:"3%",right:"18%",top:"5%",bottom:"3%",containLabel:!0},xAxis:{type:"value",max:"dataMax",splitLine:{show:!1},axisLabel:{show:!1}},yAxis:{type:"category",data:i.map(r=>r.type),axisLabel:{fontSize:13,color:"#595959"},axisLine:{show:!1},axisTick:{show:!1}},series:[{type:"bar",data:i.map(r=>({value:r.avgDuration,itemStyle:{color:r.color,borderRadius:[0,6,6,0]}})),barWidth:18,label:{show:!0,position:"right",fontSize:13,color:"#262626",fontWeight:500,formatter:r=>`${r.value}分钟`}}]}}function q(){return oe(this,null,function*(){n.value=!0;try{et&&(yield new Promise(i=>setTimeout(i,500)),x.value=M({},D)),a.value=!1,yield Ae(),S(N()),c(W()),h(H()),R(K()),$(I()),U(ce()),G(de())}catch(i){x.value=M({},D)}finally{n.value=!1}})}let Q=null;return re(()=>{q(),Q=setInterval(q,3e4)}),Re(()=>{Q&&clearInterval(Q)}),(i,r)=>(ze(),$e("div",Pe,[e(t(A),{spinning:n.value},{default:l(()=>[e(t(P),{gutter:[12,12],class:"mb-3"},{default:l(()=>[e(t(T),{xs:24,sm:12,lg:6},{default:l(()=>[e(t(w),{class:"metric-card metric-card--pending"},{default:l(()=>[f("div",je,[f("div",Be,[e(t(z),{icon:"solar:clock-circle-bold-duotone"})]),f("div",Ue,[r[0]||(r[0]=f("div",{class:"metric-label"},"待处理工单",-1)),e(t(C),{value:x.value.pendingCount,"value-style":{fontSize:"24px",fontWeight:600,color:"#ff4d4f"}},null,8,["value"])])])]),_:1})]),_:1}),e(t(T),{xs:24,sm:12,lg:6},{default:l(()=>[e(t(w),{class:"metric-card metric-card--progress"},{default:l(()=>[f("div",Ge,[f("div",Ke,[e(t(z),{icon:"solar:play-circle-bold-duotone"})]),f("div",Qe,[r[1]||(r[1]=f("div",{class:"metric-label"},"进行中工单",-1)),e(t(C),{value:x.value.inProgressCount,"value-style":{fontSize:"24px",fontWeight:600,color:"#1677ff"}},null,8,["value"])])])]),_:1})]),_:1}),e(t(T),{xs:24,sm:12,lg:6},{default:l(()=>[e(t(w),{class:"metric-card metric-card--completed"},{default:l(()=>[f("div",Ve,[f("div",Xe,[e(t(z),{icon:"solar:check-circle-bold-duotone"})]),f("div",Je,[r[2]||(r[2]=f("div",{class:"metric-label"},"今日完成",-1)),e(t(C),{value:x.value.completedTodayCount,"value-style":{fontSize:"24px",fontWeight:600,color:"#52c41a"}},null,8,["value"])])])]),_:1})]),_:1}),e(t(T),{xs:24,sm:12,lg:6},{default:l(()=>[e(t(w),{class:"metric-card metric-card--total"},{default:l(()=>[f("div",Ye,[f("div",qe,[e(t(z),{icon:"solar:document-text-bold-duotone"})]),f("div",Ze,[r[3]||(r[3]=f("div",{class:"metric-label"},"累计完成",-1)),e(t(C),{value:x.value.completedTotalCount,"value-style":{fontSize:"24px",fontWeight:600,color:"#722ed1"}},null,8,["value"])])])]),_:1})]),_:1})]),_:1}),e(t(P),{gutter:[12,12],class:"mb-3"},{default:l(()=>[e(t(T),{xs:24,lg:16},{default:l(()=>[e(t(w),{class:"chart-card",title:"工单趋势（近7天）"},{extra:l(()=>[e(t(j),{title:"展示最近7天的工单新增与完成情况"},{default:l(()=>[e(t(z),{icon:"solar:info-circle-bold-duotone",class:"info-icon"})]),_:1})]),default:l(()=>[e(t(A),{spinning:a.value},{default:l(()=>[e(t(F),{ref_key:"trendChartRef",ref:d,class:"chart-container"},null,512)]),_:1},8,["spinning"])]),_:1})]),_:1}),e(t(T),{xs:24,lg:8},{default:l(()=>[e(t(w),{class:"chart-card",title:"工单时段分布"},{extra:l(()=>[e(t(j),{title:"展示一天24小时各时段的工单数量分布"},{default:l(()=>[e(t(z),{icon:"solar:info-circle-bold-duotone",class:"info-icon"})]),_:1})]),default:l(()=>[e(t(A),{spinning:a.value},{default:l(()=>[e(t(F),{ref_key:"hourlyChartRef",ref:u,class:"chart-container"},null,512)]),_:1},8,["spinning"])]),_:1})]),_:1})]),_:1}),e(t(P),{gutter:[12,12],class:"mb-3"},{default:l(()=>[e(t(T),{xs:24,lg:12},{default:l(()=>[e(t(w),{class:"chart-card",title:"平均耗时趋势（近7天）"},{extra:l(()=>[e(t(j),{title:"展示平均响应时间和平均完成时间的变化趋势"},{default:l(()=>[e(t(z),{icon:"solar:info-circle-bold-duotone",class:"info-icon"})]),_:1})]),default:l(()=>[e(t(A),{spinning:a.value},{default:l(()=>[e(t(F),{ref_key:"timeTrendChartRef",ref:v,class:"chart-container chart-container--medium"},null,512)]),_:1},8,["spinning"])]),_:1})]),_:1}),e(t(T),{xs:24,lg:12},{default:l(()=>[e(t(w),{class:"chart-card",title:"工单处理漏斗"},{extra:l(()=>[e(t(j),{title:"展示工单从创建到完成各环节的转化情况"},{default:l(()=>[e(t(z),{icon:"solar:info-circle-bold-duotone",class:"info-icon"})]),_:1})]),default:l(()=>[e(t(A),{spinning:a.value},{default:l(()=>[e(t(F),{ref_key:"funnelChartRef",ref:y,class:"chart-container chart-container--medium"},null,512)]),_:1},8,["spinning"])]),_:1})]),_:1})]),_:1}),e(t(P),{gutter:[12,12]},{default:l(()=>[e(t(T),{xs:24,md:8,lg:8},{default:l(()=>[e(t(w),{class:"modern-card modern-card--heatmap"},{default:l(()=>[r[4]||(r[4]=f("div",{class:"modern-header"},[f("span",{class:"modern-title"},"时段热力图")],-1)),e(t(A),{spinning:a.value},{default:l(()=>[e(t(F),{ref_key:"heatmapChartRef",ref:p,class:"modern-chart"},null,512)]),_:1},8,["spinning"])]),_:1})]),_:1}),e(t(T),{xs:24,md:8,lg:8},{default:l(()=>[e(t(w),{class:"modern-card modern-card--ranking"},{default:l(()=>[r[5]||(r[5]=f("div",{class:"modern-header"},[f("span",{class:"modern-title"},"区域工单排行")],-1)),e(t(A),{spinning:a.value},{default:l(()=>[e(t(F),{ref_key:"areaRankingChartRef",ref:s,class:"modern-chart"},null,512)]),_:1},8,["spinning"])]),_:1})]),_:1}),e(t(T),{xs:24,md:8,lg:8},{default:l(()=>[e(t(w),{class:"modern-card modern-card--duration"},{default:l(()=>[r[6]||(r[6]=f("div",{class:"modern-header"},[f("span",{class:"modern-title"},"作业时长统计")],-1)),e(t(A),{spinning:a.value},{default:l(()=>[e(t(F),{ref_key:"durationChartRef",ref:g,class:"modern-chart"},null,512)]),_:1},8,["spinning"])]),_:1})]),_:1})]),_:1})]),_:1},8,["spinning"])]))}}),st=De(tt,[["__scopeId","data-v-f6f34593"]]);export{st as default};
|