\n {children}\n
\n );\n}\n\nCard.propTypes = {\n className: PropTypes.string,\n plain: PropTypes.bool,\n profile: PropTypes.bool,\n chart: PropTypes.bool,\n children: PropTypes.node,\n};\n","import {\n warningCardHeader,\n successCardHeader,\n dangerCardHeader,\n infoCardHeader,\n primaryCardHeader,\n roseCardHeader,\n otCardHeader,\n whiteColor,\n} from \"assets/jss/material-dashboard-react.js\";\n\nconst cardHeaderStyle = {\n cardHeader: {\n padding: \"0.75rem 1.25rem\",\n marginBottom: \"0\",\n borderBottom: \"none\",\n background: \"transparent\",\n zIndex: \"3 !important\",\n \"&$cardHeaderPlain,&$cardHeaderIcon,&$cardHeaderStats,&$warningCardHeader,&$successCardHeader,&$dangerCardHeader,&$infoCardHeader,&$primaryCardHeader,&$roseCardHeader,&$otCardHeader\": {\n margin: \"0 15px\",\n padding: \"0\",\n position: \"relative\",\n color: whiteColor,\n },\n \"&:first-child\": {\n borderRadius: \"calc(.25rem - 1px) calc(.25rem - 1px) 0 0\",\n },\n \"&$warningCardHeader,&$successCardHeader,&$dangerCardHeader,&$infoCardHeader,&$primaryCardHeader,&$roseCardHeader,&$otCardHeader\": {\n \"&:not($cardHeaderIcon)\": {\n borderRadius: \"3px\",\n marginTop: \"-20px\",\n padding: \"15px\",\n height: \"1.5vh\",\n },\n },\n \"&$cardHeaderStats svg\": {\n fontSize: \"36px\",\n lineHeight: \"56px\",\n textAlign: \"center\",\n width: \"36px\",\n height: \"36px\",\n margin: \"10px 10px 4px\",\n },\n \"&$cardHeaderStats i,&$cardHeaderStats .material-icons\": {\n fontSize: \"36px\",\n lineHeight: \"56px\",\n width: \"56px\",\n height: \"56px\",\n textAlign: \"center\",\n overflow: \"unset\",\n marginBottom: \"1px\",\n },\n \"&$cardHeaderStats$cardHeaderIcon\": {\n textAlign: \"left\",\n },\n },\n cardHeaderPlain: {\n marginLeft: \"0px !important\",\n marginRight: \"0px !important\",\n },\n cardHeaderStats: {\n \"& $cardHeaderIcon\": {\n textAlign: \"right\",\n },\n \"& h1,& h2,& h3,& h4,& h5,& h6\": {\n margin: \"0 !important\",\n },\n },\n cardHeaderIcon: {\n \"&$warningCardHeader,&$successCardHeader,&$dangerCardHeader,&$infoCardHeader,&$primaryCardHeader,&$roseCardHeader,&$otCardHeader\": {\n background: \"transparent\",\n boxShadow: \"none\",\n },\n \"& i,& .material-icons\": {\n width: \"33px\",\n height: \"33px\",\n textAlign: \"center\",\n lineHeight: \"33px\",\n },\n \"& svg\": {\n width: \"24px\",\n height: \"24px\",\n textAlign: \"center\",\n lineHeight: \"33px\",\n margin: \"5px 4px 0px\",\n },\n },\n cardHeaderIconot: {\n \"&$warningCardHeader,&$successCardHeader,&$dangerCardHeader,&$infoCardHeader,&$primaryCardHeader,&$roseCardHeader,&$otCardHeader\": {\n background: \"#170cc4\",\n boxShadow: \"none\",\n },\n \"& i,& .material-icons\": {\n width: \"33px\",\n height: \"33px\",\n textAlign: \"center\",\n lineHeight: \"33px\",\n },\n \"& svg\": {\n width: \"24px\",\n height: \"24px\",\n textAlign: \"center\",\n lineHeight: \"33px\",\n margin: \"5px 4px 0px\",\n },\n },\n warningCardHeader: {\n color: whiteColor,\n \"&:not($cardHeaderIcon)\": {\n ...warningCardHeader,\n },\n },\n successCardHeader: {\n color: whiteColor,\n \"&:not($cardHeaderIcon)\": {\n ...successCardHeader,\n },\n },\n dangerCardHeader: {\n color: whiteColor,\n \"&:not($cardHeaderIcon)\": {\n ...dangerCardHeader,\n },\n },\n infoCardHeader: {\n color: whiteColor,\n \"&:not($cardHeaderIcon)\": {\n ...infoCardHeader,\n },\n },\n primaryCardHeader: {\n color: whiteColor,\n \"&:not($cardHeaderIcon)\": {\n ...primaryCardHeader,\n },\n },\n roseCardHeader: {\n color: whiteColor,\n \"&:not($cardHeaderIconot)\": {\n ...roseCardHeader,\n },\n },\n otCardHeader: {\n color: whiteColor,\n \"&:not($cardHeaderIconot)\": {\n ...otCardHeader,\n },\n },\n};\n\nexport default cardHeaderStyle;\n","import React from \"react\";\n// nodejs library that concatenates classes\nimport classNames from \"classnames\";\n// nodejs library to set properties for components\nimport PropTypes from \"prop-types\";\n// @material-ui/core components\nimport { makeStyles } from \"@material-ui/core/styles\";\n// @material-ui/icons\n\n// core components\nimport styles from \"assets/jss/material-dashboard-react/components/cardHeaderStyle.js\";\n\nconst useStyles = makeStyles(styles);\n\nexport default function CardHeader(props) {\n const classes = useStyles();\n const { className, children, color, plain, stats, icon, ...rest } = props;\n const cardHeaderClasses = classNames({\n [classes.cardHeader]: true,\n [classes[color + \"CardHeader\"]]: color,\n [classes.cardHeaderPlain]: plain,\n [classes.cardHeaderStats]: stats,\n [classes.cardHeaderIcon]: icon,\n [className]: className !== undefined,\n });\n return (\n \n {children}\n
\n );\n}\n\nCardHeader.propTypes = {\n className: PropTypes.string,\n color: PropTypes.oneOf([\n \"warning\",\n \"success\",\n \"danger\",\n \"info\",\n \"primary\",\n \"rose\",\n ]),\n plain: PropTypes.bool,\n stats: PropTypes.bool,\n icon: PropTypes.bool,\n children: PropTypes.node,\n};\n","const cardBodyStyle = {\n cardBody: {\n padding: \"0.9375rem 20px\",\n flex: \"1 1 auto\",\n WebkitBoxFlex: \"1\",\n position: \"relative\",\n },\n cardBodyPlain: {\n paddingLeft: \"5px\",\n paddingRight: \"5px\",\n },\n cardBodyProfile: {\n marginTop: \"15px\",\n },\n};\n\nexport default cardBodyStyle;\n","import React from \"react\";\n// nodejs library that concatenates classes\nimport classNames from \"classnames\";\n// nodejs library to set properties for components\nimport PropTypes from \"prop-types\";\n// @material-ui/core components\nimport { makeStyles } from \"@material-ui/core/styles\";\n// @material-ui/icons\n\n// core components\nimport styles from \"assets/jss/material-dashboard-react/components/cardBodyStyle.js\";\n\nconst useStyles = makeStyles(styles);\n\nexport default function CardBody(props) {\n const classes = useStyles();\n const { className, children, plain, profile, ...rest } = props;\n const cardBodyClasses = classNames({\n [classes.cardBody]: true,\n [classes.cardBodyPlain]: plain,\n [classes.cardBodyProfile]: profile,\n [className]: className !== undefined,\n });\n return (\n \n {children}\n
\n );\n}\n\nCardBody.propTypes = {\n className: PropTypes.string,\n plain: PropTypes.bool,\n profile: PropTypes.bool,\n children: PropTypes.node,\n};\n","import { grayColor } from \"assets/jss/material-dashboard-react.js\";\n\nconst cardFooterStyle = {\n cardFooter: {\n padding: \"0\",\n paddingTop: \"10px\",\n margin: \"0 15px 10px\",\n borderRadius: \"0\",\n justifyContent: \"space-between\",\n alignItems: \"center\",\n display: \"flex\",\n backgroundColor: \"transparent\",\n border: \"0\",\n },\n cardFooterProfile: {\n marginTop: \"-15px\",\n },\n cardFooterPlain: {\n paddingLeft: \"5px\",\n paddingRight: \"5px\",\n backgroundColor: \"transparent\",\n },\n cardFooterStats: {\n borderTop: \"1px solid \" + grayColor[10],\n marginTop: \"20px\",\n \"& svg\": {\n position: \"relative\",\n top: \"4px\",\n marginRight: \"3px\",\n marginLeft: \"3px\",\n width: \"16px\",\n height: \"16px\",\n },\n \"& .fab,& .fas,& .far,& .fal,& .material-icons\": {\n fontSize: \"16px\",\n position: \"relative\",\n top: \"4px\",\n marginRight: \"3px\",\n marginLeft: \"3px\",\n },\n },\n cardFooterChart: {\n borderTop: \"1px solid \" + grayColor[10],\n },\n};\n\nexport default cardFooterStyle;\n","import React from \"react\";\n// nodejs library that concatenates classes\nimport classNames from \"classnames\";\n// nodejs library to set properties for components\nimport PropTypes from \"prop-types\";\n// @material-ui/core components\nimport { makeStyles } from \"@material-ui/core/styles\";\n// @material-ui/icons\n\n// core components\nimport styles from \"assets/jss/material-dashboard-react/components/cardFooterStyle.js\";\n\nconst useStyles = makeStyles(styles);\n\nexport default function CardFooter(props) {\n const classes = useStyles();\n const { className, children, plain, profile, stats, chart, ...rest } = props;\n const cardFooterClasses = classNames({\n [classes.cardFooter]: true,\n [classes.cardFooterPlain]: plain,\n [classes.cardFooterProfile]: profile,\n [classes.cardFooterStats]: stats,\n [classes.cardFooterChart]: chart,\n [className]: className !== undefined,\n });\n return (\n \n {children}\n
\n );\n}\n\nCardFooter.propTypes = {\n className: PropTypes.string,\n plain: PropTypes.bool,\n profile: PropTypes.bool,\n stats: PropTypes.bool,\n chart: PropTypes.bool,\n children: PropTypes.node,\n};\n","const conFig = {\n //backend: \"http://10.53.67.9:99\",\n //backend: \"http://localhost:59581\",\n //backend: \"https://api-qlvnns.vnptbinhdinh.vn:59586\",\n backend: \"https://api-qlvnns.vnptbinhdinh.vn\",\n linkbcquy:\n \"https://api-qlvnns.vnptbinhdinh.vn/api/QlFileThuMuc/DownloadFileBCquy?fileId=\",\n linkbcnam:\n \"https://api-qlvnns.vnptbinhdinh.vn/api/QlFileThuMuc/DownloadFileBCnam?fileId=\",\n linkdownload:\n \"https://api-qlvnns.vnptbinhdinh.vn/api/QlFileThuMuc/DownloadFile?fileid=bb9a1405-1890-4726-a87d-b4c8fd77d5ec\",\n};\n\nexport default conFig;\n","import {\n defaultFont,\n primaryBoxShadow,\n infoBoxShadow,\n successBoxShadow,\n warningBoxShadow,\n dangerBoxShadow,\n roseBoxShadow,\n whiteColor,\n blackColor,\n grayColor,\n infoColor,\n successColor,\n dangerColor,\n roseColor,\n primaryColor,\n warningColor,\n hexToRgb,\n} from \"assets/jss/material-dashboard-react.js\";\n\nconst snackbarContentStyle = {\n root: {\n ...defaultFont,\n flexWrap: \"unset\",\n position: \"relative\",\n padding: \"20px 15px\",\n lineHeight: \"20px\",\n marginBottom: \"20px\",\n fontSize: \"14px\",\n backgroundColor: whiteColor,\n color: grayColor[7],\n borderRadius: \"3px\",\n minWidth: \"unset\",\n maxWidth: \"unset\",\n boxShadow:\n \"0 12px 20px -10px rgba(\" +\n hexToRgb(whiteColor) +\n \", 0.28), 0 4px 20px 0px rgba(\" +\n hexToRgb(blackColor) +\n \", 0.12), 0 7px 8px -5px rgba(\" +\n hexToRgb(whiteColor) +\n \", 0.2)\",\n },\n top20: {\n top: \"20px\",\n },\n top40: {\n top: \"40px\",\n },\n info: {\n backgroundColor: infoColor[3],\n color: whiteColor,\n ...infoBoxShadow,\n },\n success: {\n backgroundColor: successColor[3],\n color: whiteColor,\n ...successBoxShadow,\n },\n warning: {\n backgroundColor: warningColor[3],\n color: whiteColor,\n ...warningBoxShadow,\n },\n danger: {\n backgroundColor: dangerColor[3],\n color: whiteColor,\n ...dangerBoxShadow,\n },\n primary: {\n backgroundColor: primaryColor[3],\n color: whiteColor,\n ...primaryBoxShadow,\n },\n rose: {\n backgroundColor: roseColor[3],\n color: whiteColor,\n ...roseBoxShadow,\n },\n message: {\n padding: \"0\",\n display: \"block\",\n maxWidth: \"89%\",\n },\n close: {\n width: \"11px\",\n height: \"11px\",\n },\n iconButton: {\n width: \"24px\",\n height: \"24px\",\n padding: \"0px\",\n },\n icon: {\n display: \"block\",\n left: \"15px\",\n position: \"absolute\",\n top: \"50%\",\n marginTop: \"-15px\",\n width: \"30px\",\n height: \"30px\",\n },\n infoIcon: {\n color: infoColor[3],\n },\n successIcon: {\n color: successColor[3],\n },\n warningIcon: {\n color: warningColor[3],\n },\n dangerIcon: {\n color: dangerColor[3],\n },\n primaryIcon: {\n color: primaryColor[3],\n },\n roseIcon: {\n color: roseColor[3],\n },\n iconMessage: {\n paddingLeft: \"50px\",\n display: \"block\",\n },\n actionRTL: {\n marginLeft: \"-8px\",\n marginRight: \"auto\",\n },\n};\n\nexport default snackbarContentStyle;\n","import React from \"react\";\nimport classNames from \"classnames\";\nimport PropTypes from \"prop-types\";\n// @material-ui/core components\nimport { makeStyles } from \"@material-ui/core/styles\";\nimport Snack from \"@material-ui/core/Snackbar\";\nimport IconButton from \"@material-ui/core/IconButton\";\n// @material-ui/icons\nimport Close from \"@material-ui/icons/Close\";\n// core components\nimport styles from \"assets/jss/material-dashboard-react/components/snackbarContentStyle.js\";\n\nconst useStyles = makeStyles(styles);\n\nexport default function Snackbar(props) {\n const classes = useStyles();\n const { message, color, close, icon, place, open, rtlActive } = props;\n var action = [];\n const messageClasses = classNames({\n [classes.iconMessage]: icon !== undefined,\n });\n if (close !== undefined) {\n action = [\n \n {children}\n
\n );\n}\n\nCardHeader.propTypes = {\n className: PropTypes.string,\n color: PropTypes.oneOf([\n \"warning\",\n \"success\",\n \"danger\",\n \"info\",\n \"primary\",\n \"rose\",\n \"ot\",\n ]),\n plain: PropTypes.bool,\n stats: PropTypes.bool,\n icon: PropTypes.bool,\n children: PropTypes.node,\n};\n","import {\n primaryColor,\n whiteColor,\n primaryBoxShadow,\n defaultFont,\n blackColor,\n grayColor,\n hexToRgb,\n} from \"assets/jss/material-dashboard-react.js\";\n\nconst dropdownStyle = (theme) => ({\n buttonLink: {\n [theme.breakpoints.down(\"md\")]: {\n display: \"flex\",\n marginLeft: \"30px\",\n width: \"auto\",\n },\n },\n links: {\n width: \"20px\",\n height: \"20px\",\n zIndex: \"4\",\n [theme.breakpoints.down(\"md\")]: {\n display: \"block\",\n width: \"30px\",\n height: \"30px\",\n color: grayColor[9],\n marginRight: \"15px\",\n },\n },\n linkText: {\n zIndex: \"4\",\n ...defaultFont,\n fontSize: \"14px\",\n },\n popperClose: {\n pointerEvents: \"none\",\n },\n popperResponsive: {\n [theme.breakpoints.down(\"md\")]: {\n zIndex: \"1640\",\n position: \"static\",\n float: \"none\",\n width: \"auto\",\n marginTop: \"0\",\n backgroundColor: \"transparent\",\n border: \"0\",\n WebkitBoxShadow: \"none\",\n boxShadow: \"none\",\n color: \"black\",\n },\n },\n popperNav: {\n [theme.breakpoints.down(\"sm\")]: {\n position: \"static !important\",\n left: \"unset !important\",\n top: \"unset !important\",\n transform: \"none !important\",\n willChange: \"unset !important\",\n \"& > div\": {\n boxShadow: \"none !important\",\n marginLeft: \"0rem\",\n marginRight: \"0rem\",\n transition: \"none !important\",\n marginTop: \"0px !important\",\n marginBottom: \"0px !important\",\n padding: \"0px !important\",\n backgroundColor: \"transparent !important\",\n \"& ul li\": {\n color: whiteColor + \" !important\",\n margin: \"10px 15px 0!important\",\n padding: \"10px 15px !important\",\n \"&:hover\": {\n backgroundColor: \"hsla(0,0%,78%,.2)\",\n boxShadow: \"none\",\n },\n },\n },\n },\n },\n dropdown: {\n borderRadius: \"3px\",\n border: \"0\",\n boxShadow: \"0 2px 5px 0 rgba(\" + hexToRgb(blackColor) + \", 0.26)\",\n top: \"100%\",\n zIndex: \"1000\",\n minWidth: \"160px\",\n padding: \"5px 0\",\n margin: \"2px 0 0\",\n fontSize: \"14px\",\n textAlign: \"left\",\n listStyle: \"none\",\n backgroundColor: whiteColor,\n WebkitBackgroundClip: \"padding-box\",\n backgroundClip: \"padding-box\",\n },\n dropdownItem: {\n ...defaultFont,\n fontSize: \"13px\",\n padding: \"10px 20px\",\n margin: \"0 5px\",\n borderRadius: \"2px\",\n WebkitTransition: \"all 150ms linear\",\n MozTransition: \"all 150ms linear\",\n OTransition: \"all 150ms linear\",\n MsTransition: \"all 150ms linear\",\n transition: \"all 150ms linear\",\n display: \"block\",\n clear: \"both\",\n fontWeight: \"400\",\n lineHeight: \"1.42857143\",\n color: grayColor[8],\n whiteSpace: \"nowrap\",\n height: \"unset\",\n minHeight: \"unset\",\n \"&:hover\": {\n backgroundColor: primaryColor[0],\n color: whiteColor,\n ...primaryBoxShadow,\n },\n },\n});\n\nexport default dropdownStyle;\n","import {\n defaultFont,\n dangerColor,\n whiteColor,\n} from \"assets/jss/material-dashboard-react.js\";\n\nimport dropdownStyle from \"assets/jss/material-dashboard-react/dropdownStyle.js\";\n\nconst headerLinksStyle = (theme) => ({\n ...dropdownStyle(theme),\n search: {\n \"& > div\": {\n marginTop: \"0\",\n },\n [theme.breakpoints.down(\"sm\")]: {\n margin: \"10px 15px !important\",\n float: \"none !important\",\n paddingTop: \"1px\",\n paddingBottom: \"1px\",\n padding: \"0!important\",\n width: \"60%\",\n marginTop: \"40px\",\n \"& input\": {\n color: whiteColor,\n },\n },\n },\n linkText: {\n zIndex: \"4\",\n ...defaultFont,\n fontSize: \"14px\",\n margin: \"0px\",\n },\n buttonLink: {\n [theme.breakpoints.down(\"sm\")]: {\n display: \"flex\",\n margin: \"10px 15px 0\",\n width: \"-webkit-fill-available\",\n \"& svg\": {\n width: \"24px\",\n height: \"30px\",\n marginRight: \"15px\",\n marginLeft: \"-15px\",\n },\n \"& .fab,& .fas,& .far,& .fal,& .material-icons\": {\n fontSize: \"24px\",\n lineHeight: \"30px\",\n width: \"24px\",\n height: \"30px\",\n marginRight: \"15px\",\n marginLeft: \"-15px\",\n },\n \"& > span\": {\n justifyContent: \"flex-start\",\n width: \"100%\",\n },\n },\n },\n searchButton: {\n [theme.breakpoints.down(\"sm\")]: {\n top: \"-50px !important\",\n marginRight: \"22px\",\n float: \"right\",\n },\n },\n margin: {\n zIndex: \"4\",\n margin: \"0\",\n },\n searchIcon: {\n width: \"17px\",\n zIndex: \"4\",\n },\n notifications: {\n zIndex: \"4\",\n [theme.breakpoints.up(\"md\")]: {\n position: \"absolute\",\n top: \"2px\",\n border: \"1px solid \" + whiteColor,\n right: \"4px\",\n fontSize: \"9px\",\n background: dangerColor[0],\n color: whiteColor,\n minWidth: \"16px\",\n height: \"16px\",\n borderRadius: \"10px\",\n textAlign: \"center\",\n lineHeight: \"16px\",\n verticalAlign: \"middle\",\n display: \"block\",\n },\n [theme.breakpoints.down(\"sm\")]: {\n ...defaultFont,\n fontSize: \"14px\",\n marginRight: \"8px\",\n },\n },\n manager: {\n [theme.breakpoints.down(\"sm\")]: {\n width: \"100%\",\n },\n display: \"inline-block\",\n //marginRight: \"50px\",\n },\n searchWrapper: {\n [theme.breakpoints.down(\"sm\")]: {\n width: \"-webkit-fill-available\",\n margin: \"10px 15px 0\",\n },\n display: \"inline-block\",\n },\n btn_icon: {\n width: \"calc(40px + 2vw)\",\n float: \"left\",\n position: \"relative\",\n cursor: \"pointer\",\n height: \"40px\",\n },\n img_danger: {\n width: \"90%\",\n height: \"90%\",\n marginTop: \"12px\",\n marginLeft: \"5px\",\n fontSize: \"20px\",\n },\n name: {\n marginTop: \"5px\",\n fontSize: \"12px\",\n fontWeight: \"500\",\n color: \"#d900d2\",\n },\n icons: {\n marginTop: \"12px\",\n fontSize: \"20px\",\n fontWeight: \"800\",\n },\n});\n\nexport default headerLinksStyle;\n","import React from \"react\";\nimport classNames from \"classnames\";\n// @material-ui/core components\nimport { makeStyles } from \"@material-ui/core/styles\";\nimport {\n DataGrid,\n GridToolbarQuickFilter,\n GridLinkOperator,\n gridClasses,\n} from \"@mui/x-data-grid\";\nimport MenuItem from \"@material-ui/core/MenuItem\";\nimport MenuList from \"@material-ui/core/MenuList\";\nimport Grow from \"@material-ui/core/Grow\";\nimport Paper from \"@material-ui/core/Paper\";\nimport ClickAwayListener from \"@material-ui/core/ClickAwayListener\";\nimport Poppers from \"@material-ui/core/Popper\";\nimport Divider from \"@material-ui/core/Divider\";\nimport Button from \"components/CustomButtons/Button.js\";\nimport Modal from \"@mui/material/Modal\";\nimport GridItemLogin from \"components/Grid/GridItemLogin.js\";\nimport GridItem from \"components/Grid/GridItem.js\";\nimport GridContainer from \"components/Grid/GridContainer.js\";\nimport PasswordInput from \"components/CustomInput/PasswordInput.js\";\nimport FormControl from \"@mui/material/FormControl\";\nimport Card from \"components/Card/Card.js\";\nimport CardHeader from \"components/Card/CardHeadertab.js\";\nimport CardBody from \"components/Card/CardBody.js\";\nimport CardFooter from \"components/Card/CardFooter.js\";\nimport Snackbar from \"components/Snackbar/Snackbar.js\";\nimport AddAlert from \"@material-ui/icons/AddAlert\";\nimport CloseIcon from \"@mui/icons-material/Close\";\nimport Box from \"@mui/material/Box\";\nimport Config from \"conFig.js\";\nimport ArrowDropDownIcon from \"@mui/icons-material/ArrowDropDown\";\nimport Notifications from \"@material-ui/icons/Notifications\";\nimport CheckCircleIcon from \"@mui/icons-material/CheckCircle\";\nimport Typography from \"@mui/material/Typography\";\nconst datagridSx = {\n [`& .${gridClasses.cell}`]: {\n py: 1,\n },\n [`& .center`]: {\n justifyContent: \"center !important\",\n },\n borderRadius: 2,\n \"& .MuiDataGrid-main\": { borderRadius: 2 },\n \"& .MuiDataGrid-virtualScrollerRenderZone\": {\n \"& .MuiDataGrid-row\": {\n \"&:nth-of-type(2n)\": { backgroundColor: \"rgba(235, 235, 235, .7)\" },\n },\n },\n \"& .MuiDataGrid-columnHeaders\": {\n backgroundColor: \"rgba(0,0,255,0.6)\",\n color: \"rgb(255 255 255)\",\n fontSize: 16,\n },\n \"& .MuiInputBase-root\": {\n height: \"25px\",\n },\n};\nconst newline = (text) => {\n if (text) {\n let newText = text\n .split(\"\\\\n\")\n .map((str, i) => (\n \n {str\n .replace(/&/g, \"&\")\n .replace(/</g, \"<\")\n .replace(/>/g, \">\")}\n \n ));\n return newText;\n }\n};\nconst canhbaocolumns = [\n {\n field: \"stt\",\n headerName: \"STT\",\n width: 90,\n headerAlign: \"center\",\n cellClassName: \"center\",\n },\n {\n field: \"maduan\",\n headerName: \"Mã dự án\",\n width: 170,\n headerAlign: \"center\",\n cellClassName: \"center\",\n },\n {\n field: \"tenduan\",\n headerName: \"Tên dự án\",\n width: 250,\n headerAlign: \"center\",\n },\n {\n field: \"chudautu\",\n headerName: \"Chủ đầu tư\",\n width: 250,\n headerAlign: \"center\",\n renderCell: (params) => {\n if (params.value) {\n return {newline(params.value)}
;\n }\n },\n },\n {\n field: \"tinhtrangtiendo\",\n headerName: \"Tình trạng\",\n width: 200,\n headerAlign: \"center\",\n },\n];\nimport styles from \"assets/jss/material-dashboard-react/components/headerLinksStyle.js\";\n\nconst useStyles = makeStyles(styles);\nexport default function AdminNavbarLinks() {\n const classes = useStyles();\n const token = localStorage.getItem(\"token\");\n const name = localStorage.getItem(\"name\");\n const [thongbao, setThongbao] = React.useState(0);\n const [thongbaolist, setThongbaolist] = React.useState([]);\n const [openProfile, setOpenProfile] = React.useState(null);\n const [open, setOpen] = React.useState(false);\n const [opencanhbao, setOpencanhbao] = React.useState(false);\n const [oldpassword, setOldpassword] = React.useState(null);\n const [newpassword, setNewpassword] = React.useState(null);\n const [newpasswordagain, setNewpasswordagain] = React.useState(null);\n const [isStrongPass, setIsStrongPass] = React.useState(false);\n const [alert, setAlert] = React.useState(false);\n const [alert2, setAlert2] = React.useState(false);\n const [alert3, setAlert3] = React.useState(false);\n const [alert4, setAlert4] = React.useState(false);\n const [alert5, setAlert5] = React.useState(false);\n const handleClose = () => setOpen(false);\n const handleClosecanhbao = () => setOpencanhbao(false);\n const handleClickProfile = (event) => {\n if (openProfile && openProfile.contains(event.target)) {\n setOpenProfile(null);\n } else {\n setOpenProfile(event.currentTarget);\n }\n };\n const handleCloseProfile = () => {\n setOpenProfile(null);\n };\n const change_password = () => {\n setOpen(true);\n };\n const setoldpass = (value) => {\n setOldpassword(value);\n };\n const setnewpass = (value) => {\n setNewpassword(value);\n };\n const setnewpassagain = (value) => {\n setNewpasswordagain(value);\n };\n const quickSearchToolbar = () => {\n return (\n \n
\n \n );\n}\n","import React from \"react\";\nimport classNames from \"classnames\";\nimport PropTypes from \"prop-types\";\n// @material-ui/core components\nimport { makeStyles } from \"@material-ui/core/styles\";\nimport FormControl from \"@material-ui/core/FormControl\";\nimport InputLabel from \"@material-ui/core/InputLabel\";\nimport Input from \"@material-ui/core/Input\";\n// @material-ui/icons\nimport Clear from \"@material-ui/icons/Clear\";\nimport Check from \"@material-ui/icons/Check\";\n// core components\nimport styles from \"assets/jss/material-dashboard-react/components/customInputStyle.js\";\n\nconst useStyles = makeStyles(styles);\n\nexport default function CustomInput(props) {\n const classes = useStyles();\n const {\n formControlProps,\n labelText,\n id,\n labelProps,\n inputProps,\n error,\n success,\n rtlActive,\n } = props;\n\n const labelClasses = classNames({\n [\" \" + classes.labelRootError]: error,\n [\" \" + classes.labelRootSuccess]: success && !error,\n [\" \" + classes.labelRTL]: rtlActive,\n });\n const underlineClasses = classNames({\n [classes.underlineError]: error,\n [classes.underlineSuccess]: success && !error,\n [classes.underline]: true,\n });\n const marginTop = classNames({\n [classes.marginTop]: labelText === undefined,\n });\n let newInputProps = {\n maxLength:\n inputProps && inputProps.maxLength ? inputProps.maxLength : undefined,\n minLength:\n inputProps && inputProps.minLength ? inputProps.minLength : undefined,\n step: inputProps && inputProps.step ? inputProps.step : undefined,\n };\n return (\n \n \n \n {thongbao === 0 ? (\n \n \n \n {thongbao}\n \n \n 959 ? \"transparent\" : \"white\"}\n //justIcon={window.innerWidth > 959}\n simple={!(window.innerWidth > 959)}\n aria-owns={openProfile ? \"profile-menu-list-grow\" : null}\n aria-haspopup=\"true\"\n onClick={handleClickProfile}\n className={classes.buttonLink}\n >\n {name}\n \n {({ TransitionProps, placement }) => (\n \n \n \n \n \n Đổi mật khẩu\n \n \n Đăng xuất\n \n \n Hướng dẫn sử dụng\n \n \n \n \n \n )}\n \n \n \n \n \n \n \n \n
\n \n \n \n \n \n \n \n \n \n \n Đổi mật khẩu\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n Mật khẩu phải có độ dài tối thiểu 8 ký tự bao gồm ký\n tự đặc biệt, chữ in hoa, chữ in thường và số\n \n \n \n \n \n \n \n \n \n setAlert(false)}\n close\n />\n \n \n \n \n setAlert2(false)}\n close\n />\n \n \n \n \n setAlert3(false)}\n close\n />\n \n \n \n \n setAlert3(false)}\n close\n />\n \n \n \n \n setAlert5(false)}\n close\n />\n \n \n \n \n \n \n \n \n \n
\n \n \n \n \n \n \n \n \n \n row.stt}\n rows={thongbaolist}\n columns={canhbaocolumns}\n rowsPerPageOptions={[]}\n getRowHeight={() => \"auto\"}\n checkboxSelection={false}\n headerHeight={35}\n sx={datagridSx}\n initialState={{\n filter: {\n filterModel: {\n items: [],\n quickFilterLogicOperator: GridLinkOperator.Or,\n },\n },\n }}\n components={{ Toolbar: quickSearchToolbar }}\n />\n
\n \n \n \n \n \n \n 959 ? \"transparent\" : \"white\"}\n justIcon={window.innerWidth > 959}\n simple={!(window.innerWidth > 959)}\n aria-label=\"Dashboard\"\n className={classes.buttonLink}\n >\n \n \n \n 959 ? \"transparent\" : \"white\"}\n justIcon={window.innerWidth > 959}\n simple={!(window.innerWidth > 959)}\n aria-label=\"Person\"\n className={classes.buttonLink}\n >\n \n \n \n
\n );\n}\n","import {\n warningCardHeader,\n successCardHeader,\n dangerCardHeader,\n infoCardHeader,\n primaryCardHeader,\n roseCardHeader,\n grayColor,\n} from \"assets/jss/material-dashboard-react.js\";\n\nconst cardIconStyle = {\n cardIcon: {\n \"&$warningCardHeader,&$successCardHeader,&$dangerCardHeader,&$infoCardHeader,&$primaryCardHeader,&$roseCardHeader\": {\n borderRadius: \"3px\",\n backgroundColor: grayColor[0],\n padding: \"15px\",\n marginTop: \"-20px\",\n marginRight: \"15px\",\n float: \"left\",\n },\n },\n warningCardHeader,\n successCardHeader,\n dangerCardHeader,\n infoCardHeader,\n primaryCardHeader,\n roseCardHeader,\n};\n\nexport default cardIconStyle;\n","import React from \"react\";\n// nodejs library that concatenates classes\nimport classNames from \"classnames\";\n// nodejs library to set properties for components\nimport PropTypes from \"prop-types\";\n// @material-ui/core components\nimport { makeStyles } from \"@material-ui/core/styles\";\n// @material-ui/icons\n\n// core components\nimport styles from \"assets/jss/material-dashboard-react/components/cardIconStyle.js\";\n\nconst useStyles = makeStyles(styles);\n\nexport default function CardIcon(props) {\n const classes = useStyles();\n const { className, children, color, ...rest } = props;\n const cardIconClasses = classNames({\n [classes.cardIcon]: true,\n [classes[color + \"CardHeader\"]]: color,\n [className]: className !== undefined,\n });\n return (\n \n
\n آمارها
\n\n 959 ? \"transparent\" : \"white\"}\n justIcon={window.innerWidth > 959}\n simple={!(window.innerWidth > 959)}\n aria-owns={open ? \"menu-list-grow\" : null}\n aria-haspopup=\"true\"\n onClick={handleToggle}\n className={classes.buttonLink}\n >\n \n \n \n \n {({ TransitionProps, placement }) => (\n \n \n \n \n \n محمدرضا به ایمیل شما پاسخ داد\n \n \n شما ۵ وظیفه جدید دارید\n \n \n از حالا شما با علیرضا دوست هستید\n \n \n اعلان دیگر\n \n \n اعلان دیگر\n \n \n \n \n \n )}\n \n
\n \n اعلانها\n
\nحساب کاربری
\n\n {children}\n
\n );\n}\n\nCardIcon.propTypes = {\n className: PropTypes.string,\n color: PropTypes.oneOf([\n \"warning\",\n \"success\",\n \"danger\",\n \"info\",\n \"primary\",\n \"rose\",\n ]),\n children: PropTypes.node,\n};\n","import React from \"react\";\nimport { Chart } from \"react-google-charts\";\nimport PropTypes from \"prop-types\";\nimport Config from \"conFig.js\";\nconst Kkt_kcn_ccn = React.memo(function Kkt_kcn_ccn(props) {\n const { tungay, denngay } = props;\n const [duanccn, setDuanccn] = React.useState(0);\n const [vonccn, seVonccn] = React.useState(0);\n const [duankkt, setDuankkt] = React.useState(0);\n const [vonkkt, seVonkkt] = React.useState(0);\n const [duanngoaikkt, setDuanngoaikkt] = React.useState(0);\n const [vonngoaikkt, seVonngoaikkt] = React.useState(0);\n var username = localStorage.getItem(\"username\");\n const token = localStorage.getItem(\"token\");\n var obj = {\n method: \"GET\",\n headers: {\n Accept: \"application/json\",\n \"Content-Type\": \"application/json\",\n Authorization: \"Bearer \" + token,\n },\n };\n const getccn = () => {\n var tu =\n tungay.$y +\n \"-\" +\n String(tungay.$M + 1).padStart(2, \"0\") +\n \"-\" +\n tungay.$D;\n var den =\n denngay.$y +\n \"-\" +\n String(denngay.$M + 1).padStart(2, \"0\") +\n \"-\" +\n denngay.$D;\n var url =\n Config.backend +\n \"/api/DuanChuDauTu/gettongduanthangkhuvucdautu?tungay=\" +\n tu +\n \"&denngay=\" +\n den +\n \"&tinhtrangduan_id=2\" +\n \"&khuvucdautu_id=\" +\n 3 +\n \"&username=\" +\n username;\n fetch(url, obj)\n .then((res) => res.json())\n .then((data) => {\n if (data) {\n setDuanccn(data[0].soduan);\n seVonccn(data[0].tongvon.toLocaleString(\"de-DE\"));\n }\n })\n .catch((error) => {\n console.error(\"Error fetching data: \", error);\n });\n };\n const getkkt = () => {\n var tu =\n tungay.$y +\n \"-\" +\n String(tungay.$M + 1).padStart(2, \"0\") +\n \"-\" +\n tungay.$D;\n var den =\n denngay.$y +\n \"-\" +\n String(denngay.$M + 1).padStart(2, \"0\") +\n \"-\" +\n denngay.$D;\n var url =\n Config.backend +\n \"/api/DuanChuDauTu/gettongduanthangkhuvucdautu?tungay=\" +\n tu +\n \"&denngay=\" +\n den +\n \"&tinhtrangduan_id=2\" +\n \"&khuvucdautu_id=\" +\n 5 +\n \"&username=\" +\n username;\n fetch(url, obj)\n .then((res) => res.json())\n .then((data) => {\n if (data) {\n setDuankkt(data[0].soduan);\n seVonkkt(data[0].tongvon.toLocaleString(\"de-DE\"));\n }\n })\n .catch((error) => {\n console.error(\"Error fetching data: \", error);\n });\n };\n const getngoaikkt = () => {\n var tu =\n tungay.$y +\n \"-\" +\n String(tungay.$M + 1).padStart(2, \"0\") +\n \"-\" +\n tungay.$D;\n var den =\n denngay.$y +\n \"-\" +\n String(denngay.$M + 1).padStart(2, \"0\") +\n \"-\" +\n denngay.$D;\n var url =\n Config.backend +\n \"/api/DuanChuDauTu/gettongduanthangkhuvucdautu?tungay=\" +\n tu +\n \"&denngay=\" +\n den +\n \"&tinhtrangduan_id=2\" +\n \"&khuvucdautu_id=\" +\n 4 +\n \"&username=\" +\n username;\n fetch(url, obj)\n .then((res) => res.json())\n .then((data) => {\n if (data) {\n setDuanngoaikkt(data[0].soduan);\n seVonngoaikkt(data[0].tongvon.toLocaleString(\"de-DE\"));\n }\n })\n .catch((error) => {\n console.error(\"Error fetching data: \", error);\n });\n };\n const data = [\n [\"Task\", \"Tỷ lệ\"],\n [\"Trong KKT, KCN (\" + duankkt + \" dự án/ \" + vonkkt + \" VNĐ)\", duankkt],\n [\"Trong CCN (\" + duanccn + \" dự án/ \" + vonccn + \" VNĐ)\", duanccn],\n [\n \"Ngoài KKT, KCN, CCN (\" +\n duanngoaikkt +\n \" dự án/ \" +\n vonngoaikkt +\n \" VNĐ)\",\n duanngoaikkt,\n ],\n ];\n React.useEffect(() => {\n getccn();\n getkkt();\n getngoaikkt();\n }, [tungay, denngay]);\n return (\n \n
\n );\n});\nThongkediabancot.propTypes = {\n tungay: PropTypes.object,\n denngay: PropTypes.object,\n};\nexport default Thongkediabancot;\n","const ChucnangStyle = () => ({\n card_body_slst: {\n width: \"95%\",\n height: \"450px\",\n \"@global\": {\n \"*::-webkit-scrollbar\": {\n width: \"0.7em\",\n height: \"0.8em\",\n },\n \"*::-webkit-scrollbar-track\": {\n \"-webkit-box-shadow\": \"inset 0 0 6px rgba(0,0,0,0.00)\",\n },\n \"*::-webkit-scrollbar-thumb\": {\n backgroundColor: \"rgba(0,0,0,.2)\",\n outline: \"1px solid slategrey\",\n },\n },\n },\n table: {\n width: \"100%\",\n height: \"96%\",\n fontSize: \"0.85vw\",\n overflowY: \"auto\",\n overflowX: \"hidden\",\n },\n tabledb: {\n textAlign: \"center\",\n width: \"98%\",\n marginLeft: \"5px\",\n marginRight: \"5px\",\n fontSize: \"0.85vw\",\n borderSpacing: \"0\",\n borderCollapse: \"collapse\",\n marginTop: \"5px\",\n },\n tabledb_th: {\n border: \"1px solid #4f7edb\",\n color: \"#fff\",\n },\n tabledb_ct_th: {\n border: \"1px solid #006457\",\n },\n tabledb_td: {\n border: \"1px solid #4f7edb\",\n color: \"#00ec00\",\n fontWeight: \"700\",\n textAlign: \"left\",\n cursor: \"pointer\",\n \"&:hover\": {\n backgroundColor: \"blue\",\n },\n },\n tabledb_td_ptgt: {\n border: \"1px solid #4f7edb\",\n color: \"#ccca00\",\n fontWeight: \"700\",\n textAlign: \"left\",\n cursor: \"pointer\",\n \"&:hover\": {\n backgroundColor: \"blue\",\n },\n paddingLeft: 7,\n },\n tabledb_ct_td: {\n border: \"1px solid #003f88\",\n color: \"#006457\",\n fontWeight: \"700\",\n textAlign: \"left\",\n },\n tabledb_td_number: {\n border: \"1px solid #4f7edb\",\n color: \"#00ec00\",\n fontWeight: \"700\",\n textAlign: \"right\",\n },\n tabledb_td_number_ptgt: {\n border: \"1px solid #4f7edb\",\n color: \"#ccca00\",\n fontWeight: \"700\",\n textAlign: \"right\",\n },\n chuaht_td_number: {\n border: \"1px solid #4f7edb\",\n color: \"red\",\n fontWeight: \"700\",\n textAlign: \"center\",\n },\n tablechuaht_td_number: {\n border: \"1px solid #4f7edb\",\n color: \"#ec0007\",\n fontWeight: \"700\",\n textAlign: \"center\",\n },\n tabledb_ct_td_number: {\n border: \"1px solid #003f88\",\n color: \"#006457\",\n fontWeight: \"700\",\n textAlign: \"right\",\n },\n tabledb_ct_td_click: {\n border: \"1px solid #003f88\",\n color: \"#00ec00\",\n fontWeight: \"700\",\n textAlign: \"right\",\n cursor: \"pointer\",\n \"&:hover\": {\n backgroundColor: \"blue\",\n },\n },\n tabledb_td_cap: {\n border: \"1px solid #4f7edb\",\n color: \"#ff9e00\",\n fontWeight: \"700\",\n textAlign: \"left\",\n },\n tabledb_td_cap_number: {\n border: \"1px solid #4f7edb\",\n color: \"#ff9e00\",\n fontWeight: \"700\",\n textAlign: \"right\",\n },\n tooltip: {\n fontWeight: \"400\",\n textAlign: \"center\",\n fontSize: \"1vw\",\n color: \"#000000\",\n },\n});\n\nexport default ChucnangStyle;\n","import React from \"react\";\r\nimport styles from \"assets/jss/material-dashboard-react/components/chucnangStyle.js\";\r\nconst useStyles = makeStyles(styles);\r\nimport { makeStyles } from \"@material-ui/core/styles\";\r\nimport PropTypes from \"prop-types\";\r\nimport Config from \"conFig.js\";\r\nconst Thongkelinhvuc = React.memo(function Thongkelinhvuc(props) {\r\n const classes = useStyles();\r\n const { tungay, denngay } = props;\r\n const [data, setData] = React.useState([]);\r\n const token = localStorage.getItem(\"token\");\r\n var username = localStorage.getItem(\"username\");\r\n var obj = {\r\n method: \"GET\",\r\n headers: {\r\n Accept: \"application/json\",\r\n \"Content-Type\": \"application/json\",\r\n Authorization: \"Bearer \" + token,\r\n },\r\n };\r\n const getbaocao = () => {\r\n var tu =\r\n tungay.$y +\r\n \"-\" +\r\n String(tungay.$M + 1).padStart(2, \"0\") +\r\n \"-\" +\r\n tungay.$D;\r\n var den =\r\n denngay.$y +\r\n \"-\" +\r\n String(denngay.$M + 1).padStart(2, \"0\") +\r\n \"-\" +\r\n denngay.$D;\r\n var url =\r\n Config.backend +\r\n \"/api/DuanChuDauTu/gettongduanthanglinhvuc?tungay=\" +\r\n tu +\r\n \"&denngay=\" +\r\n den +\r\n \"&tinhtrangduan_id=0\" +\r\n \"&username=\" +\r\n username;\r\n fetch(url, obj)\r\n .then((res) => res.json())\r\n .then((data) => {\r\n setData(data);\r\n })\r\n .catch((error) => {\r\n console.error(\"Error fetching data: \", error);\r\n });\r\n };\r\n React.useEffect(() => {\r\n getbaocao();\r\n }, [tungay, denngay]);\r\n const renderTableHead = () => {\r\n return (\r\n \r\n \r\n \r\n {tHead}\r\n {tBody}\r\n
\r\n
\r\n );\r\n});\r\n\r\nThongkelinhvuc.propTypes = {\r\n tungay: PropTypes.object,\r\n denngay: PropTypes.object,\r\n};\r\nexport default Thongkelinhvuc;\r\n","import { MenuItem } from \"@mui/material\";\r\nimport { saveAs } from \"file-saver\";\r\nimport {\r\n gridFilteredSortedRowIdsSelector,\r\n gridVisibleColumnFieldsSelector,\r\n useGridApiContext,\r\n} from \"@mui/x-data-grid\";\r\nimport * as React from \"react\";\r\n//import dayjs from \"dayjs\";\r\n\r\nconst ExcelJS = require(\"exceljs\");\r\n\r\n// Get data on grid\r\nconst getExcelData = (apiRef) => {\r\n // Select rows and columns\r\n const filteredSortedRowIds = gridFilteredSortedRowIdsSelector(apiRef);\r\n const visibleColumnsField = gridVisibleColumnFieldsSelector(apiRef);\r\n\r\n // Format the data. Here we only keep the value\r\n const data = filteredSortedRowIds.map((id) => {\r\n const row = {};\r\n visibleColumnsField.forEach((field) => {\r\n row[field] = apiRef.current.getCellParams(id, field).value;\r\n });\r\n return row;\r\n });\r\n\r\n return data;\r\n};\r\n\r\n//Init header columns\r\nconst initHeaderColumns = (headers) => {\r\n let headerColumns = [];\r\n headers.forEach((h) => {\r\n let headerColumn = { key: h, width: 10 };\r\n headerColumns.push(headerColumn);\r\n });\r\n return headerColumns;\r\n};\r\n\r\nconst Baocaotiendoduanexcel = function Baocaotiendoduanexcel() {\r\n const apiRef = useGridApiContext();\r\n const data = getExcelData(apiRef);\r\n // Auto Width\r\n const autoWidth = (worksheet, minimalWidth) => {\r\n worksheet.columns.forEach((column) => {\r\n let maxColumnLength = 0;\r\n column.eachCell({ includeEmpty: true }, (cell) => {\r\n maxColumnLength = Math.max(\r\n maxColumnLength,\r\n minimalWidth,\r\n cell.value ? cell.value.toString().length : 0\r\n );\r\n });\r\n column.width = maxColumnLength + 2;\r\n });\r\n };\r\n\r\n const handleExport = async () => {\r\n // Init workbook and worksheet\r\n const workbook = new ExcelJS.Workbook();\r\n const sheet = workbook.addWorksheet(\"My Sheet\");\r\n\r\n // Title\r\n sheet.mergeCells(1, 1, 1, Object.keys(data[0]).length);\r\n sheet.getCell(\"A1\").value = \"BÁO CÁO TIẾN ĐỘ DỰ ÁN\";\r\n\r\n // Init header columns at row 2 on excel file\r\n var headerValues = [];\r\n for (const element of Object.keys(data[0])) {\r\n if (element == \"stt\") {\r\n headerValues.push(\"STT\");\r\n } else if (element == \"maduan\") {\r\n headerValues.push(\"Mã dự án\");\r\n } else if (element == \"tenduan\") {\r\n headerValues.push(\"Tên dự án\");\r\n } else if (element == \"chudautu\") {\r\n headerValues.push(\"Chủ đầu tư\");\r\n } else if (element == \"phantramtiendogiaingan\") {\r\n headerValues.push(\"Tỉ lệ vốn đã giải ngân(%)\");\r\n } else if (element == \"tiendothuchien\") {\r\n headerValues.push(\"Tiến độ dự án\");\r\n } else if (element == \"tinhtrangtiendo\") {\r\n headerValues.push(\"Tiến độ thực tế\");\r\n } else if (element == \"vondangky_vnd\") {\r\n headerValues.push(\"Vốn đăng ký (VNĐ)\");\r\n } else if (element == \"vonthuchien_vnd_lk\") {\r\n headerValues.push(\"Vốn đã giải ngân (VNĐ)\");\r\n } else if (element == \"khuvucdautu\") {\r\n headerValues.push(\"Khu vực đầu tư\");\r\n }\r\n }\r\n\r\n sheet.getRow(2).values = headerValues;\r\n sheet.columns = initHeaderColumns(Object.keys(data[0]));\r\n\r\n // Fullfill data for excel file\r\n sheet.addRows(data);\r\n\r\n // Design excel\r\n // Auto column width for excel file with default 10px\r\n autoWidth(sheet, 10);\r\n\r\n // Design Border and Common Alignment + Font\r\n sheet.eachRow(function (row) {\r\n row.eachCell({ includeEmpty: true }, function (cell) {\r\n cell.border = {\r\n top: { style: \"thin\" },\r\n bottom: { style: \"thin\" },\r\n left: { style: \"thin\" },\r\n right: { style: \"thin\" },\r\n };\r\n cell.alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"left\",\r\n wrapText: true,\r\n };\r\n cell.font = {\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n });\r\n });\r\n\r\n // Design Title\r\n sheet.getCell(\"A1\").font = {\r\n bold: true,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"A1\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"center\",\r\n };\r\n\r\n // Design header\r\n const row2 = sheet.getRow(2);\r\n row2.eachCell(function (cell) {\r\n if (cell.value) {\r\n cell.font = {\r\n bold: true,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n cell.alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"center\",\r\n };\r\n }\r\n });\r\n\r\n // Design special Columns\r\n if (Object.keys(data[0]).includes(\"stt\")) {\r\n const colStt = sheet.getColumn(\"stt\");\r\n colStt.eachCell(function (cell, rowNumber) {\r\n if (rowNumber > 2) {\r\n cell.alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"center\",\r\n };\r\n }\r\n });\r\n }\r\n if (Object.keys(data[0]).includes(\"chudautu\")) {\r\n const colChudautu = sheet.getColumn(\"chudautu\");\r\n colChudautu.width = 100;\r\n colChudautu.eachCell(function (cell, rowNumber) {\r\n if (rowNumber > 2) {\r\n if (data[rowNumber - 3]) {\r\n cell.value = data[rowNumber - 3].chudautu\r\n ? data[rowNumber - 3].chudautu.replace(/\\\\n/g, \"\\r\\n\")\r\n : null;\r\n }\r\n }\r\n });\r\n }\r\n if (Object.keys(data[0]).includes(\"tiendothuchien\")) {\r\n const colTiendothuchien = sheet.getColumn(\"tiendothuchien\");\r\n colTiendothuchien.width = 100;\r\n colTiendothuchien.eachCell(function (cell, rowNumber) {\r\n if (rowNumber > 2) {\r\n if (data[rowNumber - 3]) {\r\n cell.value = data[rowNumber - 3].tiendothuchien\r\n ? data[rowNumber - 3].tiendothuchien.replace(/\\\\n/g, \"\\r\\n\")\r\n : null;\r\n }\r\n }\r\n });\r\n }\r\n if (Object.keys(data[0]).includes(\"vondangky_vnd\")) {\r\n const colVondangky_vnd = sheet.getColumn(\"vondangky_vnd\");\r\n colVondangky_vnd.eachCell(function (cell, rowNumber) {\r\n if (rowNumber > 2) {\r\n cell.alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"right\",\r\n };\r\n cell.numFmt = \"#,##0\";\r\n }\r\n });\r\n }\r\n if (Object.keys(data[0]).includes(\"vonthuchien_vnd_lk\")) {\r\n const colVondangky_vnd = sheet.getColumn(\"vonthuchien_vnd_lk\");\r\n colVondangky_vnd.width = 30;\r\n colVondangky_vnd.eachCell(function (cell, rowNumber) {\r\n if (rowNumber > 2) {\r\n cell.alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"right\",\r\n };\r\n cell.numFmt = \"#,##0\";\r\n }\r\n });\r\n }\r\n if (Object.keys(data[0]).includes(\"phantramtiendogiaingan\")) {\r\n const colPhantramtiendogiaingan = sheet.getColumn(\r\n \"phantramtiendogiaingan\"\r\n );\r\n colPhantramtiendogiaingan.eachCell(function (cell, rowNumber) {\r\n if (rowNumber > 2) {\r\n cell.alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"right\",\r\n };\r\n }\r\n });\r\n }\r\n\r\n // Design Background Color\r\n sheet.eachRow(function (row) {\r\n row.eachCell({ includeEmpty: true }, function (cell) {\r\n if (cell.value == \"Trễ tiến độ giai đoạn\") {\r\n row.fill = {\r\n type: \"pattern\",\r\n pattern: \"solid\",\r\n fgColor: { argb: \"FA8072\" },\r\n };\r\n }\r\n if (cell.value == \"Sắp trễ tiến độ giai đoạn\") {\r\n row.fill = {\r\n type: \"pattern\",\r\n pattern: \"solid\",\r\n fgColor: { argb: \"FFFACD\" },\r\n };\r\n }\r\n if (cell.value == \"Trễ tiến độ toàn dự án\") {\r\n row.fill = {\r\n type: \"pattern\",\r\n pattern: \"solid\",\r\n fgColor: { argb: \"FFFF0000\" },\r\n };\r\n }\r\n if (cell.value == \"Sắp trễ tiến độ toàn dự án\") {\r\n row.fill = {\r\n type: \"pattern\",\r\n pattern: \"solid\",\r\n fgColor: { argb: \"FFFF00\" },\r\n };\r\n }\r\n });\r\n });\r\n\r\n // Write excel file\r\n const buffer = await workbook.xlsx.writeBuffer();\r\n saveAs.saveAs(new Blob([buffer]), \"baocaotiendoduan.xlsx\");\r\n };\r\n\r\n return (\r\n {newline(params.value)}
;\n }\n },\n },\n {\n field: \"tinhtrangtiendo\",\n headerName: \"Tiến độ thực tế\",\n width: 200,\n headerAlign: \"center\",\n },\n {\n field: \"vondangky_vnd\",\n headerName: \"Vốn đăng ký (VNĐ)\",\n type: \"number\",\n width: 200,\n headerAlign: \"right\",\n },\n {\n field: \"vonthuchien_vnd_lk\",\n headerName: \"Vốn đã giải ngân (VNĐ)\",\n type: \"number\",\n width: 200,\n headerAlign: \"right\",\n },\n {\n field: \"khuvucdautu\",\n headerName: \"Khu vực đầu tư\",\n width: 200,\n headerAlign: \"center\",\n },\n];\n\nexport default function Dashboard() {\n const classes = useStyles();\n const [openShowProjectInfo, setOpenShowProjectInfo] = React.useState(false);\n const [pageSize, setPageSize] = React.useState(50);\n const [duan, setDuan] = React.useState([]);\n const [duantrongtheotg, setDuantrongtheotg] = React.useState(0);\n const [tongvontrongtheotg, setTongvontrongtheotg] = React.useState(0);\n const [tungay, setTungay] = React.useState(\n dayjs(new Date().getFullYear() + \"-01-01\")\n );\n const [denngay, setDenngay] = React.useState(dayjs());\n const [alert, setAlert] = React.useState(false);\n const quickSearchToolbar = () => {\n return (\n \n \n \n \n \n {\n setTungay(newValue);\n }}\n format=\"DD/MM/YYYY\"\n slotProps={{\n textField: {\n size: \"small\",\n onBlur: () => {\n if (dayjs(tungay).isAfter(dayjs(denngay))) {\n showNotificationCanhBaoNgay();\n }\n },\n },\n }}\n views={[\"day\", \"month\", \"year\"]}\n sx={{\n \"& .MuiInputBase-root\": {\n height: 33,\n \"& fieldset\": {\n borderColor: \"#d900d2\",\n },\n \"&:hover fieldset\": {\n borderColor: \"red\",\n },\n \"&.Mui-focused fieldset\": {\n borderColor: \"green\",\n },\n },\n svg: { color: \"#d900d2\" },\n input: { color: \"#d900d2\" },\n label: { color: \"#d900d2\" },\n }}\n />\n \n \n \n \n {\n setDenngay(newValue);\n //gettrongthang(newValue);\n }}\n format=\"DD/MM/YYYY\"\n slotProps={{\n textField: {\n size: \"small\",\n onBlur: () => {\n if (dayjs(tungay).isAfter(dayjs(denngay))) {\n showNotificationCanhBaoNgay();\n }\n },\n },\n }}\n views={[\"day\", \"month\", \"year\"]}\n sx={{\n \"& .MuiInputBase-root\": {\n height: 33,\n \"& fieldset\": {\n borderColor: \"#d900d2\",\n },\n \"&:hover fieldset\": {\n borderColor: \"red\",\n },\n \"&.Mui-focused fieldset\": {\n borderColor: \"green\",\n },\n },\n svg: { color: \"#d900d2\" },\n input: { color: \"#d900d2\" },\n label: { color: \"#d900d2\" },\n }}\n />\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n
\n \n Số dự án/ Tổng vốn đầu tư
\n \n\n {tongvontrongtheotg.toLocaleString()} VNĐ\n
\n\n
\n \n
\n \n \n \n \n \n \n \n \n \n
\n \n
\n \n \n
\n \n
\n \n DỰ ÁN TRONG NƯỚC/FDI\n
\n \n
\n \n
\n \n \n
\n \n
\n \n DỰ ÁN THEO KHU VỰC\n
\n \n
\n \n
\n \n \n
\n \n
\n \n DỰ ÁN THEO LĨNH VỰC\n
\n \n
\n \n \n
\n \n
\n \n THỐNG KÊ THEO ĐỊA BÀN\n
\n \n
\n \n \n \n \n \n \n \n \n \n Thông tin các dự án\n \n \n \n \n \n \n \n \n \n \n row.stt}\n rows={duan}\n getRowClassName={(params) =>\n `super-app-theme--${params.row.status}`\n }\n columns={dacolumn}\n checkboxSelection={false}\n getRowHeight={() => \"auto\"}\n headerHeight={35}\n sx={datagridSx}\n pageSize={pageSize}\n onPageSizeChange={(newPageSize) =>\n setPageSize(newPageSize)\n }\n rowsPerPageOptions={[20, 50, 100]}\n pagination\n initialState={{\n filter: {\n filterModel: {\n items: [],\n quickFilterLogicOperator: GridLinkOperator.Or,\n },\n },\n }}\n components={{ Toolbar: quickSearchToolbar }}\n />\n
\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Tìm kiếm theo nhiều tiêu chí\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {\r\n setTungay(newValue);\r\n }}\r\n format=\"DD/MM/YYYY\"\r\n slotProps={{ textField: { size: \"small\" } }}\r\n views={[\"day\", \"month\", \"year\"]}\r\n sx={{\r\n \"& .MuiInputBase-root\": {\r\n height: 37,\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n \r\n \r\n {\r\n setDenngay(newValue);\r\n }}\r\n format=\"DD/MM/YYYY\"\r\n slotProps={{ textField: { size: \"small\" } }}\r\n views={[\"day\", \"month\", \"year\"]}\r\n sx={{\r\n \"& .MuiInputBase-root\": {\r\n height: 37,\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n \r\n option.ten}\r\n onChange={(event, value) => {\r\n setNguonvonVL(value);\r\n }}\r\n renderInput={(params) => (\r\n \r\n \r\n \r\n \r\n option.ten}\r\n onChange={(event, value) => {\r\n setDiadiemVL(value);\r\n }}\r\n renderInput={(params) => (\r\n \r\n \r\n \r\n \r\n option.ten}\r\n onChange={(event, value) => {\r\n setLinhvucVL(value);\r\n }}\r\n renderInput={(params) => (\r\n \r\n \r\n \r\n \r\n option.ten}\r\n onChange={(event, value) => {\r\n setKhuvucVL(value);\r\n }}\r\n renderInput={(params) => (\r\n \r\n \r\n \r\n \r\n option.ten}\r\n onChange={(event, value) => {\r\n setTinhtrangduanVL(value);\r\n }}\r\n renderInput={(params) => (\r\n \r\n \r\n \r\n \r\n option.ten}\r\n onChange={(event, value) => {\r\n setChutruongVL(value);\r\n }}\r\n renderInput={(params) => (\r\n \r\n \r\n\r\n \r\n \r\n option.ten}\r\n onChange={(event, value) => {\r\n setLoaiviphamVL(value);\r\n }}\r\n renderInput={(params) => (\r\n \r\n \r\n \r\n \r\n option.ten}\r\n onChange={(event, value) => {\r\n setTiendoduanVL(value);\r\n }}\r\n renderInput={(params) => (\r\n \r\n \r\n \r\n \r\n option.ten}\r\n onChange={(event, value) => {\r\n setTinhtrangkyquyVL(value);\r\n }}\r\n renderInput={(params) => (\r\n \r\n \r\n \r\n \r\n option.ten}\r\n onChange={(event, value) => {\r\n setQuyetdinhdieuchinhVL(value);\r\n }}\r\n renderInput={(params) => (\r\n \r\n \r\n \r\n \r\n option.ten}\r\n onChange={(event, value) => {\r\n setChudautuVL(value);\r\n }}\r\n renderInput={(params) => (\r\n \r\n \r\n \r\n \r\n \r\n \r\n Tìm kiếm\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n option.id === value.id}\r\n getOptionLabel={(option) => option.ten}\r\n renderInput={(params) => (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n setOpentiendo(true)}\r\n style={{ height: \"35px\" }}\r\n >\r\n Tiến độ thực hiện\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n - Vốn vay:\r\n \r\n \r\n \r\n \r\n row.id}\r\n rows={vonvay}\r\n columns={vonvaycolumn}\r\n checkboxSelection={false}\r\n getRowHeight={() => \"auto\"}\r\n headerHeight={35}\r\n sx={datagridSx}\r\n hideFooter\r\n initialState={{\r\n filter: {\r\n filterModel: {\r\n items: [],\r\n quickFilterLogicOperator:\r\n GridLinkOperator.Or,\r\n },\r\n },\r\n }}\r\n />\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Tiến độ thực hiện dự án\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n a) Tiến độ góp vốn và huy động vốn\r\n \r\n \r\n \r\n - Vốn góp:\r\n \r\n \r\n \r\n row.id}\r\n rows={gopvon}\r\n columns={vongopcolumn}\r\n checkboxSelection={false}\r\n getRowHeight={() => \"auto\"}\r\n headerHeight={35}\r\n sx={datagridSx}\r\n hideFooter\r\n initialState={{\r\n filter: {\r\n filterModel: {\r\n items: [],\r\n quickFilterLogicOperator:\r\n GridLinkOperator.Or,\r\n },\r\n },\r\n }}\r\n />\r\n
\r\n {newline(params.value)}
;\r\n }\r\n },\r\n },\r\n {\r\n field: \"phantramtiendogiaingan\",\r\n headerName: \"Tỉ lệ vốn đã giải ngân(%)\",\r\n renderCell: renderProcess,\r\n type: \"number\",\r\n width: 200,\r\n },\r\n {\r\n field: \"tiendothuchien\",\r\n headerName: \"Tiến độ dự án\",\r\n width: 400,\r\n headerAlign: \"center\",\r\n renderCell: (params) => {\r\n if (params.value) {\r\n return {newline(params.value)}
;\r\n }\r\n },\r\n },\r\n {\r\n field: \"tinhtrangtiendo\",\r\n headerName: \"Tiến độ thực tế\",\r\n width: 200,\r\n headerAlign: \"center\",\r\n },\r\n {\r\n field: \"vondangky_vnd\",\r\n headerName: \"Vốn đăng ký (VNĐ)\",\r\n type: \"number\",\r\n width: 200,\r\n headerAlign: \"right\",\r\n },\r\n {\r\n field: \"vonthuchien_vnd_lk\",\r\n headerName: \"Vốn đã giải ngân (VNĐ)\",\r\n type: \"number\",\r\n width: 200,\r\n headerAlign: \"right\",\r\n },\r\n];\r\n\r\nexport default function Quanlytiendoduan() {\r\n const classes = useStyles();\r\n const [open, setOpen] = React.useState(false);\r\n const [pageSize, setPageSize] = React.useState(50);\r\n const [duan, setDuan] = React.useState([]);\r\n const [duan_id, setDuan_id] = React.useState(0);\r\n const [openthongtinchitietduan, setOpenthongtinchitietduan] = React.useState(\r\n false\r\n );\r\n const [opentimkiem, setOpentimkiem] = React.useState(false);\r\n const handleClosetimkiem = () => {\r\n setOpentimkiem(false);\r\n };\r\n const handleOpenCloseBackdrop = (val) => {\r\n setOpen(val);\r\n };\r\n const handleSetResult = (val) => {\r\n setDuan(val);\r\n };\r\n const handleClosethongtinchitietduan = () => {\r\n setOpenthongtinchitietduan(false);\r\n };\r\n const quickSearchToolbar = () => {\r\n return (\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n TIẾN ĐỘ DỰ ÁN\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n TIẾN ĐỘ GIẢI NGÂN VỐN\r\n \r\n
\r\n \r\n
\r\n \r\n row.id}\r\n rows={duan}\r\n getRowClassName={(params) =>\r\n `super-app-theme--${params.row.status}`\r\n }\r\n columns={dacolumn}\r\n checkboxSelection={false}\r\n getRowHeight={() => \"auto\"}\r\n headerHeight={35}\r\n sx={datagridSx}\r\n pageSize={pageSize}\r\n onPageSizeChange={(newPageSize) => setPageSize(newPageSize)}\r\n rowsPerPageOptions={[20, 50, 100]}\r\n pagination\r\n initialState={{\r\n filter: {\r\n filterModel: {\r\n items: [],\r\n quickFilterLogicOperator: GridLinkOperator.Or,\r\n },\r\n },\r\n }}\r\n components={{ Toolbar: quickSearchToolbar }}\r\n onRowClick={(params) => {\r\n setDuan_id(Number(params.row.id));\r\n }}\r\n onCellDoubleClick={(event) => {\r\n if (!event.ctrlKey) {\r\n setOpenthongtinchitietduan(true);\r\n }\r\n }}\r\n />\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Thông tin dự án\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n {title}
: null}\n {prop.tabContent}
;\n }\n return null;\n })}\n \r\n \r\n \r\n \r\n \r\n option.id === value.id}\r\n options={nguonvon}\r\n getOptionLabel={(option) => option.ten}\r\n onChange={(event, value) => {\r\n setNguonvonVL(value);\r\n if (value.id === 1) {\r\n setDisableUSD(true);\r\n } else {\r\n setDisableUSD(false);\r\n }\r\n }}\r\n renderInput={(params) => (\r\n \r\n \r\n \r\n \r\n option.id === value.id}\r\n options={quocgia}\r\n getOptionLabel={(option) => option.ten}\r\n onChange={(event, value) => {\r\n setQuocgiaVL(value);\r\n }}\r\n renderInput={(params) => (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n setOpenthemcdt(true)}\r\n style={{ height: \"35px\" }}\r\n >\r\n Thêm chủ đầu tư\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n option.ten}\r\n onChange={(event, value) => {\r\n setChudautu1(value);\r\n if (value[0]) {\r\n setChudautuID(value);\r\n setDiachitruso(value[0].diachi);\r\n if (value[0].giaycndkdn.trim().length === 0) {\r\n showNotificationCanhBaogiaycndkdn();\r\n }\r\n setGiaycndkdnVL(value[0].giaycndkdn);\r\n setChudautuVL({\r\n id: value[0].id,\r\n ten: value[0].ten,\r\n });\r\n setMaduan(\r\n soqdpd.split(\"/\")[0] +\r\n \"-\" +\r\n thoidiemcapduan.$y +\r\n \"-\" +\r\n value[0].giaycndkdn\r\n );\r\n } else {\r\n setChudautuID(null);\r\n }\r\n }}\r\n renderInput={(params) => (\r\n \r\n \r\n \r\n \r\n {\r\n setTenduan(event.target.value);\r\n }}\r\n InputProps={{\r\n style: {\r\n height: \"35px\",\r\n },\r\n }}\r\n InputLabelProps={{\r\n sx: {\r\n color: \"red\",\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n \r\n {\r\n if (\r\n dayjs(thoidiemcapduan).isBefore(\r\n dayjs(ngaycapquyetdinh)\r\n )\r\n ) {\r\n showNotificationCanhBaoNgayCapDuAnNgayRaQuyetDinh();\r\n }\r\n if (\r\n dayjs(thoidiemcapduan).isAfter(dayjs(duandenngay))\r\n ) {\r\n showNotificationCanhBaoNgayBatDauNgayKetThuc();\r\n }\r\n },\r\n },\r\n }}\r\n views={[\"day\", \"month\", \"year\"]}\r\n sx={{\r\n \"& .MuiInputBase-root\": {\r\n height: \"37px\",\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n \r\n option.id === value.id}\r\n options={coquanbanhanh}\r\n getOptionLabel={(option) => option.ten}\r\n onChange={(event, value) => {\r\n setCoquanbanhanhVL(value);\r\n }}\r\n renderInput={(params) => (\r\n \r\n \r\n \r\n \r\n {\r\n setSoqdpd(event.target.value);\r\n if (event.target.value.length > 0) {\r\n setMaduan(\r\n event.target.value.split(\"/\")[0] +\r\n \"-\" +\r\n thoidiemcapduan.$y +\r\n \"-\" +\r\n giaycndkdnVL\r\n );\r\n } else {\r\n setMaduan(\r\n giaychungnhandkdt +\r\n \"-\" +\r\n thoidiemcapduan.$y +\r\n \"-\" +\r\n giaycndkdnVL\r\n );\r\n }\r\n }}\r\n InputProps={{\r\n style: {\r\n height: \"35px\",\r\n },\r\n }}\r\n InputLabelProps={{\r\n sx: {\r\n color: \"red\",\r\n },\r\n }}\r\n onBlur={(event) => {\r\n if (!event.target.value.includes(\"/\")) {\r\n showNotificationCanhBaodinhdangSQD();\r\n }\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n \r\n {\r\n setNgaycapquyetdinh(newValue);\r\n setThoidiemcapduan(newValue);\r\n if (soqdpd.length > 0) {\r\n setMaduan(\r\n soqdpd.split(\"/\")[0] +\r\n \"-\" +\r\n newValue.$y +\r\n \"-\" +\r\n giaycndkdnVL\r\n );\r\n } else {\r\n setMaduan(\r\n giaychungnhandkdt +\r\n \"-\" +\r\n newValue.$y +\r\n \"-\" +\r\n giaycndkdnVL\r\n );\r\n }\r\n setThoigianhoatdong(duandenngay.$y - newValue.$y);\r\n }}\r\n format=\"DD/MM/YYYY\"\r\n slotProps={{\r\n textField: {\r\n size: \"small\",\r\n onBlur: () => {\r\n if (\r\n dayjs(ngaycapquyetdinh).isAfter(\r\n dayjs(thoidiemcapduan)\r\n )\r\n ) {\r\n showNotificationCanhBaoNgayCapDuAnNgayRaQuyetDinh();\r\n }\r\n },\r\n },\r\n }}\r\n views={[\"day\", \"month\", \"year\"]}\r\n sx={{\r\n \"& .MuiInputBase-root\": {\r\n height: \"37px\",\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n \r\n {\r\n setGiaychungnhandkdt(event.target.value);\r\n if (soqdpd.length === 0) {\r\n setMaduan(\r\n event.target.value +\r\n \"-\" +\r\n thoidiemcapduan.$y +\r\n \"-\" +\r\n giaycndkdnVL\r\n );\r\n }\r\n }}\r\n InputProps={{\r\n style: {\r\n height: \"35px\",\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n \r\n {\r\n setNgaycapchungnhan(newValue);\r\n }}\r\n format=\"DD/MM/YYYY\"\r\n slotProps={{ textField: { size: \"small\" } }}\r\n views={[\"day\", \"month\", \"year\"]}\r\n sx={{\r\n \"& .MuiInputBase-root\": {\r\n height: \"37px\",\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n \r\n {\r\n setVondangky_vnd(value);\r\n }}\r\n InputProps={{\r\n style: {\r\n height: \"35px\",\r\n },\r\n }}\r\n InputLabelProps={{\r\n sx: {\r\n color: \"red\",\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n {\r\n setVondangky_usd(value);\r\n }}\r\n InputProps={{\r\n style: {\r\n height: \"35px\",\r\n },\r\n inputProps: { min: 0 },\r\n }}\r\n InputLabelProps={{\r\n sx: {\r\n color: \"red\",\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n {\r\n setDiachitruso(event.target.value);\r\n }}\r\n InputProps={{\r\n style: {\r\n height: \"35px\",\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n option.id === value.id}\r\n options={khuvuc}\r\n getOptionLabel={(option) => option.ten}\r\n onChange={(event, value) => {\r\n setKhuvucVL(value);\r\n getcumcongnghiep(value.id);\r\n setTrickUpdateDefaultValue(\r\n trickUpdateDefaultValue == 1 ? 2 : 1\r\n );\r\n }}\r\n renderInput={(params) => (\r\n \r\n \r\n \r\n \r\n {\r\n setDiachi(event.target.value);\r\n }}\r\n InputProps={{\r\n style: {\r\n height: \"35px\",\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n option.id === value.id}\r\n options={diadiem}\r\n getOptionLabel={(option) => option.ten}\r\n onChange={(event, value) => {\r\n setDiadiemVL(value);\r\n }}\r\n renderInput={(params) => (\r\n \r\n \r\n \r\n \r\n {\r\n setMuctieu(event.target.value);\r\n }}\r\n multiline\r\n rows={2}\r\n />\r\n \r\n \r\n \r\n \r\n {\r\n setQuymo(event.target.value);\r\n }}\r\n multiline\r\n rows={2}\r\n />\r\n \r\n \r\n \r\n \r\n {\r\n setDientich(value);\r\n }}\r\n InputProps={{\r\n style: {\r\n height: \"35px\",\r\n },\r\n inputProps: { min: 0 },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n {\r\n setThoigianhoatdong(event.target.value);\r\n var ngay =\r\n ngaycapquyetdinh.$y +\r\n Number(event.target.value) +\r\n \"-\" +\r\n String(ngaycapquyetdinh.$M + 1).padStart(2, \"0\") +\r\n \"-\" +\r\n ngaycapquyetdinh.$D;\r\n setDuandenngay(dayjs(ngay));\r\n }}\r\n onBlur={(event) => {\r\n if (Number(event.target.value) < 0) {\r\n showNotificationCanhBaoSoAm();\r\n }\r\n }}\r\n InputProps={{\r\n style: {\r\n height: \"35px\",\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n \r\n {\r\n setDuandenngay(newValue);\r\n setThoigianhoatdong(newValue.$y - ngaycapquyetdinh.$y);\r\n }}\r\n format=\"DD/MM/YYYY\"\r\n slotProps={{\r\n textField: {\r\n size: \"small\",\r\n onBlur: () => {\r\n if (\r\n dayjs(duandenngay).isBefore(dayjs(thoidiemcapduan))\r\n ) {\r\n showNotificationCanhBaoNgayBatDauNgayKetThuc();\r\n }\r\n },\r\n },\r\n }}\r\n views={[\"day\", \"month\", \"year\"]}\r\n sx={{\r\n \"& .MuiInputBase-root\": {\r\n height: \"37px\",\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n \r\n option.id === value.id}\r\n options={linhvuc}\r\n getOptionLabel={(option) => option.ten}\r\n onChange={(event, value) => {\r\n setLinhvucVL(value);\r\n }}\r\n renderInput={(params) => (\r\n \r\n \r\n \r\n \r\n option.ten}\r\n onChange={(event, value) => {\r\n setCcnkktkcnID(value.id);\r\n }}\r\n renderInput={(params) => (\r\n \r\n \r\n \r\n \r\n {\r\n setLaodong_vn_dangky(event.target.value);\r\n }}\r\n onBlur={(event) => {\r\n if (Number(event.target.value) < 0) {\r\n showNotificationCanhBaoSoAm();\r\n }\r\n }}\r\n InputProps={{\r\n style: {\r\n height: \"35px\",\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n {\r\n setLaodong_nn_dangky(event.target.value);\r\n }}\r\n onBlur={(event) => {\r\n if (Number(event.target.value) < 0) {\r\n showNotificationCanhBaoSoAm();\r\n }\r\n }}\r\n InputProps={{\r\n style: {\r\n height: \"35px\",\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n setOpentiendo(true)}\r\n style={{ height: \"35px\" }}\r\n >\r\n Tiến độ thực hiện\r\n \r\n \r\n \r\n \r\n \r\n {\r\n setUudaihotro(event.target.value);\r\n }}\r\n InputProps={{\r\n style: {\r\n height: \"35px\",\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n {\r\n setLinkluutru(event.target.value);\r\n }}\r\n InputProps={{\r\n style: {\r\n height: \"35px\",\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n - Vốn vay:\r\n \r\n \r\n \r\n \r\n {\r\n setVonvay_vnd(value);\r\n }}\r\n InputProps={{\r\n style: {\r\n height: \"35px\",\r\n },\r\n inputProps: { min: 0 },\r\n }}\r\n InputLabelProps={{\r\n sx: {\r\n color: \"red\",\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n {\r\n setVonvay_usd(value);\r\n }}\r\n InputProps={{\r\n style: {\r\n height: \"35px\",\r\n },\r\n inputProps: { min: 0 },\r\n }}\r\n InputLabelProps={{\r\n sx: {\r\n color: \"red\",\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n {\r\n setNoidungvay(event.target.value);\r\n }}\r\n InputProps={{\r\n style: {\r\n height: \"35px\",\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n \r\n Thêm\r\n \r\n \r\n \r\n \r\n \r\n row.id}\r\n rows={vonvay}\r\n columns={vonvaycolumn}\r\n checkboxSelection={false}\r\n getRowHeight={() => \"auto\"}\r\n headerHeight={35}\r\n sx={datagridSx}\r\n hideFooter\r\n initialState={{\r\n filter: {\r\n filterModel: {\r\n items: [],\r\n quickFilterLogicOperator:\r\n GridLinkOperator.Or,\r\n },\r\n },\r\n }}\r\n />\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Tiến độ thực hiện dự án\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n a) Tiến độ góp vốn và huy động vốn\r\n \r\n \r\n \r\n - Vốn góp:\r\n \r\n \r\n \r\n \r\n option.id === value.id\r\n }\r\n options={chudautu1}\r\n getOptionLabel={(option) => option.ten}\r\n onChange={(event, value) => {\r\n setChudautuVL(value);\r\n }}\r\n renderInput={(params) => (\r\n \r\n \r\n \r\n {\r\n setVongop_vnd(value);\r\n }}\r\n InputProps={{\r\n style: {\r\n height: \"35px\",\r\n },\r\n inputProps: { min: 0 },\r\n }}\r\n InputLabelProps={{\r\n sx: {\r\n color: \"red\",\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n {\r\n setVongop_usd(value);\r\n }}\r\n InputProps={{\r\n style: {\r\n height: \"35px\",\r\n },\r\n inputProps: { min: 0 },\r\n }}\r\n InputLabelProps={{\r\n sx: {\r\n color: \"red\",\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n {\r\n setTyle(event.target.value);\r\n }}\r\n onBlur={(event) => {\r\n if (Number(event.target.value) < 0) {\r\n showNotificationCanhBaoSoAm();\r\n }\r\n }}\r\n InputProps={{\r\n style: {\r\n height: \"35px\",\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n {\r\n setNoidung(event.target.value);\r\n }}\r\n InputProps={{\r\n style: {\r\n height: \"35px\",\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n \r\n Thêm\r\n \r\n \r\n \r\n \r\n \r\n row.id}\r\n rows={gopvon}\r\n columns={vongopcolumn}\r\n checkboxSelection={false}\r\n getRowHeight={() => \"auto\"}\r\n headerHeight={35}\r\n sx={datagridSx}\r\n hideFooter\r\n initialState={{\r\n filter: {\r\n filterModel: {\r\n items: [],\r\n quickFilterLogicOperator:\r\n GridLinkOperator.Or,\r\n },\r\n },\r\n }}\r\n />\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Thêm chủ đầu tư\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {\r\n setTenchudautu(event.target.value);\r\n }}\r\n InputProps={{\r\n style: {\r\n height: \"35px\",\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n {\r\n setGiaycndkdn(event.target.value);\r\n }}\r\n InputProps={{\r\n style: {\r\n height: \"35px\",\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n {\r\n setDiachicdt(event.target.value);\r\n }}\r\n InputProps={{\r\n style: {\r\n height: \"35px\",\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n \r\n Thêm\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n option.id === value.id}\r\n options={nguonvon}\r\n getOptionLabel={(option) => option.ten}\r\n onChange={(event, value) => {\r\n setNguonvonVL(value);\r\n if (value.id === 1) {\r\n setDisableUSD(true);\r\n } else {\r\n setDisableUSD(false);\r\n }\r\n }}\r\n renderInput={(params) => (\r\n \r\n \r\n \r\n \r\n option.id === value.id}\r\n options={quocgia}\r\n getOptionLabel={(option) => option.ten}\r\n onChange={(event, value) => {\r\n setQuocgiaVL(value);\r\n }}\r\n renderInput={(params) => (\r\n \r\n \r\n \r\n \r\n {\r\n setMaduan(event.target.value);\r\n }}\r\n InputProps={{\r\n style: {\r\n height: \"35px\",\r\n },\r\n }}\r\n InputLabelProps={{\r\n sx: {\r\n color: \"red\",\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n \r\n \r\n option.id === value.id}\r\n options={chudautu}\r\n getOptionLabel={(option) => option.ten}\r\n onChange={(event, value) => {\r\n setChudautu1(value);\r\n setChudautuID(value);\r\n if (value[0]) {\r\n if (value[0].giaycndkdn.trim().length === 0) {\r\n showNotificationCanhBaogiaycndkdn();\r\n }\r\n setGiaycndkdnVL(value[0].giaycndkdn);\r\n setMaduan(\r\n soqdpd.split(\"/\")[0] +\r\n \"-\" +\r\n thoidiemcapduan.$y +\r\n \"-\" +\r\n value[0].giaycndkdn\r\n );\r\n }\r\n }}\r\n renderInput={(params) => (\r\n \r\n \r\n \r\n \r\n {\r\n setTenduan(event.target.value);\r\n }}\r\n InputProps={{\r\n style: {\r\n height: \"35px\",\r\n },\r\n }}\r\n InputLabelProps={{\r\n sx: {\r\n color: \"red\",\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n \r\n {\r\n if (\r\n dayjs(thoidiemcapduan).isBefore(\r\n dayjs(ngaycapquyetdinh)\r\n )\r\n ) {\r\n showNotificationCanhBaoNgayCapDuAnNgayRaQuyetDinh();\r\n }\r\n if (\r\n dayjs(thoidiemcapduan).isAfter(dayjs(duandenngay))\r\n ) {\r\n showNotificationCanhBaoNgayBatDauNgayKetThuc();\r\n }\r\n },\r\n },\r\n }}\r\n views={[\"day\", \"month\", \"year\"]}\r\n sx={{\r\n \"& .MuiInputBase-root\": {\r\n height: \"37px\",\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n \r\n option.id === value.id}\r\n options={coquanbanhanh}\r\n getOptionLabel={(option) => option.ten}\r\n onChange={(event, value) => {\r\n setCoquanbanhanhVL(value);\r\n }}\r\n renderInput={(params) => (\r\n \r\n \r\n \r\n \r\n {\r\n setSoqdpd(event.target.value);\r\n if (event.target.value.length > 0) {\r\n setMaduan(\r\n event.target.value.split(\"/\")[0] +\r\n \"-\" +\r\n thoidiemcapduan.$y +\r\n \"-\" +\r\n giaycndkdnVL\r\n );\r\n } else {\r\n setMaduan(\r\n giaychungnhandkdt +\r\n \"-\" +\r\n thoidiemcapduan.$y +\r\n \"-\" +\r\n giaycndkdnVL\r\n );\r\n }\r\n }}\r\n InputProps={{\r\n style: {\r\n height: \"35px\",\r\n },\r\n }}\r\n InputLabelProps={{\r\n sx: {\r\n color: \"red\",\r\n },\r\n }}\r\n onBlur={(event) => {\r\n if (!event.target.value.includes(\"/\")) {\r\n showNotificationCanhBaodinhdangSQD();\r\n }\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n \r\n {\r\n setNgaycapquyetdinh(newValue);\r\n setThoidiemcapduan(newValue);\r\n setThoigianhoatdong(duandenngay.$y - newValue.$y);\r\n if (soqdpd.length > 0) {\r\n setMaduan(\r\n soqdpd.split(\"/\")[0] +\r\n \"-\" +\r\n newValue.$y +\r\n \"-\" +\r\n giaycndkdnVL\r\n );\r\n } else {\r\n setMaduan(\r\n giaychungnhandkdt +\r\n \"-\" +\r\n newValue.$y +\r\n \"-\" +\r\n giaycndkdnVL\r\n );\r\n }\r\n }}\r\n format=\"DD/MM/YYYY\"\r\n slotProps={{\r\n textField: {\r\n size: \"small\",\r\n onBlur: () => {\r\n if (\r\n dayjs(ngaycapquyetdinh).isAfter(\r\n dayjs(thoidiemcapduan)\r\n )\r\n ) {\r\n showNotificationCanhBaoNgayCapDuAnNgayRaQuyetDinh();\r\n }\r\n },\r\n },\r\n }}\r\n views={[\"day\", \"month\", \"year\"]}\r\n sx={{\r\n \"& .MuiInputBase-root\": {\r\n height: \"37px\",\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n \r\n {\r\n setGiaychungnhandkdt(event.target.value);\r\n if (soqdpd.length === 0) {\r\n setMaduan(\r\n event.target.value +\r\n \"-\" +\r\n thoidiemcapduan.$y +\r\n \"-\" +\r\n giaycndkdnVL\r\n );\r\n }\r\n }}\r\n InputProps={{\r\n style: {\r\n height: \"35px\",\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n \r\n {\r\n setNgaycapchungnhan(newValue);\r\n }}\r\n format=\"DD/MM/YYYY\"\r\n slotProps={{ textField: { size: \"small\" } }}\r\n views={[\"day\", \"month\", \"year\"]}\r\n sx={{\r\n \"& .MuiInputBase-root\": {\r\n height: \"37px\",\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n \r\n {\r\n setVondangky_vnd(value);\r\n }}\r\n InputProps={{\r\n style: {\r\n height: \"35px\",\r\n },\r\n }}\r\n InputLabelProps={{\r\n sx: {\r\n color: \"red\",\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n {\r\n setVondangky_usd(value);\r\n }}\r\n InputProps={{\r\n style: {\r\n height: \"35px\",\r\n },\r\n inputProps: { min: 0 },\r\n }}\r\n InputLabelProps={{\r\n sx: {\r\n color: \"red\",\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n {\r\n setDiachitruso(event.target.value);\r\n }}\r\n InputProps={{\r\n style: {\r\n height: \"35px\",\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n option.id === value.id}\r\n options={khuvuc}\r\n getOptionLabel={(option) => option.ten}\r\n onChange={(event, value) => {\r\n setKhuvucVL(value);\r\n getcumcongnghiep(value.id);\r\n setCcnkktkcnVL(null);\r\n setTrickUpdateDefaultValue(\r\n trickUpdateDefaultValue == 1 ? 2 : 1\r\n );\r\n }}\r\n renderInput={(params) => (\r\n \r\n \r\n \r\n \r\n {\r\n setDiachi(event.target.value);\r\n }}\r\n InputProps={{\r\n style: {\r\n height: \"35px\",\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n option.id === value.id}\r\n options={diadiem}\r\n getOptionLabel={(option) => option.ten}\r\n onChange={(event, value) => {\r\n setDiadiemVL(value);\r\n }}\r\n renderInput={(params) => (\r\n \r\n \r\n \r\n \r\n {\r\n setMuctieu(event.target.value);\r\n }}\r\n multiline\r\n rows={2}\r\n />\r\n \r\n \r\n \r\n \r\n {\r\n setQuymo(event.target.value);\r\n }}\r\n multiline\r\n rows={2}\r\n />\r\n \r\n \r\n \r\n \r\n {\r\n setDientich(value);\r\n }}\r\n InputProps={{\r\n style: {\r\n height: \"35px\",\r\n },\r\n inputProps: { min: 0 },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n {\r\n setThoigianhoatdong(event.target.value);\r\n var ngay =\r\n ngaycapquyetdinh.$y +\r\n Number(event.target.value) +\r\n \"-\" +\r\n String(ngaycapquyetdinh.$M + 1).padStart(2, \"0\") +\r\n \"-\" +\r\n ngaycapquyetdinh.$D;\r\n setDuandenngay(dayjs(ngay));\r\n }}\r\n onBlur={(event) => {\r\n if (Number(event.target.value) < 0) {\r\n showNotificationCanhBaoSoAm();\r\n }\r\n }}\r\n InputProps={{\r\n style: {\r\n height: \"35px\",\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n \r\n {\r\n setDuandenngay(newValue);\r\n setThoigianhoatdong(newValue.$y - ngaycapquyetdinh.$y);\r\n }}\r\n format=\"DD/MM/YYYY\"\r\n slotProps={{\r\n textField: {\r\n size: \"small\",\r\n onBlur: () => {\r\n if (\r\n dayjs(duandenngay).isBefore(dayjs(thoidiemcapduan))\r\n ) {\r\n showNotificationCanhBaoNgayBatDauNgayKetThuc();\r\n }\r\n },\r\n },\r\n }}\r\n views={[\"day\", \"month\", \"year\"]}\r\n sx={{\r\n \"& .MuiInputBase-root\": {\r\n height: \"37px\",\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n \r\n option.id === value.id}\r\n options={linhvuc}\r\n getOptionLabel={(option) => option.ten}\r\n onChange={(event, value) => {\r\n setLinhvucVL(value);\r\n }}\r\n renderInput={(params) => (\r\n \r\n \r\n \r\n \r\n option.id === value.id}\r\n options={ccnkktkcn}\r\n getOptionLabel={(option) => option.ten}\r\n onChange={(event, value) => {\r\n setCcnkktkcnVL(value);\r\n }}\r\n renderInput={(params) => (\r\n \r\n \r\n \r\n \r\n {\r\n setLaodong_vn_dangky(event.target.value);\r\n }}\r\n onBlur={(event) => {\r\n if (Number(event.target.value) < 0) {\r\n showNotificationCanhBaoSoAm();\r\n }\r\n }}\r\n InputProps={{\r\n style: {\r\n height: \"35px\",\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n {\r\n setLaodong_nn_dangky(event.target.value);\r\n }}\r\n onBlur={(event) => {\r\n if (Number(event.target.value) < 0) {\r\n showNotificationCanhBaoSoAm();\r\n }\r\n }}\r\n InputProps={{\r\n style: {\r\n height: \"35px\",\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n setOpentiendo(true)}\r\n style={{ height: \"35px\" }}\r\n >\r\n Tiến độ thực hiện\r\n \r\n \r\n \r\n \r\n \r\n {\r\n setUudaihotro(event.target.value);\r\n }}\r\n InputProps={{\r\n style: {\r\n height: \"35px\",\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n {\r\n setLinkluutru(event.target.value);\r\n }}\r\n InputProps={{\r\n style: {\r\n height: \"35px\",\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n - Vốn vay:\r\n \r\n \r\n \r\n \r\n {\r\n setVonvay_vnd(value);\r\n }}\r\n InputProps={{\r\n style: {\r\n height: \"35px\",\r\n },\r\n inputProps: { min: 0 },\r\n }}\r\n InputLabelProps={{\r\n sx: {\r\n color: \"red\",\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n {\r\n setVonvay_usd(value);\r\n }}\r\n InputProps={{\r\n style: {\r\n height: \"35px\",\r\n },\r\n inputProps: { min: 0 },\r\n }}\r\n InputLabelProps={{\r\n sx: {\r\n color: \"red\",\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n {\r\n setNoidungvay(event.target.value);\r\n }}\r\n InputProps={{\r\n style: {\r\n height: \"35px\",\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n \r\n Thêm\r\n \r\n \r\n \r\n \r\n \r\n row.stt}\r\n rows={vonvay}\r\n columns={vonvaycolumn}\r\n checkboxSelection={false}\r\n getRowHeight={() => \"auto\"}\r\n headerHeight={35}\r\n sx={datagridSx}\r\n hideFooter\r\n initialState={{\r\n filter: {\r\n filterModel: {\r\n items: [],\r\n quickFilterLogicOperator:\r\n GridLinkOperator.Or,\r\n },\r\n },\r\n }}\r\n />\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Tiến độ thực hiện dự án\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n a) Tiến độ góp vốn và huy động vốn\r\n \r\n \r\n \r\n - Vốn góp:\r\n \r\n \r\n \r\n option.ten}\r\n onChange={(event, value) => {\r\n setChudautuVL(value);\r\n }}\r\n renderInput={(params) => (\r\n \r\n \r\n \r\n {\r\n setVongop_vnd(value);\r\n }}\r\n InputProps={{\r\n style: {\r\n height: \"35px\",\r\n },\r\n inputProps: { min: 0 },\r\n }}\r\n InputLabelProps={{\r\n sx: {\r\n color: \"red\",\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n {\r\n setVongop_usd(value);\r\n }}\r\n InputProps={{\r\n style: {\r\n height: \"35px\",\r\n },\r\n inputProps: { min: 0 },\r\n }}\r\n InputLabelProps={{\r\n sx: {\r\n color: \"red\",\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n {\r\n setTyle(event.target.value);\r\n }}\r\n onBlur={(event) => {\r\n if (Number(event.target.value) < 0) {\r\n showNotificationCanhBaoSoAm();\r\n }\r\n }}\r\n InputProps={{\r\n style: {\r\n height: \"35px\",\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n {\r\n setNoidung(event.target.value);\r\n }}\r\n InputProps={{\r\n style: {\r\n height: \"35px\",\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n \r\n Thêm\r\n \r\n \r\n \r\n \r\n \r\n row.stt}\r\n rows={gopvon}\r\n columns={vongopcolumn}\r\n checkboxSelection={false}\r\n getRowHeight={() => \"auto\"}\r\n headerHeight={35}\r\n sx={datagridSx}\r\n hideFooter\r\n initialState={{\r\n filter: {\r\n filterModel: {\r\n items: [],\r\n quickFilterLogicOperator:\r\n GridLinkOperator.Or,\r\n },\r\n },\r\n }}\r\n />\r\n
\r\n {newline(params.value)}
;\r\n }\r\n },\r\n },\r\n {\r\n field: \"vondangky_vnd\",\r\n headerName: \"Tổng vốn đầu tư (đồng)\",\r\n width: 200,\r\n headerAlign: \"center\",\r\n valueFormatter: (params) => params.value.toLocaleString(\"de-DE\"),\r\n },\r\n {\r\n field: \"thoidiemcapduan\",\r\n headerName: \"Năm cấp\",\r\n width: 120,\r\n headerAlign: \"center\",\r\n valueFormatter: (params) => dayjs(params.value).format(\"DD/MM/YYYY\"),\r\n },\r\n {\r\n field: \"soquyetdinhpheduyet\",\r\n headerName: \"Số QĐPD\",\r\n width: 180,\r\n headerAlign: \"center\",\r\n },\r\n {\r\n field: \"tiendothuchien\",\r\n headerName: \"Tiến độ dự án\",\r\n width: 380,\r\n headerAlign: \"center\",\r\n renderCell: (params) => {\r\n if (params.value) {\r\n return {newline(params.value)}
;\r\n }\r\n },\r\n },\r\n {\r\n field: \"khuvucdautu\",\r\n headerName: \"Khu vực\",\r\n width: 190,\r\n headerAlign: \"center\",\r\n },\r\n {\r\n field: \"linhvuc\",\r\n headerName: \"Lĩnh vực\",\r\n width: 220,\r\n headerAlign: \"center\",\r\n },\r\n {\r\n field: \"diaban\",\r\n headerName: \"Huyện/TX/TP\",\r\n width: 160,\r\n headerAlign: \"center\",\r\n },\r\n {\r\n field: \"diadiemthuchien\",\r\n headerName: \"Địa điểm\",\r\n width: 220,\r\n headerAlign: \"center\",\r\n },\r\n];\r\n\r\nexport default function Themmoiduan() {\r\n const classes = useStyles();\r\n const [pageSize, setPageSize] = React.useState(50);\r\n const [tungay, setTungay] = React.useState(dayjs());\r\n const [denngay, setDenngay] = React.useState(dayjs());\r\n const [duan, setDuan] = React.useState([]);\r\n const [openthem, setOpenthem] = React.useState(false);\r\n const [opensua, setOpensua] = React.useState(false);\r\n const [duan_id, setDuan_id] = React.useState(0);\r\n const [logid, setLogid] = React.useState(0);\r\n //const [maduan, setMaduan] = React.useState(\"\");\r\n const [disableBT, setDisableBT] = React.useState(true);\r\n const [alert, setAlert] = React.useState(false);\r\n const [alert1, setAlert1] = React.useState(false);\r\n const handleClose = () => {\r\n setOpenthem(false);\r\n getduantheonam();\r\n };\r\n const handleClosesua = () => {\r\n setOpensua(false);\r\n getduantheonam();\r\n };\r\n const openthembc = () => {\r\n setOpenthem(true);\r\n };\r\n const quickSearchToolbar = () => {\r\n return (\r\n \r\n row.da_id}\r\n rows={duan}\r\n columns={dacolumn}\r\n checkboxSelection={false}\r\n getRowHeight={() => \"auto\"}\r\n headerHeight={35}\r\n sx={datagridSx}\r\n pageSize={pageSize}\r\n onPageSizeChange={(newPageSize) => setPageSize(newPageSize)}\r\n rowsPerPageOptions={[20, 50, 100]}\r\n pagination\r\n initialState={{\r\n filter: {\r\n filterModel: {\r\n items: [],\r\n quickFilterLogicOperator: GridLinkOperator.Or,\r\n },\r\n },\r\n }}\r\n components={{ Toolbar: quickSearchToolbar }}\r\n onRowClick={(params) => {\r\n setDisableBT(false);\r\n setDuan_id(Number(params.row.da_id));\r\n setLogid(Number(params.row.logid));\r\n }}\r\n onCellDoubleClick={(params, event) => {\r\n if (!event.ctrlKey) {\r\n setOpensua(true);\r\n }\r\n }}\r\n />\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Thêm dự án\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Cập nhật dự án\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Tìm kiếm theo nhiều tiêu chí\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {\r\n setTungay(newValue);\r\n }}\r\n format=\"DD/MM/YYYY\"\r\n slotProps={{ textField: { size: \"small\" } }}\r\n views={[\"day\", \"month\", \"year\"]}\r\n sx={{\r\n \"& .MuiInputBase-root\": {\r\n height: 37,\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n \r\n \r\n {\r\n setDenngay(newValue);\r\n }}\r\n format=\"DD/MM/YYYY\"\r\n slotProps={{ textField: { size: \"small\" } }}\r\n views={[\"day\", \"month\", \"year\"]}\r\n sx={{\r\n \"& .MuiInputBase-root\": {\r\n height: 37,\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n \r\n option.ten}\r\n onChange={(event, value) => {\r\n setNguonvonVL(value);\r\n }}\r\n renderInput={(params) => (\r\n \r\n \r\n \r\n \r\n option.ten}\r\n onChange={(event, value) => {\r\n setDiadiemVL(value);\r\n }}\r\n renderInput={(params) => (\r\n \r\n \r\n \r\n \r\n option.ten}\r\n onChange={(event, value) => {\r\n setLinhvucVL(value);\r\n }}\r\n renderInput={(params) => (\r\n \r\n \r\n \r\n \r\n option.ten}\r\n onChange={(event, value) => {\r\n setKhuvucVL(value);\r\n }}\r\n renderInput={(params) => (\r\n \r\n \r\n \r\n \r\n option.ten}\r\n onChange={(event, value) => {\r\n setTinhtrangduanVL(value);\r\n }}\r\n renderInput={(params) => (\r\n \r\n \r\n \r\n \r\n option.ten}\r\n onChange={(event, value) => {\r\n setChutruongVL(value);\r\n }}\r\n renderInput={(params) => (\r\n \r\n \r\n\r\n \r\n \r\n option.ten}\r\n onChange={(event, value) => {\r\n setLoaiviphamVL(value);\r\n }}\r\n renderInput={(params) => (\r\n \r\n \r\n \r\n \r\n option.ten}\r\n onChange={(event, value) => {\r\n setTiendoduanVL(value);\r\n }}\r\n renderInput={(params) => (\r\n \r\n \r\n \r\n \r\n option.ten}\r\n onChange={(event, value) => {\r\n setTinhtrangkyquyVL(value);\r\n }}\r\n renderInput={(params) => (\r\n \r\n \r\n \r\n \r\n option.ten}\r\n onChange={(event, value) => {\r\n setQuyetdinhdieuchinhVL(value);\r\n }}\r\n renderInput={(params) => (\r\n \r\n \r\n \r\n \r\n option.ten}\r\n onChange={(event, value) => {\r\n setChudautuVL(value);\r\n }}\r\n renderInput={(params) => (\r\n \r\n \r\n \r\n \r\n \r\n \r\n Tìm kiếm\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n THÔNG TIN VỀ DỮ LIỆU THỰC HIỆN THEO QUÝ\r\n \r\n \r\n {tHead}\r\n {tBody}\r\n
\r\n
\r\n );\r\n});\r\n\r\nChitietquytable.propTypes = {\r\n data: PropTypes.array,\r\n};\r\nexport default Chitietquytable;\r\n","import React from \"react\";\r\nimport styles from \"assets/jss/material-dashboard-react/components/tablebaocaoStyle.js\";\r\nconst useStyles = makeStyles(styles);\r\nimport { makeStyles } from \"@material-ui/core/styles\";\r\nimport PropTypes from \"prop-types\";\r\nimport Modal from \"@mui/material/Modal\";\r\nimport GridContainer from \"components/Grid/GridContainer.js\";\r\nimport GridItem from \"components/Grid/GridItem.js\";\r\nimport GridItemLogin from \"components/Grid/GridItemLogin.js\";\r\nimport Card from \"components/Card/Card.js\";\r\nimport CardHeader from \"components/Card/CardHeadertab.js\";\r\nimport CloseIcon from \"@mui/icons-material/Close\";\r\nimport FormControl from \"@mui/material/FormControl\";\r\nimport Chitietquytable from \"components/Duan/Thongtin/Chitietquytable.js\";\r\nimport dayjs from \"dayjs\";\r\nimport Config from \"conFig.js\";\r\nconst Thongtinduantable = React.memo(function Thongtinduantable(props) {\r\n const classes = useStyles();\r\n const { data, duan_id } = props;\r\n const [quydata, setQuydata] = React.useState([]);\r\n const [openCtquy, setOpenCtquy] = React.useState(false);\r\n const handleClosequy = () => {\r\n setOpenCtquy(false);\r\n };\r\n const token = localStorage.getItem(\"token\");\r\n var username = localStorage.getItem(\"username\");\r\n var obj = {\r\n method: \"GET\",\r\n headers: {\r\n Accept: \"application/json\",\r\n \"Content-Type\": \"application/json\",\r\n Authorization: \"Bearer \" + token,\r\n },\r\n };\r\n const chitietquy = () => {\r\n var url =\r\n Config.backend +\r\n \"/api/DuanChuDauTu/getvonthquyduan?duan_id=\" +\r\n duan_id +\r\n \"&username=\" +\r\n username;\r\n fetch(url, obj)\r\n .then((res) => res.json())\r\n .then((data) => {\r\n setQuydata(data);\r\n })\r\n .catch((error) => {\r\n console.error(\"Error fetching data: \", error);\r\n });\r\n };\r\n const openlink = (link) => {\r\n window.open(link);\r\n };\r\n const newline = (text) => {\r\n if (text) {\r\n let newText = text\r\n .split(\"\\\\n\")\r\n .map((str, i) => (\r\n \r\n {str\r\n .replace(/&/g, \"&\")\r\n .replace(/</g, \"<\")\r\n .replace(/>/g, \">\")}\r\n \r\n ));\r\n return newText;\r\n }\r\n };\r\n const renderTableHead = () => {\r\n return (\r\n \r\n \r\n \r\n THÔNG TIN VỀ DỰ ÁN\r\n \r\n \r\n {tHead}\r\n {tBody}\r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n );\r\n});\r\n\r\nThongtinduantable.propTypes = {\r\n data: PropTypes.array,\r\n duan_id: PropTypes.number,\r\n};\r\nexport default Thongtinduantable;\r\n","import React from \"react\";\r\nimport {\r\n DataGrid,\r\n GridToolbarQuickFilter,\r\n GridLinkOperator,\r\n gridClasses,\r\n} from \"@mui/x-data-grid\";\r\nimport Boloc from \"components/Util/Boloc\";\r\nimport GridContainer from \"components/Grid/GridContainer.js\";\r\nimport GridItem from \"components/Grid/GridItem.js\";\r\nimport Backdrop from \"@mui/material/Backdrop\";\r\nimport CircularProgress from \"@mui/material/CircularProgress\";\r\nimport Button from \"@mui/material/Button\";\r\nimport FormControl from \"@mui/material/FormControl\";\r\nimport Box from \"@mui/material/Box\";\r\nimport Thongtinduantable from \"components/Duan/Thongtin/Thongtinduantable.js\";\r\nimport dayjs from \"dayjs\";\r\nimport Config from \"conFig.js\";\r\n\r\nconst datagridSx = {\r\n [`& .${gridClasses.cell}`]: {\r\n py: 1,\r\n },\r\n [`& .center`]: {\r\n justifyContent: \"center !important\",\r\n },\r\n borderRadius: 2,\r\n \"& .MuiDataGrid-main\": { borderRadius: 2 },\r\n \"& .MuiDataGrid-virtualScrollerRenderZone\": {\r\n \"& .MuiDataGrid-row\": {\r\n \"&:nth-of-type(2n)\": { backgroundColor: \"rgba(235, 235, 235, .7)\" },\r\n },\r\n },\r\n \"& .MuiDataGrid-columnHeaders\": {\r\n backgroundColor: \"rgba(0,0,255,0.6)\",\r\n color: \"rgb(255 255 255)\",\r\n fontSize: 16,\r\n },\r\n \"& .MuiInputBase-root\": {\r\n height: \"25px\",\r\n },\r\n};\r\nconst dacolumn = [\r\n {\r\n field: \"tenduan\",\r\n headerName: \"Tên dự án\",\r\n width: 250,\r\n headerAlign: \"center\",\r\n },\r\n {\r\n field: \"chudautu\",\r\n headerName: \"Chủ đầu tư\",\r\n width: 300,\r\n headerAlign: \"center\",\r\n },\r\n {\r\n field: \"thoidiemcapduan\",\r\n headerName: \"Năm cấp\",\r\n width: 120,\r\n headerAlign: \"center\",\r\n valueFormatter: (params) => dayjs(params.value).format(\"DD/MM/YYYY\"),\r\n },\r\n {\r\n field: \"soquyetdinhpheduyet\",\r\n headerName: \"Số QĐPD\",\r\n width: 180,\r\n headerAlign: \"center\",\r\n },\r\n {\r\n field: \"khuvucdautu\",\r\n headerName: \"Khu vực\",\r\n width: 190,\r\n headerAlign: \"center\",\r\n },\r\n {\r\n field: \"linhvuc\",\r\n headerName: \"Lĩnh vực\",\r\n width: 220,\r\n headerAlign: \"center\",\r\n },\r\n {\r\n field: \"diadiem\",\r\n headerName: \"Địa điểm\",\r\n width: 150,\r\n headerAlign: \"center\",\r\n },\r\n];\r\n\r\nexport default function Thongtinduan() {\r\n const [open, setOpen] = React.useState(false);\r\n const [pageSize, setPageSize] = React.useState(50);\r\n const [duan, setDuan] = React.useState([]);\r\n const [duan_id, setDuan_id] = React.useState(0);\r\n const [data, setData] = React.useState([]);\r\n const [opentimkiem, setOpentimkiem] = React.useState(false);\r\n const handleClosetimkiem = () => {\r\n setOpentimkiem(false);\r\n };\r\n const handleOpenCloseBackdrop = (val) => {\r\n setOpen(val);\r\n };\r\n const handleSetResult = (val) => {\r\n setDuan(val);\r\n };\r\n const quickSearchToolbar = () => {\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Báo cáo chi tiết quý\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n row.id}\r\n rows={duan}\r\n columns={dacolumn}\r\n checkboxSelection={false}\r\n getRowHeight={() => \"auto\"}\r\n headerHeight={35}\r\n sx={datagridSx}\r\n pageSize={pageSize}\r\n onPageSizeChange={(newPageSize) => setPageSize(newPageSize)}\r\n rowsPerPageOptions={[20, 50, 100]}\r\n pagination\r\n initialState={{\r\n filter: {\r\n filterModel: {\r\n items: [],\r\n quickFilterLogicOperator: GridLinkOperator.Or,\r\n },\r\n },\r\n }}\r\n components={{ Toolbar: quickSearchToolbar }}\r\n onRowClick={(params) => {\r\n getthongtinduan(Number(params.row.id));\r\n setDuan_id(Number(params.row.id));\r\n }}\r\n />\r\n
\r\n \r\n \r\n \r\n \r\n \r\n option.id === value.id}\r\n options={nguonvon}\r\n getOptionLabel={(option) => option.ten}\r\n onChange={(event, value) => {\r\n setNguonvonVL(value);\r\n if (value.id === 1) {\r\n setDisableUSD(true);\r\n } else {\r\n setDisableUSD(false);\r\n }\r\n }}\r\n renderInput={(params) => (\r\n \r\n \r\n \r\n \r\n option.id === value.id}\r\n options={quocgia}\r\n getOptionLabel={(option) => option.ten}\r\n onChange={(event, value) => {\r\n setQuocgiaVL(value);\r\n }}\r\n renderInput={(params) => (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n option.id === value.id}\r\n options={chudautu}\r\n getOptionLabel={(option) => option.ten}\r\n onChange={(event, value) => {\r\n setChudautu1(value);\r\n setChudautuID(value);\r\n }}\r\n renderInput={(params) => (\r\n \r\n \r\n \r\n \r\n {\r\n setTenduan(event.target.value);\r\n }}\r\n InputProps={{\r\n style: {\r\n height: \"35px\",\r\n },\r\n }}\r\n InputLabelProps={{\r\n sx: {\r\n color: \"red\",\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n \r\n {\r\n if (\r\n dayjs(ngaycapquyetdinh).isBefore(\r\n dayjs(thoidiemcapduan)\r\n )\r\n ) {\r\n showNotificationCanhBaoNgayCapDuAnNgayRaQuyetDinh();\r\n }\r\n if (\r\n dayjs(thoidiemcapduan).isAfter(dayjs(duandenngay))\r\n ) {\r\n showNotificationCanhBaoNgayBatDauNgayKetThuc();\r\n }\r\n },\r\n },\r\n }}\r\n views={[\"day\", \"month\", \"year\"]}\r\n sx={{\r\n \"& .MuiInputBase-root\": {\r\n height: \"37px\",\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n \r\n option.id === value.id}\r\n options={coquanbanhanh}\r\n getOptionLabel={(option) => option.ten}\r\n onChange={(event, value) => {\r\n setCoquanbanhanhVL(value);\r\n }}\r\n renderInput={(params) => (\r\n \r\n \r\n \r\n \r\n {\r\n setSoqdpd(event.target.value);\r\n }}\r\n InputProps={{\r\n style: {\r\n height: \"35px\",\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n \r\n {\r\n setNgaycapquyetdinh(newValue);\r\n }}\r\n format=\"DD/MM/YYYY\"\r\n slotProps={{\r\n textField: {\r\n size: \"small\",\r\n onBlur: () => {\r\n if (\r\n dayjs(thoidiemcapduan).isAfter(\r\n dayjs(ngaycapquyetdinh)\r\n )\r\n ) {\r\n showNotificationCanhBaoNgayCapDuAnNgayRaQuyetDinh();\r\n }\r\n },\r\n },\r\n }}\r\n views={[\"day\", \"month\", \"year\"]}\r\n sx={{\r\n \"& .MuiInputBase-root\": {\r\n height: \"37px\",\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n \r\n {\r\n setGiaychungnhandkdt(event.target.value);\r\n }}\r\n InputProps={{\r\n style: {\r\n height: \"35px\",\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n \r\n {\r\n setNgaycapchungnhan(newValue);\r\n }}\r\n format=\"DD/MM/YYYY\"\r\n slotProps={{ textField: { size: \"small\" } }}\r\n views={[\"day\", \"month\", \"year\"]}\r\n sx={{\r\n \"& .MuiInputBase-root\": {\r\n height: \"37px\",\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n \r\n {\r\n setVondangky_vnd(value);\r\n }}\r\n InputProps={{\r\n style: {\r\n height: \"35px\",\r\n },\r\n }}\r\n InputLabelProps={{\r\n sx: {\r\n color: \"red\",\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n {\r\n setVondangky_usd(value);\r\n }}\r\n InputProps={{\r\n style: {\r\n height: \"35px\",\r\n },\r\n inputProps: { min: 0 },\r\n }}\r\n InputLabelProps={{\r\n sx: {\r\n color: \"red\",\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n {\r\n setDiachitruso(event.target.value);\r\n }}\r\n InputProps={{\r\n style: {\r\n height: \"35px\",\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n option.id === value.id}\r\n options={khuvuc}\r\n getOptionLabel={(option) => option.ten}\r\n onChange={(event, value) => {\r\n setKhuvucVL(value);\r\n getcumcongnghiep(value.id);\r\n setCcnkktkcnVL(null);\r\n setTrickUpdateDefaultValue(\r\n trickUpdateDefaultValue == 1 ? 2 : 1\r\n );\r\n }}\r\n renderInput={(params) => (\r\n \r\n \r\n \r\n \r\n {\r\n setDiachi(event.target.value);\r\n }}\r\n InputProps={{\r\n style: {\r\n height: \"35px\",\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n option.id === value.id}\r\n options={diadiem}\r\n getOptionLabel={(option) => option.ten}\r\n onChange={(event, value) => {\r\n setDiadiemVL(value);\r\n }}\r\n renderInput={(params) => (\r\n \r\n \r\n \r\n \r\n {\r\n setMuctieu(event.target.value);\r\n }}\r\n multiline\r\n rows={2}\r\n />\r\n \r\n \r\n \r\n \r\n {\r\n setQuymo(event.target.value);\r\n }}\r\n multiline\r\n rows={2}\r\n />\r\n \r\n \r\n \r\n \r\n {\r\n setDientich(value);\r\n }}\r\n InputProps={{\r\n style: {\r\n height: \"35px\",\r\n },\r\n inputProps: { min: 0 },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n {\r\n setThoigianhoatdong(event.target.value);\r\n var ngay =\r\n ngaycapquyetdinh.$y +\r\n Number(event.target.value) +\r\n \"-\" +\r\n String(ngaycapquyetdinh.$M + 1).padStart(2, \"0\") +\r\n \"-\" +\r\n ngaycapquyetdinh.$D;\r\n setDuandenngay(dayjs(ngay));\r\n }}\r\n onBlur={(event) => {\r\n if (Number(event.target.value) < 0) {\r\n showNotificationCanhBaoSoAm();\r\n }\r\n }}\r\n InputProps={{\r\n style: {\r\n height: \"35px\",\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n \r\n {\r\n setDuandenngay(newValue);\r\n setThoigianhoatdong(newValue.$y - ngaycapquyetdinh.$y);\r\n }}\r\n format=\"DD/MM/YYYY\"\r\n slotProps={{\r\n textField: {\r\n size: \"small\",\r\n onBlur: () => {\r\n if (\r\n dayjs(duandenngay).isBefore(dayjs(thoidiemcapduan))\r\n ) {\r\n showNotificationCanhBaoNgayBatDauNgayKetThuc();\r\n }\r\n },\r\n },\r\n }}\r\n views={[\"day\", \"month\", \"year\"]}\r\n sx={{\r\n \"& .MuiInputBase-root\": {\r\n height: \"37px\",\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n \r\n option.id === value.id}\r\n options={linhvuc}\r\n getOptionLabel={(option) => option.ten}\r\n onChange={(event, value) => {\r\n setLinhvucVL(value);\r\n }}\r\n renderInput={(params) => (\r\n \r\n \r\n \r\n \r\n option.id === value.id}\r\n options={ccnkktkcn}\r\n getOptionLabel={(option) => option.ten}\r\n onChange={(event, value) => {\r\n setCcnkktkcnVL(value);\r\n }}\r\n renderInput={(params) => (\r\n \r\n \r\n \r\n \r\n {\r\n setLaodong_vn_dangky(event.target.value);\r\n }}\r\n onBlur={(event) => {\r\n if (Number(event.target.value) < 0) {\r\n showNotificationCanhBaoSoAm();\r\n }\r\n }}\r\n InputProps={{\r\n style: {\r\n height: \"35px\",\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n {\r\n setLaodong_nn_dangky(event.target.value);\r\n }}\r\n onBlur={(event) => {\r\n if (Number(event.target.value) < 0) {\r\n showNotificationCanhBaoSoAm();\r\n }\r\n }}\r\n InputProps={{\r\n style: {\r\n height: \"35px\",\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n setOpentiendo(true)}\r\n style={{ height: \"35px\" }}\r\n >\r\n Tiến độ thực hiện\r\n \r\n \r\n \r\n \r\n \r\n {\r\n setUudaihotro(event.target.value);\r\n }}\r\n InputProps={{\r\n style: {\r\n height: \"35px\",\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n {\r\n setLinkluutru(event.target.value);\r\n }}\r\n InputProps={{\r\n style: {\r\n height: \"35px\",\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n - Vốn vay:\r\n \r\n \r\n \r\n \r\n {\r\n setVonvay_vnd(value);\r\n }}\r\n InputProps={{\r\n style: {\r\n height: \"35px\",\r\n },\r\n inputProps: { min: 0 },\r\n }}\r\n InputLabelProps={{\r\n sx: {\r\n color: \"red\",\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n {\r\n setVonvay_usd(value);\r\n }}\r\n InputProps={{\r\n style: {\r\n height: \"35px\",\r\n },\r\n inputProps: { min: 0 },\r\n }}\r\n InputLabelProps={{\r\n sx: {\r\n color: \"red\",\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n {\r\n setNoidungvay(event.target.value);\r\n }}\r\n InputProps={{\r\n style: {\r\n height: \"35px\",\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n \r\n Thêm\r\n \r\n \r\n \r\n \r\n \r\n row.stt}\r\n rows={vonvay}\r\n columns={vonvaycolumn}\r\n checkboxSelection={false}\r\n getRowHeight={() => \"auto\"}\r\n headerHeight={35}\r\n sx={datagridSx}\r\n hideFooter\r\n initialState={{\r\n filter: {\r\n filterModel: {\r\n items: [],\r\n quickFilterLogicOperator:\r\n GridLinkOperator.Or,\r\n },\r\n },\r\n }}\r\n />\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Tiến độ thực hiện dự án\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n a) Tiến độ góp vốn và huy động vốn\r\n \r\n \r\n \r\n - Vốn góp:\r\n \r\n \r\n \r\n option.ten}\r\n onChange={(event, value) => {\r\n setChudautuVL(value);\r\n }}\r\n renderInput={(params) => (\r\n \r\n \r\n \r\n {\r\n setVongop_vnd(value);\r\n }}\r\n InputProps={{\r\n style: {\r\n height: \"35px\",\r\n },\r\n inputProps: { min: 0 },\r\n }}\r\n InputLabelProps={{\r\n sx: {\r\n color: \"red\",\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n {\r\n setVongop_usd(value);\r\n }}\r\n InputProps={{\r\n style: {\r\n height: \"35px\",\r\n },\r\n inputProps: { min: 0 },\r\n }}\r\n InputLabelProps={{\r\n sx: {\r\n color: \"red\",\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n {\r\n setTyle(event.target.value);\r\n }}\r\n onBlur={(event) => {\r\n if (Number(event.target.value) < 0) {\r\n showNotificationCanhBaoSoAm();\r\n }\r\n }}\r\n InputProps={{\r\n style: {\r\n height: \"35px\",\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n {\r\n setNoidung(event.target.value);\r\n }}\r\n InputProps={{\r\n style: {\r\n height: \"35px\",\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n \r\n Thêm\r\n \r\n \r\n \r\n \r\n \r\n row.stt}\r\n rows={gopvon}\r\n columns={vongopcolumn}\r\n checkboxSelection={false}\r\n getRowHeight={() => \"auto\"}\r\n headerHeight={35}\r\n sx={datagridSx}\r\n hideFooter\r\n initialState={{\r\n filter: {\r\n filterModel: {\r\n items: [],\r\n quickFilterLogicOperator:\r\n GridLinkOperator.Or,\r\n },\r\n },\r\n }}\r\n />\r\n
\r\n \r\n \r\n \r\n \r\n \r\n option.id === value.id}\r\n options={nguonvon}\r\n getOptionLabel={(option) => option.ten}\r\n onChange={(event, value) => {\r\n setNguonvonVL(value);\r\n if (value.id === 1) {\r\n setDisableUSD(true);\r\n } else {\r\n setDisableUSD(false);\r\n }\r\n }}\r\n renderInput={(params) => (\r\n \r\n \r\n \r\n \r\n option.id === value.id}\r\n options={quocgia}\r\n getOptionLabel={(option) => option.ten}\r\n onChange={(event, value) => {\r\n setQuocgiaVL(value);\r\n }}\r\n renderInput={(params) => (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n option.id === value.id}\r\n options={chudautu}\r\n getOptionLabel={(option) => option.ten}\r\n onChange={(event, value) => {\r\n setChudautu1(value);\r\n setChudautuID(value);\r\n }}\r\n renderInput={(params) => (\r\n \r\n \r\n \r\n \r\n {\r\n setTenduan(event.target.value);\r\n }}\r\n InputProps={{\r\n style: {\r\n height: \"35px\",\r\n },\r\n }}\r\n InputLabelProps={{\r\n sx: {\r\n color: \"red\",\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n \r\n {\r\n if (\r\n dayjs(ngaycapquyetdinh).isBefore(\r\n dayjs(thoidiemcapduan)\r\n )\r\n ) {\r\n showNotificationCanhBaoNgayCapDuAnNgayRaQuyetDinh();\r\n }\r\n if (\r\n dayjs(thoidiemcapduan).isAfter(dayjs(duandenngay))\r\n ) {\r\n showNotificationCanhBaoNgayBatDauNgayKetThuc();\r\n }\r\n },\r\n },\r\n }}\r\n views={[\"day\", \"month\", \"year\"]}\r\n sx={{\r\n \"& .MuiInputBase-root\": {\r\n height: \"37px\",\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n \r\n option.id === value.id}\r\n options={coquanbanhanh}\r\n getOptionLabel={(option) => option.ten}\r\n onChange={(event, value) => {\r\n setCoquanbanhanhVL(value);\r\n }}\r\n renderInput={(params) => (\r\n \r\n \r\n \r\n \r\n {\r\n setSoqdpd(event.target.value);\r\n }}\r\n InputProps={{\r\n style: {\r\n height: \"35px\",\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n \r\n {\r\n setNgaycapquyetdinh(newValue);\r\n }}\r\n format=\"DD/MM/YYYY\"\r\n slotProps={{\r\n textField: {\r\n size: \"small\",\r\n onBlur: () => {\r\n if (\r\n dayjs(thoidiemcapduan).isAfter(\r\n dayjs(ngaycapquyetdinh)\r\n )\r\n ) {\r\n showNotificationCanhBaoNgayCapDuAnNgayRaQuyetDinh();\r\n }\r\n },\r\n },\r\n }}\r\n views={[\"day\", \"month\", \"year\"]}\r\n sx={{\r\n \"& .MuiInputBase-root\": {\r\n height: \"37px\",\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n \r\n {\r\n setGiaychungnhandkdt(event.target.value);\r\n }}\r\n InputProps={{\r\n style: {\r\n height: \"35px\",\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n \r\n {\r\n setNgaycapchungnhan(newValue);\r\n }}\r\n format=\"DD/MM/YYYY\"\r\n slotProps={{ textField: { size: \"small\" } }}\r\n views={[\"day\", \"month\", \"year\"]}\r\n sx={{\r\n \"& .MuiInputBase-root\": {\r\n height: \"37px\",\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n \r\n {\r\n setVondangky_vnd(value);\r\n }}\r\n InputProps={{\r\n style: {\r\n height: \"35px\",\r\n },\r\n }}\r\n InputLabelProps={{\r\n sx: {\r\n color: \"red\",\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n {\r\n setVondangky_usd(value);\r\n }}\r\n InputProps={{\r\n style: {\r\n height: \"35px\",\r\n },\r\n inputProps: { min: 0 },\r\n }}\r\n InputLabelProps={{\r\n sx: {\r\n color: \"red\",\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n {\r\n setDiachitruso(event.target.value);\r\n }}\r\n InputProps={{\r\n style: {\r\n height: \"35px\",\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n option.id === value.id}\r\n options={khuvuc}\r\n getOptionLabel={(option) => option.ten}\r\n onChange={(event, value) => {\r\n setKhuvucVL(value);\r\n getcumcongnghiep(value.id);\r\n setCcnkktkcnVL(null);\r\n setTrickUpdateDefaultValue(\r\n trickUpdateDefaultValue == 1 ? 2 : 1\r\n );\r\n }}\r\n renderInput={(params) => (\r\n \r\n \r\n \r\n \r\n {\r\n setDiachi(event.target.value);\r\n }}\r\n InputProps={{\r\n style: {\r\n height: \"35px\",\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n option.id === value.id}\r\n options={diadiem}\r\n getOptionLabel={(option) => option.ten}\r\n onChange={(event, value) => {\r\n setDiadiemVL(value);\r\n }}\r\n renderInput={(params) => (\r\n \r\n \r\n \r\n \r\n {\r\n setMuctieu(event.target.value);\r\n }}\r\n multiline\r\n rows={2}\r\n />\r\n \r\n \r\n \r\n \r\n {\r\n setQuymo(event.target.value);\r\n }}\r\n multiline\r\n rows={2}\r\n />\r\n \r\n \r\n \r\n \r\n {\r\n setDientich(value);\r\n }}\r\n InputProps={{\r\n style: {\r\n height: \"35px\",\r\n },\r\n inputProps: { min: 0 },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n {\r\n setThoigianhoatdong(event.target.value);\r\n var ngay =\r\n ngaycapquyetdinh.$y +\r\n Number(event.target.value) +\r\n \"-\" +\r\n String(ngaycapquyetdinh.$M + 1).padStart(2, \"0\") +\r\n \"-\" +\r\n ngaycapquyetdinh.$D;\r\n setDuandenngay(dayjs(ngay));\r\n }}\r\n onBlur={(event) => {\r\n if (Number(event.target.value) < 0) {\r\n showNotificationCanhBaoSoAm();\r\n }\r\n }}\r\n InputProps={{\r\n style: {\r\n height: \"35px\",\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n \r\n {\r\n setDuandenngay(newValue);\r\n setThoigianhoatdong(newValue.$y - ngaycapquyetdinh.$y);\r\n }}\r\n format=\"DD/MM/YYYY\"\r\n slotProps={{\r\n textField: {\r\n size: \"small\",\r\n onBlur: () => {\r\n if (\r\n dayjs(duandenngay).isBefore(dayjs(thoidiemcapduan))\r\n ) {\r\n showNotificationCanhBaoNgayBatDauNgayKetThuc();\r\n }\r\n },\r\n },\r\n }}\r\n views={[\"day\", \"month\", \"year\"]}\r\n sx={{\r\n \"& .MuiInputBase-root\": {\r\n height: \"37px\",\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n \r\n option.id === value.id}\r\n options={linhvuc}\r\n getOptionLabel={(option) => option.ten}\r\n onChange={(event, value) => {\r\n setLinhvucVL(value);\r\n }}\r\n renderInput={(params) => (\r\n \r\n \r\n \r\n \r\n option.id === value.id}\r\n options={ccnkktkcn}\r\n getOptionLabel={(option) => option.ten}\r\n onChange={(event, value) => {\r\n setCcnkktkcnVL(value);\r\n }}\r\n renderInput={(params) => (\r\n \r\n \r\n \r\n \r\n {\r\n setLaodong_vn_dangky(event.target.value);\r\n }}\r\n onBlur={(event) => {\r\n if (Number(event.target.value) < 0) {\r\n showNotificationCanhBaoSoAm();\r\n }\r\n }}\r\n InputProps={{\r\n style: {\r\n height: \"35px\",\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n {\r\n setLaodong_nn_dangky(event.target.value);\r\n }}\r\n onBlur={(event) => {\r\n if (Number(event.target.value) < 0) {\r\n showNotificationCanhBaoSoAm();\r\n }\r\n }}\r\n InputProps={{\r\n style: {\r\n height: \"35px\",\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n setOpentiendo(true)}\r\n style={{ height: \"35px\" }}\r\n >\r\n Tiến độ thực hiện\r\n \r\n \r\n \r\n \r\n \r\n {\r\n setUudaihotro(event.target.value);\r\n }}\r\n InputProps={{\r\n style: {\r\n height: \"35px\",\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n {\r\n setLinkluutru(event.target.value);\r\n }}\r\n InputProps={{\r\n style: {\r\n height: \"35px\",\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n - Vốn vay:\r\n \r\n \r\n \r\n \r\n {\r\n setVonvay_vnd(value);\r\n }}\r\n InputProps={{\r\n style: {\r\n height: \"35px\",\r\n },\r\n inputProps: { min: 0 },\r\n }}\r\n InputLabelProps={{\r\n sx: {\r\n color: \"red\",\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n {\r\n setVonvay_usd(value);\r\n }}\r\n InputProps={{\r\n style: {\r\n height: \"35px\",\r\n },\r\n inputProps: { min: 0 },\r\n }}\r\n InputLabelProps={{\r\n sx: {\r\n color: \"red\",\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n {\r\n setNoidungvay(event.target.value);\r\n }}\r\n InputProps={{\r\n style: {\r\n height: \"35px\",\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n \r\n Thêm\r\n \r\n \r\n \r\n \r\n \r\n row.stt}\r\n rows={vonvay}\r\n columns={vonvaycolumn}\r\n checkboxSelection={false}\r\n getRowHeight={() => \"auto\"}\r\n headerHeight={35}\r\n sx={datagridSx}\r\n hideFooter\r\n initialState={{\r\n filter: {\r\n filterModel: {\r\n items: [],\r\n quickFilterLogicOperator:\r\n GridLinkOperator.Or,\r\n },\r\n },\r\n }}\r\n />\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Tiến độ thực hiện dự án\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n a) Tiến độ góp vốn và huy động vốn\r\n \r\n \r\n \r\n - Vốn góp:\r\n \r\n \r\n \r\n option.ten}\r\n onChange={(event, value) => {\r\n setChudautuVL(value);\r\n }}\r\n renderInput={(params) => (\r\n \r\n \r\n \r\n {\r\n setVongop_vnd(value);\r\n }}\r\n InputProps={{\r\n style: {\r\n height: \"35px\",\r\n },\r\n inputProps: { min: 0 },\r\n }}\r\n InputLabelProps={{\r\n sx: {\r\n color: \"red\",\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n {\r\n setVongop_usd(value);\r\n }}\r\n InputProps={{\r\n style: {\r\n height: \"35px\",\r\n },\r\n inputProps: { min: 0 },\r\n }}\r\n InputLabelProps={{\r\n sx: {\r\n color: \"red\",\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n {\r\n setTyle(event.target.value);\r\n }}\r\n onBlur={(event) => {\r\n if (Number(event.target.value) < 0) {\r\n showNotificationCanhBaoSoAm();\r\n }\r\n }}\r\n InputProps={{\r\n style: {\r\n height: \"35px\",\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n {\r\n setNoidung(event.target.value);\r\n }}\r\n InputProps={{\r\n style: {\r\n height: \"35px\",\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n \r\n Thêm\r\n \r\n \r\n \r\n \r\n \r\n row.stt}\r\n rows={gopvon}\r\n columns={vongopcolumn}\r\n checkboxSelection={false}\r\n getRowHeight={() => \"auto\"}\r\n headerHeight={35}\r\n sx={datagridSx}\r\n hideFooter\r\n initialState={{\r\n filter: {\r\n filterModel: {\r\n items: [],\r\n quickFilterLogicOperator:\r\n GridLinkOperator.Or,\r\n },\r\n },\r\n }}\r\n />\r\n
\r\n \r\n \r\n {tHead}\r\n {tBody}\r\n
\r\n
\r\n );\r\n});\r\n\r\nNoidungdieuchinh.propTypes = {\r\n dieuchinh_id: PropTypes.number,\r\n};\r\nexport default Noidungdieuchinh;\r\n","import { MenuItem } from \"@mui/material\";\r\nimport { saveAs } from \"file-saver\";\r\nimport {\r\n gridFilteredSortedRowIdsSelector,\r\n gridVisibleColumnFieldsSelector,\r\n useGridApiContext,\r\n} from \"@mui/x-data-grid\";\r\nimport * as React from \"react\";\r\n//import dayjs from \"dayjs\";\r\n\r\nconst ExcelJS = require(\"exceljs\");\r\n\r\n// Get data on grid\r\nconst getExcelData = (apiRef) => {\r\n // Select rows and columns\r\n const filteredSortedRowIds = gridFilteredSortedRowIdsSelector(apiRef);\r\n const visibleColumnsField = gridVisibleColumnFieldsSelector(apiRef);\r\n\r\n // Format the data. Here we only keep the value\r\n const data = filteredSortedRowIds.map((id) => {\r\n const row = {};\r\n visibleColumnsField.forEach((field) => {\r\n row[field] = apiRef.current.getCellParams(id, field).value;\r\n });\r\n return row;\r\n });\r\n\r\n return data;\r\n};\r\n\r\n//Init header columns\r\nconst initHeaderColumns = (headers) => {\r\n let headerColumns = [];\r\n headers.forEach((h) => {\r\n let headerColumn = { key: h, width: 10 };\r\n headerColumns.push(headerColumn);\r\n });\r\n return headerColumns;\r\n};\r\n\r\nconst Baocaodieuchinhexcel = function Baocaodieuchinhexcel() {\r\n const apiRef = useGridApiContext();\r\n const data = getExcelData(apiRef);\r\n // Auto Width\r\n const autoWidth = (worksheet, minimalWidth) => {\r\n worksheet.columns.forEach((column) => {\r\n let maxColumnLength = 0;\r\n column.eachCell({ includeEmpty: true }, (cell) => {\r\n maxColumnLength = Math.max(\r\n maxColumnLength,\r\n minimalWidth,\r\n cell.value ? cell.value.toString().length : 0\r\n );\r\n });\r\n column.width = maxColumnLength + 2;\r\n });\r\n };\r\n\r\n const handleExport = async () => {\r\n // Init workbook and worksheet\r\n const workbook = new ExcelJS.Workbook();\r\n const sheet = workbook.addWorksheet(\"My Sheet\");\r\n\r\n // Title\r\n sheet.mergeCells(1, 1, 1, Object.keys(data[0]).length);\r\n sheet.getCell(\"A1\").value = \"BÁO CÁO DANH SÁCH DỰ ÁN ĐIỀU CHỈNH\";\r\n\r\n // Init header columns at row 2 on excel file\r\n var headerValues = [];\r\n for (const element of Object.keys(data[0])) {\r\n if (element == \"stt\") {\r\n headerValues.push(\"STT\");\r\n } else if (element == \"landieuchinh\") {\r\n headerValues.push(\"Lần điều chỉnh\");\r\n } else if (element == \"maduan\") {\r\n headerValues.push(\"Mã dự án\");\r\n } else if (element == \"tenduan\") {\r\n headerValues.push(\"Tên dự án\");\r\n } else if (element == \"chudautu\") {\r\n headerValues.push(\"Chủ đầu tư\");\r\n } else if (element == \"soquyetdinhpheduyet\") {\r\n headerValues.push(\"Số QĐPD\");\r\n } else if (element == \"ngaycapquyetdinh\") {\r\n headerValues.push(\"Ngày quyết định\");\r\n } else if (element == \"vondangky_vnd\") {\r\n headerValues.push(\"Tổng vốn đầu tư (đồng)\");\r\n } else if (element == \"tiendothuchien\") {\r\n headerValues.push(\"Tiến độ dự án\");\r\n } else if (element == \"khuvucdautu\") {\r\n headerValues.push(\"Khu vực\");\r\n } else if (element == \"linhvuc\") {\r\n headerValues.push(\"Lĩnh vực\");\r\n } else if (element == \"diaban\") {\r\n headerValues.push(\"Huyện/TX/TP\");\r\n } else if (element == \"diadiemthuchien\") {\r\n headerValues.push(\"Địa điểm\");\r\n }\r\n }\r\n\r\n sheet.getRow(2).values = headerValues;\r\n sheet.columns = initHeaderColumns(Object.keys(data[0]));\r\n\r\n // Fullfill data for excel file\r\n sheet.addRows(data);\r\n\r\n // Design excel\r\n // Auto column width for excel file with default 10px\r\n autoWidth(sheet, 10);\r\n\r\n // Design Border and Common Alignment + Font\r\n sheet.eachRow(function (row) {\r\n row.eachCell({ includeEmpty: true }, function (cell) {\r\n cell.border = {\r\n top: { style: \"thin\" },\r\n bottom: { style: \"thin\" },\r\n left: { style: \"thin\" },\r\n right: { style: \"thin\" },\r\n };\r\n cell.alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"left\",\r\n wrapText: true,\r\n };\r\n cell.font = {\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n });\r\n });\r\n\r\n // Design Title\r\n sheet.getCell(\"A1\").font = {\r\n bold: true,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"A1\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"center\",\r\n };\r\n\r\n // Design header\r\n const row2 = sheet.getRow(2);\r\n row2.eachCell(function (cell) {\r\n if (cell.value) {\r\n cell.font = {\r\n bold: true,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n cell.alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"center\",\r\n };\r\n }\r\n });\r\n\r\n // Design special Columns\r\n if (Object.keys(data[0]).includes(\"stt\")) {\r\n const colStt = sheet.getColumn(\"stt\");\r\n colStt.eachCell(function (cell, rowNumber) {\r\n if (rowNumber > 2) {\r\n cell.alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"center\",\r\n };\r\n }\r\n });\r\n }\r\n if (Object.keys(data[0]).includes(\"landieuchinh\")) {\r\n const colLandieuchinh = sheet.getColumn(\"landieuchinh\");\r\n colLandieuchinh.eachCell(function (cell, rowNumber) {\r\n if (rowNumber > 2) {\r\n cell.alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"center\",\r\n };\r\n }\r\n });\r\n }\r\n if (Object.keys(data[0]).includes(\"vondangky_vnd\")) {\r\n const colVondangky_vnd = sheet.getColumn(\"vondangky_vnd\");\r\n colVondangky_vnd.eachCell(function (cell, rowNumber) {\r\n if (rowNumber > 2) {\r\n cell.alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"right\",\r\n };\r\n cell.numFmt = \"#,##0\";\r\n }\r\n });\r\n }\r\n if (Object.keys(data[0]).includes(\"ngaycapquyetdinh\")) {\r\n const colNgaycapquyetdinh = sheet.getColumn(\"ngaycapquyetdinh\");\r\n colNgaycapquyetdinh.eachCell(function (cell, rowNumber) {\r\n if (rowNumber > 2) {\r\n cell.numFmt = \"dd.mm.yyyy\";\r\n }\r\n });\r\n }\r\n if (Object.keys(data[0]).includes(\"tiendothuchien\")) {\r\n const colTiendothuchien = sheet.getColumn(\"tiendothuchien\");\r\n colTiendothuchien.width = 100;\r\n colTiendothuchien.eachCell(function (cell, rowNumber) {\r\n if (rowNumber > 2) {\r\n if (data[rowNumber - 3]) {\r\n cell.value = data[rowNumber - 3].tiendothuchien\r\n ? data[rowNumber - 3].tiendothuchien.replace(/;\\\\n/g, \"\\r\\n\")\r\n : null;\r\n }\r\n }\r\n });\r\n }\r\n if (Object.keys(data[0]).includes(\"chudautu\")) {\r\n const colChudautu = sheet.getColumn(\"chudautu\");\r\n colChudautu.width = 100;\r\n colChudautu.eachCell(function (cell, rowNumber) {\r\n if (rowNumber > 2) {\r\n if (data[rowNumber - 3]) {\r\n cell.value = data[rowNumber - 3].chudautu\r\n ? data[rowNumber - 3].chudautu.replace(/\\\\n/g, \"\\r\\n\")\r\n : null;\r\n }\r\n }\r\n });\r\n }\r\n\r\n // Write excel file\r\n const buffer = await workbook.xlsx.writeBuffer();\r\n saveAs.saveAs(new Blob([buffer]), \"baocaodieuchinh.xlsx\");\r\n };\r\n\r\n return (\r\n {newline(params.value)}
;\r\n }\r\n },\r\n },\r\n {\r\n field: \"soquyetdinhpheduyet\",\r\n headerName: \"Số QĐPD\",\r\n width: 180,\r\n headerAlign: \"center\",\r\n },\r\n {\r\n field: \"ngaycapquyetdinh\",\r\n headerName: \"Ngày quyết định\",\r\n width: 140,\r\n headerAlign: \"center\",\r\n valueFormatter: (params) => dayjs(params.value).format(\"DD/MM/YYYY\"),\r\n },\r\n {\r\n field: \"vondangky_vnd\",\r\n headerName: \"Tổng vốn đầu tư (đồng)\",\r\n width: 200,\r\n headerAlign: \"center\",\r\n valueFormatter: (params) => params.value.toLocaleString(\"de-DE\"),\r\n },\r\n {\r\n field: \"tiendothuchien\",\r\n headerName: \"Tiến độ dự án\",\r\n width: 450,\r\n headerAlign: \"center\",\r\n renderCell: (params) => {\r\n if (params.value) {\r\n return {newline(params.value)}
;\r\n }\r\n },\r\n },\r\n {\r\n field: \"khuvucdautu\",\r\n headerName: \"Khu vực\",\r\n width: 190,\r\n headerAlign: \"center\",\r\n },\r\n {\r\n field: \"linhvuc\",\r\n headerName: \"Lĩnh vực\",\r\n width: 220,\r\n headerAlign: \"center\",\r\n },\r\n {\r\n field: \"diaban\",\r\n headerName: \"Huyện/TX/TP\",\r\n width: 160,\r\n headerAlign: \"center\",\r\n },\r\n {\r\n field: \"diadiemthuchien\",\r\n headerName: \"Địa điểm\",\r\n width: 220,\r\n headerAlign: \"center\",\r\n },\r\n];\r\n\r\nexport default function Duan() {\r\n const classes = useStyles();\r\n const [pageSize, setPageSize] = React.useState(50);\r\n const [duan, setDuan] = React.useState([]);\r\n const [duandata, setDuandata] = React.useState([]);\r\n const [tuthangnam, setTuthangnam] = React.useState(dayjs());\r\n const [denthangnam, setDenthangnam] = React.useState(dayjs());\r\n const [tungay, setTungay] = React.useState(dayjs());\r\n const [denngay, setDenngay] = React.useState(dayjs());\r\n const [openthem, setOpenthem] = React.useState(false);\r\n const [opensua, setOpensua] = React.useState(false);\r\n const [openduan, setOpenduan] = React.useState(false);\r\n const [openTTdieuchinh, setOpenTTdieuchinh] = React.useState(false);\r\n const [duan_id, setDuan_id] = React.useState(0);\r\n const [logid, setLogid] = React.useState(0);\r\n const [landieuchinh, setLandieuchinh] = React.useState(0);\r\n const [dieuchinh_id, setDieuchinh_id] = React.useState(0);\r\n const [trickUpdateDefaultValue, setTrickUpdateDefaultValue] = React.useState(\r\n 1\r\n );\r\n const [disableBT, setDisableBT] = React.useState(true);\r\n const [disableBT1, setDisableBT1] = React.useState(true);\r\n const [disableBTXoa, setDisableBTXoa] = React.useState(true);\r\n const [alert, setAlert] = React.useState(false);\r\n const [alert1, setAlert1] = React.useState(false);\r\n const handleClosesua = () => {\r\n setOpensua(false);\r\n getduantheonamRF(tungay, denngay);\r\n getdataRF(tuthangnam, denthangnam);\r\n };\r\n const handleClosethem = () => {\r\n setOpenthem(false);\r\n getduantheonamRF(tungay, denngay);\r\n getdataRF(tuthangnam, denthangnam);\r\n };\r\n const handleCloseTTdieuchinh = () => {\r\n setOpenTTdieuchinh(false);\r\n //getduan();\r\n };\r\n const handleCloseduan = () => {\r\n setOpenduan(false);\r\n getduantheonamRF(tungay, denngay);\r\n getdataRF(tuthangnam, denthangnam);\r\n };\r\n const quickSearchToolbar = () => {\r\n return (\r\n \r\n row.stt}\r\n rows={duandata}\r\n columns={dacolumn}\r\n checkboxSelection={false}\r\n getRowHeight={() => \"auto\"}\r\n headerHeight={35}\r\n sx={datagridSx}\r\n pageSize={pageSize}\r\n onPageSizeChange={(newPageSize) => setPageSize(newPageSize)}\r\n rowsPerPageOptions={[20, 50, 100]}\r\n pagination\r\n initialState={{\r\n filter: {\r\n filterModel: {\r\n items: [],\r\n quickFilterLogicOperator: GridLinkOperator.Or,\r\n },\r\n },\r\n }}\r\n components={{ Toolbar: quickSearchToolbar }}\r\n onRowClick={(params) => {\r\n setDieuchinh_id(Number(params.row.logid));\r\n setDisableBT1(false);\r\n setDisableBTXoa(false);\r\n setDuan_id(Number(params.row.da_id));\r\n setLogid(Number(params.row.logid));\r\n setLandieuchinh(Number(params.row.landieuchinh));\r\n }}\r\n onCellDoubleClick={(params, event) => {\r\n if (!event.ctrlKey) {\r\n setOpensua(true);\r\n }\r\n }}\r\n />\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Chọn dự án\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {\r\n setTungay(newValue);\r\n getduantheonam(newValue, denngay);\r\n setTrickUpdateDefaultValue(\r\n trickUpdateDefaultValue == 1 ? 2 : 1\r\n );\r\n }}\r\n format=\"YYYY\"\r\n slotProps={{ textField: { size: \"small\" } }}\r\n views={[\"year\"]}\r\n sx={{\r\n \"& .MuiInputBase-root\": {\r\n height: 31,\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n {\r\n setDenngay(newValue);\r\n getduantheonam(tungay, newValue);\r\n setTrickUpdateDefaultValue(\r\n trickUpdateDefaultValue == 1 ? 2 : 1\r\n );\r\n }}\r\n format=\"YYYY\"\r\n slotProps={{ textField: { size: \"small\" } }}\r\n views={[\"year\"]}\r\n sx={{\r\n \"& .MuiInputBase-root\": {\r\n height: 31,\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n option.tenduan +\r\n \" * \" +\r\n option.maduan +\r\n \" * \" +\r\n option.chudautu.replace(/\\\\n/g, \"\")\r\n }\r\n onChange={(event, value) => {\r\n setDuan_id(value.da_id);\r\n setDisableBT(false);\r\n }}\r\n renderInput={(params) => (\r\n \r\n \r\n {\r\n setOpenthem(true);\r\n console.log(disableBT1);\r\n }}\r\n style={{ height: 33 }}\r\n >\r\n Thêm QĐ điều chỉnh\r\n \r\n \r\n {/* \r\n {\r\n setOpenTTdieuchinh(true);\r\n }}\r\n style={{ height: 33 }}\r\n >\r\n Nội dung điều chỉnh\r\n \r\n */}\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Thêm quyết định điều chỉnh dự án\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Cập nhật điều chỉnh dự án\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Thông tin đã điều chỉnh của dự án\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {\r\n setNgayhoatdong(newValue);\r\n }}\r\n format=\"DD/MM/YYYY\"\r\n slotProps={{ textField: { size: \"small\" } }}\r\n views={[\"day\", \"month\", \"year\"]}\r\n sx={{\r\n \"& .MuiInputBase-root\": {\r\n height: 33,\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n \r\n {\r\n setNoidung(event.target.value);\r\n }}\r\n InputProps={{\r\n style: {\r\n height: \"35px\",\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n \r\n \r\n Cập nhật\r\n \r\n \r\n \r\n \r\n setAlert(false)}\r\n close\r\n />\r\n \r\n \r\n
\r\n );\r\n});\r\nCapnhathoatdong.propTypes = {\r\n duan_id: PropTypes.number,\r\n};\r\nexport default Capnhathoatdong;\r\n","import { MenuItem } from \"@mui/material\";\r\nimport { saveAs } from \"file-saver\";\r\nimport {\r\n gridFilteredSortedRowIdsSelector,\r\n gridVisibleColumnFieldsSelector,\r\n useGridApiContext,\r\n} from \"@mui/x-data-grid\";\r\nimport * as React from \"react\";\r\n//import dayjs from \"dayjs\";\r\n\r\nconst ExcelJS = require(\"exceljs\");\r\n\r\n// Get data on grid\r\nconst getExcelData = (apiRef) => {\r\n // Select rows and columns\r\n const filteredSortedRowIds = gridFilteredSortedRowIdsSelector(apiRef);\r\n const visibleColumnsField = gridVisibleColumnFieldsSelector(apiRef);\r\n\r\n // Format the data. Here we only keep the value\r\n const data = filteredSortedRowIds.map((id) => {\r\n const row = {};\r\n visibleColumnsField.forEach((field) => {\r\n row[field] = apiRef.current.getCellParams(id, field).value;\r\n });\r\n return row;\r\n });\r\n\r\n return data;\r\n};\r\n\r\n//Init header columns\r\nconst initHeaderColumns = (headers) => {\r\n let headerColumns = [];\r\n headers.forEach((h) => {\r\n let headerColumn = { key: h, width: 10 };\r\n headerColumns.push(headerColumn);\r\n });\r\n return headerColumns;\r\n};\r\n\r\nconst Baocaoduandivaohoatdongexcel = function Baocaoduandivaohoatdongexcel() {\r\n const apiRef = useGridApiContext();\r\n const data = getExcelData(apiRef);\r\n // Auto Width\r\n const autoWidth = (worksheet, minimalWidth) => {\r\n worksheet.columns.forEach((column) => {\r\n let maxColumnLength = 0;\r\n column.eachCell({ includeEmpty: true }, (cell) => {\r\n maxColumnLength = Math.max(\r\n maxColumnLength,\r\n minimalWidth,\r\n cell.value ? cell.value.toString().length : 0\r\n );\r\n });\r\n column.width = maxColumnLength + 2;\r\n });\r\n };\r\n\r\n const handleExport = async () => {\r\n // Init workbook and worksheet\r\n const workbook = new ExcelJS.Workbook();\r\n const sheet = workbook.addWorksheet(\"My Sheet\");\r\n\r\n // Title\r\n sheet.mergeCells(1, 1, 1, Object.keys(data[0]).length);\r\n sheet.getCell(\"A1\").value = \"BÁO CÁO DỰ ÁN ĐI VÀO HOẠT ĐỘNG\";\r\n\r\n // Init header columns at row 2 on excel file\r\n var headerValues = [];\r\n for (const element of Object.keys(data[0])) {\r\n if (element == \"stt\") {\r\n headerValues.push(\"STT\");\r\n } else if (element == \"maduan\") {\r\n headerValues.push(\"Mã dự án\");\r\n } else if (element == \"tenduan\") {\r\n headerValues.push(\"Tên dự án\");\r\n } else if (element == \"chudautu\") {\r\n headerValues.push(\"Chủ đầu tư\");\r\n } else if (element == \"thoidiemcapduan\") {\r\n headerValues.push(\"Năm cấp\");\r\n } else if (element == \"soquyetdinhpheduyet\") {\r\n headerValues.push(\"Số QĐPD\");\r\n } else if (element == \"tinhtrangduan\") {\r\n headerValues.push(\"Tình trạng dự án\");\r\n } else if (element == \"ngayhoatdong\") {\r\n headerValues.push(\"Ngày đi vào hoạt động\");\r\n } else if (element == \"noidung_hoatdong\") {\r\n headerValues.push(\"Nội dung\");\r\n }\r\n }\r\n\r\n sheet.getRow(2).values = headerValues;\r\n sheet.columns = initHeaderColumns(Object.keys(data[0]));\r\n\r\n // Fullfill data for excel file\r\n sheet.addRows(data);\r\n\r\n // Design excel\r\n // Auto column width for excel file with default 10px\r\n autoWidth(sheet, 10);\r\n\r\n // Design Border and Common Alignment + Font\r\n sheet.eachRow(function (row) {\r\n row.eachCell({ includeEmpty: true }, function (cell) {\r\n cell.border = {\r\n top: { style: \"thin\" },\r\n bottom: { style: \"thin\" },\r\n left: { style: \"thin\" },\r\n right: { style: \"thin\" },\r\n };\r\n cell.alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"left\",\r\n wrapText: true,\r\n };\r\n cell.font = {\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n });\r\n });\r\n\r\n // Design Title\r\n sheet.getCell(\"A1\").font = {\r\n bold: true,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"A1\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"center\",\r\n };\r\n\r\n // Design header\r\n const row2 = sheet.getRow(2);\r\n row2.eachCell(function (cell) {\r\n if (cell.value) {\r\n cell.font = {\r\n bold: true,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n cell.alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"center\",\r\n };\r\n }\r\n });\r\n\r\n // Design special Columns\r\n if (Object.keys(data[0]).includes(\"stt\")) {\r\n const colStt = sheet.getColumn(\"stt\");\r\n colStt.eachCell(function (cell, rowNumber) {\r\n if (rowNumber > 2) {\r\n cell.alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"center\",\r\n };\r\n }\r\n });\r\n }\r\n if (Object.keys(data[0]).includes(\"thoidiemcapduan\")) {\r\n const colThoidiemcapduan = sheet.getColumn(\"thoidiemcapduan\");\r\n colThoidiemcapduan.eachCell(function (cell, rowNumber) {\r\n if (rowNumber > 2) {\r\n cell.numFmt = \"dd.mm.yyyy\";\r\n }\r\n });\r\n }\r\n if (Object.keys(data[0]).includes(\"ngayhoatdong\")) {\r\n const colNgayhoatdong = sheet.getColumn(\"ngayhoatdong\");\r\n colNgayhoatdong.eachCell(function (cell, rowNumber) {\r\n if (rowNumber > 2) {\r\n cell.numFmt = \"dd.mm.yyyy\";\r\n }\r\n });\r\n }\r\n if (Object.keys(data[0]).includes(\"chudautu\")) {\r\n const colChudautu = sheet.getColumn(\"chudautu\");\r\n colChudautu.width = 100;\r\n colChudautu.eachCell(function (cell, rowNumber) {\r\n if (rowNumber > 2) {\r\n if (data[rowNumber - 3]) {\r\n cell.value = data[rowNumber - 3].chudautu\r\n ? data[rowNumber - 3].chudautu.replace(/\\\\n/g, \"\\r\\n\")\r\n : null;\r\n }\r\n }\r\n });\r\n }\r\n\r\n // Write excel file\r\n const buffer = await workbook.xlsx.writeBuffer();\r\n saveAs.saveAs(new Blob([buffer]), \"baocaoduandivaohoatdong.xlsx\");\r\n };\r\n\r\n return (\r\n {newline(params.value)}
;\r\n }\r\n },\r\n },\r\n {\r\n field: \"thoidiemcapduan\",\r\n headerName: \"Năm cấp\",\r\n width: 180,\r\n headerAlign: \"center\",\r\n valueFormatter: (params) => dayjs(params.value).format(\"DD/MM/YYYY\"),\r\n },\r\n {\r\n field: \"soquyetdinhpheduyet\",\r\n headerName: \"Số QĐPD\",\r\n width: 180,\r\n headerAlign: \"center\",\r\n },\r\n {\r\n field: \"tinhtrangduan\",\r\n headerName: \"Tình trạng dự án\",\r\n width: 180,\r\n headerAlign: \"center\",\r\n },\r\n {\r\n field: \"ngayhoatdong\",\r\n headerName: \"Ngày đi vào hoạt động\",\r\n width: 200,\r\n headerAlign: \"center\",\r\n valueFormatter: (params) => dayjs(params.value).format(\"DD/MM/YYYY\"),\r\n },\r\n {\r\n field: \"noidung_hoatdong\",\r\n headerName: \"Nội dung\",\r\n width: 180,\r\n headerAlign: \"center\",\r\n },\r\n];\r\n\r\nexport default function Hoatdong() {\r\n const classes = useStyles();\r\n const [pageSize, setPageSize] = React.useState(50);\r\n const [duan, setDuan] = React.useState([]);\r\n const [tuthangnam, setTuthangnam] = React.useState(dayjs());\r\n const [denthangnam, setDenthangnam] = React.useState(dayjs());\r\n const [tungay, setTungay] = React.useState(dayjs());\r\n const [denngay, setDenngay] = React.useState(dayjs());\r\n const [opensua, setOpensua] = React.useState(false);\r\n const [openduan, setOpenduan] = React.useState(false);\r\n const [duandahoatdong, setDuandahoatdong] = React.useState([]);\r\n const [duan_id, setDuan_id] = React.useState(0);\r\n const [disableBT, setDisableBT] = React.useState(true);\r\n const [disableBT1, setDisableBT1] = React.useState(true);\r\n const [alert, setAlert] = React.useState(false);\r\n const [trickUpdateDefaultValue, setTrickUpdateDefaultValue] = React.useState(\r\n 1\r\n );\r\n const handleClosesua = () => {\r\n setOpensua(false);\r\n getduantheonamRF(tungay, denngay);\r\n getduandahoatdongtheonamRF(tuthangnam, denthangnam);\r\n };\r\n const handleCloseduan = () => {\r\n setOpenduan(false);\r\n getduantheonamRF(tungay, denngay);\r\n getduandahoatdongtheonamRF(tuthangnam, denthangnam);\r\n };\r\n const quickSearchToolbar = () => {\r\n return (\r\n \r\n row.id}\r\n rows={duandahoatdong}\r\n columns={dacolumn}\r\n checkboxSelection={false}\r\n getRowHeight={() => \"auto\"}\r\n headerHeight={35}\r\n sx={datagridSx}\r\n pageSize={pageSize}\r\n onPageSizeChange={(newPageSize) => setPageSize(newPageSize)}\r\n rowsPerPageOptions={[20, 50, 100]}\r\n pagination\r\n initialState={{\r\n filter: {\r\n filterModel: {\r\n items: [],\r\n quickFilterLogicOperator: GridLinkOperator.Or,\r\n },\r\n },\r\n }}\r\n components={{ Toolbar: quickSearchToolbar }}\r\n onRowClick={(params) => {\r\n setDuan_id(Number(params.row.id));\r\n setDisableBT(false);\r\n setDisableBT1(false);\r\n }}\r\n />\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Chọn dự án\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {\r\n setTungay(newValue);\r\n getduantheonam(newValue, denngay);\r\n setTrickUpdateDefaultValue(\r\n trickUpdateDefaultValue == 1 ? 2 : 1\r\n );\r\n }}\r\n format=\"YYYY\"\r\n slotProps={{ textField: { size: \"small\" } }}\r\n views={[\"year\"]}\r\n sx={{\r\n \"& .MuiInputBase-root\": {\r\n height: 33,\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n {\r\n setDenngay(newValue);\r\n getduantheonam(tungay, newValue);\r\n setTrickUpdateDefaultValue(\r\n trickUpdateDefaultValue == 1 ? 2 : 1\r\n );\r\n }}\r\n format=\"YYYY\"\r\n slotProps={{ textField: { size: \"small\" } }}\r\n views={[\"year\"]}\r\n sx={{\r\n \"& .MuiInputBase-root\": {\r\n height: 33,\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n option.tenduan +\r\n \" * \" +\r\n option.maduan +\r\n \" * \" +\r\n option.chudautu.replace(/\\\\n/g, \"\")\r\n }\r\n onChange={(event, value) => {\r\n setDuan_id(value.id);\r\n setDisableBT(false);\r\n }}\r\n renderInput={(params) => (\r\n \r\n \r\n {\r\n setOpensua(true);\r\n }}\r\n style={{ height: 33 }}\r\n >\r\n Đi vào hoạt động\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Cập nhật dự án đi vào hoạt động\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {\r\n setNgayketthuc(newValue);\r\n }}\r\n format=\"DD/MM/YYYY\"\r\n slotProps={{ textField: { size: \"small\" } }}\r\n views={[\"day\", \"month\", \"year\"]}\r\n sx={{\r\n \"& .MuiInputBase-root\": {\r\n height: 33,\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n \r\n {\r\n setNoidung(event.target.value);\r\n }}\r\n InputProps={{\r\n style: {\r\n height: \"35px\",\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n \r\n \r\n Cập nhật\r\n \r\n \r\n \r\n \r\n setAlert(false)}\r\n close\r\n />\r\n \r\n \r\n
\r\n );\r\n});\r\nCapnhatketthuc.propTypes = {\r\n duan_id: PropTypes.number,\r\n};\r\nexport default Capnhatketthuc;\r\n","import { MenuItem } from \"@mui/material\";\r\nimport { saveAs } from \"file-saver\";\r\nimport {\r\n gridFilteredSortedRowIdsSelector,\r\n gridVisibleColumnFieldsSelector,\r\n useGridApiContext,\r\n} from \"@mui/x-data-grid\";\r\nimport * as React from \"react\";\r\n//import dayjs from \"dayjs\";\r\n\r\nconst ExcelJS = require(\"exceljs\");\r\n\r\n// Get data on grid\r\nconst getExcelData = (apiRef) => {\r\n // Select rows and columns\r\n const filteredSortedRowIds = gridFilteredSortedRowIdsSelector(apiRef);\r\n const visibleColumnsField = gridVisibleColumnFieldsSelector(apiRef);\r\n\r\n // Format the data. Here we only keep the value\r\n const data = filteredSortedRowIds.map((id) => {\r\n const row = {};\r\n visibleColumnsField.forEach((field) => {\r\n row[field] = apiRef.current.getCellParams(id, field).value;\r\n });\r\n return row;\r\n });\r\n\r\n return data;\r\n};\r\n\r\n//Init header columns\r\nconst initHeaderColumns = (headers) => {\r\n let headerColumns = [];\r\n headers.forEach((h) => {\r\n let headerColumn = { key: h, width: 10 };\r\n headerColumns.push(headerColumn);\r\n });\r\n return headerColumns;\r\n};\r\n\r\nconst Baocaoduanketthucexcel = function Baocaoduanketthucexcel() {\r\n const apiRef = useGridApiContext();\r\n const data = getExcelData(apiRef);\r\n // Auto Width\r\n const autoWidth = (worksheet, minimalWidth) => {\r\n worksheet.columns.forEach((column) => {\r\n let maxColumnLength = 0;\r\n column.eachCell({ includeEmpty: true }, (cell) => {\r\n maxColumnLength = Math.max(\r\n maxColumnLength,\r\n minimalWidth,\r\n cell.value ? cell.value.toString().length : 0\r\n );\r\n });\r\n column.width = maxColumnLength + 2;\r\n });\r\n };\r\n\r\n const handleExport = async () => {\r\n // Init workbook and worksheet\r\n const workbook = new ExcelJS.Workbook();\r\n const sheet = workbook.addWorksheet(\"My Sheet\");\r\n\r\n // Title\r\n sheet.mergeCells(1, 1, 1, Object.keys(data[0]).length);\r\n sheet.getCell(\"A1\").value = \"BÁO CÁO DỰ ÁN KẾT THÚC\";\r\n\r\n // Init header columns at row 2 on excel file\r\n var headerValues = [];\r\n for (const element of Object.keys(data[0])) {\r\n if (element == \"stt\") {\r\n headerValues.push(\"STT\");\r\n } else if (element == \"maduan\") {\r\n headerValues.push(\"Mã dự án\");\r\n } else if (element == \"tenduan\") {\r\n headerValues.push(\"Tên dự án\");\r\n } else if (element == \"chudautu\") {\r\n headerValues.push(\"Chủ đầu tư\");\r\n } else if (element == \"thoidiemcapduan\") {\r\n headerValues.push(\"Năm cấp\");\r\n } else if (element == \"soquyetdinhpheduyet\") {\r\n headerValues.push(\"Số QĐPD\");\r\n } else if (element == \"tinhtrangduan\") {\r\n headerValues.push(\"Tình trạng dự án\");\r\n } else if (element == \"ngay_ketthuc\") {\r\n headerValues.push(\"Ngày kết thúc\");\r\n } else if (element == \"noidung_ketthuc\") {\r\n headerValues.push(\"Nội dung kết thúc\");\r\n }\r\n }\r\n\r\n sheet.getRow(2).values = headerValues;\r\n sheet.columns = initHeaderColumns(Object.keys(data[0]));\r\n\r\n // Fullfill data for excel file\r\n sheet.addRows(data);\r\n\r\n // Design excel\r\n // Auto column width for excel file with default 10px\r\n autoWidth(sheet, 10);\r\n\r\n // Design Border and Common Alignment + Font\r\n sheet.eachRow(function (row) {\r\n row.eachCell({ includeEmpty: true }, function (cell) {\r\n cell.border = {\r\n top: { style: \"thin\" },\r\n bottom: { style: \"thin\" },\r\n left: { style: \"thin\" },\r\n right: { style: \"thin\" },\r\n };\r\n cell.alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"left\",\r\n wrapText: true,\r\n };\r\n cell.font = {\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n });\r\n });\r\n\r\n // Design Title\r\n sheet.getCell(\"A1\").font = {\r\n bold: true,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"A1\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"center\",\r\n };\r\n\r\n // Design header\r\n const row2 = sheet.getRow(2);\r\n row2.eachCell(function (cell) {\r\n if (cell.value) {\r\n cell.font = {\r\n bold: true,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n cell.alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"center\",\r\n };\r\n }\r\n });\r\n\r\n // Design special Columns\r\n if (Object.keys(data[0]).includes(\"stt\")) {\r\n const colStt = sheet.getColumn(\"stt\");\r\n colStt.eachCell(function (cell, rowNumber) {\r\n if (rowNumber > 2) {\r\n cell.alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"center\",\r\n };\r\n }\r\n });\r\n }\r\n if (Object.keys(data[0]).includes(\"thoidiemcapduan\")) {\r\n const colThoidiemcapduan = sheet.getColumn(\"thoidiemcapduan\");\r\n colThoidiemcapduan.eachCell(function (cell, rowNumber) {\r\n if (rowNumber > 2) {\r\n cell.numFmt = \"dd.mm.yyyy\";\r\n }\r\n });\r\n }\r\n if (Object.keys(data[0]).includes(\"ngay_ketthuc\")) {\r\n const colNgay_ketthuc = sheet.getColumn(\"ngay_ketthuc\");\r\n colNgay_ketthuc.eachCell(function (cell, rowNumber) {\r\n if (rowNumber > 2) {\r\n cell.numFmt = \"dd.mm.yyyy\";\r\n }\r\n });\r\n }\r\n if (Object.keys(data[0]).includes(\"chudautu\")) {\r\n const colChudautu = sheet.getColumn(\"chudautu\");\r\n colChudautu.width = 100;\r\n colChudautu.eachCell(function (cell, rowNumber) {\r\n if (rowNumber > 2) {\r\n if (data[rowNumber - 3]) {\r\n cell.value = data[rowNumber - 3].chudautu\r\n ? data[rowNumber - 3].chudautu.replace(/\\\\n/g, \"\\r\\n\")\r\n : null;\r\n }\r\n }\r\n });\r\n }\r\n\r\n // Write excel file\r\n const buffer = await workbook.xlsx.writeBuffer();\r\n saveAs.saveAs(new Blob([buffer]), \"baocaoduanketthuc.xlsx\");\r\n };\r\n\r\n return (\r\n {newline(params.value)}
;\r\n }\r\n },\r\n },\r\n {\r\n field: \"thoidiemcapduan\",\r\n headerName: \"Năm cấp\",\r\n width: 180,\r\n headerAlign: \"center\",\r\n valueFormatter: (params) => dayjs(params.value).format(\"DD/MM/YYYY\"),\r\n },\r\n {\r\n field: \"soquyetdinhpheduyet\",\r\n headerName: \"Số QĐPD\",\r\n width: 180,\r\n headerAlign: \"center\",\r\n },\r\n {\r\n field: \"tinhtrangduan\",\r\n headerName: \"Tình trạng dự án\",\r\n width: 180,\r\n headerAlign: \"center\",\r\n },\r\n {\r\n field: \"ngay_ketthuc\",\r\n headerName: \"Ngày kết thúc\",\r\n width: 150,\r\n headerAlign: \"center\",\r\n valueFormatter: (params) => dayjs(params.value).format(\"DD/MM/YYYY\"),\r\n },\r\n {\r\n field: \"noidung_ketthuc\",\r\n headerName: \"Nội dung\",\r\n width: 180,\r\n headerAlign: \"center\",\r\n },\r\n];\r\n\r\nexport default function Ketthuc() {\r\n const classes = useStyles();\r\n const [pageSize, setPageSize] = React.useState(50);\r\n const [duan, setDuan] = React.useState([]);\r\n const [tuthangnam, setTuthangnam] = React.useState(dayjs());\r\n const [denthangnam, setDenthangnam] = React.useState(dayjs());\r\n const [tungay, setTungay] = React.useState(dayjs());\r\n const [denngay, setDenngay] = React.useState(dayjs());\r\n const [opensua, setOpensua] = React.useState(false);\r\n const [openduan, setOpenduan] = React.useState(false);\r\n const [duandaketthuc, setDuandaketthuc] = React.useState([]);\r\n const [duan_id, setDuan_id] = React.useState(0);\r\n const [disableBT, setDisableBT] = React.useState(true);\r\n const [disableBT1, setDisableBT1] = React.useState(true);\r\n const [alert, setAlert] = React.useState(false);\r\n const [trickUpdateDefaultValue, setTrickUpdateDefaultValue] = React.useState(\r\n 1\r\n );\r\n const handleClosesua = () => {\r\n setOpensua(false);\r\n getduantheonamRF(tungay, denngay);\r\n getduandaketthuctheonamRF(tuthangnam, denthangnam);\r\n };\r\n const handleCloseduan = () => {\r\n setOpenduan(false);\r\n getduantheonamRF(tungay, denngay);\r\n getduandaketthuctheonamRF(tuthangnam, denthangnam);\r\n };\r\n const quickSearchToolbar = () => {\r\n return (\r\n \r\n row.id}\r\n rows={duandaketthuc}\r\n columns={dacolumn}\r\n checkboxSelection={false}\r\n getRowHeight={() => \"auto\"}\r\n headerHeight={35}\r\n sx={datagridSx}\r\n pageSize={pageSize}\r\n onPageSizeChange={(newPageSize) => setPageSize(newPageSize)}\r\n rowsPerPageOptions={[20, 50, 100]}\r\n pagination\r\n initialState={{\r\n filter: {\r\n filterModel: {\r\n items: [],\r\n quickFilterLogicOperator: GridLinkOperator.Or,\r\n },\r\n },\r\n }}\r\n components={{ Toolbar: quickSearchToolbar }}\r\n onRowClick={(params) => {\r\n setDuan_id(Number(params.row.id));\r\n setDisableBT1(false);\r\n }}\r\n />\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Chọn dự án\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {\r\n setTungay(newValue);\r\n getduantheonam(newValue, denngay);\r\n setTrickUpdateDefaultValue(\r\n trickUpdateDefaultValue == 1 ? 2 : 1\r\n );\r\n }}\r\n format=\"YYYY\"\r\n slotProps={{ textField: { size: \"small\" } }}\r\n views={[\"year\"]}\r\n sx={{\r\n \"& .MuiInputBase-root\": {\r\n height: 33,\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n {\r\n setDenngay(newValue);\r\n getduantheonam(tungay, newValue);\r\n setTrickUpdateDefaultValue(\r\n trickUpdateDefaultValue == 1 ? 2 : 1\r\n );\r\n }}\r\n format=\"YYYY\"\r\n slotProps={{ textField: { size: \"small\" } }}\r\n views={[\"year\"]}\r\n sx={{\r\n \"& .MuiInputBase-root\": {\r\n height: 33,\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n option.tenduan +\r\n \" * \" +\r\n option.maduan +\r\n \" * \" +\r\n option.chudautu.replace(/\\\\n/g, \"\")\r\n }\r\n onChange={(event, value) => {\r\n setDuan_id(value.id);\r\n setDisableBT(false);\r\n }}\r\n renderInput={(params) => (\r\n \r\n \r\n {\r\n setOpensua(true);\r\n }}\r\n style={{ height: 33 }}\r\n >\r\n Kết thúc\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Cập nhật kết thúc dự án\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n {\r\n setSoquyetdinh(event.target.value);\r\n }}\r\n InputProps={{\r\n style: {\r\n height: \"35px\",\r\n },\r\n }}\r\n InputLabelProps={{\r\n sx: {\r\n color: \"red\",\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n option.id === value.id}\r\n options={coquanbanhanh}\r\n getOptionLabel={(option) => option.ten}\r\n onChange={(event, value) => {\r\n setCoquanbanhanhVL(value);\r\n }}\r\n renderInput={(params) => (\r\n \r\n \r\n \r\n \r\n \r\n {\r\n setNgayquyetdinh(newValue);\r\n }}\r\n format=\"DD/MM/YYYY\"\r\n slotProps={{ textField: { size: \"small\" } }}\r\n views={[\"day\", \"month\", \"year\"]}\r\n sx={{\r\n \"& .MuiInputBase-root\": {\r\n height: 33,\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n \r\n \r\n {\r\n setNgaythuhoi(newValue);\r\n }}\r\n format=\"DD/MM/YYYY\"\r\n slotProps={{ textField: { size: \"small\" } }}\r\n views={[\"day\", \"month\", \"year\"]}\r\n sx={{\r\n \"& .MuiInputBase-root\": {\r\n height: 33,\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n \r\n {\r\n setNoidung(event.target.value);\r\n }}\r\n InputProps={{\r\n style: {\r\n height: \"35px\",\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n \r\n \r\n Cập nhật\r\n \r\n \r\n \r\n \r\n setAlert(false)}\r\n close\r\n />\r\n \r\n \r\n
\r\n );\r\n});\r\nCapnhatthuhoi.propTypes = {\r\n data: PropTypes.object,\r\n};\r\nexport default Capnhatthuhoi;\r\n","import React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport GridContainer from \"components/Grid/GridContainer.js\";\r\nimport GridItem from \"components/Grid/GridItem.js\";\r\nimport Button from \"@mui/material/Button\";\r\nimport CardBody from \"components/Card/CardBody.js\";\r\nimport CardFooter from \"components/Card/CardFooter.js\";\r\nimport Autocomplete from \"@material-ui/lab/Autocomplete\";\r\nimport FormControl from \"@mui/material/FormControl\";\r\nimport TextField from \"@mui/material/TextField\";\r\nimport Snackbar from \"components/Snackbar/Snackbar.js\";\r\nimport AddAlert from \"@material-ui/icons/AddAlert\";\r\nimport DoneIcon from \"@mui/icons-material/Done\";\r\nimport Config from \"conFig.js\";\r\nimport { AdapterDayjs } from \"@mui/x-date-pickers/AdapterDayjs\";\r\nimport { LocalizationProvider } from \"@mui/x-date-pickers/LocalizationProvider\";\r\nimport { DatePicker } from \"@mui/x-date-pickers/DatePicker\";\r\nimport dayjs from \"dayjs\";\r\n\r\nconst Themthuhoi = React.memo(function Themthuhoi(props) {\r\n const { duan_id } = props;\r\n const [ngaythuhoi, setNgaythuhoi] = React.useState(dayjs());\r\n const [ngayquyetdinh, setNgayquyetdinh] = React.useState(dayjs());\r\n const [soquyetdinh, setSoquyetdinh] = React.useState(\"\");\r\n const [coquanbanhanh, setCoquanbanhanh] = React.useState([]);\r\n const [coquanbanhanhVL, setCoquanbanhanhVL] = React.useState(null);\r\n const [noidung, setNoidung] = React.useState(\"\");\r\n const [alert, setAlert] = React.useState(false);\r\n const [message, setMessage] = React.useState(\"\");\r\n const [icon, setIcon] = React.useState(AddAlert);\r\n const [color, setColor] = React.useState(\"success\");\r\n const [disableBT, setDisableBT] = React.useState(true);\r\n const token = localStorage.getItem(\"token\");\r\n var username = localStorage.getItem(\"username\");\r\n var obj = {\r\n method: \"GET\",\r\n headers: {\r\n Accept: \"application/json\",\r\n \"Content-Type\": \"application/json\",\r\n Authorization: \"Bearer \" + token,\r\n },\r\n };\r\n const getcoquanbanhanh = () => {\r\n var url =\r\n Config.backend + \"/api/DanhMuc/getdmcqbanhanh?username=\" + username;\r\n fetch(url, obj)\r\n .then((res) => res.json())\r\n .then((data) => {\r\n setCoquanbanhanh(data);\r\n setCoquanbanhanhVL({\r\n id: data[0].id,\r\n ten: data[0].ten,\r\n });\r\n })\r\n .catch((error) => {\r\n console.error(\"Error fetching data: \", error);\r\n });\r\n };\r\n const themthuhoi = () => {\r\n var ngayqd =\r\n ngayquyetdinh.$y +\r\n \"-\" +\r\n String(ngayquyetdinh.$M + 1).padStart(2, \"0\") +\r\n \"-\" +\r\n ngayquyetdinh.$D;\r\n var ngayth =\r\n ngaythuhoi.$y +\r\n \"-\" +\r\n String(ngaythuhoi.$M + 1).padStart(2, \"0\") +\r\n \"-\" +\r\n ngaythuhoi.$D;\r\n var url = Config.backend + \"/api/DuanChuDauTu/thuhoiduan\";\r\n fetch(url, {\r\n method: \"PUT\",\r\n headers: {\r\n Accept: \"application/json, text/plain\",\r\n \"Content-Type\": \"application/json;charset=UTF-8\",\r\n Authorization: \"Bearer \" + token,\r\n },\r\n body: JSON.stringify({\r\n duan_id: duan_id,\r\n coquanbanhanh_id: coquanbanhanhVL.id,\r\n soquyetdinh: soquyetdinh,\r\n ngayquyetdinh: ngayqd,\r\n ngaythuhoi: ngayth,\r\n noidung: noidung,\r\n username: username,\r\n }),\r\n })\r\n .then((res) => res.json())\r\n .then((data) => {\r\n showNotification(data, DoneIcon, \"warning\");\r\n })\r\n .catch((error) => {\r\n console.error(\"Error fetching data: \", error);\r\n });\r\n };\r\n const showNotification = (ms, icon, color) => {\r\n setAlert(true);\r\n setMessage(ms);\r\n setIcon(icon);\r\n setColor(color);\r\n setTimeout(function () {\r\n setAlert(false);\r\n }, 3000);\r\n };\r\n const disablebutton = () => {\r\n if (soquyetdinh.trim().length > 0) {\r\n setDisableBT(false);\r\n } else {\r\n setDisableBT(true);\r\n }\r\n };\r\n React.useEffect(() => {\r\n disablebutton();\r\n }, [soquyetdinh]);\r\n React.useEffect(() => {\r\n getcoquanbanhanh();\r\n }, []);\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n {\r\n setSoquyetdinh(event.target.value);\r\n }}\r\n InputProps={{\r\n style: {\r\n height: \"35px\",\r\n },\r\n }}\r\n InputLabelProps={{\r\n sx: {\r\n color: \"red\",\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n option.id === value.id}\r\n options={coquanbanhanh}\r\n getOptionLabel={(option) => option.ten}\r\n onChange={(event, value) => {\r\n setCoquanbanhanhVL(value);\r\n }}\r\n renderInput={(params) => (\r\n \r\n \r\n \r\n \r\n \r\n {\r\n setNgayquyetdinh(newValue);\r\n }}\r\n format=\"DD/MM/YYYY\"\r\n slotProps={{ textField: { size: \"small\" } }}\r\n views={[\"day\", \"month\", \"year\"]}\r\n sx={{\r\n \"& .MuiInputBase-root\": {\r\n height: 33,\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n \r\n \r\n {\r\n setNgaythuhoi(newValue);\r\n }}\r\n format=\"DD/MM/YYYY\"\r\n slotProps={{ textField: { size: \"small\" } }}\r\n views={[\"day\", \"month\", \"year\"]}\r\n sx={{\r\n \"& .MuiInputBase-root\": {\r\n height: 33,\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n \r\n {\r\n setNoidung(event.target.value);\r\n }}\r\n InputProps={{\r\n style: {\r\n height: \"35px\",\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n \r\n \r\n Thêm\r\n \r\n \r\n \r\n \r\n setAlert(false)}\r\n close\r\n />\r\n \r\n \r\n
\r\n );\r\n});\r\nThemthuhoi.propTypes = {\r\n duan_id: PropTypes.number,\r\n};\r\nexport default Themthuhoi;\r\n","import { MenuItem } from \"@mui/material\";\r\nimport { saveAs } from \"file-saver\";\r\nimport {\r\n gridFilteredSortedRowIdsSelector,\r\n gridVisibleColumnFieldsSelector,\r\n useGridApiContext,\r\n} from \"@mui/x-data-grid\";\r\nimport * as React from \"react\";\r\n//import dayjs from \"dayjs\";\r\n\r\nconst ExcelJS = require(\"exceljs\");\r\n\r\n// Get data on grid\r\nconst getExcelData = (apiRef) => {\r\n // Select rows and columns\r\n const filteredSortedRowIds = gridFilteredSortedRowIdsSelector(apiRef);\r\n const visibleColumnsField = gridVisibleColumnFieldsSelector(apiRef);\r\n\r\n // Format the data. Here we only keep the value\r\n const data = filteredSortedRowIds.map((id) => {\r\n const row = {};\r\n visibleColumnsField.forEach((field) => {\r\n row[field] = apiRef.current.getCellParams(id, field).value;\r\n });\r\n return row;\r\n });\r\n\r\n return data;\r\n};\r\n\r\n//Init header columns\r\nconst initHeaderColumns = (headers) => {\r\n let headerColumns = [];\r\n headers.forEach((h) => {\r\n let headerColumn = { key: h, width: 10 };\r\n headerColumns.push(headerColumn);\r\n });\r\n return headerColumns;\r\n};\r\n\r\nconst Baocaoduanthuhoiexcel = function Baocaoduanthuhoiexcel() {\r\n const apiRef = useGridApiContext();\r\n const data = getExcelData(apiRef);\r\n // Auto Width\r\n const autoWidth = (worksheet, minimalWidth) => {\r\n worksheet.columns.forEach((column) => {\r\n let maxColumnLength = 0;\r\n column.eachCell({ includeEmpty: true }, (cell) => {\r\n maxColumnLength = Math.max(\r\n maxColumnLength,\r\n minimalWidth,\r\n cell.value ? cell.value.toString().length : 0\r\n );\r\n });\r\n column.width = maxColumnLength + 2;\r\n });\r\n };\r\n\r\n const handleExport = async () => {\r\n // Init workbook and worksheet\r\n const workbook = new ExcelJS.Workbook();\r\n const sheet = workbook.addWorksheet(\"My Sheet\");\r\n\r\n // Title\r\n sheet.mergeCells(1, 1, 1, Object.keys(data[0]).length);\r\n sheet.getCell(\"A1\").value = \"BÁO CÁO DỰ ÁN THU HỒI\";\r\n\r\n // Init header columns at row 2 on excel file\r\n var headerValues = [];\r\n for (const element of Object.keys(data[0])) {\r\n if (element == \"stt\") {\r\n headerValues.push(\"STT\");\r\n } else if (element == \"maduan\") {\r\n headerValues.push(\"Mã dự án\");\r\n } else if (element == \"tenduan\") {\r\n headerValues.push(\"Tên dự án\");\r\n } else if (element == \"chudautu\") {\r\n headerValues.push(\"Chủ đầu tư\");\r\n } else if (element == \"thoidiemcapduan\") {\r\n headerValues.push(\"Năm cấp\");\r\n } else if (element == \"soquyetdinhpheduyet\") {\r\n headerValues.push(\"Số QĐPD\");\r\n } else if (element == \"tinhtrangduan\") {\r\n headerValues.push(\"Tình trạng dự án\");\r\n } else if (element == \"ngaythuhoi\") {\r\n headerValues.push(\"Ngày thu hồi\");\r\n } else if (element == \"soquyetdinh_thuhoi\") {\r\n headerValues.push(\"Số QĐ thu hồi\");\r\n } else if (element == \"coquanbanhanhqdthuhoi\") {\r\n headerValues.push(\"Cơ quan ban hành\");\r\n } else if (element == \"noidung_thuhoi\") {\r\n headerValues.push(\"Nội dung thu hồi\");\r\n }\r\n }\r\n\r\n sheet.getRow(2).values = headerValues;\r\n sheet.columns = initHeaderColumns(Object.keys(data[0]));\r\n\r\n // Fullfill data for excel file\r\n sheet.addRows(data);\r\n\r\n // Design excel\r\n // Auto column width for excel file with default 10px\r\n autoWidth(sheet, 10);\r\n\r\n // Design Border and Common Alignment + Font\r\n sheet.eachRow(function (row) {\r\n row.eachCell({ includeEmpty: true }, function (cell) {\r\n cell.border = {\r\n top: { style: \"thin\" },\r\n bottom: { style: \"thin\" },\r\n left: { style: \"thin\" },\r\n right: { style: \"thin\" },\r\n };\r\n cell.alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"left\",\r\n wrapText: true,\r\n };\r\n cell.font = {\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n });\r\n });\r\n\r\n // Design Title\r\n sheet.getCell(\"A1\").font = {\r\n bold: true,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"A1\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"center\",\r\n };\r\n\r\n // Design header\r\n const row2 = sheet.getRow(2);\r\n row2.eachCell(function (cell) {\r\n if (cell.value) {\r\n cell.font = {\r\n bold: true,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n cell.alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"center\",\r\n };\r\n }\r\n });\r\n\r\n // Design special Columns\r\n if (Object.keys(data[0]).includes(\"stt\")) {\r\n const colStt = sheet.getColumn(\"stt\");\r\n colStt.eachCell(function (cell, rowNumber) {\r\n if (rowNumber > 2) {\r\n cell.alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"center\",\r\n };\r\n }\r\n });\r\n }\r\n if (Object.keys(data[0]).includes(\"thoidiemcapduan\")) {\r\n const colThoidiemcapduan = sheet.getColumn(\"thoidiemcapduan\");\r\n colThoidiemcapduan.eachCell(function (cell, rowNumber) {\r\n if (rowNumber > 2) {\r\n cell.numFmt = \"dd.mm.yyyy\";\r\n }\r\n });\r\n }\r\n if (Object.keys(data[0]).includes(\"ngaythuhoi\")) {\r\n const colNgaythuhoi = sheet.getColumn(\"ngaythuhoi\");\r\n colNgaythuhoi.eachCell(function (cell, rowNumber) {\r\n if (rowNumber > 2) {\r\n cell.numFmt = \"dd.mm.yyyy\";\r\n }\r\n });\r\n }\r\n if (Object.keys(data[0]).includes(\"chudautu\")) {\r\n const colChudautu = sheet.getColumn(\"chudautu\");\r\n colChudautu.width = 100;\r\n colChudautu.eachCell(function (cell, rowNumber) {\r\n if (rowNumber > 2) {\r\n if (data[rowNumber - 3]) {\r\n cell.value = data[rowNumber - 3].chudautu\r\n ? data[rowNumber - 3].chudautu.replace(/\\\\n/g, \"\\r\\n\")\r\n : null;\r\n }\r\n }\r\n });\r\n }\r\n\r\n // Write excel file\r\n const buffer = await workbook.xlsx.writeBuffer();\r\n saveAs.saveAs(new Blob([buffer]), \"baocaoduanthuhoi.xlsx\");\r\n };\r\n\r\n return (\r\n {newline(params.value)}
;\r\n }\r\n },\r\n },\r\n {\r\n field: \"thoidiemcapduan\",\r\n headerName: \"Năm cấp\",\r\n width: 180,\r\n headerAlign: \"center\",\r\n valueFormatter: (params) => dayjs(params.value).format(\"DD/MM/YYYY\"),\r\n },\r\n {\r\n field: \"soquyetdinhpheduyet\",\r\n headerName: \"Số QĐPD\",\r\n width: 180,\r\n headerAlign: \"center\",\r\n },\r\n {\r\n field: \"tinhtrangduan\",\r\n headerName: \"Tình trạng dự án\",\r\n width: 180,\r\n headerAlign: \"center\",\r\n },\r\n {\r\n field: \"ngaythuhoi\",\r\n headerName: \"Ngày thu hồi\",\r\n width: 150,\r\n headerAlign: \"center\",\r\n valueFormatter: (params) => dayjs(params.value).format(\"DD/MM/YYYY\"),\r\n },\r\n {\r\n field: \"soquyetdinh_thuhoi\",\r\n headerName: \"Số QĐPD Thu hồi\",\r\n width: 180,\r\n headerAlign: \"center\",\r\n },\r\n {\r\n field: \"coquanbanhanhqdthuhoi\",\r\n headerName: \"Cơ quan ban hành\",\r\n width: 180,\r\n headerAlign: \"center\",\r\n },\r\n {\r\n field: \"noidung_thuhoi\",\r\n headerName: \"Nội dung\",\r\n width: 180,\r\n headerAlign: \"center\",\r\n },\r\n];\r\n\r\nexport default function Thuhoi() {\r\n const classes = useStyles();\r\n const [pageSize, setPageSize] = React.useState(50);\r\n const [duan, setDuan] = React.useState([]);\r\n const [data, setData] = React.useState(null);\r\n const [duandathuhoi, setDuandathuhoi] = React.useState([]);\r\n const [tuthangnam, setTuthangnam] = React.useState(dayjs());\r\n const [denthangnam, setDenthangnam] = React.useState(dayjs());\r\n const [tungay, setTungay] = React.useState(dayjs());\r\n const [denngay, setDenngay] = React.useState(dayjs());\r\n const [openthem, setOpenthem] = React.useState(false);\r\n const [opensua, setOpensua] = React.useState(false);\r\n const [openduan, setOpenduan] = React.useState(false);\r\n const [duan_id, setDuan_id] = React.useState(0);\r\n const [disableBT, setDisableBT] = React.useState(true);\r\n const [disableBT1, setDisableBT1] = React.useState(true);\r\n const [alert, setAlert] = React.useState(false);\r\n const [trickUpdateDefaultValue, setTrickUpdateDefaultValue] = React.useState(\r\n 1\r\n );\r\n const handleClosesua = () => {\r\n setOpensua(false);\r\n getduanthuhoitheonamRF(tuthangnam, denthangnam);\r\n getduantheonamRF(tungay, denngay);\r\n };\r\n const handleClosethem = () => {\r\n setOpenthem(false);\r\n getduanthuhoitheonamRF(tuthangnam, denthangnam);\r\n getduantheonamRF(tungay, denngay);\r\n };\r\n const handleCloseduan = () => {\r\n setOpenduan(false);\r\n getduanthuhoitheonamRF(tuthangnam, denthangnam);\r\n getduantheonamRF(tungay, denngay);\r\n };\r\n const quickSearchToolbar = () => {\r\n return (\r\n \r\n row.id}\r\n rows={duandathuhoi}\r\n columns={dacolumn}\r\n checkboxSelection={false}\r\n getRowHeight={() => \"auto\"}\r\n headerHeight={35}\r\n sx={datagridSx}\r\n pageSize={pageSize}\r\n onPageSizeChange={(newPageSize) => setPageSize(newPageSize)}\r\n rowsPerPageOptions={[20, 50, 100]}\r\n pagination\r\n initialState={{\r\n filter: {\r\n filterModel: {\r\n items: [],\r\n quickFilterLogicOperator: GridLinkOperator.Or,\r\n },\r\n },\r\n }}\r\n components={{ Toolbar: quickSearchToolbar }}\r\n onRowClick={(params) => {\r\n setDuan_id(Number(params.row.id));\r\n setData(params.row);\r\n setDisableBT(false);\r\n setDisableBT1(false);\r\n }}\r\n onCellDoubleClick={(params, event) => {\r\n if (!event.ctrlKey) {\r\n setOpensua(true);\r\n }\r\n }}\r\n />\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Chọn dự án\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {\r\n setTungay(newValue);\r\n getduantheonam(newValue, denngay);\r\n setTrickUpdateDefaultValue(\r\n trickUpdateDefaultValue == 1 ? 2 : 1\r\n );\r\n }}\r\n format=\"YYYY\"\r\n slotProps={{ textField: { size: \"small\" } }}\r\n views={[\"year\"]}\r\n sx={{\r\n \"& .MuiInputBase-root\": {\r\n height: 33,\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n {\r\n setDenngay(newValue);\r\n getduantheonam(tungay, newValue);\r\n setTrickUpdateDefaultValue(\r\n trickUpdateDefaultValue == 1 ? 2 : 1\r\n );\r\n }}\r\n format=\"YYYY\"\r\n slotProps={{ textField: { size: \"small\" } }}\r\n views={[\"year\"]}\r\n sx={{\r\n \"& .MuiInputBase-root\": {\r\n height: 33,\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n option.tenduan +\r\n \" * \" +\r\n option.maduan +\r\n \" * \" +\r\n option.chudautu.replace(/\\\\n/g, \"\")\r\n }\r\n onChange={(event, value) => {\r\n setDuan_id(value.id);\r\n setDisableBT(false);\r\n }}\r\n renderInput={(params) => (\r\n \r\n \r\n {\r\n setOpenthem(true);\r\n }}\r\n style={{ height: 33 }}\r\n >\r\n Thu hồi\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Thêm thu hồi dự án\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Cập nhật thu hồi dự án\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {\r\n setThangnam(newValue);\r\n }}\r\n format=\"DD/MM/YYYY\"\r\n slotProps={{ textField: { size: \"small\" } }}\r\n views={[\"day\", \"month\", \"year\"]}\r\n sx={{\r\n \"& .MuiInputBase-root\": {\r\n height: \"37px\",\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n setOpenthemkyquy(true)}\r\n style={{ height: 35 }}\r\n >\r\n Thêm ký quỹ\r\n \r\n \r\n \r\n \r\n \r\n \r\n Xóa\r\n \r\n \r\n \r\n \r\n \r\n row.id}\r\n rows={danhsachkyquy}\r\n columns={kyquycolumn}\r\n checkboxSelection={false}\r\n getRowHeight={() => \"auto\"}\r\n headerHeight={35}\r\n sx={datagridSx}\r\n hideFooter\r\n initialState={{\r\n filter: {\r\n filterModel: {\r\n items: [],\r\n quickFilterLogicOperator: GridLinkOperator.Or,\r\n },\r\n },\r\n }}\r\n onRowClick={(params) => {\r\n setDisableBTXoa(false);\r\n console.log(params);\r\n }}\r\n />\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Nội dung ký quỹ\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n option.id === value.id\r\n }\r\n options={hinhthuckyquy}\r\n getOptionLabel={(option) => option.ten}\r\n onChange={(event, value) => {\r\n setHinhthuckyquyVL(value);\r\n }}\r\n renderInput={(params) => (\r\n \r\n \r\n \r\n \r\n option.id === value.id\r\n }\r\n options={tinhtrangkyquy}\r\n getOptionLabel={(option) => option.ten}\r\n onChange={(event, value) => {\r\n setTinhtrangkyquyVL(value);\r\n }}\r\n renderInput={(params) => (\r\n \r\n \r\n \r\n {\r\n setKyquy(event.target.value);\r\n }}\r\n onBlur={(event) => {\r\n if (Number(event.target.value) < 0) {\r\n showNotificationCanhBaoSoAm();\r\n }\r\n }}\r\n InputProps={{\r\n style: {\r\n height: \"35px\",\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n \r\n {\r\n setThoidiemkyquy(newValue);\r\n }}\r\n format=\"DD/MM/YYYY\"\r\n slotProps={{ textField: { size: \"small\" } }}\r\n views={[\"day\", \"month\", \"year\"]}\r\n sx={{\r\n \"& .MuiInputBase-root\": {\r\n height: 31,\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Thêm\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n row.id}\r\n rows={duandakyquy}\r\n columns={dacolumn}\r\n checkboxSelection={false}\r\n getRowHeight={() => \"auto\"}\r\n headerHeight={35}\r\n sx={datagridSx}\r\n pageSize={pageSize}\r\n onPageSizeChange={(newPageSize) => setPageSize(newPageSize)}\r\n rowsPerPageOptions={[20, 50, 100]}\r\n pagination\r\n initialState={{\r\n filter: {\r\n filterModel: {\r\n items: [],\r\n quickFilterLogicOperator: GridLinkOperator.Or,\r\n },\r\n },\r\n }}\r\n components={{ Toolbar: quickSearchToolbar }}\r\n onRowClick={(params) => {\r\n setDuan_id(Number(params.row.id));\r\n }}\r\n onCellDoubleClick={(params, event) => {\r\n if (!event.ctrlKey) {\r\n setOpensua(true);\r\n }\r\n }}\r\n />\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Chọn dự án\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {\r\n setTungay(newValue);\r\n getduantheonam(newValue, denngay);\r\n setTrickUpdateDefaultValue(\r\n trickUpdateDefaultValue == 1 ? 2 : 1\r\n );\r\n }}\r\n format=\"YYYY\"\r\n slotProps={{ textField: { size: \"small\" } }}\r\n views={[\"year\"]}\r\n sx={{\r\n \"& .MuiInputBase-root\": {\r\n height: 33,\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n {\r\n setDenngay(newValue);\r\n getduantheonam(tungay, newValue);\r\n setTrickUpdateDefaultValue(\r\n trickUpdateDefaultValue == 1 ? 2 : 1\r\n );\r\n }}\r\n format=\"YYYY\"\r\n slotProps={{ textField: { size: \"small\" } }}\r\n views={[\"year\"]}\r\n sx={{\r\n \"& .MuiInputBase-root\": {\r\n height: 33,\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n option.tenduan +\r\n \" * \" +\r\n option.maduan +\r\n \" * \" +\r\n option.chudautu.replace(/\\\\n/g, \"\")\r\n }\r\n onChange={(event, value) => {\r\n setDuan_id(value.da_id);\r\n setDisableBT(false);\r\n }}\r\n renderInput={(params) => (\r\n \r\n \r\n {\r\n setOpenduan(false);\r\n setOpensua(true);\r\n }}\r\n style={{ height: 33 }}\r\n >\r\n Ký quỹ\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Cập nhật tình trạng kỹ quỹ\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n option.id === value.id}\r\n options={tinhtrangnopns}\r\n getOptionLabel={(option) => option.ten}\r\n onChange={(event, value) => {\r\n setTinhtrangnopnsVL(value);\r\n }}\r\n renderInput={(params) => (\r\n \r\n \r\n \r\n \r\n {\r\n setNopngansachnhanuoc(event.target.value);\r\n }}\r\n onBlur={(event) => {\r\n if (Number(event.target.value) < 0) {\r\n showNotificationCanhBaoSoAm();\r\n }\r\n }}\r\n InputProps={{\r\n style: {\r\n height: \"35px\",\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n \r\n {\r\n setThoidiemnopm3(newValue);\r\n }}\r\n format=\"DD/MM/YYYY\"\r\n slotProps={{ textField: { size: \"small\" } }}\r\n views={[\"day\", \"month\", \"year\"]}\r\n sx={{\r\n \"& .MuiInputBase-root\": {\r\n height: 31,\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Cập nhật\r\n \r\n \r\n \r\n \r\n setAlert(false)}\r\n close\r\n />\r\n \r\n \r\n \r\n \r\n setAlert1(false)}\r\n close\r\n />\r\n \r\n \r\n
\r\n );\r\n});\r\nCapnhatnopm3.propTypes = {\r\n duan_id: PropTypes.number,\r\n};\r\nexport default Capnhatnopm3;\r\n","import React from \"react\";\r\nimport { makeStyles } from \"@material-ui/core/styles\";\r\nimport {\r\n DataGrid,\r\n GridToolbarQuickFilter,\r\n GridLinkOperator,\r\n gridClasses,\r\n} from \"@mui/x-data-grid\";\r\nimport GridContainer from \"components/Grid/GridContainer.js\";\r\nimport GridItem from \"components/Grid/GridItem.js\";\r\nimport Box from \"@mui/material/Box\";\r\nimport Capnhatnopm3 from \"components/Duan/Tinhtrangkyquy/Capnhatnopm3.js\";\r\nimport Modal from \"@mui/material/Modal\";\r\nimport CardBody from \"components/Card/CardBody.js\";\r\nimport Button from \"@mui/material/Button\";\r\nimport Autocomplete from \"@material-ui/lab/Autocomplete\";\r\nimport TextField from \"@mui/material/TextField\";\r\nimport FormControl from \"@mui/material/FormControl\";\r\nimport GridItemLogin from \"components/Grid/GridItemLogin.js\";\r\nimport Card from \"components/Card/Card.js\";\r\nimport CardHeader from \"components/Card/CardHeadertab.js\";\r\nimport CloseIcon from \"@mui/icons-material/Close\";\r\nimport styles from \"assets/jss/material-dashboard-react/components/tableviewStyle.js\";\r\nconst useStyles = makeStyles(styles);\r\nimport { AdapterDayjs } from \"@mui/x-date-pickers/AdapterDayjs\";\r\nimport { LocalizationProvider } from \"@mui/x-date-pickers/LocalizationProvider\";\r\nimport { DatePicker } from \"@mui/x-date-pickers/DatePicker\";\r\nimport dayjs from \"dayjs\";\r\nimport Config from \"conFig.js\";\r\n\r\nconst datagridSx = {\r\n [`& .${gridClasses.cell}`]: {\r\n py: 1,\r\n },\r\n [`& .center`]: {\r\n justifyContent: \"center !important\",\r\n },\r\n borderRadius: 2,\r\n \"& .MuiDataGrid-main\": { borderRadius: 2 },\r\n \"& .MuiDataGrid-virtualScrollerRenderZone\": {\r\n \"& .MuiDataGrid-row\": {\r\n \"&:nth-of-type(2n)\": { backgroundColor: \"rgba(235, 235, 235, .7)\" },\r\n },\r\n },\r\n \"& .MuiDataGrid-columnHeaders\": {\r\n backgroundColor: \"rgba(0,0,255,0.6)\",\r\n color: \"rgb(255 255 255)\",\r\n fontSize: 16,\r\n },\r\n \"& .MuiInputBase-root\": {\r\n height: \"25px\",\r\n },\r\n};\r\n\r\nconst dacolumn = [\r\n {\r\n field: \"stt\",\r\n headerName: \"STT\",\r\n width: 80,\r\n headerAlign: \"center\",\r\n },\r\n {\r\n field: \"maduan\",\r\n headerName: \"Mã dự án\",\r\n width: 180,\r\n headerAlign: \"center\",\r\n },\r\n {\r\n field: \"tenduan\",\r\n headerName: \"Tên dự án\",\r\n width: 400,\r\n headerAlign: \"center\",\r\n },\r\n {\r\n field: \"thoidiemcapduan\",\r\n headerName: \"Năm cấp\",\r\n width: 180,\r\n headerAlign: \"center\",\r\n valueFormatter: (params) => dayjs(params.value).format(\"DD/MM/YYYY\"),\r\n },\r\n {\r\n field: \"soquyetdinhpheduyet\",\r\n headerName: \"Số QĐPD\",\r\n width: 180,\r\n headerAlign: \"center\",\r\n },\r\n];\r\n\r\nexport default function Nopm3() {\r\n const classes = useStyles();\r\n const [pageSize, setPageSize] = React.useState(50);\r\n const [duan, setDuan] = React.useState([]);\r\n const [tuthangnam, setTuthangnam] = React.useState(dayjs());\r\n const [denthangnam, setDenthangnam] = React.useState(dayjs());\r\n const [tungay, setTungay] = React.useState(dayjs());\r\n const [denngay, setDenngay] = React.useState(dayjs());\r\n const [duandanopm3, setDuandanopm3] = React.useState([]);\r\n const [opensua, setOpensua] = React.useState(false);\r\n const [openduan, setOpenduan] = React.useState(false);\r\n const [duan_id, setDuan_id] = React.useState(0);\r\n const [disableBT, setDisableBT] = React.useState(true);\r\n const [trickUpdateDefaultValue, setTrickUpdateDefaultValue] = React.useState(\r\n 1\r\n );\r\n const handleClosesua = () => {\r\n setOpensua(false);\r\n getduantheonamFR(tungay, denngay);\r\n getduandanopm3theonamFR(tuthangnam, denthangnam);\r\n };\r\n const handleCloseduan = () => {\r\n setOpenduan(false);\r\n getduantheonamFR(tungay, denngay);\r\n getduandanopm3theonamFR(tuthangnam, denthangnam);\r\n };\r\n const quickSearchToolbar = () => {\r\n return (\r\n \r\n row.id}\r\n rows={duandanopm3}\r\n columns={dacolumn}\r\n checkboxSelection={false}\r\n getRowHeight={() => \"auto\"}\r\n headerHeight={35}\r\n sx={datagridSx}\r\n pageSize={pageSize}\r\n onPageSizeChange={(newPageSize) => setPageSize(newPageSize)}\r\n rowsPerPageOptions={[20, 50, 100]}\r\n pagination\r\n initialState={{\r\n filter: {\r\n filterModel: {\r\n items: [],\r\n quickFilterLogicOperator: GridLinkOperator.Or,\r\n },\r\n },\r\n }}\r\n components={{ Toolbar: quickSearchToolbar }}\r\n onRowClick={(params) => {\r\n setDuan_id(Number(params.row.id));\r\n }}\r\n onCellDoubleClick={(params, event) => {\r\n if (!event.ctrlKey) {\r\n setOpensua(true);\r\n }\r\n }}\r\n />\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Chọn dự án\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {\r\n setTungay(newValue);\r\n getduantheonam(newValue, denngay);\r\n setTrickUpdateDefaultValue(\r\n trickUpdateDefaultValue == 1 ? 2 : 1\r\n );\r\n }}\r\n format=\"YYYY\"\r\n slotProps={{ textField: { size: \"small\" } }}\r\n views={[\"year\"]}\r\n sx={{\r\n \"& .MuiInputBase-root\": {\r\n height: 33,\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n {\r\n setDenngay(newValue);\r\n getduantheonam(tungay, newValue);\r\n setTrickUpdateDefaultValue(\r\n trickUpdateDefaultValue == 1 ? 2 : 1\r\n );\r\n }}\r\n format=\"YYYY\"\r\n slotProps={{ textField: { size: \"small\" } }}\r\n views={[\"year\"]}\r\n sx={{\r\n \"& .MuiInputBase-root\": {\r\n height: 33,\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n option.tenduan +\r\n \" * \" +\r\n option.maduan +\r\n \" * \" +\r\n option.chudautu.replace(/\\\\n/g, \"\")\r\n }\r\n onChange={(event, value) => {\r\n setDuan_id(value.da_id);\r\n setDisableBT(false);\r\n }}\r\n renderInput={(params) => (\r\n \r\n \r\n {\r\n setOpenduan(false);\r\n setOpensua(true);\r\n }}\r\n style={{ height: 33 }}\r\n >\r\n Nộp m3\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Cập nhật tình trạng nộp m3\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n {\r\n setSoqdktvipham(event.target.value);\r\n }}\r\n InputProps={{\r\n style: {\r\n height: \"35px\",\r\n },\r\n }}\r\n InputLabelProps={{\r\n sx: {\r\n color: \"red\",\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n \r\n {\r\n setNgaycapqdktvipham(newValue);\r\n }}\r\n format=\"DD/MM/YYYY\"\r\n slotProps={{ textField: { size: \"small\" } }}\r\n views={[\"day\", \"month\", \"year\"]}\r\n sx={{\r\n \"& .MuiInputBase-root\": {\r\n height: \"37px\",\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n \r\n option.id === value.id}\r\n options={coquanraqd}\r\n getOptionLabel={(option) => option.ten}\r\n onChange={(event, value) => {\r\n setCoquanraqdVL(value);\r\n }}\r\n renderInput={(params) => (\r\n \r\n \r\n \r\n \r\n option.id === value.id}\r\n options={tinhtrangkiemtra}\r\n getOptionLabel={(option) => option.ten}\r\n onChange={(event, value) => {\r\n setTinhtrangkiemtraVL(value);\r\n }}\r\n renderInput={(params) => (\r\n \r\n \r\n \r\n \r\n option.id === value.id}\r\n options={loaikiemtra}\r\n getOptionLabel={(option) => option.ten}\r\n onChange={(event, value) => {\r\n setLoaikiemtraVL(value);\r\n if (value.length > 1) {\r\n setDisabledat(false);\r\n setDisabletainguyen(false);\r\n } else {\r\n if (value[0]) {\r\n if (value[0].id === 1) {\r\n setDisabledat(false);\r\n setDisabletainguyen(true);\r\n } else {\r\n setDisabletainguyen(false);\r\n setDisabledat(true);\r\n }\r\n }\r\n }\r\n }}\r\n renderInput={(params) => (\r\n \r\n \r\n \r\n \r\n {\r\n setNoidungqdkt(event.target.value);\r\n }}\r\n InputProps={{\r\n style: {\r\n height: \"35px\",\r\n },\r\n }}\r\n InputLabelProps={{\r\n sx: {\r\n color: \"red\",\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n {\r\n setKetluankiemtra(event.target.value);\r\n }}\r\n InputProps={{\r\n style: {\r\n height: \"35px\",\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n option.id === value.id}\r\n options={sudungdat_vipham}\r\n getOptionLabel={(option) => option.ten}\r\n onChange={(event, value) => {\r\n setSudungdat_viphamVL(value);\r\n }}\r\n renderInput={(params) => (\r\n \r\n \r\n \r\n \r\n {\r\n setKetquakiemtradat(event.target.value);\r\n }}\r\n InputProps={{\r\n style: {\r\n height: \"35px\",\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n option.id === value.id}\r\n options={qltainguyen_vipham}\r\n getOptionLabel={(option) => option.ten}\r\n onChange={(event, value) => {\r\n setQltainguyen_viphamVL(value);\r\n }}\r\n renderInput={(params) => (\r\n \r\n \r\n \r\n \r\n {\r\n setKetquakttainguyen(event.target.value);\r\n }}\r\n InputProps={{\r\n style: {\r\n height: \"35px\",\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n \r\n \r\n Cập nhật\r\n \r\n \r\n \r\n \r\n setAlert(false)}\r\n close\r\n />\r\n \r\n \r\n
\r\n );\r\n});\r\nSuakiemtravipham.propTypes = {\r\n duan_id: PropTypes.number,\r\n kiemtra_id: PropTypes.number,\r\n};\r\nexport default Suakiemtravipham;\r\n","import React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport { makeStyles } from \"@material-ui/core/styles\";\r\nimport {\r\n DataGrid,\r\n GridLinkOperator,\r\n GridColDef,\r\n gridClasses,\r\n} from \"@mui/x-data-grid\";\r\nimport GridContainer from \"components/Grid/GridContainer.js\";\r\nimport GridItem from \"components/Grid/GridItem.js\";\r\nimport Button from \"@mui/material/Button\";\r\nimport Modal from \"@mui/material/Modal\";\r\nimport CloseIcon from \"@mui/icons-material/Close\";\r\nimport GridItemLogin from \"components/Grid/GridItemLogin.js\";\r\nimport Autocomplete from \"@material-ui/lab/Autocomplete\";\r\nimport Card from \"components/Card/Card.js\";\r\nimport CardHeader from \"components/Card/CardHeadertab.js\";\r\nimport CardBody from \"components/Card/CardBody.js\";\r\nimport CardFooter from \"components/Card/CardFooter.js\";\r\nimport FormControl from \"@mui/material/FormControl\";\r\nimport TextField from \"@mui/material/TextField\";\r\nimport Snackbar from \"components/Snackbar/Snackbar.js\";\r\nimport AddAlert from \"@material-ui/icons/AddAlert\";\r\nimport Config from \"conFig.js\";\r\nimport { AdapterDayjs } from \"@mui/x-date-pickers/AdapterDayjs\";\r\nimport { LocalizationProvider } from \"@mui/x-date-pickers/LocalizationProvider\";\r\nimport { DatePicker } from \"@mui/x-date-pickers/DatePicker\";\r\nimport dayjs from \"dayjs\";\r\nimport styles from \"assets/jss/material-dashboard-react/components/tableviewStyle.js\";\r\nimport Suakiemtravipham from \"components/Duan/Vipham/Suakiemtravipham.js\";\r\nconst useStyles = makeStyles(styles);\r\n\r\nconst datagridSx = {\r\n [`& .${gridClasses.cell}`]: {\r\n py: 1,\r\n },\r\n [`& .center`]: {\r\n justifyContent: \"center !important\",\r\n },\r\n borderRadius: 2,\r\n \"& .MuiDataGrid-main\": { borderRadius: 2 },\r\n \"& .MuiDataGrid-virtualScrollerRenderZone\": {\r\n \"& .MuiDataGrid-row\": {\r\n \"&:nth-of-type(2n)\": { backgroundColor: \"rgba(235, 235, 235, .7)\" },\r\n },\r\n },\r\n \"& .MuiDataGrid-columnHeaders\": {\r\n backgroundColor: \"rgba(0,0,255,0.6)\",\r\n color: \"rgb(255 255 255)\",\r\n fontSize: 16,\r\n },\r\n \"& .MuiInputBase-root\": {\r\n height: \"25px\",\r\n },\r\n};\r\n\r\nconst Thongtinxulyvipham = React.memo(function Thongtinxulyvipham(props) {\r\n const classes = useStyles();\r\n const { duan_id } = props;\r\n const [maduan, setMaduan] = React.useState(\"\");\r\n const [coquanraqd, setCoquanraqd] = React.useState([]);\r\n const [coquanraqdVL, setCoquanraqdVL] = React.useState(null);\r\n const [tenduan, setTenduan] = React.useState(\"\");\r\n const [thangnam, setThangnam] = React.useState(dayjs());\r\n const [soqdpd, setSoqdpd] = React.useState(\"\");\r\n const [loaikiemtra, setLoaikiemtra] = React.useState([]);\r\n const [loaikiemtraVL, setLoaikiemtraVL] = React.useState(null);\r\n const [kiemtravipham, setKiemtravipham] = React.useState([]);\r\n const [openthemkiemtravipham, setOpenthemkiemtravipham] = React.useState(\r\n false\r\n );\r\n const [opensuakiemtravipham, setOpensuakiemtravipham] = React.useState(false);\r\n const [soqdxulyvipham, setSoqdxulyvipham] = React.useState(\"\");\r\n const [ngaycapqdxulyvipham, setNgaycapqdxulyvipham] = React.useState(dayjs());\r\n const [noidungxulyvipham, setNoidungxulyvipham] = React.useState(\"\");\r\n const [alert, setAlert] = React.useState(false);\r\n const [disableThemBT, setDisableThemBT] = React.useState(true);\r\n const [disabledat, setDisabledat] = React.useState(true);\r\n const [disabletainguyen, setDisabletainguyen] = React.useState(true);\r\n const handleClosethemkiemtravipham = () => {\r\n setOpenthemkiemtravipham(false);\r\n getlistviphamtheoid();\r\n };\r\n const handleClosesuakiemtravipham = () => {\r\n setOpensuakiemtravipham(false);\r\n getlistviphamtheoid();\r\n };\r\n const disablebutton = () => {\r\n if (\r\n soqdxulyvipham.trim().length > 0 &&\r\n noidungxulyvipham.trim().length > 0\r\n ) {\r\n setDisableThemBT(false);\r\n } else {\r\n setDisableThemBT(true);\r\n }\r\n };\r\n const [ketluankiemtra, setKetluankiemtra] = React.useState(\"\");\r\n const [ketquakiemtradat, setKetquakiemtradat] = React.useState(\"\");\r\n const [ketquakttainguyen, setKetquakttainguyen] = React.useState(\"\");\r\n const [tinhtrangkiemtra, setTinhtrangkiemtra] = React.useState([]);\r\n const [tinhtrangkiemtraVL, setTinhtrangkiemtraVL] = React.useState(null);\r\n const [sudungdat_vipham, setSudungdat_vipham] = React.useState([]);\r\n const [sudungdat_viphamVL, setSudungdat_viphamVL] = React.useState(null);\r\n const [qltainguyen_vipham, setQltainguyen_vipham] = React.useState([]);\r\n const [qltainguyen_viphamVL, setQltainguyen_viphamVL] = React.useState(null);\r\n const [disableBTXoa, setDisableBTXoa] = React.useState(true);\r\n const [kiemtra_id, setKiemtra_id] = React.useState(0);\r\n\r\n const token = localStorage.getItem(\"token\");\r\n var username = localStorage.getItem(\"username\");\r\n var obj = {\r\n method: \"GET\",\r\n headers: {\r\n Accept: \"application/json\",\r\n \"Content-Type\": \"application/json\",\r\n Authorization: \"Bearer \" + token,\r\n },\r\n };\r\n const kiemtraviphamcolumn: GridColDef[] = [\r\n {\r\n field: \"soquyetdinhkiemtra\",\r\n headerName: \"Số QĐ\",\r\n width: 160,\r\n headerAlign: \"center\",\r\n },\r\n {\r\n field: \"ngayquyetdinhkiemtra\",\r\n headerName: \"Ngày\",\r\n width: 160,\r\n headerAlign: \"center\",\r\n valueFormatter: (params) => dayjs(params.value).format(\"DD/MM/YYYY\"),\r\n },\r\n {\r\n field: \"noidungquyetdinhkiemtra\",\r\n headerName: \"Nội dung\",\r\n width: 300,\r\n headerAlign: \"center\",\r\n },\r\n {\r\n field: \"tinhtrangkiemtra\",\r\n headerName: \"Tình trạng\",\r\n width: 160,\r\n headerAlign: \"center\",\r\n },\r\n {\r\n field: \"ketluankiemtra\",\r\n headerName: \"Kết luận\",\r\n width: 300,\r\n headerAlign: \"center\",\r\n },\r\n ];\r\n const getcoquanbanhanh = () => {\r\n var url =\r\n Config.backend + \"/api/DanhMuc/getdmcqbanhanh?username=\" + username;\r\n fetch(url, obj)\r\n .then((res) => res.json())\r\n .then((data) => {\r\n setCoquanraqd(data);\r\n setCoquanraqdVL({\r\n id: data[0].id,\r\n ten: data[0].ten,\r\n });\r\n })\r\n .catch((error) => {\r\n console.error(\"Error fetching data: \", error);\r\n });\r\n };\r\n const getloaikiemtra = () => {\r\n var url =\r\n Config.backend + \"/api/DanhMuc/getdmloaivipham?username=\" + username;\r\n fetch(url, obj)\r\n .then((res) => res.json())\r\n .then((data) => {\r\n setLoaikiemtra(data);\r\n })\r\n .catch((error) => {\r\n console.error(\"Error fetching data: \", error);\r\n });\r\n };\r\n const gettinhtrangkiemtra = () => {\r\n var url =\r\n Config.backend +\r\n \"/api/DanhMuc/getdmtinhtrangkiemtra?username=\" +\r\n username;\r\n fetch(url, obj)\r\n .then((res) => res.json())\r\n .then((data) => {\r\n setTinhtrangkiemtra(data);\r\n setTinhtrangkiemtraVL({\r\n id: data[0].id,\r\n ten: data[0].ten,\r\n });\r\n })\r\n .catch((error) => {\r\n console.error(\"Error fetching data: \", error);\r\n });\r\n };\r\n const getsudungdat_vipham = () => {\r\n var url =\r\n Config.backend + \"/api/DanhMuc/getdmtinhtrangvipham?username=\" + username;\r\n fetch(url, obj)\r\n .then((res) => res.json())\r\n .then((data) => {\r\n setSudungdat_vipham(data);\r\n })\r\n .catch((error) => {\r\n console.error(\"Error fetching data: \", error);\r\n });\r\n };\r\n const getqltainguyen_vipham = () => {\r\n var url =\r\n Config.backend + \"/api/DanhMuc/getdmtinhtrangvipham?username=\" + username;\r\n fetch(url, obj)\r\n .then((res) => res.json())\r\n .then((data) => {\r\n setQltainguyen_vipham(data);\r\n })\r\n .catch((error) => {\r\n console.error(\"Error fetching data: \", error);\r\n });\r\n };\r\n\r\n // Gọi api để lưu thông tin thêm mới một kiểm tra vi phạm cho dự án\r\n const themktvp = () => {\r\n let chitietkt = [];\r\n if (loaikiemtraVL.length > 1) {\r\n chitietkt.push({\r\n loaivipham_id: 1,\r\n tinhtrangvipham_id: sudungdat_viphamVL.id,\r\n ketquakiemtra: ketquakiemtradat,\r\n });\r\n chitietkt.push({\r\n loaivipham_id: 2,\r\n tinhtrangvipham_id: qltainguyen_viphamVL.id,\r\n ketquakiemtra: ketquakttainguyen,\r\n });\r\n } else {\r\n if (loaikiemtraVL[0].id === 1) {\r\n chitietkt.push({\r\n loaivipham_id: 1,\r\n tinhtrangvipham_id: sudungdat_viphamVL.id,\r\n ketquakiemtra: ketquakiemtradat,\r\n });\r\n } else {\r\n chitietkt.push({\r\n loaivipham_id: 2,\r\n tinhtrangvipham_id: qltainguyen_viphamVL.id,\r\n ketquakiemtra: ketquakttainguyen,\r\n });\r\n }\r\n }\r\n var ngayqd =\r\n ngaycapqdxulyvipham.$y +\r\n \"-\" +\r\n String(ngaycapqdxulyvipham.$M + 1).padStart(2, \"0\") +\r\n \"-\" +\r\n ngaycapqdxulyvipham.$D;\r\n var url = Config.backend + \"/api/DuanChuDauTu/kiemtravipham\";\r\n fetch(url, {\r\n method: \"PUT\",\r\n headers: {\r\n Accept: \"application/json, text/plain\",\r\n \"Content-Type\": \"application/json;charset=UTF-8\",\r\n Authorization: \"Bearer \" + token,\r\n },\r\n body: JSON.stringify({\r\n duan_id: duan_id,\r\n soquyetdinh: soqdpd,\r\n ngayquyetdinh: ngayqd,\r\n donvi_id: coquanraqdVL.id,\r\n noidungquyetdinh: noidungxulyvipham,\r\n tinhtrangkiemtra_id: tinhtrangkiemtraVL.id,\r\n ketluankiemtra: ketluankiemtra,\r\n chitiet: chitietkt,\r\n username: username,\r\n }),\r\n })\r\n .then((res) => res.json())\r\n .then((data) => {\r\n if (data === 1) {\r\n showNotification();\r\n }\r\n })\r\n .catch((error) => {\r\n console.error(\"Error fetching data: \", error);\r\n });\r\n };\r\n\r\n const getduantheoid = () => {\r\n var url =\r\n Config.backend +\r\n \"/api/DuanChuDauTu/getduaniddieuchinh?id=\" +\r\n duan_id +\r\n \"&username=\" +\r\n username;\r\n fetch(url, obj)\r\n .then((res) => res.json())\r\n .then((data) => {\r\n setMaduan(data[0].maduan);\r\n setTenduan(data[0].tenduan);\r\n let [year, month, day] = data[0].thoidiemcapduan.split(\"-\");\r\n setThangnam(dayjs(year + \"-\" + month + \"-\" + day));\r\n if (data[0].soquyetdinhpheduyet) setSoqdpd(data[0].soquyetdinhpheduyet);\r\n })\r\n .catch((error) => {\r\n console.error(\"Error fetching data: \", error);\r\n });\r\n };\r\n const getlistviphamtheoid = () => {\r\n var url =\r\n Config.backend +\r\n \"/api/DuanChuDauTu/getktviphamduan?duan_id=\" +\r\n duan_id +\r\n \"&username=\" +\r\n username;\r\n fetch(url, obj)\r\n .then((res) => res.json())\r\n .then((data) => {\r\n setKiemtravipham(data);\r\n })\r\n .catch((error) => {\r\n console.error(\"Error fetching data: \", error);\r\n });\r\n };\r\n const showNotification = () => {\r\n setAlert(true);\r\n setTimeout(function () {\r\n setAlert(false);\r\n }, 2000);\r\n };\r\n const xoaktvp = () => {\r\n // var url = Config.backend + \"/api/DuanChuDauTu/xoaqdduan\";\r\n // fetch(url, {\r\n // method: \"DELETE\",\r\n // headers: {\r\n // Accept: \"application/json, text/plain\",\r\n // \"Content-Type\": \"application/json;charset=UTF-8\",\r\n // Authorization: \"Bearer \" + token,\r\n // },\r\n // body: JSON.stringify({\r\n // logid: logid,\r\n // duan_id: duan_id,\r\n // landieuchinh: landieuchinh,\r\n // username: username,\r\n // }),\r\n // })\r\n // .then((res) => res.json())\r\n // .then((data) => {\r\n // if (data === 1) {\r\n // showNotification();\r\n // setDisableBTXoa(true);\r\n // getdataRF(tuthangnam, denthangnam);\r\n // } else {\r\n // showNotification1();\r\n // }\r\n // })\r\n // .catch((error) => {\r\n // console.error(\"Error fetching data: \", error);\r\n // });\r\n console.log(\"XÓA KIỂM TRA VI PHAM\");\r\n };\r\n React.useEffect(() => {\r\n getcoquanbanhanh();\r\n getloaikiemtra();\r\n getduantheoid();\r\n gettinhtrangkiemtra();\r\n getsudungdat_vipham();\r\n getqltainguyen_vipham();\r\n getlistviphamtheoid();\r\n }, []);\r\n\r\n React.useEffect(() => {\r\n disablebutton();\r\n }, [soqdxulyvipham, ngaycapqdxulyvipham, noidungxulyvipham]);\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {\r\n setThangnam(newValue);\r\n }}\r\n format=\"DD/MM/YYYY\"\r\n slotProps={{ textField: { size: \"small\" } }}\r\n views={[\"day\", \"month\", \"year\"]}\r\n sx={{\r\n \"& .MuiInputBase-root\": {\r\n height: \"37px\",\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n setOpenthemkiemtravipham(true)}\r\n style={{ height: 35 }}\r\n >\r\n Thêm kiểm tra vi phạm\r\n \r\n \r\n \r\n \r\n \r\n \r\n Xóa\r\n \r\n \r\n \r\n \r\n \r\n row.stt}\r\n rows={kiemtravipham}\r\n columns={kiemtraviphamcolumn}\r\n checkboxSelection={false}\r\n getRowHeight={() => \"auto\"}\r\n headerHeight={35}\r\n sx={datagridSx}\r\n hideFooter\r\n initialState={{\r\n filter: {\r\n filterModel: {\r\n items: [],\r\n quickFilterLogicOperator: GridLinkOperator.Or,\r\n },\r\n },\r\n }}\r\n onRowClick={(params) => {\r\n setDisableBTXoa(false);\r\n setKiemtra_id(Number(params.row.kiemtra_id));\r\n }}\r\n onCellDoubleClick={(params, event) => {\r\n if (!event.ctrlKey) {\r\n setOpensuakiemtravipham(true);\r\n }\r\n }}\r\n />\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Nội dung kiểm tra vi phạm\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {\r\n setSoqdxulyvipham(event.target.value);\r\n }}\r\n InputProps={{\r\n style: {\r\n height: \"35px\",\r\n },\r\n }}\r\n InputLabelProps={{\r\n sx: {\r\n color: \"red\",\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n \r\n {\r\n setNgaycapqdxulyvipham(newValue);\r\n }}\r\n format=\"DD/MM/YYYY\"\r\n slotProps={{ textField: { size: \"small\" } }}\r\n views={[\"day\", \"month\", \"year\"]}\r\n sx={{\r\n \"& .MuiInputBase-root\": {\r\n height: \"37px\",\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n \r\n \r\n option.id === value.id\r\n }\r\n options={coquanraqd}\r\n getOptionLabel={(option) => option.ten}\r\n onChange={(event, value) => {\r\n setCoquanraqdVL(value);\r\n }}\r\n renderInput={(params) => (\r\n \r\n \r\n \r\n \r\n option.id === value.id\r\n }\r\n options={tinhtrangkiemtra}\r\n getOptionLabel={(option) => option.ten}\r\n onChange={(event, value) => {\r\n setTinhtrangkiemtraVL(value);\r\n }}\r\n renderInput={(params) => (\r\n \r\n \r\n \r\n option.ten}\r\n onChange={(event, value) => {\r\n setLoaikiemtraVL(value);\r\n if (value.length > 1) {\r\n setDisabledat(false);\r\n setDisabletainguyen(false);\r\n } else {\r\n if (value[0]) {\r\n if (value[0].id === 1) {\r\n setDisabledat(false);\r\n setDisabletainguyen(true);\r\n } else {\r\n setDisabletainguyen(false);\r\n setDisabledat(true);\r\n }\r\n }\r\n }\r\n }}\r\n renderInput={(params) => (\r\n \r\n \r\n \r\n {\r\n setNoidungxulyvipham(event.target.value);\r\n }}\r\n InputProps={{\r\n style: {\r\n height: \"35px\",\r\n },\r\n }}\r\n InputLabelProps={{\r\n sx: {\r\n color: \"red\",\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n {\r\n setKetluankiemtra(event.target.value);\r\n }}\r\n InputProps={{\r\n style: {\r\n height: \"35px\",\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n \r\n option.id === value.id\r\n }\r\n options={sudungdat_vipham}\r\n getOptionLabel={(option) => option.ten}\r\n onChange={(event, value) => {\r\n setSudungdat_viphamVL(value);\r\n }}\r\n renderInput={(params) => (\r\n \r\n \r\n \r\n {\r\n setKetquakiemtradat(event.target.value);\r\n }}\r\n InputProps={{\r\n style: {\r\n height: \"35px\",\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n \r\n option.id === value.id\r\n }\r\n options={qltainguyen_vipham}\r\n getOptionLabel={(option) => option.ten}\r\n onChange={(event, value) => {\r\n setQltainguyen_viphamVL(value);\r\n }}\r\n renderInput={(params) => (\r\n \r\n \r\n \r\n {\r\n setKetquakttainguyen(event.target.value);\r\n }}\r\n InputProps={{\r\n style: {\r\n height: \"35px\",\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n \r\n \r\n setAlert(false)}\r\n close\r\n />\r\n \r\n \r\n \r\n \r\n Thêm\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Cập nhật nội dung kiểm tra vi phạm\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n row.stt}\r\n rows={duanvipham}\r\n columns={dacolumn}\r\n checkboxSelection={false}\r\n getRowHeight={() => \"auto\"}\r\n headerHeight={35}\r\n sx={datagridSx}\r\n pageSize={pageSize}\r\n onPageSizeChange={(newPageSize) => setPageSize(newPageSize)}\r\n rowsPerPageOptions={[20, 50, 100]}\r\n pagination\r\n initialState={{\r\n filter: {\r\n filterModel: {\r\n items: [],\r\n quickFilterLogicOperator: GridLinkOperator.Or,\r\n },\r\n },\r\n }}\r\n components={{ Toolbar: quickSearchToolbar }}\r\n onRowClick={(params) => {\r\n setDuan_id(Number(params.row.da_id));\r\n }}\r\n onCellDoubleClick={(params, event) => {\r\n if (!event.ctrlKey) {\r\n setOpensua(true);\r\n }\r\n }}\r\n />\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Chọn dự án\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {\r\n setTungay(newValue);\r\n getduantheonam(newValue, denngay);\r\n setTrickUpdateDefaultValue(\r\n trickUpdateDefaultValue == 1 ? 2 : 1\r\n );\r\n }}\r\n format=\"YYYY\"\r\n slotProps={{ textField: { size: \"small\" } }}\r\n views={[\"year\"]}\r\n sx={{\r\n \"& .MuiInputBase-root\": {\r\n height: 33,\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n {\r\n setDenngay(newValue);\r\n getduantheonam(tungay, newValue);\r\n setTrickUpdateDefaultValue(\r\n trickUpdateDefaultValue == 1 ? 2 : 1\r\n );\r\n }}\r\n format=\"YYYY\"\r\n slotProps={{ textField: { size: \"small\" } }}\r\n views={[\"year\"]}\r\n sx={{\r\n \"& .MuiInputBase-root\": {\r\n height: 33,\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n option.tenduan +\r\n \" * \" +\r\n option.maduan +\r\n \" * \" +\r\n option.chudautu.replace(/\\\\n/g, \"\")\r\n }\r\n onChange={(event, value) => {\r\n setDuan_id(value.da_id);\r\n setDisableBT(false);\r\n }}\r\n renderInput={(params) => (\r\n \r\n \r\n {\r\n setOpenduan(false);\r\n setOpensua(true);\r\n }}\r\n style={{ height: 33 }}\r\n >\r\n Xử lý\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Cập nhật thông tin kiểm tra - vi phạm\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Xác nhận xóa file\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Xóa file\r\n \r\n \r\n \r\n setOpenxoafile(false)}\r\n style={{ height: 25 }}\r\n >\r\n Hủy\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n {progressInfos &&\r\n progressInfos.map((progressInfo, index) => (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n setAlert(false)}\r\n close\r\n />\r\n \r\n \r\n
\r\n );\r\n});\r\nThemfile.propTypes = {\r\n dangvienid: PropTypes.number,\r\n thumucid: PropTypes.number,\r\n};\r\nexport default Themfile;\r\n","import React from \"react\";\r\nimport { makeStyles } from \"@material-ui/core/styles\";\r\nimport {\r\n DataGrid,\r\n GridToolbarQuickFilter,\r\n GridLinkOperator,\r\n GridValueGetterParams,\r\n gridClasses,\r\n} from \"@mui/x-data-grid\";\r\nimport GridContainer from \"components/Grid/GridContainer.js\";\r\nimport GridItem from \"components/Grid/GridItem.js\";\r\nimport Button from \"@mui/material/Button\";\r\nimport Box from \"@mui/material/Box\";\r\nimport Themfile from \"components/Uploadfile/Themfile.js\";\r\nimport Autocomplete from \"@material-ui/lab/Autocomplete\";\r\nimport Modal from \"@mui/material/Modal\";\r\nimport TextField from \"@mui/material/TextField\";\r\nimport FormControl from \"@mui/material/FormControl\";\r\nimport GridItemLogin from \"components/Grid/GridItemLogin.js\";\r\nimport Card from \"components/Card/Card.js\";\r\nimport CardHeader from \"components/Card/CardHeadertab.js\";\r\nimport CloseIcon from \"@mui/icons-material/Close\";\r\nimport FileOpenIcon from \"@mui/icons-material/FileOpen\";\r\nimport FolderIconclose from \"@mui/icons-material/Folder\";\r\nimport FolderOpenIcons from \"@mui/icons-material/FolderOpen\";\r\nimport Snackbar from \"components/Snackbar/Snackbar.js\";\r\nimport AddAlert from \"@material-ui/icons/AddAlert\";\r\nimport IconButton from \"@mui/material/IconButton\";\r\nimport GoogleDocsViewer from \"react-google-docs-viewer\";\r\n//import FolderTree, { testData } from \"react-folder-tree\";\r\nimport FolderTree from \"react-folder-tree\";\r\nimport \"react-folder-tree/dist/style.css\";\r\nimport { AdapterDayjs } from \"@mui/x-date-pickers/AdapterDayjs\";\r\nimport { LocalizationProvider } from \"@mui/x-date-pickers/LocalizationProvider\";\r\nimport { DatePicker } from \"@mui/x-date-pickers/DatePicker\";\r\nimport dayjs from \"dayjs\";\r\nimport Config from \"conFig.js\";\r\nimport styles from \"assets/jss/material-dashboard-react/components/tableviewStyle.js\";\r\nconst useStyles = makeStyles(styles);\r\n\r\nconst datagridSx = {\r\n [`& .${gridClasses.cell}`]: {\r\n py: 1,\r\n },\r\n [`& .center`]: {\r\n justifyContent: \"center !important\",\r\n },\r\n borderRadius: 2,\r\n \"& .MuiDataGrid-main\": { borderRadius: 2 },\r\n \"& .MuiDataGrid-virtualScrollerRenderZone\": {\r\n \"& .MuiDataGrid-row\": {\r\n \"&:nth-of-type(2n)\": { backgroundColor: \"rgba(235, 235, 235, .7)\" },\r\n },\r\n },\r\n \"& .MuiDataGrid-columnHeaders\": {\r\n backgroundColor: \"rgba(0,0,255,0.6)\",\r\n color: \"rgb(255 255 255)\",\r\n fontSize: 16,\r\n },\r\n \"& .MuiInputBase-root\": {\r\n height: \"25px\",\r\n },\r\n};\r\nconst FolderOpenIcon = () => {\r\n return \r\n {progressInfo.fileName}\r\n
\r\n ))}\r\n\r\n \r\n \r\n
\r\n \r\n
\r\n\r\n {message.length > 0 && (\r\n \r\n \r\n
\r\n \r\n \r\n Upload\r\n \r\n
\r\n \r\n
\r\n )}\r\n \r\n - \r\n {message.map((item, i) => {\r\n return
- {item} ;\r\n })}\r\n
\r\n row.id}\r\n rows={file}\r\n columns={filecolumn}\r\n checkboxSelection={false}\r\n getRowHeight={() => \"auto\"}\r\n headerHeight={35}\r\n sx={datagridSx}\r\n hideFooter\r\n initialState={{\r\n filter: {\r\n filterModel: {\r\n items: [],\r\n quickFilterLogicOperator: GridLinkOperator.Or,\r\n },\r\n },\r\n }}\r\n components={{ Toolbar: quickSearchToolbar }}\r\n onRowClick={(params) => {\r\n setFileid(Number(params.row.id));\r\n setDisableBT1(false);\r\n setFileupload_id(params.row.upload_id);\r\n }}\r\n />\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Thêm file\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Nội dung file\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {\r\n setThangnam(newValue);\r\n }}\r\n format=\"MM/YYYY\"\r\n slotProps={{ textField: { size: \"small\" } }}\r\n views={[\"month\", \"year\"]}\r\n sx={{\r\n \"& .MuiInputBase-root\": {\r\n height: 33,\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n \r\n {\r\n setVongiaingan_thang(value);\r\n }}\r\n InputProps={{\r\n style: {\r\n height: \"35px\",\r\n },\r\n inputProps: { min: 0 },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n {\r\n setTinhhinhthuchien(event.target.value);\r\n }}\r\n multiline\r\n rows={2}\r\n />\r\n \r\n \r\n \r\n \r\n {\r\n setKhokhanvuongmac(event.target.value);\r\n }}\r\n multiline\r\n rows={2}\r\n />\r\n \r\n \r\n \r\n \r\n \r\n \r\n Thêm\r\n \r\n \r\n \r\n \r\n setAlert(false)}\r\n close\r\n />\r\n \r\n \r\n setAlert1(false)}\r\n close\r\n />\r\n \r\n \r\n
\r\n );\r\n});\r\nThembaocao.propTypes = {\r\n duan_id: PropTypes.number,\r\n};\r\nexport default Thembaocao;\r\n","import React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport GridContainer from \"components/Grid/GridContainer.js\";\r\nimport GridItem from \"components/Grid/GridItem.js\";\r\nimport Button from \"@mui/material/Button\";\r\nimport CardBody from \"components/Card/CardBody.js\";\r\nimport CardFooter from \"components/Card/CardFooter.js\";\r\nimport FormControl from \"@mui/material/FormControl\";\r\nimport TextField from \"@mui/material/TextField\";\r\nimport { NumericFormat } from \"react-number-format\";\r\nimport Snackbar from \"components/Snackbar/Snackbar.js\";\r\nimport AddAlert from \"@material-ui/icons/AddAlert\";\r\nimport { AdapterDayjs } from \"@mui/x-date-pickers/AdapterDayjs\";\r\nimport { LocalizationProvider } from \"@mui/x-date-pickers/LocalizationProvider\";\r\nimport { DatePicker } from \"@mui/x-date-pickers/DatePicker\";\r\nimport dayjs from \"dayjs\";\r\nimport Config from \"conFig.js\";\r\n\r\nconst Capnhatbaocao = React.memo(function Capnhatbaocao(props) {\r\n const { baocao_id } = props;\r\n const [thangnam, setThangnam] = React.useState(dayjs());\r\n const [duan_id, setDuan_id] = React.useState(1);\r\n const [vongiaingan_thang, setVongiaingan_thang] = React.useState(0);\r\n const [tinhhinhthuchien, setTinhhinhthuchien] = React.useState(\"\");\r\n const [khokhanvuongmac, setKhokhanvuongmac] = React.useState(\"\");\r\n const [alert, setAlert] = React.useState(false);\r\n const token = localStorage.getItem(\"token\");\r\n var username = localStorage.getItem(\"username\");\r\n var obj = {\r\n method: \"GET\",\r\n headers: {\r\n Accept: \"application/json\",\r\n \"Content-Type\": \"application/json\",\r\n Authorization: \"Bearer \" + token,\r\n },\r\n };\r\n const getbaocaothangtheoduan = () => {\r\n var url =\r\n Config.backend +\r\n \"/api/BaoCao/getslbcthangtheoid?slbcthang_id=\" +\r\n baocao_id +\r\n \"&username=\" +\r\n username;\r\n fetch(url, obj)\r\n .then((res) => res.json())\r\n .then((data) => {\r\n let thang = data[0].thang;\r\n let nam = data[0].nam;\r\n setThangnam(dayjs(nam + \"-\" + thang));\r\n setDuan_id(data[0].duan_id);\r\n setVongiaingan_thang(data[0].vongiaingan_thang);\r\n setTinhhinhthuchien(data[0].tinhhinhthuchien);\r\n setKhokhanvuongmac(data[0].khokhanvuongmac);\r\n })\r\n .catch((error) => {\r\n console.error(\"Error fetching data: \", error);\r\n });\r\n };\r\n\r\n const capnhatbaocao = () => {\r\n var url = Config.backend + \"/api/BaoCao/themslbcthang\";\r\n fetch(url, {\r\n method: \"POST\",\r\n headers: {\r\n Accept: \"application/json, text/plain\",\r\n \"Content-Type\": \"application/json;charset=UTF-8\",\r\n Authorization: \"Bearer \" + token,\r\n },\r\n body: JSON.stringify({\r\n thang: thangnam.$M + 1,\r\n nam: thangnam.$y,\r\n duan_id: duan_id,\r\n vongiaingan_thang: vongiaingan_thang,\r\n tinhhinhthuchien: tinhhinhthuchien,\r\n khokhanvuongmac: khokhanvuongmac,\r\n username: username,\r\n }),\r\n })\r\n .then((res) => res.json())\r\n .then((data) => {\r\n if (data === 1) {\r\n showNotification();\r\n }\r\n })\r\n .catch((error) => {\r\n console.error(\"Error fetching data: \", error);\r\n });\r\n };\r\n const showNotification = () => {\r\n setAlert(true);\r\n setTimeout(function () {\r\n setAlert(false);\r\n }, 2000);\r\n };\r\n React.useEffect(() => {\r\n getbaocaothangtheoduan();\r\n }, []);\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n {\r\n setThangnam(newValue);\r\n }}\r\n format=\"MM/YYYY\"\r\n slotProps={{ textField: { size: \"small\" } }}\r\n views={[\"month\", \"year\"]}\r\n sx={{\r\n \"& .MuiInputBase-root\": {\r\n height: 33,\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n \r\n {\r\n setVongiaingan_thang(value);\r\n }}\r\n InputProps={{\r\n style: {\r\n height: \"35px\",\r\n },\r\n inputProps: { min: 0 },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n {\r\n setTinhhinhthuchien(event.target.value);\r\n }}\r\n multiline\r\n rows={3}\r\n />\r\n \r\n \r\n \r\n \r\n {\r\n setKhokhanvuongmac(event.target.value);\r\n }}\r\n multiline\r\n rows={3}\r\n />\r\n \r\n \r\n \r\n \r\n \r\n \r\n Cập nhật\r\n \r\n \r\n \r\n \r\n setAlert(false)}\r\n close\r\n />\r\n \r\n \r\n
\r\n );\r\n});\r\nCapnhatbaocao.propTypes = {\r\n baocao_id: PropTypes.number,\r\n};\r\nexport default Capnhatbaocao;\r\n","import React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport { makeStyles } from \"@material-ui/core/styles\";\r\nimport {\r\n DataGrid,\r\n GridToolbarQuickFilter,\r\n GridLinkOperator,\r\n gridClasses,\r\n} from \"@mui/x-data-grid\";\r\nimport GridContainer from \"components/Grid/GridContainer.js\";\r\nimport GridItem from \"components/Grid/GridItem.js\";\r\nimport Box from \"@mui/material/Box\";\r\nimport Button from \"@mui/material/Button\";\r\nimport CardBody from \"components/Card/CardBody.js\";\r\nimport Thembaocao from \"components/Baocaoduan/Baocaothang/Thembaocao.js\";\r\nimport Capnhatbaocao from \"components/Baocaoduan/Baocaothang/Capnhatbaocao.js\";\r\nimport Modal from \"@mui/material/Modal\";\r\nimport Snackbar from \"components/Snackbar/Snackbar.js\";\r\nimport AddAlert from \"@material-ui/icons/AddAlert\";\r\nimport FormControl from \"@mui/material/FormControl\";\r\nimport GridItemLogin from \"components/Grid/GridItemLogin.js\";\r\nimport Card from \"components/Card/Card.js\";\r\nimport CardHeader from \"components/Card/CardHeadertab.js\";\r\nimport CloseIcon from \"@mui/icons-material/Close\";\r\nimport { AdapterDayjs } from \"@mui/x-date-pickers/AdapterDayjs\";\r\nimport { LocalizationProvider } from \"@mui/x-date-pickers/LocalizationProvider\";\r\nimport { DatePicker } from \"@mui/x-date-pickers/DatePicker\";\r\nimport dayjs from \"dayjs\";\r\nimport styles from \"assets/jss/material-dashboard-react/components/tableviewStyle.js\";\r\nconst useStyles = makeStyles(styles);\r\nimport Config from \"conFig.js\";\r\n\r\nconst datagridSx = {\r\n [`& .${gridClasses.cell}`]: {\r\n py: 1,\r\n },\r\n [`& .center`]: {\r\n justifyContent: \"center !important\",\r\n },\r\n borderRadius: 2,\r\n \"& .MuiDataGrid-main\": { borderRadius: 2 },\r\n \"& .MuiDataGrid-virtualScrollerRenderZone\": {\r\n \"& .MuiDataGrid-row\": {\r\n \"&:nth-of-type(2n)\": { backgroundColor: \"rgba(235, 235, 235, .7)\" },\r\n },\r\n },\r\n \"& .MuiDataGrid-columnHeaders\": {\r\n backgroundColor: \"rgba(0,0,255,0.6)\",\r\n color: \"rgb(255 255 255)\",\r\n fontSize: 16,\r\n },\r\n \"& .MuiInputBase-root\": {\r\n height: \"25px\",\r\n },\r\n};\r\n\r\nconst dacolumn = [\r\n {\r\n field: \"tenduan\",\r\n headerName: \"Tên dự án\",\r\n width: 300,\r\n headerAlign: \"center\",\r\n },\r\n {\r\n field: \"thang\",\r\n headerName: \"Tháng\",\r\n width: 120,\r\n headerAlign: \"center\",\r\n },\r\n {\r\n field: \"nam\",\r\n headerName: \"Năm\",\r\n width: 120,\r\n headerAlign: \"center\",\r\n },\r\n {\r\n field: \"vongiaingan_thang\",\r\n headerName: \"Vốn giải ngân\",\r\n width: 160,\r\n headerAlign: \"center\",\r\n valueFormatter: (params) => params.value.toLocaleString(\"de-DE\"),\r\n },\r\n {\r\n field: \"tinhhinhthuchien\",\r\n headerName: \"Tình hình thực hiện\",\r\n width: 300,\r\n headerAlign: \"center\",\r\n },\r\n {\r\n field: \"khokhanvuongmac\",\r\n headerName: \"Khó khăn, vướng mắt\",\r\n width: 300,\r\n headerAlign: \"center\",\r\n },\r\n];\r\n\r\nconst Baocaothang = React.memo(function Baocaothang(props) {\r\n const classes = useStyles();\r\n const { duan_id } = props;\r\n const [pageSize, setPageSize] = React.useState(50);\r\n const [thangnam, setThangnam] = React.useState(dayjs());\r\n const [data, setData] = React.useState([]);\r\n const [thang, setThang] = React.useState(0);\r\n const [nam, setNam] = React.useState(0);\r\n const [alert, setAlert] = React.useState(false);\r\n const [disableBT_xoa, setDisableBT_xoa] = React.useState(false);\r\n const [baocao_id, setBaocao_id] = React.useState(0);\r\n const [openthem, setOpenthem] = React.useState(false);\r\n const [opencapnhat, setOpencapnhat] = React.useState(false);\r\n const handleClosethem = () => {\r\n setOpenthem(false);\r\n getbaocaothang(thangnam.$y);\r\n };\r\n const handleClosecapnhat = () => {\r\n setOpencapnhat(false);\r\n getbaocaothang(thangnam.$y);\r\n };\r\n const quickSearchToolbar = () => {\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n {\r\n setThangnam(newValue);\r\n getbaocaothang(newValue.$y);\r\n }}\r\n format=\"YYYY\"\r\n slotProps={{ textField: { size: \"small\" } }}\r\n views={[\"year\"]}\r\n sx={{\r\n \"& .MuiInputBase-root\": {\r\n height: 33,\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n {\r\n setOpenthem(true);\r\n }}\r\n style={{ height: 33 }}\r\n >\r\n Thêm báo cáo\r\n \r\n \r\n \r\n \r\n Xóa\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n setAlert(false)}\r\n close\r\n />\r\n \r\n \r\n \r\n
\r\n );\r\n});\r\nBaocaothang.propTypes = {\r\n duan_id: PropTypes.number,\r\n};\r\nexport default Baocaothang;\r\n","import React from \"react\";\r\nimport { makeStyles } from \"@material-ui/core/styles\";\r\nimport { NumericFormat } from \"react-number-format\";\r\nimport PropTypes from \"prop-types\";\r\nimport GridContainer from \"components/Grid/GridContainer.js\";\r\nimport GridItem from \"components/Grid/GridItem.js\";\r\nimport FormControl from \"@mui/material/FormControl\";\r\nimport TextField from \"@mui/material/TextField\";\r\nimport Button from \"@mui/material/Button\";\r\nimport InputLabel from \"@mui/material/InputLabel\";\r\nimport MenuItem from \"@mui/material/MenuItem\";\r\nimport Select from \"@mui/material/Select\";\r\nimport Snackbar from \"components/Snackbar/Snackbar.js\";\r\nimport AddAlert from \"@material-ui/icons/AddAlert\";\r\nimport Config from \"conFig.js\";\r\nimport styles from \"assets/jss/material-dashboard-react/components/tablebaocaoStyle.js\";\r\nconst useStyles = makeStyles(styles);\r\n\r\nconst Thembaocao = React.memo(function Thembaocao(props) {\r\n const { nam, duan_id } = props;\r\n const classes = useStyles();\r\n const [quy, setQuy] = React.useState(1);\r\n const [vongiaingan_quy, setVongiaingan_quy] = React.useState(0);\r\n const [ketquahoatdong_quy, setKetquahoatdong_quy] = React.useState(0);\r\n const [laodong_vn, setLaodong_vn] = React.useState(0);\r\n const [laodong_nn, setLaodong_nn] = React.useState(0);\r\n const [nopngansach_quy, setNopngansach_quy] = React.useState(0);\r\n const [dientichdadung_quy, setDientichdadung_quy] = React.useState(0);\r\n const [tinhhinhtrienkhai, setTinhhinhtrienkhai] = React.useState(\"\");\r\n const [quyhoachchutruong, setQuyhoachchutruong] = React.useState(\"\");\r\n const [tiendothuchien, setTiendothuchien] = React.useState(\"\");\r\n const [baovemoitruong, setBaovemoitruong] = React.useState(\"\");\r\n const [congnghe, setCongnghe] = React.useState(\"\");\r\n const [datdaitainguyen, setDatdaitainguyen] = React.useState(\"\");\r\n const [kehoachtrienkhaisaptoi, setKehoachtrienkhaisaptoi] = React.useState(\r\n \"\"\r\n );\r\n const [khokhanvuongmac, setKhokhanvuongmac] = React.useState(\"\");\r\n const [alert, setAlert] = React.useState(false);\r\n const token = localStorage.getItem(\"token\");\r\n var username = localStorage.getItem(\"username\");\r\n var obj = {\r\n method: \"GET\",\r\n headers: {\r\n Accept: \"application/json\",\r\n \"Content-Type\": \"application/json\",\r\n Authorization: \"Bearer \" + token,\r\n },\r\n };\r\n const getslbcthangtoquy = () => {\r\n var url =\r\n Config.backend +\r\n \"/api/BaoCao/getslbcthangtoquy?duan_id=\" +\r\n duan_id +\r\n \"&quy=\" +\r\n quy +\r\n \"&nam=\" +\r\n nam +\r\n \"&username=\" +\r\n username;\r\n fetch(url, obj)\r\n .then((res) => res.json())\r\n .then((data) => {\r\n if (data[0]) {\r\n setVongiaingan_quy(data[0].vongiaingan_quy);\r\n setTiendothuchien(data[0].tinhtrangtiendo);\r\n if (data[0].khokhanvuongmac)\r\n setKhokhanvuongmac(data[0].khokhanvuongmac);\r\n } else {\r\n setVongiaingan_quy(0);\r\n setTiendothuchien(\"\");\r\n setKhokhanvuongmac(\"\");\r\n }\r\n })\r\n .catch((error) => {\r\n console.error(\"Error fetching data: \", error);\r\n });\r\n };\r\n const getslbcthangtoquyid = (quyid) => {\r\n var url =\r\n Config.backend +\r\n \"/api/BaoCao/getslbcthangtoquy?duan_id=\" +\r\n duan_id +\r\n \"&quy=\" +\r\n quyid +\r\n \"&nam=\" +\r\n nam +\r\n \"&username=\" +\r\n username;\r\n fetch(url, obj)\r\n .then((res) => res.json())\r\n .then((data) => {\r\n if (data[0]) {\r\n setVongiaingan_quy(data[0].vongiaingan_quy);\r\n setTiendothuchien(data[0].tinhtrangtiendo);\r\n if (data[0].khokhanvuongmac)\r\n setKhokhanvuongmac(data[0].khokhanvuongmac);\r\n } else {\r\n setVongiaingan_quy(0);\r\n setTiendothuchien(\"\");\r\n setKhokhanvuongmac(\"\");\r\n }\r\n })\r\n .catch((error) => {\r\n console.error(\"Error fetching data: \", error);\r\n });\r\n };\r\n const insertbaocao = () => {\r\n var url = Config.backend + \"/api/BaoCao/themmauA1\";\r\n fetch(url, {\r\n method: \"POST\",\r\n headers: {\r\n Accept: \"application/json, text/plain\",\r\n \"Content-Type\": \"application/json;charset=UTF-8\",\r\n Authorization: \"Bearer \" + token,\r\n },\r\n body: JSON.stringify({\r\n quy: quy,\r\n nam: nam,\r\n duan_id: duan_id,\r\n vongiaingan_quy: vongiaingan_quy,\r\n ketquahoatdong_quy: ketquahoatdong_quy,\r\n laodong_vn: laodong_vn,\r\n laodong_nn: laodong_nn,\r\n nopngansach_quy: nopngansach_quy,\r\n dientichdadung_quy: dientichdadung_quy,\r\n tinhhinhtrienkhai: tinhhinhtrienkhai,\r\n quyhoachchutruong: quyhoachchutruong,\r\n tiendothuchien: tiendothuchien,\r\n baovemoitruong: baovemoitruong,\r\n congnghe: congnghe,\r\n datdaitainguyen: datdaitainguyen,\r\n kehoachtrienkhaisaptoi: kehoachtrienkhaisaptoi,\r\n khokhanvuongmac: khokhanvuongmac,\r\n username: username,\r\n }),\r\n })\r\n .then((res) => res.json())\r\n .then((data) => {\r\n if (data === 1) {\r\n showNotification();\r\n }\r\n })\r\n .catch((error) => {\r\n console.error(\"Error fetching data: \", error);\r\n });\r\n };\r\n const showNotification = () => {\r\n setAlert(true);\r\n setTimeout(function () {\r\n setAlert(false);\r\n }, 2000);\r\n };\r\n const renderTableHead = () => {\r\n return (\r\n \r\n \r\n row.id}\r\n rows={data}\r\n columns={dacolumn}\r\n checkboxSelection={false}\r\n getRowHeight={() => \"auto\"}\r\n headerHeight={35}\r\n sx={datagridSx}\r\n pageSize={pageSize}\r\n onPageSizeChange={(newPageSize) => setPageSize(newPageSize)}\r\n rowsPerPageOptions={[20, 50, 100]}\r\n pagination\r\n initialState={{\r\n filter: {\r\n filterModel: {\r\n items: [],\r\n quickFilterLogicOperator: GridLinkOperator.Or,\r\n },\r\n },\r\n }}\r\n components={{ Toolbar: quickSearchToolbar }}\r\n onRowClick={(params) => {\r\n setBaocao_id(Number(params.row.id));\r\n setThang(params.row.thang);\r\n setNam(params.row.nam);\r\n setDisableBT_xoa(false);\r\n }}\r\n onCellDoubleClick={(params, event) => {\r\n if (!event.ctrlKey) {\r\n setOpencapnhat(true);\r\n }\r\n }}\r\n />\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Thêm báo cáo tháng\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Cập nhật báo cáo tháng\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n {tHead}\r\n {tBody}\r\n \r\n \r\n \r\n Thêm\r\n \r\n \r\n \r\n \r\n setAlert(false)}\r\n close\r\n />\r\n \r\n \r\n
\r\n \r\n \r\n {tHead}\r\n {tBody}\r\n \r\n \r\n \r\n Cập nhật\r\n \r\n \r\n \r\n \r\n setAlert(false)}\r\n close\r\n />\r\n \r\n \r\n \r\n \r\n setAlert1(false)}\r\n close\r\n />\r\n \r\n \r\n \r\n \r\n setAlert2(false)}\r\n close\r\n />\r\n \r\n \r\n \r\n \r\n setAlert3(false)}\r\n close\r\n />\r\n \r\n \r\n \r\n \r\n setAlert4(false)}\r\n close\r\n />\r\n \r\n \r\n \r\n \r\n setAlert5(false)}\r\n close\r\n />\r\n \r\n \r\n
\r\n \r\n \r\n {tHead}\r\n {tBody}\r\n
\r\n
\r\n );\r\n});\r\nBaocaoquyTable.propTypes = {\r\n quy1: PropTypes.array,\r\n quy2: PropTypes.array,\r\n quy3: PropTypes.array,\r\n quy4: PropTypes.array,\r\n};\r\nexport default BaocaoquyTable;\r\n","import React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport { makeStyles } from \"@material-ui/core/styles\";\r\nimport GridContainer from \"components/Grid/GridContainer.js\";\r\nimport GridItem from \"components/Grid/GridItem.js\";\r\nimport CardBody from \"components/Card/CardBody.js\";\r\nimport Button from \"@mui/material/Button\";\r\nimport Thembaocao from \"components/Baocaoduan/Baocaoquy/Thembaocao.js\";\r\nimport Capnhatbaocao from \"components/Baocaoduan/Baocaoquy/Capnhatbaocao.js\";\r\nimport BaocaoquyTable from \"components/Baocaoduan/Baocaoquy/BaocaoquyTable.js\";\r\nimport Modal from \"@mui/material/Modal\";\r\nimport FormControl from \"@mui/material/FormControl\";\r\nimport GridItemLogin from \"components/Grid/GridItemLogin.js\";\r\nimport Card from \"components/Card/Card.js\";\r\nimport CardHeader from \"components/Card/CardHeadertab.js\";\r\nimport CloseIcon from \"@mui/icons-material/Close\";\r\nimport { AdapterDayjs } from \"@mui/x-date-pickers/AdapterDayjs\";\r\nimport { LocalizationProvider } from \"@mui/x-date-pickers/LocalizationProvider\";\r\nimport { DatePicker } from \"@mui/x-date-pickers/DatePicker\";\r\nimport dayjs from \"dayjs\";\r\nimport styles from \"assets/jss/material-dashboard-react/components/tableviewStyle.js\";\r\nconst useStyles = makeStyles(styles);\r\nimport Config from \"conFig.js\";\r\n\r\nconst Baocaoquy = React.memo(function Baocaoquy(props) {\r\n const classes = useStyles();\r\n const { duan_id } = props;\r\n const [quy1, setQuy1] = React.useState([]);\r\n const [quy2, setQuy2] = React.useState([]);\r\n const [quy3, setQuy3] = React.useState([]);\r\n const [quy4, setQuy4] = React.useState([]);\r\n const [thangnam, setThangnam] = React.useState(dayjs());\r\n const [openthem, setOpenthem] = React.useState(false);\r\n const [opencapnhat, setOpencapnhat] = React.useState(false);\r\n const handleClosethem = () => {\r\n setOpenthem(false);\r\n getsolieu(thangnam.$y);\r\n };\r\n const handleClosecapnhat = () => {\r\n setOpencapnhat(false);\r\n getsolieu(thangnam.$y);\r\n };\r\n const token = localStorage.getItem(\"token\");\r\n var username = localStorage.getItem(\"username\");\r\n var obj = {\r\n method: \"GET\",\r\n headers: {\r\n Accept: \"application/json\",\r\n \"Content-Type\": \"application/json\",\r\n Authorization: \"Bearer \" + token,\r\n },\r\n };\r\n const getsolieuquy1 = (nam) => {\r\n if (duan_id > 0) {\r\n var url =\r\n Config.backend +\r\n \"/api/BaoCao/getmau31theoduanquynam?duan_id=\" +\r\n duan_id +\r\n \"&quy=\" +\r\n 1 +\r\n \"&nam=\" +\r\n nam +\r\n \"&username=\" +\r\n username;\r\n fetch(url, obj)\r\n .then((res) => res.json())\r\n .then((data) => {\r\n setQuy1(data);\r\n })\r\n .catch((error) => {\r\n console.error(\"Error fetching data: \", error);\r\n });\r\n }\r\n };\r\n const getsolieuquy2 = (nam) => {\r\n if (duan_id > 0) {\r\n var url =\r\n Config.backend +\r\n \"/api/BaoCao/getmau31theoduanquynam?duan_id=\" +\r\n duan_id +\r\n \"&quy=\" +\r\n 2 +\r\n \"&nam=\" +\r\n nam +\r\n \"&username=\" +\r\n username;\r\n fetch(url, obj)\r\n .then((res) => res.json())\r\n .then((data) => {\r\n setQuy2(data);\r\n })\r\n .catch((error) => {\r\n console.error(\"Error fetching data: \", error);\r\n });\r\n }\r\n };\r\n const getsolieuquy3 = (nam) => {\r\n if (duan_id > 0) {\r\n var url =\r\n Config.backend +\r\n \"/api/BaoCao/getmau31theoduanquynam?duan_id=\" +\r\n duan_id +\r\n \"&quy=\" +\r\n 3 +\r\n \"&nam=\" +\r\n nam +\r\n \"&username=\" +\r\n username;\r\n fetch(url, obj)\r\n .then((res) => res.json())\r\n .then((data) => {\r\n setQuy3(data);\r\n })\r\n .catch((error) => {\r\n console.error(\"Error fetching data: \", error);\r\n });\r\n }\r\n };\r\n const getsolieuquy4 = (nam) => {\r\n if (duan_id > 0) {\r\n var url =\r\n Config.backend +\r\n \"/api/BaoCao/getmau31theoduanquynam?duan_id=\" +\r\n duan_id +\r\n \"&quy=\" +\r\n 4 +\r\n \"&nam=\" +\r\n nam +\r\n \"&username=\" +\r\n username;\r\n fetch(url, obj)\r\n .then((res) => res.json())\r\n .then((data) => {\r\n setQuy4(data);\r\n })\r\n .catch((error) => {\r\n console.error(\"Error fetching data: \", error);\r\n });\r\n }\r\n };\r\n const getsolieu = (nam) => {\r\n getsolieuquy1(nam);\r\n getsolieuquy2(nam);\r\n getsolieuquy3(nam);\r\n getsolieuquy4(nam);\r\n };\r\n React.useEffect(() => {\r\n getsolieu(new Date().getFullYear());\r\n }, []);\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n {\r\n setThangnam(newValue);\r\n getsolieu(newValue.$y);\r\n }}\r\n format=\"YYYY\"\r\n slotProps={{ textField: { size: \"small\" } }}\r\n views={[\"year\"]}\r\n sx={{\r\n \"& .MuiInputBase-root\": {\r\n height: 30,\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n setOpenthem(true)}\r\n style={{ height: 30 }}\r\n >\r\n Thêm báo cáo\r\n \r\n \r\n \r\n setOpencapnhat(true)}\r\n style={{ height: 30 }}\r\n >\r\n Cập nhật số liệu\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n );\r\n});\r\nBaocaoquy.propTypes = {\r\n duan_id: PropTypes.number,\r\n};\r\nexport default Baocaoquy;\r\n","import Config from \"conFig.js\";\r\nimport PropTypes from \"prop-types\";\r\nimport { saveAs } from \"file-saver\";\r\nimport * as React from \"react\";\r\nimport Button from \"@mui/material/Button\";\r\nimport dayjs from \"dayjs\";\r\n\r\nconst ExcelJS = require(\"exceljs\");\r\n\r\nconst Baocaonamexcel = React.memo(function Baocaonamexcel(props) {\r\n const { duan_id, nam, nguonvon, disableBT_xuatExcel } = props;\r\n const [chudautu, setChudautu] = React.useState([]);\r\n const [chudautuVL, setChudautuVL] = React.useState([]);\r\n const [sltheocdt, setSltheocdt] = React.useState([]);\r\n const [data, setData] = React.useState([]);\r\n const [thongtinduan, setThongtinduan] = React.useState([]);\r\n\r\n // Get and create authentication object\r\n const token = localStorage.getItem(\"token\");\r\n var username = localStorage.getItem(\"username\");\r\n var obj = {\r\n method: \"GET\",\r\n headers: {\r\n Accept: \"application/json\",\r\n \"Content-Type\": \"application/json\",\r\n Authorization: \"Bearer \" + token,\r\n },\r\n };\r\n\r\n const getsolieu = () => {\r\n getchudautubyduan();\r\n getsolieutheocdt(nam);\r\n getbaocao(nam);\r\n getthongtinchitietduan();\r\n };\r\n\r\n const getchudautubyduan = () => {\r\n var url =\r\n Config.backend +\r\n \"/api/DuanChuDauTu/getchudautuduan?duan_id=\" +\r\n duan_id +\r\n \"&username=\" +\r\n username;\r\n fetch(url)\r\n .then((res) => res.json())\r\n .then((data) => {\r\n setChudautu(data);\r\n })\r\n .catch((error) => {\r\n console.error(\"Error fetching data: \", error);\r\n });\r\n };\r\n\r\n const getsolieutheocdt = (nam) => {\r\n var url =\r\n Config.backend +\r\n \"/api/BaoCao/getmauaiii2vongoptheoduan?duan_id=\" +\r\n duan_id +\r\n \"&nam=\" +\r\n nam +\r\n \"&username=\" +\r\n username;\r\n fetch(url, obj)\r\n .then((res) => res.json())\r\n .then((data) => {\r\n setSltheocdt(data);\r\n })\r\n .catch((error) => {\r\n console.error(\"Error fetching data: \", error);\r\n });\r\n };\r\n\r\n const getbaocao = (nam) => {\r\n var url =\r\n Config.backend +\r\n \"/api/BaoCao/getmauaiii2theoduannam?duan_id=\" +\r\n duan_id +\r\n \"&nam=\" +\r\n nam +\r\n \"&username=\" +\r\n username;\r\n fetch(url, obj)\r\n .then((res) => res.json())\r\n .then((data) => {\r\n setData(data);\r\n })\r\n .catch((error) => {\r\n console.error(\"Error fetching data: \", error);\r\n });\r\n };\r\n\r\n const getthongtinchitietduan = () => {\r\n var url =\r\n Config.backend +\r\n \"/api/DuanChuDauTu/getduaniddieuchinh?id=\" +\r\n duan_id +\r\n \"&username=\" +\r\n username;\r\n fetch(url, obj)\r\n .then((res) => res.json())\r\n .then((data) => {\r\n setThongtinduan(data);\r\n })\r\n .catch((error) => {\r\n console.error(\"Error fetching data: \", error);\r\n });\r\n };\r\n\r\n const renderChudautu = () => {\r\n var value = [];\r\n if (chudautu.length > 0) {\r\n chudautu.map((prop) => {\r\n if (sltheocdt.length > 0) {\r\n sltheocdt.map((item) => {\r\n if (item.chudautu_id === prop.chudautu_id) {\r\n value.push([\r\n {\r\n chudautu_id: prop.chudautu_id,\r\n bangtien: item.bangtien ? item.bangtien : 0,\r\n maymocthietbi: item.maymocthietbi ? item.maymocthietbi : 0,\r\n taisankhac: item.taisankhac ? item.taisankhac : 0,\r\n tongso_lkduan: item.tongso_lkduan ? item.tongso_lkduan : 0,\r\n bangtien_lkduan: item.bangtien_lkduan\r\n ? item.bangtien_lkduan\r\n : 0,\r\n maymocthietbi_lkduan: item.maymocthietbi_lkduan\r\n ? item.maymocthietbi_lkduan\r\n : 0,\r\n taisankhac_lkduan: item.taisankhac_lkduan\r\n ? item.taisankhac_lkduan\r\n : 0,\r\n },\r\n ]);\r\n setChudautuVL(value);\r\n }\r\n });\r\n } else {\r\n value.push([\r\n {\r\n chudautu_id: prop.chudautu_id,\r\n bangtien: 0,\r\n maymocthietbi: 0,\r\n taisankhac: 0,\r\n tongso_lkduan: 0,\r\n bangtien_lkduan: 0,\r\n maymocthietbi_lkduan: 0,\r\n taisankhac_lkduan: 0,\r\n },\r\n ]);\r\n setChudautuVL(value);\r\n }\r\n });\r\n }\r\n };\r\n\r\n // Create excel Template and full fill data\r\n const createExcelTemplateAndFullFillData = (sheet, data, tongtien) => {\r\n // Set width columns\r\n const aCol = sheet.getColumn(\"A\");\r\n const bCol = sheet.getColumn(\"B\");\r\n const cCol = sheet.getColumn(\"C\");\r\n const dCol = sheet.getColumn(\"D\");\r\n aCol.width = 60;\r\n bCol.width = 20;\r\n cCol.width = 35;\r\n dCol.width = 45;\r\n\r\n // Set template\r\n sheet.mergeCells(\"A1\", \"D1\");\r\n sheet.getCell(\"A1\").value = \"Mẫu A.III.2\";\r\n sheet.getCell(\"A1\").font = {\r\n bold: true,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"A1\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"center\",\r\n };\r\n\r\n sheet.mergeCells(\"A2\", \"D2\");\r\n sheet.getCell(\"A2\").value = \"BÁO CÁO TÌNH HÌNH THỰC HIỆN DỰ ÁN ĐẦU TƯ NĂM \";\r\n sheet.getCell(\"A2\").font = {\r\n bold: true,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"A2\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"center\",\r\n };\r\n\r\n sheet.mergeCells(\"A3\", \"D3\");\r\n sheet.getCell(\"A3\").value =\r\n \"(Quy định tại điểm a, khoản 2, Điều 72 Luật Đầu tư và khoản 1, khoản 3, Điều 102 Nghị định 31/2021/NĐ-CP)\";\r\n sheet.getCell(\"A3\").font = {\r\n italic: true,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"A3\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"center\",\r\n };\r\n\r\n sheet.mergeCells(\"A4\", \"D4\");\r\n sheet.getCell(\"A4\").value =\r\n \"(Tổ chức kinh tế có nhiều dự án thì mỗi dự án báo cáo 1 biểu riêng. Thời hạn báo cáo: trước ngày 31 tháng 3 năm sau năm báo cáo. Báo cáo chỉ thực hiện trên Hệ thống thông tin quốc gia về đầu tư)\";\r\n sheet.getCell(\"A4\").font = {\r\n italic: true,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"A4\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"center\",\r\n wrapText: true,\r\n };\r\n sheet.getRow(4).height = 50;\r\n\r\n sheet.mergeCells(\"A5\", \"D5\");\r\n sheet.getCell(\"D5\").value =\r\n \"____________________________________________________________________________\";\r\n sheet.getCell(\"D5\").font = {\r\n bold: true,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"D5\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"center\",\r\n };\r\n\r\n sheet.getCell(\"A7\").value = \"TỔ CHỨC KINH TẾ THỰC HIỆN DỰ ÁN ĐẦU TƯ\";\r\n sheet.getCell(\"A7\").font = {\r\n bold: true,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"A7\").alignment = { vertical: \"middle\", horizontal: \"left\" };\r\n\r\n sheet.getCell(\"C7\").value = \"Nơi nhận:\";\r\n sheet.getCell(\"C7\").font = {\r\n bold: true,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"C7\").alignment = { vertical: \"top\", horizontal: \"right\" };\r\n\r\n sheet.getCell(\"D7\").value =\r\n \"Cơ quan đăng ký đầu tư;\\nCơ quan thống kê tại địa phương.\";\r\n sheet.getCell(\"D7\").font = {\r\n bold: false,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"D7\").alignment = {\r\n vertical: \"top\",\r\n horizontal: \"left\",\r\n wrapText: true,\r\n };\r\n\r\n sheet.getRow(7).height = 50;\r\n\r\n sheet.mergeCells(\"A9\", \"D9\");\r\n sheet.getCell(\"A9\").value = \"Phần A: Thông tin chung về dự án đầu tư\";\r\n sheet.getCell(\"A9\").font = {\r\n bold: false,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"A9\").alignment = { vertical: \"middle\", horizontal: \"left\" };\r\n\r\n sheet.getCell(\"A10\").value = \"Tên dự án / Tên Hợp đồng BCC:\";\r\n sheet.getCell(\"A10\").font = {\r\n bold: false,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"A10\").alignment = { vertical: \"middle\", horizontal: \"left\" };\r\n sheet.getCell(\"A10\").border = {\r\n top: { style: \"double\" },\r\n left: { style: \"double\" },\r\n right: { style: \"thin\" },\r\n };\r\n\r\n sheet.mergeCells(\"B10\", \"D10\");\r\n sheet.getCell(\"B10\").value = data[0].tenduan;\r\n sheet.getCell(\"B10\").font = {\r\n bold: false,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"B10\").alignment = { vertical: \"middle\", horizontal: \"left\" };\r\n sheet.getCell(\"B10\").border = {\r\n top: { style: \"double\" },\r\n right: { style: \"double\" },\r\n };\r\n\r\n sheet.getCell(\"A11\").value = \"Mã số dự án/ Số GCNĐT:\";\r\n sheet.getCell(\"A11\").font = {\r\n bold: false,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"A11\").alignment = { vertical: \"middle\", horizontal: \"left\" };\r\n sheet.getCell(\"A11\").border = {\r\n left: { style: \"double\" },\r\n right: { style: \"thin\" },\r\n };\r\n\r\n sheet.mergeCells(\"B11\", \"C11\");\r\n sheet.getCell(\"B11\").value = thongtinduan[0].maduan;\r\n sheet.getCell(\"B11\").font = {\r\n bold: false,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"B11\").alignment = { vertical: \"middle\", horizontal: \"left\" };\r\n\r\n sheet.getCell(\"D11\").value =\r\n \"Ngày cấp: \" +\r\n String(dayjs(thongtinduan[0].thoidiemcapduan).$D).padStart(2, \"0\") +\r\n \"/\" +\r\n String(dayjs(thongtinduan[0].thoidiemcapduan).$M + 1).padStart(2, \"0\") +\r\n \"/\" +\r\n String(dayjs(thongtinduan[0].thoidiemcapduan).$y);\r\n sheet.getCell(\"D11\").font = {\r\n bold: false,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"D11\").alignment = { vertical: \"middle\", horizontal: \"left\" };\r\n sheet.getCell(\"D11\").border = {\r\n right: { style: \"double\" },\r\n };\r\n\r\n sheet.getCell(\"A12\").value = \"Cơ quan cấp GCNĐKĐT:\";\r\n sheet.getCell(\"A12\").font = {\r\n bold: false,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"A12\").alignment = { vertical: \"middle\", horizontal: \"left\" };\r\n sheet.getCell(\"A12\").border = {\r\n left: { style: \"double\" },\r\n right: { style: \"thin\" },\r\n };\r\n\r\n sheet.mergeCells(\"B12\", \"D12\");\r\n sheet.getCell(\"B12\").value = \"\";\r\n sheet.getCell(\"B12\").font = {\r\n bold: false,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"B12\").alignment = { vertical: \"middle\", horizontal: \"left\" };\r\n sheet.getCell(\"B12\").border = {\r\n right: { style: \"double\" },\r\n };\r\n\r\n sheet.getCell(\"A13\").value = \"Địa điểm dự án:\";\r\n sheet.getCell(\"A13\").font = {\r\n bold: false,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"A13\").alignment = { vertical: \"middle\", horizontal: \"left\" };\r\n sheet.getCell(\"A13\").border = {\r\n left: { style: \"double\" },\r\n right: { style: \"thin\" },\r\n };\r\n\r\n sheet.mergeCells(\"B13\", \"D13\");\r\n sheet.getCell(\"B13\").value = thongtinduan[0].diadiemthuchien;\r\n sheet.getCell(\"B13\").font = {\r\n bold: false,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"B13\").alignment = { vertical: \"middle\", horizontal: \"left\" };\r\n sheet.getCell(\"B13\").border = {\r\n right: { style: \"double\" },\r\n };\r\n\r\n sheet.getCell(\"A14\").value = \"Tổng vốn đầu tư đăng ký:\";\r\n sheet.getCell(\"A14\").font = {\r\n bold: false,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"A14\").alignment = { vertical: \"middle\", horizontal: \"left\" };\r\n sheet.getCell(\"A14\").border = {\r\n left: { style: \"double\" },\r\n right: { style: \"thin\" },\r\n };\r\n\r\n sheet.mergeCells(\"B14\", \"D14\");\r\n sheet.getCell(\"B14\").value =\r\n thongtinduan[0].vondangky_vnd.toLocaleString(\"de-DE\") + \" (VNĐ)\";\r\n sheet.getCell(\"B14\").font = {\r\n bold: false,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"B14\").alignment = { vertical: \"middle\", horizontal: \"left\" };\r\n sheet.getCell(\"B14\").border = {\r\n right: { style: \"double\" },\r\n };\r\n\r\n sheet.getCell(\"A15\").value = \"Tên tổ chức kinh tế thực hiện dự án:\";\r\n sheet.getCell(\"A15\").font = {\r\n bold: false,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"A15\").alignment = { vertical: \"middle\", horizontal: \"left\" };\r\n sheet.getCell(\"A15\").border = {\r\n left: { style: \"double\" },\r\n right: { style: \"thin\" },\r\n };\r\n\r\n sheet.mergeCells(\"B15\", \"D15\");\r\n sheet.getCell(\"B15\").value = \"\";\r\n sheet.getCell(\"B15\").font = {\r\n bold: false,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"B15\").alignment = { vertical: \"middle\", horizontal: \"left\" };\r\n sheet.getCell(\"B15\").border = {\r\n right: { style: \"double\" },\r\n };\r\n\r\n sheet.getCell(\"A16\").value = \"Mã số doanh nghiệp / Mã số thuế:\";\r\n sheet.getCell(\"A16\").font = {\r\n bold: false,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"A16\").alignment = { vertical: \"middle\", horizontal: \"left\" };\r\n sheet.getCell(\"A16\").border = {\r\n left: { style: \"double\" },\r\n right: { style: \"thin\" },\r\n };\r\n\r\n sheet.mergeCells(\"B16\", \"C16\");\r\n sheet.getCell(\"B16\").value = \"\";\r\n sheet.getCell(\"B16\").font = {\r\n bold: false,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"B16\").alignment = { vertical: \"middle\", horizontal: \"left\" };\r\n\r\n sheet.getCell(\"D16\").value = \"Ngày cấp lần đầu:\";\r\n sheet.getCell(\"D16\").font = {\r\n bold: false,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"D16\").alignment = { vertical: \"middle\", horizontal: \"left\" };\r\n sheet.getCell(\"D16\").border = {\r\n right: { style: \"double\" },\r\n };\r\n\r\n sheet.getCell(\"A17\").value = \"Cơ quan cấp Đăng ký kinh doanh:\";\r\n sheet.getCell(\"A17\").font = {\r\n bold: false,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"A17\").alignment = { vertical: \"middle\", horizontal: \"left\" };\r\n sheet.getCell(\"A17\").border = {\r\n left: { style: \"double\" },\r\n right: { style: \"thin\" },\r\n };\r\n\r\n sheet.mergeCells(\"B17\", \"D17\");\r\n sheet.getCell(\"B17\").value = \"\";\r\n sheet.getCell(\"B17\").font = {\r\n bold: false,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"B17\").alignment = { vertical: \"middle\", horizontal: \"left\" };\r\n sheet.getCell(\"B17\").border = {\r\n right: { style: \"double\" },\r\n };\r\n\r\n sheet.getCell(\"A18\").value = \"Địa chi:\";\r\n sheet.getCell(\"A18\").font = {\r\n bold: false,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"A18\").alignment = { vertical: \"middle\", horizontal: \"left\" };\r\n sheet.getCell(\"A18\").border = {\r\n left: { style: \"double\" },\r\n right: { style: \"thin\" },\r\n };\r\n\r\n sheet.mergeCells(\"B18\", \"D18\");\r\n sheet.getCell(\"B18\").value = \"\";\r\n sheet.getCell(\"B18\").font = {\r\n bold: false,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"B18\").alignment = { vertical: \"middle\", horizontal: \"left\" };\r\n sheet.getCell(\"B18\").border = {\r\n right: { style: \"double\" },\r\n };\r\n\r\n sheet.getCell(\"A19\").value = \"Số điện thoại:\";\r\n sheet.getCell(\"A19\").font = {\r\n bold: false,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"A19\").alignment = { vertical: \"middle\", horizontal: \"left\" };\r\n sheet.getCell(\"A19\").border = {\r\n left: { style: \"double\" },\r\n right: { style: \"thin\" },\r\n bottom: { style: \"double\" },\r\n };\r\n\r\n sheet.mergeCells(\"B19\", \"C19\");\r\n sheet.getCell(\"B19\").value = \"\";\r\n sheet.getCell(\"B19\").font = {\r\n bold: false,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"B19\").alignment = { vertical: \"middle\", horizontal: \"left\" };\r\n sheet.getCell(\"B19\").border = {\r\n bottom: { style: \"double\" },\r\n };\r\n\r\n sheet.getCell(\"D19\").value = \"Email:\";\r\n sheet.getCell(\"D19\").font = {\r\n bold: false,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"D19\").alignment = { vertical: \"middle\", horizontal: \"left\" };\r\n sheet.getCell(\"D19\").border = {\r\n right: { style: \"double\" },\r\n bottom: { style: \"double\" },\r\n };\r\n\r\n sheet.mergeCells(\"A21\", \"D21\");\r\n sheet.getCell(\"A21\").value = \"Phần B: Tình hình thực hiện dự án đầu tư\";\r\n sheet.getCell(\"A21\").font = {\r\n bold: true,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"A21\").alignment = { vertical: \"middle\", horizontal: \"left\" };\r\n\r\n sheet.getCell(\"A22\").value = \"Tên chỉ tiêu\";\r\n sheet.getCell(\"A22\").font = {\r\n bold: true,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"A22\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"center\",\r\n };\r\n sheet.getCell(\"A22\").border = {\r\n top: { style: \"double\" },\r\n bottom: { style: \"thin\" },\r\n left: { style: \"double\" },\r\n right: { style: \"thin\" },\r\n };\r\n\r\n sheet.getCell(\"B22\").value = \"Đơn vị tính\";\r\n sheet.getCell(\"B22\").font = {\r\n bold: true,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"B22\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"center\",\r\n };\r\n sheet.getCell(\"B22\").border = {\r\n top: { style: \"double\" },\r\n bottom: { style: \"thin\" },\r\n left: { style: \"thin\" },\r\n right: { style: \"thin\" },\r\n };\r\n\r\n sheet.getCell(\"C22\").value = \"Số liệu thực hiện năm báo cáo\";\r\n sheet.getCell(\"C22\").font = {\r\n bold: true,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"C22\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"center\",\r\n wrapText: true,\r\n };\r\n sheet.getCell(\"C22\").border = {\r\n top: { style: \"double\" },\r\n bottom: { style: \"thin\" },\r\n left: { style: \"thin\" },\r\n right: { style: \"thin\" },\r\n };\r\n\r\n sheet.getCell(\"D22\").value =\r\n \"Số liệu cộng dồn từ khi được cấp phép đến cuối năm báo cáo\";\r\n sheet.getCell(\"D22\").font = {\r\n bold: true,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"D22\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"center\",\r\n wrapText: true,\r\n };\r\n sheet.getCell(\"D22\").border = {\r\n top: { style: \"double\" },\r\n bottom: { style: \"thin\" },\r\n left: { style: \"thin\" },\r\n right: { style: \"double\" },\r\n };\r\n\r\n sheet.getRow(22).height = 60;\r\n\r\n sheet.getCell(\"A23\").value = {\r\n richText: [\r\n {\r\n font: {\r\n bold: true,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n },\r\n text: \"I. Vốn đầu tư thực hiện\",\r\n },\r\n {\r\n font: {\r\n bold: false,\r\n italic: true,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n },\r\n text: \"(I = 1 + 2 + 3)\",\r\n },\r\n ],\r\n };\r\n sheet.getCell(\"A23\").alignment = { vertical: \"middle\", horizontal: \"left\" };\r\n sheet.getCell(\"A23\").border = {\r\n top: { style: \"thin\" },\r\n bottom: { style: \"thin\" },\r\n left: { style: \"double\" },\r\n right: { style: \"thin\" },\r\n };\r\n\r\n sheet.getCell(\"B23\").value = nguonvon === \"Trong nước\" ? \"VNĐ\" : \"VNĐ/USD\";\r\n sheet.getCell(\"B23\").font = {\r\n bold: false,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"B23\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"center\",\r\n };\r\n sheet.getCell(\"B23\").border = {\r\n top: { style: \"thin\" },\r\n bottom: { style: \"thin\" },\r\n left: { style: \"thin\" },\r\n right: { style: \"thin\" },\r\n };\r\n\r\n sheet.getCell(\r\n \"C23\"\r\n ).value = tongtien.tongvondaututhuchien_nam.toLocaleString(\"de-DE\");\r\n sheet.getCell(\"C23\").font = {\r\n bold: false,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"C23\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"right\",\r\n };\r\n sheet.getCell(\"C23\").border = {\r\n top: { style: \"thin\" },\r\n bottom: { style: \"thin\" },\r\n left: { style: \"thin\" },\r\n right: { style: \"thin\" },\r\n };\r\n\r\n sheet.getCell(\r\n \"D23\"\r\n ).value = tongtien.tongvondaututhuchien_lk.toLocaleString(\"de-DE\");\r\n sheet.getCell(\"D23\").font = {\r\n bold: false,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"D23\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"right\",\r\n };\r\n sheet.getCell(\"D23\").border = {\r\n top: { style: \"thin\" },\r\n bottom: { style: \"thin\" },\r\n left: { style: \"thin\" },\r\n right: { style: \"double\" },\r\n };\r\n\r\n sheet.getCell(\"A24\").value = {\r\n richText: [\r\n {\r\n font: {\r\n bold: true,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n },\r\n text: \"1. Vốn góp\",\r\n },\r\n {\r\n font: {\r\n bold: false,\r\n italic: true,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n },\r\n text: \"(liệt kê theo từng nhà đầu tư)\",\r\n },\r\n ],\r\n };\r\n sheet.getCell(\"A24\").alignment = { vertical: \"middle\", horizontal: \"left\" };\r\n sheet.getCell(\"A24\").border = {\r\n top: { style: \"thin\" },\r\n bottom: { style: \"thin\" },\r\n left: { style: \"double\" },\r\n right: { style: \"thin\" },\r\n };\r\n\r\n sheet.getCell(\"B24\").value = nguonvon === \"Trong nước\" ? \"VNĐ\" : \"VNĐ/USD\";\r\n sheet.getCell(\"B24\").font = {\r\n bold: false,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"B24\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"center\",\r\n };\r\n sheet.getCell(\"B24\").border = {\r\n top: { style: \"thin\" },\r\n bottom: { style: \"thin\" },\r\n left: { style: \"thin\" },\r\n right: { style: \"thin\" },\r\n };\r\n\r\n sheet.getCell(\r\n \"C24\"\r\n ).value = tongtien.tongvongoptheotungcdt_nam.toLocaleString(\"de-DE\");\r\n sheet.getCell(\"C24\").font = {\r\n bold: false,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"C24\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"right\",\r\n };\r\n sheet.getCell(\"C24\").border = {\r\n top: { style: \"thin\" },\r\n bottom: { style: \"thin\" },\r\n left: { style: \"thin\" },\r\n right: { style: \"thin\" },\r\n };\r\n\r\n sheet.getCell(\r\n \"D24\"\r\n ).value = tongtien.tongvongoptheotungcdt_lk.toLocaleString(\"de-DE\");\r\n sheet.getCell(\"D24\").font = {\r\n bold: false,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"D24\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"right\",\r\n };\r\n sheet.getCell(\"D24\").border = {\r\n top: { style: \"thin\" },\r\n bottom: { style: \"thin\" },\r\n left: { style: \"thin\" },\r\n right: { style: \"double\" },\r\n };\r\n\r\n var rowNum = 25;\r\n // Danh sach gop von theo tung chu dau tu\r\n chudautu.map((prop, i) => {\r\n sheet.getCell(\"A\" + rowNum).value = prop.chudautu;\r\n sheet.getCell(\"A\" + rowNum).font = {\r\n bold: true,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"A\" + rowNum).alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"left\",\r\n };\r\n sheet.getCell(\"A\" + rowNum).border = {\r\n top: { style: \"thin\" },\r\n bottom: { style: \"thin\" },\r\n left: { style: \"thin\" },\r\n right: { style: \"thin\" },\r\n };\r\n\r\n sheet.mergeCells(\"B\" + rowNum, \"D\" + rowNum);\r\n sheet.getCell(\"B\" + rowNum).border = {\r\n top: { style: \"thin\" },\r\n bottom: { style: \"thin\" },\r\n left: { style: \"thin\" },\r\n right: { style: \"double\" },\r\n };\r\n\r\n rowNum += 1;\r\n\r\n sheet.getCell(\"A\" + rowNum).value = \"- Bằng tiền\";\r\n sheet.getCell(\"A\" + rowNum).font = {\r\n bold: false,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"A\" + rowNum).alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"left\",\r\n };\r\n sheet.getCell(\"A\" + rowNum).border = {\r\n top: { style: \"thin\" },\r\n bottom: { style: \"thin\" },\r\n left: { style: \"thin\" },\r\n right: { style: \"thin\" },\r\n };\r\n\r\n sheet.getCell(\"B\" + rowNum).value =\r\n nguonvon === \"Trong nước\" ? \"VNĐ\" : \"VNĐ/USD\";\r\n sheet.getCell(\"B\" + rowNum).font = {\r\n bold: false,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"B\" + rowNum).alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"center\",\r\n };\r\n sheet.getCell(\"B\" + rowNum).border = {\r\n top: { style: \"thin\" },\r\n bottom: { style: \"thin\" },\r\n left: { style: \"thin\" },\r\n right: { style: \"thin\" },\r\n };\r\n\r\n sheet.getCell(\"C\" + rowNum).value = chudautuVL[i]\r\n ? chudautuVL[i][0].bangtien.toLocaleString(\"de-DE\")\r\n : 0;\r\n sheet.getCell(\"C\" + rowNum).font = {\r\n bold: false,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"C\" + rowNum).alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"right\",\r\n };\r\n sheet.getCell(\"C\" + rowNum).border = {\r\n top: { style: \"thin\" },\r\n bottom: { style: \"thin\" },\r\n left: { style: \"thin\" },\r\n right: { style: \"thin\" },\r\n };\r\n\r\n sheet.getCell(\"D\" + rowNum).value = chudautuVL[i]\r\n ? chudautuVL[i][0].bangtien_lkduan.toLocaleString(\"de-DE\")\r\n : 0;\r\n sheet.getCell(\"D\" + rowNum).font = {\r\n bold: false,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"D\" + rowNum).alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"right\",\r\n };\r\n sheet.getCell(\"D\" + rowNum).border = {\r\n top: { style: \"thin\" },\r\n bottom: { style: \"thin\" },\r\n left: { style: \"thin\" },\r\n right: { style: \"double\" },\r\n };\r\n\r\n rowNum += 1;\r\n\r\n sheet.getCell(\"A\" + rowNum).value = \"- Máy móc, thiết bị\";\r\n sheet.getCell(\"A\" + rowNum).font = {\r\n bold: false,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"A\" + rowNum).alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"left\",\r\n };\r\n sheet.getCell(\"A\" + rowNum).border = {\r\n top: { style: \"thin\" },\r\n bottom: { style: \"thin\" },\r\n left: { style: \"thin\" },\r\n right: { style: \"thin\" },\r\n };\r\n\r\n sheet.getCell(\"B\" + rowNum).value =\r\n nguonvon === \"Trong nước\" ? \"VNĐ\" : \"VNĐ/USD\";\r\n sheet.getCell(\"B\" + rowNum).font = {\r\n bold: false,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"B\" + rowNum).alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"center\",\r\n };\r\n sheet.getCell(\"B\" + rowNum).border = {\r\n top: { style: \"thin\" },\r\n bottom: { style: \"thin\" },\r\n left: { style: \"thin\" },\r\n right: { style: \"thin\" },\r\n };\r\n\r\n sheet.getCell(\"C\" + rowNum).value = chudautuVL[i]\r\n ? chudautuVL[i][0].maymocthietbi.toLocaleString(\"de-DE\")\r\n : 0;\r\n sheet.getCell(\"C\" + rowNum).font = {\r\n bold: false,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"C\" + rowNum).alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"right\",\r\n };\r\n sheet.getCell(\"C\" + rowNum).border = {\r\n top: { style: \"thin\" },\r\n bottom: { style: \"thin\" },\r\n left: { style: \"thin\" },\r\n right: { style: \"thin\" },\r\n };\r\n\r\n sheet.getCell(\"D\" + rowNum).value = chudautuVL[i]\r\n ? chudautuVL[i][0].maymocthietbi_lkduan.toLocaleString(\"de-DE\")\r\n : 0;\r\n sheet.getCell(\"D\" + rowNum).font = {\r\n bold: false,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"D\" + rowNum).alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"right\",\r\n };\r\n sheet.getCell(\"D\" + rowNum).border = {\r\n top: { style: \"thin\" },\r\n bottom: { style: \"thin\" },\r\n left: { style: \"thin\" },\r\n right: { style: \"double\" },\r\n };\r\n\r\n rowNum += 1;\r\n\r\n sheet.getCell(\"A\" + rowNum).value = \"- Tài sản khác\";\r\n sheet.getCell(\"A\" + rowNum).font = {\r\n bold: false,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"A\" + rowNum).alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"left\",\r\n };\r\n sheet.getCell(\"A\" + rowNum).border = {\r\n top: { style: \"thin\" },\r\n bottom: { style: \"thin\" },\r\n left: { style: \"thin\" },\r\n right: { style: \"thin\" },\r\n };\r\n\r\n sheet.getCell(\"B\" + rowNum).value =\r\n nguonvon === \"Trong nước\" ? \"VNĐ\" : \"VNĐ/USD\";\r\n sheet.getCell(\"B\" + rowNum).font = {\r\n bold: false,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"B\" + rowNum).alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"center\",\r\n };\r\n sheet.getCell(\"B\" + rowNum).border = {\r\n top: { style: \"thin\" },\r\n bottom: { style: \"thin\" },\r\n left: { style: \"thin\" },\r\n right: { style: \"thin\" },\r\n };\r\n\r\n sheet.getCell(\"C\" + rowNum).value = chudautuVL[i]\r\n ? chudautuVL[i][0].taisankhac.toLocaleString(\"de-DE\")\r\n : 0;\r\n sheet.getCell(\"C\" + rowNum).font = {\r\n bold: false,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"C\" + rowNum).alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"right\",\r\n };\r\n sheet.getCell(\"C\" + rowNum).border = {\r\n top: { style: \"thin\" },\r\n bottom: { style: \"thin\" },\r\n left: { style: \"thin\" },\r\n right: { style: \"thin\" },\r\n };\r\n\r\n sheet.getCell(\"D\" + rowNum).value = chudautuVL[i]\r\n ? chudautuVL[i][0].taisankhac_lkduan.toLocaleString(\"de-DE\")\r\n : 0;\r\n sheet.getCell(\"D\" + rowNum).font = {\r\n bold: false,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"D\" + rowNum).alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"right\",\r\n };\r\n sheet.getCell(\"D\" + rowNum).border = {\r\n top: { style: \"thin\" },\r\n bottom: { style: \"thin\" },\r\n left: { style: \"thin\" },\r\n right: { style: \"double\" },\r\n };\r\n\r\n rowNum += 1;\r\n });\r\n\r\n sheet.getCell(\"A\" + rowNum).value = \"2. Vốn vay\";\r\n sheet.getCell(\"A\" + rowNum).font = {\r\n bold: true,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"A\" + rowNum).alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"left\",\r\n };\r\n sheet.getCell(\"A\" + rowNum).border = {\r\n top: { style: \"thin\" },\r\n bottom: { style: \"thin\" },\r\n left: { style: \"double\" },\r\n right: { style: \"thin\" },\r\n };\r\n\r\n sheet.getCell(\"B\" + rowNum).value =\r\n nguonvon === \"Trong nước\" ? \"VNĐ\" : \"VNĐ/USD\";\r\n sheet.getCell(\"B\" + rowNum).font = {\r\n bold: false,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"B\" + rowNum).alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"center\",\r\n };\r\n sheet.getCell(\"B\" + rowNum).border = {\r\n top: { style: \"thin\" },\r\n bottom: { style: \"thin\" },\r\n left: { style: \"thin\" },\r\n right: { style: \"thin\" },\r\n };\r\n\r\n sheet.getCell(\"C\" + rowNum).value = tongtien.tongvonvay_nam.toLocaleString(\r\n \"de-DE\"\r\n );\r\n sheet.getCell(\"C\" + rowNum).font = {\r\n bold: false,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"C\" + rowNum).alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"right\",\r\n };\r\n sheet.getCell(\"C\" + rowNum).border = {\r\n top: { style: \"thin\" },\r\n bottom: { style: \"thin\" },\r\n left: { style: \"thin\" },\r\n right: { style: \"thin\" },\r\n };\r\n\r\n sheet.getCell(\"D\" + rowNum).value = tongtien.tongvonvay_lk.toLocaleString(\r\n \"de-DE\"\r\n );\r\n sheet.getCell(\"D\" + rowNum).font = {\r\n bold: false,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"D\" + rowNum).alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"right\",\r\n };\r\n sheet.getCell(\"D\" + rowNum).border = {\r\n top: { style: \"thin\" },\r\n bottom: { style: \"thin\" },\r\n left: { style: \"thin\" },\r\n right: { style: \"double\" },\r\n };\r\n\r\n rowNum += 1;\r\n\r\n sheet.getCell(\"A\" + rowNum).value = \" Vay trong nước\";\r\n sheet.getCell(\"A\" + rowNum).font = {\r\n bold: false,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"A\" + rowNum).alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"left\",\r\n };\r\n sheet.getCell(\"A\" + rowNum).border = {\r\n top: { style: \"thin\" },\r\n bottom: { style: \"thin\" },\r\n left: { style: \"double\" },\r\n right: { style: \"thin\" },\r\n };\r\n\r\n sheet.getCell(\"B\" + rowNum).value =\r\n nguonvon === \"Trong nước\" ? \"VNĐ\" : \"VNĐ/USD\";\r\n sheet.getCell(\"B\" + rowNum).font = {\r\n bold: false,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"B\" + rowNum).alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"center\",\r\n };\r\n sheet.getCell(\"B\" + rowNum).border = {\r\n top: { style: \"thin\" },\r\n bottom: { style: \"thin\" },\r\n left: { style: \"thin\" },\r\n right: { style: \"thin\" },\r\n };\r\n\r\n sheet.getCell(\"C\" + rowNum).value = data[0].vonvay_trongnuoc.toLocaleString(\r\n \"de-DE\"\r\n );\r\n sheet.getCell(\"C\" + rowNum).font = {\r\n bold: false,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"C\" + rowNum).alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"right\",\r\n };\r\n sheet.getCell(\"C\" + rowNum).border = {\r\n top: { style: \"thin\" },\r\n bottom: { style: \"thin\" },\r\n left: { style: \"thin\" },\r\n right: { style: \"thin\" },\r\n };\r\n\r\n sheet.getCell(\r\n \"D\" + rowNum\r\n ).value = data[0].vonvay_trongnuoc_lkduan.toLocaleString(\"de-DE\");\r\n sheet.getCell(\"D\" + rowNum).font = {\r\n bold: false,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"D\" + rowNum).alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"right\",\r\n };\r\n sheet.getCell(\"D\" + rowNum).border = {\r\n top: { style: \"thin\" },\r\n bottom: { style: \"thin\" },\r\n left: { style: \"thin\" },\r\n right: { style: \"double\" },\r\n };\r\n\r\n rowNum += 1;\r\n\r\n sheet.getCell(\"A\" + rowNum).value = \" Vay từ công ty mẹ ở nước ngoài\";\r\n sheet.getCell(\"A\" + rowNum).font = {\r\n bold: false,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"A\" + rowNum).alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"left\",\r\n };\r\n sheet.getCell(\"A\" + rowNum).border = {\r\n top: { style: \"thin\" },\r\n bottom: { style: \"thin\" },\r\n left: { style: \"double\" },\r\n right: { style: \"thin\" },\r\n };\r\n\r\n sheet.getCell(\"B\" + rowNum).value =\r\n nguonvon === \"Trong nước\" ? \"VNĐ\" : \"VNĐ/USD\";\r\n sheet.getCell(\"B\" + rowNum).font = {\r\n bold: false,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"B\" + rowNum).alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"center\",\r\n };\r\n sheet.getCell(\"B\" + rowNum).border = {\r\n top: { style: \"thin\" },\r\n bottom: { style: \"thin\" },\r\n left: { style: \"thin\" },\r\n right: { style: \"thin\" },\r\n };\r\n\r\n sheet.getCell(\"C\" + rowNum).value = data[0].vonvay_ctyme.toLocaleString(\r\n \"de-DE\"\r\n );\r\n sheet.getCell(\"C\" + rowNum).font = {\r\n bold: false,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"C\" + rowNum).alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"right\",\r\n };\r\n sheet.getCell(\"C\" + rowNum).border = {\r\n top: { style: \"thin\" },\r\n bottom: { style: \"thin\" },\r\n left: { style: \"thin\" },\r\n right: { style: \"thin\" },\r\n };\r\n\r\n sheet.getCell(\r\n \"D\" + rowNum\r\n ).value = data[0].vonvay_ctyme_lkduan.toLocaleString(\"de-DE\");\r\n sheet.getCell(\"D\" + rowNum).font = {\r\n bold: false,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"D\" + rowNum).alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"right\",\r\n };\r\n sheet.getCell(\"D\" + rowNum).border = {\r\n top: { style: \"thin\" },\r\n bottom: { style: \"thin\" },\r\n left: { style: \"thin\" },\r\n right: { style: \"double\" },\r\n };\r\n\r\n rowNum += 1;\r\n\r\n sheet.getCell(\"A\" + rowNum).value = \" Vay nước ngoài khác\";\r\n sheet.getCell(\"A\" + rowNum).font = {\r\n bold: false,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"A\" + rowNum).alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"left\",\r\n };\r\n sheet.getCell(\"A\" + rowNum).border = {\r\n top: { style: \"thin\" },\r\n bottom: { style: \"thin\" },\r\n left: { style: \"double\" },\r\n right: { style: \"thin\" },\r\n };\r\n\r\n sheet.getCell(\"B\" + rowNum).value =\r\n nguonvon === \"Trong nước\" ? \"VNĐ\" : \"VNĐ/USD\";\r\n sheet.getCell(\"B\" + rowNum).font = {\r\n bold: false,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"B\" + rowNum).alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"center\",\r\n };\r\n sheet.getCell(\"B\" + rowNum).border = {\r\n top: { style: \"thin\" },\r\n bottom: { style: \"thin\" },\r\n left: { style: \"thin\" },\r\n right: { style: \"thin\" },\r\n };\r\n\r\n sheet.getCell(\"C\" + rowNum).value = data[0].vonvay_nuocngoai.toLocaleString(\r\n \"de-DE\"\r\n );\r\n sheet.getCell(\"C\" + rowNum).font = {\r\n bold: false,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"C\" + rowNum).alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"right\",\r\n };\r\n sheet.getCell(\"C\" + rowNum).border = {\r\n top: { style: \"thin\" },\r\n bottom: { style: \"thin\" },\r\n left: { style: \"thin\" },\r\n right: { style: \"thin\" },\r\n };\r\n\r\n sheet.getCell(\r\n \"D\" + rowNum\r\n ).value = data[0].vonvay_nuocngoai_lkduan.toLocaleString(\"de-DE\");\r\n sheet.getCell(\"D\" + rowNum).font = {\r\n bold: false,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"D\" + rowNum).alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"right\",\r\n };\r\n sheet.getCell(\"D\" + rowNum).border = {\r\n top: { style: \"thin\" },\r\n bottom: { style: \"thin\" },\r\n left: { style: \"thin\" },\r\n right: { style: \"double\" },\r\n };\r\n\r\n rowNum += 1;\r\n\r\n sheet.getCell(\"A\" + rowNum).value = \"3. Lợi nhuận tái đầu tư\";\r\n sheet.getCell(\"A\" + rowNum).font = {\r\n bold: true,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"A\" + rowNum).alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"left\",\r\n };\r\n sheet.getCell(\"A\" + rowNum).border = {\r\n top: { style: \"thin\" },\r\n bottom: { style: \"thin\" },\r\n left: { style: \"double\" },\r\n right: { style: \"thin\" },\r\n };\r\n\r\n sheet.getCell(\"B\" + rowNum).value =\r\n nguonvon === \"Trong nước\" ? \"VNĐ\" : \"VNĐ/USD\";\r\n sheet.getCell(\"B\" + rowNum).font = {\r\n bold: false,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"B\" + rowNum).alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"center\",\r\n };\r\n sheet.getCell(\"B\" + rowNum).border = {\r\n top: { style: \"thin\" },\r\n bottom: { style: \"thin\" },\r\n left: { style: \"thin\" },\r\n right: { style: \"thin\" },\r\n };\r\n\r\n sheet.getCell(\"C\" + rowNum).value = data[0].loinhuantaidautu.toLocaleString(\r\n \"de-DE\"\r\n );\r\n sheet.getCell(\"C\" + rowNum).font = {\r\n bold: false,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"C\" + rowNum).alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"right\",\r\n };\r\n sheet.getCell(\"C\" + rowNum).border = {\r\n top: { style: \"thin\" },\r\n bottom: { style: \"thin\" },\r\n left: { style: \"thin\" },\r\n right: { style: \"thin\" },\r\n };\r\n\r\n sheet.getCell(\r\n \"D\" + rowNum\r\n ).value = data[0].loinhuantaidautu_lkduan.toLocaleString(\"de-DE\");\r\n sheet.getCell(\"D\" + rowNum).font = {\r\n bold: false,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"D\" + rowNum).alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"right\",\r\n };\r\n sheet.getCell(\"D\" + rowNum).border = {\r\n top: { style: \"thin\" },\r\n bottom: { style: \"thin\" },\r\n left: { style: \"thin\" },\r\n right: { style: \"double\" },\r\n };\r\n\r\n rowNum += 1;\r\n\r\n sheet.getCell(\"A\" + rowNum).value = \"II. Doanh thu thuần\";\r\n sheet.getCell(\"A\" + rowNum).font = {\r\n bold: true,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"A\" + rowNum).alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"left\",\r\n };\r\n sheet.getCell(\"A\" + rowNum).border = {\r\n top: { style: \"thin\" },\r\n bottom: { style: \"thin\" },\r\n left: { style: \"double\" },\r\n right: { style: \"thin\" },\r\n };\r\n\r\n sheet.getCell(\"B\" + rowNum).value =\r\n nguonvon === \"Trong nước\" ? \"VNĐ\" : \"VNĐ/USD\";\r\n sheet.getCell(\"B\" + rowNum).font = {\r\n bold: false,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"B\" + rowNum).alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"center\",\r\n };\r\n sheet.getCell(\"B\" + rowNum).border = {\r\n top: { style: \"thin\" },\r\n bottom: { style: \"thin\" },\r\n left: { style: \"thin\" },\r\n right: { style: \"thin\" },\r\n };\r\n\r\n sheet.getCell(\"C\" + rowNum).value = data[0].doanhthuthuan.toLocaleString(\r\n \"de-DE\"\r\n );\r\n sheet.getCell(\"C\" + rowNum).font = {\r\n bold: false,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"C\" + rowNum).alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"right\",\r\n };\r\n sheet.getCell(\"C\" + rowNum).border = {\r\n top: { style: \"thin\" },\r\n bottom: { style: \"thin\" },\r\n left: { style: \"thin\" },\r\n right: { style: \"thin\" },\r\n };\r\n\r\n sheet.mergeCells(\"D\" + rowNum, \"D\" + (rowNum + 8));\r\n sheet.getCell(\"D\" + rowNum).value = \"X\";\r\n sheet.getCell(\"D\" + rowNum).font = {\r\n bold: false,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"D\" + rowNum).alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"center\",\r\n };\r\n sheet.getCell(\"D\" + rowNum).border = {\r\n top: { style: \"thin\" },\r\n bottom: { style: \"thin\" },\r\n left: { style: \"thin\" },\r\n right: { style: \"double\" },\r\n };\r\n\r\n rowNum += 1;\r\n\r\n sheet.getCell(\"A\" + rowNum).value = \"III. Giá trị hàng xuất khẩu\";\r\n sheet.getCell(\"A\" + rowNum).font = {\r\n bold: true,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"A\" + rowNum).alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"left\",\r\n };\r\n sheet.getCell(\"A\" + rowNum).border = {\r\n top: { style: \"thin\" },\r\n bottom: { style: \"thin\" },\r\n left: { style: \"double\" },\r\n right: { style: \"thin\" },\r\n };\r\n\r\n sheet.getCell(\"B\" + rowNum).value =\r\n nguonvon === \"Trong nước\" ? \"VNĐ\" : \"VNĐ/USD\";\r\n sheet.getCell(\"B\" + rowNum).font = {\r\n bold: false,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"B\" + rowNum).alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"center\",\r\n };\r\n sheet.getCell(\"B\" + rowNum).border = {\r\n top: { style: \"thin\" },\r\n bottom: { style: \"thin\" },\r\n left: { style: \"thin\" },\r\n right: { style: \"thin\" },\r\n };\r\n\r\n sheet.getCell(\"C\" + rowNum).value = data[0].giatri_hangxk.toLocaleString(\r\n \"de-DE\"\r\n );\r\n sheet.getCell(\"C\" + rowNum).font = {\r\n bold: false,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"C\" + rowNum).alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"right\",\r\n };\r\n sheet.getCell(\"C\" + rowNum).border = {\r\n top: { style: \"thin\" },\r\n bottom: { style: \"thin\" },\r\n left: { style: \"thin\" },\r\n right: { style: \"thin\" },\r\n };\r\n\r\n rowNum += 1;\r\n\r\n sheet.getCell(\"A\" + rowNum).value = \"IV. Giá trị hàng nhập khẩu\";\r\n sheet.getCell(\"A\" + rowNum).font = {\r\n bold: true,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"A\" + rowNum).alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"left\",\r\n };\r\n sheet.getCell(\"A\" + rowNum).border = {\r\n top: { style: \"thin\" },\r\n bottom: { style: \"thin\" },\r\n left: { style: \"double\" },\r\n right: { style: \"thin\" },\r\n };\r\n\r\n sheet.getCell(\"B\" + rowNum).value =\r\n nguonvon === \"Trong nước\" ? \"VNĐ\" : \"VNĐ/USD\";\r\n sheet.getCell(\"B\" + rowNum).font = {\r\n bold: false,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"B\" + rowNum).alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"center\",\r\n };\r\n sheet.getCell(\"B\" + rowNum).border = {\r\n top: { style: \"thin\" },\r\n bottom: { style: \"thin\" },\r\n left: { style: \"thin\" },\r\n right: { style: \"thin\" },\r\n };\r\n\r\n sheet.getCell(\"C\" + rowNum).value = data[0].giatri_hangnk.toLocaleString(\r\n \"de-DE\"\r\n );\r\n sheet.getCell(\"C\" + rowNum).font = {\r\n bold: false,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"C\" + rowNum).alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"right\",\r\n };\r\n sheet.getCell(\"C\" + rowNum).border = {\r\n top: { style: \"thin\" },\r\n bottom: { style: \"thin\" },\r\n left: { style: \"thin\" },\r\n right: { style: \"thin\" },\r\n };\r\n\r\n rowNum += 1;\r\n\r\n sheet.getCell(\"A\" + rowNum).value =\r\n \"V. Số lao động hiện có đến thời điểm báo cáo\";\r\n sheet.getCell(\"A\" + rowNum).font = {\r\n bold: true,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"A\" + rowNum).alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"left\",\r\n };\r\n sheet.getCell(\"A\" + rowNum).border = {\r\n top: { style: \"thin\" },\r\n bottom: { style: \"thin\" },\r\n left: { style: \"double\" },\r\n right: { style: \"thin\" },\r\n };\r\n\r\n sheet.getCell(\"B\" + rowNum).value = \"Người\";\r\n sheet.getCell(\"B\" + rowNum).font = {\r\n bold: false,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"B\" + rowNum).alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"center\",\r\n };\r\n sheet.getCell(\"B\" + rowNum).border = {\r\n top: { style: \"thin\" },\r\n bottom: { style: \"thin\" },\r\n left: { style: \"thin\" },\r\n right: { style: \"thin\" },\r\n };\r\n\r\n sheet.getCell(\"C\" + rowNum).value = data[0].laodong_tongso.toLocaleString(\r\n \"de-DE\"\r\n );\r\n sheet.getCell(\"C\" + rowNum).font = {\r\n bold: false,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"C\" + rowNum).alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"right\",\r\n };\r\n sheet.getCell(\"C\" + rowNum).border = {\r\n top: { style: \"thin\" },\r\n bottom: { style: \"thin\" },\r\n left: { style: \"thin\" },\r\n right: { style: \"thin\" },\r\n };\r\n\r\n rowNum += 1;\r\n\r\n sheet.getCell(\"A\" + rowNum).value = \" 1. Lao động Việt Nam\";\r\n sheet.getCell(\"A\" + rowNum).font = {\r\n bold: false,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"A\" + rowNum).alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"left\",\r\n };\r\n sheet.getCell(\"A\" + rowNum).border = {\r\n top: { style: \"thin\" },\r\n bottom: { style: \"thin\" },\r\n left: { style: \"double\" },\r\n right: { style: \"thin\" },\r\n };\r\n\r\n sheet.getCell(\"B\" + rowNum).value = \"Người\";\r\n sheet.getCell(\"B\" + rowNum).font = {\r\n bold: false,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"B\" + rowNum).alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"center\",\r\n };\r\n sheet.getCell(\"B\" + rowNum).border = {\r\n top: { style: \"thin\" },\r\n bottom: { style: \"thin\" },\r\n left: { style: \"thin\" },\r\n right: { style: \"thin\" },\r\n };\r\n\r\n sheet.getCell(\"C\" + rowNum).value = data[0].laodong_vn.toLocaleString(\r\n \"de-DE\"\r\n );\r\n sheet.getCell(\"C\" + rowNum).font = {\r\n bold: false,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"C\" + rowNum).alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"right\",\r\n };\r\n sheet.getCell(\"C\" + rowNum).border = {\r\n top: { style: \"thin\" },\r\n bottom: { style: \"thin\" },\r\n left: { style: \"thin\" },\r\n right: { style: \"thin\" },\r\n };\r\n\r\n rowNum += 1;\r\n\r\n sheet.getCell(\"A\" + rowNum).value = \" 2. Lao động nước ngoài\";\r\n sheet.getCell(\"A\" + rowNum).font = {\r\n bold: false,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"A\" + rowNum).alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"left\",\r\n };\r\n sheet.getCell(\"A\" + rowNum).border = {\r\n top: { style: \"thin\" },\r\n bottom: { style: \"thin\" },\r\n left: { style: \"double\" },\r\n right: { style: \"thin\" },\r\n };\r\n\r\n sheet.getCell(\"B\" + rowNum).value = \"Người\";\r\n sheet.getCell(\"B\" + rowNum).font = {\r\n bold: false,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"B\" + rowNum).alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"center\",\r\n };\r\n sheet.getCell(\"B\" + rowNum).border = {\r\n top: { style: \"thin\" },\r\n bottom: { style: \"thin\" },\r\n left: { style: \"thin\" },\r\n right: { style: \"thin\" },\r\n };\r\n\r\n sheet.getCell(\"C\" + rowNum).value = data[0].laodong_nn.toLocaleString(\r\n \"de-DE\"\r\n );\r\n sheet.getCell(\"C\" + rowNum).font = {\r\n bold: false,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"C\" + rowNum).alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"right\",\r\n };\r\n sheet.getCell(\"C\" + rowNum).border = {\r\n top: { style: \"thin\" },\r\n bottom: { style: \"thin\" },\r\n left: { style: \"thin\" },\r\n right: { style: \"thin\" },\r\n };\r\n\r\n rowNum += 1;\r\n\r\n sheet.getCell(\"A\" + rowNum).value =\r\n \"VI. Thu nhập bình quân của người lao động 1 tháng\";\r\n sheet.getCell(\"A\" + rowNum).font = {\r\n bold: true,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"A\" + rowNum).alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"left\",\r\n };\r\n sheet.getCell(\"A\" + rowNum).border = {\r\n top: { style: \"thin\" },\r\n bottom: { style: \"thin\" },\r\n left: { style: \"double\" },\r\n right: { style: \"thin\" },\r\n };\r\n\r\n sheet.getCell(\"B\" + rowNum).value =\r\n nguonvon === \"Trong nước\" ? \"VNĐ\" : \"VNĐ/USD\";\r\n sheet.getCell(\"B\" + rowNum).font = {\r\n bold: false,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"B\" + rowNum).alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"center\",\r\n };\r\n sheet.getCell(\"B\" + rowNum).border = {\r\n top: { style: \"thin\" },\r\n bottom: { style: \"thin\" },\r\n left: { style: \"thin\" },\r\n right: { style: \"thin\" },\r\n };\r\n\r\n sheet.getCell(\"C\" + rowNum).value = data[0].thunhapbq_nld.toLocaleString(\r\n \"de-DE\"\r\n );\r\n sheet.getCell(\"C\" + rowNum).font = {\r\n bold: false,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"C\" + rowNum).alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"right\",\r\n };\r\n sheet.getCell(\"C\" + rowNum).border = {\r\n top: { style: \"thin\" },\r\n bottom: { style: \"thin\" },\r\n left: { style: \"thin\" },\r\n right: { style: \"thin\" },\r\n };\r\n\r\n rowNum += 1;\r\n\r\n sheet.getCell(\"A\" + rowNum).value =\r\n \"VII. Thuế và các khoản nộp ngân sách Nhà nước\";\r\n sheet.getCell(\"A\" + rowNum).font = {\r\n bold: true,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"A\" + rowNum).alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"left\",\r\n };\r\n sheet.getCell(\"A\" + rowNum).border = {\r\n top: { style: \"thin\" },\r\n bottom: { style: \"thin\" },\r\n left: { style: \"double\" },\r\n right: { style: \"thin\" },\r\n };\r\n\r\n sheet.getCell(\"B\" + rowNum).value =\r\n nguonvon === \"Trong nước\" ? \"VNĐ\" : \"VNĐ/USD\";\r\n sheet.getCell(\"B\" + rowNum).font = {\r\n bold: false,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"B\" + rowNum).alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"center\",\r\n };\r\n sheet.getCell(\"B\" + rowNum).border = {\r\n top: { style: \"thin\" },\r\n bottom: { style: \"thin\" },\r\n left: { style: \"thin\" },\r\n right: { style: \"thin\" },\r\n };\r\n\r\n sheet.getCell(\"C\" + rowNum).value = data[0].thue_nopnsnn.toLocaleString(\r\n \"de-DE\"\r\n );\r\n sheet.getCell(\"C\" + rowNum).font = {\r\n bold: false,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"C\" + rowNum).alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"right\",\r\n };\r\n sheet.getCell(\"C\" + rowNum).border = {\r\n top: { style: \"thin\" },\r\n bottom: { style: \"thin\" },\r\n left: { style: \"thin\" },\r\n right: { style: \"thin\" },\r\n };\r\n\r\n rowNum += 1;\r\n\r\n sheet.getCell(\"A\" + rowNum).value = \"VIII. Lợi nhuận sau thuế\";\r\n sheet.getCell(\"A\" + rowNum).font = {\r\n bold: true,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"A\" + rowNum).alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"left\",\r\n };\r\n sheet.getCell(\"A\" + rowNum).border = {\r\n top: { style: \"thin\" },\r\n bottom: { style: \"thin\" },\r\n left: { style: \"double\" },\r\n right: { style: \"thin\" },\r\n };\r\n\r\n sheet.getCell(\"B\" + rowNum).value =\r\n nguonvon === \"Trong nước\" ? \"VNĐ\" : \"VNĐ/USD\";\r\n sheet.getCell(\"B\" + rowNum).font = {\r\n bold: false,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"B\" + rowNum).alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"center\",\r\n };\r\n sheet.getCell(\"B\" + rowNum).border = {\r\n top: { style: \"thin\" },\r\n bottom: { style: \"thin\" },\r\n left: { style: \"thin\" },\r\n right: { style: \"thin\" },\r\n };\r\n\r\n sheet.getCell(\"C\" + rowNum).value = data[0].loinhuansauthue.toLocaleString(\r\n \"de-DE\"\r\n );\r\n sheet.getCell(\"C\" + rowNum).font = {\r\n bold: false,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"C\" + rowNum).alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"right\",\r\n };\r\n sheet.getCell(\"C\" + rowNum).border = {\r\n top: { style: \"thin\" },\r\n bottom: { style: \"thin\" },\r\n left: { style: \"thin\" },\r\n right: { style: \"thin\" },\r\n };\r\n\r\n rowNum += 1;\r\n\r\n sheet.getCell(\"A\" + rowNum).value =\r\n \"IX. Chi phí đầu tư, nghiên cứu và phát triển\";\r\n sheet.getCell(\"A\" + rowNum).font = {\r\n bold: true,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"A\" + rowNum).alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"left\",\r\n };\r\n sheet.getCell(\"A\" + rowNum).border = {\r\n top: { style: \"thin\" },\r\n bottom: { style: \"thin\" },\r\n left: { style: \"double\" },\r\n right: { style: \"thin\" },\r\n };\r\n\r\n sheet.getCell(\"B\" + rowNum).value =\r\n nguonvon === \"Trong nước\" ? \"VNĐ\" : \"VNĐ/USD\";\r\n sheet.getCell(\"B\" + rowNum).font = {\r\n bold: false,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"B\" + rowNum).alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"center\",\r\n };\r\n sheet.getCell(\"B\" + rowNum).border = {\r\n top: { style: \"thin\" },\r\n bottom: { style: \"thin\" },\r\n left: { style: \"thin\" },\r\n right: { style: \"thin\" },\r\n };\r\n\r\n sheet.getCell(\"C\" + rowNum).value = data[0].chiphi_dtncpt.toLocaleString(\r\n \"de-DE\"\r\n );\r\n sheet.getCell(\"C\" + rowNum).font = {\r\n bold: false,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"C\" + rowNum).alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"right\",\r\n };\r\n sheet.getCell(\"C\" + rowNum).border = {\r\n top: { style: \"thin\" },\r\n bottom: { style: \"thin\" },\r\n left: { style: \"thin\" },\r\n right: { style: \"thin\" },\r\n };\r\n\r\n sheet.getCell(\r\n \"D\" + rowNum\r\n ).value = data[0].chiphi_dtncpt_lkduan.toLocaleString(\"de-DE\");\r\n sheet.getCell(\"D\" + rowNum).font = {\r\n bold: false,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"D\" + rowNum).alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"right\",\r\n };\r\n sheet.getCell(\"D\" + rowNum).border = {\r\n top: { style: \"thin\" },\r\n bottom: { style: \"thin\" },\r\n left: { style: \"thin\" },\r\n right: { style: \"double\" },\r\n };\r\n\r\n rowNum += 1;\r\n\r\n sheet.getCell(\"A\" + rowNum).value =\r\n \"X. Chi phí đầu tư xử lý và bảo vệ môi trường\";\r\n sheet.getCell(\"A\" + rowNum).font = {\r\n bold: true,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"A\" + rowNum).alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"left\",\r\n };\r\n sheet.getCell(\"A\" + rowNum).border = {\r\n top: { style: \"thin\" },\r\n bottom: { style: \"thin\" },\r\n left: { style: \"double\" },\r\n right: { style: \"thin\" },\r\n };\r\n\r\n sheet.getCell(\"B\" + rowNum).value =\r\n nguonvon === \"Trong nước\" ? \"VNĐ\" : \"VNĐ/USD\";\r\n sheet.getCell(\"B\" + rowNum).font = {\r\n bold: false,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"B\" + rowNum).alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"center\",\r\n };\r\n sheet.getCell(\"B\" + rowNum).border = {\r\n top: { style: \"thin\" },\r\n bottom: { style: \"thin\" },\r\n left: { style: \"thin\" },\r\n right: { style: \"thin\" },\r\n };\r\n\r\n sheet.getCell(\"C\" + rowNum).value = data[0].chiphi_dtxlbvmt.toLocaleString(\r\n \"de-DE\"\r\n );\r\n sheet.getCell(\"C\" + rowNum).font = {\r\n bold: false,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"C\" + rowNum).alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"right\",\r\n };\r\n sheet.getCell(\"C\" + rowNum).border = {\r\n top: { style: \"thin\" },\r\n bottom: { style: \"thin\" },\r\n left: { style: \"thin\" },\r\n right: { style: \"thin\" },\r\n };\r\n\r\n sheet.getCell(\r\n \"D\" + rowNum\r\n ).value = data[0].chiphi_dtxlbvmt_lkduan.toLocaleString(\"de-DE\");\r\n sheet.getCell(\"D\" + rowNum).font = {\r\n bold: false,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"D\" + rowNum).alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"right\",\r\n };\r\n sheet.getCell(\"D\" + rowNum).border = {\r\n top: { style: \"thin\" },\r\n bottom: { style: \"thin\" },\r\n left: { style: \"thin\" },\r\n right: { style: \"double\" },\r\n };\r\n\r\n rowNum += 1;\r\n\r\n sheet.getCell(\"A\" + rowNum).value = {\r\n richText: [\r\n {\r\n font: {\r\n bold: true,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n },\r\n text: \"XI. Nguồn gốc công nghệ sử dụng \",\r\n },\r\n {\r\n font: {\r\n bold: false,\r\n italic: true,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n },\r\n text: \"(quốc gia xuất sứ của máy móc, thiết bị chính được sử dụng)\",\r\n },\r\n ],\r\n };\r\n sheet.getCell(\"A\" + rowNum).alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"left\",\r\n wrapText: true,\r\n };\r\n sheet.getCell(\"A\" + rowNum).border = {\r\n top: { style: \"thin\" },\r\n bottom: { style: \"double\" },\r\n left: { style: \"double\" },\r\n right: { style: \"thin\" },\r\n };\r\n\r\n sheet.mergeCells(\"B\" + rowNum, \"D\" + rowNum);\r\n sheet.getCell(\"B\" + rowNum).value = data[0].nguongoc_congnghe;\r\n sheet.getCell(\"B\" + rowNum).font = {\r\n bold: false,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"B\" + rowNum).alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"left\",\r\n };\r\n sheet.getCell(\"B\" + rowNum).border = {\r\n top: { style: \"thin\" },\r\n bottom: { style: \"double\" },\r\n left: { style: \"thin\" },\r\n right: { style: \"double\" },\r\n };\r\n\r\n sheet.getRow(rowNum).height = 40;\r\n\r\n rowNum += 1;\r\n\r\n rowNum += 1;\r\n\r\n sheet.mergeCells(\"A\" + rowNum, \"D\" + rowNum);\r\n sheet.getCell(\"A\" + rowNum).value =\r\n \"Phần C: Cập nhật khó khăn, vướng mắc trong quá trình thực hiện dự án (nếu có)\";\r\n sheet.getCell(\"A\" + rowNum).font = {\r\n bold: true,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"A\" + rowNum).alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"left\",\r\n };\r\n\r\n rowNum += 1;\r\n\r\n sheet.mergeCells(\"A\" + rowNum, \"D\" + rowNum);\r\n sheet.getCell(\"A\" + rowNum).value = data[0].khokhanvuongmac;\r\n sheet.getCell(\"A\" + rowNum).font = {\r\n bold: false,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"A\" + rowNum).alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"left\",\r\n };\r\n sheet.getCell(\"A\" + rowNum).border = {\r\n top: { style: \"double\" },\r\n bottom: { style: \"double\" },\r\n left: { style: \"double\" },\r\n right: { style: \"double\" },\r\n };\r\n\r\n sheet.getRow(rowNum).height = 40;\r\n\r\n rowNum += 1;\r\n\r\n sheet.getCell(\"A\" + rowNum).value = \"Ghi chú: \";\r\n sheet.getCell(\"A\" + rowNum).font = {\r\n bold: true,\r\n underline: true,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"A\" + rowNum).alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"left\",\r\n };\r\n\r\n rowNum += 1;\r\n\r\n sheet.mergeCells(\"A\" + rowNum, \"D\" + rowNum);\r\n sheet.getCell(\"A\" + rowNum).value =\r\n \"- Vốn vay = tổng vay trong kỳ trừ số trả nợ trong kỳ (bao gồm cả vay ngắn hạn, trung hạn và dài hạn)\";\r\n sheet.getCell(\"A\" + rowNum).font = {\r\n bold: false,\r\n italic: true,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"A\" + rowNum).alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"left\",\r\n };\r\n\r\n rowNum += 1;\r\n\r\n sheet.mergeCells(\"A\" + rowNum, \"D\" + rowNum);\r\n sheet.getCell(\"A\" + rowNum).value =\r\n '- Đối với các dự án của nhà đầu tư trong nước, dự án được cấp Giấy chứng nhận đăng ký đầu tư hoặc quyết định chủ trương đầu tư bằng Việt Nam đồng thì đơn vị báo cáo là \"Triệu VNĐ\"';\r\n sheet.getCell(\"A\" + rowNum).font = {\r\n bold: false,\r\n italic: true,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"A\" + rowNum).alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"left\",\r\n wrapText: true,\r\n };\r\n sheet.getRow(rowNum).height = 40;\r\n\r\n rowNum += 1;\r\n\r\n sheet.mergeCells(\"A\" + rowNum, \"D\" + rowNum);\r\n sheet.getCell(\"A\" + rowNum).value =\r\n '- Không báo cáo vào các ô đánh dấu \"X\"';\r\n sheet.getCell(\"A\" + rowNum).font = {\r\n bold: false,\r\n italic: true,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n\r\n rowNum += 1;\r\n\r\n rowNum += 1;\r\n\r\n sheet.mergeCells(\"B\" + rowNum, \"D\" + rowNum);\r\n sheet.getCell(\"B\" + rowNum).value = \"....., ngày ... tháng ... năm ...\";\r\n sheet.getCell(\"B\" + rowNum).font = {\r\n bold: false,\r\n italic: true,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"B\" + rowNum).alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"center\",\r\n };\r\n\r\n rowNum += 1;\r\n\r\n sheet.mergeCells(\"B\" + rowNum, \"D\" + rowNum);\r\n sheet.getCell(\"B\" + rowNum).value = {\r\n richText: [\r\n {\r\n font: {\r\n bold: true,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n },\r\n text: \"Tổ chức kinh tế thực hiện dự án \",\r\n },\r\n {\r\n font: {\r\n bold: false,\r\n italic: true,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n },\r\n text:\r\n \"(người đại diện theo pháp luật của tổ chức kinh tế, ghi rõ họ tên, chức danh và đóng dấu nếu có)\",\r\n },\r\n ],\r\n };\r\n sheet.getCell(\"B\" + rowNum).alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"center\",\r\n wrapText: true,\r\n };\r\n sheet.getRow(rowNum).height = 60;\r\n };\r\n\r\n const tinhtongsotien = (data, chudautuVL) => {\r\n let tongtienobject = {\r\n tongvondaututhuchien_nam: 0,\r\n tongvondaututhuchien_lk: 0,\r\n tongvongoptheotungcdt_nam: 0,\r\n tongvongoptheotungcdt_lk: 0,\r\n tongvonvay_nam: 0,\r\n tongvonvay_lk: 0,\r\n };\r\n\r\n for (const item of chudautuVL) {\r\n tongtienobject.tongvongoptheotungcdt_nam =\r\n tongtienobject.tongvongoptheotungcdt_nam + item[0].bangtien;\r\n tongtienobject.tongvongoptheotungcdt_lk =\r\n tongtienobject.tongvongoptheotungcdt_lk + item[0].bangtien_lkduan;\r\n tongtienobject.tongvongoptheotungcdt_nam =\r\n tongtienobject.tongvongoptheotungcdt_nam + item[0].maymocthietbi;\r\n tongtienobject.tongvongoptheotungcdt_lk =\r\n tongtienobject.tongvongoptheotungcdt_lk + item[0].maymocthietbi_lkduan;\r\n tongtienobject.tongvongoptheotungcdt_nam =\r\n tongtienobject.tongvongoptheotungcdt_nam + item[0].taisankhac;\r\n tongtienobject.tongvongoptheotungcdt_lk =\r\n tongtienobject.tongvongoptheotungcdt_lk + item[0].taisankhac_lkduan;\r\n }\r\n\r\n tongtienobject.tongvonvay_nam =\r\n data[0].vonvay_trongnuoc +\r\n data[0].vonvay_ctyme +\r\n data[0].vonvay_nuocngoai;\r\n tongtienobject.tongvonvay_lk =\r\n data[0].vonvay_trongnuoc_lkduan +\r\n data[0].vonvay_ctyme_lkduan +\r\n data[0].vonvay_nuocngoai_lkduan;\r\n\r\n tongtienobject.tongvondaututhuchien_nam =\r\n tongtienobject.tongvongoptheotungcdt_nam +\r\n tongtienobject.tongvonvay_nam +\r\n data[0].loinhuantaidautu;\r\n tongtienobject.tongvondaututhuchien_lk =\r\n tongtienobject.tongvongoptheotungcdt_lk +\r\n tongtienobject.tongvonvay_lk +\r\n data[0].loinhuantaidautu_lkduan;\r\n\r\n return tongtienobject;\r\n };\r\n\r\n const handleExport = async () => {\r\n // Tinh tong tien\r\n let tongtien = tinhtongsotien(data, chudautuVL);\r\n\r\n // Init workbook and worksheet\r\n const workbook = new ExcelJS.Workbook();\r\n const sheet = workbook.addWorksheet(\"My Sheet\");\r\n\r\n // Create excel template and full fill data\r\n createExcelTemplateAndFullFillData(sheet, data, tongtien);\r\n\r\n // Write excel file\r\n const buffer = await workbook.xlsx.writeBuffer();\r\n saveAs.saveAs(new Blob([buffer]), \"baocaonam.xlsx\");\r\n };\r\n\r\n React.useEffect(() => {\r\n getsolieu();\r\n }, [disableBT_xuatExcel]);\r\n\r\n React.useEffect(() => {\r\n renderChudautu();\r\n }, [chudautu, sltheocdt]);\r\n\r\n return (\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Thêm báo cáo quý\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Cập nhật báo cáo quý\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n {renderTableHead()}\r\n {renderTableBody()}\r\n \r\n \r\n \r\n Cập nhật\r\n \r\n \r\n
\r\n \r\n \r\n {renderTableHead()}\r\n {renderTableBody()}\r\n
\r\n
\r\n );\r\n});\r\nBaocaonamTBL.propTypes = {\r\n data: PropTypes.array,\r\n chudautuprop: PropTypes.array,\r\n chudautuVL: PropTypes.array,\r\n nguonvon: PropTypes.string,\r\n};\r\nexport default BaocaonamTBL;\r\n","import React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport { makeStyles } from \"@material-ui/core/styles\";\r\nimport GridContainer from \"components/Grid/GridContainer.js\";\r\nimport CardBody from \"components/Card/CardBody.js\";\r\nimport GridItem from \"components/Grid/GridItem.js\";\r\nimport Button from \"@mui/material/Button\";\r\nimport Capnhatbaocao from \"components/Baocaoduan/Baocaonam/Capnhatbaocao.js\";\r\nimport BaocaonamTable from \"components/Baocaoduan/Baocaonam/BaocaonamTable.js\";\r\nimport Modal from \"@mui/material/Modal\";\r\nimport FormControl from \"@mui/material/FormControl\";\r\nimport GridItemLogin from \"components/Grid/GridItemLogin.js\";\r\nimport Card from \"components/Card/Card.js\";\r\nimport CardHeader from \"components/Card/CardHeadertab.js\";\r\nimport CloseIcon from \"@mui/icons-material/Close\";\r\nimport styles from \"assets/jss/material-dashboard-react/components/tableviewStyle.js\";\r\nconst useStyles = makeStyles(styles);\r\nimport Config from \"conFig.js\";\r\nimport { AdapterDayjs } from \"@mui/x-date-pickers/AdapterDayjs\";\r\nimport { LocalizationProvider } from \"@mui/x-date-pickers/LocalizationProvider\";\r\nimport { DatePicker } from \"@mui/x-date-pickers/DatePicker\";\r\nimport dayjs from \"dayjs\";\r\n\r\nconst Baocaonam = React.memo(function Baocaonam(props) {\r\n const classes = useStyles();\r\n const { duan_id, nguonvon } = props;\r\n const [thangnam, setThangnam] = React.useState(dayjs());\r\n const [data, setData] = React.useState([]);\r\n const [chudautu, setChudautu] = React.useState([]);\r\n const [chudautuVL, setChudautuVL] = React.useState([]);\r\n const [sltheocdt, setSltheocdt] = React.useState([]);\r\n const [opencapnhat, setOpencapnhat] = React.useState(false);\r\n const handleClosecapnhat = () => {\r\n setOpencapnhat(false);\r\n getsolieutheocdt(thangnam.$y);\r\n getbaocao(thangnam.$y);\r\n renderChudautu();\r\n };\r\n const token = localStorage.getItem(\"token\");\r\n var username = localStorage.getItem(\"username\");\r\n var obj = {\r\n method: \"GET\",\r\n headers: {\r\n Accept: \"application/json\",\r\n \"Content-Type\": \"application/json\",\r\n Authorization: \"Bearer \" + token,\r\n },\r\n };\r\n const getchudautubyduan = () => {\r\n var url =\r\n Config.backend +\r\n \"/api/DuanChuDauTu/getchudautuduan?duan_id=\" +\r\n duan_id +\r\n \"&username=\" +\r\n username;\r\n fetch(url)\r\n .then((res) => res.json())\r\n .then((data) => {\r\n setChudautu(data);\r\n })\r\n .catch((error) => {\r\n console.error(\"Error fetching data: \", error);\r\n });\r\n };\r\n const getbaocao = (nam) => {\r\n var url =\r\n Config.backend +\r\n \"/api/BaoCao/getmauaiii2theoduannam?duan_id=\" +\r\n duan_id +\r\n \"&nam=\" +\r\n nam +\r\n \"&username=\" +\r\n username;\r\n fetch(url, obj)\r\n .then((res) => res.json())\r\n .then((data) => {\r\n setData(data);\r\n })\r\n .catch((error) => {\r\n console.error(\"Error fetching data: \", error);\r\n });\r\n };\r\n const getsolieutheocdt = (nam) => {\r\n var url =\r\n Config.backend +\r\n \"/api/BaoCao/getmauaiii2vongoptheoduan?duan_id=\" +\r\n duan_id +\r\n \"&nam=\" +\r\n nam +\r\n \"&username=\" +\r\n username;\r\n fetch(url, obj)\r\n .then((res) => res.json())\r\n .then((data) => {\r\n setSltheocdt(data);\r\n })\r\n .catch((error) => {\r\n console.error(\"Error fetching data: \", error);\r\n });\r\n };\r\n const renderChudautu = () => {\r\n var value = [];\r\n if (chudautu.length > 0) {\r\n chudautu.map((prop) => {\r\n if (sltheocdt.length > 0) {\r\n sltheocdt.map((item) => {\r\n if (item.chudautu_id === prop.chudautu_id) {\r\n value.push([\r\n {\r\n chudautu_id: prop.chudautu_id,\r\n bangtien: item.bangtien ? item.bangtien : 0,\r\n maymocthietbi: item.maymocthietbi ? item.maymocthietbi : 0,\r\n taisankhac: item.taisankhac ? item.taisankhac : 0,\r\n tongso_lkduan: item.tongso_lkduan ? item.tongso_lkduan : 0,\r\n bangtien_lkduan: item.bangtien_lkduan\r\n ? item.bangtien_lkduan\r\n : 0,\r\n maymocthietbi_lkduan: item.maymocthietbi_lkduan\r\n ? item.maymocthietbi_lkduan\r\n : 0,\r\n taisankhac_lkduan: item.taisankhac_lkduan\r\n ? item.taisankhac_lkduan\r\n : 0,\r\n },\r\n ]);\r\n setChudautuVL(value);\r\n }\r\n });\r\n } else {\r\n value.push([\r\n {\r\n chudautu_id: prop.chudautu_id,\r\n bangtien: 0,\r\n maymocthietbi: 0,\r\n taisankhac: 0,\r\n tongso_lkduan: 0,\r\n bangtien_lkduan: 0,\r\n maymocthietbi_lkduan: 0,\r\n taisankhac_lkduan: 0,\r\n },\r\n ]);\r\n setChudautuVL(value);\r\n }\r\n });\r\n }\r\n };\r\n React.useEffect(() => {\r\n getchudautubyduan();\r\n getsolieutheocdt(new Date().getFullYear());\r\n getbaocao(new Date().getFullYear());\r\n }, []);\r\n React.useEffect(() => {\r\n renderChudautu();\r\n }, [chudautu, sltheocdt]);\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n {\r\n setThangnam(newValue);\r\n getbaocao(newValue.$y);\r\n getsolieutheocdt(newValue.$y);\r\n }}\r\n format=\"YYYY\"\r\n slotProps={{ textField: { size: \"small\" } }}\r\n views={[\"year\"]}\r\n sx={{\r\n \"& .MuiInputBase-root\": {\r\n height: 30,\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n setOpencapnhat(true)}\r\n style={{ height: 30 }}\r\n >\r\n Cập nhật số liệu\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n );\r\n});\r\nBaocaonam.propTypes = {\r\n duan_id: PropTypes.number,\r\n nguonvon: PropTypes.string,\r\n};\r\nexport default Baocaonam;\r\n","import React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport { makeStyles } from \"@material-ui/core/styles\";\r\nimport {\r\n DataGrid,\r\n GridLinkOperator,\r\n GridColDef,\r\n //gridClasses,\r\n} from \"@mui/x-data-grid\";\r\nimport GridContainer from \"components/Grid/GridContainer.js\";\r\nimport GridItem from \"components/Grid/GridItem.js\";\r\nimport Modal from \"@mui/material/Modal\";\r\nimport Button from \"@mui/material/Button\";\r\nimport Checkbox from \"@mui/material/Checkbox\";\r\nimport CardBody from \"components/Card/CardBody.js\";\r\nimport FormControl from \"@mui/material/FormControl\";\r\nimport GridItemLogin from \"components/Grid/GridItemLogin.js\";\r\nimport Card from \"components/Card/Card.js\";\r\nimport CardHeader from \"components/Card/CardHeadertab.js\";\r\nimport CloseIcon from \"@mui/icons-material/Close\";\r\nimport Snackbar from \"components/Snackbar/Snackbar.js\";\r\nimport AddAlert from \"@material-ui/icons/AddAlert\";\r\nimport { AdapterDayjs } from \"@mui/x-date-pickers/AdapterDayjs\";\r\nimport { LocalizationProvider } from \"@mui/x-date-pickers/LocalizationProvider\";\r\nimport { DatePicker } from \"@mui/x-date-pickers/DatePicker\";\r\nimport dayjs from \"dayjs\";\r\nimport styles from \"assets/jss/material-dashboard-react/components/tableviewStyle.js\";\r\nconst useStyles = makeStyles(styles);\r\nimport Config from \"conFig.js\";\r\n\r\nconst Baocaotiendo = React.memo(function Baocaotiendo(props) {\r\n const tiendocolumn: GridColDef[] = [\r\n {\r\n field: \"tungay\",\r\n headerName: \"Từ ngày\",\r\n width: 120,\r\n headerAlign: \"center\",\r\n valueFormatter: (params) => {\r\n if (params.value !== \"null\")\r\n return dayjs(params.value).format(\"DD/MM/YYYY\");\r\n else return \"\";\r\n },\r\n },\r\n {\r\n field: \"denngay\",\r\n headerName: \"Đến ngày\",\r\n width: 120,\r\n headerAlign: \"center\",\r\n valueFormatter: (params) => {\r\n if (params.value !== \"null\")\r\n return dayjs(params.value).format(\"DD/MM/YYYY\");\r\n else return \"\";\r\n },\r\n },\r\n {\r\n field: \"action1\",\r\n headerName: \"Giai đoạn tiến độ\",\r\n width: 200,\r\n headerAlign: \"center\",\r\n renderCell: (params) => {\r\n if (params.row.giaidoan === null) {\r\n return params.row.giaidoancon;\r\n } else {\r\n return params.row.giaidoan;\r\n }\r\n },\r\n },\r\n {\r\n field: \"trangthai\",\r\n headerName: \"Trạng thái\",\r\n width: 130,\r\n headerAlign: \"center\",\r\n },\r\n {\r\n field: \"ngayhoanthanh\",\r\n headerName: \"Ngày hoàn thành\",\r\n width: 130,\r\n headerAlign: \"center\",\r\n valueFormatter: (params) => {\r\n if (params.value !== \"null\")\r\n return dayjs(params.value).format(\"DD/MM/YYYY\");\r\n else return \"\";\r\n },\r\n },\r\n {\r\n field: \"action\",\r\n headerName: \"Xử lý\",\r\n width: 150,\r\n headerAlign: \"center\",\r\n renderCell: (params) => {\r\n const onClick = (e) => {\r\n e.stopPropagation(); // don't select this row after clicking\r\n setTiendo_id(params.row.id);\r\n setOpenhoanthanh(true);\r\n };\r\n if (params.row.giaidoancon_id === 0) {\r\n return params.row.trangthai_id === 1 ? (\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Cập nhật báo cáo năm\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Tiến độ thực hiện dự án\r\n \r\n \r\n \r\n \r\n \r\n row.id}\r\n rows={tiendo}\r\n columns={tiendocolumn}\r\n checkboxSelection={false}\r\n getRowHeight={() => \"auto\"}\r\n headerHeight={35}\r\n //sx={datagridSx}\r\n hideFooter\r\n initialState={{\r\n filter: {\r\n filterModel: {\r\n items: [],\r\n quickFilterLogicOperator: GridLinkOperator.Or,\r\n },\r\n },\r\n }}\r\n sx={{\r\n \"& .rows-active\": {\r\n background: \"#33ff00 !important\",\r\n },\r\n }}\r\n getRowClassName={(params) => {\r\n if (\r\n dayjs(params.row.tungay).isBefore(new Date()) &&\r\n dayjs(params.row.denngay).isAfter(new Date())\r\n )\r\n return \"rows-active\";\r\n }}\r\n />\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Cập nhật hoàn thành\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {\r\n setNgayhoanthanh(newValue);\r\n }}\r\n format=\"DD/MM/YYYY\"\r\n slotProps={{ textField: { size: \"small\" } }}\r\n views={[\"day\", \"month\", \"year\"]}\r\n sx={{\r\n \"& .MuiInputBase-root\": {\r\n height: 33,\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n \r\n \r\n Cập nhật\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n {newline(params.value)}
;\r\n }\r\n },\r\n },\r\n {\r\n field: \"soquyetdinhpheduyet\",\r\n headerName: \"Số QĐPD\",\r\n width: 180,\r\n headerAlign: \"center\",\r\n },\r\n {\r\n field: \"thoidiemcapduan\",\r\n headerName: \"Ngày quyết định\",\r\n width: 140,\r\n headerAlign: \"center\",\r\n valueFormatter: (params) => dayjs(params.value).format(\"DD/MM/YYYY\"),\r\n },\r\n {\r\n field: \"vondangky_vnd\",\r\n headerName: \"Tổng vốn đầu tư (đồng)\",\r\n width: 200,\r\n headerAlign: \"center\",\r\n valueFormatter: (params) => params.value.toLocaleString(\"de-DE\"),\r\n },\r\n {\r\n field: \"tiendothuchien\",\r\n headerName: \"Tiến độ dự án\",\r\n width: 500,\r\n headerAlign: \"center\",\r\n renderCell: (params) => {\r\n if (params.value) {\r\n return {newline(params.value)}
;\r\n }\r\n },\r\n },\r\n {\r\n field: \"khuvucdautu\",\r\n headerName: \"Khu vực\",\r\n width: 190,\r\n headerAlign: \"center\",\r\n },\r\n {\r\n field: \"linhvuc\",\r\n headerName: \"Lĩnh vực\",\r\n width: 220,\r\n headerAlign: \"center\",\r\n },\r\n {\r\n field: \"diadiem\",\r\n headerName: \"Huyện/TX/TP\",\r\n width: 160,\r\n headerAlign: \"center\",\r\n },\r\n {\r\n field: \"diadiemthuchien\",\r\n headerName: \"Địa điểm\",\r\n width: 220,\r\n headerAlign: \"center\",\r\n },\r\n];\r\n\r\nexport default function Baocaoduan() {\r\n const classes = useStyles();\r\n const [pageSize, setPageSize] = React.useState(50);\r\n const [duan, setDuan] = React.useState([]);\r\n const [duan_id, setDuan_id] = React.useState(0);\r\n const [disableBT, setDisableBT] = React.useState(true);\r\n const [openbcthang, setOpenbcthang] = React.useState(false);\r\n const [openbcquy, setOpenbcquy] = React.useState(false);\r\n const [openbcnam, setOpenbcnam] = React.useState(false);\r\n const [openbctiendo, setOpenbctiendo] = React.useState(false);\r\n const [nguonvon, setNguonvon] = React.useState(\"\");\r\n const [canhbaothang, setCanhbaothang] = React.useState(\"\");\r\n const [alert, setAlert] = React.useState(false);\r\n const [open, setOpen] = React.useState(false);\r\n const handleClosebcthang = () => {\r\n setOpenbcthang(false);\r\n };\r\n const handleClosebcquy = () => {\r\n setOpenbcquy(false);\r\n };\r\n const handleClosebcnam = () => {\r\n setOpenbcnam(false);\r\n };\r\n const handleClosebctiendo = () => {\r\n setOpenbctiendo(false);\r\n };\r\n const quickSearchToolbar = () => {\r\n return (\r\n \r\n row.id}\r\n rows={duan}\r\n columns={dacolumn}\r\n checkboxSelection={false}\r\n getRowHeight={() => \"auto\"}\r\n headerHeight={35}\r\n sx={datagridSx}\r\n pageSize={pageSize}\r\n onPageSizeChange={(newPageSize) => setPageSize(newPageSize)}\r\n rowsPerPageOptions={[20, 50, 100]}\r\n pagination\r\n initialState={{\r\n filter: {\r\n filterModel: {\r\n items: [],\r\n quickFilterLogicOperator: GridLinkOperator.Or,\r\n },\r\n },\r\n }}\r\n components={{ Toolbar: quickSearchToolbar }}\r\n onRowClick={(params) => {\r\n setDuan_id(Number(params.row.id));\r\n setDisableBT(false);\r\n setNguonvon(params.row.nguonvon);\r\n }}\r\n />\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Báo cáo tháng\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Báo cáo quý\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Báo cáo năm\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Báo cáo tiến độ\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n {canhbaothang}
\r\n \r\n }\r\n open={alert}\r\n closeNotification={() => setAlert(false)}\r\n />\r\n \r\n row.chuabaocao + row.maduan}\r\n rows={canhbao}\r\n columns={cbcolumn}\r\n checkboxSelection={false}\r\n getRowHeight={() => \"auto\"}\r\n headerHeight={35}\r\n sx={datagridSx}\r\n pageSize={pageSize}\r\n onPageSizeChange={(newPageSize) => setPageSize(newPageSize)}\r\n rowsPerPageOptions={[20, 50, 100]}\r\n pagination\r\n initialState={{\r\n filter: {\r\n filterModel: {\r\n items: [],\r\n quickFilterLogicOperator: GridLinkOperator.Or,\r\n },\r\n },\r\n }}\r\n components={{ Toolbar: quickSearchToolbar }}\r\n />\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n {\r\n setThangnam(newValue);\r\n getbaocaothang(newValue.$y);\r\n }}\r\n format=\"YYYY\"\r\n slotProps={{ textField: { size: \"small\" } }}\r\n views={[\"year\"]}\r\n sx={{\r\n \"& .MuiInputBase-root\": {\r\n height: 33,\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n );\r\n});\r\nXembaocaothang.propTypes = {\r\n duan_id: PropTypes.number,\r\n};\r\nexport default Xembaocaothang;\r\n","import React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport GridContainer from \"components/Grid/GridContainer.js\";\r\nimport GridItem from \"components/Grid/GridItem.js\";\r\nimport CardBody from \"components/Card/CardBody.js\";\r\nimport BaocaoquyTable from \"components/Baocaoduan/Baocaoquy/BaocaoquyTable.js\";\r\nimport Listfileupload from \"components/Uploadfile/Listfileupload\";\r\nimport FormControl from \"@mui/material/FormControl\";\r\nimport { AdapterDayjs } from \"@mui/x-date-pickers/AdapterDayjs\";\r\nimport { LocalizationProvider } from \"@mui/x-date-pickers/LocalizationProvider\";\r\nimport { DatePicker } from \"@mui/x-date-pickers/DatePicker\";\r\nimport dayjs from \"dayjs\";\r\nimport Config from \"conFig.js\";\r\n\r\nconst Xembaocaoquy = React.memo(function Xembaocaoquy(props) {\r\n const { duan_id } = props;\r\n const [quy1, setQuy1] = React.useState([]);\r\n const [quy2, setQuy2] = React.useState([]);\r\n const [quy3, setQuy3] = React.useState([]);\r\n const [quy4, setQuy4] = React.useState([]);\r\n const [thangnam, setThangnam] = React.useState(dayjs());\r\n const [listfile1, setListfile1] = React.useState([]);\r\n const [listfile2, setListfile2] = React.useState([]);\r\n const [listfile3, setListfile3] = React.useState([]);\r\n const [listfile4, setListfile4] = React.useState([]);\r\n const token = localStorage.getItem(\"token\");\r\n var username = localStorage.getItem(\"username\");\r\n var obj = {\r\n method: \"GET\",\r\n headers: {\r\n Accept: \"application/json\",\r\n \"Content-Type\": \"application/json\",\r\n Authorization: \"Bearer \" + token,\r\n },\r\n };\r\n const getsolieuquy1 = (nam) => {\r\n if (duan_id > 0) {\r\n var url =\r\n Config.backend +\r\n \"/api/BaoCao/getmau31theoduanquynam?duan_id=\" +\r\n duan_id +\r\n \"&quy=\" +\r\n 1 +\r\n \"&nam=\" +\r\n nam +\r\n \"&username=\" +\r\n username;\r\n fetch(url, obj)\r\n .then((res) => res.json())\r\n .then((data) => {\r\n setQuy1(data);\r\n })\r\n .catch((error) => {\r\n console.error(\"Error fetching data: \", error);\r\n });\r\n }\r\n };\r\n const getsolieuquy2 = (nam) => {\r\n if (duan_id > 0) {\r\n var url =\r\n Config.backend +\r\n \"/api/BaoCao/getmau31theoduanquynam?duan_id=\" +\r\n duan_id +\r\n \"&quy=\" +\r\n 2 +\r\n \"&nam=\" +\r\n nam +\r\n \"&username=\" +\r\n username;\r\n fetch(url, obj)\r\n .then((res) => res.json())\r\n .then((data) => {\r\n setQuy2(data);\r\n })\r\n .catch((error) => {\r\n console.error(\"Error fetching data: \", error);\r\n });\r\n }\r\n };\r\n const getsolieuquy3 = (nam) => {\r\n if (duan_id > 0) {\r\n var url =\r\n Config.backend +\r\n \"/api/BaoCao/getmau31theoduanquynam?duan_id=\" +\r\n duan_id +\r\n \"&quy=\" +\r\n 3 +\r\n \"&nam=\" +\r\n nam +\r\n \"&username=\" +\r\n username;\r\n fetch(url, obj)\r\n .then((res) => res.json())\r\n .then((data) => {\r\n setQuy3(data);\r\n })\r\n .catch((error) => {\r\n console.error(\"Error fetching data: \", error);\r\n });\r\n }\r\n };\r\n const getsolieuquy4 = (nam) => {\r\n if (duan_id > 0) {\r\n var url =\r\n Config.backend +\r\n \"/api/BaoCao/getmau31theoduanquynam?duan_id=\" +\r\n duan_id +\r\n \"&quy=\" +\r\n 4 +\r\n \"&nam=\" +\r\n nam +\r\n \"&username=\" +\r\n username;\r\n fetch(url, obj)\r\n .then((res) => res.json())\r\n .then((data) => {\r\n setQuy4(data);\r\n })\r\n .catch((error) => {\r\n console.error(\"Error fetching data: \", error);\r\n });\r\n }\r\n };\r\n const getsolieu = (nam) => {\r\n getsolieuquy1(nam);\r\n getsolieuquy2(nam);\r\n getsolieuquy3(nam);\r\n getsolieuquy4(nam);\r\n };\r\n const getfile1 = (nam) => {\r\n var url =\r\n Config.backend +\r\n \"/api/QlFileThuMuc/GetBcQuy?DuAnId=\" +\r\n duan_id +\r\n \"&Nam=\" +\r\n nam +\r\n \"&Quy=\" +\r\n 1;\r\n fetch(url, obj)\r\n .then((res) => res.json())\r\n .then((data) => {\r\n setListfile1(data);\r\n })\r\n .catch((error) => {\r\n console.error(\"Error fetching data: \", error);\r\n });\r\n };\r\n const getfile2 = (nam) => {\r\n var url =\r\n Config.backend +\r\n \"/api/QlFileThuMuc/GetBcQuy?DuAnId=\" +\r\n duan_id +\r\n \"&Nam=\" +\r\n nam +\r\n \"&Quy=\" +\r\n 2;\r\n fetch(url, obj)\r\n .then((res) => res.json())\r\n .then((data) => {\r\n setListfile2(data);\r\n })\r\n .catch((error) => {\r\n console.error(\"Error fetching data: \", error);\r\n });\r\n };\r\n const getfile3 = (nam) => {\r\n var url =\r\n Config.backend +\r\n \"/api/QlFileThuMuc/GetBcQuy?DuAnId=\" +\r\n duan_id +\r\n \"&Nam=\" +\r\n nam +\r\n \"&Quy=\" +\r\n 3;\r\n fetch(url, obj)\r\n .then((res) => res.json())\r\n .then((data) => {\r\n setListfile3(data);\r\n })\r\n .catch((error) => {\r\n console.error(\"Error fetching data: \", error);\r\n });\r\n };\r\n const getfile4 = (nam) => {\r\n var url =\r\n Config.backend +\r\n \"/api/QlFileThuMuc/GetBcQuy?DuAnId=\" +\r\n duan_id +\r\n \"&Nam=\" +\r\n nam +\r\n \"&Quy=\" +\r\n 4;\r\n fetch(url, obj)\r\n .then((res) => res.json())\r\n .then((data) => {\r\n setListfile4(data);\r\n })\r\n .catch((error) => {\r\n console.error(\"Error fetching data: \", error);\r\n });\r\n };\r\n React.useEffect(() => {\r\n getsolieu(new Date().getFullYear());\r\n getfile1(new Date().getFullYear());\r\n getfile2(new Date().getFullYear());\r\n getfile3(new Date().getFullYear());\r\n getfile4(new Date().getFullYear());\r\n }, []);\r\n return (\r\n \r\n row.id}\r\n rows={data}\r\n columns={dacolumn}\r\n checkboxSelection={false}\r\n getRowHeight={() => \"auto\"}\r\n headerHeight={35}\r\n sx={datagridSx}\r\n pageSize={pageSize}\r\n onPageSizeChange={(newPageSize) => setPageSize(newPageSize)}\r\n rowsPerPageOptions={[20, 50, 100]}\r\n pagination\r\n initialState={{\r\n filter: {\r\n filterModel: {\r\n items: [],\r\n quickFilterLogicOperator: GridLinkOperator.Or,\r\n },\r\n },\r\n }}\r\n components={{ Toolbar: quickSearchToolbar }}\r\n />\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n {\r\n setThangnam(newValue);\r\n getsolieu(newValue.$y);\r\n getfile1(newValue.$y);\r\n getfile2(newValue.$y);\r\n getfile3(newValue.$y);\r\n getfile4(newValue.$y);\r\n }}\r\n format=\"YYYY\"\r\n slotProps={{ textField: { size: \"small\" } }}\r\n views={[\"year\"]}\r\n sx={{\r\n \"& .MuiInputBase-root\": {\r\n height: 30,\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n );\r\n});\r\nXembaocaoquy.propTypes = {\r\n duan_id: PropTypes.number,\r\n};\r\nexport default Xembaocaoquy;\r\n","import React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport GridContainer from \"components/Grid/GridContainer.js\";\r\nimport CardBody from \"components/Card/CardBody.js\";\r\nimport GridItem from \"components/Grid/GridItem.js\";\r\nimport BaocaonamTable from \"components/Baocaoduan/Baocaonam/BaocaonamTable.js\";\r\nimport Listfileupload from \"components/Uploadfile/Listfileupload.js\";\r\nimport FormControl from \"@mui/material/FormControl\";\r\nimport Config from \"conFig.js\";\r\nimport { AdapterDayjs } from \"@mui/x-date-pickers/AdapterDayjs\";\r\nimport { LocalizationProvider } from \"@mui/x-date-pickers/LocalizationProvider\";\r\nimport { DatePicker } from \"@mui/x-date-pickers/DatePicker\";\r\nimport dayjs from \"dayjs\";\r\n\r\nconst Xembaocaonam = React.memo(function Xembaocaonam(props) {\r\n const { duan_id, nguonvon } = props;\r\n const [listfile, setListfile] = React.useState([]);\r\n const [thangnam, setThangnam] = React.useState(dayjs());\r\n const [data, setData] = React.useState([]);\r\n const [chudautu, setChudautu] = React.useState([]);\r\n const [chudautuVL, setChudautuVL] = React.useState([]);\r\n const [sltheocdt, setSltheocdt] = React.useState([]);\r\n const token = localStorage.getItem(\"token\");\r\n var username = localStorage.getItem(\"username\");\r\n var obj = {\r\n method: \"GET\",\r\n headers: {\r\n Accept: \"application/json\",\r\n \"Content-Type\": \"application/json\",\r\n Authorization: \"Bearer \" + token,\r\n },\r\n };\r\n const getchudautubyduan = () => {\r\n var url =\r\n Config.backend +\r\n \"/api/DuanChuDauTu/getchudautuduan?duan_id=\" +\r\n duan_id +\r\n \"&username=\" +\r\n username;\r\n fetch(url)\r\n .then((res) => res.json())\r\n .then((data) => {\r\n setChudautu(data);\r\n })\r\n .catch((error) => {\r\n console.error(\"Error fetching data: \", error);\r\n });\r\n };\r\n const getbaocao = (nam) => {\r\n var url =\r\n Config.backend +\r\n \"/api/BaoCao/getmauaiii2theoduannam?duan_id=\" +\r\n duan_id +\r\n \"&nam=\" +\r\n nam +\r\n \"&username=\" +\r\n username;\r\n fetch(url, obj)\r\n .then((res) => res.json())\r\n .then((data) => {\r\n setData(data);\r\n })\r\n .catch((error) => {\r\n console.error(\"Error fetching data: \", error);\r\n });\r\n };\r\n const getsolieutheocdt = (nam) => {\r\n var url =\r\n Config.backend +\r\n \"/api/BaoCao/getmauaiii2vongoptheoduan?duan_id=\" +\r\n duan_id +\r\n \"&nam=\" +\r\n nam +\r\n \"&username=\" +\r\n username;\r\n fetch(url, obj)\r\n .then((res) => res.json())\r\n .then((data) => {\r\n setSltheocdt(data);\r\n })\r\n .catch((error) => {\r\n console.error(\"Error fetching data: \", error);\r\n });\r\n };\r\n const renderChudautu = () => {\r\n var value = [];\r\n if (chudautu.length > 0) {\r\n chudautu.map((prop) => {\r\n if (sltheocdt.length > 0) {\r\n sltheocdt.map((item) => {\r\n if (item.chudautu_id === prop.chudautu_id) {\r\n value.push([\r\n {\r\n chudautu_id: prop.chudautu_id,\r\n bangtien: item.bangtien ? item.bangtien : 0,\r\n maymocthietbi: item.maymocthietbi ? item.maymocthietbi : 0,\r\n taisankhac: item.taisankhac ? item.taisankhac : 0,\r\n tongso_lkduan: item.tongso_lkduan ? item.tongso_lkduan : 0,\r\n bangtien_lkduan: item.bangtien_lkduan\r\n ? item.bangtien_lkduan\r\n : 0,\r\n maymocthietbi_lkduan: item.maymocthietbi_lkduan\r\n ? item.maymocthietbi_lkduan\r\n : 0,\r\n taisankhac_lkduan: item.taisankhac_lkduan\r\n ? item.taisankhac_lkduan\r\n : 0,\r\n },\r\n ]);\r\n setChudautuVL(value);\r\n }\r\n });\r\n } else {\r\n value.push([\r\n {\r\n chudautu_id: prop.chudautu_id,\r\n bangtien: 0,\r\n maymocthietbi: 0,\r\n taisankhac: 0,\r\n tongso_lkduan: 0,\r\n bangtien_lkduan: 0,\r\n maymocthietbi_lkduan: 0,\r\n taisankhac_lkduan: 0,\r\n },\r\n ]);\r\n setChudautuVL(value);\r\n }\r\n });\r\n }\r\n };\r\n const getsolieu = () => {\r\n getchudautubyduan();\r\n getsolieutheocdt(new Date().getFullYear());\r\n getbaocao(new Date().getFullYear());\r\n };\r\n const getfile = (nam) => {\r\n var url =\r\n Config.backend +\r\n \"/api/QlFileThuMuc/GetBcNam?DuAnId=\" +\r\n duan_id +\r\n \"&Nam=\" +\r\n nam;\r\n fetch(url, obj)\r\n .then((res) => res.json())\r\n .then((data) => {\r\n setListfile(data);\r\n })\r\n .catch((error) => {\r\n console.error(\"Error fetching data: \", error);\r\n });\r\n };\r\n React.useEffect(() => {\r\n getsolieu();\r\n getfile(new Date().getFullYear());\r\n }, []);\r\n React.useEffect(() => {\r\n renderChudautu();\r\n }, [chudautu, sltheocdt]);\r\n return (\r\n \r\n {listfile1[0] ? (\r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n {\r\n setThangnam(newValue);\r\n getbaocao(newValue.$y);\r\n getsolieutheocdt(newValue.$y);\r\n getfile(newValue.$y);\r\n }}\r\n format=\"YYYY\"\r\n slotProps={{ textField: { size: \"small\" } }}\r\n views={[\"year\"]}\r\n sx={{\r\n \"& .MuiInputBase-root\": {\r\n height: 33,\r\n },\r\n }}\r\n />\r\n \r\n \r\n {listfile[0] ? (\r\n \r\n \r\n \r\n \r\n \r\n
\r\n );\r\n});\r\nXembaocaonam.propTypes = {\r\n duan_id: PropTypes.number,\r\n nguonvon: PropTypes.string,\r\n};\r\nexport default Xembaocaonam;\r\n","import React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport { makeStyles } from \"@material-ui/core/styles\";\r\nimport {\r\n DataGrid,\r\n GridLinkOperator,\r\n GridColDef,\r\n //gridClasses,\r\n} from \"@mui/x-data-grid\";\r\nimport GridContainer from \"components/Grid/GridContainer.js\";\r\nimport GridItem from \"components/Grid/GridItem.js\";\r\nimport Modal from \"@mui/material/Modal\";\r\nimport Button from \"@mui/material/Button\";\r\nimport Checkbox from \"@mui/material/Checkbox\";\r\nimport CardBody from \"components/Card/CardBody.js\";\r\nimport FormControl from \"@mui/material/FormControl\";\r\nimport GridItemLogin from \"components/Grid/GridItemLogin.js\";\r\nimport Card from \"components/Card/Card.js\";\r\nimport CardHeader from \"components/Card/CardHeadertab.js\";\r\nimport CloseIcon from \"@mui/icons-material/Close\";\r\nimport Snackbar from \"components/Snackbar/Snackbar.js\";\r\nimport AddAlert from \"@material-ui/icons/AddAlert\";\r\nimport { AdapterDayjs } from \"@mui/x-date-pickers/AdapterDayjs\";\r\nimport { LocalizationProvider } from \"@mui/x-date-pickers/LocalizationProvider\";\r\nimport { DatePicker } from \"@mui/x-date-pickers/DatePicker\";\r\nimport dayjs from \"dayjs\";\r\nimport styles from \"assets/jss/material-dashboard-react/components/tableviewStyle.js\";\r\nconst useStyles = makeStyles(styles);\r\nimport Config from \"conFig.js\";\r\n\r\nconst Xembaocaotiendo = React.memo(function Xembaocaotiendo(props) {\r\n const tiendocolumn: GridColDef[] = [\r\n {\r\n field: \"tungay\",\r\n headerName: \"Từ ngày\",\r\n width: 120,\r\n headerAlign: \"center\",\r\n valueFormatter: (params) => {\r\n if (params.value !== \"null\")\r\n return dayjs(params.value).format(\"DD/MM/YYYY\");\r\n else return \"\";\r\n },\r\n },\r\n {\r\n field: \"denngay\",\r\n headerName: \"Đến ngày\",\r\n width: 120,\r\n headerAlign: \"center\",\r\n valueFormatter: (params) => {\r\n if (params.value !== \"null\")\r\n return dayjs(params.value).format(\"DD/MM/YYYY\");\r\n else return \"\";\r\n },\r\n },\r\n {\r\n field: \"action1\",\r\n headerName: \"Giai đoạn tiến độ\",\r\n width: 200,\r\n headerAlign: \"center\",\r\n renderCell: (params) => {\r\n if (params.row.giaidoan === null) {\r\n return params.row.giaidoancon;\r\n } else {\r\n return params.row.giaidoan;\r\n }\r\n },\r\n },\r\n {\r\n field: \"trangthai\",\r\n headerName: \"Trạng thái\",\r\n width: 130,\r\n headerAlign: \"center\",\r\n },\r\n {\r\n field: \"ngayhoanthanh\",\r\n headerName: \"Ngày hoàn thành\",\r\n width: 130,\r\n headerAlign: \"center\",\r\n valueFormatter: (params) => {\r\n if (params.value !== \"null\")\r\n return dayjs(params.value).format(\"DD/MM/YYYY\");\r\n else return \"\";\r\n },\r\n },\r\n {\r\n field: \"action\",\r\n headerName: \"Xử lý\",\r\n width: 150,\r\n headerAlign: \"center\",\r\n renderCell: (params) => {\r\n const onClick = (e) => {\r\n e.stopPropagation(); // don't select this row after clicking\r\n setTiendo_id(params.row.id);\r\n setOpenhoanthanh(true);\r\n };\r\n if (params.row.giaidoancon_id === 0) {\r\n return params.row.trangthai_id === 1 ? (\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n Tiến độ thực hiện dự án\r\n \r\n \r\n \r\n \r\n \r\n row.id}\r\n rows={tiendo}\r\n columns={tiendocolumn}\r\n checkboxSelection={false}\r\n getRowHeight={() => \"auto\"}\r\n headerHeight={35}\r\n //sx={datagridSx}\r\n hideFooter\r\n initialState={{\r\n filter: {\r\n filterModel: {\r\n items: [],\r\n quickFilterLogicOperator: GridLinkOperator.Or,\r\n },\r\n },\r\n }}\r\n sx={{\r\n \"& .rows-active\": {\r\n background: \"#33ff00 !important\",\r\n },\r\n }}\r\n getRowClassName={(params) => {\r\n if (\r\n dayjs(params.row.tungay).isBefore(new Date()) &&\r\n dayjs(params.row.denngay).isAfter(new Date())\r\n )\r\n return \"rows-active\";\r\n }}\r\n />\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Cập nhật hoàn thành\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {\r\n setNgayhoanthanh(newValue);\r\n }}\r\n format=\"DD/MM/YYYY\"\r\n slotProps={{ textField: { size: \"small\" } }}\r\n views={[\"day\", \"month\", \"year\"]}\r\n sx={{\r\n \"& .MuiInputBase-root\": {\r\n height: 33,\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n \r\n \r\n Cập nhật\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n {newline(params.value)}
;\r\n }\r\n },\r\n },\r\n {\r\n field: \"soquyetdinhpheduyet\",\r\n headerName: \"Số QĐPD\",\r\n width: 180,\r\n headerAlign: \"center\",\r\n },\r\n {\r\n field: \"thoidiemcapduan\",\r\n headerName: \"Ngày quyết định\",\r\n width: 140,\r\n headerAlign: \"center\",\r\n valueFormatter: (params) => dayjs(params.value).format(\"DD/MM/YYYY\"),\r\n },\r\n {\r\n field: \"vondangky_vnd\",\r\n headerName: \"Tổng vốn đầu tư (đồng)\",\r\n width: 200,\r\n headerAlign: \"center\",\r\n valueFormatter: (params) => params.value.toLocaleString(\"de-DE\"),\r\n },\r\n {\r\n field: \"tiendothuchien\",\r\n headerName: \"Tiến độ dự án\",\r\n width: 500,\r\n headerAlign: \"center\",\r\n renderCell: (params) => {\r\n if (params.value) {\r\n return {newline(params.value)}
;\r\n }\r\n },\r\n },\r\n {\r\n field: \"khuvucdautu\",\r\n headerName: \"Khu vực\",\r\n width: 190,\r\n headerAlign: \"center\",\r\n },\r\n {\r\n field: \"linhvuc\",\r\n headerName: \"Lĩnh vực\",\r\n width: 220,\r\n headerAlign: \"center\",\r\n },\r\n {\r\n field: \"diaban\",\r\n headerName: \"Huyện/TX/TP\",\r\n width: 160,\r\n headerAlign: \"center\",\r\n },\r\n {\r\n field: \"diadiemthuchien\",\r\n headerName: \"Địa điểm\",\r\n width: 220,\r\n headerAlign: \"center\",\r\n },\r\n];\r\n\r\nexport default function Xembaocaoduan() {\r\n const classes = useStyles();\r\n const [open, setOpen] = React.useState(false);\r\n const [pageSize, setPageSize] = React.useState(50);\r\n const [data, setData] = React.useState([]);\r\n const [duan_id, setDuan_id] = React.useState(0);\r\n const [disableBT, setDisableBT] = React.useState(true);\r\n const [openbcthang, setOpenbcthang] = React.useState(false);\r\n const [openbcquy, setOpenbcquy] = React.useState(false);\r\n const [openbcnam, setOpenbcnam] = React.useState(false);\r\n const [openbctiendo, setOpenbctiendo] = React.useState(false);\r\n const [opentimkiem, setOpentimkiem] = React.useState(false);\r\n const [nguonvonBC, setNguonvonBC] = React.useState(\"\");\r\n const handleClosebcthang = () => {\r\n setOpenbcthang(false);\r\n };\r\n const handleClosebcquy = () => {\r\n setOpenbcquy(false);\r\n };\r\n const handleClosebcnam = () => {\r\n setOpenbcnam(false);\r\n };\r\n const handleClosebctiendo = () => {\r\n setOpenbctiendo(false);\r\n };\r\n const handleClosetimkiem = () => {\r\n setOpentimkiem(false);\r\n };\r\n const handleOpenCloseBackdrop = (val) => {\r\n setOpen(val);\r\n };\r\n const handleSetResult = (val) => {\r\n setData(val);\r\n };\r\n const quickSearchToolbar = () => {\r\n return (\r\n \r\n row.id}\r\n rows={data}\r\n columns={dacolumn}\r\n checkboxSelection={false}\r\n getRowHeight={() => \"auto\"}\r\n headerHeight={35}\r\n sx={datagridSx}\r\n pageSize={pageSize}\r\n onPageSizeChange={(newPageSize) => setPageSize(newPageSize)}\r\n rowsPerPageOptions={[20, 50, 100]}\r\n pagination\r\n initialState={{\r\n filter: {\r\n filterModel: {\r\n items: [],\r\n quickFilterLogicOperator: GridLinkOperator.Or,\r\n },\r\n },\r\n }}\r\n components={{ Toolbar: quickSearchToolbar }}\r\n onRowClick={(params) => {\r\n setDuan_id(Number(params.row.id));\r\n setDisableBT(false);\r\n setNguonvonBC(params.row.nguonvondautu);\r\n }}\r\n />\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Báo cáo tháng\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Báo cáo quý\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Báo cáo năm\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Báo cáo tiến độ\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n row.chuabaocao + row.maduan}\r\n rows={canhbao}\r\n columns={cbcolumn}\r\n checkboxSelection={false}\r\n getRowHeight={() => \"auto\"}\r\n headerHeight={35}\r\n sx={datagridSx}\r\n pageSize={pageSize}\r\n onPageSizeChange={(newPageSize) => setPageSize(newPageSize)}\r\n rowsPerPageOptions={[20, 50, 100]}\r\n pagination\r\n initialState={{\r\n filter: {\r\n filterModel: {\r\n items: [],\r\n quickFilterLogicOperator: GridLinkOperator.Or,\r\n },\r\n },\r\n }}\r\n components={{ Toolbar: quickSearchToolbar }}\r\n />\r\n
\r\n \r\n row.maduan}\r\n rows={canhbao}\r\n columns={cbcolumn}\r\n checkboxSelection={false}\r\n getRowHeight={() => \"auto\"}\r\n headerHeight={35}\r\n sx={datagridSx}\r\n pageSize={pageSize}\r\n onPageSizeChange={(newPageSize) => setPageSize(newPageSize)}\r\n rowsPerPageOptions={[20, 50, 100]}\r\n pagination\r\n initialState={{\r\n filter: {\r\n filterModel: {\r\n items: [],\r\n quickFilterLogicOperator: GridLinkOperator.Or,\r\n },\r\n },\r\n }}\r\n components={{ Toolbar: quickSearchToolbar }}\r\n />\r\n
\r\n {newline(params.value)}
;\r\n }\r\n },\r\n },\r\n {\r\n field: \"quocgia\",\r\n headerName: \"Quốc gia\",\r\n width: 130,\r\n headerAlign: \"center\",\r\n },\r\n {\r\n field: \"nguonvondautu\",\r\n headerName: \"Nguồn vốn\",\r\n width: 130,\r\n headerAlign: \"center\",\r\n },\r\n {\r\n field: \"vondangky_vnd\",\r\n headerName: \"Tổng vốn đầu tư (đồng)\",\r\n width: 200,\r\n headerAlign: \"center\",\r\n valueFormatter: (params) => params.value.toLocaleString(\"de-DE\"),\r\n },\r\n {\r\n field: \"vondangky_usd\",\r\n headerName: \"Tổng vốn đầu tư (USD)\",\r\n width: 200,\r\n headerAlign: \"center\",\r\n valueFormatter: (params) => params.value.toLocaleString(\"de-DE\"),\r\n },\r\n {\r\n field: \"thoidiemcapduan\",\r\n headerName: \"Năm cấp\",\r\n width: 120,\r\n headerAlign: \"center\",\r\n valueFormatter: (params) => dayjs(params.value).format(\"DD/MM/YYYY\"),\r\n },\r\n {\r\n field: \"thoidiemhethan\",\r\n headerName: \"Thời điểm hết hạn\",\r\n width: 160,\r\n headerAlign: \"center\",\r\n valueFormatter: (params) => dayjs(params.value).format(\"DD/MM/YYYY\"),\r\n },\r\n {\r\n field: \"soquyetdinhpheduyet\",\r\n headerName: \"Số QĐPD\",\r\n width: 180,\r\n headerAlign: \"center\",\r\n },\r\n {\r\n field: \"giaychungnhandkdt\",\r\n headerName: \"Giấy chứng nhận ĐKĐT\",\r\n width: 180,\r\n headerAlign: \"center\",\r\n },\r\n {\r\n field: \"tiendothuchien\",\r\n headerName: \"Tiến độ dự án\",\r\n width: 220,\r\n headerAlign: \"center\",\r\n renderCell: (params) => {\r\n if (params.value) {\r\n return {newline(params.value)}
;\r\n }\r\n },\r\n },\r\n {\r\n field: \"tinhhinhthuchien\",\r\n headerName: \"Tình hình thực hiện\",\r\n width: 230,\r\n headerAlign: \"center\",\r\n },\r\n {\r\n field: \"khokhanvuongmac\",\r\n headerName: \"Khó khăn vướng mắc\",\r\n width: 230,\r\n headerAlign: \"center\",\r\n },\r\n {\r\n field: \"khuvucdautu\",\r\n headerName: \"Khu vực\",\r\n width: 140,\r\n headerAlign: \"center\",\r\n },\r\n {\r\n field: \"linhvuc\",\r\n headerName: \"Lĩnh vực\",\r\n width: 170,\r\n headerAlign: \"center\",\r\n },\r\n {\r\n field: \"diadiemthuchien\",\r\n headerName: \"Địa điểm\",\r\n width: 300,\r\n headerAlign: \"center\",\r\n },\r\n {\r\n field: \"diaban\",\r\n headerName: \"Huyện/Thị Xã/TP\",\r\n width: 150,\r\n headerAlign: \"center\",\r\n },\r\n {\r\n field: \"dientich\",\r\n headerName: \"Diện tích (ha)\",\r\n width: 150,\r\n headerAlign: \"center\",\r\n },\r\n {\r\n field: \"muctieu\",\r\n headerName: \"Mục tiêu\",\r\n width: 150,\r\n headerAlign: \"center\",\r\n },\r\n {\r\n field: \"quymo\",\r\n headerName: \"Quy mô\",\r\n width: 150,\r\n headerAlign: \"center\",\r\n },\r\n {\r\n field: \"laodong_vn_dangky\",\r\n headerName: \"Số lao động VN\",\r\n width: 150,\r\n headerAlign: \"center\",\r\n },\r\n {\r\n field: \"laodong_nn_dangky\",\r\n headerName: \"Số lao động NN\",\r\n width: 150,\r\n headerAlign: \"center\",\r\n },\r\n {\r\n field: \"solaodongthucte\",\r\n headerName: \"Số lao động thực tế\",\r\n width: 200,\r\n headerAlign: \"center\",\r\n },\r\n {\r\n field: \"kyquy\",\r\n headerName: \"Ký quỹ\",\r\n width: 150,\r\n headerAlign: \"center\",\r\n },\r\n {\r\n field: \"nopngansachnhanuoc_lk\",\r\n headerName: \"Nộp ngân sách\",\r\n width: 150,\r\n headerAlign: \"center\",\r\n //valueFormatter: (params) => params.value.toLocaleString(\"de-DE\"),\r\n },\r\n {\r\n field: \"vonthuchien_vnd_lk\",\r\n headerName: \"Vốn thực hiện\",\r\n width: 150,\r\n headerAlign: \"center\",\r\n //valueFormatter: (params) => params.value.toLocaleString(\"de-DE\"),\r\n },\r\n {\r\n field: \"kiemtravipham\",\r\n headerName: \"Kiểm tra vi phạm\",\r\n width: 160,\r\n headerAlign: \"center\",\r\n renderCell: (params) => {\r\n if (params.value) {\r\n return {newline(params.value)}
;\r\n }\r\n },\r\n },\r\n {\r\n field: \"tinhtrangkyquy\",\r\n headerName: \"Tình trạng ký quỹ\",\r\n width: 160,\r\n headerAlign: \"center\",\r\n },\r\n {\r\n field: \"tinhtrangnopns\",\r\n headerName: \"Tình trạng nộp ngân sách\",\r\n width: 200,\r\n headerAlign: \"center\",\r\n },\r\n {\r\n field: \"tinhtrangtiendo\",\r\n headerName: \"Tiến độ thực tế\",\r\n width: 160,\r\n headerAlign: \"center\",\r\n },\r\n {\r\n field: \"tinhtrangduan\",\r\n headerName: \"Tình trạng dự án\",\r\n width: 160,\r\n headerAlign: \"center\",\r\n },\r\n];\r\nexport default function Baocaophuluc() {\r\n const classes = useStyles();\r\n const [open, setOpen] = React.useState(false);\r\n const [pageSize, setPageSize] = React.useState(50);\r\n const [data, setData] = React.useState([]);\r\n const [tungay, setTungay] = React.useState(dayjs(\"2015-01-01\"));\r\n const [denngay, setDenngay] = React.useState(dayjs());\r\n const [diadiem, setDiadiem] = React.useState([]);\r\n const [diadiemVL, setDiadiemVL] = React.useState(null);\r\n const [linhvuc, setLinhvuc] = React.useState([]);\r\n const [linhvucVL, setLinhvucVL] = React.useState(null);\r\n const [khuvuc, setKhuvuc] = React.useState([]);\r\n const [khuvucVL, setKhuvucVL] = React.useState(null);\r\n const [nguonvon, setNguonvon] = React.useState([]);\r\n const [nguonvonVL, setNguonvonVL] = React.useState(null);\r\n const [tinhtrangduan, setTinhtrangduan] = React.useState([]);\r\n const [tinhtrangduanVL, setTinhtrangduanVL] = React.useState(null);\r\n const [chudautu, setChudautu] = React.useState([]);\r\n const [chudautuVL, setChudautuVL] = React.useState(null);\r\n const [tinhtrangkyquy, setTinhtrangkyquy] = React.useState([]);\r\n const [tinhtrangkyquyVL, setTinhtrangkyquyVL] = React.useState(null);\r\n const [loaivipham, setLoaivipham] = React.useState([]);\r\n const [loaiviphamVL, setLoaiviphamVL] = React.useState(null);\r\n const [tiendoduan, setTiendoduan] = React.useState([]);\r\n const [tiendoduanVL, setTiendoduanVL] = React.useState(null);\r\n const [chutruong, setChutruong] = React.useState([]);\r\n const [chutruongVL, setChutruongVL] = React.useState(null);\r\n const [quyetdinhdieuchinh, setQuyetdinhdieuchinh] = React.useState([]);\r\n const [quyetdinhdieuchinhVL, setQuyetdinhdieuchinhVL] = React.useState(null);\r\n const [opentimkiem, setOpentimkiem] = React.useState(false);\r\n const handleClosetimkiem = () => {\r\n setOpentimkiem(false);\r\n };\r\n const token = localStorage.getItem(\"token\");\r\n var username = localStorage.getItem(\"username\");\r\n var obj = {\r\n method: \"GET\",\r\n headers: {\r\n Accept: \"application/json\",\r\n \"Content-Type\": \"application/json\",\r\n Authorization: \"Bearer \" + token,\r\n },\r\n };\r\n const getlinhvuc = () => {\r\n var url = Config.backend + \"/api/DanhMuc/getdmlinhvuc?username=\" + username;\r\n fetch(url, obj)\r\n .then((res) => res.json())\r\n .then((data) => {\r\n setLinhvuc(data);\r\n })\r\n .catch((error) => {\r\n console.error(\"Error fetching data: \", error);\r\n });\r\n };\r\n const getdiadiem = () => {\r\n var url =\r\n Config.backend + \"/api/Diaphuong/gethuyentpbinhdinh?username=\" + username;\r\n fetch(url, obj)\r\n .then((res) => res.json())\r\n .then((data) => {\r\n setDiadiem(data);\r\n })\r\n .catch((error) => {\r\n console.error(\"Error fetching data: \", error);\r\n });\r\n };\r\n const getkhuvucdautu = () => {\r\n var url =\r\n Config.backend + \"/api/DanhMuc/getdmkhuvucdautu?username=\" + username;\r\n fetch(url, obj)\r\n .then((res) => res.json())\r\n .then((data) => {\r\n setKhuvuc(data);\r\n })\r\n .catch((error) => {\r\n console.error(\"Error fetching data: \", error);\r\n });\r\n };\r\n const getnguonvon = () => {\r\n var url =\r\n Config.backend + \"/api/DanhMuc/getdmnguonvondautu?username=\" + username;\r\n fetch(url, obj)\r\n .then((res) => res.json())\r\n .then((data) => {\r\n setNguonvon(data);\r\n })\r\n .catch((error) => {\r\n console.error(\"Error fetching data: \", error);\r\n });\r\n };\r\n const gettinhtrangduan = () => {\r\n var url =\r\n Config.backend + \"/api/DanhMuc/getdmtinhtrangduan?username=\" + username;\r\n fetch(url, obj)\r\n .then((res) => res.json())\r\n .then((data) => {\r\n setTinhtrangduan(data);\r\n })\r\n .catch((error) => {\r\n console.error(\"Error fetching data: \", error);\r\n });\r\n };\r\n const getchudautu = () => {\r\n var url =\r\n Config.backend + \"/api/DanhMuc/getdmchudautu?username=\" + username;\r\n fetch(url, obj)\r\n .then((res) => res.json())\r\n .then((data) => {\r\n setChudautu(data);\r\n })\r\n .catch((error) => {\r\n console.error(\"Error fetching data: \", error);\r\n });\r\n };\r\n const gettinhtrangkyquy = () => {\r\n var url =\r\n Config.backend + \"/api/DanhMuc/getdmtinhtrangkyquy?username=\" + username;\r\n fetch(url, obj)\r\n .then((res) => res.json())\r\n .then((data) => {\r\n setTinhtrangkyquy(data);\r\n })\r\n .catch((error) => {\r\n console.error(\"Error fetching data: \", error);\r\n });\r\n };\r\n const getloaivipham = () => {\r\n var url =\r\n Config.backend + \"/api/DanhMuc/getdmloaivipham?username=\" + username;\r\n fetch(url, obj)\r\n .then((res) => res.json())\r\n .then((data) => {\r\n setLoaivipham(data);\r\n })\r\n .catch((error) => {\r\n console.error(\"Error fetching data: \", error);\r\n });\r\n };\r\n const gettiendoduan = () => {\r\n var dmtiendoduans = [];\r\n dmtiendoduans.push({ id: 1, ten: \"Đúng hạn\" });\r\n dmtiendoduans.push({ id: 2, ten: \"Sắp trễ hạn giai đoạn\" });\r\n dmtiendoduans.push({ id: 3, ten: \"Trễ hạn giai đoạn\" });\r\n dmtiendoduans.push({ id: 4, ten: \"Sắp trễ hạn toàn dự án\" });\r\n dmtiendoduans.push({ id: 5, ten: \"Trễ hạn toàn dự án\" });\r\n setTiendoduan(dmtiendoduans);\r\n };\r\n const getchutruong = () => {\r\n var dmchutruongs = [];\r\n dmchutruongs.push({ id: 1, ten: \"Số QĐ phê duyệt\" });\r\n dmchutruongs.push({ id: 2, ten: \"Giấy chứng nhận ĐKĐT\" });\r\n setChutruong(dmchutruongs);\r\n };\r\n const getquyetdinhdieuchinh = () => {\r\n var dmquyetdinhdieuchinhs = [];\r\n dmquyetdinhdieuchinhs.push({ id: 1, ten: \"Có quyết định điều chỉnh\" });\r\n dmquyetdinhdieuchinhs.push({\r\n id: 2,\r\n ten: \"Không có quyết định điều chỉnh\",\r\n });\r\n setQuyetdinhdieuchinh(dmquyetdinhdieuchinhs);\r\n };\r\n const timkiem = () => {\r\n setOpen(true);\r\n var tu =\r\n tungay.$y +\r\n \"-\" +\r\n String(tungay.$M + 1).padStart(2, \"0\") +\r\n \"-\" +\r\n tungay.$D;\r\n var den =\r\n denngay.$y +\r\n \"-\" +\r\n String(denngay.$M + 1).padStart(2, \"0\") +\r\n \"-\" +\r\n denngay.$D;\r\n let diaban = [];\r\n if (diadiemVL) {\r\n diadiemVL.map((row) => {\r\n diaban.push({ id: row.id });\r\n });\r\n } else {\r\n diaban.push({ id: 0 });\r\n }\r\n let linhvuc = [];\r\n if (linhvucVL) {\r\n linhvucVL.map((row) => {\r\n linhvuc.push({ id: row.id });\r\n });\r\n } else {\r\n linhvuc.push({ id: 0 });\r\n }\r\n let khuvucdautu = [];\r\n if (khuvucVL) {\r\n khuvucVL.map((row) => {\r\n khuvucdautu.push({ id: row.id });\r\n });\r\n } else {\r\n khuvucdautu.push({ id: 0 });\r\n }\r\n let nguonvon = [];\r\n if (nguonvonVL) {\r\n nguonvonVL.map((row) => {\r\n nguonvon.push({ id: row.id });\r\n });\r\n } else {\r\n nguonvon.push({ id: 0 });\r\n }\r\n let tinhtrang = [];\r\n if (tinhtrangduanVL) {\r\n tinhtrangduanVL.map((row) => {\r\n tinhtrang.push({ id: row.id });\r\n });\r\n } else {\r\n tinhtrang.push({ id: 0 });\r\n }\r\n var chudautu = [];\r\n if (chudautuVL) {\r\n chudautuVL.map((row) => {\r\n chudautu.push({ id: row.id });\r\n });\r\n } else {\r\n chudautu.push({ id: 0 });\r\n }\r\n var tinhtrangkq = [];\r\n if (tinhtrangkyquyVL) {\r\n tinhtrangkyquyVL.map((row) => {\r\n tinhtrangkq.push({ id: row.id });\r\n });\r\n } else {\r\n tinhtrangkq.push({ id: 0 });\r\n }\r\n var vipham = [];\r\n if (loaiviphamVL) {\r\n loaiviphamVL.map((row) => {\r\n vipham.push({ id: row.id });\r\n });\r\n } else {\r\n vipham.push({ id: 0 });\r\n }\r\n var tiendo = [];\r\n if (tiendoduanVL) {\r\n tiendoduanVL.map((row) => {\r\n tiendo.push({ id: row.id });\r\n });\r\n } else {\r\n tiendo.push({ id: 0 });\r\n }\r\n var chutr = [];\r\n if (chutruongVL) {\r\n chutruongVL.map((row) => {\r\n chutr.push({ id: row.id });\r\n });\r\n } else {\r\n chutr.push({ id: 0 });\r\n }\r\n var qddieuchinh = [];\r\n if (quyetdinhdieuchinhVL) {\r\n quyetdinhdieuchinhVL.map((row) => {\r\n qddieuchinh.push({ id: row.id });\r\n });\r\n } else {\r\n qddieuchinh.push({ id: 0 });\r\n }\r\n\r\n var url = Config.backend + \"/api/DuanChuDauTu/tracuuduanboloc1\";\r\n fetch(url, {\r\n method: \"POST\",\r\n headers: {\r\n Accept: \"application/json, text/plain\",\r\n \"Content-Type\": \"application/json;charset=UTF-8\",\r\n },\r\n body: JSON.stringify({\r\n tungay: tu,\r\n denngay: den,\r\n diaban_id: diaban.length > 0 ? diaban : [{ id: 0 }],\r\n linhvuc_id: linhvuc.length > 0 ? linhvuc : [{ id: 0 }],\r\n khuvucdautu_id: khuvucdautu.length > 0 ? khuvucdautu : [{ id: 0 }],\r\n nguonvondautu_id: nguonvon.length > 0 ? nguonvon : [{ id: 0 }],\r\n tinhtrangduan_id: tinhtrang.length > 0 ? tinhtrang : [{ id: 0 }],\r\n chudautu_id: chudautu.length > 0 ? chudautu : [{ id: 0 }],\r\n tinhtrangkyquy_id: tinhtrangkq.length > 0 ? tinhtrangkq : [{ id: 0 }],\r\n loaivipham_id: vipham.length > 0 ? vipham : [{ id: 0 }],\r\n trangthaitiendothuchienduan: tiendo.length > 0 ? tiendo : [{ id: 0 }],\r\n chutruong: chutr.length > 0 ? chutr : [{ id: 0 }],\r\n quyetdinhdieuchinh: qddieuchinh.length > 0 ? qddieuchinh : [{ id: 0 }],\r\n username: username,\r\n }),\r\n })\r\n .then((res) => res.json())\r\n .then((data) => {\r\n for (const element of data) {\r\n if (element.tinhtrangtiendo == \"Sắp trễ tiến độ giai đoạn\") {\r\n element.status = \"waring_gd\";\r\n } else if (element.tinhtrangtiendo == \"Sắp trễ tiến độ toàn dự án\") {\r\n element.status = \"waring_tda\";\r\n } else if (element.tinhtrangtiendo == \"Trễ tiến độ giai đoạn\") {\r\n element.status = \"dangerous_gd\";\r\n } else if (element.tinhtrangtiendo == \"Trễ tiến độ toàn dự án\") {\r\n element.status = \"dangerous_tda\";\r\n } else {\r\n element.status = \"normal\";\r\n }\r\n }\r\n setData(data);\r\n setDiadiemVL(null);\r\n setLinhvucVL(null);\r\n setKhuvucVL(null);\r\n setNguonvonVL(null);\r\n setTinhtrangduanVL(null);\r\n setChudautuVL(null);\r\n setTinhtrangkyquyVL(null);\r\n setLoaiviphamVL(null);\r\n setTiendoduanVL(null);\r\n setChutruongVL(null);\r\n setQuyetdinhdieuchinhVL(null);\r\n setOpen(false);\r\n })\r\n .catch((error) => {\r\n console.error(\"Error fetching data: \", error);\r\n setOpen(false);\r\n });\r\n handleClosetimkiem(true);\r\n };\r\n React.useEffect(() => {\r\n getdiadiem();\r\n getlinhvuc();\r\n getkhuvucdautu();\r\n getnguonvon();\r\n gettinhtrangduan();\r\n getchudautu();\r\n gettinhtrangkyquy();\r\n getloaivipham();\r\n gettiendoduan();\r\n getchutruong();\r\n getquyetdinhdieuchinh();\r\n }, []);\r\n return (\r\n \r\n row.id}\r\n rows={data}\r\n columns={dacolumn}\r\n checkboxSelection={false}\r\n getRowClassName={(params) =>\r\n `super-app-theme--${params.row.status}`\r\n }\r\n getRowHeight={() => \"auto\"}\r\n headerHeight={35}\r\n sx={datagridSx}\r\n pageSize={pageSize}\r\n onPageSizeChange={(newPageSize) => setPageSize(newPageSize)}\r\n rowsPerPageOptions={[20, 50, 100]}\r\n pagination\r\n initialState={{\r\n filter: {\r\n filterModel: {\r\n items: [],\r\n quickFilterLogicOperator: GridLinkOperator.Or,\r\n },\r\n },\r\n }}\r\n components={{ Toolbar: quickSearchToolbar }}\r\n />\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Tìm kiếm theo nhiều tiêu chí\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {\r\n setTungay(newValue);\r\n }}\r\n format=\"DD/MM/YYYY\"\r\n slotProps={{ textField: { size: \"small\" } }}\r\n views={[\"day\", \"month\", \"year\"]}\r\n sx={{\r\n \"& .MuiInputBase-root\": {\r\n height: 37,\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n \r\n \r\n {\r\n setDenngay(newValue);\r\n }}\r\n format=\"DD/MM/YYYY\"\r\n slotProps={{ textField: { size: \"small\" } }}\r\n views={[\"day\", \"month\", \"year\"]}\r\n sx={{\r\n \"& .MuiInputBase-root\": {\r\n height: 37,\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n \r\n option.ten}\r\n onChange={(event, value) => {\r\n setNguonvonVL(value);\r\n }}\r\n renderInput={(params) => (\r\n \r\n \r\n \r\n \r\n option.ten}\r\n onChange={(event, value) => {\r\n setDiadiemVL(value);\r\n }}\r\n renderInput={(params) => (\r\n \r\n \r\n \r\n \r\n option.ten}\r\n onChange={(event, value) => {\r\n setLinhvucVL(value);\r\n }}\r\n renderInput={(params) => (\r\n \r\n \r\n \r\n \r\n option.ten}\r\n onChange={(event, value) => {\r\n setKhuvucVL(value);\r\n }}\r\n renderInput={(params) => (\r\n \r\n \r\n \r\n \r\n option.ten}\r\n onChange={(event, value) => {\r\n setTinhtrangduanVL(value);\r\n }}\r\n renderInput={(params) => (\r\n \r\n \r\n \r\n \r\n option.ten}\r\n onChange={(event, value) => {\r\n setChutruongVL(value);\r\n }}\r\n renderInput={(params) => (\r\n \r\n \r\n\r\n \r\n \r\n option.ten}\r\n onChange={(event, value) => {\r\n setLoaiviphamVL(value);\r\n }}\r\n renderInput={(params) => (\r\n \r\n \r\n \r\n \r\n option.ten}\r\n onChange={(event, value) => {\r\n setTiendoduanVL(value);\r\n }}\r\n renderInput={(params) => (\r\n \r\n \r\n \r\n \r\n option.ten}\r\n onChange={(event, value) => {\r\n setTinhtrangkyquyVL(value);\r\n }}\r\n renderInput={(params) => (\r\n \r\n \r\n \r\n \r\n option.ten}\r\n onChange={(event, value) => {\r\n setQuyetdinhdieuchinhVL(value);\r\n }}\r\n renderInput={(params) => (\r\n \r\n \r\n \r\n \r\n option.ten}\r\n onChange={(event, value) => {\r\n setChudautuVL(value);\r\n }}\r\n renderInput={(params) => (\r\n \r\n \r\n \r\n \r\n \r\n \r\n Tìm kiếm\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n {tHead}\r\n {tBody}\r\n
\r\n
\r\n );\r\n});\r\nBaocaotonghopTbl.propTypes = {\r\n data: PropTypes.array,\r\n};\r\nexport default BaocaotonghopTbl;\r\n//Bao-06122023-start\r\n","import Config from \"conFig.js\";\r\nimport PropTypes from \"prop-types\";\r\nimport Button from \"@mui/material/Button\";\r\nimport { saveAs } from \"file-saver\";\r\nimport * as React from \"react\";\r\n\r\nconst ExcelJS = require(\"exceljs\");\r\n\r\n// Convert data to map list\r\nconst convertDataToMaps = (data) => {\r\n const maps = [];\r\n data.forEach((element) => maps.push(new Map(Object.entries(element))));\r\n return maps;\r\n};\r\n\r\nconst Baocaotonghopexcel = React.memo(function Baocaotonghopexcel(props) {\r\n const { nam } = props;\r\n const [dataTmp, setdataTmp] = React.useState([]);\r\n\r\n // Get and create authentication object\r\n const token = localStorage.getItem(\"token\");\r\n var username = localStorage.getItem(\"username\");\r\n var obj = {\r\n method: \"GET\",\r\n headers: {\r\n Accept: \"application/json\",\r\n \"Content-Type\": \"application/json\",\r\n Authorization: \"Bearer \" + token,\r\n },\r\n };\r\n\r\n // Call Api to get data\r\n const getDataTmp = () => {\r\n var url =\r\n Config.backend +\r\n \"/api/BaoCao/getduanpltonghop?nam=\" +\r\n nam +\r\n \"&username=\" +\r\n username;\r\n fetch(url, obj)\r\n .then((res) => res.json())\r\n .then((dataTmp) => {\r\n setdataTmp(dataTmp);\r\n })\r\n .catch((error) => {\r\n console.error(\"Error fetching data: \", error);\r\n });\r\n };\r\n\r\n // Create excel Template\r\n const createExcelTemplate = (sheet) => {\r\n // Set width columns\r\n const aCol = sheet.getColumn(\"A\");\r\n const bCol = sheet.getColumn(\"B\");\r\n const cCol = sheet.getColumn(\"C\");\r\n const dCol = sheet.getColumn(\"D\");\r\n aCol.width = 10;\r\n bCol.width = 90;\r\n cCol.width = 20;\r\n dCol.width = 40;\r\n\r\n // Set template\r\n sheet.getCell(\"A1\").value = \"STT\";\r\n sheet.getCell(\"A1\").font = {\r\n bold: true,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"A1\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"center\",\r\n };\r\n sheet.getCell(\"A1\").fill = {\r\n type: \"pattern\",\r\n pattern: \"solid\",\r\n fgColor: { argb: \"0000FF\" },\r\n bgColor: { argb: \"0000FF\" },\r\n };\r\n\r\n sheet.getCell(\"B1\").value = \"Địa bàn\";\r\n sheet.getCell(\"B1\").font = {\r\n bold: true,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"B1\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"center\",\r\n };\r\n sheet.getCell(\"B1\").fill = {\r\n type: \"pattern\",\r\n pattern: \"solid\",\r\n fgColor: { argb: \"0000FF\" },\r\n bgColor: { argb: \"0000FF\" },\r\n };\r\n\r\n sheet.getCell(\"C1\").value = \"Số dự án\";\r\n sheet.getCell(\"C1\").font = {\r\n bold: true,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"C1\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"center\",\r\n };\r\n sheet.getCell(\"C1\").fill = {\r\n type: \"pattern\",\r\n pattern: \"solid\",\r\n fgColor: { argb: \"0000FF\" },\r\n bgColor: { argb: \"0000FF\" },\r\n };\r\n\r\n sheet.getCell(\"D1\").value = \"Tổng vốn (Đồng)\";\r\n sheet.getCell(\"D1\").font = {\r\n bold: true,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"D1\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"center\",\r\n };\r\n sheet.getCell(\"D1\").fill = {\r\n type: \"pattern\",\r\n pattern: \"solid\",\r\n fgColor: { argb: \"0000FF\" },\r\n bgColor: { argb: \"0000FF\" },\r\n };\r\n\r\n sheet.getCell(\"A2\").value = \"stt\";\r\n sheet.getCell(\"A2\").font = {\r\n bold: true,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"A2\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"center\",\r\n };\r\n sheet.getCell(\"B2\").value = \"chitieu\";\r\n sheet.getCell(\"B2\").font = {\r\n bold: true,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"B2\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"left\",\r\n };\r\n sheet.getCell(\"C2\").value = \"tongso\";\r\n sheet.getCell(\"C2\").numFmt = \"#,##0\";\r\n sheet.getCell(\"C2\").font = {\r\n bold: true,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"C2\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"right\",\r\n };\r\n sheet.getCell(\"D2\").value = \"vondangky_vnd\";\r\n sheet.getCell(\"D2\").numFmt = \"#,##0\";\r\n sheet.getCell(\"D2\").font = {\r\n bold: true,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"D2\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"right\",\r\n };\r\n\r\n sheet.getCell(\"A3\").value = \"stt\";\r\n sheet.getCell(\"A3\").font = {\r\n bold: true,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"A3\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"center\",\r\n };\r\n sheet.getCell(\"B3\").value = \"chitieu\";\r\n sheet.getCell(\"B3\").font = {\r\n bold: true,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"B3\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"left\",\r\n };\r\n sheet.getCell(\"C3\").value = \"tongso\";\r\n sheet.getCell(\"C3\").numFmt = \"#,##0\";\r\n sheet.getCell(\"C3\").font = {\r\n bold: true,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"C3\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"right\",\r\n };\r\n sheet.getCell(\"D3\").value = \"vondangky_vnd\";\r\n sheet.getCell(\"D3\").numFmt = \"#,##0\";\r\n sheet.getCell(\"D3\").font = {\r\n bold: true,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"D3\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"right\",\r\n };\r\n\r\n sheet.getCell(\"A4\").value = \"stt\";\r\n sheet.getCell(\"A4\").font = {\r\n bold: true,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"A4\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"center\",\r\n };\r\n sheet.getCell(\"B4\").value = \"chitieu\";\r\n sheet.getCell(\"B4\").font = {\r\n bold: true,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"B4\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"left\",\r\n };\r\n sheet.getCell(\"C4\").value = \"tongso\";\r\n sheet.getCell(\"C4\").numFmt = \"#,##0\";\r\n sheet.getCell(\"C4\").font = {\r\n bold: true,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"C4\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"right\",\r\n };\r\n sheet.getCell(\"D4\").value = \"vondangky_vnd\";\r\n sheet.getCell(\"D4\").numFmt = \"#,##0\";\r\n sheet.getCell(\"D4\").font = {\r\n bold: true,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"D4\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"right\",\r\n };\r\n\r\n sheet.getCell(\"A5\").value = \"stt\";\r\n sheet.getCell(\"A5\").font = {\r\n bold: true,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"A5\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"center\",\r\n };\r\n sheet.getCell(\"B5\").value = \"chitieu\";\r\n sheet.getCell(\"B5\").font = {\r\n bold: true,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"B5\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"left\",\r\n };\r\n sheet.getCell(\"C5\").value = \"tongso\";\r\n sheet.getCell(\"C5\").numFmt = \"#,##0\";\r\n sheet.getCell(\"C5\").font = {\r\n bold: true,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"C5\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"right\",\r\n };\r\n sheet.getCell(\"D5\").value = \"vondangky_vnd\";\r\n sheet.getCell(\"D5\").numFmt = \"#,##0\";\r\n sheet.getCell(\"D5\").font = {\r\n bold: true,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"D5\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"right\",\r\n };\r\n\r\n sheet.getCell(\"A6\").value = \"stt\";\r\n sheet.getCell(\"A6\").font = {\r\n bold: false,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"A6\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"center\",\r\n };\r\n sheet.getCell(\"B6\").value = \"chitieu\";\r\n sheet.getCell(\"B6\").font = {\r\n bold: false,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"B6\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"left\",\r\n };\r\n sheet.getCell(\"C6\").value = \"tongso\";\r\n sheet.getCell(\"C6\").numFmt = \"#,##0\";\r\n sheet.getCell(\"C6\").font = {\r\n bold: false,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"C6\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"right\",\r\n };\r\n sheet.getCell(\"D6\").value = \"vondangky_vnd\";\r\n sheet.getCell(\"D6\").numFmt = \"#,##0\";\r\n sheet.getCell(\"D6\").font = {\r\n bold: false,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"D6\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"right\",\r\n };\r\n\r\n sheet.getCell(\"A7\").value = \"stt\";\r\n sheet.getCell(\"A7\").font = {\r\n bold: false,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"A7\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"center\",\r\n };\r\n sheet.getCell(\"B7\").value = \"chitieu\";\r\n sheet.getCell(\"B7\").font = {\r\n bold: false,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"B7\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"left\",\r\n };\r\n sheet.getCell(\"C7\").value = \"tongso\";\r\n sheet.getCell(\"C7\").numFmt = \"#,##0\";\r\n sheet.getCell(\"C7\").font = {\r\n bold: false,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"C7\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"right\",\r\n };\r\n sheet.getCell(\"D7\").value = \"vondangky_vnd\";\r\n sheet.getCell(\"D7\").numFmt = \"#,##0\";\r\n sheet.getCell(\"D7\").font = {\r\n bold: false,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"D7\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"right\",\r\n };\r\n\r\n sheet.getCell(\"A8\").value = \"stt\";\r\n sheet.getCell(\"A8\").font = {\r\n bold: true,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"A8\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"center\",\r\n };\r\n sheet.getCell(\"B8\").value = \"chitieu\";\r\n sheet.getCell(\"B8\").font = {\r\n bold: true,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"B8\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"left\",\r\n };\r\n sheet.getCell(\"C8\").value = \"tongso\";\r\n sheet.getCell(\"C8\").numFmt = \"#,##0\";\r\n sheet.getCell(\"C8\").font = {\r\n bold: true,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"C8\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"right\",\r\n };\r\n sheet.getCell(\"D8\").value = \"vondangky_vnd\";\r\n sheet.getCell(\"D8\").numFmt = \"#,##0\";\r\n sheet.getCell(\"D8\").font = {\r\n bold: true,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"D8\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"right\",\r\n };\r\n\r\n sheet.getCell(\"A9\").value = \"stt\";\r\n sheet.getCell(\"A9\").font = {\r\n bold: true,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"A9\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"center\",\r\n };\r\n sheet.getCell(\"B9\").value = \"chitieu\";\r\n sheet.getCell(\"B9\").font = {\r\n bold: true,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"B9\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"left\",\r\n };\r\n sheet.getCell(\"C9\").value = \"tongso\";\r\n sheet.getCell(\"C9\").numFmt = \"#,##0\";\r\n sheet.getCell(\"C9\").font = {\r\n bold: true,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"C9\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"right\",\r\n };\r\n sheet.getCell(\"D9\").value = \"vondangky_vnd\";\r\n sheet.getCell(\"D9\").numFmt = \"#,##0\";\r\n sheet.getCell(\"D9\").font = {\r\n bold: true,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"D9\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"right\",\r\n };\r\n\r\n sheet.getCell(\"A10\").value = \"stt\";\r\n sheet.getCell(\"A10\").font = {\r\n bold: true,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"A10\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"center\",\r\n };\r\n sheet.getCell(\"B10\").value = \"chitieu\";\r\n sheet.getCell(\"B10\").font = {\r\n bold: true,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"B10\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"left\",\r\n };\r\n sheet.getCell(\"C10\").value = \"tongso\";\r\n sheet.getCell(\"C10\").numFmt = \"#,##0\";\r\n sheet.getCell(\"C10\").font = {\r\n bold: true,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"C10\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"right\",\r\n };\r\n sheet.getCell(\"D10\").value = \"vondangky_vnd\";\r\n sheet.getCell(\"D10\").numFmt = \"#,##0\";\r\n sheet.getCell(\"D10\").font = {\r\n bold: true,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"D10\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"right\",\r\n };\r\n\r\n sheet.getCell(\"A11\").value = \"stt\";\r\n sheet.getCell(\"A11\").font = {\r\n bold: true,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"A11\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"center\",\r\n };\r\n sheet.getCell(\"B11\").value = \"chitieu\";\r\n sheet.getCell(\"B11\").font = {\r\n bold: true,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"B11\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"left\",\r\n };\r\n sheet.getCell(\"C11\").value = \"tongso\";\r\n sheet.getCell(\"C11\").numFmt = \"#,##0\";\r\n sheet.getCell(\"C11\").font = {\r\n bold: true,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"C11\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"right\",\r\n };\r\n sheet.getCell(\"D11\").value = \"vondangky_vnd\";\r\n sheet.getCell(\"D11\").numFmt = \"#,##0\";\r\n sheet.getCell(\"D11\").font = {\r\n bold: true,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"D11\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"right\",\r\n };\r\n\r\n sheet.getCell(\"A12\").value = \"stt\";\r\n sheet.getCell(\"A12\").font = {\r\n bold: true,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"A12\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"center\",\r\n };\r\n sheet.getCell(\"B12\").value = \"chitieu\";\r\n sheet.getCell(\"B12\").font = {\r\n bold: true,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"B12\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"left\",\r\n };\r\n sheet.getCell(\"C12\").value = \"tongso\";\r\n sheet.getCell(\"C12\").numFmt = \"#,##0\";\r\n sheet.getCell(\"C12\").font = {\r\n bold: true,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"C12\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"right\",\r\n };\r\n sheet.getCell(\"D12\").value = \"vondangky_vnd\";\r\n sheet.getCell(\"D12\").numFmt = \"#,##0\";\r\n sheet.getCell(\"D12\").font = {\r\n bold: true,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"D12\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"right\",\r\n };\r\n\r\n sheet.getCell(\"A13\").value = \"stt\";\r\n sheet.getCell(\"A13\").font = {\r\n bold: true,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"A13\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"center\",\r\n };\r\n sheet.getCell(\"B13\").value = \"chitieu\";\r\n sheet.getCell(\"B13\").font = {\r\n bold: true,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"B13\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"left\",\r\n };\r\n sheet.getCell(\"C13\").value = \"tongso\";\r\n sheet.getCell(\"C13\").numFmt = \"#,##0\";\r\n sheet.getCell(\"C13\").font = {\r\n bold: true,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"C13\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"right\",\r\n };\r\n sheet.getCell(\"D13\").value = \"vondangky_vnd\";\r\n sheet.getCell(\"D13\").numFmt = \"#,##0\";\r\n sheet.getCell(\"D13\").font = {\r\n bold: true,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"D13\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"right\",\r\n };\r\n\r\n sheet.getCell(\"A14\").value = \"stt\";\r\n sheet.getCell(\"A14\").font = {\r\n bold: true,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"A14\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"center\",\r\n };\r\n sheet.getCell(\"B14\").value = \"chitieu\";\r\n sheet.getCell(\"B14\").font = {\r\n bold: true,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"B14\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"left\",\r\n };\r\n sheet.getCell(\"C14\").value = \"tongso\";\r\n sheet.getCell(\"C14\").numFmt = \"#,##0\";\r\n sheet.getCell(\"C14\").font = {\r\n bold: true,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"C14\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"right\",\r\n };\r\n sheet.getCell(\"D14\").value = \"vondangky_vnd\";\r\n sheet.getCell(\"D14\").numFmt = \"#,##0\";\r\n sheet.getCell(\"D14\").font = {\r\n bold: true,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"D14\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"right\",\r\n };\r\n\r\n sheet.getCell(\"A15\").value = \"stt\";\r\n sheet.getCell(\"A15\").font = {\r\n bold: true,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"A15\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"center\",\r\n };\r\n sheet.getCell(\"B15\").value = \"chitieu\";\r\n sheet.getCell(\"B15\").font = {\r\n bold: true,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"B15\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"left\",\r\n };\r\n sheet.getCell(\"C15\").value = \"tongso\";\r\n sheet.getCell(\"C15\").numFmt = \"#,##0\";\r\n sheet.getCell(\"C15\").font = {\r\n bold: true,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"C15\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"right\",\r\n };\r\n sheet.getCell(\"D15\").value = \"vondangky_vnd\";\r\n sheet.getCell(\"D15\").numFmt = \"#,##0\";\r\n sheet.getCell(\"D15\").font = {\r\n bold: true,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"D15\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"right\",\r\n };\r\n\r\n sheet.getCell(\"A16\").value = \"stt\";\r\n sheet.getCell(\"A16\").font = {\r\n bold: true,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"A16\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"center\",\r\n };\r\n sheet.getCell(\"B16\").value = \"chitieu\";\r\n sheet.getCell(\"B16\").font = {\r\n bold: true,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"B16\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"left\",\r\n };\r\n sheet.getCell(\"C16\").value = \"tongso\";\r\n sheet.getCell(\"C16\").numFmt = \"#,##0\";\r\n sheet.getCell(\"C16\").font = {\r\n bold: true,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"C16\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"right\",\r\n };\r\n sheet.getCell(\"D16\").value = \"vondangky_vnd\";\r\n sheet.getCell(\"D16\").numFmt = \"#,##0\";\r\n sheet.getCell(\"D16\").font = {\r\n bold: true,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"D16\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"right\",\r\n };\r\n\r\n sheet.getCell(\"A17\").value = \"stt\";\r\n sheet.getCell(\"A17\").font = {\r\n bold: true,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"A17\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"center\",\r\n };\r\n sheet.getCell(\"B17\").value = \"chitieu\";\r\n sheet.getCell(\"B17\").font = {\r\n bold: true,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"B17\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"left\",\r\n };\r\n sheet.getCell(\"C17\").value = \"tongso\";\r\n sheet.getCell(\"C17\").numFmt = \"#,##0\";\r\n sheet.getCell(\"C17\").font = {\r\n bold: true,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"C17\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"right\",\r\n };\r\n sheet.getCell(\"D17\").value = \"vondangky_vnd\";\r\n sheet.getCell(\"D17\").numFmt = \"#,##0\";\r\n sheet.getCell(\"D17\").font = {\r\n bold: true,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"D17\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"right\",\r\n };\r\n\r\n sheet.getCell(\"A18\").value = \"stt\";\r\n sheet.getCell(\"A18\").font = {\r\n bold: false,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"A18\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"center\",\r\n };\r\n sheet.getCell(\"B18\").value = \"chitieu\";\r\n sheet.getCell(\"B18\").font = {\r\n bold: false,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"B18\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"left\",\r\n };\r\n sheet.getCell(\"C18\").value = \"tongso\";\r\n sheet.getCell(\"C18\").numFmt = \"#,##0\";\r\n sheet.getCell(\"C18\").font = {\r\n bold: false,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"C18\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"right\",\r\n };\r\n sheet.getCell(\"D18\").value = \"vondangky_vnd\";\r\n sheet.getCell(\"D18\").numFmt = \"#,##0\";\r\n sheet.getCell(\"D18\").font = {\r\n bold: false,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"D18\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"right\",\r\n };\r\n\r\n sheet.getCell(\"A19\").value = \"stt\";\r\n sheet.getCell(\"A19\").font = {\r\n bold: false,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"A19\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"center\",\r\n };\r\n sheet.getCell(\"B19\").value = \"chitieu\";\r\n sheet.getCell(\"B19\").font = {\r\n bold: false,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"B19\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"left\",\r\n };\r\n sheet.getCell(\"C19\").value = \"tongso\";\r\n sheet.getCell(\"C19\").numFmt = \"#,##0\";\r\n sheet.getCell(\"C19\").font = {\r\n bold: false,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"C19\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"right\",\r\n };\r\n sheet.getCell(\"D19\").value = \"vondangky_vnd\";\r\n sheet.getCell(\"D19\").numFmt = \"#,##0\";\r\n sheet.getCell(\"D19\").font = {\r\n bold: false,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"D19\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"right\",\r\n };\r\n\r\n sheet.getCell(\"A20\").value = \"stt\";\r\n sheet.getCell(\"A20\").font = {\r\n bold: true,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"A20\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"center\",\r\n };\r\n sheet.getCell(\"B20\").value = \"chitieu\";\r\n sheet.getCell(\"B20\").font = {\r\n bold: true,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"B20\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"left\",\r\n };\r\n sheet.getCell(\"C20\").value = \"tongso\";\r\n sheet.getCell(\"C20\").numFmt = \"#,##0\";\r\n sheet.getCell(\"C20\").font = {\r\n bold: true,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"C20\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"right\",\r\n };\r\n sheet.getCell(\"D20\").value = \"vondangky_vnd\";\r\n sheet.getCell(\"D20\").numFmt = \"#,##0\";\r\n sheet.getCell(\"D20\").font = {\r\n bold: true,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"D20\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"right\",\r\n };\r\n\r\n sheet.getCell(\"A21\").value = \"stt\";\r\n sheet.getCell(\"A21\").font = {\r\n bold: false,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"A21\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"center\",\r\n };\r\n sheet.getCell(\"B21\").value = \"chitieu\";\r\n sheet.getCell(\"B21\").font = {\r\n bold: false,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"B21\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"left\",\r\n };\r\n sheet.getCell(\"C21\").value = \"tongso\";\r\n sheet.getCell(\"C21\").numFmt = \"#,##0\";\r\n sheet.getCell(\"C21\").font = {\r\n bold: false,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"C21\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"right\",\r\n };\r\n sheet.getCell(\"D21\").value = \"vondangky_vnd\";\r\n sheet.getCell(\"D21\").numFmt = \"#,##0\";\r\n sheet.getCell(\"D21\").font = {\r\n bold: false,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"D21\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"right\",\r\n };\r\n\r\n sheet.getCell(\"A22\").value = \"stt\";\r\n sheet.getCell(\"A22\").font = {\r\n bold: false,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"A22\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"center\",\r\n };\r\n sheet.getCell(\"B22\").value = \"chitieu\";\r\n sheet.getCell(\"B22\").font = {\r\n bold: false,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"B22\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"left\",\r\n };\r\n sheet.getCell(\"C22\").value = \"tongso\";\r\n sheet.getCell(\"C22\").numFmt = \"#,##0\";\r\n sheet.getCell(\"C22\").font = {\r\n bold: false,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"C22\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"right\",\r\n };\r\n sheet.getCell(\"D22\").value = \"vondangky_vnd\";\r\n sheet.getCell(\"D22\").numFmt = \"#,##0\";\r\n sheet.getCell(\"D22\").font = {\r\n bold: false,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"D22\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"right\",\r\n };\r\n\r\n sheet.getCell(\"A23\").value = \"stt\";\r\n sheet.getCell(\"A23\").font = {\r\n bold: true,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"A23\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"center\",\r\n };\r\n sheet.getCell(\"B23\").value = \"chitieu\";\r\n sheet.getCell(\"B23\").font = {\r\n bold: true,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"B23\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"left\",\r\n };\r\n sheet.getCell(\"C23\").value = \"tongso\";\r\n sheet.getCell(\"C23\").numFmt = \"#,##0\";\r\n sheet.getCell(\"C23\").font = {\r\n bold: true,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"C23\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"right\",\r\n };\r\n sheet.getCell(\"D23\").value = \"vondangky_vnd\";\r\n sheet.getCell(\"D23\").numFmt = \"#,##0\";\r\n sheet.getCell(\"D23\").font = {\r\n bold: true,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"D23\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"right\",\r\n };\r\n\r\n sheet.getCell(\"A24\").value = \"stt\";\r\n sheet.getCell(\"A24\").font = {\r\n bold: false,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"A24\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"center\",\r\n };\r\n sheet.getCell(\"B24\").value = \"chitieu\";\r\n sheet.getCell(\"B24\").font = {\r\n bold: false,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"B24\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"left\",\r\n };\r\n sheet.getCell(\"C24\").value = \"tongso\";\r\n sheet.getCell(\"C24\").numFmt = \"#,##0\";\r\n sheet.getCell(\"C24\").font = {\r\n bold: false,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"C24\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"right\",\r\n };\r\n sheet.getCell(\"D24\").value = \"vondangky_vnd\";\r\n sheet.getCell(\"D24\").numFmt = \"#,##0\";\r\n sheet.getCell(\"D24\").font = {\r\n bold: false,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"D24\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"right\",\r\n };\r\n\r\n sheet.getCell(\"A25\").value = \"stt\";\r\n sheet.getCell(\"A25\").font = {\r\n bold: false,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"A25\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"center\",\r\n };\r\n sheet.getCell(\"B25\").value = \"chitieu\";\r\n sheet.getCell(\"B25\").font = {\r\n bold: false,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"B25\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"left\",\r\n };\r\n sheet.getCell(\"C25\").value = \"tongso\";\r\n sheet.getCell(\"C25\").numFmt = \"#,##0\";\r\n sheet.getCell(\"C25\").font = {\r\n bold: false,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"C25\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"right\",\r\n };\r\n sheet.getCell(\"D25\").value = \"vondangky_vnd\";\r\n sheet.getCell(\"D25\").numFmt = \"#,##0\";\r\n sheet.getCell(\"D25\").font = {\r\n bold: false,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"D25\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"right\",\r\n };\r\n\r\n sheet.getCell(\"A26\").value = \"stt\";\r\n sheet.getCell(\"A26\").font = {\r\n bold: true,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"A26\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"center\",\r\n };\r\n sheet.getCell(\"B26\").value = \"chitieu\";\r\n sheet.getCell(\"B26\").font = {\r\n bold: true,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"B26\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"left\",\r\n };\r\n sheet.getCell(\"C26\").value = \"tongso\";\r\n sheet.getCell(\"C26\").numFmt = \"#,##0\";\r\n sheet.getCell(\"C26\").font = {\r\n bold: true,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"C26\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"right\",\r\n };\r\n sheet.getCell(\"D26\").value = \"vondangky_vnd\";\r\n sheet.getCell(\"D26\").numFmt = \"#,##0\";\r\n sheet.getCell(\"D26\").font = {\r\n bold: true,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"D26\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"right\",\r\n };\r\n\r\n sheet.getCell(\"A27\").value = \"stt\";\r\n sheet.getCell(\"A27\").font = {\r\n bold: false,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"A27\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"center\",\r\n };\r\n sheet.getCell(\"B27\").value = \"chitieu\";\r\n sheet.getCell(\"B27\").font = {\r\n bold: false,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"B27\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"left\",\r\n };\r\n sheet.getCell(\"C27\").value = \"tongso\";\r\n sheet.getCell(\"C27\").numFmt = \"#,##0\";\r\n sheet.getCell(\"C27\").font = {\r\n bold: false,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"C27\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"right\",\r\n };\r\n sheet.getCell(\"D27\").value = \"vondangky_vnd\";\r\n sheet.getCell(\"D27\").numFmt = \"#,##0\";\r\n sheet.getCell(\"D27\").font = {\r\n bold: false,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"D27\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"right\",\r\n };\r\n\r\n sheet.getCell(\"A28\").value = \"stt\";\r\n sheet.getCell(\"A28\").font = {\r\n bold: false,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"A28\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"center\",\r\n };\r\n sheet.getCell(\"B28\").value = \"chitieu\";\r\n sheet.getCell(\"B28\").font = {\r\n bold: false,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"B28\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"left\",\r\n };\r\n sheet.getCell(\"C28\").value = \"tongso\";\r\n sheet.getCell(\"C28\").numFmt = \"#,##0\";\r\n sheet.getCell(\"C28\").font = {\r\n bold: false,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"C28\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"right\",\r\n };\r\n sheet.getCell(\"D28\").value = \"vondangky_vnd\";\r\n sheet.getCell(\"D28\").numFmt = \"#,##0\";\r\n sheet.getCell(\"D28\").font = {\r\n bold: false,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"D28\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"right\",\r\n };\r\n\r\n sheet.getCell(\"A29\").value = \"stt\";\r\n sheet.getCell(\"A29\").font = {\r\n bold: true,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"A29\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"center\",\r\n };\r\n sheet.getCell(\"B29\").value = \"chitieu\";\r\n sheet.getCell(\"B29\").font = {\r\n bold: true,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"B29\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"left\",\r\n };\r\n sheet.getCell(\"C29\").value = \"tongso\";\r\n sheet.getCell(\"C29\").numFmt = \"#,##0\";\r\n sheet.getCell(\"C29\").font = {\r\n bold: true,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"C29\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"right\",\r\n };\r\n sheet.getCell(\"D29\").value = \"vondangky_vnd\";\r\n sheet.getCell(\"D29\").numFmt = \"#,##0\";\r\n sheet.getCell(\"D29\").font = {\r\n bold: true,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"D29\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"right\",\r\n };\r\n\r\n sheet.getCell(\"A30\").value = \"stt\";\r\n sheet.getCell(\"A30\").font = {\r\n bold: false,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"A30\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"center\",\r\n };\r\n sheet.getCell(\"B30\").value = \"chitieu\";\r\n sheet.getCell(\"B30\").font = {\r\n bold: false,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"B30\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"left\",\r\n };\r\n sheet.getCell(\"C30\").value = \"tongso\";\r\n sheet.getCell(\"C30\").numFmt = \"#,##0\";\r\n sheet.getCell(\"C30\").font = {\r\n bold: false,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"C30\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"right\",\r\n };\r\n sheet.getCell(\"D30\").value = \"vondangky_vnd\";\r\n sheet.getCell(\"D30\").numFmt = \"#,##0\";\r\n sheet.getCell(\"D30\").font = {\r\n bold: false,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"D30\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"right\",\r\n };\r\n\r\n sheet.getCell(\"A31\").value = \"stt\";\r\n sheet.getCell(\"A31\").font = {\r\n bold: false,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"A31\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"center\",\r\n };\r\n sheet.getCell(\"B31\").value = \"chitieu\";\r\n sheet.getCell(\"B31\").font = {\r\n bold: false,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"B31\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"left\",\r\n };\r\n sheet.getCell(\"C31\").value = \"tongso\";\r\n sheet.getCell(\"C31\").numFmt = \"#,##0\";\r\n sheet.getCell(\"C31\").font = {\r\n bold: false,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"C31\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"right\",\r\n };\r\n sheet.getCell(\"D31\").value = \"vondangky_vnd\";\r\n sheet.getCell(\"D31\").numFmt = \"#,##0\";\r\n sheet.getCell(\"D31\").font = {\r\n bold: false,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"D31\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"right\",\r\n };\r\n\r\n sheet.getCell(\"A32\").value = \"stt\";\r\n sheet.getCell(\"A32\").font = {\r\n bold: true,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"A32\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"center\",\r\n };\r\n sheet.getCell(\"B32\").value = \"chitieu\";\r\n sheet.getCell(\"B32\").font = {\r\n bold: true,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"B32\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"left\",\r\n };\r\n sheet.getCell(\"C32\").value = \"tongso\";\r\n sheet.getCell(\"C32\").numFmt = \"#,##0\";\r\n sheet.getCell(\"C32\").font = {\r\n bold: true,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"C32\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"right\",\r\n };\r\n sheet.getCell(\"D32\").value = \"vondangky_vnd\";\r\n sheet.getCell(\"D32\").numFmt = \"#,##0\";\r\n sheet.getCell(\"D32\").font = {\r\n bold: true,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"D32\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"right\",\r\n };\r\n\r\n sheet.getCell(\"A33\").value = \"stt\";\r\n sheet.getCell(\"A33\").font = {\r\n bold: false,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"A33\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"center\",\r\n };\r\n sheet.getCell(\"B33\").value = \"chitieu\";\r\n sheet.getCell(\"B33\").font = {\r\n bold: false,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"B33\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"left\",\r\n };\r\n sheet.getCell(\"C33\").value = \"tongso\";\r\n sheet.getCell(\"C33\").numFmt = \"#,##0\";\r\n sheet.getCell(\"C33\").font = {\r\n bold: false,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"C33\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"right\",\r\n };\r\n sheet.getCell(\"D33\").value = \"vondangky_vnd\";\r\n sheet.getCell(\"D33\").numFmt = \"#,##0\";\r\n sheet.getCell(\"D33\").font = {\r\n bold: false,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"D33\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"right\",\r\n };\r\n\r\n sheet.getCell(\"A34\").value = \"stt\";\r\n sheet.getCell(\"A34\").font = {\r\n bold: false,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"A34\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"center\",\r\n };\r\n sheet.getCell(\"B34\").value = \"chitieu\";\r\n sheet.getCell(\"B34\").font = {\r\n bold: false,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"B34\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"left\",\r\n };\r\n sheet.getCell(\"C34\").value = \"tongso\";\r\n sheet.getCell(\"C34\").numFmt = \"#,##0\";\r\n sheet.getCell(\"C34\").font = {\r\n bold: false,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"C34\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"right\",\r\n };\r\n sheet.getCell(\"D34\").value = \"vondangky_vnd\";\r\n sheet.getCell(\"D34\").numFmt = \"#,##0\";\r\n sheet.getCell(\"D34\").font = {\r\n bold: false,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"D34\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"right\",\r\n };\r\n\r\n sheet.getCell(\"A35\").value = \"stt\";\r\n sheet.getCell(\"A35\").font = {\r\n bold: true,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"A35\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"center\",\r\n };\r\n sheet.getCell(\"B35\").value = \"chitieu\";\r\n sheet.getCell(\"B35\").font = {\r\n bold: true,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"B35\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"left\",\r\n };\r\n sheet.getCell(\"C35\").value = \"tongso\";\r\n sheet.getCell(\"C35\").numFmt = \"#,##0\";\r\n sheet.getCell(\"C35\").font = {\r\n bold: true,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"C35\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"right\",\r\n };\r\n sheet.getCell(\"D35\").value = \"vondangky_vnd\";\r\n sheet.getCell(\"D35\").numFmt = \"#,##0\";\r\n sheet.getCell(\"D35\").font = {\r\n bold: true,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"D35\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"right\",\r\n };\r\n\r\n sheet.getCell(\"A36\").value = \"stt\";\r\n sheet.getCell(\"A36\").font = {\r\n bold: false,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"A36\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"center\",\r\n };\r\n sheet.getCell(\"B36\").value = \"chitieu\";\r\n sheet.getCell(\"B36\").font = {\r\n bold: false,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"B36\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"left\",\r\n };\r\n sheet.getCell(\"C36\").value = \"tongso\";\r\n sheet.getCell(\"C36\").numFmt = \"#,##0\";\r\n sheet.getCell(\"C36\").font = {\r\n bold: false,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"C36\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"right\",\r\n };\r\n sheet.getCell(\"D36\").value = \"vondangky_vnd\";\r\n sheet.getCell(\"D36\").numFmt = \"#,##0\";\r\n sheet.getCell(\"D36\").font = {\r\n bold: false,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"D36\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"right\",\r\n };\r\n\r\n sheet.getCell(\"A37\").value = \"stt\";\r\n sheet.getCell(\"A37\").font = {\r\n bold: false,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"A37\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"center\",\r\n };\r\n sheet.getCell(\"B37\").value = \"chitieu\";\r\n sheet.getCell(\"B37\").font = {\r\n bold: false,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"B37\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"left\",\r\n };\r\n sheet.getCell(\"C37\").value = \"tongso\";\r\n sheet.getCell(\"C37\").numFmt = \"#,##0\";\r\n sheet.getCell(\"C37\").font = {\r\n bold: false,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"C37\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"right\",\r\n };\r\n sheet.getCell(\"D37\").value = \"vondangky_vnd\";\r\n sheet.getCell(\"D37\").numFmt = \"#,##0\";\r\n sheet.getCell(\"D37\").font = {\r\n bold: false,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"D37\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"right\",\r\n };\r\n\r\n sheet.getCell(\"A38\").value = \"stt\";\r\n sheet.getCell(\"A38\").font = {\r\n bold: true,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"A38\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"center\",\r\n };\r\n sheet.getCell(\"B38\").value = \"chitieu\";\r\n sheet.getCell(\"B38\").font = {\r\n bold: true,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"B38\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"left\",\r\n };\r\n sheet.getCell(\"C38\").value = \"tongso\";\r\n sheet.getCell(\"C38\").numFmt = \"#,##0\";\r\n sheet.getCell(\"C38\").font = {\r\n bold: true,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"C38\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"right\",\r\n };\r\n sheet.getCell(\"D38\").value = \"vondangky_vnd\";\r\n sheet.getCell(\"D38\").numFmt = \"#,##0\";\r\n sheet.getCell(\"D38\").font = {\r\n bold: true,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"D38\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"right\",\r\n };\r\n\r\n sheet.getCell(\"A39\").value = \"stt\";\r\n sheet.getCell(\"A39\").font = {\r\n bold: false,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"A39\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"center\",\r\n };\r\n sheet.getCell(\"B39\").value = \"chitieu\";\r\n sheet.getCell(\"B39\").font = {\r\n bold: false,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"B39\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"left\",\r\n };\r\n sheet.getCell(\"C39\").value = \"tongso\";\r\n sheet.getCell(\"C39\").numFmt = \"#,##0\";\r\n sheet.getCell(\"C39\").font = {\r\n bold: false,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"C39\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"right\",\r\n };\r\n sheet.getCell(\"D39\").value = \"vondangky_vnd\";\r\n sheet.getCell(\"D39\").numFmt = \"#,##0\";\r\n sheet.getCell(\"D39\").font = {\r\n bold: false,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"D39\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"right\",\r\n };\r\n\r\n sheet.getCell(\"A40\").value = \"stt\";\r\n sheet.getCell(\"A40\").font = {\r\n bold: false,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"A40\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"center\",\r\n };\r\n sheet.getCell(\"B40\").value = \"chitieu\";\r\n sheet.getCell(\"B40\").font = {\r\n bold: false,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"B40\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"left\",\r\n };\r\n sheet.getCell(\"C40\").value = \"tongso\";\r\n sheet.getCell(\"C40\").numFmt = \"#,##0\";\r\n sheet.getCell(\"C40\").font = {\r\n bold: false,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"C40\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"right\",\r\n };\r\n sheet.getCell(\"D40\").value = \"vondangky_vnd\";\r\n sheet.getCell(\"D40\").numFmt = \"#,##0\";\r\n sheet.getCell(\"D40\").font = {\r\n bold: false,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"D40\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"right\",\r\n };\r\n\r\n sheet.getCell(\"A41\").value = \"stt\";\r\n sheet.getCell(\"A41\").font = {\r\n bold: true,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"A41\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"center\",\r\n };\r\n sheet.getCell(\"B41\").value = \"chitieu\";\r\n sheet.getCell(\"B41\").font = {\r\n bold: true,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"B41\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"left\",\r\n };\r\n sheet.getCell(\"C41\").value = \"tongso\";\r\n sheet.getCell(\"C41\").numFmt = \"#,##0\";\r\n sheet.getCell(\"C41\").font = {\r\n bold: true,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"C41\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"right\",\r\n };\r\n sheet.getCell(\"D41\").value = \"vondangky_vnd\";\r\n sheet.getCell(\"D41\").numFmt = \"#,##0\";\r\n sheet.getCell(\"D41\").font = {\r\n bold: true,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"D41\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"right\",\r\n };\r\n\r\n sheet.getCell(\"A42\").value = \"stt\";\r\n sheet.getCell(\"A42\").font = {\r\n bold: false,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"A42\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"center\",\r\n };\r\n sheet.getCell(\"B42\").value = \"chitieu\";\r\n sheet.getCell(\"B42\").font = {\r\n bold: false,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"B42\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"left\",\r\n };\r\n sheet.getCell(\"C42\").value = \"tongso\";\r\n sheet.getCell(\"C42\").numFmt = \"#,##0\";\r\n sheet.getCell(\"C42\").font = {\r\n bold: false,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"C42\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"right\",\r\n };\r\n sheet.getCell(\"D42\").value = \"vondangky_vnd\";\r\n sheet.getCell(\"D42\").numFmt = \"#,##0\";\r\n sheet.getCell(\"D42\").font = {\r\n bold: false,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"D42\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"right\",\r\n };\r\n\r\n sheet.getCell(\"A43\").value = \"stt\";\r\n sheet.getCell(\"A43\").font = {\r\n bold: false,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"A43\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"center\",\r\n };\r\n sheet.getCell(\"B43\").value = \"chitieu\";\r\n sheet.getCell(\"B43\").font = {\r\n bold: false,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"B43\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"left\",\r\n };\r\n sheet.getCell(\"C43\").value = \"tongso\";\r\n sheet.getCell(\"C43\").numFmt = \"#,##0\";\r\n sheet.getCell(\"C43\").font = {\r\n bold: false,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"C43\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"right\",\r\n };\r\n sheet.getCell(\"D43\").value = \"vondangky_vnd\";\r\n sheet.getCell(\"D43\").numFmt = \"#,##0\";\r\n sheet.getCell(\"D43\").font = {\r\n bold: false,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"D43\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"right\",\r\n };\r\n\r\n sheet.getCell(\"A44\").value = \"stt\";\r\n sheet.getCell(\"A44\").font = {\r\n bold: true,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"A44\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"center\",\r\n };\r\n sheet.getCell(\"B44\").value = \"chitieu\";\r\n sheet.getCell(\"B44\").font = {\r\n bold: true,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"B44\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"left\",\r\n };\r\n sheet.getCell(\"C44\").value = \"tongso\";\r\n sheet.getCell(\"C44\").numFmt = \"#,##0\";\r\n sheet.getCell(\"C44\").font = {\r\n bold: true,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"C44\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"right\",\r\n };\r\n sheet.getCell(\"D44\").value = \"vondangky_vnd\";\r\n sheet.getCell(\"D44\").numFmt = \"#,##0\";\r\n sheet.getCell(\"D44\").font = {\r\n bold: true,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"D44\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"right\",\r\n };\r\n\r\n sheet.getCell(\"A45\").value = \"stt\";\r\n sheet.getCell(\"A45\").font = {\r\n bold: false,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"A45\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"center\",\r\n };\r\n sheet.getCell(\"B45\").value = \"chitieu\";\r\n sheet.getCell(\"B45\").font = {\r\n bold: false,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"B45\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"left\",\r\n };\r\n sheet.getCell(\"C45\").value = \"tongso\";\r\n sheet.getCell(\"C45\").numFmt = \"#,##0\";\r\n sheet.getCell(\"C45\").font = {\r\n bold: false,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"C45\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"right\",\r\n };\r\n sheet.getCell(\"D45\").value = \"vondangky_vnd\";\r\n sheet.getCell(\"D45\").numFmt = \"#,##0\";\r\n sheet.getCell(\"D45\").font = {\r\n bold: false,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"D45\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"right\",\r\n };\r\n\r\n sheet.getCell(\"A46\").value = \"stt\";\r\n sheet.getCell(\"A46\").font = {\r\n bold: false,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"A46\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"center\",\r\n };\r\n sheet.getCell(\"B46\").value = \"chitieu\";\r\n sheet.getCell(\"B46\").font = {\r\n bold: false,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"B46\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"left\",\r\n };\r\n sheet.getCell(\"C46\").value = \"tongso\";\r\n sheet.getCell(\"C46\").numFmt = \"#,##0\";\r\n sheet.getCell(\"C46\").font = {\r\n bold: false,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"C46\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"right\",\r\n };\r\n sheet.getCell(\"D46\").value = \"vondangky_vnd\";\r\n sheet.getCell(\"D46\").numFmt = \"#,##0\";\r\n sheet.getCell(\"D46\").font = {\r\n bold: false,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"D46\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"right\",\r\n };\r\n\r\n sheet.getCell(\"A47\").value = \"stt\";\r\n sheet.getCell(\"A47\").font = {\r\n bold: true,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"A47\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"center\",\r\n };\r\n sheet.getCell(\"B47\").value = \"chitieu\";\r\n sheet.getCell(\"B47\").font = {\r\n bold: true,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"B47\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"left\",\r\n };\r\n sheet.getCell(\"C47\").value = \"tongso\";\r\n sheet.getCell(\"C47\").numFmt = \"#,##0\";\r\n sheet.getCell(\"C47\").font = {\r\n bold: true,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"C47\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"right\",\r\n };\r\n sheet.getCell(\"D47\").value = \"vondangky_vnd\";\r\n sheet.getCell(\"D47\").numFmt = \"#,##0\";\r\n sheet.getCell(\"D47\").font = {\r\n bold: true,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"D47\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"right\",\r\n };\r\n\r\n sheet.getCell(\"A48\").value = \"stt\";\r\n sheet.getCell(\"A48\").font = {\r\n bold: false,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"A48\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"center\",\r\n };\r\n sheet.getCell(\"B48\").value = \"chitieu\";\r\n sheet.getCell(\"B48\").font = {\r\n bold: false,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"B48\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"left\",\r\n };\r\n sheet.getCell(\"C48\").value = \"tongso\";\r\n sheet.getCell(\"C48\").numFmt = \"#,##0\";\r\n sheet.getCell(\"C48\").font = {\r\n bold: false,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"C48\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"right\",\r\n };\r\n sheet.getCell(\"D48\").value = \"vondangky_vnd\";\r\n sheet.getCell(\"D48\").numFmt = \"#,##0\";\r\n sheet.getCell(\"D48\").font = {\r\n bold: false,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"D48\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"right\",\r\n };\r\n\r\n sheet.getCell(\"A49\").value = \"stt\";\r\n sheet.getCell(\"A49\").font = {\r\n bold: false,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"A49\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"center\",\r\n };\r\n sheet.getCell(\"B49\").value = \"chitieu\";\r\n sheet.getCell(\"B49\").font = {\r\n bold: false,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"B49\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"left\",\r\n };\r\n sheet.getCell(\"C49\").value = \"tongso\";\r\n sheet.getCell(\"C49\").numFmt = \"#,##0\";\r\n sheet.getCell(\"C49\").font = {\r\n bold: false,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"C49\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"right\",\r\n };\r\n sheet.getCell(\"D49\").value = \"vondangky_vnd\";\r\n sheet.getCell(\"D49\").numFmt = \"#,##0\";\r\n sheet.getCell(\"D49\").font = {\r\n bold: false,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"D49\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"right\",\r\n };\r\n\r\n sheet.getCell(\"A50\").value = \"stt\";\r\n sheet.getCell(\"A50\").font = {\r\n bold: true,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"A50\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"center\",\r\n };\r\n sheet.getCell(\"B50\").value = \"chitieu\";\r\n sheet.getCell(\"B50\").font = {\r\n bold: true,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"B50\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"left\",\r\n };\r\n sheet.getCell(\"C50\").value = \"tongso\";\r\n sheet.getCell(\"C50\").numFmt = \"#,##0\";\r\n sheet.getCell(\"C50\").font = {\r\n bold: true,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"C50\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"right\",\r\n };\r\n sheet.getCell(\"D50\").value = \"vondangky_vnd\";\r\n sheet.getCell(\"D50\").numFmt = \"#,##0\";\r\n sheet.getCell(\"D50\").font = {\r\n bold: true,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"D50\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"right\",\r\n };\r\n\r\n sheet.getCell(\"A51\").value = \"stt\";\r\n sheet.getCell(\"A51\").font = {\r\n bold: true,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"A51\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"center\",\r\n };\r\n sheet.getCell(\"B51\").value = \"chitieu\";\r\n sheet.getCell(\"B51\").font = {\r\n bold: true,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"B51\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"left\",\r\n };\r\n sheet.getCell(\"C51\").value = \"tongso\";\r\n sheet.getCell(\"C51\").numFmt = \"#,##0\";\r\n sheet.getCell(\"C51\").font = {\r\n bold: true,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"C51\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"right\",\r\n };\r\n sheet.getCell(\"D51\").value = \"vondangky_vnd\";\r\n sheet.getCell(\"D51\").numFmt = \"#,##0\";\r\n sheet.getCell(\"D51\").font = {\r\n bold: true,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"D51\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"right\",\r\n };\r\n };\r\n\r\n // Full fill Data for template\r\n const fullFillDataTemplate = (sheet, maps) => {\r\n // Iterate over all rows that have values in a worksheet\r\n sheet.eachRow(function (row, rowNumber) {\r\n // Skip first row because it is a header row\r\n if (rowNumber > 1) {\r\n const map = maps[rowNumber - 2];\r\n row.eachCell(function (cell) {\r\n console.log(cell, cell.value, map.get(cell.value));\r\n if (map.get(cell.value)) {\r\n //console.log(cell.value , map.get(cell.value));\r\n cell.value = map.get(cell.value);\r\n } else if (map.get(cell.value) === \"\") {\r\n cell.value = map.get(cell.value);\r\n } else if (map.get(cell.value) == 0) {\r\n cell.value = map.get(cell.value);\r\n }\r\n });\r\n }\r\n });\r\n };\r\n\r\n const handleExport = async () => {\r\n // Init workbook and worksheet\r\n const workbook = new ExcelJS.Workbook();\r\n const sheet = workbook.addWorksheet(\"My Sheet\");\r\n\r\n // Create excel template\r\n createExcelTemplate(sheet);\r\n\r\n // Full fill data for template\r\n fullFillDataTemplate(sheet, convertDataToMaps(dataTmp));\r\n\r\n // Write excel file\r\n const buffer = await workbook.xlsx.writeBuffer();\r\n saveAs.saveAs(new Blob([buffer]), \"baocaotonghop.xlsx\");\r\n };\r\n\r\n // Get all data\r\n React.useEffect(() => {\r\n getDataTmp();\r\n }, [nam]);\r\n\r\n return (\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n {\r\n setTenchudautu(event.target.value);\r\n }}\r\n InputProps={{\r\n style: {\r\n height: \"35px\",\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n {\r\n setDiachi(event.target.value);\r\n }}\r\n InputProps={{\r\n style: {\r\n height: \"35px\",\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n {\r\n setSodienthoai(event.target.value);\r\n }}\r\n InputProps={{\r\n style: {\r\n height: \"35px\",\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n {\r\n setEmail(event.target.value);\r\n }}\r\n InputProps={{\r\n style: {\r\n height: \"35px\",\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n {\r\n setGiaycndkdn(event.target.value);\r\n }}\r\n InputProps={{\r\n style: {\r\n height: \"35px\",\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n {\r\n setDonvicapgiaycn(event.target.value);\r\n }}\r\n InputProps={{\r\n style: {\r\n height: \"35px\",\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n \r\n {\r\n setNgaycapgiaycn(newValue);\r\n }}\r\n format=\"DD/MM/YYYY\"\r\n slotProps={{ textField: { size: \"small\" } }}\r\n views={[\"day\", \"month\", \"year\"]}\r\n sx={{\r\n \"& .MuiInputBase-root\": {\r\n height: 35,\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n \r\n {\r\n setGhichu(event.target.value);\r\n }}\r\n InputProps={{\r\n style: {\r\n height: \"35px\",\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n {\r\n setNguoidaidien(event.target.value);\r\n }}\r\n InputProps={{\r\n style: {\r\n height: \"35px\",\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n \r\n \r\n Thêm\r\n \r\n \r\n \r\n \r\n setAlert(false)}\r\n close\r\n />\r\n \r\n \r\n
\r\n );\r\n}\r\n","import React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport GridContainer from \"components/Grid/GridContainer.js\";\r\nimport GridItem from \"components/Grid/GridItem.js\";\r\nimport Button from \"@mui/material/Button\";\r\nimport CardBody from \"components/Card/CardBody.js\";\r\nimport CardFooter from \"components/Card/CardFooter.js\";\r\nimport FormControl from \"@mui/material/FormControl\";\r\nimport TextField from \"@mui/material/TextField\";\r\nimport Snackbar from \"components/Snackbar/Snackbar.js\";\r\nimport AddAlert from \"@material-ui/icons/AddAlert\";\r\nimport Config from \"conFig.js\";\r\nimport { AdapterDayjs } from \"@mui/x-date-pickers/AdapterDayjs\";\r\nimport { LocalizationProvider } from \"@mui/x-date-pickers/LocalizationProvider\";\r\nimport { DatePicker } from \"@mui/x-date-pickers/DatePicker\";\r\nimport dayjs from \"dayjs\";\r\n\r\nconst Capnhatchudautu = React.memo(function Capnhatchudautu(props) {\r\n const { chudautu_id } = props;\r\n const [tenchudautu, setTenchudautu] = React.useState(\"\");\r\n const [diachi, setDiachi] = React.useState(\"\");\r\n const [sodienthoai, setSodienthoai] = React.useState(\"\");\r\n const [email, setEmail] = React.useState(\"\");\r\n const [ghichu, setGhichu] = React.useState(\"\");\r\n const [nguoidaidien, setNguoidaidien] = React.useState(\"\");\r\n const [giaycndkdn, setGiaycndkdn] = React.useState(\"\");\r\n const [donvicapgiaycn, setDonvicapgiaycn] = React.useState(\"\");\r\n const [ngaycapgiaycn, setNgaycapgiaycn] = React.useState(dayjs());\r\n const [alert, setAlert] = React.useState(false);\r\n const [disableBT, setDisableBT] = React.useState(true);\r\n const token = localStorage.getItem(\"token\");\r\n var username = localStorage.getItem(\"username\");\r\n var obj = {\r\n method: \"GET\",\r\n headers: {\r\n Accept: \"application/json\",\r\n \"Content-Type\": \"application/json\",\r\n Authorization: \"Bearer \" + token,\r\n },\r\n };\r\n const getchudaututheoid = () => {\r\n var url =\r\n Config.backend +\r\n \"/api/Danhmuc/getchudaututheoid?id=\" +\r\n chudautu_id +\r\n \"&username=\" +\r\n username;\r\n fetch(url, obj)\r\n .then((res) => res.json())\r\n .then((data) => {\r\n setTenchudautu(data[0].ten);\r\n if (data[0].diachi) setDiachi(data[0].diachi);\r\n if (data[0].sodienthoai) setSodienthoai(data[0].sodienthoai);\r\n if (data[0].email) setEmail(data[0].email);\r\n if (data[0].ghichu) setGhichu(data[0].ghichu);\r\n if (data[0].nguoidaidien) setNguoidaidien(data[0].nguoidaidien);\r\n if (data[0].giaycndkdn) setGiaycndkdn(data[0].giaycndkdn);\r\n if (data[0].donvicapgiaycn) setDonvicapgiaycn(data[0].donvicapgiaycn);\r\n //let [day1, month1, year] = data[0].ngaychinhthuc.split(\"-\");\r\n setNgaycapgiaycn(dayjs(data[0].ngaycapgiaycn));\r\n })\r\n .catch((error) => {\r\n console.error(\"Error fetching data: \", error);\r\n });\r\n };\r\n const capnhatchudautu = () => {\r\n var ngay =\r\n ngaycapgiaycn.$y +\r\n \"-\" +\r\n String(ngaycapgiaycn.$M + 1).padStart(2, \"0\") +\r\n \"-\" +\r\n ngaycapgiaycn.$D;\r\n var url = Config.backend + \"/api/DanhMuc/capnhatchudautu\";\r\n fetch(url, {\r\n method: \"PUT\",\r\n headers: {\r\n Accept: \"application/json, text/plain\",\r\n \"Content-Type\": \"application/json;charset=UTF-8\",\r\n Authorization: \"Bearer \" + token,\r\n },\r\n body: JSON.stringify({\r\n id: chudautu_id,\r\n ten: tenchudautu,\r\n diachi: diachi,\r\n sodienthoai: sodienthoai,\r\n email: email,\r\n ghichu: ghichu,\r\n nguoidaidien: nguoidaidien,\r\n giaycndkdn: giaycndkdn,\r\n donvicapgiaycn: donvicapgiaycn,\r\n ngaycapgiaycn: ngay,\r\n username: username,\r\n }),\r\n })\r\n .then((res) => res.json())\r\n .then((data) => {\r\n if (data === 1) {\r\n showNotification();\r\n }\r\n })\r\n .catch((error) => {\r\n console.error(\"Error fetching data: \", error);\r\n });\r\n };\r\n const showNotification = () => {\r\n setAlert(true);\r\n setTimeout(function () {\r\n setAlert(false);\r\n }, 2000);\r\n };\r\n const disablebutton = () => {\r\n if (tenchudautu.trim().length > 0) {\r\n setDisableBT(false);\r\n } else {\r\n setDisableBT(true);\r\n }\r\n };\r\n React.useEffect(() => {\r\n disablebutton();\r\n }, [tenchudautu]);\r\n React.useEffect(() => {\r\n getchudaututheoid();\r\n }, []);\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n {\r\n setTenchudautu(event.target.value);\r\n }}\r\n InputProps={{\r\n style: {\r\n height: \"35px\",\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n {\r\n setDiachi(event.target.value);\r\n }}\r\n InputProps={{\r\n style: {\r\n height: \"35px\",\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n {\r\n setSodienthoai(event.target.value);\r\n }}\r\n InputProps={{\r\n style: {\r\n height: \"35px\",\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n {\r\n setEmail(event.target.value);\r\n }}\r\n InputProps={{\r\n style: {\r\n height: \"35px\",\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n {\r\n setGiaycndkdn(event.target.value);\r\n }}\r\n InputProps={{\r\n style: {\r\n height: \"35px\",\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n {\r\n setDonvicapgiaycn(event.target.value);\r\n }}\r\n InputProps={{\r\n style: {\r\n height: \"35px\",\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n \r\n {\r\n setNgaycapgiaycn(newValue);\r\n }}\r\n format=\"DD/MM/YYYY\"\r\n slotProps={{ textField: { size: \"small\" } }}\r\n views={[\"day\", \"month\", \"year\"]}\r\n sx={{\r\n \"& .MuiInputBase-root\": {\r\n height: 35,\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n \r\n {\r\n setGhichu(event.target.value);\r\n }}\r\n InputProps={{\r\n style: {\r\n height: \"35px\",\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n {\r\n setNguoidaidien(event.target.value);\r\n }}\r\n InputProps={{\r\n style: {\r\n height: \"35px\",\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n \r\n \r\n Cập nhật\r\n \r\n \r\n \r\n \r\n setAlert(false)}\r\n close\r\n />\r\n \r\n \r\n
\r\n );\r\n});\r\nCapnhatchudautu.propTypes = {\r\n chudautu_id: PropTypes.number,\r\n};\r\nexport default Capnhatchudautu;\r\n","import { MenuItem } from \"@mui/material\";\r\nimport { saveAs } from \"file-saver\";\r\nimport {\r\n gridFilteredSortedRowIdsSelector,\r\n gridVisibleColumnFieldsSelector,\r\n useGridApiContext,\r\n} from \"@mui/x-data-grid\";\r\nimport * as React from \"react\";\r\n//import dayjs from \"dayjs\";\r\n\r\nconst ExcelJS = require(\"exceljs\");\r\n\r\n// Get data on grid\r\nconst getExcelData = (apiRef) => {\r\n // Select rows and columns\r\n const filteredSortedRowIds = gridFilteredSortedRowIdsSelector(apiRef);\r\n const visibleColumnsField = gridVisibleColumnFieldsSelector(apiRef);\r\n\r\n // Format the data. Here we only keep the value\r\n const data = filteredSortedRowIds.map((id) => {\r\n const row = {};\r\n visibleColumnsField.forEach((field) => {\r\n row[field] = apiRef.current.getCellParams(id, field).value;\r\n });\r\n return row;\r\n });\r\n\r\n return data;\r\n};\r\n\r\n//Init header columns\r\nconst initHeaderColumns = (headers) => {\r\n let headerColumns = [];\r\n headers.forEach((h) => {\r\n let headerColumn = { key: h, width: 10 };\r\n headerColumns.push(headerColumn);\r\n });\r\n return headerColumns;\r\n};\r\n\r\nconst Baocaochudautuexcel = function Baocaochudautuexcel() {\r\n const apiRef = useGridApiContext();\r\n const data = getExcelData(apiRef);\r\n // Auto Width\r\n const autoWidth = (worksheet, minimalWidth) => {\r\n worksheet.columns.forEach((column) => {\r\n let maxColumnLength = 0;\r\n column.eachCell({ includeEmpty: true }, (cell) => {\r\n maxColumnLength = Math.max(\r\n maxColumnLength,\r\n minimalWidth,\r\n cell.value ? cell.value.toString().length : 0\r\n );\r\n });\r\n column.width = maxColumnLength + 2;\r\n });\r\n };\r\n\r\n const handleExport = async () => {\r\n // Init workbook and worksheet\r\n const workbook = new ExcelJS.Workbook();\r\n const sheet = workbook.addWorksheet(\"My Sheet\");\r\n\r\n // Title\r\n sheet.mergeCells(1, 1, 1, Object.keys(data[0]).length);\r\n sheet.getCell(\"A1\").value = \"BÁO CÁO DANH SÁCH CHỦ ĐẦU TƯ\";\r\n\r\n // Init header columns at row 2 on excel file\r\n var headerValues = [];\r\n for (const element of Object.keys(data[0])) {\r\n if (element == \"id\") {\r\n headerValues.push(\"STT\");\r\n } else if (element == \"ten\") {\r\n headerValues.push(\"Tên chủ đầu tư\");\r\n } else if (element == \"sodienthoai\") {\r\n headerValues.push(\"Số điện thoại\");\r\n } else if (element == \"tenduan\") {\r\n headerValues.push(\"Dự án\");\r\n } else if (element == \"diachi\") {\r\n headerValues.push(\"Địa chỉ\");\r\n } else if (element == \"giaycndkdn\") {\r\n headerValues.push(\"Giấy CNĐKKD\");\r\n } else if (element == \"email\") {\r\n headerValues.push(\"Email\");\r\n } else if (element == \"ghichu\") {\r\n headerValues.push(\"Ghi chú\");\r\n } else if (element == \"nguoidaidien\") {\r\n headerValues.push(\"Người đại diện\");\r\n }\r\n }\r\n\r\n sheet.getRow(2).values = headerValues;\r\n sheet.columns = initHeaderColumns(Object.keys(data[0]));\r\n\r\n // Fullfill data for excel file\r\n sheet.addRows(data);\r\n\r\n // Design excel\r\n // Auto column width for excel file with default 10px\r\n autoWidth(sheet, 10);\r\n\r\n // Design Border and Common Alignment + Font\r\n sheet.eachRow(function (row) {\r\n row.eachCell({ includeEmpty: true }, function (cell) {\r\n cell.border = {\r\n top: { style: \"thin\" },\r\n bottom: { style: \"thin\" },\r\n left: { style: \"thin\" },\r\n right: { style: \"thin\" },\r\n };\r\n cell.alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"left\",\r\n wrapText: true,\r\n };\r\n cell.font = {\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n });\r\n });\r\n\r\n // Design Title\r\n sheet.getCell(\"A1\").font = {\r\n bold: true,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n sheet.getCell(\"A1\").alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"center\",\r\n };\r\n\r\n // Design header\r\n const row2 = sheet.getRow(2);\r\n row2.eachCell(function (cell) {\r\n if (cell.value) {\r\n cell.font = {\r\n bold: true,\r\n name: \"Times New Roman\",\r\n size: 13,\r\n };\r\n cell.alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"center\",\r\n };\r\n }\r\n });\r\n\r\n // Design special Columns\r\n if (Object.keys(data[0]).includes(\"id\")) {\r\n const colStt = sheet.getColumn(\"id\");\r\n colStt.eachCell(function (cell, rowNumber) {\r\n if (rowNumber > 2) {\r\n cell.alignment = {\r\n vertical: \"middle\",\r\n horizontal: \"center\",\r\n };\r\n }\r\n });\r\n }\r\n if (Object.keys(data[0]).includes(\"tenduan\")) {\r\n const colTenduan = sheet.getColumn(\"tenduan\");\r\n colTenduan.width = 100;\r\n colTenduan.eachCell(function (cell, rowNumber) {\r\n if (rowNumber > 2) {\r\n if (data[rowNumber - 3]) {\r\n cell.value = data[rowNumber - 3].tenduan\r\n ? data[rowNumber - 3].tenduan.replace(/\\\\n/g, \"\\r\\n\")\r\n : null;\r\n }\r\n }\r\n });\r\n }\r\n\r\n // Write excel file\r\n const buffer = await workbook.xlsx.writeBuffer();\r\n saveAs.saveAs(new Blob([buffer]), \"baocaochudautu.xlsx\");\r\n };\r\n\r\n return (\r\n {newline(params.value)}
;\r\n }\r\n },\r\n },\r\n {\r\n field: \"diachi\",\r\n headerName: \"Địa chỉ\",\r\n width: 250,\r\n headerAlign: \"center\",\r\n },\r\n {\r\n field: \"giaycndkdn\",\r\n headerName: \"Giấy CNĐKKD\",\r\n width: 200,\r\n headerAlign: \"center\",\r\n },\r\n {\r\n field: \"email\",\r\n headerName: \"Email\",\r\n width: 180,\r\n headerAlign: \"center\",\r\n },\r\n {\r\n field: \"ghichu\",\r\n headerName: \"Ghi chú\",\r\n width: 150,\r\n headerAlign: \"center\",\r\n },\r\n {\r\n field: \"nguoidaidien\",\r\n headerName: \"Người đại diện\",\r\n width: 150,\r\n headerAlign: \"center\",\r\n },\r\n];\r\n\r\nexport default function Chudautu() {\r\n const classes = useStyles();\r\n const [pageSize, setPageSize] = React.useState(50);\r\n const [chudautu, setChudautu] = React.useState([]);\r\n const [openthem, setOpenthem] = React.useState(false);\r\n const [opensua, setOpensua] = React.useState(false);\r\n const [chudautu_id, setChudautu_id] = React.useState(0);\r\n const [disableBT, setDisableBT] = React.useState(true);\r\n const [alert, setAlert] = React.useState(false);\r\n const handleClose = () => {\r\n setOpenthem(false);\r\n getchudautu();\r\n };\r\n const handleClosesua = () => {\r\n setOpensua(false);\r\n getchudautu();\r\n };\r\n const openthembc = () => {\r\n setOpenthem(true);\r\n };\r\n const quickSearchToolbar = () => {\r\n return (\r\n \r\n row.id}\r\n rows={chudautu}\r\n columns={cdtcolumn}\r\n checkboxSelection={false}\r\n getRowHeight={() => \"auto\"}\r\n headerHeight={35}\r\n sx={datagridSx}\r\n pageSize={pageSize}\r\n onPageSizeChange={(newPageSize) => setPageSize(newPageSize)}\r\n rowsPerPageOptions={[20, 50, 100]}\r\n pagination\r\n initialState={{\r\n filter: {\r\n filterModel: {\r\n items: [],\r\n quickFilterLogicOperator: GridLinkOperator.Or,\r\n },\r\n },\r\n }}\r\n components={{ Toolbar: quickSearchToolbar }}\r\n onRowClick={(params) => {\r\n setDisableBT(false);\r\n setChudautu_id(Number(params.row.id));\r\n }}\r\n onCellDoubleClick={(params, event) => {\r\n if (!event.ctrlKey) {\r\n setOpensua(true);\r\n }\r\n }}\r\n />\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Thêm chủ đầu tư\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Cập nhật chủ đầu tư\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n {\r\n setTen(event.target.value);\r\n }}\r\n InputProps={{\r\n style: {\r\n height: \"35px\",\r\n },\r\n }}\r\n InputLabelProps={{\r\n sx: {\r\n color: \"red\",\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n {\r\n setMa(event.target.value);\r\n }}\r\n InputProps={{\r\n style: {\r\n height: \"35px\",\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n \r\n \r\n Thêm\r\n \r\n \r\n \r\n \r\n setAlert(false)}\r\n close\r\n />\r\n \r\n \r\n
\r\n );\r\n}\r\n","import React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport GridContainer from \"components/Grid/GridContainer.js\";\r\nimport GridItem from \"components/Grid/GridItem.js\";\r\nimport Button from \"@mui/material/Button\";\r\nimport CardBody from \"components/Card/CardBody.js\";\r\nimport CardFooter from \"components/Card/CardFooter.js\";\r\nimport FormControl from \"@mui/material/FormControl\";\r\nimport TextField from \"@mui/material/TextField\";\r\nimport Snackbar from \"components/Snackbar/Snackbar.js\";\r\nimport AddAlert from \"@material-ui/icons/AddAlert\";\r\nimport Config from \"conFig.js\";\r\n\r\nconst Capnhatquocgia = React.memo(function Capnhatquocgia(props) {\r\n const { quocgia_id } = props;\r\n const [ten, setTen] = React.useState(\"\");\r\n const [ma, setMa] = React.useState(\"\");\r\n const [alert, setAlert] = React.useState(false);\r\n const [disableBT, setDisableBT] = React.useState(true);\r\n const token = localStorage.getItem(\"token\");\r\n var username = localStorage.getItem(\"username\");\r\n var obj = {\r\n method: \"GET\",\r\n headers: {\r\n Accept: \"application/json\",\r\n \"Content-Type\": \"application/json\",\r\n Authorization: \"Bearer \" + token,\r\n },\r\n };\r\n const getquocgiatheoid = () => {\r\n var url = Config.backend + \"/api/Donvi/gethochamid?id=\" + quocgia_id;\r\n fetch(url, obj)\r\n .then((res) => res.json())\r\n .then((data) => {\r\n setTen(data[0].ten);\r\n if (data[0].ma) setMa(data[0].ma);\r\n })\r\n .catch((error) => {\r\n console.error(\"Error fetching data: \", error);\r\n });\r\n };\r\n const capnhatquocgia = () => {\r\n var url = Config.backend + \"/api/Donvi/capnhathocham\";\r\n fetch(url, {\r\n method: \"PUT\",\r\n headers: {\r\n Accept: \"application/json, text/plain\",\r\n \"Content-Type\": \"application/json;charset=UTF-8\",\r\n Authorization: \"Bearer \" + token,\r\n },\r\n body: JSON.stringify({\r\n id: quocgia_id,\r\n ten: ten,\r\n ma: ma,\r\n username: username,\r\n }),\r\n })\r\n .then((res) => res.json())\r\n .then((data) => {\r\n if (data === 1) {\r\n showNotification();\r\n }\r\n })\r\n .catch((error) => {\r\n console.error(\"Error fetching data: \", error);\r\n });\r\n };\r\n const showNotification = () => {\r\n setAlert(true);\r\n setTimeout(function () {\r\n setAlert(false);\r\n }, 2000);\r\n };\r\n const disablebutton = () => {\r\n if (ten.trim().length > 0) {\r\n setDisableBT(false);\r\n } else {\r\n setDisableBT(true);\r\n }\r\n };\r\n React.useEffect(() => {\r\n disablebutton();\r\n }, [ten]);\r\n React.useEffect(() => {\r\n getquocgiatheoid();\r\n }, []);\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n {\r\n setTen(event.target.value);\r\n }}\r\n InputProps={{\r\n style: {\r\n height: \"35px\",\r\n },\r\n }}\r\n InputLabelProps={{\r\n sx: {\r\n color: \"red\",\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n {\r\n setMa(event.target.value);\r\n }}\r\n InputProps={{\r\n style: {\r\n height: \"35px\",\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n \r\n \r\n Cập nhật\r\n \r\n \r\n \r\n \r\n setAlert(false)}\r\n close\r\n />\r\n \r\n \r\n
\r\n );\r\n});\r\nCapnhatquocgia.propTypes = {\r\n quocgia_id: PropTypes.number,\r\n};\r\nexport default Capnhatquocgia;\r\n","import React from \"react\";\r\nimport { makeStyles } from \"@material-ui/core/styles\";\r\nimport {\r\n DataGrid,\r\n GridToolbarQuickFilter,\r\n GridLinkOperator,\r\n gridClasses,\r\n} from \"@mui/x-data-grid\";\r\nimport GridContainer from \"components/Grid/GridContainer.js\";\r\nimport GridItem from \"components/Grid/GridItem.js\";\r\nimport Button from \"@mui/material/Button\";\r\nimport Box from \"@mui/material/Box\";\r\nimport Themquocgia from \"components/Danhmuc/Quocgia/Themquocgia.js\";\r\nimport Capnhatquocgia from \"components/Danhmuc/Quocgia/Capnhatquocgia.js\";\r\nimport Modal from \"@mui/material/Modal\";\r\nimport FormControl from \"@mui/material/FormControl\";\r\nimport GridItemLogin from \"components/Grid/GridItemLogin.js\";\r\nimport Card from \"components/Card/Card.js\";\r\nimport CardHeader from \"components/Card/CardHeadertab.js\";\r\nimport CloseIcon from \"@mui/icons-material/Close\";\r\nimport Snackbar from \"components/Snackbar/Snackbar.js\";\r\nimport AddAlert from \"@material-ui/icons/AddAlert\";\r\nimport styles from \"assets/jss/material-dashboard-react/components/tableviewStyle.js\";\r\nconst useStyles = makeStyles(styles);\r\nimport Config from \"conFig.js\";\r\n\r\nconst datagridSx = {\r\n [`& .${gridClasses.cell}`]: {\r\n py: 1,\r\n },\r\n [`& .center`]: {\r\n justifyContent: \"center !important\",\r\n },\r\n borderRadius: 2,\r\n \"& .MuiDataGrid-main\": { borderRadius: 2 },\r\n \"& .MuiDataGrid-virtualScrollerRenderZone\": {\r\n \"& .MuiDataGrid-row\": {\r\n \"&:nth-of-type(2n)\": { backgroundColor: \"rgba(235, 235, 235, .7)\" },\r\n },\r\n },\r\n \"& .MuiDataGrid-columnHeaders\": {\r\n backgroundColor: \"rgba(0,0,255,0.6)\",\r\n color: \"rgb(255 255 255)\",\r\n fontSize: 16,\r\n },\r\n \"& .MuiInputBase-root\": {\r\n height: \"25px\",\r\n },\r\n};\r\nconst qgcolumn = [\r\n {\r\n field: \"id\",\r\n headerName: \"STT\",\r\n width: 120,\r\n headerAlign: \"center\",\r\n },\r\n {\r\n field: \"ten\",\r\n headerName: \"Tên quốc gia\",\r\n width: 400,\r\n headerAlign: \"center\",\r\n },\r\n {\r\n field: \"ma\",\r\n headerName: \"Mã quốc gia\",\r\n width: 200,\r\n headerAlign: \"center\",\r\n },\r\n];\r\n\r\nexport default function Quocgia() {\r\n const classes = useStyles();\r\n const [pageSize, setPageSize] = React.useState(50);\r\n const [quocgia, setQuocgia] = React.useState([]);\r\n const [openthem, setOpenthem] = React.useState(false);\r\n const [opensua, setOpensua] = React.useState(false);\r\n const [quocgia_id, setQuocgia_id] = React.useState(0);\r\n const [disableBT, setDisableBT] = React.useState(true);\r\n const [alert, setAlert] = React.useState(false);\r\n const handleClose = () => {\r\n setOpenthem(false);\r\n getquocgia();\r\n };\r\n const handleClosesua = () => {\r\n setOpensua(false);\r\n getquocgia();\r\n };\r\n const openthembc = () => {\r\n setOpenthem(true);\r\n };\r\n const quickSearchToolbar = () => {\r\n return (\r\n \r\n row.id}\r\n rows={quocgia}\r\n columns={qgcolumn}\r\n checkboxSelection={false}\r\n getRowHeight={() => \"auto\"}\r\n headerHeight={35}\r\n sx={datagridSx}\r\n pageSize={pageSize}\r\n onPageSizeChange={(newPageSize) => setPageSize(newPageSize)}\r\n rowsPerPageOptions={[20, 50, 100]}\r\n pagination\r\n initialState={{\r\n filter: {\r\n filterModel: {\r\n items: [],\r\n quickFilterLogicOperator: GridLinkOperator.Or,\r\n },\r\n },\r\n }}\r\n components={{ Toolbar: quickSearchToolbar }}\r\n onRowClick={(params) => {\r\n setDisableBT(false);\r\n setQuocgia_id(Number(params.row.id));\r\n }}\r\n onCellDoubleClick={(params, event) => {\r\n if (!event.ctrlKey) {\r\n setOpensua(true);\r\n }\r\n }}\r\n />\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Thêm quốc gia\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Cập nhật quốc gia\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n {\r\n setTen(event.target.value);\r\n }}\r\n InputProps={{\r\n style: {\r\n height: \"35px\",\r\n },\r\n }}\r\n InputLabelProps={{\r\n sx: {\r\n color: \"red\",\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n {\r\n setMa(event.target.value);\r\n }}\r\n InputProps={{\r\n style: {\r\n height: \"35px\",\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n \r\n \r\n Thêm\r\n \r\n \r\n \r\n \r\n setAlert(false)}\r\n close\r\n />\r\n \r\n \r\n
\r\n );\r\n}\r\n","import React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport GridContainer from \"components/Grid/GridContainer.js\";\r\nimport GridItem from \"components/Grid/GridItem.js\";\r\nimport Button from \"@mui/material/Button\";\r\nimport CardBody from \"components/Card/CardBody.js\";\r\nimport CardFooter from \"components/Card/CardFooter.js\";\r\nimport FormControl from \"@mui/material/FormControl\";\r\nimport TextField from \"@mui/material/TextField\";\r\nimport Snackbar from \"components/Snackbar/Snackbar.js\";\r\nimport AddAlert from \"@material-ui/icons/AddAlert\";\r\nimport Config from \"conFig.js\";\r\n\r\nconst Capnhatdiadanh = React.memo(function Capnhatdiadanh(props) {\r\n const { diadanh_id } = props;\r\n const [ten, setTen] = React.useState(\"\");\r\n const [ma, setMa] = React.useState(\"\");\r\n const [alert, setAlert] = React.useState(false);\r\n const [disableBT, setDisableBT] = React.useState(true);\r\n const token = localStorage.getItem(\"token\");\r\n var username = localStorage.getItem(\"username\");\r\n var obj = {\r\n method: \"GET\",\r\n headers: {\r\n Accept: \"application/json\",\r\n \"Content-Type\": \"application/json\",\r\n Authorization: \"Bearer \" + token,\r\n },\r\n };\r\n const gethochamtheoid = () => {\r\n var url = Config.backend + \"/api/Donvi/gethochamid?id=\" + diadanh_id;\r\n fetch(url, obj)\r\n .then((res) => res.json())\r\n .then((data) => {\r\n setTen(data[0].ten);\r\n if (data[0].ma) setMa(data[0].ma);\r\n })\r\n .catch((error) => {\r\n console.error(\"Error fetching data: \", error);\r\n });\r\n };\r\n const capnhathocham = () => {\r\n var url = Config.backend + \"/api/Donvi/capnhathocham\";\r\n fetch(url, {\r\n method: \"PUT\",\r\n headers: {\r\n Accept: \"application/json, text/plain\",\r\n \"Content-Type\": \"application/json;charset=UTF-8\",\r\n Authorization: \"Bearer \" + token,\r\n },\r\n body: JSON.stringify({\r\n id: diadanh_id,\r\n ten: ten,\r\n ma: ma,\r\n username: username,\r\n }),\r\n })\r\n .then((res) => res.json())\r\n .then((data) => {\r\n if (data === 1) {\r\n showNotification();\r\n }\r\n })\r\n .catch((error) => {\r\n console.error(\"Error fetching data: \", error);\r\n });\r\n };\r\n const showNotification = () => {\r\n setAlert(true);\r\n setTimeout(function () {\r\n setAlert(false);\r\n }, 2000);\r\n };\r\n const disablebutton = () => {\r\n if (ten.trim().length > 0) {\r\n setDisableBT(false);\r\n } else {\r\n setDisableBT(true);\r\n }\r\n };\r\n React.useEffect(() => {\r\n disablebutton();\r\n }, [ten]);\r\n React.useEffect(() => {\r\n gethochamtheoid();\r\n }, []);\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n {\r\n setTen(event.target.value);\r\n }}\r\n InputProps={{\r\n style: {\r\n height: \"35px\",\r\n },\r\n }}\r\n InputLabelProps={{\r\n sx: {\r\n color: \"red\",\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n {\r\n setMa(event.target.value);\r\n }}\r\n InputProps={{\r\n style: {\r\n height: \"35px\",\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n \r\n \r\n Cập nhật\r\n \r\n \r\n \r\n \r\n setAlert(false)}\r\n close\r\n />\r\n \r\n \r\n
\r\n );\r\n});\r\nCapnhatdiadanh.propTypes = {\r\n diadanh_id: PropTypes.number,\r\n};\r\nexport default Capnhatdiadanh;\r\n","import React from \"react\";\r\nimport { makeStyles } from \"@material-ui/core/styles\";\r\nimport {\r\n DataGrid,\r\n GridToolbarQuickFilter,\r\n GridLinkOperator,\r\n gridClasses,\r\n} from \"@mui/x-data-grid\";\r\nimport GridContainer from \"components/Grid/GridContainer.js\";\r\nimport GridItem from \"components/Grid/GridItem.js\";\r\nimport Button from \"@mui/material/Button\";\r\nimport Box from \"@mui/material/Box\";\r\nimport Themdiadanh from \"components/Danhmuc/Diadanh/Themdiadanh.js\";\r\nimport Capnhatdiadanh from \"components/Danhmuc/Diadanh/Capnhatdiadanh.js\";\r\nimport Modal from \"@mui/material/Modal\";\r\nimport FormControl from \"@mui/material/FormControl\";\r\nimport GridItemLogin from \"components/Grid/GridItemLogin.js\";\r\nimport Card from \"components/Card/Card.js\";\r\nimport CardHeader from \"components/Card/CardHeadertab.js\";\r\nimport CloseIcon from \"@mui/icons-material/Close\";\r\nimport Snackbar from \"components/Snackbar/Snackbar.js\";\r\nimport AddAlert from \"@material-ui/icons/AddAlert\";\r\nimport styles from \"assets/jss/material-dashboard-react/components/tableviewStyle.js\";\r\nconst useStyles = makeStyles(styles);\r\nimport Config from \"conFig.js\";\r\n\r\nconst datagridSx = {\r\n [`& .${gridClasses.cell}`]: {\r\n py: 1,\r\n },\r\n [`& .center`]: {\r\n justifyContent: \"center !important\",\r\n },\r\n borderRadius: 2,\r\n \"& .MuiDataGrid-main\": { borderRadius: 2 },\r\n \"& .MuiDataGrid-virtualScrollerRenderZone\": {\r\n \"& .MuiDataGrid-row\": {\r\n \"&:nth-of-type(2n)\": { backgroundColor: \"rgba(235, 235, 235, .7)\" },\r\n },\r\n },\r\n \"& .MuiDataGrid-columnHeaders\": {\r\n backgroundColor: \"rgba(0,0,255,0.6)\",\r\n color: \"rgb(255 255 255)\",\r\n fontSize: 16,\r\n },\r\n \"& .MuiInputBase-root\": {\r\n height: \"25px\",\r\n },\r\n};\r\nconst ddcolumn = [\r\n {\r\n field: \"id\",\r\n headerName: \"STT\",\r\n width: 120,\r\n headerAlign: \"center\",\r\n },\r\n {\r\n field: \"ten\",\r\n headerName: \"Thành phố/ Huyện/ thị xã\",\r\n width: 400,\r\n headerAlign: \"center\",\r\n },\r\n {\r\n field: \"ma\",\r\n headerName: \"Mã\",\r\n width: 200,\r\n headerAlign: \"center\",\r\n },\r\n];\r\n\r\nexport default function Danhmucdiadanh() {\r\n const classes = useStyles();\r\n const [pageSize, setPageSize] = React.useState(50);\r\n const [diadanh, setDiadanh] = React.useState([]);\r\n const [openthem, setOpenthem] = React.useState(false);\r\n const [opensua, setOpensua] = React.useState(false);\r\n const [diadanh_id, setDiadanh_id] = React.useState(0);\r\n const [disableBT, setDisableBT] = React.useState(true);\r\n const [alert, setAlert] = React.useState(false);\r\n const handleClose = () => {\r\n setOpenthem(false);\r\n getdiadanh();\r\n };\r\n const handleClosesua = () => {\r\n setOpensua(false);\r\n getdiadanh();\r\n };\r\n const openthembc = () => {\r\n setOpenthem(true);\r\n };\r\n const quickSearchToolbar = () => {\r\n return (\r\n \r\n row.id}\r\n rows={diadanh}\r\n columns={ddcolumn}\r\n checkboxSelection={false}\r\n getRowHeight={() => \"auto\"}\r\n headerHeight={35}\r\n sx={datagridSx}\r\n pageSize={pageSize}\r\n onPageSizeChange={(newPageSize) => setPageSize(newPageSize)}\r\n rowsPerPageOptions={[20, 50, 100]}\r\n pagination\r\n initialState={{\r\n filter: {\r\n filterModel: {\r\n items: [],\r\n quickFilterLogicOperator: GridLinkOperator.Or,\r\n },\r\n },\r\n }}\r\n components={{ Toolbar: quickSearchToolbar }}\r\n onRowClick={(params) => {\r\n setDisableBT(false);\r\n setDiadanh_id(Number(params.row.id));\r\n }}\r\n onCellDoubleClick={(params, event) => {\r\n if (!event.ctrlKey) {\r\n setOpensua(true);\r\n }\r\n }}\r\n />\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Thêm địa danh\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Cập nhật địa danh\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n {\r\n setTen(event.target.value);\r\n }}\r\n InputProps={{\r\n style: {\r\n height: \"35px\",\r\n },\r\n }}\r\n InputLabelProps={{\r\n sx: {\r\n color: \"red\",\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n {\r\n setMa(event.target.value);\r\n }}\r\n InputProps={{\r\n style: {\r\n height: \"35px\",\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n \r\n \r\n Thêm\r\n \r\n \r\n \r\n \r\n setAlert(false)}\r\n close\r\n />\r\n \r\n \r\n
\r\n );\r\n}\r\n","import React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport GridContainer from \"components/Grid/GridContainer.js\";\r\nimport GridItem from \"components/Grid/GridItem.js\";\r\nimport Button from \"@mui/material/Button\";\r\nimport CardBody from \"components/Card/CardBody.js\";\r\nimport CardFooter from \"components/Card/CardFooter.js\";\r\nimport FormControl from \"@mui/material/FormControl\";\r\nimport TextField from \"@mui/material/TextField\";\r\nimport Snackbar from \"components/Snackbar/Snackbar.js\";\r\nimport AddAlert from \"@material-ui/icons/AddAlert\";\r\nimport Config from \"conFig.js\";\r\n\r\nconst Capnhattinhtrang = React.memo(function Capnhattinhtrang(props) {\r\n const { tinhtrang_id } = props;\r\n const [ten, setTen] = React.useState(\"\");\r\n const [ma, setMa] = React.useState(\"\");\r\n const [alert, setAlert] = React.useState(false);\r\n const [disableBT, setDisableBT] = React.useState(true);\r\n const token = localStorage.getItem(\"token\");\r\n var username = localStorage.getItem(\"username\");\r\n var obj = {\r\n method: \"GET\",\r\n headers: {\r\n Accept: \"application/json\",\r\n \"Content-Type\": \"application/json\",\r\n Authorization: \"Bearer \" + token,\r\n },\r\n };\r\n const gettinhtrangtheoid = () => {\r\n var url = Config.backend + \"/api/Donvi/gethochamid?id=\" + tinhtrang_id;\r\n fetch(url, obj)\r\n .then((res) => res.json())\r\n .then((data) => {\r\n setTen(data[0].ten);\r\n if (data[0].ma) setMa(data[0].ma);\r\n })\r\n .catch((error) => {\r\n console.error(\"Error fetching data: \", error);\r\n });\r\n };\r\n const capnhattinhtrang = () => {\r\n var url = Config.backend + \"/api/Donvi/capnhathocham\";\r\n fetch(url, {\r\n method: \"PUT\",\r\n headers: {\r\n Accept: \"application/json, text/plain\",\r\n \"Content-Type\": \"application/json;charset=UTF-8\",\r\n Authorization: \"Bearer \" + token,\r\n },\r\n body: JSON.stringify({\r\n id: tinhtrang_id,\r\n ten: ten,\r\n ma: ma,\r\n username: username,\r\n }),\r\n })\r\n .then((res) => res.json())\r\n .then((data) => {\r\n if (data === 1) {\r\n showNotification();\r\n }\r\n })\r\n .catch((error) => {\r\n console.error(\"Error fetching data: \", error);\r\n });\r\n };\r\n const showNotification = () => {\r\n setAlert(true);\r\n setTimeout(function () {\r\n setAlert(false);\r\n }, 2000);\r\n };\r\n const disablebutton = () => {\r\n if (ten.trim().length > 0) {\r\n setDisableBT(false);\r\n } else {\r\n setDisableBT(true);\r\n }\r\n };\r\n React.useEffect(() => {\r\n disablebutton();\r\n }, [ten]);\r\n React.useEffect(() => {\r\n gettinhtrangtheoid();\r\n }, []);\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n {\r\n setTen(event.target.value);\r\n }}\r\n InputProps={{\r\n style: {\r\n height: \"35px\",\r\n },\r\n }}\r\n InputLabelProps={{\r\n sx: {\r\n color: \"red\",\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n {\r\n setMa(event.target.value);\r\n }}\r\n InputProps={{\r\n style: {\r\n height: \"35px\",\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n \r\n \r\n Cập nhật\r\n \r\n \r\n \r\n \r\n setAlert(false)}\r\n close\r\n />\r\n \r\n \r\n
\r\n );\r\n});\r\nCapnhattinhtrang.propTypes = {\r\n tinhtrang_id: PropTypes.number,\r\n};\r\nexport default Capnhattinhtrang;\r\n","import React from \"react\";\r\nimport { makeStyles } from \"@material-ui/core/styles\";\r\nimport {\r\n DataGrid,\r\n GridToolbarQuickFilter,\r\n GridLinkOperator,\r\n gridClasses,\r\n} from \"@mui/x-data-grid\";\r\nimport GridContainer from \"components/Grid/GridContainer.js\";\r\nimport GridItem from \"components/Grid/GridItem.js\";\r\nimport Button from \"@mui/material/Button\";\r\nimport Box from \"@mui/material/Box\";\r\nimport Themtinhtrang from \"components/Danhmuc/Tinhtrangduan/Themtinhtrang.js\";\r\nimport Capnhattinhtrang from \"components/Danhmuc/Tinhtrangduan/Capnhattinhtrang.js\";\r\nimport Modal from \"@mui/material/Modal\";\r\nimport FormControl from \"@mui/material/FormControl\";\r\nimport GridItemLogin from \"components/Grid/GridItemLogin.js\";\r\nimport Card from \"components/Card/Card.js\";\r\nimport CardHeader from \"components/Card/CardHeadertab.js\";\r\nimport CloseIcon from \"@mui/icons-material/Close\";\r\nimport Snackbar from \"components/Snackbar/Snackbar.js\";\r\nimport AddAlert from \"@material-ui/icons/AddAlert\";\r\nimport styles from \"assets/jss/material-dashboard-react/components/tableviewStyle.js\";\r\nconst useStyles = makeStyles(styles);\r\nimport Config from \"conFig.js\";\r\n\r\nconst datagridSx = {\r\n [`& .${gridClasses.cell}`]: {\r\n py: 1,\r\n },\r\n [`& .center`]: {\r\n justifyContent: \"center !important\",\r\n },\r\n borderRadius: 2,\r\n \"& .MuiDataGrid-main\": { borderRadius: 2 },\r\n \"& .MuiDataGrid-virtualScrollerRenderZone\": {\r\n \"& .MuiDataGrid-row\": {\r\n \"&:nth-of-type(2n)\": { backgroundColor: \"rgba(235, 235, 235, .7)\" },\r\n },\r\n },\r\n \"& .MuiDataGrid-columnHeaders\": {\r\n backgroundColor: \"rgba(0,0,255,0.6)\",\r\n color: \"rgb(255 255 255)\",\r\n fontSize: 16,\r\n },\r\n \"& .MuiInputBase-root\": {\r\n height: \"25px\",\r\n },\r\n};\r\nconst ttcolumn = [\r\n {\r\n field: \"id\",\r\n headerName: \"STT\",\r\n width: 120,\r\n headerAlign: \"center\",\r\n },\r\n {\r\n field: \"ten\",\r\n headerName: \"Tình trạng dự án\",\r\n width: 400,\r\n headerAlign: \"center\",\r\n },\r\n {\r\n field: \"ma\",\r\n headerName: \"mã tình trạng dự án\",\r\n width: 200,\r\n headerAlign: \"center\",\r\n },\r\n];\r\n\r\nexport default function Tinhtrangduan() {\r\n const classes = useStyles();\r\n const [pageSize, setPageSize] = React.useState(50);\r\n const [tinhtrang, setTinhtrang] = React.useState([]);\r\n const [openthem, setOpenthem] = React.useState(false);\r\n const [opensua, setOpensua] = React.useState(false);\r\n const [tinhtrang_id, setTinhtrang_id] = React.useState(0);\r\n const [disableBT, setDisableBT] = React.useState(true);\r\n const [alert, setAlert] = React.useState(false);\r\n const handleClose = () => {\r\n setOpenthem(false);\r\n gettinhtrang();\r\n };\r\n const handleClosesua = () => {\r\n setOpensua(false);\r\n gettinhtrang();\r\n };\r\n const openthembc = () => {\r\n setOpenthem(true);\r\n };\r\n const quickSearchToolbar = () => {\r\n return (\r\n \r\n row.id}\r\n rows={tinhtrang}\r\n columns={ttcolumn}\r\n checkboxSelection={false}\r\n getRowHeight={() => \"auto\"}\r\n headerHeight={35}\r\n sx={datagridSx}\r\n pageSize={pageSize}\r\n onPageSizeChange={(newPageSize) => setPageSize(newPageSize)}\r\n rowsPerPageOptions={[20, 50, 100]}\r\n pagination\r\n initialState={{\r\n filter: {\r\n filterModel: {\r\n items: [],\r\n quickFilterLogicOperator: GridLinkOperator.Or,\r\n },\r\n },\r\n }}\r\n components={{ Toolbar: quickSearchToolbar }}\r\n onRowClick={(params) => {\r\n setDisableBT(false);\r\n setTinhtrang_id(Number(params.row.id));\r\n }}\r\n onCellDoubleClick={(params, event) => {\r\n if (!event.ctrlKey) {\r\n setOpensua(true);\r\n }\r\n }}\r\n />\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Thêm tình trạng dự án\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Cập nhật tình trạng dự án\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n {\r\n setTen(event.target.value);\r\n }}\r\n InputProps={{\r\n style: {\r\n height: \"35px\",\r\n },\r\n }}\r\n InputLabelProps={{\r\n sx: {\r\n color: \"red\",\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n {\r\n setMa(event.target.value);\r\n }}\r\n InputProps={{\r\n style: {\r\n height: \"35px\",\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n \r\n \r\n Thêm\r\n \r\n \r\n \r\n \r\n setAlert(false)}\r\n close\r\n />\r\n \r\n \r\n
\r\n );\r\n}\r\n","import React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport GridContainer from \"components/Grid/GridContainer.js\";\r\nimport GridItem from \"components/Grid/GridItem.js\";\r\nimport Button from \"@mui/material/Button\";\r\nimport CardBody from \"components/Card/CardBody.js\";\r\nimport CardFooter from \"components/Card/CardFooter.js\";\r\nimport FormControl from \"@mui/material/FormControl\";\r\nimport TextField from \"@mui/material/TextField\";\r\nimport Snackbar from \"components/Snackbar/Snackbar.js\";\r\nimport AddAlert from \"@material-ui/icons/AddAlert\";\r\nimport Config from \"conFig.js\";\r\n\r\nconst Capnhattinhtrang = React.memo(function Capnhattinhtrang(props) {\r\n const { tinhtrang_id } = props;\r\n const [ten, setTen] = React.useState(\"\");\r\n const [ma, setMa] = React.useState(\"\");\r\n const [alert, setAlert] = React.useState(false);\r\n const [disableBT, setDisableBT] = React.useState(true);\r\n const token = localStorage.getItem(\"token\");\r\n var username = localStorage.getItem(\"username\");\r\n var obj = {\r\n method: \"GET\",\r\n headers: {\r\n Accept: \"application/json\",\r\n \"Content-Type\": \"application/json\",\r\n Authorization: \"Bearer \" + token,\r\n },\r\n };\r\n const gettinhtrangtheoid = () => {\r\n var url = Config.backend + \"/api/Donvi/gethochamid?id=\" + tinhtrang_id;\r\n fetch(url, obj)\r\n .then((res) => res.json())\r\n .then((data) => {\r\n setTen(data[0].ten);\r\n if (data[0].ma) setMa(data[0].ma);\r\n })\r\n .catch((error) => {\r\n console.error(\"Error fetching data: \", error);\r\n });\r\n };\r\n const capnhattinhtrang = () => {\r\n var url = Config.backend + \"/api/Donvi/capnhathocham\";\r\n fetch(url, {\r\n method: \"PUT\",\r\n headers: {\r\n Accept: \"application/json, text/plain\",\r\n \"Content-Type\": \"application/json;charset=UTF-8\",\r\n Authorization: \"Bearer \" + token,\r\n },\r\n body: JSON.stringify({\r\n id: tinhtrang_id,\r\n ten: ten,\r\n ma: ma,\r\n username: username,\r\n }),\r\n })\r\n .then((res) => res.json())\r\n .then((data) => {\r\n if (data === 1) {\r\n showNotification();\r\n }\r\n })\r\n .catch((error) => {\r\n console.error(\"Error fetching data: \", error);\r\n });\r\n };\r\n const showNotification = () => {\r\n setAlert(true);\r\n setTimeout(function () {\r\n setAlert(false);\r\n }, 2000);\r\n };\r\n const disablebutton = () => {\r\n if (ten.trim().length > 0) {\r\n setDisableBT(false);\r\n } else {\r\n setDisableBT(true);\r\n }\r\n };\r\n React.useEffect(() => {\r\n disablebutton();\r\n }, [ten]);\r\n React.useEffect(() => {\r\n gettinhtrangtheoid();\r\n }, []);\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n {\r\n setTen(event.target.value);\r\n }}\r\n InputProps={{\r\n style: {\r\n height: \"35px\",\r\n },\r\n }}\r\n InputLabelProps={{\r\n sx: {\r\n color: \"red\",\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n \r\n \r\n Cập nhật\r\n \r\n \r\n \r\n \r\n setAlert(false)}\r\n close\r\n />\r\n \r\n \r\n
\r\n );\r\n});\r\nCapnhattinhtrang.propTypes = {\r\n tinhtrang_id: PropTypes.number,\r\n};\r\nexport default Capnhattinhtrang;\r\n","import React from \"react\";\r\nimport { makeStyles } from \"@material-ui/core/styles\";\r\nimport {\r\n DataGrid,\r\n GridToolbarQuickFilter,\r\n GridLinkOperator,\r\n gridClasses,\r\n} from \"@mui/x-data-grid\";\r\nimport GridContainer from \"components/Grid/GridContainer.js\";\r\nimport GridItem from \"components/Grid/GridItem.js\";\r\nimport Button from \"@mui/material/Button\";\r\nimport Box from \"@mui/material/Box\";\r\nimport Themtinhtrang from \"components/Danhmuc/Tinhtrangkiemtra/Themtinhtrang.js\";\r\nimport Capnhattinhtrang from \"components/Danhmuc/Tinhtrangkiemtra/Capnhattinhtrang.js\";\r\nimport Modal from \"@mui/material/Modal\";\r\nimport FormControl from \"@mui/material/FormControl\";\r\nimport GridItemLogin from \"components/Grid/GridItemLogin.js\";\r\nimport Card from \"components/Card/Card.js\";\r\nimport CardHeader from \"components/Card/CardHeadertab.js\";\r\nimport CloseIcon from \"@mui/icons-material/Close\";\r\nimport Snackbar from \"components/Snackbar/Snackbar.js\";\r\nimport AddAlert from \"@material-ui/icons/AddAlert\";\r\nimport styles from \"assets/jss/material-dashboard-react/components/tableviewStyle.js\";\r\nconst useStyles = makeStyles(styles);\r\nimport Config from \"conFig.js\";\r\n\r\nconst datagridSx = {\r\n [`& .${gridClasses.cell}`]: {\r\n py: 1,\r\n },\r\n [`& .center`]: {\r\n justifyContent: \"center !important\",\r\n },\r\n borderRadius: 2,\r\n \"& .MuiDataGrid-main\": { borderRadius: 2 },\r\n \"& .MuiDataGrid-virtualScrollerRenderZone\": {\r\n \"& .MuiDataGrid-row\": {\r\n \"&:nth-of-type(2n)\": { backgroundColor: \"rgba(235, 235, 235, .7)\" },\r\n },\r\n },\r\n \"& .MuiDataGrid-columnHeaders\": {\r\n backgroundColor: \"rgba(0,0,255,0.6)\",\r\n color: \"rgb(255 255 255)\",\r\n fontSize: 16,\r\n },\r\n \"& .MuiInputBase-root\": {\r\n height: \"25px\",\r\n },\r\n};\r\nconst ttcolumn = [\r\n {\r\n field: \"id\",\r\n headerName: \"STT\",\r\n width: 120,\r\n headerAlign: \"center\",\r\n },\r\n {\r\n field: \"ten\",\r\n headerName: \"Tình trạng kiểm tra\",\r\n width: 400,\r\n headerAlign: \"center\",\r\n },\r\n {\r\n field: \"ma\",\r\n headerName: \"Mã tình trạng kiểm tra\",\r\n width: 200,\r\n headerAlign: \"center\",\r\n },\r\n];\r\n\r\nexport default function Tinhtrangkiemtra() {\r\n const classes = useStyles();\r\n const [pageSize, setPageSize] = React.useState(50);\r\n const [tinhtrang, setTinhtrang] = React.useState([]);\r\n const [openthem, setOpenthem] = React.useState(false);\r\n const [opensua, setOpensua] = React.useState(false);\r\n const [tinhtrang_id, setTinhtrang_id] = React.useState(0);\r\n const [disableBT, setDisableBT] = React.useState(true);\r\n const [alert, setAlert] = React.useState(false);\r\n const handleClose = () => {\r\n setOpenthem(false);\r\n gettinhtrang();\r\n };\r\n const handleClosesua = () => {\r\n setOpensua(false);\r\n gettinhtrang();\r\n };\r\n const openthembc = () => {\r\n setOpenthem(true);\r\n };\r\n const quickSearchToolbar = () => {\r\n return (\r\n \r\n row.id}\r\n rows={tinhtrang}\r\n columns={ttcolumn}\r\n checkboxSelection={false}\r\n getRowHeight={() => \"auto\"}\r\n headerHeight={35}\r\n sx={datagridSx}\r\n pageSize={pageSize}\r\n onPageSizeChange={(newPageSize) => setPageSize(newPageSize)}\r\n rowsPerPageOptions={[20, 50, 100]}\r\n pagination\r\n initialState={{\r\n filter: {\r\n filterModel: {\r\n items: [],\r\n quickFilterLogicOperator: GridLinkOperator.Or,\r\n },\r\n },\r\n }}\r\n components={{ Toolbar: quickSearchToolbar }}\r\n onRowClick={(params) => {\r\n setDisableBT(false);\r\n setTinhtrang_id(Number(params.row.id));\r\n }}\r\n onCellDoubleClick={(params, event) => {\r\n if (!event.ctrlKey) {\r\n setOpensua(true);\r\n }\r\n }}\r\n />\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Thêm tình trạng kiểm tra\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Cập nhật tình trạng kiểm tra\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n {\r\n setTen(event.target.value);\r\n }}\r\n InputProps={{\r\n style: {\r\n height: \"35px\",\r\n },\r\n }}\r\n InputLabelProps={{\r\n sx: {\r\n color: \"red\",\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n {\r\n setMa(event.target.value);\r\n }}\r\n InputProps={{\r\n style: {\r\n height: \"35px\",\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n \r\n \r\n Thêm\r\n \r\n \r\n \r\n \r\n setAlert(false)}\r\n close\r\n />\r\n \r\n \r\n
\r\n );\r\n}\r\n","import React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport GridContainer from \"components/Grid/GridContainer.js\";\r\nimport GridItem from \"components/Grid/GridItem.js\";\r\nimport Button from \"@mui/material/Button\";\r\nimport CardBody from \"components/Card/CardBody.js\";\r\nimport CardFooter from \"components/Card/CardFooter.js\";\r\nimport FormControl from \"@mui/material/FormControl\";\r\nimport TextField from \"@mui/material/TextField\";\r\nimport Snackbar from \"components/Snackbar/Snackbar.js\";\r\nimport AddAlert from \"@material-ui/icons/AddAlert\";\r\nimport Config from \"conFig.js\";\r\n\r\nconst Capnhattinhtrang = React.memo(function Capnhattinhtrang(props) {\r\n const { tinhtrang_id } = props;\r\n const [ten, setTen] = React.useState(\"\");\r\n const [ma, setMa] = React.useState(\"\");\r\n const [alert, setAlert] = React.useState(false);\r\n const [disableBT, setDisableBT] = React.useState(true);\r\n const token = localStorage.getItem(\"token\");\r\n var username = localStorage.getItem(\"username\");\r\n var obj = {\r\n method: \"GET\",\r\n headers: {\r\n Accept: \"application/json\",\r\n \"Content-Type\": \"application/json\",\r\n Authorization: \"Bearer \" + token,\r\n },\r\n };\r\n const gettinhtrangtheoid = () => {\r\n var url =\r\n Config.backend +\r\n \"/api/DanhMuc/getdmtinhtrangkyquytheoid?id=\" +\r\n tinhtrang_id +\r\n \"&username=\" +\r\n username;\r\n fetch(url, obj)\r\n .then((res) => res.json())\r\n .then((data) => {\r\n setTen(data[0].ten);\r\n if (data[0].ma) setMa(data[0].ma);\r\n })\r\n .catch((error) => {\r\n console.error(\"Error fetching data: \", error);\r\n });\r\n };\r\n const capnhattinhtrang = () => {\r\n var url = Config.backend + \"/api/DanhMuc/capnhatdmtinhtrangkyquy\";\r\n fetch(url, {\r\n method: \"PUT\",\r\n headers: {\r\n Accept: \"application/json, text/plain\",\r\n \"Content-Type\": \"application/json;charset=UTF-8\",\r\n Authorization: \"Bearer \" + token,\r\n },\r\n body: JSON.stringify({\r\n id: tinhtrang_id,\r\n ten: ten,\r\n ma: ma,\r\n username: username,\r\n }),\r\n })\r\n .then((res) => res.json())\r\n .then((data) => {\r\n if (data === 1) {\r\n showNotification();\r\n }\r\n })\r\n .catch((error) => {\r\n console.error(\"Error fetching data: \", error);\r\n });\r\n };\r\n const showNotification = () => {\r\n setAlert(true);\r\n setTimeout(function () {\r\n setAlert(false);\r\n }, 2000);\r\n };\r\n const disablebutton = () => {\r\n if (ten.trim().length > 0) {\r\n setDisableBT(false);\r\n } else {\r\n setDisableBT(true);\r\n }\r\n };\r\n React.useEffect(() => {\r\n disablebutton();\r\n }, [ten]);\r\n React.useEffect(() => {\r\n gettinhtrangtheoid();\r\n }, []);\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n {\r\n setTen(event.target.value);\r\n }}\r\n InputProps={{\r\n style: {\r\n height: \"35px\",\r\n },\r\n }}\r\n InputLabelProps={{\r\n sx: {\r\n color: \"red\",\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n {\r\n setMa(event.target.value);\r\n }}\r\n InputProps={{\r\n style: {\r\n height: \"35px\",\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n \r\n \r\n Cập nhật\r\n \r\n \r\n \r\n \r\n setAlert(false)}\r\n close\r\n />\r\n \r\n \r\n
\r\n );\r\n});\r\nCapnhattinhtrang.propTypes = {\r\n tinhtrang_id: PropTypes.number,\r\n};\r\nexport default Capnhattinhtrang;\r\n","import React from \"react\";\r\nimport { makeStyles } from \"@material-ui/core/styles\";\r\nimport {\r\n DataGrid,\r\n GridToolbarQuickFilter,\r\n GridLinkOperator,\r\n gridClasses,\r\n} from \"@mui/x-data-grid\";\r\nimport GridContainer from \"components/Grid/GridContainer.js\";\r\nimport GridItem from \"components/Grid/GridItem.js\";\r\nimport Button from \"@mui/material/Button\";\r\nimport Box from \"@mui/material/Box\";\r\nimport Themtinhtrang from \"components/Danhmuc/Tinhtrangkyquy/Themtinhtrang.js\";\r\nimport Capnhattinhtrang from \"components/Danhmuc/Tinhtrangkyquy/Capnhattinhtrang.js\";\r\nimport Modal from \"@mui/material/Modal\";\r\nimport FormControl from \"@mui/material/FormControl\";\r\nimport GridItemLogin from \"components/Grid/GridItemLogin.js\";\r\nimport Card from \"components/Card/Card.js\";\r\nimport CardHeader from \"components/Card/CardHeadertab.js\";\r\nimport CloseIcon from \"@mui/icons-material/Close\";\r\nimport Snackbar from \"components/Snackbar/Snackbar.js\";\r\nimport AddAlert from \"@material-ui/icons/AddAlert\";\r\nimport styles from \"assets/jss/material-dashboard-react/components/tableviewStyle.js\";\r\nconst useStyles = makeStyles(styles);\r\nimport Config from \"conFig.js\";\r\n\r\nconst datagridSx = {\r\n [`& .${gridClasses.cell}`]: {\r\n py: 1,\r\n },\r\n [`& .center`]: {\r\n justifyContent: \"center !important\",\r\n },\r\n borderRadius: 2,\r\n \"& .MuiDataGrid-main\": { borderRadius: 2 },\r\n \"& .MuiDataGrid-virtualScrollerRenderZone\": {\r\n \"& .MuiDataGrid-row\": {\r\n \"&:nth-of-type(2n)\": { backgroundColor: \"rgba(235, 235, 235, .7)\" },\r\n },\r\n },\r\n \"& .MuiDataGrid-columnHeaders\": {\r\n backgroundColor: \"rgba(0,0,255,0.6)\",\r\n color: \"rgb(255 255 255)\",\r\n fontSize: 16,\r\n },\r\n \"& .MuiInputBase-root\": {\r\n height: \"25px\",\r\n },\r\n};\r\nconst ttcolumn = [\r\n {\r\n field: \"id\",\r\n headerName: \"STT\",\r\n width: 120,\r\n headerAlign: \"center\",\r\n },\r\n {\r\n field: \"ten\",\r\n headerName: \"Tình trạng ký quỹ\",\r\n width: 400,\r\n headerAlign: \"center\",\r\n },\r\n {\r\n field: \"ma\",\r\n headerName: \"Mã tình trạng ký quỹ\",\r\n width: 200,\r\n headerAlign: \"center\",\r\n },\r\n];\r\n\r\nexport default function Tinhtrangkyquy() {\r\n const classes = useStyles();\r\n const [pageSize, setPageSize] = React.useState(50);\r\n const [tinhtrang, setTinhtrang] = React.useState([]);\r\n const [openthem, setOpenthem] = React.useState(false);\r\n const [opensua, setOpensua] = React.useState(false);\r\n const [tinhtrang_id, setTinhtrang_id] = React.useState(0);\r\n const [disableBT, setDisableBT] = React.useState(true);\r\n const [alert, setAlert] = React.useState(false);\r\n const handleClose = () => {\r\n setOpenthem(false);\r\n gettinhtrang();\r\n };\r\n const handleClosesua = () => {\r\n setOpensua(false);\r\n gettinhtrang();\r\n };\r\n const openthembc = () => {\r\n setOpenthem(true);\r\n };\r\n const quickSearchToolbar = () => {\r\n return (\r\n \r\n row.id}\r\n rows={tinhtrang}\r\n columns={ttcolumn}\r\n checkboxSelection={false}\r\n getRowHeight={() => \"auto\"}\r\n headerHeight={35}\r\n sx={datagridSx}\r\n pageSize={pageSize}\r\n onPageSizeChange={(newPageSize) => setPageSize(newPageSize)}\r\n rowsPerPageOptions={[20, 50, 100]}\r\n pagination\r\n initialState={{\r\n filter: {\r\n filterModel: {\r\n items: [],\r\n quickFilterLogicOperator: GridLinkOperator.Or,\r\n },\r\n },\r\n }}\r\n components={{ Toolbar: quickSearchToolbar }}\r\n onRowClick={(params) => {\r\n setDisableBT(false);\r\n setTinhtrang_id(Number(params.row.id));\r\n }}\r\n onCellDoubleClick={(params, event) => {\r\n if (!event.ctrlKey) {\r\n setOpensua(true);\r\n }\r\n }}\r\n />\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Thêm tình trạng ký quỹ\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Cập nhật tình trạng ký quỹ\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n {\r\n setTen(event.target.value);\r\n }}\r\n InputProps={{\r\n style: {\r\n height: \"35px\",\r\n },\r\n }}\r\n InputLabelProps={{\r\n sx: {\r\n color: \"red\",\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n {\r\n setMa(event.target.value);\r\n }}\r\n InputProps={{\r\n style: {\r\n height: \"35px\",\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n \r\n \r\n Thêm\r\n \r\n \r\n \r\n \r\n setAlert(false)}\r\n close\r\n />\r\n \r\n \r\n
\r\n );\r\n}\r\n","import React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport GridContainer from \"components/Grid/GridContainer.js\";\r\nimport GridItem from \"components/Grid/GridItem.js\";\r\nimport Button from \"@mui/material/Button\";\r\nimport CardBody from \"components/Card/CardBody.js\";\r\nimport CardFooter from \"components/Card/CardFooter.js\";\r\nimport FormControl from \"@mui/material/FormControl\";\r\nimport TextField from \"@mui/material/TextField\";\r\nimport Snackbar from \"components/Snackbar/Snackbar.js\";\r\nimport AddAlert from \"@material-ui/icons/AddAlert\";\r\nimport Config from \"conFig.js\";\r\n\r\nconst Capnhattinhtrang = React.memo(function Capnhattinhtrang(props) {\r\n const { tinhtrang_id } = props;\r\n const [ten, setTen] = React.useState(\"\");\r\n const [ma, setMa] = React.useState(\"\");\r\n const [alert, setAlert] = React.useState(false);\r\n const [disableBT, setDisableBT] = React.useState(true);\r\n const token = localStorage.getItem(\"token\");\r\n var username = localStorage.getItem(\"username\");\r\n var obj = {\r\n method: \"GET\",\r\n headers: {\r\n Accept: \"application/json\",\r\n \"Content-Type\": \"application/json\",\r\n Authorization: \"Bearer \" + token,\r\n },\r\n };\r\n const gettinhtrangtheoid = () => {\r\n var url = Config.backend + \"/api/Donvi/gethochamid?id=\" + tinhtrang_id;\r\n fetch(url, obj)\r\n .then((res) => res.json())\r\n .then((data) => {\r\n setTen(data[0].ten);\r\n if (data[0].ma) setMa(data[0].ma);\r\n })\r\n .catch((error) => {\r\n console.error(\"Error fetching data: \", error);\r\n });\r\n };\r\n const capnhattinhtrang = () => {\r\n var url = Config.backend + \"/api/Donvi/capnhathocham\";\r\n fetch(url, {\r\n method: \"PUT\",\r\n headers: {\r\n Accept: \"application/json, text/plain\",\r\n \"Content-Type\": \"application/json;charset=UTF-8\",\r\n Authorization: \"Bearer \" + token,\r\n },\r\n body: JSON.stringify({\r\n id: tinhtrang_id,\r\n ten: ten,\r\n ma: ma,\r\n username: username,\r\n }),\r\n })\r\n .then((res) => res.json())\r\n .then((data) => {\r\n if (data === 1) {\r\n showNotification();\r\n }\r\n })\r\n .catch((error) => {\r\n console.error(\"Error fetching data: \", error);\r\n });\r\n };\r\n const showNotification = () => {\r\n setAlert(true);\r\n setTimeout(function () {\r\n setAlert(false);\r\n }, 2000);\r\n };\r\n const disablebutton = () => {\r\n if (ten.trim().length > 0) {\r\n setDisableBT(false);\r\n } else {\r\n setDisableBT(true);\r\n }\r\n };\r\n React.useEffect(() => {\r\n disablebutton();\r\n }, [ten]);\r\n React.useEffect(() => {\r\n gettinhtrangtheoid();\r\n }, []);\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n {\r\n setTen(event.target.value);\r\n }}\r\n InputProps={{\r\n style: {\r\n height: \"35px\",\r\n },\r\n }}\r\n InputLabelProps={{\r\n sx: {\r\n color: \"red\",\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n {\r\n setMa(event.target.value);\r\n }}\r\n InputProps={{\r\n style: {\r\n height: \"35px\",\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n \r\n \r\n Cập nhật\r\n \r\n \r\n \r\n \r\n setAlert(false)}\r\n close\r\n />\r\n \r\n \r\n
\r\n );\r\n});\r\nCapnhattinhtrang.propTypes = {\r\n tinhtrang_id: PropTypes.number,\r\n};\r\nexport default Capnhattinhtrang;\r\n","import React from \"react\";\r\nimport { makeStyles } from \"@material-ui/core/styles\";\r\nimport {\r\n DataGrid,\r\n GridToolbarQuickFilter,\r\n GridLinkOperator,\r\n gridClasses,\r\n} from \"@mui/x-data-grid\";\r\nimport GridContainer from \"components/Grid/GridContainer.js\";\r\nimport GridItem from \"components/Grid/GridItem.js\";\r\nimport Button from \"@mui/material/Button\";\r\nimport Box from \"@mui/material/Box\";\r\nimport Themtinhtrang from \"components/Danhmuc/Tinhtrangnopngansach/Themtinhtrang.js\";\r\nimport Capnhattinhtrang from \"components/Danhmuc/Tinhtrangnopngansach/Capnhattinhtrang.js\";\r\nimport Modal from \"@mui/material/Modal\";\r\nimport FormControl from \"@mui/material/FormControl\";\r\nimport GridItemLogin from \"components/Grid/GridItemLogin.js\";\r\nimport Card from \"components/Card/Card.js\";\r\nimport CardHeader from \"components/Card/CardHeadertab.js\";\r\nimport CloseIcon from \"@mui/icons-material/Close\";\r\nimport Snackbar from \"components/Snackbar/Snackbar.js\";\r\nimport AddAlert from \"@material-ui/icons/AddAlert\";\r\nimport styles from \"assets/jss/material-dashboard-react/components/tableviewStyle.js\";\r\nconst useStyles = makeStyles(styles);\r\nimport Config from \"conFig.js\";\r\n\r\nconst datagridSx = {\r\n [`& .${gridClasses.cell}`]: {\r\n py: 1,\r\n },\r\n [`& .center`]: {\r\n justifyContent: \"center !important\",\r\n },\r\n borderRadius: 2,\r\n \"& .MuiDataGrid-main\": { borderRadius: 2 },\r\n \"& .MuiDataGrid-virtualScrollerRenderZone\": {\r\n \"& .MuiDataGrid-row\": {\r\n \"&:nth-of-type(2n)\": { backgroundColor: \"rgba(235, 235, 235, .7)\" },\r\n },\r\n },\r\n \"& .MuiDataGrid-columnHeaders\": {\r\n backgroundColor: \"rgba(0,0,255,0.6)\",\r\n color: \"rgb(255 255 255)\",\r\n fontSize: 16,\r\n },\r\n \"& .MuiInputBase-root\": {\r\n height: \"25px\",\r\n },\r\n};\r\nconst ttcolumn = [\r\n {\r\n field: \"id\",\r\n headerName: \"STT\",\r\n width: 120,\r\n headerAlign: \"center\",\r\n },\r\n {\r\n field: \"ten\",\r\n headerName: \"Tình trạng nộp ngân sách\",\r\n width: 400,\r\n headerAlign: \"center\",\r\n },\r\n {\r\n field: \"ma\",\r\n headerName: \"Mã tình trạng nộp ngân sách\",\r\n width: 200,\r\n headerAlign: \"center\",\r\n },\r\n];\r\n\r\nexport default function Tinhtrangnopngansach() {\r\n const classes = useStyles();\r\n const [pageSize, setPageSize] = React.useState(50);\r\n const [tinhtrang, setTinhtrang] = React.useState([]);\r\n const [openthem, setOpenthem] = React.useState(false);\r\n const [opensua, setOpensua] = React.useState(false);\r\n const [tinhtrang_id, setTinhtrang_id] = React.useState(0);\r\n const [disableBT, setDisableBT] = React.useState(true);\r\n const [alert, setAlert] = React.useState(false);\r\n const handleClose = () => {\r\n setOpenthem(false);\r\n gettinhtrang();\r\n };\r\n const handleClosesua = () => {\r\n setOpensua(false);\r\n gettinhtrang();\r\n };\r\n const openthembc = () => {\r\n setOpenthem(true);\r\n };\r\n const quickSearchToolbar = () => {\r\n return (\r\n \r\n row.id}\r\n rows={tinhtrang}\r\n columns={ttcolumn}\r\n checkboxSelection={false}\r\n getRowHeight={() => \"auto\"}\r\n headerHeight={35}\r\n sx={datagridSx}\r\n pageSize={pageSize}\r\n onPageSizeChange={(newPageSize) => setPageSize(newPageSize)}\r\n rowsPerPageOptions={[20, 50, 100]}\r\n pagination\r\n initialState={{\r\n filter: {\r\n filterModel: {\r\n items: [],\r\n quickFilterLogicOperator: GridLinkOperator.Or,\r\n },\r\n },\r\n }}\r\n components={{ Toolbar: quickSearchToolbar }}\r\n onRowClick={(params) => {\r\n setDisableBT(false);\r\n setTinhtrang_id(Number(params.row.id));\r\n }}\r\n onCellDoubleClick={(params, event) => {\r\n if (!event.ctrlKey) {\r\n setOpensua(true);\r\n }\r\n }}\r\n />\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Thêm tình trạng nộp ngân sách\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Cập nhật tình trạng nộp ngân sách\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n {\r\n setTen(event.target.value);\r\n }}\r\n InputProps={{\r\n style: {\r\n height: \"35px\",\r\n },\r\n }}\r\n InputLabelProps={{\r\n sx: {\r\n color: \"red\",\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n {\r\n setMa(event.target.value);\r\n }}\r\n InputProps={{\r\n style: {\r\n height: \"35px\",\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n \r\n \r\n Thêm\r\n \r\n \r\n \r\n \r\n setAlert(false)}\r\n close\r\n />\r\n \r\n \r\n
\r\n );\r\n}\r\n","import React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport GridContainer from \"components/Grid/GridContainer.js\";\r\nimport GridItem from \"components/Grid/GridItem.js\";\r\nimport Button from \"@mui/material/Button\";\r\nimport CardBody from \"components/Card/CardBody.js\";\r\nimport CardFooter from \"components/Card/CardFooter.js\";\r\nimport FormControl from \"@mui/material/FormControl\";\r\nimport TextField from \"@mui/material/TextField\";\r\nimport Snackbar from \"components/Snackbar/Snackbar.js\";\r\nimport AddAlert from \"@material-ui/icons/AddAlert\";\r\nimport Config from \"conFig.js\";\r\n\r\nconst Capnhattinhtrang = React.memo(function Capnhattinhtrang(props) {\r\n const { tinhtrang_id } = props;\r\n const [ten, setTen] = React.useState(\"\");\r\n const [ma, setMa] = React.useState(\"\");\r\n const [alert, setAlert] = React.useState(false);\r\n const [disableBT, setDisableBT] = React.useState(true);\r\n const token = localStorage.getItem(\"token\");\r\n var username = localStorage.getItem(\"username\");\r\n var obj = {\r\n method: \"GET\",\r\n headers: {\r\n Accept: \"application/json\",\r\n \"Content-Type\": \"application/json\",\r\n Authorization: \"Bearer \" + token,\r\n },\r\n };\r\n const gettinhtrangtheoid = () => {\r\n var url = Config.backend + \"/api/Donvi/gethochamid?id=\" + tinhtrang_id;\r\n fetch(url, obj)\r\n .then((res) => res.json())\r\n .then((data) => {\r\n setTen(data[0].ten);\r\n if (data[0].ma) setMa(data[0].ma);\r\n })\r\n .catch((error) => {\r\n console.error(\"Error fetching data: \", error);\r\n });\r\n };\r\n const capnhattinhtrang = () => {\r\n var url = Config.backend + \"/api/Donvi/capnhathocham\";\r\n fetch(url, {\r\n method: \"PUT\",\r\n headers: {\r\n Accept: \"application/json, text/plain\",\r\n \"Content-Type\": \"application/json;charset=UTF-8\",\r\n Authorization: \"Bearer \" + token,\r\n },\r\n body: JSON.stringify({\r\n id: tinhtrang_id,\r\n ten: ten,\r\n ma: ma,\r\n username: username,\r\n }),\r\n })\r\n .then((res) => res.json())\r\n .then((data) => {\r\n if (data === 1) {\r\n showNotification();\r\n }\r\n })\r\n .catch((error) => {\r\n console.error(\"Error fetching data: \", error);\r\n });\r\n };\r\n const showNotification = () => {\r\n setAlert(true);\r\n setTimeout(function () {\r\n setAlert(false);\r\n }, 2000);\r\n };\r\n const disablebutton = () => {\r\n if (ten.trim().length > 0) {\r\n setDisableBT(false);\r\n } else {\r\n setDisableBT(true);\r\n }\r\n };\r\n React.useEffect(() => {\r\n disablebutton();\r\n }, [ten]);\r\n React.useEffect(() => {\r\n gettinhtrangtheoid();\r\n }, []);\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n {\r\n setTen(event.target.value);\r\n }}\r\n InputProps={{\r\n style: {\r\n height: \"35px\",\r\n },\r\n }}\r\n InputLabelProps={{\r\n sx: {\r\n color: \"red\",\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n {\r\n setMa(event.target.value);\r\n }}\r\n InputProps={{\r\n style: {\r\n height: \"35px\",\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n \r\n \r\n Cập nhật\r\n \r\n \r\n \r\n \r\n setAlert(false)}\r\n close\r\n />\r\n \r\n \r\n
\r\n );\r\n});\r\nCapnhattinhtrang.propTypes = {\r\n tinhtrang_id: PropTypes.number,\r\n};\r\nexport default Capnhattinhtrang;\r\n","import React from \"react\";\r\nimport { makeStyles } from \"@material-ui/core/styles\";\r\nimport {\r\n DataGrid,\r\n GridToolbarQuickFilter,\r\n GridLinkOperator,\r\n gridClasses,\r\n} from \"@mui/x-data-grid\";\r\nimport GridContainer from \"components/Grid/GridContainer.js\";\r\nimport GridItem from \"components/Grid/GridItem.js\";\r\nimport Button from \"@mui/material/Button\";\r\nimport Box from \"@mui/material/Box\";\r\nimport Themtinhtrang from \"components/Danhmuc/Tinhtrangvipham/Themtinhtrang.js\";\r\nimport Capnhattinhtrang from \"components/Danhmuc/Tinhtrangvipham/Capnhattinhtrang.js\";\r\nimport Modal from \"@mui/material/Modal\";\r\nimport FormControl from \"@mui/material/FormControl\";\r\nimport GridItemLogin from \"components/Grid/GridItemLogin.js\";\r\nimport Card from \"components/Card/Card.js\";\r\nimport CardHeader from \"components/Card/CardHeadertab.js\";\r\nimport CloseIcon from \"@mui/icons-material/Close\";\r\nimport Snackbar from \"components/Snackbar/Snackbar.js\";\r\nimport AddAlert from \"@material-ui/icons/AddAlert\";\r\nimport styles from \"assets/jss/material-dashboard-react/components/tableviewStyle.js\";\r\nconst useStyles = makeStyles(styles);\r\nimport Config from \"conFig.js\";\r\n\r\nconst datagridSx = {\r\n [`& .${gridClasses.cell}`]: {\r\n py: 1,\r\n },\r\n [`& .center`]: {\r\n justifyContent: \"center !important\",\r\n },\r\n borderRadius: 2,\r\n \"& .MuiDataGrid-main\": { borderRadius: 2 },\r\n \"& .MuiDataGrid-virtualScrollerRenderZone\": {\r\n \"& .MuiDataGrid-row\": {\r\n \"&:nth-of-type(2n)\": { backgroundColor: \"rgba(235, 235, 235, .7)\" },\r\n },\r\n },\r\n \"& .MuiDataGrid-columnHeaders\": {\r\n backgroundColor: \"rgba(0,0,255,0.6)\",\r\n color: \"rgb(255 255 255)\",\r\n fontSize: 16,\r\n },\r\n \"& .MuiInputBase-root\": {\r\n height: \"25px\",\r\n },\r\n};\r\nconst ttcolumn = [\r\n {\r\n field: \"id\",\r\n headerName: \"STT\",\r\n width: 120,\r\n headerAlign: \"center\",\r\n },\r\n {\r\n field: \"ten\",\r\n headerName: \"Tình trạng vi phạm\",\r\n width: 400,\r\n headerAlign: \"center\",\r\n },\r\n {\r\n field: \"ma\",\r\n headerName: \"Mã tình trạng vi phạm\",\r\n width: 200,\r\n headerAlign: \"center\",\r\n },\r\n];\r\n\r\nexport default function Tinhtrangvipham() {\r\n const classes = useStyles();\r\n const [pageSize, setPageSize] = React.useState(50);\r\n const [tinhtrang, setTinhtrang] = React.useState([]);\r\n const [openthem, setOpenthem] = React.useState(false);\r\n const [opensua, setOpensua] = React.useState(false);\r\n const [tinhtrang_id, setTinhtrang_id] = React.useState(0);\r\n const [disableBT, setDisableBT] = React.useState(true);\r\n const [alert, setAlert] = React.useState(false);\r\n const handleClose = () => {\r\n setOpenthem(false);\r\n gettinhtrang();\r\n };\r\n const handleClosesua = () => {\r\n setOpensua(false);\r\n gettinhtrang();\r\n };\r\n const openthembc = () => {\r\n setOpenthem(true);\r\n };\r\n const quickSearchToolbar = () => {\r\n return (\r\n \r\n row.id}\r\n rows={tinhtrang}\r\n columns={ttcolumn}\r\n checkboxSelection={false}\r\n getRowHeight={() => \"auto\"}\r\n headerHeight={35}\r\n sx={datagridSx}\r\n pageSize={pageSize}\r\n onPageSizeChange={(newPageSize) => setPageSize(newPageSize)}\r\n rowsPerPageOptions={[20, 50, 100]}\r\n pagination\r\n initialState={{\r\n filter: {\r\n filterModel: {\r\n items: [],\r\n quickFilterLogicOperator: GridLinkOperator.Or,\r\n },\r\n },\r\n }}\r\n components={{ Toolbar: quickSearchToolbar }}\r\n onRowClick={(params) => {\r\n setDisableBT(false);\r\n setTinhtrang_id(Number(params.row.id));\r\n }}\r\n onCellDoubleClick={(params, event) => {\r\n if (!event.ctrlKey) {\r\n setOpensua(true);\r\n }\r\n }}\r\n />\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Thêm tình trạng vi phạm\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Cập nhật tình trạng vi phạm\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n {\r\n setTen(event.target.value);\r\n }}\r\n InputProps={{\r\n style: {\r\n height: \"35px\",\r\n },\r\n }}\r\n InputLabelProps={{\r\n sx: {\r\n color: \"red\",\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n {\r\n setMa(event.target.value);\r\n }}\r\n InputProps={{\r\n style: {\r\n height: \"35px\",\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n \r\n \r\n Thêm\r\n \r\n \r\n \r\n \r\n setAlert(false)}\r\n close\r\n />\r\n \r\n \r\n
\r\n );\r\n}\r\n","import React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport GridContainer from \"components/Grid/GridContainer.js\";\r\nimport GridItem from \"components/Grid/GridItem.js\";\r\nimport Button from \"@mui/material/Button\";\r\nimport CardBody from \"components/Card/CardBody.js\";\r\nimport CardFooter from \"components/Card/CardFooter.js\";\r\nimport FormControl from \"@mui/material/FormControl\";\r\nimport TextField from \"@mui/material/TextField\";\r\nimport Snackbar from \"components/Snackbar/Snackbar.js\";\r\nimport AddAlert from \"@material-ui/icons/AddAlert\";\r\nimport Config from \"conFig.js\";\r\n\r\nconst Capnhatdonvitiente = React.memo(function Capnhatdonvitiente(props) {\r\n const { tiente_id } = props;\r\n const [ten, setTen] = React.useState(\"\");\r\n const [ma, setMa] = React.useState(\"\");\r\n const [alert, setAlert] = React.useState(false);\r\n const [disableBT, setDisableBT] = React.useState(true);\r\n const token = localStorage.getItem(\"token\");\r\n var username = localStorage.getItem(\"username\");\r\n var obj = {\r\n method: \"GET\",\r\n headers: {\r\n Accept: \"application/json\",\r\n \"Content-Type\": \"application/json\",\r\n Authorization: \"Bearer \" + token,\r\n },\r\n };\r\n const gettientetheoid = () => {\r\n var url = Config.backend + \"/api/Donvi/gethochamid?id=\" + tiente_id;\r\n fetch(url, obj)\r\n .then((res) => res.json())\r\n .then((data) => {\r\n setTen(data[0].ten);\r\n if (data[0].ma) setMa(data[0].ma);\r\n })\r\n .catch((error) => {\r\n console.error(\"Error fetching data: \", error);\r\n });\r\n };\r\n const capnhattiente = () => {\r\n var url = Config.backend + \"/api/Donvi/capnhathocham\";\r\n fetch(url, {\r\n method: \"PUT\",\r\n headers: {\r\n Accept: \"application/json, text/plain\",\r\n \"Content-Type\": \"application/json;charset=UTF-8\",\r\n Authorization: \"Bearer \" + token,\r\n },\r\n body: JSON.stringify({\r\n id: tiente_id,\r\n ten: ten,\r\n ma: ma,\r\n username: username,\r\n }),\r\n })\r\n .then((res) => res.json())\r\n .then((data) => {\r\n if (data === 1) {\r\n showNotification();\r\n }\r\n })\r\n .catch((error) => {\r\n console.error(\"Error fetching data: \", error);\r\n });\r\n };\r\n const showNotification = () => {\r\n setAlert(true);\r\n setTimeout(function () {\r\n setAlert(false);\r\n }, 2000);\r\n };\r\n const disablebutton = () => {\r\n if (ten.trim().length > 0) {\r\n setDisableBT(false);\r\n } else {\r\n setDisableBT(true);\r\n }\r\n };\r\n React.useEffect(() => {\r\n disablebutton();\r\n }, [ten]);\r\n React.useEffect(() => {\r\n gettientetheoid();\r\n }, []);\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n {\r\n setTen(event.target.value);\r\n }}\r\n InputProps={{\r\n style: {\r\n height: \"35px\",\r\n },\r\n }}\r\n InputLabelProps={{\r\n sx: {\r\n color: \"red\",\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n {\r\n setMa(event.target.value);\r\n }}\r\n InputProps={{\r\n style: {\r\n height: \"35px\",\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n \r\n \r\n Cập nhật\r\n \r\n \r\n \r\n \r\n setAlert(false)}\r\n close\r\n />\r\n \r\n \r\n
\r\n );\r\n});\r\nCapnhatdonvitiente.propTypes = {\r\n tiente_id: PropTypes.number,\r\n};\r\nexport default Capnhatdonvitiente;\r\n","import React from \"react\";\r\nimport { makeStyles } from \"@material-ui/core/styles\";\r\nimport {\r\n DataGrid,\r\n GridToolbarQuickFilter,\r\n GridLinkOperator,\r\n gridClasses,\r\n} from \"@mui/x-data-grid\";\r\nimport GridContainer from \"components/Grid/GridContainer.js\";\r\nimport GridItem from \"components/Grid/GridItem.js\";\r\nimport Button from \"@mui/material/Button\";\r\nimport Box from \"@mui/material/Box\";\r\nimport Themdonvitiente from \"components/Danhmuc/Donvitiente/Themdonvitiente.js\";\r\nimport Capnhatdonvitiente from \"components/Danhmuc/Donvitiente/Capnhatdonvitiente.js\";\r\nimport Modal from \"@mui/material/Modal\";\r\nimport FormControl from \"@mui/material/FormControl\";\r\nimport GridItemLogin from \"components/Grid/GridItemLogin.js\";\r\nimport Card from \"components/Card/Card.js\";\r\nimport CardHeader from \"components/Card/CardHeadertab.js\";\r\nimport CloseIcon from \"@mui/icons-material/Close\";\r\nimport Snackbar from \"components/Snackbar/Snackbar.js\";\r\nimport AddAlert from \"@material-ui/icons/AddAlert\";\r\nimport styles from \"assets/jss/material-dashboard-react/components/tableviewStyle.js\";\r\nconst useStyles = makeStyles(styles);\r\nimport Config from \"conFig.js\";\r\n\r\nconst datagridSx = {\r\n [`& .${gridClasses.cell}`]: {\r\n py: 1,\r\n },\r\n [`& .center`]: {\r\n justifyContent: \"center !important\",\r\n },\r\n borderRadius: 2,\r\n \"& .MuiDataGrid-main\": { borderRadius: 2 },\r\n \"& .MuiDataGrid-virtualScrollerRenderZone\": {\r\n \"& .MuiDataGrid-row\": {\r\n \"&:nth-of-type(2n)\": { backgroundColor: \"rgba(235, 235, 235, .7)\" },\r\n },\r\n },\r\n \"& .MuiDataGrid-columnHeaders\": {\r\n backgroundColor: \"rgba(0,0,255,0.6)\",\r\n color: \"rgb(255 255 255)\",\r\n fontSize: 16,\r\n },\r\n \"& .MuiInputBase-root\": {\r\n height: \"25px\",\r\n },\r\n};\r\nconst ttcolumn = [\r\n {\r\n field: \"id\",\r\n headerName: \"STT\",\r\n width: 120,\r\n headerAlign: \"center\",\r\n },\r\n {\r\n field: \"ten\",\r\n headerName: \"Tên tiền tệ\",\r\n width: 400,\r\n headerAlign: \"center\",\r\n },\r\n {\r\n field: \"ma\",\r\n headerName: \"Mã tiền tệ\",\r\n width: 200,\r\n headerAlign: \"center\",\r\n },\r\n];\r\n\r\nexport default function Donvitiente() {\r\n const classes = useStyles();\r\n const [pageSize, setPageSize] = React.useState(50);\r\n const [tiente, setTiente] = React.useState([]);\r\n const [openthem, setOpenthem] = React.useState(false);\r\n const [opensua, setOpensua] = React.useState(false);\r\n const [tiente_id, setTiente_id] = React.useState(0);\r\n const [disableBT, setDisableBT] = React.useState(true);\r\n const [alert, setAlert] = React.useState(false);\r\n const handleClose = () => {\r\n setOpenthem(false);\r\n gettiente();\r\n };\r\n const handleClosesua = () => {\r\n setOpensua(false);\r\n gettiente();\r\n };\r\n const openthembc = () => {\r\n setOpenthem(true);\r\n };\r\n const quickSearchToolbar = () => {\r\n return (\r\n \r\n row.id}\r\n rows={tiente}\r\n columns={ttcolumn}\r\n checkboxSelection={false}\r\n getRowHeight={() => \"auto\"}\r\n headerHeight={35}\r\n sx={datagridSx}\r\n pageSize={pageSize}\r\n onPageSizeChange={(newPageSize) => setPageSize(newPageSize)}\r\n rowsPerPageOptions={[20, 50, 100]}\r\n pagination\r\n initialState={{\r\n filter: {\r\n filterModel: {\r\n items: [],\r\n quickFilterLogicOperator: GridLinkOperator.Or,\r\n },\r\n },\r\n }}\r\n components={{ Toolbar: quickSearchToolbar }}\r\n onRowClick={(params) => {\r\n setDisableBT(false);\r\n setTiente_id(Number(params.row.id));\r\n }}\r\n onCellDoubleClick={(params, event) => {\r\n if (!event.ctrlKey) {\r\n setOpensua(true);\r\n }\r\n }}\r\n />\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Thêm đơn vị tiền tệ\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Cập nhật đơn vị tiền tệ\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n {\r\n setTen(event.target.value);\r\n }}\r\n InputProps={{\r\n style: {\r\n height: \"35px\",\r\n },\r\n }}\r\n InputLabelProps={{\r\n sx: {\r\n color: \"red\",\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n {\r\n setMa(event.target.value);\r\n }}\r\n InputProps={{\r\n style: {\r\n height: \"35px\",\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n \r\n \r\n Thêm\r\n \r\n \r\n \r\n \r\n setAlert(false)}\r\n close\r\n />\r\n \r\n \r\n
\r\n );\r\n}\r\n","import React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport GridContainer from \"components/Grid/GridContainer.js\";\r\nimport GridItem from \"components/Grid/GridItem.js\";\r\nimport Button from \"@mui/material/Button\";\r\nimport CardBody from \"components/Card/CardBody.js\";\r\nimport CardFooter from \"components/Card/CardFooter.js\";\r\nimport FormControl from \"@mui/material/FormControl\";\r\nimport TextField from \"@mui/material/TextField\";\r\nimport Snackbar from \"components/Snackbar/Snackbar.js\";\r\nimport AddAlert from \"@material-ui/icons/AddAlert\";\r\nimport Config from \"conFig.js\";\r\n\r\nconst Capnhatnguonvon = React.memo(function Capnhatnguonvon(props) {\r\n const { nguonvon_id } = props;\r\n const [ten, setTen] = React.useState(\"\");\r\n const [ma, setMa] = React.useState(\"\");\r\n const [alert, setAlert] = React.useState(false);\r\n const [disableBT, setDisableBT] = React.useState(true);\r\n const token = localStorage.getItem(\"token\");\r\n var username = localStorage.getItem(\"username\");\r\n var obj = {\r\n method: \"GET\",\r\n headers: {\r\n Accept: \"application/json\",\r\n \"Content-Type\": \"application/json\",\r\n Authorization: \"Bearer \" + token,\r\n },\r\n };\r\n const getnguonvontheoid = () => {\r\n var url = Config.backend + \"/api/Donvi/gethochamid?id=\" + nguonvon_id;\r\n fetch(url, obj)\r\n .then((res) => res.json())\r\n .then((data) => {\r\n setTen(data[0].ten);\r\n if (data[0].ma) setMa(data[0].ma);\r\n })\r\n .catch((error) => {\r\n console.error(\"Error fetching data: \", error);\r\n });\r\n };\r\n const capnhatnguonvon = () => {\r\n var url = Config.backend + \"/api/Donvi/capnhathocham\";\r\n fetch(url, {\r\n method: \"PUT\",\r\n headers: {\r\n Accept: \"application/json, text/plain\",\r\n \"Content-Type\": \"application/json;charset=UTF-8\",\r\n Authorization: \"Bearer \" + token,\r\n },\r\n body: JSON.stringify({\r\n id: nguonvon_id,\r\n ten: ten,\r\n ma: ma,\r\n username: username,\r\n }),\r\n })\r\n .then((res) => res.json())\r\n .then((data) => {\r\n if (data === 1) {\r\n showNotification();\r\n }\r\n })\r\n .catch((error) => {\r\n console.error(\"Error fetching data: \", error);\r\n });\r\n };\r\n const showNotification = () => {\r\n setAlert(true);\r\n setTimeout(function () {\r\n setAlert(false);\r\n }, 2000);\r\n };\r\n const disablebutton = () => {\r\n if (ten.trim().length > 0) {\r\n setDisableBT(false);\r\n } else {\r\n setDisableBT(true);\r\n }\r\n };\r\n React.useEffect(() => {\r\n disablebutton();\r\n }, [ten]);\r\n React.useEffect(() => {\r\n getnguonvontheoid();\r\n }, []);\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n {\r\n setTen(event.target.value);\r\n }}\r\n InputProps={{\r\n style: {\r\n height: \"35px\",\r\n },\r\n }}\r\n InputLabelProps={{\r\n sx: {\r\n color: \"red\",\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n {\r\n setMa(event.target.value);\r\n }}\r\n InputProps={{\r\n style: {\r\n height: \"35px\",\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n \r\n \r\n Cập nhật\r\n \r\n \r\n \r\n \r\n setAlert(false)}\r\n close\r\n />\r\n \r\n \r\n
\r\n );\r\n});\r\nCapnhatnguonvon.propTypes = {\r\n nguonvon_id: PropTypes.number,\r\n};\r\nexport default Capnhatnguonvon;\r\n","import React from \"react\";\r\nimport { makeStyles } from \"@material-ui/core/styles\";\r\nimport {\r\n DataGrid,\r\n GridToolbarQuickFilter,\r\n GridLinkOperator,\r\n gridClasses,\r\n} from \"@mui/x-data-grid\";\r\nimport GridContainer from \"components/Grid/GridContainer.js\";\r\nimport GridItem from \"components/Grid/GridItem.js\";\r\nimport Button from \"@mui/material/Button\";\r\nimport Box from \"@mui/material/Box\";\r\nimport Themnguonvondautu from \"components/Danhmuc/Nguonvondautu/Themnguonvondautu.js\";\r\nimport Capnhatnguonvondautu from \"components/Danhmuc/Nguonvondautu/Capnhatnguonvondautu.js\";\r\nimport Modal from \"@mui/material/Modal\";\r\nimport FormControl from \"@mui/material/FormControl\";\r\nimport GridItemLogin from \"components/Grid/GridItemLogin.js\";\r\nimport Card from \"components/Card/Card.js\";\r\nimport CardHeader from \"components/Card/CardHeadertab.js\";\r\nimport CloseIcon from \"@mui/icons-material/Close\";\r\nimport Snackbar from \"components/Snackbar/Snackbar.js\";\r\nimport AddAlert from \"@material-ui/icons/AddAlert\";\r\nimport styles from \"assets/jss/material-dashboard-react/components/tableviewStyle.js\";\r\nconst useStyles = makeStyles(styles);\r\nimport Config from \"conFig.js\";\r\n\r\nconst datagridSx = {\r\n [`& .${gridClasses.cell}`]: {\r\n py: 1,\r\n },\r\n [`& .center`]: {\r\n justifyContent: \"center !important\",\r\n },\r\n borderRadius: 2,\r\n \"& .MuiDataGrid-main\": { borderRadius: 2 },\r\n \"& .MuiDataGrid-virtualScrollerRenderZone\": {\r\n \"& .MuiDataGrid-row\": {\r\n \"&:nth-of-type(2n)\": { backgroundColor: \"rgba(235, 235, 235, .7)\" },\r\n },\r\n },\r\n \"& .MuiDataGrid-columnHeaders\": {\r\n backgroundColor: \"rgba(0,0,255,0.6)\",\r\n color: \"rgb(255 255 255)\",\r\n fontSize: 16,\r\n },\r\n \"& .MuiInputBase-root\": {\r\n height: \"25px\",\r\n },\r\n};\r\nconst nvcolumn = [\r\n {\r\n field: \"id\",\r\n headerName: \"STT\",\r\n width: 120,\r\n headerAlign: \"center\",\r\n },\r\n {\r\n field: \"ten\",\r\n headerName: \"Nguồn vốn\",\r\n width: 400,\r\n headerAlign: \"center\",\r\n },\r\n {\r\n field: \"ma\",\r\n headerName: \"Mã nguồn vốn\",\r\n width: 200,\r\n headerAlign: \"center\",\r\n },\r\n];\r\n\r\nexport default function Nguonvondautu() {\r\n const classes = useStyles();\r\n const [pageSize, setPageSize] = React.useState(50);\r\n const [nguonvon, setNguonvon] = React.useState([]);\r\n const [openthem, setOpenthem] = React.useState(false);\r\n const [opensua, setOpensua] = React.useState(false);\r\n const [nguonvon_id, setNguonvon_id] = React.useState(0);\r\n const [disableBT, setDisableBT] = React.useState(true);\r\n const [alert, setAlert] = React.useState(false);\r\n const handleClose = () => {\r\n setOpenthem(false);\r\n getnguonvon();\r\n };\r\n const handleClosesua = () => {\r\n setOpensua(false);\r\n getnguonvon();\r\n };\r\n const openthembc = () => {\r\n setOpenthem(true);\r\n };\r\n const quickSearchToolbar = () => {\r\n return (\r\n \r\n row.id}\r\n rows={nguonvon}\r\n columns={nvcolumn}\r\n checkboxSelection={false}\r\n getRowHeight={() => \"auto\"}\r\n headerHeight={35}\r\n sx={datagridSx}\r\n pageSize={pageSize}\r\n onPageSizeChange={(newPageSize) => setPageSize(newPageSize)}\r\n rowsPerPageOptions={[20, 50, 100]}\r\n pagination\r\n initialState={{\r\n filter: {\r\n filterModel: {\r\n items: [],\r\n quickFilterLogicOperator: GridLinkOperator.Or,\r\n },\r\n },\r\n }}\r\n components={{ Toolbar: quickSearchToolbar }}\r\n onRowClick={(params) => {\r\n setDisableBT(false);\r\n setNguonvon_id(Number(params.row.id));\r\n }}\r\n onCellDoubleClick={(params, event) => {\r\n if (!event.ctrlKey) {\r\n setOpensua(true);\r\n }\r\n }}\r\n />\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Thêm nguồn vốn đầu tư\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Cập nhật nguồn vốn đầu tư\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n {\r\n setTen(event.target.value);\r\n }}\r\n InputProps={{\r\n style: {\r\n height: \"35px\",\r\n },\r\n }}\r\n InputLabelProps={{\r\n sx: {\r\n color: \"red\",\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n {\r\n setMa(event.target.value);\r\n }}\r\n InputProps={{\r\n style: {\r\n height: \"35px\",\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n \r\n \r\n Thêm\r\n \r\n \r\n \r\n \r\n setAlert(false)}\r\n close\r\n />\r\n \r\n \r\n
\r\n );\r\n}\r\n","import React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport GridContainer from \"components/Grid/GridContainer.js\";\r\nimport GridItem from \"components/Grid/GridItem.js\";\r\nimport Button from \"@mui/material/Button\";\r\nimport CardBody from \"components/Card/CardBody.js\";\r\nimport CardFooter from \"components/Card/CardFooter.js\";\r\nimport FormControl from \"@mui/material/FormControl\";\r\nimport TextField from \"@mui/material/TextField\";\r\nimport Snackbar from \"components/Snackbar/Snackbar.js\";\r\nimport AddAlert from \"@material-ui/icons/AddAlert\";\r\nimport Config from \"conFig.js\";\r\n\r\nconst Capnhatkhuvuc = React.memo(function Capnhatkhuvuc(props) {\r\n const { khuvucdautu_id } = props;\r\n const [ten, setTen] = React.useState(\"\");\r\n const [ma, setMa] = React.useState(\"\");\r\n const [alert, setAlert] = React.useState(false);\r\n const [disableBT, setDisableBT] = React.useState(true);\r\n const token = localStorage.getItem(\"token\");\r\n var username = localStorage.getItem(\"username\");\r\n var obj = {\r\n method: \"GET\",\r\n headers: {\r\n Accept: \"application/json\",\r\n \"Content-Type\": \"application/json\",\r\n Authorization: \"Bearer \" + token,\r\n },\r\n };\r\n const getkhuvuctheoid = () => {\r\n var url =\r\n Config.backend +\r\n \"/api/DanhMuc/getkhuvucdaututheoid?id=\" +\r\n khuvucdautu_id +\r\n \"&username=\" +\r\n username;\r\n fetch(url, obj)\r\n .then((res) => res.json())\r\n .then((data) => {\r\n setTen(data[0].ten);\r\n if (data[0].ma) setMa(data[0].ma);\r\n })\r\n .catch((error) => {\r\n console.error(\"Error fetching data: \", error);\r\n });\r\n };\r\n const capnhatkhuvuc = () => {\r\n var url = Config.backend + \"/api/DanhMuc/capnhatdmkhuvucdautu\";\r\n fetch(url, {\r\n method: \"PUT\",\r\n headers: {\r\n Accept: \"application/json, text/plain\",\r\n \"Content-Type\": \"application/json;charset=UTF-8\",\r\n Authorization: \"Bearer \" + token,\r\n },\r\n body: JSON.stringify({\r\n id: khuvucdautu_id,\r\n ten: ten,\r\n ma: ma,\r\n username: username,\r\n }),\r\n })\r\n .then((res) => res.json())\r\n .then((data) => {\r\n if (data === 1) {\r\n showNotification();\r\n }\r\n })\r\n .catch((error) => {\r\n console.error(\"Error fetching data: \", error);\r\n });\r\n };\r\n const showNotification = () => {\r\n setAlert(true);\r\n setTimeout(function () {\r\n setAlert(false);\r\n }, 2000);\r\n };\r\n const disablebutton = () => {\r\n if (ten.trim().length > 0) {\r\n setDisableBT(false);\r\n } else {\r\n setDisableBT(true);\r\n }\r\n };\r\n React.useEffect(() => {\r\n disablebutton();\r\n }, [ten]);\r\n React.useEffect(() => {\r\n getkhuvuctheoid();\r\n }, []);\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n {\r\n setTen(event.target.value);\r\n }}\r\n InputProps={{\r\n style: {\r\n height: \"35px\",\r\n },\r\n }}\r\n InputLabelProps={{\r\n sx: {\r\n color: \"red\",\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n {\r\n setMa(event.target.value);\r\n }}\r\n InputProps={{\r\n style: {\r\n height: \"35px\",\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n \r\n \r\n Cập nhật\r\n \r\n \r\n \r\n \r\n setAlert(false)}\r\n close\r\n />\r\n \r\n \r\n
\r\n );\r\n});\r\nCapnhatkhuvuc.propTypes = {\r\n khuvucdautu_id: PropTypes.number,\r\n};\r\nexport default Capnhatkhuvuc;\r\n","import React from \"react\";\r\nimport { makeStyles } from \"@material-ui/core/styles\";\r\nimport {\r\n DataGrid,\r\n GridToolbarQuickFilter,\r\n GridLinkOperator,\r\n gridClasses,\r\n} from \"@mui/x-data-grid\";\r\nimport GridContainer from \"components/Grid/GridContainer.js\";\r\nimport GridItem from \"components/Grid/GridItem.js\";\r\nimport Button from \"@mui/material/Button\";\r\nimport Box from \"@mui/material/Box\";\r\nimport Themkhuvucdautu from \"components/Danhmuc/Khuvucdautu/Themkhuvucdautu.js\";\r\nimport Capnhatkhuvucdautu from \"components/Danhmuc/Khuvucdautu/Capnhatkhuvucdautu.js\";\r\nimport Modal from \"@mui/material/Modal\";\r\nimport FormControl from \"@mui/material/FormControl\";\r\nimport GridItemLogin from \"components/Grid/GridItemLogin.js\";\r\nimport Card from \"components/Card/Card.js\";\r\nimport CardHeader from \"components/Card/CardHeadertab.js\";\r\nimport CloseIcon from \"@mui/icons-material/Close\";\r\nimport Snackbar from \"components/Snackbar/Snackbar.js\";\r\nimport AddAlert from \"@material-ui/icons/AddAlert\";\r\nimport styles from \"assets/jss/material-dashboard-react/components/tableviewStyle.js\";\r\nconst useStyles = makeStyles(styles);\r\nimport Config from \"conFig.js\";\r\n\r\nconst datagridSx = {\r\n [`& .${gridClasses.cell}`]: {\r\n py: 1,\r\n },\r\n [`& .center`]: {\r\n justifyContent: \"center !important\",\r\n },\r\n borderRadius: 2,\r\n \"& .MuiDataGrid-main\": { borderRadius: 2 },\r\n \"& .MuiDataGrid-virtualScrollerRenderZone\": {\r\n \"& .MuiDataGrid-row\": {\r\n \"&:nth-of-type(2n)\": { backgroundColor: \"rgba(235, 235, 235, .7)\" },\r\n },\r\n },\r\n \"& .MuiDataGrid-columnHeaders\": {\r\n backgroundColor: \"rgba(0,0,255,0.6)\",\r\n color: \"rgb(255 255 255)\",\r\n fontSize: 16,\r\n },\r\n \"& .MuiInputBase-root\": {\r\n height: \"25px\",\r\n },\r\n};\r\nconst kvcolumn = [\r\n {\r\n field: \"id\",\r\n headerName: \"STT\",\r\n width: 120,\r\n headerAlign: \"center\",\r\n },\r\n {\r\n field: \"ten\",\r\n headerName: \"Tên khu vực đầu tư\",\r\n width: 400,\r\n headerAlign: \"center\",\r\n },\r\n {\r\n field: \"ma\",\r\n headerName: \"Mã khu vực đầu tư\",\r\n width: 200,\r\n headerAlign: \"center\",\r\n },\r\n];\r\n\r\nexport default function Khuvucdautu() {\r\n const classes = useStyles();\r\n const [pageSize, setPageSize] = React.useState(50);\r\n const [khuvucdautu, setKhuvucdautu] = React.useState([]);\r\n const [openthem, setOpenthem] = React.useState(false);\r\n const [opensua, setOpensua] = React.useState(false);\r\n const [khuvucdautu_id, setKhuvucdautu_id] = React.useState(0);\r\n const [disableBT, setDisableBT] = React.useState(true);\r\n const [alert, setAlert] = React.useState(false);\r\n const handleClose = () => {\r\n setOpenthem(false);\r\n getkhuvucdautu();\r\n };\r\n const handleClosesua = () => {\r\n setOpensua(false);\r\n getkhuvucdautu();\r\n };\r\n const openthembc = () => {\r\n setOpenthem(true);\r\n };\r\n const quickSearchToolbar = () => {\r\n return (\r\n \r\n row.id}\r\n rows={khuvucdautu}\r\n columns={kvcolumn}\r\n checkboxSelection={false}\r\n getRowHeight={() => \"auto\"}\r\n headerHeight={35}\r\n sx={datagridSx}\r\n pageSize={pageSize}\r\n onPageSizeChange={(newPageSize) => setPageSize(newPageSize)}\r\n rowsPerPageOptions={[20, 50, 100]}\r\n pagination\r\n initialState={{\r\n filter: {\r\n filterModel: {\r\n items: [],\r\n quickFilterLogicOperator: GridLinkOperator.Or,\r\n },\r\n },\r\n }}\r\n components={{ Toolbar: quickSearchToolbar }}\r\n onRowClick={(params) => {\r\n setDisableBT(false);\r\n setKhuvucdautu_id(Number(params.row.id));\r\n }}\r\n onCellDoubleClick={(params, event) => {\r\n if (!event.ctrlKey) {\r\n setOpensua(true);\r\n }\r\n }}\r\n />\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Thêm khu vực đầu tư\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Cập nhật khu vực đầu tư\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n {\r\n setTen(event.target.value);\r\n }}\r\n InputProps={{\r\n style: {\r\n height: \"35px\",\r\n },\r\n }}\r\n InputLabelProps={{\r\n sx: {\r\n color: \"red\",\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n {\r\n setMa(event.target.value);\r\n }}\r\n InputProps={{\r\n style: {\r\n height: \"35px\",\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n \r\n \r\n Thêm\r\n \r\n \r\n \r\n \r\n setAlert(false)}\r\n close\r\n />\r\n \r\n \r\n
\r\n );\r\n}\r\n","import React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport GridContainer from \"components/Grid/GridContainer.js\";\r\nimport GridItem from \"components/Grid/GridItem.js\";\r\nimport Button from \"@mui/material/Button\";\r\nimport CardBody from \"components/Card/CardBody.js\";\r\nimport CardFooter from \"components/Card/CardFooter.js\";\r\nimport FormControl from \"@mui/material/FormControl\";\r\nimport TextField from \"@mui/material/TextField\";\r\nimport Snackbar from \"components/Snackbar/Snackbar.js\";\r\nimport AddAlert from \"@material-ui/icons/AddAlert\";\r\nimport Config from \"conFig.js\";\r\n\r\nconst Capnhatlinhvuc = React.memo(function Capnhatlinhvuc(props) {\r\n const { linhvuc_id } = props;\r\n const [ten, setTen] = React.useState(\"\");\r\n const [ma, setMa] = React.useState(\"\");\r\n const [alert, setAlert] = React.useState(false);\r\n const [disableBT, setDisableBT] = React.useState(true);\r\n const token = localStorage.getItem(\"token\");\r\n var username = localStorage.getItem(\"username\");\r\n var obj = {\r\n method: \"GET\",\r\n headers: {\r\n Accept: \"application/json\",\r\n \"Content-Type\": \"application/json\",\r\n Authorization: \"Bearer \" + token,\r\n },\r\n };\r\n const getlinhvuctheoid = () => {\r\n var url = Config.backend + \"/api/Donvi/gethochamid?id=\" + linhvuc_id;\r\n fetch(url, obj)\r\n .then((res) => res.json())\r\n .then((data) => {\r\n setTen(data[0].ten);\r\n if (data[0].ma) setMa(data[0].ma);\r\n })\r\n .catch((error) => {\r\n console.error(\"Error fetching data: \", error);\r\n });\r\n };\r\n const capnhatlinhvuc = () => {\r\n var url = Config.backend + \"/api/Donvi/capnhathocham\";\r\n fetch(url, {\r\n method: \"PUT\",\r\n headers: {\r\n Accept: \"application/json, text/plain\",\r\n \"Content-Type\": \"application/json;charset=UTF-8\",\r\n Authorization: \"Bearer \" + token,\r\n },\r\n body: JSON.stringify({\r\n id: linhvuc_id,\r\n ten: ten,\r\n ma: ma,\r\n username: username,\r\n }),\r\n })\r\n .then((res) => res.json())\r\n .then((data) => {\r\n if (data === 1) {\r\n showNotification();\r\n }\r\n })\r\n .catch((error) => {\r\n console.error(\"Error fetching data: \", error);\r\n });\r\n };\r\n const showNotification = () => {\r\n setAlert(true);\r\n setTimeout(function () {\r\n setAlert(false);\r\n }, 2000);\r\n };\r\n const disablebutton = () => {\r\n if (ten.trim().length > 0) {\r\n setDisableBT(false);\r\n } else {\r\n setDisableBT(true);\r\n }\r\n };\r\n React.useEffect(() => {\r\n disablebutton();\r\n }, [ten]);\r\n React.useEffect(() => {\r\n getlinhvuctheoid();\r\n }, []);\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n {\r\n setTen(event.target.value);\r\n }}\r\n InputProps={{\r\n style: {\r\n height: \"35px\",\r\n },\r\n }}\r\n InputLabelProps={{\r\n sx: {\r\n color: \"red\",\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n {\r\n setMa(event.target.value);\r\n }}\r\n InputProps={{\r\n style: {\r\n height: \"35px\",\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n \r\n \r\n Cập nhật\r\n \r\n \r\n \r\n \r\n setAlert(false)}\r\n close\r\n />\r\n \r\n \r\n
\r\n );\r\n});\r\nCapnhatlinhvuc.propTypes = {\r\n linhvuc_id: PropTypes.number,\r\n};\r\nexport default Capnhatlinhvuc;\r\n","import React from \"react\";\r\nimport { makeStyles } from \"@material-ui/core/styles\";\r\nimport {\r\n DataGrid,\r\n GridToolbarQuickFilter,\r\n GridLinkOperator,\r\n gridClasses,\r\n} from \"@mui/x-data-grid\";\r\nimport GridContainer from \"components/Grid/GridContainer.js\";\r\nimport GridItem from \"components/Grid/GridItem.js\";\r\nimport Button from \"@mui/material/Button\";\r\nimport Box from \"@mui/material/Box\";\r\nimport Themlinhvuc from \"components/Danhmuc/Linhvuc/Themlinhvuc.js\";\r\nimport Capnhatlinhvuc from \"components/Danhmuc/Linhvuc/Capnhatlinhvuc.js\";\r\nimport Modal from \"@mui/material/Modal\";\r\nimport FormControl from \"@mui/material/FormControl\";\r\nimport GridItemLogin from \"components/Grid/GridItemLogin.js\";\r\nimport Card from \"components/Card/Card.js\";\r\nimport CardHeader from \"components/Card/CardHeadertab.js\";\r\nimport CloseIcon from \"@mui/icons-material/Close\";\r\nimport Snackbar from \"components/Snackbar/Snackbar.js\";\r\nimport AddAlert from \"@material-ui/icons/AddAlert\";\r\nimport styles from \"assets/jss/material-dashboard-react/components/tableviewStyle.js\";\r\nconst useStyles = makeStyles(styles);\r\nimport Config from \"conFig.js\";\r\n\r\nconst datagridSx = {\r\n [`& .${gridClasses.cell}`]: {\r\n py: 1,\r\n },\r\n [`& .center`]: {\r\n justifyContent: \"center !important\",\r\n },\r\n borderRadius: 2,\r\n \"& .MuiDataGrid-main\": { borderRadius: 2 },\r\n \"& .MuiDataGrid-virtualScrollerRenderZone\": {\r\n \"& .MuiDataGrid-row\": {\r\n \"&:nth-of-type(2n)\": { backgroundColor: \"rgba(235, 235, 235, .7)\" },\r\n },\r\n },\r\n \"& .MuiDataGrid-columnHeaders\": {\r\n backgroundColor: \"rgba(0,0,255,0.6)\",\r\n color: \"rgb(255 255 255)\",\r\n fontSize: 16,\r\n },\r\n \"& .MuiInputBase-root\": {\r\n height: \"25px\",\r\n },\r\n};\r\nconst lvcolumn = [\r\n {\r\n field: \"id\",\r\n headerName: \"STT\",\r\n width: 120,\r\n headerAlign: \"center\",\r\n },\r\n {\r\n field: \"ten\",\r\n headerName: \"Tên lĩnh vực\",\r\n width: 400,\r\n headerAlign: \"center\",\r\n },\r\n {\r\n field: \"ma\",\r\n headerName: \"Mã lĩnh vực\",\r\n width: 200,\r\n headerAlign: \"center\",\r\n },\r\n];\r\n\r\nexport default function Linhvuc() {\r\n const classes = useStyles();\r\n const [pageSize, setPageSize] = React.useState(50);\r\n const [linhvuc, setLinhvuc] = React.useState([]);\r\n const [openthem, setOpenthem] = React.useState(false);\r\n const [opensua, setOpensua] = React.useState(false);\r\n const [linhvuc_id, setLinhvuc_id] = React.useState(0);\r\n const [disableBT, setDisableBT] = React.useState(true);\r\n const [alert, setAlert] = React.useState(false);\r\n const handleClose = () => {\r\n setOpenthem(false);\r\n getlinhvuc();\r\n };\r\n const handleClosesua = () => {\r\n setOpensua(false);\r\n getlinhvuc();\r\n };\r\n const openthembc = () => {\r\n setOpenthem(true);\r\n };\r\n const quickSearchToolbar = () => {\r\n return (\r\n \r\n row.id}\r\n rows={linhvuc}\r\n columns={lvcolumn}\r\n checkboxSelection={false}\r\n getRowHeight={() => \"auto\"}\r\n headerHeight={35}\r\n sx={datagridSx}\r\n pageSize={pageSize}\r\n onPageSizeChange={(newPageSize) => setPageSize(newPageSize)}\r\n rowsPerPageOptions={[20, 50, 100]}\r\n pagination\r\n initialState={{\r\n filter: {\r\n filterModel: {\r\n items: [],\r\n quickFilterLogicOperator: GridLinkOperator.Or,\r\n },\r\n },\r\n }}\r\n components={{ Toolbar: quickSearchToolbar }}\r\n onRowClick={(params) => {\r\n setDisableBT(false);\r\n setLinhvuc_id(Number(params.row.id));\r\n }}\r\n onCellDoubleClick={(params, event) => {\r\n if (!event.ctrlKey) {\r\n setOpensua(true);\r\n }\r\n }}\r\n />\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Thêm lĩnh vực\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Cập nhật lĩnh vực\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n {\r\n setTen(event.target.value);\r\n }}\r\n InputProps={{\r\n style: {\r\n height: \"35px\",\r\n },\r\n }}\r\n InputLabelProps={{\r\n sx: {\r\n color: \"red\",\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n {\r\n setMa(event.target.value);\r\n }}\r\n InputProps={{\r\n style: {\r\n height: \"35px\",\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n \r\n \r\n Thêm\r\n \r\n \r\n \r\n \r\n setAlert(false)}\r\n close\r\n />\r\n \r\n \r\n
\r\n );\r\n}\r\n","import React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport GridContainer from \"components/Grid/GridContainer.js\";\r\nimport GridItem from \"components/Grid/GridItem.js\";\r\nimport Button from \"@mui/material/Button\";\r\nimport CardBody from \"components/Card/CardBody.js\";\r\nimport CardFooter from \"components/Card/CardFooter.js\";\r\nimport FormControl from \"@mui/material/FormControl\";\r\nimport TextField from \"@mui/material/TextField\";\r\nimport Snackbar from \"components/Snackbar/Snackbar.js\";\r\nimport AddAlert from \"@material-ui/icons/AddAlert\";\r\nimport Config from \"conFig.js\";\r\n\r\nconst Capnhatloaibaocao = React.memo(function Capnhatloaibaocao(props) {\r\n const { loai_id } = props;\r\n const [ten, setTen] = React.useState(\"\");\r\n const [ma, setMa] = React.useState(\"\");\r\n const [alert, setAlert] = React.useState(false);\r\n const [disableBT, setDisableBT] = React.useState(true);\r\n const token = localStorage.getItem(\"token\");\r\n var username = localStorage.getItem(\"username\");\r\n var obj = {\r\n method: \"GET\",\r\n headers: {\r\n Accept: \"application/json\",\r\n \"Content-Type\": \"application/json\",\r\n Authorization: \"Bearer \" + token,\r\n },\r\n };\r\n const getbaocaotheoid = () => {\r\n var url = Config.backend + \"/api/Donvi/gethochamid?id=\" + loai_id;\r\n fetch(url, obj)\r\n .then((res) => res.json())\r\n .then((data) => {\r\n setTen(data[0].ten);\r\n if (data[0].ma) setMa(data[0].ma);\r\n })\r\n .catch((error) => {\r\n console.error(\"Error fetching data: \", error);\r\n });\r\n };\r\n const capnhatbaocao = () => {\r\n var url = Config.backend + \"/api/Donvi/capnhathocham\";\r\n fetch(url, {\r\n method: \"PUT\",\r\n headers: {\r\n Accept: \"application/json, text/plain\",\r\n \"Content-Type\": \"application/json;charset=UTF-8\",\r\n Authorization: \"Bearer \" + token,\r\n },\r\n body: JSON.stringify({\r\n id: loai_id,\r\n ten: ten,\r\n ma: ma,\r\n username: username,\r\n }),\r\n })\r\n .then((res) => res.json())\r\n .then((data) => {\r\n if (data === 1) {\r\n showNotification();\r\n }\r\n })\r\n .catch((error) => {\r\n console.error(\"Error fetching data: \", error);\r\n });\r\n };\r\n const showNotification = () => {\r\n setAlert(true);\r\n setTimeout(function () {\r\n setAlert(false);\r\n }, 2000);\r\n };\r\n const disablebutton = () => {\r\n if (ten.trim().length > 0) {\r\n setDisableBT(false);\r\n } else {\r\n setDisableBT(true);\r\n }\r\n };\r\n React.useEffect(() => {\r\n disablebutton();\r\n }, [ten]);\r\n React.useEffect(() => {\r\n getbaocaotheoid();\r\n }, []);\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n {\r\n setTen(event.target.value);\r\n }}\r\n InputProps={{\r\n style: {\r\n height: \"35px\",\r\n },\r\n }}\r\n InputLabelProps={{\r\n sx: {\r\n color: \"red\",\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n {\r\n setMa(event.target.value);\r\n }}\r\n InputProps={{\r\n style: {\r\n height: \"35px\",\r\n },\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n \r\n \r\n Cập nhật\r\n \r\n \r\n \r\n \r\n setAlert(false)}\r\n close\r\n />\r\n \r\n \r\n
\r\n );\r\n});\r\nCapnhatloaibaocao.propTypes = {\r\n loai_id: PropTypes.number,\r\n};\r\nexport default Capnhatloaibaocao;\r\n","import React from \"react\";\r\nimport { makeStyles } from \"@material-ui/core/styles\";\r\nimport {\r\n DataGrid,\r\n GridToolbarQuickFilter,\r\n GridLinkOperator,\r\n gridClasses,\r\n} from \"@mui/x-data-grid\";\r\nimport GridContainer from \"components/Grid/GridContainer.js\";\r\nimport GridItem from \"components/Grid/GridItem.js\";\r\nimport Button from \"@mui/material/Button\";\r\nimport Box from \"@mui/material/Box\";\r\nimport Themloaibaocao from \"components/Danhmuc/Loaibaocao/Themloaibaocao.js\";\r\nimport Capnhatloaibaocao from \"components/Danhmuc/Loaibaocao/Capnhatloaibaocao.js\";\r\nimport Modal from \"@mui/material/Modal\";\r\nimport FormControl from \"@mui/material/FormControl\";\r\nimport GridItemLogin from \"components/Grid/GridItemLogin.js\";\r\nimport Card from \"components/Card/Card.js\";\r\nimport CardHeader from \"components/Card/CardHeadertab.js\";\r\nimport CloseIcon from \"@mui/icons-material/Close\";\r\nimport Snackbar from \"components/Snackbar/Snackbar.js\";\r\nimport AddAlert from \"@material-ui/icons/AddAlert\";\r\nimport styles from \"assets/jss/material-dashboard-react/components/tableviewStyle.js\";\r\nconst useStyles = makeStyles(styles);\r\nimport Config from \"conFig.js\";\r\n\r\nconst datagridSx = {\r\n [`& .${gridClasses.cell}`]: {\r\n py: 1,\r\n },\r\n [`& .center`]: {\r\n justifyContent: \"center !important\",\r\n },\r\n borderRadius: 2,\r\n \"& .MuiDataGrid-main\": { borderRadius: 2 },\r\n \"& .MuiDataGrid-virtualScrollerRenderZone\": {\r\n \"& .MuiDataGrid-row\": {\r\n \"&:nth-of-type(2n)\": { backgroundColor: \"rgba(235, 235, 235, .7)\" },\r\n },\r\n },\r\n \"& .MuiDataGrid-columnHeaders\": {\r\n backgroundColor: \"rgba(0,0,255,0.6)\",\r\n color: \"rgb(255 255 255)\",\r\n fontSize: 16,\r\n },\r\n \"& .MuiInputBase-root\": {\r\n height: \"25px\",\r\n },\r\n};\r\nconst loaicolumn = [\r\n {\r\n field: \"id\",\r\n headerName: \"STT\",\r\n width: 120,\r\n headerAlign: \"center\",\r\n },\r\n {\r\n field: \"ten\",\r\n headerName: \"Tên loại báo cáo\",\r\n width: 400,\r\n headerAlign: \"center\",\r\n },\r\n {\r\n field: \"ma\",\r\n headerName: \"Mã loại báo cáo\",\r\n width: 200,\r\n headerAlign: \"center\",\r\n },\r\n];\r\n\r\nexport default function Loaibaocao() {\r\n const classes = useStyles();\r\n const [pageSize, setPageSize] = React.useState(50);\r\n const [loaibaocao, setLoaibaocao] = React.useState([]);\r\n const [openthem, setOpenthem] = React.useState(false);\r\n const [opensua, setOpensua] = React.useState(false);\r\n const [loai_id, setLoai_id] = React.useState(0);\r\n const [disableBT, setDisableBT] = React.useState(true);\r\n const [alert, setAlert] = React.useState(false);\r\n const handleClose = () => {\r\n setOpenthem(false);\r\n getloaibaocao();\r\n };\r\n const handleClosesua = () => {\r\n setOpensua(false);\r\n getloaibaocao();\r\n };\r\n const openthembc = () => {\r\n setOpenthem(true);\r\n };\r\n const quickSearchToolbar = () => {\r\n return (\r\n \r\n row.id}\r\n rows={loaibaocao}\r\n columns={loaicolumn}\r\n checkboxSelection={false}\r\n getRowHeight={() => \"auto\"}\r\n headerHeight={35}\r\n sx={datagridSx}\r\n pageSize={pageSize}\r\n onPageSizeChange={(newPageSize) => setPageSize(newPageSize)}\r\n rowsPerPageOptions={[20, 50, 100]}\r\n pagination\r\n initialState={{\r\n filter: {\r\n filterModel: {\r\n items: [],\r\n quickFilterLogicOperator: GridLinkOperator.Or,\r\n },\r\n },\r\n }}\r\n components={{ Toolbar: quickSearchToolbar }}\r\n onRowClick={(params) => {\r\n setDisableBT(false);\r\n setLoai_id(Number(params.row.id));\r\n }}\r\n onCellDoubleClick={(params, event) => {\r\n if (!event.ctrlKey) {\r\n setOpensua(true);\r\n }\r\n }}\r\n />\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Thêm loại báo cáo\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Cập nhật loại báo cáo\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n row.id}\r\n rows={listUsers}\r\n columns={userscolumn}\r\n // rowsPerPageOptions={[]}\r\n // hideFooter={true}\r\n checkboxSelection={false}\r\n onCellDoubleClick={(params, event) => {\r\n if (!event.ctrlKey) {\r\n setUpdateObj(params.row);\r\n event.defaultMuiPrevented = true;\r\n setOpenupdateuser(true);\r\n }\r\n }}\r\n onRowClick={(params, event) => {\r\n setUpdateLoaiUser(params.row.isActive);\r\n setUpdateId(params.row.id);\r\n event.defaultMuiPrevented = true;\r\n setDisableBT(false);\r\n }}\r\n getRowHeight={() => \"auto\"}\r\n headerHeight={35}\r\n sx={datagridSx}\r\n pageSize={pageSize}\r\n onPageSizeChange={(newPageSize) => setPageSize(newPageSize)}\r\n rowsPerPageOptions={[20, 50, 100]}\r\n pagination\r\n initialState={{\r\n filter: {\r\n filterModel: {\r\n items: [],\r\n quickFilterLogicOperator: GridLinkOperator.Or,\r\n },\r\n },\r\n }}\r\n components={{ Toolbar: quickSearchToolbar }}\r\n />\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n Thêm user\r\n \r\n \r\n \r\n \r\n \r\n \r\n {\r\n const obj = {\r\n ...addObj,\r\n firstName: event.target.value,\r\n };\r\n setAddObj(obj);\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n {\r\n const obj = {\r\n ...addObj,\r\n username: event.target.value,\r\n };\r\n setAddObj(obj);\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n \r\n Chọn role\r\n \r\n {\r\n const obj = {\r\n ...addObj,\r\n role: event.target.value,\r\n };\r\n setAddObj(obj);\r\n }}\r\n size=\"small\"\r\n >\r\n {typeof roles === \"object\" &&\r\n roles.map((prop, i) => {\r\n return (\r\n \r\n );\r\n })}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Thêm\r\n \r\n \r\n Trở về\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n {/* E--Thêm user--E */}\r\n {/* S--Sửa user--S */}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Cập nhật user\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {\r\n const obj = {\r\n ...updateObj,\r\n firstName: event.target.value,\r\n };\r\n setUpdateObj(obj);\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Chọn role\r\n \r\n {\r\n const obj = {\r\n ...updateObj,\r\n role: event.target.value,\r\n };\r\n setUpdateObj(obj);\r\n }}\r\n size=\"small\"\r\n >\r\n {typeof roles === \"object\" &&\r\n roles.map((prop, i) => {\r\n return (\r\n \r\n );\r\n })}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Cập nhật\r\n \r\n \r\n Trở về\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n {/* E--Sửa user--E */}\r\n\r\n {/* S--Warning modal--S */}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Thông báo\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Trở về\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n {/* E--Upload roles--E */}\r\n {warrningContent}
\r\n\r\n row.id}\r\n rows={user}\r\n columns={usercolumn}\r\n rowsPerPageOptions={[]}\r\n //hideFooter={true}\r\n onRowClick={(params) => {\r\n getchudautubyusername(true, params.row.username);\r\n setUser_id(params.row.id);\r\n setDisableBT1(false);\r\n }}\r\n getRowHeight={() => \"auto\"}\r\n headerHeight={35}\r\n sx={datagridSx}\r\n initialState={{\r\n filter: {\r\n filterModel: {\r\n items: [],\r\n quickFilterLogicOperator: GridLinkOperator.Or,\r\n },\r\n },\r\n }}\r\n components={{ Toolbar: quickSearchToolbar }}\r\n />\r\n
\r\n \r\n row.id}\r\n rows={chudautu}\r\n columns={cdtcolumns}\r\n selectionModel={chudautuSL}\r\n //hideFooter={true}\r\n checkboxSelection\r\n onSelectionModelChange={(selection) => {\r\n if (selection.length > 1) {\r\n const selectionSet = new Set(chudautuSL);\r\n const result = selection.filter((s) => !selectionSet.has(s));\r\n setChudautu_id(result[0]);\r\n setChudautuSL(result);\r\n } else {\r\n setChudautu_id(selection[0]);\r\n setChudautuSL(selection);\r\n }\r\n }}\r\n rowHeight={30}\r\n headerHeight={35}\r\n sx={datagridSx}\r\n initialState={{\r\n filter: {\r\n filterModel: {\r\n items: [],\r\n quickFilterLogicOperator: GridLinkOperator.Or,\r\n },\r\n },\r\n }}\r\n components={{ Toolbar: quickSearchToolbar }}\r\n />\r\n
\r\n \r\n row.id}\r\n rows={user}\r\n columns={usercolumn}\r\n rowsPerPageOptions={[]}\r\n hideFooter={true}\r\n onRowClick={(params) => {\r\n getduanbyuser(true, params.row.username);\r\n setUser_id(params.row.id);\r\n }}\r\n getRowHeight={() => \"auto\"}\r\n headerHeight={35}\r\n sx={datagridSx}\r\n initialState={{\r\n filter: {\r\n filterModel: {\r\n items: [],\r\n quickFilterLogicOperator: GridLinkOperator.Or,\r\n },\r\n },\r\n }}\r\n components={{ Toolbar: quickSearchToolbar }}\r\n />\r\n
\r\n \r\n row.id}\r\n rows={duan}\r\n columns={duancolumns}\r\n rowsPerPageOptions={[]}\r\n selectionModel={initduan}\r\n checkboxSelection\r\n onSelectionModelChange={(ids) => {\r\n setInitduan(ids);\r\n const selectedIDs = new Set(ids);\r\n const selectedRows = duan.filter((row) =>\r\n selectedIDs.has(row.id)\r\n );\r\n setSelectedduanRows(selectedRows);\r\n }}\r\n getRowHeight={() => \"auto\"}\r\n headerHeight={35}\r\n sx={datagridSx}\r\n initialState={{\r\n filter: {\r\n filterModel: {\r\n items: [],\r\n quickFilterLogicOperator: GridLinkOperator.Or,\r\n },\r\n },\r\n }}\r\n components={{ Toolbar: quickSearchToolbar }}\r\n />\r\n
\r\n \r\n row.rolE_ID}\r\n rows={roles}\r\n columns={rolescolumn}\r\n checkboxSelection={false}\r\n onRowClick={(params, event) => {\r\n setDeleteId(params.row.rolE_ID);\r\n event.defaultMuiPrevented = true;\r\n }}\r\n rowHeight={30}\r\n headerHeight={35}\r\n pageSize={pageSize}\r\n onPageSizeChange={(newPageSize) => setPageSize(newPageSize)}\r\n rowsPerPageOptions={[20, 50, 100]}\r\n pagination\r\n sx={datagridSx}\r\n initialState={{\r\n filter: {\r\n filterModel: {\r\n items: [],\r\n quickFilterLogicOperator: GridLinkOperator.Or,\r\n },\r\n },\r\n }}\r\n components={{ Toolbar: quickSearchToolbar }}\r\n />\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n Thêm roles\r\n \r\n \r\n \r\n \r\n \r\n \r\n {\r\n const obj = {\r\n ...addObj,\r\n role_Id: event.target.value,\r\n };\r\n setAddObj(obj);\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n {\r\n const obj = {\r\n ...addObj,\r\n rolE_NAME: event.target.value,\r\n };\r\n setAddObj(obj);\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n {\r\n const obj = {\r\n ...addObj,\r\n ghI_CHU: event.target.value,\r\n };\r\n setAddObj(obj);\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Thêm\r\n \r\n \r\n Trở về\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n {/* E--Thêm roles--E */}\r\n\r\n {/* S--Xóa role--S */}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Xóa role\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Xóa\r\n \r\n \r\n Trở về\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n {/* E--Xóa role--E */}\r\n\r\n {/* S--Warning modal--S */}\r\n \r\n Bạn có muốn xóa role {deleteId} ?\r\n
\r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Thông báo\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Trở về\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n {warrningContent}
\r\n\r\n row.pmS_ID}\r\n rows={listpermission}\r\n columns={permissionscolumn}\r\n checkboxSelection={false}\r\n onCellDoubleClick={(params, event) => {\r\n if (!event.ctrlKey) {\r\n setUpdateObj(params.row);\r\n event.defaultMuiPrevented = true;\r\n setOpenupdatepermission(true);\r\n }\r\n }}\r\n onRowClick={(params, event) => {\r\n setDeleteLoaiPermission(params.row.pmS_NAME);\r\n setDeleteId(params.row.pmS_ID);\r\n event.defaultMuiPrevented = true;\r\n }}\r\n rowHeight={30}\r\n headerHeight={35}\r\n pageSize={pageSize}\r\n onPageSizeChange={(newPageSize) => setPageSize(newPageSize)}\r\n rowsPerPageOptions={[20, 50, 100]}\r\n pagination\r\n sx={datagridSx}\r\n initialState={{\r\n filter: {\r\n filterModel: {\r\n items: [],\r\n quickFilterLogicOperator: GridLinkOperator.Or,\r\n },\r\n },\r\n }}\r\n components={{ Toolbar: quickSearchToolbar }}\r\n />\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n Thêm permission\r\n \r\n \r\n \r\n \r\n \r\n \r\n {\r\n const obj = {\r\n ...addObj,\r\n pmS_NAME: event.target.value,\r\n };\r\n setAddObj(obj);\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n {\r\n const obj = {\r\n ...addObj,\r\n ctL_NAME: event.target.value,\r\n };\r\n setAddObj(obj);\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n {\r\n const obj = {\r\n ...addObj,\r\n ghI_CHU: event.target.value,\r\n };\r\n setAddObj(obj);\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Thêm\r\n \r\n \r\n Trở về\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n {/* E--Thêm permission--E */}\r\n {/* S--Sửa permission--S */}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Cập nhật permission\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {\r\n const obj = {\r\n ...updateObj,\r\n pmS_NAME: event.target.value,\r\n };\r\n setUpdateObj(obj);\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n {\r\n const obj = {\r\n ...updateObj,\r\n ctL_NAME: event.target.value,\r\n };\r\n setUpdateObj(obj);\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n {\r\n const obj = {\r\n ...updateObj,\r\n ghI_CHU: event.target.value,\r\n };\r\n setUpdateObj(obj);\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Cập nhật\r\n \r\n \r\n Trở về\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n {/* E--Sửa permission--E */}\r\n\r\n {/* S--Xóa permission--S */}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Xóa permission\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Xóa\r\n \r\n \r\n Trở về\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n {/* E--Xóa permission--E */}\r\n\r\n {/* S--Warning modal--S */}\r\n \r\n Bạn có muốn xóa permission{\" \"}\r\n {deleteLoaiPermission} ?\r\n
\r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Warning\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Trở về\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n {/* E--Warning permission--E */}\r\n\r\n {/* S--Upload modal--S */}\r\n {warrningContent}
\r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Upload\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Thêm\r\n \r\n \r\n Trở về\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n {/* E--Upload permission--E */}\r\n {/* S--Upload modal--S */}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Upload\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Thêm\r\n \r\n \r\n Trở về\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n {/* E--Upload roles--E */}\r\n \r\n row.id}\r\n rows={value}\r\n columns={value}\r\n checkboxSelection={false}\r\n rowHeight={30}\r\n headerHeight={35}\r\n sx={{\r\n [`& .${gridClasses.cell}`]: {\r\n py: 1,\r\n },\r\n [`& .center`]: {\r\n justifyContent: \"center !important\",\r\n },\r\n }}\r\n pageSize={pageSize}\r\n onPageSizeChange={(newPageSize) =>\r\n setPageSize(newPageSize)\r\n }\r\n rowsPerPageOptions={[20, 50, 100]}\r\n pagination\r\n />\r\n
\r\n \r\n row.id}\r\n rows={listmenu}\r\n columns={menuscolumn}\r\n checkboxSelection={false}\r\n onCellDoubleClick={(params, event) => {\r\n if (!event.ctrlKey) {\r\n setUpdateObj(params.row);\r\n event.defaultMuiPrevented = true;\r\n setOpenupdatemenu(true);\r\n }\r\n }}\r\n onRowClick={(params, event) => {\r\n setDeleteLoaiMenu(params.row.name);\r\n setDeleteId(params.row.id);\r\n event.defaultMuiPrevented = true;\r\n }}\r\n rowHeight={30}\r\n headerHeight={35}\r\n pageSize={pageSize}\r\n onPageSizeChange={(newPageSize) => setPageSize(newPageSize)}\r\n rowsPerPageOptions={[20, 50, 100]}\r\n pagination\r\n sx={datagridSx}\r\n initialState={{\r\n filter: {\r\n filterModel: {\r\n items: [],\r\n quickFilterLogicOperator: GridLinkOperator.Or,\r\n },\r\n },\r\n }}\r\n components={{ Toolbar: quickSearchToolbar }}\r\n />\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n Thêm menu\r\n \r\n \r\n \r\n \r\n \r\n \r\n {\r\n const obj = {\r\n ...addObj,\r\n name: event.target.value,\r\n };\r\n setAddObj(obj);\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n {\r\n const obj = {\r\n ...addObj,\r\n path: event.target.value,\r\n };\r\n setAddObj(obj);\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n {\r\n const obj = {\r\n ...addObj,\r\n component: event.target.value,\r\n };\r\n setAddObj(obj);\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n {\r\n const obj = {\r\n ...addObj,\r\n layout: event.target.value,\r\n };\r\n setAddObj(obj);\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n {\r\n const obj = {\r\n ...addObj,\r\n sub: event.target.value,\r\n };\r\n setAddObj(obj);\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Thêm\r\n \r\n \r\n Trở về\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n {/* E--Thêm menu--E */}\r\n {/* S--Sửa menu--S */}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Cập nhật menu\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {\r\n const obj = {\r\n ...updateObj,\r\n name: event.target.value,\r\n };\r\n setUpdateObj(obj);\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n {\r\n const obj = {\r\n ...updateObj,\r\n path: event.target.value,\r\n };\r\n setUpdateObj(obj);\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n {\r\n const obj = {\r\n ...updateObj,\r\n component: event.target.value,\r\n };\r\n setUpdateObj(obj);\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n {\r\n const obj = {\r\n ...updateObj,\r\n layout: event.target.value,\r\n };\r\n setUpdateObj(obj);\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n {\r\n const obj = {\r\n ...updateObj,\r\n sub: event.target.value,\r\n };\r\n setUpdateObj(obj);\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Cập nhật\r\n \r\n \r\n Trở về\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n {/* E--Sửa menu--E */}\r\n\r\n {/* S--Xóa menu--S */}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Xóa menu\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Xóa\r\n \r\n \r\n Trở về\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n {/* E--Xóa menu--E */}\r\n\r\n {/* S--Warning modal--S */}\r\n \r\n Bạn có muốn xóa menu {deleteLoaiMenu} ?\r\n
\r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Warning\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Trở về\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n {/* E--Warning menu--E */}\r\n\r\n {/* S--Upload modal--S */}\r\n {warrningContent}
\r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Upload\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Thêm\r\n \r\n \r\n Trở về\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n {/* E--Upload menu--E */}\r\n {/* S--Upload modal--S */}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Upload\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Thêm\r\n \r\n \r\n Trở về\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n {/* E--Upload roles--E */}\r\n \r\n row.id}\r\n rows={value}\r\n columns={value}\r\n checkboxSelection={false}\r\n rowHeight={30}\r\n headerHeight={45}\r\n sx={{\r\n [`& .${gridClasses.cell}`]: {\r\n py: 1,\r\n },\r\n [`& .center`]: {\r\n justifyContent: \"center !important\",\r\n },\r\n }}\r\n pageSize={pageSize}\r\n onPageSizeChange={(newPageSize) =>\r\n setPageSize(newPageSize)\r\n }\r\n rowsPerPageOptions={[20, 50, 100]}\r\n pagination\r\n />\r\n
\r\n \r\n row.rolE_ID}\r\n rows={roles}\r\n columns={rolecolumns}\r\n rowsPerPageOptions={[]}\r\n hideFooter={true}\r\n checkboxSelection={false}\r\n onSelectionModelChange={(ids) => {\r\n const selectedIDs = new Set(ids);\r\n const selectedRows = roles.filter((row) =>\r\n selectedIDs.has(row.rolE_ID)\r\n );\r\n setSelectedroleRows(selectedRows);\r\n }}\r\n rowHeight={30}\r\n headerHeight={35}\r\n sx={datagridSx}\r\n initialState={{\r\n filter: {\r\n filterModel: {\r\n items: [],\r\n quickFilterLogicOperator: GridLinkOperator.Or,\r\n },\r\n },\r\n }}\r\n components={{ Toolbar: quickSearchToolbar }}\r\n />\r\n
\r\n \r\n row.id}\r\n rows={menus}\r\n columns={phanquyenmenucolumn}\r\n rowsPerPageOptions={[]}\r\n hideFooter={true}\r\n selectionModel={initmenu}\r\n checkboxSelection\r\n onSelectionModelChange={(ids) => {\r\n setInitmenu(ids);\r\n const selectedIDs = new Set(ids);\r\n const selectedRows = menus.filter((row) =>\r\n selectedIDs.has(row.id)\r\n );\r\n setSelectedmenuRows(selectedRows);\r\n }}\r\n rowHeight={30}\r\n headerHeight={35}\r\n sx={datagridSx}\r\n initialState={{\r\n filter: {\r\n filterModel: {\r\n items: [],\r\n quickFilterLogicOperator: GridLinkOperator.Or,\r\n },\r\n },\r\n }}\r\n components={{ Toolbar: quickSearchToolbar }}\r\n />\r\n
\r\n \r\n row.rolE_ID}\r\n rows={roles}\r\n columns={rolecolumns}\r\n rowsPerPageOptions={[]}\r\n hideFooter={true}\r\n checkboxSelection={false}\r\n onSelectionModelChange={(ids) => {\r\n const selectedIDs = new Set(ids);\r\n const selectedRows = roles.filter((row) =>\r\n selectedIDs.has(row.rolE_ID)\r\n );\r\n setSelectedroleRows(selectedRows);\r\n }}\r\n rowHeight={30}\r\n headerHeight={35}\r\n sx={datagridSx}\r\n initialState={{\r\n filter: {\r\n filterModel: {\r\n items: [],\r\n quickFilterLogicOperator: GridLinkOperator.Or,\r\n },\r\n },\r\n }}\r\n components={{ Toolbar: quickSearchToolbar }}\r\n />\r\n
\r\n \r\n row.pmS_ID}\r\n rows={permissions}\r\n columns={permissionscolumn}\r\n rowsPerPageOptions={[]}\r\n hideFooter={true}\r\n selectionModel={initpermission}\r\n checkboxSelection\r\n onSelectionModelChange={(ids) => {\r\n setInitpermission(ids);\r\n const selectedIDs = new Set(ids);\r\n const selectedRows = permissions.filter((row) =>\r\n selectedIDs.has(row.pmS_ID)\r\n );\r\n setSelectedpermissionRows(selectedRows);\r\n }}\r\n rowHeight={30}\r\n headerHeight={35}\r\n sx={datagridSx}\r\n initialState={{\r\n filter: {\r\n filterModel: {\r\n items: [],\r\n quickFilterLogicOperator: GridLinkOperator.Or,\r\n },\r\n },\r\n }}\r\n components={{ Toolbar: quickSearchToolbar }}\r\n />\r\n
\r\n \n
\n );\n}\n","import React from \"react\";\nimport CustomTabsGrid from \"components/CustomTabs/CustomTabsGrid.js\";\nimport Themmoiduan from \"components/Duan/Themmoiduan.js\";\n\nexport default function QLduan() {\n return (\n \n
\n );\n}\n","import React from \"react\";\nimport CustomTabsGrid from \"components/CustomTabs/CustomTabsGrid.js\";\nimport Dieuchinhduan from \"components/Duan/Dieuchinh/Dieuchinhduan.js\";\n\nexport default function DCduan() {\n return (\n \n
\n );\n}\n","import React from \"react\";\nimport CustomTabsGrid from \"components/CustomTabs/CustomTabsGrid.js\";\nimport Hoatdong from \"components/Duan/Hoatdongketthucthuhoi/Hoatdong.js\";\nimport Ketthuc from \"components/Duan/Hoatdongketthucthuhoi/Ketthuc.js\";\nimport Thuhoi from \"components/Duan/Hoatdongketthucthuhoi/Thuhoi.js\";\n\nexport default function Hoatdongketthucthuhoi() {\n return (\n \n
\n );\n}\n","import React from \"react\";\nimport CustomTabsGrid from \"components/CustomTabs/CustomTabsGrid.js\";\nimport Kyquy from \"components/Duan/Tinhtrangkyquy/Kyquy.js\";\nimport Nopm3 from \"components/Duan/Tinhtrangkyquy/Nopm3.js\";\n\nexport default function TTkyquy() {\n return (\n \n
\n );\n}\n","import React from \"react\";\nimport CustomTabsGrid from \"components/CustomTabs/CustomTabsGrid.js\";\nimport Vipham from \"components/Duan/Vipham/Vipham.js\";\n\nexport default function TTVipham() {\n return (\n \n
\n );\n}\n","import React from \"react\";\r\nimport CustomTabsGrid from \"components/CustomTabs/CustomTabsGrid.js\";\r\nimport Quanlyfile from \"components/Quanlyfile/Quanlyfile.js\";\r\nexport default function Doituong() {\r\n return (\r\n \r\n
\r\n );\r\n}\r\n","import React from \"react\";\nimport CustomTabsGrid from \"components/CustomTabs/CustomTabsGrid.js\";\nimport Baocaoduan from \"components/Baocaoduan/Baocaoduan.js\";\nimport Canhbao from \"components/Duan/Canhbao/Canhbao.js\";\n\nexport default function BCduan() {\n return (\n \n
\n );\n}\n","import React from \"react\";\r\nimport CustomTabsGrid from \"components/CustomTabs/CustomTabsGrid.js\";\r\nimport Xembaocaoduan from \"components/Baocaoduan/Xembaocaoduan.js\";\r\nimport Thongkecanhbao from \"components/Duan/Canhbao/Thongkecanhbao.js\";\r\nimport Thongkechuabaocaolannao from \"components/Duan/Canhbao/Thongkechuabaocaolannao.js\";\r\n\r\nexport default function XBCduan() {\r\n return (\r\n \r\n
\r\n );\r\n}\r\n","import React from \"react\";\nimport CustomTabsGrid from \"components/CustomTabs/CustomTabsGrid.js\";\nimport Baocaophuluc from \"components/Baocaophuluc/Baocaophuluc.js\";\nimport Baocaotonghop from \"components/Baocaophuluc/Baocaotonghop.js\";\n\nexport default function BCphuluc() {\n return (\n \n
\n );\n}\n","import React from \"react\";\nimport CustomTabsGrid from \"components/CustomTabs/CustomTabsGrid.js\";\nimport Chudautu from \"components/Danhmuc/Chudautu/Chudautu.js\";\n\nexport default function Dmchudautu() {\n return (\n \n
\n );\n}\n","import React from \"react\";\nimport CustomTabsGrid from \"components/CustomTabs/CustomTabsGrid.js\";\nimport Danhmucquocgia from \"components/Danhmuc/Quocgia/Quocgia.js\";\nimport Danhmucdiadanh from \"components/Danhmuc/Diadanh/Danhmucdiadanh.js\";\n\nexport default function Dmdiadanh() {\n return (\n \n
\n );\n}\n","import React from \"react\";\nimport CustomTabsGrid from \"components/CustomTabs/CustomTabsGrid.js\";\nimport Tinhtrangduan from \"components/Danhmuc/Tinhtrangduan/Tinhtrangduan.js\";\nimport Tinhtrangkiemtra from \"components/Danhmuc/Tinhtrangkiemtra/Tinhtrangkiemtra.js\";\nimport Tinhtrangkyquy from \"components/Danhmuc/Tinhtrangkyquy/Tinhtrangkyquy.js\";\nimport Tinhtrangnopngansach from \"components/Danhmuc/Tinhtrangnopngansach/Tinhtrangnopngansach.js\";\nimport Tinhtrangvipham from \"components/Danhmuc/Tinhtrangvipham/Tinhtrangvipham.js\";\n\nexport default function Dmtinhtrang() {\n return (\n \n
\n );\n}\n","import React from \"react\";\nimport CustomTabsGrid from \"components/CustomTabs/CustomTabsGrid.js\";\nimport Donvitiente from \"components/Danhmuc/Donvitiente/Donvitiente.js\";\nimport Nguonvondautu from \"components/Danhmuc/Nguonvondautu/Nguonvondautu.js\";\nimport Khuvucdautu from \"components/Danhmuc/Khuvucdautu/Khuvucdautu.js\";\nimport Danhmuclinhvuc from \"components/Danhmuc/Linhvuc/Linhvuc.js\";\nimport Loaibaocao from \"components/Danhmuc/Loaibaocao/Loaibaocao.js\";\n\nexport default function Dmdungchung() {\n return (\n \n
\n );\n}\n","import React from \"react\";\r\nimport CustomTabsGrid from \"components/CustomTabs/CustomTabsGrid.js\";\r\nimport Users from \"components/Users/Users.js\";\r\nimport Chudautuuser from \"components/Users/Chudautuuser.js\";\r\nimport Duanuser from \"components/Duan/Ganuser/Duanuser.js\";\r\n// import Config from \"conFig.js\";\r\n\r\nexport default function Quantriuser() {\r\n return (\r\n \r\n
\r\n );\r\n}\r\n","import React from \"react\";\r\nimport CustomTabsGrid from \"components/CustomTabs/CustomTabsGrid.js\";\r\n//import Tasks from \"components/Tasks/Tasks.js\";\r\nimport Roles from \"components/Roles/Roles.js\";\r\nimport Permissions from \"components/Permissions/Permissions.js\";\r\nimport Menus from \"components/Menus/Menus.js\";\r\nimport PhanQuyenMenu from \"components/PhanQuyenMenu/PhanQuyenMenu.js\";\r\nimport RolePermission from \"components/RolePermission/RolePermission.js\";\r\n\r\nexport default function RolesMenuPermission() {\r\n return (\r\n \r\n
\r\n );\r\n}\r\n","import {\n container,\n defaultFont,\n primaryColor,\n defaultBoxShadow,\n infoColor,\n successColor,\n warningColor,\n dangerColor,\n whiteColor,\n grayColor,\n} from \"assets/jss/material-dashboard-react.js\";\n\nconst headerStyle = () => ({\n appBar: {\n //backgroundColor: \"transparent\",\n boxShadow: \"none\",\n borderBottom: \"0\",\n marginBottom: \"0\",\n position: \"absolute\",\n width: \"100%\",\n //paddingTop: \"10px\",\n zIndex: \"1029\",\n color: grayColor[7],\n border: \"0\",\n borderRadius: \"3px\",\n //padding: \"10px 0\",\n //transition: \"all 150ms ease 0s\",\n minHeight: \"50px\",\n display: \"block\",\n marginTop: \"-10px\",\n //backgroundColor: \"rgba(0, 0, 0, 0.87)\",\n },\n container: {\n ...container,\n minHeight: \"50px\",\n backgroundImage: \"linear-gradient(to bottom, #e5e5e5, #e3e3e3)\",\n },\n flex: {\n flex: 1,\n },\n title: {\n ...defaultFont,\n letterSpacing: \"unset\",\n lineHeight: \"30px\",\n fontSize: \"20px\",\n borderRadius: \"3px\",\n textTransform: \"none\",\n color: \"#d900d2\",\n margin: \"0\",\n \"&:hover,&:focus\": {\n background: \"transparent\",\n },\n textShadow: \"1px 1px #052ab1\",\n fontWeight: \"700\",\n },\n appResponsive: {\n top: \"8px\",\n },\n primary: {\n backgroundColor: primaryColor[0],\n color: whiteColor,\n ...defaultBoxShadow,\n },\n info: {\n backgroundColor: infoColor[0],\n color: whiteColor,\n ...defaultBoxShadow,\n },\n success: {\n backgroundColor: successColor[0],\n color: whiteColor,\n ...defaultBoxShadow,\n },\n warning: {\n backgroundColor: warningColor[0],\n color: whiteColor,\n ...defaultBoxShadow,\n },\n danger: {\n backgroundColor: dangerColor[0],\n color: whiteColor,\n ...defaultBoxShadow,\n },\n});\n\nexport default headerStyle;\n","import React from \"react\";\nimport classNames from \"classnames\";\nimport PropTypes from \"prop-types\";\n// @material-ui/core components\nimport { makeStyles } from \"@material-ui/core/styles\";\nimport AppBar from \"@material-ui/core/AppBar\";\nimport Toolbar from \"@material-ui/core/Toolbar\";\nimport IconButton from \"@material-ui/core/IconButton\";\nimport Hidden from \"@material-ui/core/Hidden\";\n// @material-ui/icons\nimport Menu from \"@material-ui/icons/Menu\";\n// core components\nimport AdminNavbarLinks from \"./AdminNavbarLinks.js\";\nimport RTLNavbarLinks from \"./RTLNavbarLinks.js\";\nimport Button from \"components/CustomButtons/Button.js\";\n\n//hooks\nimport { useRouteName } from \"hooks\";\n\nimport styles from \"assets/jss/material-dashboard-react/components/headerStyle.js\";\n\nconst useStyles = makeStyles(styles);\n\nexport default function Header(props) {\n const classes = useStyles();\n const routeName = useRouteName();\n const { color } = props;\n const appBarClasses = classNames({\n [\" \" + classes[color]]: color,\n });\n return (\n \n {/* Here we create navbar brand, based on route name */}\n \n
\n - \n {routes.map((prop, key) => {\n var listItemClasses;\n listItemClasses = classNames({\n [\" \" + classes[color]]: activeRoute(prop.layout + prop.path),\n });\n var listItemClassesSub;\n listItemClassesSub = classNames({\n [\" \" + classes[subcolor]]: activeRoute(prop.layout + prop.path),\n });\n const whiteFontClasses = classNames({\n [\" \" + classes.whiteFont]: activeRoute(prop.layout + prop.path),\n });\n return (\n
\n \n
\n );\n return (\n \n 
\n
\n {logoText}\n \n \n \n \n {brand}\n \n \n \n {brand}\n \n
\n );\n}\n\nSidebar.propTypes = {\n rtlActive: PropTypes.bool,\n handleDrawerToggle: PropTypes.func,\n bgColor: PropTypes.oneOf([\"purple\", \"blue\", \"green\", \"orange\", \"red\"]),\n logo: PropTypes.string,\n image: PropTypes.string,\n logoText: PropTypes.string,\n routes: PropTypes.arrayOf(PropTypes.object),\n open: PropTypes.bool,\n};\n","export default __webpack_public_path__ + \"static/media/sidebar-1.0a127c58.jpg\";","export default __webpack_public_path__ + \"static/media/sidebar-2.22f68ba5.jpg\";","export default __webpack_public_path__ + \"static/media/sidebar-3.e667b13e.jpg\";","export default __webpack_public_path__ + \"static/media/sidebar-4.dd4b5581.jpg\";","/*eslint-disable*/\nimport React, { Component } from \"react\";\n// nodejs library to set properties for components\nimport PropTypes from \"prop-types\";\n// nodejs library that concatenates classes\nimport classnames from \"classnames\";\n\nimport imagine1 from \"assets/img/sidebar-1.jpg\";\nimport imagine2 from \"assets/img/sidebar-2.jpg\";\nimport imagine3 from \"assets/img/sidebar-3.jpg\";\nimport imagine4 from \"assets/img/sidebar-4.jpg\";\n\nimport Button from \"components/CustomButtons/Button.js\";\n\nexport default function FixedPlugin(props) {\n\n const [classes, setClasses] = React.useState(\"dropdown show\");\n const [bg_checked, setBg_checked] = React.useState(true);\n const [bgImage, setBgImage] = React.useState(props.bgImage);\n const handleClick = () => {\n props.handleFixedClick();\n };\n return (\n \n {props.rtlActive ?
\n {image !== undefined ? (\n {links}
\n {image !== undefined ? (\n \n
\n );\n}\n","export default __webpack_public_path__ + \"static/media/Menu.49f9a2e2.png\";","import React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport { Route, Redirect } from \"react-router-dom\";\r\n\r\nexport default function protectedroute({\r\n path,\r\n component: Component,\r\n ...rest\r\n}) {\r\n const checkpermission = () => {\r\n var menus = JSON.parse(localStorage.getItem(\"menus\"));\r\n if (menus.includes(path)) {\r\n return true;\r\n }\r\n return false;\r\n };\r\n React.useEffect(() => {\r\n checkpermission();\r\n }, []);\r\n return (\r\n \n
\n \n
\n ) : (\n {switchRoutes}
\n {switchRoutes}
\n )}\n