weiyu/deploy/server/admin/p__Dashboard__Bi__Callcenter__Summary.0da81f3b.async.js

"use strict";(self.webpackChunkadmin=self.webpackChunkadmin||[]).push([[5989],{16829:function(e,t,n){n.d(t,{Z:function(){return o}});var a=n(77260),r=n(44194),l={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M699 353h-46.9c-10.2 0-19.9 4.9-25.9 13.3L469 584.3l-71.2-98.8c-6-8.3-15.6-13.3-25.9-13.3H325c-6.5 0-10.3 7.4-6.5 12.7l124.6 172.8a31.8 31.8 0 0051.7 0l210.6-292c3.9-5.3.1-12.7-6.4-12.7z"}},{tag:"path",attrs:{d:"M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"}}]},name:"check-circle",theme:"outlined"},s=n(5901),i=function(e,t){return r.createElement(s.Z,(0,a.Z)({},e,{ref:t,icon:l}))};var o=r.forwardRef(i)},14546:function(e,t,n){n.d(t,{Z:function(){return o}});var a=n(77260),r=n(44194),l={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"}},{tag:"path",attrs:{d:"M686.7 638.6L544.1 535.5V288c0-4.4-3.6-8-8-8H488c-4.4 0-8 3.6-8 8v275.4c0 2.6 1.2 5 3.3 6.5l165.4 120.6c3.6 2.6 8.6 1.8 11.2-1.7l28.6-39c2.6-3.7 1.8-8.7-1.8-11.2z"}}]},name:"clock-circle",theme:"outlined"},s=n(5901),i=function(e,t){return r.createElement(s.Z,(0,a.Z)({},e,{ref:t,icon:l}))};var o=r.forwardRef(i)},15883:function(e,t,n){var a=n(77260),r=n(44194),l=n(78041),s=n(5901),i=function(e,t){return r.createElement(s.Z,(0,a.Z)({},e,{ref:t,icon:l.Z}))},o=r.forwardRef(i);t.Z=o},75619:function(e,t,n){n.r(t);n(44194);var a=n(71373),r=n(43443),l=n(5858),s=n(9248),i=n(63065),o=n(14318),c=n(68525),d=n(15883),u=n(16829),f=n(14546),p=n(57039),m=n(31549);t.default=function(){var e=[{title:"日期",dataIndex:"date",key:"date"},{title:"总通话数",dataIndex:"totalCalls",key:"totalCalls",sorter:function(e,t){return e.totalCalls-t.totalCalls}},{title:"已接听",dataIndex:"answeredCalls",key:"answeredCalls",render:function(e,t){return(0,m.jsxs)("div",{children:[(0,m.jsx)("span",{children:e}),(0,m.jsx)(a.Z,{percent:Math.round(e/t.totalCalls*100),size:"small",showInfo:!1,strokeColor:"#52c41a"})]})}},{title:"未接听",dataIndex:"missedCalls",key:"missedCalls",render:function(e,t){return(0,m.jsxs)("div",{children:[(0,m.jsx)("span",{children:e}),(0,m.jsx)(a.Z,{percent:Math.round(e/t.totalCalls*100),size:"small",showInfo:!1,strokeColor:"#ff4d4f"})]})}},{title:"平均通话时长",dataIndex:"avgCallDuration",key:"avgCallDuration"},{title:"平均等待时间",dataIndex:"avgWaitTime",key:"avgWaitTime"},{title:"满意度",dataIndex:"satisfaction",key:"satisfaction",render:function(e){return(0,m.jsxs)(r.Z,{color:e>=4?"green":e>=3?"orange":"red",children:[e,"/5"]})}}];return(0,m.jsxs)("div",{style:{padding:"24px"},children:[(0,m.jsxs)("div",{style:{marginBottom:"24px"},children:[(0,m.jsx)("h2",{children:"服务总结统计"}),(0,m.jsx)("p",{children:"查看呼叫中心客服的整体服务情况和统计数据"})]}),(0,m.jsxs)(l.Z,{gutter:16,style:{marginBottom:"24px"},children:[(0,m.jsx)(s.Z,{span:6,children:(0,m.jsx)(i.Z,{children:(0,m.jsx)(o.Z,{title:"今日总通话数",value:156,prefix:(0,m.jsx)(d.Z,{}),valueStyle:{color:"#3f8600"}})})}),(0,m.jsx)(s.Z,{span:6,children:(0,m.jsx)(i.Z,{children:(0,m.jsx)(o.Z,{title:"已接听通话",value:142,prefix:(0,m.jsx)(u.Z,{}),valueStyle:{color:"#1890ff"}})})}),(0,m.jsx)(s.Z,{span:6,children:(0,m.jsx)(i.Z,{children:(0,m.jsx)(o.Z,{title:"平均通话时长",value:"8.5分钟",prefix:(0,m.jsx)(f.Z,{}),valueStyle:{color:"#722ed1"}})})}),(0,m.jsx)(s.Z,{span:6,children:(0,m.jsx)(i.Z,{children:(0,m.jsx)(o.Z,{title:"在线客服数",value:8,prefix:(0,m.jsx)(p.Z,{}),valueStyle:{color:"#eb2f96"}})})})]}),(0,m.jsxs)(l.Z,{gutter:16,style:{marginBottom:"24px"},children:[(0,m.jsx)(s.Z,{span:12,children:(0,m.jsx)(i.Z,{title:"通话类型分布",children:(0,m.jsx)("div",{style:{height:300},children:[{type:"咨询类",count:67,percentage:42.9,color:"#1890ff"},{type:"投诉类",count:34,percentage:21.8,color:"#ff4d4f"},{type:"技术支持",count:28,percentage:17.9,color:"#52c41a"},{type:"订单查询",count:27,percentage:17.4,color:"#faad14"}].map((function(e,t){return(0,m.jsxs)("div",{style:{display:"flex",justifyContent:"space-between",marginBottom:12},children:[(0,m.jsx)("span",{children:e.type}),(0,m.jsxs)("div",{style:{display:"flex",alignItems:"center"},children:[(0,m.jsx)("div",{style:{width:12,height:12,backgroundColor:e.color,marginRight:8,borderRadius:2}}),(0,m.jsx)("span",{style:{marginRight:8},children:e.count}),(0,m.jsxs)("span",{style:{color:"#666"},children:["(",e.percentage,"%)"]})]})]},t)}))})})}),(0,m.jsx)(s.Z,{span:12,children:(0,m.jsx)(i.Z,{title:"客服工作状态",children:(0,m.jsx)("div",{style:{height:300},children:[{status:"在线",count:8,percentage:66.7,color:"#52c41a"},{status:"通话中",count:3,percentage:25,color:"#1890ff"},{status:"离线",count:1,percentage:8.3,color:"#666"}].map((function(e,t){return(0,m.jsxs)("div",{style:{display:"flex",justifyContent:"space-between",marginBottom:12},children:[(0,m.jsx)("span",{children:e.status}),(0,m.jsxs)("div",{style:{display:"flex",alignItems:"center"},children:[(0,m.jsx)("div",{style:{width:12,height:12,backgroundColor:e.color,marginRight:8,borderRadius:2}}),(0,m.jsx)("span",{style:{marginRight:8},children:e.count}),(0,m.jsxs)("span",{style:{color:"#666"},children:["(",e.percentage,"%)"]})]})]},t)}))})})})]}),(0,m.jsxs)(l.Z,{gutter:16,style:{marginBottom:"24px"},children:[(0,m.jsx)(s.Z,{span:8,children:(0,m.jsx)(i.Z,{title:"接听率",children:(0,m.jsxs)("div",{style:{textAlign:"center",padding:"20px 0"},children:[(0,m.jsx)("div",{style:{fontSize:"32px",fontWeight:"bold",color:"#52c41a"},children:"91.0%"}),(0,m.jsx)("div",{style:{color:"#666",marginTop:8},children:"今日接听率"})]})})}),(0,m.jsx)(s.Z,{span:8,children:(0,m.jsx)(i.Z,{title:"平均等待时间",children:(0,m.jsxs)("div",{style:{textAlign:"center",padding:"20px 0"},children:[(0,m.jsx)("div",{style:{fontSize:"32px",fontWeight:"bold",color:"#1890ff"},children:"2.3分钟"}),(0,m.jsx)("div",{style:{color:"#666",marginTop:8},children:"平均等待时间"})]})})}),(0,m.jsx)(s.Z,{span:8,children:(0,m.jsx)(i.Z,{title:"客户满意度",children:(0,m.jsxs)("div",{style:{textAlign:"center",padding:"20px 0"},children:[(0,m.jsx)("div",{style:{fontSize:"32px",fontWeight:"bold",color:"#faad14"},children:"4.2/5"}),(0,m.jsx)("div",{style:{color:"#666",marginTop:8},children:"平均满意度"})]})})})]}),(0,m.jsx)(i.Z,{title:"通话详细数据",children:(0,m.jsx)(c.Z,{columns:e,dataSource:[{key:"1",date:"2025-02-11",totalCalls:156,answeredCalls:142,missedCalls:14,avgCallDuration:"8.5分钟",avgWaitTime:"2.3分钟",satisfaction:4.2},{key:"2",date:"2025-02-10",totalCalls:134,answeredCalls:121,missedCalls:13,avgCallDuration:"7.8分钟",avgWaitTime:"2.8分钟",satisfaction:4},{key:"3",date:"2025-02-09",totalCalls:178,answeredCalls:165,missedCalls:13,avgCallDuration:"9.2分钟",avgWaitTime:"1.9分钟",satisfaction:4.4}],pagination:!1,size:"middle"})})]})}},14318:function(e,t,n){n.d(t,{Z:function(){return k}});var a=n(44194),r=n(99026),l=n(59644),s=n(26867),i=n(51865),o=n.n(i),c=n(53230),d=n(81424),u=n(83043);var f=e=>{const{value:t,formatter:n,precision:r,decimalSeparator:l,groupSeparator:s="",prefixCls:i}=e;let o;if("function"==typeof n)o=n(t);else{const e=String(t),n=e.match(/^(-?)(\d*)(\.(\d+))?$/);if(n&&"-"!==e){const e=n[1];let t=n[2]||"0",c=n[4]||"";t=t.replace(/\B(?=(\d{3})+(?!\d))/g,s),"number"==typeof r&&(c=c.padEnd(r,"0").slice(0,r>0?r:0)),c&&(c=`${l}${c}`),o=[a.createElement("span",{key:"int",className:`${i}-content-value-int`},e,t),c&&a.createElement("span",{key:"decimal",className:`${i}-content-value-decimal`},c)]}else o=e}return a.createElement("span",{className:`${i}-content-value`},o)},p=n(15273),m=n(81254),x=n(10750);const g=e=>{const{componentCls:t,marginXXS:n,padding:a,colorTextDescription:r,titleFontSize:l,colorTextHeading:s,contentFontSize:i,fontFamily:o}=e;return{[t]:Object.assign(Object.assign({},(0,p.Wf)(e)),{[`${t}-title`]:{marginBottom:n,color:r,fontSize:l},[`${t}-skeleton`]:{paddingTop:a},[`${t}-content`]:{color:s,fontSize:i,fontFamily:o,[`${t}-content-value`]:{display:"inline-block",direction:"ltr"},[`${t}-content-prefix, ${t}-content-suffix`]:{display:"inline-block"},[`${t}-content-prefix`]:{marginInlineEnd:n},[`${t}-content-suffix`]:{marginInlineStart:n}}})}};var h=(0,m.I$)("Statistic",(e=>{const t=(0,x.IX)(e,{});return[g(t)]}),(e=>{const{fontSizeHeading3:t,fontSize:n}=e;return{titleFontSize:n,contentFontSize:t}})),v=function(e,t){var n={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&t.indexOf(a)<0&&(n[a]=e[a]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(a=Object.getOwnPropertySymbols(e);r<a.length;r++)t.indexOf(a[r])<0&&Object.prototype.propertyIsEnumerable.call(e,a[r])&&(n[a[r]]=e[a[r]])}return n};const y=a.forwardRef(((e,t)=>{const{prefixCls:n,className:r,rootClassName:l,style:s,valueStyle:i,value:p=0,title:m,valueRender:x,prefix:g,suffix:y,loading:j=!1,formatter:Z,precision:C,decimalSeparator:b=".",groupSeparator:S=",",onMouseEnter:w,onMouseLeave:O}=e,k=v(e,["prefixCls","className","rootClassName","style","valueStyle","value","title","valueRender","prefix","suffix","loading","formatter","precision","decimalSeparator","groupSeparator","onMouseEnter","onMouseLeave"]),{getPrefixCls:E,direction:$,className:z,style:I}=(0,d.dj)("statistic"),M=E("statistic",n),[R,T,N]=h(M),D=a.createElement(f,{decimalSeparator:b,groupSeparator:S,prefixCls:M,formatter:Z,precision:C,value:p}),B=o()(M,{[`${M}-rtl`]:"rtl"===$},z,r,l,T,N),W=a.useRef(null);a.useImperativeHandle(t,(()=>({nativeElement:W.current})));const F=(0,c.Z)(k,{aria:!0,data:!0});return R(a.createElement("div",Object.assign({},F,{ref:W,className:B,style:Object.assign(Object.assign({},I),s),onMouseEnter:w,onMouseLeave:O}),m&&a.createElement("div",{className:`${M}-title`},m),a.createElement(u.Z,{paragraph:!1,loading:j,className:`${M}-skeleton`},a.createElement("div",{style:i,className:`${M}-content`},g&&a.createElement("span",{className:`${M}-content-prefix`},g),x?x(D):D,y&&a.createElement("span",{className:`${M}-content-suffix`},y)))))}));var j=y;const Z=[["Y",31536e6],["M",2592e6],["D",864e5],["H",36e5],["m",6e4],["s",1e3],["S",1]];function C(e,t,n){const{format:a=""}=t,r=new Date(e).getTime(),l=Date.now();return function(e,t){let n=e;const a=/\[[^\]]*]/g,r=(t.match(a)||[]).map((e=>e.slice(1,-1))),l=t.replace(a,"[]"),s=Z.reduce(((e,[t,a])=>{if(e.includes(t)){const r=Math.floor(n/a);return n-=r*a,e.replace(new RegExp(`${t}+`,"g"),(e=>{const t=e.length;return r.toString().padStart(t,"0")}))}return e}),l);let i=0;return s.replace(a,(()=>{const e=r[i];return i+=1,e}))}(n?Math.max(r-l,0):Math.max(l-r,0),a)}var b=function(e,t){var n={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&t.indexOf(a)<0&&(n[a]=e[a]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(a=Object.getOwnPropertySymbols(e);r<a.length;r++)t.indexOf(a[r])<0&&Object.prototype.propertyIsEnumerable.call(e,a[r])&&(n[a[r]]=e[a[r]])}return n};var S=e=>{const{value:t,format:n="HH:mm:ss",onChange:i,onFinish:o,type:c}=e,d=b(e,["value","format","onChange","onFinish","type"]),u="countdown"===c,[f,p]=a.useState(null),m=(0,r.zX)((()=>{const e=Date.now(),n=function(e){return new Date(e).getTime()}(t);p({});return null==i||i(u?n-e:e-n),!(u&&n<e)||(null==o||o(),!1)}));a.useEffect((()=>{let e;const t=()=>{e=(0,l.Z)((()=>{m()&&t()}))};return t(),()=>l.Z.cancel(e)}),[t,u]),a.useEffect((()=>{p({})}),[]);return a.createElement(j,Object.assign({},d,{value:t,valueRender:e=>(0,s.Tm)(e,{title:void 0}),formatter:(e,t)=>f?C(e,Object.assign(Object.assign({},t),{format:n}),u):"-"}))};const w=e=>a.createElement(S,Object.assign({},e,{type:"countdown"}));var O=a.memo(w);j.Timer=S,j.Countdown=O;var k=j}}]);