- \n {_.sortBy(leftList, ['id']).map((account, index) => {\n return (\n
- \n {_.map(_.filter(rightList, function(a){return a['assign_to_account'] == staff.id}), function(item, index){\n return (\n
- \n {\n list.map((item) => (\n
\n \n
\n ,\n t('latitude') + \": \" + location.scan_lat\n ];\n } else {\n return \"Undefined Coordinates\";\n }\n } else {\n return \"N/A\"\n }\n }\n\n function packageSize() {\n return [\n t('height') + \": \" + (tracking?.height || \"N/A \") + (tracking?.dimension_uom || \"\"),\n
,\n t('width') + \": \" + (tracking?.width || \"N/A\") + (tracking?.dimension_uom || \"\"),\n
,\n t('length') + \": \" + (tracking?.length || \"N/A\") + (tracking?.dimension_uom || \"\"),\n ];\n\n }\n\n function packageHoldingInfo() {\n return [\n t('blocking_batch') + \": \" + (tracking?.hold_info?.blocking_batch || \"N/A \"),\n
,\n t('operator') + \": \" + (tracking?.hold_info?.operator || \"N/A\"),\n
,\n t('notes') + \": \" + (tracking?.hold_info?.notes || \"N/A\"),\n ];\n\n }\n\n function convertWeighUnit(unit) {\n if (!_.isNil(unit)) {\n let upperUnit = unit.toUpperCase();\n if (upperUnit === \"POUNDS\" || upperUnit === \"LBS\" || upperUnit === \"LB\") {\n return (tracking?.total_weight || \"N/A \") + \"LBS\";\n } else\n return (tracking?.total_weight || \"N/A \") + upperUnit;\n } else return \"N/A \"\n }\n\n function GetIncidentsNotes() {\n let notes = _.last(incidentInfo.notes)\n if (incidentInfo) {\n\n return [\n incidentInfo.map((incident) => (\n
{incident.id}: {incident.notes}
\n ))\n ];\n\n } else {\n return \"N/A\"\n }\n }\n\n function getFailedDeliveryActionName(value) {\n const matchingItem = _.find(expirationProcessTypeList, item => item.value === String(value));\n return matchingItem ? matchingItem.name : 'N/A';\n }\n\n setOrderRow([\n {name: t('driver_id'), data: `${info.shipping_staff_id} - ${stripIdFromStaffName(info.driver_name)}`, transfer: true},\n {name: t('driver_phone'), data: info.driver_phone},\n {name: t('driver_memo'), data: info.driver_notes, edit: 'driverMemo'},\n {name: t('order_memo'), data: info.postscript, edit: 'orderMemo'},\n {name: t('warehouse'), data: info.warehouse, edit: 'warehouse'},\n {name: t('failed_delivery_action'), data: getFailedDeliveryActionName(info.failed_delivery_action)},\n {name: t('new_location'), data: tracking.pathAddr},\n {name: t('third_part_delivery_SN'), data: tracking.shipper, edit: 'thrdPrtDeliverySN'},\n {name: t('secondary_delivery_order_SN'), data: tracking.second_delivery_sn},\n {name: t('error_message'), data: exceptionString},\n // {name: t('incident_notes'), data: GetIncidentsNotes()},\n {name: t('resend_SN'), data: tracking.resend_req_no},\n {name: t('shipping_status'), data: info.shipping_status, edit: 'shippingStatus'},\n {name: t('shipping_time'), data: info.shipping_time ? moment.unix(info.shipping_time).format(\"YYYY-MM-DD HH:mm:ss\") : ''},\n {name: t('delivery_coordinates'), data: DeliveryCoordinates()},\n {name: t('box_number'), data: tracking.bag_no},\n {name: t('total_weight'), data: convertWeighUnit( tracking.weight_uom),editWeightOrSize: 'packageWeight'},\n {name: t('package_size'), data: packageSize() ,editWeightOrSize: 'packageSize'},\n {name: t('holding_info'), data: packageHoldingInfo()},\n\n\n ])\n assembleOrderDetail(orderInfo.orders);\n\n //save the search SN to local Storage\n saveSearchSNToLocal(orderInfo.orders);\n\n //get the basic info, warehouse\n dispatch(getBasicInfo());\n\n //enable the button statue\n setIsEditable(true);\n setIsScndryDeliverySubmitted(true);\n //setIsNextTransitionSubmitted(true);\n setOrderAccordionExpand(true)\n }\n\n if (orderInfo.tracking) {\n setSndDisabled(false);\n assembleOrderTracking(orderInfo.tracking);\n if(orderInfo.tracking.state !== 213) {\n setSndDisabled(true);\n }\n }\n\n if (orderInfo.calllog) {\n assembleOrderCallLog(orderInfo.calllog);\n }\n\n if (orderInfo.path) {\n setOrderRouteHistoryList(orderInfo.path);\n setTrackingAccordionExpand(true)\n }\n\n if (orderInfo.operation) {\n setOrderOperationHistoryList(orderInfo.operation);\n }\n\n setIsInit(false);\n\n } else {\n\n //disable the button statue\n setIsEditable(false);\n setIsScndryDeliverySubmitted(false);\n\n setIsInit(true);\n }\n },[orderInfo]);\n\n //get order details while click order tno in resend order page\n useEffect(() => {\n if(props.tno) {\n setSearchSN(props.tno);\n }\n if(props.tnoType) {\n setSearchType(props.tnoType);\n }\n }, [props.tno]);\n\n useEffect(() => {\n if(props.byResendOrder) {\n handleSearch();\n }\n }, [searchSN])\n\n useEffect(() => {\n setByResendOrder(props.byResendOrder);\n }, [props.byResendOrder])\n\n useEffect(() => {\n if(getOpenFieldChangeDialog && currentFieldName === \"warehouse\") {\n setCurrentFieldValue(warehouse);\n }\n }, [getOpenFieldChangeDialog])\n\n useEffect(() => {\n dispatch(getProvincesCovered(userUS ? 'US' : 'CA'));\n dispatch(getCustomerComplainReason());\n dispatch(getFailedReason());\n setFailedReason(0);\n setSignature(false);\n }, [])\n\n useEffect(() => {\n setFailedReasonOrigin(Number(orderInfo?.tracking?.failed_reason_type));\n setFailedReason(Number(orderInfo?.tracking?.failed_reason_type));\n setSignatureOrigin(displaySignature(orderInfo?.tracking?.dispatch_type));\n setSignature(displaySignature(orderInfo?.tracking?.dispatch_type));\n }, [orderInfo])\n\n useEffect(() => {\n const branchTimezone = getCurrentWarehouse();\n if (!_.isEmpty(branchTimezone)) {\n setTimezone(branchTimezone.time_zone)\n }\n dispatch(getPaymentCycle())\n .then((res) => {\n let arr = _.cloneDeep(payRollList);\n arr[0].list = res;\n setPayRollList(arr);\n })\n .catch(() => {\n setIsFullScreenLoading(false);\n })\n .finally(() => {\n })\n dispatch(getChargeReason())\n .then((res) => {\n setChargeReason(res);\n })\n }, []);\n\n const handleTransIdClick = (transId) => {\n setIsFullScreenLoading(true);\n setPayrollDialogType('review');\n dispatch(viewPayroll(transId))\n .then((res) => {\n if (_.isNil(res[0])) {\n dispatch(showAlertSnackbar({ message: \"No Data Found\", type: 'error' }))\n } else {\n setPayrollDetail(res[0]);\n setPayrollFileDetail(res?.files);\n }\n })\n .catch((err) => {\n dispatch(showAlertSnackbar({ message: err.message, type: 'error' }))\n })\n .finally(() => {\n setIsFullScreenLoading(false);\n })\n setOpenPayrollAdjustmentDialog(true)\n }\n\n return (\n <>\n\n 则该订单的路线编号会复制离它最近一单的路线编号
\n 原路线编号会被覆盖且无法恢复
\n 请谨慎操作!\n
\n - \n {_.map(pathCodes, (code, index) =>{\n return (\n
- \n
- \n
- \n
- \n {_.map(configs, (setting, index)=>(\n
- \n {beforePickupList.map((item, index) => (\n
- \n {afterPickupList.map((item, index) => (\n
- \n {\n items.map(\n (value) => {\n // UDC-780 Filter Left Side\n if (value.id === SYSTEM_ADMINISTRATOR_ID && section === \"left\") {\n return null;\n } else {\n return (\n
- \n {\n filteredUserlist.map(\n (user, index) => (\n
- \n {\n branchList &&\n branchList.map(\n (branch) => (\n
- \n {\n abilitiesList.filter(\n (ability) => (\n selectedUserAbilities.indexOf(ability.id) !== -1 &&\n ability.type === 'ui'\n )\n ).map(\n (ability) => (\n
- \n {\n rolesList &&\n rolesList.map(\n (role, index) => (\n
- \n {\n abilitiesList.filter(\n (ability) => (ability.type === 'ui')\n ).map(\n (ability) => (\n
- \n {\n // usersList.map(\n // (user) => (\n //
标签设置1rem的右边距\n },\n margin: {\n margin: theme.spacing(1),\n },\n group: {\n display: 'flex',\n alignItems: 'center'\n },\n item: {\n color: 'white'\n },\n formControl: {\n marginBottom: theme.spacing(1),\n minWidth: 220,\n\n },\n leftSection: {\n paddingTop: theme.spacing(3),\n display: 'flex',\n justifyContent: 'space-evenly',\n alignItems: 'left',\n },\n dialog: {\n overflow: 'auto',\n maxHeight: '60vh',\n '&::-webkit-scrollbar': {\n width: '7px',\n backgroundColor: 'lightgray',\n },\n '&::-webkit-scrollbar-thumb': {\n backgroundColor: 'gray',\n borderRadius: '4px',\n height: '60px'\n },\n }\n}));\n\nfunction MultiSearchTable(props) {\n const { t } = useTranslation('incidentManagement');\n const PAGE_SIZE = 20;\n const classes = useStyles();\n const dispatch = useDispatch();\n const branchList = useSelector(state => state.common.branches);\n const userList = useSelector(state => state.common.users);\n const statusList = useSelector(state => state.incidentManagement.statusList);\n const [isDialogOpen, setIsDialogOpen] = useState(false);\n const [partnerList, setPartnerList] = useState([]);\n const [isDataLoading, setIsDataLoading] = useState(false);\n const [keyAccountData, setKeyAccountData] = useState([]);\n const [payrollDialogType, setPayrollDialogType] = useState('');\n const [openPayrollAdjustmentDialog, setOpenPayrollAdjustmentDialog] = useState(false);\n const [chargeReason, setChargeReason] = useState(null);\n const [timezone, setTimezone] = useState('');\n const [payrollDetail, setPayrollDetail] = useState([]);\n const [payrollFileDetail, setPayrollFileDetail] = useState([]);\n\n const [payRollList, setPayRollList] = useState([\n {\n id: 0,\n label: t('payment_cycle'),\n key: \"payment_cycle\",\n list: {},\n onlyManagerAccess: false,\n length: 4\n },\n {\n id: 1,\n label: t('status'),\n list: [\n {\n id: 0,\n text: t('new_entry'),\n value: 1\n },\n {\n id: 1,\n text: t('to_be_reviewed'),\n value: 2\n },\n {\n id: 2,\n text: t('approval'),\n value: 3\n }\n\n ],\n onlyManagerAccess: false,\n length: 2\n },\n {\n id: 2,\n label: t('deduction_subsidy'),\n list: [\n {\n id: 0,\n text: t('all'),\n value: -1\n },\n {\n id: 1,\n text: t('deduction'),\n value: 1\n },\n {\n id: 2,\n text: t('subsidy'),\n value: 2\n }\n\n ],\n onlyManagerAccess: false,\n length: 2\n },\n {\n id: 3,\n label: t('reason'),\n list: [],\n onlyManagerAccess: true,\n length: 3\n }\n ]);\n const getNameById = (params, list) => {\n //getValue from data-grid is bugged in this current version\n return _.find(list, { 'id': params.value })?.name || \"\"\n }\n\n function getRefundStatus(params) {\n if (params.value === 1) {\n return \"Refund\";\n } else if (params.value === 0) {\n return \"Not refund\";\n }\n return \"\";\n }\n\n function getTransIdDisplay(params) {\n if (params.value === null) {\n return \"Not deducted\";\n }\n return params.value; // Otherwise, just return the actual value\n }\n\n useEffect(() => {\n const branchTimezone = _.filter(\n Object.values(JSON.parse(window.localStorage.getItem('branches'))), (item) => {\n return item.city === parseInt(window.localStorage.getItem('user_city'));\n })\n if (!_.isEmpty(branchTimezone)) {\n setTimezone(branchTimezone[0]?.time_zone)\n }\n dispatch(getPaymentCycle())\n .then((res) => {\n let arr = _.cloneDeep(payRollList);\n arr[0].list = res;\n setPayRollList(arr);\n })\n .catch(() => {\n setIsDataLoading(false);\n })\n .finally(() => {\n })\n dispatch(getPartnerList()).then((res) => {\n setPartnerList(res);\n })\n dispatch(getChargeReason())\n .then((res) => {\n setChargeReason(res);\n })\n }, []);\n\n const handleCellClick = (cellParams) => {\n if (cellParams.field === 'key_account') {\n setIsDataLoading(true);\n const searchParams = {\n name: cellParams.value ?? 0,\n };\n\n dispatch(searchKeyAccount(searchParams))\n .then((response) => {\n setKeyAccountData(response);\n dispatch(showAlertSnackbar({\n title: t('incident_management'),\n message: t('search_success'),\n type: 'success'\n }));\n })\n .catch((error) => {\n dispatch(showAlertSnackbar({\n title: t('incident_management'),\n message: t('search_failed'),\n type: 'error'\n }));\n setKeyAccountData([]); // Clear the table data\n })\n .finally(() => {\n console.log(keyAccountData);\n setIsDialogOpen(true);\n setIsDataLoading(false);\n });\n }\n }\n\n const Column = [\n {\n field: 'tracking_number',\n headerName: t('tracking_number'),\n width: 200,\n renderCell: (params) => (\n \n
\n \n
\n