Dwinzo-Beta/Dwinzo_Demo
4
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: Implement simulation analysis data display and dashboard element configuration

Browse Source
This commit is contained in:
Jerald-Golden-B
2025-12-18 13:13:09 +05:30
parent 7ad185e057
commit 5a1d1bdeaf
3 changed files with 41 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
app/src/components/SimulationDashboard/AnalyzerManager.tsx
View File

@@ -121,7 +121,7 @@ const AnalyzerManager: React.FC = () => {
if (hasValidData) { if (hasValidData) {
const currentGraphData = element.graphData || []; const currentGraphData = element.graphData || [];
const newGraphData = [...currentGraphData, newPoint].slice(-20); const newGraphData = [...currentGraphData, newPoint].slice(-10);
// Always update for single-machine as we are appending time-series data // Always update for single-machine as we are appending time-series data
updateGraphData(block.blockUuid, element.elementUuid, newGraphData); updateGraphData(block.blockUuid, element.elementUuid, newGraphData);

1
app/src/components/SimulationDashboard/components/element/ElementEditor.tsx
View File

@@ -533,7 +533,6 @@ const ElementEditor: React.FC<ElementEditorProps> = ({
updateElementData(selectedBlock, selectedElement, { label: value }); updateElementData(selectedBlock, selectedElement, { label: value });
}} }}
/> />
<InputWithDropDown label="Title" value={`title`} placeholder={"Label 1"} min={0.1} step={0.1} max={2} onChange={() => { }} />
<div className="data"> <div className="data">
<DataDetailedDropdown <DataDetailedDropdown
title="Data Source" title="Data Source"

34
app/src/modules/simulation/analyzer/analyzer.tsx
View File

@@ -284,7 +284,7 @@ function Analyzer() {
const timestamp = new Date().toISOString(); const timestamp = new Date().toISOString();
const newEntry = { const newEntry = {
timestamp, timestamp,
isActive: conveyor.isActive, isActive: !conveyor.isPaused,
speed: conveyor.speed, speed: conveyor.speed,
state: conveyor.state, state: conveyor.state,
materialsCount: materialFlow.currentMaterials, materialsCount: materialFlow.currentMaterials,
@@ -306,7 +306,7 @@ function Analyzer() {
assetType: "conveyor", assetType: "conveyor",
currentStatus: { currentStatus: {
isActive: conveyor.isActive, isActive: !conveyor.isPaused,
isPaused: conveyor.isPaused, isPaused: conveyor.isPaused,
state: conveyor.state, state: conveyor.state,
speed: conveyor.speed, speed: conveyor.speed,
@@ -427,7 +427,9 @@ function Analyzer() {
// Update historical data // Update historical data
const timestamp = new Date().toISOString(); const timestamp = new Date().toISOString();
const currentData = historicalDataRef.current[vehicle.modelUuid] || []; const currentData = historicalDataRef.current[vehicle.modelUuid] || [];
historicalDataRef.current[vehicle.modelUuid] = [...currentData, { historicalDataRef.current[vehicle.modelUuid] = [
...currentData,
{
timestamp, timestamp,
phase: vehicle.currentPhase, phase: vehicle.currentPhase,
load: vehicle.currentLoad, load: vehicle.currentLoad,
@@ -436,7 +438,8 @@ function Analyzer() {
performance: performance.performanceRate, performance: performance.performanceRate,
speed: vehicle.speed, speed: vehicle.speed,
tripsCompleted, tripsCompleted,
}].slice(-100); },
].slice(-100);
return { return {
assetId: vehicle.modelUuid, assetId: vehicle.modelUuid,
@@ -698,7 +701,9 @@ function Analyzer() {
// Update historical data // Update historical data
const timestamp = new Date().toISOString(); const timestamp = new Date().toISOString();
const currentData = historicalDataRef.current[machine.modelUuid] || []; const currentData = historicalDataRef.current[machine.modelUuid] || [];
historicalDataRef.current[machine.modelUuid] = [...currentData, { historicalDataRef.current[machine.modelUuid] = [
...currentData,
{
timestamp, timestamp,
processTime: actualProcessTime, processTime: actualProcessTime,
partsProcessed, partsProcessed,
@@ -706,7 +711,8 @@ function Analyzer() {
state: machine.state, state: machine.state,
defectRate, defectRate,
performance: performance.performanceRate, performance: performance.performanceRate,
}].slice(-100); },
].slice(-100);
return { return {
assetId: machine.modelUuid, assetId: machine.modelUuid,
@@ -1604,23 +1610,27 @@ function Analyzer() {
// EFFECTS // EFFECTS
// ============================================================================ // ============================================================================
const performAnalysisRef = useRef(performAnalysis);
useEffect(() => {
performAnalysisRef.current = performAnalysis;
}, [performAnalysis]);
// Perform initial analysis and set up interval // Perform initial analysis and set up interval
useEffect(() => { useEffect(() => {
if (!isPlaying) return; if (!isPlaying) return;
// Initial analysis
performAnalysis();
// Set up periodic analysis (every 5 seconds) // Set up periodic analysis (every 1 second)
analysisIntervalRef.current = setInterval(() => { analysisIntervalRef.current = setInterval(() => {
performAnalysis(); performAnalysisRef.current();
}, 5000); }, 1000);
return () => { return () => {
if (analysisIntervalRef.current) { if (analysisIntervalRef.current) {
clearInterval(analysisIntervalRef.current); clearInterval(analysisIntervalRef.current);
} }
}; };
}, [isPlaying, conveyors, vehicles, armBots, machines, humans, cranes, materials]); }, [isPlaying]);
return null; return null;
} }