#

luxiaotao1123

2024-05-14 5a51d49437976e2fbb26e33231c00531fa3f8bff

#

 src/components/camera.jsx

@@ -12,7 +12,7 @@
        <>
            <PerspectiveCamera
                makeDefault
                position={[0, 150, 1100]}
                position={[0, 350, 1150]}
                fov={48}
                near={1}
                far={100000}

 src/pages/left/components/agv-charts.jsx

@@ -40,10 +40,10 @@
        oddRowBGC: '#00000017',
        evenRowBGC: '#ededed13',
        headerHeight: 28,
        rowNum: 8,
        rowNum: 10,
        columnWidth: [80, 100, 90, 80],
      }}
      style={{ width: '100%', height: '280px', fontSize: '12px', marginBottom: '8px' }}
      style={{ width: '100%', height: '400px', fontSize: '12px', marginBottom: '8px' }}
    />
  );
};

 src/pages/left/components/loc-charts.jsx

File was renamed from src/pages/left/components/task-charts.jsx
@@ -1,9 +1,9 @@
import React from 'react';
import { useEffect, useState } from 'react';
import ReactECharts from 'echarts-for-react';
import * as echarts from 'echarts/core';

const TaskCharts = () => {
  const trafficWay = [
const LocCharts = () => {
  const [trafficWay, setTrafficWay] = useState([
    {
      name: 'HG',
      value: 20,
@@ -24,7 +24,23 @@
      name: 'PG',
      value: 30,
    },
  ];
  ]);

  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]
      //   }))
      // })
      console.log("aasadsa");
    }, 1000);

    return () => {
      clearInterval(timer);
    }
  }, []);


  const data = [];
  const color = ['#00ffff', '#00cfff', '#006ced', '#ffe000', '#ffa800', '#ff5b00'];
@@ -145,10 +161,10 @@
  return (
    <>
      <div>
        <ReactECharts style={{ height: '250px' }} option={option} />
        <ReactECharts style={{ height: '300px' }} option={option} />
      </div>
    </>
  );
};

export default TaskCharts;
export default LocCharts;

 src/pages/left/index.jsx

@@ -6,7 +6,7 @@
import Panel from '@/components/panel';

import StockCharts from './components/stock-charts';
import TaskCharts from './components/task-charts';
import LocCharts from './components/loc-charts';
import AgvCharts from './components/agv-charts';
import CapacityCharts from './components/capacity-charts';

@@ -33,7 +33,7 @@
                    <StockCharts />
                </Panel>
                <Panel title="库存类型">
                    <TaskCharts />
                    <LocCharts />
                </Panel>
                <Panel title="AGV信息">
                    <AgvCharts />