onLock(data)}\r\n />\r\n }\r\n \r\n );\r\n});\r\n\r\nexport default compose(connect((state) => ({\r\n getCboAppStatus: state.general.getCboAppStatus,\r\n dataDetail: state.W39F1005.dataDetail,\r\n}), (dispatch) => ({\r\n w39f1005Actions: bindActionCreators(w39f1005Actions, dispatch),\r\n generalActions: bindActionCreators(generalActions, dispatch),\r\n})), withStyles(styles))(W39F1005);\r\n","/**\r\n * @copyright 2019 @ DigiNet\r\n * @author NAMDANG\r\n * @create 6/25/2020\r\n * @Example\r\n */\r\n\r\n\r\nimport React, {Component} from \"react\";\r\nimport validator from 'validator';\r\nimport {connect} from \"react-redux\";\r\nimport {bindActionCreators, compose} from \"redux\";\r\nimport withStyles from \"@material-ui/core/styles/withStyles\";\r\nimport * as generalActions from \"../../../../redux/general/general_actions\";\r\nimport * as W39F1030Actions from \"../../../../redux/W3X/W39f1030/W39F1030_actions\";\r\nimport Config from \"../../../../config\";\r\nimport ActionToolbar from \"../../../common/toolbar/action-toolbar\";\r\nimport {Col, Row, FormGroup} from \"react-bootstrap\";\r\nimport {Combo, TextField} from \"../../../common/form-material\";\r\nimport ButtonGeneral from \"../../../common/button/button-general\";\r\nimport CreateIcon from '@material-ui/icons/Create';\r\nimport {\r\n FormControl,\r\n InputLabel,\r\n Typography,\r\n OutlinedInput\r\n} from \"@material-ui/core\";\r\nimport Attachments from \"../../../common/attachments/attachments\";\r\nimport _ from \"lodash\";\r\nimport NumberFormat from 'react-number-format';\r\nimport {browserHistory} from \"react-router\";\r\nimport moment from 'moment';\r\nconst styles = theme => ({\r\n caption: {\r\n paddingTop: \"7%\",\r\n [theme.breakpoints.down(\"md\")]: {\r\n paddingTop: 0,\r\n },\r\n },\r\n textEvaluation: {\r\n display: \"inline-block\",\r\n color: \"#333333\",\r\n fontSize: \"15px\",\r\n marginTop: \"25px\",\r\n textAlign: \"center\",\r\n }\r\n\r\n});\r\n\r\nclass W39F1030 extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n error: {},\r\n disabled: false,\r\n loadingListAppChildCriterion: false,\r\n dataOldAttachments: [],\r\n uploading: false,\r\n formLoading: false,\r\n formValid: [],\r\n listGroups: [],\r\n dataMaster: {},\r\n isUpdated: false,\r\n NoteEvaluatedLevel1: \"\",\r\n RefEvaluation01U: \"\",\r\n formData : {},\r\n\r\n };\r\n this.attachments = [];\r\n this.deletedFile = [];\r\n this.upload = null;\r\n this.timerInput= null;\r\n this.allowCalculate = false;\r\n }\r\n\r\n setLoading = (key, status = false) => {\r\n if (!key) return;\r\n this.setState({['loading' + key]: status});\r\n\r\n };\r\n\r\n _getAttachments = () => {\r\n const listAttachments = Config.helpers.getFileInfomations(this.attachments);\r\n const { dataOldAttachments } = this.state;\r\n let arrAttachment = [];\r\n listAttachments.forEach(att => {\r\n arrAttachment.push({\r\n URL: att.url ? att.url : \"\",\r\n FileName: att.fileName ? att.fileName : \"\",\r\n FileSize: att.fileSize ? att.fileSize : \"\",\r\n FileExt: att.fileExt ? att.fileExt : \"\"\r\n });\r\n });\r\n if (!_.isEmpty(dataOldAttachments)) {\r\n arrAttachment = dataOldAttachments.concat(arrAttachment);\r\n }\r\n\r\n return arrAttachment;\r\n };\r\n\r\n onAttachment = () => {\r\n if (this.attRef) {\r\n this.attRef.onAttachment();\r\n }\r\n };\r\n\r\n onUploading = value => {\r\n this.setState({ uploading: value,isUpdated: true });\r\n };\r\n\r\n onChangeAttachments = e => {\r\n this.attachments = e.uploadedFiles ? e.uploadedFiles : [];\r\n if (e.deletedFiles && e.deletedFiles.length > 0) {\r\n this.deletedFile = [...e.deletedFiles];\r\n const _arrRemove = this.deletedFile.map(d => d.AttachmentID);\r\n this.setState(prevState => ({\r\n dataOldAttachments: prevState.dataOldAttachments.filter(att => {\r\n return _arrRemove.indexOf(att.AttachmentID) < 0;\r\n })\r\n }),() => {\r\n this.setState({isUpdated: true});\r\n });\r\n }\r\n };\r\n\r\n loadFormGrid = () => {\r\n const { EvaluationVoucherID,DepartmentID , mode, TransID } = this.getInfo();\r\n const params = {\r\n EvaluationVoucherID: EvaluationVoucherID,\r\n TransID: TransID,\r\n DepartmentID: DepartmentID,\r\n FormID: \"W39F1030\",\r\n Language: Config.language || '84',\r\n Mode: mode && mode === \"add\" ? 0 : 1 ,\r\n };\r\n this.setState({formLoading: true});\r\n this.props.W39F1030Actions.getLoadFormGrid(params, (error,data) => {\r\n this.setState({formLoading: false});\r\n if (error) {\r\n Config.popup.show(\"ERROR\", error);\r\n return false;\r\n }\r\n if(data){\r\n this.setState({\r\n NoteEvaluatedLevel1: data.NoteEvaluatedLevel1,\r\n formData: {\r\n ...this.state.formData,\r\n RefEvaluation01U: data.RefEvaluation01U,\r\n Result: data.Result,\r\n DesResult: data.DesResult\r\n }\r\n });\r\n }\r\n\r\n });\r\n };\r\n\r\n loadListAppChildCriterion = () => {\r\n const { EvaluationVoucherID,DepartmentID , mode } = this.getInfo();\r\n const params = {\r\n EvaluationVoucherID: EvaluationVoucherID,\r\n DepartmentID: DepartmentID,\r\n FormID: \"W39F1030\",\r\n Language: Config.language || '84',\r\n Mode: mode && mode === \"add\" ? 0 : 1 ,\r\n };\r\n this.setLoading('ListAppChildCriterion', true);\r\n this.props.W39F1030Actions.getLoadListAppChildCriterions(params, (error, data) => {\r\n this.setLoading('ListAppChildCriterion', false);\r\n if (error) {\r\n Config.popup.show(\"ERROR\", error);\r\n return false;\r\n }\r\n\r\n let listGroups = [];\r\n const dataMaster = {};\r\n const formData = {};\r\n if (data) {\r\n data.forEach(d => {\r\n if (!listGroups.find(group => group.AppCriterionGroupID === d.AppCriterionGroupID)) {\r\n listGroups.push(d);\r\n dataMaster[d.AppCriterionGroupID] = [];\r\n }\r\n dataMaster[d.AppCriterionGroupID].push(d);\r\n //formData...\r\n formData[d.EvaluationElementID] = {\r\n EvaluationElementID: d.EvaluationElementID,\r\n TypeID: d.TypeID,\r\n Value: d.Value,\r\n Note1U: d.Note1U,\r\n };\r\n });\r\n }\r\n this.setState({\r\n listGroups,\r\n dataMaster,\r\n formData: {\r\n ...this.state.formData,\r\n ...formData\r\n }\r\n });\r\n });\r\n };\r\n\r\n loadCboAppChildCriterion = () => {\r\n const { EvaluationVoucherID,DepartmentID } = this.getInfo();\r\n const params = {\r\n EvaluationVoucherID: EvaluationVoucherID,\r\n DepartmentID: DepartmentID,\r\n FormID: \"W39F1030\",\r\n Language: Config.language || '84',\r\n };\r\n this.setState({formLoading: true});\r\n this.props.W39F1030Actions.getCboAppChildCriterion(params, (error, data) => {\r\n this.setState({formLoading: false});\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 onChange = (name, e, type) => {\r\n if (!name || !e) return false;\r\n if (!this.state.isUpdated) this.setState({isUpdated : true});\r\n const {formData} = this.state;\r\n const {getCboAppChildCriterion} = this.props;\r\n\r\n let value = _.get(e, \"value\", _.get(e, \"target.value\", \"\"));\r\n switch (type) {\r\n case \"combo\":\r\n const dataSourceCbo = getCboAppChildCriterion.filter(dCbo => dCbo.EvaluationElementID === name);\r\n const itemSelected = dataSourceCbo.find(d => d.EvaluationLevelID === value);\r\n const _value = itemSelected && itemSelected.Value ? itemSelected.Value : 0;\r\n this.setState({\r\n formData: {\r\n ...formData,\r\n [name]: {\r\n ...formData[name],\r\n TypeID: value ? value : \"\",\r\n Value: _value,\r\n }\r\n }\r\n });\r\n break;\r\n case \"number\":\r\n if (this.timerInput) clearTimeout(this.timerInput);\r\n this.timerInput = setTimeout(() => {\r\n this.setState({\r\n formData: {\r\n ...formData,\r\n [name]: {\r\n ...formData[name],\r\n Value: value,\r\n }\r\n }\r\n });\r\n }, 400);\r\n break;\r\n case \"text\":\r\n if (this.timerInput) clearTimeout(this.timerInput);\r\n this.timerInput = setTimeout(() => {\r\n this.setState({\r\n formData: {\r\n ...formData,\r\n [name]: {\r\n ...formData[name],\r\n Note1U: value,\r\n }\r\n }\r\n });\r\n }, 400);\r\n break;\r\n case \"textarea\":\r\n if (this.timerInput) clearTimeout(this.timerInput);\r\n this.timerInput = setTimeout(() => {\r\n this.setState({[name]: value});\r\n }, 400);\r\n break;\r\n default:\r\n break;\r\n }\r\n\r\n };\r\n\r\n onChangeResult = (e, type) => {\r\n if (!this.state.isUpdated) this.setState({isUpdated : true});\r\n const {formData} = this.state;\r\n let value = _.get(e, \"value\", _.get(e, \"target.value\", \"\"));\r\n if (!type) {\r\n this.setState({\r\n formData: {\r\n ...formData,\r\n Result: value\r\n }\r\n });\r\n } else {\r\n this.setState({\r\n formData: {\r\n ...formData,\r\n [type]: value\r\n }\r\n });\r\n }\r\n };\r\n\r\n onSave = () => {\r\n const { EvaluationVoucherID,DepartmentID , mode, TransID } = this.getInfo();\r\n if (this.state.formValid && this.state.formValid.length > 0) {\r\n Config.popup.show(\"INFO\", Config.lang(\"DHR_Tham_so_truyen_vao_khong_hop_le\"));\r\n return false;\r\n }\r\n\r\n const arrAttachments = this._getAttachments();\r\n const {formData, NoteEvaluatedLevel1 } = this.state;\r\n let data = [];\r\n const listExcludeFields = ['NoteEvaluatedLevel1', 'RefEvaluation01U', 'Result', 'DesResult'];\r\n Object.keys(formData).forEach(key => {\r\n if (!listExcludeFields.includes(key)) {\r\n const item = formData[key];\r\n data.push({\r\n EvaluationElementID: key,\r\n TypeID: item.TypeID,\r\n Value: item.Value && item.Value.Value ? item.Value.Value : item.Value,\r\n Note1U: item.Note1U\r\n });\r\n }\r\n });\r\n const params = {\r\n EvaluationVoucherID: EvaluationVoucherID,\r\n DepartmentID: DepartmentID,\r\n Result: formData && (formData.Result || formData.Result === 0) ? formData.Result : null,\r\n DesResult: formData && formData.DesResult ? formData.DesResult : \"\",\r\n TranMonth: Config.getHRTransMonth(),\r\n TranYear: Config.getHRTransYear(),\r\n DivisionID: Config.getDivisionID(),\r\n Mode: mode && mode === \"add\" ? 0 : 1 ,\r\n FormID: \"W39F1030\",\r\n Language: Config.language || '84',\r\n TransID: TransID,\r\n NoteEvaluatedLevel1: NoteEvaluatedLevel1,\r\n arrAttachment: arrAttachments ? JSON.stringify(arrAttachments) : \"\",\r\n data: JSON.stringify(data)\r\n };\r\n this.setState({formLoading: true});\r\n this.props.W39F1030Actions.save(params, (error,data) => {\r\n this.setState({formLoading: false});\r\n if (error) {\r\n Config.popup.show(\"ERROR\", error);\r\n return false;\r\n }\r\n this.loadFormGrid();\r\n this.loadAttachments();\r\n this.loadListAppChildCriterion();\r\n this.setState({isUpdated: false});\r\n this.allowCalculate = true;\r\n Config.notify.show(\"success\", Config.lang(\"DHR_Luu_thanh_cong\"), 2000);\r\n });\r\n };\r\n\r\n loadAttachments = () => {\r\n const {TransID} = this.getInfo();\r\n const param = {\r\n KeyID : TransID,\r\n TableName: \"D39T2002\"\r\n };\r\n this.props.generalActions.getAttachmentsByTransID(param, (error, data) => {\r\n if (error) {\r\n Config.popup.show(\"ERROR\", error);\r\n return false;\r\n }\r\n if (data && data.length > 0) {\r\n this.setState({\r\n dataOldAttachments: data,\r\n loading:false,\r\n });\r\n }\r\n this.setState({\r\n loading:false,\r\n });\r\n });\r\n };\r\n\r\n\r\n getInfo = (flag, nextProps) => {\r\n const { location } = nextProps ? nextProps : this.props;\r\n if (location && location.state) {\r\n const voucher_id = location.state.voucher_id ? location.state.voucher_id : \"\";\r\n const state = location.state;\r\n return {\r\n ...state,\r\n mode: location.state.mode ? location.state.mode : (voucher_id ? 'edit' : 'add'),\r\n }\r\n } else {\r\n if (flag) {\r\n browserHistory.push(Config.getRootPath() + \"W39F1025\");\r\n return null;\r\n }\r\n return false;\r\n }\r\n };\r\n\r\n componentDidMount = async () => {\r\n if (!this.getInfo()) return;\r\n const { mode } = this.getInfo();\r\n if( mode === \"edit\") {\r\n this.loadAttachments();\r\n }\r\n this.loadFormGrid();\r\n this.loadCboAppChildCriterion();\r\n this.loadListAppChildCriterion();\r\n };\r\n\r\n onBlur = (value, name, rule, data) => {\r\n if (rule === \"Point\") {\r\n this.validCriterionPoint(name, value, data);\r\n }\r\n };\r\n\r\n validCriterionPoint = (name, value, data) => {\r\n const {formValid} = this.state;\r\n const val = value ? value : \"0\";\r\n let _formValid = formValid.filter(f => f.field && f.criterionID !== data.EvaluationElementID);\r\n const isInt = validator.isInt(val, {min: 0});\r\n if (!isInt) {\r\n _formValid.push({\r\n field: name,\r\n criterionID: data.EvaluationElementID,\r\n error: true,\r\n message: Config.lang(\"DHR_Diem_so_khong_hop_le\")\r\n });\r\n }\r\n this.setState({formValid: _formValid});\r\n };\r\n\r\n isError = (name, rule, data) => {\r\n\r\n const {formValid} = this.state;\r\n if (rule === \"Point\") {\r\n for (let i = 0; i < formValid.length; i++) {\r\n const fvl = formValid[i];\r\n if (fvl.field === name && fvl.criterionID === data.EvaluationElementID) {\r\n return fvl.error;\r\n }\r\n }\r\n }\r\n\r\n return false;\r\n };\r\n getErrorMessage = (name, rule, data) => {\r\n const {formValid} = this.state;\r\n if (rule === \"Point\") {\r\n for (let i = 0; i < formValid.length; i++) {\r\n const fvl = formValid[i];\r\n if (fvl.field === name && fvl.criterionID === data.EvaluationElementID) {\r\n return fvl.message;\r\n }\r\n }\r\n }\r\n return \"\";\r\n };\r\n\r\n onBack = () => {\r\n const state = this.getInfo();\r\n browserHistory.push({\r\n pathname: Config.getRootPath() + (state && state.FormID ? state.FormID : \"\"),\r\n state: {\r\n ...state,\r\n mode: \"edit\"\r\n }\r\n });\r\n };\r\n\r\n render() {\r\n if (!this.getInfo(true)) return null;\r\n const { mode, DepartmentID, DepartmentName, CreateDate, TransTypeName, StatusID} = this.getInfo();\r\n const { formLoading, listGroups, dataMaster, dataOldAttachments, formData, isUpdated, loadingListAppChildCriterion,\r\n NoteEvaluatedLevel1 } = this.state;\r\n const { RefEvaluation01U} = formData;\r\n const { getLoadFormGrid, classes, getCboAppChildCriterion } = this.props;\r\n return (\r\n <>\r\n \r\n \r\n \r\n \r\n {TransTypeName +' '+ DepartmentName + ' - '+ DepartmentID}\r\n \r\n \r\n { moment.utc(CreateDate).format(\"DD/MM/YYYY, kk:mm:ss\") }\r\n \r\n {listGroups.map((item, indx) => {\r\n const data = dataMaster[item.AppCriterionGroupID];\r\n return (\r\n item.IsMiddleEvaluationElement === 0 &&\r\n \r\n \r\n {item.AppCriterionGroupNameU}\r\n \r\n {data && data.map((d, indx2) => {\r\n const dataSourceCbo = getCboAppChildCriterion.filter(dCbo => dCbo.EvaluationElementID === d.EvaluationElementID);\r\n const rowData = formData && formData[d.EvaluationElementID] ? formData[d.EvaluationElementID] : null;\r\n let typeText = d.ResultDes || \"\";\r\n if (!typeText) {\r\n switch (d.IsTypeEvaluation) {\r\n case 1: typeText = Config.lang(\"DHR_Xep_loai\"); break;\r\n case 2: typeText = Config.lang(\"DHR_Cong_thuc\"); break;\r\n default: typeText = Config.lang(\"DHR_Diem\"); break;\r\n }\r\n }\r\n return (\r\n \r\n \r\n \r\n \r\n {d.OrderNo + '.' + d.EvaluationElementName + ' (' + d.Proportion + ')'}\r\n \r\n\r\n \r\n \r\n \r\n \r\n {d.IsTypeEvaluation === 1 ?\r\n this.onChange(d.EvaluationElementID, e, \"combo\")}\r\n value={(rowData && String(rowData.TypeID))}\r\n />\r\n : d.IsTypeEvaluation === 2 ?\r\n this.onBlur(e.target.value, d.EvaluationElementID, \"Point\", d)}\r\n value={mode === \"add\" && !this.allowCalculate ? \"\" : (rowData && String(rowData.Value))}\r\n fullWidth\r\n onChange={e => this.onChange(d.EvaluationElementID, e, \"number\")}\r\n />\r\n :\r\n this.onBlur(e.target.value, d.EvaluationElementID, \"Point\", d)}\r\n defaultValue={mode === \"add\" ? \"\" : (rowData && String(rowData.Value))}\r\n fullWidth\r\n onChange={e => this.onChange(d.EvaluationElementID, e, \"number\")}\r\n />\r\n }\r\n\r\n \r\n \r\n \r\n {'(' + typeText + ')'}\r\n \r\n\r\n \r\n
\r\n \r\n \r\n \r\n ),\r\n readOnly: (getLoadFormGrid.IsSave === 1 ? false : true)\r\n }}\r\n // disabled={disabled}\r\n defaultValue={rowData ? String(rowData.Note1U) : \"\"}\r\n onChange={(e) => this.onChange(d.EvaluationElementID, e, \"text\")}\r\n margin={\"normal\"}\r\n multiline\r\n fullWidth\r\n />\r\n \r\n
\r\n\r\n \r\n\r\n \r\n
\r\n );\r\n })}\r\n
\r\n )\r\n })}\r\n\r\n \r\n \r\n \r\n {Config.lang(\"DHR_Ket_qua_danh_gia\")}\r\n \r\n \r\n \r\n \r\n \r\n this.onChangeResult(e)}\r\n value={formData && formData.Result}\r\n />\r\n \r\n \r\n
\r\n \r\n \r\n \r\n ),\r\n readOnly: (getLoadFormGrid.IsSave === 1 ? false : true)\r\n }}\r\n // disabled={disabled}\r\n defaultValue={formData && formData.DesResult ? String(formData.DesResult) : \"\"}\r\n onChange={(e) => this.onChangeResult(e, \"DesResult\")}\r\n margin={\"normal\"}\r\n multiline\r\n fullWidth\r\n />\r\n \r\n
\r\n
\r\n \r\n\r\n {loadingListAppChildCriterion === false && (\r\n <>\r\n \r\n \r\n \r\n \r\n \r\n {Config.lang('DHR_Danh_gia_chung')}\r\n \r\n
\r\n \r\n \r\n this.onChange(\"NoteEvaluatedLevel1\",e,'textarea')}\r\n aria-describedby=\"outlined-weight-helper-text\"\r\n inputProps={{\r\n \"aria-label\": \"weight\",\r\n readOnly: (getLoadFormGrid.IsSave === 1 ? false : true)\r\n }}\r\n disabled={formLoading}\r\n multiline={true}\r\n labelWidth={0}\r\n />\r\n \r\n
\r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n {Config.lang('DHR_Ghi_chu')}\r\n \r\n
\r\n \r\n \r\n this.onChange(\"RefEvaluation01U\",e,'textarea')}\r\n aria-describedby=\"outlined-weight-helper-text\"\r\n inputProps={{\r\n \"aria-label\": \"weight\",\r\n readOnly: true\r\n }}\r\n disabled={formLoading}\r\n multiline={true}\r\n labelWidth={0}\r\n />\r\n \r\n
\r\n \r\n\r\n \r\n \r\n \r\n (this.attRef = ref)}\r\n showButton={true}\r\n files={dataOldAttachments}\r\n disabled={Number(StatusID) === 1 || formLoading}\r\n maxLength={5}\r\n onUploading={this.onUploading}\r\n onChanged={this.onChangeAttachments}\r\n />\r\n \r\n
\r\n \r\n\r\n \r\n \r\n )}\r\n\r\n \r\n )\r\n }\r\n}\r\n\r\nclass NumberFormatCustom extends Component {\r\n\r\n render() {\r\n const {name, inputRef, onChange, ...props} = this.props;\r\n return (\r\n {\r\n if (onChange) {\r\n onChange({\r\n target: {\r\n name: name,\r\n value: e.value\r\n }\r\n })\r\n }\r\n }}\r\n />\r\n );\r\n }\r\n}\r\n\r\nexport default compose(\r\n connect(\r\n state => ({\r\n getLoadFormGrid: state.W39F1030.getLoadFormGrid,\r\n getLoadListAppChildCriterion: state.W39F1030.getLoadListAppChildCriterion,\r\n getCboAppChildCriterion: state.W39F1030.getCboAppChildCriterion\r\n }),\r\n dispatch => ({\r\n generalActions: bindActionCreators(generalActions, dispatch),\r\n W39F1030Actions: bindActionCreators(W39F1030Actions, dispatch)\r\n })\r\n ),\r\n withStyles(styles, {withTheme: true})\r\n)(W39F1030);","/**\r\n * @copyright 2020 @ DigiNet\r\n * @author DINHTHIEN\r\n * @create 7/3/2020\r\n */\r\n\r\nimport React, { Component } from \"react\";\r\nimport { compose, bindActionCreators } from \"redux\";\r\nimport { connect } from \"react-redux\";\r\nimport { browserHistory } from \"react-router\";\r\nimport { IconButton, withStyles, Tooltip } from \"@material-ui/core\";\r\nimport * as generalActions from \"../../../../redux/general/general_actions\";\r\nimport * as W39F1010Actions from \"../../../../redux/W3X/W39F1010/W39F1010_actions\";\r\nimport ActionToolbar from \"../../../common/toolbar/action-toolbar\";\r\nimport Modal from \"../../../common/modal/modal\";\r\nimport { FormGroup, Row, Col, Image } from \"react-bootstrap\";\r\nimport GridContainer from \"../../../grid-container/grid-container\";\r\nimport { Column } from \"devextreme-react/data-grid\";\r\nimport AccountCircleIcon from \"@material-ui/icons/AccountCircle\";\r\nimport Filter from \"../../../filter/filter\";\r\nimport Config from \"../../../../config\";\r\nimport UserImage from \"../../../common/user/user-image\";\r\nimport UserName from \"../../../common/user/user-name\";\r\nimport moment from \"moment\";\r\nimport _ from \"lodash\";\r\nimport ButtonCustom from \"../../../common/button/button-custom\";\r\nimport { Combo } from \"../../../common/form-material\";\r\n\r\nimport W39F1012 from \"../W39F1012/W39F1012\";\r\nimport Status from \"../../../common/status/status\";\r\nimport W84F3005 from \"../../../W8X/W84/W84F3005/W84F3005\";\r\nimport {ButtonIcon, Checkbox} from \"diginet-core-ui/components\";\r\nimport Icon from \"diginet-core-ui/icons\";\r\n\r\nconst styles = (theme) => ({\r\n headerTitle: {\r\n \"& > :last-child\": {\r\n justifyContent: \"flex-end !important\",\r\n },\r\n },\r\n divDateText: {\r\n fontSize: \"14px\",\r\n fontWeight: 400,\r\n color: \"#000000\",\r\n },\r\n dateInfo: {\r\n display: \"flex\",\r\n alignItems: \"center\",\r\n },\r\n divText: {\r\n // fontSize: \"14px\",\r\n fontWeight: 500,\r\n // color: \"#575757\",\r\n },\r\n chip: {\r\n fontSize: \"1rem\",\r\n fontWeight: 400,\r\n border: \"none\",\r\n backgroundColor: \"#EBEBEB\",\r\n color: theme.palette.grey[\"600\"],\r\n \"&.statusColor\": {\r\n color: theme.palette.success.main,\r\n },\r\n }\r\n});\r\n\r\nconst arrStar = new Map([\r\n [0, 'StarOutline'],\r\n [0.5, 'StarHalf'],\r\n [1, 'Star'],\r\n]);\r\n\r\nclass W39F1010 extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n gridLoading: false,\r\n cBoLoading: false,\r\n employeeLoading: false,\r\n disabledCboEmployee: false,\r\n dataCboEmployees: {\r\n rows: [],\r\n total: 0,\r\n },\r\n dataCboStatus: [\r\n {\r\n StatusID: \"PROCESS\",\r\n StatusName: Config.lang(\"Dang_thuc_hien\"),\r\n },\r\n {\r\n StatusID: \"COMPLETE\",\r\n StatusName: Config.lang(\"Hoan_thanh\"),\r\n },\r\n ],\r\n rowData: null,\r\n isMineVoucher: false,\r\n showW39F1012: false,\r\n w84F3005Popup: null,\r\n filterEmployee: null,\r\n };\r\n this.filter = {\r\n TransTypeID: \"\",\r\n StatusID: \"\",\r\n skip: 0,\r\n limit: 10,\r\n };\r\n this.filterCboEmployees = {\r\n timer: null,\r\n search: \"\",\r\n skip: 0,\r\n limit: 50,\r\n };\r\n this.defaultParams = {\r\n FormID: \"W39F1010\",\r\n Language: Config.language || \"84\",\r\n };\r\n this.menuType = Number(Config.getLocalStorage(\"MENUTYPEDHR\") ?? 0);\r\n }\r\n\r\n setMineVoucher = () => {\r\n const { isMineVoucher } = this.state;\r\n this.setState({ isMineVoucher: !isMineVoucher }, this.loadFormGrid);\r\n };\r\n\r\n handleResponse = (err, data = []) => {\r\n if (err) Config.popup.show(\"ERROR\", err);\r\n if (data === \"isGrid\") {\r\n this.setState({\r\n gridLoading: false,\r\n });\r\n } else {\r\n this.setState({ cBoLoading: false });\r\n }\r\n };\r\n\r\n loadFormGrid = (voucher_id) => {\r\n const { isMineVoucher, filterEmployee } = this.state;\r\n const {location} = this.props;\r\n const params = {\r\n ...this.defaultParams,\r\n ..._.omit(this.filter, \"employee\"),\r\n EmployeeID: filterEmployee?.EmployeeID ?? \"\",\r\n DivisionID: Config.getDivisionID(),\r\n IsMineVoucher: location?.state?.menu?.Type === \"ESS\" ? 1 : Number(isMineVoucher),\r\n TransID: voucher_id || \"\"\r\n };\r\n this.setState({ gridLoading: true });\r\n this.props.w39f1010Actions.getFormGrid(params, (err) => this.handleResponse(err, \"isGrid\"));\r\n };\r\n\r\n loadCboTransType = () => {\r\n this.setState({ cBoLoading: true });\r\n this.props.w39f1010Actions.getTransType(this.handleResponse);\r\n };\r\n\r\n loadStatus = () => {\r\n const { dataCboStatus } = this.state;\r\n this.setState({ cBoLoading: true });\r\n this.props.w39f1010Actions.getStatus((err, data) => {\r\n this.handleResponse(err);\r\n if(data?.IsNewMethod) {\r\n this.setState({\r\n dataCboStatus: [\r\n ...dataCboStatus,\r\n {StatusID: \"NEW\", StatusName: Config.lang(\"Chua_danh_gia\")}\r\n ]})\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 ...this.defaultParams,\r\n ..._.omit(this.filterCboEmployees, [\"timer\",\"strSearch\"]),\r\n search: this.filterCboEmployees.strSearch,\r\n Disabled: +(this.state?.disabledCboEmployee ?? false),\r\n\r\n };\r\n this.setState({ cBoLoading: true });\r\n this.props.generalActions.getCboEmployees(param, (err, data) => {\r\n this.handleResponse(err);\r\n if (data) {\r\n const { dataCboEmployees } = this.state;\r\n const rows = _.get(data, \"rows\", []);\r\n const total = _.get(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 onChangePage = (page) => {\r\n this.filter.skip = page * this.filter.limit;\r\n this.loadFormGrid();\r\n };\r\n\r\n onChangePerPage = (perPage) => {\r\n this.filter.skip = 0;\r\n this.filter.limit = perPage;\r\n this.loadFormGrid();\r\n };\r\n\r\n onCloseModal = () => {\r\n this.loadFormGrid();\r\n this.setState({\r\n showW39F1012: false,\r\n });\r\n };\r\n\r\n renderEmpProfile = (e) => {\r\n const { classes } = this.props;\r\n const { data } = e.row;\r\n const objRenderDate = {\r\n content: moment.utc(data.CreateDate).format(\"LT, DD/MM/YYYY\"),\r\n isVisible: Boolean(data.CreateDate),\r\n };\r\n return (\r\n \r\n
\r\n
\r\n
\r\n {objRenderDate.isVisible && (\r\n
\r\n
\r\n
\r\n {objRenderDate.content}\r\n
\r\n
\r\n )}\r\n
\r\n
\r\n {arrRenderInfo.map(({ content }, i) => {\r\n const preWarpNote = i === arrRenderInfo.length - 1 ? { style: { whiteSpace: \"pre-wrap\" } } : {};\r\n return (\r\n
\r\n {content}\r\n
\r\n );\r\n })}\r\n
\r\n this.redirectScreen(1, e)}\r\n />\r\n this.onHistory(data)}\r\n />\r\n {iconApproval}\r\n
\r\n );\r\n };\r\n\r\n onLoadDataFilter = () => {\r\n this.loadCboTransType();\r\n this.loadCboEmployees();\r\n };\r\n\r\n handleFilterChange = (key, data) => {\r\n const value = _.get(data, \"value\", \"\");\r\n if (key === \"employee\") {\r\n if (!value) {\r\n this.filterCboEmployees.strSearch = \"\";\r\n this.loadCboEmployees(true);\r\n }\r\n this.setState({ filterEmployee: value ?? \"\" });\r\n } else {\r\n this.filter = {\r\n ...this.filter,\r\n [key]: value,\r\n };\r\n }\r\n };\r\n\r\n redirectScreen = (mode = 0, e = \"\") => {\r\n const {location} = this.props;\r\n browserHistory.push({\r\n pathname: Config.getRootPath() + \"W39F1011\",\r\n state: {\r\n ...location?.state,\r\n Mode: mode,\r\n FormID: this.defaultParams.FormID,\r\n EmployeeID: _.get(e, \"data.EmployeeID\", \"03991\"),\r\n TransID: _.get(e, \"data.TransID\", \"39EVCP700000004_03991\"),\r\n EvaluationVoucherID: _.get(e, \"data.EvaluationVoucherID\", \"39EVCP700000004\"),\r\n ApproveLevel: _.get(e, \"data.ApproveLevel\", 0),\r\n IsSave: _.get(e, \"data.IsSave\", 0),\r\n UserLevel: _.get(e, \"data.UserLevel\", 1),\r\n },\r\n });\r\n };\r\n\r\n renderFilters = () => {\r\n const { getTransType } = this.props;\r\n const { cBoLoading, dataCboEmployees, dataCboStatus, disabledCboEmployee, filterEmployee } = this.state;\r\n const { TransTypeID, StatusID } = this.filter;\r\n return (\r\n {\r\n return (\r\n <>\r\n \r\n \r\n \r\n this.handleFilterChange(\"TransTypeID\", e)}\r\n />\r\n \r\n
\r\n \r\n \r\n this.handleFilterChange(\"StatusID\", e)}\r\n />\r\n \r\n
\r\n {!!this.menuType && \r\n \r\n this.setState({ disabledCboEmployee: e?.value ?? false })}\r\n />\r\n \r\n
}\r\n \r\n \r\n this.handleFilterChange(\"employee\", e)}\r\n onInputChanged={(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 this.filter.skip=0;\r\n this.loadFormGrid();\r\n }}\r\n />\r\n \r\n \r\n );\r\n }}\r\n />\r\n );\r\n };\r\n\r\n onHistory = (data = {}) => {\r\n this.setState({w84F3005Popup: data.TransID || null})\r\n };\r\n\r\n\r\n render() {\r\n const { classes, getFormGrid } = this.props;\r\n const { gridLoading, isMineVoucher, showW39F1012, rowData, w84F3005Popup } = this.state;\r\n return (\r\n <>\r\n \r\n \r\n \r\n {this.renderFilters()}
\r\n {!!w84F3005Popup && this.onHistory()}\r\n FormID=\"W39F1010\" TransID={w84F3005Popup}/>\r\n }\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n );\r\n }\r\n\r\n componentDidMount = () => {\r\n const {voucher_id} = Config.getUrlParams(this.props);\r\n this.loadFormGrid(voucher_id);\r\n this.loadStatus();\r\n };\r\n\r\n componentDidUpdate = (prevProps, prevState) => {\r\n const {getFormGrid} = this.props;\r\n Config.callChildForm({\r\n FormID: \"W39F1010\",\r\n keyExpr: \"TransID\",\r\n data: getFormGrid.rows || [],\r\n onLoad: (params) => this.loadFormGrid(params && params.ID),\r\n onAction: (e, data) => this.redirectScreen(1, {data: data})\r\n }, this.props);\r\n if ( prevState?.disabledCboEmployee !== this.state?.disabledCboEmployee ) {\r\n this.setState({ filterEmployee: null });\r\n this.loadCboEmployees(true);\r\n }\r\n }\r\n}\r\n\r\nexport default compose(\r\n connect(\r\n (state) => ({\r\n getCboEmployees: state.general.getCboEmployees,\r\n getTransType: state.W39F1010.getTransType,\r\n getFormGrid: state.W39F1010.getFormGrid,\r\n }),\r\n (dispatch) => ({\r\n generalActions: bindActionCreators(generalActions, dispatch),\r\n w39f1010Actions: bindActionCreators(W39F1010Actions, dispatch),\r\n }),\r\n ),\r\n withStyles(styles, { withTheme: true }),\r\n)(W39F1010);\r\n","import React, { Component } from \"react\";\r\nimport { withStyles, IconButton, OutlinedInput, Typography } from \"@material-ui/core\";\r\nimport { FormGroup, Row, Col } from \"react-bootstrap\";\r\nimport AttachFileIcon from \"@material-ui/icons/AttachFile\";\r\nimport { compose, bindActionCreators } from \"redux\";\r\nimport { connect } from \"react-redux\";\r\nimport Attachments from \"../../../common/attachments/attachments\";\r\nimport * as W39F1012Actions from \"../../../../redux/W3X/W39F1012/W39F1012_actions\";\r\nimport * as generalActions from \"../../../../redux/general/general_actions\";\r\nimport Config from \"../../../../config\";\r\nimport Modal from \"../../../common/modal/modal\";\r\nimport ButtonGeneral from \"../../../common/button/button-general\";\r\nimport _ from \"lodash\";\r\nimport CDN from \"../../../CDN\";\r\nimport Api from \"../../../../services/api\";\r\nimport Fade from \"@material-ui/core/Fade\";\r\n\r\nconst styles = (theme) => ({\r\n caption: {\r\n paddingTop: \"7%\",\r\n [theme.breakpoints.down(\"md\")]: {\r\n paddingTop: 0,\r\n },\r\n },\r\n loading: {\r\n display: \"flex\",\r\n justifyContent: \"center\",\r\n \"& :first-child\": {\r\n fill: theme.palette.primary.main,\r\n },\r\n },\r\n});\r\n\r\nclass W39F1012 extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n dataForm: [],\r\n dataOldAttachments: [],\r\n uploading: false,\r\n attachmentLoading: false,\r\n loadingForm: false,\r\n saving: false,\r\n };\r\n this.attachments = [];\r\n this.deletedFile = [];\r\n }\r\n\r\n handleResponse = (res = {}) => {\r\n const status = _.get(res, \"data.Status\", 1);\r\n const message = _.get(res, \"data.Message\", \"\");\r\n const messageErr = _.get(res, \"message\", false);\r\n if (messageErr) Config.popup.show(\"INFO\", messageErr || Config.lang(\"DHR_Loi_chua_xac_dinh\"));\r\n if (!status) {\r\n this._removeCDN();\r\n Config.notify.show(\"success\", Config.lang(\"DHR_Luu_thanh_cong\"), 2000);\r\n this.onClose();\r\n } else if (message !== \"\") {\r\n Config.popup.show(\"INFO\", message);\r\n }\r\n };\r\n\r\n _removeCDN = () => {\r\n if (this.deletedFile && this.deletedFile.length > 0) {\r\n this.deletedFile.forEach((e) => {\r\n const path = e.URL.split(\"=\");\r\n if (path && path.length > 1) {\r\n const params = {\r\n path: path[1],\r\n };\r\n CDN.removeFile(params);\r\n }\r\n });\r\n this.deletedFile = [];\r\n }\r\n };\r\n\r\n _getAttachments = () => {\r\n const listAttachments = Config.helpers.getFileInfomations(this.attachments);\r\n const { dataOldAttachments } = this.state;\r\n let arrAttachment = [];\r\n listAttachments.forEach((att) => {\r\n arrAttachment.push({\r\n URL: att.url ? att.url : \"\",\r\n FileName: att.fileName ? att.fileName : \"\",\r\n FileSize: att.fileSize ? att.fileSize : \"\",\r\n FileExt: att.fileExt ? att.fileExt : \"\",\r\n });\r\n });\r\n if (!_.isEmpty(dataOldAttachments)) {\r\n arrAttachment = dataOldAttachments.concat(arrAttachment);\r\n }\r\n\r\n return arrAttachment;\r\n };\r\n\r\n onChangeAttachments = (e) => {\r\n this.attachments = e.uploadedFiles ? e.uploadedFiles : [];\r\n if (e.deletedFiles && e.deletedFiles.length > 0) {\r\n this.deletedFile = [...e.deletedFiles];\r\n const _arrRemove = this.deletedFile.map((d) => d.AttachmentID);\r\n this.setState((prevState) => ({\r\n dataOldAttachments: prevState.dataOldAttachments.filter((att) => {\r\n return _arrRemove.indexOf(att.AttachmentID) < 0;\r\n }),\r\n }));\r\n }\r\n };\r\n\r\n loadAttachments = () => {\r\n const { data } = this.props;\r\n const param = {\r\n KeyID: _.get(data, \"TransID\", \"\"),\r\n };\r\n this.setState({ attachmentLoading: true });\r\n this.props.generalActions.getAttachmentsByTransID(param, (err, data) => {\r\n this.setState({ attachmentLoading: false }, () => {\r\n this.handleResponse(err);\r\n });\r\n if (data && data.length > 0) {\r\n this.setState({\r\n dataOldAttachments: data,\r\n });\r\n }\r\n });\r\n };\r\n\r\n loadFormInfo = () => {\r\n const { data } = this.props;\r\n const params = {\r\n TransID: _.get(data, \"TransID\", \"\"),\r\n };\r\n this.setState({ loadingForm: true });\r\n this.props.w39f1012Actions.getForm(params, (err, data) => {\r\n this.setState({ loadingForm: false }, () => {\r\n this.handleResponse(err);\r\n });\r\n const arrCaption = _.get(data, \"captionGrid\", {});\r\n const arrInfo = _.get(data, \"dataInfoRef\", {});\r\n const dataForm = arrCaption.map((item) => {\r\n const keyInfo = Object.keys(arrInfo).filter((info) => _.startsWith(info, item.RefID));\r\n return { ...item, [keyInfo]: arrInfo[keyInfo] };\r\n });\r\n this.setState({ dataForm });\r\n });\r\n };\r\n\r\n onAttachment = () => {\r\n if (this.attRef) {\r\n this.attRef.onAttachment();\r\n }\r\n };\r\n\r\n onUploading = (value) => {\r\n this.setState({ uploading: value });\r\n };\r\n\r\n onClose = () => {\r\n const { onClose } = this.props;\r\n if (onClose) onClose();\r\n };\r\n\r\n onStore = async () => {\r\n const { data } = this.props;\r\n const { dataForm } = this.state;\r\n const arrAttachments = this._getAttachments();\r\n const TransID = _.get(data, \"TransID\", \"\");\r\n const objRefEval = dataForm\r\n .map((item) => _.pickBy(item, (v, k) => _.startsWith(k, \"RefEvaluation\")))\r\n .reduce((obj, item) => {\r\n const keyName = Object.keys(item);\r\n obj[keyName] = item[keyName];\r\n return obj;\r\n }, {});\r\n const params = {\r\n ...objRefEval,\r\n TransID,\r\n arrAttachment: JSON.stringify(arrAttachments),\r\n };\r\n this.setState({ saving: true, attachmentLoading: true });\r\n const res = await Api.put(\"/w39f1012/save\", params);\r\n this.setState({ saving: false, attachmentLoading: false });\r\n this.handleResponse(res);\r\n };\r\n\r\n handleChange = (key, e, i) => {\r\n const { dataForm } = this.state;\r\n const value = _.get(e, \"target.value\", \"\");\r\n this.setState({\r\n dataForm: [\r\n ...dataForm.slice(0, i),\r\n {\r\n ...dataForm[i],\r\n [key]: value,\r\n },\r\n ...dataForm.slice(i + 1),\r\n ],\r\n });\r\n };\r\n\r\n renderDataForm = () => {\r\n const { classes } = this.props;\r\n const { dataForm, saving, loadingForm } = this.state;\r\n return dataForm.map((item, i) => {\r\n const refEvaluationName = `RefEvaluation${(\"0\" + (i + 1)).slice(-2)}U`;\r\n const styleHidden = { display: item.Disabled ? \"none\" : \"block\" };\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n {item.RefCaptionU}\r\n \r\n
\r\n \r\n \r\n this.handleChange(refEvaluationName, e, i)}\r\n aria-describedby=\"outlined-weight-helper-text\"\r\n inputProps={{\r\n \"aria-label\": \"weight\",\r\n }}\r\n multiline={true}\r\n labelWidth={0}\r\n />\r\n \r\n
\r\n \r\n \r\n );\r\n });\r\n };\r\n\r\n render() {\r\n const { dataOldAttachments, uploading, attachmentLoading, saving } = this.state;\r\n return (\r\n <>\r\n \r\n {this.renderDataForm()}\r\n \r\n (this.attRef = ref)}\r\n showButton={true}\r\n files={dataOldAttachments}\r\n disabled={uploading}\r\n maxLength={5}\r\n uploading={attachmentLoading}\r\n onUploading={this.onUploading}\r\n onChanged={this.onChangeAttachments}\r\n />\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n );\r\n }\r\n\r\n componentDidMount = () => {\r\n this.loadFormInfo();\r\n this.loadAttachments();\r\n };\r\n}\r\n\r\nexport default compose(\r\n connect(\r\n (state) => ({\r\n getForm: state.W39F1012.getForm,\r\n }),\r\n (dispatch) => ({\r\n w39f1012Actions: bindActionCreators(W39F1012Actions, dispatch),\r\n generalActions: bindActionCreators(generalActions, dispatch),\r\n }),\r\n ),\r\n withStyles(styles),\r\n)(W39F1012);\r\n","/***********************************************************************/\r\n/* */\r\n/* Copyright (C) 2020. All rights reserved */\r\n/* License : https://diginet.com.vn */\r\n/* Author : RocaChien */\r\n/* */\r\n/* Created : 09-07-2020 10:13:05. */\r\n/* Modified : 09-07-2020 10:13:05. */\r\n/* */\r\n/***********************************************************************/\r\n\r\nimport React, { Component } from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport { browserHistory } from \"react-router\";\r\nimport _ from \"lodash\";\r\nimport validator from 'validator';\r\n\r\nimport { bindActionCreators, compose } from \"redux\";\r\nimport withStyles from \"@material-ui/core/styles/withStyles\";\r\nimport {LoadPanel} from \"devextreme-react\";\r\n\r\nimport Config from \"../../../../config\";\r\nimport { Image} from \"react-bootstrap\";\r\nimport ActionToolbar from \"../../../common/toolbar/action-toolbar\";\r\nimport {TextField} from \"../../../common/form-material\";\r\nimport CDN from \"../../../CDN\";\r\nimport Attachments from \"../../../common/attachments/attachments\";\r\nimport UserImage from \"../../../common/user/user-image\";\r\nimport UserName from \"../../../common/user/user-name\";\r\n\r\nimport * as W39F1011Actions from \"../../../../redux/W3X/W39F1011/W39F1011_actions\";\r\nimport * as generalActions from \"../../../../redux/general/general_actions\";\r\nimport * as mainActions from \"../../../../redux/main/main_actions\";\r\nimport moment from \"moment\";\r\n// import jsPDF from \"jspdf\";\r\nimport html2canvas from \"html2canvas\";\r\nimport NumberFormat from \"react-number-format\";\r\nimport Icon from 'diginet-core-ui/icons';\r\nimport {Button, ButtonIcon, FormGroup, Tooltip, TextInput,\r\n Dropdown,Row,Col, Popover, Typography} from 'diginet-core-ui/components';\r\nimport {FormHelperText ,Container , FormControl, Grid, Chip ,InputAdornment} from \"@material-ui/core\";\r\nimport GridContainer from \"../../../grid-container/grid-container\";\r\nimport { Column } from \"devextreme-react/data-grid\";\r\n\r\n/************************************/\r\n/* GLOBAL VARIABLE OR FUNCTIONS */\r\n/************************************/\r\nconst convertToRoman = (num) => {\r\n const roman = {M: 1000, CM: 900, D: 500, CD: 400, C: 100, XC: 90, L: 50, XL: 40, X: 10, IX: 9, V: 5, IV: 4, I: 1};\r\n let str = '';\r\n\r\n for (let i of Object.keys(roman)) {\r\n const q = Math.floor(num / roman[i]);\r\n num -= q * roman[i];\r\n str += i.repeat(q);\r\n }\r\n\r\n return str;\r\n};\r\nconst styles = theme => {\r\n return {\r\n dateInfo: {\r\n display: 'flex',\r\n alignItems: 'center',\r\n },\r\n divText: {\r\n // fontSize: \"14px\",\r\n fontWeight: 500,\r\n // color: '#575757',\r\n },\r\n divDateText: {\r\n fontSize: \"14px\",\r\n fontWeight: 400,\r\n color: '#000000',\r\n },\r\n fieldset: {\r\n display: \"flex\",\r\n marginTop: \"10px\"\r\n },\r\n validateField: {\r\n '&:not(.disableDot)': {\r\n '& .MuiInputBase-root': {\r\n '&:before': {\r\n borderBottom: '1px solid rgb(255, 61, 113) !important'\r\n },\r\n '&:after': {\r\n borderBottom: '1px solid rgb(255, 61, 113) !important'\r\n }\r\n },\r\n '&:hover': {\r\n '& .MuiInputBase-root': {\r\n '&:before': {\r\n borderBottom: '2px solid rgb(255, 61, 113) !important'\r\n },\r\n '&:after': {\r\n borderBottom: '2px solid rgb(255, 61, 113) !important'\r\n }\r\n }\r\n },\r\n }\r\n }\r\n };\r\n};\r\n\r\nclass W39F1011 extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n CriterionTitle: '',\r\n EmployeeInfo: null,\r\n errorMessage: false,\r\n\r\n loading: true,\r\n loading2: false,\r\n uploading: false,\r\n getResultSuccess: false,\r\n iPermission: null,\r\n errors: {},\r\n avatarAttach: null,\r\n formValid: [],\r\n dataOldAttachments: [],\r\n IsSave: 1,\r\n criterionCboResultsError: {},\r\n prevIsSubmit: 0,\r\n IsEvaluation: 0,\r\n isOpenPopover: false,\r\n };\r\n this.isLoaded = false;\r\n this.dataDetail = null;\r\n this.attachments = [];\r\n this.deletedFile = [];\r\n this.upload = null;\r\n this.timeout = null;\r\n this.EvaluationCombo = {};\r\n this.UserLevel = 1;\r\n this.TransTypeID = \"\";\r\n this.formData ={\r\n Mode: 0,\r\n ApproveLevel: 0,\r\n TransID: \"\",\r\n EmployeeID: \"\",\r\n DivisionID: \"\",\r\n EvaluationVoucherID: \"\",\r\n TranMonth: \"\",\r\n TranYear: \"\",\r\n Language: \"\",\r\n NoteEmployee: null,\r\n NoteEvaluatedLevel2: null,\r\n NoteEvaluatedLevel3: null,\r\n NoteEvaluatedLevel4: null,\r\n NoteEvaluatedLevel5: null,\r\n arrAttachment: [],\r\n ResultID1: null,\r\n ResultID2: null,\r\n ResultID3: null,\r\n ResultID4: null,\r\n ResultID5: null,\r\n detail: []\r\n };\r\n this.contentContainer = React.createRef();\r\n this.loaded = {};\r\n this.canvasHtml = null;\r\n this.isChangeForm = false;\r\n this.btnSaveRef = {};\r\n this.btnSendResultRef = {};\r\n this.buttonResultRef = {};\r\n this.idInput = '';\r\n this.timerGetFocus = null;\r\n }\r\n componentDidMount = async () => {\r\n\r\n const { location } = this.props;\r\n const {FormPermission, TransID, Mode, EvaluationVoucherID, EmployeeID, ApproveLevel, IsSave} = this.getInfo(); //FormID for get permission...\r\n\r\n const Language = Config.language || \"84\";\r\n const DivisionID = Config.getDivisionID();\r\n const FormID = _.get(location, \"state.FormID\", \"W39F1011\");\r\n const TransTypeID = _.get(location, \"state.TransTypeID\", \"\");\r\n this.UserLevel = _.get(location, \"state.UserLevel\", 1);\r\n this.TransTypeID = TransTypeID;\r\n\r\n await this.loadPermission(FormPermission ? FormPermission : FormID);\r\n\r\n if (!this.state.iPermission) return;\r\n\r\n if (\r\n ApproveLevel === null ||\r\n ![0, 1].includes(Mode) ||\r\n !FormID || FormID.length === 0 ||\r\n !TransID || TransID.length === 0 ||\r\n !EmployeeID || EmployeeID.length === 0 ||\r\n !EvaluationVoucherID || EvaluationVoucherID.length === 0\r\n ) {\r\n this.setState({ errorMessage: Config.lang(\"Khong_tim_thay_hoac_khong_du_tt\") });\r\n return null;\r\n }\r\n\r\n this.formData.Mode = Mode;\r\n this.formData.ApproveLevel = ApproveLevel;\r\n this.formData.DivisionID = DivisionID;\r\n this.formData.Language = Language;\r\n this.formData.TransID = TransID;\r\n this.formData.FormID = FormID;\r\n this.formData.EmployeeID = EmployeeID;\r\n this.formData.EvaluationVoucherID = EvaluationVoucherID;\r\n this.formData.TranMonth = Config.getHRTransMonth();\r\n this.formData.TranYear = Config.getHRTransYear();\r\n\r\n // Show loading and hide when timeout\r\n this.setState({\r\n IsSave: IsSave,\r\n loading: true\r\n });\r\n this.timeout = setTimeout(()=>{\r\n this.isLoaded = true;\r\n this.setState({ loading: false });\r\n }, 3500);\r\n\r\n this.loaded = {\r\n loadMasterData: false,\r\n loadCriterionGroup: false,\r\n loadCriterionDetail: false,\r\n loadCriterionCombo: false,\r\n };\r\n // Call list APIs\r\n this.loadApi(\"loadMasterData\", {FormID, Language, Mode, EvaluationVoucherID, TransID, EmployeeID, TransTypeID}, true);\r\n this.loadApi(\"loadCriterionGroup\", {}, true);\r\n this.loadApi(\"loadCriterionDetail\", {FormID, EvaluationVoucherID, TransID, EmployeeID, TransTypeID }, true);\r\n this.loadApi(\"loadCriterionCombo\", {FormID, EvaluationVoucherID, EmployeeID, TransTypeID}, true);\r\n this.loadApi(\"loadHistoryApproval\", { FormID, TransID, Language }, true);\r\n this.loadApi(\"getAttachmentsByTransID\", { KeyID: TransID, Key02ID: EmployeeID });\r\n this.loadApi(\"getRequiredFields\", {FormID: 'W39F1011', ModuleID: '39', CheckMode: 0 }, false);\r\n };\r\n componentWillUnmount = () => {\r\n this.setState({\r\n CriterionTitle: '',\r\n EmployeeInfo: null,\r\n errorMessage: false,\r\n\r\n loading: true,\r\n uploading: false,\r\n iPermission: 0,\r\n errors: {},\r\n avatarAttach: null,\r\n dataOldAttachments: [],\r\n IsSave: 1,\r\n prevIsSubmit: 0,\r\n IsEvaluation: 0,\r\n });\r\n this.isLoaded = false;\r\n this.dataDetail = null;\r\n this.attachments = [];\r\n this.deletedFile = [];\r\n this.upload = null;\r\n this.EvaluationCombo = {};\r\n this.UserLevel = 2;\r\n this.formData ={\r\n Mode: 0,\r\n ApproveLevel: 0,\r\n TransID: \"\",\r\n EmployeeID: \"\",\r\n DivisionID: \"\",\r\n EvaluationVoucherID: \"\",\r\n TranMonth: \"\",\r\n TranYear: \"\",\r\n Language: \"\",\r\n NoteEmployee: null,\r\n NoteEvaluatedLevel2: null,\r\n NoteEvaluatedLevel3: null,\r\n NoteEvaluatedLevel4: null,\r\n NoteEvaluatedLevel5: null,\r\n arrAttachment: [],\r\n ResultID1: null,\r\n ResultID2: null,\r\n ResultID3: null,\r\n ResultID4: null,\r\n ResultID5: null,\r\n detail: []\r\n };\r\n this.btnSaveRef = {};\r\n this.btnSendResultRef = {};\r\n\r\n if (this.timeout) {\r\n clearTimeout(this.timeout);\r\n }\r\n if(this.timerGetFocus) clearTimeout(this.timerGetFocus);\r\n };\r\n\r\n getInfo = () => {\r\n const {location, isPopup} = this.props;\r\n const url = new window.URLSearchParams(window.location.search);\r\n if (url?.get('TransID') || url?.get('FormPermission')) {\r\n return {\r\n TransID: url.get('TransID'),\r\n Mode: url.get('Mode') ?? null,\r\n EvaluationVoucherID: url.get('EvaluationVoucherID'),\r\n EmployeeID: url.get('EmployeeID'),\r\n ApproveLevel: url.get('ApproveLevel') ?? null,\r\n FormPermission: url.get('FormPermission'),\r\n IsSave: url.get('IsSave') ?? 1\r\n };\r\n } else {\r\n return {\r\n TransID: location?.state?.TransID || isPopup?.TransID || '',\r\n Mode: location?.state?.Mode ?? isPopup?.Mode ?? null,\r\n EvaluationVoucherID: location?.state?.EvaluationVoucherID || isPopup?.EvaluationVoucherID || '',\r\n EmployeeID: location?.state?.EmployeeID || isPopup?.EmployeeID || '',\r\n ApproveLevel: location?.state?.ApproveLevel ?? isPopup?.ApproveLevel ?? null,\r\n FormPermission: location?.state?.FormPermission || isPopup?.FormPermission || '',\r\n IsSave: location?.state?.IsSave ?? isPopup?.IsSave ?? 1\r\n }\r\n }\r\n };\r\n\r\n loadPermission = async (FormID) => {\r\n const { location, isPopup } = this.props;\r\n if(location?.state?.menu?.Type === \"ESS\" || FormID === \"W39F2000\"){\r\n this.setState({ iPermission: 4, loading: false });\r\n return await true;\r\n }\r\n await this.props.generalActions.getPermission(FormID ? FormID : \"W39F1011\", isPer => {\r\n this.setState({ iPermission: isPer, loading: false });\r\n }, FormID === \"W39F2000\" || !!isPopup);\r\n };\r\n onBack = () => {\r\n // browserHistory.goBack();\r\n const { location } = this.props;\r\n const FormID = _.get(location, \"state.FormID\", \"W39F1010\");\r\n let state = _.get(location, \"state\", {});\r\n state = {\r\n ...state,\r\n FormBack: \"W39F2011\"\r\n };\r\n\r\n browserHistory.push({\r\n pathname: Config.getRootPath() + FormID,\r\n state: state\r\n });\r\n };\r\n loadApi = (apiName, params = {}, ownAction = false) => {\r\n this.props[ownAction ? \"W39F1011Actions\" : \"generalActions\"][apiName](params, (error, data = null) => {\r\n if (error) {\r\n Config.popup2.show(\"ERROR\", error);\r\n return false;\r\n }\r\n\r\n this.loaded[apiName] = true;\r\n\r\n if (apiName === \"loadMasterData\" && data) {\r\n if (data.IsEvaluateContract === 1) {\r\n this.loadApi(\"loadComboResults\", {Language: Config.language || \"84\"}, true);\r\n }\r\n if (data.EmployeeID) {\r\n this.setState({\r\n EmployeeInfo: Config.getUser({EmployeeID: data.EmployeeID}),\r\n CriterionTitle: data.TransTypeName,\r\n Note: data.Note || \"\",\r\n });\r\n }\r\n const prevIsSubmit = data?.[`IsSubmit${Number(this.UserLevel) - 1}`] ?? 0;\r\n if (prevIsSubmit) {\r\n this.setState({ prevIsSubmit: prevIsSubmit });\r\n }\r\n const IsEvaluation = this.UserLevel > 1 ? data?.[`IsEvaluatedLevel${this.UserLevel}`] ?? 0 : data?.IsEvaluation ?? 0;\r\n if (IsEvaluation) {\r\n this.setState({ IsEvaluation: IsEvaluation });\r\n }\r\n }\r\n if (apiName === \"getAttachmentsByTransID\" && !_.isEmpty(data)) {\r\n if (data && data.length > 0) {\r\n this.setState({\r\n dataOldAttachments: data\r\n });\r\n }\r\n }\r\n });\r\n };\r\n\r\n /************************************/\r\n /* FORM MODULE FUNCTIONS */\r\n /************************************/\r\n setStateErrorText(objValue, key) {\r\n const stateError = key ? key : \"errors\";\r\n this.setState({\r\n [stateError]: { ...(this.state[stateError] ? this.state[stateError] : {}), ...objValue }\r\n });\r\n return Object.keys(objValue).length !== 0;\r\n }\r\n deletedAttachment = URL => {\r\n if (!_.isEmpty(URL) && this.deletedFile.filter(e => e.URL === URL).length === 0)\r\n this.deletedFile = [...this.deletedFile, { URL }];\r\n };\r\n onRemoveFile = () => {\r\n const { getForm } = this.props;\r\n const UserPictureURL = _.get(getForm, \"UserPictureURL\", \"\");\r\n this.deletedAttachment(UserPictureURL);\r\n this.setState({\r\n avatarAttach: null,\r\n formData: {\r\n ...this.state.formData,\r\n UserPictureURL: \"\"\r\n }\r\n });\r\n };\r\n ignoreReminder = () => {\r\n this.props.mainActions.ignoreReminder(_.get(this.props, \"location.state.dataReminder\", {}), (err) => {\r\n if (err) {\r\n Config.popup2.show(\"ERROR\", err);\r\n return false;\r\n }\r\n })\r\n }\r\n checkDetailData = () => {\r\n if (this.dataDetail) {\r\n let isNotUpdated = false;\r\n for (let i = 0; i < this.dataDetail.length; i++) {\r\n const detail = this.dataDetail[i];\r\n if (!detail.Value && !detail.IsUpdated && this.UserLevel === 1) isNotUpdated = true;\r\n if (!detail.Value02 && !detail.IsUpdated02 && this.UserLevel === 2) isNotUpdated = true;\r\n if (!detail.Value03 && !detail.IsUpdated03 && this.UserLevel === 3) isNotUpdated = true;\r\n if (!detail.Value04 && !detail.IsUpdated04 && this.UserLevel === 4) isNotUpdated = true;\r\n if (!detail.Value05 && !detail.IsUpdated05 && this.UserLevel === 5) isNotUpdated = true;\r\n if (isNotUpdated) break;\r\n }\r\n return isNotUpdated;\r\n }\r\n return true;\r\n };\r\n onSave = () => {\r\n const {dataMasterData, getRequiredFields} = this.props;\r\n let LabelLevel1 = dataMasterData?.LabelLevel1 ? dataMasterData.LabelLevel1 :'';\r\n let LabelLevel2 = dataMasterData?.LabelLevel2 ? dataMasterData.LabelLevel2 :'';\r\n let LabelLevel3 = dataMasterData?.LabelLevel3 ? dataMasterData.LabelLevel3 :'';\r\n let LabelLevel4 = dataMasterData?.LabelLevel4 ? dataMasterData.LabelLevel4 :'';\r\n let LabelLevel5 = dataMasterData?.LabelLevel5 ? dataMasterData.LabelLevel5 :'';\r\n const dataRequireFields = [];\r\n let isDetailDataValid = false;\r\n let detailDataValidMode = \"C\";\r\n // Step 2: Check form valida\r\n if (this.state.formValid && this.state.formValid.length > 0) {\r\n Config.popup2.show(\"INFO\", Config.lang(\"Tham_so_truyen_vao_khong_hop_le\"));\r\n return false;\r\n }\r\n\r\n //Step 2.1: Check results when isEvaluateContract..\r\n if (dataMasterData && dataMasterData.IsEvaluateContract === 1) {\r\n let isCheckResultValid = true;\r\n const {ResultID1, ResultID2, ResultID3, ResultID4, ResultID5} = this.formData;\r\n let criterionCboResultsError = {};\r\n switch (this.UserLevel) {\r\n case 1:\r\n if (!ResultID1) isCheckResultValid = false;\r\n criterionCboResultsError.ResultID1 = true;\r\n break;\r\n case 2:\r\n if (!ResultID2) isCheckResultValid = false;\r\n criterionCboResultsError.ResultID2 = true;\r\n break;\r\n case 3:\r\n if (!ResultID3) isCheckResultValid = false;\r\n criterionCboResultsError.ResultID3 = true;\r\n break;\r\n case 4:\r\n if (!ResultID4) isCheckResultValid = false;\r\n criterionCboResultsError.ResultID4 = true;\r\n break;\r\n case 5:\r\n if (!ResultID5) isCheckResultValid = false;\r\n criterionCboResultsError.ResultID5 = true;\r\n break;\r\n default:\r\n break;\r\n }\r\n if (!isCheckResultValid) {\r\n this.setState({criterionCboResultsError: criterionCboResultsError});\r\n Config.popup2.show(\"INFO\", Config.lang(\"Ban_phai_chon_ket_qua_danh_gia\"));\r\n return false;\r\n }\r\n }\r\n // check require field\r\n getRequiredFields && getRequiredFields.forEach(field => {\r\n if(field?.ValidMode === \"O\" &&\r\n this.formData.hasOwnProperty(field?.SqlFieldName) &&\r\n this.formData[field?.SqlFieldName] === \"\")\r\n {\r\n if(field?.SqlFieldName?.includes(2) && this.UserLevel === 2) {\r\n dataRequireFields.push(LabelLevel2)\r\n } else if (field?.SqlFieldName?.includes(3) && this.UserLevel === 3) {\r\n dataRequireFields.push(LabelLevel3)\r\n } else if (isNaN(field?.SqlFieldName?.substr(-1)) && this.UserLevel === 1) {\r\n dataRequireFields.push(LabelLevel1);\r\n } else if (field?.SqlFieldName?.includes(4) && this.UserLevel === 4) {\r\n dataRequireFields.push(LabelLevel4);\r\n } else if (field?.SqlFieldName?.includes(5) && this.UserLevel === 5) {\r\n dataRequireFields.push(LabelLevel5);\r\n }\r\n }\r\n if (field?.SqlFieldName === \"EvaluatedAllCriteria\") {\r\n isDetailDataValid = this.checkDetailData();\r\n detailDataValidMode = field?.ValidMode ?? \"C\";\r\n }\r\n });\r\n\r\n\r\n if(!_.isEmpty(dataRequireFields)) {\r\n let message = Config.lang(\"TruongB\") + \" \" +\r\n dataRequireFields[0] + \" \" + Config.lang(\"Bat_buoc_nhapB\").toLowerCase();\r\n Config.popup2.show(\"INFO\", message);\r\n return false;\r\n }\r\n\r\n // Step 2.2: Check detail data\r\n if (isDetailDataValid && detailDataValidMode === \"O\") {\r\n Config.popup.show(\"INFO\", Config.lang(\"Ton_tai_chi_tieu_chua_duoc_danh_gia._Ban_khong_the_luu.\"));\r\n return false;\r\n } else if (isDetailDataValid && detailDataValidMode === \"W\") {\r\n Config.popup.show(\"YES_NO\", Config.lang(\"Ton_tai_chi_tieu_chua_duoc_danh_gia._Ban_co_muon_luu_khong?\"), () => {\r\n this._saveData();\r\n });\r\n } else {\r\n this._saveData();\r\n }\r\n };\r\n _saveData = () => {\r\n const {location, getRequiredFields, dataMasterData} = this.props;\r\n let LabelLevel1 = dataMasterData?.LabelLevel1 ? dataMasterData.LabelLevel1 :'';\r\n let LabelLevel2 = dataMasterData?.LabelLevel2 ? dataMasterData.LabelLevel2 :'';\r\n let LabelLevel3 = dataMasterData?.LabelLevel3 ? dataMasterData.LabelLevel3 :'';\r\n let LabelLevel4 = dataMasterData?.LabelLevel4 ? dataMasterData.LabelLevel4 :'';\r\n let LabelLevel5 = dataMasterData?.LabelLevel5 ? dataMasterData.LabelLevel5 :'';\r\n const dataWarningFields = [];\r\n // Step 1: Convert property CriterionDetail object to detail array\r\n this.formData.TransTypeID = this.TransTypeID;\r\n this.formData.detail = this.dataDetail;\r\n this.formData.arrAttachment = this._getAttachments();\r\n\r\n // check warning field\r\n getRequiredFields && getRequiredFields.forEach(field => {\r\n if(field?.ValidMode === \"W\" &&\r\n this.formData.hasOwnProperty(field?.SqlFieldName) &&\r\n this.formData[field?.SqlFieldName] === \"\")\r\n {\r\n if(field?.SqlFieldName?.includes(2) && this.UserLevel === 2) {\r\n dataWarningFields.push(LabelLevel2)\r\n } else if (field?.SqlFieldName?.includes(3) && this.UserLevel === 3) {\r\n dataWarningFields.push(LabelLevel3)\r\n } else if (isNaN(field?.SqlFieldName?.substr(-1)) && this.UserLevel === 1) {\r\n dataWarningFields.push(LabelLevel1);\r\n } else if (field?.SqlFieldName?.includes(4) && this.UserLevel === 4) {\r\n dataWarningFields.push(LabelLevel4);\r\n } else if (field?.SqlFieldName?.includes(5) && this.UserLevel === 5) {\r\n dataWarningFields.push(LabelLevel5);\r\n }\r\n }\r\n });\r\n\r\n if(!_.isEmpty(dataWarningFields)) {\r\n let message = dataWarningFields[0] + \" \" + Config.lang(\"Chua_duoc_nhap_ban_co_muon_luu_khong\");\r\n Config.popup2.show({\r\n yesText: Config.lang(\"Tiep_tuc\"),\r\n noText: Config.lang(\"Khong\"),\r\n type: \"yesno\"},\r\n message,\r\n () => {\r\n this.confirmSaveData(this.formData, location)\r\n }, null);\r\n } else {\r\n this.confirmSaveData(this.formData, location)\r\n }\r\n\r\n };\r\n\r\n confirmSaveData = (dataForm, location) => {\r\n // Step 3: Submit to server\r\n this.setState({loading2: true});\r\n this.props.W39F1011Actions[\"save\"]({ ...dataForm, Mode: 0 }, (error, data) => {\r\n this.setState({loading2: false});\r\n if (error) {\r\n let message = Config.lang(\"Loi_chua_xac_dinh\");\r\n switch (error.code) {\r\n case \"ERR000\":\r\n message = \"DivisionID \" + Config.lang(\"Bat_buoc\");\r\n break;\r\n case \"RGE002\":\r\n message = \"TransID \" + Config.lang(\"Bat_buoc\");\r\n break;\r\n case \"ERR003\":\r\n message = \"CriterionDetail \" + Config.lang(\"Bat_buoc\");\r\n break;\r\n case \"ERR006\":\r\n message = \"Attachment \" + Config.lang(\"Luu_khong_thanh_cong\");\r\n break;\r\n case \"null\":\r\n message = \"URL \" + Config.lang(\"Bat_buoc\");\r\n break;\r\n default:\r\n message = Config.lang(\"Luu_khong_thanh_cong\");\r\n break;\r\n }\r\n Config.popup2.show(\"INFO\", message);\r\n return false;\r\n }\r\n\r\n if (data?.Status === 1) {\r\n let message = data.Message || Config.lang(\"Loi_chua_xac_dinh\");\r\n Config.popup2.show(\"INFO\", message);\r\n }\r\n else if (data?.Status === 0) {\r\n this.timeout = setTimeout(()=>{\r\n this.isChangeForm = false;\r\n const {Mode, Language, TransID, FormID, EmployeeID, EvaluationVoucherID} = this.formData;\r\n const TransTypeID = this.TransTypeID;\r\n this._removeCDN();\r\n this.loaded = {\r\n ...this.loaded,\r\n loadMasterData: false,\r\n loadCriterionGroup: false,\r\n loadCriterionDetail: false,\r\n };\r\n this.canvasImage = null;\r\n this.loadApi(\"loadMasterData\", {FormID, Language, Mode, EvaluationVoucherID, TransID, EmployeeID, TransTypeID}, true);\r\n this.loadApi(\"loadCriterionGroup\", {}, true);\r\n this.loadApi(\"loadCriterionDetail\", {FormID, EvaluationVoucherID, TransID, EmployeeID, TransTypeID }, true);\r\n this.loadApi(\"getRequiredFields\", {FormID: 'W39F1011', ModuleID: '39', CheckMode: 0 }, false);\r\n // this.loadApi(\"getAttachmentsByTransID\", { KeyID: TransID, Key02ID: EmployeeID });\r\n // this.onBack();\r\n setTimeout(() => {\r\n this.isSaved = true;\r\n }, 500); //delay 1s wait for data is loaded\r\n }, 700);\r\n Config.notify.show(\"success\", Config.lang(\"Luu_thanh_cong\"), 2000);\r\n if(_.get(location,\"state.dataReminder.KeyID\", false)) this.ignoreReminder();\r\n }\r\n });\r\n };\r\n onChange = (e, name, data, isGetCalResult = false) => {\r\n const { IsSave } = this.state;\r\n const value = _.get(e, \"value\", _.get(e, \"target.value\", e ?? \"\"));\r\n\r\n if ([\"NoteEmployee\", \"NoteEvaluatedLevel2\", \"NoteEvaluatedLevel3\", \"NoteEvaluatedLevel4\", \"NoteEvaluatedLevel5\",\r\n \"ResultID1\", \"ResultID2\", \"ResultID3\", \"ResultID4\", \"ResultID5\"].includes(name)) {\r\n // Change value of master data\r\n this.formData[name] = value;\r\n } else if (data) {\r\n // Change value of detail data\r\n for (let i = 0; i < this.dataDetail.length; i++) {\r\n const detail = this.dataDetail[i];\r\n\r\n if (\r\n data.EvaluationElementID &&\r\n detail.EvaluationElementID &&\r\n data.EvaluationElementID === detail.EvaluationElementID\r\n ) {\r\n // Trong trường hợp là combo thì update lại data\r\n if ( _.isString(value) && value.includes(\"~\")) {\r\n const vl = value.split(\"~\");\r\n switch (name) {\r\n case \"Value02\":\r\n detail[\"Type02ID\"] = vl[0];\r\n detail[\"IsUpdated02\"] = 1;\r\n break;\r\n case \"Value03\":\r\n detail[\"Type03ID\"] = vl[0];\r\n detail[\"IsUpdated03\"] = 1;\r\n break;\r\n case \"Value04\":\r\n detail[\"Type04ID\"] = vl[0];\r\n detail[\"IsUpdated04\"] = 1;\r\n break;\r\n case \"Value05\":\r\n detail[\"Type05ID\"] = vl[0];\r\n detail[\"IsUpdated05\"] = 1;\r\n break;\r\n default:\r\n detail[\"TypeID\"] = vl[0];\r\n detail[\"IsUpdated\"] = 1;\r\n break;\r\n }\r\n\r\n detail[name] = vl[1];\r\n } else {\r\n switch (name) {\r\n case \"Value02\":\r\n detail[\"IsUpdated02\"] = 1;\r\n break;\r\n case \"Value03\":\r\n detail[\"IsUpdated03\"] = 1;\r\n break;\r\n case \"Value04\":\r\n detail[\"IsUpdated04\"] = 1;\r\n break;\r\n case \"Value05\":\r\n detail[\"IsUpdated05\"] = 1;\r\n break;\r\n default:\r\n detail[\"IsUpdated\"] = 1;\r\n break;\r\n }\r\n if (isGetCalResult) {\r\n switch (this.formData.ApproveLevel) {\r\n case 1:\r\n detail[name] = value.Value;\r\n detail[\"TypeName\"] = value.TypeName;\r\n break;\r\n case 2:\r\n detail[\"Value02\"] = value.Value;\r\n detail[\"Type02Name\"] = value.TypeName;\r\n detail[\"IsUpdated02\"] = 1;\r\n break;\r\n case 3:\r\n detail[\"Value03\"] = value.Value;\r\n detail[\"Type03Name\"] = value.TypeName;\r\n detail[\"IsUpdated03\"] = 1;\r\n break;\r\n case 4:\r\n detail[\"Value04\"] = value.Value;\r\n detail[\"Type04Name\"] = value.TypeName;\r\n detail[\"IsUpdated04\"] = 1;\r\n break;\r\n case 5:\r\n detail[\"Value05\"] = value.Value;\r\n detail[\"Type05Name\"] = value.TypeName;\r\n detail[\"IsUpdated05\"] = 1;\r\n break;\r\n default:\r\n break;\r\n }\r\n } else {\r\n detail[name] = value;\r\n }\r\n }\r\n }\r\n\r\n this.dataDetail[i] = detail;\r\n }\r\n }\r\n if (isGetCalResult) this.setState({ getResultSuccess: true }); // Mục đích reRender UI\r\n if (IsSave === 1 && !this.isChangeForm && !_.isEmpty(this.btnSaveRef)) {\r\n this.isChangeForm = true;\r\n Object.keys(this.btnSaveRef).forEach(btn => {\r\n if (btn && this.btnSaveRef[btn]) this.btnSaveRef[btn].instance.option(\"disabled\", false)\r\n });\r\n }\r\n if (this.isChangeForm && !_.isEmpty(this.btnSendResultRef)) {\r\n Object.keys(this.btnSendResultRef).forEach(btn => {\r\n if (btn && this.btnSendResultRef[btn]) this.btnSendResultRef[btn].instance.option(\"disabled\", true)\r\n });\r\n }\r\n };\r\n onBlur = async (value, name, rule, data, num) => {\r\n\r\n if (rule === \"Point\") {\r\n this.inputFocus = null;\r\n await this.validCriterionPoint(name, value, data, num);\r\n }\r\n };\r\n validCriterionPoint = async (name, value, data, num) => {\r\n const {formValid} = this.state;\r\n const val = value ? value : \"0\";\r\n const Decimals = data.Decimals || 0;\r\n let _formValid = formValid.filter(f => !(f.field === name && f.criterionID === data.EvaluationElementID))\r\n let isValid = true;\r\n if (Number(Decimals) > 0) {\r\n isValid = validator.isDecimal(val, {decimal_digits: Decimals, locale: 'vi-VN'});\r\n } else {\r\n isValid = validator.isInt(val, {min: 0});\r\n }\r\n\r\n if (!isValid) {\r\n _formValid.push({\r\n field: name,\r\n criterionID: data.EvaluationElementID,\r\n error: true,\r\n message: Config.lang(\"Diem_so_khong_hop_le\")\r\n });\r\n } else {\r\n if ((Number(data.MaxValue) > 0 && Number(val) > Number(data.MaxValue)) || (Number(val) < Number(data.MinValue))) {\r\n _formValid.push({\r\n field: name,\r\n criterionID: data.EvaluationElementID,\r\n error: true,\r\n message: data.MinValue + \" ≤ \" + Config.lang(\"Gia_tri\") + \" ≤ \" + data.MaxValue\r\n });\r\n } else {\r\n if (data.EvaluationElementID && (data[\"Value\" + (num ? num : \"\")] !== value)) {\r\n const newType = await this.props.W39F1011Actions.getTypeEvaluation({\r\n EvaluationElementID: data.EvaluationElementID,\r\n Value: value || 0\r\n });\r\n if (newType) {\r\n const ID = \"Type\" + (num ? num : \"\") + \"ID\";\r\n const Name = \"Type\" + (num ? num : \"\") + \"Name\";\r\n this.dataDetail = this.dataDetail?.map(d => {\r\n if (d.EvaluationElementID === data.EvaluationElementID) {\r\n d[ID] = newType.EvaluationLevelID;\r\n d[Name] = newType.EvaluationLevelName;\r\n }\r\n return d;\r\n });\r\n }\r\n }\r\n }\r\n }\r\n if(this.timerGetFocus) clearTimeout(this.timerGetFocus);\r\n this.timerGetFocus = setTimeout(() => {\r\n this.idInput = document.querySelector(':focus')?.id || \"\";\r\n this.setState({formValid: _formValid});\r\n }, 200)\r\n };\r\n isError = (name, rule, data) => {\r\n const {formValid} = this.state;\r\n if (rule === \"Point\") {\r\n for (let i = 0; i < formValid.length; i++) {\r\n const fvl = formValid[i];\r\n\r\n if (fvl.field === name && fvl.criterionID === data.EvaluationElementID) {\r\n return fvl.error;\r\n }\r\n }\r\n }\r\n\r\n return false;\r\n };\r\n getErrorMessage = (name, rule, data) => {\r\n const {formValid} = this.state;\r\n\r\n if (rule === \"Point\") {\r\n for (let i = 0; i < formValid.length; i++) {\r\n const fvl = formValid[i];\r\n\r\n if (fvl.field === name && fvl.criterionID === data.EvaluationElementID) {\r\n return fvl.message;\r\n }\r\n }\r\n }\r\n\r\n return \"\";\r\n };\r\n\r\n /************************************/\r\n /* ATTACHMENT FUNCTIONS */\r\n /************************************/\r\n onAttachment = () => {\r\n if (this.attRef) {\r\n this.attRef.onAttachment();\r\n }\r\n };\r\n onChangeAttachments = (e) => {\r\n this.isChangeForm = true;\r\n\r\n this.attachments = e.uploadedFiles ? e.uploadedFiles : [];\r\n if (e.deletedFiles && e.deletedFiles.length > 0) {\r\n this.deletedFile = [...e.deletedFiles];\r\n const _arrRemove = this.deletedFile.map((d) => d.AttachmentID);\r\n this.setState((prevState) => ({\r\n dataOldAttachments: prevState.dataOldAttachments.filter((att) => {\r\n return _arrRemove.indexOf(att.AttachmentID) < 0;\r\n }),\r\n }));\r\n }\r\n };\r\n onUploading = value => {\r\n this.setState({ uploading: value });\r\n };\r\n _removeCDN = () => {\r\n if (this.deletedFile && this.deletedFile.length > 0) {\r\n this.deletedFile.forEach((e) => {\r\n const path = e.URL.split(\"=\");\r\n if (path && path.length > 1) {\r\n const params = {\r\n path: path[1],\r\n };\r\n CDN.removeFile(params);\r\n }\r\n });\r\n this.deletedFile = [];\r\n }\r\n };\r\n _getAttachments = () => {\r\n const listAttachments = Config.helpers.getFileInfomations(this.attachments);\r\n const { dataOldAttachments } = this.state;\r\n let arrAttachment = [];\r\n listAttachments.forEach((att) => {\r\n arrAttachment.push({\r\n URL: att.url ? att.url : \"\",\r\n FileName: att.fileName ? att.fileName : \"\",\r\n FileSize: att.fileSize ? att.fileSize : \"\",\r\n FileExt: att.fileExt ? att.fileExt : \"\",\r\n });\r\n });\r\n if (!_.isEmpty(dataOldAttachments)) {\r\n arrAttachment = dataOldAttachments.concat(arrAttachment);\r\n }\r\n\r\n return arrAttachment;\r\n };\r\n\r\n /************************************/\r\n /* RENDER FUNCTIONS */\r\n /************************************/\r\n parseDataGroupCriterion = () => {\r\n const { dataMasterData, dataCriterionGroup, dataCriterionDetail, dataCriterionCombo } = this.props;\r\n\r\n if (\r\n !dataMasterData ||\r\n !dataCriterionGroup ||\r\n dataCriterionGroup.length === 0 ||\r\n !dataCriterionDetail ||\r\n dataCriterionDetail.length === 0 ||\r\n !this.isLoaded\r\n ) {\r\n return null;\r\n }\r\n\r\n if (dataCriterionCombo && dataCriterionCombo.length > 0) {\r\n for (let i = 0; i < dataCriterionDetail.length; i++) {\r\n const dt = dataCriterionDetail[i];\r\n const sl = [];\r\n\r\n\r\n for (let j = 0; j < dataCriterionCombo.length; j++) {\r\n const cb = dataCriterionCombo[j];\r\n\r\n if (dt.EvaluationElementID === cb.EvaluationElementID) {\r\n // We need 2 field to save, and merge its into the value with ~\r\n sl.push({text: cb.EvaluationCodeName, value: cb.EvaluationCodeID+\"~\"+cb.Value, IsDisplayValue: cb.IsDisplayValue, IsTypeEvaluation: dt.IsTypeEvaluation, DisplayValue: cb.Value});\r\n }\r\n }\r\n\r\n if (sl.length > 0) {\r\n this.EvaluationCombo[dt.EvaluationElementID] = sl;\r\n }\r\n }\r\n }\r\n\r\n const criterion = [];\r\n const dataDetail = [];\r\n for (let i = 0; i < dataCriterionGroup.length; i++) {\r\n const group = dataCriterionGroup[i];\r\n const grCriterion = [];\r\n\r\n for (let j = 0; j < dataCriterionDetail.length; j++) {\r\n const detail = dataCriterionDetail[j];\r\n\r\n if (group.AppCriterionGroupID === detail.AppCriterionGroupID) {\r\n grCriterion.push(detail);\r\n dataDetail.push({\r\n TypeID: detail.TypeID,\r\n TypeName: detail.TypeName,\r\n Value: detail.Value,\r\n IsUpdated: 0,\r\n Type02ID: detail.Type02ID,\r\n Type02Name: detail.Type02Name,\r\n Value02: detail.Value02,\r\n IsUpdated02: 0,\r\n Type03ID: detail.Type03ID,\r\n Type03Name: detail.Type03Name,\r\n Value03: detail.Value03,\r\n IsUpdated03: 0,\r\n Type04ID: detail.Type04ID,\r\n Type04Name: detail.Type04Name,\r\n Value04: detail.Value04,\r\n IsUpdated04: 0,\r\n Type05ID: detail.Type05ID,\r\n Type05Name: detail.Type05Name,\r\n Value05: detail.Value05,\r\n IsUpdated05: 0,\r\n Note1U: detail.Note1U,\r\n Note2U: detail.Note2U,\r\n Note3U: detail.Note3U,\r\n Note4U: detail.Note4U,\r\n Note5U: detail.Note5U,\r\n IsTypeEvaluation: detail.IsTypeEvaluation,\r\n EvaluationElementID: detail.EvaluationElementID,\r\n });\r\n }\r\n }\r\n\r\n if (grCriterion.length > 0) {\r\n group.ListCriterionDetail = grCriterion;\r\n criterion.push(group);\r\n }\r\n }\r\n\r\n //set Result value when IsEvaluateContract = 1...\r\n if (dataMasterData.IsEvaluateContract === 1) {\r\n const {ResultID1, ResultID2, ResultID3, ResultID4, ResultID5} = this.formData;\r\n if (ResultID1 === null) {\r\n this.formData.ResultID1 = dataMasterData && dataMasterData.ResultID1 ? dataMasterData.ResultID1 : '';\r\n }\r\n if (ResultID2 === null) {\r\n this.formData.ResultID2 = dataMasterData && dataMasterData.ResultID2 ? dataMasterData.ResultID2 : '';\r\n }\r\n if (ResultID3 === null) {\r\n this.formData.ResultID3 = dataMasterData && dataMasterData.ResultID3 ? dataMasterData.ResultID3 : '';\r\n }\r\n if (ResultID4 === null) {\r\n this.formData.ResultID4 = dataMasterData && dataMasterData.ResultID4 ? dataMasterData.ResultID4 : '';\r\n }\r\n if (ResultID5 === null) {\r\n this.formData.ResultID5 = dataMasterData && dataMasterData.ResultID5 ? dataMasterData.ResultID5 : '';\r\n }\r\n }\r\n\r\n // For push data form props to this\r\n if (!this.dataDetail || this.isSaved) {\r\n this.dataDetail = [...dataDetail];\r\n if (this.isSaved) setTimeout(() => this.isSaved = false, 1000); //clear isSave when reload data;\r\n\r\n this.formData.NoteEmployee = dataMasterData && dataMasterData.NoteEmployee ? dataMasterData.NoteEmployee : '';\r\n this.formData.NoteEvaluatedLevel2 = dataMasterData && dataMasterData.NoteEvaluatedLevel2 ? dataMasterData.NoteEvaluatedLevel2 : '';\r\n this.formData.NoteEvaluatedLevel3 = dataMasterData && dataMasterData.NoteEvaluatedLevel3 ? dataMasterData.NoteEvaluatedLevel3 : '';\r\n this.formData.NoteEvaluatedLevel4 = dataMasterData && dataMasterData.NoteEvaluatedLevel4 ? dataMasterData.NoteEvaluatedLevel4 : '';\r\n this.formData.NoteEvaluatedLevel5 = dataMasterData && dataMasterData.NoteEvaluatedLevel5 ? dataMasterData.NoteEvaluatedLevel5 : '';\r\n }\r\n\r\n return criterion;\r\n };\r\n renderInputAdorment = (value) => {\r\n return \r\n {value || \"\"}\r\n \r\n };\r\n renderUserProfile = (data) => {\r\n const {classes, dataMasterData} = this.props;\r\n const AppraisalDate = dataMasterData.AppraisalDate ? Config.convertDate(dataMasterData.AppraisalDate, \"\", \"DD/MM/YYYY kk:mm:ss\", true) : \"\";\r\n\r\n return (\r\n \r\n
this.onChangePageProfile(data)}/>\r\n \r\n
\r\n\r\n
\r\n
\r\n {AppraisalDate}
\r\n \r\n {dataMasterData && dataMasterData.IsEvaluateContract === 1 &&\r\n
{dataMasterData.WorkFormName}
}\r\n
\r\n \r\n {data.text}\r\n \r\n {!!(data.IsDisplayValue && data.IsTypeEvaluation) && \r\n \r\n {data.DisplayValue}\r\n \r\n }\r\n
\r\n )\r\n }\r\n\r\n return (\r\n \r\n renderItemWithValue(dataSource)}\r\n renderItem={(dataSource) => renderItemWithValue(dataSource)}\r\n defaultValue={dataMasterData?.NotViewOther && FormID === \"W39F1010\" ? (this.UserLevel === level ? (selected || \"\") : \"\") : (selected || \"\")}\r\n onChange={(e) => this.onChange(e.value || \"~0\", name, detail, true)}\r\n />\r\n \r\n );\r\n };\r\n _setDefaultDetail = (value) => {\r\n return !this.isChangeForm ? value : typeof value === \"number\" ? 0 : \"\";\r\n\r\n };\r\n\r\n setFocusInput = (input, id) => {\r\n if(id === this.idInput && input) {\r\n const end = input?.value?.length || 0;\r\n input.setSelectionRange(end, end);\r\n input.focus();\r\n this.idInput = \"\";\r\n }\r\n };\r\n\r\n renderCriterionDetail = (data, level) => {\r\n const { dataMasterData, location , classes} = this.props;\r\n const FormID = location?.state?.FormID ?? \"\";\r\n const calculateWidthCol = {\r\n maxWidth: `calc(100% / ${level})`,\r\n flexBasis: `calc(100% / ${level})`,\r\n };\r\n const col = Math.floor(12 / level);\r\n let pdLevel1 = {padding: \"0\"};\r\n let pdLevel2 = {padding: \"0\"};\r\n let pdLevel3 = {padding: \"0\"};\r\n let pdLevel4 = {padding: \"0\"};\r\n let pdLevel5 = {padding: \"0\"};\r\n\r\n if (level === 2) {\r\n pdLevel1 = {padding: \"0 10px 0 0\"};\r\n pdLevel2 = {padding: \"0 0 0 10px\"};\r\n pdLevel3 = {padding: \"0\"};\r\n }\r\n if (level === 3) {\r\n pdLevel1 = {padding: \"0 10px 0 0\"};\r\n pdLevel2 = {padding: \"0 10px 0 10px\"};\r\n pdLevel3 = {padding: \"0 0 0 10px\"};\r\n }\r\n if (level === 4) {\r\n pdLevel1 = {padding: \"0 10px 0 0\"};\r\n pdLevel2 = {padding: \"0 10px 0 10px\"};\r\n pdLevel3 = {padding: \"0 10px 0 10px\"};\r\n pdLevel4 = {padding: \"0 0 0 10px\"};\r\n }\r\n if (level === 5) {\r\n pdLevel1 = {padding: \"0 10px 0 0\"};\r\n pdLevel2 = {padding: \"0 10px 0 10px\"};\r\n pdLevel3 = {padding: \"0 10px 0 10px\"};\r\n pdLevel4 = {padding: \"0 10px 0 10px\"};\r\n pdLevel5 = {padding: \"0 0 0 10px\"};\r\n }\r\n\r\n pdLevel1 = {\r\n ...pdLevel1,\r\n ...calculateWidthCol,\r\n };\r\n pdLevel2 = {\r\n ...pdLevel2,\r\n ...calculateWidthCol,\r\n };\r\n pdLevel3 = {\r\n ...pdLevel3,\r\n ...calculateWidthCol,\r\n };\r\n pdLevel4 = {\r\n ...pdLevel4,\r\n ...calculateWidthCol,\r\n };\r\n pdLevel5 = {\r\n ...pdLevel5,\r\n ...calculateWidthCol,\r\n };\r\n\r\n let typeNum = 0;\r\n let typeText = data.ResultDes || \"\";\r\n if (data && data.IsTypeEvaluation) {\r\n typeNum = parseInt(data.IsTypeEvaluation);\r\n typeNum = typeNum > 2 || typeNum < 0 ? 0 : typeNum;\r\n }\r\n if (!typeText) {\r\n switch (typeNum) {\r\n case 1:\r\n typeText = Config.lang(\"Xep_loai\");\r\n break;\r\n case 2:\r\n typeText = Config.lang(\"Cong_thuc\");\r\n break;\r\n default:\r\n typeText = Config.lang(\"Diem\");\r\n break;\r\n }\r\n }\r\n\r\n // Get data for change\r\n let changed = {};\r\n for (let i = 0; i < this.dataDetail.length; i++) {\r\n const detail = this.dataDetail[i];\r\n if (\r\n data.EvaluationElementID &&\r\n detail.EvaluationElementID &&\r\n data.EvaluationElementID === detail.EvaluationElementID\r\n ) {\r\n changed = detail;\r\n }\r\n }\r\n\r\n // For detail data with submitting form\r\n const detail = {\r\n TypeID: !Config.isEmpty(changed.TypeID) ? changed.TypeID : this._setDefaultDetail(data.TypeID),\r\n TypeName: !Config.isEmpty(changed.TypeName) ? changed.TypeName : this._setDefaultDetail(data.TypeName),\r\n Value: !Config.isEmpty(changed.Value) ? changed.Value : this._setDefaultDetail(data.Value),\r\n Type02ID: !Config.isEmpty(changed.Type02ID) ? changed.Type02ID : this._setDefaultDetail(data.Type02ID),\r\n Type02Name: !Config.isEmpty(changed.Type02Name) ? changed.Type02Name : this._setDefaultDetail(data.Type02Name),\r\n Value02: !Config.isEmpty(changed.Value02) ? changed.Value02 : this._setDefaultDetail(data.Value02),\r\n Type03ID: !Config.isEmpty(changed.Type03ID) ? changed.Type03ID : this._setDefaultDetail(data.Type03ID),\r\n Type03Name: !Config.isEmpty(changed.Type03Name) ? changed.Type03Name : this._setDefaultDetail(data.Type03Name),\r\n Value03: !Config.isEmpty(changed.Value03) ? changed.Value03 : this._setDefaultDetail(data.Value03),\r\n Type04ID: !Config.isEmpty(changed.Type04ID) ? changed.Type04ID : this._setDefaultDetail(data.Type04ID),\r\n Type04Name: !Config.isEmpty(changed.Type04Name) ? changed.Type04Name : this._setDefaultDetail(data.Type04Name),\r\n Value04: !Config.isEmpty(changed.Value04) ? changed.Value04 : this._setDefaultDetail(data.Value04),\r\n Type05ID: !Config.isEmpty(changed.Type05ID) ? changed.Type05ID : this._setDefaultDetail(data.Type05ID),\r\n Type05Name: !Config.isEmpty(changed.Type05Name) ? changed.Type05Name : this._setDefaultDetail(data.Type05Name),\r\n Value05: !Config.isEmpty(changed.Value05) ? changed.Value05 : this._setDefaultDetail(data.Value05),\r\n Note1U: !Config.isEmpty(changed.Note1U) ? changed.Note1U : this._setDefaultDetail(data.Note1U),\r\n Note2U: !Config.isEmpty(changed.Note2U) ? changed.Note2U : this._setDefaultDetail(data.Note2U),\r\n Note3U: !Config.isEmpty(changed.Note3U) ? changed.Note3U : this._setDefaultDetail(data.Note3U),\r\n Note4U: !Config.isEmpty(changed.Note4U) ? changed.Note4U : this._setDefaultDetail(data.Note4U),\r\n Note5U: !Config.isEmpty(changed.Note5U) ? changed.Note5U : this._setDefaultDetail(data.Note5U),\r\n EvaluationElementID: data.EvaluationElementID,\r\n MaxValue: data.MaxValue ? data.MaxValue : 0,\r\n Decimals: data.Decimals ? data.Decimals : 0,\r\n MinValue: data.MinValue ? data.MinValue : 0,\r\n };\r\n\r\n const idNote1U = `Note1U${data.OrderNo}`;\r\n const idNote2U = `Note2U${data.OrderNo}`;\r\n const idNote3U = `Note3U${data.OrderNo}`;\r\n const idNote4U = `Note4U${data.OrderNo}`;\r\n const idNote5U = `Note5U${data.OrderNo}`;\r\n\r\n const idValue = `Value${data.OrderNo}`;\r\n const idValue02 = `Value02${data.OrderNo}`;\r\n const idValue03 = `Value03${data.OrderNo}`;\r\n const idValue04 = `Value04${data.OrderNo}`;\r\n const idValue05 = `Value05${data.OrderNo}`;\r\n return (\r\n \r\n \r\n \r\n {data.OrderNo + \". \" + data.EvaluationElementName}
\r\n {data.Note && {data.Note}
}\r\n \r\n \r\n \r\n {data && Number(data.Proportion) > 0 &&
}\r\n
({typeText})
\r\n
\r\n\r\n {level >= 1 &&\r\n \r\n {typeNum === 0 &&\r\n this.setFocusInput(ref, idValue)} {...props} />}\r\n thousandSeparator={false}\r\n decimalScale={detail.Decimals || 0}\r\n // value={state[dataField] ? String(state[dataField]) : dataOldForm['TempBaseSalary' + no]}\r\n fullWidth\r\n disabled={this.UserLevel !== 1}\r\n defaultValue={dataMasterData?.NotViewOther && FormID === \"W39F1010\" ? this.UserLevel === 1 && detail.Value : detail.Value}\r\n InputLabelProps={{\r\n shrink: true\r\n }}\r\n variant={\"standard\"}\r\n margin={\"normal\"}\r\n error={this.isError(\"Value\", \"Point\", detail)}\r\n InputProps={{\r\n id: idValue,\r\n endAdornment: dataMasterData?.NotViewOther && FormID === \"W39F1010\" ? this.UserLevel === 1 && this.renderInputAdorment(detail.TypeName) : this.renderInputAdorment(detail.TypeName),\r\n }}\r\n helperText={this.getErrorMessage(\"Value\", \"Point\", detail)}\r\n onBlur={async (e) => await this.onBlur(e.target.value, \"Value\", \"Point\", detail, \"\")}\r\n onValueChange={(e) => this.onChange(e.value || 0, \"Value\", detail)}\r\n style={{marginTop: 2}}\r\n inputProps={{min: \"0\", step: \"1\"}}\r\n />}\r\n {typeNum === 1 && this.renderCriterionCombo(detail.EvaluationElementID, \"Value\", detail, this.UserLevel !== 1, 1)}\r\n {typeNum === 2 &&\r\n }\r\n \r\n }\r\n {level >= 2 &&\r\n \r\n {typeNum === 0 &&\r\n this.setFocusInput(ref, idValue02)} {...props} />}\r\n thousandSeparator={false}\r\n decimalScale={detail.Decimals || 0}\r\n // value={state[dataField] ? String(state[dataField]) : dataOldForm['TempBaseSalary' + no]}\r\n fullWidth\r\n disabled={this.UserLevel !== 2}\r\n defaultValue={dataMasterData?.NotViewOther && FormID === \"W39F1010\" ? this.UserLevel === 2 && detail.Value02 : detail.Value02}\r\n InputLabelProps={{\r\n shrink: true\r\n }}\r\n variant={\"standard\"}\r\n margin={\"normal\"}\r\n error={this.isError(\"Value02\", \"Point\", detail)}\r\n InputProps={{\r\n id: idValue02,\r\n endAdornment: dataMasterData?.NotViewOther && FormID === \"W39F1010\" ? this.UserLevel === 2 && this.renderInputAdorment(detail.Type02Name) : this.renderInputAdorment(detail.Type02Name),\r\n }}\r\n helperText={this.getErrorMessage(\"Value02\", \"Point\", detail)}\r\n onBlur={async (e) => await this.onBlur(e.target.value, \"Value02\", \"Point\", detail, \"02\")}\r\n onValueChange={(e) => this.onChange(e.value || 0, \"Value02\", detail)}\r\n style={{marginTop: 2}}\r\n inputProps={{min: \"0\", step: \"1\"}}\r\n />}\r\n {typeNum === 1 && this.renderCriterionCombo(detail.EvaluationElementID, \"Value02\", detail, this.UserLevel !== 2, 2)}\r\n {typeNum === 2 &&\r\n }\r\n \r\n }\r\n {level >= 3 &&\r\n \r\n {typeNum === 0 &&\r\n this.setFocusInput(ref, idValue03)} {...props} />}\r\n thousandSeparator={false}\r\n decimalScale={detail.Decimals || 0}\r\n // value={state[dataField] ? String(state[dataField]) : dataOldForm['TempBaseSalary' + no]}\r\n fullWidth\r\n disabled={this.UserLevel !== 3}\r\n defaultValue={dataMasterData?.NotViewOther && FormID === \"W39F1010\" ? this.UserLevel === 3 && detail.Value03 : detail.Value03}\r\n InputLabelProps={{\r\n shrink: true\r\n }}\r\n variant={\"standard\"}\r\n margin={\"normal\"}\r\n error={this.isError(\"Value03\", \"Point\", detail)}\r\n InputProps={{\r\n id: idValue03,\r\n endAdornment: dataMasterData?.NotViewOther && FormID === \"W39F1010\" ? this.UserLevel === 3 && this.renderInputAdorment(detail.Type03Name) : this.renderInputAdorment(detail.Type03Name),\r\n }}\r\n helperText={this.getErrorMessage(\"Value03\", \"Point\", detail)}\r\n onBlur={async (e) => await this.onBlur(e.target.value, \"Value03\", \"Point\", detail, \"03\")}\r\n onValueChange={(e) => this.onChange(e.value || 0, \"Value03\", detail)}\r\n style={{marginTop: 2}}\r\n inputProps={{min: \"0\", step: \"1\"}}\r\n />}\r\n {typeNum === 1 && this.renderCriterionCombo(detail.EvaluationElementID, \"Value03\", detail, this.UserLevel !== 3, 3)}\r\n {typeNum === 2 &&\r\n }\r\n \r\n }\r\n {level >= 4 &&\r\n \r\n {typeNum === 0 &&\r\n this.setFocusInput(ref, idValue04)} {...props} />}\r\n thousandSeparator={false}\r\n decimalScale={detail.Decimals || 0}\r\n // value={state[dataField] ? String(state[dataField]) : dataOldForm['TempBaseSalary' + no]}\r\n fullWidth\r\n disabled={this.UserLevel !== 4}\r\n defaultValue={dataMasterData?.NotViewOther && FormID === \"W39F1010\" ? this.UserLevel === 4 && detail.Value04 : detail.Value04}\r\n InputLabelProps={{\r\n shrink: true\r\n }}\r\n variant={\"standard\"}\r\n margin={\"normal\"}\r\n error={this.isError(\"Value04\", \"Point\", detail)}\r\n InputProps={{\r\n id: idValue04,\r\n endAdornment: dataMasterData?.NotViewOther && FormID === \"W39F1010\" ? this.UserLevel === 4 && this.renderInputAdorment(detail.Type04Name) : this.renderInputAdorment(detail.Type04Name),\r\n }}\r\n helperText={this.getErrorMessage(\"Value04\", \"Point\", detail)}\r\n onBlur={async (e) => await this.onBlur(e.target.value, \"Value04\", \"Point\", detail, \"04\")}\r\n onValueChange={(e) => this.onChange(e.value || 0, \"Value04\", detail)}\r\n style={{marginTop: 2}}\r\n inputProps={{min: \"0\", step: \"1\"}}\r\n />}\r\n {typeNum === 1 && this.renderCriterionCombo(detail.EvaluationElementID, \"Value04\", detail, this.UserLevel !== 4, 4)}\r\n {typeNum === 2 &&\r\n }\r\n \r\n }\r\n {level >= 5 &&\r\n \r\n {typeNum === 0 &&\r\n this.setFocusInput(ref, idValue05)} {...props} />}\r\n thousandSeparator={false}\r\n decimalScale={detail.Decimals || 0}\r\n // value={state[dataField] ? String(state[dataField]) : dataOldForm['TempBaseSalary' + no]}\r\n fullWidth\r\n disabled={this.UserLevel !== 5}\r\n defaultValue={dataMasterData?.NotViewOther && FormID === \"W39F1010\" ? this.UserLevel === 5 && detail.Value05 : detail.Value05}\r\n InputLabelProps={{\r\n shrink: true\r\n }}\r\n variant={\"standard\"}\r\n margin={\"normal\"}\r\n error={this.isError(\"Value05\", \"Point\", detail)}\r\n InputProps={{\r\n id: idValue05,\r\n endAdornment: dataMasterData?.NotViewOther && FormID === \"W39F1010\" ? this.UserLevel === 5 && this.renderInputAdorment(detail.Type05Name) : this.renderInputAdorment(detail.Type05Name),\r\n }}\r\n helperText={this.getErrorMessage(\"Value05\", \"Point\", detail)}\r\n onBlur={async (e) => await this.onBlur(e.target.value, \"Value05\", \"Point\", detail, \"05\")}\r\n onValueChange={(e) => this.onChange(e.value || 0, \"Value05\", detail)}\r\n style={{marginTop: 2}}\r\n inputProps={{min: \"0\", step: \"1\"}}\r\n />}\r\n {typeNum === 1 && this.renderCriterionCombo(detail.EvaluationElementID, \"Value05\", detail, this.UserLevel !== 5, 5)}\r\n {typeNum === 2 &&\r\n }\r\n \r\n }\r\n\r\n {level >= 1 &&\r\n \r\n \r\n \r\n \r\n \r\n this.setFocusInput(ref, idNote1U)}\r\n maxRows={5}\r\n multiline={true}\r\n style={{ fontStyle: \"italic\"}}\r\n defaultValue={dataMasterData?.NotViewOther && FormID === \"W39F1010\" ? this.UserLevel === 1 ? detail.Note1U : '' : detail.Note1U}\r\n disabled={this.UserLevel !== 1}\r\n onChange={(value) => this.onChange(value, \"Note1U\", detail)}\r\n />\r\n \r\n \r\n }\r\n {level >= 2 &&\r\n \r\n \r\n \r\n \r\n \r\n this.setFocusInput(ref, idNote2U)}\r\n maxRows={5}\r\n multiline={true}\r\n style={{ fontStyle: \"italic\" }}\r\n defaultValue={dataMasterData?.NotViewOther && FormID === \"W39F1010\" ? this.UserLevel === 2 ? detail.Note2U : '' : detail.Note2U}\r\n disabled={this.UserLevel !== 2}\r\n onChange={(value) => this.onChange(value, \"Note2U\", detail)}\r\n />\r\n \r\n \r\n }\r\n {level >= 3 &&\r\n \r\n \r\n \r\n \r\n \r\n this.setFocusInput(ref, idNote3U)}\r\n maxRows={5}\r\n multiline={true}\r\n style={{ fontStyle: \"italic\" }}\r\n defaultValue={dataMasterData?.NotViewOther && FormID === \"W39F1010\" ? this.UserLevel === 3 ? detail.Note3U : '' : detail.Note3U}\r\n disabled={this.UserLevel !== 3}\r\n onChange={(value) => this.onChange(value, \"Note3U\", detail)}\r\n />\r\n \r\n \r\n }\r\n {level >= 4 &&\r\n \r\n \r\n \r\n \r\n \r\n this.setFocusInput(ref, idNote4U)}\r\n maxRows={5}\r\n multiline={true}\r\n style={{ fontStyle: \"italic\" }}\r\n defaultValue={dataMasterData?.NotViewOther && FormID === \"W39F1010\" ? this.UserLevel === 4 ? detail.Note4U : '' : detail.Note4U}\r\n disabled={this.UserLevel !== 4}\r\n onChange={(value) => this.onChange(value, \"Note4U\", detail)}\r\n />\r\n \r\n \r\n }\r\n {level >= 5 &&\r\n \r\n \r\n \r\n \r\n \r\n this.setFocusInput(ref, idNote5U)}\r\n maxRows={5}\r\n multiline={true}\r\n style={{ fontStyle: \"italic\" }}\r\n defaultValue={dataMasterData?.NotViewOther && FormID === \"W39F1010\" ? this.UserLevel === 5 ? detail.Note5U : '' : detail.Note5U}\r\n disabled={this.UserLevel !== 5}\r\n onChange={(value) => this.onChange(value, \"Note5U\", detail)}\r\n />\r\n \r\n \r\n }\r\n \r\n {data.IsCalculate === 1 &&\r\n this.getCalResult(detail)}\r\n />}\r\n \r\n );\r\n };\r\n renderCriterionResults = (data, level) => {\r\n const {dataMasterData} = this.props;\r\n const EvaluationResult = dataMasterData && dataMasterData.EvaluationResult ? dataMasterData.EvaluationResult : 1;\r\n const calculateWidthCol = {\r\n maxWidth: `calc(100% / ${level})`,\r\n flexBasis: `calc(100% / ${level})`,\r\n };\r\n const col = Math.floor(12 / level);\r\n let pdLevel1 = {padding: \"0\"};\r\n let pdLevel2 = {padding: \"0\"};\r\n let pdLevel3 = {padding: \"0\"};\r\n let pdLevel4 = {padding: \"0\"};\r\n let pdLevel5 = {padding: \"0\"};\r\n\r\n if (level === 2) {\r\n pdLevel1 = {padding: \"0 10px 0 0\"};\r\n pdLevel2 = {padding: \"0 0 0 10px\"};\r\n pdLevel3 = {padding: \"0\"};\r\n }\r\n if (level === 3) {\r\n pdLevel1 = {padding: \"0 10px 0 0\"};\r\n pdLevel2 = {padding: \"0 10px 0 10px\"};\r\n pdLevel3 = {padding: \"0 0 0 10px\"};\r\n }\r\n if (level === 4) {\r\n pdLevel1 = {padding: \"0 10px 0 0\"};\r\n pdLevel2 = {padding: \"0 10px 0 10px\"};\r\n pdLevel3 = {padding: \"0 10px 0 10px\"};\r\n pdLevel4 = {padding: \"0 0 0 10px\"};\r\n }\r\n if (level === 5) {\r\n pdLevel1 = {padding: \"0 10px 0 0\"};\r\n pdLevel2 = {padding: \"0 10px 0 10px\"};\r\n pdLevel3 = {padding: \"0 10px 0 10px\"};\r\n pdLevel4 = {padding: \"0 10px 0 10px\"};\r\n pdLevel5 = {padding: \"0 0 0 10px\"};\r\n }\r\n\r\n pdLevel1 = {\r\n ...pdLevel1,\r\n ...calculateWidthCol,\r\n };\r\n pdLevel2 = {\r\n ...pdLevel2,\r\n ...calculateWidthCol,\r\n };\r\n pdLevel3 = {\r\n ...pdLevel3,\r\n ...calculateWidthCol,\r\n };\r\n pdLevel4 = {\r\n ...pdLevel4,\r\n ...calculateWidthCol,\r\n };\r\n pdLevel5 = {\r\n ...pdLevel5,\r\n ...calculateWidthCol,\r\n };\r\n\r\n return (\r\n \r\n \r\n {Config.lang(\"Ket_qua_danh_gia\")} *
\r\n {data.Note && {data.Note}
}\r\n \r\n
\r\n\r\n {level >= 1 &&\r\n \r\n {this.renderCriterionCboResults( \"ResultID1\", this.UserLevel !== 1, 1)}\r\n \r\n }\r\n {level >= 2 &&\r\n \r\n {EvaluationResult > 1 && this.renderCriterionCboResults(\"ResultID2\", this.UserLevel !== 2, 2)}\r\n \r\n }\r\n {level >= 3 &&\r\n \r\n {EvaluationResult > 2 && this.renderCriterionCboResults(\"ResultID3\", this.UserLevel !== 3, 3)}\r\n \r\n }\r\n {level >= 4 &&\r\n \r\n {EvaluationResult > 3 && this.renderCriterionCboResults(\"ResultID4\", this.UserLevel !== 4, 4)}\r\n \r\n }\r\n {level >= 5 &&\r\n \r\n {EvaluationResult > 4 && this.renderCriterionCboResults(\"ResultID5\", this.UserLevel !== 5, 5)}\r\n \r\n }\r\n \r\n );\r\n };\r\n renderCriterionHeader = (EmployeeInfo, CriterionTitle, Note) => {\r\n const {dataMasterData} = this.props;\r\n const {isOpenPopover} = this.state;\r\n let dtSource = [];\r\n for(let i = 1; i <= dataMasterData.NumEvaluationLevel; i++) {\r\n dtSource.push({\r\n keyID: i,\r\n [`LabelLevel`]: dataMasterData[[`LabelLevel${i}`]],\r\n [`Reviewer`]: dataMasterData[`Reviewer${i}`],\r\n [`ResultProportion`]: dataMasterData[`ResultProportion${i}`]\r\n });\r\n };\r\n\r\n return (\r\n \r\n \r\n {EmployeeInfo && this.renderUserProfile(EmployeeInfo)}\r\n \r\n \r\n {CriterionTitle}
\r\n {Note}
\r\n \r\n \r\n \r\n this.setState({isOpenPopover: false})}\r\n anchorOrigin= {{vertical: 'bottom', horizontal: 'right'}}\r\n transformOrigin= {{vertical: 'top', horizontal: 'right'}}\r\n style={{height: 272, width: 400}}\r\n >\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n );\r\n };\r\n renderEvaluationLevel = (dataMasterData, level) => {\r\n const { prevIsSubmit } = this.state;\r\n let LabelLevel1 = dataMasterData && dataMasterData.LabelLevel1 ? dataMasterData.LabelLevel1 :'';\r\n let LabelLevel2 = dataMasterData && dataMasterData.LabelLevel2 ? dataMasterData.LabelLevel2 :'';\r\n let LabelLevel3 = dataMasterData && dataMasterData.LabelLevel3 ? dataMasterData.LabelLevel3 :'';\r\n let LabelLevel4 = dataMasterData && dataMasterData.LabelLevel4 ? dataMasterData.LabelLevel4 :'';\r\n let LabelLevel5 = dataMasterData && dataMasterData.LabelLevel5 ? dataMasterData.LabelLevel5 :'';\r\n const calculateWidthCol = {\r\n maxWidth: `calc(100% / ${level})`,\r\n flexBasis: `calc(100% / ${level})`,\r\n };\r\n const col = Math.floor(12 / level);\r\n\r\n if (level === 1) {\r\n return null;\r\n }\r\n return (\r\n \r\n\r\n {level >= 1 &&\r\n \r\n {LabelLevel1}\r\n {this.UserLevel === 2 &&\r\n \r\n }\r\n \r\n }\r\n {level >= 2 &&\r\n \r\n {LabelLevel2}\r\n {this.UserLevel === 3 &&\r\n \r\n }\r\n \r\n }\r\n {level >= 3 &&\r\n \r\n {LabelLevel3}\r\n {this.UserLevel === 4 &&\r\n \r\n }\r\n \r\n }\r\n {level >= 4 &&\r\n \r\n {LabelLevel4}\r\n {this.UserLevel === 5 &&\r\n \r\n }\r\n \r\n }\r\n {level >= 5 &&\r\n \r\n {LabelLevel5}\r\n \r\n }\r\n \r\n );\r\n };\r\n renderCriterionFooter = (dataMasterData, level) => {\r\n const { location} = this.props;\r\n const FormID = location?.state?.FormID ?? \"\";\r\n return (\r\n \r\n \r\n {level >= 1 &&\r\n \r\n {Config.lang(\"Danh_gia_chung\")}\r\n \r\n }\r\n \r\n {[...Array(5).keys()].map(idx=>{\r\n if(level < 0) return null;\r\n idx += 1\r\n const LabelLevel = dataMasterData?.[`LabelLevel${idx}`] || \"\";\r\n const ReviewerName =dataMasterData?.[`ReviewerName${idx}`] || \"\";\r\n const TimeEvaluatedLevel = Config.convertDate(dataMasterData?.[`TimeEvaluatedLevel${idx}`], \"\", \"DD/MM/YYYY HH:mm:ss\", true) || \"\";\r\n const NameEvaluatedLevel = (idx === 1) ? \"NoteEmployee\" : `NoteEvaluatedLevel${idx}`\r\n const NoteEvaluatedLevel = this.formData[`${NameEvaluatedLevel}`] ?? dataMasterData[`${NameEvaluatedLevel}`] ; \r\n return(\r\n \r\n {level >= idx &&\r\n \r\n \r\n \r\n {LabelLevel}\r\n \r\n \r\n \r\n \r\n \r\n {Config.lang(\"Nguoi_danh_gia\")}:\r\n \r\n \r\n {ReviewerName}\r\n \r\n
\r\n \r\n \r\n \r\n \r\n {Config.lang(\"Thoi_gian\")}:\r\n \r\n \r\n {TimeEvaluatedLevel}\r\n \r\n
\r\n \r\n \r\n \r\n this.onChange(e?.target?.value || \"\", (idx === 1 )? \"NoteEmployee\": `NoteEvaluatedLevel${idx}`)}\r\n disabled={this.UserLevel !== idx}\r\n defaultValue={dataMasterData?.NotViewOther && FormID === \"W39F1010\" ? this.UserLevel === idx ? NoteEvaluatedLevel : '' : NoteEvaluatedLevel}\r\n />\r\n \r\n
\r\n }\r\n \r\n )\r\n })}\r\n \r\n
\r\n );\r\n };\r\n renderHistoryApproval = (dataHistoryApproval) => {\r\n const {classes} = this.props;\r\n\r\n return (\r\n \r\n\r\n \r\n \r\n * {Config.lang(\"Lich_su_duyet\")}
\r\n \r\n \r\n\r\n {dataHistoryApproval && dataHistoryApproval.map((data, idx) => {\r\n let date = _.get(data, \"ApprovalDate\", \"\");\r\n if (date && moment(date).isValid()) {\r\n date = moment(date).format(\"DD/MM/YYYY kk:mm:ss\");\r\n }\r\n const user = Config.getUser({UserID: data.ApproverID || \"\"});\r\n return (\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n - {data.ApprovalStatusName || \"\"}\r\n
\r\n
\r\n
\r\n
\r\n {date}\r\n
\r\n
\r\n {user && user.DutyName &&
{user.DutyName || \"\"}
}\r\n
![](\"')
');\r\n myWindow.document.close();\r\n myWindow.focus();\r\n }\r\n });\r\n } catch (e) {\r\n this.setState({loading2: false});\r\n Config.popup2.show(\"INFO\", Config.lang(\"Co_loi_xay_ra_trong_qua_trinh_xu_ly\"));\r\n return false;\r\n }\r\n } else {\r\n Config.popup2.show(\"INFO\", Config.lang(\"Dang_chuan_bi_du_lieu_Xin_vui_long_cho\"));\r\n return false;\r\n }\r\n };\r\n\r\n getCalResult = (detail) => {\r\n this.setState({loading2: true});\r\n const { Mode, EmployeeID, ApproveLevel, EvaluationVoucherID } = this.formData;\r\n const { EvaluationElementID = \"\" } = detail;\r\n const TransTypeID = this.TransTypeID || \"\";\r\n const dataDetail = [...this.dataDetail];\r\n let dataValue = [];\r\n if(!_.isEmpty(dataDetail)){\r\n dataDetail.forEach(item => {\r\n dataValue.push({\r\n EvaluationElementID: item.EvaluationElementID,\r\n Value: item.Value,\r\n Value02: item.Value02,\r\n Value03: item.Value03,\r\n Value04: item.Value04,\r\n Value05: item.Value05,\r\n })\r\n })\r\n }\r\n const param = {\r\n Mode,\r\n FormID: \"W39F1011\",\r\n EmployeeID,\r\n TransTypeID,\r\n ApproveLevel: ApproveLevel,\r\n EvaluationVoucherID,\r\n EvaluationElementID,\r\n data: JSON.stringify(dataValue)\r\n };\r\n\r\n this.props.W39F1011Actions.getResult(param, (error, data) => {\r\n this.setState({loading2: false});\r\n if (error) {\r\n Config.popup.show(\"ERROR\", error || Config.lang(\"Loi_chua_xac_dinh\"));\r\n return false;\r\n } else if (!Config.isEmpty(data, false)) {\r\n const result = {\r\n Value: data?.Value || 0,\r\n TypeName: data?.TypeName ?? \"\"\r\n };\r\n this.onChange(result, \"Value\", detail, true);\r\n }\r\n });\r\n }\r\n\r\n unlockPreviousLevel = () => {\r\n Config.popup.show(\"YES_NO\", Config.lang(\"Ban_co_chac_muon_mo_khoa_cho_cap_truoc_khong?\"), () => {\r\n const params = {\r\n ...this.formData,\r\n Mode: 1,\r\n detail: this.dataDetail,\r\n arrAttachment: this._getAttachments(),\r\n }\r\n this.props.W39F1011Actions.save(params, (err, data) => {\r\n if (err) Config.popup.show(\"ERROR\", err);\r\n if (data?.Status === 0) {\r\n this.setState({ prevIsSubmit: 0 });\r\n Config.notify.show(\"success\", Config.lang(\"Mo_khoa_thanh_cong\"), 2000);\r\n }\r\n });\r\n });\r\n };\r\n\r\n sendResult = () => {\r\n const params = {\r\n ...this.formData,\r\n Mode: 2,\r\n detail: this.dataDetail,\r\n arrAttachment: this._getAttachments(),\r\n }\r\n this.setState({ loading2: true });\r\n this.props.W39F1011Actions.save(params, (err, data) => {\r\n this.setState({ loading2: false });\r\n if (err) Config.popup.show(\"ERROR\", err);\r\n if (data?.Status === 0) {\r\n const { location } = this.props;\r\n this.timeout = setTimeout(()=>{\r\n this.isChangeForm = false;\r\n const {Mode, Language, TransID, FormID, EmployeeID, EvaluationVoucherID} = this.formData;\r\n const TransTypeID = this.TransTypeID;\r\n this._removeCDN();\r\n this.loaded = {\r\n ...this.loaded,\r\n loadMasterData: false,\r\n loadCriterionGroup: false,\r\n loadCriterionDetail: false,\r\n };\r\n this.canvasImage = null;\r\n this.loadApi(\"loadMasterData\", {FormID, Language, Mode, EvaluationVoucherID, TransID, EmployeeID, TransTypeID}, true);\r\n this.loadApi(\"loadCriterionGroup\", {}, true);\r\n this.loadApi(\"loadCriterionDetail\", {FormID, EvaluationVoucherID, TransID, EmployeeID, TransTypeID }, true);\r\n this.loadApi(\"getRequiredFields\", {FormID: 'W39F1011', ModuleID: '39', CheckMode: 0 }, false);\r\n this.setState({ IsSave: 0 });\r\n // setTimeout(() => {\r\n // this.isSaved = true;\r\n // }, 500);\r\n }, 700);\r\n if(_.get(location,\"state.dataReminder.KeyID\", false)) this.ignoreReminder();\r\n Config.notify.show(\"success\", Config.lang(\"Gui_ket_qua_thanh_cong\"), 2000);\r\n }\r\n });\r\n };\r\n\r\n render() {\r\n const {\r\n dataOldAttachments,\r\n attachmentLoading,\r\n loading,\r\n loading2,\r\n uploading,\r\n\r\n CriterionTitle,\r\n Note,\r\n EmployeeInfo,\r\n errorMessage,\r\n IsSave,\r\n IsEvaluation,\r\n iPermission\r\n } = this.state;\r\n\r\n // check permission if open like popup\r\n const {isPopup} = this.props;\r\n if(iPermission === null) return null;\r\n if (iPermission === 0 && !!isPopup)\r\n return (\r\n \r\n {Config.lang('403_loi')}\r\n \r\n );\r\n\r\n const { classes, dataMasterData, dataHistoryApproval } = this.props;\r\n const criterion = this.parseDataGroupCriterion();\r\n\r\n let level = 1;\r\n if (dataMasterData && dataMasterData.NumEvaluationLevel) {\r\n level = parseInt(dataMasterData.NumEvaluationLevel);\r\n level = level > 5 || level < 1 ? 1 : level;\r\n }\r\n let count = 0;\r\n const currentIsSubmit = dataMasterData?.[`IsSubmit${this.UserLevel}`] ?? 0;\r\n\r\n return (\r\n <>\r\n \r\n {!loading && !errorMessage && <>\r\n \r\n {dataMasterData?.SplitSaveAndSubmit\r\n ? <>\r\n this.btnSaveRef[\"save\"] = ref}\r\n disabled={!this.isChangeForm || (IsSave !== 1)}\r\n size={\"medium\"}\r\n color={\"info\"}\r\n startIcon={\"SaveV2\"}\r\n className={\"mgr10\"}\r\n viewType={\"filled\"}\r\n label={Config.lang(\"Luu\")}\r\n style={{ textTransform: \"uppercase\" }}\r\n onClick={this.onSave}\r\n />\r\n this.btnSendResultRef[\"sendResult\"] = ref}\r\n disabled={!!!this.isSaved && (!!this.isChangeForm || IsSave !== 1 || !!currentIsSubmit || !IsEvaluation)}\r\n size={\"medium\"}\r\n color={\"success\"}\r\n startIcon={\"FastForward\"}\r\n viewType={\"filled\"}\r\n label={Config.lang(\"Gui_ket_qua\")}\r\n style={{ textTransform: \"uppercase\" }}\r\n onClick={this.sendResult}\r\n />\r\n \r\n : this.btnSaveRef[\"save\"] = ref}\r\n disabled={!this.isChangeForm || (IsSave !== 1)}\r\n size={\"medium\"}\r\n color={\"info\"}\r\n startIcon={\"SaveV2\"}\r\n viewType={\"filled\"}\r\n label={Config.lang(\"Luu\")}\r\n style={{ textTransform: \"uppercase\" }}\r\n onClick={this.onSave}\r\n />\r\n }\r\n }\r\n \r\n\r\n \r\n {!loading && errorMessage &&\r\n \r\n {errorMessage}\r\n \r\n }\r\n {!loading && !errorMessage && <>\r\n \r\n {EmployeeInfo && CriterionTitle && this.renderCriterionHeader(EmployeeInfo, CriterionTitle, Note)}\r\n\r\n {dataMasterData && this.renderEvaluationLevel(dataMasterData, level)}\r\n\r\n {criterion && criterion.map((o, i) => {\r\n const ListCriterionDetail = o.ListCriterionDetail && o.ListCriterionDetail.filter(c => c.IsMiddleEvaluationElement === 0);\r\n if (ListCriterionDetail.length <= 0) return null;\r\n const sectionNum = convertToRoman(count + 1);\r\n count++;\r\n return (\r\n \r\n \r\n \r\n {sectionNum}. {o.AppCriterionGroupNameU} \r\n \r\n {o.AppCriterionGroupDescU &&\r\n \r\n \r\n \r\n \r\n }\r\n \r\n \r\n
\r\n\r\n {o.ListCriterionDetail && o.ListCriterionDetail.map((c) => {\r\n return c.IsMiddleEvaluationElement === 0 ? this.renderCriterionDetail(c, level) : null;\r\n })}\r\n );\r\n })}\r\n\r\n {dataMasterData && dataMasterData.IsEvaluateContract === 1 && \r\n \r\n \r\n {this.renderCriterionResults(dataMasterData, level)}\r\n \r\n
\r\n }\r\n\r\n {dataMasterData && this.renderCriterionFooter(dataMasterData, level)}\r\n\r\n {dataHistoryApproval && dataHistoryApproval.length > 0 && this.renderHistoryApproval(dataHistoryApproval, level)}\r\n \r\n {dataMasterData &&\r\n \r\n \r\n \r\n (this.attRef = ref)}\r\n showButton={true}\r\n files={dataOldAttachments}\r\n disabled={uploading}\r\n maxLength={5}\r\n uploading={attachmentLoading}\r\n onUploading={this.onUploading}\r\n onChanged={this.onChangeAttachments}\r\n />\r\n \r\n
\r\n }\r\n {dataMasterData &&\r\n \r\n \r\n {dataMasterData?.SplitSaveAndSubmit\r\n ? <>\r\n this.btnSaveRef[\"save1\"] = ref}\r\n disabled={!this.isChangeForm || (IsSave !== 1)}\r\n size={\"medium\"}\r\n color={\"info\"}\r\n startIcon={\"SaveV2\"}\r\n className={\"mgr10\"}\r\n viewType={\"filled\"}\r\n label={Config.lang(\"Luu\")}\r\n style={{ textTransform: \"uppercase\" }}\r\n onClick={this.onSave}\r\n />\r\n this.btnSendResultRef[\"sendResult1\"] = ref}\r\n disabled={!!!this.isSaved && (!!this.isChangeForm || IsSave !== 1 || !!currentIsSubmit || !IsEvaluation)}\r\n size={\"medium\"}\r\n color={\"success\"}\r\n startIcon={\"FastForward\"}\r\n viewType={\"filled\"}\r\n label={Config.lang(\"Gui_ket_qua\")}\r\n style={{ textTransform: \"uppercase\" }}\r\n onClick={this.sendResult}\r\n />\r\n \r\n : this.btnSaveRef[\"save1\"] = ref}\r\n disabled={!this.isChangeForm || (IsSave !== 1)}\r\n size={\"medium\"}\r\n color={\"info\"}\r\n startIcon={\"SaveV2\"}\r\n viewType={\"filled\"}\r\n label={Config.lang(\"Luu\")}\r\n style={{ textTransform: \"uppercase\" }}\r\n onClick={this.onSave}\r\n />\r\n }\r\n \r\n \r\n }\r\n }\r\n \r\n );\r\n }\r\n}\r\nexport default compose(\r\n connect(\r\n state => ({\r\n dataMasterData: state.W39F1011.dataMasterData,\r\n dataCriterionGroup: state.W39F1011.dataCriterionGroup,\r\n dataCriterionCombo: state.W39F1011.dataCriterionCombo,\r\n dataCriterionDetail: state.W39F1011.dataCriterionDetail,\r\n dataComboResults: state.W39F1011.dataComboResults,\r\n dataSaveResult: state.W39F1011.dataSaveResult,\r\n dataHistoryApproval: state.W39F1011.dataHistoryApproval,\r\n getRequiredFields: state.general.getRequiredFields,\r\n }),\r\n dispatch => ({\r\n mainActions: bindActionCreators(mainActions, dispatch),\r\n generalActions: bindActionCreators(generalActions, dispatch),\r\n W39F1011Actions: bindActionCreators(W39F1011Actions, dispatch)\r\n })\r\n ),\r\n withStyles(styles, { withTheme: true })\r\n)(W39F1011);\r\n","/**\r\n * @copyright 2019 @ DigiNet\r\n * @author NAMDANG\r\n * @create 7/7/2020\r\n * @Example\r\n */\r\n\r\nimport React from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport PropTypes from \"prop-types\";\r\nimport * as W39F1031Actions from \"../../../../redux/W3X/W39F1031/W39F1031_actions\";\r\nimport { bindActionCreators, compose } from \"redux\";\r\nimport Config from \"../../../../config\";\r\nimport { Row, Col, FormGroup } from \"react-bootstrap\";\r\nimport ButtonGeneral from \"../../../common/button/button-general\";\r\nimport withStyles from \"@material-ui/core/styles/withStyles\";\r\nimport * as generalActions from \"../../../../redux/general/general_actions\";\r\nimport Attachments from \"../../../common/attachments/attachments\";\r\nimport IconButton from \"@material-ui/core/IconButton\";\r\nimport AttachFileIcon from \"@material-ui/icons/AttachFile\";\r\nimport Modal from \"../../../common/modal/modal\";\r\nimport { OutlinedInput, Typography } from \"@material-ui/core\";\r\nconst styles = (theme) => ({\r\n caption: {\r\n paddingTop: \"7%\",\r\n [theme.breakpoints.down(\"md\")]: {\r\n paddingTop: 0,\r\n },\r\n }\r\n})\r\nclass W39F1031Popup extends React.PureComponent {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n showW39F1031Popup: false,\r\n error: {},\r\n loading: false,\r\n uploading: false,\r\n dataOldAttachments: [],\r\n RefEvaluation01U : \"\",\r\n };\r\n this.attachments = [];\r\n this.deletedFile = [];\r\n }\r\n\r\n componentDidMount() {\r\n const { data } = this.props;\r\n this.loadAttachments();\r\n this.setState({RefEvaluation01U : data.RefEvaluation01U});\r\n }\r\n\r\n resetForm = () => {\r\n this.setState({\r\n });\r\n };\r\n\r\n onClose = () => {\r\n const { onClose } = this.props;\r\n this.resetForm();\r\n if (onClose) onClose();\r\n };\r\n\r\n onAttachment = () => {\r\n if (this.attRef) {\r\n this.attRef.onAttachment();\r\n }\r\n };\r\n\r\n onUploading = value => {\r\n this.setState({ uploading: value });\r\n };\r\n\r\n _getAttachments = () => {\r\n const listAttachments = Config.helpers.getFileInfomations(this.attachments);\r\n const { dataOldAttachments } = this.state;\r\n\r\n let arrAttachment = [];\r\n listAttachments.forEach(att => {\r\n arrAttachment.push({\r\n URL: att.url ? att.url : \"\",\r\n FileName: att.fileName ? att.fileName : \"\",\r\n FileSize: att.fileSize ? att.fileSize : \"\",\r\n FileExt: att.fileExt ? att.fileExt : \"\"\r\n });\r\n });\r\n if (dataOldAttachments && dataOldAttachments.length > 0) {\r\n arrAttachment = dataOldAttachments.concat(arrAttachment);\r\n }\r\n\r\n return arrAttachment;\r\n };\r\n\r\n\r\n loadAttachments = () => {\r\n const { data } = this.props;\r\n const param = {\r\n KeyID: data.TransID,\r\n TableName: \"D39T2002\"\r\n };\r\n this.props.generalActions.getAttachmentsByTransID(param, (error, data) => {\r\n if (error) {\r\n Config.popup.show(\"ERROR\", error);\r\n return false;\r\n }\r\n if (data && data.length > 0) {\r\n this.setState({\r\n dataOldAttachments: data,\r\n loading:false,\r\n });\r\n }\r\n this.setState({\r\n loading:false,\r\n });\r\n });\r\n };\r\n\r\n onChangeAttachments = (e) => {\r\n this.attachments = e.uploadedFiles ? e.uploadedFiles : [];\r\n if (e.deletedFiles && e.deletedFiles.length > 0) {\r\n this.deletedFile = [ ...e.deletedFiles];\r\n const _arrRemove = this.deletedFile.map((d) => d.AttachmentID);\r\n this.setState(prevState => ({\r\n dataOldAttachments: prevState.dataOldAttachments.filter((att) => {\r\n return _arrRemove.indexOf(att.AttachmentID) < 0;\r\n })\r\n }));\r\n }\r\n };\r\n onClose = () => {\r\n const { onClose } = this.props;\r\n if (onClose) onClose();\r\n };\r\n\r\n onSave = () => {\r\n const { data } = this.props;\r\n const { RefEvaluation01U } = this.state;\r\n const arrAttachments = this._getAttachments();\r\n const params = {\r\n TransID: data.TransID,\r\n RefEvaluation01U: RefEvaluation01U,\r\n DepartmentID: data.DepartmentID,\r\n arrAttachment:JSON.stringify(arrAttachments)\r\n }\r\n\r\n this.props.W39F1031Actions.save(params, errors => {\r\n if (errors) {\r\n let message = errors.message || Config.lang(\"DHR_Loi_chua_xac_dinh\");\r\n Config.popup.show('INFO', message);\r\n return false;\r\n }\r\n this.onClose();\r\n Config.notify.show(\"success\", Config.lang(\"DHR_Luu_thanh_cong\"), 2000);\r\n })\r\n }\r\n\r\n handleChange = (key, e) => {\r\n if (!key) return false;\r\n switch (key) {\r\n case \"RefEvaluation01U\":\r\n this.setState({RefEvaluation01U: e.target.value});\r\n break;\r\n default:\r\n break;\r\n }\r\n }\r\n\r\n render() {\r\n let {\r\n statusID,\r\n iPermission,\r\n classes\r\n } = this.props;\r\n const {\r\n uploading,\r\n loading,\r\n dataOldAttachments,\r\n disabled,\r\n RefEvaluation01U\r\n } = this.state;\r\n return (\r\n <>\r\n \r\n \r\n \r\n \r\n \r\n \r\n {Config.lang('DHR_Ghi_chu')}\r\n \r\n
\r\n \r\n \r\n this.handleChange(\"RefEvaluation01U\",e)}\r\n aria-describedby=\"outlined-weight-helper-text\"\r\n inputProps={{\r\n \"aria-label\": \"weight\",\r\n }}\r\n multiline={true}\r\n labelWidth={0}\r\n />\r\n \r\n
\r\n \r\n \r\n this.attRef = ref}\r\n showButton={true}\r\n files={dataOldAttachments}\r\n disabled={(Number(statusID) === 1 || dataOldAttachments.IsAttached === 0 ? true : false)}\r\n maxLength={5}\r\n // uploading={loading}\r\n onUploading={this.onUploading}\r\n onChanged={this.onChangeAttachments}\r\n />\r\n \r\n \r\n \r\n \r\n \r\n 1)}\r\n style={{ textTransform: \"uppercase\" }}\r\n size={\"large\"}\r\n onClick={this.onSave}\r\n />\r\n
\r\n \r\n \r\n );\r\n }\r\n}\r\n\r\nW39F1031Popup.propTypes = {\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 getAttachmentsByTransID: state.general.getAttachmentsByTransID,\r\n getLoadListAttachments: state.general.getLoadListAttachments\r\n }),\r\n dispatch => ({\r\n W39F1031Actions: bindActionCreators(W39F1031Actions, dispatch),\r\n generalActions: bindActionCreators(generalActions, dispatch)\r\n })\r\n ),\r\n withStyles(styles)\r\n)(W39F1031Popup);\r\n"],"sourceRoot":""}