????

Your IP : 216.73.216.152


Current Path : C:/inetpub/vhost/xaydung.gdtsolutions.vn/build/static/js/
Upload File :
Current File : C:/inetpub/vhost/xaydung.gdtsolutions.vn/build/static/js/9071.3f759def.chunk.js.map

{"version":3,"file":"static/js/9071.3f759def.chunk.js","mappings":"sKAGe,MAAMA,UAAoBC,EAAAA,UAErCC,MAAAA,GACI,MAAM,KAAEC,EAAI,KAAEC,GAASC,KAAKC,MAC5B,IAAIC,GAAWC,EAAAA,EAAAA,MAAA,OAAAD,SAAA,EACXE,EAAAA,EAAAA,KAAA,QAAMC,UAAU,cAAaH,UAACE,EAAAA,EAAAA,KAAA,KAAGC,UAAU,0BAC3CD,EAAAA,EAAAA,KAAA,QAAAF,SAAOH,GAAQ,wCAEnB,MACS,OADDD,GAEOM,EAAAA,EAAAA,KAACE,EAAmB,CAAAJ,SACtBA,KAOEE,EAAAA,EAAAA,KAACG,EAAmB,CAAAL,SACtBA,GAIjB,EAGJ,MAAMI,EAAsBE,EAAAA,GAAOC,GAAG;;;;;;;;;;;;;;;;;;EAmBhCF,EAAsBC,EAAAA,GAAOC,GAAG;;;;;;;;;;;;;;;;;2HC9ClCC,EAAY,CAAC,YAAa,YAAa,OAAQ,WAAY,aAAc,UAAW,OAAQ,QAAS,aAAc,MAAO,gBAAiB,YAK3IC,EAAY,CACdN,UAAWO,IAAAA,OACXC,UAAWD,IAAAA,OACXd,KAAMc,IAAAA,OACNE,SAAUF,IAAAA,KACVG,WAAYH,IAAAA,KACZI,QAASJ,IAAAA,KACTK,KAAML,IAAAA,KACNM,MAAON,IAAAA,KACPO,WAAYP,IAAAA,UAAoB,CAACA,IAAAA,KAAgBA,IAAAA,SACjDQ,IAAKC,EAAAA,GACLC,cAAeD,EAAAA,GACfE,SAAUX,IAAAA,UAAoB,CAACA,IAAAA,KAAgBA,IAAAA,OAAkBA,IAAAA,UAO/DY,EAAQ,SAAevB,GACzB,IAAII,EAAYJ,EAAMI,UAClBQ,EAAYZ,EAAMY,UAClBf,EAAOG,EAAMH,KACbgB,EAAWb,EAAMa,SACjBC,EAAad,EAAMc,WACnBC,EAAUf,EAAMe,QAChBC,EAAOhB,EAAMgB,KACbC,EAAQjB,EAAMiB,MACdC,EAAalB,EAAMkB,WACnBM,EAAMxB,EAAMmB,IACZM,EAAgBzB,EAAMqB,cACtBC,EAAWtB,EAAMsB,SACjBI,GAAaC,EAAAA,EAAAA,GAA8B3B,EAAOS,GAElDmB,GAAUC,EAAAA,EAAAA,IAAgBC,IAAW1B,EAAW,UAASP,GAAO,SAAWA,IAAcgB,GAAW,mBAA0BC,GAAa,qBAA4BC,GAAU,kBAAyBC,GAAO,eAAsBC,GAAQ,eAAwBL,GACvQmB,EAAqBC,EAAAA,cAAoBR,GAAKS,EAAAA,EAAAA,GAAS,CAAC,EAAGP,EAAY,CACzEQ,IAAKZ,EACLlB,UAAWwB,KAGb,GAAIV,EAAY,CACd,IAAIiB,GAAsBN,EAAAA,EAAAA,KAA+B,IAAfX,EAAsB,mBAAqB,oBAAsBA,EAAYN,GACvH,OAAoBoB,EAAAA,cAAoBP,EAAe,CACrDrB,UAAW+B,GACVJ,EACL,CAEA,OAAOA,CACT,EAEAR,EAAMb,UAAYA,EAClBa,EAAMa,aArCa,CACjBjB,IAAK,QACLE,cAAe,OAoCjB,S,uSChDe,SAASgB,EAAsBrC,GAC1C,MAAM,OAAEsC,EAAM,UAAEC,EAAS,OAAEC,EAAM,QAAEC,GAAYzC,GACxC0C,EAAcC,IAAmBC,EAAAA,EAAAA,UAAS,KAC1CC,EAAkBC,IAAuBF,EAAAA,EAAAA,UAAS,CACrDG,iBAAkB,KAEfC,EAAmBC,IAAwBL,EAAAA,EAAAA,UAAS,GAgBrDM,GAAcC,EAAAA,EAAAA,cAChB,CAACb,EAAQC,KACL,IAAIa,EAAS,GACbA,EAAOC,KAAK,kBACZD,EAAOC,KAAK,aAAaf,KACzBc,EAAOC,KAAK,yBACZD,EAAOC,KAAK,gBAAgBd,KAC5Be,EAAAA,GAAkBC,oBAAoBH,GACjCI,MAAKC,IAtBEC,MAuBJf,GAvBIe,EAuBuBD,EAAIE,MAtB/BD,EAAKE,KAAIC,IACjB,IAAIC,EAAgB,EAEpB,OADAD,EAAKE,WAAWC,SAAQH,GAAQC,GAAiBD,EAAKI,SAC/C,IACAJ,EACHC,cAAe,EACfI,UAAWJ,EACXK,UAAWN,EAAKO,UAAYP,EAAKQ,OACpC,KAc6CjB,QAAOkB,GAAKA,EAAEJ,YAAcI,EAAEH,YAAW,IAElFI,OAAMC,IAAOC,EAAAA,EAAAA,IAAY,uDAA6B,GAE/D,IAGEC,GAA2BvB,EAAAA,EAAAA,cAC7B,CAACQ,EAAOgB,KACJ,IAAI5B,EAAmB6B,KAAKC,MAAMD,KAAKE,UAAUnB,GAAS,IAC1D,IAAK,IAAIoB,EAAI,EAAGA,EAAIrC,EAAasC,OAAQD,IAAK,CAC1C,IAAIE,EAAavC,EAAaqC,GAAGZ,UAAYzB,EAAaqC,GAAGb,UACzDnB,GAAoBkC,GACpBvC,EAAaqC,GAAGjB,cAAgBmB,EAChClC,GAAoBkC,GACblC,EAAmBkC,IAC1BvC,EAAaqC,GAAGjB,cAAgBf,EACP,IAArBA,IACAA,EAAmB,GAE/B,CACAD,GAAqBoC,IACjB,IAAIC,EAAS,IAAKD,GACdlC,EAAoB,EAExB,OADAN,EAAasB,SAAQH,GAAQb,GAAsBa,EAAKM,UAAYN,EAAKK,YACrEP,EACIA,GAASX,EACF,IAAKmC,EAAQ,CAACR,GAAO3B,GAErB,IAAKmC,EAAQ,CAACR,GAAOhB,GAGzB,IAAKwB,EAAQ,CAACR,GAAO,EAChC,GACF,GAEN,CAACjC,IAGC0C,GAAwBjC,EAAAA,EAAAA,cAC1B,CAACQ,EAAOE,EAAMwB,KACV,IAAIC,EAAa,IACVzB,EACHC,cAAeyB,EAAoB5B,EAAOE,IAE9CnB,EAAa2C,GAASC,EACtB3C,EAAgB,IAAID,GAAc,GAEtC,CAACA,IAGC6C,EAAsBA,CAAC5B,EAAOE,IAC5BF,EAAQE,EAAKM,UAAYN,EAAKK,YAAcP,EACpCA,GAAS,EAEVE,EAAKM,UAAYN,EAAKK,UAI/BsB,GAAOrC,EAAAA,EAAAA,cACT,KACI,IAAIsC,EAAQ,CACRC,eAAgBC,EAAAA,GAAkBC,KAClCC,SAAUnD,EAAaU,QAAOkB,GAAKA,EAAER,gBAAeF,KAAIC,IAC7C,CACHiC,cAAejC,EAAKiC,cACpB7B,OAAQJ,EAAKC,mBAIzBiC,EAAAA,GAAwBC,iBAAiBP,GACpCjC,MAAKC,IACFhB,KACAwD,EAAAA,EAAAA,IAAc,iCAAwB,IAEzC1B,OAAMC,IAAOC,EAAAA,EAAAA,IAAY,4CAA+B,GAEjE,CAAC/B,EAAcD,IAanB,OAVAyD,EAAAA,EAAAA,YAAU,KACN,IAAIlD,EAAoB,EACxBN,EAAasB,SAAQH,GAAQb,GAAsBa,EAAKM,UAAYN,EAAKK,YACzEjB,EAAqBD,EAAkB,GACxC,CAACN,KAEJwD,EAAAA,EAAAA,YAAU,KACNhD,EAAYZ,EAAQC,EAAU,GAC/B,CAACA,EAAWD,EAAQY,KAGnBhD,EAAAA,EAAAA,MAACiG,EAAAA,EAAK,CAAC/F,UAAU,wBAAwBP,KAAK,KAAK2C,OAAQA,EAAQ4D,OAAQ3D,EAAS4D,OAAO,OAAMpG,SAAA,EAC7FE,EAAAA,EAAAA,KAACmG,EAAAA,EAAW,CAACF,OAAQ3D,EAAQxC,UACzBC,EAAAA,EAAAA,MAAA,QAAAD,SAAA,CAAM,wCAAwBsG,EAAAA,EAAAA,IAAevD,GAAmB,UAEpE9C,EAAAA,EAAAA,MAACsG,EAAAA,EAAS,CAAAvG,SAAA,EACNE,EAAAA,EAAAA,KAACsG,EAAAA,EAAI,CAAAxG,UACDC,EAAAA,EAAAA,MAACwG,EAAAA,EAAS,CAACC,KAAG,EAACvG,UAAU,4BAA2BH,SAAA,EAChDE,EAAAA,EAAAA,KAACyG,EAAAA,EAAK,CAACC,GAAG,IAAIzG,UAAU,uBAAsBH,SAAC,+BAC/CE,EAAAA,EAAAA,KAACyG,EAAAA,EAAK,CAACC,GAAG,IAAIzG,UAAU,uBAAsBH,UAC1CE,EAAAA,EAAAA,KAAC2G,EAAAA,EAAY,CACTnC,KAAK,mBACLoC,QAASC,GAAKA,EAAEC,OAAOC,SACvBC,kBAAmB,IACnBC,iBAAkB,IAClBzD,MAAOd,EAAiBE,iBACxBsE,cAAgB1D,GAAUe,EAAyBf,EAAM2D,OAAOC,WAAY5D,EAAMgB,gBAKlGxE,EAAAA,EAAAA,KAAA,OAAKC,UAAU,kBAAiBH,UAC5BC,EAAAA,EAAAA,MAACqB,EAAAA,EAAK,CAACV,UAAQ,EAAChB,KAAK,KAAII,SAAA,EACrBE,EAAAA,EAAAA,KAAA,SAAAF,UACIC,EAAAA,EAAAA,MAAA,MAAAD,SAAA,EACIE,EAAAA,EAAAA,KAAA,MAAAF,SAAI,SACJE,EAAAA,EAAAA,KAAA,MAAAF,SAAI,oBACJE,EAAAA,EAAAA,KAAA,MAAAF,SAAI,wBACJE,EAAAA,EAAAA,KAAA,MAAAF,SAAI,6BACJE,EAAAA,EAAAA,KAAA,MAAAF,SAAI,0BACJE,EAAAA,EAAAA,KAAA,MAAAF,SAAI,wCACJE,EAAAA,EAAAA,KAAA,MAAAF,SAAI,wBACJE,EAAAA,EAAAA,KAAA,MAAAF,SAAI,kCAGZE,EAAAA,EAAAA,KAAA,SAAAF,SAEgC,IAAxByC,EAAasC,OAAetC,EAAakB,KAAI,CAAC4D,EAAGzC,KAC7C7E,EAAAA,EAAAA,MAAA,MAAAD,SAAA,EACIE,EAAAA,EAAAA,KAAA,MAAIC,UAAU,MAAKH,SAAE8E,EAAI,KACzB5E,EAAAA,EAAAA,KAAA,MAAIC,UAAU,OAAMH,UAAEwH,EAAAA,EAAAA,IAAWD,EAAEE,aACnCvH,EAAAA,EAAAA,KAAA,MAAIC,UAAU,OAAMH,SAAEuH,EAAEG,YAAYC,UAAUhC,QAC9CzF,EAAAA,EAAAA,KAAA,MAAIC,UAAU,SAAQH,UAAE4H,EAAAA,EAAAA,IAAaL,EAAEpD,cACvCjE,EAAAA,EAAAA,KAAA,MAAIC,UAAU,SAAQH,UAAEsG,EAAAA,EAAAA,IAAeiB,EAAEnD,WACzClE,EAAAA,EAAAA,KAAA,MAAIC,UAAU,SAAQH,UAAEsG,EAAAA,EAAAA,IAAeiB,EAAEtD,cACzC/D,EAAAA,EAAAA,KAAA,MAAIC,UAAU,SAAQH,UAAEsG,EAAAA,EAAAA,IAAeiB,EAAErD,cACzChE,EAAAA,EAAAA,KAAA,MAAIC,UAAU,SAAQH,UAClBE,EAAAA,EAAAA,KAAC2G,EAAAA,EAAY,CACTC,QAASC,GAAKA,EAAEC,OAAOC,SACvBC,kBAAmB,IACnBC,iBAAkB,IAClBzD,MAAO6D,EAAE1D,cACTuD,cAAgB1D,GAAUyB,EAAsBzB,EAAM2D,OAAOC,WAAYC,EAAGzC,SAd/EA,MAkBR5E,EAAAA,EAAAA,KAAA,MAAAF,UACDE,EAAAA,EAAAA,KAAA,MAAI2H,QAAQ,IAAG7H,UAACE,EAAAA,EAAAA,KAACT,EAAAA,EAAW,CAACG,KAAK,KAAKC,KAAK,kEAOpEK,EAAAA,EAAAA,KAAC4H,EAAAA,EAAW,CAAA9H,UACRC,EAAAA,EAAAA,MAAC8H,EAAAA,EAAM,CAACC,QAASzC,EAAM0C,MAAM,UAASjI,SAAA,EAACE,EAAAA,EAAAA,KAACgI,EAAAA,EAAW,CAACC,GAAG,UAASjI,EAAAA,EAAAA,KAAA,QAAMkI,MAAO,CAAEC,WAAY,GAAIrI,SAAC,yBAIhH,C","sources":["components/Empty/EmptyNoData.js","../.yarn/__virtual__/reactstrap-virtual-4c869ece7a/6/root/.yarn/berry/cache/reactstrap-npm-8.10.1-e3a658744a-10c0.zip/node_modules/reactstrap/es/Table.js","views/quan-ly-du-an/DuAn/TabThongTin/DuAnVatLieu/ThanhToan/PopupThanhToanDonHang.js"],"sourcesContent":["import React, { Component } from 'react'\nimport styled from 'styled-components'\n\nexport default class EmptyNoData extends Component {\n\n    render() {\n        const { size, text } = this.props\n        let children = <div>\n            <span className=\"text-center\"><i className=\"far fa-folder-open\"></i></span>\n            <span>{text || 'Không có dữ liệu'}</span>\n        </div>\n        switch (size) {\n            case 'sm':\n                return <EmptyContainerSmall>\n                    {children}\n                </EmptyContainerSmall>\n            case 'lg':\n                return <EmptyContainerLarge>\n                    {children}\n                </EmptyContainerLarge>\n            default:\n                return <EmptyContainerLarge>\n                    {children}\n                </EmptyContainerLarge>\n        }\n\n    }\n}\n\nconst EmptyContainerSmall = styled.div`\n    height: 110px;\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`\nconst EmptyContainerLarge = styled.div`\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`","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nvar _excluded = [\"className\", \"cssModule\", \"size\", \"bordered\", \"borderless\", \"striped\", \"dark\", \"hover\", \"responsive\", \"tag\", \"responsiveTag\", \"innerRef\"];\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { mapToCssModules, tagPropType } from './utils';\nvar propTypes = {\n  className: PropTypes.string,\n  cssModule: PropTypes.object,\n  size: PropTypes.string,\n  bordered: PropTypes.bool,\n  borderless: PropTypes.bool,\n  striped: PropTypes.bool,\n  dark: PropTypes.bool,\n  hover: PropTypes.bool,\n  responsive: PropTypes.oneOfType([PropTypes.bool, PropTypes.string]),\n  tag: tagPropType,\n  responsiveTag: tagPropType,\n  innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.string, PropTypes.object])\n};\nvar defaultProps = {\n  tag: 'table',\n  responsiveTag: 'div'\n};\n\nvar Table = function Table(props) {\n  var className = props.className,\n      cssModule = props.cssModule,\n      size = props.size,\n      bordered = props.bordered,\n      borderless = props.borderless,\n      striped = props.striped,\n      dark = props.dark,\n      hover = props.hover,\n      responsive = props.responsive,\n      Tag = props.tag,\n      ResponsiveTag = props.responsiveTag,\n      innerRef = props.innerRef,\n      attributes = _objectWithoutPropertiesLoose(props, _excluded);\n\n  var classes = mapToCssModules(classNames(className, 'table', size ? 'table-' + size : false, bordered ? 'table-bordered' : false, borderless ? 'table-borderless' : false, striped ? 'table-striped' : false, dark ? 'table-dark' : false, hover ? 'table-hover' : false), cssModule);\n  var table = /*#__PURE__*/React.createElement(Tag, _extends({}, attributes, {\n    ref: innerRef,\n    className: classes\n  }));\n\n  if (responsive) {\n    var responsiveClassName = mapToCssModules(responsive === true ? 'table-responsive' : \"table-responsive-\" + responsive, cssModule);\n    return /*#__PURE__*/React.createElement(ResponsiveTag, {\n      className: responsiveClassName\n    }, table);\n  }\n\n  return table;\n};\n\nTable.propTypes = propTypes;\nTable.defaultProps = defaultProps;\nexport default Table;","/* eslint-disable no-unused-vars */\nimport React, { useCallback, useEffect, useState } from 'react'\nimport { Button, Form, FormGroup, Label, Modal, ModalBody, ModalFooter, ModalHeader, Table } from 'reactstrap'\nimport { TOKEN_CLIENT_INFO } from '../../../../../../actions/types';\nimport { formatCurrency, formatDate, formatNumber } from '../../../../../../actions/util';\nimport { CHECK_ERROR, CHECK_SUCCESS } from '../../../../../../components/alert/Alert';\nimport EmptyNoData from '../../../../../../components/Empty/EmptyNoData';\nimport { FontAwesome } from '../../../../../../components/icon';\nimport NumberFormat from '../../../../../../components/numberformat/NumberFormat';\nimport { CuaHangVatLieusEndpoint, KhoanChisEndpoint } from '../../../../../../service/GDTCores';\n\nexport default function PopupThanhToanDonHang(props) {\n    const { IdDuAn, DonHangId, isOpen, isClose } = props;\n    const [dataKhoanChi, setDataKhoanChi] = useState([]);\n    const [dataThanhToanAll, setDataThanhToanAll] = useState({\n        TienThanhToanAll: 0\n    })\n    const [TongTienThanhToan, setTongTienThanhToan] = useState(0);\n\n    const formatData = (data) => {\n        let value = data.map(item => {\n            let TienThanhToan = 0;\n            item.ThanhToans.forEach(item => TienThanhToan += item.SoTien);\n            return {\n                ...item,\n                TienThanhToan: 0,\n                TienDaTra: TienThanhToan,\n                ThanhTien: item.KhoiLuong * item.DonGia\n            }\n        })\n        return value;\n    }\n\n    const getKhoanChi = useCallback(\n        (IdDuAn, DonHangId) => {\n            let filter = [];\n            filter.push(`Status eq true`);\n            filter.push(`DuAnId eq ${IdDuAn}`);\n            filter.push(`DuAnVatLieuId ne null`);\n            filter.push(`DonHangId eq ${DonHangId}`);\n            KhoanChisEndpoint.getKhoanChiByFilter(filter)\n                .then(res => {\n                    setDataKhoanChi(formatData(res.value).filter(f => f.TienDaTra !== f.ThanhTien));\n                })\n                .catch(err => CHECK_ERROR('Lỗi lấy dữ liệu khoản chi'))\n        },\n        [],\n    )\n\n    const onChangeTienThanhToanAll = useCallback(\n        (value, name) => {\n            let TienThanhToanAll = JSON.parse(JSON.stringify(value || 0))\n            for (let i = 0; i < dataKhoanChi.length; i++) {\n                let TienCanTra = dataKhoanChi[i].ThanhTien - dataKhoanChi[i].TienDaTra;\n                if (TienThanhToanAll >= TienCanTra) {\n                    dataKhoanChi[i].TienThanhToan = TienCanTra\n                    TienThanhToanAll -= TienCanTra\n                } else if (TienThanhToanAll < TienCanTra) {\n                    dataKhoanChi[i].TienThanhToan = TienThanhToanAll\n                    if (TienThanhToanAll !== 0)\n                        TienThanhToanAll = 0\n                }\n            }\n            setDataThanhToanAll((pre) => {\n                let dataTT = { ...pre }\n                let TongTienThanhToan = 0;\n                dataKhoanChi.forEach(item => TongTienThanhToan += (item.ThanhTien - item.TienDaTra))\n                if (value) {\n                    if (value >= TongTienThanhToan) {\n                        return { ...dataTT, [name]: TongTienThanhToan }\n                    } else {\n                        return { ...dataTT, [name]: value }\n                    }\n                } else {\n                    return { ...dataTT, [name]: 0 }\n                }\n            })\n        },\n        [dataKhoanChi],\n    )\n\n    const onChangeTienThanhToan = useCallback(\n        (value, item, index) => {\n            let itemChange = {\n                ...item,\n                TienThanhToan: changeTienThanhToan(value, item)\n            }\n            dataKhoanChi[index] = itemChange;\n            setDataKhoanChi([...dataKhoanChi])\n        },\n        [dataKhoanChi],\n    )\n\n    const changeTienThanhToan = (value, item) => {\n        if (value < item.ThanhTien - item.TienDaTra || !value) {\n            return (value || 0)\n        } else {\n            return item.ThanhTien - item.TienDaTra\n        }\n    }\n\n    const save = useCallback(\n        () => {\n            let model = {\n                NguoiThanhToan: TOKEN_CLIENT_INFO.Name,\n                VatLieus: dataKhoanChi.filter(f => f.TienThanhToan).map(item => {\n                    return {\n                        DuAnVatLieuId: item.DuAnVatLieuId,\n                        SoTien: item.TienThanhToan,\n                    }\n                })\n            }\n            CuaHangVatLieusEndpoint.thanhToanVatLieu(model)\n                .then(res => {\n                    isClose();\n                    CHECK_SUCCESS('Thanh toán thành công')\n                })\n                .catch(err => CHECK_ERROR('Thanh toán không thành công'))\n        },\n        [dataKhoanChi, isClose],\n    )\n\n    useEffect(() => {\n        let TongTienThanhToan = 0;\n        dataKhoanChi.forEach(item => TongTienThanhToan += (item.ThanhTien - item.TienDaTra));\n        setTongTienThanhToan(TongTienThanhToan)\n    }, [dataKhoanChi])\n\n    useEffect(() => {\n        getKhoanChi(IdDuAn, DonHangId)\n    }, [DonHangId, IdDuAn, getKhoanChi])\n\n    return (\n        <Modal className=\"popupThanhToanDonHang\" size=\"xl\" isOpen={isOpen} toggle={isClose} zIndex=\"1500\">\n            <ModalHeader toggle={isClose}>\n                <span>THANH TOÁN (Tổng tiền: {formatCurrency(TongTienThanhToan)})</span>\n            </ModalHeader>\n            <ModalBody>\n                <Form>\n                    <FormGroup row className=\"d-flex align-items-center\">\n                        <Label md=\"2\" className=\"title-popupThanhToan\">Tiền thanh toán: </Label>\n                        <Label md=\"3\" className=\"title-popupThanhToan\">\n                            <NumberFormat\n                                name=\"TienThanhToanAll\"\n                                onFocus={e => e.target.select()}\n                                thousandSeparator={'.'}\n                                decimalSeparator={','}\n                                value={dataThanhToanAll.TienThanhToanAll}\n                                onValueChange={(value) => onChangeTienThanhToanAll(value.values.floatValue, value.name)}\n                            />\n                        </Label>\n                    </FormGroup>\n                </Form>\n                <div className=\"table-thanhToan\">\n                    <Table bordered size=\"sm\">\n                        <thead>\n                            <tr>\n                                <th>STT</th>\n                                <th>Thời gian</th>\n                                <th>Vật liệu</th>\n                                <th>Số lượng</th>\n                                <th>Đơn giá</th>\n                                <th>Tiền đã thanh toán</th>\n                                <th>Thành tiền</th>\n                                <th>Tiền thanh toán</th>\n                            </tr>\n                        </thead>\n                        <tbody>\n                            {\n                                dataKhoanChi.length !== 0 ? dataKhoanChi.map((m, i) => (\n                                    <tr key={i}>\n                                        <td className=\"stt\">{i + 1}</td>\n                                        <td className=\"date\">{formatDate(m.ThoiGian)}</td>\n                                        <td className=\"text\">{m.DuAnVatLieu.DMVatLieu.Name}</td>\n                                        <td className=\"number\">{formatNumber(m.KhoiLuong)}</td>\n                                        <td className=\"number\">{formatCurrency(m.DonGia)}</td>\n                                        <td className=\"number\">{formatCurrency(m.TienDaTra)}</td>\n                                        <td className=\"number\">{formatCurrency(m.ThanhTien)}</td>\n                                        <td className=\"number\">\n                                            <NumberFormat\n                                                onFocus={e => e.target.select()}\n                                                thousandSeparator={'.'}\n                                                decimalSeparator={','}\n                                                value={m.TienThanhToan}\n                                                onValueChange={(value) => onChangeTienThanhToan(value.values.floatValue, m, i)}\n                                            />\n                                        </td>\n                                    </tr>\n                                )) : <tr>\n                                    <td colSpan=\"8\"><EmptyNoData size=\"sm\" text=\"Không có dữ liệu thanh toán\" /></td>\n                                </tr>\n                            }\n                        </tbody>\n                    </Table>\n                </div>\n            </ModalBody>\n            <ModalFooter>\n                <Button onClick={save} color=\"success\"><FontAwesome fa=\"save\" /><span style={{ marginLeft: 5 }}>Thanh toán</span></Button>\n            </ModalFooter>\n        </Modal>\n    )\n}\n"],"names":["EmptyNoData","Component","render","size","text","this","props","children","_jsxs","_jsx","className","EmptyContainerSmall","EmptyContainerLarge","styled","div","_excluded","propTypes","PropTypes","cssModule","bordered","borderless","striped","dark","hover","responsive","tag","tagPropType","responsiveTag","innerRef","Table","Tag","ResponsiveTag","attributes","_objectWithoutPropertiesLoose","classes","mapToCssModules","classNames","table","React","_extends","ref","responsiveClassName","defaultProps","PopupThanhToanDonHang","IdDuAn","DonHangId","isOpen","isClose","dataKhoanChi","setDataKhoanChi","useState","dataThanhToanAll","setDataThanhToanAll","TienThanhToanAll","TongTienThanhToan","setTongTienThanhToan","getKhoanChi","useCallback","filter","push","KhoanChisEndpoint","getKhoanChiByFilter","then","res","data","value","map","item","TienThanhToan","ThanhToans","forEach","SoTien","TienDaTra","ThanhTien","KhoiLuong","DonGia","f","catch","err","CHECK_ERROR","onChangeTienThanhToanAll","name","JSON","parse","stringify","i","length","TienCanTra","pre","dataTT","onChangeTienThanhToan","index","itemChange","changeTienThanhToan","save","model","NguoiThanhToan","TOKEN_CLIENT_INFO","Name","VatLieus","DuAnVatLieuId","CuaHangVatLieusEndpoint","thanhToanVatLieu","CHECK_SUCCESS","useEffect","Modal","toggle","zIndex","ModalHeader","formatCurrency","ModalBody","Form","FormGroup","row","Label","md","NumberFormat","onFocus","e","target","select","thousandSeparator","decimalSeparator","onValueChange","values","floatValue","m","formatDate","ThoiGian","DuAnVatLieu","DMVatLieu","formatNumber","colSpan","ModalFooter","Button","onClick","color","FontAwesome","fa","style","marginLeft"],"sourceRoot":""}