![\"SANKO](\"/assets/admin/Images/lgo-h.png\")
\r\n 
\";\r\n }\r\n\r\n v.date = formatDate(v.insertDate, \"M/D(ddd) HH:mm\");\r\n v.company = v.name;\r\n v.adress = v.jusho;\r\n v.request = getDisplayKiboDate(v.kiboDateFrom, v.kiboDateTo);\r\n v.time = getDisplayKiboTime(v.kiboTimeFrom, v.kiboTimeTo, v.kiboTimeBiko);\r\n v.number = v.meisais.reduce((total, m) => total + parseInt(m.suryo || \"0\"), 0);\r\n v.pallet = v.meisais.map((x) => x.shohinName).join(\"、\");\r\n if (v.idoId !== 0) {\r\n v.milnet =\r\n \"
\";\r\n }\r\n\r\n v.ngShakakus = getMeishoName(ngShakakuList, v.kiboNgShakakuKbns, \"、\");\r\n v.kiboSharyo = getMeishoName(kiboShashuList, v.kiboSharyoKbn);\r\n v.kiboNiyaku = getMeishoName(niyakuList, v.kiboNiyakuKbn);\r\n\r\n // 引取日,引取時間\r\n v.hikitoriDate = toDayjs(v.kiboDateTo);\r\n v.hikitoriTimeText = v.time;\r\n\r\n return v;\r\n });\r\n\r\n const res2 = await axios.get(\"/api/irai/status-count\");\r\n if (res2 && res2.data) {\r\n setIraiStatus(res2.data);\r\n }\r\n // table作成\r\n createTable(displayList);\r\n // click\r\n await onRowClick(null, null, displayList[0]);\r\n }\r\n await actionLog(\"依頼一覧 検索\", \"SUCCESS\", null);\r\n } catch (error) {\r\n console.warn(error);\r\n await actionLog(\"依頼一覧 検索\", \"ERROR\", error.toString());\r\n }\r\n },\r\n [onRowClick, searchDayFrom, searchDayTo, serarchText, createTable, ngShakakuList, kiboShashuList, niyakuList]\r\n );\r\n\r\n const onSearchHaisha = useCallback(\r\n async (e) => {\r\n if (!!e) {\r\n e.preventDefault();\r\n }\r\n try {\r\n const res = await axios.get(\"/api/fbin\", {\r\n params: {\r\n ymd: formatDate(searchDayHaisha, \"YYYY-MM-DD\"),\r\n words: searchTextHaisha,\r\n },\r\n });\r\n if (res && res.data) {\r\n const displayList = res.data.map((v) => {\r\n v.iraiList = (v.irais || []).map((v2) => {\r\n // v2.alert = toIraiStatusTag(v2);\r\n // v2.insertDate = \"\";\r\n // v2.suryo = \"0\";\r\n // v2.name = v2.name;\r\n // v2.jusho = v2.jusho;\r\n // v2.truck = v2.truck;\r\n return v2;\r\n });\r\n v.haishaDate = formatDate(v.haishaDate, \"M/D(ddd) HH:mm\");\r\n return v;\r\n });\r\n\r\n const res2 = await axios.get(\"/api/irai/status-count\");\r\n if (res2 && res2.data) {\r\n }\r\n setHaishaList(displayList);\r\n await actionLog(\"依頼一覧 > 近くの配車を探す 検索\", \"SUCCESS\", null);\r\n }\r\n } catch (error) {\r\n console.error(error);\r\n await actionLog(\"依頼一覧 > 近くの配車を探す 検索\", \"ERROR\", error.toString());\r\n }\r\n },\r\n [searchTextHaisha, searchDayHaisha]\r\n );\r\n\r\n const onMarkerClick = useCallback(\r\n async (item, detail) => {\r\n // 選択したマーカーデータ+詳細情報を取得\r\n try {\r\n if (item.type === \"kaishuirai\") {\r\n setSelectMarkerIraiItem(detail);\r\n }\r\n if (item.type === \"tonya\") {\r\n setSelectMarkerTonyaItem(detail);\r\n }\r\n if (item.type === \"depo\") {\r\n setSelectMarkerDepoItem(detail);\r\n }\r\n if (item.type === \"teikikaishu\") {\r\n setSelectMarkerTeikiItem(detail);\r\n const res = await axios.get(\"/api/tonya-shukkamoto?kokyakuId=\" + item.kokyakuId);\r\n setTeikiShosai(res?.data);\r\n }\r\n\r\n if (isViewBinShosaiPane) {\r\n setViewkaishuIraiLeftUp(item.type === \"kaishuirai\");\r\n setViewTonyaLeftUp(item.type === \"tonya\");\r\n setViewDepoLeftUp(item.type === \"depo\");\r\n setViewTeikiKaishuLeftUp(item.type === \"teikikaishu\");\r\n } else {\r\n setViewKaishuIraiLeftDown(item.type === \"kaishuirai\");\r\n setViewTonyaLeftDown(item.type === \"tonya\");\r\n setViewDepoLeftDown(item.type === \"depo\");\r\n setViewTeikiKaishuLeftDown(item.type === \"teikikaishu\");\r\n }\r\n } catch (error) {\r\n console.warn(error);\r\n }\r\n },\r\n [isViewBinShosaiPane]\r\n );\r\n\r\n const onClickNewChumon = useCallback(\r\n (e) => {\r\n e.preventDefault();\r\n setTimeout(() => setViewKaishuIraiLeftDown(false), 0);\r\n setKeiroList([selectMarkerIraiItem]);\r\n setViewBinShosaiPane(true);\r\n },\r\n [selectMarkerIraiItem, setKeiroList, setViewBinShosaiPane]\r\n );\r\n\r\n const onClickIraiCancel = useCallback(\r\n async (e) => {\r\n e.preventDefault();\r\n try {\r\n await cancelIrai(selectMarkerIraiItem?.id);\r\n setViewKaishuIraiLeftDown(false);\r\n const newList = gridList.filter((e) => e.id !== selectMarkerIraiItem?.id);\r\n createTable(newList);\r\n } catch (error) {\r\n console.warn(error);\r\n }\r\n },\r\n [cancelIrai, selectMarkerIraiItem, createTable, gridList]\r\n );\r\n\r\n const onAddKeiroList = useCallback(\r\n (e, item) => {\r\n e.preventDefault();\r\n\r\n try {\r\n addKeiroListItem(item);\r\n\r\n setViewkaishuIraiLeftUp(false);\r\n setViewTonyaLeftUp(false);\r\n setViewDepoLeftUp(false);\r\n setViewTeikiKaishuLeftUp(false);\r\n } catch (error) {\r\n const message = createErrorMessage(error);\r\n setMessage(message);\r\n errorModalControl.on();\r\n }\r\n },\r\n [addKeiroListItem, errorModalControl]\r\n );\r\n\r\n const onDeleteKeiroList = useCallback(\r\n (e, item) => {\r\n e.preventDefault();\r\n setKeiroList((prev) => prev.filter((x) => x.id !== item.id));\r\n\r\n setViewkaishuIraiLeftUp(false);\r\n setViewTonyaLeftUp(false);\r\n setViewDepoLeftUp(false);\r\n setViewTeikiKaishuLeftUp(false);\r\n },\r\n [setKeiroList]\r\n );\r\n\r\n const onClickDetail = useCallback(async (e, item) => {\r\n e.preventDefault();\r\n if (item.type === \"kaishuirai\") {\r\n setSelectMarkerIraiItem(item);\r\n } else if (item.type === \"tonya\") {\r\n setSelectMarkerTonyaItem(item);\r\n } else if (item.type === \"depo\") {\r\n setSelectMarkerDepoItem(item);\r\n } else if (item.type === \"teikikaishu\") {\r\n setSelectMarkerTeikiItem(item);\r\n const res = axios.get(\"/api/tonya-shukkamoto?kokyakuId=\" + item.kokyakuId);\r\n setTeikiShosai(res);\r\n console.log(res);\r\n }\r\n setViewkaishuIraiLeftUp(item.type === \"kaishuirai\");\r\n setViewTonyaLeftUp(item.type === \"tonya\");\r\n setViewDepoLeftUp(item.type === \"depo\");\r\n setViewTeikiKaishuLeftUp(item.type === \"teikikaishu\");\r\n }, []);\r\n\r\n const onOpenPictureModal = useCallback(\r\n (e) => {\r\n e.preventDefault();\r\n pictureModalControl.on();\r\n },\r\n [pictureModalControl]\r\n );\r\n\r\n const onHikitoriKakutei = useCallback(async () => {\r\n try {\r\n refOk.current = async (e) => {\r\n e.preventDefault();\r\n const f = { tonyaCheckKbn: TONYA_CHECK_KBN.OK };\r\n const res = await axios.put(\"/api/irai/\" + selectMarkerIraiItem.id, f);\r\n setSelectMarkerIraiItem((pre) => {\r\n return { ...pre, subType: \"\", ...f };\r\n });\r\n infoModalControl.off();\r\n };\r\n setMessage(\"引取依頼を確定しますか？\");\r\n infoModalControl.on();\r\n } catch (error) {\r\n console.error(error);\r\n }\r\n }, [selectMarkerIraiItem, infoModalControl]);\r\n\r\n useEffect(() => {\r\n try {\r\n const columnsString = localStorage.getItem(\"ps-irai-grid\");\r\n const columns = !!columnsString ? JSON.parse(columnsString) : baseColumns;\r\n currentColumnsRef.current = columns;\r\n } catch (error) {\r\n console.error(error);\r\n currentColumnsRef.current = baseColumns;\r\n }\r\n onSearch();\r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n }, []);\r\n\r\n var hoyuritu = (selectMarkerDepoItem?.zaikoSuryo / selectMarkerDepoItem?.hoyuKanoSuu) * 100;\r\n hoyuritu = isNaN(hoyuritu) ? 0 : hoyuritu;\r\n hoyuritu = isFinite(hoyuritu) ? hoyuritu : 0;\r\n\r\n return (\r\n | 会社名 | \r\n商品 | \r\nMC | \r\nPC | \r\n
|---|---|---|---|
| 花王 | \r\nR2-11LX | \r\n4.4円×12日 | \r\n250円 | \r\n
| 回収日 | \r\n運送会社 | \r\n運賃単位 | \r\n回収金額 | \r\n
|---|---|---|---|
| {formatDate(kaishujisseki.kaishuBi, \"M/D(ddd)\")} | \r\n{kaishujisseki.unsoName} | \r\n{kaishujisseki.jippiUnchinSuu.toLocaleString()} | \r\n{kaishujisseki.kaishuKingaku.toLocaleString()}円 | \r\n
| 日付 | \r\n入庫 | \r\n回収 | \r\n在庫 | \r\n
|---|---|---|---|
| 6/15(月) | \r\n20 | \r\n0 | \r\n20 | \r\n
| 日付 | \r\n入庫予定数 | \r\n出庫予定数 | \r\n予定保管枚数(使用率) | \r\n
|---|---|---|---|
| 09/07(火) | \r\n0 | \r\n600 | \r\n1,000(20%) | \r\n
| 09/07(火) | \r\n1,000 | \r\n600 | \r\n1,000(20%) | \r\n
| 会社名 | \r\n商品 | \r\nMC | \r\nPC | \r\n
|---|---|---|---|
| 花王 | \r\nR2-11LX | \r\n4.4円×12日 | \r\n250円 | \r\n
| 回収日 | \r\n運送会社 | \r\n運賃単位 | \r\n回収金額 | \r\n
|---|---|---|---|
| 6/15(月) | \r\n中部急送 | \r\n123 | \r\n478円/枚 | \r\n
| 6/15(月) | \r\n中部急送 | \r\n478円/枚 | \r\n
| 日付 | \r\n入庫 | \r\n回収 | \r\n在庫 | \r\n
|---|---|---|---|
| 6/15(月) | \r\n20 | \r\n0 | \r\n20 | \r\n
| 6/15(月) | \r\n20 | \r\n0 | \r\n20 | \r\n
| 会社名 | \r\n商品 | \r\nMC | \r\nPC | \r\n
|---|---|---|---|
| {shukkamoto.tokuisakiName} | \r\n{shukkamoto.shohinName} | \r\n{shukkamoto.mc} | \r\n{shukkamoto.pc} | \r\n
| 回収日 | \r\n運送会社 | \r\n運賃単位 | \r\n回収金額 | \r\n
|---|---|---|---|
| {formatDate(kaishujisseki.kaishuBi, \"M/D(ddd)\")} | \r\n{kaishujisseki.unsoName} | \r\n{kaishujisseki.jippiUnchinSuu.toLocaleString()} | \r\n{kaishujisseki.kaishuKingaku.toLocaleString()}円 | \r\n
| 日付 | \r\n入庫 | \r\n回収 | \r\n在庫 | \r\n
|---|---|---|---|
| {formatDate(nyushukkorireki.shoribi, \"M/D(ddd)\")} | \r\n{nyushukkorireki.nyukoSuu.toLocaleString()} | \r\n{nyushukkorireki.shukoSuu.toLocaleString()} | \r\n{nyushukkorireki.zaikoSuu.toLocaleString()} | \r\n
| 日付 | \r\n入庫予定数 | \r\n出庫予定数 | \r\n予定保管枚数(使用率) | \r\n
|---|---|---|---|
| {formatDate(rireki.shoribi, \"M/D(ddd)\")} | \r\n{rireki.nyukoYoteiSuu.toLocaleString()} | \r\n{rireki.shukoYoteiSuu.toLocaleString()} | \r\n\r\n {rireki.yoteiHokanSuu.toLocaleString()}({rireki.siyouritu.toLocaleString()}%)\r\n | \r\n
| 会社名 | \r\n商品 | \r\nMC | \r\nPC | \r\n
|---|---|---|---|
| {shukkamoto.tokuisakiName} | \r\n{shukkamoto.shohinName} | \r\n{shukkamoto.mc} | \r\n{shukkamoto.pc} | \r\n
| 回収日 | \r\n運送会社 | \r\n運賃単位 | \r\n回収金額 | \r\n
|---|---|---|---|
| {formatDate(kaishujisseki.kaishuBi, \"M/D(ddd)\")} | \r\n{kaishujisseki.unsoName} | \r\n{kaishujisseki.jippiUnchinSuu.toLocaleString()} | \r\n{kaishujisseki.kaishuKingaku.toLocaleString()}円 | \r\n
| 日付 | \r\n入庫 | \r\n回収 | \r\n在庫 | \r\n
|---|---|---|---|
| {formatDate(nyushukkorireki.shoribi, \"M/D(ddd)\")} | \r\n{nyushukkorireki.nyukoSuu.toLocaleString()} | \r\n{nyushukkorireki.shukoSuu.toLocaleString()} | \r\n{nyushukkorireki.zaikoSuu.toLocaleString()} | \r\n
| \r\n | \r\n \r\n 6/24(木) 10:00-12:00\r\n | \r\n\r\n 75枚\r\n | \r\n\r\n PALSAK名古屋\r\n | \r\n\r\n ここに住所がはいります。\r\n | \r\n
\r\n \r\n ![\"\"](\"/assets/admin/Images/pic_404.svg\")
\r\n ![\"SANKO](\"/assets/admin/Images/lgo-v.png\")
\r\n \r\n ![\"SANKO](\"/assets/Images/lgo-v.png\")
\r\n {JSON.stringify(history, null, 2)} */}\r\n ![\"\"](\"/assets/Images/pic_aboutid-01.png\")
\r\n ![\"\"](\"/assets/Images/pic_aboutid-02.png\")
\r\n ![\"\"](\"/assets/Images/pic_another_tab.svg\")
\r\n \r\n ![\"\"](\"/assets/Images/pic_resistration.svg\")
\r\n \r\n \r\n | 入庫 | \r\nパレットの種類 | \r\n枚数 | \r\n相手先伝票番号 | \r\n三甲リース伝票番号 | \r\n車番 | \r\n写真 | \r\n紐づけ | \r\n {/*詳細 | \r\n納品書 | \r\n添付 | */}\r\n
|---|---|---|---|---|---|---|---|---|---|---|
| {nyuko.tokuisakiName} | \r\n{nyuko.shohinList} | \r\n{nyuko.kakuninSuu.toLocaleString()}枚 | \r\n{nyuko.kyakusakiOrder} | \r\n{nyuko.denpyoNo} | \r\n{nyuko.shaban} | \r\n\r\n {nyuko.images ? (\r\n | \r\n {nyuko.traxHimodukeCode} | \r\n {/*詳細リンク | \r\n\r\n | */}\r\n |
| 出庫 | \r\nパレットの種類 | \r\n枚数 | \r\n相手先伝票番号 | \r\n三甲リース伝票番号 | \r\n車番 | \r\n写真 | \r\n紐づけ | \r\n {/*|||
|---|---|---|---|---|---|---|---|---|---|---|
| {kaishu.tokuisakiName} | \r\n{kaishu.shohinList} | \r\n{kaishu.kakuninSuu.toLocaleString()}枚 | \r\n{kaishu.kyakusakiOrder} | \r\n{kaishu.denpyoNo} | \r\n{kaishu.shaban} | \r\n\r\n {kaishu.images ? (\r\n | \r\n {kaishu.traxHimodukeCode} | \r\n {/*詳細リンク | \r\n\r\n | */}\r\n |
![\"\"](\"/assets/Images/pic_feature-01.svg\")
\r\n ![\"\"](\"/assets/Images/pic_feature-02.svg\")
\r\n ![\"\"](\"/assets/Images/pic_feature-03.svg\")
\r\n ![\"三甲リース株式会社\"](\"/assets/Images/bnr_sankolease.png\")
\r\n \r\n \r\n