From f62e0b5f0ab41d9042f1bd2a6eaad599bc9b45ba Mon Sep 17 00:00:00 2001 From: yyy <2605810609@qq.com> Date: Fri, 18 Jul 2025 15:21:28 +0800 Subject: [PATCH] =?UTF-8?q?=E5=AE=9E=E6=97=B6=E5=9C=B0=E5=9B=BE=E5=A2=9E?= =?UTF-8?q?=E5=8A=A0=E5=8F=96=E6=94=BE=E8=B4=A7=E7=82=B9?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../realTimeMap/components/indexPage.vue | 111 ++++++++++++++---- 1 file changed, 89 insertions(+), 22 deletions(-) diff --git a/src/views/mapPage/realTimeMap/components/indexPage.vue b/src/views/mapPage/realTimeMap/components/indexPage.vue index ac7bf8cf..7f657281 100644 --- a/src/views/mapPage/realTimeMap/components/indexPage.vue +++ b/src/views/mapPage/realTimeMap/components/indexPage.vue @@ -152,19 +152,39 @@ +
+
+
节点类型:
+
取放货点
+
+ {{ item.sortNum || '' }} +
+
+
+
+
+ 节点名称:{{ location.pointName || '' }} + + 托盘高度:{{ location.trayHeight || '' }} +
+
+
+
节点类型:
{{ - item.type == 1 - ? '路径点' - : item.type == 4 - ? '停车点' - : item.type == 5 - ? '区域变更点' - : item.type == 6 - ? '等待点' - : '' + item.type == 4 + ? '停车点' + : item.type == 5 + ? '区域变更点' + : item.type == 6 + ? '等待点' + : '' }}
{{ item.sortNum || '' }} @@ -173,18 +193,24 @@
-
- {{ item.sortNum }} -
+ + + + +
@@ -347,7 +383,33 @@ const nodeStyle = (item, index) => { borderRadius: '3px' } } - +//sortNum路径点的样式 +const getSortNumStyle = (item, index) => { + let leftNum = 0 + if (item.sortNum.toString().length === 1) { + leftNum = 3 + } else if (item.sortNum.toString().length === 2) { + leftNum = 7 + } else if (item.sortNum.toString().length === 3) { + leftNum = 10 + } else if (item.sortNum.toString().length === 4) { + leftNum = 14 + } else if (item.sortNum.toString().length === 5) { + leftNum = 18 + } else if (item.sortNum.toString().length === 6) { + leftNum = 21 + } else if (item.sortNum.toString().length === 7) { + leftNum = 25 + } else if (item.sortNum.toString().length === 8) { + leftNum = 28 + } else if (item.sortNum.toString().length === 9) { + leftNum = 31 + } + return { + left: Number(item.locationWidePx) / 2 - leftNum + 'px', + top: 6 + 'px' + } +} //sortNum非路径点的样式 const getSortNumLocationStyle = (item, index) => { let leftNum = 0 @@ -823,6 +885,11 @@ const getAllNodeList = async (positionMapId) => { item.dataObj = JSONBigInt({ storeAsString: true }).parse(item.dataJson) item.locationDeep = item.dataObj.locationDeep item.locationWide = item.dataObj.locationWide + } else if (item.type === 8) { + item.dataObj = {} + item.dataList = item.dataJson ? JSONBigInt({ storeAsString: true }).parse(item.dataJson) : [] + item.locationDeep = 40 + item.locationWide = 40 } //要将实际的cm改成px if (item.locationWide && item.locationDeep) {