(this.alertRef.current = ref)} />\r\n \r\n );\r\n }\r\n}\r\n\r\nW09F2003.propType = {\r\n open: propTypes.bool,\r\n onClose: propTypes.func,\r\n};\r\n\r\nexport default compose(\r\n connect(\r\n state => ({}),\r\n dispatch => ({\r\n userActions: bindActionCreators(userActions, dispatch),\r\n })\r\n ),\r\n withStyles(styles)\r\n)(W09F2003);\r\n","import React from \"react\";\r\nimport Config from \"../../../../config/index\";\r\nimport propType from \"prop-types\";\r\nimport W09F2200 from \"../W09F2200/W09F2200\";\r\nimport {Row, Col, TextInput, ButtonIcon, Avatar, Typography} from \"diginet-core-ui/components\";\r\nimport { makeStyles } from \"diginet-core-ui/theme\";\r\nconst useStyles = makeStyles(theme => ({\r\n avatar: {\r\n display: 'flex',\r\n alignItem: \"center\",\r\n justifyContent: \"center\",\r\n [theme.breakpoints.down('sm')]: {\r\n justifyContent:'center'\r\n },\r\n },\r\n}));\r\n\r\nclass W09F2000Employees extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n data: null,\r\n showW09F2200Popup: false,\r\n rowData: {}\r\n };\r\n }\r\n\r\n loadGrid = async () => {\r\n const {mode, onLoad} = this.props;\r\n if (onLoad) {\r\n await onLoad(mode, \"\", (error, data) => {\r\n if (error) {\r\n Config.popup.show(\"ERROR\", error);\r\n return false;\r\n }\r\n this.setState({data: data});\r\n });\r\n }\r\n };\r\n\r\n componentDidMount = async () => {\r\n await this.loadGrid();\r\n };\r\n\r\n onEdit = (caption, oldPropertyID, fieldName, propertyID) => {\r\n const { employeeID } = this.props;\r\n this.setState({\r\n rowData: {\r\n caption,\r\n oldPropertyID,\r\n fieldName,\r\n propertyID,\r\n employeeID\r\n }\r\n });\r\n this.setState({showW09F2200Popup: true});\r\n };\r\n\r\n onCloseModal = () => {\r\n this.setState({showW09F2200Popup: false});\r\n };\r\n\r\n render() {\r\n const classes = useStyles();\r\n const {isHidden} = this.props;\r\n const {data, rowData, showW09F2200Popup} = this.state;\r\n if (!data) return null;\r\n // format date\r\n let date = Config.helpers.getObjectValue(data, 'DateJoined', null);\r\n const value = new Date(date);\r\n date = data && new Intl.DateTimeFormat(\"vi\",{\r\n day:\"2-digit\",\r\n month: \"2-digit\",\r\n year:\"numeric\"\r\n }).format(value);\r\n const user = Config.getUser({EmployeeID: data.EmployeeID || \"\"})\r\n\r\n return(\r\n \r\n {showW09F2200Popup &&
this.onCloseModal()}\r\n mode={\"edit\"}\r\n rowData={rowData}/>}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n this.onEdit(Config.lang(\"Dan_toc\"),\r\n Config.helpers.getObjectValue(data, 'EthnicName', ''),\r\n \"EthnicID\", \"ETHNIC\")}\r\n />}\r\n />\r\n \r\n \r\n this.onEdit(Config.lang(\"Ton_giao\"),\r\n Config.helpers.getObjectValue(data, 'ReligionName', ''),\r\n \"ReligionID\", \"RELIGION\")}\r\n />}\r\n />\r\n \r\n\r\n \r\n this.onEdit(Config.lang(\"Quoc_tich\"),\r\n Config.helpers.getObjectValue(data, 'CountryName', ''),\r\n \"CountryID\", \"COUNTRY\")}\r\n />}\r\n />\r\n \r\n \r\n this.onEdit(Config.lang(\"Que_quan\"),\r\n Config.helpers.getObjectValue(data, 'NativePlace', ''),\r\n \"IDCardPlace\", \"NATIVEPLACE\")}\r\n />}\r\n />\r\n \r\n\r\n \r\n this.onEdit(Config.lang(\"Tinh_trang_hon_nhan\"),\r\n Config.helpers.getObjectValue(data, 'MaritalStatusName', ''),\r\n \"MaritalStatus\", \"MARITALSTATUS\")}\r\n />}\r\n />\r\n \r\n \r\n \r\n \r\n\r\n \r\n {/*Thong tin cong viec*/}\r\n {Config.lang(\"Thong_tin_cong_viec\")}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n\r\n \r\n {/*Chung minh nhan dan*/}\r\n {Config.lang(\"Chung_minh_nhan_dan\")}\r\n \r\n \r\n this.onEdit(Config.lang(\"So_CMND\"),\r\n Config.helpers.getObjectValue(data, 'NumIDCard', ''),\r\n \"\", \"NUMIDCARD\")}\r\n />}\r\n />\r\n \r\n \r\n this.onEdit(Config.lang(\"Ngay_cap_cmnd\"),\r\n Config.convertDate(Config.helpers.getObjectValue(data, 'NumIDCardDate', ''),\r\n \"\", \"DD/MM/YYYY\", true),\"\", \"NUMIDDATE\")}\r\n />}\r\n />\r\n \r\n \r\n this.onEdit(Config.lang(\"Noi_cap_cmnd\"),\r\n Config.helpers.getObjectValue(data, 'NumIDCardPlace', ''),\r\n \"IDCardPlace\", \"NUMIDPLACE\")}\r\n />}\r\n />\r\n \r\n
\r\n \r\n \r\n {/*The can cuoc*/}\r\n {Config.lang(\"The_can_cuoc\")}\r\n \r\n \r\n this.onEdit(Config.lang(\"So_can_cuoc\"),\r\n Config.helpers.getObjectValue(data, 'IDCard', ''),\r\n \"\", \"IDCARD\")}\r\n />}\r\n />\r\n \r\n \r\n this.onEdit(Config.lang(\"Ngay_cap_the_can_cuoc\"),\r\n Config.convertDate(Config.helpers.getObjectValue(data, 'IDCardDate', ''), \"\", \"DD/MM/YYYY\", true)\r\n ,\"\", \"IDCARDDATE\")}\r\n />}\r\n />\r\n \r\n \r\n this.onEdit(Config.lang(\"Noi_cap_the_can_cuoc\"),\r\n Config.helpers.getObjectValue(data, 'IDCardPlace', ''),\r\n \"IDCardPlace\", \"IDCARDPLACE\")}\r\n />}\r\n />\r\n \r\n
\r\n \r\n \r\n {/*Ho chieu*/}\r\n {Config.lang(\"Ho_chieu\")}\r\n \r\n \r\n this.onEdit(Config.lang(\"So_ho_chieu\"),\r\n Config.helpers.getObjectValue(data, 'PassportNo', ''),\r\n \"\",\"PASSPORT\")}\r\n />}\r\n />\r\n \r\n \r\n this.onEdit(Config.lang(\"Ngay_cap_ho_chieu\"),\r\n Config.convertDate(Config.helpers.getObjectValue(data, 'PPDateFrom', ''),\r\n \"\", \"DD/MM/YYYY\", true), \"\",\"PASSPORTBEGIN\")}\r\n />}\r\n />\r\n \r\n \r\n this.onEdit(Config.lang(\"Noi_cap_ho_chieu\"),\r\n Config.helpers.getObjectValue(data, 'PassportPlace', ''),\r\n \"CountryID\",\"PASSPORTPLACE\")}\r\n />}\r\n />\r\n \r\n \r\n this.onEdit(Config.lang(\"Ngay_het_han_ho_chieu\"),\r\n Config.convertDate(Config.helpers.getObjectValue(data, 'PPDateTo', ''), \"\", \"DD/MM/YYYY\", true),\r\n \"\",\"PASSPORTEND\")}\r\n />}\r\n />\r\n \r\n
\r\n \r\n \r\n {/*Hoc van - Chuyen mon*/}\r\n {Config.lang(\"Hoc_van_chuyen_mon\")}\r\n \r\n \r\n this.onEdit(Config.lang(\"Trinh_do_dao_tao\"),\r\n Config.helpers.getObjectValue(data, 'EducationLevelName', ''),\r\n \"EducationLevelID\",\"EDUCATION\")}\r\n />}\r\n />\r\n \r\n \r\n this.onEdit(Config.lang(\"Trinh_do_chuyen_mon\"),\r\n Config.helpers.getObjectValue(data, 'ProfessionalLevelName', ''),\r\n \"ProfessionalLevelID\", \"PROFESSIONAL\")}\r\n />}\r\n />\r\n \r\n \r\n this.onEdit(Config.lang(\"Chuyen_nganh\"),\r\n Config.helpers.getObjectValue(data, 'MajorName', ''),\r\n \"MajorID\", \"MAJOR\")}\r\n />}\r\n />\r\n \r\n \r\n this.onEdit(Config.lang(\"Trinh_do_chinh_tri\"),\r\n Config.helpers.getObjectValue(data, 'PoliticsName', ''),\r\n \"PoliticsID\", \"POLITICS\")}\r\n />}\r\n />\r\n \r\n
\r\n \r\n
\r\n \r\n {showW09F2200Popup && this.onCloseModal()}\r\n mode={\"edit\"}\r\n rowData={rowData}/>}\r\n \r\n \r\n this.onEdit(Config.lang(\"Dien_thoai\"),\r\n Config.helpers.getObjectValue(data, 'Telephone', ''),\r\n \"\", \"TEL\")}\r\n />}\r\n />\r\n \r\n \r\n this.onEdit(Config.lang(\"Di_dong\"),\r\n Config.helpers.getObjectValue(data, 'Mobile', ''),\r\n \"\", \"MOBILE\")}\r\n />}\r\n />\r\n \r\n \r\n this.onEdit(Config.lang(\"Dien_thoai_noi_bo\"),\r\n Config.helpers.getObjectValue(data, 'CompanyTelephone', ''),\r\n \"\", \"CompanyTEL\")}\r\n />}\r\n />\r\n \r\n \r\n this.onEdit(Config.lang(\"Email\"),\r\n Config.helpers.getObjectValue(data, 'Email', '')\r\n ,\"\", \"EMAIL\")}\r\n />}\r\n />\r\n \r\n \r\n this.onEdit(Config.lang(\"Dia_chi_lien_lac\"),\r\n Config.helpers.getObjectValue(data, 'ContactAddress', '')\r\n ,\"\", \"CONADDR\")}\r\n />}\r\n />\r\n \r\n \r\n this.onEdit(Config.lang(\"Dia_chi_thuong_tru\"),\r\n Config.helpers.getObjectValue(data, 'PermanentAddress', ''),\r\n \"\", \"PERADDR\")}\r\n />}\r\n />\r\n \r\n \r\n this.onEdit(Config.lang(\"Dia_chi_tam_tru\"),\r\n Config.helpers.getObjectValue(data, 'TemporaryAddress', ''),\r\n \"\",\"PROADDR\")}\r\n />}\r\n />\r\n \r\n\r\n \r\n {/*Nguoi lien he so 1*/}\r\n {Config.lang(\"Nguoi_lien_he_so_1\")}\r\n \r\n \r\n this.onEdit(Config.lang(\"Ho_va_ten\"),\r\n Config.helpers.getObjectValue(data, 'EmContactName1', ''),\r\n \"\", \"EMCONNAME1\")}\r\n />}\r\n />\r\n \r\n \r\n this.onEdit(Config.lang(\"Quan_he\"),\r\n Config.helpers.getObjectValue(data, 'EmRelationName1', ''),\r\n \"EmRelationID\", \"EMCONREL1\")}\r\n />}\r\n />\r\n \r\n \r\n this.onEdit(Config.lang(\"Dien_thoai\"),\r\n Config.helpers.getObjectValue(data, 'EmContactPhone1', ''),\r\n \"\", \"EMCONPHONE1\")}\r\n />}\r\n />\r\n \r\n \r\n this.onEdit(Config.lang(\"Dia_chi\"),\r\n Config.helpers.getObjectValue(data, 'EmContactAddress1', ''),\r\n \"\", \"EMCONADD1\")}\r\n />}\r\n />\r\n \r\n
\r\n \r\n \r\n {/*Nguoi lien he so 2*/}\r\n {Config.lang(\"Nguoi_lien_he_so_2\")}\r\n \r\n \r\n this.onEdit(Config.lang(\"Ho_va_ten\"),\r\n Config.helpers.getObjectValue(data, 'EmContactName2', ''),\r\n \"\", \"EMCONNAME2\")}\r\n />}\r\n />\r\n \r\n \r\n this.onEdit(Config.lang(\"Quan_he\"),\r\n Config.helpers.getObjectValue(data, 'EmRelationName2', ''),\r\n \"EmRelationID\", \"EMCONREL2\")}\r\n />}\r\n />\r\n \r\n \r\n this.onEdit(Config.lang(\"Dien_thoai\"),\r\n Config.helpers.getObjectValue(data, 'EmContactPhone2', ''),\r\n \"\",\"EMCONPHONE2\")}\r\n />}\r\n />\r\n \r\n \r\n this.onEdit(Config.lang(\"Dia_chi\"),\r\n Config.helpers.getObjectValue(data, 'EmContactAddress2', ''),\r\n \"\", \"EMCONADD2\")}\r\n />}\r\n />\r\n \r\n
\r\n \r\n
\r\n
\r\n );\r\n }\r\n\r\n}\r\n\r\nW09F2000Personal.propType = {\r\n data : propType.any,\r\n};\r\n\r\nexport default W09F2000Personal;\r\n","import React from \"react\";\r\nimport {bindActionCreators, compose} from \"redux\";\r\nimport Config from \"../../../../config\";\r\n// import TabItems from \"./W09F2000LabelItems\";\r\nimport W09F2000Employees from \"./W09F2000Employees\";\r\nimport W09F2000Personal from \"./W09F2000Personal\";\r\nimport {connect} from \"react-redux\";\r\nimport * as W09f2000Actions from \"../../../../redux/W0X/W09F2000/W09F2000_actions\";\r\nimport ActionToolbar from \"../../../common/toolbar/action-toolbar\";\r\nimport {browserHistory} from \"react-router\";\r\nimport * as generalActions from \"../../../../redux/general/general_actions\";\r\nimport W09F2000Family from \"./W09F2000Family\";\r\nimport W09F2000Contracts from \"./W09F2000Contracts\";\r\nimport W09F2000Leave from \"./W09F2000Leave\";\r\nimport W09F2000Attachments from \"./W09F2000Attachments\";\r\nimport W09F2001HR from '../W09F2001/W09F2001HR';\r\nimport W09F2000Insurrance from \"./W09F2000Insurrance\";\r\nimport W09F2000HistorySocialInsurance from \"./W09F2000HistorySocialInsurance\";\r\nimport W09F2000Evaluation from \"./W09F2000Evaluation\";\r\nimport W09F2000TrainingHistory from \"./W09F2000TrainingHistory\";\r\nimport {\r\n Dropdown,\r\n Typography,\r\n Accordion,\r\n AccordionSummary,\r\n AccordionDetails,\r\n Button,\r\n Icon,\r\n TabHeader, TabItem, TabContainer, Row, Col, AccordionGroup\r\n} from \"diginet-core-ui/components\";\r\nimport withCustomHook from \"./W09F2000CustomHook\";\r\nimport { makeStyles } from \"diginet-core-ui/theme\";\r\nimport { Loading } from \"../../../common/loading/loading\";\r\nimport W09F2000SalaryInfo from \"./W09F2000SalaryInfo\";\r\nimport W09F2210 from \"../W09F2210/W09F2210\";\r\nconst useStyles = makeStyles(theme => ({\r\n toolbar: {\r\n [theme.breakpoints.down('sm')]: {\r\n width: \"100% !important\",\r\n left: 1,\r\n '& > .DGN-UI-Typography': {\r\n fontSize: theme.spacing(4)\r\n }\r\n },\r\n width: \"calc(100% - 100px) !important\"\r\n },\r\n tabContent : {\r\n height: \"calc(100vh - 100px)\",\r\n overflow: \"auto\",\r\n },\r\n tabItem: {\r\n [theme.breakpoints.down('sm')]: {\r\n '& > .DGN-UI-Typography': {\r\n display: \"none\"\r\n }\r\n },\r\n },\r\n dropDown: {\r\n padding: theme.spacing([2, 0, 4, 0]),\r\n },\r\n tabHeader: {\r\n maxWidth: \"unset\",\r\n [theme.breakpoints.down('md')]: {\r\n marginTop: theme.spacing(5)\r\n },\r\n }\r\n}));\r\n\r\nconst tabs = [\r\n {\r\n ID: 0,\r\n name: \"Thong_tin_chung\",\r\n icon: \"Person\",\r\n data: null,\r\n },\r\n {\r\n ID: 1,\r\n name: \"Thong_tin_lien_he\",\r\n icon: \"Phone\",\r\n data: null,\r\n },\r\n {\r\n ID: 2,\r\n name: \"Thong_tin_gia_dinh\",\r\n icon: \"Groups\",\r\n data: null,\r\n },\r\n {\r\n ID: 3,\r\n name: \"Hop_dong_lao_dongU\",\r\n icon: \"Paper\",\r\n },\r\n {\r\n ID: 4,\r\n name: \"Thong_tin_phep\",\r\n icon: \"Calendar\",\r\n data: null,\r\n },\r\n {\r\n ID: 5,\r\n name: \"Tai_lieu_dinh_kem\",\r\n icon: \"Attachment\",\r\n data: null,\r\n },\r\n {\r\n ID: 6,\r\n name: \"Lich_su_nhan_su\",\r\n icon: \"PersonHistory\",\r\n data: null,\r\n },\r\n {\r\n ID: 7,\r\n name: \"Lich_su_BHXH\",\r\n icon: \"InsuranceHistory\",\r\n data: null,\r\n },\r\n {\r\n ID: 8,\r\n name: \"Danh_gia\",\r\n icon: \"Assessment\",\r\n data: null,\r\n },\r\n {\r\n ID: 9,\r\n name: \"Lich_su_dao_tao\",\r\n icon: \"School\",\r\n data: null,\r\n },\r\n {\r\n ID: 10,\r\n name: \"Ho_so_bao_hiem\",\r\n icon: \"FolderInsurance\",\r\n data: null,\r\n },\r\n {\r\n ID: 120,\r\n name: \"Thong_tin_luong\",\r\n icon: \"Money\",\r\n info: [\r\n {mode: 121, permission: \"W09F2000_BS\"},\r\n {mode: 122, permission: \"W09F2000_BC\"},\r\n {mode: 123, permission: \"W09F2000_BL\"},\r\n ],\r\n data: null,\r\n },\r\n];\r\nclass W09F2000 extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n key: 0,\r\n activeTab: '1',\r\n selected: false,\r\n iPermissions: {},\r\n infoEmployee: null,\r\n tab0: true,\r\n loading: null,\r\n loadingCboEmployee: false,\r\n dataCboEmployees: {\r\n rows: [],\r\n totals: 0\r\n },\r\n rowData: {},\r\n showW09F2210Popup: false,\r\n Employee: \"\",\r\n };\r\n this.filterCboEmployees = {\r\n strSearch: \"\",\r\n skip: 0,\r\n limit: 50\r\n };\r\n this.scrollTop = 0;\r\n this.tabOpening = false;\r\n this.tabOpened = {\r\n tab0: true,\r\n };\r\n this.clickScroll = false;\r\n this.scrolling = false;\r\n this.ref = {};\r\n this.await = false;\r\n this.timerClickScroll = 0;\r\n this.timerOnScroll = 0;\r\n }\r\n\r\n loadPermission = async () => {\r\n await this.props.generalActions.getPermission([\"W09F5700\", \"W09F2000_BS\", \"W09F2000_BC\", \"W09F2000_BL\"], (arrPer) => {\r\n let iPermissions = {};\r\n if(Array.isArray(arrPer)) {\r\n iPermissions = arrPer.reduce((obj, item) => {\r\n obj[item.FormID] = item.IsPermission;\r\n return obj\r\n }, {});\r\n }\r\n this.setState({iPermissions: iPermissions});\r\n }, true);\r\n };\r\n\r\n loadInfo = async (mode, type, cb, skip, limit, isAwait) => {\r\n let {EmployeeID} = this.getInfo();\r\n const {Employee} = this.state;\r\n let params = {\r\n FormID: \"W09F2000\",\r\n EmployeeID : Employee || EmployeeID,\r\n Language: Config.language || \"84\",\r\n Mode: mode || 0,\r\n Type: type || \"\",\r\n skip: skip || 0,\r\n limit: limit || 10,\r\n };\r\n this.await = !!isAwait;\r\n\r\n this.setState({loading: true});\r\n return new Promise((resolve => {\r\n this.props.W09f2000Actions.getInfo(params, (errors, data) => {\r\n this.setState({loading: false});\r\n if (errors) {\r\n Config.popup.show('ERROR', errors);\r\n return false;\r\n }\r\n if (mode === 1) {\r\n const employee = Config.getUser({EmployeeID: data?.EmployeeID ?? \"\"});\r\n this.setState({infoEmployee: {...data, UserPictureURL: employee?.UserPictureURL || \"\"}});\r\n }\r\n cb && cb(errors, data);\r\n return resolve(data);\r\n })\r\n }));\r\n };\r\n\r\n loadCboEmployees = (isReset) => {\r\n const {skip, limit, strSearch} = this.filterCboEmployees;\r\n const params = {\r\n HostID: \"\",\r\n FormID: \"W09F2225\",\r\n Language: Config.language || '84',\r\n Mode: 0,\r\n skip: skip,\r\n limit: limit,\r\n search: strSearch\r\n };\r\n\r\n this.setState({loadingCboEmployee: true});\r\n this.props.generalActions.getCboEmployees(params, (error, data) => {\r\n this.setState({loadingCboEmployee: false});\r\n if (error) {\r\n Config.popup.show('ERROR', error);\r\n return false;\r\n }\r\n if (data) {\r\n const {dataCboEmployees} = this.state;\r\n const rows = data && data.rows ? data.rows : data;\r\n const total = data && data.total ? data.total : data.length;\r\n this.setState({\r\n dataCboEmployees: {\r\n rows: isReset ? rows : dataCboEmployees.rows.concat(rows),\r\n total: total\r\n }\r\n })\r\n }\r\n });\r\n };\r\n\r\n componentDidMount = async () => {\r\n await this.loadPermission();\r\n // const permission = this.state.iPermission?.find(i => i.FormID === 'W09F2000')?.IsPermission ?? 0;\r\n // if (permission <= 0) return;\r\n this.loadCboEmployees();\r\n let colRight = document.getElementById('colRight');\r\n colRight.addEventListener('scroll', this.onScroll);\r\n };\r\n\r\n componentWillUnmount = () => {\r\n let colRight = document.getElementById('colRight');\r\n colRight.removeEventListener('scroll', this.onScroll);\r\n };\r\n\r\n onScroll = () => {\r\n let colRight = document.getElementById('colRight');\r\n const {key} = this.state;\r\n const direction = this.scrollTop < colRight.scrollTop ? \"down\" : \"up\";\r\n // this.timerOnScroll setTimeout 200s: để check user ko scroll nữa thì sử lí logic\r\n if(this.timerOnScroll) clearTimeout(this.timerOnScroll);\r\n this.timerOnScroll = setTimeout(() => {\r\n // this.timerClickScroll setTimeout 200s: để check user khi click tab và scroll đến tab đó xong thì xet this.clickScroll = false\r\n if(this.timerClickScroll) clearTimeout(this.timerClickScroll);\r\n this.timerClickScroll = setTimeout(() => {\r\n if (this.clickScroll && this.ref[\"tab\" + this.state.key]) {\r\n this.clickScroll = false;\r\n }\r\n }, 200);\r\n if (this.ref && !this.clickScroll) {\r\n this.scrolling = true;\r\n const items = Object.keys(this.ref);\r\n for(let item of items) {\r\n if (this.ref[item]?.element) {\r\n const scrollY = direction === \"down\" ? colRight.clientHeight + (colRight.scrollTop - 150) : colRight.clientHeight + colRight.scrollTop + 200;\r\n if (scrollY >= this.ref[item]?.element.offsetTop) {\r\n if (!this.tabOpening) {\r\n const ID = item.substring(3, item.length);\r\n // check nếu scroll lên ID > key tab active thì bỏ qua id đó rồi for tiếp\r\n if(direction === \"up\" && Number(ID) > key) continue;\r\n this.handleChange(null, Number(ID), direction);\r\n if (!this.tabOpened[item]) {\r\n this.onExpandTab(Number(ID));\r\n break;\r\n }\r\n }\r\n }\r\n\r\n }\r\n }\r\n this.scrolling = false;\r\n }\r\n }, 200);\r\n this.scrollTop = colRight.scrollTop;\r\n };\r\n\r\n getInfo = () => {\r\n const {location} = this.props;\r\n const url = new window.URLSearchParams(window.location.search);\r\n if (url && url.get('EmployeeID')) {\r\n return {\r\n EmployeeID: url.get('EmployeeID'),\r\n }\r\n }\r\n else if (location && location.state) {\r\n const isInProfile = location.state?.isInProfile || false;\r\n return {\r\n isInProfile: isInProfile,\r\n EmployeeID: isInProfile ? Config.getHREmployeeID() : location.state.EmployeeID,\r\n FormID: location.state.FormID,\r\n }\r\n }\r\n else {\r\n return {\r\n EmployeeID: Config.getHREmployeeID(),\r\n isClickPersonal: true\r\n }\r\n }\r\n };\r\n\r\n handleChange = (evt, value, direction) => {\r\n let colRight = document.getElementById('colRight');\r\n const heightAccordionSummary = 56;\r\n const {key} = this.state;\r\n if (key !== value) {\r\n const scrolling = this.scrolling;\r\n // check nếu scroll xuống thì ko xét tab trước\r\n if(direction === \"down\" && value < key) return;\r\n this.setState({key: value}, () => {\r\n if (!this.tabOpened[\"tab\" + value]) {\r\n this.onExpandTab(value, () => {\r\n if (this.ref[\"tab\" + value] && !scrolling) {\r\n this.clickScroll = true;\r\n colRight.scrollTo({top: this.ref[\"tab\" + value]?.element.offsetTop - heightAccordionSummary, behavior: 'smooth'});\r\n }\r\n });\r\n } else {\r\n if (this.ref[\"tab\" + value] && !scrolling) {\r\n this.clickScroll = true;\r\n colRight.scrollTo({top: this.ref[\"tab\" + value]?.element.offsetTop - heightAccordionSummary, behavior: 'smooth'});\r\n }\r\n }\r\n });\r\n }\r\n };\r\n\r\n\r\n handleChangeEmployee = (key, e) => {\r\n if(!key) return false;\r\n if(key === \"EmployeeID\" && e?.value !== \"\") {\r\n this.setState({Employee: e?.value || \"\"}, () => {\r\n this.handleChange(null, 0);\r\n if (this.refs) {\r\n Object.keys(this.refs).forEach(ref => {\r\n if (this.refs[ref]) this.refs[ref].loadGrid();\r\n });\r\n }\r\n });\r\n }\r\n };\r\n\r\n onExpandTab = (ID, cb) => {\r\n if (!ID && ID !== 0) return false;\r\n if (!this.state.loading && !this.await) {\r\n this.tabOpened[\"tab\" + ID] = true;\r\n this.tabOpening = true;\r\n this.setState({[\"tab\" + ID]: !(this.state[\"tab\" + ID] || false)}, () => {\r\n setTimeout(() => {\r\n cb && cb();\r\n this.tabOpening = false;\r\n }, 300);\r\n });\r\n }\r\n };\r\n\r\n redirectScreen = () => {\r\n const {Employee} = this.state;\r\n browserHistory.push({\r\n pathname: Config.getRootPath() + \"W09F2002\",\r\n state: {\r\n EmployeeID: Employee || Config.profile.HREmployeeID\r\n }\r\n });\r\n };\r\n\r\n onHistory = () => {\r\n this.redirectScreen()\r\n };\r\n\r\n renderButtonTab = (e) => {\r\n return (\r\n e.visible && \r\n );\r\n };\r\n\r\n onBack = () => {\r\n const {FormID} = this.getInfo();\r\n if (FormID)\r\n browserHistory.goBack();\r\n else\r\n browserHistory.push(Config.getRootPath() + \"W09F2225\");\r\n };\r\n\r\n renderContent = (ID) => {\r\n let permission = 0;\r\n let {EmployeeID, FormID, isClickPersonal, isInProfile} = this.getInfo();\r\n const {Employee, iPermissions} = this.state;\r\n const isHidden = (isInProfile || isClickPersonal || FormID === \"W09F2225\") ? \"\" : \"hidden\";\r\n EmployeeID = Employee || EmployeeID;\r\n if (!ID && ID !== 0) return null;\r\n switch (ID + 1) {\r\n case 1:\r\n return this.tabOpened[\"tab\" + ID] ? : <>;\r\n case 2:\r\n return this.tabOpened[\"tab\" + ID] ? : <>;\r\n case 3:\r\n return this.tabOpened[\"tab\" + ID] ? : <>;\r\n case 4:\r\n return this.tabOpened[\"tab\" + ID] ? : <>;\r\n case 5:\r\n return this.tabOpened[\"tab\" + ID] ? : <>;\r\n case 6:\r\n return this.tabOpened[\"tab\" + ID] ? : <>;\r\n case 7:\r\n return this.tabOpened[\"tab\" + ID] ? : <>;\r\n case 8:\r\n return this.tabOpened[\"tab\" + ID] ? : <>;\r\n case 9:\r\n return this.tabOpened[\"tab\" + ID] ? : <>;\r\n case 10:\r\n return this.tabOpened[\"tab\" + ID] ? : <>;\r\n case 11:\r\n permission = iPermissions?.W09F5700 || 0;\r\n return this.tabOpened[\"tab\" + ID] ? 0 || EmployeeID === Config.getHREmployeeID()} /> : <>;\r\n case 121:\r\n return this.tabOpened[\"tab\" + ID] ? : <>;\r\n default:\r\n break;\r\n }\r\n return {Config.lang(\"Khong_co_du_lieu\")}
;\r\n };\r\n\r\n onAdd = () => {\r\n const {Employee} = this.state;\r\n const {EmployeeID} = this.getInfo();\r\n const dataEmployee = Employee || EmployeeID;\r\n this.setState({rowData: {\r\n mode: \"add\",\r\n propertyID: \"RELATIVE\",\r\n OldPropertyID: \"\",\r\n RelativeID: \"\",\r\n IGE: \"\",\r\n employeeID: dataEmployee\r\n },showW09F2210Popup: true});\r\n };\r\n\r\n onCloseModal = () => {\r\n this.setState({showW09F2210Popup: false});\r\n };\r\n\r\n\r\n render() {\r\n const {infoEmployee, loading, key, dataCboEmployees, loadingCboEmployee, Employee, showW09F2210Popup, rowData} = this.state;\r\n // const permission = iPermission?.find(i => i.FormID === 'W09F2000')?.IsPermission ?? 0;\r\n // if (permission <= 0) return null;\r\n const {isMatchMediaQuery} = this.props;\r\n const {EmployeeID, FormID} = this.getInfo();\r\n const classes = useStyles();\r\n const isHidden = EmployeeID === Config.getHREmployeeID() ? \"\" : (FormID === \"W09F2225\") ? \"\" : \"hidden\";\r\n return (\r\n \r\n {showW09F2210Popup && this.onCloseModal()}\r\n mode={\"edit\"}\r\n rowData={rowData}/>}\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n {!isMatchMediaQuery &&\r\n \r\n \r\n this.handleChangeEmployee(\"EmployeeID\", e)}\r\n iconExpr={{key: 'UserPictureURL', prefix: Config.getCDNPath()}}\r\n renderSelectedItem={\"EmployeeName\"}\r\n onInput={(e) => {\r\n this.filterCboEmployees.strSearch = e.target.value;\r\n this.filterCboEmployees.skip = 0;\r\n this.loadCboEmployees(true);\r\n }}\r\n onLoadMore={(e) => {\r\n this.filterCboEmployees.skip = e.skip;\r\n this.filterCboEmployees.limit = e.limit;\r\n this.loadCboEmployees();\r\n }}\r\n />\r\n \r\n {/**/}\r\n {/* */}\r\n {/**/}\r\n {/**/}\r\n {/* */}\r\n {/* */}\r\n {/*
*/}\r\n {/**/}\r\n
\r\n }\r\n {tabs && tabs.map(tab => {\r\n const icon = ;\r\n return this.handleChange(null, tab.ID)}\r\n label={Config.lang(tab.name)}\r\n />\r\n })}\r\n\r\n \r\n \r\n \r\n \r\n \r\n {tabs && tabs.map(tab => {\r\n return (\r\n (this.ref[\"tab\" + tab.ID] = ref)}\r\n expanded={this.state[\"tab\" + tab.ID] || false}\r\n onExpand={() => this.onExpandTab(tab.ID)}\r\n onCollapse={() => this.onExpandTab(tab.ID)}\r\n >\r\n \r\n \r\n \r\n {Config.lang(tab.name) || \"\"}\r\n \r\n \r\n
\r\n \r\n \r\n {this.renderContent(tab.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\r\nexport default compose(connect((state) => ({\r\n getInfo: state.W09F2000.getInfo\r\n }),\r\n (dispatch) => ({\r\n generalActions: bindActionCreators(generalActions, dispatch),\r\n W09f2000Actions: bindActionCreators(W09f2000Actions, dispatch),\r\n })\r\n))(withCustomHook(W09F2000));\r\n\r\n","import React from \"react\";\r\nimport Config from '../../../../config';\r\nimport GridContainer from \"../../../grid-container/grid-container\";\r\nimport {Column} from \"devextreme-react/data-grid\";\r\nimport propTypes from \"prop-types\"\r\nimport GridActionBar from \"../../../grid-container/grid-actionbar\";\r\nimport W09F2210 from \"../W09F2210/W09F2210\";\r\nimport moment from \"moment\";\r\nimport { Row, Col, ButtonIcon } from \"diginet-core-ui/components\";\r\n\r\nclass W09F2000Family extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n dataFamily: {rows: [], total: 0},\r\n rowData: {},\r\n showW09F2210Popup: false\r\n };\r\n this.filter = {\r\n skip: 0,\r\n limit: 5,\r\n };\r\n }\r\n\r\n loadGrid = async () => {\r\n const {mode, onLoad} = this.props;\r\n const {skip, limit} = this.filter;\r\n if (onLoad) {\r\n await onLoad(mode, \"\", (error, data) => {\r\n if (error) {\r\n Config.popup.show(\"ERROR\", error);\r\n return false;\r\n }\r\n const rows = data?.rows?.length > 0 ? data.rows.map((d, idx) => ({...d, ID: idx})) : [];\r\n this.setState({dataFamily: {rows: rows, total: data?.total || 0}});\r\n }, skip, limit);\r\n }\r\n };\r\n\r\n componentDidMount = async () => {\r\n await this.loadGrid();\r\n };\r\n\r\n handleChangePage = async (page) => {\r\n this.filter.skip = page * this.filter.limit;\r\n await this.loadGrid();\r\n };\r\n\r\n handleChangePerPage = async (perPage) => {\r\n this.filter.skip = 0;\r\n this.filter.limit = perPage;\r\n await this.loadGrid();\r\n };\r\n\r\n\r\n onCloseModal = () => {\r\n this.setState({showW09F2210Popup: false})\r\n };\r\n\r\n onEdit = (e) => {\r\n const {data} = e.row;\r\n const {employeeID} = this.props;\r\n const date = data?.BirthDate && moment(data?.BirthDate).format(\"DD/MM/YYYY\");\r\n let oldPropertyID = (data?.RelativeName || \"\") + \" - \" + (data?.RelationName || \"\") +\r\n \" - \" + (data?.SexName || \"\") + \" - \" + (date || \"\") + \" - \" + (data?.Telephone || \"\");\r\n this.setState({rowData: {\r\n mode: \"edit\",\r\n propertyID: \"RELATIVE\",\r\n oldPropertyID: oldPropertyID,\r\n RelativeID: data.RelativeID,\r\n IGE: data.IGE,\r\n employeeID\r\n },showW09F2210Popup: true});\r\n };\r\n cellRenderAction = (e) => {\r\n if(!e) return null;\r\n return (\r\n \r\n \r\n this.onEdit(e)}\r\n />\r\n
\r\n \r\n );\r\n };\r\n\r\n render() {\r\n const {dataFamily, rowData, showW09F2210Popup} = this.state;\r\n return (\r\n \r\n
\r\n
\r\n {showW09F2210Popup && this.onCloseModal()}\r\n mode={\"edit\"}\r\n rowData={rowData}/>}\r\n
\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n
\r\n
\r\n \r\n {data.LaborContractNo || \"\"}\r\n
\r\n );\r\n };\r\n\r\n getCbReport = (isLoadmore = false) => {\r\n const {cbReport} = this.state;\r\n const params = {\r\n limit: this.cbReportFilter.limit,\r\n skip: this.cbReportFilter.skip,\r\n TranTypeID: \"W6_HDLD\"\r\n };\r\n this.props.W09F2001Actions.getCbReport(params, (errors, data) => {\r\n if (errors) {\r\n Config.popup.show('ERROR', errors);\r\n return false;\r\n }\r\n const rows = data && data.rows ? data.rows : data;\r\n const total = data && data.total ? data.total : data.length;\r\n const dataT = {\r\n rows: !isLoadmore ? rows : cbReport.rows.concat(rows),\r\n total: total,\r\n };\r\n this.setState({cbReport: dataT});\r\n })\r\n\r\n };\r\n\r\n onExport = () => {\r\n const {ReportID, cbReport, dataContracts} = this.state;\r\n const validateRules = [\r\n {\r\n name: \"ReportID\",\r\n rules: \"isRequired\",\r\n value: ReportID\r\n }\r\n ];\r\n const valid = MForm.formValidation(validateRules);\r\n if (Object.keys(valid).length > 0) {\r\n this.setState({error:valid});\r\n return false;\r\n }\r\n\r\n const report = cbReport.rows.find(i=>i.ReportID === ReportID);\r\n\r\n const params = {\r\n ReportTypeID: report.ReportTypeID,\r\n ReportID: report.ReportID,\r\n TitleU: report.TitleU,\r\n Remark:report.Remark,\r\n URL:report.URL,\r\n FileExt:report.FileExt,\r\n ExportType:report.FileExt,\r\n data:JSON.stringify(dataContracts.rows)\r\n };\r\n\r\n this.props.generalActions.exportMulti(params, (err, data)=>{\r\n if (err) {\r\n Config.popup.show(\"ERROR\", err);\r\n return false;\r\n }\r\n else if (data) {\r\n const link = document.createElement('a');\r\n link.href = data.URL ? data.URL : \"\";\r\n link.download = data.fileName ? data.fileName : \"\";\r\n document.body.appendChild(link);\r\n link.click();\r\n document.body.removeChild(link);\r\n }\r\n })\r\n\r\n };\r\n\r\n render() {\r\n const {ReportID, cbReport, error, dataContracts, dataSub} = this.state;\r\n const classes = useStyles();\r\n return (\r\n \r\n
\r\n
\r\n this.setState({ ReportID: e.value })}\r\n onLoadMore={(e) => {\r\n this.cbReportFilter.skip = e.skip;\r\n this.getCbReport(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 {\r\n const {data} = e;\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 {/*Phu luc*/}\r\n
\r\n \r\n
\r\n {Config.lang(\"Phep_ton\")} : {num1}\r\n {Config.lang(\"Phep_tham_nien\")} : {num2}\r\n {Config.lang(\"Phep_nam\")} : {num3}\r\n {Config.lang(\"Phep_bu\")} : {num4}\r\n
\r\n );\r\n };\r\n\r\n render() {\r\n const classes = useStyle();\r\n const {leaveAmount, dataLeaveInfo} = this.state;\r\n const leaves = [\r\n {\r\n ID: \"TotalLeave\",\r\n name: Config.lang(\"Tong_phep\"),\r\n value: leaveAmount?.TotalLeave || 0,\r\n color: \"info\",\r\n tooltip: this.renderTooltip(leaveAmount?.BacklogLeave || 0,\r\n leaveAmount?.SeniorityLeave || 0,\r\n leaveAmount?.AnnualLeave || 0,\r\n leaveAmount?.CompensationLeave || 0),\r\n },\r\n {\r\n ID: \"UsedTotalLeave\",\r\n name: `${Config.lang(\"Phep_da_nghi\")}/ ${Config.lang(\"Het_han\").toLowerCase()}`,\r\n value: leaveAmount?.UsedTotalLeave || 0,\r\n color: \"danger\",\r\n tooltip: this.renderTooltip(leaveAmount?.UsedBackLog || 0,\r\n leaveAmount?.UsedSeniority || 0,\r\n leaveAmount?.UsedAnnual || 0,\r\n leaveAmount?.UsedCompensation || 0,\r\n ),\r\n },\r\n {\r\n ID: \"TotalRemainLeave\",\r\n name: Config.lang(\"Phep_con_lai\"),\r\n value: leaveAmount?.TotalRemainLeave || 0,\r\n color: \"success\",\r\n tooltip: this.renderTooltip(leaveAmount?.RemainBackLog || 0,\r\n leaveAmount?.RemainSeniority || 0,\r\n leaveAmount?.RemainAnnual || 0,\r\n leaveAmount?.RemainCompensation || 0,\r\n ),\r\n },\r\n ];\r\n\r\n return (\r\n \r\n
\r\n {leaves && leaves.map(l => {\r\n return (\r\n
\r\n \r\n
\r\n {l.value || 0} \r\n \r\n
\r\n
{l.name || \"\"}\r\n
\r\n );\r\n })}\r\n
\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n
\r\n
\r\n
\r\n \r\n {\r\n setState({ TranTypeID: e.value || \"\", ReportID: \"\" });\r\n dataGridFilter.skip=0;\r\n }}\r\n className={classes.dropdown}\r\n viewType={\"outlined\"}\r\n value={TranTypeID}\r\n />\r\n
\r\n
\r\n \r\n {\r\n setState({ ReportID: e.value ||\"\" });\r\n }}\r\n onLoadMore={(e) => {\r\n cbReportFilter.skip = e.skip;\r\n getCbReport(true);\r\n }}\r\n />\r\n
\r\n
\r\n
\r\n
i.TransID)}\r\n keyExpr={\"TransID\"}\r\n gridProps={{\r\n style: {\r\n maxHeight: 400,\r\n height: 200\r\n }\r\n }}\r\n typePaging={\"remote\"}\r\n allowColumnResizing={true}\r\n showRowLines={false}\r\n pagerFullScreen={false}\r\n totalItems={dataGrid.total}\r\n itemPerPage={dataGridFilter.limit}\r\n skipPerPage={dataGridFilter.skip}\r\n listPerPage={[10, 20, 30]}\r\n selection={{\r\n allowSelectAll: true,\r\n mode: \"multiple\",\r\n selectAllMode: \"allPages\",\r\n showCheckBoxesMode: \"always\"\r\n }}\r\n onSelectionChanged={e=>{\r\n setSelectedRowKey(e.selectedRowsData);\r\n }}\r\n onChangePage={onChangePage}\r\n onChangePerPage={onChangePerPage}\r\n >\r\n {\r\n const TranType = cbTrans.find(rs => rs.TranTypeID === e.data.TranTypeID);\r\n return (\r\n {TranType?.TranTypeName}
\r\n )\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n\r\n File\r\n \r\n
\r\n \r\n : {Config.lang('Du_lieu_ca_nhan,_ban_khong_co_quyen_xem')}
\r\n );\r\n});\r\n\r\nW09F2000Insurrance.propTypes = {\r\n mode: PropTypes.number,\r\n onLoad: PropTypes.func,\r\n classes: PropTypes.object,\r\n permission: PropTypes.bool,\r\n};\r\n\r\nW09F2000Insurrance.defaultProps = {\r\n mode: 11,\r\n onLoad: null,\r\n classes: {},\r\n permission: false\r\n};\r\n\r\nexport default W09F2000Insurrance;\r\n","import React, {useState, useRef, useEffect, forwardRef} from \"react\";\r\nimport {Column} from \"devextreme-react/data-grid\";\r\nimport GridContainer from \"../../../grid-container/grid-container\";\r\nimport Config from \"../../../../config\";\r\nimport _ from \"lodash\";\r\nimport {Tooltip} from \"diginet-core-ui/components\";\r\nimport {Row, Col} from \"diginet-core-ui/components\";\r\nimport {makeStyles} from \"diginet-core-ui/theme\";\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n insSalaryContainer: {\r\n display: \"flex\",\r\n alignItems: \"center\",\r\n width: \"100%\"\r\n },\r\n insSalaryEmployeeRate: {\r\n width: 60,\r\n height: 20,\r\n backgroundColor: theme.colors.info5,\r\n textAlign: \"center\",\r\n margin: \"0px 4px\"\r\n },\r\n insSalaryEmployeerRate: {\r\n width: 60,\r\n height: 20,\r\n backgroundColor: theme.colors.info4,\r\n textAlign: \"center\",\r\n margin: \"0px 4px\"\r\n },\r\n insSalaryRateTooltipNLD: {\r\n backgroundColor: theme.colors.info4,\r\n height: 15,\r\n width: 25\r\n },\r\n insSalaryRateTooltipNSDLD: {\r\n backgroundColor: theme.colors.info5,\r\n height: 15,\r\n width: 25\r\n }\r\n}));\r\n\r\nconst W09F2000HistorySocialInsurance = forwardRef(({mode, onLoad}, ref) => {\r\n const classes = useStyles();\r\n const [dataHistory, setDataHistory] = useState({rows: [], total: 0});\r\n const paging = useRef({skip: 0, limit: 4});\r\n let {skip, limit} = paging.current;\r\n\r\n useEffect(() => {\r\n loadGrid();\r\n //eslint-disable-next-line react-hooks/exhaustive-deps\r\n }, []);\r\n\r\n const loadGrid = async () => {\r\n await onLoad(mode, \"\", (error, data) => {\r\n if (error) {\r\n Config.popup.show(\"ERROR\", error);\r\n return false;\r\n }\r\n const rows = _.get(data, \"rows\", data);\r\n const total = _.get(data, \"total\", _.size(data))\r\n setDataHistory({rows, total});\r\n }, skip, limit);\r\n };\r\n\r\n const handleChangePage = (page) => {\r\n skip = page * limit;\r\n loadGrid()\r\n };\r\n\r\n const handleChangePerPage = (perPage) => {\r\n skip = 0;\r\n limit = perPage;\r\n loadGrid()\r\n };\r\n\r\n const handleStringsConcatenation = (characters = \"\", ...value) => _.join(_.compact(value), characters);\r\n\r\n const renderPeriodOfInsPar = ({data}) => handleStringsConcatenation(\" - \", data?.FromMonthYear, data?.ToMonthYear)\r\n\r\n const renderTimeToPayIns = ({data}) => handleStringsConcatenation(\r\n \", \",\r\n !!data?.SumYear && `${data.SumYear} ${Config.lang(\"Nam\")}`,\r\n !!data?.SumMonth && `${data.SumMonth} ${Config.lang(\"Thang\")}`\r\n )\r\n\r\n const renderSalaryAndAllowance = ({data}) => \r\n\r\n const renderInsSalary = ({data}) => {\r\n const arrInsSalary = _.filter([\r\n {\r\n title: Config.lang(\"BHXH\"),\r\n amount: data?.SIAmount || \"\",\r\n employeeRate: data?.EmployeeRate || \"\",\r\n employerRate: data?.EmployeerRate || \"\"\r\n },\r\n {\r\n title: Config.lang(\"BHYT\"),\r\n amount: data?.HIAmount || \"\",\r\n employeeRate: data?.EmployeeRate2 || \"\",\r\n employerRate: data?.EmployeerRate2 || \"\"\r\n },\r\n {\r\n title: Config.lang(\"BHTN\"),\r\n amount: data?.UIAmount || \"\",\r\n employeeRate: data?.EmployeeRate3 || \"\",\r\n employerRate: data?.EmployeerRate3 || \"\"\r\n }\r\n ], ({amount, employeeRate, employerRate}) => !!amount || !!employeeRate || !!employerRate);\r\n return _.map(arrInsSalary, (item, i) => {\r\n const amount = item.amount;\r\n const employeeRate = item.employeeRate;\r\n const employerRate = item.employerRate;\r\n return \r\n
\r\n {/*
{item.title}: */}\r\n {/*{*/}\r\n {/* amount &&
{amount}*/}\r\n {/*}*/}\r\n
\r\n {_.join(_.compact([item.title, amount.toLocaleString('it-IT', {style: 'currency', currency: 'VND'})]), \": \")}\r\n \r\n
\r\n {i !== 2 ?
\r\n \r\n
\r\n {Config.lang(\"NLD\")}\r\n
\r\n
\r\n
\r\n {Config.lang(\"NSDLD\")}\r\n
\r\n
}\r\n arrow\r\n direction={\"down\"}>\r\n
\r\n {\r\n employeeRate &&\r\n
\r\n {employeeRate + \" %\"}\r\n
\r\n }\r\n {\r\n employerRate &&
\r\n {employerRate + \" %\"}\r\n
\r\n }\r\n
\r\n : \"\"}\r\n
\r\n
\r\n }\r\n )\r\n }\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 \r\n
\r\n
\r\n});\r\n\r\nexport default W09F2000HistorySocialInsurance;","import React, {useState, useRef, useEffect, forwardRef} from \"react\";\r\nimport {Column} from \"devextreme-react/data-grid\";\r\nimport GridContainer from \"../../../grid-container/grid-container\";\r\nimport Config from \"../../../../config\";\r\nimport _ from \"lodash\";\r\nimport {TabContainer, TabHeader, TabItem, TabPanel, Col, Row} from 'diginet-core-ui/components';\r\nimport UserImage from \"../../../common/user/user-image\";\r\nimport UserName from \"../../../common/user/user-name\";\r\n\r\nconst W09F2000Evaluation = forwardRef(({mode, onLoad}, ref) => {\r\n const [dataEvaluation, setDataEvaluation] = useState({rows: [], total: 0});\r\n const [tabIndex, setTabIndex] = useState(0);\r\n\r\n const paging = useRef({skip: 0, limit: 4});\r\n let {skip, limit} = paging.current;\r\n const dataTabItem = [Config.lang(\"Danh_gia_nhan_vien_het_han_HDLD\"), Config.lang(\"Danh_gia_nhan_vien_dinh_ky\")]\r\n\r\n useEffect(() => {\r\n loadGrid(tabIndex + 1);\r\n //eslint-disable-next-line react-hooks/exhaustive-deps\r\n }, []);\r\n\r\n const handleStringsConcatenation = (characters = \"\", ...value) => _.join(_.compact(value), characters);\r\n\r\n const loadGrid = async (n) => {\r\n await onLoad((mode * 10) + n, \"\", (error, data) => {\r\n if (error) {\r\n Config.popup.show(\"ERROR\", error);\r\n return false;\r\n }\r\n const rows = _.get(data, \"rows\", data);\r\n const total = _.get(data, \"total\", _.size(data))\r\n setDataEvaluation({rows, total});\r\n }, skip, limit);\r\n };\r\n\r\n const handleChangePage = (page) => {\r\n skip = page * limit;\r\n loadGrid(tabIndex + 1)\r\n };\r\n\r\n const handleChangePerPage = (perPage) => {\r\n skip = 0;\r\n limit = perPage;\r\n loadGrid(tabIndex + 1)\r\n };\r\n\r\n const handleChangeTab = (index) => {\r\n skip = 0;\r\n limit = 4;\r\n setTabIndex(index);\r\n loadGrid(index + 1)\r\n };\r\n\r\n const renderColumnsEmpEvaExpires = () => {\r\n return (
\r\n \r\n \r\n \r\n \r\n \r\n )\r\n };\r\n\r\n const renderColumnEmpEvaPeriodically = () => {\r\n\r\n return (\r\n {\r\n return \r\n }}/>\r\n \r\n \r\n {\r\n const performancePeriod = _.get(data, \"PerformancePeriod\", \"\");\r\n const performanceDateFrom = _.get(data, \"PerformanceDateFrom\", \"\");\r\n const performanceDateTo = _.get(data, \"PerformanceDateTo\", \"\");\r\n return (`${handleStringsConcatenation(\",\",\r\n performancePeriod ? performancePeriod + \" \" + Config.lang(\"Thang\") : false,\r\n handleStringsConcatenation(\" - \", performanceDateFrom, performanceDateTo)\r\n )}`)\r\n }\r\n }/>\r\n \r\n )\r\n };\r\n\r\n return \r\n \r\n \r\n \r\n \r\n {dataTabItem.map((item, idx) =>\r\n handleChangeTab(idx)}\r\n />\r\n )}\r\n \r\n {dataTabItem.map((item, idx) =>\r\n \r\n )}\r\n \r\n {!!tabIndex ? renderColumnEmpEvaPeriodically() : renderColumnsEmpEvaExpires()}\r\n \r\n
\r\n
\r\n});\r\n\r\nexport default W09F2000Evaluation;","import React, {useState, useRef, useEffect, forwardRef} from \"react\";\r\nimport {Column} from \"devextreme-react/data-grid\";\r\nimport GridContainer from \"../../../grid-container/grid-container\";\r\nimport Config from \"../../../../config\";\r\nimport _ from \"lodash\";\r\nimport {Row, Col} from \"diginet-core-ui/components\";\r\n\r\nconst W09F2000TrainingHistory = forwardRef(({mode, onLoad}, ref) => {\r\n const [dataHistory, setDataHistory] = useState({rows: [], total: 0});\r\n const paging = useRef({skip: 0, limit: 4});\r\n let {skip, limit} = paging.current;\r\n\r\n useEffect(() => {\r\n loadGrid();\r\n //eslint-disable-next-line react-hooks/exhaustive-deps\r\n }, []);\r\n\r\n const handleStringsConcatenation = (characters = \"\", ...value) => _.join(_.compact(value), characters);\r\n\r\n const handleChangePage = (page) => {\r\n skip = page * limit;\r\n loadGrid()\r\n };\r\n\r\n const handleChangePerPage = (perPage) => {\r\n skip = 0;\r\n limit = perPage;\r\n loadGrid()\r\n };\r\n\r\n const loadGrid = async () => {\r\n await onLoad(mode, \"\", (error, data) => {\r\n if (error) {\r\n Config.popup.show(\"ERROR\", error);\r\n return false;\r\n }\r\n const rows = _.get(data, \"rows\", data);\r\n const total = _.get(data, \"total\", _.size(data))\r\n setDataHistory({rows, total});\r\n }, skip, limit);\r\n };\r\n\r\n const renderTrainingTime = ({data}) => handleStringsConcatenation(\" - \", data?.FromDate, data?.ToDate)\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
\r\n
\r\n});\r\n\r\nexport default W09F2000TrainingHistory;","import React from \"react\";\r\nimport { useMediaQuery } from 'diginet-core-ui/utils';\r\nconst withCustomHook = (Component) => {\r\n return function WrappedComponent(props) {\r\n const isMatchMediaQuery = useMediaQuery('(max-width: 1000px)');\r\n return ;\r\n }\r\n};\r\n\r\nexport default withCustomHook;","/**\r\n * @copyright 2019 @ DigiNet\r\n * @author NAMDANG\r\n * @create 11/30/2022\r\n * @Example\r\n */\r\n\r\nimport React, { useEffect, useRef, useState } from \"react\";\r\nimport Config from \"../../../../config\";\r\nimport GridContainer from \"../../../grid-container/grid-container\";\r\nimport { Column } from \"devextreme-react/data-grid\";\r\nimport * as W09f2000Actions from \"../../../../redux/W0X/W09F2000/W09F2000_actions\";\r\nimport { useDispatch } from \"react-redux\";\r\nimport { Divider, TabContainer, TabHeader, TabItem } from \"diginet-core-ui/components\";\r\nimport PropTypes from \"prop-types\";\r\n\r\nconst tabs = [\r\n {\r\n ID: 0,\r\n mode: 121,\r\n permission: \"W09F2000_BS\",\r\n name: \"Muc_luong\",\r\n },\r\n {\r\n ID: 1,\r\n mode: 122,\r\n permission: \"W09F2000_BC\",\r\n name: \"He_so\",\r\n },\r\n {\r\n ID: 2,\r\n mode: 123,\r\n permission: \"W09F2000_BL\",\r\n name: \"Ngach_bac_luong\",\r\n },\r\n];\r\n\r\nconst W09F2000SalaryInfo = props => {\r\n const { EmployeeID, permissions, mode, isInProfile } = props;\r\n const [tabIndex, setTabIndex] = useState(() => {\r\n const tab = tabs.find(d => d.mode === mode);\r\n return tab?.ID || 0;\r\n });\r\n const [dataGrid, setDataGrid] = useState({\r\n grid0: [],\r\n grid1: [],\r\n grid2: [],\r\n });\r\n const [loading, setLoading] = useState(false);\r\n const modeID = useRef(mode || 121);\r\n const dispatch = useDispatch();\r\n const columns = useRef({\r\n grid0: [\r\n { id: 0, dataField: \"BaseSalaryName\", caption: Config.lang(\"Muc_luong\")},\r\n {\r\n id: 1,\r\n dataField: \"BaseSalaryValues\",\r\n caption: Config.lang(\"Gia_tri\"),\r\n alignment: \"right\",\r\n dataType: \"number\",\r\n format: \"#,##0.########\"\r\n },\r\n { id: 2, dataField: \"NumMonthBase\", caption: Config.lang(\"So_thang_giu\") },\r\n {\r\n id: 3,\r\n dataField: \"BaseSalaryValid\",\r\n caption: Config.lang(\"Ngay_hieu_luc\"),\r\n alignment: \"center\",\r\n dataType: \"date\",\r\n format: \"dd/MM/yyyy\",\r\n },\r\n {\r\n id: 4,\r\n dataField: \"NextBaseSalaryValid\",\r\n caption: Config.lang(\"Ngay_xet_tiep_theo\"),\r\n alignment: \"center\",\r\n dataType: \"date\",\r\n format: \"dd/MM/yyyy\",\r\n },\r\n {\r\n id: 5,\r\n dataField: \"NextBaseSalaryValues\",\r\n caption: Config.lang(\"Muc_luong_tiep_theo\"),\r\n alignment: \"center\",\r\n dataType: \"number\",\r\n format: \"#,##0.########\"\r\n },\r\n { id: 6, dataField: \"BaseCurrencyName\", caption: Config.lang(\"Nguyen_te\"), alignment: \"center\" },\r\n ],\r\n grid1: [\r\n { id: 0, dataField: \"SalCoeName\", caption: Config.lang(\"He_so_luong\")},\r\n {\r\n id: 1,\r\n dataField: \"SalCoeValues\",\r\n caption: Config.lang(\"Gia_tri\"),\r\n alignment: \"right\",\r\n dataType: \"number\",\r\n format: \"#,##0.########\"\r\n },\r\n { id: 2, dataField: \"NumMonthSalCoe\", caption: Config.lang(\"So_thang_giu\"), alignment: \"right\" },\r\n {\r\n id: 3,\r\n dataField: \"SalCoeValid\",\r\n caption: Config.lang(\"Ngay_hieu_luc\"),\r\n alignment: \"center\",\r\n dataType: \"date\",\r\n format: \"dd/MM/yyyy\",\r\n },\r\n {\r\n id: 4,\r\n dataField: \"NextSalCoeValid\",\r\n caption: Config.lang(\"Ngay_xet_tiep_theo\"),\r\n alignment: \"center\",\r\n dataType: \"date\",\r\n format: \"dd/MM/yyyy\",\r\n },\r\n {\r\n id: 5,\r\n dataField: \"NextSalCoeValues\",\r\n caption: Config.lang(\"He_so_luong_tiep_theo\"),\r\n alignment: \"center\",\r\n dataType: \"number\",\r\n format: \"#,##0.########\"\r\n },\r\n { id: 6, dataField: \"SalCoeCurrencyID\", caption: Config.lang(\"Nguyen_te\"), alignment: \"center\" },\r\n ],\r\n grid2: [\r\n { id: 0, dataField: \"SalaryName\", caption: Config.lang(\"Thong_so_luong\"), alignment: \"left\" },\r\n { id: 1,\r\n dataField: \"ValuesSal\",\r\n caption: Config.lang(\"Gia_tri\"),\r\n dataType: \"number\",\r\n format: \"#,##0.########\",\r\n alignment: \"right\"\r\n },\r\n {\r\n id: 2,\r\n dataField: \"DateEnd\",\r\n caption: Config.lang(\"Ngay_hieu_luc\"),\r\n alignment: \"center\",\r\n dataType: \"date\",\r\n format: \"dd/MM/yyyy\",\r\n },\r\n {\r\n id: 3,\r\n dataField: \"DateNext\",\r\n caption: Config.lang(\"Ngay_xet_tiep_theo\"),\r\n alignment: \"center\",\r\n dataType: \"date\",\r\n format: \"dd/MM/yyyy\",\r\n },\r\n { id: 4, dataField: \"NetxSal\", caption: Config.lang(\"Ngach_bac_tiep_theo_01\"), alignment: \"center\" },\r\n ],\r\n });\r\n\r\n useEffect(() => {\r\n setLoading(false);\r\n loadGrid();\r\n //eslint-disable-next-line react-hooks/exhaustive-deps\r\n }, [tabIndex]);\r\n\r\n const loadGrid = () => {\r\n let params = {\r\n FormID: \"W09F2000\",\r\n EmployeeID: EmployeeID,\r\n Language: Config.language || \"84\",\r\n Mode: modeID.current,\r\n Type: \"\",\r\n skip: 0,\r\n limit: 10,\r\n };\r\n setLoading(true);\r\n dispatch(\r\n W09f2000Actions.getInfo(params, (errors, data) => {\r\n setLoading(false);\r\n if (errors) {\r\n Config.popup.show(\"ERROR\", errors);\r\n return false;\r\n }\r\n const tabInfo = tabs.find(tab => tabIndex === tab.ID);\r\n const tabPermission = permissions[tabInfo?.permission ?? \"\"];\r\n // nếu Permission của tab > 0 hoặc isInProfile = true thì mới xét data lưới\r\n if(tabPermission !== 0 || isInProfile) {\r\n const dt = data?.length > 0 ? data?.map((d, idx) => ({ ...d, ID: idx })) : [];\r\n setDataGrid({[`grid${tabIndex}`]: dt});\r\n }\r\n\r\n })\r\n );\r\n };\r\n\r\n const handleTabChange = (id, mode) => {\r\n setLoading(true);\r\n setTabIndex(id);\r\n modeID.current = mode;\r\n };\r\n\r\n return (\r\n <>\r\n \r\n \r\n {tabs &&\r\n tabs.map(tab => {\r\n return (\r\n handleTabChange(tab.ID, tab.mode)}\r\n label={Config.lang(tab.name)}\r\n />\r\n );\r\n })}\r\n \r\n \r\n \r\n \r\n {tabIndex === 2 && (\r\n {\r\n const { data } = cellInfo;\r\n cellElement.innerHTML = `${\r\n data?.items?.[0]?.GrpSalaryName || data?.collapsedItems?.[0]?.GrpSalaryName || \"\"\r\n }`;\r\n }}\r\n />\r\n )}\r\n {tabIndex === 2 && }\r\n {columns.current[`grid${tabIndex}`].map(column => {\r\n return ;\r\n })}\r\n \r\n \r\n );\r\n};\r\n\r\nW09F2000SalaryInfo.propTypes = {\r\n mode: PropTypes.number,\r\n EmployeeID: PropTypes.string,\r\n permissions: PropTypes.object,\r\n};\r\n\r\nW09F2000SalaryInfo.defaultProps = {\r\n mode: 121,\r\n EmployeeID: \"\",\r\n permissions: {},\r\n};\r\n\r\nexport default W09F2000SalaryInfo;\r\n","/**\r\n * @copyright 2019 @ DigiNet\r\n * @author THIEN\r\n * @create 1/6/2020\r\n * @Example\r\n */\r\n\r\nimport React, {Component} from \"react\";\r\n\r\nimport {bindActionCreators, compose} from \"redux\";\r\nimport {connect} from \"react-redux\";\r\nimport * as w09f2005Action from \"../../../../redux/W0X/W09F2005/W09F2005_actions\";\r\nimport * as generalActions from \"../../../../redux/general/general_actions\";\r\n\r\nimport PropTypes from \"prop-types\";\r\n\r\nimport withStyles from \"@material-ui/core/styles/withStyles\";\r\nimport {Row, Col, FormGroup} from \"react-bootstrap\";\r\nimport {FormLabel as Label} from \"@material-ui/core\";\r\n\r\nimport W09F2005Tabs from \"./W09F2005Tabs\";\r\n\r\nimport {browserHistory} from \"react-router\";\r\nimport GridContainer from \"../../../grid-container/grid-container\";\r\nimport {Column} from \"devextreme-react/data-grid\";\r\n\r\nimport Config from \"../../../../config\";\r\n\r\nimport Filter from \"../../../filter/filter\";\r\nimport moment from \"moment\";\r\nimport UserImage from \"../../../common/user/user-image\";\r\nimport { Button, DatePicker, Dropdown, Typography, TreeView } from 'diginet-core-ui/components';\r\n\r\nconst styles = {\r\n root: {\r\n marginBottom: 15,\r\n borderRadius: 0,\r\n boxShadow: \"none\",\r\n backgroundColor: \"#F3F3F3\"\r\n },\r\n labelCheckbox: {\r\n fontSize: \"0.8rem\"\r\n },\r\n checkbox: {\r\n padding: \"0 4px\"\r\n },\r\n tab: {\r\n maxWidth: \"fit-content\",\r\n padding: \"15px 58px\"\r\n },\r\n tabActive: {\r\n backgroundColor: \"#fff\"\r\n },\r\n btnFilter: {\r\n backgroundColor: \"#9999993d\",\r\n textTransform: \"uppercase\"\r\n },\r\n imgAvatar: {\r\n width: 20,\r\n minWidth: 20,\r\n height: 20,\r\n objectFit: 'cover',\r\n borderRadius: 20,\r\n marginRight: 8\r\n },\r\n};\r\n\r\nclass W09F2005 extends Component {\r\n constructor(props) {\r\n super(props);\r\n const filter = Config.getStoreState(this);\r\n this.filterEmployees = {\r\n SearchValue: filter && filter.SearchValue ? filter.SearchValue : \"\",\r\n DatejoinFrom: filter && filter.DatejoinFrom ? filter.DatejoinFrom : \"\",\r\n DatejoinTo: filter && filter.DatejoinTo ? filter.DatejoinTo : \"\",\r\n OrgChartID: filter && filter.OrgChartID ? filter.OrgChartID : \"\",\r\n DutyID: filter && filter.DutyID ? filter.DutyID : \"\",\r\n EmployeeID: filter && filter.EmployeeID ? filter.EmployeeID : null,\r\n ProjectID: filter && filter.ProjectID ? filter.ProjectID : null,\r\n skip: filter && filter.skip ? filter.skip : 0,\r\n limit: filter && filter.limit ? filter.limit : 20,\r\n fieldSort: \"\",\r\n typeSort: \"\"\r\n };\r\n this.state = {\r\n iPermissions: {},\r\n iPerW09F2005: 0,\r\n iPerW09F2006: 0,\r\n iPerW09F2007: 0,\r\n listEmployee: {rows: [], total: 0},\r\n tabIndex: 0,\r\n loaded: true,\r\n dataCboEmployees: {\r\n rows: [],\r\n total: 0\r\n },\r\n dataCboProjects: {\r\n rows: [],\r\n total: 0\r\n },\r\n loading: {\r\n cboEmployees: false\r\n },\r\n\r\n filter: {\r\n SearchValue: this.filterEmployees.SearchValue,\r\n DatejoinFrom: this.filterEmployees.DatejoinFrom,\r\n DatejoinTo: this.filterEmployees.DatejoinTo,\r\n OrgChartID: this.filterEmployees.OrgChartID,\r\n DutyID: this.filterEmployees.DutyID,\r\n EmployeeID: this.filterEmployees.EmployeeID,\r\n ProjectID: this.filterEmployees.ProjectID,\r\n },\r\n dataOrgChart: []\r\n };\r\n this.loading = {\r\n cboEmployees: false\r\n };\r\n\r\n this.filterCboEmployees = {\r\n strSearch: \"\",\r\n skip: 0,\r\n limit: 50\r\n };\r\n this.filterCboProject = {\r\n strSearch: \"\",\r\n skip: 0,\r\n limit: 50\r\n };\r\n this.timer = null;\r\n }\r\n\r\n loadPermission = async () => {\r\n await this.props.generalActions.getPermission([\"W09F2005\", \"W09F2006\", \"W09F2007\"], (arrPer) => {\r\n if (arrPer !== 0) {\r\n let iPermissions = {};\r\n arrPer.forEach(per => {\r\n if (per.hasOwnProperty('FormID') && per.hasOwnProperty('IsPermission')) {\r\n iPermissions[per.FormID] = per.IsPermission;\r\n }\r\n });\r\n this.setState({iPermissions: iPermissions});\r\n // const iPerW09F2005 = arrPer.filter(per => per.FormID === \"W09F2005\");\r\n // const iPerW09F2006 = arrPer.filter(per => per.FormID === \"W09F2006\");\r\n // const iPerW09F2007 = arrPer.filter(per => per.FormID === \"W09F2006\");\r\n // this.setState({\r\n // iPerW09F2005: iPerW09F2005 && iPerW09F2005.length > 0 && iPerW09F2005[0].IsPermission ? iPerW09F2005[0].IsPermission : 0,\r\n // iPerW09F2006: iPerW09F2006 && iPerW09F2006.length > 0 && iPerW09F2006[0].IsPermission ? iPerW09F2006[0].IsPermission : 0,\r\n // iPerW09F2007: iPerW09F2007 && iPerW09F2007.length > 0 && iPerW09F2007[0].IsPermission ? iPerW09F2007[0].IsPermission : 0,\r\n // });\r\n }\r\n });\r\n };\r\n\r\n onLoadDataFilter = () => {\r\n this.loadDataOrgChart();\r\n this.loadCboDuty();\r\n this.loadCboEmployees();\r\n this.loadCboProjects();\r\n };\r\n\r\n onSearch = e => {\r\n const value = e?.target?.value ?? '';\r\n if (this.timer) clearTimeout(this.timer);\r\n this.timer = setTimeout(() => {\r\n this.filterEmployees.SearchValue = value;\r\n this.loadListEmployee();\r\n }, 500);\r\n };\r\n\r\n onFilter = () => {\r\n this.loadListEmployee();\r\n };\r\n\r\n loadListEmployee = () => {\r\n const {tabIndex} = this.state;\r\n const {\r\n skip,\r\n limit,\r\n SearchValue,\r\n OrgChartID,\r\n DutyID,\r\n EmployeeID,\r\n ProjectID,\r\n DatejoinTo,\r\n DatejoinFrom,\r\n fieldSort,\r\n typeSort,\r\n } = this.filterEmployees;\r\n let paramFilters = {\r\n SearchValue,\r\n OrgChartID,\r\n DutyID,\r\n EmployeeID,\r\n ProjectID,\r\n DatejoinTo,\r\n DatejoinFrom,\r\n fieldSort,\r\n typeSort\r\n };\r\n let employeeType = tabIndex ? (tabIndex === 1 ? 0 : tabIndex) : 1;\r\n let params = {skip, limit, IsWorking: employeeType, ...paramFilters, Language: Config.language || \"84\"};\r\n this.setState({loaded: true});\r\n this.props.w09f2005Action.getListEmployees(\r\n params,\r\n (error, {total, rows}) => {\r\n if (error) {\r\n let message = error.message || Config.lang(\"Loi_chua_xac_dinh\");\r\n Config.popup.show(\"INFO\", message);\r\n this.setState({loaded: false});\r\n return false;\r\n }\r\n this.setState({listEmployee: {rows, total}}, () => {\r\n this.setState({loaded: false});\r\n });\r\n }\r\n );\r\n };\r\n\r\n loadDataOrgChart = () => {\r\n this.props.generalActions.getOrgCharts({}, (error, data) => {\r\n if (error) {\r\n Config.popup.show(\"ERROR\", error);\r\n return false;\r\n }\r\n if (data) {\r\n const dataSource = this._generateDataOrg(data, \"OrgChartID\", \"OrgChartParentID\");\r\n this.setState({ dataOrgChart: dataSource });\r\n }\r\n });\r\n };\r\n\r\n _generateDataOrg = (dataSource, valueExpr, parentIdExpr) => {\r\n return dataSource.map((e) => {\r\n if (e[valueExpr] && e[parentIdExpr] && e[valueExpr] === e[parentIdExpr]) {\r\n delete e[parentIdExpr];\r\n e.expanded = true;\r\n } else if (!e[parentIdExpr]) {\r\n e.expanded = true;\r\n }\r\n return e;\r\n });\r\n };\r\n\r\n\r\n loadCboDuty = () => {\r\n const param = {Language: Config.language || \"84\"};\r\n this.props.generalActions.getCboDuty(param, error => {\r\n if (error) {\r\n Config.popup.show(\"ERROR\", error);\r\n return false;\r\n }\r\n });\r\n };\r\n\r\n loadCboEmployees = (isReset) => {\r\n const param = {\r\n HostID: \"\",\r\n Type: \"EmployeeID\",\r\n FormID: \"W09F2005\",\r\n Language: Config.language || \"84\",\r\n skip: this.filterCboEmployees.skip,\r\n limit: this.filterCboEmployees.limit,\r\n search: this.filterCboEmployees.strSearch\r\n };\r\n this.loading.cboEmployees = true;\r\n this.setLoading();\r\n this.props.generalActions.getCboEmployees(param, (error, data) => {\r\n this.loading.cboEmployees = false;\r\n this.setLoading();\r\n if (error) {\r\n Config.popup.show(\"ERROR\", error);\r\n return false;\r\n }\r\n if (data) {\r\n const {dataCboEmployees} = this.state;\r\n const rows = data && data.rows ? data.rows : data;\r\n const total = data && data.total ? data.total : data.length;\r\n this.setState({\r\n dataCboEmployees: {\r\n rows: isReset ? rows : dataCboEmployees.rows.concat(rows),\r\n total: total\r\n }\r\n })\r\n }\r\n });\r\n };\r\n\r\n loadCboProjects = (isReset) => {\r\n const param = {\r\n HostID: \"\",\r\n FormID: \"W09F2005\",\r\n Language: Config.language || \"84\",\r\n skip: this.filterCboProject.skip,\r\n limit: this.filterCboProject.limit,\r\n search: this.filterCboProject.strSearch\r\n };\r\n this.loading.cboProjects = true;\r\n this.setLoading();\r\n this.props.generalActions.getCboProjects(param, (error, data) => {\r\n this.loading.cboProjects = false;\r\n this.setLoading();\r\n if (error) {\r\n Config.popup.show(\"ERROR\", error);\r\n return false;\r\n }\r\n if (data) {\r\n const {dataCboProjects} = this.state;\r\n const rows = data && data.rows ? data.rows : data;\r\n const total = data && data.total ? data.total : data.length;\r\n this.setState({\r\n dataCboProjects: {\r\n rows: isReset ? rows : dataCboProjects.rows.concat(rows),\r\n total: total\r\n }\r\n })\r\n }\r\n });\r\n };\r\n\r\n setLoading = () => {\r\n this.setState({loading: this.loading});\r\n };\r\n\r\n setFilter = () => {\r\n this.setState({filter: this.filterEmployees});\r\n };\r\n\r\n handleFilterChange(key, data) {\r\n if (!key) return false;\r\n switch (key) {\r\n case \"dateForm\":\r\n this.filterEmployees.DatejoinFrom = data.value;\r\n break;\r\n case \"dateTo\":\r\n this.filterEmployees.DatejoinTo = data.value;\r\n break;\r\n case \"orgChartID\":\r\n this.filterEmployees.OrgChartID = data ? data?.join(',') : '';\r\n break;\r\n case \"dutyID\":\r\n this.filterEmployees.DutyID = data.value ?? '';\r\n break;\r\n case \"employeeID\":\r\n this.filterEmployees.EmployeeID = data.value ?? '';\r\n break;\r\n case \"projectID\":\r\n this.filterEmployees.ProjectID = data.value ?? '';\r\n break;\r\n default:\r\n break;\r\n }\r\n this.setFilter();\r\n }\r\n\r\n handleChangeTab = (e, value) => {\r\n this.setState({\r\n filter: {\r\n SearchValue: '',\r\n DatejoinFrom: null,\r\n DatejoinTo: null,\r\n OrgChartID: '',\r\n DutyID: '',\r\n EmployeeID: '',\r\n ProjectID: '',\r\n }\r\n });\r\n this.setState({tabIndex: value}, () => this.loadListEmployee());\r\n };\r\n\r\n handleChangePage = page => {\r\n this.filterEmployees.skip = page * this.filterEmployees.limit;\r\n this.loadListEmployee(1);\r\n };\r\n\r\n handleChangePerPage = perPage => {\r\n this.filterEmployees.skip = 0;\r\n this.filterEmployees.limit = perPage;\r\n this.loadListEmployee(1);\r\n };\r\n\r\n componentDidMount = async () => {\r\n await this.loadPermission();\r\n if (!this.state.iPermissions.W09F2005) return;\r\n this.loadListEmployee();\r\n };\r\n\r\n componentWillUnmount = () => {\r\n this.setState({\r\n listEmployee: {rows: [], total: 0},\r\n tabIndex: 0,\r\n });\r\n this.filterEmployees = {\r\n SearchValue: \"\",\r\n DatejoinFrom: null,\r\n DatejoinTo: null,\r\n OrgChartID: \"\",\r\n DutyID: \"\",\r\n EmployeeID: \"\",\r\n ProjectID: \"\",\r\n skip: 0,\r\n limit: 10\r\n };\r\n };\r\n\r\n onView = e => {\r\n const {data} = e;\r\n Config.setStoreState(this, this.filterEmployees);\r\n browserHistory.push({\r\n pathname: Config.getRootPath() + \"W09F2000\",\r\n state: {EmployeeID: data.EmployeeID, FormID: \"W09F2005\"}\r\n });\r\n };\r\n\r\n renderFilters = () => {\r\n const {getCboDuty} = this.props;\r\n const {loading, filter, dataOrgChart, dataCboEmployees, dataCboProjects} = this.state;\r\n\r\n return (\r\n {\r\n return (\r\n <>\r\n \r\n \r\n \r\n {Config.lang(\"Ngay_vao\")}\r\n \r\n
\r\n \r\n \r\n \r\n \r\n this.handleFilterChange(\"dateForm\", e)}\r\n style={{ margin: 0 }}\r\n clearAble\r\n />\r\n
\r\n \r\n \r\n \r\n \r\n this.handleFilterChange(\"dateTo\", e)}\r\n style={{ margin: 0 }}\r\n clearAble\r\n />\r\n
\r\n \r\n
\r\n \r\n \r\n this.handleFilterChange(\"orgChartID\", e.value)}\r\n value={filter?.OrgChartID?.length > 0 ? filter?.OrgChartID?.split(',') : []}\r\n clearAble\r\n viewType={'outlined'}\r\n placeholder={Config.lang('Chon')}\r\n style={{ margin: 0 }}\r\n >\r\n this.handleFilterChange(\"orgChartID\", data)}\r\n parentID={\"OrgChartParentID\"}\r\n value={filter?.OrgChartID?.length > 0 ? filter?.OrgChartID?.split(',') : []}\r\n valueExpr={\"OrgChartID\"}\r\n />\r\n \r\n \r\n
\r\n \r\n \r\n this.handleFilterChange(\"dutyID\", e)}\r\n value={filter.DutyID}\r\n clearAble\r\n viewType={'outlined'}\r\n placeholder={Config.lang('Chon')}\r\n style={{ margin: 0 }}\r\n />\r\n \r\n
\r\n \r\n \r\n this.handleFilterChange(\"employeeID\", e)}\r\n onInput={(e) => {\r\n const value = e.target.value;\r\n if (this.timer) clearTimeout(this.timer);\r\n this.timer = setTimeout(() => {\r\n this.filterCboEmployees.strSearch = value;\r\n this.filterCboEmployees.skip = 0;\r\n this.loadCboEmployees(true);\r\n }, 500);\r\n \r\n }}\r\n onLoadMore={(e) => {\r\n this.filterCboEmployees.skip = e.skip;\r\n this.filterCboEmployees.limit = e.limit;\r\n this.loadCboEmployees();\r\n }}\r\n style={{ margin: 0 }}\r\n />\r\n \r\n
\r\n \r\n \r\n this.handleFilterChange(\"projectID\", e)}\r\n onInput={(e) => {\r\n const value = e.target.value;\r\n if (this.timer) clearTimeout(this.timer);\r\n this.timer = setTimeout(() => {\r\n this.filterCboProject.strSearch = value;\r\n this.filterCboProject.skip = 0;\r\n this.loadCboProjects(true);\r\n }, 500);\r\n }}\r\n onLoadMore={(e) => {\r\n this.filterCboProject.skip = e.skip;\r\n this.filterCboProject.limit = e.limit;\r\n this.loadCboProjects();\r\n }}\r\n style={{ margin: 0 }}\r\n />\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n );\r\n }}\r\n />\r\n );\r\n };\r\n\r\n renderItem = (e) => {\r\n const {data} = e.row;\r\n\r\n return (\r\n \r\n \r\n {data.EmployeeID}\r\n
\r\n );\r\n };\r\n\r\n onOrderChanged = (e) => {\r\n if (!e || !e.column) return false;\r\n this.filterEmployees.fieldSort = e.column.dataField;\r\n this.filterEmployees.typeSort = e.typeSort;\r\n this.loadListEmployee();\r\n };\r\n\r\n render() {\r\n const {iPermissions, tabIndex, listEmployee, loaded} = this.state;\r\n if (!iPermissions.W09F2005) return null;\r\n const {skip, limit} = this.filterEmployees;\r\n return (\r\n <>\r\n \r\n {this.renderFilters()}
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n );\r\n }\r\n}\r\n\r\nW09F2005.propTypes = {\r\n classes: PropTypes.any,\r\n generalActions: PropTypes.any,\r\n getCboDuty: PropTypes.any,\r\n getCboEmployees: PropTypes.any,\r\n getCboProjects: PropTypes.any,\r\n w09f2005Action: PropTypes.any\r\n};\r\n\r\n\r\nexport default compose(connect(state => ({\r\n tab: state.W09F2005.statusTab,\r\n getCboDuty: state.general.getCboDuty,\r\n getCboEmployees: state.general.getCboEmployees,\r\n getCboProjects: state.general.getCboProjects\r\n}), dispatch => ({\r\n w09f2005Action: bindActionCreators(w09f2005Action, dispatch),\r\n generalActions: bindActionCreators(generalActions, dispatch)\r\n})), withStyles(styles))(W09F2005);\r\n","/**\r\n * @copyright 2019 @ DigiNet\r\n * @author THIEN\r\n * @create 12/5/2019\r\n * @Example\r\n */\r\n\r\nimport React, { Component } from \"react\";\r\n\r\nimport PropTypes from \"prop-types\";\r\n\r\nimport { bindActionCreators, compose } from \"redux\";\r\nimport { connect } from \"react-redux\";\r\n\r\nimport * as w09f2005Action from \"../../../../redux/W0X/W09F2005/W09F2005_actions\";\r\nimport ActionToolbar from \"../../../common/toolbar/action-toolbar\";\r\nimport { FormGroup} from \"react-bootstrap\";\r\nimport { Tabs, Tab } from \"@material-ui/core\";\r\nimport withStyles from \"@material-ui/core/styles/withStyles\";\r\nimport Config from \"../../../../config\";\r\n\r\nconst styles = theme => ({\r\n indicator: {\r\n borderRadius: 40,\r\n },\r\n});\r\nclass W09F2005Tabs extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n hoverButtonEdit: false,\r\n hoverButtonExport: false,\r\n tabStatus: []\r\n };\r\n }\r\n\r\n loadStatusTab = () => {\r\n this.props.w09f2005Action.getTabStatus({Language: Config.language || \"84\"}, (error, data) => {\r\n if (error) {\r\n Config.popup.show(\"ERROR\", error);\r\n return false;\r\n }\r\n this.setState({ tabStatus: data });\r\n });\r\n };\r\n\r\n componentDidMount = () => {\r\n this.loadStatusTab();\r\n };\r\n\r\n renderTab = () => {\r\n const {iPermissions} = this.props;\r\n const { tabStatus } = this.state;\r\n return tabStatus && tabStatus.map(({ StatusType, StatusName, Total, FormID }, i) => {\r\n if (!FormID || (FormID && (!iPermissions || !iPermissions[FormID]))) return null;\r\n return \r\n });\r\n };\r\n\r\n render() {\r\n const { tabIndex, onChangeTab, classes: { indicator } } = this.props;\r\n return (\r\n <>\r\n \r\n \r\n {/**/}\r\n {/**/}\r\n \r\n \r\n \r\n {this.renderTab()}\r\n \r\n \r\n );\r\n }\r\n}\r\n\r\nW09F2005Tabs.propTypes = {\r\n classes: PropTypes.any,\r\n onChangeTab: PropTypes.any,\r\n tabIndex: PropTypes.any,\r\n iPermissions: PropTypes.any,\r\n w09f2005Action: PropTypes.any\r\n};\r\n\r\nexport default compose(\r\n connect(\r\n state => ({ listEmployees: state.W09F2005.listEmployees }),\r\n dispatch => ({\r\n w09f2005Action: bindActionCreators(w09f2005Action, dispatch)\r\n })\r\n ),\r\n withStyles(styles)\r\n)(W09F2005Tabs);\r\n"],"sourceRoot":""}