\r\n {record.FirstNameTH} {record.LastNameTH}\r\n
\r\n )\r\n }\r\n // defaultSortOrder: \"descend\",\r\n\r\n // sortDirections: [\"descend\", \"ascend\"],\r\n });\r\n }\r\n else if (el.ColumnKeyTH == \"SectorNameTH\") {\r\n console.log(\"in OrderNo\");\r\n this.state.ColumnsDataReportTH.push({\r\n title: el.ColumnNameTH,\r\n dataIndex: el.ColumnKeyTH,\r\n OrderBy: el.ColumnOrder,\r\n className: 'SubRepHead SubRepSecCol SubRepSecTD HeadSort HeadersForReport TdForBoard',\r\n render: (e, record, index) => {\r\n return (\r\n \r\n {record.FirstNameEN} {record.LastNameEN}\r\n
\r\n )\r\n }\r\n // defaultSortOrder: \"descend\",\r\n\r\n // sortDirections: [\"descend\", \"ascend\"],\r\n });\r\n }\r\n else if (el.ColumnKeyEN == \"SectorNameEN\") {\r\n console.log(\"in OrderNo\");\r\n this.state.ColumnsDataReportEN.push({\r\n title: el.ColumnNameEN,\r\n dataIndex: el.ColumnKeyEN,\r\n OrderBy: el.ColumnOrder,\r\n className: 'SubRepHead SubRepSecCol SubRepSecTD HeadSort HeadersForReport TdForBoard',\r\n render: (e, record, index) => {\r\n return (\r\n \r\n\r\n (this.componentRef = el)}>\r\n
\r\n
\r\n รายงานพิจารณาระดับผลการปฏิบัติงานบุคลากร ประจำปีการศึกษา\r\n 2564\r\n \r\n\r\n \r\n
\r\n {/* render Left section */}\r\n \r\n \r\n จำนวนบุคลากรในสังกัด {EmpListDatasource.length}\r\n คน\r\n \r\n
\r\n \r\n\r\n {/* render Right sector */}\r\n
\r\n\r\n
\r\n\r\n
\r\n
\r\n
ลงชื่อ _________________________________
\r\n
\r\n\r\n {\"( \" +\r\n localStorage.getItem(\"TitleTH\") +\r\n \" \" +\r\n localStorage.getItem(\"FirstNameTH\") +\r\n \" \" +\r\n localStorage.getItem(\"LastNameTH\") +\r\n \" )\"}\r\n
\r\n
ตำแหน่ง _______________________________
\r\n
วันที่ _________________
\r\n
\r\n
\r\n
\r\n\r\n {\r\n this.handleSaveDraft(\r\n this.AnsData.ansForm\r\n );\r\n }}\r\n >\r\n บันทึกร่าง\r\n \r\n\r\n\r\n {\r\n this.handleSubmit(\r\n this.AnsData.ansForm,\r\n this.state.EmpListDatasource\r\n );\r\n }}\r\n >\r\n ส่งข้อมูล\r\n \r\n\r\n\r\n\r\n
\r\n\r\n }\r\n\r\n \r\n\r\n );\r\n\r\n }\r\n\r\n renderContentEN() {\r\n const {\r\n EmpListDatasource,\r\n ColumnsDatasourceEN,\r\n SectorListDatasource,\r\n ColumnsDataReportEN,\r\n five, four, three, two, one, total,\r\n\r\n } = this.state;\r\n var tempSector = SectorListDatasource.filter((e) => {\r\n return e.SectorId == this.state.sectorTH;\r\n });\r\n return (\r\n \r\n\r\n
\r\n {/* render Left section */}\r\n Choose by Sector: \r\n this.handleSectorChange(e)}\r\n >\r\n All \r\n {SectorListDatasource.map((position) => (\r\n {position.SectorNameEN} \r\n ))}\r\n \r\n\r\n\r\n {/* render Right sector */}\r\n \r\n \r\n Total {EmpListDatasource.length}\r\n \r\n
\r\n \r\n\r\n
\r\n
\r\n
\r\n\r\n \r\n\r\n {\r\n return (\r\n \r\n Print Summary Report \r\n \r\n );\r\n }}\r\n content={() => this.componentRefSummary}\r\n />\r\n\r\n
\r\n\r\n (this.componentRefSummary = el)}>\r\n
\r\n
\r\n Level of work performance results for Academic Year 2021\r\n \r\n {tempSector.map((e) => e.SectorNameTH)} \r\n \r\n
\r\n\r\n \r\n \r\n Faculty/Department: {localStorage.getItem('DepartmentEN')} \r\n \r\n
\r\n \r\n\r\n
\r\n
\r\n\r\n\r\n \r\n \r\n Amount of people in the criteria to be considered: {EmpListDatasource.length} \r\n\r\n \r\n
\r\n \r\n\r\n
\r\n
\r\n
\r\n \r\n Level of work performance \r\n Amount \r\n Percentage \r\n \r\n \r\n 1 \r\n {one.length} \r\n {(one.length / total * 100).toFixed(0)} \r\n\r\n \r\n \r\n 2 \r\n {two.length} \r\n {(two.length / total * 100).toFixed(0)} \r\n \r\n \r\n 3 \r\n {three.length} \r\n {(three.length / total * 100).toFixed(0)} \r\n \r\n \r\n 4 \r\n {four.length} \r\n {(four.length / total * 100).toFixed(0)} \r\n \r\n \r\n 5 \r\n {five.length} \r\n {(five.length / total * 100).toFixed(0)} \r\n \r\n \r\n Total \r\n {one.length + two.length + three.length + four.length + five.length} \r\n {((one.length + two.length + three.length + four.length + five.length) / total * 100).toFixed(0)} \r\n \r\n
\r\n\r\n
\r\n
\r\n
Signature _________________________________
\r\n
\r\n\r\n {\"( \" +\r\n localStorage.getItem(\"TitleEN\") +\r\n \" \" +\r\n localStorage.getItem(\"FirstNameEN\") +\r\n \" \" +\r\n localStorage.getItem(\"LastNameEN\") +\r\n \" )\"}\r\n
\r\n
Position _______________________________
\r\n
Date _________________
\r\n
\r\n
\r\n
\r\n
\r\n
getRowKey(record)}\r\n rowClassName={(record) =>\r\n getRowKey(record) === this.state.selectedRowKey\r\n ? \"highlighted-selection\"\r\n : \"\"\r\n }\r\n onRow={(record) => {\r\n return {\r\n onClick: () => {\r\n this.setState({ visible: true });\r\n this.setRowKey(record);\r\n },\r\n };\r\n }}\r\n pagination={false}\r\n >\r\n \r\n
{\r\n return (\r\n \r\n Print Report \r\n \r\n {/* to print component */}\r\n
(this.componentRef = el)}>\r\n
\r\n
\r\n Result of Work Performance Academic Year 2021\r\n \r\n\r\n \r\n\r\n
\r\n {/* render Left section */}\r\n \r\n \r\n Total {EmpListDatasource.length}\r\n\r\n \r\n
\r\n \r\n\r\n {/* render Right sector */}\r\n
\r\n\r\n
\r\n
\r\n\r\n
\r\n\r\n
\r\n
\r\n
Signature _________________________________
\r\n
\r\n {\" \"}\r\n {\"( \" +\r\n localStorage.getItem(\"TitleEN\") +\r\n \" \" +\r\n localStorage.getItem(\"FirstNameEN\") +\r\n \" \" +\r\n localStorage.getItem(\"LastNameEN\") +\r\n \" )\"}\r\n
\r\n
Position _______________________________
\r\n
Date _________________
\r\n
\r\n
\r\n
\r\n
\r\n\r\n {\r\n this.handleSaveDraft(\r\n this.AnsData.ansForm\r\n );\r\n }}\r\n >\r\n Draft\r\n \r\n\r\n\r\n {\r\n this.handleSubmit(\r\n this.AnsData.ansForm,\r\n this.state.EmpListDatasource\r\n );\r\n }}\r\n >\r\n Submit\r\n \r\n\r\n
\r\n }\r\n\r\n \r\n\r\n );\r\n\r\n\r\n }\r\n\r\n renderCountTH() {\r\n {/* RUN 05/06/2021 นำ percentage ไปใส่ */ }\r\n\r\n const { five, four, three, two, one, total } = this.state\r\n\r\n return (\r\n \r\n
ระดับผลปฎิบัติงาน \r\n \r\n );\r\n }\r\n\r\n renderCountEN() {\r\n {/* RUN 05/06/2021 นำ percentage ไปใส่ */ }\r\n\r\n const { five, four, three, two, one, total } = this.state\r\n\r\n return (\r\n \r\n
Result of Work Performance \r\n \r\n );\r\n }\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n render() {\r\n console.log(\"spiner\", this.state.spinner);\r\n\r\n return (\r\n\r\n \r\n \r\n {this.state.language == 'TH'\r\n ? this.renderContentTH()\r\n : this.renderContentEN()}\r\n\r\n \r\n\r\n
\r\n );\r\n\r\n }\r\n}\r\n\r\nexport default SecondTabForBoards;\r\n","import {\r\n PageHeader, Tabs, Tag, Table, Select, Tooltip, Button, Row,\r\n Col,\r\n} from \"antd\";\r\nimport Column from \"antd/lib/table/Column\";\r\nimport { EditOutlined, PrinterOutlined } from \"@ant-design/icons\";\r\nimport React, { Component } from \"react\";\r\nimport HeaderComponent from \"../components/HeaderComponent\";\r\nimport \"../shared/css/list-page.css\";\r\nimport \"../shared/css/headerpages.css\";\r\nimport { getTableService } from \"../services/table-helper.service\";\r\nimport AssessSuborndinateInfo from \"./AssessSuborndinateInfo\";\r\n\r\nimport Dialog from \"../shared/dialog\";\r\n\r\nimport { BrowserRouter as Router, Link, Switch } from \"react-router-dom\";\r\nimport ReactToPrint, { PrintContextConsumer } from \"react-to-print\";\r\nimport SecondTabScreen from \"../components/SecondTabScreen\";\r\nimport SecondTabForBoards from \"../components/SecondTabForBoards\";\r\nimport SecondBoardsTabs from \"../components/SecondBoardsTabs\";\r\n\r\nconst ref = React.createRef();\r\n\r\nconst { TabPane } = Tabs;\r\nconst { Option } = Select;\r\nconst pageStyle = `\r\n @page {\r\n size:A3 ;\r\n height:100% !important;\r\n width:100% !important;\r\n margin: 20mm;\r\n }\r\n @media all {\r\n .pagebreak {\r\n display: none;\r\n }\r\n }\r\n\r\n\r\n @media print {\r\n size:A4 landscape;\r\n html, body {\r\n position::relative;\r\n height:100% !important;\r\n width:100% !important;\r\n margin: 0;\r\n }\r\n\r\n .pagebreak {\r\n margin-top: 1rem;\r\n display: block;\r\n page-break-before: auto;\r\n overflow: visible; \r\n }\r\n }\r\n`;\r\nconst getRowKey = (record) => {\r\n return `${record.EmpId}`;\r\n};\r\n\r\nexport default class AssessingSubordinateScreen extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.inputRef = React.createRef();\r\n\r\n this.state = {\r\n language: localStorage.getItem(\"Language\"),\r\n EmpListDatasource: [],\r\n SectorListDatasource: [],\r\n Columns: [],\r\n ColumnsDatasourceTH: [],\r\n ColumnsDatasourceEN: [],\r\n ColumnsReport: [],\r\n ColumnsDataReportTH: [],\r\n ColumnsDataReportEN: [],\r\n PositionList: [],\r\n query: \"\",\r\n results: [],\r\n selectedRowKeys: null,\r\n visible: false,\r\n triggprint: true,\r\n defaultKey: localStorage.getItem(\"defaultActiveKey\"),\r\n };\r\n // console.log(\"this.props\", this.props);\r\n\r\n this.dialog = new Dialog();\r\n // inputRefs = [];\r\n\r\n // setRef = (ref) => {\r\n // this.inputRefs.push(ref);\r\n // };\r\n // focusInput = (id) => this.inputRefs[id].focus();\r\n }\r\n\r\n componentWillReceiveProps(nextProps) {\r\n // console.log(\"nextProps\", nextProps);\r\n\r\n this.setState({ language: nextProps.lang });\r\n localStorage.setItem(\"Language\", nextProps.lang);\r\n }\r\n\r\n componentDidMount() {\r\n // console.log(\"componentRef\", this.inputRef);\r\n getTableService(\"44a081c0-4264-4d48-b1c2-730d9e6d19f6\").then((result) => {\r\n var table = [];\r\n result.forEach((e) => {\r\n this.state.Columns = e.TableColumn;\r\n });\r\n\r\n // console.log(\"this.state.Columns\", this.state.Columns);\r\n\r\n this.state.Columns.forEach((e) => {\r\n // console.log(\"ColumnKeyTH\", e.ColumnKeyTH);\r\n if (e.ColumnKeyTH == \"PrintReport\") {\r\n this.state.ColumnsDatasourceTH.push({\r\n title: e.ColumnNameTH,\r\n dataIndex: e.ColumnKeyTH,\r\n OrderBy: e.ColumnOrder,\r\n\r\n render: (e, record) => {\r\n return (\r\n \r\n {/*
เปิดในวันที่ 25/04/2022
*/}\r\n\r\n
\r\n \r\n \r\n ประเมินตนเองสำเร็จ\r\n \r\n
\r\n );\r\n } else if (e == 1) {\r\n return (\r\n \r\n \r\n ยังไม่ได้ประเมินตนเอง\r\n \r\n
\r\n );\r\n } else if (e == 2) {\r\n return (\r\n \r\n \r\n กำลังประเมินตนเอง\r\n \r\n
\r\n );\r\n }\r\n },\r\n });\r\n } else if (e.ColumnKeyTH == \"PrimaryEvaluteStatus\") {\r\n this.state.ColumnsDatasourceTH.push({\r\n title: e.ColumnNameTH,\r\n dataIndex: e.ColumnKeyTH,\r\n OrderBy: e.ColumnOrder,\r\n\r\n render: (e, record, index) => {\r\n if (e == 3) {\r\n // console.log(\"record\", index);\r\n return (\r\n \r\n \r\n ประเมินผู้ใต้สังกัดสำเร็จ\r\n \r\n
\r\n );\r\n } else if (e == 1) {\r\n return (\r\n \r\n \r\n ยังไม่ได้ประเมินผู้ใต้สังกัด\r\n \r\n \r\n \r\n this.assessSubInfo(record)}\r\n style={{ fontSize: \"15px\", color: \"#5399ff\" }}\r\n />\r\n \r\n \r\n
\r\n );\r\n } else if (e == 2) {\r\n return (\r\n \r\n \r\n กำลังประเมินผู้ใต้สังกัด\r\n \r\n \r\n \r\n this.assessSubInfo(record)}\r\n style={{ fontSize: \"15px\", color: \"#5399ff\" }}\r\n />\r\n \r\n \r\n
\r\n );\r\n }\r\n },\r\n });\r\n }\r\n });\r\n\r\n this.setState({\r\n ColumnsDatasourceTH: this.state.ColumnsDatasourceTH.sort(\r\n (firstItem, secondItem) => firstItem.OrderBy - secondItem.OrderBy\r\n ),\r\n });\r\n\r\n // conlumns eng\r\n this.state.Columns.forEach((e) => {\r\n // console.log(\"ColumnKeyTH\", e.ColumnKeyEN);\r\n if (e.ColumnKeyEN == \"PrintReport\") {\r\n this.state.ColumnsDatasourceEN.push({\r\n title: e.ColumnNameEN,\r\n dataIndex: e.ColumnKeyEN,\r\n OrderBy: e.ColumnOrder,\r\n\r\n render: (e, record) => {\r\n return (\r\n \r\n {/*
\r\n Avalaible on 25/04/2022\r\n
*/}\r\n
\r\n \r\n \r\n Self-Assessment Completed\r\n \r\n
\r\n );\r\n } else if (e == 1) {\r\n return (\r\n \r\n \r\n No Self-Assessment record\r\n \r\n
\r\n );\r\n } else if (e == 2) {\r\n return (\r\n \r\n \r\n Self-Assessment in progress\r\n \r\n\r\n
\r\n );\r\n }\r\n },\r\n });\r\n } else if (e.ColumnKeyEN == \"PrimaryEvaluteStatus\") {\r\n this.state.ColumnsDatasourceEN.push({\r\n title: e.ColumnNameEN,\r\n dataIndex: e.ColumnKeyEN,\r\n OrderBy: e.ColumnOrder,\r\n\r\n render: (e, record, index) => {\r\n if (e == 3) {\r\n // console.log(\"record\", index);\r\n return (\r\n \r\n \r\n Assessment Completed\r\n \r\n
\r\n );\r\n } else if (e == 1) {\r\n return (\r\n \r\n \r\n No Assessment record\r\n \r\n \r\n \r\n this.assessSubInfo(record)}\r\n style={{ fontSize: \"15px\", color: \"#5399ff\" }}\r\n />\r\n \r\n \r\n
\r\n );\r\n } else if (e == 2) {\r\n return (\r\n \r\n \r\n Assessment In Progress\r\n \r\n \r\n \r\n this.assessSubInfo(record)}\r\n style={{ fontSize: \"15px\", color: \"#5399ff\" }}\r\n />\r\n \r\n \r\n
\r\n\r\n );\r\n }\r\n },\r\n });\r\n }\r\n });\r\n\r\n this.setState({\r\n ColumnsDatasourceEN: this.state.ColumnsDatasourceEN.sort(\r\n (firstItem, secondItem) => firstItem.OrderBy - secondItem.OrderBy\r\n ),\r\n });\r\n });\r\n\r\n fetch(process.env.REACT_APP_API_URL + \"/api/getUnderPrimary\", {\r\n method: \"post\",\r\n headers: {\r\n \"Content-Type\": \"application/json\",\r\n Accept: \"application/json\",\r\n },\r\n body: JSON.stringify({\r\n empid: localStorage.getItem(\"EmpId\"),\r\n // empid: 772\r\n }),\r\n })\r\n .then((Response) => Response.json())\r\n .then((result) => {\r\n console.log(\"result\", result);\r\n result.forEach((element) => {\r\n this.state.EmpListDatasource = element.EmpList;\r\n this.state.SectorListDatasource = element.SectorList;\r\n this.state.results = element.EmpList;\r\n });\r\n this.state.EmpListDatasource.forEach((e) => {\r\n if (this.state.PositionList.length == 0) {\r\n this.state.PositionList.push({\r\n PositionNameTH: e.PositionNameTH,\r\n PositionNameEN: e.PositionNameEN,\r\n });\r\n } else {\r\n this.state.PositionList = this.positionPopper(e.PositionNameTH);\r\n this.state.PositionList.push({\r\n PositionNameTH: e.PositionNameTH,\r\n PositionNameEN: e.PositionNameEN,\r\n });\r\n }\r\n // console.log(\"EmpListDatasource\", e.PositionNameTH);\r\n });\r\n this.setState({\r\n EmpListDatasource: this.state.EmpListDatasource,\r\n results: this.state.results,\r\n SectorListDatasource: this.state.SectorListDatasource,\r\n PositionList: this.state.PositionList,\r\n });\r\n\r\n });\r\n // todaytest\r\n getTableService(\"pointsofworkreport\").then((result) => {\r\n var table = [];\r\n result.forEach((e) => {\r\n this.state.ColumnsReport = e.TableColumn;\r\n });\r\n // console.log(\"this.state.Columns\", this.state.ColumnsReport);\r\n\r\n // render thai\r\n this.state.ColumnsReport.forEach((el) => {\r\n // console.log(\"ColumnKeyTH\", e.ColumnKeyTH);\r\n if (\r\n el.ColumnKeyTH !== \"SumSelfCalPoint\" &&\r\n el.ColumnKeyTH !== \"SumAssessorCalPoint\" &&\r\n el.ColumnKeyTH !== \"EmpId\" &&\r\n el.ColumnKeyTH !== \"OrderNo\" &&\r\n el.ColumnKeyTH !== \"NameAndLastTH\" &&\r\n el.ColumnKeyTH !== \"PositionNameTH\" &&\r\n el.ColumnKeyTH !== \"SectorNameTH\"\r\n ) {\r\n this.state.ColumnsDataReportTH.push({\r\n title: el.ColumnNameTH,\r\n dataIndex: el.ColumnKeyTH,\r\n OrderBy: el.ColumnOrder,\r\n className: 'SubRepHead SubRepColumn SubRepTD HeadSort',\r\n });\r\n } else if (el.ColumnKeyTH == \"NameAndLastTH\") {\r\n // console.log(\"in OrderNo\");\r\n this.state.ColumnsDataReportTH.push({\r\n title: el.ColumnNameTH,\r\n dataIndex: el.ColumnKeyTH,\r\n OrderBy: el.ColumnOrder,\r\n width: '10px',\r\n className: 'SubRepHead SubRepColumn SubRepTD HeadSort HeadersForReport TdForBoard',\r\n\r\n render: (e, record, index) => {\r\n return (\r\n \r\n {record.FirstNameTH} {record.LastNameTH}\r\n
\r\n )\r\n }\r\n // defaultSortOrder: \"descend\",\r\n\r\n // sortDirections: [\"descend\", \"ascend\"],\r\n });\r\n }\r\n else if (el.ColumnKeyTH == \"SectorNameTH\") {\r\n // console.log(\"in OrderNo\");\r\n this.state.ColumnsDataReportTH.push({\r\n title: el.ColumnNameTH,\r\n dataIndex: el.ColumnKeyTH,\r\n OrderBy: el.ColumnOrder,\r\n className: 'SubRepHead SubRepSecCol SubRepSecTD HeadSort HeadersForReport TdForBoard',\r\n\r\n render: (e, record, index) => {\r\n return (\r\n \r\n {record.SectorNameTH}\r\n
\r\n )\r\n }\r\n // defaultSortOrder: \"descend\",\r\n\r\n // sortDirections: [\"descend\", \"ascend\"],\r\n });\r\n }\r\n else if (el.ColumnKeyTH == \"PositionNameTH\") {\r\n this.state.ColumnsDataReportTH.push({\r\n title: el.ColumnNameTH,\r\n dataIndex: el.ColumnKeyTH,\r\n OrderBy: el.ColumnOrder,\r\n // className: 'reporthead reportcolumn',\r\n className: 'SubRepHead SubRepPositionCol SubRepPositionTD HeadSort HeadersForReport TdForBoard',\r\n\r\n render: (e, record, index) => {\r\n return (\r\n \r\n {record.PositionNameTH}\r\n
\r\n )\r\n }\r\n // defaultSortOrder: \"descend\",\r\n\r\n // sortDirections: [\"descend\", \"ascend\"],\r\n });\r\n }\r\n else if (el.ColumnKeyTH == \"OrderNo\") {\r\n // console.log(\"in OrderNo\");\r\n this.state.ColumnsDataReportTH.push({\r\n title: el.ColumnNameTH,\r\n dataIndex: el.ColumnKeyTH,\r\n OrderBy: el.ColumnOrder,\r\n // className: 'reporthead reportcolumn reporttd HeadSort',\r\n className: 'SubRepHeadWrap SubRepSecCol SubRepSecTD HeadSort HeadersForReport TdForBoard',\r\n\r\n\r\n render: (e, record, index) => {\r\n return (\r\n \r\n {index + 1}\r\n
\r\n )\r\n }\r\n // defaultSortOrder: \"descend\",\r\n\r\n // sortDirections: [\"descend\", \"ascend\"],\r\n });\r\n }\r\n else if (el.ColumnKeyTH == \"EmpId\") {\r\n this.state.ColumnsDataReportTH.push({\r\n title: el.ColumnNameTH,\r\n dataIndex: el.ColumnKeyTH,\r\n OrderBy: el.ColumnOrder,\r\n className: 'reporthead reportcolumn reporttd HeadSort',\r\n defaultSortOrder: \"descend\",\r\n sorter: (a, b) => a.EmpId - b.EmpId,\r\n sortDirections: [\"descend\", \"ascend\"],\r\n });\r\n }\r\n else if (el.ColumnKeyTH == \"SumSelfCalPoint\") {\r\n this.state.ColumnsDataReportTH.push({\r\n title: 'คะแนนการประเมิน',\r\n dataIndex: 'คะแนนการประเมิน',\r\n OrderBy: el.ColumnOrder,\r\n className: 'reporthead reportcolumn reporttd HeadSort',\r\n children: [{\r\n title: 'ประเมินตนเอง',\r\n dataIndex: 'SumSelfCalPoint',\r\n className: 'reporthead reportcolumn reporttd HeadSort',\r\n OrderBy: el.ColumnOrder,\r\n render: (e, record) => {\r\n if (record.EvaluateStatus == 1) {\r\n return (\r\n \r\n );\r\n } else if (record.EvaluateStatus == 2) {\r\n return (\r\n \r\n );\r\n } else {\r\n return (\r\n \r\n );\r\n }\r\n },\r\n },\r\n\r\n ],\r\n\r\n\r\n });\r\n } else if (el.ColumnKeyTH == \"SumAssessorCalPoint\") {\r\n // console.log('dddddddddddddddddddd', this.state.ColumnsDataReportTH[5].children)\r\n this.state.ColumnsDataReportTH[5].children.push({\r\n title: 'ผู้บังคับบัญชาประเมิน',\r\n dataIndex: 'SumAssessorCalPoint',\r\n className: 'reporthead reportcolumn reporttd HeadSort',\r\n OrderBy: el.ColumnOrder,\r\n render: (e, record) => {\r\n if (e == null) {\r\n console.log(\"e in PrimaryEvaluteStatus\", e);\r\n console.log(\"record in PrimaryEvaluteStatus\", record);\r\n return (\r\n \r\n );\r\n } else {\r\n return (\r\n \r\n );\r\n }\r\n },\r\n })\r\n // {\r\n // title: 'ผู้บังคับบัญชาประเมิน',\r\n // dataIndex: 'SumAssessorCalPoint',\r\n // className: 'reporthead reportcolumn reporttd',\r\n // OrderBy: el.ColumnOrder,\r\n // render: (e, record) => {\r\n // if (record.EvaluateStatus == 1) {\r\n // console.log('e',e)\r\n // console.log('record',record)\r\n // return (\r\n // \r\n //
ยังไม่ได้ประเมินตนเอง
\r\n //
\r\n //
กำลังประเมินตนเอง
\r\n //
\r\n {record.FirstNameEN} {record.LastNameEN}\r\n
\r\n )\r\n }\r\n // defaultSortOrder: \"descend\",\r\n\r\n // sortDirections: [\"descend\", \"ascend\"],\r\n });\r\n }\r\n else if (el.ColumnKeyEN == \"SectorNameEN\") {\r\n // console.log(\"in OrderNo\");\r\n this.state.ColumnsDataReportEN.push({\r\n title: el.ColumnNameEN,\r\n dataIndex: el.ColumnKeyEN,\r\n OrderBy: el.ColumnOrder,\r\n className: 'SubRepHead SubRepSecCol SubRepSecTD HeadSort HeadersForReport TdForBoard',\r\n render: (e, record, index) => {\r\n return (\r\n \r\n {record.SectorNameEN}\r\n
\r\n )\r\n }\r\n // defaultSortOrder: \"descend\",\r\n\r\n // sortDirections: [\"descend\", \"ascend\"],\r\n });\r\n }\r\n else if (el.ColumnKeyEN == \"PositionNameEN\") {\r\n this.state.ColumnsDataReportEN.push({\r\n title: el.ColumnNameEN,\r\n dataIndex: el.ColumnKeyEN,\r\n OrderBy: el.ColumnOrder,\r\n // className: 'reporthead reportcolumn',\r\n className: 'SubRepHead SubRepPositionCol SubRepPositionTD HeadSort HeadersForReport TdForBoard',\r\n render: (e, record, index) => {\r\n return (\r\n \r\n {record.PositionNameEN}\r\n
\r\n )\r\n }\r\n // defaultSortOrder: \"descend\",\r\n\r\n // sortDirections: [\"descend\", \"ascend\"],\r\n });\r\n }\r\n else if (el.ColumnKeyEN == \"OrderNo\") {\r\n // console.log(\"in OrderNo\");\r\n this.state.ColumnsDataReportEN.push({\r\n title: el.ColumnNameEN,\r\n dataIndex: el.ColumnKeyEN,\r\n OrderBy: el.ColumnOrder,\r\n // className: 'reporthead reportcolumn reporttd HeadSort',\r\n className: 'SubRepHeadWrap SubRepSecCol SubRepSecTD HeadSort HeadersForReport TdForBoard',\r\n\r\n render: (e, record, index) => {\r\n return (\r\n \r\n {index + 1}\r\n
\r\n )\r\n }\r\n // defaultSortOrder: \"descend\",\r\n\r\n // sortDirections: [\"descend\", \"ascend\"],\r\n });\r\n }\r\n else if (el.ColumnKeyEN == \"EmpId\") {\r\n this.state.ColumnsDataReportEN.push({\r\n title: el.ColumnNameEN,\r\n dataIndex: el.ColumnKeyEN,\r\n OrderBy: el.ColumnOrder,\r\n className: 'reporthead reportcolumn reporttd HeadSort',\r\n defaultSortOrder: \"descend\",\r\n sorter: (a, b) => a.EmpId - b.EmpId,\r\n sortDirections: [\"descend\", \"ascend\"],\r\n });\r\n }\r\n else if (el.ColumnKeyEN == \"SumSelfCalPoint\") {\r\n this.state.ColumnsDataReportEN.push({\r\n title: 'Points of Work Performance',\r\n dataIndex: 'Points of Work Performance',\r\n OrderBy: el.ColumnOrder,\r\n className: 'reporthead reportcolumn reporttd HeadSort',\r\n children: [{\r\n title: 'Self - Assessment',\r\n dataIndex: 'SumSelfCalPoint',\r\n className: 'reporthead reportcolumn reporttd HeadSort HeadersLongRep',\r\n OrderBy: el.ColumnOrder,\r\n render: (e, record) => {\r\n if (record.EvaluateStatus == 1) {\r\n return (\r\n \r\n );\r\n } else if (record.EvaluateStatus == 2) {\r\n return (\r\n \r\n );\r\n } else {\r\n return (\r\n \r\n );\r\n }\r\n },\r\n },\r\n\r\n ],\r\n\r\n\r\n });\r\n } else if (el.ColumnKeyEN == \"SumAssessorCalPoint\") {\r\n // console.log('dddddddddddddddddddd', this.state.ColumnsDataReportEN[5].children)\r\n this.state.ColumnsDataReportEN[5].children.push({\r\n title: 'Assessment by Supervisor',\r\n dataIndex: 'SumAssessorCalPoint',\r\n className: 'reporthead reportcolumn reporttd HeadSort HeadersLongRep',\r\n OrderBy: el.ColumnOrder,\r\n render: (e, record) => {\r\n if (e == null) {\r\n console.log(\"e in PrimaryEvaluteStatus\", e);\r\n console.log(\"record in PrimaryEvaluteStatus\", record);\r\n return (\r\n \r\n );\r\n } else {\r\n return (\r\n \r\n );\r\n }\r\n },\r\n })\r\n\r\n }\r\n });\r\n\r\n this.setState({\r\n ColumnsDataReportEN: this.state.ColumnsDataReportEN.sort(\r\n (firstItem, secondItem) => firstItem.OrderBy - secondItem.OrderBy\r\n ),\r\n });\r\n });\r\n }\r\n\r\n assessSubInfo(record) {\r\n // console.log(\"record\", record);\r\n // console.log(\"record.EmpId\", record.EmpId);\r\n }\r\n\r\n positionPopper(positionName) {\r\n var tempDup = [];\r\n tempDup = this.state.PositionList.filter((e) => {\r\n return positionName !== e.PositionNameTH;\r\n });\r\n return tempDup;\r\n }\r\n\r\n changeTabs(key) { }\r\n\r\n getSearchResults = (query) => {\r\n const allData = this.state.results;\r\n const dataToShow = [];\r\n allData.forEach((item) => {\r\n // console.log(\"item\", item);\r\n const searchString = query;\r\n if (item.PositionNameTH == searchString) {\r\n dataToShow.push(item);\r\n }\r\n });\r\n this.setState({\r\n EmpListDatasource: dataToShow,\r\n });\r\n };\r\n\r\n handlePositionChange = (value) => {\r\n // console.log(\"handlePositionChange\", value);\r\n this.setState(\r\n {\r\n query: value,\r\n },\r\n () => {\r\n if (this.state.query && this.state.query.length > 0) {\r\n // console.log(\"this.state.query\", this.state.query);\r\n this.getSearchResults(this.state.query);\r\n } else {\r\n this.setState({\r\n EmpListDatasource: this.state.results,\r\n });\r\n }\r\n }\r\n );\r\n };\r\n\r\n setRowKey(record) {\r\n const selectedRowKey = getRowKey(record);\r\n // console.log(selectedRowKey, typeof selectedRowKey);\r\n this.setState({ selectedRowKey });\r\n }\r\n\r\n renderContentTH() {\r\n const { EmpListDatasource, ColumnsDatasourceTH, PositionList, ColumnsDataReportTH, SectorListDatasource } = this.state;\r\n var tempSector = SectorListDatasource.filter((e) => {\r\n return e.SectorId == this.state.sectorTH;\r\n });\r\n return (\r\n \r\n
window.history.back()}\r\n title=\"ประเมินผู้ใต้สังกัด\"\r\n />\r\n\r\n this.changeTabs(e)}\r\n visible\r\n centered\r\n >\r\n \r\n \r\n \r\n เลือกตามตำแหน่งงาน:\r\n \r\n this.handlePositionChange(e)}\r\n //RUN 04202022 แก้ไขให้เป็น em เพื่อให้ไม่เคลื่อนเมื่อทำการเลือกตัวเลือกที่มีข้อความยาว\r\n style={{ width: '20em' }}\r\n >\r\n ทั้งหมด \r\n {PositionList.map((position) => (\r\n \r\n {position.PositionNameTH}\r\n \r\n ))}\r\n \r\n\r\n
\r\n \r\n
\r\n
\r\n\r\n {\r\n return (\r\n \r\n {/* พิมพ์รายงาน */}\r\n {/* hidden for now */}\r\n พิมพ์รายงาน \r\n\r\n \r\n );\r\n }}\r\n content={() => this.componentRef}\r\n />\r\n
\r\n (this.componentRef = el)}>\r\n
\r\n
\r\n คะแนนการประเมินการปฏิบัติงานประจำปีการศึกษา 2564\r\n \r\n {tempSector.map((e) => e.SectorNameTH)} \r\n \r\n
\r\n\r\n \r\n \r\n คณะวิชา/หน่วยงาน: {localStorage.getItem('DepartmentTH')} \r\n \r\n
\r\n \r\n\r\n
\r\n
\r\n\r\n\r\n \r\n \r\n จำนวนบุคลากรในสังกัด {EmpListDatasource.length} คน \r\n\r\n \r\n
\r\n \r\n\r\n
\r\n
\r\n\r\n
\r\n
\r\n
ลงชื่อ _________________________________
\r\n
\r\n {\" \"}\r\n {\"( \" +\r\n localStorage.getItem(\"TitleTH\") +\r\n \" \" +\r\n localStorage.getItem(\"FirstNameTH\") +\r\n \" \" +\r\n localStorage.getItem(\"LastNameTH\") +\r\n \" )\"}\r\n
\r\n
ตำแหน่ง _______________________________
\r\n
วันที่ _________________
\r\n
\r\n
\r\n
getRowKey(record)}\r\n rowClassName={(record) =>\r\n getRowKey(record) === this.state.selectedRowKey\r\n ? \"highlighted-selection\"\r\n : \"\"\r\n }\r\n onRow={(record) => {\r\n return {\r\n onClick: () => {\r\n this.setState({ visible: true });\r\n this.setRowKey(record);\r\n localStorage.setItem(\"defaultActiveKey\", 1);\r\n },\r\n };\r\n }}\r\n pagination={false}\r\n >\r\n \r\n {/* \r\n ) : (\r\n localStorage.getItem(\"PositionID\") !== \"10\" &&\r\n \r\n localStorage.getItem(\"PositionID\") !== \"11\" && (\r\n \r\n \r\n )\r\n )}\r\n\r\n {/* { localStorage.getItem(\"PositionID\") !== \"10\" &&\r\n localStorage.getItem(\"PositionID\") !== \"11\" && (\r\n \r\n \r\n )}\r\n */}\r\n \r\n \r\n );\r\n }\r\n\r\n renderContentEN() {\r\n const { EmpListDatasource, ColumnsDatasourceEN, ColumnsDataReportEN, PositionList, SectorListDatasource } = this.state;\r\n var tempSector = SectorListDatasource.filter((e) => {\r\n return e.SectorId == this.state.sectorTH;\r\n });\r\n return (\r\n \r\n
window.history.back()}\r\n title=\"Assessing Subordinate\"\r\n />\r\n\r\n this.changeTabs(e)}\r\n visible\r\n centered\r\n {...this.props}\r\n >\r\n \r\n \r\n Choose a Position: \r\n this.handlePositionChange(e)}\r\n style={{ width: '20em' }}\r\n\r\n\r\n >\r\n All \r\n {PositionList.map((position) => (\r\n \r\n {position.PositionNameEN}\r\n \r\n ))}\r\n \r\n
\r\n\r\n \r\n\r\n
\r\n\r\n {\r\n return (\r\n \r\n {/* พิมพ์รายงาน */}\r\n {/* hidden for now */}\r\n Print Report \r\n\r\n \r\n (this.componentRef = el)}>\r\n
\r\n
\r\n Points of Work Performance for Academic Year 2021\r\n \r\n {tempSector.map((e) => e.SectorNameEN)} \r\n \r\n
\r\n\r\n \r\n \r\n Faculty/Department: {localStorage.getItem('DepartmentEN')} \r\n \r\n
\r\n \r\n\r\n
\r\n
\r\n\r\n\r\n \r\n \r\n Amount of people {EmpListDatasource.length} คน \r\n\r\n \r\n
\r\n \r\n\r\n
\r\n
\r\n\r\n
\r\n
\r\n
Signarture _________________________________
\r\n
\r\n {\" \"}\r\n {\"( \" +\r\n localStorage.getItem(\"TitleEN\") +\r\n \" \" +\r\n localStorage.getItem(\"FirstNameEN\") +\r\n \" \" +\r\n localStorage.getItem(\"LastNameEN\") +\r\n \" )\"}\r\n
\r\n
Position _______________________________
\r\n
Date _________________
\r\n
\r\n
\r\n
getRowKey(record)}\r\n rowClassName={(record) =>\r\n getRowKey(record) === this.state.selectedRowKey\r\n ? \"highlighted-selection\"\r\n : \"\"\r\n }\r\n onRow={(record) => {\r\n return {\r\n onClick: () => {\r\n this.setState({ visible: true });\r\n this.setRowKey(record);\r\n },\r\n };\r\n }}\r\n pagination={false}\r\n >\r\n \r\n \r\n ) : (\r\n localStorage.getItem(\"PositionID\") !== \"10\" &&\r\n localStorage.getItem(\"PositionID\") !== \"11\" && (\r\n \r\n \r\n )\r\n )}\r\n\r\n {/* {localStorage.getItem(\"PositionID\") !== \"10\" &&\r\n localStorage.getItem(\"PositionID\") !== \"11\" && (\r\n \r\n \r\n )} */}\r\n \r\n \r\n );\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n {this.state.language == \"TH\"\r\n ? this.renderContentTH()\r\n : this.renderContentEN()}\r\n
\r\n );\r\n }\r\n}\r\n","import SubHeader from \"./SubHeader\";\r\nimport \"antd/dist/antd.css\";\r\n//RUN: new header component 16/04/2021\r\nimport \"../shared/css/list-page.css\";\r\nimport \"../shared/css/headerpages.css\";\r\nimport React, { useState, useEffect } from \"react\";\r\nimport { Drawer, Card, Table, Spin, PageHeader, Radio, Tabs, Button, Select, DatePicker, Space, Input, Skeleton, Form } from 'antd';\r\nimport { SaveOutlined, PlusOutlined, DeleteTwoTone } from '@ant-design/icons';\r\nimport * as _ from \"lodash\"; //\r\nimport moment from \"moment\";\r\nimport Dialog from '../shared/dialog';\r\nimport axios from \"axios\";\r\nimport { toInteger } from \"lodash\";\r\nconst titleTH = 'บันทึกข้อมูลประวัติการฉีดวัคซีน และ ประวัติการตรวจเชื้อ Covid-19';\r\nconst titleEN = 'Covid-19 vaccine and detection history'\r\nconst { TabPane } = Tabs;\r\nconst { Option } = Select;\r\nconst { RangePicker } = DatePicker;\r\nconst { TextArea } = Input;\r\nconst dateFormat = 'YYYY/MM/DD';\r\nconst weekFormat = 'MM/DD';\r\nconst monthFormat = 'YYYY/MM';\r\nconst newDate = Date.now();\r\nconst dateFormatList = ['DD/MM/YYYY', 'DD/MM/YY'];\r\n\r\nconst SecondBoardsTabs = () => {\r\n const [FinishAnswers, setFinishAnswer] = useState([]);\r\n const [AnswersCurrent, setAnswersCurrent] = useState([]);\r\n\r\n const [StatusEval, setStatusEval] = useState();\r\n const [underPrimery, setunderPrimery] = useState([]);\r\n const [EmpList, setEmpList] = useState([]);\r\n const [EmpListForSeacrh, setEmpListForSearch] = useState([]);\r\n const [assessorid, setassessor] = useState('');\r\n const [SectorList, setSectorList] = useState([]);\r\n const [spinner, setSpinner] = useState(true);\r\n const dialog = new Dialog();\r\n const init = async () => {\r\n setSpinner(\r\n true\r\n )\r\n\r\n const resultAns = await axios.post(process.env.REACT_APP_API_URL + \"/api/getAnsConfirmLevel\", {\r\n AssessorId: localStorage.getItem(\"EmpId\"),\r\n })\r\n\r\n const resultGetPrimary = await axios.post(process.env.REACT_APP_API_URL + \"/api/getUnderPrimaryByConfirmId\", {\r\n empid: localStorage.getItem(\"EmpId\"),\r\n })\r\n\r\n setFinishAnswer(\r\n resultAns.data[0].AnsForm\r\n )\r\n setStatusEval(\r\n resultAns.data[0].EvaluteStatus\r\n )\r\n setassessor(\r\n resultAns.data[0].assessor\r\n )\r\n setEmpListForSearch(\r\n resultGetPrimary.data[0].EmpList\r\n )\r\n setEmpList(\r\n resultGetPrimary.data[0].EmpList\r\n )\r\n setSectorList(\r\n resultGetPrimary.data[0].SectorList\r\n )\r\n\r\n setSpinner(\r\n false\r\n )\r\n //fetch emp list\r\n console.log('resultAns', resultAns)\r\n console.log('resultGetPrimary', resultGetPrimary)\r\n console.log('EmpList', EmpList)\r\n console.log('SectorList', SectorList)\r\n\r\n\r\n\r\n\r\n\r\n\r\n };\r\n\r\n const testarrayDupFunction = async (empid, assessor) => {\r\n //this.spinnerControl();\r\n\r\n // console.log(\"testarrayDupFunction\");\r\n var tempDup = [];\r\n var tempDupFin = [];\r\n\r\n //RUN: ยัดใส่เป็น ToString ให้หมดเนื่องจากส่งไปsave กับ ส่งคืนมา มีค่าdatatype อิอัยยยยยยยยยย 16/04/2021\r\n\r\n tempDup = AnswersCurrent.filter((e) => {\r\n return (\r\n e.empid.toString() !== empid.toString() ||\r\n e.assessor.toString() !== assessorid.toString()\r\n );\r\n });\r\n\r\n tempDupFin = FinishAnswers.filter((e) => {\r\n return (\r\n e.EmpId.toString() !== empid.toString() ||\r\n e.Assessor.toString() !== assessorid.toString()\r\n );\r\n });\r\n\r\n\r\n await setAnswersCurrent(\r\n tempDup\r\n )\r\n\r\n await setFinishAnswer(tempDupFin)\r\n\r\n }\r\n\r\n const handleChange = (\r\n empid\r\n ) => async (event) => {\r\n // console.log('in change')\r\n //this.spinnerControl();\r\n console.log('event', event.target.value)\r\n\r\n\r\n console.log('go on event beginning', AnswersCurrent)\r\n var temp = [];\r\n temp = AnswersCurrent.filter((e) => {\r\n return (\r\n e.empid.toString() === empid.toString() &&\r\n e.assessor.toString() === assessorid.toString()\r\n );\r\n\r\n });\r\n\r\n console.log('AnswersCurrent on handle change', temp)\r\n\r\n\r\n if (temp.length == 0) {\r\n console.log(' in length 0 ')\r\n let newModel = {\r\n empid: empid,\r\n assessor: assessorid,\r\n Point: event.target.value\r\n }\r\n let newFinishInclude = {\r\n EmpId: empid,\r\n Assessor: assessorid,\r\n Point: event.target.value\r\n }\r\n await setAnswersCurrent(\r\n (prevState) => (\r\n [...prevState, newModel]\r\n )\r\n )\r\n await setFinishAnswer(\r\n (prevState) => (\r\n [...prevState, newFinishInclude]\r\n )\r\n )\r\n } else {\r\n\r\n await testarrayDupFunction(\r\n empid\r\n );\r\n\r\n let newModel = {\r\n empid: empid,\r\n assessor: assessorid,\r\n Point: event.target.value\r\n }\r\n let newFinishInclude = {\r\n EmpId: empid,\r\n Assessor: assessorid,\r\n Point: event.target.value\r\n }\r\n await setAnswersCurrent(\r\n (prevState) => (\r\n [...prevState, newModel]\r\n )\r\n \r\n )\r\n await setFinishAnswer(\r\n (prevState) => (\r\n [...prevState, newFinishInclude]\r\n )\r\n )\r\n\r\n\r\n }\r\n\r\n console.log('after events and logic have been done ', AnswersCurrent)\r\n console.log('ssd done ', FinishAnswers)\r\n\r\n\r\n // this.AnsData.ansForm = this.testarrayDupFunction(\r\n // empid,\r\n // assessor\r\n // );\r\n\r\n // this.AnsData.ansForm.push({\r\n // empid: empid,\r\n // assessor: assessor,\r\n // Point: value\r\n // });\r\n // }\r\n\r\n // console.log('ansForm', this.AnsData.ansForm)\r\n\r\n\r\n // var five = this.AnsData.ansForm.filter(\r\n // (e) => (e.Point == 5)\r\n // );\r\n\r\n // var four = this.AnsData.ansForm.filter(\r\n // (e) => (e.Point == 4)\r\n // )\r\n // var three = this.AnsData.ansForm.filter(\r\n // (e) => (e.Point == 3)\r\n // )\r\n // var two = this.AnsData.ansForm.filter(\r\n // (e) => (e.Point == 2)\r\n // )\r\n // var one = this.AnsData.ansForm.filter(\r\n // (e) => (e.Point == 1)\r\n // )\r\n // console.log('ionsss')\r\n // this.setState({ five: five, four: four, three: three, two: two, one: one })\r\n //this.spinnerControl();\r\n\r\n // console.log('this.state.ansDefault in count', this.state.ansDefault)\r\n // console.log('five', this.state.five)\r\n // console.log('four', this.state.four.length)\r\n // console.log('three', this.state.three.length)\r\n // console.log('two', this.state.two.length)\r\n // console.log('one', this.state.one.length)\r\n\r\n };\r\n const RefreshDefault = async () => {\r\n console.log('ddddddddddddddddd')\r\n EmpList.forEach((data) => {\r\n getDefaultScore(data.EmpId)\r\n })\r\n }\r\n const getSearchResults = async (query) => {\r\n //this.spinnerControl();\r\n console.log('query', query)\r\n const allData = EmpListForSeacrh\r\n let dataToShow = [];\r\n if (query == null) {\r\n dataToShow = allData\r\n \r\n\r\n } else {\r\n allData.forEach((item) => {\r\n // // console.log(\"item\", item);\r\n const searchString = query;\r\n if (item.SectorId == searchString) {\r\n dataToShow.push(item);\r\n }\r\n });\r\n \r\n\r\n }\r\n\r\n // console.log('data to show: ', dataToShow);\r\n await setEmpList(\r\n dataToShow\r\n )\r\n await RefreshDefault()\r\n //this.spinnerControl();\r\n\r\n };\r\n const handleSectorChange = () => async (event) => {\r\n console.log('stepteptet handleSectorChange',)\r\n \r\n // tableDataTH.map((data,index)=>{\r\n // console.log('lodlsaolsdolaosdl',data.StepPoint)\r\n // })\r\n\r\n\r\n await getSearchResults(event);\r\n // getDefaultScore();\r\n //this.spinnerControl();\r\n\r\n // console.log(\"handlePositionChange\", value);\r\n // this.setState(\r\n // {\r\n // query: value,\r\n // },\r\n // () => {\r\n // if (this.state.query && this.state.query.length > 0) {\r\n // // console.log(\"this.state.query\", this.state.query);\r\n // this.getSearchResults(this.state.query);\r\n // } else {\r\n // this.setState({\r\n // EmpListDatasource: this.state.results,\r\n // });\r\n // }\r\n // }\r\n // );\r\n //this.spinnerControl();\r\n\r\n };\r\n\r\n const handleSaveDraft = () => {\r\n var empid;\r\n var assess;\r\n var point;\r\n console.log('in handlesavedraft', AnswersCurrent)\r\n // console.log(\"empid\", empid);\r\n // console.log(\"assess\", assess);\r\n // console.log(\"point\", point);\r\n\r\n // console.log(\"ansSaveData\", ansSaveData);\r\n\r\n fetch(process.env.REACT_APP_API_URL + \"/api/saveFormFirstLevel\", {\r\n method: \"post\",\r\n\r\n headers: {\r\n \"Content-Type\": \"application/json\",\r\n Accept: \"application/json\",\r\n },\r\n\r\n body: JSON.stringify({\r\n empid: localStorage.getItem('EmpId'),\r\n formid: \"2\",\r\n assessor: assessorid,\r\n buttonaction: \"1\",\r\n jsonans: AnswersCurrent,\r\n }),\r\n })\r\n .then((Response) => Response.json())\r\n .then((result) => {\r\n // console.log(\"save draft result: \" + JSON.stringify(result));\r\n if (result.status == \"404\") {\r\n console.log('result', result)\r\n // alert(\"บันทึกไม่สำเร็จ\");\r\n //RUN: ปรับการแจ้งเตือนให้เป็น pop up dialog 18/04/2021\r\n\r\n\r\n if (localStorage.getItem('Language') == 'TH') {\r\n dialog.WarningDialog('บันทึกร่างไม่สำเร็จ')\r\n } else {\r\n dialog.WarningDialog('Unable to Save Draft')\r\n }\r\n } else {\r\n\r\n if (localStorage.getItem('Language') == 'TH') {\r\n dialog.SuccessDialog('บันทึกร่างสำเร็จ', '/assessing-subordinate')\r\n localStorage.setItem('defaultActiveKey', 2)\r\n\r\n } else {\r\n dialog.SuccessDialog('Save Draft Success', '/assessing-subordinate')\r\n localStorage.setItem('defaultActiveKey', 2)\r\n }\r\n }\r\n\r\n\r\n });\r\n }\r\n\r\n\r\n // };\r\n const getDefaultScore = (empid) => {\r\n //this.spinnerControl();\r\n console.log(' in get default scores',FinishAnswers)\r\n var tempArray = [];\r\n tempArray = FinishAnswers.filter((e) => {\r\n return (\r\n e.EmpId == empid.toString() &&\r\n e.Assessor == assessorid.toString()\r\n );\r\n });\r\n // // console.log('empid temp: ', empid)\r\n // // console.log('assessor temp: ', assessor)\r\n // // console.log('ansDefault temp: ', this.state.ansDefault)\r\n // // console.log('getDefaultScore temp: ', tempArray)\r\n if (tempArray.length > 0) {\r\n //this.spinnerControl();\r\n console.log('ffff', typeof tempArray[0].Point)\r\n\r\n return parseInt(tempArray[0].Point);\r\n } else {\r\n //this.spinnerControl();\r\n\r\n return null;\r\n }\r\n\r\n\r\n }\r\n const columnsTH = [\r\n {\r\n title: 'รหัสบุคคลากร',\r\n dataIndex: 'EmpId',\r\n width: '0.1%',\r\n },\r\n {\r\n title: 'ชื่อ',\r\n dataIndex: 'FirstNameTH',\r\n width: '0.001%',\r\n },\r\n {\r\n title: 'นามสกุล',\r\n dataIndex: 'LastNameTH',\r\n width: '10%',\r\n\r\n },\r\n {\r\n title: 'ตำแหน่ง',\r\n dataIndex: 'PositionNameTH',\r\n width: '10%',\r\n },\r\n {\r\n title: 'สังกัด',\r\n dataIndex: 'SectorNameTH',\r\n width: '10%',\r\n },\r\n {\r\n title: 'คะแนนประเมินตนเอง',\r\n dataIndex: 'SumSelfEval',\r\n width: '10%',\r\n },\r\n {\r\n title: 'คะแนนหัวหน้าประเมิน',\r\n dataIndex: 'SumAssessorCalPoint',\r\n width: '10%',\r\n },\r\n {\r\n title: 'ระดับหัวหน้าประเมิน',\r\n dataIndex: 'StepPointAdmin',\r\n width: '10%',\r\n },\r\n {\r\n title: 'ระดับผลการปฎิบัติงาน',\r\n dataIndex: 'StepPoint',\r\n width: '10%',\r\n },\r\n ];\r\n\r\n let tableDataTH = [];\r\n {\r\n EmpList.map((data, index) => {\r\n tableDataTH.push(\r\n {\r\n key: index,\r\n EmpId: data.EmpId,\r\n FirstNameTH: data.FirstNameTH,\r\n LastNameTH: data.LastNameTH,\r\n PositionNameTH: data.PositionNameTH,\r\n SectorNameTH: data.SectorNameTH,\r\n SumSelfEval: data.SumSelfEval,\r\n SumAssessorCalPoint: data.SumAssessorCalPoint,\r\n StepPointAdmin: data.StepPointAdmin,\r\n StepPoint: (\r\n \r\n \r\n \r\n {/* เปิดในวันที่ 25/04/2022
*/}\r\n \r\n {\r\n // let pointtemp = null\r\n // if(dataFin.EmpId.toString() == data.EmpId.toString()){ \r\n // console.log('data dadada',dataFin.Point)\r\n // pointtemp = dataFin.Point\r\n // return {pointtemp}\r\n // }else{ \r\n // console.log('ddddd',dataFin.Point)\r\n // return {pointtemp}\r\n // }\r\n // })}\r\n\r\n value={getDefaultScore(data.EmpId)}\r\n \r\n // value={\r\n // FinishAnswers.map((dataFin,index)=>{\r\n // if(dataFin.EmpId.toString() == data.EmpId.toString()){ \r\n // console.log('data dadada',dataFin.Point)\r\n // return dataFin.Point\r\n // }\r\n // })}\r\n\r\n >\r\n 5 \r\n 4 \r\n 3 \r\n 2 \r\n 1 \r\n \r\n \r\n )\r\n })\r\n })\r\n\r\n\r\n }\r\n\r\n\r\n\r\n\r\n const con = () => {\r\n console.log(' in change style')\r\n return 'green'\r\n }\r\n useEffect(() => {\r\n init();\r\n }, []);\r\n\r\n const newPostFormTH = () => (\r\n \r\n
\r\n All \r\n {SectorList.map((position) => (\r\n {position.SectorNameTH} \r\n ))}\r\n \r\n \r\n\r\n \r\n บันทึกร่าง\r\n \r\n
\r\n\r\n \r\n\r\n \r\n this is new page\r\n {newPostFormTH()}\r\n
\r\n \r\n\r\n )\r\n}\r\nexport default SecondBoardsTabs\r\n","import React, { Component } from \"react\";\r\nimport {\r\n Row,\r\n Col,\r\n Table,\r\n Button,\r\n Radio,\r\n Tooltip,\r\n Input,\r\n Spin,\r\n PageHeader,\r\n Affix,\r\n} from \"antd\";\r\nimport Text from \"antd/lib/typography/Text\";\r\nimport Dialog from \"../shared/dialog\";\r\nimport ReactToPrint from \"react-to-print\";\r\nimport { jsPDF } from \"jspdf\";\r\nimport html2canvas from \"html2canvas\";\r\nimport \"../shared/css/table.css\";\r\n\r\nconst { TextArea } = Input;\r\n\r\nexport default class SubordinateReport extends Component {\r\n constructor(props) {\r\n super(props);\r\n console.log(\"props\", props);\r\n\r\n this.state = {\r\n // language: this.props.lang,\r\n language: localStorage.getItem(\"Language\"),\r\n tableData: [],\r\n Tooltip: [],\r\n //RUN: เพิ่ม Weight 14/04/2021\r\n weight: [],\r\n TooltipForEmp: [],\r\n record: [],\r\n };\r\n this.AnsData = {\r\n ansForm: [],\r\n ansFormArray: [],\r\n ansTotalClick: [],\r\n ansTotalClickTopic: [],\r\n ansTotalClickSubSubTopic: [],\r\n TotalCalculate: 0,\r\n ////////////////////////\r\n ansFormAssessor: [],\r\n ansFormAssessorArray: [],\r\n ansTotalAssessorClick: [],\r\n ansTotalAssessorClickTopic: [],\r\n ansTotalAssessorClickSubSubTopic: [],\r\n TotalAssessorCalculate: 0,\r\n };\r\n this.FromLocal = {\r\n PositionID: parseInt(this.props.location.state.record.PositionId),\r\n //RUN: เพิ่มตัวแปร PositionGroupID เพื่อเก็บค่าไว้ตรวจสอบการคำนวณ Weight คะแนน 14/04/2021\r\n PositionGroupID: this.props.location.state.record.GroupPostionId,\r\n field: parseInt(this.props.location.state.record.Field),\r\n };\r\n this.initArrays = {\r\n TopicsArr: [],\r\n SubTopicArr: [],\r\n SubSubTopicArr: [],\r\n //RUN: เพิ่ม ตัวแปร array เก็บค่า 14/04/2021\r\n UnderEmpAnsFormArr: [],\r\n PrimaryAnsFormArr: [],\r\n };\r\n this.dialog = new Dialog();\r\n\r\n console.log(\"props\", props);\r\n console.log(\"this.props.lang\", this.props.lang);\r\n }\r\n\r\n componentWillReceiveProps(nextProps) {\r\n console.log(\"nextProps\", nextProps);\r\n this.setState({ language: nextProps.lang });\r\n localStorage.setItem(\"Language\", nextProps.lang);\r\n }\r\n\r\n componentDidMount() {\r\n this.spinnerControl();\r\n\r\n fetch(process.env.REACT_APP_API_URL + \"/api/getCriteriaAndUserAnsPrimary\", {\r\n method: \"post\",\r\n headers: {\r\n \"Content-Type\": \"application/json\",\r\n Accept: \"application/json\",\r\n },\r\n body: JSON.stringify({\r\n empid: localStorage.getItem(\"EmpId\"),\r\n formtypeid: 2,\r\n empunderid: this.props.location.state.record.EmpId,\r\n empunderfield: this.props.location.state.record.Field,\r\n }),\r\n })\r\n .then((Response) => Response.json())\r\n .then((result) => {\r\n console.log(\"resultsssss\", result);\r\n result.forEach((e) => {\r\n this.initArrays.TopicsArr = e.Topics;\r\n this.initArrays.SubTopicArr = e.SubTopics;\r\n this.initArrays.PrimaryAnsFormArr = e.PrimaryAnsForm;\r\n this.initArrays.UnderEmpAnsFormArr = e.UnderEmpAnsForm;\r\n this.initArrays.SubSubTopicArr = e.SubSubTopics;\r\n });\r\n // console.log('this.initArrays.TopicsArr',this.initArrays.TopicsArr)\r\n // console.log('this.initArrays.SubTopicArr',this.initArrays.SubTopicArr)\r\n // console.log('this.initArrays.PrimaryAnsFormArr',this.initArrays.PrimaryAnsFormArr)\r\n // console.log('this.initArrays.UnderEmpAnsFormArr',this.initArrays.UnderEmpAnsFormArr)\r\n // console.log('this.initArrays.SubSubTopicArr',this.initArrays.SubSubTopicArr)\r\n if (this.initArrays.UnderEmpAnsFormArr.length > 0) {\r\n this.initArrays.UnderEmpAnsFormArr.forEach((e) => {\r\n this.AnsData.ansForm.push({\r\n TopicId: e.TopicId,\r\n SubTopicId: e.SubTopicId,\r\n SubSubTopicId: e.SubSubTopicId,\r\n Point: e.Point,\r\n Remark: e.Remark,\r\n CalPoint: e.CalPoint,\r\n isCompetency: e.isCompetency,\r\n });\r\n });\r\n }\r\n if (this.initArrays.PrimaryAnsFormArr.length > 0) {\r\n this.initArrays.PrimaryAnsFormArr.forEach((e) => {\r\n this.AnsData.ansFormAssessor.push({\r\n TopicId: e.TopicId,\r\n SubTopicId: e.SubTopicId,\r\n SubSubTopicId: e.SubSubTopicId,\r\n Point: e.Point,\r\n Remark: e.Remark,\r\n CalPoint: e.CalPoint,\r\n isCompetency: e.isCompetency,\r\n });\r\n });\r\n }\r\n //RUN: เพิ่ม Weight ให้ Topic\r\n var tempWeightTopic;\r\n this.initArrays.TopicsArr.forEach((e) => {\r\n if (this.FromLocal.PositionGroupID == \"E\") {\r\n console.log(\"positionID = E\");\r\n tempWeightTopic = e.WeightOfficer;\r\n } else if (this.FromLocal.PositionGroupID == \"C\") {\r\n tempWeightTopic = e.WeightLecturerOfficer;\r\n } else if (this.FromLocal.PositionGroupID == \"B\") {\r\n tempWeightTopic = e.WeightLecturer;\r\n } else if (\r\n this.FromLocal.PositionGroupID == \"A\" ||\r\n this.FromLocal.PositionGroupID == \"D\"\r\n ) {\r\n tempWeightTopic = e.WeightBoards;\r\n } else if (this.FromLocal.PositionGroupID == \"F\") {\r\n console.log(\"group = f\");\r\n if (this.FromLocal.field == 1) {\r\n console.log(\"field 1\");\r\n\r\n tempWeightTopic = e.WeightOfficer;\r\n } else {\r\n console.log(\"field 2\");\r\n\r\n tempWeightTopic = e.WeightLecturer;\r\n }\r\n }\r\n this.state.weight.push({\r\n ToppicId: e.ToppicId.toString(),\r\n SubToppicId: 0,\r\n SubSubToppicId: 0,\r\n WeightBoards: e.WeightBoards,\r\n WeightLecturer: e.WeightLecturer,\r\n WeightLecturerOfficer: e.WeightLecturerOfficer,\r\n WeightOfficer: e.WeightOfficer,\r\n WeightCriteria: tempWeightTopic,\r\n IsMainTopic: true,\r\n });\r\n });\r\n //#region RUN: Key ไว้ดูว่า ตำแหน่งไหนใช้ Weight ตัวไหน 14/04/2021\r\n //KEY / Legend\r\n // WeightApply | GroupPositionID\r\n // WeightBoards : A,D\r\n // WeightLecturer : B\r\n // WeightLecturerOfficer : C\r\n // WeightOfficer : E\r\n //#endregion\r\n\r\n //RUN: เพิ่ม การตรวจสอบ employee คนนี้มีตำแหน่งอะไรและเลือกใช้ Weightให้ ถูกต้อง\r\n var tempWeightApplySubTopic;\r\n\r\n console.log(\"GroupPositionID\", this.FromLocal.PositionGroupID);\r\n var nameWeightApply = \"\";\r\n if (this.FromLocal.PositionGroupID == \"E\") {\r\n nameWeightApply = \"WeightOfficer\";\r\n } else if (this.FromLocal.PositionGroupID == \"C\") {\r\n nameWeightApply = \"WeightLecturerOfficer\";\r\n } else if (this.FromLocal.PositionGroupID == \"B\") {\r\n nameWeightApply = \"WeightLecturer\";\r\n } else if (\r\n this.FromLocal.PositionGroupID == \"A\" ||\r\n this.FromLocal.PositionGroupID == \"D\"\r\n ) {\r\n nameWeightApply = \"WeightBoards\";\r\n } else if (this.FromLocal.PositionGroupID == \"F\") {\r\n if (this.FromLocal.field == 1) {\r\n nameWeightApply = \"WeightOfficer\";\r\n } else {\r\n nameWeightApply = \"WeightLecturer\";\r\n }\r\n }\r\n //RUN: ตัดข้อมูลที่ weight คะแนนเป็น 0 ออก\r\n this.initArrays.SubTopicArr = this.initArrays.SubTopicArr.filter(\r\n (e) => {\r\n return e[(\"\", nameWeightApply)] !== 0;\r\n }\r\n );\r\n //RUN: ตัดข้อมูลที่ weight คะแนนเป็น 0 ออก\r\n this.initArrays.SubSubTopicArr = this.initArrays.SubSubTopicArr.filter(\r\n (e) => {\r\n return e[(\"\", nameWeightApply)] !== 0;\r\n }\r\n );\r\n\r\n this.initArrays.SubTopicArr.forEach((e) => {\r\n //RUN: เพิ่มcondition ตรวจสอบว่าเป็นตำแหน่งใดและนำไปใช้ในตัวแปรtemp เพื่อส่งเข้า array\r\n if (this.FromLocal.PositionGroupID == \"E\") {\r\n tempWeightApplySubTopic = e.WeightOfficer;\r\n } else if (this.FromLocal.PositionGroupID == \"C\") {\r\n tempWeightApplySubTopic = e.WeightLecturerOfficer;\r\n } else if (this.FromLocal.PositionGroupID == \"B\") {\r\n tempWeightApplySubTopic = e.WeightLecturer;\r\n } else if (\r\n this.FromLocal.PositionGroupID == \"A\" ||\r\n this.FromLocal.PositionGroupID == \"D\"\r\n ) {\r\n tempWeightApplySubTopic = e.WeightBoards;\r\n } else if (this.FromLocal.PositionGroupID == \"F\") {\r\n if (this.FromLocal.field == 1) {\r\n tempWeightApplySubTopic = e.WeightOfficer;\r\n } else {\r\n tempWeightApplySubTopic = e.WeightLecturer;\r\n }\r\n }\r\n this.state.Tooltip.push({\r\n ToppicId: e.ToppicId,\r\n SubToppicId: e.SubToppicId,\r\n SubSubToppicId: 0,\r\n Tooltip1TH: e.Tooltip1TH,\r\n Tooltip1EN: e.Tooltip1EN,\r\n Tooltip2TH: e.Tooltip2TH,\r\n Tooltip2EN: e.Tooltip2EN,\r\n Tooltip3TH: e.Tooltip3TH,\r\n Tooltip3EN: e.Tooltip3EN,\r\n Tooltip4TH: e.Tooltip4TH,\r\n Tooltip4EN: e.Tooltip4EN,\r\n Tooltip5TH: e.Tooltip5TH,\r\n Tooltip5EN: e.Tooltip5EN,\r\n WeightBoards: e.WeightBoards,\r\n WeightLecturer: e.WeightLecturer,\r\n WeightLecturerOfficer: e.WeightLecturerOfficer,\r\n WeightOfficer: e.WeightOfficer,\r\n //RUN: WeightCriteria เพื่อนำไปใช้ในการวางคะแนนแบบ Global\r\n WeightCriteria: tempWeightApplySubTopic,\r\n showRemark: false,\r\n //RUN: เพิ่ม field isCompetency เพื่อใช้ตรวจสอบการ ว่าเป็นการประเมินด้าน สมรรณถนะ 18/04/2021\r\n isCompetency: e.isCompetency,\r\n Remarks: \"\",\r\n });\r\n this.state.TooltipForEmp.push({\r\n ToppicId: e.ToppicId,\r\n SubToppicId: e.SubToppicId,\r\n SubSubToppicId: 0,\r\n Tooltip1TH: e.Tooltip1TH,\r\n Tooltip1EN: e.Tooltip1EN,\r\n Tooltip2TH: e.Tooltip2TH,\r\n Tooltip2EN: e.Tooltip2EN,\r\n Tooltip3TH: e.Tooltip3TH,\r\n Tooltip3EN: e.Tooltip3EN,\r\n Tooltip4TH: e.Tooltip4TH,\r\n Tooltip4EN: e.Tooltip4EN,\r\n Tooltip5TH: e.Tooltip5TH,\r\n Tooltip5EN: e.Tooltip5EN,\r\n WeightBoards: e.WeightBoards,\r\n WeightLecturer: e.WeightLecturer,\r\n WeightLecturerOfficer: e.WeightLecturerOfficer,\r\n WeightOfficer: e.WeightOfficer,\r\n //RUN: WeightCriteria เพื่อนำไปใช้ในการวางคะแนนแบบ Global\r\n WeightCriteria: tempWeightApplySubTopic,\r\n showRemark: false,\r\n //RUN: เพิ่ม field isCompetency เพื่อใช้ตรวจสอบการ ว่าเป็นการประเมินด้าน สมรรณถนะ 18/04/2021\r\n isCompetency: e.isCompetency,\r\n Remarks: \"\",\r\n });\r\n });\r\n var tempWeightApplySubSubTopic;\r\n this.initArrays.SubSubTopicArr.forEach((e) => {\r\n //RUN: เพิ่มcondition ตรวจสอบว่าเป็นตำแหน่งใดและนำไปใช้ในตัวแปรtemp เพื่อส่งเข้า array\r\n if (this.FromLocal.PositionGroupID == \"E\") {\r\n tempWeightApplySubSubTopic = e.WeightOfficer;\r\n } else if (this.FromLocal.PositionGroupID == \"C\") {\r\n tempWeightApplySubSubTopic = e.WeightLecturerOfficer;\r\n } else if (this.FromLocal.PositionGroupID == \"B\") {\r\n tempWeightApplySubSubTopic = e.WeightLecturer;\r\n } else if (\r\n this.FromLocal.PositionGroupID == \"A\" ||\r\n this.FromLocal.PositionGroupID == \"D\"\r\n ) {\r\n tempWeightApplySubSubTopic = e.WeightBoards;\r\n } else if (this.FromLocal.PositionGroupID == \"F\") {\r\n if (this.FromLocal.field == 1) {\r\n tempWeightApplySubSubTopic = e.WeightOfficer;\r\n } else {\r\n tempWeightApplySubSubTopic = e.WeightLecturer;\r\n }\r\n }\r\n this.state.Tooltip.push({\r\n ToppicId: e.ToppicId,\r\n SubToppicId: e.SubToppicId,\r\n SubSubToppicId: e.SubSubToppicId,\r\n Tooltip1TH: e.Tooltip1TH,\r\n Tooltip1EN: e.Tooltip1EN,\r\n Tooltip2TH: e.Tooltip2TH,\r\n Tooltip2EN: e.Tooltip2EN,\r\n Tooltip3TH: e.Tooltip3TH,\r\n Tooltip3EN: e.Tooltip3EN,\r\n Tooltip4TH: e.Tooltip4TH,\r\n Tooltip4EN: e.Tooltip4EN,\r\n Tooltip5TH: e.Tooltip5TH,\r\n Tooltip5EN: e.Tooltip5EN,\r\n WeightBoards: e.WeightBoards,\r\n WeightLecturer: e.WeightLecturer,\r\n WeightLecturerOfficer: e.WeightLecturerOfficer,\r\n WeightOfficer: e.WeightOfficer,\r\n //RUN: WeightCriteria เพื่อนำไปใช้ในการวางคะแนนแบบ Global\r\n WeightCriteria: tempWeightApplySubSubTopic,\r\n showRemark: false,\r\n //RUN: เพิ่ม field isCompetency เพื่อใช้ตรวจสอบการ ว่าเป็นการประเมินด้าน สมรรณถนะ 18/04/2021\r\n isCompetency: e.isCompetency,\r\n Remarks: \"\",\r\n });\r\n this.state.TooltipForEmp.push({\r\n ToppicId: e.ToppicId,\r\n SubToppicId: e.SubToppicId,\r\n SubSubToppicId: e.SubSubToppicId,\r\n Tooltip1TH: e.Tooltip1TH,\r\n Tooltip1EN: e.Tooltip1EN,\r\n Tooltip2TH: e.Tooltip2TH,\r\n Tooltip2EN: e.Tooltip2EN,\r\n Tooltip3TH: e.Tooltip3TH,\r\n Tooltip3EN: e.Tooltip3EN,\r\n Tooltip4TH: e.Tooltip4TH,\r\n Tooltip4EN: e.Tooltip4EN,\r\n Tooltip5TH: e.Tooltip5TH,\r\n Tooltip5EN: e.Tooltip5EN,\r\n WeightBoards: e.WeightBoards,\r\n WeightLecturer: e.WeightLecturer,\r\n WeightLecturerOfficer: e.WeightLecturerOfficer,\r\n WeightOfficer: e.WeightOfficer,\r\n //RUN: WeightCriteria เพื่อนำไปใช้ในการวางคะแนนแบบ Global\r\n WeightCriteria: tempWeightApplySubSubTopic,\r\n showRemark: false,\r\n //RUN: เพิ่ม field isCompetency เพื่อใช้ตรวจสอบการ ว่าเป็นการประเมินด้าน สมรรณถนะ 18/04/2021\r\n isCompetency: e.isCompetency,\r\n Remarks: \"\",\r\n });\r\n });\r\n this.AnsData.ansForm.forEach((e1) => {\r\n this.state.TooltipForEmp.forEach((e2) => {\r\n if (\r\n e1.TopicId == e2.ToppicId &&\r\n e1.SubTopicId == e2.SubToppicId &&\r\n e1.SubSubTopicId == e2.SubSubToppicId\r\n ) {\r\n // console.log('eeeeeeeeeeeee',e2)\r\n // console.log('ewwwwwwwwwwwwwww',e1)\r\n\r\n e2.Remarks = e1.Remark;\r\n if (this.FromLocal.PositionID !== 19) {\r\n if (e2.isCompetency == 0 && e1.Point !== 3) {\r\n e2.showRemark = true;\r\n } else if (\r\n e2.isCompetency == 1 &&\r\n this.FromLocal.PositionID > 6 &&\r\n this.FromLocal.PositionID !== 4 &&\r\n e1.Point !== 3\r\n ) {\r\n e2.showRemark = true;\r\n } else if (\r\n e2.isCompetency == 1 &&\r\n this.FromLocal.PositionID <= 6 &&\r\n this.FromLocal.PositionID !== 4 &&\r\n e1.Point !== 4\r\n ) {\r\n e2.showRemark = true;\r\n } else if (\r\n e2.isCompetency == 1 &&\r\n this.FromLocal.PositionID == 4 &&\r\n e1.Point !== 3\r\n ) {\r\n e2.showRemark = true;\r\n }\r\n //RUN เพิ่ม condition การ default value\r\n } else {\r\n if (e2.isCompetency == 0 && e1.Point !== 3) {\r\n e2.showRemark = true;\r\n } else if (\r\n e2.isCompetency == 1 &&\r\n e1.Point !== 4 &&\r\n e1.SubSubTopicId.toString() == \"2\"\r\n ) {\r\n e2.showRemark = true;\r\n } else if (\r\n e2.isCompetency == 1 &&\r\n e1.Point !== 3 &&\r\n e1.SubSubTopicId.toString() !== \"2\"\r\n ) {\r\n e2.showRemark = true;\r\n }\r\n }\r\n }\r\n });\r\n });\r\n\r\n //RUN ตัวนี้จำเป็นสำหรับการ Check ค่า Remark ถ้ามีให้แสดงด้วยแต่ถ้าเป็น default ต้องให้ไม่แสดง 16/04/2021\r\n this.AnsData.ansFormAssessor.forEach((e1) => {\r\n this.state.Tooltip.forEach((e2) => {\r\n if (\r\n e1.TopicId == e2.ToppicId &&\r\n e1.SubTopicId == e2.SubToppicId &&\r\n e1.SubSubTopicId == e2.SubSubToppicId\r\n ) {\r\n // console.log('eeeeeeeeeeeee',e2)\r\n // console.log('ewwwwwwwwwwwwwww',e1)\r\n\r\n e2.Remarks = e1.Remark;\r\n if (this.FromLocal.PositionID !== 19) {\r\n if (e2.isCompetency == 0 && e1.Point !== 3) {\r\n e2.showRemark = true;\r\n } else if (\r\n e2.isCompetency == 1 &&\r\n this.FromLocal.PositionID > 6 &&\r\n this.FromLocal.PositionID !== 4 &&\r\n e1.Point !== 3\r\n ) {\r\n e2.showRemark = true;\r\n } else if (\r\n e2.isCompetency == 1 &&\r\n this.FromLocal.PositionID <= 6 &&\r\n this.FromLocal.PositionID !== 4 &&\r\n e1.Point !== 4\r\n ) {\r\n e2.showRemark = true;\r\n }\r\n //RUN เพิ่ม condition การ default value\r\n } else {\r\n if (e2.isCompetency == 0 && e1.Point !== 3) {\r\n e2.showRemark = true;\r\n } else if (\r\n e2.isCompetency == 1 &&\r\n e1.Point !== 4 &&\r\n e1.SubSubTopicId.toString() == \"2\"\r\n ) {\r\n e2.showRemark = true;\r\n } else if (\r\n e2.isCompetency == 1 &&\r\n e1.Point !== 3 &&\r\n e1.SubSubTopicId.toString() !== \"2\"\r\n ) {\r\n e2.showRemark = true;\r\n }\r\n }\r\n }\r\n });\r\n });\r\n this.setState({\r\n Tooltip: this.state.Tooltip,\r\n TooltipForEmp: this.state.TooltipForEmp,\r\n });\r\n this.AnsData.ansForm.forEach((e) => {\r\n this.AnsData.ansTotalClick.push({\r\n TopicId: e.TopicId,\r\n SubTopicId: e.SubTopicId,\r\n SubSubTopicId: e.SubSubTopicId,\r\n Point: e.Point,\r\n Remark: e.Remark,\r\n CalPoint: e.CalPoint,\r\n });\r\n });\r\n var temp = [];\r\n var temp2 = [];\r\n this.AnsData.ansTotalClick.forEach((e) => {\r\n if (this.AnsData.ansTotalClickTopic.length == 0) {\r\n this.AnsData.ansTotalClickTopic.push({\r\n TopicId: e.TopicId,\r\n CalPoint: e.CalPoint,\r\n });\r\n } else {\r\n temp = this.AnsData.ansTotalClickTopic.filter((e2) => {\r\n return e2.TopicId == e.TopicId;\r\n });\r\n if (temp.length == 0) {\r\n this.AnsData.ansTotalClickTopic.push({\r\n TopicId: e.TopicId,\r\n CalPoint: e.CalPoint,\r\n });\r\n } else {\r\n this.AnsData.ansTotalClickTopic.forEach((e3) => {\r\n if (e3.TopicId == e.TopicId) {\r\n e3.CalPoint = e3.CalPoint + e.CalPoint;\r\n }\r\n });\r\n }\r\n }\r\n });\r\n this.AnsData.ansTotalClick.forEach((e) => {\r\n if (e.SubSubTopicId > 0) {\r\n if (this.AnsData.ansTotalClickSubSubTopic.length == 0) {\r\n this.AnsData.ansTotalClickSubSubTopic.push({\r\n TopicId: e.TopicId,\r\n SubTopicId: e.SubTopicId,\r\n SubSubTopicId: e.SubSubTopicId,\r\n CalPoint: e.CalPoint,\r\n });\r\n } else {\r\n temp = this.AnsData.ansTotalClickSubSubTopic.filter((e2) => {\r\n return e2.TopicId == e.TopicId && e2.SubTopicId == e.SubTopicId;\r\n });\r\n if (temp.length == 0) {\r\n this.AnsData.ansTotalClickSubSubTopic.push({\r\n TopicId: e.TopicId,\r\n SubTopicId: e.SubTopicId,\r\n SubSubTopicId: e.SubSubTopicId,\r\n CalPoint: e.CalPoint,\r\n });\r\n } else {\r\n this.AnsData.ansTotalClickSubSubTopic.forEach((e3) => {\r\n if (\r\n e3.TopicId == e.TopicId &&\r\n e3.SubTopicId == e.SubTopicId\r\n ) {\r\n e3.CalPoint = e3.CalPoint + e.CalPoint;\r\n }\r\n });\r\n }\r\n }\r\n }\r\n });\r\n var total = 0;\r\n this.AnsData.ansTotalClickTopic.forEach((e) => {\r\n total = total + e.CalPoint;\r\n });\r\n\r\n this.AnsData.TotalCalculate = total;\r\n ////////////////////////////////////////////////////////////////////////\r\n\r\n this.AnsData.ansFormAssessor.forEach((e) => {\r\n this.AnsData.ansTotalAssessorClick.push({\r\n TopicId: e.TopicId,\r\n SubTopicId: e.SubTopicId,\r\n SubSubTopicId: e.SubSubTopicId,\r\n Point: e.Point,\r\n Remark: e.Remark,\r\n CalPoint: e.CalPoint,\r\n });\r\n });\r\n var temp1 = [];\r\n var temp2 = [];\r\n this.AnsData.ansTotalAssessorClick.forEach((e) => {\r\n if (this.AnsData.ansTotalAssessorClickTopic.length == 0) {\r\n this.AnsData.ansTotalAssessorClickTopic.push({\r\n TopicId: e.TopicId,\r\n CalPoint: e.CalPoint,\r\n });\r\n } else {\r\n temp1 = this.AnsData.ansTotalAssessorClickTopic.filter((e2) => {\r\n return e2.TopicId == e.TopicId;\r\n });\r\n if (temp1.length == 0) {\r\n this.AnsData.ansTotalAssessorClickTopic.push({\r\n TopicId: e.TopicId,\r\n CalPoint: e.CalPoint,\r\n });\r\n } else {\r\n this.AnsData.ansTotalAssessorClickTopic.forEach((e3) => {\r\n if (e3.TopicId == e.TopicId) {\r\n e3.CalPoint = e3.CalPoint + e.CalPoint;\r\n }\r\n });\r\n }\r\n }\r\n });\r\n this.AnsData.ansTotalAssessorClick.forEach((e) => {\r\n if (e.SubSubTopicId > 0) {\r\n if (this.AnsData.ansTotalAssessorClickSubSubTopic.length == 0) {\r\n this.AnsData.ansTotalAssessorClickSubSubTopic.push({\r\n TopicId: e.TopicId,\r\n SubTopicId: e.SubTopicId,\r\n SubSubTopicId: e.SubSubTopicId,\r\n CalPoint: e.CalPoint,\r\n });\r\n } else {\r\n temp1 = this.AnsData.ansTotalAssessorClickSubSubTopic.filter(\r\n (e2) => {\r\n return (\r\n e2.TopicId == e.TopicId && e2.SubTopicId == e.SubTopicId\r\n );\r\n }\r\n );\r\n if (temp1.length == 0) {\r\n this.AnsData.ansTotalAssessorClickSubSubTopic.push({\r\n TopicId: e.TopicId,\r\n SubTopicId: e.SubTopicId,\r\n SubSubTopicId: e.SubSubTopicId,\r\n CalPoint: e.CalPoint,\r\n });\r\n } else {\r\n this.AnsData.ansTotalAssessorClickSubSubTopic.forEach((e3) => {\r\n if (\r\n e3.TopicId == e.TopicId &&\r\n e3.SubTopicId == e.SubTopicId\r\n ) {\r\n e3.CalPoint = e3.CalPoint + e.CalPoint;\r\n }\r\n });\r\n }\r\n }\r\n }\r\n });\r\n var total1 = 0;\r\n this.AnsData.ansTotalAssessorClickTopic.forEach((e) => {\r\n total1 = total1 + e.CalPoint;\r\n });\r\n\r\n this.AnsData.TotalAssessorCalculate = total1;\r\n\r\n console.log(\"this.state.tooltipforemp\", this.state.TooltipForEmp);\r\n\r\n console.log(\"this.state.Toolstip.\", this.state.Tooltip);\r\n this.setState({ tableData: result });\r\n this.spinnerControl();\r\n });\r\n }\r\n\r\n spinnerControl() {\r\n this.setState({ spinner: !this.state.spinner });\r\n }\r\n\r\n testarrayDupFunction(ToppicId, SubToppicId, SubSubToppicId) {\r\n // console.log(\"testarrayDupFunction\");\r\n var tempDup = [];\r\n //RUN: ยัดใส่เป็น ToString ให้หมดเนื่องจากส่งไปsave กับ ส่งคืนมา มีค่าdatatype อิอัยยยยยยยยยย 16/04/2021\r\n var tempToppicId = ToppicId.toString();\r\n var tempSubToppicId = SubToppicId.toString();\r\n var tempSubSubToppicId = SubSubToppicId.toString();\r\n tempDup = this.AnsData.ansFormAssessor.filter((e) => {\r\n return (\r\n e.TopicId.toString() !== tempToppicId ||\r\n e.SubTopicId.toString() !== tempSubToppicId ||\r\n e.SubSubTopicId.toString() !== tempSubSubToppicId\r\n );\r\n });\r\n console.log(\"tempDup\", tempDup);\r\n return tempDup;\r\n }\r\n\r\n handleChange = (\r\n ToppicId,\r\n SubToppicId,\r\n SubSubToppicId,\r\n value,\r\n indexfromRen,\r\n parentIndex,\r\n // RUN: เพิ่ม isCompetency เพื่อทำการ ตรวจสอบ comtency 14/04/2021\r\n isCompetency,\r\n // RUN: เพิ่ม WeightCriteria เพื่อทำการ คำนวน Score 14/04/2021\r\n WeightCriteria\r\n ) => {\r\n console.log(\"inchangeeeeeeeeeeee\");\r\n\r\n var temp = [];\r\n var tempcalPoint = 0;\r\n temp = this.AnsData.ansFormAssessor.filter((e) => {\r\n return (\r\n e.TopicId == ToppicId &&\r\n e.SubTopicId == SubToppicId &&\r\n e.SubSubTopicId == SubSubToppicId\r\n );\r\n });\r\n\r\n //RUN : Flow การคิดคะแนน ใหม่สำหรับ เชิง สมรรถนะ 24/04/2021\r\n if (isCompetency == 1) {\r\n if (\r\n this.FromLocal.PositionID > 6 &&\r\n this.FromLocal.PositionID !== 4 &&\r\n value >= \"3\"\r\n ) {\r\n console.log(\"incondition 1 \");\r\n tempcalPoint = (parseFloat(WeightCriteria) / 5) * parseFloat(5);\r\n } else if (\r\n this.FromLocal.PositionID <= 6 &&\r\n this.FromLocal.PositionID !== 4 &&\r\n value >= \"4\"\r\n ) {\r\n console.log(\"incondition 2 \");\r\n\r\n tempcalPoint = (parseFloat(WeightCriteria) / 5) * parseFloat(5);\r\n } else if (\r\n this.FromLocal.PositionID > 6 &&\r\n this.FromLocal.PositionID !== 4 &&\r\n value < \"3\"\r\n ) {\r\n console.log(\"incondition 3 \");\r\n\r\n tempcalPoint = (parseFloat(WeightCriteria) / 3) * parseFloat(value);\r\n } else if (\r\n this.FromLocal.PositionID <= 6 &&\r\n this.FromLocal.PositionID !== 4 &&\r\n value < \"4\"\r\n ) {\r\n tempcalPoint = (parseFloat(WeightCriteria) / 4) * parseFloat(value);\r\n } else if (this.FromLocal.PositionID == 4 && value < \"3\") {\r\n tempcalPoint = (parseFloat(WeightCriteria) / 3) * parseFloat(value);\r\n } else if (this.FromLocal.PositionID == 4 && value >= \"3\") {\r\n tempcalPoint = (parseFloat(WeightCriteria) / 5) * parseFloat(5);\r\n }\r\n } else {\r\n }\r\n //RUN : Flow การคิดคะแนน ใหม่สำหรับ เชิง สมรรถนะ 24/04/2021\r\n if (isCompetency == 0) {\r\n console.log(\"incondition 4 \");\r\n\r\n tempcalPoint = (parseFloat(WeightCriteria) / 5) * parseFloat(value);\r\n }\r\n //RUN: condition สำหรับ ฝ่าย ศาสนกิจ\r\n if (this.FromLocal.PositionID == 19 && SubSubToppicId.toString() == \"2\") {\r\n console.log(\"incondition 5\");\r\n\r\n if (value >= \"4\") {\r\n tempcalPoint = (parseFloat(WeightCriteria) / 5) * parseFloat(5);\r\n } else {\r\n tempcalPoint = (parseFloat(WeightCriteria) / 4) * parseFloat(value);\r\n }\r\n }\r\n\r\n console.log(\"tempcalPoint\", tempcalPoint);\r\n if (temp.length == 0) {\r\n this.AnsData.ansFormAssessor.push({\r\n TopicId: ToppicId,\r\n SubTopicId: SubToppicId,\r\n SubSubTopicId: SubSubToppicId,\r\n Point: value, //ดึงคะแนนของหัวข้อมา\r\n Remark: \"\", //ดึงเหตุผลของหัวข้อมา\r\n // RUN: เพิ่ม WeightCriteria เพื่อทำการ คำนวน Score 14/04/2021\r\n CalPoint: tempcalPoint,\r\n isCompetency: isCompetency,\r\n });\r\n } else {\r\n this.AnsData.ansFormAssessor = this.testarrayDupFunction(\r\n ToppicId,\r\n SubToppicId,\r\n SubSubToppicId\r\n );\r\n\r\n this.AnsData.ansFormAssessor.push({\r\n TopicId: ToppicId,\r\n SubTopicId: SubToppicId,\r\n SubSubTopicId: SubSubToppicId,\r\n Point: value, //ดึงคะแนนของหัวข้อมา\r\n Remark: \"\", //ดึงเหตุผลของหัวข้อมา\r\n // RUN: เพิ่ม WeightCriteria เพื่อทำการ คำนวน Score 14/04/2021\r\n CalPoint: tempcalPoint,\r\n isCompetency: isCompetency,\r\n });\r\n }\r\n //RUN: เพิ่ม Condition การตรวจสอบ PositionID ให้เปิด/ปิด Remark ถูกต้อง 14/04/2021\r\n if (isCompetency == 1) {\r\n if (\r\n this.FromLocal.PositionID > 6 &&\r\n this.FromLocal.PositionID !== 4 &&\r\n value !== \"3\"\r\n ) {\r\n // Run: setState ให้ render ใหม่ได้ถูกต้อง 08/04/2021\r\n console.log(\"in if\");\r\n this.setState((prevState) => ({\r\n Tooltip: prevState.Tooltip.map((showRemark, index) => {\r\n if (\r\n showRemark.SubToppicId == SubToppicId &&\r\n showRemark.SubSubToppicId == SubSubToppicId &&\r\n showRemark.ToppicId == ToppicId\r\n ) {\r\n return {\r\n ...showRemark,\r\n showRemark: true,\r\n Remarks: \"\",\r\n };\r\n } else {\r\n return {\r\n ...showRemark,\r\n };\r\n }\r\n }),\r\n }));\r\n this.AnsData.ansFormAssessor.forEach((e) => {\r\n if (\r\n e.TopicId == ToppicId &&\r\n e.SubTopicId == SubToppicId &&\r\n e.SubSubTopicId == SubSubToppicId\r\n ) {\r\n e.Remark = \"\";\r\n }\r\n });\r\n } //RUN: เพิ่ม Condition else if การตรวจสอบ PositionID ให้เปิด/ปิด Remark ถูกต้อง 14/04/2021\r\n else if (\r\n //RUN: แก้ condition 22/04/2021\r\n this.FromLocal.PositionID <= 6 &&\r\n this.FromLocal.PositionID !== 4 &&\r\n value !== \"4\"\r\n ) {\r\n console.log(\"in else if\");\r\n this.setState((prevState) => ({\r\n Tooltip: prevState.Tooltip.map((showRemark, index) => {\r\n if (\r\n showRemark.SubToppicId == SubToppicId &&\r\n showRemark.SubSubToppicId == SubSubToppicId &&\r\n showRemark.ToppicId == ToppicId\r\n ) {\r\n return {\r\n ...showRemark,\r\n showRemark: true,\r\n Remarks: \"\",\r\n };\r\n } else {\r\n return {\r\n ...showRemark,\r\n };\r\n }\r\n }),\r\n }));\r\n this.AnsData.ansFormAssessor.forEach((e) => {\r\n if (\r\n e.TopicId == ToppicId &&\r\n e.SubTopicId == SubToppicId &&\r\n e.SubSubTopicId == SubSubToppicId\r\n ) {\r\n e.Remark = \"\";\r\n }\r\n });\r\n } else if (this.FromLocal.PositionID == \"4\" && value !== \"3\") {\r\n this.setState((prevState) => ({\r\n Tooltip: prevState.Tooltip.map((showRemark, index) => {\r\n if (\r\n showRemark.SubToppicId == SubToppicId &&\r\n showRemark.SubSubToppicId == SubSubToppicId &&\r\n showRemark.ToppicId == ToppicId\r\n ) {\r\n return {\r\n ...showRemark,\r\n showRemark: true,\r\n Remarks: \"\",\r\n };\r\n } else {\r\n return {\r\n ...showRemark,\r\n };\r\n }\r\n }),\r\n }));\r\n this.AnsData.ansForm.forEach((e) => {\r\n if (\r\n e.TopicId == ToppicId &&\r\n e.SubTopicId == SubToppicId &&\r\n e.SubSubTopicId == SubSubToppicId\r\n ) {\r\n e.Remark = \"\";\r\n }\r\n });\r\n } else {\r\n console.log(\"in else \");\r\n this.setState((prevState) => ({\r\n Tooltip: prevState.Tooltip.map((showRemark, index) => {\r\n if (\r\n showRemark.SubToppicId == SubToppicId &&\r\n showRemark.SubSubToppicId == SubSubToppicId &&\r\n showRemark.ToppicId == ToppicId\r\n ) {\r\n return {\r\n ...showRemark,\r\n showRemark: false,\r\n Remarks: \"\",\r\n };\r\n } else {\r\n return {\r\n ...showRemark,\r\n };\r\n }\r\n }),\r\n }));\r\n }\r\n } else {\r\n if (value !== \"3\") {\r\n // Run: setState ให้ render ใหม่ได้ถูกต้อง 08/04/2021\r\n console.log(\"in if\");\r\n this.setState((prevState) => ({\r\n Tooltip: prevState.Tooltip.map((showRemark, index) => {\r\n if (\r\n showRemark.SubToppicId == SubToppicId &&\r\n showRemark.SubSubToppicId == SubSubToppicId &&\r\n showRemark.ToppicId == ToppicId\r\n ) {\r\n return {\r\n ...showRemark,\r\n showRemark: true,\r\n Remarks: \"\",\r\n };\r\n } else {\r\n return {\r\n ...showRemark,\r\n };\r\n }\r\n }),\r\n }));\r\n this.AnsData.ansFormAssessor.forEach((e) => {\r\n if (\r\n e.TopicId == ToppicId &&\r\n e.SubTopicId == SubToppicId &&\r\n e.SubSubTopicId == SubSubToppicId\r\n ) {\r\n e.Remark = \"\";\r\n }\r\n });\r\n } //RUN: เพิ่ม Condition else if การตรวจสอบ PositionID ให้เปิด/ปิด Remark ถูกต้อง 14/04/2021\r\n else {\r\n console.log(\"in else \");\r\n this.setState((prevState) => ({\r\n Tooltip: prevState.Tooltip.map((showRemark, index) => {\r\n if (\r\n showRemark.SubToppicId == SubToppicId &&\r\n showRemark.SubSubToppicId == SubSubToppicId &&\r\n showRemark.ToppicId == ToppicId\r\n ) {\r\n return {\r\n ...showRemark,\r\n showRemark: false,\r\n Remarks: \"\",\r\n };\r\n } else {\r\n return {\r\n ...showRemark,\r\n };\r\n }\r\n }),\r\n }));\r\n }\r\n }\r\n\r\n if (isCompetency == 1) {\r\n console.log(\"in 1 \");\r\n if (\r\n this.FromLocal.PositionID == \"19\" &&\r\n SubSubToppicId.toString() == \"2\" &&\r\n value == \"4\"\r\n ) {\r\n console.log(\"in 2 \");\r\n\r\n // Run: setState ให้ render ใหม่ได้ถูกต้อง 08/04/2021\r\n this.setState((prevState) => ({\r\n Tooltip: prevState.Tooltip.map((showRemark, index) => {\r\n if (\r\n showRemark.SubToppicId == SubToppicId &&\r\n showRemark.SubSubToppicId == SubSubToppicId &&\r\n showRemark.ToppicId == ToppicId\r\n ) {\r\n return {\r\n ...showRemark,\r\n showRemark: false,\r\n Remarks: \"\",\r\n };\r\n } else {\r\n return {\r\n ...showRemark,\r\n };\r\n }\r\n }),\r\n }));\r\n this.AnsData.ansFormAssessor.forEach((e) => {\r\n if (\r\n e.TopicId == ToppicId &&\r\n e.SubTopicId == SubToppicId &&\r\n e.SubSubTopicId == SubSubToppicId\r\n ) {\r\n e.Remark = \"\";\r\n }\r\n });\r\n } //RUN: เพิ่ม Condition else if การตรวจสอบ PositionID ให้เปิด/ปิด Remark ถูกต้อง 14/04/2021\r\n else if (\r\n //RUN: แก้ condition 22/04/2021\r\n this.FromLocal.PositionID == \"19\" &&\r\n SubSubToppicId.toString() == \"2\" &&\r\n value == \"3\"\r\n ) {\r\n console.log(\"in 3 \");\r\n\r\n this.setState((prevState) => ({\r\n Tooltip: prevState.Tooltip.map((showRemark, index) => {\r\n if (\r\n showRemark.SubToppicId == SubToppicId &&\r\n showRemark.SubSubToppicId == SubSubToppicId &&\r\n showRemark.ToppicId == ToppicId\r\n ) {\r\n return {\r\n ...showRemark,\r\n showRemark: true,\r\n Remarks: \"\",\r\n };\r\n } else {\r\n return {\r\n ...showRemark,\r\n };\r\n }\r\n }),\r\n }));\r\n this.AnsData.ansFormAssessor.forEach((e) => {\r\n if (\r\n e.TopicId == ToppicId &&\r\n e.SubTopicId == SubToppicId &&\r\n e.SubSubTopicId == SubSubToppicId\r\n ) {\r\n e.Remark = \"\";\r\n }\r\n });\r\n }\r\n }\r\n console.log(\r\n \"this.loaslcosssssssssssssssssssssssssssss\",\r\n this.AnsData.ansFormAssessor\r\n );\r\n this.TotalClickAssessorPointTopicFunction(\r\n ToppicId,\r\n SubToppicId,\r\n SubSubToppicId\r\n );\r\n };\r\n\r\n TotalClickPointTopicFunction(TopicId, SubTopicId, SubSubTopicId) {\r\n var tempArray = [];\r\n this.AnsData.ansForm.forEach((e) => {\r\n tempArray.push({\r\n TopicId: e.TopicId,\r\n SubTopicId: e.SubTopicId,\r\n SubSubTopicId: e.SubSubTopicId,\r\n Point: e.Point,\r\n Remark: e.Remark,\r\n CalPoint: e.CalPoint,\r\n isCompetency: e.isCompetency,\r\n });\r\n });\r\n var temp = [];\r\n var temp2 = [];\r\n tempArray.forEach((e) => {\r\n if (temp2.length == 0) {\r\n temp2.push({\r\n TopicId: e.TopicId,\r\n CalPoint: e.CalPoint,\r\n });\r\n } else {\r\n temp = temp2.filter((e2) => {\r\n return e2.TopicId == e.TopicId;\r\n });\r\n if (temp.length == 0) {\r\n temp2.push({\r\n TopicId: e.TopicId,\r\n CalPoint: e.CalPoint,\r\n });\r\n } else {\r\n temp2.forEach((e3) => {\r\n if (e3.TopicId == e.TopicId) {\r\n e3.CalPoint = e3.CalPoint + e.CalPoint;\r\n }\r\n });\r\n }\r\n }\r\n });\r\n this.AnsData.ansTotalClickTopic = temp2;\r\n\r\n var temp3 = [];\r\n var temp4 = [];\r\n tempArray.forEach((e) => {\r\n if (e.SubSubTopicId > 0) {\r\n if (temp3.length == 0) {\r\n temp3.push({\r\n TopicId: e.TopicId,\r\n SubTopicId: e.SubTopicId,\r\n SubSubTopicId: e.SubSubTopicId,\r\n CalPoint: e.CalPoint,\r\n });\r\n } else {\r\n temp4 = temp3.filter((e2) => {\r\n return e2.TopicId == e.TopicId && e2.SubTopicId == e.SubTopicId;\r\n });\r\n if (temp4.length == 0) {\r\n temp3.push({\r\n TopicId: e.TopicId,\r\n SubTopicId: e.SubTopicId,\r\n SubSubTopicId: e.SubSubTopicId,\r\n CalPoint: e.CalPoint,\r\n });\r\n } else {\r\n temp3.forEach((e3) => {\r\n if (e3.TopicId == e.TopicId && e3.SubTopicId == e.SubTopicId) {\r\n e3.CalPoint = e3.CalPoint + e.CalPoint;\r\n }\r\n });\r\n }\r\n }\r\n }\r\n });\r\n this.AnsData.ansTotalClickSubSubTopic = temp3;\r\n var total = 0;\r\n this.AnsData.ansTotalClickTopic.forEach((e) => {\r\n total = total + e.CalPoint;\r\n });\r\n\r\n this.AnsData.TotalCalculate = total;\r\n }\r\n\r\n TotalClickAssessorPointTopicFunction(TopicId, SubTopicId, SubSubTopicId) {\r\n var tempArray = [];\r\n this.AnsData.ansFormAssessor.forEach((e) => {\r\n tempArray.push({\r\n TopicId: e.TopicId,\r\n SubTopicId: e.SubTopicId,\r\n SubSubTopicId: e.SubSubTopicId,\r\n Point: e.Point,\r\n Remark: e.Remark,\r\n CalPoint: e.CalPoint,\r\n isCompetency: e.isCompetency,\r\n });\r\n });\r\n var temp = [];\r\n var temp2 = [];\r\n tempArray.forEach((e) => {\r\n if (temp2.length == 0) {\r\n temp2.push({\r\n TopicId: e.TopicId,\r\n CalPoint: e.CalPoint,\r\n });\r\n } else {\r\n temp = temp2.filter((e2) => {\r\n return e2.TopicId == e.TopicId;\r\n });\r\n if (temp.length == 0) {\r\n temp2.push({\r\n TopicId: e.TopicId,\r\n CalPoint: e.CalPoint,\r\n });\r\n } else {\r\n temp2.forEach((e3) => {\r\n if (e3.TopicId == e.TopicId) {\r\n e3.CalPoint = e3.CalPoint + e.CalPoint;\r\n }\r\n });\r\n }\r\n }\r\n });\r\n this.AnsData.ansTotalAssessorClickTopic = temp2;\r\n\r\n var temp3 = [];\r\n var temp4 = [];\r\n tempArray.forEach((e) => {\r\n if (e.SubSubTopicId > 0) {\r\n if (temp3.length == 0) {\r\n temp3.push({\r\n TopicId: e.TopicId,\r\n SubTopicId: e.SubTopicId,\r\n SubSubTopicId: e.SubSubTopicId,\r\n CalPoint: e.CalPoint,\r\n });\r\n } else {\r\n temp4 = temp3.filter((e2) => {\r\n return e2.TopicId == e.TopicId && e2.SubTopicId == e.SubTopicId;\r\n });\r\n if (temp4.length == 0) {\r\n temp3.push({\r\n TopicId: e.TopicId,\r\n SubTopicId: e.SubTopicId,\r\n SubSubTopicId: e.SubSubTopicId,\r\n CalPoint: e.CalPoint,\r\n });\r\n } else {\r\n temp3.forEach((e3) => {\r\n if (e3.TopicId == e.TopicId && e3.SubTopicId == e.SubTopicId) {\r\n e3.CalPoint = e3.CalPoint + e.CalPoint;\r\n }\r\n });\r\n }\r\n }\r\n }\r\n });\r\n this.AnsData.ansTotalAssessorClickSubSubTopic = temp3;\r\n var total = 0;\r\n this.AnsData.ansTotalAssessorClickTopic.forEach((e) => {\r\n total = total + e.CalPoint;\r\n });\r\n\r\n this.AnsData.TotalAssessorCalculate = total;\r\n }\r\n\r\n getDefaultScore(ToppicId, SubToppicId, SubSubToppicId) {\r\n var tempArray = [];\r\n tempArray = this.AnsData.ansFormAssessor.filter((e) => {\r\n return (\r\n e.TopicId == ToppicId &&\r\n e.SubTopicId == SubToppicId &&\r\n e.SubSubTopicId == SubSubToppicId\r\n );\r\n });\r\n if (tempArray.length > 0) {\r\n return tempArray[0].Point;\r\n } else {\r\n return null;\r\n }\r\n }\r\n\r\n decimalPointChange(item) {\r\n var temp = \"\";\r\n temp = item.toString();\r\n\r\n // console.log(\"temp\", temp);\r\n if (temp.includes(\".\")) {\r\n return parseFloat(item).toFixed(2);\r\n } else {\r\n return item;\r\n }\r\n }\r\n\r\n splicingTitle(title) {\r\n var newtext = \"\";\r\n newtext = title.replace(/[0-9]/g, \"\");\r\n newtext = newtext.replace(/[.]/g, \"\");\r\n if (this.state.language == \"TH\") {\r\n newtext = newtext.replace(/\\s/g, \"\");\r\n }\r\n return newtext;\r\n }\r\n\r\n handleRemark = (ToppicId, SubToppicId, SubSubToppicId, Remarks) => {\r\n this.AnsData.ansFormAssessor.forEach((old) => {\r\n if (\r\n old.TopicId == ToppicId &&\r\n old.SubTopicId == SubToppicId &&\r\n old.SubSubTopicId == SubSubToppicId\r\n ) {\r\n old.Remark = Remarks;\r\n }\r\n });\r\n // Run: Set State ให้Remark 09/04/2021\r\n\r\n this.setState((prevState) => ({\r\n Tooltip: prevState.Tooltip.map((RemarkValue, index) => {\r\n if (\r\n RemarkValue.SubToppicId == SubToppicId &&\r\n RemarkValue.SubSubToppicId == SubSubToppicId &&\r\n RemarkValue.ToppicId == ToppicId\r\n ) {\r\n return {\r\n ...RemarkValue,\r\n Remarks: Remarks,\r\n };\r\n } else {\r\n return {\r\n ...RemarkValue,\r\n };\r\n }\r\n }),\r\n }));\r\n };\r\n\r\n handleRemarkEmp = (ToppicId, SubToppicId, SubSubToppicId, Remarks) => {\r\n this.AnsData.ansForm.forEach((old) => {\r\n if (\r\n old.TopicId == ToppicId &&\r\n old.SubTopicId == SubToppicId &&\r\n old.SubSubTopicId == SubSubToppicId\r\n ) {\r\n old.Remark = Remarks;\r\n }\r\n });\r\n // Run: Set State ให้Remark 09/04/2021\r\n\r\n this.setState((prevState) => ({\r\n TooltipForEmp: prevState.TooltipForEmp.map((RemarkValue, index) => {\r\n if (\r\n RemarkValue.SubToppicId == SubToppicId &&\r\n RemarkValue.SubSubToppicId == SubSubToppicId &&\r\n RemarkValue.ToppicId == ToppicId\r\n ) {\r\n return {\r\n ...RemarkValue,\r\n Remarks: Remarks,\r\n };\r\n } else {\r\n return {\r\n ...RemarkValue,\r\n };\r\n }\r\n }),\r\n }));\r\n };\r\n\r\n renderTable() {\r\n //Run: เพิ่ม การแสดง cal คะแนน 14/04/2021\r\n // this.AnsData.ansTotalClickTopic\r\n // console.log('this.ARRR', this.state.Tooltip)\r\n // console.log('this.ini', this.initArrays.SubSubTopicArr)\r\n console.log(\r\n \"this.AnsData.ansTotalClickSubSubTopic\",\r\n this.AnsData.ansTotalClickSubSubTopic\r\n );\r\n\r\n const totalclickPointSubSubTopic = this.AnsData.ansTotalClickSubSubTopic.map(\r\n ({ TopicId, CalPoint, SubTopicId, SubSubTopicId }, Index) => (\r\n \r\n {/* {CalPoint} */}\r\n {this.decimalPointChange(CalPoint)}\r\n
\r\n )\r\n );\r\n\r\n const totalclickPointAssessorSubSubTopic = this.AnsData.ansTotalAssessorClickSubSubTopic.map(\r\n ({ TopicId, CalPoint, SubTopicId, SubSubTopicId }, Index) => (\r\n \r\n {/* {CalPoint} */}\r\n {this.decimalPointChange(CalPoint)}\r\n
\r\n )\r\n );\r\n\r\n const totalclickpointTopic = this.AnsData.ansTotalClickTopic.map(\r\n ({ TopicId, CalPoint }, Index) => (\r\n \r\n {/* {CalPoint}\r\n */}\r\n {this.decimalPointChange(CalPoint)}\r\n
\r\n )\r\n );\r\n\r\n const totalclickassessorpointTopic = this.AnsData.ansTotalAssessorClickTopic.map(\r\n ({ TopicId, CalPoint }, Index) => (\r\n \r\n {/* {CalPoint}\r\n */}\r\n {this.decimalPointChange(CalPoint)}\r\n
\r\n )\r\n );\r\n\r\n const listCalScore = this.AnsData.ansForm.map(\r\n (\r\n { TopicId, SubTopicId, SubSubTopicId, CalPoint, isCompetency },\r\n Index\r\n ) => (\r\n \r\n \r\n {/* {CalPoint} */}\r\n\r\n {this.decimalPointChange(CalPoint)}\r\n
\r\n \r\n )\r\n );\r\n\r\n console.log(\r\n \"this.sssssssssssssssssss\",\r\n listCalScore.filter((e) => {\r\n return (\r\n e.props.relateSubToppicId == 0 &&\r\n e.props.relateTopicID == 0 &&\r\n e.props.relatedSubSubToppicID == 0\r\n );\r\n })\r\n );\r\n\r\n const remarkSubTopic = this.AnsData.ansForm.map(\r\n ({ TopicId, SubTopicId, SubSubTopicId, Remark }, Index) => (\r\n \r\n {Remark}
\r\n \r\n )\r\n );\r\n\r\n const listAssessorCalScore = this.AnsData.ansFormAssessor.map(\r\n ({ TopicId, SubTopicId, SubSubTopicId, CalPoint }, Index) => (\r\n \r\n \r\n {/* {CalPoint} */}\r\n {this.decimalPointChange(CalPoint)}\r\n
\r\n \r\n )\r\n );\r\n\r\n //Run: เพิ่ม listweight ของ topic หลัก 14/04/2021\r\n const listWeightsTotal = this.state.weight.map(\r\n (\r\n { SubSubToppicId, SubToppicId, ToppicId, WeightCriteria, IsMainTopic },\r\n Index\r\n ) => (\r\n \r\n {WeightCriteria}
\r\n \r\n )\r\n );\r\n //Run: เพิ่ม weight 14/04/2021\r\n const listofWeight = this.state.Tooltip.map(\r\n (\r\n { SubSubToppicId, SubToppicId, ToppicId, Tooltip1TH, WeightCriteria },\r\n Counts\r\n ) => (\r\n \r\n {{WeightCriteria}
}\r\n \r\n )\r\n );\r\n\r\n const listbuttonSubSubTopic = this.state.Tooltip.map(\r\n (\r\n {\r\n SubSubToppicId,\r\n SubToppicId,\r\n ToppicId,\r\n Tooltip5TH,\r\n Tooltip4TH,\r\n Tooltip3TH,\r\n Tooltip2TH,\r\n Tooltip1TH,\r\n Tooltip5EN,\r\n Tooltip4EN,\r\n Tooltip3EN,\r\n Tooltip2EN,\r\n Tooltip1EN,\r\n showRemark,\r\n //RUN: เพิ่มตัวแปร WeightCriteria เพื่อใช้ในการคำนวน 14/04/2021\r\n WeightCriteria,\r\n //RUN: เพิ่มตัวแปร isCompetency เพื่อตรวจสอบcompetency evaluation 18/04/2021\r\n isCompetency,\r\n Remarks,\r\n },\r\n Counts\r\n ) => (\r\n \r\n {Tooltip1TH && SubSubToppicId > 0 && (\r\n {\r\n this.handleChange(\r\n ToppicId,\r\n SubToppicId,\r\n SubSubToppicId,\r\n e.target.value,\r\n Counts,\r\n showRemark,\r\n //RUN: เพิ่มตัวแปร isCompetency เพื่อตรวจสอบcompetency evaluation 18/04/2021\r\n isCompetency,\r\n //RUN: เพิ่มตัวแปร WeightCriteria เพื่อใช้ในการคำนวน 14/04/2021\r\n WeightCriteria\r\n );\r\n }}\r\n >\r\n \r\n \r\n 5 \r\n \r\n \r\n 4 \r\n \r\n \r\n 3 \r\n \r\n \r\n 2 \r\n \r\n \r\n 1 \r\n \r\n \r\n \r\n )}\r\n \r\n )\r\n );\r\n\r\n const listbuttonSubTopic = this.state.Tooltip.map(\r\n (\r\n {\r\n SubSubToppicId,\r\n SubToppicId,\r\n ToppicId,\r\n Tooltip5TH,\r\n Tooltip4TH,\r\n Tooltip3TH,\r\n Tooltip2TH,\r\n Tooltip1TH,\r\n Tooltip5EN,\r\n Tooltip4EN,\r\n Tooltip3EN,\r\n Tooltip2EN,\r\n Tooltip1EN,\r\n showRemark,\r\n //RUN: เพิ่มตัวแปร WeightCriteria เพื่อใช้ในการคำนวน 14/04/2021\r\n WeightCriteria,\r\n //RUN: เพิ่มตัวแปร isCompetency เพื่อตรวจสอบcompetency evaluation 18/04/2021\r\n isCompetency,\r\n Remarks,\r\n },\r\n Counts\r\n ) => (\r\n \r\n {Tooltip1TH && SubSubToppicId == 0 && (\r\n {\r\n this.handleChange(\r\n ToppicId,\r\n SubToppicId,\r\n 0,\r\n e.target.value,\r\n Counts,\r\n showRemark,\r\n //RUN: เพิ่มตัวแปร isCompetency เพื่อตรวจสอบcompetency evaluation 18/04/2021\r\n isCompetency,\r\n //RUN: เพิ่มตัวแปร WeightCriteria เพื่อใช้ในการคำนวน 14/04/2021\r\n WeightCriteria\r\n );\r\n }}\r\n >\r\n \r\n \r\n 5 \r\n \r\n \r\n 4 \r\n \r\n \r\n 3 \r\n \r\n \r\n 2 \r\n \r\n \r\n 1 \r\n \r\n \r\n \r\n )}\r\n \r\n )\r\n );\r\n\r\n const listRemarkSubSubTopic = this.state.Tooltip.map(\r\n (\r\n {\r\n SubSubToppicId,\r\n SubToppicId,\r\n ToppicId,\r\n Tooltip5TH,\r\n Tooltip4TH,\r\n Tooltip3TH,\r\n Tooltip2TH,\r\n Tooltip1TH,\r\n Tooltip5EN,\r\n Tooltip4EN,\r\n Tooltip3EN,\r\n Tooltip2EN,\r\n Tooltip1EN,\r\n showRemark,\r\n //RUN: เพิ่มตัวแปร WeightCriteria เพื่อใช้ในการคำนวน 14/04/2021\r\n WeightCriteria,\r\n //RUN: เพิ่มตัวแปร isCompetency เพื่อตรวจสอบcompetency evaluation 18/04/2021\r\n isCompetency,\r\n Remarks,\r\n },\r\n Counts\r\n ) => (\r\n \r\n {Tooltip1TH && SubSubToppicId > 0 && showRemark == true && (\r\n {\r\n this.handleRemark(\r\n ToppicId,\r\n SubToppicId,\r\n SubSubToppicId,\r\n e.target.value\r\n );\r\n }}\r\n >\r\n เหตุผล: \r\n {Tooltip1TH && SubSubToppicId > 0 && showRemark == true && (\r\n {\r\n this.handleRemarkEmp(\r\n ToppicId,\r\n SubToppicId,\r\n SubSubToppicId,\r\n e.target.value\r\n );\r\n }}\r\n >\r\n {Remarks} \r\n \r\n )}\r\n \r\n )\r\n );\r\n\r\n const listRemarkSubTopic = this.state.Tooltip.map(\r\n (\r\n {\r\n SubSubToppicId,\r\n SubToppicId,\r\n ToppicId,\r\n Tooltip5TH,\r\n Tooltip4TH,\r\n Tooltip3TH,\r\n Tooltip2TH,\r\n Tooltip1TH,\r\n Tooltip5EN,\r\n Tooltip4EN,\r\n Tooltip3EN,\r\n Tooltip2EN,\r\n Tooltip1EN,\r\n showRemark,\r\n //RUN: เพิ่มตัวแปร WeightCriteria เพื่อใช้ในการคำนวน 14/04/2021\r\n WeightCriteria,\r\n //RUN: เพิ่มตัวแปร isCompetency เพื่อตรวจสอบcompetency evaluation 18/04/2021\r\n isCompetency,\r\n Remarks,\r\n },\r\n Counts\r\n ) => (\r\n \r\n {Tooltip1TH && SubSubToppicId == 0 && (\r\n {\r\n this.handleChange(\r\n ToppicId,\r\n SubToppicId,\r\n 0,\r\n e.target.value,\r\n Counts,\r\n showRemark,\r\n //RUN: เพิ่มตัวแปร isCompetency เพื่อตรวจสอบcompetency evaluation 18/04/2021\r\n isCompetency,\r\n //RUN: เพิ่มตัวแปร WeightCriteria เพื่อใช้ในการคำนวน 14/04/2021\r\n WeightCriteria\r\n );\r\n }}\r\n >\r\n )}\r\n {Tooltip1TH && SubSubToppicId == 0 && showRemark == true && (\r\n {\r\n this.handleRemark(\r\n ToppicId,\r\n SubToppicId,\r\n SubSubToppicId,\r\n e.target.value\r\n );\r\n }}\r\n >\r\n เหตุผล: \r\n {Tooltip1TH && SubSubToppicId == 0 && showRemark == true && (\r\n {\r\n this.handleRemarkEmp(\r\n ToppicId,\r\n SubToppicId,\r\n SubSubToppicId,\r\n e.target.value\r\n );\r\n }}\r\n >\r\n {/* {Remarks} */}\r\n {Remarks} \r\n \r\n )}\r\n \r\n )\r\n );\r\n\r\n const listSubSubTopics = this.initArrays.SubSubTopicArr.map(\r\n (\r\n {\r\n TitleTH,\r\n TitleEN,\r\n SubToppicId,\r\n ToppicId,\r\n SubSubToppicId,\r\n DescriptionTH,\r\n DescriptionEN,\r\n },\r\n Indexes\r\n ) => (\r\n \r\n \r\n {this.state.language == \"TH\" ? (\r\n \r\n {TitleTH.slice(0,-1)} \r\n {/* {DescriptionTH} */}\r\n
\r\n \r\n ) : (\r\n \r\n {TitleEN.slice(0,-1)} \r\n {/* {DescriptionEN} */}\r\n
\r\n \r\n )}\r\n {/* Run: เพิ่มการใส่ น้ำหนักคะแนน 14/04/2021 */}\r\n \r\n {listofWeight.filter((e) => {\r\n return (\r\n e.props.relateSubToppicId == SubToppicId &&\r\n e.props.relateTopicID == ToppicId &&\r\n e.props.relatedSubSubToppicID == SubSubToppicId\r\n );\r\n })}\r\n \r\n\r\n \r\n {listbuttonSubSubTopic.filter((e) => {\r\n return (\r\n e.props.relateSubToppicId == SubToppicId &&\r\n e.props.relateTopicID == ToppicId &&\r\n e.props.TooltipInfo !== \"\" &&\r\n e.props.relatedSubSubToppicID == SubSubToppicId\r\n );\r\n })}\r\n \r\n {/* Run: เพิ่มการใส่ คะแนน Cal 14/04/2021 */}\r\n \r\n {listAssessorCalScore.filter((e) => {\r\n return (\r\n e.props.relateSubToppicId == SubToppicId &&\r\n e.props.relateTopicID == ToppicId &&\r\n e.props.relatedSubSubToppicID == SubSubToppicId\r\n );\r\n })}\r\n \r\n \r\n {listCalScore.filter((e) => {\r\n return (\r\n e.props.relateSubToppicId == SubToppicId &&\r\n e.props.relateTopicID == ToppicId &&\r\n e.props.relatedSubSubToppicID == SubSubToppicId\r\n );\r\n }).length !== 0\r\n ? listCalScore.filter((e) => {\r\n return (\r\n e.props.relateSubToppicId == SubToppicId &&\r\n e.props.relateTopicID == ToppicId &&\r\n e.props.relatedSubSubToppicID == SubSubToppicId\r\n );\r\n })\r\n : \"0\"}\r\n \r\n
\r\n\r\n {/* {เพิ่ม div remark} */}\r\n\r\n \r\n {listRemarkSubSubTopic.filter((e) => {\r\n return (\r\n e.props.relateSubToppicId == SubToppicId &&\r\n e.props.relateTopicID == ToppicId &&\r\n e.props.TooltipInfo !== \"\" &&\r\n e.props.relatedSubSubToppicID == SubSubToppicId\r\n );\r\n })}\r\n
\r\n \r\n )\r\n );\r\n\r\n const listSubTopics = this.initArrays.SubTopicArr.map(\r\n (\r\n {\r\n TitleTH,\r\n TitleEN,\r\n SubToppicId,\r\n ToppicId,\r\n SubSubToppicId,\r\n DescriptionTH,\r\n DescriptionEN,\r\n },\r\n Index\r\n ) => (\r\n \r\n \r\n \r\n {this.state.language == \"TH\" ? (\r\n \r\n {TitleTH.slice(0,-1)} \r\n {/* {DescriptionTH} */}\r\n \r\n
\r\n \r\n ) : (\r\n \r\n {TitleEN.slice(0,-1)} \r\n {/* {DescriptionEN} */}\r\n
\r\n \r\n )}\r\n {/* Run: เพิ่มการใส่ น้ำหนักคะแนน 14/04/2021 */}\r\n \r\n {listofWeight.filter((e) => {\r\n return (\r\n e.props.relateSubToppicId == SubToppicId &&\r\n e.props.relateTopicID == ToppicId &&\r\n e.props.relatedSubSubToppicID == 0\r\n );\r\n })}\r\n \r\n \r\n {listbuttonSubTopic.filter((e) => {\r\n return (\r\n e.props.relateSubToppicId == SubToppicId &&\r\n e.props.relateTopicID == ToppicId &&\r\n e.props.TooltipInfo !== \"\"\r\n );\r\n })}\r\n \r\n {/* Run: เพิ่มการ ใส่ คะแนน Cal 14/04/2021*/}\r\n \r\n {listAssessorCalScore.filter((e) => {\r\n return (\r\n e.props.relateSubToppicId == SubToppicId &&\r\n e.props.relateTopicID == ToppicId &&\r\n e.props.relatedSubSubToppicID == 0\r\n );\r\n })}\r\n \r\n
\r\n\r\n {/* {เพิ่ม div remark} */}\r\n\r\n \r\n {listRemarkSubTopic.filter((e) => {\r\n return (\r\n e.props.relateSubToppicId == SubToppicId &&\r\n e.props.relateTopicID == ToppicId &&\r\n e.props.TooltipInfo !== \"\"\r\n );\r\n })}\r\n
\r\n \r\n\r\n \r\n {listSubSubTopics.filter((e) => {\r\n return e.props.SubIDs == SubToppicId;\r\n })}\r\n
\r\n\r\n \r\n \r\n {DescriptionTH == \"\" && this.state.language == \"TH\" ? (\r\n รวม{this.splicingTitle(TitleTH)}
\r\n \r\n ) : null}\r\n {DescriptionTH == \"\" && this.state.language == \"EN\" ? (\r\n {this.splicingTitle(TitleEN)} Total
\r\n \r\n ) : null}\r\n {DescriptionTH == \"\" ? (\r\n \r\n {listofWeight.filter((e) => {\r\n return (\r\n e.props.relateSubToppicId == SubToppicId &&\r\n e.props.relateTopicID == ToppicId &&\r\n e.props.relatedSubSubToppicID == 0\r\n );\r\n })}\r\n \r\n ) : null}\r\n \r\n {DescriptionTH == \"\" ? (\r\n \r\n {totalclickPointAssessorSubSubTopic.filter((e) => {\r\n return (\r\n e.props.TopicId == ToppicId &&\r\n e.props.SubTopicId == SubToppicId\r\n );\r\n })}\r\n \r\n ) : (\r\n \r\n )}\r\n {DescriptionTH == \"\" ? (\r\n
\r\n \r\n \r\n )\r\n );\r\n\r\n const titleTopic = this.initArrays.TopicsArr.map(\r\n ({ ToppicId, TitleTH, TitleEN }, Order) => (\r\n \r\n {this.state.language == \"TH\" ? (\r\n
รวม{this.splicingTitle(TitleTH)}
\r\n ) : (\r\n
{this.splicingTitle(TitleEN)} Total
\r\n )}\r\n
\r\n
\r\n \r\n {this.state.language == \"TH\" ? (\r\n \r\n {TitleTH} \r\n {DescriptionTH} \r\n
\r\n \r\n ) : (\r\n \r\n {TitleEN} \r\n {DescriptionEN}\r\n
\r\n \r\n )}\r\n \r\n {/* Run: เพิ่มการ ใส่ น้ำหนักคะแนนสำหรับ Topic 14/04/2021*/}\r\n\r\n {listWeightsTotal.filter((e) => {\r\n return (\r\n e.props.relateSubToppicId == 0 &&\r\n e.props.relateTopicID == ToppicId &&\r\n e.props.relatedSubSubToppicID == 0 &&\r\n e.props.IsMainTopic\r\n );\r\n })}\r\n \r\n
\r\n \r\n {listSubTopics.filter((e) => {\r\n return e.props.ToppicID == ToppicId;\r\n })}\r\n
\r\n \r\n \r\n \r\n {titleTopic.filter((e) => {\r\n return e.props.relateTopicID == ToppicId;\r\n })}\r\n
\r\n \r\n\r\n \r\n {listWeightsTotal.filter((e) => {\r\n return (\r\n e.props.relateSubToppicId == 0 &&\r\n e.props.relateTopicID == ToppicId &&\r\n e.props.relatedSubSubToppicID == 0 &&\r\n e.props.IsMainTopic\r\n );\r\n })}\r\n \r\n\r\n \r\n {totalclickassessorpointTopic.filter((e) => {\r\n return e.props.relateTopicID == ToppicId;\r\n })}\r\n \r\n
\r\n \r\n \r\n )\r\n );\r\n\r\n return (\r\n \r\n
\r\n \r\n {this.state.language == \"TH\" ? (\r\n \r\n
\r\n ) : (\r\n \r\n
\r\n )}\r\n {listItems}
\r\n \r\n \r\n \r\n {this.state.language == \"TH\" ? (\r\n รวมคะแนนที่ได้ \r\n ) : (\r\n Total Score \r\n )}\r\n
\r\n \r\n \r\n 100\r\n \r\n\r\n \r\n {this.decimalPointChange(this.AnsData.TotalAssessorCalculate)}\r\n \r\n \r\n {this.decimalPointChange(this.AnsData.TotalCalculate)}\r\n \r\n
\r\n \r\n \r\n );\r\n }\r\n\r\n renderSignBoxTH() {\r\n //Run: เพิ่ม listweight ของ topic หลัก 14/04/2021\r\n const listWeightsTotal = this.state.weight.map(\r\n (\r\n { SubSubToppicId, SubToppicId, ToppicId, WeightCriteria, IsMainTopic },\r\n Index\r\n ) => (\r\n \r\n {WeightCriteria}
\r\n \r\n )\r\n );\r\n\r\n const listItems = this.initArrays.TopicsArr.map(\r\n ({ ToppicId, TitleTH, TitleEN, DescriptionTH, DescriptionEN }, Order) => (\r\n \r\n {/* Run: เพิ่มการ ใส่ น้ำหนักคะแนนสำหรับ Topic 14/04/2021*/}\r\n\r\n {listWeightsTotal.filter((e) => {\r\n return (\r\n e.props.relateSubToppicId == 0 &&\r\n e.props.relateTopicID == ToppicId &&\r\n e.props.relatedSubSubToppicID == 0 &&\r\n e.props.IsMainTopic\r\n );\r\n })}\r\n \r\n )\r\n );\r\n\r\n const totalclickassessorpointTopic = this.AnsData.ansTotalAssessorClickTopic.map(\r\n ({ TopicId, CalPoint }, Index) => (\r\n \r\n {/* {CalPoint}\r\n */}\r\n {this.decimalPointChange(CalPoint)}\r\n
\r\n )\r\n );\r\n\r\n const listItems2 = this.initArrays.TopicsArr.map(\r\n ({ ToppicId, TitleTH, TitleEN, DescriptionTH, DescriptionEN }, Order) => (\r\n \r\n {/* Run: เพิ่มการ ใส่ น้ำหนักคะแนนสำหรับ Topic 14/04/2021*/}\r\n\r\n {totalclickassessorpointTopic.filter((e) => {\r\n return e.props.relateTopicID == ToppicId;\r\n })}\r\n \r\n )\r\n );\r\n\r\n console.log(\"listItems2 in sign box \", listItems2);\r\n\r\n return (\r\n \r\n
\r\n \r\n \r\n เกณฑ์การประเมินผล \r\n น้ำหนักคะแนน \r\n ระดับคะแนน \r\n \r\n \r\n 1. ภาระตามตำแหน่งงาน \r\n {listItems[0]} \r\n {listItems2[0]} \r\n \r\n \r\n 2. ภาระงานอื่น \r\n {listItems[1]} \r\n {listItems2[1]} \r\n \r\n \r\n 3. คุณภาพงาน \r\n {listItems[2]} \r\n {listItems2[2]} \r\n \r\n \r\n 4. ความสามารถเชิงสมรรถนะ \r\n {listItems[3]} \r\n {listItems2[3]} \r\n \r\n \r\n \r\n คะแนนรวม (1 + 2 + 3 + 4) \r\n \r\n \r\n 100.00 \r\n \r\n \r\n {this.decimalPointChange(this.AnsData.TotalAssessorCalculate)} \r\n \r\n \r\n
\r\n \r\n\r\n \r\n
\r\n \r\n ความคิดเห็นของผู้ประเมิน \r\n \r\n \r\n __________________________________________________________________________________________________________\r\n
\r\n \r\n __________________________________________________________________________________________________________\r\n
\r\n \r\n __________________________________________________________________________________________________________\r\n
\r\n \r\n
ลงชื่อ _________________________________
\r\n
{\"( \" + this.props.location.state.record.Assessor[0].TitleTH + \" \" + this.props.location.state.record.Assessor[0].FirstNameTH + \" \" + this.props.location.state.record.Assessor[0].LastNameTH + \" )\" }
\r\n
ตำแหน่ง _______________________________
\r\n
\r\n \r\n
\r\n ความคิดเห็นของคณบดี / ผู้อำนวยการ \r\n \r\n\r\n
\r\n \r\n __________________________________________________________________________________________________________\r\n
\r\n \r\n __________________________________________________________________________________________________________\r\n
\r\n \r\n __________________________________________________________________________________________________________\r\n
\r\n \r\n
ลงชื่อ _________________________________
\r\n
{\"( \" + this.props.location.state.record.Admin[0].TitleTH + \" \" + this.props.location.state.record.Admin[0].FirstNameTH + \" \" + this.props.location.state.record.Admin[0].LastNameTH + \" )\" }
\r\n
ตำแหน่ง _______________________________
\r\n
\r\n
\r\n ความคิดเห็นของรองอธิการบดี / ผู้ช่วยอธิการบดี \r\n \r\n\r\n
\r\n \r\n __________________________________________________________________________________________________________\r\n
\r\n \r\n __________________________________________________________________________________________________________\r\n
\r\n \r\n __________________________________________________________________________________________________________\r\n
\r\n \r\n
ลงชื่อ _________________________________
\r\n
{\"( \" + this.props.location.state.record.Confirm[0].TitleTH + \" \" + this.props.location.state.record.Confirm[0].FirstNameTH + \" \" + this.props.location.state.record.Confirm[0].LastNameTH + \" )\" }
\r\n
ตำแหน่ง _______________________________
\r\n
\r\n
\r\n ความคิดเห็นของรักษาการอธิการบดี \r\n \r\n
\r\n
\r\n
\r\n \r\n อนุมัติ \r\n ไม่อนุมัติ ........................................................................................ \r\n \r\n\r\n\r\n \r\n
ลงชื่อ _________________________________
\r\n
\r\n ( นายอภิชา อินสุวรรณ )
\r\n
\r\n \r\n );\r\n }\r\n\r\n renderSignBoxEN() {\r\n //Run: เพิ่ม listweight ของ topic หลัก 14/04/2021\r\n const listWeightsTotal = this.state.weight.map(\r\n (\r\n { SubSubToppicId, SubToppicId, ToppicId, WeightCriteria, IsMainTopic },\r\n Index\r\n ) => (\r\n \r\n {WeightCriteria}
\r\n \r\n )\r\n );\r\n\r\n const listItems = this.initArrays.TopicsArr.map(\r\n ({ ToppicId, TitleTH, TitleEN, DescriptionTH, DescriptionEN }, Order) => (\r\n \r\n {/* Run: เพิ่มการ ใส่ น้ำหนักคะแนนสำหรับ Topic 14/04/2021*/}\r\n\r\n {listWeightsTotal.filter((e) => {\r\n return (\r\n e.props.relateSubToppicId == 0 &&\r\n e.props.relateTopicID == ToppicId &&\r\n e.props.relatedSubSubToppicID == 0 &&\r\n e.props.IsMainTopic\r\n );\r\n })}\r\n \r\n )\r\n );\r\n\r\n const totalclickpointTopic = this.AnsData.ansTotalClickTopic.map(\r\n ({ TopicId, CalPoint }, Index) => (\r\n \r\n {/* {CalPoint}\r\n */}\r\n {this.decimalPointChange(CalPoint)}\r\n
\r\n )\r\n );\r\n\r\n const listItems2 = this.initArrays.TopicsArr.map(\r\n ({ ToppicId, TitleTH, TitleEN, DescriptionTH, DescriptionEN }, Order) => (\r\n \r\n {/* Run: เพิ่มการ ใส่ น้ำหนักคะแนนสำหรับ Topic 14/04/2021*/}\r\n\r\n {totalclickpointTopic.filter((e) => {\r\n return e.props.relateTopicID == ToppicId;\r\n })}\r\n \r\n )\r\n );\r\n\r\n console.log(\"listItems2 \", listItems2);\r\n\r\n return (\r\n \r\n
\r\n \r\n \r\n Criteria and Indicators \r\n Weighted Score \r\n Score \r\n \r\n \r\n 1. Workload \r\n {listItems[0]} \r\n {listItems2[0]} \r\n \r\n \r\n 2. Other responsibilities \r\n {listItems[1]} \r\n {listItems2[1]} \r\n \r\n \r\n 3. Quality of Work \r\n {listItems[2]} \r\n {listItems2[2]} \r\n \r\n \r\n 4. Competency \r\n {listItems[3]} \r\n {listItems2[0]} \r\n \r\n \r\n \r\n Total Score (1 + 2 + 3 + 4) \r\n \r\n \r\n 100.00 \r\n \r\n \r\n {this.decimalPointChange(this.AnsData.TotalCalculate)} \r\n \r\n \r\n
\r\n \r\n\r\n \r\n
\r\n comments and/or suggestions of the assessor\r\n \r\n\r\n
\r\n \r\n \r\n __________________________________________________________________________________________________________\r\n
\r\n \r\n
Signature _________________________________
\r\n
Position: _______________________________
\r\n
\r\n \r\n
\r\n comments and/or suggestions of the Dean/Director\r\n \r\n\r\n
\r\n \r\n __________________________________________________________________________________________________________\r\n
\r\n \r\n \r\n
Signature _________________________________
\r\n
Position: _______________________________
\r\n
\r\n
\r\n comments and/or suggestions of the Vice President/Assistant to the President\r\n \r\n\r\n
\r\n\r\n \r\n __________________________________________________________________________________________________________\r\n
\r\n\r\n \r\n
Signature _________________________________
\r\n
Position: _______________________________
\r\n
\r\n
\r\n comments and/or suggestions of the Interim President\r\n \r\n\r\n
\r\n \r\n Approved \r\n Not Approved ........................................................................................ \r\n \r\n\r\n\r\n \r\n
\r\n
Signature _________________________________
\r\n
\r\n (Mr. Apicha Insuwan)
\r\n
\r\n \r\n );\r\n }\r\nclicksavePdf(content,comref){\r\n console.log('content',content)\r\n console.log('comref',comref)\r\n html2canvas(comref).then((canvas) => {\r\n const imgData = canvas.toDataURL(\"image/png\");\r\n const pdf = new jsPDF();\r\n pdf.addImage(imgData, \"JPEG\", 0, 0);\r\n pdf.save(\"download.pdf\");\r\n });\r\n}\r\n render() {\r\n console.log(\"spiner\", this.state.spinner);\r\n console.log('this.props.location.state.record',this.props.location.state.record)\r\n\r\n return (\r\n \r\n
\r\n \r\n {this.state.language == \"TH\" ? (\r\n window.history.back()}\r\n title={\r\n \"แบบฟอร์มการประเมินผู้ใต้สังกัด : \" +\r\n this.props.location.state.record.TitleTH +\r\n \" \" +\r\n this.props.location.state.record.FirstNameTH +\r\n \" \" +\r\n this.props.location.state.record.LastNameTH +\r\n \" (\" +\r\n this.props.location.state.record.EmpId +\r\n \")\"\r\n }\r\n />\r\n ) : (\r\n window.history.back()}\r\n title={\r\n \"Assessing Subordinate Form : \" +\r\n this.props.location.state.record.TitleEN +\r\n \" \" +\r\n this.props.location.state.record.FirstNameEN +\r\n \" \" +\r\n this.props.location.state.record.LastNameEN +\r\n \" (\" +\r\n this.props.location.state.record.EmpId +\r\n \")\"\r\n }\r\n />\r\n )}\r\n \r\n\r\n {\r\n return (\r\n \r\n {this.state.language == \"TH\" ? (\r\n พิมพ์รายงาน \r\n ) : (\r\n Print Report \r\n )}\r\n (this.componentRef = el)}\r\n style={{ marginLeft: 15, marginRight: 15 }}\r\n >\r\n {/* render header */}\r\n\r\n {this.state.language == \"TH\" ? (\r\n \r\n
\r\n {\"แบบฟอร์มการประเมินผู้ใต้สังกัด : \" +\r\n this.props.location.state.record.TitleTH +\r\n \" \" +\r\n this.props.location.state.record.FirstNameTH +\r\n \" \" +\r\n this.props.location.state.record.LastNameTH +\r\n \" (\" +\r\n this.props.location.state.record.EmpId +\r\n \")\"}\r\n \r\n \r\n {\"สังกัด \" + this.props.location.state.record.SectorNameTH}\r\n \r\n \r\n ) : (\r\n \r\n
\r\n {\"Assessing Subordinate Form : \" +\r\n this.props.location.state.record.TitleEN +\r\n \" \" +\r\n this.props.location.state.record.FirstNameEN +\r\n \" \" +\r\n this.props.location.state.record.LastNameEN +\r\n \" (\" +\r\n this.props.location.state.record.EmpId +\r\n \")\"}\r\n \r\n \r\n {this.props.location.state.record.SectorNameEN}\r\n \r\n \r\n )}\r\n\r\n {this.renderTable()}\r\n\r\n {/* sign box */}\r\n {this.state.language == 'TH'? this.renderSignBoxTH() : this.renderSignBoxEN()}\r\n \r\n\r\n {/* {this.state.spinner == true? window.print() : null} */}\r\n \r\n \r\n );\r\n }\r\n}\r\n","import {\r\n PageHeader,\r\n Tabs,\r\n Tag,\r\n Table,\r\n Select,\r\n Tooltip,\r\n Button,\r\n Radio,\r\n Row,\r\n Col,\r\n} from \"antd\";\r\nimport Column from \"antd/lib/table/Column\";\r\nimport React, { Component } from \"react\";\r\n\r\nimport \"../shared/css/report-page.css\";\r\nimport \"../shared/css/headerpages.css\";\r\nimport { getTableService } from \"../services/table-helper.service\";\r\nimport Dialog from \"../shared/dialog\";\r\n\r\nimport { BrowserRouter as Router, Link, Switch } from \"react-router-dom\";\r\nimport ReactToPrint from \"react-to-print\";\r\nimport { toBeDisabled } from \"@testing-library/jest-dom/dist/matchers\";\r\n\r\nconst { Option } = Select;\r\nconst pageStyle = `\r\n @page {\r\n size:A3 ;\r\n height:100% !important;\r\n width:100% !important;\r\n margin: 20mm;\r\n\r\n }\r\n @media all {\r\n .pagebreak {\r\n display: none;\r\n }\r\n }\r\n\r\n\r\n @media print {\r\n size:A4 landscape;\r\n html, body {\r\n position::relative;\r\n height:100% !important;\r\n width:100% !important;\r\n margin: 0;\r\n }\r\n\r\n .pagebreak {\r\n margin-top: 1rem;\r\n display: block;\r\n page-break-before: auto;\r\n overflow: visible; \r\n }\r\n }\r\n`;\r\nconst getRowKey = (record) => {\r\n return `${record.EmpId}`;\r\n};\r\nclass PointsofWorkReport extends Component {\r\n constructor(propsName) {\r\n super(propsName);\r\n this.inputRef = React.createRef();\r\n\r\n this.state = {\r\n language: localStorage.getItem(\"Language\"),\r\n EmpListDatasource: [],\r\n SectorListDatasource: [],\r\n Columns: [],\r\n ColumnsDatasourceTH: [],\r\n ColumnsDatasourceEN: [],\r\n PositionList: [],\r\n SectorList: [],\r\n query: \"\",\r\n results: [],\r\n resultsAnsList: [],\r\n selectedRowKeys: null,\r\n visible: false,\r\n triggprint: true,\r\n ansDefault: [],\r\n evalStatus: \"\",\r\n\r\n // five: [],\r\n // four: [],\r\n // three: [],\r\n // two: [],\r\n // one: [],\r\n //RUN 05/06/2021 เพิ่ม total เพื่อนำไปใช้ในการหา Percentage\r\n total: 0,\r\n //sector name for report\r\n sectorTH: \"\",\r\n sectorEN: \"\",\r\n };\r\n\r\n this.AnsData = {\r\n assessor: localStorage.getItem(\"EmpId\"),\r\n ansForm: [],\r\n };\r\n\r\n console.log(\"this.props in second tab\", this.props.propsName);\r\n this.dialog = new Dialog();\r\n }\r\n\r\n componentWillReceiveProps(nextProps) {\r\n console.log(\"nextProps\", nextProps.lang);\r\n this.setState({ language: nextProps.lang });\r\n localStorage.setItem(\"Language\", nextProps.lang);\r\n }\r\n\r\n componentDidMount() {\r\n console.log(\"componentRef\", this.inputRef);\r\n\r\n //fetch ans list\r\n fetch(process.env.REACT_APP_API_URL + \"/api/getAnsFirstLevel\", {\r\n method: \"post\",\r\n headers: {\r\n \"Content-Type\": \"application/json\",\r\n Accept: \"application/json\",\r\n },\r\n body: JSON.stringify({\r\n AssessorId: localStorage.getItem(\"EmpId\"),\r\n //AssessorId: 800\r\n }),\r\n })\r\n .then((Response) => Response.json())\r\n .then((result) => {\r\n console.log(\"result getAnsFirstLevel\", result);\r\n\r\n result.forEach((element) => {\r\n this.state.ansDefault = element.AnsForm;\r\n });\r\n\r\n //RUN: นำ ans data เข้าไปใส่ใน array ที่ใช้ ิวิ่งข้อมูล Default\r\n if (this.state.ansDefault.length > 0) {\r\n this.state.ansDefault.forEach((e) => {\r\n this.AnsData.ansForm.push({\r\n empid: e.EmpId,\r\n assessor: e.Assessor,\r\n Point: e.Point,\r\n });\r\n });\r\n }\r\n\r\n this.setState({\r\n ansDefault: this.state.ansDefault,\r\n evalStatus: result[0].EvaluteStatus,\r\n });\r\n console.log(\"this.state.ansDefault\", this.state.ansDefault);\r\n console.log(\"evalStatus\", this.state.evalStatus);\r\n\r\n // var five = this.AnsData.ansForm.filter((e) => e.Point == 5);\r\n\r\n // var four = this.AnsData.ansForm.filter((e) => e.Point == 4);\r\n // var three = this.AnsData.ansForm.filter((e) => e.Point == 3);\r\n // var two = this.AnsData.ansForm.filter((e) => e.Point == 2);\r\n // var one = this.AnsData.ansForm.filter((e) => e.Point == 1);\r\n\r\n // this.setState({\r\n // five: five,\r\n // four: four,\r\n // three: three,\r\n // two: two,\r\n // one: one,\r\n // });\r\n });\r\n\r\n //fetch emp list\r\n fetch(process.env.REACT_APP_API_URL + \"/api/getUnderPrimaryByAdminId\", {\r\n method: \"post\",\r\n headers: {\r\n \"Content-Type\": \"application/json\",\r\n Accept: \"application/json\",\r\n },\r\n body: JSON.stringify({\r\n empid: localStorage.getItem(\"EmpId\"),\r\n //empid: 800\r\n }),\r\n })\r\n .then((Response) => Response.json())\r\n .then((result) => {\r\n console.log(\"result here \", result);\r\n result.forEach((element) => {\r\n this.state.EmpListDatasource = element.EmpList;\r\n this.state.SectorListDatasource = element.SectorList;\r\n this.state.results = element.EmpList;\r\n //RUN 05/06/2021 เพิ่ม total เพื่อนำไปใช้ในการหา Percentage\r\n this.state.total = this.state.EmpListDatasource.length\r\n });\r\n this.state.EmpListDatasource.forEach((e) => {\r\n if (this.state.PositionList.length == 0) {\r\n this.state.PositionList.push({\r\n PositionNameTH: e.PositionNameTH,\r\n PositionNameEN: e.PositionNameEN,\r\n });\r\n } else {\r\n this.state.PositionList = this.positionPopper(e.PositionNameTH);\r\n this.state.PositionList.push({\r\n PositionNameTH: e.PositionNameTH,\r\n PositionNameEN: e.PositionNameEN,\r\n });\r\n }\r\n // console.log(\"EmpListDatasource\", e.PositionNameTH);\r\n });\r\n this.setState({\r\n EmpListDatasource: this.state.EmpListDatasource,\r\n results: this.state.results,\r\n SectorListDatasource: this.state.SectorListDatasource,\r\n PositionList: this.state.PositionList,\r\n });\r\n console.log(\r\n \"this.state.ColumnsDatasourceTH in second tab\",\r\n this.state.ColumnsDatasourceTH\r\n );\r\n // console.log(\r\n // \"this.state.SectorListDatasource\",\r\n // this.state.SectorListDatasource\r\n // );\r\n // console.log(\"this.state.PositionList\", this.state.PositionList);\r\n\r\n // console.log(\"this.state.EmpListDatasource bf sort\", this.state.EmpListDatasource);\r\n this.state.EmpListDatasource.sort(function (a, b) {\r\n return a.EmpId - b.EmpId;\r\n });\r\n this.setState({\r\n EmpListDatasource: this.state.EmpListDatasource,\r\n });\r\n\r\n // console.log(\"this.state.EmpListDatasource after sort\", this.state.EmpListDatasource);\r\n });\r\n\r\n // get data column\r\n getTableService(\"pointsofworkreport\").then((result) => {\r\n var table = [];\r\n result.forEach((e) => {\r\n this.state.Columns = e.TableColumn;\r\n });\r\n // console.log(\"this.state.Columns\", this.state.Columns);\r\n\r\n // render thai\r\n this.state.Columns.forEach((e) => {\r\n // console.log(\"ColumnKeyTH\", e.ColumnKeyTH);\r\n if (\r\n e.ColumnKeyTH !== \"SumSelfCalPoint\" &&\r\n e.ColumnKeyTH !== \"SumAssessorCalPoint\" &&\r\n e.ColumnKeyTH !== \"EmpId\" &&\r\n e.ColumnKeyTH !== \"OrderNo\" &&\r\n e.ColumnKeyTH !== \"NameAndLastTH\"\r\n ) {\r\n this.state.ColumnsDatasourceTH.push({\r\n title: e.ColumnNameTH,\r\n dataIndex: e.ColumnKeyTH,\r\n OrderBy: e.ColumnOrder,\r\n className: 'reporthead reportcolumn reporttd'\r\n });\r\n } else if (e.ColumnKeyTH == \"NameAndLastTH\") {\r\n console.log(\"in OrderNo\");\r\n this.state.ColumnsDatasourceTH.push({\r\n title: e.ColumnNameTH,\r\n dataIndex: e.ColumnKeyTH,\r\n OrderBy: e.ColumnOrder,\r\n className: 'reporthead reportcolumn reporttd',\r\n render: (e, record, index) => {\r\n return (\r\n \r\n {record.FirstNameTH} {record.LastNameTH}\r\n
\r\n )\r\n }\r\n // defaultSortOrder: \"descend\",\r\n\r\n // sortDirections: [\"descend\", \"ascend\"],\r\n });\r\n }\r\n else if (e.ColumnKeyTH == \"OrderNo\") {\r\n console.log(\"in OrderNo\");\r\n this.state.ColumnsDatasourceTH.push({\r\n title: e.ColumnNameTH,\r\n dataIndex: e.ColumnKeyTH,\r\n OrderBy: e.ColumnOrder,\r\n className: 'reporthead reportcolumn reporttd',\r\n\r\n render: (e, record, index) => {\r\n return (\r\n \r\n {index + 1}\r\n
\r\n )\r\n }\r\n // defaultSortOrder: \"descend\",\r\n\r\n // sortDirections: [\"descend\", \"ascend\"],\r\n });\r\n }\r\n else if (e.ColumnKeyTH == \"EmpId\") {\r\n console.log(\"in empid\");\r\n this.state.ColumnsDatasourceTH.push({\r\n title: e.ColumnNameTH,\r\n dataIndex: e.ColumnKeyTH,\r\n OrderBy: e.ColumnOrder,\r\n className: 'reporthead reportcolumn reporttd',\r\n // defaultSortOrder: \"descend\",\r\n sorter: (a, b) => a.EmpId - b.EmpId,\r\n // sortDirections: [\"descend\", \"ascend\"],\r\n });\r\n } else if (e.ColumnKeyTH == \"SumSelfCalPoint\") {\r\n this.state.ColumnsDatasourceTH.push({\r\n title: e.ColumnNameTH,\r\n dataIndex: e.ColumnKeyTH,\r\n OrderBy: e.ColumnOrder,\r\n className: 'reporthead reportcolumn reporttd',\r\n\r\n render: (e, record) => {\r\n if (record.EvaluateStatus == 1) {\r\n return (\r\n \r\n
ยังไม่ได้ประเมินตนเอง
\r\n
\r\n
กำลังประเมินตนเอง
\r\n
\r\n
ยังไม่ได้ประเมินผู้ใต้สังกัด
\r\n
\r\n
\r\n {this.getDefaultScore(\r\n record.EmpId,\r\n this.AnsData.assessor\r\n )}\r\n
\r\n
{\r\n this.handleChange(\r\n record.EmpId,\r\n this.AnsData.assessor,\r\n e.target.value\r\n );\r\n }}\r\n >\r\n \r\n 5 \r\n 4 \r\n 3 \r\n 2 \r\n 1 \r\n \r\n \r\n );\r\n }\r\n },\r\n });\r\n }\r\n });\r\n\r\n this.setState({\r\n ColumnsDatasourceTH: this.state.ColumnsDatasourceTH.sort(\r\n (firstItem, secondItem) => firstItem.OrderBy - secondItem.OrderBy\r\n ),\r\n });\r\n\r\n //render en\r\n this.state.Columns.forEach((e) => {\r\n // console.log(\"ColumnKeyEN\", e.ColumnKeyEN);\r\n if (\r\n e.ColumnKeyEN !== \"StepPoint\" &&\r\n e.ColumnKeyEN !== \"SumSelfCalPoint\" &&\r\n e.ColumnKeyEN !== \"SumAssessorCalPoint\" &&\r\n e.ColumnKeyEN !== \"EmpId\"\r\n ) {\r\n this.state.ColumnsDatasourceEN.push({\r\n title: e.ColumnNameEN,\r\n dataIndex: e.ColumnKeyEN,\r\n OrderBy: e.ColumnOrder,\r\n className: 'reporthead reportcolumn reporttd',\r\n\r\n });\r\n } else if (e.ColumnKeyEN == \"EmpId\") {\r\n console.log(\"in empid\");\r\n this.state.ColumnsDatasourceEN.push({\r\n title: e.ColumnNameEN,\r\n dataIndex: e.ColumnKeyEN,\r\n OrderBy: e.ColumnOrder,\r\n defaultSortOrder: \"descend\",\r\n className: 'reporthead reportcolumn reporttd',\r\n\r\n sorter: (a, b) => a.EmpId - b.EmpId,\r\n sortDirections: [\"descend\", \"ascend\"],\r\n });\r\n } else if (e.ColumnKeyEN == \"SumSelfCalPoint\") {\r\n this.state.ColumnsDatasourceEN.push({\r\n title: e.ColumnNameEN,\r\n dataIndex: e.ColumnKeyEN,\r\n OrderBy: e.ColumnOrder,\r\n className: 'reporthead reportcolumn reporttd',\r\n\r\n render: (e, record) => {\r\n if (record.EvaluateStatus == 1) {\r\n return (\r\n \r\n );\r\n } else if (record.EvaluateStatus == 2) {\r\n return (\r\n \r\n );\r\n } else {\r\n return (\r\n \r\n );\r\n }\r\n },\r\n });\r\n } else if (e.ColumnKeyEN == \"SumAssessorCalPoint\") {\r\n this.state.ColumnsDatasourceEN.push({\r\n title: e.ColumnNameEN,\r\n dataIndex: e.ColumnKeyEN,\r\n OrderBy: e.ColumnOrder,\r\n className: 'reporthead reportcolumn reporttd',\r\n\r\n render: (e, record) => {\r\n if (e == null) {\r\n return (\r\n \r\n );\r\n } else {\r\n return (\r\n \r\n );\r\n }\r\n },\r\n });\r\n } else if (e.ColumnKeyEN == \"StepPoint\") {\r\n this.state.ColumnsDatasourceEN.push({\r\n title: e.ColumnNameEN,\r\n dataIndex: e.ColumnKeyEN,\r\n OrderBy: e.ColumnOrder,\r\n className: 'reporthead reportcolumn reporttd',\r\n\r\n render: (e, record) => {\r\n if (this.state.evalStatus == 2) {\r\n return (\r\n \r\n {this.getDefaultScore(record.EmpId, this.AnsData.assessor)}\r\n
\r\n );\r\n } else {\r\n return (\r\n {\r\n this.handleChange(\r\n record.EmpId,\r\n this.AnsData.assessor,\r\n e.target.value\r\n );\r\n }}\r\n >\r\n \r\n 5 \r\n 4 \r\n 3 \r\n 2 \r\n 1 \r\n \r\n \r\n );\r\n }\r\n },\r\n });\r\n }\r\n });\r\n\r\n this.setState({\r\n ColumnsDatasourceEN: this.state.ColumnsDatasourceEN.sort(\r\n (firstItem, secondItem) => firstItem.OrderBy - secondItem.OrderBy\r\n ),\r\n });\r\n });\r\n }\r\n\r\n testarrayDupFunction(empid, assessor) {\r\n console.log(\"testarrayDupFunction\");\r\n var tempDup = [];\r\n //RUN: ยัดใส่เป็น ToString ให้หมดเนื่องจากส่งไปsave กับ ส่งคืนมา มีค่าdatatype อิอัยยยยยยยยยย 16/04/2021\r\n var tempempid = empid.toString();\r\n var tempassessor = assessor.toString();\r\n\r\n tempDup = this.AnsData.ansForm.filter((e) => {\r\n return e.empid !== empid || e.assessor !== assessor;\r\n });\r\n console.log(\"tempDup\", tempDup);\r\n return tempDup;\r\n }\r\n\r\n positionPopper(sectorName) {\r\n var tempDup = [];\r\n tempDup = this.state.SectorListDatasource.filter((e) => {\r\n return sectorName !== e.SectorId;\r\n });\r\n return tempDup;\r\n }\r\n renderHeader() {\r\n\r\n return (\r\n \r\n คะแนนการประเมินการปฏิบัติงานประจำปีการศึกษา 2564\r\n
\r\n )\r\n\r\n\r\n }\r\n getDefaultScore(empid, assessor) {\r\n var tempArray = [];\r\n tempArray = this.state.ansDefault.filter((e) => {\r\n return e.EmpId == empid && e.Assessor == assessor;\r\n });\r\n\r\n // console.log('empid temp: ', empid)\r\n // console.log('assessor temp: ', assessor)\r\n // console.log('ansDefault temp: ', this.state.ansDefault)\r\n // console.log('getDefaultScore temp: ', tempArray)\r\n\r\n if (tempArray.length > 0) {\r\n return tempArray[0].Point;\r\n } else {\r\n return null;\r\n }\r\n }\r\n\r\n getSearchResults = (query) => {\r\n const allData = this.state.results;\r\n const dataToShow = [];\r\n allData.forEach((item) => {\r\n console.log(\"item\", item);\r\n const searchString = query;\r\n if (item.SectorId == searchString) {\r\n dataToShow.push(item);\r\n }\r\n });\r\n console.log(\"data to show: \", dataToShow);\r\n this.setState({\r\n EmpListDatasource: dataToShow,\r\n });\r\n };\r\n\r\n handleSectorChange = (value) => {\r\n console.log(\"handlePositionChange\", value);\r\n this.setState(\r\n {\r\n query: value,\r\n },\r\n () => {\r\n if (this.state.query && this.state.query.length > 0) {\r\n console.log(\"this.state.query\", this.state.query);\r\n this.getSearchResults(this.state.query);\r\n this.setState({ sectorTH: this.state.query });\r\n } else {\r\n this.setState({\r\n EmpListDatasource: this.state.results,\r\n });\r\n }\r\n }\r\n );\r\n };\r\n\r\n handleSaveDraft = (ansSaveData) => {\r\n var empid;\r\n var assess;\r\n var point;\r\n\r\n ansSaveData.forEach((element) => {\r\n empid = element.empid;\r\n assess = element.assessor;\r\n point = element.Point;\r\n });\r\n\r\n console.log(\"empid\", empid);\r\n console.log(\"assess\", assess);\r\n console.log(\"point\", point);\r\n\r\n console.log(\"ansSaveData\", ansSaveData);\r\n\r\n fetch(process.env.REACT_APP_API_URL + \"/api/saveFormFirstLevel\", {\r\n method: \"post\",\r\n\r\n headers: {\r\n \"Content-Type\": \"application/json\",\r\n Accept: \"application/json\",\r\n },\r\n\r\n body: JSON.stringify({\r\n empid: empid,\r\n formid: \"1\",\r\n assessor: assess,\r\n buttonaction: \"1\",\r\n jsonans: ansSaveData,\r\n }),\r\n })\r\n .then((Response) => Response.json())\r\n .then((result) => {\r\n console.log(\"save draft result: \" + JSON.stringify(result));\r\n if (result.status == \"404\") {\r\n // alert(\"บันทึกไม่สำเร็จ\");\r\n //RUN: ปรับการแจ้งเตือนให้เป็น pop up dialog 18/04/2021\r\n\r\n if (this.state.language == \"TH\") {\r\n this.dialog.WarningDialog(\"บันทึกร่างไม่สำเร็จ\");\r\n } else {\r\n this.dialog.WarningDialog(\"Unable to Save Draft\");\r\n }\r\n } else {\r\n if (this.state.language == \"TH\") {\r\n this.dialog.SuccessDialog(\r\n \"บันทึกร่างสำเร็จ\",\r\n \"/assessing-subordinate\"\r\n );\r\n localStorage.setItem(\"defaultActiveKey\", 2);\r\n } else {\r\n this.dialog.SuccessDialog(\r\n \"Save Draft Success\",\r\n \"/assessing-subordinate\"\r\n );\r\n localStorage.setItem(\"defaultActiveKey\", 2);\r\n }\r\n }\r\n });\r\n };\r\n\r\n handleSubmit = (ansSaveData, EmpListDatasource) => {\r\n //RUN: ตรวจสอบ condition ว่ามีค่าจำนวน ans เท่ากับ form หรือไม่ 11/04/2012\r\n var tempArray = [];\r\n var tempArrayRemarkvalidation = [];\r\n\r\n console.log(\"tempArrayRemarkvalidation\", tempArrayRemarkvalidation);\r\n console.log(\"ansform\", ansSaveData);\r\n\r\n console.log(\"ansSaveData.length\", ansSaveData.length);\r\n console.log(\"EmpListDatasource.length\", EmpListDatasource.length);\r\n\r\n //RUN: ใช้ Condition Nested If ให้เข้า Condition ให้ถูกต้อง และ แสดง error ขึ้นมาตามลำดับ 11/04/2021\r\n if (ansSaveData.length == EmpListDatasource.length) {\r\n if (tempArrayRemarkvalidation.length == 0) {\r\n fetch(process.env.REACT_APP_API_URL + \"/api/saveFormFirstLevel\", {\r\n method: \"post\",\r\n\r\n headers: {\r\n \"Content-Type\": \"application/json\",\r\n Accept: \"application/json\",\r\n },\r\n\r\n body: JSON.stringify({\r\n empid: localStorage.getItem(\"EmpId\"),\r\n formid: \"1\",\r\n assessor: localStorage.getItem(\"EmpId\"),\r\n buttonaction: \"2\",\r\n jsonans: ansSaveData,\r\n }),\r\n })\r\n .then((Response) => Response.json())\r\n .then((result) => {\r\n console.log(\"submit result: \" + JSON.stringify(result));\r\n if (result.status == \"404\") {\r\n // alert(\"บันทึกไม่สำเร็จ\");\r\n //RUN: ปรับการแจ้งเตือนให้เป็น pop up dialog 18/04/2021\r\n\r\n if (this.state.language == \"TH\") {\r\n this.dialog.WarningDialog(\"บันทึกไม่สำเร็จ\");\r\n } else {\r\n this.dialog.WarningDialog(\"Unable to Save\");\r\n }\r\n } else {\r\n // alert(\"บันทึกสำเร็จ\");\r\n // window.location.href = \"/workform\";\r\n //RUN: ปรับการแจ้งเตือนให้เป็น pop up dialog 18/04/2021\r\n\r\n if (this.state.language == \"TH\") {\r\n this.dialog.SuccessDialog(\r\n \"บันทึกสำเร็จ\",\r\n \"/assessing-subordinate\"\r\n );\r\n localStorage.setItem(\"defaultActiveKey\", 2);\r\n } else {\r\n this.dialog.SuccessDialog(\r\n \"Save Success\",\r\n \"/assessing-subordinate\"\r\n );\r\n localStorage.setItem(\"defaultActiveKey\", 2);\r\n }\r\n }\r\n });\r\n } else {\r\n // alert(\r\n // \"บันทึกไม่สำเร็จ ข้อมูลเหตุผลไม่ครบถ้วน กรุณาตรวจสอบข้อมูลการประเมิน\"\r\n // );\r\n //RUN: ปรับการแจ้งเตือนให้เป็น pop up dialog 18/04/2021\r\n if (this.state.language == \"TH\") {\r\n this.dialog.WarningDialog(\r\n \"บันทึกไม่สำเร็จ ข้อมูลเหตุผลไม่ครบถ้วน กรุณาตรวจสอบข้อมูลการประเมิน\"\r\n );\r\n } else {\r\n this.dialog.WarningDialog(\r\n \"Unable to save due to incomplete remark. Please check your assessment informations.\"\r\n );\r\n }\r\n }\r\n } else {\r\n // alert(\"บันทึกไม่สำเร็จ ข้อมูลไม่ครบถ้วน กรุณาตรวจสอบข้อมูลการประเมิน\");\r\n //RUN: ปรับการแจ้งเตือนให้เป็น pop up dialog 18/04/2021\r\n\r\n if (this.state.language == \"TH\") {\r\n this.dialog.WarningDialog(\r\n \"บันทึกไม่สำเร็จ ข้อมูลไม่ครบถ้วน กรุณาตรวจสอบข้อมูลการประเมิน\"\r\n );\r\n } else {\r\n this.dialog.WarningDialog(\r\n \"Unable to save due to incomplete data. Please check your assessment informations.\"\r\n );\r\n }\r\n }\r\n };\r\n\r\n handleChange = (empid, assessor, value) => {\r\n console.log(\"in change\");\r\n\r\n var temp = [];\r\n temp = this.AnsData.ansForm.filter((e) => {\r\n return e.empid == empid && e.assessor == assessor;\r\n });\r\n\r\n if (temp.length == 0) {\r\n this.AnsData.ansForm.push({\r\n empid: empid,\r\n assessor: assessor,\r\n Point: value,\r\n });\r\n } else {\r\n this.AnsData.ansForm = this.testarrayDupFunction(empid, assessor);\r\n\r\n this.AnsData.ansForm.push({\r\n empid: empid,\r\n assessor: assessor,\r\n Point: value,\r\n });\r\n }\r\n\r\n console.log(\"ansForm\", this.AnsData.ansForm);\r\n\r\n // var five = this.AnsData.ansForm.filter((e) => e.Point == 5);\r\n\r\n // var four = this.AnsData.ansForm.filter((e) => e.Point == 4);\r\n // var three = this.AnsData.ansForm.filter((e) => e.Point == 3);\r\n // var two = this.AnsData.ansForm.filter((e) => e.Point == 2);\r\n // var one = this.AnsData.ansForm.filter((e) => e.Point == 1);\r\n\r\n // this.setState({ five: five, four: four, three: three, two: two, one: one });\r\n console.log(\"this.state.ansDefault in count\", this.state.ansDefault);\r\n // console.log(\"five\", this.state.five);\r\n // console.log(\"four\", this.state.four.length);\r\n // console.log(\"three\", this.state.three.length);\r\n // console.log(\"two\", this.state.two.length);\r\n // console.log(\"one\", this.state.one.length);\r\n };\r\n\r\n setRowKey(record) {\r\n const selectedRowKey = getRowKey(record);\r\n console.log(selectedRowKey, typeof selectedRowKey);\r\n this.setState({ selectedRowKey });\r\n }\r\n\r\n renderContentTH() {\r\n const {\r\n EmpListDatasource,\r\n ColumnsDatasourceTH,\r\n PositionList,\r\n SectorListDatasource,\r\n } = this.state;\r\n\r\n console.log(\"this.state.sectorTH\", this.state.sectorTH);\r\n\r\n var tempSector = SectorListDatasource.filter((e) => {\r\n return e.SectorId == this.state.sectorTH;\r\n });\r\n\r\n console.log(\"tempSector\", tempSector);\r\n\r\n return (\r\n \r\n
\r\n คณะวิชา/หน่วยงาน: {localStorage.getItem('DepartmentTH')} \r\n {/* this.handleSectorChange(e)}\r\n >\r\n ทั้งหมด \r\n {SectorListDatasource.map((position) => (\r\n \r\n {position.SectorNameTH}\r\n \r\n ))}\r\n */}\r\n\r\n \r\n \r\n จำนวนบุคลากรในสังกัด {EmpListDatasource.length} คน\r\n \r\n
\r\n \r\n\r\n
\r\n{/* \r\n
*/}\r\n
\r\n
{\r\n return (\r\n \r\n พิมพ์รายงาน \r\n \r\n );\r\n }}\r\n content={() => this.componentRef}\r\n />\r\n
\r\n {/* to print component */}\r\n
(this.componentRef = el)}>\r\n
\r\n
\r\n {/* หหหหห */}\r\n {/* คะแนนการประเมินการปฏิบัติงานประจำปีการศึกษา 2564\r\n */}\r\n คะแนนการประเมินการปฏิบัติงานประจำปีการศึกษา 2564\r\n \r\n {tempSector.map((e) => e.SectorNameTH)} \r\n \r\n
\r\n {/* render Left section */}\r\n \r\n \r\n \r\n คณะวิชา/หน่วยงาน: {localStorage.getItem('DepartmentTH')} \r\n \r\n
\r\n \r\n\r\n {/* render Right sector */}\r\n
\r\n
\r\n {/* render Left section */}\r\n {/* คณะวิชา/หน่วยงาน: ………สำนักงานทรัพยากรบุคคล……….\r\n(Faculty/Department) */}\r\n\r\n \r\n \r\n จำนวนบุคลากรในสังกัด {EmpListDatasource.length} คน \r\n \r\n \r\n
\r\n \r\n\r\n {/* render Right sector */}\r\n
\r\n
\r\n
getRowKey(record)}\r\n pagination={false}\r\n >\r\n \r\n\r\n
\r\n
\r\n
ลงชื่อ _________________________________
\r\n
\r\n {\" \"}\r\n {\"( \" +\r\n localStorage.getItem(\"TitleTH\") +\r\n \" \" +\r\n localStorage.getItem(\"FirstNameTH\") +\r\n \" \" +\r\n localStorage.getItem(\"LastNameTH\") +\r\n \" )\"}\r\n
\r\n
ตำแหน่ง _______________________________
\r\n
วันที่ _________________
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {/* render Left section */}\r\n Choose by Sector: \r\n this.handleSectorChange(e)}\r\n >\r\n All \r\n {SectorListDatasource.map((position) => (\r\n \r\n {position.SectorNameTH}\r\n \r\n ))}\r\n \r\n\r\n {/* render Right sector */}\r\n \r\n \r\n Total {EmpListDatasource.length}\r\n \r\n
\r\n \r\n\r\n
\r\n\r\n
\r\n\r\n {this.state.evalStatus == \"2\" ? (\r\n
\r\n
{\r\n return (\r\n \r\n Print Report \r\n \r\n );\r\n }}\r\n content={() => this.componentRef}\r\n />\r\n
\r\n {/* to print component */}\r\n
(this.componentRef = el)}>\r\n
\r\n
\r\n {\" \"}\r\n Report of level on work Performance for acadamic year 2020\r\n \r\n {tempSector.map((e) => e.SectorNameEN)} \r\n \r\n\r\n
\r\n {/* render Left section */}\r\n \r\n \r\n จำนวนบุคลากรในสังกัด {EmpListDatasource.length}{\" \"}\r\n คน\r\n \r\n
\r\n \r\n\r\n {/* render Right sector */}\r\n
\r\n\r\n
\r\n\r\n
\r\n
\r\n
Signature _________________________________
\r\n
\r\n {\"( \" +\r\n localStorage.getItem(\"TitleEN\") +\r\n \" \" +\r\n localStorage.getItem(\"FirstNameEN\") +\r\n \" \" +\r\n localStorage.getItem(\"LastNameEN\") +\r\n \" )\"}\r\n
\r\n
Position _______________________________
\r\n
Date _________________
\r\n
\r\n
\r\n
\r\n
\r\n\r\n
\r\n {\r\n this.handleSaveDraft(this.AnsData.ansForm);\r\n }}\r\n >\r\n Draft\r\n \r\n\r\n {\r\n this.handleSubmit(\r\n this.AnsData.ansForm,\r\n this.state.EmpListDatasource\r\n );\r\n }}\r\n >\r\n Submit\r\n \r\n
\r\n )}\r\n \r\n );\r\n }\r\n\r\n renderCountTH() {\r\n {/* RUN 05/06/2021 นำ percentage ไปใส่ */ }\r\n\r\n\r\n return (\r\n \r\n {/*
\r\n {\" \"}\r\n ระดับผลปฎิบัติงาน */}\r\n \r\n );\r\n }\r\n\r\n renderCountEN() {\r\n {/* RUN 05/06/2021 นำ percentage ไปใส่ */ }\r\n\r\n // const { five, four, three, two, one, total } = this.state;\r\n\r\n return (\r\n \r\n {/*
\r\n {\" \"}\r\n Result of Work Performance */}\r\n \r\n );\r\n }\r\n\r\n render() {\r\n console.log(\"this.state.evalstatus\", this.state.evalStatus);\r\n\r\n return (\r\n \r\n {this.state.language == \"TH\"\r\n ? this.renderContentTH()\r\n : this.renderContentEN()}\r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default PointsofWorkReport;\r\n","\r\nimport SubHeader from \"../components/SubHeader\";\r\nimport \"antd/dist/antd.css\";\r\n//RUN: new header component 16/04/2021\r\nimport HeaderComponent from \"../components/HeaderComponent\";\r\nimport LoginScreen from \"./LoginScreen\";\r\nimport { Redirect } from \"react-router\";\r\nimport \"../shared/css/list-page.css\";\r\nimport \"../shared/css/headerpages.css\";\r\nimport React, { useState, useEffect } from \"react\";\r\nimport { Drawer, Card, Table, Spin } from 'antd';\r\nimport * as _ from \"lodash\"; //\r\nimport moment from \"moment\";\r\nconst VaccineHome = () => {\r\n const [VachistoryInfo, setVacHistory] = useState([]);\r\n const [CovidDetectHistory, setCovidDetectHistory] = useState([]);\r\n\r\n\r\n const init = () => {\r\n fetch(process.env.REACT_APP_API_URL + \"/api/getCovidHistory\", {\r\n method: \"post\",\r\n headers: {\r\n \"Content-Type\": \"application/json\",\r\n Accept: \"application/json\",\r\n },\r\n\r\n body: JSON.stringify({\r\n empid: localStorage.getItem(\"EmpId\"),\r\n }),\r\n }).then((Response) => Response.json())\r\n .then((result) => {\r\n console.log('ccdcdcdcdcd', result)\r\n\r\n console.log('result', `${result.covidHistory}`)\r\n setVacHistory(\r\n result[0].covidHistory\r\n )\r\n setCovidDetectHistory(\r\n result[0].covidDetectHistory\r\n )\r\n\r\n });\r\n };\r\n const columnsTH = [\r\n {\r\n title: localStorage.getItem('Language') == 'TH' ? 'เข็มที่' : 'Dose',\r\n dataIndex: 'Dose',\r\n width: '10%',\r\n className: 'reporthead reportcolumn reporttd'\r\n },\r\n {\r\n title: localStorage.getItem('Language') == 'TH' ? 'ชื่อวัคซีน' : 'Name of Vaccine',\r\n dataIndex: 'VacName',\r\n width: '10%',\r\n className: 'reporthead reportcolumn reporttd'\r\n\r\n },\r\n {\r\n title: localStorage.getItem('Language') == 'TH' ? 'วันที่ได้รับวัคซีน' : 'Date of Vaccination',\r\n // title: 'วันที่ได้รับวัคซีน / Date of Vaccination',\r\n dataIndex: 'VacDate',\r\n width: '10%',\r\n className: 'reporthead reportcolumn reporttd'\r\n },\r\n\r\n\r\n\r\n ];\r\n\r\n const tableDataTH = [];\r\n {\r\n if (VachistoryInfo) {\r\n VachistoryInfo.map((data, index) => {\r\n tableDataTH.push({\r\n key: index,\r\n Dose: data.Dose,\r\n VacName: data.VacID == 7 ? {localStorage.getItem('Language') == 'TH' ? data.VacNameTH : data.VacNameEN} ({data.OtherVaccine})
: {localStorage.getItem('Language') == 'TH' ? data.VacNameTH : data.VacNameEN}
,\r\n VacDate: data.VacDate === null ? null : moment(data.VacDate).format(\"DD/MM/YYYY\"),\r\n })\r\n })\r\n }\r\n\r\n }\r\n\r\n const columnsCovidDetctHistory = [\r\n {\r\n title: localStorage.getItem('Language') == 'TH' ? 'ครั้งที่' : 'No',\r\n // title: 'ครั้งที่ / No',\r\n dataIndex: 'DetectCount',\r\n width: '10%',\r\n className: 'reporthead reportcolumn reporttd'\r\n\r\n },\r\n {\r\n title: localStorage.getItem('Language') == 'TH' ? 'ประเภทการตรวจ' : 'Detection Type',\r\n // title: 'ผลการตรวจ ',\r\n dataIndex: 'Type',\r\n width: '10%',\r\n className: 'reporthead reportcolumn reporttd'\r\n\r\n },\r\n {\r\n title: localStorage.getItem('Language') == 'TH' ? 'วันที่ตรวจพบเชื้อ' : 'Date of detection',\r\n // title: 'วันที่ตรวจพบเชื้อ / Date of detection',\r\n dataIndex: 'DetectDate',\r\n width: '10%',\r\n className: 'reporthead reportcolumn reporttd'\r\n\r\n },\r\n {\r\n title: localStorage.getItem('Language') == 'TH' ? 'วันที่รักษาหาย' : 'Date of recovery',\r\n // \r\n // title: 'วันที่รักษาหาย / Date of recovery',\r\n dataIndex: 'CuredDate',\r\n width: '10%',\r\n className: 'reporthead reportcolumn reporttd'\r\n\r\n },\r\n\r\n ];\r\n const tableDetectHistory = [];\r\n {\r\n if (CovidDetectHistory) {\r\n CovidDetectHistory.map((data, index) => {\r\n tableDetectHistory.push({\r\n key: index,\r\n DetectCount: data.DetectCount,\r\n Type: data.Type == 0 ? 'ATK' : 'RT-PCR',\r\n // VacDate: data.VacDate === null ? null : moment(data.VacDate).format(\"DD/MM/YYYY\"),\r\n DetectDate: data.DetectDate === null ? null : moment(data.DetectDate).format(\"DD/MM/YYYY\"),\r\n CuredDate: data.CuredDate === null ? null : moment(data.CuredDate).format(\"DD/MM/YYYY\"),\r\n })\r\n })\r\n }\r\n\r\n }\r\n\r\n useEffect(() => {\r\n init();\r\n }, []);\r\n\r\n return (\r\n \r\n
\r\n
\r\n
\r\n {localStorage.getItem('Language') == 'TH' ?\r\n
สถานะการรับวัคซีน และ การตรวจพบการติดเชื้อ Covid-19 \r\n :\r\n Vaccine and Covid Detection History \r\n }\r\n\r\n \r\n \r\n
\r\n
\r\n {localStorage.getItem('Language') == 'TH' ?\r\n
ประวัติการฉีดวัคซีนโควิด-19 \r\n :\r\n History of COViD-19 Vaccination \r\n }\r\n\r\n \r\n
\r\n
\r\n
\r\n
\r\n {localStorage.getItem('Language') == 'TH' ?\r\n
ผลการตรวจโควิด-19 \r\n :\r\n COVID-19 test result(s) \r\n }\r\n\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n {vac.map((vactype) => (\r\n \r\n {vactype.VacNameTH}\r\n \r\n ))}\r\n \r\n {data.VacID == 7 ?\r\n \r\n
\r\n โปรดระบุชื่อวัคซีน: \r\n
\r\n
\r\n\r\n
\r\n
\r\n {vac.map((vactype) => (\r\n \r\n {vactype.VacNameEN}\r\n \r\n ))}\r\n \r\n {data.VacID == 7 ?\r\n \r\n
\r\n Please specify vaccine name: \r\n
\r\n
\r\n\r\n
\r\n \r\n ATK \r\n RT-PCR \r\n \r\n
\r\n ),\r\n DetectDate: data.DetectDate !== null ?\r\n (\r\n \r\n ATK \r\n RT-PCR \r\n \r\n
\r\n ),\r\n DetectDate: data.DetectDate !== null ?\r\n (\r\n
\r\n {/* */}\r\n\r\n
\r\n
\r\n {/* */}\r\n\r\n
\r\n\r\n
window.location.replace('/vaccine-info')}\r\n title={localStorage.getItem('Language') == 'TH' ? titleTH : titleEN}\r\n />\r\n \r\n {localStorage.getItem('Language') == 'TH' ?\r\n newPostFormTH()\r\n :\r\n newPostFormEN()\r\n }\r\n
\r\n \r\n
\r\n {vac.map((vactype) => (\r\n \r\n {vactype.VacNameTH}\r\n \r\n ))}\r\n \r\n {data.VacID == 7 ?\r\n \r\n
\r\n โปรดระบุชื่อวัคซีน: \r\n
\r\n
\r\n\r\n
\r\n
\r\n {vac.map((vactype) => (\r\n \r\n {vactype.VacNameEN}\r\n \r\n ))}\r\n \r\n {data.VacID == 7 ?\r\n \r\n
\r\n Please specify vaccine name: \r\n
\r\n
\r\n\r\n
\r\n \r\n ATK \r\n RT-PCR \r\n \r\n
\r\n ),\r\n DetectDate: data.DetectDate !== null ?\r\n (\r\n \r\n ATK \r\n RT-PCR \r\n \r\n
\r\n ),\r\n DetectDate: data.DetectDate !== null ?\r\n (\r\n\r\n
\r\n {/* */}\r\n\r\n
\r\n
\r\n {/* */}\r\n\r\n
\r\n\r\n
window.location.replace('/vaccine-info')}\r\n title={localStorage.getItem('Language') == 'TH' ? titleTH : titleEN}\r\n />\r\n \r\n {localStorage.getItem('Language') == 'TH' ?\r\n newPostFormTH()\r\n :\r\n newPostFormEN()\r\n }\r\n
\r\n \r\n\r\n \r\n \r\n \r\n \r\n\r\n\r\n\r\n \r\n );\r\n}\r\n\r\n}\r\n","const reportWebVitals = onPerfEntry => {\r\n if (onPerfEntry && onPerfEntry instanceof Function) {\r\n import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {\r\n getCLS(onPerfEntry);\r\n getFID(onPerfEntry);\r\n getFCP(onPerfEntry);\r\n getLCP(onPerfEntry);\r\n getTTFB(onPerfEntry);\r\n });\r\n }\r\n};\r\n\r\nexport default reportWebVitals;\r\n","import React from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport './index.css';\r\nimport App from './App';\r\nimport reportWebVitals from './reportWebVitals';\r\n\r\nReactDOM.render(\r\n \r\n ,\r\n document.getElementById('root')\r\n);\r\n\r\n\r\n\r\n// If you want to start measuring performance in your app, pass a function\r\n// to log results (for example: reportWebVitals(console.log))\r\n// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals\r\nreportWebVitals();\r\n"],"sourceRoot":""}