????
Your IP : 3.22.98.193
"use strict";(self.webpackChunkgdt=self.webpackChunkgdt||[]).push([[275],{69378:(e,t,n)=>{n.d(t,{A:()=>T});var i=n(9950),s=n(70349),a=n(23931),l=n(52308),h=n(8743),o=n(36640),r=n(51445),c=n(52088),d=n(48738),u=n.n(d),p=n(53744),g=n(44414);const T=e=>{const{OnChangeActiveTab:t,className:n,propsActiveTab:d}=e,[T,m]=(0,i.useState)(0);(0,i.useEffect)((()=>{m(d||0)}),[d]),(0,i.useEffect)((()=>{t&&t(T)}),[T]);const x=e=>{T!==e&&m(e)};return(0,g.jsx)("div",{className:e.IsPageSoQuy?"win10-container page-so-quy":"win10-container",children:(0,g.jsxs)(s.A,{className:n,children:[(0,g.jsx)(a.A,{md:"12",children:(0,g.jsx)(l.A,{tabs:!0,children:e.data&&e.data.map(((t,n)=>{let i=t.MaChucNang;const s=p.oC.filter((e=>e.ma_chuc_nang===i));return i?s[0]&&s[0].access&&(0,g.jsx)(h.A,{children:(0,g.jsx)(o.A,{className:u()({active:T===n}),onClick:()=>{x(n),e.onChangeTab&&e.onChangeTab(n)},children:t.TabName})},n):(0,g.jsx)(h.A,{children:(0,g.jsx)(o.A,{className:u()({active:T===n}),onClick:()=>{x(n),e.onChangeTab&&e.onChangeTab(n)},children:t.TabName})},n)}))})}),(0,g.jsx)(a.A,{md:"12",children:(0,g.jsx)(r.A,{activeTab:T,children:e.data&&e.data.map(((e,t)=>(0,g.jsx)(c.A,{tabId:t,children:T===t&&e.TabContent},t)))})})]})})}},80275:(e,t,n)=>{n.r(t),n.d(t,{default:()=>ee});var i=n(9950),s=n(10077),a=n(29933),l=n(13650),h=n(67556),o=n.n(h),r=n(45418),c=n.n(r),d=n(44414);class u extends i.Component{constructor(e){super(e),this.state={}}render(){let{dataInPhieu:e}=this.props;return(0,d.jsx)(a.A,{open:this.props.open,title:null!=this.props.ID?"C\u1eadp nh\u1eadt":"Th\xeam m\u1edbi",onClose:this.props.onClose,renderButton:(0,d.jsx)(c(),{trigger:()=>(0,d.jsx)(l.$n,{color:"primary",children:"In th\u1ebb"}),content:()=>this.componentRef}),children:(0,d.jsx)("div",{ref:e=>this.componentRef=e,className:"page-a4 clearfix",children:e&&e.map(((e,t)=>(0,d.jsxs)("div",{className:"phieu",children:[(0,d.jsx)(o(),{value:`${e.MaPhieu}`}),(0,d.jsx)("div",{className:"info",children:(0,d.jsxs)("div",{className:"so-tien",children:["S\u1ed1 th\u1ebb: ",e.SerialNumber]})})]},t)))})})}}var p=n(58195),g=n(14113),T=n(99308),m=n(85907),x=n(4370),j=n(67116),C=n(16272),A={SoLuong:{field_name:"SoLuong",title:"S\u1ed1 l\u01b0\u1ee3ng:",type:"numeric",required:!0}};class S extends i.Component{constructor(e){super(e),this.taoPhieu=()=>{this.handleValidate()&&(0,x.Pq)(`Phieus/TaoPhieu?max=${this.state.SoLuong}`,"POST",null,!1).then((e=>(0,j.nw)(`T\u1ea1o m\u1edbi th\xe0nh c\xf4ng ${this.state.SoLuong} th\u1ebb`,"TH\xd4NG B\xc1O").then((()=>{this.props.reloadList(),this.props.updateCountRadioList(),this.props.onClose()})))).catch((e=>(0,j.AB)("Ch\u1ec9 nh\u1eadp s\u1ed1")))},this.handleChange=(e,t)=>{this.setState({SoLuong:t})},this.handleValidate=e=>{const t=Object.values(A).filter((e=>e.required));for(let n=0;n<t.length;n++){const e=t[n];let i=this.state[e.field_name];if(null===i||""===i||void 0===i||0===i.length||parseInt(i)<0)return(0,j.AB)('Vui l\xf2ng nh\u1eadp "'+e.title+'" h\u1ee3p l\u1ec7'),!1}return!0},this.state={SoLuong:10}}render(){return(0,d.jsxs)(p.A,{isOpen:this.props.open,toggle:this.props.onClose,children:[(0,d.jsx)(g.A,{toggle:this.props.onClose,className:"bg-primary",children:"T\u1ea1o th\u1ebb"}),(0,d.jsx)(T.A,{children:(0,d.jsx)(C.A,{data:A.SoLuong,value:this.state.SoLuong,onChange:this.handleChange})}),(0,d.jsxs)(m.A,{children:[(0,d.jsx)(l.$n,{color:"success",size:"sm",onClick:this.taoPhieu,children:"T\u1ea1o th\u1ebb"}),(0,d.jsx)(l.$n,{color:"link",size:"sm",onClick:this.props.onClose,children:"H\u1ee7y"})]})]})}}var y=n(23931),P=n(1254),b=n(18849),v=n(70349),f={SoLuong:{field_name:"SoLuong",title:(0,d.jsxs)("b",{children:["S\u1ed1 l\u01b0\u1ee3ng : ",(0,d.jsx)("span",{style:{color:"red"},children:"*"})]}),type:"currency"}};class I extends i.Component{constructor(e){super(e),this.kichHoatPhieu=()=>{this.handleValidate()&&(0,x.Pq)(`Phieus/KichHoatPhieu?max=${this.state.SoLuong}`,"POST",null,!1).then((e=>(0,j.nw)(e,"TH\xd4NG B\xc1O").then((()=>{this.props.reloadList(),this.props.updateCountRadioList(),this.props.onClose()})))).catch((e=>(0,j.a3)(e.Message,"Th\xf4ng b\xe1o")))},this.handleChange=e=>{this.setState({SoLuong:e})},this.handleValidate=()=>{let e=this.state.SoLuong;return null!==e&&""!==e&&void 0!==e&&0!==e.length||((0,j.AB)("Vui l\xf2ng nh\u1eadp s\u1ed1 l\u01b0\u1ee3ng"),!1)},this.state={SoLuong:0}}render(){return(0,d.jsxs)(p.A,{isOpen:this.props.open,toggle:this.props.onClose,children:[(0,d.jsx)(g.A,{toggle:this.props.onClose,className:"bg-primary",children:"K\xedch ho\u1ea1t th\u1ebb"}),(0,d.jsx)(T.A,{children:(0,d.jsx)(v.A,{children:(0,d.jsx)(y.A,{md:"12",children:(0,d.jsx)(C.A,{data:f.SoLuong,value:this.state.SoLuong,onChange:(e,t)=>this.handleChange(t)})})})}),(0,d.jsxs)(m.A,{children:[(0,d.jsx)(b.A,{color:"success",size:"sm",onClick:this.kichHoatPhieu,children:"K\xedch ho\u1ea1t th\u1ebb"}),(0,d.jsx)(b.A,{color:"link",size:"sm",onClick:this.props.onClose,children:"H\u1ee7y"})]})]})}}const N=I;var D=n(86803),L=n.n(D),k={tuThe:{field_name:"tuThe",title:(0,d.jsxs)("b",{children:["T\u1eeb th\u1ebb : ",(0,d.jsx)("span",{style:{color:"red"},children:"*"})]}),type:"currency"},denThe:{field_name:"denThe",title:(0,d.jsxs)("b",{children:["\u0110\u1ebfn th\u1ebb : ",(0,d.jsx)("span",{style:{color:"red"},children:"*"})]}),type:"currency"}};class R extends i.Component{constructor(e){super(e),this.kichHoatPhieu=()=>{let{tuThe:e,denThe:t}=this.state;if(this.handleValidate(e)&&this.handleValidate(t)&&t>=e){if(0===parseInt(e)&&0===parseInt(t))return(0,j.AB)("Vui l\xf2ng nh\u1eadp s\u1ed1 l\u01b0\u1ee3ng v\xe0 s\u1ed1 th\u1ebb c\u1ea7n in ph\u1ea3i l\u1edbn h\u01a1n 0"),!1;(0,x.Pq)(`Phieus/XemThongTin?tuPhieu=${e}&denPhieu=${t}`,"GET",null,!1).then((e=>{e.Data.length<=0?(0,j.AB)("Kh\xf4ng c\xf3 th\u1ebb n\xe0o \u0111\u01b0\u1ee3c in!"):(this.props.setDataInPhieu(e.Data),this.props.setOpenDialogInPhieu(!0))})).catch((e=>(0,j.a3)("\u0110\xe3 x\u1ea3y ra l\u1ed7i")))}else(0,j.AB)("Vui l\xf2ng nh\u1eadp s\u1ed1 l\u01b0\u1ee3ng v\xe0 s\u1ed1 th\u1ebb c\u1ea7n in ph\u1ea3i l\u1edbn h\u01a1n 0")},this.handleChange=(e,t)=>{this.setState({[e]:t})},this.handleValidate=e=>!(null===e||""===e||void 0===e||0===e.length||parseInt(e)<0)||((0,j.AB)("Vui l\xf2ng nh\u1eadp \u0111\u1ee7 d\u1eef li\u1ec7u"),!1),this.state={tuThe:null,denThe:null,openDialogInPhieu:!1}}render(){return(0,d.jsxs)(p.A,{isOpen:this.props.open,toggle:this.props.onClose,children:[(0,d.jsx)(g.A,{toggle:this.props.onClose,className:"bg-primary",children:"Nh\u1eadp s\u1ed1 l\u01b0\u1ee3ng th\u1ebb c\u1ea7n in"}),(0,d.jsx)(T.A,{children:(0,d.jsxs)(v.A,{md:"6",children:[(0,d.jsx)(y.A,{children:(0,d.jsx)(C.A,{data:k.tuThe,value:this.state.tuThe,onChange:(e,t)=>this.handleChange(e,t)})}),(0,d.jsx)(y.A,{children:(0,d.jsx)(C.A,{data:k.denThe,value:this.state.denThe,onChange:(e,t)=>this.handleChange(e,t)})})]})}),(0,d.jsxs)(m.A,{children:[(0,d.jsx)(b.A,{color:"success",size:"sm",onClick:this.kichHoatPhieu,children:"X\xe1c nh\u1eadn"}),(0,d.jsx)(b.A,{color:"link",size:"sm",onClick:this.props.onClose,children:"H\u1ee7y"})]})]})}}const B=R;var H=n(36841),w=n(69378),_=n(86006);const G=i.createRef(),M=i.createRef(),O=[{field:"Id",type:"numeric",dataID:!0,hidden:!0,editable:"never"},{title:"Ng\xe0y t\u1ea1o",field:"NgayTao",type:"datetime",cellStyle:{textAlign:"center"}},{title:"Ng\u01b0\u1eddi t\u1ea1o",field:"NguoiTao",type:"string",searchable:!0,cellStyle:{textAlign:"center"}},{title:"S\u1ed1 ti\u1ec1n n\u1ea1p",field:"SoTien",type:"numeric",cellStyle:{textAlign:"center"},render:e=>(0,d.jsx)("span",{children:(0,H.vv)(e.SoTien)})}],V=[{field:"Id",type:"numeric",dataID:!0,hidden:!0,editable:"never"},{title:"Ng\xe0y t\u1ea1o",field:"NgayTao",type:"datetime",cellStyle:{textAlign:"center"}},{title:"Ng\u01b0\u1eddi t\u1ea1o",field:"NguoiTao",type:"string",searchable:!0,cellStyle:{textAlign:"center"}},{title:"M\xe3 \u0111\u01a1n h\xe0ng",field:"MaDonHang",type:"string",editable:"never",searchable:!0,cellStyle:{textAlign:"center"}},{title:"Ti\u1ec1n h\xe0ng",field:"TienHang",type:"numeric",editable:"never",cellStyle:{textAlign:"center"},render:e=>(0,d.jsx)("span",{children:(0,H.vv)(e.TienHang)})},{title:"Gi\u1ea3m gi\xe1",field:"GiamGia",type:"numeric",editable:"never",cellStyle:{textAlign:"center"},render:e=>(0,d.jsx)("span",{children:(0,H.vv)(e.GiamGia)})},{title:"% Gi\u1ea3m gi\xe1",field:"PTGiamGia",type:"numeric",editable:"never",cellStyle:{textAlign:"center"},render:e=>(0,d.jsxs)("span",{children:[(0,H.vv)(e.PTGiamGia)," %"]})},{title:"Th\xe0nh ti\u1ec1n",field:"ThanhTien",type:"numeric",editable:"never",cellStyle:{textAlign:"center"},render:e=>(0,d.jsx)("span",{children:(0,H.vv)(e.ThanhTien)})}];class $ extends i.Component{constructor(e){super(e),this.getTongTienDaNapVaSuDung=()=>{const{selectedItemId:e}=this.props;e&&(0,x.Pq)(`Phieus/XemThongTinPhieu?PhieuId=${e}`,"GET",null,!1).then((e=>this.setState({tongTienDaNap:"-"===e.FormatSoTien?0:e.FormatSoTien,tongTienSuDung:"-"===e.FormatDaSuDung?0:e.FormatDaSuDung}))).catch((e=>(0,j.a3)("\u0110\xe3 x\u1ea3y ra l\u1ed7i!")))},this.state={tongTienDaNap:null,tongTienSuDung:null,dataThe:{}}}componentDidMount(){this.getDataTheQRCode(),this.getTongTienDaNapVaSuDung()}getDataTheQRCode(){const{selectedItemId:e}=this.props;e&&(0,x.Pq)(`Phieux(${e})`,"GET",null).then((e=>this.setState({dataThe:e}))).catch((e=>(0,j.a3)("Kh\xf4ng th\u1ec3 t\u1ea3i d\u1eef li\u1ec7u th\u1ebb QRODE","Th\xf4ng b\xe1o")))}render(){const{tongTienDaNap:e,tongTienSuDung:t,dataThe:n}=this.state,{open:i,onClose:s,selectedItemId:a}=this.props;return(0,d.jsxs)(p.A,{isOpen:i,onClose:s,className:"Detail-TheQRCode",size:"xl",children:[(0,d.jsx)(g.A,{children:"Th\u1ebb "+a}),(0,d.jsx)(T.A,{children:(0,d.jsx)(w.A,{data:[{TabName:"Th\xf4ng tin",TabContent:(0,d.jsx)(z,{dataThe:n,tongTienSuDung:t,tongTienDaNap:e})},{TabName:"L\u1ecbch s\u1eed n\u1ea1p ti\u1ec1n",TabContent:(0,d.jsx)(q,{selectedItemId:a})},{TabName:"L\u1ecbch s\u1eed s\u1eed d\u1ee5ng",TabContent:(0,d.jsx)(K,{selectedItemId:a})}]})}),(0,d.jsx)(m.A,{children:(0,d.jsx)(b.A,{onClick:s,color:"dark",children:"\u0110\xf3ng"})})]})}}const z=e=>{const t={ConLai:{field_name:"ConLai",title:"S\u1ed1 ti\u1ec1n c\xf2n l\u1ea1i:",type:"label"},TongTienDaNap:{field_name:"TongTienDaNap",title:"S\u1ed1 ti\u1ec1n \u0111\xe3 n\u1ea1p:",type:"label"},TongTienSuDung:{field_name:"TongTienSuDung",title:"S\u1ed1 ti\u1ec1n s\u1eed d\u1ee5ng:",type:"label"},MaPhieu:{field_name:"MaPhieu",title:"M\xe3 phi\u1ebfu:",type:"label"},TrangThaiPhieu:{field_name:"TrangThaiPhieu",title:"Tr\u1ea1ng th\xe1i th\u1ebb:",type:"checkbox"},TrangThaiBan:{field_name:"TrangThaiBan",title:"Tr\u1ea1ng th\xe1i b\xe1n:",type:"checkbox"}},{dataThe:n,tongTienDaNap:i,tongTienSuDung:s}=e;return(0,d.jsxs)(v.A,{className:"pt-4 pb-4",children:[(0,d.jsx)(y.A,{md:"2",children:(0,d.jsx)("div",{className:"image-khach-hang",children:(0,d.jsxs)("span",{className:"camera-image-kh",children:[(0,d.jsx)(o(),{value:`${n.MaPhieu}`,size:64}),(0,d.jsxs)(F,{className:"text-center",children:["Serial: ",n.Id]})]})})}),(0,d.jsxs)(y.A,{md:"5",children:[(0,d.jsx)(C.A,{data:t.TongTienDaNap,value:i}),(0,d.jsx)(C.A,{data:t.TongTienSuDung,value:s}),(0,d.jsx)(C.A,{data:t.ConLai,value:(0,H.vv)(n.ConLai)})]}),(0,d.jsxs)(y.A,{md:"5",style:{paddingLeft:0},children:[(0,d.jsx)(C.A,{data:t.MaPhieu,value:n.MaPhieu}),(0,d.jsx)(C.A,{data:t.TrangThaiPhieu,value:n.TrangThaiPhieu}),(0,d.jsx)(C.A,{data:t.TrangThaiBan,value:n.TrangThaiBan})]})]})},q=e=>{let{selectedItemId:t}=e;return(0,d.jsx)(s.A,{tableRef:G,title:"L\u1ecbch s\u1eed n\u1ea1p ti\u1ec1n",where:"Phieu_Id eq "+t,url:"Sale_LichSuNapTien",columns:O,selectType:"withColumns"})},K=e=>{let{selectedItemId:t}=e;return(0,d.jsx)(s.A,{tableRef:M,title:"L\u1ecbch s\u1eed giao d\u1ecbch",where:"Phieu_Id eq "+t,url:"DonHangs",columns:V,selectType:"withColumns"})},F=_.Ay.p`
font-size: 0.76563rem;
font-weight: 500;
position: absolute;
top: 100%;
left: 50%;
transform: translateX(-50%);
width: calc(100% + 30px);
`;var Q=n(30616),E=n(28412),X=n(32385),J=n(62181),U=[{title:"Ng\xe0y in th\u1ebb",field:"NgayTao",type:"datetime",editable:"never",cellStyle:{textAlign:"left"}},{title:"QR Code",field:"Id",type:"numeric",editable:"never",render:e=>(0,d.jsx)(o(),{value:`${e.MaPhieu}`,size:64}),cellStyle:{textAlign:"center"}},{title:"M\xe3 th\u1ebb",field:"MaPhieu",type:"numeric",editable:"never",cellStyle:{textAlign:"left"}},{title:"S\u1ed1 serial",field:"Id",type:"numeric",dataID:!0,editable:"never",cellStyle:{textAlign:"right"}},{title:"Trang th\xe1i th\u1ebb",field:"TrangThaiPhieu",type:"boolean",editable:"never",cellStyle:{textAlign:"center"}},{title:"Tr\u1ea1ng th\xe1i b\xe1n",field:"TrangThaiBan",type:"boolean",editable:"never",cellStyle:{textAlign:"center"}},{title:"S\u1ed1 ti\u1ec1n c\xf2n l\u1ea1i",field:"ConLai",type:"numeric",defaultSort:"desc",hidden:!0,editable:"never",cellStyle:{textAlign:"right"},render:e=>(0,d.jsx)(L(),{value:e.ConLai,displayType:"text",thousandSeparator:".",decimalSeparator:","})}];const W=i.createRef(),Y=()=>W.current&&W.current.onQueryChange();class Z extends i.Component{constructor(e){super(e),this.setDataInPhieu=e=>{this.setState({dataInPhieu:e})},this.setsearchSerialThe=e=>{13===e.charCode&&this.setState({searchSerialThe:e.target.value},(()=>Y()))},this.setOpenDialogInPhieu=e=>{this.setState({openDialogInPhieu:e})},this.state={openInPhieu:!1,openTaoPhieu:!1,openKichHoatPhieu:!1,trangThaiThe:"true",searchSerialThe:null,openDialogInPhieu:!1,dataInPhieu:null,selectedItemId:null,soTienConLai:null,openDetail:!1},this.searchBox=i.createRef(),this.FilterCard=i.createRef()}selectPhieu(e){e.TrangThaiPhieu?this.setState({selectedItemId:e.Id,openDetail:!0,soTienConLai:e.ConLai}):(0,j.AB)("C\u1ea7n ph\u1ea3i k\xedch ho\u1ea1t th\u1ebb tr\u01b0\u1edbc khi xem th\xf4ng tin","Th\xf4ng b\xe1o")}render(){const{trangThaiThe:e,searchSerialThe:t,dataInPhieu:n,soTienConLai:i}=this.state;let a=[];e&&a.push(`TrangThaiPhieu eq ${e}`),t&&a.push(`Id eq ${t}`);let l=a.length>1?a.slice(1).join(" and "):"";return(0,d.jsxs)(Q.A,{children:[(0,d.jsxs)(E.A,{NoTabs:!0,children:[(0,d.jsx)(y.A,{md:"12",className:"p-0 mb-2",children:(0,d.jsx)(J.A,{title:"T\xecm ki\u1ebfm",defaultValue:t,onKeyPress:e=>this.setsearchSerialThe(e),placeholder:"Nh\u1eadp s\u1ed1 serial..."})}),(0,d.jsx)(y.A,{md:"12",className:"p-0 mb-2",children:(0,d.jsx)(J.A,{ref:this.FilterCard,type:"radio-list",title:"Tr\u1ea1ng th\xe1i",dataCount:{url:"Phieux",filterBy:"TrangThaiPhieu",where:l},data:[{label:(0,d.jsx)(P.A,{color:"success",children:"\u0110\xe3 k\xedch ho\u1ea1t"}),value:"true"},{label:(0,d.jsx)(P.A,{color:"warning",children:"Ch\u01b0a k\xedch ho\u1ea1t"}),value:"false"}],value:e,onChange:(e,t)=>this.setState({trangThaiThe:t},(()=>Y()))})})]}),(0,d.jsxs)(X.A,{FilterSearchAdvanced:!0,NoTabs:!0,children:[(0,d.jsx)(s.A,{tableRef:W,title:"Danh s\xe1ch th\u1ebb QR Code",url:"Phieux",columns:U,where:a.join(" and "),selectType:"withColumns",onAdd:{disabled:!0},onRowClick:(e,t)=>this.selectPhieu(t),SearchAdvanced:e=>(0,d.jsxs)(y.A,{md:"12",className:"p-0 mb-2",children:[(0,d.jsx)(b.A,{size:"sm",color:"success",className:"mr-3 mb-2",onClick:e=>this.setState({openTaoPhieu:!0}),children:"T\u1ea1o m\xe3 QR Code"}),(0,d.jsx)(b.A,{size:"sm",color:"success",className:"mr-3 mb-2",onClick:e=>this.setState({openKichHoatPhieu:!0}),children:"K\xedch ho\u1ea1t th\u1ebb"}),(0,d.jsx)(b.A,{size:"sm",color:"success",className:"mr-3 mb-2",onClick:e=>this.setState({openInPhieu:!0}),children:"Xu\u1ea5t file in"})]})}),this.state.openDetail&&(0,d.jsx)($,{selectedItemId:this.state.selectedItemId,soTienConLai:i,open:this.state.openDetail,onClose:()=>this.setState({openDetail:!1,selectedItemId:null}),reloadList:Y}),(0,d.jsx)(u,{dataInPhieu:n,open:this.state.openDialogInPhieu,onClose:()=>this.setState({openDialogInPhieu:!1}),reloadList:Y}),(0,d.jsx)(B,{setOpenDialogInPhieu:this.setOpenDialogInPhieu,setDataInPhieu:this.setDataInPhieu,open:this.state.openInPhieu,onClose:()=>this.setState({openInPhieu:!1}),reloadList:Y}),(0,d.jsx)(S,{updateCountRadioList:()=>this.FilterCard.current.updateCountRadioList(),open:this.state.openTaoPhieu,onClose:()=>this.setState({openTaoPhieu:!1}),reloadList:Y}),(0,d.jsx)(N,{open:this.state.openKichHoatPhieu,updateCountRadioList:()=>this.FilterCard.current.updateCountRadioList(),onClose:()=>this.setState({openKichHoatPhieu:!1}),reloadList:Y})]})]})}}class ee extends i.Component{render(){return(0,d.jsx)(Z,{})}}}}]);