????
Your IP : 216.73.216.152
"use strict";(self.webpackChunk_qlxd_frontend=self.webpackChunk_qlxd_frontend||[]).push([[9071],{10782:(e,n,a)=>{a.d(n,{A:()=>l});var s=a(82210),t=a(15517),i=a(6058);class l extends s.Component{render(){const{size:e,text:n}=this.props;let a=(0,i.jsxs)("div",{children:[(0,i.jsx)("span",{className:"text-center",children:(0,i.jsx)("i",{className:"far fa-folder-open"})}),(0,i.jsx)("span",{children:n||"Kh\xf4ng c\xf3 d\u1eef li\u1ec7u"})]});return"sm"===e?(0,i.jsx)(r,{children:a}):(0,i.jsx)(h,{children:a})}}const r=t.Ay.div`
height: 110px;
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;
}
}
`,h=t.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;
}
}
`},59701:(e,n,a)=>{a.d(n,{A:()=>p});var s=a(30226),t=a(92965),i=a(82210),l=a(71723),r=a.n(l),h=a(88323),o=a.n(h),c=a(5168),d=["className","cssModule","size","bordered","borderless","striped","dark","hover","responsive","tag","responsiveTag","innerRef"],T={className:r().string,cssModule:r().object,size:r().string,bordered:r().bool,borderless:r().bool,striped:r().bool,dark:r().bool,hover:r().bool,responsive:r().oneOfType([r().bool,r().string]),tag:c.Wx,responsiveTag:c.Wx,innerRef:r().oneOfType([r().func,r().string,r().object])},u=function(e){var n=e.className,a=e.cssModule,l=e.size,r=e.bordered,h=e.borderless,T=e.striped,u=e.dark,p=e.hover,x=e.responsive,m=e.tag,j=e.responsiveTag,g=e.innerRef,f=(0,t.A)(e,d),b=(0,c.qO)(o()(n,"table",!!l&&"table-"+l,!!r&&"table-bordered",!!h&&"table-borderless",!!T&&"table-striped",!!u&&"table-dark",!!p&&"table-hover"),a),v=i.createElement(m,(0,s.A)({},f,{ref:g,className:b}));if(x){var A=(0,c.qO)(!0===x?"table-responsive":"table-responsive-"+x,a);return i.createElement(j,{className:A},v)}return v};u.propTypes=T,u.defaultProps={tag:"table",responsiveTag:"div"};const p=u},84278:(e,n,a)=>{a.d(n,{Z:()=>s.A});var s=a(5774)},91452:(e,n,a)=>{a.r(n),a.d(n,{default:()=>v});var s=a(82210),t=a(73161),i=a(79617),l=a(27532),r=a(4911),h=a(4984),o=a(22699),c=a(59701),d=a(57299),T=a(46881),u=a(57816),p=a(61278),x=a(35065),m=a(10782),j=a(84278),g=a(639),f=a(14658),b=a(6058);function v(e){const{IdDuAn:n,DonHangId:a,isOpen:v,isClose:A}=e,[N,D]=(0,s.useState)([]),[k,y]=(0,s.useState)({TienThanhToanAll:0}),[S,V]=(0,s.useState)(0),z=(0,s.useCallback)(((e,n)=>{let a=[];a.push("Status eq true"),a.push(`DuAnId eq ${e}`),a.push("DuAnVatLieuId ne null"),a.push(`DonHangId eq ${n}`),f.sk.getKhoanChiByFilter(a).then((e=>{var n;D((n=e.value,n.map((e=>{let n=0;return e.ThanhToans.forEach((e=>n+=e.SoTien)),{...e,TienThanhToan:0,TienDaTra:n,ThanhTien:e.KhoiLuong*e.DonGia}}))).filter((e=>e.TienDaTra!==e.ThanhTien)))})).catch((e=>(0,x.a3)("L\u1ed7i l\u1ea5y d\u1eef li\u1ec7u kho\u1ea3n chi")))}),[]),C=(0,s.useCallback)(((e,n)=>{let a=JSON.parse(JSON.stringify(e||0));for(let s=0;s<N.length;s++){let e=N[s].ThanhTien-N[s].TienDaTra;a>=e?(N[s].TienThanhToan=e,a-=e):a<e&&(N[s].TienThanhToan=a,0!==a&&(a=0))}y((a=>{let s={...a},t=0;return N.forEach((e=>t+=e.ThanhTien-e.TienDaTra)),e?e>=t?{...s,[n]:t}:{...s,[n]:e}:{...s,[n]:0}}))}),[N]),L=(0,s.useCallback)(((e,n,a)=>{let s={...n,TienThanhToan:O(e,n)};N[a]=s,D([...N])}),[N]),O=(e,n)=>e<n.ThanhTien-n.TienDaTra||!e?e||0:n.ThanhTien-n.TienDaTra,q=(0,s.useCallback)((()=>{let e={NguoiThanhToan:u.lg.Name,VatLieus:N.filter((e=>e.TienThanhToan)).map((e=>({DuAnVatLieuId:e.DuAnVatLieuId,SoTien:e.TienThanhToan})))};f.QW.thanhToanVatLieu(e).then((e=>{A(),(0,x.nw)("Thanh to\xe1n th\xe0nh c\xf4ng")})).catch((e=>(0,x.a3)("Thanh to\xe1n kh\xf4ng th\xe0nh c\xf4ng")))}),[N,A]);return(0,s.useEffect)((()=>{let e=0;N.forEach((n=>e+=n.ThanhTien-n.TienDaTra)),V(e)}),[N]),(0,s.useEffect)((()=>{z(n,a)}),[a,n,z]),(0,b.jsxs)(t.A,{className:"popupThanhToanDonHang",size:"xl",isOpen:v,toggle:A,zIndex:"1500",children:[(0,b.jsx)(i.A,{toggle:A,children:(0,b.jsxs)("span",{children:["THANH TO\xc1N (T\u1ed5ng ti\u1ec1n: ",(0,p.vv)(S),")"]})}),(0,b.jsxs)(l.A,{children:[(0,b.jsx)(r.A,{children:(0,b.jsxs)(h.A,{row:!0,className:"d-flex align-items-center",children:[(0,b.jsx)(o.A,{md:"2",className:"title-popupThanhToan",children:"Ti\u1ec1n thanh to\xe1n: "}),(0,b.jsx)(o.A,{md:"3",className:"title-popupThanhToan",children:(0,b.jsx)(g.A,{name:"TienThanhToanAll",onFocus:e=>e.target.select(),thousandSeparator:".",decimalSeparator:",",value:k.TienThanhToanAll,onValueChange:e=>C(e.values.floatValue,e.name)})})]})}),(0,b.jsx)("div",{className:"table-thanhToan",children:(0,b.jsxs)(c.A,{bordered:!0,size:"sm",children:[(0,b.jsx)("thead",{children:(0,b.jsxs)("tr",{children:[(0,b.jsx)("th",{children:"STT"}),(0,b.jsx)("th",{children:"Th\u1eddi gian"}),(0,b.jsx)("th",{children:"V\u1eadt li\u1ec7u"}),(0,b.jsx)("th",{children:"S\u1ed1 l\u01b0\u1ee3ng"}),(0,b.jsx)("th",{children:"\u0110\u01a1n gi\xe1"}),(0,b.jsx)("th",{children:"Ti\u1ec1n \u0111\xe3 thanh to\xe1n"}),(0,b.jsx)("th",{children:"Th\xe0nh ti\u1ec1n"}),(0,b.jsx)("th",{children:"Ti\u1ec1n thanh to\xe1n"})]})}),(0,b.jsx)("tbody",{children:0!==N.length?N.map(((e,n)=>(0,b.jsxs)("tr",{children:[(0,b.jsx)("td",{className:"stt",children:n+1}),(0,b.jsx)("td",{className:"date",children:(0,p.Yq)(e.ThoiGian)}),(0,b.jsx)("td",{className:"text",children:e.DuAnVatLieu.DMVatLieu.Name}),(0,b.jsx)("td",{className:"number",children:(0,p.ZV)(e.KhoiLuong)}),(0,b.jsx)("td",{className:"number",children:(0,p.vv)(e.DonGia)}),(0,b.jsx)("td",{className:"number",children:(0,p.vv)(e.TienDaTra)}),(0,b.jsx)("td",{className:"number",children:(0,p.vv)(e.ThanhTien)}),(0,b.jsx)("td",{className:"number",children:(0,b.jsx)(g.A,{onFocus:e=>e.target.select(),thousandSeparator:".",decimalSeparator:",",value:e.TienThanhToan,onValueChange:a=>L(a.values.floatValue,e,n)})})]},n))):(0,b.jsx)("tr",{children:(0,b.jsx)("td",{colSpan:"8",children:(0,b.jsx)(m.A,{size:"sm",text:"Kh\xf4ng c\xf3 d\u1eef li\u1ec7u thanh to\xe1n"})})})})]})})]}),(0,b.jsx)(d.A,{children:(0,b.jsxs)(T.A,{onClick:q,color:"success",children:[(0,b.jsx)(j.Z,{fa:"save"}),(0,b.jsx)("span",{style:{marginLeft:5},children:"Thanh to\xe1n"})]})})]})}}}]);
//# sourceMappingURL=9071.3f759def.chunk.js.map