From b8bac27bcc895b540bae4c130a3c59d289736081 Mon Sep 17 00:00:00 2001
From: luxiaotao1123 <t1341870251@163.com>
Date: 星期三, 15 五月 2024 16:23:45 +0800
Subject: [PATCH] #
---
src/pages/left/components/agv-charts.jsx | 65 ++++++++++++++++++++------------
1 files changed, 41 insertions(+), 24 deletions(-)
diff --git a/src/pages/left/components/agv-charts.jsx b/src/pages/left/components/agv-charts.jsx
index 1d9cbda..52e882f 100644
--- a/src/pages/left/components/agv-charts.jsx
+++ b/src/pages/left/components/agv-charts.jsx
@@ -1,32 +1,49 @@
+import { useEffect, useState } from 'react';
import { ScrollBoard } from '@jiaminghi/data-view-react';
+import { getAgvCharts } from '@/api/report';
const AgvCharts = () => {
- const config = {
- header: ['缂栧彿', '鐢甸噺', '浣嶇疆', '閫熷害'],
- data: [
- ['AGV1', '100%', 'A1', '1m/s'],
- ['AGV2', '100%', 'A2', '1m/s'],
- ['AGV3', '100%', 'A3', '1m/s'],
- ['AGV4', '100%', 'A4', '1m/s'],
- ['AGV5', '100%', 'A5', '1m/s'],
- ['AGV6', '100%', 'A6', '1m/s'],
- ['AGV7', '100%', 'A7', '1m/s'],
- ['AGV8', '100%', 'A8', '1m/s'],
- ['AGV9', '100%', 'A9', '1m/s'],
- ['AGV10', '100%', 'A10', '1m/s'],
- ['AGV11', '100%', 'A11', '1m/s'],
- ],
- headerBGC: '#00fff138',
- oddRowBGC: '#00000017',
- evenRowBGC: '#ededed13',
- headerHeight: 28,
- rowNum: 8,
- columnWidth: [80, 70, 60, 100],
- };
+ const [apiData, setApiData] = useState([
+ ['AGV1', '100%', 'A1', '1m/s'],
+ ['AGV2', '100%', 'A2', '1m/s'],
+ ['AGV3', '100%', 'A3', '1m/s'],
+ ['AGV4', '100%', 'A4', '1m/s'],
+ ['AGV5', '100%', 'A5', '1m/s'],
+ ['AGV6', '100%', 'A6', '1m/s'],
+ ['AGV7', '100%', 'A7', '1m/s'],
+ ['AGV8', '100%', 'A8', '1m/s'],
+ ['AGV9', '100%', 'A9', '1m/s'],
+ ['AGV10', '100%', 'A10', '1m/s'],
+ ['AGV11', '100%', 'A11', '1m/s'],
+ ]);
+
+ useEffect(() => {
+ const timer = setInterval(() => {
+ getAgvCharts().then(res => {
+ setApiData(res.reverse().map(item => {
+ return ["AGV" + item.agvNo, "0000" + Number(item.qrcode), item.angle.toFixed(1) + "掳", item.height]
+ }))
+ })
+ }, 1000);
+
+ return () => {
+ clearInterval(timer);
+ }
+ }, []);
+
return (
<ScrollBoard
- config={config}
- style={{ width: '100%', height: '280px', fontSize: '12px', marginBottom: '8px' }}
+ config={{
+ header: ['缂栧彿', '鍦伴潰鐮�', '瑙掑害', '楂樺害'],
+ data: apiData,
+ headerBGC: '#00fff138',
+ oddRowBGC: '#00000017',
+ evenRowBGC: '#ededed13',
+ headerHeight: 28,
+ rowNum: 10,
+ columnWidth: [80, 100, 90, 80],
+ }}
+ style={{ width: '100%', height: '400px', fontSize: '12px', marginBottom: '8px' }}
/>
);
};
--
Gitblit v1.9.1