????
Your IP : 216.73.216.152
{"version":3,"file":"static/js/5331.ac8450fe.chunk.js","mappings":"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","sources":["views/quan-ly-du-an/DuAn/TabThongTin/KhoanChi/DanhMucKhoanChi/TableChiLuong.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","webpack://@qlxd/frontend/./src/views/quan-ly-du-an/DuAn/TabThongTin/KhoanChi/DanhMucKhoanChi/style.scss?42f8"],"sourcesContent":["import React, { Fragment, useCallback, useEffect, useMemo, useState } from 'react'\nimport { Card, CardBody, CardHeader, Row, Table } from 'reactstrap'\nimport { BangLuongEndpoint } from '../../../../../../service/GDTCores'\nimport { IconButton, InputBase } from '@material-ui/core';\nimport './style.scss'\nimport { MonthPicker } from '../../../../../../components/base/Input';\nimport { formatCurrency, removeVietnameseTones } from '../../../../../../actions/util';\n\nexport default function TableChiLuong({ IdDuAn }) {\n const [thang, setThang] = useState((new Date()).getMonth() + 1);\n const [nam, setNam] = useState((new Date()).getFullYear());\n const [dataBangLuong, setDataBangLuong] = useState(null)\n const [newDataBangLuong, setNewDataBangLuong] = useState([])\n\n\n const loadDataBangLuong = useCallback(async () => {\n let model = {\n Thang: thang,\n DuAnId: IdDuAn,\n Top: 10,\n }\n const { ResultObj } = await BangLuongEndpoint.groupLuongTheoDoi(model)\n setDataBangLuong(ResultObj)\n setNewDataBangLuong(ResultObj)\n }, [IdDuAn, thang])\n\n useEffect(() => {\n if (IdDuAn) {\n loadDataBangLuong()\n }\n }, [IdDuAn, loadDataBangLuong])\n\n const handleChangeSearch = (event) => {\n let value = removeVietnameseTones(event.target.value).toLowerCase().trim();\n const res = dataBangLuong.reduce((acc, a) => {\n const ch = a.children && a.children.filter(b => removeVietnameseTones(b.OrganName).toLowerCase().trim().includes(value));\n if (ch && ch.length) acc.push({ ...a, children: ch });\n else if (removeVietnameseTones(a.OrganName).toLowerCase().trim().includes(value)) acc.push({ ...a, OrganName: a.OrganName });\n return acc;\n }, []);\n setNewDataBangLuong(res)\n }\n\n const renderBody = useMemo(() => {\n return (<>\n {\n newDataBangLuong && newDataBangLuong.map((item, i) => {\n return <Fragment>\n <tr>\n <td>{item.OrganName}</td>\n <td style={{ textAlign: 'center' }}>{item.Thang}</td>\n <td style={{ textAlign: 'end' }}>{formatCurrency(item.TongLuong)}</td>\n </tr>\n </Fragment>\n })\n }\n </>)\n }, [newDataBangLuong])\n\n const selectedTime = useCallback(\n ({ year, month }) => {\n setThang(month);\n setNam(year);\n },\n [],\n )\n return (\n <div>\n <Card>\n <CardHeader className=\"headBangLuong\">\n <Row className=\"rowHead align-items-center w-100 pl-3\">\n <div className=\"w-25\">Khoản chi</div>\n <div className=\"w-75 d-flex justify-content-end\">\n <MonthPicker\n placeholder=\"Chọn tháng\"\n value={{ month: thang, year: nam }}\n valueType=\"object\"\n onChange={(value) => selectedTime(value)}\n />\n <InputBase\n className=\"divSearch\"\n style={{ color: 'white', width: 260 }}\n placeholder=\"Tìm kiếm\"\n onChange={(event) => handleChangeSearch(event)}\n />\n <IconButton type=\"submit\" disabled aria-label=\"search\" size=\"small\" style={{ color: 'white' }}>\n <i className=\"fas fa-search\"></i>\n </IconButton>\n </div>\n </Row>\n\n </CardHeader>\n <CardBody style={{ padding: 0 }}>\n <Table className=\"tableLuong\" size=\"sm\" bordered striped>\n <thead>\n <th>Tên đội</th>\n <th>Tháng</th>\n <th>Tổng chi lương</th>\n </thead>\n <tbody>\n {renderBody}\n </tbody>\n </Table>\n </CardBody>\n </Card>\n </div>\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;","// extracted by mini-css-extract-plugin\nexport default {};"],"names":["TableChiLuong","_ref","IdDuAn","thang","setThang","useState","Date","getMonth","nam","setNam","getFullYear","dataBangLuong","setDataBangLuong","newDataBangLuong","setNewDataBangLuong","loadDataBangLuong","useCallback","async","model","Thang","DuAnId","Top","ResultObj","BangLuongEndpoint","groupLuongTheoDoi","useEffect","renderBody","useMemo","_jsx","_Fragment","children","map","item","i","Fragment","_jsxs","OrganName","style","textAlign","formatCurrency","TongLuong","selectedTime","_ref2","year","month","Card","CardHeader","className","Row","MonthPicker","placeholder","value","valueType","onChange","InputBase","color","width","event","removeVietnameseTones","target","toLowerCase","trim","res","reduce","acc","a","ch","filter","b","includes","length","push","handleChangeSearch","IconButton","type","disabled","size","CardBody","padding","Table","bordered","striped","_excluded","propTypes","PropTypes","cssModule","borderless","dark","hover","responsive","tag","tagPropType","responsiveTag","innerRef","props","Tag","ResponsiveTag","attributes","_objectWithoutPropertiesLoose","classes","mapToCssModules","classNames","table","React","_extends","ref","responsiveClassName","defaultProps"],"sourceRoot":""}