导航自适应宽屏和窄屏

src/views/App.jsx

@@ -67,7 +67,7 @@ function App() {
       <Layout>
         <Header className='header' style={{ position: 'sticky', top: 0, zIndex: 1, width: '100%', background: 'white' }}>
           <Row gutter={{ md: 24 }} align='middle'>
-            <Col span={5}>
+            <Col flex="300px">
               <NavLink to='/'>
                 <img src={AppLogo} className='logo' alt='App logo' />
               </NavLink>
@@ -87,7 +87,7 @@ function App() {
                 ]}
               />
             </Col>
-            <Col span={9} style={{ color: "white", marginBottom: "0", display: "flex", justifyContent: "end" }}>
+            <Col flex="auto" style={{ color: "white", marginBottom: "0", display: "flex", justifyContent: "end" }}>
               <Dropdown
                 menu={{
                   items: [

src/views/OrderFollow.jsx

@@ -19,7 +19,7 @@ const dataSource = [
     comment: '吃素、蜜月',
   },
   {
-    key: '1',
+    key: '2',
     orderNumber: 'LU231218115(3)',
     fullname: 'Giacomo Guilizzoni(R1)',
     orderStatus: '新订单',
@@ -28,7 +28,7 @@ const dataSource = [
     comment: '吃素、蜜月',
   },
   {
-    key: '1',
+    key: '3',
     orderNumber: 'LU231218115(3)',
     fullname: 'Giacomo Guilizzoni(R1)',
     orderStatus: '新订单',
@@ -37,7 +37,7 @@ const dataSource = [
     comment: '吃素、蜜月',
   },
   {
-    key: '1',
+    key: '4',
     orderNumber: 'LU231218115(3)',
     fullname: 'Giacomo Guilizzoni(R1)',
     orderStatus: '新订单',
@@ -46,7 +46,7 @@ const dataSource = [
     comment: '吃素、蜜月',
   },
   {
-    key: '1',
+    key: '5',
     orderNumber: 'LU231218115(3)',
     fullname: 'Giacomo Guilizzoni(R1)',
     orderStatus: '新订单',
@@ -55,7 +55,7 @@ const dataSource = [
     comment: '吃素、蜜月',
   },
   {
-    key: '1',
+    key: '6',
     orderNumber: 'LU231218115(3)',
     fullname: 'Giacomo Guilizzoni(R1)',
     orderStatus: '新订单',
@@ -64,7 +64,7 @@ const dataSource = [
     comment: '吃素、蜜月',
   },
   {
-    key: '1',
+    key: '7',
     orderNumber: 'LU231218115(3)',
     fullname: 'Giacomo Guilizzoni(R1)',
     orderStatus: '新订单',
@@ -120,12 +120,12 @@ function OrderFollow() {
             <Radio.Group
               options={[
                 { label: '今日任务', value: 'today' },
-                { label: '潜力客户', value: 'myused' },
-                { label: '重点订单', value: 'myupload' },
+                { label: '潜力客户', value: 'star' },
+                { label: '重点订单', value: 'important' },
                 { label: '成行', value: 'myfavorites' },
-                { label: '走团中', value: 'unCheck' },
-                { label: '走团后一月', value: 'unCheck' },
-                { label: '高级查询', value: 'unCheck' }
+                { label: '走团中', value: 'ing' },
+                { label: '走团后一月', value: 'lastMonth' },
+                { label: '高级查询', value: 'advance' }
               ]}
               value={'today'}
               onChange={({ target: { value } }) => {