From da9be7517a832efa399335f389da06fa74353c69 Mon Sep 17 00:00:00 2001
From: sunhonglei <sunhonglei@51dayu.com>
Date: Tue, 11 Mar 2025 16:21:33 +0800
Subject: [PATCH] =?UTF-8?q?=E8=80=83=E8=AF=95=E5=AE=89=E6=8E=92=E9=A1=B5?=
 =?UTF-8?q?=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../exam-online/compoents/ExamListPage.tsx    | 99 ++++++++++---------
 .../compoents/ExamStatisticsPage.tsx          |  6 +-
 2 files changed, 54 insertions(+), 51 deletions(-)

diff --git a/packages/examination/src/views/exam-online/compoents/ExamListPage.tsx b/packages/examination/src/views/exam-online/compoents/ExamListPage.tsx
index e461afb..240fed0 100644
--- a/packages/examination/src/views/exam-online/compoents/ExamListPage.tsx
+++ b/packages/examination/src/views/exam-online/compoents/ExamListPage.tsx
@@ -162,7 +162,7 @@ const ExamListPage = ({ history }: { history: any }) => {
         console.log('跳转到编辑页面，examId:', examId);
     };
 
-    const handleDetail = (examId: number)=>{
+    const handleDetail = (examId: number) => {
         sessionStorage.setItem('examId', String(examId));
         history.push('/exam-detail');
         console.log('跳转到答题情况，examId:', examId);
@@ -355,53 +355,56 @@ const ExamListPage = ({ history }: { history: any }) => {
 
     return (
         <div>
-            <div style={{marginBottom: 16}}>
-                <label>考试名称:</label>
-                <Input
-                    placeholder="考试名称"
-                    value={searchForm.examName}
-                    onChange={(e) =>
-                        setSearchForm({...searchForm, examName: e.target.value})
-                    }
-                    style={{width: 150, marginRight: 8}}
-                />
-                <label>试卷名称:</label>
-                <Input
-                    placeholder="试卷名称"
-                    value={searchForm.paperName}
-                    onChange={(e) =>
-                        setSearchForm({...searchForm, paperName: e.target.value})
-                    }
-                    style={{width: 150, marginRight: 8}}
-                />
-                <label>监管行业:</label>
-                <Select
-                    placeholder="监管行业"
-                    value={searchForm.regulatedIndustry}
-                    onChange={(value) =>
-                        setSearchForm({...searchForm, regulatedIndustry: value})
-                    }
-                    style={{width: 150, marginRight: 8}}
-                >
-                    <Option key="" value="">全部</Option>
-                    {industryOptions.map(option => (
-                        <Option key={option.value} value={option.value}>
-                            {option.label}
-                        </Option>
-                    ))}
-                </Select>
-                <label>考试有效时间:</label>
-                <DatePicker
-                    value={searchForm.validTime} // 使用 Moment 类型
-                    onChange={(value: Moment | null) =>
-                        setSearchForm({...searchForm, validTime: value})
-                    }
-                    style={{marginRight: 8}}
-                />
-                <Button onClick={handleReset}>重置</Button>
-                <Button onClick={() => handleSearch(1)} type="primary" style={{marginLeft: 8}}>
-                    查询
-                </Button>
+            <div style={{ marginBottom: 16, display: 'flex', justifyContent: 'space-between', alignItems: 'center' }}>
+                <div>
+                    <label style={{ marginRight: 8 }}><b>考试名称:</b></label>
+                    <Input
+                        placeholder="请输入考试名称"
+                        value={searchForm.examName}
+                        onChange={(e) =>
+                            setSearchForm({ ...searchForm, examName: e.target.value })
+                        }
+                        style={{ width: 200, marginRight: '30' }}
+                    />
+                    <label style={{ marginRight: 8 }}><b>试卷名称:</b></label>
+                    <Input
+                        placeholder="请输入试卷名称"
+                        value={searchForm.paperName}
+                        onChange={(e) =>
+                            setSearchForm({ ...searchForm, paperName: e.target.value })
+                        }
+                        style={{ width: 200, marginRight: '30' }}
+                    />
+                    <label style={{ marginRight: 8 }}><b>监管行业:</b></label>
+                    <Select
+                        placeholder="监管行业"
+                        value={searchForm.regulatedIndustry}
+                        onChange={(value) =>
+                            setSearchForm({ ...searchForm, regulatedIndustry: value })
+                        }
+                        style={{ width: 200, marginRight: '30' }}
+                    >
+                        <Option key="" value="">全部</Option>
+                        {industryOptions.map(option => (
+                            <Option key={option.value} value={option.value}>
+                                {option.label}
+                            </Option>
+                        ))}
+                    </Select>
+                    <label style={{ marginRight: 8 }}><b>考试有效时间:</b></label>
+                    <DatePicker
+                        value={searchForm.validTime} // 使用 Moment 类型
+                        onChange={(value: Moment | null) =>
+                            setSearchForm({ ...searchForm, validTime: value })
+                        }
+                    />
+                </div>
+                <div>
+                    <Button onClick={handleReset}>重置</Button>
+                    <Button onClick={() => handleSearch(1)} type="primary" style={{ marginLeft: 8 }}>
+                        查询
+                    </Button>
+                </div>
             </div>
             <div style={{ marginBottom: 16, textAlign: "right" }}>
                 <Button onClick={handleDeleteSelected} danger>
diff --git a/packages/examination/src/views/exam-online/compoents/ExamStatisticsPage.tsx b/packages/examination/src/views/exam-online/compoents/ExamStatisticsPage.tsx
index 12d1817..6d3ef80 100644
--- a/packages/examination/src/views/exam-online/compoents/ExamStatisticsPage.tsx
+++ b/packages/examination/src/views/exam-online/compoents/ExamStatisticsPage.tsx
@@ -186,17 +186,17 @@ const Dashboard: React.FC = () => {
             <Row gutter={16}>
                 <Col span={8}>
                     <div style={{ textAlign: 'center', background: '#DCE4F8', height: 60 }}>
-                        <p>试题{questionCount}条</p>
+                        <p>试题<span style={{color:"#86A3E7"}}>{questionCount}</span>条</p>
                     </div>
                 </Col>
                 <Col span={8}>
                     <div style={{ textAlign: 'center', background: '#DCE4F8', height: 60 }}>
-                        <p>试卷{paperCount}套</p>
+                        <p>试卷<span style={{color:"#86A3E7"}}>{paperCount}</span>套</p>
                     </div>
                 </Col>
                 <Col span={8}>
                     <div style={{ textAlign: 'center', background: '#DCE4F8', height: 60 }}>
-                        <p>考试{examCount}次</p>
+                        <p>考试<span style={{color:"#86A3E7"}}>{examCount}</span>次</p>
                     </div>
                 </Col>
             </Row>