.

src/pages/Welcome.jsx

@@ -3,10 +3,16 @@ import { PageContainer } from '@ant-design/pro-layout';
 import { Card, Row, Col } from 'antd';
 import { useIntl } from 'umi';
 import WCard from '@/components/WelcomeCard'
+import { Swiper, SwiperSlide } from 'swiper/react';
+import { Autoplay } from 'swiper';
+import 'swiper/css';
 import Bar from '@/components/Bar/index.jsx';
 import Pie from '@/components/Pie';
 import PieArea from '@/components/PieArea';
+import { history } from 'umi';
+import { getDispatchList } from '@/services/dispatch'
 import './Welcome.less'
+import { useEffect } from 'react';
 
 const Welcome = () => {
   const intl = useIntl();
@@ -75,6 +81,15 @@ const Welcome = () => {
     { name: '农药机', value: 650 },
     { name: '其他', value: 180 },
   ]);
+  const [dispatchList, setDispatchList] = useState([])
+  const goDispatch = (val) => {
+    history.push(`../OrderManage/dispatch.jsx?id=${val.orderId}`);
+  }
+  useEffect(() => {
+    getDispatchList({ isWarn: true }).then((res) => {
+      setDispatchList(res.records)
+    })
+  }, [])
   return (
     <PageContainer>
       <div className="welcome">
@@ -94,10 +109,36 @@ const Welcome = () => {
             </Col>
           </Row>
         </div>
-        <Card style={{ marginTop: '32px' }}>
-          <Bar h='500px' title='本年度预约订单数据概览' opt={centerData} />
-        </Card>
 
+        <Row justify='space-between'>
+          <Col span={16}>
+            <Card style={{ marginTop: '32px' }}>
+              <Bar h='500px' title='本年度预约订单数据概览' opt={centerData} />
+            </Card>
+          </Col>
+          <Col span={7} >
+            <Card title='待调度订单' style={{ marginTop: '32px', height: '548px' }} >
+              <Swiper
+                height={60}
+                style={{ height: '448px' }}
+                autoplay={{
+                  delay: 1500,
+                  disableOnInteraction: false,
+                }}
+                loop
+                loopAdditionalSlides={8}
+                modules={[Autoplay]}
+                direction="vertical"
+              >
+                {dispatchList.map((item) => (
+                  <SwiperSlide key={item.orderId} onClick={() => goDispatch(item)}>
+                    {item.personName + ' 于 ' + item.createDate + ' 下了一单请您尽快处理！'}
+                  </SwiperSlide>
+                ))}
+              </Swiper>
+            </Card>
+          </Col>
+        </Row>
         <div className='flex bottom'>
           <Card className='flex-1 card'>
             <Bar h='300px' title='农机状态统计' opt={machineryStatus} />