|  |  |  | 
|---|
|  |  |  |  | 
|---|
|  |  |  | import Panel from '@/components/panel'; | 
|---|
|  |  |  |  | 
|---|
|  |  |  | // import Allerway from './components/Allerway'; | 
|---|
|  |  |  | import InOutCharts from './components/inout-charts'; | 
|---|
|  |  |  | import StatCharts from './components/stat-charts'; | 
|---|
|  |  |  | import TaskCharts from './components/task-charts'; | 
|---|
|  |  |  | // import Handles from './components/Handles'; | 
|---|
|  |  |  |  | 
|---|
|  |  |  | const Right = () => { | 
|---|
|  |  |  | const [isExpanded, setIsExpanded] = useState(false); | 
|---|
|  |  |  |  | 
|---|
|  |  |  | const [isExpanded, setIsExpanded] = useState(true); | 
|---|
|  |  |  |  | 
|---|
|  |  |  | const containerAnimation = useSpring({ | 
|---|
|  |  |  | transform: isExpanded ? 'translate(0%)' : 'translateX(100%)', | 
|---|
|  |  |  | config: { precision: 0.01 }, | 
|---|
|  |  |  | 
|---|
|  |  |  | }} | 
|---|
|  |  |  | className={`absolute top-2 w-[280px] right-2 bottom-2 ${styles.panel}`} | 
|---|
|  |  |  | > | 
|---|
|  |  |  | <div className="overflow-auto h-full"> | 
|---|
|  |  |  | <Panel title="出入库信息"> | 
|---|
|  |  |  | {/* <Allerway /> */} | 
|---|
|  |  |  | </Panel> | 
|---|
|  |  |  | <Panel title="出入库统计"> | 
|---|
|  |  |  | <div className="overflow-hidden h-full"> | 
|---|
|  |  |  | <Panel title="一周内出入库统计"> | 
|---|
|  |  |  | <StatCharts /> | 
|---|
|  |  |  | </Panel> | 
|---|
|  |  |  | <Panel title="任务分布"> | 
|---|
|  |  |  | <Panel title="一周内任务分布"> | 
|---|
|  |  |  | <TaskCharts /> | 
|---|
|  |  |  | </Panel> | 
|---|
|  |  |  | <Panel title="AGV信息"> | 
|---|
|  |  |  | <InOutCharts /> | 
|---|
|  |  |  | </Panel> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <div | 
|---|
|  |  |  | className={`${'absolute text-white top-1/2 -translate-y-1/2 left-[-21px] bg-black bg-opacity-20 text-xl font-bold bg'}`} | 
|---|