ui更改

src/pages/orderList/index.scss

+.analy-content{
+  .operate-content{
+    display: flex;
+    justify-content: space-between;
+    .form-item{
+      flex: 1;
+    }
+    .search-group{
+      width: 200px;
+      margin-left: 30px;
+    }
+  }
+  
+  .export{
+    display: flex;
+    justify-content: flex-end;
+  }
+}

src/pages/orderList/index.tsx

@@ -154,8 +154,8 @@ const OrderList: React.FC = () => {
     <BasicPage>
       <div className="analy-content">
         <Form {...formItemLayout} form={form} onFinish={onFinish}>
-          <Row {...{ gutter: { xs: 8, sm: 16, md: 24 } }}>
-            <Col span="6">
+          <div className="operate-content">
+            <div className="form-item">
               <FormItem label="已购课程名称：" name="class_name">
                 <Input
                   placeholder="请输入"
@@ -164,8 +164,8 @@ const OrderList: React.FC = () => {
                   }}
                 />
               </FormItem>
-            </Col>
-            <Col span="6">
+            </div>
+            <div className="form-item">
               <FormItem label="用户姓名：" name="userName">
                 <Input
                   placeholder="请输入"
@@ -174,8 +174,8 @@ const OrderList: React.FC = () => {
                   }}
                 />
               </FormItem>
-            </Col>
-            <Col span="6">
+            </div>
+            <div className="form-item">
               <FormItem label="下单时间：" name="dates">
                 <RangePicker
                   locale={locale}
@@ -184,22 +184,8 @@ const OrderList: React.FC = () => {
                   }}
                 />
               </FormItem>
-            </Col>
-          </Row>
-          <Row
-            style={{ padding: '12px 0' }}
-            {...{ gutter: { xs: 8, sm: 16, md: 24 } }}
-          >
-            <Col md={12} sm={24}>
-              <Button
-                type="primary"
-                style={{ marginRight: '12px' }}
-                onClick={download}
-              >
-                导出订单信息表
-              </Button>
-            </Col>
-            <Col md={12} sm={24} style={{ textAlign: 'right' }}>
+            </div>
+            <div className="search-group">
               <Form.Item>
                 <Button
                   type="primary"
@@ -207,13 +193,24 @@ const OrderList: React.FC = () => {
                   style={{ marginRight: '12px' }}
                 >
                   查询
-                </Button>
+            </Button>
                 <Button htmlType="button" onClick={resetData}>
                   重置
-                </Button>
+            </Button>
               </Form.Item>
-            </Col>
-          </Row>
+            </div>
+          </div>
+
+          <div className="export">
+            <Button
+              type="primary"
+              style={{ marginRight: '30px' }}
+              onClick={download}
+            >
+              导出订单信息表
+          </Button>
+          </div>
+
         </Form>
       </div>
       <List

src/pages/orderList/list.tsx

 import React from 'react';
 import { Table } from 'antd';
-import { ColumnsType } from 'antd/es/table';
 import tableColumnsSetting from './tableColumnsSetting'