考试安排画面样式代码修改提交

packages/examination/src/views/exam-online/compoents/ExamListPage.tsx

@@ -1,5 +1,5 @@
 import React, { useEffect, useState } from 'react';
-import { Table, Input, Button, Select, DatePicker, Modal, Checkbox, message } from 'antd';
+import { Table, Input, Button, Select, DatePicker, Modal, Checkbox, message, Form } from 'antd';
 import { Link, withRouter } from 'react-router-dom';
 import moment, { Moment } from 'moment'; // 引入 moment
 import { getList, doDelete, doCancel, doPublish, getIndustryList } from "api/exam-online/index";
@@ -354,35 +354,46 @@ const ExamListPage = ({ history }: { history: any }) => {
     };
 
     return (
-        <div>
+        <div className="list-filter">
-            <div style={{ marginBottom: 16, display: 'flex', justifyContent: 'space-between', alignItems: 'center' }}>
+            <Form
-                <div>
+                //ref={this.formRef}
-                    <label style={{ marginRight: 8 }}><b>考试名称:</b></label>
+                className="filter"
+                layout="inline"
+            >
+                <Form.Item
+                    label="考试名称："
+                >
                     <Input
                         placeholder="请输入考试名称"
                         value={searchForm.examName}
                         onChange={(e) =>
-                            setSearchForm({ ...searchForm, examName: e.target.value })
+                            setSearchForm({...searchForm, examName: e.target.value})
                         }
-                        style={{ width: 200, marginRight: '30' }}
+                        style={{width: 240}}
                     />
-                    <label style={{ marginRight: 8 }}><b>试卷名称:</b></label>
+                </Form.Item>
+                <Form.Item
+                    label="试卷名称："
+                >
                     <Input
                         placeholder="请输入试卷名称"
                         value={searchForm.paperName}
                         onChange={(e) =>
-                            setSearchForm({ ...searchForm, paperName: e.target.value })
+                            setSearchForm({...searchForm, paperName: e.target.value})
                         }
-                        style={{ width: 200, marginRight: '30' }}
+                        style={{width: 240}}
                     />
-                    <label style={{ marginRight: 8 }}><b>监管行业:</b></label>
+                </Form.Item>
+                <Form.Item
+                    label="监管行业："
+                >
                     <Select
                         placeholder="监管行业"
                         value={searchForm.regulatedIndustry}
                         onChange={(value) =>
-                            setSearchForm({ ...searchForm, regulatedIndustry: value })
+                            setSearchForm({...searchForm, regulatedIndustry: value})
                         }
-                        style={{ width: 200, marginRight: '30' }}
+                        style={{width: 240}}
                     >
                         <Option key="" value="">全部</Option>
                         {industryOptions.map(option => (
@@ -391,32 +402,37 @@ const ExamListPage = ({ history }: { history: any }) => {
                             </Option>
                         ))}
                     </Select>
-                    <label style={{ marginRight: 8 }}><b>考试有效时间:</b></label>
+                </Form.Item>
+                <Form.Item
+                    label="考试有效时间："
+                >
                     <DatePicker
                         value={searchForm.validTime} // 使用 Moment 类型
                         onChange={(value: Moment | null) =>
-                            setSearchForm({ ...searchForm, validTime: value })
+                            setSearchForm({...searchForm, validTime: value})
                         }
                     />
-                </div>
+                </Form.Item>
-                <div>
+                <Form.Item>
                     <Button onClick={handleReset}>重置</Button>
-                    <Button onClick={() => handleSearch(1)} type="primary" style={{ marginLeft: 8 }}>
+                </Form.Item>
+                <Form.Item>
+                    <Button onClick={() => handleSearch(1)} type="primary" style={{marginLeft: 8}}>
                         查询
                     </Button>
-                </div>
+                </Form.Item>
-            </div>
+            </Form>
-            <div style={{ marginBottom: 16, textAlign: "right" }}>
+            <div style={{marginBottom: 16, textAlign: "right"}}>
                 <Button onClick={handleDeleteSelected} danger>
                     删除
                 </Button>
-                <Button onClick={handleWithdrawSelected} style={{ marginLeft: 8 }}>
+                <Button onClick={handleWithdrawSelected} style={{marginLeft: 8}}>
                     撤回
                 </Button>
-                <Button onClick={handlePublishSelected} style={{ marginLeft: 8 }}>
+                <Button onClick={handlePublishSelected} style={{marginLeft: 8}}>
                     发布
                 </Button>
-                <Button onClick={handleAddExam} type="primary" style={{ marginLeft: 8 }}>
+                <Button onClick={handleAddExam} type="primary" style={{marginLeft: 8}}>
                     新增考试
                 </Button>
             </div>

packages/examination/src/views/exam-online/exam-schedule.tsx

@@ -25,9 +25,7 @@ class ExamSchedule extends Component<any, States> {
 
     render() {
         return (
-            <div className="container">
+            <ExamListPage />
-                <ExamListPage />
-            </div>
         )
     }
 }