From 84c15f36b46e135584315263ebb37d6e39c8db0f Mon Sep 17 00:00:00 2001
From: hujunpeng <junpeng.hu@51dayu.com.cn>
Date: Mon, 17 Mar 2025 14:45:33 +0800
Subject: [PATCH] =?UTF-8?q?=E8=80=83=E8=AF=95=E5=AE=89=E6=8E=92=E7=94=BB?=
 =?UTF-8?q?=E9=9D=A2=E6=A0=B7=E5=BC=8F=E4=BB=A3=E7=A0=81=E4=BF=AE=E6=94=B9?=
 =?UTF-8?q?=E6=8F=90=E4=BA=A4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../exam-online/compoents/ExamListPage.tsx    | 64 ++++++++++++-------
 .../src/views/exam-online/exam-schedule.tsx   |  4 +-
 2 files changed, 41 insertions(+), 27 deletions(-)

diff --git a/packages/examination/src/views/exam-online/compoents/ExamListPage.tsx b/packages/examination/src/views/exam-online/compoents/ExamListPage.tsx
index 240fed0..d09bd4c 100644
--- a/packages/examination/src/views/exam-online/compoents/ExamListPage.tsx
+++ b/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 style={{ marginBottom: 16, display: 'flex', justifyContent: 'space-between', alignItems: 'center' }}>
-                <div>
-                    <label style={{ marginRight: 8 }}><b>考试名称:</b></label>
+        <div className="list-filter">
+            <Form
+                //ref={this.formRef}
+                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>
-                <div>
+                </Form.Item>
+                <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>
-            </div>
-            <div style={{ marginBottom: 16, textAlign: "right" }}>
+                </Form.Item>
+            </Form>
+            <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>
diff --git a/packages/examination/src/views/exam-online/exam-schedule.tsx b/packages/examination/src/views/exam-online/exam-schedule.tsx
index 821783c..dc531da 100644
--- a/packages/examination/src/views/exam-online/exam-schedule.tsx
+++ b/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 />
-            </div>
+            <ExamListPage />
         )
     }
 }