????
Your IP : 3.145.152.98
"use strict";(self.webpackChunkgdt=self.webpackChunkgdt||[]).push([[8704],{37004:(e,t,a)=>{a.d(t,{A:()=>x});var n=a(9950),s=a(44188),o=a(34057),i=a(73613),h=a(44414);const r=e=>(0,h.jsx)("div",{className:"spinner-border-sm spinner-border text-danger"}),l={multiValueLabel:e=>({...e,padding:"0px 0px 0px 6px",fontSize:13}),control:e=>({...e,backgroundColor:"white",minHeight:"28.38px",fontSize:"0.76563rem",lineHeight:"1.5",cursor:"pointer",borderRadius:"0.2rem"}),option:e=>({...e,fontSize:"0.76563rem",cursor:"pointer"}),input:e=>({...e,position:"unset"}),placeholder:e=>({...e,marginLeft:5,marginRight:5}),singleValue:(e,t)=>{let{data:a}=t;return{...e,marginTop:1,transform:"inherit",top:"unset"}},container:e=>({...e,width:"100%"}),valueContainer:e=>({...e,padding:"0px 2px 0px 2px"})},d=e=>(0,h.jsx)(r,{...e}),c=e=>(0,h.jsx)(s.F.IndicatorsContainer,{...e,getStyles:()=>({display:"flex",height:"100%"})}),g=e=>{const{innerProps:{ref:t,...a}}=e;return(0,h.jsx)("div",{...a,ref:t,style:{color:"rgb(204, 204, 204)",transition:"color 150ms ease 0s",boxSizing:"border-box"},children:(0,h.jsx)(i.A,{fa:"times",style:{marginTop:2,padding:"5px 5px 5px 5px",verticalAlign:"bottom"}})})},u=e=>{let{innerProps:t}=e;return(0,h.jsx)("span",{...t,style:{alignSelf:"stretch",width:1,backgroundColor:"rgb(204, 204, 204)",marginTop:2,marginBottom:2,marginRight:5,marginLeft:5}})},p=e=>(0,h.jsx)(s.F.DropdownIndicator,{...e,getStyles:()=>({color:"hsl(0,0%,80%)"}),children:(0,h.jsx)(i.A,{fa:"angle-down",style:{marginTop:2,padding:"5px 9px 5px 5px"}})}),D=e=>(0,h.jsx)(s.F.MenuList,{...e,getStyles:()=>({maxHeight:250,zIndex:9999,overflowY:"auto"}),children:e.children});class m extends n.Component{render(){const{placeholder:e,noOptionsMessage:t,loadingMessage:a,...n}=this.props;return(0,h.jsx)(o.Ay,{...n,classNamePrefix:"select",styles:l,placeholder:e,noOptionsMessage:t,loadingMessage:a,components:{IndicatorsContainer:c,ClearIndicator:g,IndicatorSeparator:u,DropdownIndicator:p,LoadingIndicator:d,MenuList:D}})}}m.defaultProps={placeholder:"Ch\u1ecdn...",noOptionsMessage:()=>"Kh\xf4ng c\xf3 l\u1ef1a ch\u1ecdn",loadingMessage:()=>"\u0110ang t\u1ea3i"};const x=m},39051:(e,t,a)=>{a.d(t,{Eb:()=>n,OW:()=>i,RK:()=>o,gK:()=>s});const n={HomNay:"H\xf4m nay",HomQua:"H\xf4m qua",TuanNay:"Tu\u1ea7n n\xe0y",TuanTruoc:"Tu\u1ea7n tr\u01b0\u1edbc",BayNgayQua:"7 ng\xe0y qua",ThangNay:"Th\xe1ng n\xe0y",ThangTruoc:"Th\xe1ng tr\u01b0\u1edbc",BaMuoiNgayQua:"30 ng\xe0y qua",Quy1:"Qu\xfd 1",Quy2:"Qu\xfd 2",Quy3:"Qu\xfd 3",Quy4:"Qu\xfd 4",NamNay:"N\u0103m nay",NamTruoc:"N\u0103m tr\u01b0\u1edbc"},s=[{key:"H\xf4m nay"},{key:"H\xf4m qua"},{key:"Tu\u1ea7n n\xe0y"},{key:"Tu\u1ea7n tr\u01b0\u1edbc"},{key:"7 ng\xe0y qua"}],o=[{key:"Th\xe1ng n\xe0y"},{key:"Th\xe1ng tr\u01b0\u1edbc"},{key:"30 ng\xe0y qua"},{key:"Qu\xfd 1"},{key:"Qu\xfd 2"},{key:"Qu\xfd 3"},{key:"Qu\xfd 4"}],i=[{key:"N\u0103m nay"},{key:"N\u0103m tr\u01b0\u1edbc"}]},52201:(e,t,a)=>{a.d(t,{A:()=>l});var n=a(9950),s=a(18649),o=a(16328),i=a(33151),h=a(39051),r=a(44414);class l extends n.Component{constructor(e){var t;super(e),t=this,this.onSelectDate=function(e){let a=arguments.length>2?arguments[2]:void 0;const{onChangeDate:n,toggleHidden:s}=t.props,o=new Date;s&&t.setShowToggle();let i=o.getDate()-o.getDay()+1,r=i+6,l=i-7,d=r-7,c=new Date,g=new Date(o.setDate((new Date).getDate()-1)),u=new Date((new Date).setDate(i)),p=new Date((new Date).setDate(r)),D=new Date((new Date).setDate(l)),m=new Date((new Date).setDate(d)),x=new Date((new Date).setDate((new Date).getDate()-7)),y=new Date((new Date).getFullYear(),(new Date).getMonth(),1),T=new Date((new Date).getFullYear(),(new Date).getMonth()+1,0),j=new Date((new Date).getFullYear(),(new Date).getMonth()-1,1),f=new Date((new Date).getFullYear(),(new Date).getMonth(),0),w=new Date((new Date).setDate((new Date).getDate()-30)),N=new Date((new Date).getFullYear(),0,1),S=new Date((new Date).getFullYear(),3,0),b=new Date((new Date).getFullYear(),3,1),v=new Date((new Date).getFullYear(),6,0),H=new Date((new Date).getFullYear(),6,1),F=new Date((new Date).getFullYear(),9,0),A=new Date((new Date).getFullYear(),9,1),C=new Date((new Date).getFullYear(),12,0),M=new Date((new Date).getFullYear(),0,1),I=new Date((new Date).getFullYear(),12,0),k=new Date((new Date).getFullYear()-1,0,1),L=new Date((new Date).getFullYear()-1,12,0);switch(e){case h.Eb.ToanThoiGian:n(!0,null,null);break;case h.Eb.HomNay:n(!0,c,c);break;case h.Eb.HomQua:n(!0,g,g);break;case h.Eb.TuanNay:n(!0,u,p);break;case h.Eb.TuanTruoc:n(!0,D,m);break;case h.Eb.BayNgayQua:n(!0,x,c);break;case h.Eb.ThangNay:n(!0,y,T);break;case h.Eb.ThangTruoc:n(!0,j,f);break;case h.Eb.BaMuoiNgayQua:n(!0,w,c);break;case h.Eb.Quy1:n(!0,N,S);break;case h.Eb.Quy2:n(!0,b,v);break;case h.Eb.Quy3:n(!0,H,F);break;case h.Eb.Quy4:n(!0,A,C);break;case h.Eb.NamNay:n(!0,M,I);break;case h.Eb.NamTruoc:n(!0,k,L)}t.props.setStringValueDate&&t.props.setStringValueDate(e).then((e=>{a?!t.props.status&&t.props.alwaysTrueReportViewer&&t.props.alwaysTrueReportViewer():!t.props.status&&t.props.changeReportViewer&&t.props.changeReportViewer()})).catch((e=>e))},this.state={showToggle:!1}}setShowToggle(){this.setState({showToggle:!this.state.showToggle})}render(){const{showToggle:e}=this.state,{disabledRadio:t,stringValueDate:a,position:n,className:l,toggleHidden:d,valueRadio:c}=this.props;return(0,r.jsxs)(s.A,{className:l?"button-drop-right "+l:"button-drop-right",disabled:t||!1,children:[(0,r.jsx)(o.A,{caret:!0,className:"1"===c?"active":"",children:(0,r.jsxs)("span",{onClick:()=>d&&this.setShowToggle(),children:[" ",a||""," "]})}),(0,r.jsx)(i.A,{className:d&&e?"dropdow-custon-report toggleHidden showToggle":d?"dropdow-custon-report toggleHidden":"dropdow-custon-report",children:(0,r.jsxs)("div",{className:n?"autoComplete-input-date "+n:"autoComplete-input-date right",children:[(0,r.jsxs)("div",{children:[(0,r.jsx)("span",{className:"header-date",children:"Theo ng\xe0y v\xe0 tu\u1ea7n"}),h.gK.map(((e,t)=>(0,r.jsx)("span",{"data-render":e.key,onClick:()=>this.onSelectDate(e.key),children:e.key},t)))]}),(0,r.jsxs)("div",{children:[(0,r.jsx)("span",{className:"header-date",children:"Theo th\xe1ng v\xe0 qu\xfd"}),h.RK.map(((e,t)=>(0,r.jsx)("span",{"data-render":e.key,onClick:()=>this.onSelectDate(e.key),children:e.key},t)))]}),(0,r.jsxs)("div",{children:[(0,r.jsx)("span",{className:"header-date",children:"Theo n\u0103m"}),h.OW.map(((e,t)=>(0,r.jsx)("span",{"data-render":e.key,onClick:()=>this.onSelectDate(e.key),children:e.key},t)))]})]})})]})}}},55738:(e,t,a)=>{a.d(t,{E:()=>s});var n=a(18383);const s={day:(new Date).getDate(),month:(new Date).getMonth()+1,year:(new Date).getFullYear(),firstDayOfTheMonth:`${(new Date).getFullYear()}-${(new Date).getMonth()+1}-1`,lastDayOfTheMonth:(0,n.A)(new Date((new Date).getFullYear(),(new Date).getMonth()+1,0),"yyyy-MM-dd"),toDay:`${(new Date).getFullYear()}-${(new Date).getMonth()+1}-${(new Date).getDate()}`,yesterDay:(0,n.A)(new Date((new Date).setDate((new Date).getDate()-1)),"yyyy-MM-dd")}},59330:(e,t,a)=>{a.d(t,{A:()=>h});var n=a(9950),s=a(86006),o=a(73613),i=a(44414);class h extends n.Component{render(){const{size:e,text:t}=this.props;let a=(0,i.jsxs)("div",{children:[(0,i.jsx)("span",{className:"text-center",children:(0,i.jsx)(o.A,{fa:"folder-o"})}),(0,i.jsx)("span",{children:t||"Kh\xf4ng c\xf3 d\u1eef li\u1ec7u"})]});return"sm"===e?(0,i.jsx)(r,{children:a}):(0,i.jsx)(l,{children:a})}}const r=s.Ay.div`
height: 400px;
display: flex;
justify-content: center;
align-items: center;
width: 100%;
span{
line-height: 1.2;
display: block;
opacity: 0.5;
&:first-child{
font-size:2.5rem;
}
&:last-child{
font-size:1rem;
}
}
`,l=s.Ay.div`
height: 400px;
display: flex;
justify-content: center;
align-items: center;
width: 100%;
span{
line-height: 1.2;
display: block;
opacity: 0.5;
&:first-child{
font-size:3.5rem;
}
&:last-child{
font-size:1.5rem;
}
}
`},68704:(e,t,a)=>{a.r(t),a.d(t,{default:()=>q});var n=a(9950),s=a(82654),o=a(70349),i=a(23931),h=a(86006),r=a(59330),l=a(38152),d=a(55738),c=a(4370),g=a(67116),u=a(36841),p=a(73613),D=a(18383),m=a(52201),x=a(44414);const y="Th\xe1ng n\xe0y";class T extends n.Component{constructor(e){super(e),this.state={stringValueDate:y},this.setStringValueDate=this.setStringValueDate.bind(this)}componentDidMount(){this.setStringValueDate(y)}async setStringValueDate(e){const{setDateString:t}=this.props;await this.setState({stringValueDate:e},(()=>t&&t(e)))}render(){const{stringValueDate:e}=this.state,{onChangeDate:t}=this.props;return(0,x.jsx)("div",{className:"pull-right font-weight-normal",children:(0,x.jsx)(m.A,{toggleHidden:!0,className:"dashboard",position:"left",setStringValueDate:this.setStringValueDate,onChangeDate:t,stringValueDate:e})})}}const j=["#0088FE","#00C49F","#FFBB28","#FF8042","#0088FE","#00C49F","#FFBB28","#FF8042","#FF3300","#4CC417","#FF33FF","#660033"],f="byDate",w="byMonth";class N extends n.Component{constructor(e){super(e),this.onChangeDate=(e,t,a)=>{e&&(a.getMonth()-t.getMonth()>1?this.setState({typeLoad:w,tuThang:t.getMonth()+1,denThang:a.getMonth()+1,nam:t.getFullYear()},(()=>this.loadData())):this.setState({typeLoad:f,tuNgay:t?(0,D.A)(t,"yyyy-MM-dd"):null,denNgay:a?(0,D.A)(a,"yyyy-MM-dd"):null},(()=>this.loadData())))},this.state={tuNgay:d.E.firstDayOfTheMonth,denNgay:d.E.lastDayOfTheMonth,tuThang:null,denThang:null,nam:null,dateString:"",typeLoad:f,tongDoanhThu:0,dataDiemKinhDoanh:[],data:[]}}componentDidMount(){this.loadData()}loadData(){const{tuNgay:e,denNgay:t,tuThang:a,denThang:n,typeLoad:s,nam:o}=this.state;let i=s===w?`Dashboard/BieuDoDoanhThuTheoThangCungNam?tuThang=${a}&denThang=${n}&nam=${o}`:`Dashboard/BaoCaoDoanhThu?Id=&tuNgay=${e}&denNgay=${t}`;(0,c.Pq)(i,"GET",null,!1).then((e=>{s===w?this.handleDataByMonthAfterLoad(e):this.handleDataByDateAfterLoad(e)})).catch((e=>(0,g.a3)("Kh\xf4ng th\u1ec3 load d\u1eef li\u1ec7u doanh s\u1ed1 b\xe1n h\xe0ng","Th\xf4ng b\xe1o")))}handleDataByMonthAfterLoad(e){let t=[],a=[];a=e.TongDoanhThuDiemTheoThang.map((e=>({Id:e.DiemKinhDoanh_Id,Ten:e.TenDiem}))),t=e.DanhSachThang.map((e=>{let t={name:e.Thang.split("/")[0]};return e.DanhSachDiem.forEach((e=>{t={...t,[e.DiemKinhDoanh_Id]:"-"!==e.DoanhThu&&e.DoanhThu?e.DoanhThu.split(".").join(""):0}})),t})),this.setState({data:t,dataDiemKinhDoanh:a,tongDoanhThu:e.TongDoanhThu&&"-"!==e.TongDoanhThu?e.TongDoanhThu:0})}handleDataByDateAfterLoad(e){let t=[],a=[];a=e.DanhSachTongDoanhThu.map((e=>({Id:e.DiemKinhDoanh_Id,Ten:e.TenDiem}))),t=e.DanhSachNgay.map((e=>{let t={name:e.FormatNgay.split("/")[0]};return e.DanhSachDiem.forEach((e=>{t={...t,[e.DiemKinhDoanh_Id]:"-"!==e.DoanhThuThuan&&e.DoanhThuThuan?e.DoanhThuThuan.split(".").join(""):0}})),t})),this.setState({data:t,dataDiemKinhDoanh:a,tongDoanhThu:e.TongDoanhThuThang&&"-"!==e.TongDoanhThuThang?e.TongDoanhThuThang:0})}render(){const{dataDiemKinhDoanh:e,data:t,tongDoanhThu:a,dateString:n}=this.state;return(0,x.jsx)(o.A,{className:"DSBH col-9-child bg-white",children:(0,x.jsxs)(i.A,{md:"12",children:[(0,x.jsxs)(S,{children:[(0,x.jsxs)("span",{style:{textTransform:"uppercase"},children:["DOANH S\u1ed0 ",n]}),(0,x.jsxs)("span",{className:"ml-3",style:{color:"#2e94da"},children:[(0,x.jsx)(p.A,{fa:"arrow-circle-right"})," ",a]}),(0,x.jsx)(T,{setStringValueDate:this.setStringValueDate,onChangeDate:this.onChangeDate})]}),(0,x.jsx)(o.A,{style:{width:"100%",margin:0},children:(0,x.jsxs)(i.A,{md:"12",children:[(0,x.jsx)("div",{}),t.length>0?(0,x.jsxs)(l.Es,{className:"chart_DSBH",width:1200,height:500,data:t,margin:{top:20,right:30,left:20,bottom:5},children:[(0,x.jsx)(l.dC,{strokeDasharray:"3 3"}),(0,x.jsx)(l.WX,{dataKey:"name"}),(0,x.jsx)(l.h8,{tickFormatter:e=>{let t,a=`${(0,u.vv)(e)}`;return parseInt(e)>=1e9?(t=a.split("."),"000"===t[1]?t.pop():t[1]="5",t.pop(),t.pop(),`${t.join(".")} t\u1ef7`):`${a}`}}),(0,x.jsx)(l.m_,{formatter:(e,t,a)=>`${(0,u.vv)(e)} \u0111`}),(0,x.jsx)(l.s$,{}),e.length>0&&e.map(((e,t)=>(0,x.jsx)(l.yP,{maxBarSize:50,dataKey:e.Id,name:e.Ten,stackId:"a",fill:j[t%j.length]},e.Id)))]}):(0,x.jsx)(r.A,{})]})})]})})}}const S=h.Ay.div`
font-size: 16px;
font-weight: 600;
padding: 0.5rem 0;
border-bottom: 1.5px solid #cfcfcf
`,b=["#0088FE","#00C49F","#FFBB28","#FF8042","#0088FE","#00C49F","#FFBB28","#FF8042","#FF3300","#4CC417","#FF33FF","#660033"],v=Math.PI/180,H=e=>{let{cx:t,cy:a,midAngle:n,innerRadius:s,outerRadius:o,percent:i,index:h}=e;const r=s+.5*(o-s),l=t+r*Math.cos(-n*v),d=a+r*Math.sin(-n*v);return(0,x.jsx)("text",{x:l,y:d,fill:"white",textAnchor:l>t?"start":"end",dominantBaseline:"central",children:`${(100*i).toFixed()}%`})},F=e=>{let{active:t,payload:a}=e;return t?(0,x.jsx)("div",{className:"custom-tooltip",style:{backgroundColor:"white"},children:a&&(0,x.jsx)("div",{style:{padding:"5px"},children:(0,x.jsx)("p",{style:{color:"#8884d8"},className:"label",children:` ${a[0].name}: ${(0,u.vv)(a[0].value)} \u0111`})})}):(0,x.jsx)("p",{children:"^_^"})};class A extends n.Component{constructor(e){super(e),this.state={data:[]}}render(){const{data:e}=this.props;return(0,x.jsx)("div",{className:"index-pie-chart",children:(0,x.jsx)("div",{className:"body-pie-chart",style:{width:"100%",height:500},children:(0,x.jsx)(l.uf,{children:(0,x.jsxs)(l.rW,{width:400,height:400,children:[(0,x.jsx)(l.s$,{}),(0,x.jsx)(l.Fq,{isAnimationActive:!1,outerRadius:160,data:e,labelLine:!1,label:H,fill:"#fff",dataKey:"value",children:e.map(((e,t)=>(0,x.jsx)(l.fh,{fill:b[t%b.length]},`cell-${t}`)))}),(0,x.jsx)(l.m_,{content:(0,x.jsx)(F,{})})]})})})})}}class C extends n.Component{constructor(e){super(e),this.loadDataPieChart=()=>{const{tuNgay:e,denNgay:t}=this.state;(0,c.Pq)(`/Dashboard/PieChartDoanhThu?tuNgay=${e}&denNgay=${t}`,"GET",null,!1).then((e=>{let t=0;const a=[];e.length?e.forEach(((n,s)=>{t+=n.TongDT&&"-"!==n.TongDT?parseInt(n.TongDT):0;const o={name:n.TenDiem,value:n.TongDT&&"-"!==n.TongDT?parseInt(n.TongDT):0};a.push(o),s===e.length-1&&this.setState({dataPieChart:a,tongDoanhThu:t})})):this.setState({dataPieChart:a,tongDoanhThu:t})}))},this.onChangeDate=(e,t,a)=>{e&&this.setState({tuNgay:t?(0,D.A)(t,"yyyy-MM-dd"):null,denNgay:a?(0,D.A)(a,"yyyy-MM-dd"):null},(()=>this.loadDataPieChart()))},this.state={tuNgay:d.E.firstDayOfTheMonth,denNgay:d.E.lastDayOfTheMonth,dataPieChart:[],dateString:"",tongDoanhThu:0}}componentDidMount(){this.loadDataPieChart()}render(){const{dataPieChart:e,tongDoanhThu:t,dateString:a}=this.state;return(0,x.jsx)(o.A,{className:"DSTCN col-9-child bg-white",children:(0,x.jsxs)(i.A,{md:"12",children:[(0,x.jsxs)(M,{children:[(0,x.jsxs)("span",{style:{textTransform:"uppercase"},children:["DOANH S\u1ed0 THEO CHI NH\xc1NH ",a]}),(0,x.jsxs)("span",{className:"ml-3",style:{color:"#2e94da"},children:[(0,x.jsx)(p.A,{fa:"arrow-circle-right"})," ",(0,u.vv)(t)]}),(0,x.jsx)(T,{onChangeDate:this.onChangeDate,setDateString:e=>this.setState({dateString:e})})]}),(0,x.jsx)(o.A,{style:{width:"100%",margin:0},children:(0,x.jsx)(i.A,{md:"12",children:t?(0,x.jsx)(A,{title:"TH\u1ed0NG K\xca DOANH THU C\xc1C \u0110I\xcaM KINH DOANH",data:e}):(0,x.jsx)(r.A,{})})})]})})}}const M=h.Ay.div`
font-size: 16px;
font-weight: 600;
padding: 0.5rem 0;
border-bottom: 1.5px solid #cfcfcf
`;var I=a(53744);class k extends n.Component{constructor(e){super(e),this.tinhTiLe=(e,t)=>0===e||0===t?0:parseInt((parseInt(e)-parseInt(t))/Math.abs(parseInt(t))*100),this.state={dataDonHoanThanh:{},dataDoanhThu:{},dataKhachHang:{}}}componentDidMount(){I.b9&&(this.loadDataDonHoanThanh(),this.loadDataKhachHang(),this.loadDataDoanhThu())}loadDataDonHoanThanh(){(0,c.Pq)(`Dashboard/TiLeDonHang?diemKinhDoanhId=${I.b9.DiemKinhDoanhId}`,"GET",null,!1).then((e=>{let t=e.DonHangHomNay?parseInt(e.DonHangHomNay):0,a=e.DonHangHomQua?parseInt(e.DonHangHomQua):0;this.setState({dataDonHoanThanh:{DonHangHomNay:t,DonHangHomQua:a,TiLe:this.tinhTiLe(t,a)}})})).catch((e=>(0,g.a3)("Kh\xf4ng th\u1ec3 t\u1ea3i d\u1eef li\u1ec7u \u0111\u01a1n h\xe0ng \u0111\xe3 ho\xe0n th\xe0nh","Th\xf4ng b\xe1o")))}loadDataKhachHang(){(0,c.Pq)(`Dashboard/TiLeKhachHang?diemKinhDoanhId=${I.b9.DiemKinhDoanhId}`,"GET",null,!1).then((e=>{let t=e.KhachHangHomNay?parseInt(e.KhachHangHomNay):0,a=e.KhachHangHomQua?parseInt(e.KhachHangHomQua):0;this.setState({dataKhachHang:{KhachHangHomNay:e.KhachHangHomNay||0,KhachHangHomQua:e.KhachHangHomQua||0,TiLe:this.tinhTiLe(t,a)}})})).catch((e=>(0,g.a3)("Kh\xf4ng th\u1ec3 t\u1ea3i d\u1eef li\u1ec7u kh\xe1ch h\xe0ng","Th\xf4ng b\xe1o")))}loadDataDoanhThu(){let e=d.E.yesterDay,t=d.E.toDay;(0,c.Pq)(`Dashboard/BaoCaoDoanhThu?Id=${I.b9.DiemKinhDoanhId}&tuNgay=${e}&denNgay=${t}`,"GET",null,!1).then((e=>{let t=e.DanhSachNgay[1].TongDoanhThuNgay&&"-"!==e.DanhSachNgay[1].TongDoanhThuNgay?parseInt(e.DanhSachNgay[1].TongDoanhThuNgay.split(".").join("")):0,a=e.DanhSachNgay[0].TongDoanhThuNgay&&"-"!==e.DanhSachNgay[0].TongDoanhThuNgay?parseInt(e.DanhSachNgay[0].TongDoanhThuNgay.split(".").join("")):0;this.setState({dataDoanhThu:{DoanhThuHomNay:(0,u.vv)(t),DoanhThuHomQua:(0,u.vv)(a),TiLe:this.tinhTiLe(t,a)}})})).catch((e=>(0,g.a3)("Kh\xf4ng th\u1ec3 t\u1ea3i d\u1eef li\u1ec7u doanh thu","Th\xf4ng b\xe1o")))}render(){const{dataDoanhThu:e,dataKhachHang:t,dataDonHoanThanh:a}=this.state;return(0,x.jsx)(o.A,{className:"KQBH col-9-child bg-white",children:(0,x.jsxs)(i.A,{md:"12",children:[(0,x.jsx)(L,{children:"K\u1ebeT QU\u1ea2 B\xc1N H\xc0NG H\xd4M NAY"}),(0,x.jsxs)(o.A,{children:[(0,x.jsxs)(i.A,{md:"4",children:[(0,x.jsx)(K,{className:"col-md-2 bg-primary m-3",children:(0,x.jsx)(p.A,{fa:"pencil"})}),(0,x.jsxs)(E,{children:[(0,x.jsx)("span",{children:"\u0110\u01a1n \u0111\xe3 ho\xe0n th\xe0nh"}),(0,x.jsxs)("span",{children:[a.DonHangHomNay," ",0!==a.TiLe&&(0,x.jsxs)(x.Fragment,{children:[(0,x.jsx)(p.A,{fa:a.TiLe>0?"arrow-up":"arrow-down"})," ",a.TiLe>=0?a.TiLe:Math.abs(a.TiLe),"%"]})," "]}),(0,x.jsxs)("span",{children:["H\xf4m qua ",a.DonHangHomQua]})]})]}),(0,x.jsxs)(i.A,{md:"4",children:[(0,x.jsx)(K,{className:"col-md-2 bg-success m-3",children:(0,x.jsx)(p.A,{fa:"usd"})}),(0,x.jsxs)(E,{children:[(0,x.jsx)("span",{children:"Doanh thu"}),(0,x.jsxs)("span",{children:[e.DoanhThuHomNay," ",0!==e.TiLe&&(0,x.jsxs)(x.Fragment,{children:[(0,x.jsx)(p.A,{fa:e.TiLe>0?"arrow-up":"arrow-down"})," ",e.TiLe>=0?e.TiLe:Math.abs(e.TiLe),"%"]})]}),(0,x.jsxs)("span",{children:["H\xf4m qua ",e.DoanhThuHomQua]})]})]}),(0,x.jsxs)(i.A,{md:"4",children:[(0,x.jsx)(K,{className:"col-md-2 bg-info m-3",children:(0,x.jsx)(p.A,{fa:"user"})}),(0,x.jsxs)(E,{children:[(0,x.jsx)("span",{children:"Kh\xe1ch h\xe0ng"}),(0,x.jsxs)("span",{children:[t.KhachHangHomNay," ",0!==t.TiLe&&(0,x.jsxs)(x.Fragment,{children:[(0,x.jsx)(p.A,{fa:t.TiLe>=0?"arrow-up":"arrow-down"})," ",t.TiLe>=0?t.TiLe:Math.abs(t.TiLe),"%"]})]}),(0,x.jsxs)("span",{children:["H\xf4m qua ",t.KhachHangHomQua]})]})]})]})]})})}}const L=h.Ay.div`
font-size: 16px;
font-weight: 600;
padding: 0.5rem 0;
border-bottom: 1.5px solid #cfcfcf
`,K=h.Ay.div`
position: relative;
height: 30px;
max-width: 30px;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
`,E=h.Ay.div`
`;var V=a(97159),$=a(77923),B=a(1858);class P extends n.Component{constructor(e){super(e),this.loadThongKeDichVu=()=>{const{valueSortId:e}=this.state,{diemKinhDoanhId:t,tuNgay:a,denNgay:n}=this.props;(0,c.Pq)(`Dashboard/DoanhThuTheoSPDV?Id=${t||""}&tuNgay=${a}&denNgay=${n}&sortOption=${e}`,"GET",null,!1).then((t=>{let a=[],n=0;1===e?(a=t.dichVus.filter((e=>e.TongDoanhThu>0)),a.forEach((e=>n+=e.TongDoanhThu))):2===e?(a=t.dichVus.filter((e=>e.TongSoLuongBan>0)),a.forEach((e=>n+=e.TongSoLuongBan))):3===e&&(a=t.dichVus.filter((e=>e.TongSoLuongDonHang>0)),a.forEach((e=>n+=e.TongSoLuongDonHang))),this.setState({topSanPhams:a.slice(0,7),max:n})}))},this.getColor=e=>0===e?"#FC5655":1===e?"#FFA3A2":2===e?"#59B4FC":3===e?"#59DEFB":4===e||5===e||6===e?"#58FCBE":void 0,this.checkProcessbar=e=>{const{max:t}=this.state;switch(this.state.valueSortId){case 1:return(0,x.jsx)(B.A,{color:"success",value:e.TongDoanhThu,max:t});case 2:return(0,x.jsx)(B.A,{color:"primary",value:e.TongSoLuongBan,max:t});case 3:return(0,x.jsx)(B.A,{color:"warning",value:e.TongSoLuongDonHang,max:t})}},this.checkValue=e=>{switch(this.state.valueSortId){case 1:return(0,u.vv)(e.TongDoanhThu||0);case 2:return(0,u.vv)(e.TongSoLuongBan||0);case 3:return(0,u.vv)(e.TongSoLuongDonHang||0)}},this.state={dataSorts:[],valueSortId:1,topSanPhams:[],max:0}}componentDidMount(){this.loadThongKeDichVu()}componentDidUpdate(e,t){const{valueSortId:a}=this.state,{diemKinhDoanhId:n,tuNgay:s,denNgay:o}=this.props;a===t.valueSortId&&n===e.diemKinhDoanhId&&s===e.tuNgay&&o===e.denNgay||this.loadThongKeDichVu()}setValueSort(e){this.setState({valueSortId:e})}render(){const{topSanPhams:e}=this.state;return(0,x.jsx)("div",{className:"index-sort-san-pham",children:e.length?(0,x.jsx)(o.A,{className:"results-sort",style:{minHeight:500},children:(0,x.jsx)(i.A,{className:"pl-3 pr-3",children:e.map(((e,t)=>(0,x.jsx)("div",{className:"result",children:(0,x.jsxs)("div",{style:{display:"flex",width:"100%"},children:[(0,x.jsx)("div",{className:"index-result",children:(0,x.jsx)($.LazyLoadImage,{height:50,style:{objectFit:"contain"},src:e.File?`api${e.File}`:"/assets/default.jpg",width:50,effect:"blur"})}),(0,x.jsxs)("div",{className:"name-result",children:[(0,x.jsxs)("div",{className:"mb-1",children:[e.MaSanPham," - ",e.TenDichVuSanPham,(0,x.jsx)("div",{className:"pull-right",children:this.checkValue(e)})]}),(0,x.jsx)("div",{children:this.checkProcessbar(e)})]})]})},t)))})}):(0,x.jsx)(r.A,{})})}}const Q=[{Id:1,Code:"doanhThu",Ten:"Theo doanh thu"},{Id:2,Code:"soLuong",Ten:"Theo s\u1ed1 l\u01b0\u1ee3ng"},{Id:3,Code:"donHang",Ten:"Theo \u0111\u01a1n h\xe0ng"}];class O extends n.Component{constructor(e){super(e),this.onChangeDate=(e,t,a)=>{e&&this.setState({tuNgay:t?(0,D.A)(t,"yyyy-MM-dd"):null,denNgay:a?(0,D.A)(a,"yyyy-MM-dd"):null})},this.state={valueSortId:1,tuNgay:d.E.firstDayOfTheMonth,denNgay:d.E.lastDayOfTheMonth,dateString:""},this.Index_Sort_San_Pham=n.createRef()}render(){const{valueSortId:e,tuNgay:t,denNgay:a,dateString:n}=this.state;return(0,x.jsx)(x.Fragment,{children:I.b9&&(0,x.jsx)(o.A,{className:"SPBC col-9-child bg-white",children:(0,x.jsxs)(i.A,{md:"12",children:[(0,x.jsxs)(Y,{children:[(0,x.jsxs)("span",{style:{textTransform:"uppercase"},children:["TOP S\u1ea2N PH\u1ea8M B\xc1N CH\u1ea0Y ",n," "]}),(0,x.jsx)(V.A,{isMulti:!1,isLoading:!0,value:e,options:Q,onChange:e=>e&&this.setState({valueSortId:e},(()=>this.Index_Sort_San_Pham.current.setValueSort(this.state.valueSortId))),valueField:"Id",textField:"Ten"}),(0,x.jsx)("div",{style:{position:"absolute",right:0},children:(0,x.jsx)(T,{onChangeDate:this.onChangeDate,setDateString:e=>this.setState({dateString:e})})})]}),(0,x.jsx)(o.A,{children:(0,x.jsx)(i.A,{md:"12",children:(0,x.jsx)(P,{ref:this.Index_Sort_San_Pham,diemKinhDoanhId:I.b9.DiemKinhDoanhId,tuNgay:t,denNgay:a})})})]})})})}}const Y=h.Ay.div`
display: flex;
flex-direction: column;
flex-flow: wrap;
font-size: 16px;
font-weight: 600;
padding: 0.5rem 0;
border-bottom: 1.5px solid #cfcfcf
& > span{
max-width: 300px;
}
& > .dropdownlist{
max-width: 200px;
margin-left: 1.5rem;
}
`;class z extends n.Component{render(){return(0,x.jsxs)(n.Fragment,{children:[(0,x.jsx)(k,{}),(0,x.jsx)(N,{}),(0,x.jsx)(C,{}),(0,x.jsx)(O,{})]})}}class q extends n.Component{constructor(e){super(e),this.state={}}render(){return(0,x.jsx)(n.Fragment,{children:(0,x.jsx)(s.A,{children:(0,x.jsx)(o.A,{noGutters:!0,children:(0,x.jsx)(i.A,{md:"12",children:(0,x.jsx)(z,{})})})})})}}},73613:(e,t,a)=>{a.d(t,{A:()=>o});a(9950);var n=a(44414);const s=e=>{const{fa:t,ariaHidden:a,style:s}=e;return(0,n.jsx)("i",{style:s,className:"fa fa-"+t,"aria-hidden":a})};s.defaultProps={ariaHidden:!0};const o=s},97159:(e,t,a)=>{a.d(t,{A:()=>d});var n=a(9950),s=a(37004),o=a(4370),i=a(36841),h=a(44414);const r={multiValueLabel:e=>({...e,padding:"0px 0px 0px 6px",fontSize:13}),control:e=>({...e,backgroundColor:"white",height:"28.38px",minHeight:"28.38px",fontSize:"12px",lineHeight:"1.5",cursor:"pointer",borderRadius:"4px"}),option:e=>({...e,fontSize:"12px",cursor:"pointer"}),input:e=>({...e,position:"unset"}),placeholder:e=>({...e,marginLeft:5,marginRight:5}),singleValue:(e,t)=>{let{data:a}=t;return{...e,transform:"inherit",top:"unset"}},container:e=>({...e,width:"100%"}),valueContainer:e=>({...e,padding:"0px 5px"}),indicatorsContainer:e=>({...e,padding:"0px 5px"}),indicatorContainer:e=>({...e,padding:"0px 5px !important",fontSize:"12px"})};class l extends n.Component{constructor(e){super(e),this.loadDataFromApi=()=>{let{columns:e,odata:t,url:a,where:n,valueField:s,textField:h,textFieldSub:r}=this.props,l=[],d="";!1!==t?(d=`${a}`,d+=n?`/?$filter=${n}&`:"/?",e&&e.length>0&&(d+=`$select=${this.props.columns.join()}`)):d=this.props.url,(0,o.Pq)(d,"GET",null,t).then((e=>{!1!==t?e.value.forEach((e=>{l.push({value:e[s],label:r?parseInt(e[r])+""==="NaN"?e[r]+" - "+e[h]:"number"===typeof parseInt(e[r])?e[h]+" - "+(0,i.vv)(e[r])+" VN\u0110":e[r]+" - "+e[h]:e[h],obj:e})})):l=e,this.setState({data:l,isLoading:!1}),this.setStateSelected(this.state.value)})).catch((e=>console.log(e)))},this.onChange=(e,t)=>{if(this.setState({selected:e}),this.props.isMulti){var a=[];for(let t=0;t<e.length;t++)a.push(e[t].value);this.props.onChange(a,null)}else this.props.onChange(e?e.value:null,e?e.obj:null)},this.state={data:[],value:null,selected:null,isLoading:!1}}componentDidMount(){this.setState({isLoading:!0});let{options:e,valueField:t,textField:a,textFieldSub:n}=this.props;if(e){let s=e.map((e=>({value:e[t],label:n?parseInt(e[n])+""==="NaN"?e[n]+" - "+e[a]:"number"===typeof parseInt(e[n])?e[a]+" - "+(0,i.vv)(e[n])+" VN\u0110":e[n]+" - "+e[a]:e[a],obj:e})));this.setState({data:s,isLoading:!1}),this.setStateSelected(this.state.value)}else this.loadDataFromApi()}getSnapshotBeforeUpdate(e,t){return e.value!==this.props.value?(this.setState({value:this.props.value}),this.setStateSelected(this.props.value),this.props.value||null):null}setStateSelected(e){this.props.isMulti?this.setState({selected:this.getOptionsMulti(e)}):this.setState({selected:this.getOptionsSingle(e)})}getOptionsSingle(e){let t=null,{data:a}=this.state;if(a&&a.length>0&&e)for(let n=0;n<a.length;n++){if(a[n].value&&a[n].value===e){t=a[n];break}if(a[n].options)for(let s=0;s<a[n].options.length;s++)if(a[n].options[s].value&&a[n].options[s].value===e){t=a[n].options[s];break}}return t}getOptionsMulti(e){let t=[],{data:a}=this.state;if(a&&a.length>0&&e)for(let n=0;n<a.length;n++){let s=a[n];for(let a=0;a<e.length;a++)s.value&&s.value===e[a]&&t.push(s)}return t}componentDidUpdate(e,t,a){let{options:n,valueField:s,textField:o,textFieldSub:h,where:r}=this.props;if(r!==e.where&&this.loadDataFromApi(),n!==e.options&&n){let e=n.map((e=>({value:e[s],label:h?parseInt(e[h])+""==="NaN"?e[h]+" - "+e[o]:"number"===typeof parseInt(e[h])?e[o]+" - "+(0,i.vv)(e[h])+" VN\u0110":e[h]+" - "+e[o]:e[o],obj:e})));this.setState({data:e,isLoading:!1}),this.setStateSelected(this.state.value)}}render(){let{placeholder:e,isMulti:t,isDetail:a,value:n,className:o}=this.props,i=t?this.getOptionsMulti(n):this.getOptionsSingle(n);return this.state.data.length>0&&a?(0,h.jsx)("span",{children:i&&i.label}):(0,h.jsx)(s.A,{isMulti:t,isLoading:this.state.isLoading,isDisabled:this.props.disabled,isClearable:!0,className:o||"dropdownlist",value:i,styles:r,options:this.state.data,onChange:this.onChange,placeholder:e})}}const d=l}}]);