\r\n
\r\n \r\n \r\n {isShow && (\r\n \r\n )}\r\n
\r\n \r\n Hotline:
\r\n \r\n (02-8) 38 486 489\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n );\r\n};\r\nexport default FooterContent;\r\n","/* eslint-disable */\r\n\r\nimport { Col, Row, Skeleton } from \"antd\";\r\nimport { useHistory } from \"react-router-dom\";\r\nimport React, { useEffect } from \"react\";\r\nimport \"./component-css/CustomCard.css\";\r\nimport { useDispatch, useSelector } from \"react-redux\";\r\nimport { getMenuById } from \"../config/apiConfig\";\r\nimport { menuItemSelected } from \"../actions/menu\";\r\n\r\nconst CustomCard = (props) => {\r\n const { langId, menuItem } = useSelector((state) => state.menu);\r\n const history = useHistory();\r\n const dispatch = useDispatch();\r\n let menuId;\r\n useEffect(() => {\r\n if (langId === \"2\") {\r\n if (props.cardType === \"intro\") menuId = 2;\r\n if (props.cardType === \"service\") menuId = 3;\r\n if (props.cardType === \"news\") menuId = 8;\r\n }\r\n if (langId === \"1\") {\r\n if (props.cardType === \"intro\") menuId = 41;\r\n if (props.cardType === \"service\") menuId = 50;\r\n if (props.cardType === \"news\") menuId = 60;\r\n }\r\n });\r\n const handleClick = async (link) => {\r\n const menuParentRes = await getMenuById(menuId);\r\n if (props.cardType === \"service\") {\r\n if (langId === \"2\") {\r\n const menuRes = await getMenuById(263);\r\n const setMenu = {\r\n ...menuItem,\r\n banner: menuParentRes.data.params,\r\n menuParentId: menuParentRes.data.parent,\r\n menuParentTitle: menuParentRes.data.name,\r\n title: menuRes.data.name,\r\n menuId: menuRes.data.id,\r\n };\r\n dispatch(menuItemSelected(setMenu));\r\n localStorage.setItem(\"menuItem\", JSON.stringify(setMenu));\r\n } else {\r\n const setMenu = {\r\n ...menuItem,\r\n banner: menuParentRes.data.params,\r\n menuParentId: menuParentRes.data.parent,\r\n menuParentTitle: menuParentRes.data.name,\r\n menuId: 51,\r\n };\r\n dispatch(menuItemSelected(setMenu));\r\n localStorage.setItem(\"menuItem\", JSON.stringify(setMenu));\r\n }\r\n } else {\r\n const setMenu = {\r\n ...menuItem,\r\n banner: menuParentRes.data.params,\r\n menuParentId: menuParentRes.data.parent,\r\n menuParentTitle: menuParentRes.data.name,\r\n };\r\n dispatch(menuItemSelected(setMenu));\r\n localStorage.setItem(\"menuItem\", JSON.stringify(setMenu));\r\n }\r\n\r\n window.scrollTo({\r\n top: 0,\r\n left: 0,\r\n behavior: \"smooth\",\r\n });\r\n history.push(`${link}`);\r\n };\r\n\r\n return (\r\n \r\n
\r\n \r\n ® 2010 Copyright by Tan Son Nhat Cargo Services Joint Stock Company\r\n (TCS)\r\n
\r\n\r\n \r\n {menuItems.map((item) => {\r\n return (\r\n \r\n {langId === \"2\" ? item.title : item.titleEn}\r\n \r\n );\r\n })}\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n handleClick(props.link)}>\r\n
\r\n \r\n
\r\n \r\n \r\n handleClick(props.link)}\r\n >{props.title}\r\n \r\n
\r\n {props.children}
\r\n \r\n handleClick(props.link)}\r\n >\r\n {langId === \"2\" ? \"Xem tiếp\" : \"More\"}\r\n \r\n
\r\n \r\n \r\n {props.title}\r\n
\r\n \r\n \r\n ![\"news_logo\"](\"../img/news_icon.jpg\")
\r\n
\r\n \r\n \r\n handleClick(post.id)}>\r\n
\r\n \r\n handleClick(post.id)}>\r\n {post.title.replace(/^(.{85}[^\\s]*).*/, \"$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 })}\r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n {t(\"home.awbNav\")}
\r\n\r\n {/* */}\r\n \r\n
\r\n {t(\"home.billsNav\")}
\r\n \r\n\r\n \r\n \r\n
\r\n {window.innerWidth > 576 && (\r\n {t(\"home.statistic\")}
\r\n\r\n \r\n \r\n
\r\n )}\r\n {t(\"home.adminEsidExport\")}
\r\n\r\n \r\n {\r\n history.push(\"/nvesid\");\r\n }}\r\n name=\"rdoAdminEsidExport\"\r\n value=\"adminEsidExport\"\r\n >\r\n {t(\"home.adminEsidExport\")}\r\n \r\n }\r\n {!signedIn && (\r\n \r\n \r\n \r\n {t(\"home.agent\")}\r\n \r\n \r\n {t(\"home.airlines\")}\r\n \r\n {\r\n history.push(\"/awb/checkoutLogin\");\r\n }}\r\n name=\"rdoAirline\"\r\n value=\"airlines\"\r\n >\r\n {t(\"home.checkin\")}\r\n \r\n {/* {\r\n history.push(\"/Esid/Export\");\r\n }}\r\n name=\"rdoEsidExport\"\r\n value=\"esidExport\"\r\n >\r\n {t(\"home.esidExport\")}\r\n */}\r\n \r\n \r\n )}\r\n {signedIn &&\r\n [\"admi\", \"\"].includes(dataLogin.data.user_code) ? (\r\n \r\n history.push(\"/Awb/Agent\")}\r\n name=\"rdoAgent\"\r\n value=\"agent\"\r\n >\r\n {t(\"home.agent\")}\r\n \r\n history.push(\"/Awb/Airlines\")}\r\n name=\"rdoAirline\"\r\n value=\"airlines\"\r\n >\r\n {t(\"home.airlines\")}\r\n \r\n {\r\n !dataLogin.data.user_code.startsWith(\"TCS\") &&\r\n dispatch(userAwbLogout());\r\n history.push(\"/awb/checkoutLogin\");\r\n }}\r\n name=\"rdoAirline\"\r\n value=\"airlines\"\r\n >\r\n {t(\"home.checkin\")}\r\n \r\n {/* {\r\n history.push(\"/Esid/Export\");\r\n }}\r\n name=\"rdoEsidExport\"\r\n value=\"esidExport\"\r\n >\r\n {t(\"home.esidExport\")}\r\n */}\r\n \r\n ) : dataLogin &&\r\n dataLogin.data.user_code.slice(0, 2) === \"90\" &&\r\n isNaN(\r\n dataLogin.data.user_code.slice(\r\n 2,\r\n dataLogin.data.user_code.length\r\n )\r\n ) ? (\r\n \r\n {!dataLogin.data.user_code.startsWith(\"TCS\") && (\r\n history.push(\"/Awb/Airlines\")}\r\n name=\"rdoAirline\"\r\n value=\"airlines\"\r\n >\r\n {t(\"home.airlines\")}\r\n \r\n )}\r\n {\r\n !dataLogin.data.user_code.startsWith(\"TCS\") &&\r\n dispatch(userAwbLogout());\r\n history.push(\"/awb/checkoutLogin\");\r\n }}\r\n name=\"rdoAirline\"\r\n value=\"airlines\"\r\n >\r\n {t(\"home.checkin\")}\r\n \r\n {/* {\r\n history.push(\"/Esid/Export\");\r\n }}\r\n name=\"rdoEsidExport\"\r\n value=\"esidExport\"\r\n >\r\n {t(\"home.esidExport\")}\r\n */}\r\n \r\n ) : (\r\n signedIn && (\r\n \r\n {!dataLogin.data.user_code.startsWith(\"TCS\") &&\r\n dataLogin.data.user_code !== \"\" && (\r\n {\r\n if (dataLogin.data.user_code !== \"ad\")\r\n history.push(\"/Awb/Agent\");\r\n else {\r\n history.push(\"/Awb/samsung\");\r\n }\r\n }}\r\n name=\"rdoAgent\"\r\n value=\"agent\"\r\n >\r\n {t(\"home.agent\")}\r\n \r\n )}\r\n\r\n {\r\n !dataLogin.data.user_code.startsWith(\"TCS\") &&\r\n dispatch(userAwbLogout());\r\n history.push(\"/awb/checkoutLogin\");\r\n }}\r\n name=\"rdoAirline\"\r\n value=\"airlines\"\r\n >\r\n {t(\"home.checkin\")}\r\n \r\n {/* {\r\n history.push(\"/Esid/Export\");\r\n }}\r\n name=\"rdoEsidExport\"\r\n value=\"esidExport\"\r\n >\r\n {t(\"home.esidExport\")}\r\n */}\r\n \r\n )\r\n )}\r\n \r\n
\r\n {/* \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {t(\"home.go\")}\r\n \r\n \r\n \r\n
\r\n
\r\n \r\n \r\n {!signedIn && (\r\n \r\n \r\n \r\n {t(\"home.agent\")}\r\n \r\n \r\n {t(\"home.airlines\")}\r\n \r\n {\r\n history.push(\"/awb/checkoutLogin\");\r\n }}\r\n name=\"rdoAirline\"\r\n value=\"airlines\"\r\n >\r\n {t(\"home.checkin\")}\r\n \r\n \r\n \r\n )}\r\n {signedIn &&\r\n [\"admi\", \"\"].includes(dataLogin.data.user_code) ? (\r\n \r\n history.push(\"/Awb/Agent\")}\r\n name=\"rdoAgent\"\r\n value=\"agent\"\r\n >\r\n {t(\"home.agent\")}\r\n \r\n history.push(\"/Awb/Airlines\")}\r\n name=\"rdoAirline\"\r\n value=\"airlines\"\r\n >\r\n {t(\"home.airlines\")}\r\n \r\n {\r\n !dataLogin.data.user_code.startsWith(\"TCS\") &&\r\n dispatch(userAwbLogout());\r\n history.push(\"/awb/checkoutLogin\");\r\n }}\r\n name=\"rdoAirline\"\r\n value=\"airlines\"\r\n >\r\n {t(\"home.checkin\")}\r\n \r\n \r\n ) : dataLogin &&\r\n dataLogin.data.user_code.slice(0, 2) === \"90\" &&\r\n isNaN(\r\n dataLogin.data.user_code.slice(\r\n 2,\r\n dataLogin.data.user_code.length\r\n )\r\n ) ? (\r\n \r\n {!dataLogin.data.user_code.startsWith(\"TCS\") && (\r\n history.push(\"/Awb/Airlines\")}\r\n name=\"rdoAirline\"\r\n value=\"airlines\"\r\n >\r\n {t(\"home.airlines\")}\r\n \r\n )}\r\n {\r\n !dataLogin.data.user_code.startsWith(\"TCS\") &&\r\n dispatch(userAwbLogout());\r\n history.push(\"/awb/checkoutLogin\");\r\n }}\r\n name=\"rdoAirline\"\r\n value=\"airlines\"\r\n >\r\n {t(\"home.checkin\")}\r\n \r\n \r\n ) : (\r\n signedIn && (\r\n \r\n {!dataLogin.data.user_code.startsWith(\"TCS\") &&\r\n dataLogin.data.user_code !== \"\" && (\r\n {\r\n if (dataLogin.data.user_code !== \"ad\")\r\n history.push(\"/Awb/Agent\");\r\n else {\r\n history.push(\"/Awb/samsung\");\r\n }\r\n }}\r\n name=\"rdoAgent\"\r\n value=\"agent\"\r\n >\r\n {t(\"home.agent\")}\r\n \r\n )}\r\n\r\n {\r\n !dataLogin.data.user_code.startsWith(\"TCS\") &&\r\n dispatch(userAwbLogout());\r\n history.push(\"/awb/checkoutLogin\");\r\n }}\r\n name=\"rdoAirline\"\r\n value=\"airlines\"\r\n >\r\n {t(\"home.checkin\")}\r\n \r\n \r\n )\r\n )}\r\n
\r\n */}\r\n {menuItem.title}
\r\n \r\n\r\n {activeKey === '1000000321' && (\r\n
\r\n \r\n
\r\n )}\r\n {activeKey !== '1000000321' && (\r\n <>\r\n {tab.content_standard ? (\r\n \r\n {courses.slice(0,3).map(course => (\r\n
\r\n setActiveCourse(course)} style={styles.button}>\r\n ![\"TCS](\"/img/logo-nobg.png\")
\r\n
\r\n ))}\r\n {course.title}
\r\n \r\n \r\n {courses.slice(3,courses.length).map(course => (\r\n
\r\n {activeCourse && (\r\n setActiveCourse(course)} style={styles.button}>\r\n \r\n
\r\n ))}\r\n {course.title}
\r\n \r\n \r\n
\r\n )}\r\n \r\n
\r\n \r\n {activeCourse.fulltext && Parser(activeCourse.fulltext !== null ? activeCourse.fulltext : '')}\r\n
\r\n \r\n
\r\n ) : (\r\n <>\r\n \r\n
\r\n {tab.title}
\r\n\r\n {tab.fulltext && Parser(tab.fulltext !== null ? tab.fulltext : '')}\r\n
\r\n {tab.title}
\r\n\r\n {tab.fulltext && Parser(tab.fulltext !== null ? tab.fulltext : '')}\r\n
\r\n \r\n )}\r\n \r\n )}\r\n {langId === \"2\" ? \"Góp Ý\" : \"Feedback\"}
\r\n \r\n\r\n
\r\n \r\n {step.title}
\r\n {step.fulltext && Parser(step.fulltext)}\r\n \r\n );\r\n else return \"\";\r\n })}\r\n \r\n );\r\n};\r\nexport default GuideContent;\r\n","/* eslint-disable */\r\n\r\nimport React from \"react\";\r\nimport { Row, Col, Input, DatePicker, Form } from \"antd\";\r\nimport QRCode from \"qrcode.react\";\r\nimport moment from \"moment\";\r\n\r\nexport class RegistryToPrint extends React.PureComponent {\r\n constructor(props) {\r\n super(props);\r\n }\r\n render() {\r\n const { flightNo, flightDate } = this.props;\r\n const checkLanguage = localStorage.getItem(\"LANGUAGE\");\r\n return (\r\n \r\n
\r\n );\r\n }\r\n}\r\n","import axiosInstance from \"./AuthIntercept\";\r\nimport * as Constant from \"./Constant\";\r\n\r\nexport async function GetBillDetail(url, data, token) {\r\n let result = await axiosInstance.post(\r\n Constant.DOMAIN_CLIENT + \"GetBillDetail\",\r\n {\r\n data,\r\n url,\r\n },\r\n {\r\n headers: {\r\n Authorization: token,\r\n },\r\n }\r\n );\r\n return result;\r\n}\r\nexport async function GET_MAWB_CTC_INF(url, data, token) {\r\n let result = await axiosInstance.post(\r\n Constant.DOMAIN_CLIENT + \"GET_MAWB_CTC_INF\",\r\n {\r\n url,\r\n data,\r\n },\r\n {\r\n headers: {\r\n Authorization: token,\r\n },\r\n }\r\n );\r\n return result;\r\n}\r\nexport async function GET_EXP_FLIGHT_CUTOFF_TIME(url, data) {\r\n let result = await axiosInstance.post(\r\n Constant.DOMAIN_CLIENT + \"GET_EXP_FLIGHT_CUTOFF_TIME\",\r\n {\r\n data: data,\r\n url,\r\n }\r\n );\r\n return result;\r\n}\r\nexport async function GET_AGENT_NONEDLV_LIST(url, data, token) {\r\n let result = await axiosInstance.post(\r\n Constant.DOMAIN_CLIENT + \"GET_AGENT_NONEDLV_LIST\",\r\n {\r\n data: data,\r\n url,\r\n },\r\n {\r\n headers: {\r\n Authorization: token,\r\n },\r\n }\r\n );\r\n return result;\r\n}\r\nexport async function GET_AIRLINE_NONEDLV_LIST(url, data, token) {\r\n let result = await axiosInstance.post(\r\n Constant.DOMAIN_CLIENT + \"GET_AIRLINE_NONEDLV_LIST\",\r\n {\r\n data: data,\r\n url,\r\n },\r\n {\r\n headers: {\r\n Authorization: token,\r\n },\r\n }\r\n );\r\n return result;\r\n}\r\nexport async function GetReportAgent(urlDoc, urlSHP, data, token) {\r\n let result = await axiosInstance.post(\r\n Constant.DOMAIN_CLIENT + \"GetReportAgent\",\r\n {\r\n urlDoc,\r\n urlSHP,\r\n data,\r\n },\r\n {\r\n headers: {\r\n Authorization: token,\r\n },\r\n }\r\n );\r\n return result;\r\n}\r\nexport const GET_EXP_SHPMENTS_IN_WH = (\r\n carrierId,\r\n flightNumber,\r\n flightDate,\r\n token\r\n) =>\r\n axiosInstance.post(\r\n `${Constant.DOMAIN_CLIENT}GET_EXP_SHPMENTS_IN_WH`,\r\n {\r\n carrierId,\r\n flightNumber,\r\n flightDate,\r\n },\r\n {\r\n headers: {\r\n Authorization: token,\r\n },\r\n }\r\n );\r\n\r\nexport const GET_EXP_SHIPMENTS_STATUS = (\r\n carrierId,\r\n flightNumber,\r\n flightDate,\r\n token\r\n) =>\r\n axiosInstance.post(\r\n `${Constant.DOMAIN_CLIENT}GET_EXP_SHIPMENTS_STATUS`,\r\n {\r\n carrierId,\r\n flightNumber,\r\n flightDate,\r\n },\r\n {\r\n headers: {\r\n Authorization: token,\r\n },\r\n }\r\n );\r\nexport const GET_EXP_ACCEPTANCE = async (awbFirst, awbLast) => {\r\n return await axiosInstance.post(`${Constant.DOMAIN_CLIENT}GET_EXP_ACCEPTANCE`, {\r\n awbFirst,\r\n awbLast,\r\n });\r\n};\r\nexport const GET_EXP_BOOKING_INF = async (awbFirst, awbLast) => {\r\n return await axiosInstance.post(`${Constant.DOMAIN_CLIENT}GET_EXP_BOOKING_INF`, {\r\n awbFirst,\r\n awbLast,\r\n });\r\n};\r\nexport const GET_EXP_SHIPMENT_INF = async (awbFirst, awbLast) => {\r\n return await axiosInstance.post(`${Constant.DOMAIN_CLIENT}GET_EXP_SHIPMENT_INF`, {\r\n awbFirst,\r\n awbLast,\r\n });\r\n};\r\nexport const GET_SHIPMENT_INF = async (awbFirst, awbLast, hawb, token) => {\r\n return await axiosInstance.post(\r\n `${Constant.DOMAIN_CLIENT}GET_SHIPMENT_INF`,\r\n {\r\n awbFirst,\r\n awbLast,\r\n hawb,\r\n },\r\n {\r\n headers: {\r\n Authorization: token,\r\n },\r\n }\r\n );\r\n};\r\nexport const GET_CUSTOMER_NAME = async (userCode, token) => {\r\n return await axiosInstance.post(\r\n `${Constant.DOMAIN_CLIENT}GET_CUSTOMER_NAME`,\r\n {\r\n userCode,\r\n },\r\n {\r\n headers: {\r\n Authorization: token,\r\n },\r\n }\r\n );\r\n};\r\nexport const GET_HAWB_DOC_INF = async (awbFirst, awbLast, hawbNo, token) => {\r\n return await axiosInstance.post(\r\n `${Constant.DOMAIN_CLIENT}GET_HAWB_DOC_INF`,\r\n {\r\n awbFirst,\r\n awbLast,\r\n hawbNo,\r\n },\r\n {\r\n headers: {\r\n Authorization: token,\r\n },\r\n }\r\n );\r\n};\r\nexport const GET_HAWB_CTC_INF = async (awbFirst, awbLast, hawbNo, token) => {\r\n return await axiosInstance.post(\r\n `${Constant.DOMAIN_CLIENT}GET_HAWB_CTC_INF`,\r\n {\r\n awbFirst,\r\n awbLast,\r\n hawbNo,\r\n },\r\n {\r\n headers: {\r\n Authorization: token,\r\n },\r\n }\r\n );\r\n};\r\nexport const GET_HAWB_SHIPMENT_INF = async (\r\n awbFirst,\r\n awbLast,\r\n hawbNo,\r\n token\r\n) => {\r\n return await axiosInstance.post(\r\n `${Constant.DOMAIN_CLIENT}GET_HAWB_SHIPMENT_INF`,\r\n {\r\n awbFirst,\r\n awbLast,\r\n hawbNo,\r\n },\r\n {\r\n headers: {\r\n Authorization: token,\r\n },\r\n }\r\n );\r\n};\r\nexport const GET_AIRLINE_FLIGHT_REPORT_PART_A = async (\r\n flightNo,\r\n flightDate,\r\n token\r\n) => {\r\n return await axiosInstance.post(\r\n `${Constant.DOMAIN_CLIENT}GET_AIRLINE_FLIGHT_REPORT_PART_A`,\r\n { flightNo, flightDate },\r\n {\r\n headers: {\r\n Authorization: token,\r\n },\r\n }\r\n );\r\n};\r\nexport const GET_AIRLINE_FLIGHT_REPORT_PART_B = async (\r\n flightNo,\r\n flightDate,\r\n token\r\n) => {\r\n return await axiosInstance.post(\r\n `${Constant.DOMAIN_CLIENT}GET_AIRLINE_FLIGHT_REPORT_PART_B`,\r\n { flightNo, flightDate },\r\n {\r\n headers: {\r\n Authorization: token,\r\n },\r\n }\r\n );\r\n};\r\nexport const GET_AIRLINE_FLIGHT_REPORT_PART_C = async (\r\n flightNo,\r\n flightDate,\r\n token\r\n) => {\r\n return await axiosInstance.post(\r\n `${Constant.DOMAIN_CLIENT}GET_AIRLINE_FLIGHT_REPORT_PART_C`,\r\n { flightNo, flightDate },\r\n {\r\n headers: {\r\n Authorization: token,\r\n },\r\n }\r\n );\r\n};\r\n\r\nexport const GET_AIRLINE_FLIGHT_REPORT_PART_D = (flightNo, flightDate, token) =>\r\n axiosInstance.post(\r\n `${Constant.DOMAIN_CLIENT}GET_AIRLINE_FLIGHT_REPORT_PART_D`,\r\n {\r\n flightNo,\r\n flightDate,\r\n },\r\n {\r\n headers: {\r\n Authorization: token,\r\n },\r\n }\r\n );\r\n\r\nexport const GET_CHARGE_INF = (START_DATE, END_DATE, token) =>\r\n axiosInstance.post(\r\n `${Constant.DOMAIN_CLIENT}GET_CHARGE_INF`,\r\n {\r\n START_DATE,\r\n END_DATE,\r\n },\r\n {\r\n headers: {\r\n Authorization: token,\r\n },\r\n }\r\n );\r\n\r\nexport const GET_IMP_FLIGHT_INF = (carrierCode, flightNo, flightDate, token) =>\r\n axiosInstance.post(\r\n `${Constant.DOMAIN_CLIENT}GET_IMP_FLIGHT_INF`,\r\n {\r\n carrierCode,\r\n flightNo,\r\n flightDate,\r\n },\r\n {\r\n headers: {\r\n Authorization: token,\r\n },\r\n }\r\n );\r\nexport const GET_CHARGE_INF_CS = (\r\n awbFirst,\r\n awbLast,\r\n awbSuffix,\r\n HAWB_NO,\r\n flightDate,\r\n S_SESSTION_ID,\r\n token\r\n) =>\r\n axiosInstance.post(\r\n `${Constant.DOMAIN_CLIENT}GET_CHARGE_INF_CS`,\r\n {\r\n awbFirst,\r\n awbLast,\r\n awbSuffix,\r\n HAWB_NO,\r\n flightDate,\r\n S_SESSTION_ID,\r\n },\r\n {\r\n headers: {\r\n Authorization: token,\r\n },\r\n }\r\n );\r\n\r\nexport const CALC_CHARGE = (\r\n awbFirst,\r\n awbLast,\r\n awbSuffix,\r\n hawbNo,\r\n CALC_DATE,\r\n S_SESSTION_ID,\r\n token\r\n) =>\r\n axiosInstance.post(\r\n `${Constant.DOMAIN_CLIENT}CALC_CHARGE`,\r\n {\r\n awbFirst,\r\n awbLast,\r\n awbSuffix,\r\n hawbNo,\r\n CALC_DATE,\r\n S_SESSTION_ID,\r\n },\r\n {\r\n headers: {\r\n Authorization: token,\r\n },\r\n }\r\n );\r\n\r\nexport const GET_CHARGE_CODE_CS = (\r\n awbFirst,\r\n awbLast,\r\n awbSuffix,\r\n hawb,\r\n CALC_DATE,\r\n S_SESSTION_ID,\r\n token\r\n) =>\r\n axiosInstance.post(\r\n `${Constant.DOMAIN_CLIENT}GET_CHARGE_CODE_CS`,\r\n {\r\n awbFirst,\r\n awbLast,\r\n awbSuffix,\r\n hawb,\r\n CALC_DATE,\r\n S_SESSTION_ID,\r\n },\r\n {\r\n headers: {\r\n Authorization: token,\r\n },\r\n }\r\n );\r\n\r\nexport const GET_CHG_DTL_WEB = (\r\n awbFirst,\r\n awbLast,\r\n awbSuffix,\r\n hawb,\r\n CHG_CODE,\r\n FL_DATE,\r\n S_SESSTION_ID,\r\n language,\r\n token\r\n) =>\r\n axiosInstance.post(\r\n `${Constant.DOMAIN_CLIENT}GET_CHG_DTL_WEB`,\r\n {\r\n awbFirst,\r\n awbLast,\r\n awbSuffix,\r\n hawb,\r\n CHG_CODE,\r\n FL_DATE,\r\n S_SESSTION_ID,\r\n language,\r\n },\r\n {\r\n headers: {\r\n Authorization: token,\r\n },\r\n }\r\n );\r\nexport const GET_HAWB_LOCATION = (awbFirst, awbLast, hawbNo, token) =>\r\n axiosInstance.post(\r\n `${Constant.DOMAIN_CLIENT}GET_HAWB_LOCATION`,\r\n {\r\n awbFirst,\r\n awbLast,\r\n hawbNo,\r\n },\r\n {\r\n headers: {\r\n Authorization: token,\r\n },\r\n }\r\n );\r\nexport const GET_MAWB_LOCATION = (awbFirst, awbLast, token) =>\r\n axiosInstance.post(\r\n `${Constant.DOMAIN_CLIENT}GET_MAWB_LOCATION`,\r\n {\r\n awbFirst,\r\n awbLast,\r\n },\r\n {\r\n headers: {\r\n Authorization: token,\r\n },\r\n }\r\n );\r\n\r\nexport const GET_LETTER_INF = (mawb, hawb, token) =>\r\n axiosInstance.post(\r\n `${Constant.DOMAIN_CLIENT}GET_LETTER_INF`,\r\n {\r\n mawb,\r\n hawb,\r\n },\r\n { headers: { Authorization: token } }\r\n );\r\n\r\nexport const GET_SS_IMP_STATUS_SHP_V2 = async (data, token) => {\r\n return await axiosInstance.post(\r\n `${Constant.DOMAIN_CLIENT}GET_SS_IMP_STATUS_SHP_V2`,\r\n {\r\n data,\r\n },\r\n { headers: { Authorization: token } }\r\n );\r\n};\r\n\r\nexport const GET_SS_EXP_STATUS_SHP = async (data, token) => {\r\n return await axiosInstance.post(\r\n `${Constant.DOMAIN_CLIENT}GET_SS_EXP_STATUS_SHP`,\r\n {\r\n data,\r\n },\r\n { headers: { Authorization: token } }\r\n );\r\n};\r\n","import {\r\n Button,\r\n Modal,\r\n Table,\r\n Form,\r\n notification,\r\n Row,\r\n Col,\r\n DatePicker,\r\n Input,\r\n} from \"antd\";\r\nimport moment from \"moment\";\r\nimport React, { useCallback, useEffect, useState } from \"react\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { GET_EXP_FLIGHT_CUTOFF_TIME } from \"../../../config/webTrackApi\";\r\nexport const ModalCutOffTime = ({\r\n setVisible,\r\n visible,\r\n setFlightDate,\r\n setFlightNo,\r\n dateIsString,\r\n}) => {\r\n const [visibleConfirm, setVisibleConfirm] = useState(false);\r\n const [dataSource, setDataSource] = useState([]);\r\n const [dataProject, setDataProject] = useState([]);\r\n const [loading, setLoading] = useState(false);\r\n const [form] = Form.useForm();\r\n const { t } = useTranslation(\"common\");\r\n const [selectedRows, setSelectedRows] = useState([]);\r\n const [selectedRowKeys, setSelectedRowKeys] = useState([]);\r\n const [valueInput, setValueInput] = useState(\"\");\r\n\r\n const columns = [\r\n {\r\n title: t(\"CutOffTime.fight\"),\r\n dataIndex: \"F01_COD_FLT_CAR\",\r\n // key: \"F01_COD_FLT_CAR\",\r\n className: \"head_tb_repo\",\r\n },\r\n {\r\n title: t(\"CutOffTime.fightNum\"),\r\n dataIndex: \"F02_COD_FLT_NUM\",\r\n // key: \"F02_COD_FLT_NUM\",\r\n className: \"head_tb_repo\",\r\n },\r\n {\r\n title: t(\"CutOffTime.Departure\"),\r\n dataIndex: \"F03_DAT_FLT_ORI\",\r\n // key: \"F03_DAT_FLT_ORI\",\r\n className: \"head_tb_repo\",\r\n },\r\n {\r\n title: t(\"CutOffTime.from\"),\r\n dataIndex: \"F04_COD_APT_BRD\",\r\n // key: \"F04_COD_APT_BRD\",\r\n className: \"head_tb_repo\",\r\n },\r\n {\r\n title: t(\"CutOffTime.flightStd\"),\r\n dataIndex: \"F08_STD\",\r\n render: (_, record) => {\r\n // eslint-disable-next-line\r\n const fltStdDat = moment(record.F08_STD, 'DDMMMYYYY HH:mm');\r\n // eslint-disable-next-line\r\n const fltEtdDat = moment(record.F10_ETD || record.F08_STD, 'DDMMMYYYY HH:mm');\r\n // return fltEtdDat.isAfter(fltStdDat) ? record.F10_ETD : record.F08_STD;\r\n return record.F08_STD;\r\n },\r\n // key: \"F08_STD\",\r\n className: \"head_tb_repo\",\r\n },\r\n ];\r\n\r\n const handleOk = () => {\r\n try {\r\n if (selectedRows.length > 0) {\r\n setFlightNo(\r\n selectedRows[0].F01_COD_FLT_CAR + selectedRows[0].F02_COD_FLT_NUM\r\n );\r\n const fltStdDat = moment(selectedRows[0].F08_STD, 'DDMMMYYYY HH:mm');\r\n const fltEtdDat = moment(selectedRows[0].F10_ETD || selectedRows[0].F08_STD, 'DDMMMYYYY HH:mm');\r\n const fltDat = fltEtdDat.isAfter(fltStdDat) ? fltEtdDat : fltStdDat;\r\n console.log(fltDat)\r\n if (moment().isAfter(fltStdDat.add(1, 'd'))) {\r\n notification.error({\r\n message: t(\"CutOffTime.selectFltErr\"),\r\n });\r\n return; \r\n }\r\n setFlightDate(dateIsString ? selectedRows[0].F08_STD : moment(selectedRows[0].F08_STD, 'DDMMMYYYY HH:mm'));\r\n notification.success({\r\n style: { marginRight: \"-50%\" },\r\n message: t(\"CutOffTime.successNoti\"),\r\n });\r\n setVisibleConfirm(false);\r\n setTimeout(() => setVisible(false), 200);\r\n }\r\n } catch (error) {\r\n console.log(error);\r\n notification.error({\r\n style: { marginRight: \"-50%\" },\r\n message: t(\"feedback.error\"),\r\n });\r\n }\r\n };\r\n\r\n const fetchList = async (flightDate) => {\r\n if (flightDate) {\r\n setLoading(true);\r\n try {\r\n let data = [];\r\n const url = \"api/GET_EXP_FLIGHT_CUTOFF_TIME\";\r\n const params = {\r\n STR_CONNECT: \"AAA\",\r\n EXP_FLT_DATE: moment(flightDate).format(\"DD/MM/YYYY\"),\r\n };\r\n const fligthCutOffRes = await GET_EXP_FLIGHT_CUTOFF_TIME(url, params);\r\n if (\r\n fligthCutOffRes.status === 200 &&\r\n fligthCutOffRes.data !== \"\" &&\r\n fligthCutOffRes.data.mCol.length >= 1\r\n ) {\r\n fligthCutOffRes.data.mCol.forEach((dt, index) => {\r\n data.push({\r\n key: index,\r\n index: index + 1,\r\n F01_COD_FLT_CAR: dt.F01_COD_FLT_CAR,\r\n F02_COD_FLT_NUM: dt.F02_COD_FLT_NUM,\r\n F03_DAT_FLT_ORI: dt.F03_DAT_FLT_ORI,\r\n F04_COD_APT_BRD: dt.F04_COD_APT_BRD,\r\n F05_COD_APT_OFF: dt.F05_COD_APT_OFF,\r\n F08_STD: dt.F08_STD,\r\n F10_ETD: dt.F10_ETD,\r\n F_KEY: dt.Key,\r\n });\r\n });\r\n setDataSource(data);\r\n }\r\n setLoading(false);\r\n } catch (error) {\r\n notification.error({\r\n style: { marginRight: \"-50%\" },\r\n message: \"Lỗi!\",\r\n });\r\n }\r\n }\r\n };\r\n\r\n const onSearch = useCallback(\r\n (value) => {\r\n setLoading(true);\r\n setTimeout(() => {\r\n setValueInput(value);\r\n const newData = dataSource?.filter((items) =>\r\n (\r\n items.F01_COD_FLT_CAR.toLowerCase() +\r\n items.F02_COD_FLT_NUM.toLowerCase()\r\n ).includes(value.toLowerCase())\r\n );\r\n setDataProject(newData);\r\n setLoading(false);\r\n }, 400);\r\n },\r\n // eslint-disable-next-line\r\n [valueInput]\r\n );\r\n\r\n useEffect(() => {\r\n setDataProject(dataSource ?? []);\r\n }, [dataSource]);\r\n useEffect(() => {\r\n const timeout = setTimeout(() => {\r\n onSearch(valueInput);\r\n }, 500);\r\n return () => clearTimeout(timeout);\r\n // eslint-disable-next-line\r\n }, [valueInput]);\r\n\r\n useEffect(() => {\r\n visible && fetchList(moment());\r\n return () => {\r\n setSelectedRows([]);\r\n setDataSource([]);\r\n setSelectedRowKeys([]);\r\n };\r\n }, [visible]);\r\n\r\n const onSelectChange = (selectedRowKeys, selectedRows) => {\r\n console.log(selectedRows)\r\n setSelectedRowKeys(selectedRowKeys);\r\n setSelectedRows(selectedRows);\r\n };\r\n\r\n const dateFormat = \"MM-DD-YYYY\";\r\n return (\r\n <>\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n
\r\n \r\n
\r\n \r\n \r\n {checkLanguage === \"vi\" ? \"Số hiệu chuyến bay\" : \"Flight No\"}: {flightNo}\r\n \r\n \r\n {checkLanguage === \"vi\" ? \"Ngày bay\" : \"Flight Date\"}:{\" \"}\r\n {flightDate && moment(flightDate).format(\"MM/DD/YYYY\")}\r\n \r\n
\r\n
\r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n {checkLanguage === \"vi\"\r\n ? \"QUÝ KHÁCH VUI LÒNG XUẤT TRÌNH MÃ ĐĂNG KÝ/QR TẠI CỔNG AN NINH TCS\"\r\n : \" Please provide the registration code/QR code at the TCS security gate\"}\r\n
\r\n \r\n\r\nBạn có đồng ý chọn chuyến bay này?
\r\n Chuyến bay: {selectedRows[0]?.F01_COD_FLT_CAR + selectedRows[0]?.F02_COD_FLT_NUM}
\r\n Ngày bay: {selectedRows[0]?.F08_STD}
\r\n \r\n )}\r\n \r\n );\r\n};\r\n","/* eslint-disable */\r\nimport React, { useRef, useState } from \"react\";\r\nimport { Row, Col, Input, Form, Button, DatePicker, notification } from \"antd\";\r\nimport { useForm } from \"antd/lib/form/Form\";\r\nimport moment from \"moment\";\r\nimport QRCode from \"qrcode.react\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { useReactToPrint } from \"react-to-print\";\r\nimport \"moment/locale/en-au\";\r\nimport * as API from \"../config/apiConfig\";\r\nimport { RegistryToPrint } from \"./RegistryPrint\";\r\nimport { ModalCutOffTime } from \"./tracking/RegistryInvModal/ModalCutOffTime\";\r\nimport { useEffect } from \"react\";\r\nconst TabRegistryInventory = () => {\r\n const [form] = useForm();\r\n const [QR, setQR] = useState(\"\");\r\n const [numberQR, setNumberQR] = useState();\r\n const [values, setValues] = useState();\r\n const [flightNo, setFlightNo] = useState(\"\");\r\n const [flightDate, setFlightDate] = useState(moment());\r\n const [QRToPrint, setQRToPrint] = useState();\r\n const [visibleFlightTable, setVisibleFlightTable] = useState(false);\r\n const [loading, setLoading] = useState(false);\r\n const { t } = useTranslation(\"common\");\r\n const dateFormat = \"DD-MM-YYYY HH:mm\";\r\n const createQR = (value) => {\r\n setQR(\r\n \r\n
\r\n )}\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n {t(\"tabInfo.flightNo\")}: {flightNo}\r\n \r\n \r\n {t(\"tabInfo.flightDate\")}:{\" \"}\r\n {moment(flightDate).format(\"MM/DD/YYYY\")}\r\n \r\n
\r\n )}\r\n
\r\n
\r\n \r\n
\r\n
\r\n
\r\n \r\n );\r\n};\r\n\r\nexport default TabRegistryInventory;\r\n","import axiosInstance from \"./AuthIntercept\";\r\nimport { DOMAIN_CLIENT } from \"./Constant\";\r\n\r\n/**\r\n * Get ESID CTC CMP (Customer) list\r\n * @returns\r\n */\r\nexport async function GetEsidCtcCmpList() {\r\n return axiosInstance.get(`${DOMAIN_CLIENT}EsidCtcCmp/GetByUsr`);\r\n}\r\n\r\n/**\r\n * Get an ESID CTC CMP by Id\r\n * @param {*} id\r\n * @returns\r\n */\r\nexport function GetEsidCtcCmpById(id = 0) {\r\n return axiosInstance.get(`${DOMAIN_CLIENT}EsidCtcCmp/${id}`);\r\n}\r\n\r\n/**\r\n * Create an ESID CTC CMP\r\n * @param {*} data\r\n * @returns\r\n */\r\nexport function CreateEsidCtcCmp(data) {\r\n return axiosInstance.post(`${DOMAIN_CLIENT}EsidCtcCmp/Create`, data);\r\n}\r\n\r\nexport function CheckExistsTaxCode(data) {\r\n return axiosInstance.post(`${DOMAIN_CLIENT}EsidCtcCmp/CheckExistsTaxCode`, data);\r\n}\r\n\r\n/**\r\n * Update an ESID CTC CMP\r\n * @param {*} id\r\n * @param {*} data\r\n * @returns\r\n */\r\nexport function UpdateEsidCtcCmp(id = 0, data) {\r\n return axiosInstance.put(`${DOMAIN_CLIENT}EsidCtcCmp/Update/${id}`, data);\r\n}\r\n\r\n/**\r\n * Create an ESID Export\r\n * @param {*} data\r\n * @returns\r\n */\r\nexport function CreateEsidExport(data) {\r\n return axiosInstance.post(`${DOMAIN_CLIENT}EsidExport/Create`, data);\r\n}\r\n\r\n/**\r\n * Get an ESID Export by Id\r\n * @param {*} id \r\n * @returns \r\n */\r\nexport function GetEsidExportById(id = 0) {\r\n return axiosInstance.get(`${DOMAIN_CLIENT}EsidExport/GetById/${id}`);\r\n}\r\n\r\nexport function CancelEsid(id = 0) {\r\n return axiosInstance.post(`${DOMAIN_CLIENT}EsidExport/CancelEsid/${id}`);\r\n}\r\n\r\n/**\r\n * Get an ESID Export by AWB\r\n * @param {*} awbPfx \r\n * @param {*} awbNum \r\n * @returns \r\n */\r\nexport function GetEsidExportByAwb(awbPfx = '', awbNum = '') {\r\n return axiosInstance.get(`${DOMAIN_CLIENT}EsidExport/GetByAwb?awbPfx=${awbPfx}&awbNum=${awbNum}`);\r\n}\r\n\r\n/**\r\n * Check the AWB already exists.\r\n * @param {*} awbPfx \r\n * @param {*} awbNum \r\n * @returns \r\n */\r\nexport function EsidCheckAwb(awbPfx = '', awbNum = '') {\r\n return axiosInstance.get(`${DOMAIN_CLIENT}EsidExport/CheckAwb?awbPfx=${awbPfx}&awbNum=${awbNum}`);\r\n}\r\n\r\nexport function GetAllAirports() {\r\n return axiosInstance.get(`${DOMAIN_CLIENT}Airport/GetAll`);\r\n}\r\nexport function GetDeclDgrByEsid(id = 1) {\r\n return axiosInstance.get(`${DOMAIN_CLIENT}EsidExport/GetDeclDgrByEsid/${id}`);\r\n}\r\nexport function GetCertLivAnmByEsid(id = 1) {\r\n return axiosInstance.get(`${DOMAIN_CLIENT}EsidExport/GetCertLivAnmByEsid/${id}`);\r\n}\r\nexport function CreateDeclDgr(data) {\r\n return axiosInstance.post(`${DOMAIN_CLIENT}EsidExport/CreateDeclDgr`, data);\r\n}\r\nexport function CreateCertLivAnm(data) {\r\n return axiosInstance.post(`${DOMAIN_CLIENT}EsidExport/CreateCertLivAnm`, data);\r\n}\r\nexport function CreateVhcReg(data) {\r\n return axiosInstance.post(`${DOMAIN_CLIENT}EsidExport/CreateVhcReg`, data);\r\n}\r\nexport function GetVhcRegById(id) {\r\n return axiosInstance.get(`${DOMAIN_CLIENT}EsidExport/GetVhcRegById/${id}`);\r\n}\r\n\r\nexport function GetAllEsidExpByCondition({esidId = '', awbPfx = '', awbNum = '', fromDate, toDate, codRefNum = '', codSts = ''}) {\r\n return axiosInstance.get(`${DOMAIN_CLIENT}EsidExport?esidId=${esidId}&awbPfx=${awbPfx}&awbNum=${awbNum}&fromDate=${fromDate}&toDate=${toDate}&codRefNum=${codRefNum}&codSts=${codSts}`);\r\n}\r\n\r\nexport function GetVhcRegByToDate({fromDate, toDate, codRefNum = ''}) {\r\n return axiosInstance.get(`${DOMAIN_CLIENT}EsidExport/GetVhcRegByToDate?fromDate=${fromDate}&toDate=${toDate}&codRefNum=${codRefNum}`);\r\n}\r\nexport function CreateEsidExportAcceptance(data) {\r\n return axiosInstance.post(`${DOMAIN_CLIENT}EsidExport/EsidExportAcceptance/${data.id}`,data);\r\n}\r\nexport function CheckIfDrgIsAllowEditing(id) {\r\n return axiosInstance.post(`${DOMAIN_CLIENT}EsidExport/CheckDgrToEdit/${id}`);\r\n}\r\nexport function UpdateInformationOfDgr(esidId, dgrId, data) {\r\n return axiosInstance.put(`${DOMAIN_CLIENT}EsidExport/${esidId}/UpdateDgr/${dgrId}`, data);\r\n}\r\nexport function CheckIfLivAnmIsAllowEditing(id) {\r\n return axiosInstance.post(`${DOMAIN_CLIENT}EsidExport/CheckLivAnimalToEdit/${id}`);\r\n}\r\nexport function UpdateInformationOfLivAnm(esidId, livAnmId, data) {\r\n return axiosInstance.put(`${DOMAIN_CLIENT}EsidExport/${esidId}/UpdateCertLivAnimal/${livAnmId}`, data);\r\n}\r\nexport function CalDimVolWgt(data) {\r\n return axiosInstance.post(`${DOMAIN_CLIENT}EsidExport/CalDimVolWgt`, data);\r\n}\r\nexport function UpdateEsidExp(data) {\r\n return axiosInstance.put(`${DOMAIN_CLIENT}EsidExport/Update/${data.id}`, data);\r\n}\r\n\r\n/**\r\n * ESID Exp Web Chk load\r\n * @param {*} data\r\n * @returns\r\n */\r\nexport function ExpWebCheckLoad(data) {\r\n return axiosInstance.post(`${DOMAIN_CLIENT}EsidExport/CheckLoad`, data);\r\n}\r\n\r\n/**\r\n * ESID Exp Web Chk load\r\n * @param {*} data\r\n * @returns\r\n */\r\nexport function ExpWebCheckLoadLst(data) {\r\n return axiosInstance.post(`${DOMAIN_CLIENT}EsidExport/CheckLoad`, data);\r\n}\r\n\r\n/**\r\n * ESID Exp Web Chk Get Awb Detail\r\n * @param {*} data\r\n * @returns\r\n */\r\nexport function ExpGetAwbDetail(data) {\r\n return axiosInstance.post(`${DOMAIN_CLIENT}EsidExport/GetAwbDetail`, data);\r\n}\r\n\r\n/**\r\n * ESID Exp Web Chk Load bill charge\r\n * @param {*} data\r\n * @returns\r\n */\r\nexport function ExpLoadBilCharge(data) {\r\n return axiosInstance.post(`${DOMAIN_CLIENT}EsidExport/LoadBilCharge`, data);\r\n}\r\n\r\nexport async function SignIn(username, password, captchaId, captchaCode) {\r\n return await axiosInstance.post(`${DOMAIN_CLIENT}Auth/SignIn`, {\r\n password: password,\r\n username: username,\r\n captcha: {\r\n id: captchaId,\r\n code: captchaCode\r\n }\r\n });\r\n}\r\n\r\n// esid checkout\r\n\r\n/**\r\n * ESID Checkout Load\r\n * @param {*} data\r\n * @returns\r\n */\r\nexport function EsidCheckLoad(data) {\r\n return axiosInstance.post(`${DOMAIN_CLIENT}EsidWebChk/chkLoad`, data);\r\n}\r\n\r\n/**\r\n * ESID Checkout Get Awb Detail\r\n * @param {*} data\r\n * @returns\r\n */\r\nexport function EsidGetAwbDetail(data) {\r\n return axiosInstance.post(`${DOMAIN_CLIENT}EsidWebChk/getAwbDetail`, data);\r\n}\r\n\r\n/**\r\n * ESID Checkout Load bill charge\r\n * @param {*} data\r\n * @returns\r\n */\r\nexport function EsidLoadBilCharge(data) {\r\n return axiosInstance.post(`${DOMAIN_CLIENT}EsidWebChk/loadBillCharge`, data);\r\n}\r\n\r\nexport function GetDgrTypeStatusOK() {\r\n return axiosInstance.get(`${DOMAIN_CLIENT}EsidExport/GetDgrTypeByStatus?status=OK`);\r\n}\r\n\r\n/**\r\n * ESID Checkout Load bill charge\r\n * @param {*} data\r\n * @returns\r\n */\r\nexport function RejectDGR(data) {\r\n return axiosInstance.post(`${DOMAIN_CLIENT}EsidExport/DgrReject`, data);\r\n}\r\n\r\nexport const EsidUpdPayMode = (obj) => {\r\n return axiosInstance.post(\r\n `${DOMAIN_CLIENT}EsidWebChk/updatePaymentMode`,\r\n {\r\n ...obj,\r\n },\r\n );\r\n}\r\nexport const EsidUpdOrderId = (obj) =>\r\n axiosInstance.post(\r\n `${DOMAIN_CLIENT}EsidWebChk/updateOrderId`,\r\n {\r\n ...obj,\r\n },\r\n );\r\nexport const EsidPaidAllInv = (obj) =>\r\n axiosInstance.post(\r\n `${DOMAIN_CLIENT}EsidWebChk/payment`,\r\n {\r\n ...obj,\r\n },\r\n );\r\n\r\n export const EsidIssueEInvoice = (obj) =>\r\n axiosInstance.post(\r\n `${DOMAIN_CLIENT}/EsidWebChk/issueEInvoice`,\r\n {\r\n ...obj,\r\n },\r\n );\r\n\r\n export const EXP_WEB_CHK_CHK_PAID = (obj) =>\r\n axiosInstance.post(\r\n `${DOMAIN_CLIENT}/EsidWebChk/chkPaid`,\r\n {\r\n ...obj,\r\n }\r\n );\r\n\r\n export const EXP_WEB_CHK_PAID_CDT_INVOICE = (obj, token) =>\r\n axiosInstance.post(\r\n `${DOMAIN_CLIENT}EsidWebChk/PaidCDTInvoice`,\r\n {\r\n ...obj,\r\n },\r\n {\r\n headers: {\r\n Authorization: token,\r\n },\r\n }\r\n );\r\n export const updateExpWebChk = (obj, token) =>\r\n axiosInstance.put(\r\n `${DOMAIN_CLIENT}EsidWebChk/updateExpWebChk`,\r\n {\r\n ...obj,\r\n },\r\n {\r\n headers: {\r\n Authorization: token,\r\n },\r\n }\r\n );\r\n\r\n export const updatePayment = (obj, token) =>\r\n axiosInstance.put(\r\n `${DOMAIN_CLIENT}EsidWebChk/updatePayment`,\r\n {\r\n ...obj,\r\n },\r\n {\r\n headers: {\r\n Authorization: token,\r\n },\r\n }\r\n );\r\n/**\r\n * Get CONSOL by ESID\r\n * @param {*} id\r\n * @returns\r\n */\r\nexport function GetConsolByEsid(esidID = 0) {\r\n return axiosInstance.get(`${DOMAIN_CLIENT}EsidExport/GetExpConsolByEsid/${esidID}`);\r\n}\r\n\r\nexport function CreateExpConsol(data) {\r\n return axiosInstance.post(`${DOMAIN_CLIENT}EsidExport/CreateExpConsol`, data);\r\n}\r\n\r\nexport function UpdateExpConsol(id, data) {\r\n return axiosInstance.put(`${DOMAIN_CLIENT}EsidExport/UpdateExpConsol/${id}`, data);\r\n}","import {\r\n ADD_ITEM_TO_ESID_CTC_CMPs,\r\n GET_ESID_CTC_CMPs,\r\n SET_AIRPORT_LIST,\r\n SET_DECL_DGR_VISIBILITY,\r\n SET_ESID_EXPORT_SELECTED,\r\n SET_ESID_CTC_CMPs,\r\n SET_ESID_EXP_TAB_PANE_ACTIVE,\r\n SET_VHC_REG_SELECTED,\r\n SET_DIMENSION_SIZES,\r\n SET_TAB_ESID_VISIBILITY,\r\n SET_WEIGHT,\r\n UPDATE_ITEM_TO_ESID_CTC_CMPs,\r\n SET_SEARCH_CONDITION,\r\n SET_MODAL_ESID_VISIBILITY,\r\n SET_EXP_BIL_CHG,\r\n SET_EXP_BIL_CHG_LST,\r\n SET_ESID_LIST_CURRENT_PAGE,\r\n SET_ESID_SORTED_LIST_CONDITION,\r\n SET_EXP_CAR_DIM_TO_EDIT,\r\n SET_EXP_CAR_WGT_TO_EDIT,\r\n SET_EXP_CONSOL_DTL_LST,\r\n SET_EXP_CONSOL_DTL_EDT,\r\n SET_EXP_CONSOL,\r\n SET_EXP_CONSOL_REG_SERVICES,\r\n SET_EXP_CONSOL_EDT,\r\n SET_ESID_STF_LIST,\r\n SET_ESID_STF_USER\r\n} from \"../constant/actionTypes\";\r\n\r\nexport const getEsidCtcCmps = () => {\r\n return {\r\n type: GET_ESID_CTC_CMPs,\r\n };\r\n};\r\n\r\nexport const setEsidCtcCmps = (cmpList) => {\r\n return {\r\n type: SET_ESID_CTC_CMPs,\r\n payload: cmpList,\r\n };\r\n};\r\n\r\nexport const addAnItemToEsidCtcCmps = (ctcCmp) => {\r\n return {\r\n type: ADD_ITEM_TO_ESID_CTC_CMPs,\r\n payload: ctcCmp,\r\n };\r\n};\r\n\r\nexport const updateAnItemToEsidCtcCmps = (ctcCmp) => {\r\n return {\r\n type: UPDATE_ITEM_TO_ESID_CTC_CMPs,\r\n payload: ctcCmp,\r\n };\r\n};\r\n\r\nexport const setAirportList = (airports) => {\r\n return {\r\n type: SET_AIRPORT_LIST,\r\n payload: airports,\r\n };\r\n};\r\n\r\nexport const setDeclDgrVisibility = (visible) => {\r\n return {\r\n type: SET_DECL_DGR_VISIBILITY,\r\n payload: visible,\r\n };\r\n};\r\n\r\nexport const setEsidExpSelected = (esidExp) => {\r\n localStorage.setItem('calcDimMode', esidExp?.shcCod001 || '');\r\n return {\r\n type: SET_ESID_EXPORT_SELECTED,\r\n payload: esidExp\r\n }\r\n}\r\n\r\nexport const setExpBilChg = (bilChg) => {\r\n return {\r\n type: SET_EXP_BIL_CHG,\r\n payload: bilChg\r\n }\r\n}\r\n\r\nexport const setExpBilChgLst = (bilChgLst) => {\r\n return {\r\n type: SET_EXP_BIL_CHG_LST,\r\n payload: bilChgLst\r\n }\r\n}\r\n\r\nexport const setEsidExpTabPaneActive = (key) => {\r\n return {\r\n type: SET_ESID_EXP_TAB_PANE_ACTIVE,\r\n payload: key\r\n }\r\n}\r\n\r\nexport const setTabEsidVisibility = (tab) => {\r\n return {\r\n type: SET_TAB_ESID_VISIBILITY,\r\n payload: tab\r\n }\r\n}\r\n\r\nexport const setModalEsidVisibility = (modalVisibility) => {\r\n return {\r\n type: SET_MODAL_ESID_VISIBILITY,\r\n payload: modalVisibility\r\n }\r\n}\r\n\r\nexport const setVhcRegSelected = (value) => {\r\n return {\r\n type: SET_VHC_REG_SELECTED,\r\n payload: value\r\n }\r\n}\r\nexport const setDimensionSizes = (value) => {\r\n return {\r\n type: SET_DIMENSION_SIZES,\r\n payload: value\r\n }\r\n}\r\nexport const setWeights = (value) => {\r\n return {\r\n type: SET_WEIGHT,\r\n payload: value\r\n }\r\n}\r\n\r\nexport const setExpCarDimToEdit = (data) => {\r\n return {\r\n type: SET_EXP_CAR_DIM_TO_EDIT,\r\n payload: data\r\n }\r\n}\r\n\r\nexport const setExpCarWgtToEdit = (data) => {\r\n return {\r\n type: SET_EXP_CAR_WGT_TO_EDIT,\r\n payload: data\r\n }\r\n}\r\n\r\nexport const setExpConsol = (data) => {\r\n return {\r\n type: SET_EXP_CONSOL,\r\n payload: data\r\n }\r\n}\r\n\r\nexport const setExpConsolEdit = (data) => {\r\n return {\r\n type: SET_EXP_CONSOL_EDT,\r\n payload: data\r\n }\r\n}\r\n\r\nexport const setExpConsolDtlList = (data) => {\r\n return {\r\n type: SET_EXP_CONSOL_DTL_LST,\r\n payload: data\r\n }\r\n}\r\n\r\nexport const setExpConsolDtlEdit = (data) => {\r\n return {\r\n type: SET_EXP_CONSOL_DTL_EDT,\r\n payload: data\r\n }\r\n}\r\n\r\nexport const setExpConsolRegServices = (data) => {\r\n return {\r\n type: SET_EXP_CONSOL_REG_SERVICES,\r\n payload: data\r\n }\r\n}\r\n\r\nexport const setSearchCondition = (value) => {\r\n return {\r\n type: SET_SEARCH_CONDITION,\r\n payload: value\r\n }\r\n}\r\nexport const setEsidListCurrentPage = (value) => {\r\n return {\r\n type: SET_ESID_LIST_CURRENT_PAGE,\r\n payload: value\r\n }\r\n}\r\nexport const setEsidSortedListCondition = (value) => {\r\n return {\r\n type: SET_ESID_SORTED_LIST_CONDITION,\r\n payload: value\r\n }\r\n}\r\n\r\nexport const setEsidStfList = (data) => {\r\n return {\r\n type: SET_ESID_STF_LIST,\r\n payload: data\r\n }\r\n}\r\n\r\nexport const setEsidStfUser = (data) => {\r\n return {\r\n type: SET_ESID_STF_USER,\r\n payload: data\r\n }\r\n}\r\n","/* eslint-disable */\r\n\r\nimport React from \"react\";\r\nimport { Row, Col, Input, DatePicker, Form, Typography } from \"antd\";\r\nimport QRCode from \"qrcode.react\";\r\nimport moment from \"moment\";\r\n\r\nexport class CarRegistryToPrint extends React.PureComponent {\r\n constructor(props) {\r\n super(props);\r\n }\r\n render() {\r\n // const checkLanguage = localStorage.getItem(\"LANGUAGE\");\r\n const esidShpRegs=this.props.esidShpRegs\r\n \r\n return (\r\n \r\n
\r\n {numberQR !== undefined && values !== undefined && (\r\n {t(\"header.registryInvNotice\")}
\r\n\r\n\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n setVisibleFlightTable(true)}\r\n style={{ width: \"fit-content\" }}\r\n >\r\n Chọn chuyến bay\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n\r\n \r\n \r\n \r\n {t(\"header.click\")}\r\n \r\n \r\n {t(\"header.print\")}\r\n \r\n
\r\n \r\n \r\n {t(\"header.showQR\")}
\r\n \r\n\r\n
\r\n );\r\n }\r\n}\r\n","import React, { useEffect, useState } from 'react'\r\nimport { Form, Input, Row, Col, Button, DatePicker } from 'antd'\r\nimport { useTranslation } from \"react-i18next\";\r\nimport moment from \"moment\";\r\nimport { GetAllEsidExpByCondition } from '../../../../config/esidExportApi';\r\nimport { errorHandling } from '../../../../config/AuthIntercept';\r\nimport { useHistory, useLocation } from 'react-router-dom';\r\nimport { useDispatch, useSelector } from 'react-redux';\r\nimport { setEsidListCurrentPage, setEsidSortedListCondition, setSearchCondition } from '../../../../actions/esidExportAction';\r\n\r\nconst { RangePicker } = DatePicker;\r\nconst SearchForm = ({ name, form, children, setDataSource, filterCodSts}) => {\r\n const { t } = useTranslation(\"common\");\r\n const dateFormat = \"DD-MM-YYYY\";\r\n const { searchCondition } = useSelector((state) => state.esidExport)\r\n const [dates, setDates] = useState(searchCondition?.fromDate ? (\r\n [\r\n moment(searchCondition?.fromDate, dateFormat),\r\n moment(searchCondition?.toDate, dateFormat)\r\n ]) : ([\r\n moment().startOf('month'),\r\n moment().endOf('month')\r\n ]));\r\n const [dateValue, setDateValue] = useState(searchCondition?.fromDate ? (\r\n [\r\n moment(searchCondition?.fromDate, dateFormat),\r\n moment(searchCondition?.toDate, dateFormat)\r\n ]) : ([\r\n moment().startOf('month'),\r\n moment().endOf('month')\r\n ]));\r\n const [loading, setLoading] = useState(true);\r\n const history = useHistory();\r\n const location = useLocation();\r\n const dispatch = useDispatch();\r\n\r\n const disabledDate = (current) => {\r\n if (!dates) {\r\n return false;\r\n }\r\n const tooLate = dates[0] && current.diff(dates[0], 'days') > 30;\r\n const tooEarly = dates[1] && dates[1].diff(current, 'days') > 30;\r\n return !!tooEarly || !!tooLate;\r\n };\r\n const onOpenChange = (open) => {\r\n if (open) {\r\n setDates([null, null]);\r\n } else {\r\n setDates(null);\r\n }\r\n };\r\n const handleRangeDateChange = (val) => {\r\n val && setDateValue([\r\n val[0].set({hour:0,minute:0,second:0,millisecond:0}),\r\n val[1].set({hour:23,minute:59,second:59,millisecond:0})\r\n ]);\r\n }\r\n const handleOnCalendarChange = (val) => {\r\n val && (\r\n val[0] === null ? \r\n setDates([null, val[1].set({hour:23,minute:59,second:59,millisecond:0})]) :\r\n setDates([val[0].set({hour:0,minute:0,second:0,millisecond:0}), null])\r\n )\r\n }\r\n\r\n const areObjectsEqual = (obj1, obj2) => {\r\n const json1 = JSON.stringify(obj1);\r\n const json2 = JSON.stringify(obj2);\r\n \r\n return json1 === json2;\r\n }\r\n \r\n const handleSubmitSearch = async (formValue) => {\r\n const paramsValue = filterCodSts ? {\r\n esidId: formValue.esidId,\r\n awbPfx: formValue.awbPfx,\r\n awbNum: formValue.awbNum,\r\n codSts: filterCodSts,\r\n fromDate: new Date(dateValue[0]).toISOString(),\r\n toDate: new Date(dateValue[1]).toISOString(),\r\n } : {\r\n esidId: formValue.esidId,\r\n awbPfx: formValue.awbPfx,\r\n awbNum: formValue.awbNum,\r\n fromDate: new Date(dateValue[0]).toISOString(),\r\n toDate: new Date(dateValue[1]).toISOString(),\r\n }\r\n try {\r\n setLoading(true);\r\n dispatch(setSearchCondition({\r\n esidId: formValue.esidId ? (formValue.esidId) : (\"\"),\r\n awbPfx: formValue.awbPfx ? (formValue.awbPfx) : (\"\"),\r\n awbNum: formValue.awbNum ? (formValue.awbNum) : (\"\"),\r\n fromDate: dateValue[0],\r\n toDate: dateValue[1],\r\n }))\r\n\r\n const searchCondtionFromSearchForm = {\r\n esidId: formValue.esidId,\r\n awbPfx: formValue.awbPfx,\r\n awbNum: formValue.awbNum,\r\n fromDate: dateValue[0],\r\n toDate: dateValue[1],\r\n }\r\n\r\n const searchConditionFromRedux = searchCondition;\r\n\r\n // if search condition changed, it will move to page 1\r\n // otherwhise, it wont \r\n if(!areObjectsEqual(searchCondtionFromSearchForm, searchConditionFromRedux)) {\r\n dispatch(setEsidListCurrentPage(1));\r\n // if search condition changed, it will remove esid sort list condition\r\n dispatch(setEsidSortedListCondition({}));\r\n }\r\n // dispatch(setSearchCondition(paramsValue));\r\n const { data } = await GetAllEsidExpByCondition(paramsValue);\r\n const newDataSource = data.map((item) => ({\r\n ...item,\r\n awbPfxAndNum: `${item.codAwbPfx}${item.codAwbNum}`,\r\n fltCarAndNum: `${item.codFltCar}${item.codFltNum}`,\r\n datFltOrigin: item.datFltOri,\r\n esidId: item.id,\r\n key: item.id\r\n }));\r\n setDataSource(newDataSource);\r\n setLoading(false);\r\n } catch (error) {\r\n setLoading(false);\r\n errorHandling(error, history, location.pathname);\r\n }\r\n }\r\n useEffect(() => {\r\n if(form && (searchCondition?.esidId || searchCondition?.awbPfx || searchCondition?.awbNum || searchCondition?.fromDate)) {\r\n setLoading(false);\r\n form.setFieldsValue({\r\n esidId: searchCondition?.esidId,\r\n awbPfx: searchCondition?.awbPfx,\r\n awbNum: searchCondition?.awbNum,\r\n });\r\n if(searchCondition?.fromDate) {\r\n handleRangeDateChange([\r\n searchCondition?.fromDate,\r\n searchCondition?.toDate\r\n ])\r\n handleOnCalendarChange([\r\n searchCondition?.fromDate,\r\n searchCondition?.toDate\r\n ])\r\n }\r\n handleSubmitSearch(form.getFieldsValue());\r\n // console.log(form.getFieldsValue())\r\n // console.log(new Date(dateValue[0]).toISOString())\r\n // console.log(new Date(dateValue[1]).toISOString())\r\n }\r\n else {\r\n handleSubmitSearch({});\r\n }\r\n // eslint-disable-next-line\r\n }, []);\r\n // console.log(defaultDateValue);\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n
\r\n
\r\n \r\n
\r\n
*/}\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n\r\n \r\n Danh sách hàng hóa \r\n
\r\n\r\n
\r\n {/* \r\n MAWB \r\n \r\n {/* \r\n \r\n \r\n */}\r\n \r\n \r\n \r\n \r\n
\r\n
\r\n \r\n \r\n \r\n AWB/ESID \r\n \r\n Số hiệu chuyến bay \r\n \r\n Ngày bay \r\n \r\n Mã QR \r\n \r\n
\r\n {esidShpRegs?.map((item)=>{\r\n return (\r\n \r\n {item.codAwbPfx}{item.codAwbNum} \r\n \r\n {`${item.codFltCar}${item.codFltNum}`} \r\n \r\n {moment(item.datFltOri).format(\"DD-MM-YYYY HH:mm\")} \r\n \r\n {item.esidId} */}\r\n
\r\n )\r\n })}\r\n \r\n
\r\n \r\n \r\n \r\n {checkLanguage === \"vi\"\r\n ? \"QUÝ KHÁCH VUI LÒNG XUẤT TRÌNH MÃ ĐĂNG KÝ/QR TẠI CỔNG AN NINH TCS\"\r\n : \" Please provide the registration code/QR code at the TCS security gate\"}\r\n
\r\n \r\n{`AWB: ${item.awbPfxAndNum}`}
\r\n {t(\"registerCar.table.flightNo\")}{`: ${item.fltCarAndNum}`}
\r\n \r\n ),\r\n onOk() {\r\n handleDelete(item);\r\n },\r\n onCancel() {\r\n // console.log('Cancel');\r\n },\r\n });\r\n };\r\n\r\n const layout = {\r\n labelCol: { span: 24 },\r\n wrapperCol: { span: 24 },\r\n };\r\n \r\n const handleFinishUpdate = async (values) =>{\r\n // console.log(values);\r\n // console.log({...selectedEsid,...values})\r\n const newData = {...selectedEsid,...values};\r\n const i = dataSource.findIndex((data) => data.id === selectedEsid.id);\r\n dataSource[i] = newData;\r\n setDataSource([...dataSource]);\r\n setIsOpenEditModal(false);\r\n }\r\n\r\n const showError = () => {\r\n notification.error({\r\n message: t(\"Oops\"),\r\n top: 100,\r\n description: t(\"dangerousGood.tableInfo.emptyError\"),\r\n });\r\n };\r\n const showSuccess = () => {\r\n notification.success({\r\n message: t(\"Congrats\"),\r\n description: t(\"dangerousGood.formInfo.successMsg\"),\r\n top: 100,\r\n });\r\n };\r\n const createQR = (value) => {\r\n setQR(\r\n \r\n
\r\n )}\r\n \r\n {/* {numberQR && (\r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n
\r\n \r\n
\r\n
)} */}\r\n
\r\n \r\n );\r\n};\r\n\r\nexport default TabRegistryCar;\r\n","/* eslint-disable */\r\n\r\nimport { Collapse } from \"antd\";\r\nimport React, { useEffect, useState } from \"react\";\r\nimport \"../../components/component-css/GuideContent.css\";\r\nimport * as API from \"../../config/apiConfig\";\r\nimport { useDispatch, useSelector } from \"react-redux\";\r\nimport Parser from \"html-react-parser\";\r\nimport { useLocation } from \"react-router\";\r\nimport { changeLang, menuItemSelected } from \"../../actions/menu\";\r\n\r\nconst { Panel } = Collapse;\r\n\r\nconst GuideProcedure = () => {\r\n const dispatch = useDispatch();\r\n const location = useLocation();\r\n const { langId, menuItem } = useSelector((state) => state.menu);\r\n\r\n const [steps, setSteps] = useState([]);\r\n const setMenu = async (menuId, langId) => {\r\n const menuRes = await API.getMenuById(menuId);\r\n const menuParentRes = await API.getMenuById(menuRes.data.parent);\r\n const menuReference = {\r\n key: menuRes.data.alias,\r\n title: menuRes.data.name,\r\n menuParentTitle: menuParentRes.data.name,\r\n banner: menuParentRes.data.params,\r\n menuId: menuRes.data.id,\r\n menuParentId: menuRes.data.parent,\r\n images: menuRes.data.images,\r\n referenceId: menuRes.data.reference_id,\r\n };\r\n dispatch(changeLang(langId));\r\n localStorage.setItem(\"langId\", langId || 1);\r\n localStorage.setItem(\"LANGUAGE\", langId === \"2\" ? \"vi\" : \"en\");\r\n dispatch(menuItemSelected(menuReference));\r\n localStorage.setItem(\"menuItem\", JSON.stringify(menuReference));\r\n };\r\n\r\n const getContent = async () => {\r\n const slug = location.pathname.slice(\r\n location.pathname.lastIndexOf(\"/\") + 1\r\n );\r\n const menuIdRes = await API.getMenuBySlug(slug);\r\n const { id, lang_id } = menuIdRes.data;\r\n API.getListMenuDetail(langId, id).then((res) =>\r\n setSteps(res.data.data.reverse())\r\n );\r\n setMenu(id, lang_id + \"\");\r\n };\r\n\r\n useEffect(() => {\r\n getContent();\r\n }, [location]);\r\n\r\n useEffect(() => {\r\n API.getListMenuDetail(langId, menuItem.referenceId).then((res) =>\r\n setSteps(res.data.data.reverse())\r\n );\r\n }, [langId]);\r\n\r\n return (\r\n <>\r\n \r\n
\r\n {numberQR && selectVhcRegSelected && (\r\n {t(\"header.registryInvNotice\")}
\r\n\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n {/* \r\n \r\n */}\r\n \r\n \r\n \r\n
\r\n \r\n {\r\n mAwbState.errorMsg && mAwbState.errorMsg !== '' && (\r\n {mAwbState.errorMsg} \r\n )\r\n }\r\n \r\n \r\n \r\n {\r\n mEsidState.errorMsg && mEsidState.errorMsg !== '' && (\r\n {mEsidState.errorMsg} \r\n )\r\n }\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \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 // onClick: () =>{\r\n // edit(record)\r\n // }\r\n // }\r\n // }}\r\n columns={columns}\r\n dataSource={dataSource}\r\n pagination={false}\r\n />\r\n \r\n \r\n \r\n { \r\n selectVhcRegSelected ? (\r\n <>\r\n {\r\n form.resetFields();\r\n setDataSource([]);\r\n setTimeout(() => {\r\n dispatch(setVhcRegSelected(null));\r\n },200)\r\n }}\r\n >\r\n {t(\"registerCar.addNewBtn\")}\r\n \r\n \r\n {t(\"header.print\")}\r\n \r\n \r\n ) : (\r\n <>\r\n \r\n {t(\"registerCar.submitBtn\")}\r\n \r\n \r\n {t(\"registerCar.cancelBtn\")}\r\n \r\n \r\n )\r\n }\r\n
\r\n \r\n \r\n \r\n \r\n {t(\"registerCar.goodsList\")}
\r\n{menuItem.title}
\r\n \r\n\r\n
\r\n \r\n )}\r\n \r\n {\r\n /* {location.pathname ===\r\n \"/huong-dan/dang-ky-hang-hoa-vao-kho-tcs\" ||\r\n location.pathname ===\r\n \"/guides/cargo-acceptance-registration\" ? (\r\n
\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default NewsTabsContent;\r\n","/* eslint-disable */\r\nimport React from \"react\";\r\nimport { Tabs, Row, Col, Skeleton } from \"antd\";\r\nimport { useEffect, useState } from \"react\";\r\nimport { useDispatch, useSelector } from \"react-redux\";\r\nimport NewsTabsContent from \"./NewsTabsContent\";\r\nimport * as API from \"../config/apiConfig\";\r\nimport { useLocation } from \"react-router\";\r\nimport { changeLang, menuItemSelected } from \"../actions/menu\";\r\nconst { TabPane } = Tabs;\r\n\r\nconst CustomNewsTabs = ({ setLoading, loading }) => {\r\n const [listOfPosts, setPostsList] = useState([]);\r\n const { menuItem } = useSelector((state) => state.menu);\r\n const { langId } = useSelector((state) => state.menu);\r\n const [years, setFiveYears] = useState([]);\r\n const dispatch = useDispatch();\r\n const location = useLocation();\r\n const getFiveYears = () => {\r\n let result = [];\r\n let currentYear = new Date().getFullYear();\r\n for (let index = 0; index < 5; index++) {\r\n result.push(currentYear--);\r\n }\r\n return result;\r\n };\r\n\r\n const setMenu = async (menuId, langId) => {\r\n const menuRes = await API.getMenuById(menuId);\r\n const menuParentRes = await API.getMenuById(menuRes.data.parent);\r\n const menuReference = {\r\n key: menuRes.data.alias,\r\n title: menuRes.data.name,\r\n menuParentTitle: menuParentRes.data.name,\r\n banner: menuParentRes.data.params,\r\n menuId: menuRes.data.id,\r\n menuParentId: menuRes.data.parent,\r\n images: menuRes.data.images,\r\n referenceId: menuRes.data.reference_id,\r\n };\r\n dispatch(changeLang(langId));\r\n localStorage.setItem(\"langId\", langId || 1);\r\n localStorage.setItem(\"LANGUAGE\", langId === \"2\" ? \"vi\" : \"en\");\r\n dispatch(menuItemSelected(menuReference));\r\n localStorage.setItem(\"menuItem\", JSON.stringify(menuReference));\r\n };\r\n useEffect(async () => {\r\n loadPage();\r\n }, [location]);\r\n\r\n const loadPage = async () => {\r\n setLoading(true);\r\n const slug = location.pathname.slice(\r\n location.pathname.lastIndexOf(\"/\") + 1\r\n );\r\n const menuIdRes = await API.getMenuBySlug(slug);\r\n const { id, lang_id } = menuIdRes.data;\r\n\r\n API.getListMenuDetail(langId, id).then((res) => {\r\n setPostsList(res.data.data);\r\n });\r\n\r\n setMenu(id, lang_id + \"\");\r\n setLoading(false);\r\n }\r\n useEffect(() => {\r\n setLoading(true);\r\n API.getListMenuDetail(langId, menuItem.menuId).then((res) => {\r\n setPostsList(res.data.data);\r\n });\r\n setFiveYears(getFiveYears());\r\n setLoading(false);\r\n }, [menuItem.menuId, langId]);\r\n return (\r\n \r\n \r\n
\r\n \r\n {props.post.title}\r\n \r\n
\r\n
\r\n \r\n {props.post.created} \r\n
\r\n \r\n {props.post.introtext &&\r\n Parser(props.post.introtext ? props.post.introtext : \"\")}\r\n
\r\n \r\n {langId === \"2\" ? \"CHƯA CÓ BÀI VIẾT\" : \"NO NEWS\"}\r\n
\r\n )}\r\n {menuItem.title}
\r\n \r\n\r\n {contact.title_of_manager}: {contact.department_manager}\r\n
\r\n\r\n {contact.ext_tel !== \"\" && (\r\n <>\r\n {langId ===\"2\" ? \"Số nội bộ: \" : \"Ext: \"}\r\n {contact.ext_tel}\r\n \r\n )}\r\n
\r\n\r\n {contact.hotline !== \"\" && (\r\n <>\r\n {langId ===\"2\" ? \"Đường dây nóng: \" : \"Hotline: \"}\r\n {contact.hotline}\r\n \r\n )}\r\n
\r\n\r\n Email:\r\n {contact.email}\r\n
\r\n \r\n\r\n
\r\n );\r\n };\r\n return (\r\n {content.name}
\r\n{content.address}
\r\n{content.phone}
\r\n{content.fax}
\r\n {/*{content.sita}
*/}\r\n Email: {content.email}\r\n \r\n{content.warehouseID}
\r\n{t(\"header.description\")}
\r\n \r\n{t(\"header.changePass\")}
\r\n \r\n${t(\"agentReport.chgCode\")}: ${\r\n res.COD_CHG\r\n } \\n${chargeDetail[0]}`)\r\n : ` ${t(\"agentReport.chgCode\")}: ${res.COD_CHG}\\n${\r\n chargeDetail[0]\r\n }`\r\n );\r\n setStoreVatRate(chargeDetail[1]);\r\n setTotalStoreCharge((totalStoreCharge) =>\r\n totalStoreCharge !== \"\"\r\n ? (totalStoreCharge =\r\n Number(totalStoreCharge.toString().replace(/,/g, \"\")) +\r\n Number(chargeDetail[3].replace(/,/g, \"\")))\r\n : chargeDetail[3].replace(/,/g, \"\")\r\n );\r\n }\r\n if (res.COD_CHG.slice(0, 4) === \"E_SV\") {\r\n const chargeDetailRes = await GET_CHG_DTL_WEB(\r\n MAWB.first,\r\n MAWB.last,\r\n \"\",\r\n \"\",\r\n res.COD_CHG,\r\n \"\",\r\n sessionId,\r\n langId === \"2\" ? \"V\" : \"E\",\r\n token\r\n );\r\n const chargeDetail = chargeDetailRes.data.split(\"*-$-*\");\r\n setDetailServiceCharge(chargeDetail[0]);\r\n setServiceVatRate(chargeDetail[1]);\r\n setTotalServiceCharge(chargeDetail[3].replace(/,/g, \"\"));\r\n }\r\n });\r\n } catch (e) {\r\n if (e.response.status === 401) {\r\n notification.error({\r\n style: { marginRight: \"-50%\" },\r\n message: t(\"home.sessionNoti\"),\r\n });\r\n\r\n dispatch(checkinUser({}));\r\n dispatch(setPaymentInfo(undefined));\r\n dispatch(userAwbLogout());\r\n localStorage.removeItem(\"userAWB\");\r\n localStorage.removeItem(\"checkin\");\r\n localStorage.removeItem(\"pInfo\");\r\n history.push(\"/\");\r\n } else\r\n notification[\"error\"]({\r\n message: \"Lỗi\",\r\n description: e,\r\n style: { marginRight: \"-50%\" },\r\n });\r\n }\r\n };\r\n\r\n const getDateForSelect = async () => {\r\n if (billType === \"M\") {\r\n try {\r\n let params = {\r\n STR_CONNECT: \"sss\",\r\n AWB_PFX: MAWB.first,\r\n AWB_NO: MAWB.last,\r\n HAWB_NO: \"*\",\r\n FL_NO: \"CX0767\",\r\n FL_DATE: \"3/31/2013\",\r\n };\r\n let url = \"api/GET_MAWB_INF\";\r\n const billDetailRes = await GetBillDetail(url, params, token);\r\n if (billDetailRes.data.mCol.length === 0) {\r\n return;\r\n }\r\n if (\r\n billDetailRes.status == 200 &&\r\n billDetailRes.data != \"\" &&\r\n billDetailRes.data.mCol.length >= 1\r\n ) {\r\n const { B11_CARRIER_CODE, B12_FLIGHT_NUM, B06_FL_DATE } =\r\n billDetailRes.data.mCol[0];\r\n let data = [];\r\n billDetailRes.data.mCol.map((dt) => {\r\n data.push({ ...dt, B07_PCS: dt.B07_PCS, B08_WEIGHT: dt.B08_WEIGHT });\r\n });\r\n setDataSourceTable(data);\r\n const impFlightInfoRes = await GET_IMP_FLIGHT_INF(\r\n B11_CARRIER_CODE,\r\n B12_FLIGHT_NUM,\r\n B06_FL_DATE,\r\n token\r\n );\r\n setImpATA(moment());\r\n }\r\n } catch (error) {\r\n if (error.response.status === 401) {\r\n notification.error({\r\n style: { marginRight: \"-50%\" },\r\n message: t(\"home.sessionNoti\"),\r\n });\r\n\r\n dispatch(checkinUser({}));\r\n dispatch(setPaymentInfo(undefined));\r\n dispatch(userAwbLogout());\r\n localStorage.removeItem(\"userAWB\");\r\n localStorage.removeItem(\"checkin\");\r\n localStorage.removeItem(\"pInfo\");\r\n history.push(\"/\");\r\n } else\r\n notification[\"error\"]({\r\n message: \"Lỗi\",\r\n description: \"Mã vận đơn không hợp lệ.\",\r\n style: { marginRight: \"-50%\" },\r\n });\r\n }\r\n }\r\n if (billType === \"H\") {\r\n try {\r\n let params = {\r\n STR_CONNECT: \"sss\",\r\n AWB_PFX: MAWB.first,\r\n AWB_NO: MAWB.last,\r\n HAWB_NO: \"*\",\r\n FL_NO: \"CX0767\",\r\n FL_DATE: \"3/31/2013\",\r\n };\r\n let url = \"api/GET_MAWB_INF\";\r\n const billDetailRes = await GetBillDetail(url, params, token);\r\n if (billDetailRes.data.mCol.length === 0) {\r\n return;\r\n }\r\n if (\r\n billDetailRes.status == 200 &&\r\n billDetailRes.data != \"\" &&\r\n billDetailRes.data.mCol.length >= 1\r\n ) {\r\n const { B11_CARRIER_CODE, B12_FLIGHT_NUM, B06_FL_DATE } =\r\n billDetailRes.data.mCol[0];\r\n await GET_IMP_FLIGHT_INF(\r\n B11_CARRIER_CODE,\r\n B12_FLIGHT_NUM,\r\n B06_FL_DATE,\r\n token\r\n );\r\n setImpATA(moment());\r\n const hawbDocInfoRes = await GET_HAWB_DOC_INF(\r\n MAWB.first,\r\n MAWB.last,\r\n \"*\",\r\n token\r\n );\r\n setHAWBs(hawbDocInfoRes.data.mCol);\r\n form.setFieldsValue({\r\n ...form,\r\n hawb: hawbDocInfoRes.data.mCol[0].H25_HAWB_NO,\r\n });\r\n }\r\n } catch (error) {\r\n if (error.response.status === 401) {\r\n notification.error({\r\n style: { marginRight: \"-50%\" },\r\n message: t(\"home.sessionNoti\"),\r\n });\r\n\r\n dispatch(checkinUser({}));\r\n dispatch(setPaymentInfo(undefined));\r\n dispatch(userAwbLogout());\r\n localStorage.removeItem(\"userAWB\");\r\n localStorage.removeItem(\"checkin\");\r\n localStorage.removeItem(\"pInfo\");\r\n history.push(\"/\");\r\n } else\r\n notification[\"error\"]({\r\n message: \"Lỗi\",\r\n description: error,\r\n style: { marginRight: \"-50%\" },\r\n });\r\n }\r\n }\r\n };\r\n const handleSelectForm = (values) => {\r\n dispatch(setHAWB(values.hawb));\r\n setDateImp(moment(values.date).format(\"LL HH:mm\"));\r\n const getDataImportGoods = async () => {\r\n // apis\r\n ///file lk_yc_imp\r\n /// GET GET_MAWB_INF (co the dung lai tu TabInfo)\r\n /// GET GET_IMP_FLIGHT_INF params from GET_MAWB_INF\r\n /// GET GET_SHIPMENT_INF\r\n try {\r\n const shipmentInfoRes = await GET_SHIPMENT_INF(\r\n MAWB.first,\r\n MAWB.last,\r\n \"\",\r\n token\r\n );\r\n if (shipmentInfoRes.data.mCol.length == 1) {\r\n setFlightNo(\r\n `${\r\n shipmentInfoRes.data.mCol[0].S09_COD_SHP_CAR +\r\n shipmentInfoRes.data.mCol[0].S10_COD_SHP_FLT\r\n }`\r\n );\r\n shipmentInfoRes.data.mCol[0].S26_IS_EXP === \"Y\"\r\n ? setServiceType(\"Y\")\r\n : setServiceType(shipmentInfoRes.data.mCol[0].S25_SERVICE_RQ);\r\n const _awbSuffix = shipmentInfoRes.data.mCol[0].S03_COD_AWB_SFX;\r\n const mawbLocationRes = await GET_MAWB_LOCATION(\r\n MAWB.first,\r\n MAWB.last,\r\n token\r\n );\r\n setMawbLocation(mawbLocationRes);\r\n /// GET CALC_CHARGE params: date from selectform\r\n const calcChargeRes = await CALC_CHARGE(\r\n MAWB.first,\r\n MAWB.last,\r\n _awbSuffix,\r\n \"\",\r\n moment(values.date).format(\"LL HH:mm\"),\r\n sessionId,\r\n token\r\n );\r\n calcChargeRes.data === \"OK\" && setLoading(false);\r\n const chargeInfoCsRes = await GET_CHARGE_INF_CS(\r\n MAWB.first,\r\n MAWB.last,\r\n _awbSuffix,\r\n \"\",\r\n \"\",\r\n sessionId,\r\n token\r\n );\r\n setDateBegin(chargeInfoCsRes.data.Str_DAT_START);\r\n setDateEnd(chargeInfoCsRes.data.Str_DAT_END);\r\n setStoreType(chargeInfoCsRes.data.Str_STORAGE_TYPE);\r\n setTotalSunday(chargeInfoCsRes.data.Str_SUNDAY);\r\n setTotalHoliday(chargeInfoCsRes.data.Str_HOLIDAY);\r\n setTotalFreeDay(chargeInfoCsRes.data.Str_FREE_DAY);\r\n setTotalDayCharge(chargeInfoCsRes.data.Str_TOTAL_DAY_CHARGE);\r\n setMultiStore(chargeInfoCsRes.data.MULTI_STORAGE);\r\n\r\n const chargeCodeCsRes = await GET_CHARGE_CODE_CS(\r\n MAWB.first,\r\n MAWB.last,\r\n _awbSuffix,\r\n \"\",\r\n moment(values.date).format(\"LL HH:mm\"),\r\n sessionId,\r\n token\r\n );\r\n chargeCodeCsRes.data.mCol.map(async (res) => {\r\n if (res.COD_CHG.slice(0, 4) === \"I_ST\") {\r\n const chargeDetailRes = await GET_CHG_DTL_WEB(\r\n MAWB.first,\r\n MAWB.last,\r\n _awbSuffix,\r\n \"\",\r\n res.COD_CHG,\r\n \"\",\r\n sessionId,\r\n langId === \"2\" ? \"V\" : \"E\",\r\n token\r\n );\r\n\r\n const chargeDetail = chargeDetailRes.data.split(\"*-$-*\");\r\n setDetailStoreCharge((detailStoreCharge) =>\r\n detailStoreCharge !== \"\"\r\n ? (detailStoreCharge += `
${t(\"agentReport.chgCode\")}: ${\r\n res.COD_CHG\r\n }\\n${chargeDetail[0]}`)\r\n : ` ${t(\"agentReport.chgCode\")}: ${res.COD_CHG}\\n${\r\n chargeDetail[0]\r\n }`\r\n );\r\n setStoreVatRate(chargeDetail[1]);\r\n setTotalStoreCharge((totalStoreCharge) =>\r\n totalStoreCharge\r\n ? (totalStoreCharge =\r\n Number.parseFloat(totalStoreCharge.replace(/,/g, \"\")) +\r\n Number.parseFloat(chargeDetail[3].replace(/,/g, \"\")))\r\n : chargeDetail[3].replace(/,/g, \"\")\r\n );\r\n }\r\n if (res.COD_CHG.slice(0, 4) === \"I_SV\") {\r\n const chargeDetailRes = await GET_CHG_DTL_WEB(\r\n MAWB.first,\r\n MAWB.last,\r\n _awbSuffix,\r\n \"\",\r\n res.COD_CHG,\r\n \"\",\r\n sessionId,\r\n langId === \"2\" ? \"V\" : \"E\",\r\n token\r\n );\r\n const chargeDetail = chargeDetailRes.data.split(\"*-$-*\");\r\n setDetailServiceCharge(chargeDetail[0]);\r\n setServiceVatRate(chargeDetail[1]);\r\n setTotalServiceCharge(chargeDetail[3].replace(/,/g, \"\"));\r\n }\r\n });\r\n setShipments([]);\r\n }\r\n if (shipmentInfoRes.data.mCol.length > 1) {\r\n const shipmentsInfoArray = [...shipmentInfoRes.data.mCol].reverse();\r\n await Promise.all(\r\n shipmentsInfoArray.map(async (shipment) => {\r\n let shipmentData = {\r\n weight: shipment.S06_QTY_SHP_WGT,\r\n flightNo: `${\r\n shipment.S09_COD_SHP_CAR + shipment.S10_COD_SHP_FLT\r\n }`,\r\n quantity: shipment.S05_QTY_SHP_PCS,\r\n reWeight: shipment.S18_SHP_RE_WGT,\r\n };\r\n shipment.S26_IS_EXP === \"Y\"\r\n ? (shipmentData = {\r\n ...shipmentData,\r\n serviceType: shipment.S26_IS_EXP,\r\n })\r\n : (shipmentData = {\r\n ...shipmentData,\r\n serviceType: shipment.S25_SERVICE_RQ,\r\n });\r\n\r\n const _awbSuffix = shipment.S03_COD_AWB_SFX;\r\n const mawbLocationRes = await GET_MAWB_LOCATION(\r\n MAWB.first,\r\n MAWB.last,\r\n token\r\n );\r\n setMawbLocation(mawbLocationRes);\r\n const _sessionId = cryptoRandomString({ length: 40 });\r\n /// GET CALC_CHARGE params: date from selectform\r\n const calcChargeRes = await CALC_CHARGE(\r\n MAWB.first,\r\n MAWB.last,\r\n _awbSuffix,\r\n \"\",\r\n moment(values.date).format(\"LL HH:mm\"),\r\n _sessionId,\r\n token\r\n );\r\n calcChargeRes.data === \"OK\" && setLoading(false);\r\n\r\n const chargeInfoCsRes = await GET_CHARGE_INF_CS(\r\n MAWB.first,\r\n MAWB.last,\r\n _awbSuffix,\r\n \"\",\r\n \"\",\r\n _sessionId,\r\n token\r\n );\r\n shipmentData = {\r\n ...shipmentData,\r\n dateBegin: chargeInfoCsRes.data.Str_DAT_START,\r\n dateEnd: chargeInfoCsRes.data.Str_DAT_END,\r\n storeType: chargeInfoCsRes.data.Str_STORAGE_TYPE,\r\n totalSunday: chargeInfoCsRes.data.Str_SUNDAY,\r\n totalHoliday: chargeInfoCsRes.data.Str_HOLIDAY,\r\n totalFreeDay: chargeInfoCsRes.data.Str_FREE_DAY,\r\n totalDayCharge: chargeInfoCsRes.data.Str_TOTAL_DAY_CHARGE,\r\n multiStore: chargeInfoCsRes.data.MULTI_STORAGE,\r\n };\r\n const chargeCodeCsRes = await GET_CHARGE_CODE_CS(\r\n MAWB.first,\r\n MAWB.last,\r\n _awbSuffix,\r\n \"\",\r\n moment(values.date).format(\"LL HH:mm\"),\r\n _sessionId,\r\n token\r\n );\r\n const promiseArr = [];\r\n chargeCodeCsRes.data.mCol.map((res, index) => {\r\n const getChargeDetail = async () => {\r\n if (res.COD_CHG.startsWith(\"I_ST\")) {\r\n const chargeDetailRes = await GET_CHG_DTL_WEB(\r\n MAWB.first,\r\n MAWB.last,\r\n _awbSuffix,\r\n \"\",\r\n res.COD_CHG,\r\n \"\",\r\n _sessionId,\r\n langId === \"2\" ? \"V\" : \"E\",\r\n token\r\n );\r\n const chargeDetail = chargeDetailRes.data.split(\"*-$-*\");\r\n\r\n shipmentData = {\r\n ...shipmentData,\r\n detailStoreCharge:\r\n detailStoreCharge !== \"\"\r\n ? (detailStoreCharge += `
${t(\r\n \"agentReport.chgCode\"\r\n )}: ${res.COD_CHG}\\n ${chargeDetail[0]}`)\r\n : ` ${t(\"agentReport.chgCode\")}: ${res.COD_CHG}\\n ${\r\n chargeDetail[0]\r\n }`,\r\n storeVatRate: chargeDetail[1],\r\n totalStoreCharge:\r\n totalStoreCharge !== \"\"\r\n ? (totalStoreCharge =\r\n Number.parseFloat(\r\n totalStoreCharge.replace(/,/g, \"\")\r\n ) +\r\n Number.parseFloat(\r\n chargeDetail[3].replace(/,/g, \"\")\r\n ))\r\n : chargeDetail[3].replace(/,/g, \"\"),\r\n };\r\n }\r\n if (res.COD_CHG.slice(0, 4) === \"I_SV\") {\r\n const chargeDetailRes = await GET_CHG_DTL_WEB(\r\n MAWB.first,\r\n MAWB.last,\r\n _awbSuffix,\r\n \"\",\r\n res.COD_CHG,\r\n \"\",\r\n _sessionId,\r\n langId === \"2\" ? \"V\" : \"E\",\r\n token\r\n );\r\n const chargeDetail = chargeDetailRes.data.split(\"*-$-*\");\r\n shipmentData = {\r\n ...shipmentData,\r\n detailServiceCharge: chargeDetail[0],\r\n serviceVatRate: chargeDetail[1],\r\n totalServiceCharge: chargeDetail[3].replace(/,/g, \"\"),\r\n };\r\n }\r\n };\r\n promiseArr.push(getChargeDetail());\r\n });\r\n await Promise.all(promiseArr);\r\n setShipments((prevState) => [...prevState, shipmentData]);\r\n shipmentData.totalServiceCharge &&\r\n setTotalServiceCharge(\r\n (prevState) =>\r\n prevState + Number(shipmentData.totalServiceCharge)\r\n );\r\n shipmentData.totalStoreCharge &&\r\n setTotalStoreCharge(\r\n (prevState) =>\r\n prevState + Number(shipmentData.totalStoreCharge)\r\n );\r\n })\r\n );\r\n }\r\n /// GET GET_MAWB_LOCATION params HAWB_NO from GET_HAWB_SHIPMENT_INF, suffix from GET_HAWB_SHIPMENT_INF\r\n /// GET GET_CHARGE_INF_CS params HAWB_NO, date selectform\r\n /// GET GET_CHARGE_CODE_CS params HAWB_NO from GET_HAWB_SHIPMENT_INF , date unknown\r\n /// GET GET_CHG_DTL_WEB (params from GET_CHARGE_CODE_CS) params chrg_code from GET_CHARGE_CODE_CS\r\n } catch (error) {\r\n if (error.response.status === 401) {\r\n notification.error({\r\n style: { marginRight: \"-50%\" },\r\n message: t(\"home.sessionNoti\"),\r\n });\r\n\r\n dispatch(checkinUser({}));\r\n dispatch(setPaymentInfo(undefined));\r\n dispatch(userAwbLogout());\r\n localStorage.removeItem(\"userAWB\");\r\n localStorage.removeItem(\"checkin\");\r\n localStorage.removeItem(\"pInfo\");\r\n history.push(\"/\");\r\n } else\r\n notification[\"error\"]({\r\n message: \"Lỗi\",\r\n description: \"\",\r\n style: { marginRight: \"-50%\" },\r\n });\r\n }\r\n };\r\n if (billType === \"M\" && billStatus === \"I\") {\r\n getDataImportGoods();\r\n }\r\n const getDataHawbGoods = async () => {\r\n // apis\r\n ///file lk_yc_exp\r\n /// GET GET_HAWB_DOC_INF\r\n /// GET GET_HAWB_SHIPMENT_INF hawbNo ,date from Select form\r\n try {\r\n const hawbDocInfoRes = await GET_HAWB_DOC_INF(\r\n MAWB.first,\r\n MAWB.last,\r\n values.hawb,\r\n token\r\n );\r\n let data = [];\r\n hawbDocInfoRes.data.mCol.map((dt) => {\r\n data.push({\r\n ...dt,\r\n H25_HAWB_NO: dt.H25_HAWB_NO,\r\n H05_QTY_HAWB_PCS: dt.H05_QTY_HAWB_PCS,\r\n H06_QTY_HAWB_WGT: dt.H06_QTY_HAWB_WGT,\r\n });\r\n });\r\n setDataSourceTable(data);\r\n\r\n const hawbShipmentInfoRes = await GET_HAWB_SHIPMENT_INF(\r\n MAWB.first,\r\n MAWB.last,\r\n values.hawb,\r\n token\r\n );\r\n if (hawbShipmentInfoRes.data.mCol.length === 1) {\r\n const {\r\n H09_COD_HAWB_CAR,\r\n H10_COD_HAWB_FLT,\r\n H03_COD_AWB_SFX,\r\n H26_SERVICE_RQ,\r\n H25_HAWB_NO,\r\n H27_IS_EXP,\r\n } = hawbShipmentInfoRes.data.mCol[0];\r\n setFlightNo(`${H09_COD_HAWB_CAR + H10_COD_HAWB_FLT}`);\r\n const _awbSuffix = H03_COD_AWB_SFX;\r\n H27_IS_EXP === \"Y\"\r\n ? setServiceType(H27_IS_EXP)\r\n : setServiceType(H26_SERVICE_RQ);\r\n /// GET CALC_CHARGE params: date from selectform\r\n const calcChargeRes = await CALC_CHARGE(\r\n MAWB.first,\r\n MAWB.last,\r\n _awbSuffix,\r\n H25_HAWB_NO,\r\n moment(values.date).format(\"LL HH:mm\"),\r\n sessionId,\r\n token\r\n );\r\n calcChargeRes.data === \"OK\" && setLoading(false);\r\n\r\n /// GET GET_CHARGE_INF_CS params HAWB_NO, date selectform\r\n const chargeInfoCsRes = await GET_CHARGE_INF_CS(\r\n MAWB.first,\r\n MAWB.last,\r\n _awbSuffix,\r\n H25_HAWB_NO,\r\n \"\",\r\n sessionId,\r\n token\r\n );\r\n setDateBegin(chargeInfoCsRes.data.Str_DAT_START);\r\n setDateEnd(chargeInfoCsRes.data.Str_DAT_END);\r\n setStoreType(chargeInfoCsRes.data.Str_STORAGE_TYPE);\r\n setTotalSunday(chargeInfoCsRes.data.Str_SUNDAY);\r\n setTotalHoliday(chargeInfoCsRes.data.Str_HOLIDAY);\r\n setTotalFreeDay(chargeInfoCsRes.data.Str_FREE_DAY);\r\n setTotalDayCharge(chargeInfoCsRes.data.Str_TOTAL_DAY_CHARGE);\r\n setMultiStore(chargeInfoCsRes.data.MULTI_STORAGE);\r\n /// GET GET_HAWB_LOCATION params HAWB_NO from GET_HAWB_SHIPMENT_INF, suffix from GET_HAWB_SHIPMENT_INF\r\n const hawbLocationRes = await GET_HAWB_LOCATION(\r\n MAWB.first,\r\n MAWB.last,\r\n H25_HAWB_NO,\r\n token\r\n );\r\n setHawbLocation(hawbLocationRes.data.mCol);\r\n /// GET GET_CHARGE_CODE_CS params HAWB_NO from GET_HAWB_SHIPMENT_INF , date unknown\r\n const chargeCodeCsRes = await GET_CHARGE_CODE_CS(\r\n MAWB.first,\r\n MAWB.last,\r\n _awbSuffix,\r\n H25_HAWB_NO,\r\n moment(values.date).format(\"LL HH:mm\"),\r\n sessionId,\r\n token\r\n );\r\n\r\n /// GET GET_CHG_DTL_WEB (params from GET_CHARGE_CODE_CS) params chrg_code from GET_CHARGE_CODE_CS\r\n chargeCodeCsRes.data.mCol.map(async (res) => {\r\n if (res.COD_CHG.startsWith(\"I_ST\")) {\r\n const chargeDetailRes = await GET_CHG_DTL_WEB(\r\n MAWB.first,\r\n MAWB.last,\r\n _awbSuffix,\r\n H25_HAWB_NO,\r\n res.COD_CHG,\r\n \"\",\r\n sessionId,\r\n langId === \"2\" ? \"V\" : \"E\",\r\n token\r\n );\r\n\r\n const chargeDetail = chargeDetailRes.data.split(\"*-$-*\");\r\n setDetailStoreCharge((detailStoreCharge) =>\r\n detailStoreCharge\r\n ? (detailStoreCharge += `
${t(\"agentReport.chgCode\")}: ${\r\n res.COD_CHG\r\n }\\n${chargeDetail[0]}`)\r\n : `${t(\"agentReport.chgCode\")}: ${res.COD_CHG}\\n ${\r\n chargeDetail[0]\r\n }`\r\n );\r\n setStoreVatRate(chargeDetail[1]);\r\n\r\n setTotalStoreCharge((totalStoreCharge) =>\r\n totalStoreCharge\r\n ? (totalStoreCharge =\r\n Number.parseFloat(totalStoreCharge.replace(/,/g, \"\")) +\r\n Number.parseFloat(chargeDetail[3].replace(/,/g, \"\")))\r\n : chargeDetail[3].replace(/,/g, \"\")\r\n );\r\n }\r\n if (res.COD_CHG.slice(0, 4) === \"I_SV\") {\r\n const chargeDetailRes = await GET_CHG_DTL_WEB(\r\n MAWB.first,\r\n MAWB.last,\r\n _awbSuffix,\r\n H25_HAWB_NO,\r\n res.COD_CHG,\r\n \"\",\r\n sessionId,\r\n langId === \"2\" ? \"V\" : \"E\",\r\n token\r\n );\r\n const chargeDetail = chargeDetailRes.data.split(\"*-$-*\");\r\n setDetailServiceCharge(chargeDetail[0]);\r\n setServiceVatRate(chargeDetail[1]);\r\n setTotalServiceCharge(chargeDetail[3].replace(/,/g, \"\"));\r\n }\r\n });\r\n setShipments([]);\r\n }\r\n\r\n if (hawbShipmentInfoRes.data.mCol.length > 1) {\r\n const hawbShipmentInfoArray = [...hawbShipmentInfoRes.data.mCol];\r\n hawbShipmentInfoArray.map(async (shipment) => {\r\n let shipmentData = {\r\n weight: shipment.H06_QTY_HAWB_WGT,\r\n flightNo: `${\r\n shipment.H09_COD_HAWB_CAR + shipment.H10_COD_HAWB_FLT\r\n }`,\r\n quantity: shipment.H05_QTY_HAWB_PCS,\r\n reWeight: shipment.H18_HAWB_RE_WGT,\r\n };\r\n shipment.H27_IS_EXP === \"Y\"\r\n ? (shipmentData = {\r\n ...shipmentData,\r\n serviceType: shipment.H27_IS_EXP,\r\n })\r\n : (shipmentData = {\r\n ...shipmentData,\r\n serviceType: shipment.H26_SERVICE_RQ,\r\n });\r\n\r\n const _awbSuffix = shipment.H03_COD_AWB_SFX;\r\n await GET_HAWB_LOCATION(\r\n MAWB.first,\r\n MAWB.last,\r\n shipment.H25_HAWB_NO,\r\n token\r\n );\r\n const _sessionId = cryptoRandomString({ length: 40 });\r\n /// GET CALC_CHARGE params: date from selectform\r\n const calcChargeRes = await CALC_CHARGE(\r\n MAWB.first,\r\n MAWB.last,\r\n _awbSuffix,\r\n shipment.H25_HAWB_NO,\r\n moment(values.date).format(\"LL HH:mm\"),\r\n _sessionId,\r\n token\r\n );\r\n calcChargeRes.data === \"OK\" && setLoading(false);\r\n\r\n const chargeInfoCsRes = await GET_CHARGE_INF_CS(\r\n MAWB.first,\r\n MAWB.last,\r\n _awbSuffix,\r\n shipment.H25_HAWB_NO,\r\n moment(values.date).format(\"LL HH:mm\"),\r\n _sessionId,\r\n token\r\n );\r\n\r\n shipmentData = {\r\n ...shipmentData,\r\n dateBegin: chargeInfoCsRes.data.Str_DAT_START,\r\n dateEnd: chargeInfoCsRes.data.Str_DAT_END,\r\n storeType: chargeInfoCsRes.data.Str_STORAGE_TYPE,\r\n totalSunday: chargeInfoCsRes.data.Str_SUNDAY,\r\n totalHoliday: chargeInfoCsRes.data.Str_HOLIDAY,\r\n totalFreeDay: chargeInfoCsRes.data.Str_FREE_DAY,\r\n totalDayCharge: chargeInfoCsRes.data.Str_TOTAL_DAY_CHARGE,\r\n multiStore: chargeInfoCsRes.data.MULTI_STORAGE,\r\n };\r\n\r\n const chargeCodeCsRes = await GET_CHARGE_CODE_CS(\r\n MAWB.first,\r\n MAWB.last,\r\n _awbSuffix,\r\n shipment.H25_HAWB_NO,\r\n moment(values.date).format(\"LL HH:mm\"),\r\n _sessionId,\r\n token\r\n );\r\n const promiseArr = [];\r\n chargeCodeCsRes.data.mCol.map((res, i) => {\r\n const getChargeDetail = async () => {\r\n if (res.COD_CHG.startsWith(\"I_ST\")) {\r\n const chargeDetailRes = await GET_CHG_DTL_WEB(\r\n MAWB.first,\r\n MAWB.last,\r\n _awbSuffix,\r\n shipment.H25_HAWB_NO,\r\n res.COD_CHG,\r\n \"\",\r\n _sessionId,\r\n langId === \"2\" ? \"V\" : \"E\",\r\n token\r\n );\r\n const chargeDetail = chargeDetailRes.data.split(\"*-$-*\");\r\n shipmentData = {\r\n ...shipmentData,\r\n detailStoreCharge:\r\n detailStoreCharge !== \"\"\r\n ? (detailStoreCharge += `
${t(\r\n \"agentReport.chgCode\"\r\n )}: ${res.COD_CHG}\\n ${chargeDetail[0]}`)\r\n : `${t(\"agentReport.chgCode\")}: ${res.COD_CHG}\\n ${\r\n chargeDetail[0]\r\n }`,\r\n storeVatRate: chargeDetail[1],\r\n totalStoreCharge:\r\n totalStoreCharge !== \"\"\r\n ? (totalStoreCharge =\r\n Number.parseFloat(\r\n totalStoreCharge.replace(/,/g, \"\")\r\n ) +\r\n Number.parseFloat(\r\n chargeDetail[3].replace(/,/g, \"\")\r\n ))\r\n : chargeDetail[3].replace(/,/g, \"\"),\r\n };\r\n }\r\n if (res.COD_CHG.slice(0, 4) === \"I_SV\") {\r\n const chargeDetailRes = await GET_CHG_DTL_WEB(\r\n MAWB.first,\r\n MAWB.last,\r\n _awbSuffix,\r\n shipment.H25_HAWB_NO,\r\n res.COD_CHG,\r\n \"\",\r\n _sessionId,\r\n langId === \"2\" ? \"V\" : \"E\",\r\n token\r\n );\r\n const chargeDetail = chargeDetailRes.data.split(\"*-$-*\");\r\n shipmentData = {\r\n ...shipmentData,\r\n detailServiceCharge: chargeDetail[0],\r\n serviceVatRate: chargeDetail[1],\r\n totalServiceCharge: chargeDetail[3].replace(/,/g, \"\"),\r\n };\r\n }\r\n };\r\n promiseArr.push(getChargeDetail());\r\n });\r\n await Promise.all(promiseArr);\r\n setShipments((prevState) => [...prevState, shipmentData]);\r\n shipmentData.totalServiceCharge &&\r\n setTotalServiceCharge(\r\n (prevState) =>\r\n prevState + Number(shipmentData.totalServiceCharge)\r\n );\r\n shipmentData.totalStoreCharge &&\r\n setTotalStoreCharge(\r\n (prevState) => prevState + Number(shipmentData.totalStoreCharge)\r\n );\r\n });\r\n }\r\n } catch (error) {\r\n if (error.response.status === 401) {\r\n notification.error({\r\n style: { marginRight: \"-50%\" },\r\n message: t(\"home.sessionNoti\"),\r\n });\r\n\r\n dispatch(checkinUser({}));\r\n dispatch(setPaymentInfo(undefined));\r\n dispatch(userAwbLogout());\r\n localStorage.removeItem(\"userAWB\");\r\n localStorage.removeItem(\"checkin\");\r\n localStorage.removeItem(\"pInfo\");\r\n history.push(\"/\");\r\n } else\r\n notification[\"error\"]({\r\n message: \"Lỗi\",\r\n description: error,\r\n style: { marginRight: \"-50%\" },\r\n });\r\n }\r\n\r\n /// GET GET_CHARGE_INF params startdate from GET_HAWB_SHIPMENT_INF, enddate = today\r\n };\r\n if (billType === \"H\" && billStatus === \"I\") {\r\n getDataHawbGoods();\r\n }\r\n setShowSelect(false);\r\n };\r\n useEffect(() => {\r\n setType(getTitle());\r\n setTotalSunday(0);\r\n setTotalHoliday(0);\r\n\r\n billStatus === \"E\" && getDataExportGoods();\r\n billStatus === \"I\" && getDateForSelect();\r\n }, [billStatus, billType, dateImp, HAWB]);\r\n\r\n return (\r\n <>\r\n
\r\n {t(\"tabInfo.chargeTitle\")} {`- ${type}`}\r\n
\r\n \r\n{t(\"tabInfo.chargeInfo\")}
\r\n \r\n{t(\"tabInfo.chargeInfo\")}
\r\n \r\n{t(\"tabInfo.chargeInfo\")}
\r\n \r\n{props.titleAcceptance}
\r\n \r\n{props.titleCustoms}
\r\n \r\n{props.titleShipmentInfo}
\r\n \r\nThông tin lô hàng
\r\n \r\n{title}
\r\n \r\n\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n {loading ? \r\n (\r\n
)\r\n :\r\n (!isSubmitted ? (\r\n \r\n
\r\n ) : !hasData ? (\r\n \r\n
\r\n ) : (\r\n
\r\n
\r\n
\r\n );\r\n};\r\nexport default TabAirlinesReport;\r\n","/* eslint-disable */\r\nimport { Row, Col, Button, Skeleton, Table, Input, notification } from \"antd\";\r\nimport React, { useEffect, useRef, useState } from \"react\";\r\nimport { useReactToPrint } from \"react-to-print\";\r\nimport {\r\n GET_AIRLINE_NONEDLV_LIST,\r\n GET_CUSTOMER_NAME,\r\n} from \"../../../config/webTrackApi\";\r\nimport { useDispatch, useSelector } from \"react-redux\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport moment from \"moment\";\r\nimport { checkinUser, userAwbLogout } from \"../../../actions/userAWB\";\r\nimport { setPaymentInfo } from \"../../../actions/payment\";\r\nimport { useHistory } from \"react-router\";\r\n\r\nconst TabAirlinesInven = (props) => {\r\n const [tableDataRepo, setTableDataRepo] = useState();\r\n const [loading, setLoading] = useState();\r\n const { dataLogin } = useSelector((state) => state.userAwb);\r\n const airlineInput = useRef();\r\n const { t } = useTranslation(\"common\");\r\n const history = useHistory();\r\n const dispatch = useDispatch();\r\n\r\n useEffect(() => {\r\n renderTableRepo();\r\n }, []);\r\n\r\n const renderTableRepo = async () => {\r\n try {\r\n let dateEnd = moment().format(\"DD/MM/YYYY\");\r\n\r\n let startDate = moment().subtract(6, \"months\").format(\"DD/MM/YYYY\");\r\n setLoading(true);\r\n\r\n let data = {\r\n STR_CONNECT: \"sss\",\r\n CARRIER_CODE: dataLogin.data.user_code.slice(2, 4).toUpperCase(),\r\n AGENT_CODE: \"\",\r\n };\r\n\r\n if (dataLogin.data.user_code === \"admi\") {\r\n data.CARRIER_CODE =\r\n airlineInput.current.state.value &&\r\n airlineInput.current.state.value.toUpperCase();\r\n } else {\r\n let carrierCode = dataLogin.data.user_code.slice(2, 4).toUpperCase();\r\n data.CARRIER_CODE = carrierCode;\r\n }\r\n const customerRes = await GET_CUSTOMER_NAME(\r\n data.CARRIER_CODE,\r\n dataLogin.token\r\n );\r\n if (customerRes.data != null && customerRes.data.mCol.length > 0) {\r\n const _airlineName = customerRes.data.mCol[0].C01_CUSTOMER_NAME;\r\n const _airlineCode = customerRes.data.mCol[0].C02_COD_CMP_CMS;\r\n let columns = [\r\n {\r\n title: `${t(\r\n \"airlines.DeliveryTranform\"\r\n )} ${_airlineCode}-${_airlineName}`,\r\n dataIndex: \"name\",\r\n key: \"name\",\r\n className: \"detail-table\",\r\n children: [\r\n {\r\n title:\r\n t(\"agentReport.IncomingShipment\") +\r\n startDate +\r\n t(\"agentReport.to\") +\r\n dateEnd,\r\n dataIndex: \"names\",\r\n key: \"names\",\r\n className: \"detail-table\",\r\n children: [\r\n {\r\n title: t(\"agentReport.MAWB\"),\r\n dataIndex: \"name\",\r\n key: \"name\",\r\n className: \"head_tb_repo\",\r\n children: [\r\n {\r\n title: \"MAWB\",\r\n dataIndex: \"N04_AWB_NUM\",\r\n key: \"N04_AWB_NUM\",\r\n className: \"head_tb_repo\",\r\n },\r\n {\r\n title: \"HAWB\",\r\n dataIndex: \"N05_COD_HWB_NUM\",\r\n key: \"N05_COD_HWB_NUM\",\r\n className: \"head_tb_repo\",\r\n },\r\n ],\r\n },\r\n {\r\n title: t(\"agentReport.fightNo\"),\r\n dataIndex: \"name\",\r\n key: \"name\",\r\n className: \"head_tb_repo\",\r\n children: [\r\n {\r\n title: t(\"agentReport.number\"),\r\n dataIndex: \"N06_FLIGHT_NO\",\r\n key: \"N06_FLIGHT_NO\",\r\n className: \"head_tb_repo\",\r\n },\r\n {\r\n title: t(\"agentReport.Date\"),\r\n dataIndex: \"N07_FLIGHT_DATE\",\r\n key: \"N07_FLIGHT_DATE\",\r\n className: \"head_tb_repo\",\r\n },\r\n ],\r\n },\r\n {\r\n title: \"ORG/DES\",\r\n dataIndex: \"N08_ROUTING\",\r\n key: \"N08_ROUTING\",\r\n className: \"head_tb_repo\",\r\n },\r\n {\r\n title: t(\"agentReport.Pieces\"),\r\n dataIndex: \"N09_PCS\",\r\n key: \"N09_PCS\",\r\n className: \"head_tb_repo\",\r\n },\r\n {\r\n title: t(\"agentReport.GrossWeight\"),\r\n dataIndex: \"N10_WGT\",\r\n key: \"N10_WGT\",\r\n className: \"head_tb_repo\",\r\n },\r\n {\r\n title: t(\"Charge weight\"),\r\n dataIndex: \"N17_CHG_WGT\",\r\n key: \"N17_CHG_WGT\",\r\n className: \"head_tb_repo\",\r\n },\r\n {\r\n title: t(\"agentReport.NatureGoods\"),\r\n dataIndex: \"N11_NATURE_OF_GOODS\",\r\n key: \"N11_NATURE_OF_GOODS\",\r\n className: \"head_tb_repo\",\r\n },\r\n {\r\n title: t(\"agentReport.Notification\"),\r\n dataIndex: \"N12_NUM_NOTIFY\",\r\n key: \"N12_NUM_NOTIFY\",\r\n className: \"head_tb_repo\",\r\n },\r\n {\r\n title: t(\"agentReport.GoodStatus\"),\r\n dataIndex: \"N13_IRR_INF\",\r\n key: \"N13_IRR_INF\",\r\n className: \"head_tb_repo\",\r\n },\r\n {\r\n title: t(\"agentReport.ShippingStatus\"),\r\n dataIndex: \"N14_DLV_STS\",\r\n key: \"N14_DLV_STS\",\r\n className: \"head_tb_repo\",\r\n },\r\n {\r\n title: t(\"agentReport.ShipperInfo\"),\r\n dataIndex: \"N15_SHP_NAME\",\r\n key: \"N15_SHP_NAME\",\r\n className: \"head_tb_repo\",\r\n },\r\n {\r\n title: t(\"agentReport.CneeInfo\"),\r\n dataIndex: \"N16_CNE_NAME\",\r\n key: \"N16_CNE_NAME\",\r\n className: \"head_tb_repo\",\r\n },\r\n ],\r\n },\r\n ],\r\n },\r\n ];\r\n let dataSource = [];\r\n let url = \"api/GET_AIRLINE_NONEDLV_LIST\";\r\n await GET_AIRLINE_NONEDLV_LIST(url, data, dataLogin.token).then(\r\n (res) => {\r\n if (res.status === 200 && res.data != \"\" && res.data !== null) {\r\n res.data.mCol.map((dt, index) => {\r\n dataSource.push({\r\n ...dt,\r\n Key: index,\r\n N04_AWB_NUM: dt.N04_AWB_NUM,\r\n N05_COD_HWB_NUM: dt.N05_COD_HWB_NUM,\r\n N06_FLIGHT_NO: dt.N06_FLIGHT_NO,\r\n N07_FLIGHT_DATE: dt.N07_FLIGHT_DATE,\r\n N08_ROUTING: dt.N08_ROUTING,\r\n N09_PCS: dt.N09_PCS,\r\n N10_WGT: dt.N10_WGT,\r\n N11_NATURE_OF_GOODS: dt.N11_NATURE_OF_GOODS,\r\n N12_NUM_NOTIFY: \"L\" + dt.N12_NUM_NOTIFY,\r\n N13_IRR_INF: dt.N13_IRR_INF,\r\n N14_DLV_STS: dt.N14_DLV_STS,\r\n N15_SHP_NAME: dt.N15_SHP_NAME,\r\n N16_CNE_NAME: dt.N16_CNE_NAME,\r\n });\r\n });\r\n let date =\r\n props.today.getDate() +\r\n \"/\" +\r\n (props.today.getMonth() + 1) +\r\n \"/\" +\r\n props.today.getFullYear() +\r\n \" \" +\r\n props.today.getHours() +\r\n \":\" +\r\n props.today.getMinutes() +\r\n \":\" +\r\n props.today.getSeconds();\r\n setTableDataRepo(\r\n <>\r\n {t(\"airlines.flightReport\")}
\r\n \r\n{t(\"airlines.flightReport\")}
\r\n \r\n| {t(\"agentReport.Note\")} | \r\n\r\n L0 : {t(\"agentReport.L0\")}\r\n L1 : {t(\"agentReport.L1\")}\r\n L2 :{t(\"agentReport.L2\")}\r\n | \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n {dataLogin.data.user_code == \"admi\" ? (\r\n <>\r\n \r\n \r\n \r\n ) : (\r\n <>\r\n \r\n {t(\"airlines.refresh\")}\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n
\r\n
\r\n );\r\n};\r\n\r\nexport default TabAirlinesInven;\r\n","import React, { useRef, useState } from \"react\";\r\nimport { Row, Col, Form, Button, Table, Input, notification } from \"antd\";\r\nimport { useForm } from \"antd/lib/form/Form\";\r\nimport { useReactToPrint } from \"react-to-print\";\r\nimport { GET_EXP_SHIPMENTS_STATUS } from \"../../../config/webTrackApi\";\r\nimport moment from \"moment\";\r\nimport Moment from \"react-moment\";\r\nimport { useDispatch, useSelector } from \"react-redux\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { useHistory } from \"react-router\";\r\nimport { checkinUser, userAwbLogout } from \"../../../actions/userAWB\";\r\nimport { setPaymentInfo } from \"../../../actions/payment\";\r\n\r\nconst TabAirlinesExpStatus = () => {\r\n const { t } = useTranslation(\"common\");\r\n const [form] = useForm();\r\n const history = useHistory();\r\n const dispatch = useDispatch();\r\n const [headerTable, setHeaderTable] = useState();\r\n const [dataSource, setDataSource] = useState();\r\n const [loading, setLoading] = useState(false);\r\n const { dataLogin } = useSelector((state) => state.userAwb);\r\n const columns = [\r\n {\r\n title: t(\"CutOffTime.no\"),\r\n dataIndex: \"Index\",\r\n key: \"Index\",\r\n className: \"head_tb_repo\",\r\n render: (_, record, index) => index + 1,\r\n },\r\n {\r\n title: t(\"agentReport.MAWB\"),\r\n dataIndex: \"MAWB_NO\",\r\n key: \"MAWB_NO\",\r\n className: \"head_tb_repo\",\r\n },\r\n {\r\n title: t(\"agentReport.fightNo\"),\r\n dataIndex: \"parent\",\r\n key: \"parent\",\r\n className: \"head_tb_repo\",\r\n children: [\r\n {\r\n title: t(\"agentReport.no\"),\r\n dataIndex: \"BK_FL_NO\",\r\n key: \"BK_FL_NO\",\r\n className: \"head_tb_repo\",\r\n },\r\n {\r\n title: t(\"agentReport.Date\"),\r\n dataIndex: \"BK_FL_DATE\",\r\n key: \"BK_FL_DATE\",\r\n className: \"head_tb_repo\",\r\n render: (text) =>\r\n moment(text).isValid() && moment(text).format(\"DD/MM/YYYY\"),\r\n },\r\n ],\r\n },\r\n {\r\n title: \"DES\",\r\n dataIndex: \"DES\",\r\n key: \"DES\",\r\n className: \"head_tb_repo\",\r\n },\r\n {\r\n title: t(\"agentReport.Pieces\"),\r\n dataIndex: \"PCS\",\r\n key: \"PCS\",\r\n className: \"head_tb_repo\",\r\n },\r\n {\r\n title: t(\"agentReport.GrossWeight\"),\r\n dataIndex: \"parent\",\r\n key: \"parent\",\r\n className: \"head_tb_repo\",\r\n children: [\r\n {\r\n title: t(\"agentReport.Actual\"),\r\n dataIndex: \"WEIGHT\",\r\n key: \"WEIGHT\",\r\n className: \"head_tb_repo\",\r\n },\r\n {\r\n title: t(\"agentReport.change\"),\r\n dataIndex: \"VOL_WGT\",\r\n key: \"VOL_WGT\",\r\n className: \"head_tb_repo\",\r\n },\r\n ],\r\n },\r\n {\r\n title: t(\"Charge weight\"),\r\n dataIndex: \"CHG_WGT\",\r\n key: \"CHG_WGT\",\r\n className: \"head_tb_repo\",\r\n },\r\n {\r\n title: t(\"agentReport.volume\"),\r\n dataIndex: \"PRE_MNF_SHP_VOL\",\r\n key: \"PRE_MNF_SHP_VOL\",\r\n className: \"head_tb_repo\",\r\n },\r\n {\r\n title: \"SHC\",\r\n dataIndex: \"SHC\",\r\n key: \"SHC\",\r\n className: \"head_tb_repo\",\r\n },\r\n {\r\n title: \"ULD\",\r\n dataIndex: \"parent\",\r\n key: \"parent\",\r\n className: \"head_tb_repo\",\r\n children: [\r\n {\r\n title: t(\"agentReport.no\"),\r\n dataIndex: \"ULD_NO\",\r\n key: \"ULD_NO\",\r\n className: \"head_tb_repo\",\r\n },\r\n {\r\n title: t(\"agentReport.NatureGoods\"),\r\n dataIndex: \"ULD_TYPE\",\r\n key: \"ULD_TYPE\",\r\n className: \"head_tb_repo\",\r\n },\r\n {\r\n title: t(\"agentReport.Note\"),\r\n dataIndex: \"ULD_REMARK\",\r\n key: \"ULD_REMARK\",\r\n className: \"head_tb_repo\",\r\n },\r\n ],\r\n },\r\n {\r\n title: t(\"agentReport.put\"),\r\n dataIndex: \"parent\",\r\n key: \"parent\",\r\n className: \"head_tb_repo\",\r\n children: [\r\n {\r\n title: t(\"agentReport.Pieces\"),\r\n dataIndex: \"LOADING_PCS\",\r\n key: \"LOADING_PCS\",\r\n className: \"head_tb_repo\",\r\n },\r\n {\r\n title: t(\"agentReport.GrossWeight\"),\r\n dataIndex: \"LOADING_WGT\",\r\n key: \"LOADING_WGT\",\r\n className: \"head_tb_repo\",\r\n render: (text) => (text === \"0\" ? \"\" : text),\r\n },\r\n ],\r\n },\r\n {\r\n title: t(\"agentReport.status\"),\r\n dataIndex: \"parent\",\r\n key: \"parent\",\r\n className: \"head_tb_repo\",\r\n children: [\r\n {\r\n title: t(\"agentReport.customs\"),\r\n dataIndex: \"STS_CUSTOM_YN\",\r\n key: \"STS_CUSTOM_YN\",\r\n className: \"head_tb_repo\",\r\n },\r\n ],\r\n },\r\n {\r\n title: \"Pre MNF\",\r\n dataIndex: \"parent\",\r\n key: \"parent\",\r\n className: \"head_tb_repo\",\r\n children: [\r\n {\r\n title: t(\"agentReport.fightNo\"),\r\n dataIndex: \"PRE_MNF_FL_NO\",\r\n key: \"PRE_MNF_FL_NO\",\r\n className: \"head_tb_repo\",\r\n },\r\n {\r\n title: t(\"agentReport.Date\"),\r\n dataIndex: \"PRE_MNF_FL_DATE\",\r\n key: \"PRE_MNF_FL_DATE\",\r\n className: \"head_tb_repo\",\r\n render: (text) =>\r\n moment(text).isValid() &&\r\n moment(text).format(\"DD/MM/YYYY\") === \"01/01/2001\"\r\n ? \"\"\r\n : moment(text).isValid() && moment(text).format(\"DD/MM/YYYY\"),\r\n },\r\n ],\r\n },\r\n ];\r\n\r\n const submitStatus = async (values) => {\r\n let { carrierId, flightNumberGoodsOut } = values;\r\n if (carrierId === undefined)\r\n carrierId = dataLogin.data.user_code.slice(\r\n 2,\r\n dataLogin.data.user_code.length\r\n );\r\n\r\n try {\r\n const flightDate = moment().format(\"DD/MM/YYYY\");\r\n setLoading(true);\r\n let dataRes;\r\n if (\r\n dataLogin.data.user_code.includes(\"admi\") ||\r\n dataLogin.data.user_code.includes(carrierId)\r\n ) {\r\n dataRes = await GET_EXP_SHIPMENTS_STATUS(\r\n carrierId,\r\n flightNumberGoodsOut,\r\n flightDate,\r\n dataLogin.token\r\n );\r\n } else {\r\n notification[\"error\"]({\r\n message: \"INFO\",\r\n description: t(\"agentReport.role\"),\r\n style: { marginRight: \"-50%\" },\r\n });\r\n return;\r\n }\r\n // if(dataLogin.data.user_code === 'admi'){\r\n // dataRes = await GET_EXP_SHIPMENTS_STATUS(\r\n // carrierId,\r\n // flightNumberGoodsOut,\r\n // flightDate\r\n // );\r\n // }else if(dataLogin.data.user_code.includes(carrierId)){\r\n // dataRes = await GET_EXP_SHIPMENTS_STATUS(\r\n // carrierId,\r\n // flightNumberGoodsOut,\r\n // flightDate\r\n // );\r\n // }\r\n let data = dataRes && [...dataRes.data.mCol];\r\n setDataSource(data);\r\n setHeaderTable(t(\"agentReport.carrier\") + ` ${flightNumberGoodsOut} AIR`);\r\n setLoading(false);\r\n } catch (error) {\r\n setLoading(false);\r\n if (error.response.status === 401) {\r\n notification.error({\r\n style: { marginRight: \"-50%\" },\r\n message: t(\"home.sessionNoti\"),\r\n });\r\n\r\n dispatch(checkinUser({}));\r\n dispatch(setPaymentInfo(undefined));\r\n dispatch(userAwbLogout());\r\n localStorage.removeItem(\"userAWB\");\r\n localStorage.removeItem(\"checkin\");\r\n localStorage.removeItem(\"pInfo\");\r\n history.push(\"/\");\r\n } else\r\n notification[\"error\"]({\r\n message: \"INFO\",\r\n description: t(\"agentReport.notfindData\"),\r\n style: { marginRight: \"-50%\" },\r\n });\r\n }\r\n };\r\n\r\n const componentRef = useRef();\r\n const handlePrint = useReactToPrint({\r\n content: () => componentRef.current,\r\n });\r\n const user =\r\n dataLogin.data.user_code === \"admi\"\r\n ? \"\"\r\n : dataLogin.data.user_code.slice(2, 4);\r\n\r\n return (\r\n {t(\"airlines.listDelivery\")}
\r\n \r\n{t(\"airlines.list\")}
\r\n \r\n\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n {\" \"}\r\n {dataLogin.data.user_code === \"admi\" && (\r\n \r\n \r\n \r\n )}\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n\r\n {/* \r\n \r\n \r\n \r\n {t(\"airlines.refresh\")}\r\n \r\n \r\n {t(\"airlines.print\")}\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n headerTable}\r\n bordered\r\n scroll={{ x: 500 }}\r\n pagination={{\r\n position: \"bottomRight\",\r\n defaultPageSize: 1000,\r\n }}\r\n summary={() => (\r\n <>\r\n \r\n \r\n {t(\"agentReport.total\")} {dataSource.length}\r\n \r\n \r\n \r\n \r\n {t(\"agentReport.Time\")}\r\n {new Date()} \r\n {/* {moment().format(\"DD/MM/YYYY HH:MM:SS\")} */}\r\n \r\n \r\n \r\n )}\r\n />\r\n )}\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n );\r\n};\r\nexport default TabAirlinesExpStatus;\r\n","/* eslint-disable */\r\nimport React, { useRef, useState } from \"react\";\r\nimport { Row, Col, Button, Input, Form, Table, notification } from \"antd\";\r\nimport { useForm } from \"antd/lib/form/Form\";\r\nimport moment from \"moment\";\r\nimport Moment from \"react-moment\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { useDispatch, useSelector } from \"react-redux\";\r\nimport { useHistory } from \"react-router\";\r\nimport { useReactToPrint } from \"react-to-print\";\r\nimport { setPaymentInfo } from \"../../../actions/payment\";\r\nimport { checkinUser, userAwbLogout } from \"../../../actions/userAWB\";\r\n\r\nimport { GET_EXP_SHPMENTS_IN_WH } from \"../../../config/webTrackApi\";\r\n\r\nconst TabAirlinesExpInven = () => {\r\n const { t } = useTranslation(\"common\");\r\n const [form] = useForm();\r\n const { dataLogin } = useSelector((state) => state.userAwb);\r\n const { signedIn } = useSelector((state) => state.userAwb);\r\n const [headerTable, setHeaderTable] = useState();\r\n const [dataSource, setDataSource] = useState();\r\n const [loading, setLoading] = useState(false);\r\n const history = useHistory();\r\n const dispatch = useDispatch();\r\n\r\n const submitGoodsRepo = async (values) => {\r\n const flightDate = moment().format(\"DD/MM/YYYY\");\r\n let { carrierId, flightNumber } = values;\r\n if (carrierId === undefined)\r\n carrierId = dataLogin.data.user_code.slice(\r\n 2,\r\n dataLogin.data.user_code.length\r\n );\r\n try {\r\n setLoading(true);\r\n let dataRes =\r\n dataLogin.data.user_code.includes(\"admi\") ||\r\n dataLogin.data.user_code.includes(carrierId)\r\n ? await GET_EXP_SHPMENTS_IN_WH(\r\n carrierId,\r\n flightNumber,\r\n flightDate,\r\n dataLogin.token\r\n )\r\n : notification[\"error\"]({\r\n message: \"INFO\",\r\n description: t(\"agentReport.role\"),\r\n style: { marginRight: \"-50%\" },\r\n });\r\n let data =\r\n dataRes &&\r\n dataRes.data.mCol.map((dt, index, array) => {\r\n return index === 0\r\n ? { ...dt }\r\n : {\r\n ...dt,\r\n WH_ULD_NO:\r\n array[index - 1].WH_ULD_NO === dt.WH_ULD_NO\r\n ? \"\"\r\n : dt.WH_ULD_NO,\r\n };\r\n });\r\n setDataSource(data);\r\n setHeaderTable(t(\"agentReport.carrier\") + ` ${flightNumber} AIR`);\r\n setLoading(false);\r\n } catch (error) {\r\n console.log(error);\r\n setLoading(false);\r\n setDataSource(undefined);\r\n if (error.response && error.response.status === 401) {\r\n notification.error({\r\n style: { marginRight: \"-50%\" },\r\n message: t(\"home.sessionNoti\"),\r\n });\r\n\r\n dispatch(checkinUser({}));\r\n dispatch(setPaymentInfo(undefined));\r\n dispatch(userAwbLogout());\r\n localStorage.removeItem(\"userAWB\");\r\n localStorage.removeItem(\"checkin\");\r\n localStorage.removeItem(\"pInfo\");\r\n history.push(\"/\");\r\n } else\r\n notification[\"error\"]({\r\n message: \"INFO\",\r\n description: t(\"agentReport.notfindData\"),\r\n style: { marginRight: \"-50%\" },\r\n });\r\n }\r\n };\r\n\r\n const columns = [\r\n {\r\n title: t(\"agentReport.no\"),\r\n dataIndex: \"FLT_Index\",\r\n key: \"FLT_Index\",\r\n className: \"head_tb_repo\",\r\n render: (_, record, index) => index + 1,\r\n },\r\n {\r\n title: t(\"agentReport.fightNo\"),\r\n dataIndex: \"parent\",\r\n key: \"parent\",\r\n className: \"head_tb_repo\",\r\n children: [\r\n {\r\n title: t(\"agentReport.noflight\"),\r\n dataIndex: \"STR_FLT_NO\",\r\n key: \"STR_FLT_NO\",\r\n className: \"head_tb_repo\",\r\n },\r\n {\r\n title: t(\"agentReport.Date\"),\r\n dataIndex: \"STR_FLT_DAT\",\r\n key: \"STR_FLT_DAT\",\r\n className: \"head_tb_repo\",\r\n render: (text) =>\r\n moment(text).isValid() &&\r\n moment(text).format(\"DD/MM/YYYY\") === \"01/01/2001\"\r\n ? \"\"\r\n : moment(text).isValid() && moment(text).format(\"DD/MM/YYYY\"),\r\n },\r\n ],\r\n },\r\n {\r\n title: \"ULD\",\r\n dataIndex: \"WH_ULD_NO\",\r\n key: \"WH_ULD_NO\",\r\n className: \"head_tb_repo\",\r\n width: \"12%\",\r\n },\r\n {\r\n title: t(\"agentReport.Contour\"),\r\n dataIndex: \"CONTOUR\",\r\n key: \"CONTOUR\",\r\n className: \"head_tb_repo\",\r\n },\r\n {\r\n title: t(\"agentReport.MAWB\"),\r\n dataIndex: \"WH_AWB_NO\",\r\n key: \"WH_AWB_NO\",\r\n className: \"head_tb_repo\",\r\n },\r\n {\r\n title: t(\"agentReport.totalPieces\"),\r\n dataIndex: \"QTY_SHP_QTY_EPM_PCS\",\r\n key: \"QTY_SHP_QTY_EPM_PCS\",\r\n className: \"head_tb_repo\",\r\n },\r\n {\r\n title: t(\"agentReport.Pieces\"),\r\n dataIndex: \"QTY_EPM_PCS\",\r\n key: \"QTY_EPM_PCS\",\r\n className: \"head_tb_repo\",\r\n },\r\n {\r\n title: t(\"agentReport.GrossWeight\"),\r\n dataIndex: \"QTY_EPM_WGT\",\r\n key: \"QTY_EPM_WGT\",\r\n className: \"head_tb_repo\",\r\n render: (text) => (text === \"0\" ? \"\" : text),\r\n },\r\n {\r\n title: t(\"Charge weight\"),\r\n dataIndex: \"CHG_WGT\",\r\n key: \"CHG_WGT\",\r\n className: \"head_tb_repo\",\r\n },\r\n {\r\n title: t(\"agentReport.from\"),\r\n dataIndex: \"COD_FDS\",\r\n key: \"COD_FDS\",\r\n className: \"head_tb_repo\",\r\n },\r\n {\r\n title: t(\"agentReport.bookingFlight\"),\r\n dataIndex: \"parent\",\r\n key: \"parent\",\r\n className: \"head_tb_repo\",\r\n children: [\r\n {\r\n title: t(\"agentReport.noflight\"),\r\n dataIndex: \"ORI_FLT_NO\",\r\n key: \"ORI_FLT_NO\",\r\n className: \"head_tb_repo\",\r\n },\r\n {\r\n title: t(\"agentReport.Date\"),\r\n dataIndex: \"ORI_FLT_DAT\",\r\n key: \"ORI_FLT_DAT\",\r\n className: \"head_tb_repo\",\r\n render: (text) =>\r\n moment(text).isValid() &&\r\n moment(text).format(\"DD/MM/YYYY\") === \"01/01/2001\"\r\n ? \"\"\r\n : moment(text).isValid() && moment(text).format(\"DD/MM/YYYY\"),\r\n },\r\n ],\r\n },\r\n {\r\n title: \"SHC\",\r\n dataIndex: \"SERVICE_REQUEST\",\r\n key: \"SERVICE_REQUEST\",\r\n className: \"head_tb_repo\",\r\n },\r\n {\r\n title: t(\"agentReport.status\"),\r\n dataIndex: \"EPM_STS\",\r\n key: \"EPM_STS\",\r\n className: \"head_tb_repo\",\r\n },\r\n ];\r\n\r\n const componentRef = useRef();\r\n const handlePrint = useReactToPrint({\r\n content: () => componentRef.current,\r\n });\r\n const user = signedIn && dataLogin.data.user_code.slice(2, 4);\r\n return (\r\n {t(\"agentReport.listMAWB\")}
\r\n \r\n{t(\"airlines.list\")}
\r\n \r\n\r\n \r\n
\r\n \r\n \r\n \r\n \r\n {dataLogin.data.user_code === \"admi\" && (\r\n \r\n \r\n \r\n )}\r\n \r\n \r\n \r\n {/* \r\n \r\n \r\n {t(\"agentReport.refresh\")}\r\n \r\n \r\n \r\n {t(\"agentReport.print\")}\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n headerTable}\r\n bordered\r\n scroll={{ x: 500 }}\r\n pagination={{\r\n position: \"bottomRight\",\r\n defaultPageSize: 1000,\r\n }}\r\n summary={() => (\r\n <>\r\n \r\n \r\n {t(\"agentReport.total\")} {dataSource.length}\r\n \r\n \r\n \r\n \r\n {t(\"agentReport.speechStatus\")} 1\r\n \r\n \r\n ACPT: {t(\"agentReport.get\")} LBXR:{\" \"}\r\n {t(\"agentReport.speechStatus\")}\r\n SCR:{\" \"}\r\n {t(\"agentReport.didCheckDelivery\")}\r\n LOD: {t(\"agentReport.getflight\")}{\" \"}\r\n DON: {t(\"agentReport.finish\")}\r\n \r\n \r\n \r\n \r\n {t(\"agentReport.Time\")}{\" \"}\r\n {new Date()} \r\n {/* {moment().format(\"DD/MM/YYYY HH:MM:SS\")} */}\r\n \r\n \r\n \r\n )}\r\n />\r\n )}\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n );\r\n};\r\n\r\nexport default TabAirlinesExpInven;\r\n","/* eslint-disable */\r\nimport React from \"react\";\r\nimport moment from \"moment\";\r\nimport { GET_EXP_FLIGHT_CUTOFF_TIME } from \"../config/webTrackApi\";\r\nimport {\r\n Row,\r\n Col,\r\n Form,\r\n Button,\r\n Table,\r\n Skeleton,\r\n DatePicker,\r\n notification,\r\n} from \"antd\";\r\nimport { useForm } from \"antd/lib/form/Form\";\r\nimport { useRef, useState } from \"react\";\r\nimport { useReactToPrint } from \"react-to-print\";\r\nimport { useDispatch, useSelector } from \"react-redux\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { checkinUser, userAwbLogout } from \"../actions/userAWB\";\r\nimport { setPaymentInfo } from \"../actions/payment\";\r\nimport { useHistory } from \"react-router\";\r\nconst TabCutOffTime = () => {\r\n const [tableDataFlight, setTableDataFlight] = useState();\r\n const [loading, setLoading] = useState();\r\n const { dataLogin } = useSelector((state) => state.userAwb);\r\n const { t } = useTranslation(\"common\");\r\n const dispatch = useDispatch();\r\n const history = useHistory();\r\n const today = new Date(),\r\n date =\r\n today.getFullYear() +\r\n \"-\" +\r\n (today.getMonth() + 1) +\r\n \"-\" +\r\n today.getDate();\r\n const [dateFlight, setDateFlight] = useState(\r\n today.getDate() + \"/\" + (today.getMonth() + 1) + \"/\" + today.getFullYear()\r\n );\r\n const [form] = useForm();\r\n const dateFormat = \"DD-MM-YYYY\";\r\n\r\n const submitFlight = () => {\r\n try {\r\n setLoading(true);\r\n let header = \"DATE CUT-OFF TIME: \" + dateFlight;\r\n let footer = \"\";\r\n let columns = [\r\n {\r\n title: t(\"CutOffTime.no\"),\r\n dataIndex: \"index\",\r\n key: \"index\",\r\n className: \"head_tb_repo\",\r\n },\r\n {\r\n title: t(\"CutOffTime.fight\"),\r\n dataIndex: \"F01_COD_FLT_CAR\",\r\n key: \"F01_COD_FLT_CAR\",\r\n className: \"head_tb_repo\",\r\n },\r\n {\r\n title: t(\"CutOffTime.fightNum\"),\r\n dataIndex: \"F02_COD_FLT_NUM\",\r\n key: \"F02_COD_FLT_NUM\",\r\n className: \"head_tb_repo\",\r\n },\r\n {\r\n title: t(\"CutOffTime.Departure\"),\r\n dataIndex: \"F03_DAT_FLT_ORI\",\r\n key: \"F03_DAT_FLT_ORI\",\r\n className: \"head_tb_repo\",\r\n },\r\n {\r\n title: t(\"CutOffTime.from\"),\r\n dataIndex: \"F04_COD_APT_BRD\",\r\n key: \"F04_COD_APT_BRD\",\r\n className: \"head_tb_repo\",\r\n },\r\n {\r\n title: t(\"CutOffTime.to\"),\r\n dataIndex: \"F05_COD_APT_OFF\",\r\n key: \"F05_COD_APT_OFF\",\r\n className: \"head_tb_repo\",\r\n },\r\n {\r\n title: t(\"CutOffTime.generalCargo\"),\r\n dataIndex: \"F09_CUT_OFF\",\r\n key: \"F09_CUT_OFF\",\r\n className: \"head_tb_repo\",\r\n },\r\n ];\r\n let dataSource = [];\r\n let params = {\r\n STR_CONNECT: \"AAA\",\r\n EXP_FLT_DATE: dateFlight,\r\n };\r\n let url = \"api/GET_EXP_FLIGHT_CUTOFF_TIME\";\r\n GET_EXP_FLIGHT_CUTOFF_TIME(url, params).then((res) => {\r\n footer =\r\n langId === \"2\"\r\n ? \"TỔNG CỘNG SỐ CHUYẾN BAY TRONG NGÀY: \" +\r\n res.data.mCol.length +\r\n \" CHUYẾN BAY\"\r\n : \"TOTAL FLIGHT: \" + res.data.mCol.length + \" FLIGHT\";\r\n if (res.status == 200 && res.data != \"\" && res.data.mCol.length >= 1) {\r\n res.data.mCol.map((dt, index) => {\r\n dataSource.push({\r\n key: index,\r\n index: index + 1,\r\n F01_COD_FLT_CAR: dt.F01_COD_FLT_CAR,\r\n F02_COD_FLT_NUM: dt.F02_COD_FLT_NUM,\r\n F03_DAT_FLT_ORI: dt.F03_DAT_FLT_ORI,\r\n F04_COD_APT_BRD: dt.F04_COD_APT_BRD,\r\n F05_COD_APT_OFF: dt.F05_COD_APT_OFF,\r\n F09_CUT_OFF: dt.F09_CUT_OFF,\r\n });\r\n });\r\n renderTableFlight(columns, header, footer, dataSource);\r\n } else {\r\n renderTableFlight(columns, header, footer, dataSource);\r\n }\r\n setLoading(false);\r\n });\r\n } catch (error) {\r\n if (error.response.status === 401) {\r\n notification.error({\r\n style: { marginRight: \"-50%\" },\r\n message: t(\"home.sessionNoti\"),\r\n });\r\n dispatch(checkinUser({}));\r\n dispatch(setPaymentInfo(undefined));\r\n dispatch(userAwbLogout());\r\n localStorage.removeItem(\"userAWB\");\r\n localStorage.removeItem(\"checkin\");\r\n localStorage.removeItem(\"pInfo\");\r\n history.push(\"/\");\r\n }\r\n }\r\n };\r\n const renderTableFlight = (columns, header, footer, dataSource) => {\r\n setTableDataFlight(\r\n {t(\"agentReport.listMAWB\")}
\r\n \r\n{t(\"header.list\")}
\r\n \r\n\r\n \r\n
\r\n \r\n \r\n \r\n \r\n {\r\n if (value) {\r\n const dateVal = new Date(value);\r\n setDateFlight(dateVal.getDate() + \"/\" + (dateVal.getMonth() + 1) + \"/\" + dateVal.getFullYear())\r\n }\r\n }} />\r\n \r\n \r\n \r\n \r\n \r\n {langId === \"2\" ? \"Chọn\" : \"Next\"}\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n {tableDataFlight} \r\n \r\n
\r\n
\r\n
\r\n
\r\n );\r\n};\r\nexport default TabCutOffTime;\r\n","import axiosInstance from \"./AuthIntercept\";\r\nimport { DOMAIN_CLIENT } from \"./Constant\";\r\n\r\n/**\r\n * Get ESID CTC CMP (Customer) list\r\n * @returns\r\n */\r\nexport async function GetEsidCtcCmpList() {\r\n return axiosInstance.get(`${DOMAIN_CLIENT}nvesid/EsidCtcCmp/GetByUsr`);\r\n}\r\n\r\n/**\r\n * Get an ESID CTC CMP by Id\r\n * @param {*} id\r\n * @returns\r\n */\r\nexport function GetEsidCtcCmpById(id = 0) {\r\n return axiosInstance.get(`${DOMAIN_CLIENT}nvesid/EsidCtcCmp/${id}`);\r\n}\r\n\r\n/**\r\n * Get an ESID Export by Id\r\n * @param {*} id \r\n * @returns \r\n */\r\nexport function GetEsidExportById(id = 0) {\r\n return axiosInstance.get(`${DOMAIN_CLIENT}nvesid/EsidExport/GetById/${id}`);\r\n}\r\n\r\n/**\r\n * Get an ESID Export by AWB\r\n * @param {*} awbPfx \r\n * @param {*} awbNum \r\n * @returns \r\n */\r\nexport function GetEsidExportByAwb(awbPfx = '', awbNum = '') {\r\n return axiosInstance.get(`${DOMAIN_CLIENT}nvesid/EsidExport/GetByAwb?awbPfx=${awbPfx}&awbNum=${awbNum}`);\r\n}\r\n\r\n/**\r\n * Check the AWB already exists.\r\n * @param {*} awbPfx \r\n * @param {*} awbNum \r\n * @returns \r\n */\r\nexport function EsidCheckAwb(awbPfx = '', awbNum = '') {\r\n return axiosInstance.get(`${DOMAIN_CLIENT}nvesid/EsidExport/CheckAwb?awbPfx=${awbPfx}&awbNum=${awbNum}`);\r\n}\r\n\r\nexport function GetAllAirports() {\r\n return axiosInstance.get(`${DOMAIN_CLIENT}nvesid/Airport/GetAll`);\r\n}\r\nexport function GetDeclDgrByEsid(id = 1) {\r\n return axiosInstance.get(`${DOMAIN_CLIENT}nvesid/EsidExport/GetDeclDgrByEsid/${id}`);\r\n}\r\nexport function GetCertLivAnmByEsid(id = 1) {\r\n return axiosInstance.get(`${DOMAIN_CLIENT}nvesid/EsidExport/GetCertLivAnmByEsid/${id}`);\r\n}\r\n\r\nexport function GetVhcRegById(id) {\r\n return axiosInstance.get(`${DOMAIN_CLIENT}nvesid/EsidExport/GetVhcRegById/${id}`);\r\n}\r\n\r\nexport function GetAllEsidExpByCondition({esidId = '', awbPfx = '', awbNum = '', fltNo='', fromDate, toDate, codRefNum = '', dateType = 'ShpRegDat', codSts = '', depot = 'ALL'}) {\r\n return axiosInstance.get(`${DOMAIN_CLIENT}nvesid/EsidExport?esidId=${esidId}&awbPfx=${awbPfx}&awbNum=${awbNum}&fltNo=${fltNo}&fromDate=${fromDate}&toDate=${toDate}&dateType=${dateType}&codRefNum=${codRefNum}&codSts=${codSts}&depot=${depot}`);\r\n}\r\n\r\nexport function GetVhcRegByToDate({fromDate, toDate, codRefNum = ''}) {\r\n return axiosInstance.get(`${DOMAIN_CLIENT}nvesid/EsidExport/GetVhcRegByToDate?fromDate=${fromDate}&toDate=${toDate}&codRefNum=${codRefNum}`);\r\n}\r\nexport function CreateEsidExportAcceptance(data) {\r\n return axiosInstance.post(`${DOMAIN_CLIENT}nvesid/EsidExport/EsidExportAccept/${data.id}`,data);\r\n}\r\nexport function CreateDgrAcceptance(data) {\r\n return axiosInstance.post(`${DOMAIN_CLIENT}nvesid/EsidExport/DgrAccept/${data.id}`,data);\r\n}\r\n\r\nexport async function SignIn(username, password, captchaId, captchaCode) {\r\n return await axiosInstance.post(`${DOMAIN_CLIENT}nvesid/Auth/SignIn`, {\r\n password: password,\r\n username: username,\r\n captcha: {\r\n id: captchaId,\r\n code: captchaCode\r\n }\r\n });\r\n}\r\n/**\r\n * It takes an object with an id property and a data property, and sends a PUT request to the server\r\n * with the data.\r\n * @param data - {\r\n * @returns \r\n */\r\nexport function UpdateEsidExportById(data) {\r\n return axiosInstance.put(`${DOMAIN_CLIENT}nvesid/EsidExport/Update/${data.id}`,data);\r\n}\r\n\r\n/**\r\n * It takes an object with three properties, and sends a PUT request to the server with the data from\r\n * the third property.\r\n * @param data - {\r\n * @returns \r\n */\r\nexport function UpdateDgrByDgrId(data) {\r\n return axiosInstance.put(`${DOMAIN_CLIENT}nvesid/EsidExport/${data.esidId}/UpdateDgr/${data.id}`,data.dgrItems);\r\n}\r\n\r\n/**\r\n * It's a PUT request to the server, with the URL being the domain, the esidId, and the id.\r\n * The data is the data that is being sent to the server.\r\n * @param data - {\r\n * @returns \r\n */\r\nexport function UpdateCertLivAnimal(data) {\r\n return axiosInstance.put(`${DOMAIN_CLIENT}nvesid/EsidExport/${data.esidId}/UpdateCertLivAnimal/${data.id}`,data);\r\n}\r\n\r\n/**\r\n * It takes an object, and sends it to the server.\r\n * @param expCarDim - {\r\n * @returns \r\n */\r\nexport function SaveEsidExpCarDim(expCarDim) {\r\n return axiosInstance.post(`${DOMAIN_CLIENT}nvesid/EsidExport/${expCarDim.esidId}/SaveEsidExpCarDim`,expCarDim.dimensionSizes);\r\n}\r\nexport function SaveEsidExpCarWgt(expCarWgt) {\r\n return axiosInstance.post(`${DOMAIN_CLIENT}nvesid/EsidExport/${expCarWgt.esidId}/SaveEsidExpCarWgt`,expCarWgt.weights);\r\n}\r\nexport function CreateDeclDgr(data) {\r\n return axiosInstance.post(`${DOMAIN_CLIENT}nvesid/EsidExport/CreateDeclDgr`, data);\r\n}\r\nexport function CreateCertLivAnm(data) {\r\n return axiosInstance.post(`${DOMAIN_CLIENT}nvesid/EsidExport/CreateCertLivAnm`, data);\r\n}\r\n\r\nexport function DgUnFinalize(data) {\r\n return axiosInstance.post(`${DOMAIN_CLIENT}nvesid/EsidExport/DgUnFinalize`, data);\r\n}\r\n\r\nexport function ExpUnFinalize(data) {\r\n return axiosInstance.post(`${DOMAIN_CLIENT}nvesid/EsidExport/ExpUnFinalize`, data);\r\n}\r\n\r\nexport function ExpConsolFinalize(data) {\r\n return axiosInstance.post(`${DOMAIN_CLIENT}nvesid/EsidExport/ExpConsolFinalize`, data);\r\n}\r\n\r\nexport function ExpConsolUnFinalize(data) {\r\n return axiosInstance.post(`${DOMAIN_CLIENT}nvesid/EsidExport/ExpConsolUnFinalize`, data);\r\n}\r\n\r\nexport function ExpGetAllUsers() {\r\n return axiosInstance.get(`${DOMAIN_CLIENT}Auth/GetAllUsers`);\r\n}\r\n\r\nexport function ExpGetNamStf(username) {\r\n return axiosInstance.get(`${DOMAIN_CLIENT}Auth/GetNamStf/${username}`);\r\n}\r\n\r\nexport function ExpInviteUser(data) {\r\n return axiosInstance.post(`${DOMAIN_CLIENT}Auth/InviteUser`, data);\r\n}\r\n\r\nexport function ExpRemoveUser(username) {\r\n return axiosInstance.post(`${DOMAIN_CLIENT}Auth/RemoveUser/${username}`);\r\n}\r\n\r\nexport function ExpSendMailToAirline(data) {\r\n return axiosInstance.post(`${DOMAIN_CLIENT}nvesid/EsidExport/SendMailToAirline`, data);\r\n}\r\n\r\nexport function ExportEsidPdf(data) {\r\n return axiosInstance.post(`${DOMAIN_CLIENT}nvesid/EsidExport/ExportEsidToPdf`, data, { responseType: 'arraybuffer' });\r\n}\r\n\r\nexport function ExpGetQrCodeImg(text) {\r\n return axiosInstance.get(`${DOMAIN_CLIENT}QRCode/png/${text}`, { responseType: 'arraybuffer' });\r\n}\r\n\r\nexport function ExpGetEmailsWithAir(codCar) {\r\n return axiosInstance.get(`${DOMAIN_CLIENT}nvesid/EsidExport/GetExpEmailsWithAir/${codCar}`);\r\n}\r\n\r\nexport function ExpDgCheck(id, data) {\r\n return axiosInstance.post(`${DOMAIN_CLIENT}nvesid/EsidExport/ExpDgCheck/${id}`, data);\r\n}\r\n\r\nexport function ExpDgCheckOK(id, data) {\r\n return axiosInstance.post(`${DOMAIN_CLIENT}nvesid/EsidExport/ExpDgCheckOK/${id}`, data);\r\n}\r\n\r\nexport function ExpAviAccept(id, data) {\r\n return axiosInstance.post(`${DOMAIN_CLIENT}nvesid/EsidExport/${id}/aviAccept`, data);\r\n}\r\n\r\nexport function ExpWebBillChgPaid(webChkId) {\r\n return axiosInstance.post(`${DOMAIN_CLIENT}nvesid/EsidExport/ExpWebBillChgPaid?webChkId=${webChkId}`);\r\n}\r\n\r\nexport function ExpWebBillChgIssueEInv(webChkId) {\r\n return axiosInstance.post(`${DOMAIN_CLIENT}nvesid/EsidExport/ExpWebBillChgIssueEInv?webChkId=${webChkId}`);\r\n}\r\n\r\nexport function ExportAwbsToExcel(data) {\r\n return axiosInstance.post(`${DOMAIN_CLIENT}nvesid/EsidExport/ExportAwbsToExcel`, data, {responseType: 'blob'});\r\n}","import React, { useEffect, useState } from 'react';\r\nimport { Form, Input, Row, Col, Button, DatePicker, Select } from 'antd';\r\nimport { useTranslation } from 'react-i18next';\r\nimport moment from 'moment';\r\nimport { useHistory, useLocation } from 'react-router-dom';\r\nimport { GetAllEsidExpByCondition, ExportAwbsToExcel } from '../../../../../config/nvesidExportApi';\r\nimport { errorHandling } from '../../../../../config/AuthIntercept';\r\nimport CalendarLocale from 'rc-picker/lib/locale/vi_VN';\r\nimport TimePickerLocale from 'antd/lib/time-picker/locale/vi_VN';\r\nimport locale from 'antd/es/date-picker/locale/vi_VN';\r\nimport 'moment/locale/vi';\r\nimport { useSelector } from 'react-redux';\r\nimport RoleClaim from '../../../../../constant/roleClaim';\r\nconst { RangePicker } = DatePicker;\r\n\r\nconst ModalSearchForm = ({ name, form, children, setDataSource, filterCodSts, autoRefresh }) => {\r\n const { t } = useTranslation('common');\r\n const dateFormat = 'DD-MM-YYYY';\r\n const { langId } = useSelector((state) => state.menu);\r\n const frmDat = filterCodSts\r\n ? localStorage.getItem('esidExpListFrmDat') || moment().startOf('month').toISOString()\r\n : moment().startOf('month').toISOString();\r\n const toDat = filterCodSts\r\n ? localStorage.getItem('esidExpListToDat') || moment().toISOString()\r\n : moment().toISOString();\r\n const [dates, setDates] = useState([moment(frmDat), moment(toDat)]);\r\n const [dateValue, setDateValue] = useState([moment(frmDat), moment(toDat)]);\r\n const history = useHistory();\r\n const location = useLocation();\r\n const [isSearching, setIsSearching] = useState(false);\r\n // eslint-disable-next-line\r\n const [rangePickerLocale, setRangePickerLocale] = useState(locale);\r\n const [dateType, setDateType] = useState(localStorage.getItem('dateType') || 'AcpDat');\r\n const { currentUser } = useSelector((state) => state.userAwb);\r\n const { roles } = currentUser;\r\n\r\n const viLocale = {\r\n ...locale,\r\n lang: {\r\n ...locale.lang,\r\n locale: 'vi_VN',\r\n placeholder: 'Chọn thời điểm',\r\n yearPlaceholder: 'Chọn năm',\r\n quarterPlaceholder: 'Chọn quý',\r\n monthPlaceholder: 'Chọn tháng',\r\n weekPlaceholder: 'Chọn tuần',\r\n rangePlaceholder: ['Ngày bắt đầu', 'Ngày kết thúc'],\r\n rangeYearPlaceholder: ['Năm bắt đầu', 'Năm kết thúc'],\r\n rangeQuarterPlaceholder: ['Quý bắt đầu', 'Quý kết thúc'],\r\n rangeMonthPlaceholder: ['Tháng bắt đầu', 'Tháng kết thúc'],\r\n rangeWeekPlaceholder: ['Tuần bắt đầu', 'Tuần kết thúc'],\r\n ...CalendarLocale,\r\n },\r\n timePickerLocale: {\r\n ...TimePickerLocale,\r\n },\r\n };\r\n const disabledDate = (current) => {\r\n if (!dates) {\r\n return false;\r\n }\r\n const tooLate = dates[0] && current.diff(dates[0], 'days') > 60;\r\n const tooEarly = dates[1] && dates[1].diff(current, 'days') > 60;\r\n return !!tooEarly || !!tooLate;\r\n };\r\n const onOpenChange = (open) => {\r\n if (open) {\r\n setDates([null, null]);\r\n } else {\r\n setDates(null);\r\n }\r\n };\r\n const handleRangeDateChange = (val) => {\r\n val &&\r\n setDateValue([\r\n val[0].set({ hour: 0, minute: 0, second: 0, millisecond: 0 }),\r\n val[1].set({ hour: 23, minute: 59, second: 59, millisecond: 0 }),\r\n ]);\r\n };\r\n const handleOnCalendarChange = (val) => {\r\n val &&\r\n (val[0] === null\r\n ? setDates([null, val[1]?.set({ hour: 23, minute: 59, second: 59, millisecond: 0 })])\r\n : setDates([val[0].set({ hour: 0, minute: 0, second: 0, millisecond: 0 }), null]));\r\n };\r\n\r\n const handleSubmitSearch = async (formValue) => {\r\n const depot = localStorage.getItem('GetFromLocation') || 'TCS';\r\n setIsSearching(true);\r\n const fromDate = new Date(dateValue[0]);\r\n fromDate.setHours(0);\r\n fromDate.setMinutes(0);\r\n fromDate.setMilliseconds(0);\r\n const toDate = new Date(dateValue[1]);\r\n toDate.setHours(23);\r\n toDate.setMinutes(59);\r\n toDate.setMilliseconds(59);\r\n // tai man hinh danh sach esid, chi luu trang thai ngay tim kiem\r\n if (filterCodSts) {\r\n localStorage.setItem('esidExpListFrmDat', fromDate.toISOString());\r\n localStorage.setItem('esidExpListToDat', toDate.toISOString());\r\n }\r\n //\r\n const paramsValue = filterCodSts\r\n ? {\r\n esidId: formValue?.esidId,\r\n awbPfx: formValue?.awbPfx,\r\n awbNum: formValue?.awbNum,\r\n fltNo: formValue?.fltCarAndNum,\r\n codSts: filterCodSts,\r\n fromDate: fromDate.toISOString(),\r\n toDate: toDate.toISOString(),\r\n dateType,\r\n depot,\r\n }\r\n : {\r\n esidId: formValue?.esidId,\r\n awbPfx: formValue?.awbPfx,\r\n awbNum: formValue?.awbNum,\r\n fltNo: formValue?.fltCarAndNum,\r\n fromDate: fromDate.toISOString(),\r\n toDate: toDate.toISOString(),\r\n dateType,\r\n depot,\r\n };\r\n try {\r\n const { data } = await GetAllEsidExpByCondition(paramsValue);\r\n const newDataSource = data.map((item) => ({\r\n awbPfxAndNum: `${item.codAwbPfx}-${item.codAwbNum}`,\r\n fltCarAndNum: `${item.codFltCar}${item.codFltNum}`,\r\n datFltOrigin: item.datFltOri,\r\n datFltOri: item.datFltOri,\r\n codAwbPfx: item.codAwbPfx,\r\n codAwbNum: item.codAwbNum,\r\n codAwbSfx: item.codAwbSfx,\r\n codFltCar: item.codFltCar,\r\n codFltNum: item.codFltNum,\r\n shcDgr: item.shcDgr,\r\n dgrAcpStfCod: item.dgrAcpStfCod,\r\n usrCre: item.usrCre,\r\n datCre: item.datCre,\r\n usrUpd: item.usrUpd,\r\n datUpd: item.datUpd,\r\n codSts: item.codSts,\r\n esidId: item.id,\r\n desRmk002: item.desRmk002,\r\n numOfMalSend: item.numOfMalSend,\r\n key: item.id,\r\n }));\r\n setDataSource(newDataSource);\r\n setIsSearching(false);\r\n } catch (error) {\r\n errorHandling(error, history, location.pathname);\r\n setIsSearching(false);\r\n }\r\n };\r\n\r\n useEffect(() => {\r\n if (filterCodSts) {\r\n const fDat = filterCodSts\r\n ? localStorage.getItem('esidExpListFrmDat') || moment().startOf('month').toISOString()\r\n : moment().startOf('month').toISOString();\r\n const tDat = filterCodSts\r\n ? localStorage.getItem('esidExpListToDat') || moment().toISOString()\r\n : moment().toISOString();\r\n setDates([moment(fDat), moment(tDat)]);\r\n setDateValue([moment(fDat), moment(tDat)]);\r\n }\r\n handleSubmitSearch({});\r\n // eslint-disable-next-line\r\n }, [filterCodSts]);\r\n\r\n useEffect(() => {\r\n // locale here is Vi\r\n setRangePickerLocale(langId === '2' ? locale : null);\r\n }, [langId]);\r\n\r\n const [timer, setTimer] = useState(null);\r\n const handleNextInput = (evt) => {\r\n clearTimeout(timer);\r\n const timeoutId = setTimeout(() => {\r\n const { maxLength, value, name } = evt.target;\r\n // Check if they hit the max character length\r\n if (value.length >= maxLength && name === 'awbPfx') {\r\n // Get the next input field\r\n // searchForm.resetFields(['awbNum']);\r\n const nextSibling = document.querySelector(`input[name=awbNum]`);\r\n // If found, focus the next field\r\n if (nextSibling !== null) {\r\n nextSibling.focus();\r\n }\r\n }\r\n }, 300);\r\n setTimer(timeoutId);\r\n };\r\n\r\n useEffect(() => {\r\n let intervalId = null;\r\n if (autoRefresh) {\r\n intervalId = setInterval(async () => {\r\n console.log('auto refreshing');\r\n const values = await form.validateFields();\r\n handleSubmitSearch(values);\r\n }, autoRefresh * 60 * 1000);\r\n }\r\n return () => {\r\n clearInterval(intervalId);\r\n };\r\n // eslint-disable-next-line\r\n }, [autoRefresh, filterCodSts]);\r\n\r\n const handleChangeDateType = (value) => {\r\n setDateType(value);\r\n localStorage.setItem('dateType', value);\r\n };\r\n\r\n const [downloading, setDownloading] = useState(false);\r\n const downloadExcelFile = async () => {\r\n try {\r\n setDownloading(true);\r\n const inputRequest = {\r\n fromDate: moment(dateValue[0]).format('YYYY-MM-DD'),\r\n toDate: moment(dateValue[1]).format('YYYY-MM-DD'),\r\n dateType,\r\n carrier: currentUser?.user_code,\r\n };\r\n const response = await ExportAwbsToExcel(inputRequest);\r\n setDownloading(false);\r\n // Create a link to download the file\r\n const url = window.URL.createObjectURL(new Blob([response.data]));\r\n const link = document.createElement('a');\r\n link.href = url;\r\n link.setAttribute('download', 'exported_awbs.xlsx'); // File name\r\n document.body.appendChild(link);\r\n link.click();\r\n\r\n // Clean up by removing the link\r\n link.parentNode.removeChild(link);\r\n window.URL.revokeObjectURL(url);\r\n } catch (error) {\r\n setDownloading(false);\r\n console.error('Error downloading the file:', error);\r\n }\r\n };\r\n\r\n return (\r\n \r\n {langId === \"2\"\r\n ? \"HÃY NHẬP NGÀY KIỂM TRA LỊCH BAY CUT-OFF TIME ĐỂ TIÊP TỤC\"\r\n : \"PLEASE INPUT DATE AND NEXT\"}\r\n
\r\n \r\n\r\n {langId === \"2\"\r\n ? \"CHI TIẾT LỊCH BAY CUT-OFF TIME\"\r\n : \"CUT-OFF-TIME DETAIL\"}\r\n
\r\n \r\n\r\n {t(\"livAnm.tableInfo.title\")} \r\n \r\n
\r\n {`UID: ${item.codUid}`}
\r\n {t(\"dangerousGood.formInfo.probShpName\")}{`: ${item.codPsn}`}
\r\n \r\n ),\r\n onOk() {\r\n handleDelete(item);\r\n dispatch(setLivAnmSelectedToEdit(null));\r\n },\r\n onCancel() {\r\n // console.log('Cancel');\r\n },\r\n });\r\n };\r\n\r\n const getSelectedLivAnm = () => {\r\n const { certDtl } = livAnmsSelectedValue;\r\n const certDtlItems = certDtl ? \r\n certDtl.map((cert,index) => ({\r\n ...cert,\r\n key: index\r\n })) : [];\r\n setDataSource(certDtlItems);\r\n }\r\n\r\n useEffect(() => {\r\n livAnmsSelectedValue && livAnmsSelectedValue !== null && getSelectedLivAnm();\r\n // eslint-disable-next-line\r\n },[livAnmsSelectedValue])\r\n\r\n const defaultColumns = [\r\n {\r\n title: t(\"livAnm.formInfo.numOfPkg\"),\r\n dataIndex: 'numOfPkg',\r\n key: 'numOfPkg',\r\n editable: true,\r\n },\r\n {\r\n title: t(\"livAnm.formInfo.specSpecConReq\"),\r\n dataIndex: 'specSpecConReq',\r\n key: 'specSpecConReq',\r\n editable: true,\r\n },\r\n {\r\n title: t(\"livAnm.formInfo.desNameQty\"),\r\n dataIndex: 'desNameQty',\r\n key: 'desNameQty',\r\n editable: true,\r\n children: [\r\n {\r\n title: t(\"livAnm.formInfo.specDesNam\"),\r\n dataIndex: 'specDesNam',\r\n key: 'specDesNam',\r\n editable: true,\r\n },\r\n {\r\n title: t(\"livAnm.formInfo.qtyAvi\"),\r\n dataIndex: 'qtyAvi',\r\n key: 'qtyAvi',\r\n editable: true,\r\n },\r\n \r\n ]\r\n },\r\n {\r\n title: t(\"livAnm.tableInfo.action\"),\r\n dataIndex: 'action',\r\n fixed: 'right',\r\n hidden: isDisableEditLivAnmFormDecl,\r\n width: 100,\r\n render: (_, record) => {\r\n return dataSource.length >= 1 ? (\r\n \r\n \r\n {`GW: ${wgt.wgtGrs}`}\r\n \r\n \r\n {`CW: ${wgt.volWgt > wgt.wgtGrs ? wgt.volWgt : wgt.wgtGrs}`}\r\n \r\n
\r\n \r\n \r\n \r\n ATTACHED LIST DIMS\r\n \r\n a.codSeqNum - b.codSeqNum)}\r\n bordered\r\n pagination={false}\r\n summary={(pageData) => {\r\n let totalCarton = 0;\r\n let total = 0;\r\n\r\n pageData.forEach(({ qtyDimPcs, qtyDimWgt }) => {\r\n totalCarton += qtyDimPcs;\r\n total += qtyDimWgt;\r\n });\r\n\r\n return (\r\n <>\r\n \r\n \r\n TOTAL CARTON \r\n \r\n \r\n {totalCarton} \r\n \r\n \r\n \r\n \r\n TOTAL \r\n \r\n \r\n {total} \r\n \r\n \r\n \r\n );\r\n }}\r\n /> */}\r\n
\r\n \r\n \r\n
\r\n {/* \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n
\r\n | ))}\r\n | |||||
|---|---|---|---|---|---|
| {idx+1} | \r\n{dim.qtyDimLen} | \r\n{dim.qtyDimWid} | \r\n{dim.qtyDimHgt} | \r\n{dim.qtyDimPcs} | \r\n{dim.qtyDimWgt} | \r\n
| \r\n | \r\n | \r\n \r\n {dmsSizes?.length > 0 ? dmsSizes.map(dim => dim.qtyDimPcs).reduce((total, qty) => total + qty) : 0}\r\n | \r\n\r\n | ||
| \r\n | \r\n | \r\n {wgt.volWgt} | \r\n|||
| \r\n | \r\n | \r\n 197 | \r\n\r\n | ||
| \r\n | \r\n | \r\n 962 | \r\n
\r\n
\r\n \r\n \r\n NGƯỜI GỬI HÀNG \r\n {shpRegNam} \r\n
\r\n \r\n TIẾP NHẬN \r\n {acpStfNam} \r\n
\r\n \r\n
\r\n );\r\n }\r\n}\r\n","\r\nimport React from \"react\";\r\nimport { Row, Col, Typography } from \"antd\";\r\nimport { CheckOutlined } from '@ant-design/icons';\r\nimport QRCode from \"qrcode.react\";\r\nimport { codPayModEnum, tempEnum } from \"../constant/enumerations\";\r\nimport moment from \"moment\";\r\nimport { DmsSizeToPrint } from \"../pages/admin/EsidExport/components/Acceptance/DimensionSize/DmsSizeToPrint\";\r\nimport { ExpDeclConsolPrint } from \"./tracking/ExpDeclConsol/ExpDeclConsolPrint\";\r\nimport { urlLogoTcs } from \"../image/logotcs_base64\";\r\nexport class RegistryExportPrint extends React.PureComponent {\r\n // eslint-disable-next-line\r\n constructor(props) {\r\n super(props);\r\n }\r\n render() {\r\n const { shipper,\r\n agent,\r\n consignee,\r\n notify,\r\n codOri,\r\n codFds,\r\n codFltNum,\r\n datFltOri,\r\n qtyPcs,\r\n totalOfHawbs,\r\n natureOfGoods,\r\n codAwbPfx,\r\n codAwbNum,\r\n codFltCar,\r\n shcPer,\r\n shcDgr,\r\n shcVal,\r\n shcVun,\r\n shcVunNml,\r\n shcEcort,\r\n shcReinforce,\r\n shcBup,\r\n // eslint-disable-next-line\r\n shcConsol,\r\n shcDip,\r\n shcAvi,\r\n shcHum,\r\n shcColStr,\r\n shcColTemReq,\r\n shcOth,\r\n shcOth001,\r\n shcOth002,\r\n shcOthReq,\r\n codPayMod,\r\n shpRegNam,\r\n shpRegTel,\r\n shpRegIdx,\r\n shpRegDat,\r\n acpStfNam,\r\n acpDat,\r\n dgrAcpStfNam,\r\n dgrAcpDat,\r\n expCarDim,\r\n expCarWgt,\r\n desRmk,\r\n desRmk001,\r\n usrCre\r\n // tcsCodRefNum\r\n } = this.props?.esidExport;\r\n const { dgrSelected, aviSelected, expConsol, imgQRUrl } = this.props;\r\n const qrCodeStr = `${codAwbPfx}${codAwbNum}`;\r\n const CheckBoxBlank = \r\n \r\n
\r\n
\r\n \r\n
\r\n \r\n 
\r\n
\r\n \r\n PHIẾU TIẾP NHẬN HÀNG HÓA \r\n DECLARATION FOR CONSOLIDATION SHIPMENT \r\n
\r\n QF/ED/33\r\n \r\n
\r\n \r\n 1. Thông tin hàng hóa tiếp nhận \r\n {`(Shipment details)`} \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n Số không vận đơn chính: \r\n Master Airway bill \r\n
\r\n \r\n {expConsol.codAwbPfx}{expConsol.codAwbNum} \r\n
\r\n \r\n
\r\n \r\n Tổng số kiện: \r\n Total Pieces \r\n
\r\n \r\n {expConsol.qtyPcs} \r\n
\r\n | STT | \r\n\r\n \r\n | \r\n \r\n \r\n | \r\n \r\n \r\n | \r\n \r\n \r\n | \r\n \r\n \r\n | \r\n
|---|---|---|---|---|---|
| {index + 1} | \r\n{item.codHwbNum} | \r\n{item.qrCod} | \r\n{item.qtyPcs} | \r\n{item.qtyWgt ? item.qtyWgt : ''} | \r\n{item.natureOfGoods} | \r\n
\r\n \r\n Đại lý hàng hóa/ Người gửi hàng chịu toàn bộ trách nhiệm về nội dung khai báo các lô hàng trên đây, đảm bảo các thông tin khai báo đúng với thực tế.\r\n \r\n \r\n Shipper is responsible for all the contents of declaration for consolidation above and all the information is correct.\r\n \r\n \r\n
\r\n
\r\n \r\n 2. Đăng ký sử dụng dịch vụ \r\n {`(Shipment registration):`} \r\n
\r\n \r\n Khách hàng đánh dấu \"X\" vào ô trống để đăng ký các dịch vụ sau: \r\n Check \"X\" in the box to register the following services: \r\n
\r\n \r\n x.codHdlReg === consolServices.PrintQRCode) > -1}>{`In số định danh hàng hóa (Printing QR code)`} \r\n x.codHdlReg === consolServices.FWB) > -1}>{`Gửi điện FWB (Sending FWB)`} \r\n x.codHdlReg === consolServices.FHL) > -1}>{`Gửi điện FHL (Sending FHL)`} \r\n
\r\n \r\n {`${datDecl.getHours()} giờ ${datDecl.getMinutes()} phút, ngày ${datDecl.getDate()} tháng ${datDecl.getMonth() + 1} năm ${datDecl.getFullYear()}`} \r\n
\r\n \r\n Xác nhận của NV TCS \r\n {`(ký và ghi rõ họ tên)`} \r\n
\r\n {moment(expConsol.acpDat).format('DD/MM/YYYY HH:mm')}
\r\n{expConsol.acpStfNam}
\r\n \r\n \r\n Người khai \r\n {`(ký và ghi rõ họ tên)`} \r\n
\r\n {expConsol.declNam}
\r\n \r\n \r\n \r\n \r\n THÔNG BÁO ĐÍNH KÈM / ATTACHED NOTICE \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n )}\r\n {expCarDim?.length > 12 && expCarWgt?.length > 0 && (\r\n <>\r\n \r\n
\r\n );\r\n }\r\n}\r\n","import React, { useEffect, useRef, useState } from \"react\";\r\nimport {\r\n Row,\r\n Col,\r\n Space,\r\n Button,\r\n Spin,\r\n notification,\r\n Collapse,\r\n Typography,\r\n Modal,\r\n} from \"antd\";\r\nimport { useForm } from \"antd/es/form/Form\";\r\nimport AnimalsTable from \"./components/AnimalsTable\";\r\nimport IATAForm from \"./components/IATAForm\";\r\nimport \"./style.css\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { useDispatch, useSelector } from \"react-redux\";\r\nimport {\r\n setLivAnms,\r\n setLivAnmsSelectedValue,\r\n setEsidLoading,\r\n setDisableEditLivAnmsFormDecl,\r\n setIsVisableEditLivAnmButton,\r\n setLivAnmSelectedToEdit,\r\n} from \"../../../actions/livAnmAction\";\r\nimport {\r\n CheckIfLivAnmIsAllowEditing,\r\n CreateCertLivAnm,\r\n GetCertLivAnmByEsid,\r\n UpdateInformationOfLivAnm,\r\n} from \"../../../config/esidExportApi\";\r\nimport { errorHandling } from \"../../../config/AuthIntercept\";\r\nimport { setEsidExpTabPaneActive, setTabEsidVisibility } from \"../../../actions/esidExportAction\";\r\nimport { esidExpTabsEnum } from \"../../../constant/enumerations\";\r\nimport { useHistory, useLocation } from \"react-router-dom\";\r\nimport { useReactToPrint } from \"react-to-print\";\r\nimport { RegistryExportPrint } from \"../../RegistryExportPrint\";\r\n\r\n\r\nconst { Panel } = Collapse;\r\n\r\nconst { confirm } = Modal;\r\n\r\nconst iatas = [\"iatA001\", \"iatA002\", \"iatA003\", \"iatA004\", \"iatA005\"];\r\nexport const objectToAntFormData = (object) => {\r\n const antFormData = [];\r\n for (const key in object) {\r\n antFormData.push({\r\n name: [key],\r\n value: object[key],\r\n });\r\n }\r\n return antFormData;\r\n};\r\nconst TabExpCertLivAnm = () => {\r\n const [loadingCheckIsEditable, setLoadingCheckIsEditable] = useState(false);\r\n const { t } = useTranslation(\"common\");\r\n const history = useHistory();\r\n const location = useLocation();\r\n const [shipperForm] = useForm();\r\n const [consigneeForm] = useForm();\r\n const [iataForm] = useForm();\r\n const [airwayBillForm] = useForm();\r\n const [noteForm] = useForm();\r\n const esidExport = useSelector((state) => state.esidExport.esidExpSelected);\r\n const dgrSelected = useSelector((state) => state.dgrGoods.dgrSelectedValue);\r\n const isEsidFormLoading = useSelector(\r\n (state) => state.livAnms.isEsidFormLoading\r\n );\r\n const dataSource = useSelector((state) => state.livAnms.livAnms);\r\n // const dataExport = useSelector((state) => state.livAnms.livAnmsSelectedValue);\r\n const livAnmsSelectedValue = useSelector(\r\n (state) => state.livAnms.livAnmsSelectedValue\r\n );\r\n const isVisableEditLivAnmButton = useSelector((state) => state.livAnms.isVisableEditLivAnmButton);\r\n const isDisableEditLivAnmFormDecl = useSelector((state) => state.livAnms.isDisableEditLivAnmFormDecl);\r\n\r\n const dispatch = useDispatch();\r\n const [submitLoading, setSubmitLoading] = useState(false);\r\n const [iataActiveKey, setIataActiveKey] = useState(\"1\");\r\n\r\n const handleIataKeyChange = (key) => {\r\n setIataActiveKey(key);\r\n };\r\n\r\n const showError = () => {\r\n notification.error({\r\n message: t(\"Oops\"),\r\n centered: true,\r\n description: t(\"livAnm.tableInfo.emptyError\"),\r\n });\r\n };\r\n\r\n const unEditableNoti = () => {\r\n notification.error({\r\n message: t(\"Oops\"),\r\n centered: true,\r\n description: t(\"livAnm.unEdittable\"),\r\n });\r\n };\r\n\r\n const nextStep = (esid, currentStep) => {\r\n window.scroll({ left: 0, top: 350 });\r\n if (esid?.shcDgr === 'Y' && currentStep === esidExpTabsEnum.ExpRegis) {\r\n dispatch(setTabEsidVisibility(esidExpTabsEnum.Dgr));\r\n return;\r\n }\r\n if (esid?.shcAvi === 'Y' && \r\n (currentStep === esidExpTabsEnum.ExpRegis || currentStep === esidExpTabsEnum.Dgr)) {\r\n dispatch(setTabEsidVisibility(esidExpTabsEnum.LivAnm));\r\n return;\r\n }\r\n if (esid?.shcConsol === 'Y' && \r\n (currentStep === esidExpTabsEnum.ExpRegis || \r\n currentStep === esidExpTabsEnum.Dgr || currentStep === esidExpTabsEnum.LivAnm)) {\r\n dispatch(setTabEsidVisibility(esidExpTabsEnum.Consol));\r\n return;\r\n }\r\n dispatch(setTabEsidVisibility(esidExpTabsEnum.CarDim));\r\n }\r\n\r\n const handleSubmit = async () => {\r\n if (!esidExport) {\r\n // Todo: Notification error\r\n return;\r\n }\r\n if (dataSource && dataSource.length > 0) {\r\n setSubmitLoading(true);\r\n await shipperForm.validateFields();\r\n await consigneeForm.validateFields();\r\n await airwayBillForm.validateFields();\r\n const noteFormValue = await noteForm.validateFields();\r\n const { iatA } = await iataForm.validateFields();\r\n let iataFormValue = {};\r\n \r\n iatas.forEach((iataKey) => {\r\n if (iatA && iatA.includes(iataKey)) {\r\n iataFormValue[iataKey] = \"Y\";\r\n } else {\r\n iataFormValue[iataKey] = \"N\";\r\n }\r\n });\r\n \r\n const certDtl = dataSource.map(({ key, codSts,...rest }) => ({ \r\n ...rest,\r\n codSts: codSts || 'NY'\r\n }));\r\n const postValue = {\r\n esidId: esidExport.id,\r\n codAwbPfx: esidExport.codAwbPfx,\r\n codAwbNum: esidExport.codAwbNum,\r\n codAwbSfx: esidExport.codAwbSfx,\r\n codOri: esidExport.codOri,\r\n codFds: esidExport.codFds,\r\n codFltCar: esidExport.codFltCar,\r\n codFltNum: esidExport.codFltNum,\r\n datFltOri: esidExport.datFltOri,\r\n desRmk: noteFormValue.desRmk, // Additional Handling Information\r\n shpRegDat: livAnmsSelectedValue?.shpRegDat || new Date(),\r\n shpRegIdx: esidExport.shpRegIdx,\r\n shpRegNam: esidExport.shpRegNam,\r\n shpRegAdr: esidExport.shpRegAdr,\r\n shpRegTel: esidExport.shpRegTel,\r\n shpRegEml: esidExport.shpRegEml,\r\n shpRegSignYn: esidExport.shpRegSignYn,\r\n // CodSts: certDtl.codSts || \"NY\",\r\n codSts: \"NY\",\r\n usrCre: esidExport.UsrCre,\r\n usrUpd: esidExport.UsrUpd,\r\n certDtl,\r\n ...iataFormValue,\r\n };\r\n try {\r\n // const resp = await CreateCertLivAnm(postValue);\r\n // dispatch(setLivAnmsSelectedValue(resp.data));\r\n // showSuccess();\r\n // setSubmitLoading(false);\r\n if (livAnmsSelectedValue?.id && esidExport?.id) { \r\n const resp = await UpdateInformationOfLivAnm(esidExport.id, livAnmsSelectedValue.id, postValue);\r\n dispatch(setLivAnmsSelectedValue(resp.data));\r\n dispatch(setDisableEditLivAnmsFormDecl(true))\r\n dispatch(setIsVisableEditLivAnmButton(true))\r\n }else{ \r\n const resp = await CreateCertLivAnm(postValue);\r\n dispatch(setLivAnmsSelectedValue(resp.data));\r\n }\r\n nextStep(esidExport, esidExpTabsEnum.LivAnm);\r\n setSubmitLoading(false);\r\n } catch (error) {\r\n setSubmitLoading(false);\r\n errorHandling(error, null, null);\r\n }\r\n } else {\r\n showError();\r\n return;\r\n }\r\n };\r\n\r\n useEffect(() => {\r\n if (esidExport) {\r\n const { shipper, consignee, desRmk, ...rest } = esidExport;\r\n shipperForm.setFields(objectToAntFormData(shipper));\r\n consigneeForm.setFields(objectToAntFormData(consignee));\r\n airwayBillForm.setFields(objectToAntFormData(rest));\r\n noteForm.setFields(objectToAntFormData({ desRmk: desRmk }));\r\n fetchData();\r\n }\r\n // eslint-disable-next-line\r\n }, [esidExport]);\r\n\r\n const fetchData = async () => {\r\n try {\r\n dispatch(setEsidLoading(true));\r\n const { data } = await GetCertLivAnmByEsid(esidExport.id);\r\n dispatch(setLivAnmsSelectedValue(data));\r\n let iatAItems = [];\r\n iatas.forEach((iata) => {\r\n if (data[iata] && data[iata] === \"Y\") {\r\n iatAItems.push(iata);\r\n }\r\n });\r\n iataForm.setFields(objectToAntFormData({ iatA: iatAItems }));\r\n dispatch(setEsidLoading(false));\r\n } catch (error) {\r\n dispatch(setLivAnmsSelectedValue(null));\r\n dispatch(setLivAnms([]));\r\n dispatch(setLivAnmSelectedToEdit(null));\r\n dispatch(setEsidLoading(false));\r\n errorHandling(error, history, location.pathname, false);\r\n }\r\n };\r\n\r\n const showConfirm = () => {\r\n confirm({\r\n title: t(\"formInfo.confirmSaveTitle\"),\r\n content: t(\"formInfo.confirmSaveMsg\"),\r\n centered: true,\r\n okText: t(\"save\"),\r\n cancelText: t('livAnm.formInfo.btnCancel'),\r\n onOk() {\r\n handleSubmit().then(() => {\r\n window.scrollTo(0, 350);\r\n dispatch(setEsidExpTabPaneActive(esidExpTabsEnum.ExpRegis)); \r\n });\r\n },\r\n onCancel() {\r\n window.scrollTo(0, 350);\r\n dispatch(setEsidExpTabPaneActive(esidExpTabsEnum.ExpRegis));\r\n },\r\n });\r\n };\r\n\r\n const handleBackToESID = async () => {\r\n if (\r\n (dataSource.length > 0 && !isVisableEditLivAnmButton) ||\r\n (!livAnmsSelectedValue && dataSource.length > 0)\r\n ) {\r\n showConfirm();\r\n } else {\r\n window.scrollTo(0, 380);\r\n dispatch(setEsidExpTabPaneActive(esidExpTabsEnum.ExpRegis));\r\n }\r\n };\r\n\r\n // const handleVehicleRegis = () => {\r\n // window.scrollTo(0, 380);\r\n // dispatch(setEsidExpTabPaneActive(esidExpTabsEnum.VhcRegis));\r\n // };\r\n\r\n const handleCancel = () =>{\r\n if(livAnmsSelectedValue && livAnmsSelectedValue?.id !== null){\r\n const previousLivItems = livAnmsSelectedValue.certDtl.map((items) => ({\r\n ...items,\r\n key: items.id\r\n }));\r\n dispatch(setLivAnms(previousLivItems));\r\n }else{\r\n dispatch(setLivAnms([]));\r\n }\r\n dispatch(setDisableEditLivAnmsFormDecl(true));\r\n dispatch(setIsVisableEditLivAnmButton(true));\r\n }\r\n\r\n const handleEditForm = async () => {\r\n //To do\r\n try {\r\n setLoadingCheckIsEditable(true);\r\n const checkIsEditable = await CheckIfLivAnmIsAllowEditing(livAnmsSelectedValue.id);\r\n if (checkIsEditable.data.allowEdit) {\r\n dispatch(setDisableEditLivAnmsFormDecl(false))\r\n dispatch(setIsVisableEditLivAnmButton(false))\r\n }else{\r\n unEditableNoti();\r\n }\r\n setLoadingCheckIsEditable(false);\r\n } catch (error) {\r\n setLoadingCheckIsEditable(false);\r\n errorHandling(error, history, location.pathname);\r\n }\r\n };\r\n\r\n const componentRef = useRef();\r\n const handlePrint = useReactToPrint({\r\n content: () => componentRef.current,\r\n copyStyles: true,\r\n pageStyle: `\r\n @media all {\r\n .page-break {\r\n display: none;\r\n }\r\n }\r\n @media print {\r\n html, body {\r\n padding: 0.7rem 0.7rem 0.7rem 0.7rem;\r\n height: initial !important;\r\n overflow: initial !important;\r\n -webkit-print-color-adjust: exact;\r\n }\r\n }\r\n @media print {\r\n .page-break {\r\n margin-top: 0.7rem;\r\n display: block;\r\n page-break-before: auto;\r\n }\r\n }\r\n @media print {\r\n @page { \r\n size: A4 portrait;\r\n margin: 0;\r\n }\r\n }\r\n `\r\n });\r\n\r\n useEffect(() => {\r\n dispatch(setDisableEditLivAnmsFormDecl(true))\r\n dispatch(setIsVisableEditLivAnmButton(true))\r\n // eslint-disable-next-line\r\n },[])\r\n\r\n return (\r\n <>\r\n {esidExport ? (\r\n <>\r\n \r\n
\r\n {desRmk001 && (\r\n <>\r\n \r\n \r\n \r\n \r\n HƯỚNG DẪN GỬI HÀNG \r\n \r\n 
\r\n ) : (\r\n
\r\n \r\n Shipper's Instruction for Despatch \r\n
\r\n \r\n
\r\n \r\n \r\n I. Phần dành cho khách hàng/Complete by customer\r\n \r\n
\r\n \r\n 6. Hướng dẫn phục vụ/Handling of information and remarks. Đánh dấu ( \r\n \r\n \r\n {shcPer === \"Y\" && (\r\n
\r\n \r\n \r\n \r\n Tôi xác nhận đã khai báo theo đúng tính chất thực tế của hàng hóa. Nếu có hàng nguy hiểm, hàng động vật sống, hàng mau hỏng sẽ được khai báo đúng quy định và thể lệ vận chuyển của IATA và quy định Hãng bay /\r\n I certify that the content of this consignment is properly identified by its nature. Insofar as any part of the consignment contains dangerous goods, Live animal, Perishable such part is in proper condition for carriage by air according to IATA's and Airlines’ Regulation.\r\n \r\n \r\n \r\n {shpRegNam}/{usrCre?.toLocaleUpperCase()} \r\n \r\n
\r\n \r\n \r\n {shpRegTel} \r\n \r\n
\r\n \r\n \r\n \r\n Số CMND/ID No: \r\n \r\n {shpRegIdx} \r\n \r\n
\r\n \r\n \r\n Ngày-giờ/Date-Time: \r\n \r\n {shpRegDat && moment(shpRegDat).format(\"DD/MM/YYYY HH:mm\")} \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n II. Phần dành cho nhân viên Tiếp Nhận/Complete by Acceptance\r\n \r\n {dgrSelected && \r\n dgrSelected.dgrItems?.filter(x => x.codTyp === 'DGR' && (x.codShc || x.codEgr || x.desRmk))?.sort((a, b) => a.sorter - b.sorter)?.map(item => (\r\n \r\n
\r\n ))}\r\n {dgrSelected && \r\n dgrSelected.dgrItems?.filter(x => x.codTyp === 'ICE' && (x.codShc || x.codEgr || x.desRmk))?.sort((a, b) => a.sorter - b.sorter)?.map(item => (\r\n \r\n
\r\n ))}\r\n {dgrSelected && \r\n dgrSelected.dgrItems?.filter(x => x.codTyp === 'PIN' && (x.codShc || x.codEgr || x.desRmk))?.sort((a, b) => a.sorter - b.sorter)?.map(item => (\r\n \r\n
\r\n ))}\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n 7. Kích thước lô hàng (dài x rộng x cao)/ Dimensions (L x W x H):\r\n { expCarDim && expCarDim.length > 12 ? \r\n (\r\n Xem danh sách đính kèm \r\n ) \r\n : \r\n (\r\n <>\r\n )\r\n }\r\n \r\n \r\n { expCarDim && expCarDim.length && expCarDim.length <= 12 ? (\r\n <>\r\n \r\n
\r\n ) : (\r\n \r\n
\r\n )}\r\n\r\n {expCarDim && expCarDim.length > 0 && expCarDim?.[1] ?\r\n (\r\n \r\n
\r\n ) : (\r\n \r\n
\r\n )}\r\n\r\n {expCarDim && expCarDim.length > 0 && expCarDim?.[2] ?\r\n (\r\n \r\n
\r\n ) : (\r\n \r\n
\r\n )}\r\n \r\n \r\n
\r\n ) : (\r\n \r\n
\r\n )}\r\n\r\n {expCarDim && expCarDim.length > 0 && expCarDim?.[4] ?\r\n (\r\n \r\n
\r\n ) : (\r\n \r\n
\r\n )}\r\n\r\n {expCarDim && expCarDim.length > 0 && expCarDim?.[5] ?\r\n (\r\n \r\n
\r\n ) : (\r\n \r\n
\r\n )}\r\n \r\n \r\n
\r\n ) : (\r\n \r\n
\r\n )}\r\n\r\n {expCarDim && expCarDim.length > 0 && expCarDim?.[7] ?\r\n (\r\n \r\n
\r\n ) : (\r\n \r\n
\r\n )}\r\n\r\n {expCarDim && expCarDim.length > 0 && expCarDim?.[8] ?\r\n (\r\n \r\n
\r\n ) : (\r\n \r\n
\r\n )}\r\n \r\n \r\n
\r\n ) : (\r\n \r\n
\r\n )}\r\n\r\n {expCarDim && expCarDim.length > 0 && expCarDim?.[10] ?\r\n (\r\n \r\n
\r\n ) : (\r\n \r\n
\r\n )}\r\n\r\n {expCarDim && expCarDim.length > 0 && expCarDim?.[11] ?\r\n (\r\n \r\n
\r\n ) : (\r\n \r\n
\r\n )}\r\n \r\n \r\n ) : (\r\n <>\r\n )} \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n {/* \r\n \r\n GIAO/DISTRIBUTION\r\n \r\n \r\n
\r\n \r\n
\r\n */}\r\n \r\n
\r\n \r\n
\r\n {/* \r\n Tôi đồng ý nội dung sau \r\n
*/}\r\n {/* \r\n
\r\n \r\n
*/}\r\n
\r\n\r\n \r\n
\r\n \r\n QF/ED/31 \r\n Ngày hiệu lực: 26/07/2024 \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n 1.c Số ĐT/Tel: {shipper?.desPhone} \r\n \r\n 1.d. Fax: {shipper?.desFax} \r\n \r\n
\r\n
\r\n \r\n 1. Người gửi/Shipper: {shipper?.namCtc} \r\n 1.a. Địa chỉ/Address: {shipper?.desAddStt} \r\n 1.b. Email: {shipper?.desEmail} \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n 2.c Số ĐT/Tel: {agent?.desPhone} \r\n \r\n 2.d. Fax: {agent?.desFax} \r\n \r\n
\r\n \r\n
\r\n
\r\n \r\n {/* 1.e. MST/VAT code: {shipper?.codTaxCmp} */}\r\n 2. Đơn vị cung cấp dịch vụ/Agent: {agent?.namCtc} \r\n 2.a. Địa chỉ/Address: {agent?.desAddStt} \r\n 2.b. Email: {agent?.desEmail} \r\n
\r\n \r\n 2.e. MST/VAT code: {agent?.codTaxCmp} \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n 3.c Số ĐT/Tel: {consignee?.desPhone} \r\n \r\n 3.d. Fax: {consignee?.desFax} \r\n \r\n
\r\n
\r\n \r\n 3. Người nhận/Consignee: {consignee?.namCtc} \r\n 3.a. Địa chỉ/Address: {consignee?.desAddStt} \r\n 3.b. Email: {consignee?.desEmail} \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n 3.g Số ĐT/Tel: {notify?.desPhone} \r\n \r\n 3.h. Fax: {notify?.desFax} \r\n \r\n
\r\n\r\n \r\n 3.i. Email: {notify?.desEmail} \r\n \r\n
\r\n
\r\n \r\n 3.e. Thông báo cho/Notify: {notify?.namCtc} \r\n 3.f. Địa chỉ/Address: {notify?.desAddStt} \r\n
\r\n \r\n \r\n 4.Số không vận đơn/Air Waybill number. \r\n \r\n
\r\n \r\n 4.a. Điểm xuất phát/Origin \r\n Điểm đến/Final destination \r\n
\r\n \r\n 4.b. Chuyến bay/Flight: \r\n \r\n {codFltCar}{codFltNum} \r\n \r\n 4.c. Ngày bay/Date: \r\n \r\n {datFltOri && moment(datFltOri).format(\"DD/MM/YYYY HH:mm\")} \r\n \r\n
\r\n \r\n 4.d.Tổng số kiện/No. of Pieces: \r\n \r\n {qtyPcs} \r\n \r\n
\r\n \r\n 4.e.Tổng số vận đơn phụ/Total of HAWBs: \r\n \r\n {totalOfHawbs > 0 ? totalOfHawbs : 0} \r\n \r\n
\r\n \r\n 4.f. Loại hàng/Nature of goods: {natureOfGoods} \r\n \r\n
\r\n \r\n
\r\n \r\n Chú ý cho khách gửi hàng/Note for Customer: \r\n \r\n \r\n a. Quá trình tiếp nhận hàng hóa chỉ kết thúc khi lô hàng hoàn tất kiểm tra an ninh hàng không./The cargo acceptance is only finished when the shipment has been completely security-checked.\r\n \r\n \r\n \r\n b. Đối với các lô hàng gom, khách hàng vui lòng khai báo thêm thông tin ở “Phiếu khai báo bổ sung đối với các lô hàng gom” (Mẫu QF/ED/33)./For consolidated shipment, please declare details in “Declaration for Consolidation” (Form QF/ED/33).\r\n \r\n \r\n \r\n c. Tờ khai gửi hàng này không có giá trị thay thế tờ khai hàng hóa hàng nguy hiểm./This declaration does not replace the Shipper's Declaration for Dangerous Goods.\r\n \r\n \r\n \r\n d. Khách hàng sẽ chịu trách nhiệm về tính chính xác các thông tin trên tờ khai Hướng Dẫn gửi hàng này/Shipper will be responsible for the accuracy of all information on this Shipper's Instruction for despatch.\r\n \r\n \r\n
\r\n
\r\n \r\n \r\n {codAwbPfx}-{codAwbNum} \r\n
\r\n \r\n \r\n {codOri} \r\n
\r\n \r\n \r\n {codFds} \r\n
\r\n \r\n \r\n 5. Hình thức thanh toán/Term of payment \r\n
\r\n \r\n \r\n
\r\n \r\n {codPayMod === codPayModEnum.Cash ? (\r\n CheckBoxChecked\r\n ) : (\r\n CheckBoxBlank\r\n )}\r\n \r\n
\r\n \r\n {codPayMod === codPayModEnum.Transfer ? (\r\n CheckBoxChecked\r\n ) : (\r\n CheckBoxBlank\r\n )}\r\n \r\n
\r\n \r\n {CheckBoxChecked}\r\n \r\n
\r\n \r\n )}\r\n {shcVal === \"Y\" && (\r\n \r\n {CheckBoxChecked}\r\n \r\n
\r\n \r\n )}\r\n {shcAvi === \"Y\" && (\r\n \r\n {CheckBoxChecked}\r\n \r\n
\r\n \r\n )}\r\n {shcDgr === \"Y\" && (\r\n \r\n {CheckBoxChecked}\r\n \r\n
\r\n \r\n )}\r\n {shcOth002 === \"Y\" && (\r\n \r\n {CheckBoxChecked}\r\n \r\n
\r\n \r\n )}\r\n {shcBup === \"Y\" && (\r\n \r\n {CheckBoxChecked}\r\n \r\n
\r\n \r\n )}\r\n {shcVun === \"Y\" && (\r\n \r\n {CheckBoxChecked}\r\n \r\n
\r\n \r\n )}\r\n {shcVunNml === \"Y\" && (\r\n \r\n {CheckBoxChecked}\r\n \r\n
\r\n \r\n )}\r\n {shcEcort === \"Y\" && (\r\n \r\n {CheckBoxChecked}\r\n \r\n
\r\n \r\n )}\r\n {shcReinforce === \"Y\" && (\r\n \r\n {CheckBoxChecked}\r\n \r\n
\r\n \r\n )}\r\n {shcDip === \"Y\" && (\r\n \r\n {CheckBoxChecked}\r\n \r\n
\r\n \r\n )}\r\n {shcHum === \"Y\" && (\r\n \r\n {CheckBoxChecked}\r\n \r\n
\r\n \r\n )}\r\n {shcColStr === \"Y\" && (\r\n \r\n {CheckBoxChecked}\r\n \r\n
\r\n \r\n )}\r\n {shcOth === \"Y\" && (\r\n \r\n {CheckBoxChecked}\r\n \r\n
\r\n \r\n )}\r\n {shcOth001 === \"Y\" && (\r\n \r\n {CheckBoxChecked}\r\n \r\n
\r\n \r\n )}\r\n {dgrSelected && \r\n dgrSelected.dgrItems?.filter(x => x.codTyp === 'DGR' && x.qtyPcs > 0)?.map(item => (\r\n \r\n {item.qtyPcs || '......'}{'PCS '}\r\n {item.dgrTypes?.sort((a, b) => a.sorter - b.sorter)?.map((typ, idx) => (`${idx > 0 ? '/' : ''}${typ.dgrNam}${typ.namDgrExt ? `${typ.namDgrExt} ${typ.namDgrSfx}` : ''}`))}\r\n
\r\n \r\n ))}\r\n {dgrSelected && \r\n dgrSelected.dgrItems?.filter(x => x.codTyp === 'ICE')?.map(item => (\r\n \r\n {item.dgrTypes?.sort((a, b) => a.sorter - b.sorter)?.map((typ, idx) => (`${idx > 0 ? '/' : ''}${typ.dgrNam}${typ.namDgrExt ? `${typ.namDgrExt} ${typ.namDgrSfx}` : ''}`))}\r\n {' / '}{item.qtyPcs || '......'}PCS x {item.qtyWgt || '......'}KGS\r\n
\r\n \r\n ))}\r\n {dgrSelected && \r\n dgrSelected.dgrItems?.filter(x => x.codTyp === 'PIN')?.map(item => (\r\n \r\n {item.qtyPcs || '......'}{'PCS '}\r\n {item.dgrTypes?.filter(x => !['UN3481', 'UN3091', 'ELM'].includes(x.dgrNam))?.sort((a, b) => a.sorter - b.sorter)?.map((typ, idx) => (`${idx > 0 ? '/' : ''}${typ.dgrNam}${typ.namDgrExt ? `${typ.namDgrExt} ${typ.namDgrSfx}` : ''}`))}\r\n
\r\n \r\n ))}\r\n \r\n Tên đầy đủ, chữ ký người gửi hàng: \r\n Fullname, Shipper's signature: \r\n
\r\n \r\n \r\n Số ĐT: \r\n Tel: \r\n
\r\n \r\n \r\n {`(${expCarDim?.[0].qtyDimLen}x${expCarDim?.[0].qtyDimWid}x${expCarDim?.[0].qtyDimHgt})${expCarDim?.[0].qtyDimPcs} = ${expCarDim?.[0].qtyDimWgt}`} \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n {`(${expCarDim?.[1].qtyDimLen}x${expCarDim?.[1].qtyDimWid}x${expCarDim?.[1].qtyDimHgt})${expCarDim?.[1].qtyDimPcs} = ${expCarDim?.[1].qtyDimWgt}`} \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n {`(${expCarDim?.[2].qtyDimLen}x${expCarDim?.[2].qtyDimWid}x${expCarDim?.[2].qtyDimHgt})${expCarDim?.[2].qtyDimPcs} = ${expCarDim?.[2].qtyDimWgt}`} \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n {`(${expCarDim?.[3].qtyDimLen}x${expCarDim?.[3].qtyDimWid}x${expCarDim?.[3].qtyDimHgt})${expCarDim?.[3].qtyDimPcs} = ${expCarDim?.[3].qtyDimWgt}`} \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n {`(${expCarDim?.[4].qtyDimLen}x${expCarDim?.[4].qtyDimWid}x${expCarDim?.[4].qtyDimHgt})${expCarDim?.[4].qtyDimPcs} = ${expCarDim?.[4].qtyDimWgt}`} \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n {`(${expCarDim?.[5].qtyDimLen}x${expCarDim?.[5].qtyDimWid}x${expCarDim?.[5].qtyDimHgt})${expCarDim?.[5].qtyDimPcs} = ${expCarDim?.[5].qtyDimWgt}`} \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n {`(${expCarDim?.[6].qtyDimLen}x${expCarDim?.[6].qtyDimWid}x${expCarDim?.[6].qtyDimHgt})${expCarDim?.[6].qtyDimPcs} = ${expCarDim?.[6].qtyDimWgt}`} \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n {`(${expCarDim?.[7].qtyDimLen}x${expCarDim?.[7].qtyDimWid}x${expCarDim?.[7].qtyDimHgt})${expCarDim?.[7].qtyDimPcs} = ${expCarDim?.[7].qtyDimWgt}`} \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n {`(${expCarDim?.[8].qtyDimLen}x${expCarDim?.[8].qtyDimWid}x${expCarDim?.[8].qtyDimHgt})${expCarDim?.[8].qtyDimPcs} = ${expCarDim?.[8].qtyDimWgt}`} \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n {`(${expCarDim?.[9].qtyDimLen}x${expCarDim?.[9].qtyDimWid}x${expCarDim?.[9].qtyDimHgt})${expCarDim?.[9].qtyDimPcs} = ${expCarDim?.[9].qtyDimWgt}`} \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n {`(${expCarDim?.[10].qtyDimLen}x${expCarDim?.[10].qtyDimWid}x${expCarDim?.[10].qtyDimHgt})${expCarDim?.[10].qtyDimPcs} = ${expCarDim?.[10].qtyDimWgt}`} \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n {`(${expCarDim?.[11].qtyDimLen}x${expCarDim?.[11].qtyDimWid}x${expCarDim?.[11].qtyDimHgt})${expCarDim?.[11].qtyDimPcs} = ${expCarDim?.[11].qtyDimWgt}`} \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n 7.a. Trọng lượng theo thể tích\r\n \r\n \r\n Volume weight (kg)\r\n \r\n
\r\n \r\n \r\n \r\n 7.b. Trọng lượng \r\n \r\n \r\n Gross weight (kg)\r\n \r\n
\r\n \r\n \r\n \r\n 7.c. Trọng lượng tính cước\r\n \r\n \r\n Chargeable weight (kg)\r\n \r\n
\r\n \r\n \r\n \r\n {expCarWgt && expCarWgt.length > 0 && expCarWgt[0].volWgt}\r\n \r\n
\r\n \r\n \r\n \r\n {expCarWgt && expCarWgt.length > 0 && expCarWgt[0].wgtGrs}\r\n \r\n
\r\n \r\n \r\n \r\n {/* {expCarWgt && expCarWgt.length > 0 && (expCarWgt[0]?.volWgt > expCarWgt[0]?.wgtGrs) ? expCarWgt[0]?.volWgt : expCarWgt[0]?.wgtGrs} */}\r\n { expCarWgt && expCarWgt.length > 0 ? (\r\n <>\r\n {(expCarWgt[0]?.volWgt > expCarWgt[0]?.wgtGrs) ? expCarWgt[0]?.volWgt : expCarWgt[0]?.wgtGrs}\r\n \r\n ) :(\r\n <>\r\n ) }\r\n \r\n
\r\n \r\n \r\n \r\n Tên đầy đủ, chữ ký nhân viên tiếp nhận: {acpStfNam}\r\n \r\n \r\n Full Name, Acceptance staff's signature:\r\n \r\n
\r\n \r\n \r\n \r\n Ngày giờ tiếp nhận: {acpDat && acpStfNam && moment(acpDat).format(\"DD/MM/YYYY HH:mm\")} \r\n \r\n \r\n Date-Time:\r\n \r\n
\r\n \r\n \r\n \r\n Bản 01(màu trắng): Hãng hàng không /01 st copy(white) - Airlines.\r\n \r\n \r\n Bản 02(màu vàng): Kho xuất /02 nd copy(White) - Export Docs.\r\n \r\n
\r\n \r\n \r\n \r\n Bản 03(màu hồng): Thu ngân /03 rd copy(pink) - Finance.\r\n \r\n \r\n Bản 04(màu xanh): Người gửi hàng /04 th copy(Blue) - Shipper.\r\n \r\n
\r\n \r\n \r\n \r\n Tên đầy đủ, chữ ký nhân viên tiếp nhận DG: {dgrAcpStfNam}\r\n \r\n \r\n Full Name, Acceptance staff's signature:\r\n \r\n
\r\n \r\n \r\n \r\n Ngày giờ tiếp nhận: {dgrAcpDat && moment(dgrAcpDat).format(\"DD/MM/YYYY HH:mm\")}\r\n \r\n \r\n Date-Time:\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n - Tôi cam kết các nội dung khai báo trên là chính xác và chịu hoàn toàn trách nhiệm nếu thông tin khai báo sai lệch so với thực tế dẫn đến hàng hóa bị offload/ lạc tuyến/ phục vụ sai quy định của nhà chức trách/ hãng vận chuyển
\r\n- Bảng khai báo trên phù hợp với nội dung thể hiện trong Phiếu hướng dẫn gửi hàng của TCS(mẫu QF/ED/31) và được hoàn tất trước khi hàng hóa được đưa vào kho hàng xuất TCS
\r\n\r\n {checkLanguage === \"vi\"\r\n ? \"QUÝ KHÁCH VUI LÒNG XUẤT TRÌNH MÃ ĐĂNG KÝ/QR TẠI CỔNG AN NINH TCS\"\r\n : \" Please provide the registration code/QR code at the TCS security gate\"}\r\n
\r\n \r\n{t(\"formInfo.certLivAnmLabel\")}
\r\n{t(\"header.registryInvNotice\")}
\r\n \r\n\r\n
\r\n )}\r\n \r\n {errors.errOri}
\r\n \r\n
\r\n )}\r\n \r\n {errors.errFds}
\r\n \r\n \r\n
\r\n {t(\"dangerousGood.formInfo.dgrType\")}
\r\n \r\n {t(\"dangerousGood.formInfo.dgrType\")}
\r\n \r\n {t(\"dangerousGood.formInfo.dgrType\")}
\r\n \r\n \r\n \r\n {/* remove the dot */}\r\n {`${\r\n t(\"dangerousGood.formInfo.UN\")[t(\"dangerousGood.formInfo.UN\").length - 1] === '.' ? \r\n t(\"dangerousGood.formInfo.UN\").substring(0, t(\"dangerousGood.formInfo.UN\").length - 1) :\r\n t(\"dangerousGood.formInfo.UN\")\r\n }: ${item.codUid}`}\r\n \r\n {\r\n !disabled && (\r\n
\r\n \r\n } />\r\n } onClick={handleDeleteClick} />\r\n
\r\n )\r\n }\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n {`${label}: `}\r\n \r\n {value}\r\n
\r\n )\r\n} \r\n","import React, { useEffect, useState } from 'react'\r\nimport { \r\n Table, \r\n Button, \r\n Space, \r\n Form,\r\n Tooltip,\r\n Modal,\r\n Row,\r\n Col,\r\n Typography, \r\n} from 'antd';\r\nimport {\r\n DeleteOutlined, \r\n EditOutlined,\r\n PlusOutlined\r\n} from '@ant-design/icons'\r\nimport { useTranslation } from \"react-i18next\";\r\nimport GoodsTableHead from './GoodsTableHead';\r\nimport { useDispatch, useSelector } from 'react-redux';\r\nimport { setDgrSelectedValue } from '../../../../../actions/dgrGoodsAction';\r\nimport { AddDangerousGoodsModal } from './AddDangerousGoodsModal';\r\nimport { DgrStatusEnum, addDgrType } from '../../../../../constant/enumerations';\r\nimport useWindowSize from '../../../../../helpers/useWindowSize';\r\nimport { SmallGoodsTable } from './SmallGoodsTable';\r\nimport { objectToAntFormData } from '../../../../../components/tracking/CertLivAnm/TabExpCertLivAnm';\r\nimport { ContentItem } from '../ContentItem';\r\n\r\nconst GoodsTable = ({ dataSource, isDgrReceived}) => {\r\n const { t } = useTranslation(\"common\");\r\n const [editingKey, setEditingKey] = useState('');\r\n const { user_name, fullName } = useSelector((state) => state.userAwb.currentUser);\r\n const [nextKey, setNextKey] = useState(dataSource.length > 0 ? parseInt(dataSource[dataSource.length - 1].key) + 1 : 0)\r\n const selectEsidExport = useSelector((state) => state.esidExport.esidExpSelected);\r\n const selectDgrGoods = useSelector((state) => state.dgrGoods.dgrSelectedValue) || {};\r\n // const selectUids = useSelector((state) => state.dgrGoods.uids) || {};\r\n const [addForm] = Form.useForm();\r\n const [modalVisible, setModalVisible] = useState(false);\r\n const [isCheckMamCheckbox, setIsCheckMamCheckbox] = useState(false);\r\n const dispatch = useDispatch();\r\n const size = useWindowSize();\r\n\r\n const handleAddOrSave = (formValue, dgrTypes, editingItemKey = -1) => {\r\n // console.log(formValue, editingItemKey = -1,dgrTypes);\r\n\r\n const newData = [...dataSource];\r\n const index = newData.findIndex((dataItem) => editingItemKey === dataItem.key);\r\n if (index > -1) {\r\n const oldItem = newData[index];\r\n newData.splice(index, 1, {\r\n ...oldItem,\r\n ...formValue,\r\n codSts: DgrStatusEnum.NY,\r\n codTyp: addDgrType.DGR,\r\n dgrTypes: [...dgrTypes]\r\n });\r\n dispatch(setDgrSelectedValue({\r\n ...selectDgrGoods,\r\n dgrItems: newData\r\n }));\r\n } else {\r\n // const itemUid = selectUids.find(uid => uid.dgrRegSeq === formValue.dgrRegSeq);\r\n const newItem = {\r\n key: nextKey,\r\n // ...itemUid,\r\n ...formValue,\r\n dgrAuth: fullName || user_name,\r\n codSts: DgrStatusEnum.NY,\r\n codTyp: addDgrType.DGR,\r\n dgrTypes: [...dgrTypes]\r\n };\r\n dispatch(setDgrSelectedValue({\r\n ...selectDgrGoods,\r\n dgrItems: [...dataSource,newItem]\r\n }));\r\n }\r\n setEditingKey('');\r\n addForm.resetFields();\r\n }\r\n\r\n \r\n const showDeleteConfirm = (record) => {\r\n Modal.confirm({\r\n title: t(\"dangerousGood.tableInfo.deleteConfirm\"),\r\n content: (\r\n \r\n
\r\n ),\r\n onOk: () => handleDelete(record.key),\r\n okText: \"Yes\",\r\n okType: \"danger\",\r\n cancelText: \"No\",\r\n centered: true,\r\n });\r\n };\r\n const handleDelete = (key) => {\r\n const newData = selectDgrGoods?.dgrItems.map((dgrGood) => {\r\n const temp = dgrGood;\r\n if (temp.key === key) {\r\n temp.codSts = DgrStatusEnum.XX;\r\n }\r\n return temp;\r\n })\r\n dispatch(setDgrSelectedValue({\r\n ...selectDgrGoods,\r\n dgrItems: newData\r\n }));\r\n };\r\n\r\n const handleEdit = (record) => {\r\n // console.log(record);\r\n\r\n //dgr\r\n const isCheckedShcDgd = record?.dgrTypes?.find((type) => type.codDgr === 'DGD');\r\n const isCheckedShcCao = record?.dgrTypes?.find((type) => type.codDgr === 'CAO');\r\n const shcMam = record?.dgrTypes?.find((type) => type.codDgr === 'MAM');\r\n if(shcMam){\r\n setIsCheckMamCheckbox(true);\r\n }else{\r\n setIsCheckMamCheckbox(false);\r\n }\r\n const isCheckedShcUN3373 = record?.dgrTypes?.find((type) => type.codDgr === 'UN3373');\r\n // const note = dgrSelectedToEdit?.dgrTypes?.find((type) => type?.note && type?.note !== \"\");\r\n\r\n //ice\r\n const isCheckedShcDric = record?.dgrTypes?.find((type) => type.codDgr === 'DRIC');\r\n const isCheckedShcUN1845 = record?.dgrTypes?.find((type) => type.codDgr === 'UN1845');\r\n\r\n //pin\r\n const isCheckedShcUN3481 = record?.dgrTypes?.find((type) => type.codDgr === 'UN3481');\r\n const isCheckedShcUN3091 = record?.dgrTypes?.find((type) => type.codDgr === 'UN3091');\r\n const isCheckedShcPI966 = record?.dgrTypes?.find((type) => type.codDgr === 'PI966');\r\n const isCheckedShcPI967 = record?.dgrTypes?.find((type) => type.codDgr === 'PI967');\r\n const isCheckedShcPI969 = record?.dgrTypes?.find((type) => type.codDgr === 'PI969');\r\n const isCheckedShcPI970 = record?.dgrTypes?.find((type) => type.codDgr === 'PI970');\r\n const isCheckedShcEli = record?.dgrTypes?.find((type) => type.codDgr === 'ELI');\r\n const isCheckedShcElm = record?.dgrTypes?.find((type) => type.codDgr === 'ELM');\r\n\r\n setEditingKey(record.key);\r\n addForm.setFields(objectToAntFormData({\r\n ...record,\r\n dgrAuth: record.dgrAuth && record.dgrAuth !== '' ? record.dgrAuth : user_name,\r\n\r\n //dgr\r\n dgrRegSeq: record?.dgrRegSeq,\r\n codPsn: record?.codPsn,\r\n shcDgd: isCheckedShcDgd ? true : false,\r\n shcCao: isCheckedShcCao ? true : false,\r\n shcMam: shcMam ? true : false,\r\n pc: shcMam ? shcMam.namDgrExt: \"\",\r\n shcUN3373: isCheckedShcUN3373 ? true : false,\r\n // note: note ? note.note : \"\",\r\n qtyPcs: record?.qtyPcs,\r\n qtyWgt: record?.qtyWgt,\r\n //ice\r\n shcDric: isCheckedShcDric ? true : false,\r\n shcUN1845: isCheckedShcUN1845 ? true : false,\r\n //pin\r\n shcUN3481: isCheckedShcUN3481 ? true : false,\r\n shcUN3091: isCheckedShcUN3091 ? true : false,\r\n shcPI966: isCheckedShcPI966 ? true : false,\r\n shcPI967: isCheckedShcPI967 ? true : false,\r\n shcPI969: isCheckedShcPI969 ? true : false,\r\n shcPI970: isCheckedShcPI970 ? true : false,\r\n shcEli: isCheckedShcEli ? true : false,\r\n shcElm: isCheckedShcElm ? true : false,\r\n }));\r\n setModalVisible(true);\r\n } \r\n\r\n useEffect(() => {\r\n dataSource.length > 0 && setNextKey(dataSource[dataSource.length - 1].key + 1);\r\n },[dataSource])\r\n \r\n const defaultColumns = [\r\n {\r\n title: t(\"dangerousGood.formInfo.UN\"),\r\n dataIndex: 'codUid',\r\n key: 'codUid',\r\n editable: true,\r\n width: '8%',\r\n },\r\n // {\r\n // title: t(\"dangerousGood.formInfo.probShpName\"),\r\n // dataIndex: 'codPsn',\r\n // key: 'codPsn',\r\n // editable: '24%',\r\n // align: 'left'\r\n // },\r\n {\r\n title: \"SHC\",\r\n dataIndex: 'codShc',\r\n key: 'codShc',\r\n editable: true,\r\n width: '10%',\r\n },\r\n {\r\n title: \"ERG CODE\",\r\n dataIndex: 'codErg',\r\n key: 'codErg',\r\n editable: true,\r\n width: '10%',\r\n },\r\n {\r\n title: t(\"dangerousGood.formInfo.qtyPcs\"),\r\n dataIndex: 'qtyPcs',\r\n key: 'qtyPcs',\r\n editable: true,\r\n width: '7%',\r\n },\r\n {\r\n title: t(\"dangerousGood.formInfo.qtyWgt\"),\r\n dataIndex: 'qtyWgt',\r\n key: 'qtyWgt',\r\n editable: true,\r\n width: '7%',\r\n },\r\n {\r\n title: t(\"dangerousGood.formInfo.type\"),\r\n dataIndex: 'type',\r\n key: 'type',\r\n editable: true,\r\n width: '24%',\r\n align: 'left',\r\n render: (_, record) => {\r\n //filter những type nào có codDgr\r\n const dgrType = record.dgrTypes.filter((type) => type?.codDgr && type?.codDgr !== \"\").sort((a, b) => a.sorter - b.sorter);\r\n return (\r\n <>\r\n \r\n \r\n
\r\n \r\n {t(\"admin.acceptance.shipmentSizeList\")} \r\n {!hasAirlines && (\r\n
\r\n )\r\n}\r\n","import React from 'react'\r\nimport { Table, Space, Tooltip, Button } from 'antd';\r\nimport { EditOutlined, DeleteOutlined } from '@ant-design/icons';\r\nimport { useTranslation } from \"react-i18next\";\r\n// import { useSelector } from 'react-redux';\r\n// import { EsidStatusEnum } from '../../../../../../constant/enumerations';\r\nimport { DimensionsTableHead } from './DimensionsTableHead';\r\n\r\nexport const DimensionsTable = ({ dataSource, handleEdit, handleDelete, setSizeEditingKey, setSizeModalVisible, addSizeForm, isEsidExpFinalized, openDmsPrint }) => {\r\n const { t } = useTranslation(\"common\");\r\n const defaultColumns = [\r\n {\r\n title: t(\"admin.acceptance.sizeNo\"),\r\n dataIndex: 'codSeqNum',\r\n key: 'codSeqNum',\r\n width: !dataSource || dataSource.length === 0 ? '12%' : '10%',\r\n render: (_, record, index) => index + 1\r\n },\r\n {\r\n title: t(\"admin.acceptance.lengthHolder\"),\r\n dataIndex: 'qtyDimLen',\r\n key: 'qtyDimLen',\r\n editable: true,\r\n width: !dataSource || dataSource.length === 0 ? '18%' : '15%'\r\n },\r\n {\r\n title: t(\"admin.acceptance.wideHolder\"),\r\n dataIndex: 'qtyDimWid',\r\n key: 'qtyDimWid',\r\n editable: true,\r\n width: !dataSource || dataSource.length === 0 ? '18%' : '15%'\r\n },\r\n {\r\n title: t(\"admin.acceptance.heightHolder\"),\r\n dataIndex: 'qtyDimHgt',\r\n key: 'qtyDimHgt',\r\n editable: true,\r\n width: !dataSource || dataSource.length === 0 ? '18%' : '15%'\r\n },\r\n {\r\n title: t(\"admin.acceptance.qtyHolder\"),\r\n dataIndex: 'qtyDimPcs',\r\n key: 'qtyDimPcs',\r\n editable: true,\r\n width: !dataSource || dataSource.length === 0 ? '18%' : '15%'\r\n },\r\n {\r\n title: t(\"admin.acceptance.volumeHolder\"),\r\n dataIndex: 'qtyDimWgt',\r\n key: 'qtyDimWgt',\r\n editable: true,\r\n width: !dataSource || dataSource.length === 0 ? '18%' : '15%',\r\n },\r\n {\r\n dataIndex: 'action',\r\n width: '15%',\r\n fixed: 'right',\r\n hidden: !dataSource || dataSource.length === 0 || isEsidExpFinalized,\r\n render: (_, record) => {\r\n return (\r\n dataSource.length >= 1 && !isEsidExpFinalized ? (\r\n \r\n \r\n \r\n } disabled={disabled}>{t('importCsv')}\r\n \r\n \r\n \r\n \r\n
\r\n )}\r\n \r\n {\r\n setEditingKey('')\r\n setModalVisible(true);\r\n addForm.resetFields();\r\n }}\r\n icon={
\r\n \r\n \r\n
\r\n \r\n
\r\n ),\r\n onOk: () => handleDelete(record.key),\r\n okText: \"Yes\",\r\n okType: \"danger\",\r\n cancelText: \"No\",\r\n centered: true,\r\n });\r\n };\r\n const handleDelete = (key) => {\r\n const newData = selectDgrGoods?.dgrItems.map((dgrGood) => {\r\n const temp = dgrGood;\r\n if (temp.key === key) {\r\n temp.codSts = DgrStatusEnum.XX;\r\n }\r\n return temp;\r\n })\r\n dispatch(setDgrSelectedValue({\r\n ...selectDgrGoods,\r\n dgrItems: newData\r\n }));\r\n };\r\n\r\n const handleEdit = (record) => {\r\n // console.log(record);\r\n\r\n //dgr\r\n const isCheckedShcDgd = record?.dgrTypes?.find((type) => type.codDgr === 'DGD');\r\n const isCheckedShcCao = record?.dgrTypes?.find((type) => type.codDgr === 'CAO');\r\n const shcMam = record?.dgrTypes?.find((type) => type.codDgr === 'MAM');\r\n const isCheckedShcUN3373 = record?.dgrTypes?.find((type) => type.codDgr === 'UN3373');\r\n // const note = dgrSelectedToEdit?.dgrTypes?.find((type) => type?.note && type?.note !== \"\");\r\n\r\n //ice\r\n const isCheckedShcDric = record?.dgrTypes?.find((type) => type.codDgr === 'DRIC');\r\n const isCheckedShcUN1845 = record?.dgrTypes?.find((type) => type.codDgr === 'UN1845');\r\n\r\n //pin\r\n const isCheckedShcUN3481 = record?.dgrTypes?.find((type) => type.codDgr === 'UN3481');\r\n const isCheckedShcUN3091 = record?.dgrTypes?.find((type) => type.codDgr === 'UN3091');\r\n const isCheckedShcPI966 = record?.dgrTypes?.find((type) => type.codDgr === 'PI966');\r\n const isCheckedShcPI967 = record?.dgrTypes?.find((type) => type.codDgr === 'PI967');\r\n const isCheckedShcPI969 = record?.dgrTypes?.find((type) => type.codDgr === 'PI969');\r\n const isCheckedShcPI970 = record?.dgrTypes?.find((type) => type.codDgr === 'PI970');\r\n const isCheckedShcEli = record?.dgrTypes?.find((type) => type.codDgr === 'ELI');\r\n const isCheckedShcElm = record?.dgrTypes?.find((type) => type.codDgr === 'ELM');\r\n\r\n setEditingKey(record.key);\r\n addForm.setFields(objectToAntFormData({\r\n ...record,\r\n dgrAuth: record.dgrAuth && record.dgrAuth !== '' ? record.dgrAuth : user_name,\r\n\r\n //dgr\r\n dgrRegSeq: record?.dgrRegSeq,\r\n codPsn: record?.codPsn,\r\n shcDgd: isCheckedShcDgd ? true : false,\r\n shcCao: isCheckedShcCao ? true : false,\r\n shcMam: shcMam ? true : false,\r\n pc: shcMam ? shcMam.namDgrExt : \"\",\r\n shcUN3373: isCheckedShcUN3373 ? true : false,\r\n // note: note ? note.note : \"\",\r\n qtyPcs: record?.qtyPcs,\r\n qtyWgt: record?.qtyWgt,\r\n //ice\r\n shcDric: isCheckedShcDric ? true : false,\r\n shcUN1845: isCheckedShcUN1845 ? true : false,\r\n //pin\r\n shcUN3481: isCheckedShcUN3481 ? true : false,\r\n shcUN3091: isCheckedShcUN3091 ? true : false,\r\n shcPI966: isCheckedShcPI966 ? true : false,\r\n shcPI967: isCheckedShcPI967 ? true : false,\r\n shcPI969: isCheckedShcPI969 ? true : false,\r\n shcPI970: isCheckedShcPI970 ? true : false,\r\n shcEli: isCheckedShcEli ? true : false,\r\n shcElm: isCheckedShcElm ? true : false,\r\n }));\r\n setModalVisible(true);\r\n }\r\n\r\n useEffect(() => {\r\n dataSource.length > 0 && setNextKey(dataSource[dataSource.length - 1].key + 1);\r\n }, [dataSource])\r\n\r\n const defaultColumns = [\r\n {\r\n title: \"SHC\",\r\n dataIndex: 'codShc',\r\n key: 'codShc',\r\n editable: true,\r\n width: '10%',\r\n },\r\n {\r\n title: \"ERG CODE\",\r\n dataIndex: 'codErg',\r\n key: 'codErg',\r\n editable: true,\r\n width: '10%',\r\n },\r\n {\r\n title: t(\"dangerousGood.formInfo.qtyPcs\"),\r\n dataIndex: 'qtyPcs',\r\n key: 'qtyPcs',\r\n editable: true,\r\n width: '7%',\r\n },\r\n {\r\n title: t(\"dangerousGood.formInfo.qtyWgt\"),\r\n dataIndex: 'qtyWgt',\r\n key: 'qtyWgt',\r\n editable: true,\r\n width: '7%',\r\n },\r\n {\r\n title: t(\"dangerousGood.formInfo.type\"),\r\n dataIndex: 'type',\r\n key: 'type',\r\n editable: true,\r\n width: '40%',\r\n render: (_, record) => {\r\n //filter những type nào có codDgr\r\n const dgrType = record.dgrTypes.filter((type) => type?.codDgr && type?.codDgr !== \"\");\r\n return (\r\n <>\r\n {`${t(\"dangerousGood.formInfo.qtyPcs\")}: ${record.qtyPcs}`}
\r\n {`${t(\"dangerousGood.formInfo.qtyWgt\")}: ${record.qtyWgt}`}
\r\n {record.dgrTypes?.map(typ => ({typ.dgrNam}
))}\r\n \r\n {\r\n setEditingKey('')\r\n setModalVisible(true);\r\n addForm.resetFields();\r\n }}\r\n icon={
\r\n \r\n
\r\n
\r\n )\r\n}\r\n","import { Checkbox, Form, Typography } from \"antd\";\r\nimport React from \"react\";\r\nimport { useDispatch, useSelector } from \"react-redux\";\r\nimport { consolServices } from \"../../../../constant/enumerations\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { setExpConsolRegServices } from \"../../../../actions/esidExportAction\";\r\n\r\nexport const ServiceRegistration = () => {\r\n const { t } = useTranslation(\"common\");\r\n const dispatch = useDispatch();\r\n const esidSelected = useSelector(state => state.esidExport.esidExpSelected);\r\n const consolRegServices = useSelector((state) => state.esidExport.consolRegServices);\r\n const expConsol = useSelector((state) => state.esidExport.expConsol);\r\n\r\n const handleRegService = (service) => {\r\n const consolRegServiceLst = [...consolRegServices];\r\n const idx = consolRegServiceLst.findIndex(x => x.codHdlReg === service);\r\n if (idx > -1) {\r\n consolRegServiceLst.splice(idx, 1);\r\n } else {\r\n const svr = expConsol?.regisServices?.find(x => x.codHdlReg === service) || \r\n { \r\n esidId: esidSelected.id,\r\n codAwbPfx: esidSelected.codAwbPfx,\r\n codAwbNum: esidSelected.codAwbNum,\r\n codAwbSfx: esidSelected.codAwbSfx,\r\n codSts: 'NY',\r\n codHdlReg: service, \r\n codHdlRegNam: t(`consolLabels.${service}`) \r\n };\r\n consolRegServiceLst.push(svr)\r\n }\r\n dispatch(setExpConsolRegServices(consolRegServiceLst));\r\n }\r\n\r\n return (\r\n \r\n {!hideAction && !hasAirlines && (\r\n <>\r\n \r\n \r\n } style={{ marginRight: 5 }} >{t('importCsv')}\r\n \r\n \r\n \r\n )}\r\n
\r\n \r\n Đăng ký sử dụng dịch vụ \r\n \r\n \r\n Đại lý gửi hàng/ Người gửi hàng chịu toàn bộ trách nhiệm về nội dung\r\n khai báo các lô hàng trên đây, đảm bảo các thông tin khai báo đúng với\r\n thực tế.\r\n \r\n
\r\n );\r\n};\r\n","import { Col, DatePicker, Form, Row, Input, Typography } from 'antd'\r\nimport React, { useEffect, useState } from 'react'\r\nimport moment from 'moment'\r\nimport { CalendarOutlined } from '@ant-design/icons';\r\nimport { useTranslation } from \"react-i18next\";\r\nimport useWindowSize from '../../../../helpers/useWindowSize';\r\nimport { setExpConsolEdit } from '../../../../actions/esidExportAction';\r\nimport { useDispatch, useSelector } from 'react-redux';\r\n\r\nexport const ConsolDeclarant = ({ form, readOnly }) => {\r\n const { t } = useTranslation(\"common\");\r\n const dispatch = useDispatch();\r\n const expConsolEdit = useSelector(state => state.esidExport.expConsolEdit);\r\n const disabledDate = (current) => {\r\n return current && current > moment().endOf('day');\r\n }\r\n const size = useWindowSize();\r\n \r\n const[timer, setTimer] = useState();\r\n const handleFieldsChange = (_, values) => {\r\n clearTimeout(timer);\r\n const timerId = setTimeout(() => {\r\n dispatch(setExpConsolEdit({...expConsolEdit, ...values, datDecl: new Date(values.datDecl).toISOString()}));\r\n }, 500);\r\n setTimer(timerId);\r\n }\r\n\r\n useEffect(() => {\r\n form.setFieldsValue({\r\n declNam: expConsolEdit?.declNam,\r\n datDecl: moment(expConsolEdit?.datDecl),\r\n acpStfNam: expConsolEdit?.acpStfNam,\r\n acpDat: expConsolEdit?.acpDat ? moment(expConsolEdit?.acpDat) : null\r\n });\r\n // eslint-disable-next-line\r\n },[expConsolEdit]);\r\n\r\n return (\r\n \r\n )\r\n}\r\n","import React from \"react\";\r\nimport { useSelector } from \"react-redux\";\r\nimport { EditConsolModel } from \"../../../../../components/tracking/ExpDeclConsol/components/EditConsolModel\";\r\nimport { ShipmentDetailForm } from \"../../../../../components/tracking/ExpDeclConsol/components/ShipmentDetailForm\";\r\nimport { ConsolTable } from \"../../../../../components/tracking/ExpDeclConsol/components/ConsolTable\";\r\nimport { ServiceRegistration } from \"../../../../../components/tracking/ExpDeclConsol/components/ServiceRegistration\";\r\nimport { ConsolDeclarant } from \"../../../../../components/tracking/ExpDeclConsol/components/ConsolDeclarant\";\r\nimport { ModalName } from \"../../../../../constant/enumerations\";\r\nimport { StaffForm } from \"../Acceptance/StaffForm\";\r\n\r\nexport const ExpDeclConsolContainer = ({forms}) => {\r\n const consolModalVisible = useSelector(state => state.esidExport.modal[`${ModalName.ConsolModal}`]);\r\n const expConsolEdit = useSelector(state => state.esidExport.expConsolEdit);\r\n \r\n return (\r\n \r\n {consolModalVisible && (\r\n \r\n \r\n {expConsolEdit?.codSts === \"OK\" && (\r\n \r\n )}\r\n
\r\n );\r\n};\r\n","import { Form, Input } from 'antd';\r\nimport React from 'react';\r\nimport { useTranslation } from 'react-i18next';\r\n\r\nexport const AviDeclaration = ({form}) => {\r\n const { t } = useTranslation('common');\r\n\r\n const handleSaveAvi = (values) => {\r\n console.log(values);\r\n };\r\n\r\n return (\r\n \r\n );\r\n};\r\n","import { Form, Input, Row, Typography, Col } from 'antd'\r\nimport React from 'react'\r\nimport { useTranslation } from 'react-i18next'\r\n\r\nexport const BillingAddrForm = ({ form }) => {\r\n const { t } = useTranslation(\"common\");\r\n return (\r\n \r\n )\r\n}\r\n","import { Table, Typography } from 'antd'\r\nimport React from 'react'\r\nimport { useTranslation } from 'react-i18next';\r\nimport { formatCurrency } from '../../../utils/utils';\r\n\r\nconst { Text } = Typography;\r\nexport const InvoiceTable = ({ invoices }) => {\r\n const { t } = useTranslation(\"common\");\r\n const columns = [\r\n {\r\n title: t(\"esidCheckout.invoice.invNo\"),\r\n dataIndex: 'INV_NO',\r\n key: 'INV_NO',\r\n },\r\n {\r\n title: t(\"esidCheckout.invoice.serNo\"),\r\n dataIndex: 'INV_SRL_NO',\r\n key: 'INV_SRL_NO',\r\n },\r\n {\r\n title: t(\"esidCheckout.invoice.totalGrs\"),\r\n dataIndex: 'AMT_GROSS',\r\n key: 'AMT_GROSS',\r\n render: (_, record) => (<>{formatCurrency(record.AMT_GROSS - record.WAIVE_AMT, record.COD_CUR)})\r\n },\r\n // {\r\n // title: t(\"esidCheckout.invoice.totalWaive\"),\r\n // dataIndex: 'WAIVE_AMT',\r\n // key: 'WAIVE_AMT',\r\n // render: (_, record) => (<>{formatCurrency(record.WAIVE_AMT, record.COD_CUR)})\r\n // },\r\n {\r\n title: t(\"esidCheckout.invoice.totalVat\"),\r\n dataIndex: 'AMT_TAX',\r\n key: 'AMT_TAX',\r\n render: (_, record) => (<>{formatCurrency(record.AMT_TAX, record.COD_CUR)})\r\n },\r\n {\r\n title: t(\"esidCheckout.invoice.totalAmt\"),\r\n dataIndex: 'AMT_TOTAL',\r\n key: 'AMT_TOTAL',\r\n render: (_, record) => (<>{formatCurrency(record.AMT_GROSS - record.WAIVE_AMT + record.AMT_TAX, record.COD_CUR)})\r\n },\r\n {\r\n title: t(\"esidCheckout.invoice.rmk\"),\r\n dataIndex: 'RMK',\r\n key: 'RMK',\r\n render: (_, record) => ''\r\n },\r\n {\r\n title: 'Print Flag',\r\n dataIndex: 'PrintFlag',\r\n key: 'PrintFlag',\r\n },\r\n ]\r\n return (\r\n | \r\n | \r\n
| {t(\"letter.tcs\")} | \r\n
| {t(\"letter.addressCom\")} | \r\n
| {t(\"letter.phone\")} | \r\n
| website: www.tcs.com.vn | \r\n
\r\n \r\n \r\n
\r\n
\r\n | {t(\"letter.no\")} | \r\n{data.L01_SO_THU_BAO} | \r\n
| {t(\"letter.printDate\")} | \r\n{data.L02_NGAY_IN_THU} | \r\n
| {t(\"letter.countReceive\")} | \r\n{data.L03_LAN_PHAT_THU} | \r\n
\r\n \r\n \r\n \r\n \r\n {t(\"letter.NoticeReceive\")}\r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n
\r\n | {data.L04_TEN_KHACH_HANG} | \r\n|||
| {t(\"letter.add\")} | \r\n{data.L05_DIA_CHI_KHACH_HANG} | \r\n||
| \r\n | |||
| {t(\"letter.invite\")} | \r\n|||
| {t(\"letter.dayReceive\")} | \r\n{t(\"letter.timeReceive\")} | \r\n||
| \r\n | {t(\"letter.weedkend\")} | \r\n||
| {t(\"letter.mawb\")} | \r\n{data.L06_SO_MAWB} | \r\n{t(\"letter.subMawb\")} | \r\n{data.L07_SO_HAWB} | \r\n
\r\n
{t(\"letter.infoGross\")}
\r\n\r\n \r\n \r\n
\r\n
\r\n | {t(\"letter.fightNo\")} | \r\n: | \r\n{data.L08_CHUYEN_BAY_SO} | \r\n\r\n {t(\"letter.Date\")} {data.L09_CHUYEN_BAY_NGAY}\r\n | \r\n|||
| {t(\"letter.Pieces\")} | \r\n: | \r\n{data.L10_SO_KIEN} | \r\n||||
| {t(\"letter.GrossWeight\")}{': '} | \r\n{data.L11_TRONG_LUONG} | \r\n{t(\"Charge weight\")}{': '} | \r\n{data.CHG_WGT} | \r\n {/*{t(\"letter.GrossWeight\")} | \r\n: | \r\n{data.L11_TRONG_LUONG}{' '}{t(\"Charge weight\")}{': '}{data?.CHG_WGT} | */}\r\n
| {t(\"letter.NatureGoods\")} | \r\n: | \r\n{data.L12_LOAI_HANG} | \r\n||||
| {t(\"letter.sender\")} | \r\n: | \r\n{data.L13_NGUOI_GUI_TEN} | \r\n||||
| {t(\"letter.addressSender\")} | \r\n: | \r\n{data.L14_NGUOI_GUI_DIA_CHI} | \r\n||||
| {t(\"letter.CargoStatus\")} | \r\n: | \r\n{data.L15_TINH_TRANG_LO_HANG} | \r\n
\r\n
\r\n \r\n \r\n \r\n {t(\"letter.caseA\")} \r\n \r\n \r\n \r\n \r\n \r\n \r\n {t(\"letter.caseB\")} \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n {t(\"letter.needDocument\")}
\r\n- \r\n {/*
- {t(\"letter.noticeReceive\")} */}\r\n
- {t(\"letter.introLetter\")} \r\n
- \r\n
- {t(\"letter.permanmentResidence\")} \r\n
- {t(\"letter.id\")} \r\n
- {t(\"letter.delegacy\")} \r\n
- {t(\"letter.delegacyPaper\")} \r\n
- {t(\"letter.authorize\")} \r\n
- {t(\"letter.staying\")} \r\n
- \r\n
\r\n
{t(\"letter.moreInfo\")}
\r\n {/* \r\n \r\n \r\n \r\n \r\n {t(\"letter.service\")}\r\n \r\n \r\n \r\n \r\n
*/}\r\n \r\n \r\n {t(\"letter.earnRegiter\")}
\r\n- \r\n
- Tel: (028) 38486490-96 / EXT: 141 \r\n
- Fax: (028) 38427943 \r\n
- Email: import@tcs.com.vn \r\n
\r\n
\r\n \r\n );\r\n};\r\n\r\nexport default Letter;\r\n","/* eslint-disable */\r\nimport React from 'react';\r\nimport { Button, Col, Row } from \"antd\";\r\nimport { useTranslation } from \"react-i18next\";\r\n\r\nconst Controls = ({ setVisible, setIsGetRelease }) => {\r\n const { t } = useTranslation(\"common\");\r\n\r\n return (\r\n \r\n handlePrint()}\r\n style={{ width: \"fit-content\" }}\r\n >\r\n {t(\"airlines.print\")}\r\n \r\n setRenderLetter(false)}\r\n style={{ width: \"fit-content\" }}\r\n >\r\n {t(\"letter.back\")}\r\n \r\n
\r\n 0 && \"text-bold\"}>{text}
\r\n ),\r\n },\r\n {\r\n title: t(\"agentReport.TotalHAWB\"),\r\n dataIndex: \"A05_HAWB_NO\",\r\n key: \"A05_HAWB_NO\",\r\n className: \"head_tb_repo\",\r\n },\r\n {\r\n title: t(\"agentReport.DocumentHAWB\"),\r\n dataIndex: \"A09_DOC_ATA\",\r\n key: \"A09_DOC_ATA\",\r\n className: \"head_tb_repo\",\r\n },\r\n {\r\n title: t(\"agentReport.ShipmentInformation\"),\r\n dataIndex: \"A06_HDL_INF\",\r\n key: \"A06_HDL_INF\",\r\n className: \"head_tb_repo\",\r\n },\r\n {\r\n title: t(\"agentReport.IrregularInformation\"),\r\n dataIndex: \"A07_IRR_INF\",\r\n key: \"A07_IRR_INF\",\r\n className: \"head_tb_repo\",\r\n },\r\n ];\r\n\r\n setTableDataDocs(\r\n \r\n \r\n
\r\n \r\n \r\n \r\n {dataLogin.data.user_code === \"admi\" && (\r\n \r\n \r\n \r\n )}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n {tableDataDocs} \r\n \r\n
\r\n \r\n {tableDataSHP} \r\n \r\n
\r\n
\r\n {tableDataDocs && (\r\n \r\n \r\n
\r\n )}\r\n
\r\n
\r\n );\r\n};\r\nexport default Report;\r\n","/* eslint-disable */\r\nimport React, { useRef, useState } from \"react\";\r\nimport Letter from \"../../tabAgentReport/Letter\";\r\nimport Report from \"../../tabAgentReport/Report\";\r\n\r\nconst TabAgentReport = ({ setActiveKey }) => {\r\n const [renderLetter, setRenderLetter] = useState(false);\r\n const [AWB, setAWB] = useState({\r\n HAWB: \"\",\r\n MAWB: \"\",\r\n });\r\n const scrollTop = () => {\r\n window.scrollTo({\r\n top: 0,\r\n left: 0,\r\n behavior: \"smooth\",\r\n });\r\n };\r\n const handleRenderLetter = (value1, value2) => {\r\n setRenderLetter(true);\r\n setAWB({ HAWB: value1, MAWB: value2 });\r\n scrollTop();\r\n };\r\n return !renderLetter ? (\r\n {t(\"header.title\")}
\r\n \r\n{t(\"header.nofiSheet\")}
\r\n{t(\"header.nofiComing\")}
\r\n| {t(\"agentReport.Note\")} | \r\n\r\n L0 : {t(\"agentReport.L0\")}\r\n L1 : {t(\"agentReport.L1\")}\r\n L2 : {t(\"agentReport.L2\")}\r\n | \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n {dataLogin.data.user_code === \"admi\" ? (\r\n \r\n {t(\"header.refresh\")}\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n {tableDataRepo} \r\n \r\n
\r\n
\r\n
\r\n
\r\n );\r\n};\r\nexport default TabAgentInven;\r\n","/* eslint-disable */\r\nimport React, { useEffect, useState } from \"react\";\r\nimport { Button, Input, notification, Table } from \"antd\";\r\nimport Modal from \"antd/lib/modal/Modal\";\r\nimport moment from \"moment\";\r\nimport { useDispatch, useSelector } from \"react-redux\";\r\nimport { useHistory } from \"react-router-dom\";\r\nimport { setHAWB, setMAWB } from \"../../../actions/MAWB\";\r\nimport { setPaymentInfo } from \"../../../actions/payment\";\r\nimport { checkinUser, userAwbLogout } from \"../../../actions/userAWB\";\r\nimport {\r\n IMP_WEB_CHK_INS,\r\n IMP_WEB_CHK_LOAD_LST,\r\n} from \"../../../config/apiConfig\";\r\nconst ModalAddNew = ({ visible, setVisible }) => {\r\n const [visibleConfirm, setVisibleConfirm] = useState(false);\r\n const [selectedRows, setSelectedRows] = useState([]);\r\n const [selectedRowKeys, setSelectedRowKeys] = useState([]);\r\n const [dataSource, setDataSource] = useState([]);\r\n const { MAWB } = useSelector((state) => state.mawb);\r\n const { token } = useSelector((state) => state.userAwb.dataLogin);\r\n const [loading, setLoading] = useState(false);\r\n const [disable, setDisable] = useState(false);\r\n const history = useHistory();\r\n const dispatch = useDispatch();\r\n\r\n const handleOk = async () => {\r\n try {\r\n if (selectedRows.length > 0) {\r\n selectedRows.map((record) => {\r\n if (record.COD_STS !== \"AP\" && record.COD_STS !== \"FN\") {\r\n return;\r\n }\r\n });\r\n\r\n try {\r\n setLoading(true);\r\n const insertRes = await IMP_WEB_CHK_INS(\r\n {\r\n COD_AWB_NUM: MAWB.last,\r\n COD_AWB_PFX: MAWB.first,\r\n COD_AWB_SFX: \"P\",\r\n COD_HWB_NUM: \"\",\r\n COD_CHK_CDO: \"HWB\",\r\n },\r\n token\r\n );\r\n if (insertRes.data.TABLE_ID > 0)\r\n notification.success({\r\n message: \"Tạo thông tin thành công!\",\r\n style: { marginRight: \"-50%\" },\r\n });\r\n setLoading(false);\r\n } catch (error) {\r\n notification.error({\r\n message: error.response.data.error,\r\n style: { marginRight: \"-50%\" },\r\n });\r\n }\r\n } else {\r\n try {\r\n setLoading(true);\r\n const insertRes = await IMP_WEB_CHK_INS(\r\n {\r\n COD_AWB_NUM: MAWB.last,\r\n COD_AWB_PFX: MAWB.first,\r\n COD_AWB_SFX: \"P\",\r\n COD_HWB_NUM: \"\",\r\n COD_CHK_CDO: \"HWB\",\r\n },\r\n token\r\n );\r\n if (insertRes.data.TABLE_ID > 0)\r\n notification.success({\r\n message: \"Tạo thông tin thành công!\",\r\n style: { marginRight: \"-50%\" },\r\n });\r\n setLoading(true);\r\n } catch (error) {\r\n if (error.response.status === 401) {\r\n notification.error({\r\n style: { marginRight: \"-50%\" },\r\n message: t(\"home.sessionNoti\"),\r\n });\r\n\r\n dispatch(checkinUser({}));\r\n dispatch(setPaymentInfo(undefined));\r\n dispatch(userAwbLogout());\r\n localStorage.removeItem(\"userAWB\");\r\n localStorage.removeItem(\"checkin\");\r\n localStorage.removeItem(\"pInfo\");\r\n history.push(\"/\");\r\n } else\r\n notification.error({\r\n message: error.response.data.error,\r\n style: { marginRight: \"-50%\" },\r\n });\r\n }\r\n }\r\n fetchList();\r\n } catch (error) {\r\n if (error.response.status === 401) {\r\n notification.error({\r\n style: { marginRight: \"-50%\" },\r\n message: t(\"home.sessionNoti\"),\r\n });\r\n\r\n dispatch(checkinUser({}));\r\n dispatch(setPaymentInfo(undefined));\r\n dispatch(userAwbLogout());\r\n localStorage.removeItem(\"userAWB\");\r\n localStorage.removeItem(\"checkin\");\r\n localStorage.removeItem(\"pInfo\");\r\n history.push(\"/\");\r\n } else\r\n notification.error({\r\n message: error.response.data.error,\r\n style: { marginRight: \"-50%\" },\r\n });\r\n console.log(error);\r\n }\r\n setVisibleConfirm(false);\r\n setVisible(true);\r\n };\r\n\r\n const columns = [\r\n {\r\n title: \"\",\r\n dataIndex: \"key\",\r\n key: \"key\",\r\n },\r\n {\r\n title: \"Status\",\r\n dataIndex: \"COD_STS\",\r\n key: \"COD_STS\",\r\n },\r\n {\r\n title: \"Queue No\",\r\n dataIndex: \"COD_QUE_NUM_CHK\",\r\n key: \"COD_QUE_NUM_CHK\",\r\n },\r\n {\r\n title: \"Ref Num\",\r\n dataIndex: \"COD_REF_NUM\",\r\n key: \"COD_REF_NUM\",\r\n },\r\n {\r\n title: \"AWB\",\r\n dataIndex: \"COD_AWB_PFX\",\r\n key: \"COD_AWB_PFX\",\r\n colSpan: 2,\r\n },\r\n {\r\n title: \"\",\r\n dataIndex: \"COD_AWB_NUM\",\r\n key: \"COD_AWB_NUM\",\r\n colSpan: 0,\r\n },\r\n {\r\n title: \"HAWB\",\r\n dataIndex: \"COD_HWB_NUM\",\r\n key: \"COD_HWB_NUM\",\r\n },\r\n {\r\n title: \"Created Date\",\r\n dataIndex: \"DAT_CRE\",\r\n key: \"DAT_CRE\",\r\n },\r\n {\r\n title: \"Email\",\r\n dataIndex: \"EML_RCV_EINV\",\r\n key: \"EML_RCV_EINV\",\r\n },\r\n {\r\n title: \"Receiver ID\",\r\n dataIndex: \"DLV_ODR_RCV_ID\",\r\n key: \"DLV_ODR_RCV_ID\",\r\n },\r\n {\r\n title: \"Receiver name\",\r\n dataIndex: \"DLV_ODR_RCV_NAM\",\r\n key: \"DLV_ODR_RCV_NAM\",\r\n },\r\n ];\r\n\r\n const fetchList = async () => {\r\n try {\r\n setLoading(true);\r\n const loadRes = await IMP_WEB_CHK_LOAD_LST(\r\n MAWB.first,\r\n MAWB.last,\r\n \"P\",\r\n \"\",\r\n token\r\n );\r\n let flag = true;\r\n\r\n let data = [];\r\n loadRes.data.mCol.map((dt, index) => {\r\n data.push({\r\n key: ++index,\r\n COD_STS: dt.COD_STS,\r\n COD_QUE_NUM_CHK: dt.COD_QUE_NUM_CHK,\r\n COD_REF_NUM: dt.COD_REF_NUM,\r\n COD_AWB_PFX: dt.COD_AWB_PFX,\r\n COD_AWB_NUM: dt.COD_AWB_NUM,\r\n COD_HWB_NUM: dt.COD_HWB_NUM,\r\n COD_AWB_SFX: dt.COD_AWB_SFX,\r\n DAT_CRE: moment(dt.DAT_CRE).format(\"LL HH:mm\"),\r\n EML_RCV_EINV: dt.EML_RCV_EINV,\r\n DLV_ODR_RCV_ID: dt.DLV_ODR_RCV_ID,\r\n DLV_ODR_RCV_NAM: dt.DLV_ODR_RCV_NAM,\r\n TABLE_ID: dt.TABLE_ID,\r\n });\r\n if (\r\n dt.COD_STS !== \"AP\" &&\r\n dt.COD_STS !== \"FN\" &&\r\n dt.COD_STS !== \"XX\" &&\r\n dt.COD_STS !== \"OK\"\r\n ) {\r\n flag = false;\r\n }\r\n });\r\n if (!flag) {\r\n setDisable(true);\r\n }\r\n if (flag) {\r\n setDisable(false);\r\n }\r\n setDataSource(data);\r\n\r\n setLoading(false);\r\n } catch (error) {\r\n if (err.response.status === 401) {\r\n notification.error({\r\n style: { marginRight: \"-50%\" },\r\n message: t(\"home.sessionNoti\"),\r\n });\r\n\r\n dispatch(checkinUser({}));\r\n dispatch(setPaymentInfo(undefined));\r\n dispatch(userAwbLogout());\r\n localStorage.removeItem(\"userAWB\");\r\n localStorage.removeItem(\"checkin\");\r\n localStorage.removeItem(\"pInfo\");\r\n history.push(\"/\");\r\n }\r\n }\r\n };\r\n useEffect(() => {\r\n if (visible === true) fetchList();\r\n }, [visible]);\r\n const onSelectChange = (selectedRowKeys, selectedRows) => {\r\n setSelectedRowKeys(selectedRowKeys);\r\n setSelectedRows(selectedRows);\r\n dispatch(setHAWB(selectedRows[0]));\r\n localStorage.setItem(\"HAWB\", JSON.stringify(selectedRows[0]));\r\n };\r\n const handleDirect = () => {\r\n if (selectedRows.length === 0) {\r\n notification.warning({\r\n message: \"Vui lòng chọn mã HAWB để thanh toán!\",\r\n style: { marginRight: \"-50%\" },\r\n });\r\n return;\r\n }\r\n history.push(\"/Awb/checkoutHawb\");\r\n };\r\n /* useEffect(() => {\r\n return () => {\r\n dispatch(setHAWB({}));\r\n localStorage.removeItem(\"HAWB\");\r\n };\r\n }, []); */\r\n return (\r\n {t(\"header.listGoods\")}
\r\n \r\n{t(\"header.list\")}
\r\n \r\n\r\n \r\n
\r\n \r\n \r\n \r\n \r\n {dataLogin.data.user_code === \"admi\" && (\r\n \r\n \r\n \r\n \r\n )}\r\n \r\n \r\n \r\n \r\n \r\n \r\n {t(\"header.click\")}\r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n {\r\n return record.key === rowId ? \"row-selected\" : \"\";\r\n }}\r\n />\r\n \r\n
\r\n
\r\n );\r\n};\r\nexport default TabHawbFee;\r\n","/* eslint-disable */\r\n\r\nimport React, { useEffect, useState } from \"react\";\r\nimport { Tabs, Button, message, notification } from \"antd\";\r\nimport Banner from \"../components/Banner\";\r\nimport * as API from \"../config/apiConfig\";\r\nimport { userAwbLogout } from \"../actions/userAWB\";\r\nimport \"./page-css/Agent.css\";\r\nimport ChangePasswordTab from \"../components/ChangePasswordTab\";\r\nimport { useDispatch, useSelector } from \"react-redux\";\r\nimport TabCutOffTime from \"../components/TabCutOffTime\";\r\nimport TabInfo from \"../components/TabInfo\";\r\nimport TabAgentReport from \"../components/tracking/agent/TabAgentReport\";\r\nimport TabAgentInven from \"../components/tracking/agent/TabAgentInven\";\r\nimport { useHistory } from \"react-router\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { showLangSwitch } from \"../actions/menu\";\r\nimport { setMAWB } from \"../actions/MAWB\";\r\nimport TabHawbFee from \"../components/TabHawbFee\";\r\n\r\nconst { TabPane } = Tabs;\r\nconst Agent = () => {\r\n const history = useHistory();\r\n const token = JSON.parse(localStorage.getItem(\"userAWB\"));\r\n const { dataLogin } = useSelector((state) => state.userAwb);\r\n const [activeKey, setActiveKey] = useState(\"import-info\");\r\n const dispatch = useDispatch();\r\n const { t } = useTranslation(\"common\");\r\n const today = new Date(),\r\n date =\r\n today.getFullYear() +\r\n \"-\" +\r\n (today.getMonth() + 1) +\r\n \"-\" +\r\n today.getDate() +\r\n \" \" +\r\n today.getHours() +\r\n \":\" +\r\n today.getMinutes();\r\n\r\n useEffect(() => {\r\n dispatch(showLangSwitch(false));\r\n if (dataLogin.data.user_code.startsWith(\"TCS\")) {\r\n notification.warning({\r\n message: \"Tài khoản này không có quyền truy cập!\",\r\n style: { marginRight: \"-50%\" },\r\n });\r\n history.push(\"/\");\r\n }\r\n }, []);\r\n const logOut = () => {\r\n API.logout(token)\r\n .then((res) => {\r\n dispatch(userAwbLogout());\r\n dispatch(setMAWB({}));\r\n localStorage.removeItem(\"userAWB\");\r\n localStorage.removeItem(\"MAWB\");\r\n message.success(res.data.message);\r\n history.push(\"/\");\r\n })\r\n .catch((err) => console.log(err));\r\n };\r\n const operations = (\r\n {t(\"header.hawbFee\")}
\r\n \r\n\r\n
\r\n );\r\n};\r\n\r\nexport default Agent;\r\n","/* eslint-disable */\r\n\r\nimport React, { useEffect, useState } from 'react';\r\nimport * as Constant from '../config/Constant';\r\nimport * as API from '../config/apiConfig';\r\nimport './component-css/FooterSlides.css';\r\nimport { useSelector } from 'react-redux';\r\nconst FooterSlides = () => {\r\n\tconst [brands, setBrands] = useState([]);\r\n\tconst { langId } = useSelector((state) => state.menu);\r\n\tconst [countIndex, setCountIndex] = useState(0);\r\n\r\n\tuseEffect(() => {\r\n\t\tAPI.getHomeNews('links', langId)\r\n\t\t\t.then((res) => {\r\n\t\t\t\tsetBrands(res.data);\r\n\t\t\t\tsetCountIndex(res.data.length);\r\n\t\t\t})\r\n\t\t\t.catch((err) => console.log(err));\r\n\t}, []);\r\n\r\n\treturn (\r\n\t\t<>\r\n\t\t\t\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n\t\t\t\t\t\t\t\r\n \r\n
\r\n ESID
\r\n \r\n \r\n \r\n\t\t\t\t\r\n\t\t\t\t\t{brands.map((brand, index) => {\r\n\t\t\t\t\t\treturn (\r\n\t\t\t\t\t\t\t
\r\n\t\t\t\r\n\t\t\r\n\t);\r\n};\r\nexport default FooterSlides;\r\n","/* eslint-disable */\r\n\r\nimport React, { useEffect } from \"react\";\r\nimport { Row, Col } from \"antd\";\r\nimport \"./page-css/MAWBInfo.css\";\r\nimport Banner from \"../components/Banner\";\r\n\r\nimport TabInfo from \"../components/TabInfo\";\r\nimport { useDispatch } from \"react-redux\";\r\nimport { showLangSwitch } from \"../actions/menu\";\r\n\r\nconst MAWBInfo = () => {\r\n const dispatch = useDispatch();\r\n\r\n useEffect(() => {\r\n dispatch(showLangSwitch(true));\r\n }, []);\r\n return (\r\n \r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t
\r\n\t\t\t\t\t\t);\r\n\t\t\t\t\t})}\r\n\t\t\t\tVui lòng điền thông tin đăng nhập
\r\n \r\n\r\n
\r\n \r\n \r\n {year &&\r\n year.map((y, i) => {\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n PDF
\r\n \r\n Excel \r\n \r\n \r\n
\r\n \r\n {y.Year} \r\n
\r\n );\r\n })}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n Thống kê
\r\n \r\n\r\n \r\n
\r\n
\r\n \r\n );\r\n }\r\n}\r\n","import moment from \"moment\";\r\nimport React from \"react\";\r\nimport QRCode from \"qrcode.react\";\r\n\r\nexport class QrCodeToPrint extends React.PureComponent {\r\n // eslint-disable-next-line\r\n constructor(props) {\r\n super(props);\r\n }\r\n render() {\r\n return (\r\n CÔNG TY CỔ PHẦN DICH VỤ HÀNG HÓA TÂN SƠN NHẤT
\r\n\r\n
\r\n {this.props.value.slice(0, this.props.value.indexOf(\"%\"))}\r\n
\r\n\r\n {this.props.MAWB.first}\r\n {this.props.MAWB.last}\r\n {this.props.MAWB.suffix}\r\n {this.props.HAWB !== \"\" && `/${this.props.HAWB}`}\r\n
\r\n\r\n {this.props.pcs} PCS - {this.props.weight}kg Ngày đăng ký:\r\n {` ${moment(this.props.DAT_CRE).format(\"DD MMM YYYY HH:mm\")}`}\r\n
\r\n\r\n Ngày giờ đăng ký nhận hàng:\r\n {` ${moment(this.props.DAT_DLV).format(\"DD MMM YYYY HH:mm\")}`}\r\n
\r\n\r\n {this.props.DLV_ORD_RCV_ID}/{this.props.DLV_ORD_RCV_NAME}\r\n
\r\n\r\n {this.props.status} {moment().format(\"DD MMM YYYY\")}\r\n
\r\n\r\n \r\n
\r\n
\r\n \r\n );\r\n }\r\n}\r\n","/* eslint-disable */\r\n\r\nimport React, { useEffect, useRef, useState } from \"react\";\r\nimport {\r\n Col,\r\n Row,\r\n Table,\r\n Form,\r\n Input,\r\n Button,\r\n notification,\r\n Modal,\r\n Space,\r\n} from \"antd\";\r\nimport \"./css/awb.css\";\r\nimport { useForm } from \"antd/lib/form/Form\";\r\nimport QRCode from \"qrcode.react\";\r\nimport { BarcodeToPrint } from \"./BarcodeToPrint\";\r\nimport { useSelector } from \"react-redux\";\r\nimport { ExclamationCircleOutlined } from \"@ant-design/icons\";\r\nimport { IMP_WEB_CHK_CRE_BIL_CHG_OBJ } from \"../../config/apiConfig\";\r\nimport { useReactToPrint } from \"react-to-print\";\r\nimport moment from \"moment\";\r\nimport { QrCodeToPrint } from \"./QrCodeToPrint\";\r\nimport { checkinUser } from \"../../actions/userAWB\";\r\nimport { setPaymentInfo } from \"../../actions/payment\";\r\nimport { userAwbLogout } from \"./../../actions/userAWB\";\r\nimport { useHistory } from \"react-router\";\r\nimport useWindowSize from \"./../../helpers/useWindowSize\";\r\n\r\nconst { confirm, warning } = Modal;\r\n\r\nexport default function AWB({ loadData, info, status, chargeInfo, ...props }) {\r\n const [form] = useForm();\r\n const { MAWB } = useSelector((state) => state.mawb);\r\n const { token } = useSelector((state) => state.userAwb.dataCheckin);\r\n const size = useWindowSize();\r\n const history = useHistory();\r\n const [loading, setLoading] = useState();\r\n const [total, setTotal] = useState(0);\r\n const [totalGross, setTotalGross] = useState(0);\r\n const [totalTax, setTotalTax] = useState(0);\r\n const [dataSource, setDataSource] = useState();\r\n const printRef = useRef();\r\n const printQrRef = useRef();\r\n const handlePrint = useReactToPrint({\r\n content: () => printRef.current,\r\n });\r\n const handlePrintQr = useReactToPrint({\r\n content: () => printQrRef.current,\r\n });\r\n const columns = [\r\n {\r\n title: \"Charge Code\",\r\n dataIndex: \"COD_CHG\",\r\n key: \"COD_CHG\",\r\n },\r\n {\r\n title: \"Quantity\",\r\n dataIndex: \"QTY\",\r\n key: \"QTY\",\r\n },\r\n {\r\n title: \"Gross Amt\",\r\n dataIndex: \"AMT_GROSS\",\r\n key: \"AMT_GROSS\",\r\n className: \"awb-table-currency\",\r\n },\r\n {\r\n title: \"VAT Amt\",\r\n dataIndex: \"AMT_TAX\",\r\n key: \"AMT_TAX\",\r\n className: \"awb-table-currency\",\r\n },\r\n {\r\n title: \"Total Amt\",\r\n dataIndex: \"TOTAL_AMT\",\r\n key: \"TOTAL_AMT\",\r\n className: \"awb-table-currency\",\r\n },\r\n {\r\n title: \"Paid\",\r\n dataIndex: \"STATUS\",\r\n key: \"STATUS\",\r\n width: \"5%\",\r\n },\r\n {\r\n title: \"Payment mode\",\r\n dataIndex: \"COD_PAY_MOD\",\r\n key: \"COD_PAY_MOD\",\r\n width: \"5%\",\r\n },\r\n {\r\n title: \"Payable by\",\r\n dataIndex: \"FLG_BIL_TO\",\r\n key: \"FLG_BIL_TO\",\r\n width: \"5%\",\r\n },\r\n {\r\n title: \"Invoice No\",\r\n dataIndex: \"INV_NO\",\r\n key: \"INV_NO\",\r\n },\r\n ];\r\n const showData = async () => {\r\n if (info !== undefined) {\r\n const {\r\n COD_QUE_NUM_CHK,\r\n FLG_IMP_EXP,\r\n COD_ORI,\r\n COD_FDS,\r\n QTY_TOT_PCS,\r\n QTY_GRS_WGT,\r\n QTY_GRS_RE_WGT,\r\n QTY_CHG_WGT,\r\n SHC1,\r\n SHC2,\r\n SHC3,\r\n CNE_CODE,\r\n CNE_NAME,\r\n AGENT_CODE,\r\n AGENT_NAME,\r\n } = info;\r\n form.setFieldsValue({\r\n queueNo: COD_QUE_NUM_CHK,\r\n awbFirst: MAWB.first,\r\n awbLast: MAWB.last,\r\n hawb: MAWB.hawb,\r\n impExp: FLG_IMP_EXP,\r\n org: COD_ORI,\r\n des: COD_FDS,\r\n pcs: QTY_TOT_PCS,\r\n weight: QTY_GRS_WGT,\r\n \"re-weight\": QTY_GRS_RE_WGT === 0 ? \"\" : QTY_GRS_RE_WGT,\r\n chargeWeight: QTY_CHG_WGT,\r\n \"H/M\": MAWB.hawb !== \"\" ? \"H\" : \"M\",\r\n SHC1: SHC1,\r\n SHC2: SHC2,\r\n SHC3: SHC3,\r\n consigneeCode: CNE_CODE,\r\n consigneeName: CNE_NAME,\r\n agentCode: AGENT_CODE,\r\n agentName: AGENT_NAME,\r\n });\r\n }\r\n if (chargeInfo !== undefined) {\r\n try {\r\n let data = [];\r\n let total = 0;\r\n let totalGross = 0;\r\n let totalTax = 0;\r\n //eslint-disable\r\n chargeInfo.map((dt) => {\r\n data.push({\r\n COD_CHG: dt.COD_CHG,\r\n QTY: dt.QTY,\r\n AMT_GROSS: dt.AMT_GROSS.toString().replace(\r\n /\\B(?=(\\d{3})+(?!\\d))/g,\r\n \",\"\r\n ),\r\n WAIVE_AMT: dt.WAIVE_AMT.toString().replace(\r\n /\\B(?=(\\d{3})+(?!\\d))/g,\r\n \",\"\r\n ),\r\n AMT_TAX: dt.AMT_TAX.toString().replace(\r\n /\\B(?=(\\d{3})+(?!\\d))/g,\r\n \",\"\r\n ),\r\n TOTAL_AMT: (dt.AMT_GROSS + dt.WAIVE_AMT + dt.AMT_TAX)\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\"),\r\n STATUS: dt.STATUS,\r\n COD_PAY_MOD: dt.COD_PAY_MOD,\r\n FLG_BIL_TO: dt.FLG_BIL_TO,\r\n INV_NO: dt.INV_SRL_NO + \"/\" + dt.INV_NO,\r\n });\r\n total += dt.AMT_GROSS + dt.WAIVE_AMT + dt.AMT_TAX;\r\n totalGross += dt.AMT_GROSS;\r\n totalTax += dt.AMT_TAX;\r\n });\r\n setTotal(total.toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\"));\r\n\r\n setTotalGross(\r\n totalGross.toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")\r\n );\r\n setTotalTax(totalTax.toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\"));\r\n setDataSource(data);\r\n } catch (err) {\r\n notification.error({ message: \"Lỗi\", style: { marginRight: \"-50%\" } });\r\n }\r\n }\r\n };\r\n const nextTab = () => {\r\n if (status === \"AQ\")\r\n warning({\r\n title: \"Thông báo\",\r\n icon: CÔNG TY CỔ PHẦN DICH VỤ HÀNG HÓA TÂN SƠN NHẤT
\r\n\r\n
\r\n {this.props.value.slice(0, this.props.value.indexOf(\"%\"))}\r\n
\r\n\r\n {this.props.MAWB.first}\r\n {this.props.MAWB.last}\r\n {this.props.MAWB.suffix}\r\n {this.props.HAWB !== \"\" && `/${this.props.HAWB}`}\r\n
\r\n\r\n {this.props.pcs} PCS - {this.props.weight}kg Ngày đăng ký:\r\n {` ${moment(this.props.DAT_CRE).format(\"DD MMM YYYY HH:mm\")}`}\r\n
\r\n\r\n Ngày giờ đăng ký nhận hàng:\r\n {` ${moment(this.props.DAT_DLV).format(\"DD MMM YYYY HH:mm\")}`}\r\n
\r\n\r\n {this.props.DLV_ORD_RCV_ID}/{this.props.DLV_ORD_RCV_NAME}\r\n
\r\n\r\n {this.props.status} {moment().format(\"DD MMM YYYY\")}\r\n
\r\nAWB
\r\n \r\n\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n
\r\n \r\n Tên người gửi/ nhận hàng
\r\nCông ty được uỷ quyền nhận hàng
\r\n\r\n \r\n Table of Charge Details\r\n \r\n \r\n {\r\n return (\r\n <>\r\n \r\n \r\n Tổng:\r\n \r\n \r\n {totalGross}\r\n \r\n\r\n \r\n {totalTax}\r\n \r\n \r\n {total}\r\n \r\n \r\n \r\n \r\n );\r\n }}\r\n />\r\n \r\n
\r\n
\r\n \r\n );\r\n}\r\n","/* eslint-disable */\r\nimport React, { useEffect, useState } from \"react\";\r\nimport {\r\n Button,\r\n Radio,\r\n Modal,\r\n Input,\r\n Form,\r\n Col,\r\n Row,\r\n Typography,\r\n notification,\r\n} from \"antd\";\r\nimport { useForm } from \"antd/lib/form/Form\";\r\nimport moment from \"moment\";\r\nimport { useDispatch, useSelector } from \"react-redux\";\r\nimport { useHistory } from \"react-router\";\r\nimport { checkinUser, userAwbLogout } from \"../../../actions/userAWB\";\r\nimport {\r\n IMP_WEB_CHK_UPD_PAYMENT_MODE,\r\n IMP_WEB_CHK_CHK_PAID,\r\n updateOrderId,\r\n} from \"../../../config/apiConfig\";\r\nimport { payWithoutOTP } from \"../../../config/checkinApi\";\r\nimport { setPaymentInfo } from \"./../../../actions/payment\";\r\nconst { TextArea } = Input;\r\n\r\nconst ModalSelectMethod = ({\r\n visible,\r\n data,\r\n setVisible,\r\n loading,\r\n setLoading,\r\n isHawb,\r\n setHasData,\r\n loadData,\r\n}) => {\r\n const [visibleConfirm, setVisibleConfirm] = useState(false);\r\n const { token } = useSelector((state) => state.userAwb.dataCheckin);\r\n const webTrachToken = useSelector((state) => state.userAwb.dataLogin.token);\r\n const dispatch = useDispatch();\r\n const history = useHistory();\r\n const [transferSyntax, setTransferSyntax] = useState(\"\");\r\n const [form] = useForm();\r\n\r\n const handleOk = async () => {\r\n if (form.getFieldValue(\"method\") === \"\") {\r\n notification.warning({\r\n message: \"Vui lòng chọn phương thức thanh toán!\",\r\n style: { marginRight: \"-50%\" },\r\n });\r\n } else\r\n try {\r\n setLoading(true);\r\n setHasData(true);\r\n const updateMethodRes = await IMP_WEB_CHK_UPD_PAYMENT_MODE(\r\n {\r\n ...data,\r\n WEB_PMT_MOD: form.getFieldValue(\"method\"),\r\n SND_PAY_STR: transferSyntax,\r\n },\r\n isHawb ? webTrachToken : token\r\n );\r\n if (form.getFieldValue(\"method\") === \"WCR\") {\r\n const checkPaidRes = await IMP_WEB_CHK_CHK_PAID(\r\n {\r\n ...updateMethodRes.data.P_CURR_OBJ_CHK,\r\n },\r\n isHawb ? webTrachToken : token\r\n );\r\n if (checkPaidRes.data === \"OK\") {\r\n await IMP_WEB_CHK_PAID_ALL_INVOICE(\r\n {\r\n ...data,\r\n },\r\n isHawb ? webTrachToken : token\r\n );\r\n }\r\n loadData();\r\n }\r\n if (form.getFieldValue(\"method\") === \"WEB\") {\r\n const payRes = await payWithoutOTP(\r\n data.AMT_CSH_INV,\r\n \"VND\",\r\n data.TABLE_ID,\r\n transferSyntax,\r\n isHawb ? webTrachToken : token\r\n );\r\n if (payRes.status === 200 && payRes.data) {\r\n dispatch(\r\n setPaymentInfo({\r\n ...payRes.data,\r\n orderRef: transferSyntax,\r\n isHawb: isHawb,\r\n })\r\n );\r\n localStorage.setItem(\r\n \"pInfo\",\r\n JSON.stringify({\r\n ...payRes.data,\r\n orderRef: transferSyntax,\r\n isHawb: isHawb,\r\n })\r\n );\r\n const updateOrderIdRes = await updateOrderId(\r\n {\r\n ...data,\r\n RCV_BNK_TRS_CD1: payRes.data.order.id,\r\n },\r\n isHawb ? webTrachToken : token\r\n );\r\n if (updateOrderIdRes.data) {\r\n notification.success({\r\n message: \"Đã cập nhật phương thức thanh toán!\",\r\n style: { marginRight: \"-50%\" },\r\n });\r\n setHasData(true);\r\n history.push(`/napas/checkout`);\r\n } else {\r\n notification.error({\r\n message: \"Lỗi! Vui lòng thử lại!\",\r\n style: { marginRight: \"-50%\" },\r\n });\r\n setHasData(false);\r\n }\r\n }\r\n }\r\n } catch (error) {\r\n if (error.response.status === 401) {\r\n notification.error({\r\n style: { marginRight: \"-50%\" },\r\n message: t(\"home.sessionNoti\"),\r\n });\r\n\r\n dispatch(checkinUser({}));\r\n dispatch(setPaymentInfo(undefined));\r\n dispatch(userAwbLogout());\r\n localStorage.removeItem(\"userAWB\");\r\n localStorage.removeItem(\"checkin\");\r\n localStorage.removeItem(\"pInfo\");\r\n history.push(\"/\");\r\n } else if (error.response.error) {\r\n notification.error({\r\n message: error.response.error,\r\n style: { marginRight: \"-50%\" },\r\n });\r\n loadData();\r\n } else\r\n notification.error({\r\n message: \"Lỗi! Vui lòng refresh trang để thử lại!\",\r\n style: { marginRight: \"-50%\" },\r\n });\r\n console.log(error);\r\n } finally {\r\n setVisibleConfirm(false);\r\n setVisible(false);\r\n }\r\n };\r\n const sendFeedBack = (e) => {\r\n switch (e.target.value) {\r\n case \"WCR\":\r\n form.setFieldsValue({\r\n feedback: `Trước ngày ${moment(data.DAT_DLV).format(\r\n \"LL\"\r\n )}, quý khách chuyển số tiền ${data.AMT_CSH_INV.toString().replace(\r\n /\\B(?=(\\d{3})+(?!\\d))/g,\r\n \",\"\r\n )} VND đến tài khoản ngân hàng với thông tin như sau:\r\n - Tên tài khoản: CÔNG TY CỔ PHẦN DỊCH VỤ HÀNG HÓA TÂN SƠN NHẤT \r\n - Số tài khoản thanh toán VND : 19010600289019\r\n - Ngân hàng TMCP Kỹ Thương Việt Nam (Vietnam Technological and Commercial Joint Stock Bank)\r\n - Nội dung thanh toán: KHACH HANG ${data.CNE_CODE} THANH TOAN ${\r\n data.AMT_CSH_INV\r\n } VND TIEN DICH VU THEO DON HANG SO ${data.TABLE_ID}`,\r\n });\r\n setTransferSyntax(\r\n `KHACH HANG ${data.CNE_CODE} THANH TOAN ${data.AMT_CSH_INV} VND TIEN DICH VU THEO DON HANG SO ${data.TABLE_ID}`\r\n );\r\n break;\r\n case \"WQR\":\r\n form.setFieldsValue({\r\n feedback: `Quý khách thanh toán trực tuyến bằng cách quét mã QR`,\r\n });\r\n setTransferSyntax(\r\n `KHACH HANG ${data.CNE_CODE} THANH TOAN ${data.AMT_CSH_INV} VND TIEN DICH VU THEO DON HANG SO ${data.TABLE_ID}`\r\n );\r\n break;\r\n case \"WEB\":\r\n form.setFieldsValue({\r\n feedback: `Quý khách thanh toán trực tiếp bằng thẻ ATM nội địa`,\r\n });\r\n setTransferSyntax(\r\n `KHACH HANG ${data.CNE_CODE} THANH TOAN ${data.AMT_CSH_INV} VND TIEN DICH VU THEO DON HANG SO ${data.TABLE_ID}`\r\n );\r\n break;\r\n default:\r\n form.setFieldsValue({ feedback: \"Hãy chọn 1 hình thức thanh toán!\" });\r\n setTransferSyntax(\"\");\r\n\r\n break;\r\n }\r\n };\r\n const showData = () => {\r\n if (data !== undefined) {\r\n form.setFieldsValue({\r\n AMT_GRS: data.AMT_GRS.toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\"),\r\n AMT_TAX: data.AMT_TAX.toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\"),\r\n AMT_TOT: data.AMT_TOT.toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\"),\r\n AMT_CSH_INV: data.AMT_CSH_INV.toString().replace(\r\n /\\B(?=(\\d{3})+(?!\\d))/g,\r\n \",\"\r\n ),\r\n AMT_CDT_INV: data.AMT_CDT_INV.toString().replace(\r\n /\\B(?=(\\d{3})+(?!\\d))/g,\r\n \",\"\r\n ),\r\n AMT_PRO_INV: data.AMT_PRO_INV.toString().replace(\r\n /\\B(?=(\\d{3})+(?!\\d))/g,\r\n \",\"\r\n ),\r\n });\r\n }\r\n };\r\n useEffect(() => {\r\n showData();\r\n }, [data]);\r\n /* const allowATMList = [\r\n \"00000233\",\r\n \"00000498\",\r\n \"00008517\",\r\n \"00004414\",\r\n \"00021003\",\r\n \"00008288\",\r\n \"00005922\",\r\n \"00005977\",\r\n \"00004395\",\r\n \"00006026\",\r\n \"00008695\",\r\n \"00008506\",\r\n \"00005976\",\r\n \"00001132\",\r\n \"00005931\",\r\n \"00019946\",\r\n \"00005930\",\r\n ]; */\r\n return (\r\n \r\n \r\n \r\n \r\n {/* {t(\"header.submit\")} */} Quay lại\r\n \r\n \r\n {/* {t(\"header.submit\")} */} Thanh toán\r\n \r\n \r\n {/* {t(\"header.submit\")} */} Xuất hóa đơn điện tử\r\n \r\n\r\n \r\n {/* {t(\"header.submit\")} */} Tiếp tục\r\n \r\n \r\n
\r\n \r\n
\r\n Address Details
\r\n \r\n\r\n \r\n {\r\n return record.key === rowId ? \"row-selected\" : \"\";\r\n }}\r\n pagination={false}\r\n summary={() => {\r\n return (\r\n <>\r\n \r\n \r\n Tổng:\r\n \r\n \r\n {totalGrossInv}\r\n \r\n\r\n \r\n {totalTaxInv}\r\n \r\n \r\n {totalInv}\r\n \r\n \r\n \r\n \r\n );\r\n }}\r\n />\r\n \r\n
\r\n
\r\n Invoice
\r\n\r\n \r\n {\r\n return (\r\n <>\r\n \r\n \r\n Tổng:\r\n \r\n \r\n {totalGross}\r\n \r\n\r\n \r\n {totalTax}\r\n \r\n \r\n {total}\r\n \r\n \r\n \r\n \r\n );\r\n }}\r\n />\r\n \r\n
\r\n
\r\n \r\n )}\r\n Invoice Details
\r\n\r\n \r\n \r\n {/* {t(\"header.submit\")} */} Quay lại\r\n \r\n \r\n {/* {t(\"header.submit\")} */} Tiếp tục\r\n \r\n \r\n
\r\n
\r\n {\r\n return record.key === rowId ? \"row-selected\" : \"\";\r\n }}\r\n // scroll={{ x: 1300 }}\r\n pagination={false}\r\n />\r\n {\r\n return (\r\n <>\r\n \r\n \r\n Tổng: {totalGross}\r\n \r\n \r\n \r\n );\r\n }}\r\n />\r\n
\r\n
\r\n );\r\n};\r\nexport default TabEInvoice;\r\n","/* eslint-disable */\r\nimport React, { useCallback, useEffect, useState } from \"react\";\r\nimport { Button, Input, notification, Table } from \"antd\";\r\nimport Modal from \"antd/lib/modal/Modal\";\r\nimport moment from \"moment\";\r\nimport { useDispatch, useSelector } from \"react-redux\";\r\nimport {\r\n IMP_WEB_CHK_LOAD_APT_AGT,\r\n IMP_WEB_CHK_UPD_APT_AGC,\r\n} from \"../../../config/apiConfig\";\r\n\r\nimport { useHistory } from \"react-router\";\r\nimport { checkinUser, userAwbLogout } from \"../../../actions/userAWB\";\r\nimport { setPaymentInfo } from \"../../../actions/payment\";\r\nconst ModalUpdateAgent = ({ visible, info, setVisible, loadData }) => {\r\n const [valueInput, setValueInput] = useState(\"\");\r\n const [visibleConfirm, setVisibleConfirm] = useState(false);\r\n const [dataSource, setDataSource] = useState([]);\r\n const [dataProject, setDataProject] = useState([]);\r\n const { MAWB } = useSelector((state) => state.mawb);\r\n const { token } = useSelector((state) => state.userAwb.dataCheckin);\r\n const webTrackToken = useSelector((state) => state.userAwb.dataLogin.token);\r\n const history = useHistory();\r\n const dispatch = useDispatch();\r\n const [agent, setAgent] = useState({ code: \"\", name: \"\" });\r\n const [loading, setLoading] = useState(false);\r\n\r\n const onSearch = useCallback(\r\n (value) => {\r\n setLoading(true);\r\n setTimeout(() => {\r\n if (dataSource.length > 0) {\r\n setValueInput(value);\r\n const newData = dataSource.filter((items) =>\r\n items.DES_RMK.toLowerCase().includes(value.toLowerCase())\r\n );\r\n setDataProject(newData);\r\n }\r\n setLoading(false);\r\n }, 400);\r\n },\r\n // eslint-disable-next-line\r\n [valueInput]\r\n );\r\n\r\n useEffect(() => {\r\n setDataProject(dataSource ?? []);\r\n }, [dataSource]);\r\n useEffect(() => {\r\n const timeout = setTimeout(() => {\r\n onSearch(valueInput);\r\n }, 500);\r\n return () => clearTimeout(timeout);\r\n // eslint-disable-next-line\r\n }, [valueInput]);\r\n\r\n const FilterByNameInput = (\r\n Shipment details
\r\n \r\n\r\n
Invoice List
\r\nInvoice Details
\r\n\r\n
\r\n
\r\n \r\n Payment details
\r\n\r\n
\r\n \r\n );\r\n};\r\n","/* eslint-disable */\r\n\r\nimport {\r\n Button,\r\n Input,\r\n Form,\r\n Col,\r\n Row,\r\n DatePicker,\r\n Modal,\r\n notification,\r\n} from \"antd\";\r\nimport { ExclamationCircleOutlined } from \"@ant-design/icons\";\r\nimport { useForm } from \"antd/lib/form/Form\";\r\nimport moment from \"moment\";\r\nimport {\r\n IMP_WEB_CHK_CRE_CHK_OBJ,\r\n IMP_WEB_CHK_INS,\r\n IMP_WEB_CHK_UPD,\r\n} from \"../../config/apiConfig\";\r\nimport { useDispatch, useSelector } from \"react-redux\";\r\nimport React, { useEffect, useState } from \"react\";\r\nimport ModalUpdateAgent from \"./TabReceiverInfo/ModalUpdateAgent\";\r\nimport { checkinUser } from \"../../actions/userAWB\";\r\nimport { setPaymentInfo } from \"../../actions/payment\";\r\nimport { userAwbLogout } from \"./../../actions/userAWB\";\r\nimport { useHistory } from \"react-router\";\r\nimport { ModalDatePicker } from \"./TabReceiverInfo/ModalDatePicker\";\r\nimport { convertNumberToTime } from \"../../utils/utils\";\r\n\r\nconst { warning, confirm } = Modal;\r\nconst TabReceiverInfo = ({\r\n info,\r\n isInfoCreated,\r\n status,\r\n loadData,\r\n awbDetail,\r\n ...props\r\n}) => {\r\n const [form] = useForm();\r\n const [formAWB] = useForm();\r\n const history = useHistory();\r\n const dispatch = useDispatch();\r\n const { token } = useSelector((state) => state.userAwb.dataCheckin);\r\n const { MAWB } = useSelector((state) => state.mawb);\r\n const [visible, setVisible] = useState(false);\r\n const [visibleDatePicker, setVisibleDatePicker] = useState(false);\r\n\r\n const showData = () => {\r\n if (info !== undefined) {\r\n const {\r\n DAT_DLV,\r\n DLV_ODR_RCV_ID,\r\n DLV_ODR_RCV_NAM,\r\n EML_RCV_EINV,\r\n CUS_RMK,\r\n COD_TYP_SVR,\r\n } = info;\r\n\r\n form.setFieldsValue({\r\n receiveDate: moment(DAT_DLV, \"YYYY/MM/DD HH:mm\"),\r\n receiverId: DLV_ODR_RCV_ID,\r\n receiverName: DLV_ODR_RCV_NAM,\r\n email: EML_RCV_EINV,\r\n phone: CUS_RMK.slice(0, CUS_RMK.indexOf(\"-\")),\r\n address: CUS_RMK.slice(CUS_RMK.indexOf(\"-\") + 1, CUS_RMK.length),\r\n impCat: COD_TYP_SVR === 5 ? \"\" : COD_TYP_SVR,\r\n });\r\n }\r\n if (awbDetail !== undefined) {\r\n const {\r\n COD_QUE_NUM_CHK,\r\n FLG_IMP_EXP,\r\n COD_APT_BRD,\r\n COD_APT_OFF,\r\n PCS,\r\n WGT,\r\n RE_WGT,\r\n CHG_WGT,\r\n SHC1,\r\n SHC2,\r\n SHC3,\r\n FLG_HDL,\r\n NAM_CNE_SHP,\r\n COD_CNE_SHP,\r\n COD_AGT,\r\n NAM_AGT,\r\n COD_FLT_CAR,\r\n DAT_FLT,\r\n COD_FLT_NUM,\r\n COD_AWB_CHG,\r\n DAT_FRT_IN,\r\n TIM_FRT_IN,\r\n } = awbDetail;\r\n formAWB.setFieldsValue({\r\n queueNo: COD_QUE_NUM_CHK,\r\n awbFirst: MAWB.first,\r\n awbLast: MAWB.last,\r\n hawb: MAWB.hawb,\r\n impExp: FLG_IMP_EXP,\r\n org: COD_APT_BRD,\r\n des: COD_APT_OFF,\r\n pcs: PCS,\r\n weight: WGT,\r\n \"re-weight\": RE_WGT === 0 ? \"\" : RE_WGT,\r\n chargeWeight: CHG_WGT,\r\n \"H/M\": FLG_HDL,\r\n SHC1: SHC1,\r\n SHC2: SHC2,\r\n SHC3: SHC3,\r\n consigneeCode: COD_CNE_SHP,\r\n consigneeName: NAM_CNE_SHP,\r\n agentCode: COD_AGT,\r\n agentName: NAM_AGT,\r\n flightCarrier: COD_FLT_CAR,\r\n flightDate: moment(DAT_FLT).format(\"DD-MMM-YYYY\"),\r\n flightNo: COD_FLT_NUM,\r\n awbCharge: COD_AWB_CHG,\r\n ata:\r\n moment(DAT_FRT_IN).format(\"DD-MMM-YYYY\") +\r\n \" \" +\r\n convertNumberToTime(TIM_FRT_IN),\r\n });\r\n }\r\n };\r\n\r\n const nextTab = () => {\r\n if (!isInfoCreated)\r\n warning({\r\n title: \"Thông báo\",\r\n icon: \r\n {\r\n setSelectedDate(moment(val));\r\n setCurrent(val);\r\n }}\r\n />\r\n
\r\n \r\n
\r\n \r\n Quý khách cần chú ý khi chọn các khung giờ phát sinh\r\n phụ phí (từ 17:00 đến 05:59 ngày thường hoặc vào các ngày Chủ Nhật,\r\n ngày Lễ)\r\n
\r\nGhi chú:
\r\n\r\n - Bấm 2 lần vào ngày hôm nay để chọn nhanh giờ hiện tại (+ 1 giờ)\r\n
\r\n\r\n - Bấm 2 lần vào ngày khác để chọn nhanh giờ (8:00 AM)\r\n
\r\n\r\n setVisible(false)}\r\n >\r\n Close\r\n \r\n {\r\n form.setFieldsValue({ receiveDate: selectedDate });\r\n setVisible(false);\r\n const impCat = getImpCat(ata, selectedDate);\r\n form.setFieldsValue({ impCat: impCat !== 5 ? impCat : \"\" });\r\n let message =\r\n impCat !== 5\r\n ? `Chọn ngày nhận thành công!\\nGiá phục vụ sẽ được tính ở mức ${impCat}`\r\n : \"Chọn ngày nhận thành công!\";\r\n notification.success({\r\n message,\r\n style: { marginRight: \"-50%\", whiteSpace: \"pre-wrap\" },\r\n });\r\n }}\r\n className=\"btn-payment\"\r\n >\r\n Ok\r\n \r\n
\r\n AWB
\r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n
Thông tin người nhận hàng
\r\nVehicle Registration
\r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n {/* {t(\"header.submit\")} */} Tiếp tục\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n setActiveKey(key)}\r\n defaultActiveKey={\"receiver-info\"}\r\n size={\"default\"}\r\n tabBarExtraContent={operations}\r\n >\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n Thông tin tài khoản
\r\n \r\n{t(\"header.description\")}
\r\n \r\n\r\n {/* \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n {tableDataSHP} \r\n \r\n
\r\n
\r\n
\r\n
\r\n );\r\n};\r\nexport default TabVIPInboundShippment;\r\n","/* eslint-disable */\r\nimport React, { useRef, useState } from \"react\";\r\nimport {\r\n Button,\r\n Col,\r\n DatePicker,\r\n Form,\r\n Input,\r\n notification,\r\n Row,\r\n Skeleton,\r\n Table,\r\n} from \"antd\";\r\nimport { useForm } from \"antd/lib/form/Form\";\r\nimport moment from \"moment\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { useDispatch, useSelector } from \"react-redux\";\r\nimport { useHistory } from \"react-router\";\r\nimport { useReactToPrint } from \"react-to-print\";\r\nimport { setPaymentInfo } from \"../../actions/payment\";\r\nimport { checkinUser, userAwbLogout } from \"../../actions/userAWB\";\r\nimport { GET_SS_EXP_STATUS_SHP } from \"../../config/webTrackApi\";\r\nconst { RangePicker } = DatePicker;\r\n\r\nconst TabReportForOutboundShipment = ({ setActiveKey }) => {\r\n const [tableDataSHP, setTableDataSHP] = useState();\r\n const [loading, setLoading] = useState();\r\n const { dataLogin } = useSelector((state) => state.userAwb);\r\n const today = new Date(),\r\n date =\r\n today.getFullYear() +\r\n \"-\" +\r\n (today.getMonth() + 1) +\r\n \"-\" +\r\n today.getDate() +\r\n \" \" +\r\n today.getHours() +\r\n \":\" +\r\n today.getMinutes();\r\n const { t } = useTranslation(\"common\");\r\n const componentRef = useRef();\r\n const history = useHistory();\r\n const dispatch = useDispatch();\r\n const handlePrint = useReactToPrint({\r\n content: () => componentRef.current,\r\n });\r\n\r\n const renderTableSHP = (footer, dataSource) => {\r\n let columns = [\r\n {\r\n title: \"No\",\r\n dataIndex: \"key\",\r\n key: \"key\",\r\n className: \"head_tb_repo\",\r\n },\r\n {\r\n title: \"BOOKING\",\r\n dataIndex: \"parent\",\r\n key: \"parent\",\r\n className: \"head_tb_repo\",\r\n children: [\r\n {\r\n title: \"FL NO\",\r\n dataIndex: \"SS01_BKG_FLT_NO\",\r\n key: \"SS01_BKG_FLT_NO\",\r\n className: \"head_tb_repo\",\r\n },\r\n {\r\n title: \"FL DATE\",\r\n dataIndex: \"SS02_BKG_FLT_DAT\",\r\n key: \"SS02_BKG_FLT_DAT\",\r\n className: \"head_tb_repo\",\r\n },\r\n ],\r\n },\r\n {\r\n title: \"MAWB\",\r\n dataIndex: \"SS03_AWB_NO\",\r\n key: \"SS03_AWB_NO\",\r\n className: \"head_tb_repo\",\r\n },\r\n {\r\n title: \"PCS\",\r\n dataIndex: \"SS04_QTY_PCS\",\r\n key: \"SS04_QTY_PCS\",\r\n className: \"head_tb_repo\",\r\n },\r\n {\r\n title: \"WGT\",\r\n dataIndex: \"SS05_WGT_GRS\",\r\n key: \"SS05_WGT_GRS\",\r\n className: \"head_tb_repo\",\r\n },\r\n {\r\n title: \"ACCEPTANCED DATE\",\r\n dataIndex: \"SS06_ACPT_WGT_TIM\",\r\n key: \"SS06_ACPT_WGT_TIM\",\r\n className: \"head_tb_repo\",\r\n },\r\n {\r\n title: \"CUSTOMS CLEARENCE\",\r\n dataIndex: \"SS08_CUS_CLR_TIM\",\r\n key: \"SS08_CUS_CLR_TIM\",\r\n className: \"head_tb_repo\",\r\n },\r\n {\r\n title: \"OUTGOING FLIGHT\",\r\n dataIndex: \"parent\",\r\n key: \"parent\",\r\n className: \"head_tb_repo\",\r\n children: [\r\n {\r\n title: \"NO\",\r\n dataIndex: \"SS12_FLT_NO\",\r\n key: \"SS12_FLT_NO\",\r\n className: \"head_tb_repo\",\r\n },\r\n {\r\n title: \"DATE\",\r\n dataIndex: \"SS13_FLT_DAT\",\r\n key: \"SS13_FLT_DAT\",\r\n className: \"head_tb_repo\",\r\n },\r\n {\r\n title: \"PCS\",\r\n dataIndex: \"SS10_PCS\",\r\n key: \"SS10_PCS\",\r\n className: \"head_tb_repo\",\r\n },\r\n {\r\n title: \"WGT\",\r\n dataIndex: \"SS11_WGT\",\r\n key: \"SS11_WGT\",\r\n className: \"head_tb_repo\",\r\n },\r\n {\r\n title: \"STD\",\r\n dataIndex: \"SS14_STD\",\r\n key: \"SS14_STD\",\r\n className: \"head_tb_repo\",\r\n },\r\n {\r\n title: \"ATD\",\r\n dataIndex: \"SS15_ATD\",\r\n key: \"SS15_ATD\",\r\n className: \"head_tb_repo\",\r\n },\r\n ],\r\n },\r\n ];\r\n\r\n setTableDataSHP(\r\n REPORT FOR INBOUND SHIPMENT
\r\n\r\n {/* \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Print\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n
\r\n \r\n \r\n {tableDataSHP} \r\n \r\n
\r\n
\r\n
\r\n );\r\n};\r\nexport default TabReportForOutboundShipment;\r\n","/* eslint-disable */\r\n\r\nimport React, { useEffect, useState } from \"react\";\r\nimport { setLanguage } from \"./../helpers/language-helper\";\r\nimport { Tabs, Button, message, notification } from \"antd\";\r\nimport Banner from \"../components/Banner\";\r\nimport * as API from \"../config/apiConfig\";\r\nimport { userAwbLogout } from \"../actions/userAWB\";\r\nimport \"./page-css/Agent.css\";\r\nimport ChangePasswordTab from \"../components/ChangePasswordTab\";\r\nimport { useDispatch, useSelector } from \"react-redux\";\r\nimport TabVIPInboundShippment from \"../components/VIPUser/TabVIPInboundShippment\";\r\nimport TabReportForOutboundShipment from \"../components/VIPUser/TabReportForOutboundShipment\";\r\nimport TabInfo from \"../components/TabInfo\";\r\nimport { useHistory } from \"react-router\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { changeLang, showLangSwitch } from \"../actions/menu\";\r\nimport { setMAWB } from \"../actions/MAWB\";\r\n\r\nconst { TabPane } = Tabs;\r\nconst VIP = () => {\r\n const history = useHistory();\r\n const token = JSON.parse(localStorage.getItem(\"userAWB\"));\r\n const { dataLogin } = useSelector((state) => state.userAwb);\r\n const [activeKey, setActiveKey] = useState(\"import-info\");\r\n const dispatch = useDispatch();\r\n const { t } = useTranslation(\"common\");\r\n const today = new Date(),\r\n date =\r\n today.getFullYear() +\r\n \"-\" +\r\n (today.getMonth() + 1) +\r\n \"-\" +\r\n today.getDate() +\r\n \" \" +\r\n today.getHours() +\r\n \":\" +\r\n today.getMinutes();\r\n\r\n const logOut = () => {\r\n API.logout(token).then((res) => {\r\n dispatch(userAwbLogout());\r\n dispatch(setMAWB({}));\r\n localStorage.removeItem(\"userAWB\");\r\n localStorage.removeItem(\"MAWB\");\r\n message.success(res.data.message);\r\n history.push(\"/\");\r\n });\r\n };\r\n const operations = (\r\n REPORT FOR OUTBOUND SHIPMENT
\r\n \r\nREPORT FOR OUTBOUND SHIPMENT
\r\n\r\n
\r\n );\r\n};\r\n\r\nexport default VIP;\r\n","/* eslint-disable */\r\nimport React, { useEffect, useState } from \"react\";\r\nimport { Button, notification, Table } from \"antd\";\r\nimport Modal from \"antd/lib/modal/Modal\";\r\nimport moment from \"moment\";\r\nimport { useDispatch, useSelector } from \"react-redux\";\r\nimport { setPaymentInfo } from \"../../../actions/payment\";\r\nimport { checkinUser, userAwbLogout } from \"../../../actions/userAWB\";\r\nimport { useHistory } from \"react-router\";\r\nimport {\r\n IMP_WEB_CHK_LOAD,\r\n IMP_WEB_CHK_CRE_HAWB_FEE_OBJ,\r\n IMP_WEB_CHK_LOAD_NY_HAWB_FEE_LST,\r\n} from \"../../../config/apiConfig\";\r\nconst ModalHawbList = ({\r\n visible,\r\n setVisible,\r\n info,\r\n loadData,\r\n setRowBillNo,\r\n}) => {\r\n const [visibleConfirm, setVisibleConfirm] = useState(false);\r\n const [selectedRows, setSelectedRows] = useState([]);\r\n const [selectedRowKeys, setSelectedRowKeys] = useState([]);\r\n const { token } = useSelector((state) => state.userAwb.dataLogin);\r\n const history = useHistory();\r\n const dispatch = useDispatch();\r\n const [dataSource, setDataSource] = useState([]);\r\n const { checkinHAWB } = useSelector((state) => state.mawb);\r\n const [loading, setLoading] = useState(false);\r\n\r\n const handleOk = async () => {\r\n try {\r\n if (selectedRows.length > 0) {\r\n setLoading(true);\r\n try {\r\n const loadRes = await IMP_WEB_CHK_LOAD(\r\n {\r\n COD_AWB_PFX: checkinHAWB.COD_AWB_PFX,\r\n COD_AWB_NUM: checkinHAWB.COD_AWB_NUM,\r\n COD_AWB_SFX: checkinHAWB.COD_AWB_SFX,\r\n COD_HWB_NUM: checkinHAWB.COD_HWB_NUM,\r\n },\r\n token\r\n );\r\n if (loadRes.data.mCol[0] && loadRes.data.mCol[0].COD_STS === \"AQ\") {\r\n let selectedHAWB = ``;\r\n selectedRows.map((row) => {\r\n selectedHAWB += row.COD_HWB_NUM + \"#\";\r\n });\r\n const createFeeRes = await IMP_WEB_CHK_CRE_HAWB_FEE_OBJ(\r\n {\r\n ...loadRes.data.mCol[0],\r\n COD_HWB_NUM: selectedHAWB,\r\n },\r\n token\r\n );\r\n\r\n setRowBillNo(\r\n createFeeRes.data.P_RET_IMP_WEB_BIL_CHG_COLL.mCol[0].COD_BIL\r\n );\r\n } else {\r\n notification.error({\r\n style: { marginRight: \"-50%\" },\r\n message: \"Lỗi!\",\r\n });\r\n setLoading(false);\r\n }\r\n fetchList();\r\n loadData();\r\n if ([\"FN\", \"OK\", \"XX\"].includes(info.COD_STS)) {\r\n notification.success({\r\n style: { marginRight: \"-50%\" },\r\n message: \"Đã hoàn tất làm thủ tục cho lô hàng này!\",\r\n });\r\n } else {\r\n notification.error({\r\n style: { marginRight: \"-50%\" },\r\n message: \"Không thể tính phí!\",\r\n });\r\n }\r\n } catch (error) {\r\n if (err.response.status === 401) {\r\n notification.error({\r\n style: { marginRight: \"-50%\" },\r\n message: t(\"home.sessionNoti\"),\r\n });\r\n\r\n dispatch(checkinUser({}));\r\n dispatch(setPaymentInfo(undefined));\r\n dispatch(userAwbLogout());\r\n localStorage.removeItem(\"userAWB\");\r\n localStorage.removeItem(\"checkin\");\r\n localStorage.removeItem(\"pInfo\");\r\n history.push(\"/\");\r\n }\r\n }\r\n } else {\r\n setVisibleConfirm(false);\r\n notification.warning({\r\n style: { marginRight: \"-50%\" },\r\n message: \"Vui lòng chọn ít nhất 1 HAWB!\",\r\n });\r\n }\r\n setLoading(false);\r\n } catch (error) {\r\n // console.log(error);\r\n }\r\n };\r\n\r\n const columns = [\r\n {\r\n title: \"AWB\",\r\n dataIndex: \"COD_AWB_PFX\",\r\n key: \"COD_AWB_PFX\",\r\n colSpan: 2,\r\n },\r\n {\r\n title: \"\",\r\n dataIndex: \"COD_AWB_NUM\",\r\n key: \"COD_AWB_NUM\",\r\n colSpan: 0,\r\n },\r\n {\r\n title: \"HAWB\",\r\n dataIndex: \"COD_HWB_NUM\",\r\n key: \"COD_HWB_NUM\",\r\n },\r\n\r\n {\r\n title: \"PCS\",\r\n dataIndex: \"QTY_HWB_PCS\",\r\n key: \"QTY_HWB_PCS\",\r\n },\r\n {\r\n title: \"Weight\",\r\n dataIndex: \"QTY_HWB_WGT\",\r\n key: \"QTY_HWB_WGT\",\r\n },\r\n {\r\n title: \"Flight No\",\r\n dataIndex: \"COD_FLT_CAR\",\r\n key: \"COD_FLT_CAR\",\r\n colSpan: 2,\r\n },\r\n {\r\n title: \"\",\r\n dataIndex: \"COD_FLT_NUM\",\r\n key: \"COD_FLT_NUM\",\r\n colSpan: 0,\r\n },\r\n {\r\n title: \"Flight Date\",\r\n dataIndex: \"DAT_FLT_ATA\",\r\n key: \"DAT_FLT_ATA\",\r\n },\r\n ];\r\n\r\n const fetchList = async () => {\r\n setLoading(true);\r\n try {\r\n const loadRes = await IMP_WEB_CHK_LOAD_NY_HAWB_FEE_LST(info, token);\r\n\r\n let data = [];\r\n loadRes.data.mCol.map((dt, index) => {\r\n data.push({\r\n key: index,\r\n COD_AWB_PFX: dt.COD_AWB_PFX,\r\n COD_AWB_NUM: dt.COD_AWB_NUM,\r\n COD_HWB_NUM: dt.COD_HWB_NUM,\r\n QTY_HWB_PCS: dt.QTY_HWB_PCS,\r\n QTY_HWB_WGT: dt.QTY_HWB_WGT,\r\n COD_FLT_CAR: dt.COD_FLT_CAR,\r\n COD_FLT_NUM: dt.COD_FLT_NUM,\r\n DAT_FLT_ATA: moment(dt.DAT_FLT_ATA).format(\"LL HH:mm\"),\r\n });\r\n });\r\n setDataSource(data);\r\n setLoading(false);\r\n } catch (error) {\r\n if (err.response.status === 401) {\r\n notification.error({\r\n style: { marginRight: \"-50%\" },\r\n message: t(\"home.sessionNoti\"),\r\n });\r\n\r\n dispatch(checkinUser({}));\r\n dispatch(setPaymentInfo(undefined));\r\n dispatch(userAwbLogout());\r\n localStorage.removeItem(\"userAWB\");\r\n localStorage.removeItem(\"checkin\");\r\n localStorage.removeItem(\"pInfo\");\r\n history.push(\"/\");\r\n }\r\n }\r\n };\r\n useEffect(() => {\r\n if (visible === true) fetchList();\r\n }, [visible]);\r\n const onSelectChange = (selectedRowKeys, selectedRows) => {\r\n setSelectedRowKeys(selectedRowKeys);\r\n setSelectedRows(selectedRows);\r\n };\r\n\r\n return (\r\n \r\n
\r\n \r\n {\r\n setActiveKey(key);\r\n }}\r\n size={\"default\"}\r\n >\r\n \r\n \r\n \r\n \r\n\t\t\t\t\t\t\t\r\n
\r\n AWB
\r\n \r\n\r\n \r\n
Table of Charge Details
\r\nBill Charge Details
\r\n\r\n \r\n \r\n \r\n {/* {t(\"header.submit\")} */} Quay lại\r\n \r\n \r\n {/* {t(\"header.submit\")} */} Thanh toán\r\n {\" \"}\r\n \r\n {/* {t(\"header.submit\")} */} Xuất hóa đơn điện tử\r\n \r\n \r\n {/* {t(\"header.submit\")} */} Tiếp tục\r\n \r\n \r\n
\r\n\r\n \r\n
\r\n Address Details
\r\n \r\n\r\n \r\n {\r\n return record.key === rowId ? \"row-selected\" : \"\";\r\n }}\r\n pagination={false}\r\n summary={() => {\r\n return (\r\n <>\r\n \r\n \r\n Tổng:{\" \"}\r\n \r\n \r\n {totalGrossInv}\r\n \r\n\r\n \r\n {totalTaxInv}\r\n \r\n \r\n {totalInv}\r\n \r\n \r\n \r\n \r\n );\r\n }}\r\n />\r\n \r\n
\r\n
\r\n Invoice
\r\n\r\n \r\n {\r\n return (\r\n <>\r\n \r\n \r\n Tổng:{\" \"}\r\n \r\n \r\n {totalGross}\r\n \r\n\r\n \r\n {totalTax}\r\n \r\n \r\n {total}\r\n \r\n \r\n \r\n \r\n );\r\n }}\r\n />\r\n \r\n
\r\n
\r\n Invoice Details
\r\n\r\n \r\n \r\n {/* {t(\"header.submit\")} */} Quay lại\r\n \r\n \r\n
\r\n
\r\n {\r\n return record.key === rowId ? \"row-selected\" : \"\";\r\n }}\r\n // scroll={{ x: 1300 }}\r\n pagination={false}\r\n />\r\n {\r\n return (\r\n <>\r\n \r\n \r\n Tổng: {totalGross}\r\n \r\n \r\n \r\n );\r\n }}\r\n />\r\n
\r\n
\r\n );\r\n};\r\nexport default HawbTabEInvoice;\r\n","/* eslint-disable */\r\nimport React, { useEffect, useState } from \"react\";\r\nimport { Button, Input, Form, Col, Row, Modal, notification } from \"antd\";\r\nimport { ExclamationCircleOutlined } from \"@ant-design/icons\";\r\nimport { useForm } from \"antd/lib/form/Form\";\r\nimport moment from \"moment\";\r\nimport {\r\n IMP_WEB_CHK_CRE_CHK_OBJ,\r\n IMP_WEB_CHK_INS,\r\n IMP_WEB_CHK_UPD,\r\n} from \"../../../config/apiConfig\";\r\nimport { useDispatch, useSelector } from \"react-redux\";\r\nimport ModalUpdateAgent from \"../TabReceiverInfo/ModalUpdateAgent\";\r\nconst { warning, confirm } = Modal;\r\nconst HawbTabReceiverInfo = ({\r\n info,\r\n isInfoCreated,\r\n status,\r\n loadData,\r\n awbDetail,\r\n ...props\r\n}) => {\r\n const [form] = useForm();\r\n const [formAWB] = useForm();\r\n const dispatch = useDispatch();\r\n const { MAWB } = useSelector((state) => state.mawb);\r\n const { token } = useSelector((state) => state.userAwb.dataLogin);\r\n\r\n const [visible, setVisible] = useState(false);\r\n const [disable, setDisable] = useState(true);\r\n const showData = () => {\r\n if (info !== undefined) {\r\n const { DLV_ODR_RCV_ID, DLV_ODR_RCV_NAM, EML_RCV_EINV, CUS_RMK } = info;\r\n\r\n form.setFieldsValue({\r\n receiverId: DLV_ODR_RCV_ID,\r\n receiverName: DLV_ODR_RCV_NAM,\r\n email: EML_RCV_EINV,\r\n phone: CUS_RMK.slice(0, CUS_RMK.indexOf(\"-\")),\r\n address: CUS_RMK.slice(CUS_RMK.indexOf(\"-\") + 1, CUS_RMK.length),\r\n });\r\n }\r\n if (awbDetail !== undefined) {\r\n const {\r\n COD_QUE_NUM_CHK,\r\n FLG_IMP_EXP,\r\n COD_APT_BRD,\r\n COD_APT_OFF,\r\n TOT_PCS,\r\n TOT_WGT,\r\n RE_WGT,\r\n SHC1,\r\n SHC2,\r\n SHC3,\r\n FLG_HDL,\r\n NAM_CNE_SHP,\r\n COD_CNE_SHP,\r\n COD_AGT,\r\n NAM_AGT,\r\n COD_FLT_CAR,\r\n DAT_FLT,\r\n COD_FLT_NUM,\r\n COD_AWB_CHG,\r\n } = awbDetail;\r\n formAWB.setFieldsValue({\r\n queueNo: COD_QUE_NUM_CHK,\r\n awbFirst: MAWB.first,\r\n awbLast: MAWB.last,\r\n hawb: MAWB.hawb,\r\n impExp: FLG_IMP_EXP,\r\n org: COD_APT_BRD,\r\n des: COD_APT_OFF,\r\n pcs: TOT_PCS,\r\n weight: TOT_WGT,\r\n \"re-weight\": RE_WGT === 0 ? \"\" : RE_WGT,\r\n \"H/M\": FLG_HDL,\r\n SHC1: SHC1,\r\n SHC2: SHC2,\r\n SHC3: SHC3,\r\n consigneeCode: COD_CNE_SHP,\r\n consigneeName: NAM_CNE_SHP,\r\n agentCode: COD_AGT,\r\n agentName: NAM_AGT,\r\n flightCarrier: COD_FLT_CAR,\r\n flightDate: moment(DAT_FLT).format(\"DD-MMM-YYYY\"),\r\n flightNo: COD_FLT_NUM,\r\n awbCharge: COD_AWB_CHG,\r\n });\r\n }\r\n };\r\n\r\n const nextTab = () => {\r\n if (!isInfoCreated)\r\n warning({\r\n title: \"Thông báo\",\r\n icon: Shipment details
\r\n \r\n\r\n
Invoice List
\r\nInvoice Details
\r\n\r\n
\r\n
\r\n \r\n Payment details
\r\nAWB
\r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n
Thông tin người nhận
\r\n\r\n
\r\n \r\n setActiveKey(key)}\r\n defaultActiveKey={\"receiver-info\"}\r\n size={\"default\"}\r\n tabBarExtraContent={operations}\r\n >\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n {menuItem.title}
\r\n \r\n\r\n
\r\n \r\n )}\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n {t(\"formInfo.saveInfo\")}\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n );\r\n};\r\nexport default RegisterModal;\r\n","import React, { useEffect, useState } from 'react'\r\nimport { Space, Form, Input, Col, Row, Button, InputNumber, Modal, Checkbox } from 'antd';\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { useDispatch, useSelector } from 'react-redux';\r\nimport { setDgrSelectedToEdit } from '../../../../actions/dgrGoodsAction';\r\nimport { addDgrType } from '../../../../constant/enumerations';\r\n\r\nconst placeHolders = {\r\n COD_UID: 'eg: 1234',\r\n SHIPPING_NAME: 'eg: Printing Ink',\r\n CLASS_DIVISION: 'eg: 3',\r\n PACKING_GROUP: 'eg: I',\r\n QUANTITY_AND_TYPE: 'eg: 1 Fibreboard box x 5.0L',\r\n PACKING_INST: 'eg: 353',\r\n AUTHORIZATION: 'eg: My Full Name',\r\n PIECES: 'eg: 3',\r\n}\r\n\r\nexport const AddDangerousGoodsModal = ({ modalVisible, handleAdd, handleUpdate,setModalVisible, form, typeAdd }) => {\r\n const { t } = useTranslation(\"common\");\r\n const [confirmLoading, setConfirmLoading] = useState(false);\r\n const dgrSelectedToEdit = useSelector((state) => state.dgrGoods.dgrSelectedToEdit);\r\n const [isSaveAndAdd, setIsSaveAndAdd] = useState(false);\r\n const dgrTypeStatusOK = useSelector(state => state.dgrGoods.dgrTypeStatusOK);\r\n const esidExport = useSelector((state) => state.esidExport.esidExpSelected);\r\n const [isCheckMamCheckbox, setIsCheckMamCheckbox] = useState(false);\r\n\r\n const dispatch = useDispatch();\r\n\r\n const handleSubmit = (formValue) => {\r\n setConfirmLoading(true);\r\n setIsCheckMamCheckbox(false);\r\n // console.log(formValue);\r\n let dgrTypes = [];\r\n \r\n //dgr\r\n if(formValue?.shcDgd) {\r\n const dgrType = dgrTypeStatusOK.find(dgrType => dgrType.codDgr === 'DGD');\r\n dgrTypes.push({\r\n esidId: esidExport.id,\r\n ...dgrType,\r\n namDgrExt: \"\",\r\n namDgrSfx: \"\",\r\n note: \"\",\r\n sorter: dgrType.codSrt,\r\n });\r\n }\r\n if(formValue?.shcCao) {\r\n const dgrType = dgrTypeStatusOK.find(dgrType => dgrType.codDgr === 'CAO');\r\n dgrTypes.push({\r\n esidId: esidExport.id,\r\n ...dgrType,\r\n namDgrExt: \"\",\r\n namDgrSfx: \"\",\r\n note: \"\",\r\n sorter: dgrType.codSrt,\r\n });\r\n }\r\n if(formValue?.shcMam) {\r\n const dgrType = dgrTypeStatusOK.find(dgrType => dgrType.codDgr === 'MAM');\r\n dgrTypes.push({\r\n esidId: esidExport.id,\r\n ...dgrType,\r\n namDgrExt: formValue?.pc,\r\n namDgrSfx: \"PC\",\r\n note: \"\",\r\n sorter: dgrType.codSrt,\r\n });\r\n }\r\n if(formValue?.shcUN3373) {\r\n const dgrType = dgrTypeStatusOK.find(dgrType => dgrType.codDgr === 'UN3373');\r\n dgrTypes.push({\r\n esidId: esidExport.id,\r\n ...dgrType,\r\n namDgrExt: \"\",\r\n namDgrSfx: \"\",\r\n note: \"\",\r\n sorter: dgrType.codSrt,\r\n });\r\n }\r\n // if(formValue?.note) {\r\n // const dgrType = {\r\n // codDgr: \"\",\r\n // dgrNam: \"\",\r\n // note: formValue.note,\r\n // namDgrExt: \"\",\r\n // namDgrSfx: \"\"\r\n // }\r\n // dgrTypes.push(dgrType);\r\n // }\r\n\r\n //ice\r\n if(formValue?.shcDric) {\r\n const dgrType = dgrTypeStatusOK.find(dgrType => dgrType.codDgr === 'DRIC');\r\n dgrTypes.push({\r\n esidId: esidExport.id,\r\n ...dgrType,\r\n namDgrExt: \"\",\r\n namDgrSfx: \"\",\r\n note: \"\",\r\n sorter: dgrType.codSrt,\r\n });\r\n }\r\n if(formValue?.shcUN1845) {\r\n const dgrType = dgrTypeStatusOK.find(dgrType => dgrType.codDgr === 'UN1845');\r\n dgrTypes.push({\r\n esidId: esidExport.id,\r\n ...dgrType,\r\n namDgrExt: \"\",\r\n namDgrSfx: \"\",\r\n note: \"\",\r\n sorter: dgrType.codSrt,\r\n });\r\n }\r\n //pin\r\n if(formValue?.shcUN3481) {\r\n const dgrType = dgrTypeStatusOK.find(dgrType => dgrType.codDgr === 'UN3481');\r\n dgrTypes.push({\r\n esidId: esidExport.id,\r\n ...dgrType,\r\n namDgrExt: \"\",\r\n namDgrSfx: \"\",\r\n note: \"\",\r\n sorter: dgrType.codSrt,\r\n });\r\n }\r\n if(formValue?.shcUN3091) {\r\n const dgrType = dgrTypeStatusOK.find(dgrType => dgrType.codDgr === 'UN3091');\r\n dgrTypes.push({\r\n esidId: esidExport.id,\r\n ...dgrType,\r\n namDgrExt: \"\",\r\n namDgrSfx: \"\",\r\n note: \"\",\r\n sorter: dgrType.codSrt,\r\n });\r\n }\r\n if(formValue?.shcPI966) {\r\n const dgrType = dgrTypeStatusOK.find(dgrType => dgrType.codDgr === 'PI966');\r\n dgrTypes.push({\r\n esidId: esidExport.id,\r\n ...dgrType,\r\n namDgrExt: \"\",\r\n namDgrSfx: \"\",\r\n note: \"\",\r\n sorter: dgrType.codSrt,\r\n });\r\n }\r\n if(formValue?.shcPI967) {\r\n const dgrType = dgrTypeStatusOK.find(dgrType => dgrType.codDgr === 'PI967');\r\n dgrTypes.push({\r\n esidId: esidExport.id,\r\n ...dgrType,\r\n namDgrExt: \"\",\r\n namDgrSfx: \"\",\r\n note: \"\",\r\n sorter: dgrType.codSrt,\r\n });\r\n }\r\n if(formValue?.shcPI969) {\r\n const dgrType = dgrTypeStatusOK.find(dgrType => dgrType.codDgr === 'PI969');\r\n dgrTypes.push({\r\n esidId: esidExport.id,\r\n ...dgrType,\r\n namDgrExt: \"\",\r\n namDgrSfx: \"\",\r\n note: \"\",\r\n sorter: dgrType.codSrt,\r\n });\r\n }\r\n if(formValue?.shcPI970) {\r\n const dgrType = dgrTypeStatusOK.find(dgrType => dgrType.codDgr === 'PI970');\r\n dgrTypes.push({\r\n esidId: esidExport.id,\r\n ...dgrType,\r\n namDgrExt: \"\",\r\n namDgrSfx: \"\",\r\n note: \"\",\r\n sorter: dgrType.codSrt,\r\n });\r\n }\r\n if(formValue?.shcEli) {\r\n const dgrType = dgrTypeStatusOK.find(dgrType => dgrType.codDgr === 'ELI');\r\n dgrTypes.push({\r\n esidId: esidExport.id,\r\n ...dgrType,\r\n namDgrExt: \"\",\r\n namDgrSfx: \"\",\r\n note: \"\",\r\n sorter: dgrType.codSrt,\r\n });\r\n }\r\n if(formValue?.shcElm) {\r\n const dgrType = dgrTypeStatusOK.find(dgrType => dgrType.codDgr === 'ELM');\r\n dgrTypes.push({\r\n esidId: esidExport.id,\r\n ...dgrType,\r\n namDgrExt: \"\",\r\n namDgrSfx: \"\",\r\n note: \"\",\r\n sorter: dgrType.codSrt,\r\n });\r\n }\r\n\r\n //\r\n if(dgrSelectedToEdit){\r\n const newData = {...dgrSelectedToEdit, ...formValue, dgrTypes};\r\n handleUpdate(newData);\r\n }else{\r\n handleAdd(formValue, dgrTypes);\r\n }\r\n setConfirmLoading(false);\r\n form.resetFields();\r\n if(!isSaveAndAdd){\r\n setModalVisible(false);\r\n }\r\n }\r\n\r\n const handleCancel = () =>{\r\n form.resetFields();\r\n dispatch(setDgrSelectedToEdit(null));\r\n setModalVisible(false);\r\n setIsSaveAndAdd(false);\r\n }\r\n \r\n const handleSetSaveAndAdd = (val) =>{\r\n setIsSaveAndAdd(val);\r\n }\r\n\r\n useEffect(() => {\r\n //dgr\r\n const isCheckedShcDgd = dgrSelectedToEdit?.dgrTypes?.find((type) => type.codDgr === 'DGD');\r\n const isCheckedShcCao = dgrSelectedToEdit?.dgrTypes?.find((type) => type.codDgr === 'CAO');\r\n const shcMam = dgrSelectedToEdit?.dgrTypes?.find((type) => type.codDgr === 'MAM');\r\n if(shcMam){\r\n setIsCheckMamCheckbox(true);\r\n }else{\r\n setIsCheckMamCheckbox(false);\r\n }\r\n const isCheckedShcUN3373 = dgrSelectedToEdit?.dgrTypes?.find((type) => type.codDgr === 'UN3373');\r\n // const note = dgrSelectedToEdit?.dgrTypes?.find((type) => type?.note && type?.note !== \"\");\r\n\r\n //ice\r\n const isCheckedShcDric = dgrSelectedToEdit?.dgrTypes?.find((type) => type.codDgr === 'DRIC');\r\n const isCheckedShcUN1845 = dgrSelectedToEdit?.dgrTypes?.find((type) => type.codDgr === 'UN1845');\r\n\r\n //pin\r\n const isCheckedShcUN3481 = dgrSelectedToEdit?.dgrTypes?.find((type) => type.codDgr === 'UN3481');\r\n const isCheckedShcUN3091 = dgrSelectedToEdit?.dgrTypes?.find((type) => type.codDgr === 'UN3091');\r\n const isCheckedShcPI966 = dgrSelectedToEdit?.dgrTypes?.find((type) => type.codDgr === 'PI966');\r\n const isCheckedShcPI967 = dgrSelectedToEdit?.dgrTypes?.find((type) => type.codDgr === 'PI967');\r\n const isCheckedShcPI969 = dgrSelectedToEdit?.dgrTypes?.find((type) => type.codDgr === 'PI969');\r\n const isCheckedShcPI970 = dgrSelectedToEdit?.dgrTypes?.find((type) => type.codDgr === 'PI970');\r\n const isCheckedShcEli = dgrSelectedToEdit?.dgrTypes?.find((type) => type.codDgr === 'ELI');\r\n const isCheckedShcElm = dgrSelectedToEdit?.dgrTypes?.find((type) => type.codDgr === 'ELM');\r\n\r\n form.setFieldsValue({\r\n //dgr\r\n dgrRegSeq: dgrSelectedToEdit?.dgrRegSeq,\r\n codUid: dgrSelectedToEdit?.codUid,\r\n codPsn: dgrSelectedToEdit?.codPsn,\r\n shcDgd: isCheckedShcDgd ? true : false,\r\n shcCao: isCheckedShcCao ? true : false,\r\n shcMam: shcMam ? true : false,\r\n pc: shcMam ? shcMam.namDgrExt: \"\",\r\n shcUN3373: isCheckedShcUN3373 ? true : false,\r\n desRmk: dgrSelectedToEdit?.desRmk,\r\n qtyPcs: dgrSelectedToEdit?.qtyPcs,\r\n qtyWgt: dgrSelectedToEdit?.qtyWgt,\r\n //ice\r\n shcDric: isCheckedShcDric ? true : false,\r\n shcUN1845: isCheckedShcUN1845 ? true : false,\r\n //pin\r\n shcUN3481: isCheckedShcUN3481 ? true : false,\r\n shcUN3091: isCheckedShcUN3091 ? true : false,\r\n shcPI966: isCheckedShcPI966 ? true : false,\r\n shcPI967: isCheckedShcPI967 ? true : false,\r\n shcPI969: isCheckedShcPI969 ? true : false,\r\n shcPI970: isCheckedShcPI970 ? true : false,\r\n shcEli: isCheckedShcEli ? true : false,\r\n shcElm: isCheckedShcElm ? true : false,\r\n })\r\n // eslint-disable-next-line\r\n },[dgrSelectedToEdit])\r\n\r\n const onChangeMamCheckbox = (e) =>{\r\n const val = e.target.checked\r\n if(!val){\r\n form.setFieldsValue({\r\n pc: ''\r\n })\r\n }\r\n setIsCheckMamCheckbox(val);\r\n }\r\n \r\n return (\r\n {t(\"dangerousGood.formInfo.dgrType\")}
\r\n \r\n {t(\"dangerousGood.formInfo.dgrType\")}
\r\n \r\n {t(\"dangerousGood.formInfo.dgrType\")}
\r\n \r\n \r\n {t(\"dangerousGood.tableInfo.title\")} \r\n {\r\n setEditingKey(false)\r\n setModalVisible(true);\r\n addForm.resetFields();\r\n }}\r\n icon={
\r\n {`UID: ${item.codUid}`}
\r\n {t(\"dangerousGood.formInfo.probShpName\")}{`: ${item.codPsn}`}
\r\n \r\n )}\r\n \r\n ),\r\n onOk() {\r\n handleDelete(item);\r\n dispatch(setDgrSelectedToEdit(null));\r\n },\r\n onCancel() {\r\n // console.log('Cancel');\r\n },\r\n });\r\n};\r\n \r\n useEffect(() => {\r\n const dgrItems = dgrSelectedValue && dgrSelectedValue.dgrItems ? dgrSelectedValue.dgrItems.map((dgrItem, index) => ({\r\n ...dgrItem,\r\n key: index\r\n })) : [];\r\n setDataSource(dgrItems);\r\n // eslint-disable-next-line\r\n },[dgrSelectedValue]);\r\n\r\n const defaultColumns = [\r\n {\r\n title: t(\"dangerousGood.formInfo.UN\"),\r\n dataIndex: 'codUid',\r\n key: 'codUid',\r\n editable: true,\r\n width: '8%',\r\n },\r\n // {\r\n // title: t(\"dangerousGood.formInfo.probShpName\"),\r\n // dataIndex: 'codPsn',\r\n // key: 'codPsn',\r\n // editable: true,\r\n // width: '30%',\r\n // align: 'left'\r\n // },\r\n {\r\n title: t(\"dangerousGood.formInfo.qtyPcs\"),\r\n dataIndex: 'qtyPcs',\r\n key: 'qtyPcs',\r\n editable: true,\r\n width: '7%',\r\n },\r\n {\r\n title: t(\"dangerousGood.formInfo.qtyWgt\"),\r\n dataIndex: 'qtyWgt',\r\n key: 'qtyWgt',\r\n editable: true,\r\n width: '7%',\r\n },\r\n {\r\n title: t(\"dangerousGood.formInfo.type\"),\r\n dataIndex: 'type',\r\n key: 'type',\r\n editable: true,\r\n width: '40%',\r\n align: 'left',\r\n render: (_, record) => {\r\n //filter những type nào có codDgr\r\n const dgrType = record.dgrTypes.filter((type) => type?.codDgr && type?.codDgr !== \"\").sort((a, b) => a.sorter - b.sorter);\r\n return (\r\n <>\r\n \r\n {t(\"dangerousGood.dryIceTableInfo.title\")} \r\n {\r\n setEditingKey(false)\r\n setModalVisible(true);\r\n addForm.resetFields();\r\n }}\r\n icon={
\r\n {`${t(\"dangerousGood.formInfo.qtyPcs\")}: ${item.qtyPcs}`}
\r\n {`${t(\"dangerousGood.formInfo.qtyWgt\")}: ${item.qtyWgt}`}
\r\n {item.dgrTypes?.map(typ => ({typ.dgrNam}
))}\r\n \r\n ),\r\n onOk() {\r\n handleDelete(item);\r\n dispatch(setDgrSelectedToEdit(null));\r\n },\r\n onCancel() {\r\n // console.log('Cancel');\r\n },\r\n });\r\n};\r\n \r\n useEffect(() => {\r\n const dgrItems = dgrSelectedValue && dgrSelectedValue.dgrItems ? dgrSelectedValue.dgrItems.map((dgrItem, index) => ({\r\n ...dgrItem,\r\n key: index\r\n })) : [];\r\n setDataSource(dgrItems);\r\n // eslint-disable-next-line\r\n },[dgrSelectedValue]);\r\n\r\n const defaultColumns = [\r\n {\r\n title: t(\"dangerousGood.formInfo.qtyPcs\"),\r\n dataIndex: 'qtyPcs',\r\n key: 'qtyPcs',\r\n editable: true,\r\n width: '7%',\r\n },\r\n {\r\n title: t(\"dangerousGood.formInfo.qtyWgt\"),\r\n dataIndex: 'qtyWgt',\r\n key: 'qtyWgt',\r\n editable: true,\r\n width: '7%',\r\n },\r\n {\r\n title: t(\"dangerousGood.formInfo.type\"),\r\n dataIndex: 'type',\r\n key: 'type',\r\n editable: true,\r\n width: '40%',\r\n render: (_, record) => {\r\n //filter những type nào có codDgr\r\n const dgrType = record.dgrTypes.filter((type) => type?.codDgr && type?.codDgr !== \"\");\r\n return (\r\n <>\r\n \r\n {t(\"dangerousGood.batteryTableInfo.title\")} \r\n {\r\n setEditingKey(false)\r\n setModalVisible(true);\r\n addForm.resetFields();\r\n }}\r\n icon={
\r\n {`${t(\"dangerousGood.formInfo.qtyPcs\")}: ${item.qtyPcs}`}
\r\n {`${t(\"dangerousGood.formInfo.qtyWgt\")}: ${item.qtyWgt}`}
\r\n {item.dgrTypes?.map(typ => ({typ.dgrNam}
))}\r\n \r\n ),\r\n onOk() {\r\n handleDelete(item);\r\n dispatch(setDgrSelectedToEdit(null));\r\n },\r\n onCancel() {\r\n // console.log('Cancel');\r\n },\r\n });\r\n};\r\n \r\n useEffect(() => {\r\n const dgrItems = dgrSelectedValue && dgrSelectedValue.dgrItems ? dgrSelectedValue.dgrItems.map((dgrItem, index) => ({\r\n ...dgrItem,\r\n key: index\r\n })) : [];\r\n setDataSource(dgrItems);\r\n // eslint-disable-next-line\r\n },[dgrSelectedValue]);\r\n\r\n const defaultColumns = [\r\n {\r\n title: t(\"dangerousGood.formInfo.qtyPcs\"),\r\n dataIndex: 'qtyPcs',\r\n key: 'qtyPcs',\r\n editable: true,\r\n width: '7%',\r\n },\r\n {\r\n title: t(\"dangerousGood.formInfo.weight\"),\r\n dataIndex: 'qtyWgt',\r\n key: 'qtyWgt',\r\n editable: true,\r\n width: '7%',\r\n },\r\n {\r\n title: t(\"dangerousGood.formInfo.type\"),\r\n dataIndex: 'type',\r\n key: 'type',\r\n editable: true,\r\n width: '40%',\r\n render: (_, record) => {\r\n //filter những type nào có codDgr\r\n const dgrType = record.dgrTypes.filter((type) => type?.codDgr && type?.codDgr !== \"\");\r\n return (\r\n <>\r\n {t(\"formInfo.declDgrLabel\")}
\r\n{t(\"header.registryInvNotice\")}
\r\n \r\n\r\n \r\n HÀNG NGUY HIỂM \r\n HÀNG ĐÁ KHÔ \r\n HÀNG PIN \r\n \r\n
\r\n {dgrTypes.includes('DGR') && (\r\n \r\n \r\n {/* \r\n \r\n (option?.title.toLocaleLowerCase() ?? \"\").includes(\r\n input.toLocaleLowerCase()\r\n )\r\n }\r\n filterSort={(optionA, optionB) =>\r\n (optionA?.label ?? \"\")\r\n .toLocaleLowerCase()\r\n .localeCompare((optionB?.label ?? \"\").toLocaleLowerCase())\r\n }\r\n dropdownRender={(menu) => (\r\n <>\r\n {menu}\r\n \r\n \r\n \r\n )}\r\n optionLabelProp=\"label\"\r\n name={info.id}\r\n onChange={(value) => onChangeSelect(value, info.title)}\r\n >\r\n {dataOption.map((x, idx) => (\r\n i)\r\n .join(\" - \")}`}\r\n data={x}\r\n // style={{ backgroundColor: idx % 2 !== 0 ? 'whitesmoke' : 'white' }}\r\n >\r\n
\r\n )}\r\n {info.address && (\r\n \r\n {/* \r\n \r\n \r\n \r\n
\r\n )}\r\n {info.email && (\r\n \r\n \r\n \r\n \r\n \r\n
\r\n )}\r\n \r\n {info.tel && (\r\n <>\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n )}\r\n {info.fax && (\r\n <>\r\n \r\n \r\n
\r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n )}\r\n
\r\n {info.vat && info.title !== CodCtcTypEnum.Shipper && (\r\n \r\n \r\n {\r\n if (info.title === CodCtcTypEnum.Agent) {\r\n checkExistsTaxCode(evt);\r\n }\r\n }} />\r\n \r\n \r\n
\r\n )}\r\n {info.notify && (\r\n \r\n \r\n \r\n (option?.title.toLocaleLowerCase() ?? \"\").includes(\r\n input.toLocaleLowerCase()\r\n )\r\n }\r\n filterSort={(optionA, optionB) =>\r\n (optionA?.label ?? \"\")\r\n .toLocaleLowerCase()\r\n .localeCompare((optionB?.label ?? \"\").toLocaleLowerCase())\r\n }\r\n dropdownRender={(menu) => (\r\n <>\r\n {menu}\r\n \r\n \r\n \r\n )}\r\n optionLabelProp=\"label\"\r\n name={info.notifyId}\r\n onChange={(value) =>\r\n onChangeSelect(value, CodCtcTypEnum.Notify)\r\n }\r\n >\r\n {dataNotyfyOption.map((x, idx) => (\r\n i)\r\n .join(\" - \")}`}\r\n data={x}\r\n // style={{ backgroundColor: idx % 2 !== 0 ? 'whitesmoke' : 'white' }}\r\n >\r\n \r\n \r\n
\r\n )}\r\n {info.address2 && (\r\n \r\n \r\n \r\n \r\n \r\n
\r\n )}\r\n {info.tel2 && (\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n\r\n \r\n \r\n \r\n \r\n \r\n
\r\n )}\r\n {info.email2 && (\r\n \r\n \r\n \r\n \r\n \r\n
\r\n )}\r\n {info.notify && (\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 {t(`formInfo.${info.title}`)}\r\n
\r\n {info.name && (\r\n \r\n
\r\n \r\n ))}\r\n \r\n \r\n \r\n \r\n
\r\n \r\n {[x.namCtc, x.desPhone].filter((i) => i).join(\" - \")}\r\n
\r\n {x.desAddStt && (\r\n \r\n {x.desAddStt}\r\n
\r\n )}\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n ))}\r\n \r\n \r\n {[x.namCtc, x.desPhone].filter((i) => i).join(\" - \")}\r\n
\r\n {x.desAddStt && (\r\n \r\n {x.desAddStt}\r\n
\r\n )}\r\n \r\n \r\n \r\n \r\n {t(\"formInfo.perishable\")}\r\n \r\n \r\n \r\n \r\n \r\n {t(\"formInfo.Pharmaceutical\")}\r\n \r\n \r\n \r\n \r\n {t(\"formInfo.valuable\")} \r\n \r\n \r\n \r\n \r\n {t(\"formInfo.liveAnimal\")}\r\n \r\n \r\n \r\n\r\n \r\n \r\n {t(\"formInfo.DangerousGoods\")}\r\n \r\n \r\n \r\n \r\n {t(\"formInfo.shcBup\")} \r\n \r\n \r\n {/* \r\n \r\n {t(\"formInfo.vulnerable\")}\r\n \r\n \r\n \r\n */}\r\n \r\n {t(\"formInfo.regular\")} \r\n \r\n \r\n \r\n {t(\"formInfo.escort\")} \r\n \r\n \r\n \r\n {t(\"formInfo.reinforced\")} \r\n \r\n \r\n \r\n \r\n {t(\"formInfo.diplomatic\")}\r\n \r\n \r\n \r\n \r\n \r\n {t(\"formInfo.humanRemains\")}\r\n \r\n \r\n \r\n \r\n \r\n {t(\"formInfo.tempStorage\")}\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {\r\n !isUNSelectOpen &&\r\n \r\n \r\n \r\n }\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n {t(\"formInfo.other\")}\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n setIsEditReqOth(evt.target.checked)}>\r\n {t(\"formInfo.otherRequest\")}\r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n {t(\"formInfo.serviceManual\")}
}\r\n style={{ margin: 0 }}\r\n >\r\n {t(\"header.registryInvNotice\")}
\r\n {visibleModal && (\r\n\r\n \r\n \r\n \r\n
\r\n \r\n \r\n */}\r\n \r\n \r\n {\r\n form.setFieldsValue({\r\n codAwbPfx: event.target.value.slice(0, 3)\r\n });\r\n }}\r\n />\r\n \r\n \r\n \r\n {\r\n form.setFieldsValue({\r\n codAwbNum: event.target.value.slice(0, 8)\r\n });\r\n handleCheckAwb();\r\n }}\r\n placeholder={t(\"AWB#\")}\r\n suffix={loading ?
\r\n {/* */}\r\n \r\n \r\n \r\n \r\n \r\n handleChangeCodApt(evt, AptTypEnum.Origin)\r\n }\r\n />\r\n \r\n \r\n \r\n \r\n \r\n {errors.errOri && (\r\n \r\n \r\n \r\n \r\n handleChangeCodApt(\r\n evt,\r\n AptTypEnum.Destination\r\n )\r\n }\r\n />\r\n \r\n \r\n \r\n \r\n \r\n {errors.errFds && (\r\n
\r\n \r\n \r\n \r\n {/* */}\r\n \r\n setVisibleFlightTable(true)}\r\n style={{ width: \"fit-content\", marginLeft: 0 }}\r\n >\r\n {t(\"selectFlight\")}\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n {t(\"formInfo.natureOfGoods\")}\r\n \r\n
\r\n \r\n {t(\"formInfo.airWaybillNumber\")}\r\n
\r\n {/* \r\n
\r\n )}\r\n \r\n {errors.hasEsid}
\r\n \r\n
\r\n )}\r\n \r\n {errors.errOri}
\r\n \r\n
\r\n )}\r\n \r\n {errors.errFds}
\r\n \r\n \r\n {t(\"formInfo.consol\")} \r\n \r\n
\r\n