From 1e400eaffd9de4dc13c6b45cf6b805a3b26da3c0 Mon Sep 17 00:00:00 2001 From: luxiaotao1123 <t1341870251@163.com> Date: 星期三, 11 十二月 2024 16:47:50 +0800 Subject: [PATCH] # --- zy-acs-flow/src/map/tool.js | 75 +++++++++++++++++++++---------------- 1 files changed, 42 insertions(+), 33 deletions(-) diff --git a/zy-acs-flow/src/map/tool.js b/zy-acs-flow/src/map/tool.js index eda7c3f..bdd7690 100644 --- a/zy-acs-flow/src/map/tool.js +++ b/zy-acs-flow/src/map/tool.js @@ -6,10 +6,10 @@ DEVICE_Z_INDEX, AGV_STATUS_MODE, DEVICE_SPRITE_TINT, + DEVICE_SPRITE_TINT_DARK, DEVICE_SELECTED_EFFECT_PADDING, DEVICE_SELECTED_EFFECT_COLOR, POINT_ROUTE_DIRECTION, - DEVICE_SPRITE_TINT_DARK, ANIMATE_DURING_TIME, } from './constants'; import { getRouteList } from './http'; @@ -55,19 +55,16 @@ export function setThemeMode(param) { themeMode = param; if (mapContainer) { - // mapContainer.children.forEach(child => { - // const deviceType = child.data?.type; - // if (deviceType) { - // if (themeMode === 'dark') { - // const tint = DEVICE_SPRITE_TINT_DARK[deviceType] - // if (tint) { - // child.tint = tint; - // } - // } else { - // DEVICE_SPRITE_TINT[deviceType] != null && (child.tint = DEVICE_SPRITE_TINT[deviceType]); - // } - // } - // }) + mapContainer.children.forEach(child => { + const deviceType = child.data?.type; + if (deviceType) { + if (themeMode === 'dark') { + DEVICE_SPRITE_TINT_DARK[deviceType] != null && (child.tint = DEVICE_SPRITE_TINT_DARK[deviceType]); + } else { + DEVICE_SPRITE_TINT[deviceType] != null && (child.tint = DEVICE_SPRITE_TINT[deviceType]); + } + } + }) } } @@ -492,22 +489,30 @@ effectCircle.position.set(selectedSprite.x, selectedSprite.y); }; -export const showRoutes = (curZone, setShowRoutes) => { - setShowRoutes(true); - getRouteList(curZone, (routeList) => { - routeList.forEach(route => { - const startPoint = querySprite(DEVICE_TYPE.POINT, route.startCodeStr); - const endPoint = querySprite(DEVICE_TYPE.POINT, route.endCodeStr); - const pointRoute = new PointRoute(POINT_ROUTE_DIRECTION[route.direction]); - pointRoute.setPoint(startPoint, endPoint); - pointRoute.clear(); - pointRoute.lineStyle(Math.max(7, 2 * (1 / mapContainer.scale.x)), themeMode === 'light' ? '#ced6e0' : '#535c68'); - pointRoute.moveTo(startPoint.position.x, startPoint.position.y); - pointRoute.lineTo(endPoint.position.x, endPoint.position.y); - pointRoute.alpha = 1; - mapContainer.addChild(pointRoute); - }) - }) +export const showRoutes = (curZone, setShowRoutes, setLoading) => { + setLoading(true); + getRouteList( + curZone, + (routeList) => { + routeList.forEach(route => { + const startPoint = querySprite(DEVICE_TYPE.POINT, route.startCodeStr); + const endPoint = querySprite(DEVICE_TYPE.POINT, route.endCodeStr); + const pointRoute = new PointRoute(POINT_ROUTE_DIRECTION[route.direction]); + pointRoute.setPoint(startPoint, endPoint); + pointRoute.clear(); + pointRoute.lineStyle(Math.max(7, 2 * (1 / mapContainer.scale.x)), themeMode === 'light' ? '#ced6e0' : '#535c68'); + pointRoute.moveTo(startPoint.position.x, startPoint.position.y); + pointRoute.lineTo(endPoint.position.x, endPoint.position.y); + pointRoute.alpha = 1; + mapContainer.addChild(pointRoute); + }) + setLoading(false); + setShowRoutes(true); + }, + () => { + setLoading(false); + }, + ) }; export const hideRoutes = (curZone, setShowRoutes) => { @@ -691,7 +696,7 @@ fill: 0x000000, }); agvText.anchor.set(0.5, 0.5); - agvText.position.set(0, 5); + agvText.position.set(0, 8); agvSprite.addChild(agvText); agvSprite.updateTextRotation = () => { @@ -720,7 +725,9 @@ if (error) { agvSprite.tint = 0xff3f34; } else { - agvSprite.tint = 0xffffff; + agvSprite.tint = themeMode === 'dark' + ? DEVICE_SPRITE_TINT_DARK[DEVICE_TYPE.AGV] + : DEVICE_SPRITE_TINT[DEVICE_TYPE.AGV]; } beInsight(agvSprite, setCurSprite); @@ -747,7 +754,9 @@ } agvPath = new PIXI.Graphics(); agvPath.name = agvPathName; - agvPath.lineStyle(Math.max(20, 4 * (1 / mapContainer?.scale.x || 1)), 0x2f68ac, 0.8); + agvPath.lineStyle(Math.max(20, 4 * (1 / mapContainer?.scale.x || 1)) + , themeMode === 'dark' ? 0x40739e : 0x2f68ac + , 0.8); agvPath.zIndex = DEVICE_Z_INDEX.DYNAMIC_ROUTE; // agvPath.blendMode = PIXI.BLEND_MODES.NORMAL; -- Gitblit v1.9.1