????
Your IP : 3.143.232.24
"use strict";(self.webpackChunkgdt=self.webpackChunkgdt||[]).push([[5731],{52201:(e,a,t)=>{t.d(a,{A:()=>d});var n=t(9950),s=t(18649),h=t(16328),o=t(33151),i=t(39051),r=t(44414);class d extends n.Component{constructor(e){var a;super(e),a=this,this.onSelectDate=function(e){let t=arguments.length>2?arguments[2]:void 0;const{onChangeDate:n,toggleHidden:s}=a.props,h=new Date;s&&a.setShowToggle();let o=h.getDate()-h.getDay()+1,r=o+6,d=o-7,l=r-7,c=new Date,g=new Date(h.setDate((new Date).getDate()-1)),u=new Date((new Date).setDate(o)),D=new Date((new Date).setDate(r)),y=new Date((new Date).setDate(d)),m=new Date((new Date).setDate(l)),T=new Date((new Date).setDate((new Date).getDate()-7)),p=new Date((new Date).getFullYear(),(new Date).getMonth(),1),x=new Date((new Date).getFullYear(),(new Date).getMonth()+1,0),j=new Date((new Date).getFullYear(),(new Date).getMonth()-1,1),w=new Date((new Date).getFullYear(),(new Date).getMonth(),0),N=new Date((new Date).setDate((new Date).getDate()-30)),f=new Date((new Date).getFullYear(),0,1),S=new Date((new Date).getFullYear(),3,0),b=new Date((new Date).getFullYear(),3,1),H=new Date((new Date).getFullYear(),6,0),A=new Date((new Date).getFullYear(),6,1),v=new Date((new Date).getFullYear(),9,0),F=new Date((new Date).getFullYear(),9,1),C=new Date((new Date).getFullYear(),12,0),I=new Date((new Date).getFullYear(),0,1),M=new Date((new Date).getFullYear(),12,0),k=new Date((new Date).getFullYear()-1,0,1),K=new Date((new Date).getFullYear()-1,12,0);switch(e){case i.Eb.ToanThoiGian:n(!0,null,null);break;case i.Eb.HomNay:n(!0,c,c);break;case i.Eb.HomQua:n(!0,g,g);break;case i.Eb.TuanNay:n(!0,u,D);break;case i.Eb.TuanTruoc:n(!0,y,m);break;case i.Eb.BayNgayQua:n(!0,T,c);break;case i.Eb.ThangNay:n(!0,p,x);break;case i.Eb.ThangTruoc:n(!0,j,w);break;case i.Eb.BaMuoiNgayQua:n(!0,N,c);break;case i.Eb.Quy1:n(!0,f,S);break;case i.Eb.Quy2:n(!0,b,H);break;case i.Eb.Quy3:n(!0,A,v);break;case i.Eb.Quy4:n(!0,F,C);break;case i.Eb.NamNay:n(!0,I,M);break;case i.Eb.NamTruoc:n(!0,k,K)}a.props.setStringValueDate&&a.props.setStringValueDate(e).then((e=>{t?!a.props.status&&a.props.alwaysTrueReportViewer&&a.props.alwaysTrueReportViewer():!a.props.status&&a.props.changeReportViewer&&a.props.changeReportViewer()})).catch((e=>e))},this.state={showToggle:!1}}setShowToggle(){this.setState({showToggle:!this.state.showToggle})}render(){const{showToggle:e}=this.state,{disabledRadio:a,stringValueDate:t,position:n,className:d,toggleHidden:l,valueRadio:c}=this.props;return(0,r.jsxs)(s.A,{className:d?"button-drop-right "+d:"button-drop-right",disabled:a||!1,children:[(0,r.jsx)(h.A,{caret:!0,className:"1"===c?"active":"",children:(0,r.jsxs)("span",{onClick:()=>l&&this.setShowToggle(),children:[" ",t||""," "]})}),(0,r.jsx)(o.A,{className:l&&e?"dropdow-custon-report toggleHidden showToggle":l?"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"}),i.gK.map(((e,a)=>(0,r.jsx)("span",{"data-render":e.key,onClick:()=>this.onSelectDate(e.key),children:e.key},a)))]}),(0,r.jsxs)("div",{children:[(0,r.jsx)("span",{className:"header-date",children:"Theo th\xe1ng v\xe0 qu\xfd"}),i.RK.map(((e,a)=>(0,r.jsx)("span",{"data-render":e.key,onClick:()=>this.onSelectDate(e.key),children:e.key},a)))]}),(0,r.jsxs)("div",{children:[(0,r.jsx)("span",{className:"header-date",children:"Theo n\u0103m"}),i.OW.map(((e,a)=>(0,r.jsx)("span",{"data-render":e.key,onClick:()=>this.onSelectDate(e.key),children:e.key},a)))]})]})})]})}}},39051:(e,a,t)=>{t.d(a,{Eb:()=>n,OW:()=>o,RK:()=>h,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"}],h=[{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"}],o=[{key:"N\u0103m nay"},{key:"N\u0103m tr\u01b0\u1edbc"}]},55738:(e,a,t)=>{t.d(a,{E:()=>s});var n=t(18383);const s={day:(new Date).getDate(),month:(new Date).getMonth()+1,year:(new Date).getFullYear(),firstDayOfTheMonth:"".concat((new Date).getFullYear(),"-").concat((new Date).getMonth()+1,"-",1),lastDayOfTheMonth:(0,n.A)(new Date((new Date).getFullYear(),(new Date).getMonth()+1,0),"yyyy-MM-dd"),toDay:"".concat((new Date).getFullYear(),"-").concat((new Date).getMonth()+1,"-").concat((new Date).getDate()),yesterDay:(0,n.A)(new Date((new Date).setDate((new Date).getDate()-1)),"yyyy-MM-dd")}},59330:(e,a,t)=>{t.d(a,{A:()=>l});var n,s,h=t(57528),o=t(9950),i=t(86006),r=t(73613),d=t(44414);class l extends o.Component{render(){const{size:e,text:a}=this.props;let t=(0,d.jsxs)("div",{children:[(0,d.jsx)("span",{className:"text-center",children:(0,d.jsx)(r.A,{fa:"folder-o"})}),(0,d.jsx)("span",{children:a||"Kh\xf4ng c\xf3 d\u1eef li\u1ec7u"})]});return"sm"===e?(0,d.jsx)(c,{children:t}):(0,d.jsx)(g,{children:t})}}const c=i.Ay.div(n||(n=(0,h.A)(["\n height: 400px;\n display: flex;\n justify-content: center;\n align-items: center;\n width: 100%;\n\n span{\n line-height: 1.2;\n display: block;\n opacity: 0.5;\n &:first-child{\n font-size:2.5rem;\n }\n &:last-child{\n font-size:1rem;\n }\n }\n"]))),g=i.Ay.div(s||(s=(0,h.A)(["\nheight: 400px;\n display: flex;\n justify-content: center;\n align-items: center;\n width: 100%;\n span{\n line-height: 1.2;\n display: block;\n opacity: 0.5;\n &:first-child{\n font-size:3.5rem;\n }\n &:last-child{\n font-size:1.5rem;\n }\n }\n"])))},68704:(e,a,t)=>{t.r(a),t.d(a,{default:()=>J});var n=t(9950),s=t(82654),h=t(70349),o=t(23931),i=t(57528),r=t(86006),d=t(59330),l=t(38152),c=t(55738),g=t(4370),u=t(67116),D=t(36841),y=t(73613),m=t(18383),T=t(52201),p=t(44414);const x="Th\xe1ng n\xe0y";class j extends n.Component{constructor(e){super(e),this.state={stringValueDate:x},this.setStringValueDate=this.setStringValueDate.bind(this)}componentDidMount(){this.setStringValueDate(x)}async setStringValueDate(e){const{setDateString:a}=this.props;await this.setState({stringValueDate:e},(()=>a&&a(e)))}render(){const{stringValueDate:e}=this.state,{onChangeDate:a}=this.props;return(0,p.jsx)("div",{className:"pull-right font-weight-normal",children:(0,p.jsx)(T.A,{toggleHidden:!0,className:"dashboard",position:"left",setStringValueDate:this.setStringValueDate,onChangeDate:a,stringValueDate:e})})}}var w;const N=["#0088FE","#00C49F","#FFBB28","#FF8042","#0088FE","#00C49F","#FFBB28","#FF8042","#FF3300","#4CC417","#FF33FF","#660033"],f="byDate",S="byMonth";class b extends n.Component{constructor(e){super(e),this.onChangeDate=(e,a,t)=>{e&&(t.getMonth()-a.getMonth()>1?this.setState({typeLoad:S,tuThang:a.getMonth()+1,denThang:t.getMonth()+1,nam:a.getFullYear()},(()=>this.loadData())):this.setState({typeLoad:f,tuNgay:a?(0,m.A)(a,"yyyy-MM-dd"):null,denNgay:t?(0,m.A)(t,"yyyy-MM-dd"):null},(()=>this.loadData())))},this.state={tuNgay:c.E.firstDayOfTheMonth,denNgay:c.E.lastDayOfTheMonth,tuThang:null,denThang:null,nam:null,dateString:"",typeLoad:f,tongDoanhThu:0,dataDiemKinhDoanh:[],data:[]}}componentDidMount(){this.loadData()}loadData(){const{tuNgay:e,denNgay:a,tuThang:t,denThang:n,typeLoad:s,nam:h}=this.state;let o=s===S?"Dashboard/BieuDoDoanhThuTheoThangCungNam?tuThang=".concat(t,"&denThang=").concat(n,"&nam=").concat(h):"Dashboard/BaoCaoDoanhThu?Id=&tuNgay=".concat(e,"&denNgay=").concat(a);(0,g.Pq)(o,"GET",null,!1).then((e=>{s===S?this.handleDataByMonthAfterLoad(e):this.handleDataByDateAfterLoad(e)})).catch((e=>(0,u.a3)("Kh\xf4ng th\u1ec3 load d\u1eef li\u1ec7u doanh s\u1ed1 b\xe1n h\xe0ng","Th\xf4ng b\xe1o")))}handleDataByMonthAfterLoad(e){let a=[],t=[];t=e.TongDoanhThuDiemTheoThang.map((e=>({Id:e.DiemKinhDoanh_Id,Ten:e.TenDiem}))),a=e.DanhSachThang.map((e=>{let a={name:e.Thang.split("/")[0]};return e.DanhSachDiem.forEach((e=>{a={...a,[e.DiemKinhDoanh_Id]:"-"!==e.DoanhThu&&e.DoanhThu?e.DoanhThu.split(".").join(""):0}})),a})),this.setState({data:a,dataDiemKinhDoanh:t,tongDoanhThu:e.TongDoanhThu&&"-"!==e.TongDoanhThu?e.TongDoanhThu:0})}handleDataByDateAfterLoad(e){let a=[],t=[];t=e.DanhSachTongDoanhThu.map((e=>({Id:e.DiemKinhDoanh_Id,Ten:e.TenDiem}))),a=e.DanhSachNgay.map((e=>{let a={name:e.FormatNgay.split("/")[0]};return e.DanhSachDiem.forEach((e=>{a={...a,[e.DiemKinhDoanh_Id]:"-"!==e.DoanhThuThuan&&e.DoanhThuThuan?e.DoanhThuThuan.split(".").join(""):0}})),a})),this.setState({data:a,dataDiemKinhDoanh:t,tongDoanhThu:e.TongDoanhThuThang&&"-"!==e.TongDoanhThuThang?e.TongDoanhThuThang:0})}render(){const{dataDiemKinhDoanh:e,data:a,tongDoanhThu:t,dateString:n}=this.state;return(0,p.jsx)(h.A,{className:"DSBH col-9-child bg-white",children:(0,p.jsxs)(o.A,{md:"12",children:[(0,p.jsxs)(H,{children:[(0,p.jsxs)("span",{style:{textTransform:"uppercase"},children:["DOANH S\u1ed0 ",n]}),(0,p.jsxs)("span",{className:"ml-3",style:{color:"#2e94da"},children:[(0,p.jsx)(y.A,{fa:"arrow-circle-right"})," ",t]}),(0,p.jsx)(j,{setStringValueDate:this.setStringValueDate,onChangeDate:this.onChangeDate})]}),(0,p.jsx)(h.A,{style:{width:"100%",margin:0},children:(0,p.jsxs)(o.A,{md:"12",children:[(0,p.jsx)("div",{}),a.length>0?(0,p.jsxs)(l.Es,{className:"chart_DSBH",width:1200,height:500,data:a,margin:{top:20,right:30,left:20,bottom:5},children:[(0,p.jsx)(l.dC,{strokeDasharray:"3 3"}),(0,p.jsx)(l.WX,{dataKey:"name"}),(0,p.jsx)(l.h8,{tickFormatter:e=>{let a,t="".concat((0,D.vv)(e));return parseInt(e)>=1e9?(a=t.split("."),"000"===a[1]?a.pop():a[1]="5",a.pop(),a.pop(),"".concat(a.join(".")," t\u1ef7")):"".concat(t)}}),(0,p.jsx)(l.m_,{formatter:(e,a,t)=>"".concat((0,D.vv)(e)," \u0111")}),(0,p.jsx)(l.s$,{}),e.length>0&&e.map(((e,a)=>(0,p.jsx)(l.yP,{maxBarSize:50,dataKey:e.Id,name:e.Ten,stackId:"a",fill:N[a%N.length]},e.Id)))]}):(0,p.jsx)(d.A,{})]})})]})})}}const H=r.Ay.div(w||(w=(0,i.A)(["\n font-size: 16px;\n font-weight: 600;\n padding: 0.5rem 0;\n border-bottom: 1.5px solid #cfcfcf\n"]))),A=["#0088FE","#00C49F","#FFBB28","#FF8042","#0088FE","#00C49F","#FFBB28","#FF8042","#FF3300","#4CC417","#FF33FF","#660033"],v=Math.PI/180,F=e=>{let{cx:a,cy:t,midAngle:n,innerRadius:s,outerRadius:h,percent:o,index:i}=e;const r=s+.5*(h-s),d=a+r*Math.cos(-n*v),l=t+r*Math.sin(-n*v);return(0,p.jsx)("text",{x:d,y:l,fill:"white",textAnchor:d>a?"start":"end",dominantBaseline:"central",children:"".concat((100*o).toFixed(),"%")})},C=e=>{let{active:a,payload:t}=e;return a?(0,p.jsx)("div",{className:"custom-tooltip",style:{backgroundColor:"white"},children:t&&(0,p.jsx)("div",{style:{padding:"5px"},children:(0,p.jsx)("p",{style:{color:"#8884d8"},className:"label",children:" ".concat(t[0].name,": ").concat((0,D.vv)(t[0].value)," \u0111")})})}):(0,p.jsx)("p",{children:"^_^"})};class I extends n.Component{constructor(e){super(e),this.state={data:[]}}render(){const{data:e}=this.props;return(0,p.jsx)("div",{className:"index-pie-chart",children:(0,p.jsx)("div",{className:"body-pie-chart",style:{width:"100%",height:500},children:(0,p.jsx)(l.uf,{children:(0,p.jsxs)(l.rW,{width:400,height:400,children:[(0,p.jsx)(l.s$,{}),(0,p.jsx)(l.Fq,{isAnimationActive:!1,outerRadius:160,data:e,labelLine:!1,label:F,fill:"#fff",dataKey:"value",children:e.map(((e,a)=>(0,p.jsx)(l.fh,{fill:A[a%A.length]},"cell-".concat(a))))}),(0,p.jsx)(l.m_,{content:(0,p.jsx)(C,{})})]})})})})}}var M;class k extends n.Component{constructor(e){super(e),this.loadDataPieChart=()=>{const{tuNgay:e,denNgay:a}=this.state;(0,g.Pq)("/Dashboard/PieChartDoanhThu?tuNgay=".concat(e,"&denNgay=").concat(a),"GET",null,!1).then((e=>{let a=0;const t=[];e.length?e.forEach(((n,s)=>{a+=n.TongDT&&"-"!==n.TongDT?parseInt(n.TongDT):0;const h={name:n.TenDiem,value:n.TongDT&&"-"!==n.TongDT?parseInt(n.TongDT):0};t.push(h),s===e.length-1&&this.setState({dataPieChart:t,tongDoanhThu:a})})):this.setState({dataPieChart:t,tongDoanhThu:a})}))},this.onChangeDate=(e,a,t)=>{e&&this.setState({tuNgay:a?(0,m.A)(a,"yyyy-MM-dd"):null,denNgay:t?(0,m.A)(t,"yyyy-MM-dd"):null},(()=>this.loadDataPieChart()))},this.state={tuNgay:c.E.firstDayOfTheMonth,denNgay:c.E.lastDayOfTheMonth,dataPieChart:[],dateString:"",tongDoanhThu:0}}componentDidMount(){this.loadDataPieChart()}render(){const{dataPieChart:e,tongDoanhThu:a,dateString:t}=this.state;return(0,p.jsx)(h.A,{className:"DSTCN col-9-child bg-white",children:(0,p.jsxs)(o.A,{md:"12",children:[(0,p.jsxs)(K,{children:[(0,p.jsxs)("span",{style:{textTransform:"uppercase"},children:["DOANH S\u1ed0 THEO CHI NH\xc1NH ",t]}),(0,p.jsxs)("span",{className:"ml-3",style:{color:"#2e94da"},children:[(0,p.jsx)(y.A,{fa:"arrow-circle-right"})," ",(0,D.vv)(a)]}),(0,p.jsx)(j,{onChangeDate:this.onChangeDate,setDateString:e=>this.setState({dateString:e})})]}),(0,p.jsx)(h.A,{style:{width:"100%",margin:0},children:(0,p.jsx)(o.A,{md:"12",children:a?(0,p.jsx)(I,{title:"TH\u1ed0NG K\xca DOANH THU C\xc1C \u0110I\xcaM KINH DOANH",data:e}):(0,p.jsx)(d.A,{})})})]})})}}const K=r.Ay.div(M||(M=(0,i.A)(["\n font-size: 16px;\n font-weight: 600;\n padding: 0.5rem 0;\n border-bottom: 1.5px solid #cfcfcf\n"])));var E,L,Q,B=t(53744);class V extends n.Component{constructor(e){super(e),this.tinhTiLe=(e,a)=>0===e||0===a?0:parseInt((parseInt(e)-parseInt(a))/Math.abs(parseInt(a))*100),this.state={dataDonHoanThanh:{},dataDoanhThu:{},dataKhachHang:{}}}componentDidMount(){B.b9&&(this.loadDataDonHoanThanh(),this.loadDataKhachHang(),this.loadDataDoanhThu())}loadDataDonHoanThanh(){(0,g.Pq)("Dashboard/TiLeDonHang?diemKinhDoanhId=".concat(B.b9.DiemKinhDoanhId),"GET",null,!1).then((e=>{let a=e.DonHangHomNay?parseInt(e.DonHangHomNay):0,t=e.DonHangHomQua?parseInt(e.DonHangHomQua):0;this.setState({dataDonHoanThanh:{DonHangHomNay:a,DonHangHomQua:t,TiLe:this.tinhTiLe(a,t)}})})).catch((e=>(0,u.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,g.Pq)("Dashboard/TiLeKhachHang?diemKinhDoanhId=".concat(B.b9.DiemKinhDoanhId),"GET",null,!1).then((e=>{let a=e.KhachHangHomNay?parseInt(e.KhachHangHomNay):0,t=e.KhachHangHomQua?parseInt(e.KhachHangHomQua):0;this.setState({dataKhachHang:{KhachHangHomNay:e.KhachHangHomNay||0,KhachHangHomQua:e.KhachHangHomQua||0,TiLe:this.tinhTiLe(a,t)}})})).catch((e=>(0,u.a3)("Kh\xf4ng th\u1ec3 t\u1ea3i d\u1eef li\u1ec7u kh\xe1ch h\xe0ng","Th\xf4ng b\xe1o")))}loadDataDoanhThu(){let e=c.E.yesterDay,a=c.E.toDay;(0,g.Pq)("Dashboard/BaoCaoDoanhThu?Id=".concat(B.b9.DiemKinhDoanhId,"&tuNgay=").concat(e,"&denNgay=").concat(a),"GET",null,!1).then((e=>{let a=e.DanhSachNgay[1].TongDoanhThuNgay&&"-"!==e.DanhSachNgay[1].TongDoanhThuNgay?parseInt(e.DanhSachNgay[1].TongDoanhThuNgay.split(".").join("")):0,t=e.DanhSachNgay[0].TongDoanhThuNgay&&"-"!==e.DanhSachNgay[0].TongDoanhThuNgay?parseInt(e.DanhSachNgay[0].TongDoanhThuNgay.split(".").join("")):0;this.setState({dataDoanhThu:{DoanhThuHomNay:(0,D.vv)(a),DoanhThuHomQua:(0,D.vv)(t),TiLe:this.tinhTiLe(a,t)}})})).catch((e=>(0,u.a3)("Kh\xf4ng th\u1ec3 t\u1ea3i d\u1eef li\u1ec7u doanh thu","Th\xf4ng b\xe1o")))}render(){const{dataDoanhThu:e,dataKhachHang:a,dataDonHoanThanh:t}=this.state;return(0,p.jsx)(h.A,{className:"KQBH col-9-child bg-white",children:(0,p.jsxs)(o.A,{md:"12",children:[(0,p.jsx)(P,{children:"K\u1ebeT QU\u1ea2 B\xc1N H\xc0NG H\xd4M NAY"}),(0,p.jsxs)(h.A,{children:[(0,p.jsxs)(o.A,{md:"4",children:[(0,p.jsx)(Y,{className:"col-md-2 bg-primary m-3",children:(0,p.jsx)(y.A,{fa:"pencil"})}),(0,p.jsxs)(q,{children:[(0,p.jsx)("span",{children:"\u0110\u01a1n \u0111\xe3 ho\xe0n th\xe0nh"}),(0,p.jsxs)("span",{children:[t.DonHangHomNay," ",0!==t.TiLe&&(0,p.jsxs)(p.Fragment,{children:[(0,p.jsx)(y.A,{fa:t.TiLe>0?"arrow-up":"arrow-down"})," ",t.TiLe>=0?t.TiLe:Math.abs(t.TiLe),"%"]})," "]}),(0,p.jsxs)("span",{children:["H\xf4m qua ",t.DonHangHomQua]})]})]}),(0,p.jsxs)(o.A,{md:"4",children:[(0,p.jsx)(Y,{className:"col-md-2 bg-success m-3",children:(0,p.jsx)(y.A,{fa:"usd"})}),(0,p.jsxs)(q,{children:[(0,p.jsx)("span",{children:"Doanh thu"}),(0,p.jsxs)("span",{children:[e.DoanhThuHomNay," ",0!==e.TiLe&&(0,p.jsxs)(p.Fragment,{children:[(0,p.jsx)(y.A,{fa:e.TiLe>0?"arrow-up":"arrow-down"})," ",e.TiLe>=0?e.TiLe:Math.abs(e.TiLe),"%"]})]}),(0,p.jsxs)("span",{children:["H\xf4m qua ",e.DoanhThuHomQua]})]})]}),(0,p.jsxs)(o.A,{md:"4",children:[(0,p.jsx)(Y,{className:"col-md-2 bg-info m-3",children:(0,p.jsx)(y.A,{fa:"user"})}),(0,p.jsxs)(q,{children:[(0,p.jsx)("span",{children:"Kh\xe1ch h\xe0ng"}),(0,p.jsxs)("span",{children:[a.KhachHangHomNay," ",0!==a.TiLe&&(0,p.jsxs)(p.Fragment,{children:[(0,p.jsx)(y.A,{fa:a.TiLe>=0?"arrow-up":"arrow-down"})," ",a.TiLe>=0?a.TiLe:Math.abs(a.TiLe),"%"]})]}),(0,p.jsxs)("span",{children:["H\xf4m qua ",a.KhachHangHomQua]})]})]})]})]})})}}const P=r.Ay.div(E||(E=(0,i.A)(["\n font-size: 16px;\n font-weight: 600;\n padding: 0.5rem 0;\n border-bottom: 1.5px solid #cfcfcf\n"]))),Y=r.Ay.div(L||(L=(0,i.A)(["\nposition: relative;\nheight: 30px;\nmax-width: 30px;\nborder-radius: 50%;\ndisplay: flex;\njustify-content: center;\nalign-items: center;\n"]))),q=r.Ay.div(Q||(Q=(0,i.A)(["\n\n"])));var O,_=t(97159),R=t(77923),z=t(1858);class G extends n.Component{constructor(e){super(e),this.loadThongKeDichVu=()=>{const{valueSortId:e}=this.state,{diemKinhDoanhId:a,tuNgay:t,denNgay:n}=this.props;(0,g.Pq)("Dashboard/DoanhThuTheoSPDV?Id=".concat(a||"","&tuNgay=").concat(t,"&denNgay=").concat(n,"&sortOption=").concat(e),"GET",null,!1).then((a=>{let t=[],n=0;1===e?(t=a.dichVus.filter((e=>e.TongDoanhThu>0)),t.forEach((e=>n+=e.TongDoanhThu))):2===e?(t=a.dichVus.filter((e=>e.TongSoLuongBan>0)),t.forEach((e=>n+=e.TongSoLuongBan))):3===e&&(t=a.dichVus.filter((e=>e.TongSoLuongDonHang>0)),t.forEach((e=>n+=e.TongSoLuongDonHang))),this.setState({topSanPhams:t.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:a}=this.state;switch(this.state.valueSortId){case 1:return(0,p.jsx)(z.A,{color:"success",value:e.TongDoanhThu,max:a});case 2:return(0,p.jsx)(z.A,{color:"primary",value:e.TongSoLuongBan,max:a});case 3:return(0,p.jsx)(z.A,{color:"warning",value:e.TongSoLuongDonHang,max:a})}},this.checkValue=e=>{switch(this.state.valueSortId){case 1:return(0,D.vv)(e.TongDoanhThu||0);case 2:return(0,D.vv)(e.TongSoLuongBan||0);case 3:return(0,D.vv)(e.TongSoLuongDonHang||0)}},this.state={dataSorts:[],valueSortId:1,topSanPhams:[],max:0}}componentDidMount(){this.loadThongKeDichVu()}componentDidUpdate(e,a){const{valueSortId:t}=this.state,{diemKinhDoanhId:n,tuNgay:s,denNgay:h}=this.props;t===a.valueSortId&&n===e.diemKinhDoanhId&&s===e.tuNgay&&h===e.denNgay||this.loadThongKeDichVu()}setValueSort(e){this.setState({valueSortId:e})}render(){const{topSanPhams:e}=this.state;return(0,p.jsx)("div",{className:"index-sort-san-pham",children:e.length?(0,p.jsx)(h.A,{className:"results-sort",style:{minHeight:500},children:(0,p.jsx)(o.A,{className:"pl-3 pr-3",children:e.map(((e,a)=>(0,p.jsx)("div",{className:"result",children:(0,p.jsxs)("div",{style:{display:"flex",width:"100%"},children:[(0,p.jsx)("div",{className:"index-result",children:(0,p.jsx)(R.LazyLoadImage,{height:50,style:{objectFit:"contain"},src:e.File?"api".concat(e.File):"/assets/default.jpg",width:50,effect:"blur"})}),(0,p.jsxs)("div",{className:"name-result",children:[(0,p.jsxs)("div",{className:"mb-1",children:[e.MaSanPham," - ",e.TenDichVuSanPham,(0,p.jsx)("div",{className:"pull-right",children:this.checkValue(e)})]}),(0,p.jsx)("div",{children:this.checkProcessbar(e)})]})]})},a)))})}):(0,p.jsx)(d.A,{})})}}const W=[{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 U extends n.Component{constructor(e){super(e),this.onChangeDate=(e,a,t)=>{e&&this.setState({tuNgay:a?(0,m.A)(a,"yyyy-MM-dd"):null,denNgay:t?(0,m.A)(t,"yyyy-MM-dd"):null})},this.state={valueSortId:1,tuNgay:c.E.firstDayOfTheMonth,denNgay:c.E.lastDayOfTheMonth,dateString:""},this.Index_Sort_San_Pham=n.createRef()}render(){const{valueSortId:e,tuNgay:a,denNgay:t,dateString:n}=this.state;return(0,p.jsx)(p.Fragment,{children:B.b9&&(0,p.jsx)(h.A,{className:"SPBC col-9-child bg-white",children:(0,p.jsxs)(o.A,{md:"12",children:[(0,p.jsxs)($,{children:[(0,p.jsxs)("span",{style:{textTransform:"uppercase"},children:["TOP S\u1ea2N PH\u1ea8M B\xc1N CH\u1ea0Y ",n," "]}),(0,p.jsx)(_.A,{isMulti:!1,isLoading:!0,value:e,options:W,onChange:e=>e&&this.setState({valueSortId:e},(()=>this.Index_Sort_San_Pham.current.setValueSort(this.state.valueSortId))),valueField:"Id",textField:"Ten"}),(0,p.jsx)("div",{style:{position:"absolute",right:0},children:(0,p.jsx)(j,{onChangeDate:this.onChangeDate,setDateString:e=>this.setState({dateString:e})})})]}),(0,p.jsx)(h.A,{children:(0,p.jsx)(o.A,{md:"12",children:(0,p.jsx)(G,{ref:this.Index_Sort_San_Pham,diemKinhDoanhId:B.b9.DiemKinhDoanhId,tuNgay:a,denNgay:t})})})]})})})}}const $=r.Ay.div(O||(O=(0,i.A)(["\ndisplay: flex;\nflex-direction: column;\nflex-flow: wrap;\n font-size: 16px;\n font-weight: 600;\n padding: 0.5rem 0;\n border-bottom: 1.5px solid #cfcfcf\n\n & > span{\n max-width: 300px;\n }\n\n & > .dropdownlist{\n max-width: 200px;\n margin-left: 1.5rem;\n }\n"])));class X extends n.Component{render(){return(0,p.jsxs)(n.Fragment,{children:[(0,p.jsx)(V,{}),(0,p.jsx)(b,{}),(0,p.jsx)(k,{}),(0,p.jsx)(U,{})]})}}class J extends n.Component{constructor(e){super(e),this.state={}}render(){return(0,p.jsx)(n.Fragment,{children:(0,p.jsx)(s.A,{children:(0,p.jsx)(h.A,{noGutters:!0,children:(0,p.jsxs)(o.A,{md:"12",children:[" ",(0,p.jsx)(X,{})]})})})})}}}}]);