From 7ac4da701e184337c598564808704184fc219daf Mon Sep 17 00:00:00 2001
From: hujunpeng <junpeng.hu@51dayu.com.cn>
Date: Thu, 6 Mar 2025 18:02:06 +0800
Subject: [PATCH] =?UTF-8?q?=E9=A2=98=E5=BA=93=E7=AE=A1=E7=90=86=E5=92=8C?=
 =?UTF-8?q?=E8=AF=95=E5=8D=B7=E7=AE=A1=E7=90=86=E4=BB=A3=E7=A0=81=E6=8F=90?=
 =?UTF-8?q?=E4=BA=A4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/views/examPaper/examPaperAdd.tsx      | 223 ++++++++++++++++++
 .../src/views/examPaper/examPaperList.tsx     |  38 ++-
 2 files changed, 238 insertions(+), 23 deletions(-)
 create mode 100644 packages/examination/src/views/examPaper/examPaperAdd.tsx

diff --git a/packages/examination/src/views/examPaper/examPaperAdd.tsx b/packages/examination/src/views/examPaper/examPaperAdd.tsx
new file mode 100644
index 0000000..7e344bc
--- /dev/null
+++ b/packages/examination/src/views/examPaper/examPaperAdd.tsx
@@ -0,0 +1,223 @@
+import React, { Component } from'react';
+import { Form, Input, Button, Radio, Checkbox, Select, message } from 'antd';
+import { findIndustry, getRandomQuestions } from 'api/examPaper';
+
+const { Option } = Select;
+
+interface optionsState {
+    value: string;
+    label: string;
+}
+
+// 定义单个试题的状态接口
+interface QuestionState {
+    id: string;
+    questionTypes: string;
+    questionContent: string;
+    answerOptions: optionsState[];
+    answer: string | null;
+}
+
+// 定义组件的状态接口
+interface States {
+    industryDict: any;
+    isLoading: boolean;
+    questions: QuestionState[];
+}
+
+class ExamPaperAdd extends Component<any, States> {
+    formRef: any;
+
+    constructor(props: any) {
+        super(props);
+        this.formRef = React.createRef();
+        this.state = {
+            industryDict: undefined,
+            isLoading: false,
+            questions: []
+        };
+    }
+
+    // 初期
+    componentDidMount() {
+        this.findIndustry();
+    }
+
+    // 监管行业
+    findIndustry() {
+        findIndustry().then((res: any) => {
+            if (res.data) {
+                this.setState({ industryDict: res.data });
+            }
+        });
+    }
+
+    // 随机生成题目
+    handleRandomGenerate = () => {
+        this.formRef.current.validateFields(['industryId', 'questionCount'])
+            .then((values:any) => {
+                const industryId = values.industryId;
+                const questionCount = values.questionCount;
+                // 随机获取试题
+                getRandomQuestions(industryId, questionCount)
+                    .then((res: any) => {
+                        if (res.data) {
+                            if(res.data.length == 0){
+                                message.warning('题库没题了');
+                                this.setState({ questions: [] });
+                                return;
+                            }
+                            const newQuestions: QuestionState[] = res.data.map((questionData: any) => {
+                                const options = questionData.options.split('，');
+                                const answerOptions = options.map((option: any) => {
+                                const [value, label] = option.split(':');
+                                return { value, label };});
+                                return {
+                                    id: String(questionData.id),
+                                    questionTypes: String(questionData.questionTypes),
+                                    questionContent: String(questionData.questionContent),
+                                    answerOptions: answerOptions,
+                                    answer: String(questionData.answer)
+                                };
+                            });
+                            this.setState({ questions: newQuestions });
+                            message.success('成功获取题目');
+                        } else {
+                            message.error('未获取到随机题目');
+                        }
+                    }).catch(() => {
+                        message.error('获取随机题目失败');
+                    });
+            }).catch(() => {});
+    };
+
+    render() {
+        const { industryDict, questions, isLoading } = this.state;
+        const handleListQuestion = () => {
+            this.props.history.push('/examPaperList');
+        };
+        return (
+            <div className="container">
+                <Form ref={this.formRef}>
+                    <h3 style={{ fontWeight: 'bold' }}>基本信息</h3>
+                    <Form.Item
+                        label="试卷名称："
+                        name="paperName"
+                        style={{width: 1190}}
+                        rules={[{required: true, message: '请输入试卷名称'}]}
+                    >
+                        <Input placeholder="请输入试卷名称"/>
+                    </Form.Item>
+                    <div style={{display: 'flex', gap: 20}}>
+                        <Form.Item
+                            label="监管行业："
+                            name={`industryId`}
+                            rules={[{ required: true, message: '请选择监管行业' }]}
+                        >
+                            <Select placeholder="请选择监管行业" style={{width: 240}} allowClear>
+                                {industryDict && industryDict.length > 0 ? (
+                                    (() => {
+                                        let rows = [];
+                                        for (let i = 0; i < industryDict.length; i++) {
+                                            const item = industryDict[i];
+                                            rows.push(
+                                                <Option value={item.industryId}>{item.industryName}</Option>
+                                            );
+                                        }
+                                        return rows;
+                                    })()
+                                ) : (
+                                    <Option disabled>暂无数据</Option>
+                                )}
+                            </Select>
+                        </Form.Item>
+                        <Form.Item
+                            label="题目数量："
+                            name="questionCount"
+                            rules={[{ required: true, message: '请输入题目数量' }]}
+                        >
+                            <Input type="number" style={{ textAlign: 'right' }} placeholder="请输入题目数量" min={1}/>
+                        </Form.Item>
+                        <Form.Item
+                            label="总分值："
+                            name="totalScore"
+                            rules={[{ required: true, message: '请输入总分值' }]}
+                        >
+                            <Input type="number" style={{ textAlign: 'right' }} placeholder="请输入总分值" min={1}/>
+                        </Form.Item>
+                        <Form.Item
+                            label="考试时长："
+                            name="examDuration"
+
+                            rules={[{ required: true, message: '请输入考试时长' }]}
+                        >
+                            <Input type="number" style={{ textAlign: 'right' }} addonAfter="分钟" placeholder="请输入考试时长" min={1}/>
+                        </Form.Item>
+                    </div>
+                    <Form.Item
+                        label="内容描述："
+                        name="description"
+                        style={{width: 1190}}
+                        rules={[{ required: true, message: '请输入内容描述' }]}
+                    >
+                        <Input.TextArea placeholder="请输入内容描述"/>
+                    </Form.Item>
+                    <div style={{display: 'flex'}}>
+                        <h3 style={{ fontWeight: 'bold' }}>试题详情</h3>
+                        <div>
+                            <Button type="link" onClick={this.handleRandomGenerate}>
+                                随机生成
+                            </Button>
+                            <Button type="link">手动选题</Button>
+                        </div>
+                    </div>
+                    {questions.map((question, index) => (
+                        <div style={{border: '1px solid #e8e8e8', padding: 10, marginBottom: 10,backgroundColor: 'lightblue'}}
+                        >
+                            <span style={{fontWeight: 'bold'}}>{index + 1}. {question.questionContent}</span>
+                            <Form.Item>
+                                {question.questionTypes === '1' ? (
+                                    <Radio.Group value={question.answer}>
+                                        {question.answerOptions.map((option) => (
+                                            <Radio value={option.value}>
+                                                {option.value}. {option.label}
+                                            </Radio>
+                                        ))}
+                                    </Radio.Group>
+                                ) : (
+                                    <Checkbox.Group value={question.answer ? question.answer.split('，') : []}>
+                                        {question.answerOptions.map((option) => (
+                                            <Checkbox value={option.value}>
+                                                {option.value}. {option.label}
+                                            </Checkbox>
+                                        ))}
+                                    </Checkbox.Group>
+                                )}
+                            </Form.Item>
+                        </div>
+                    ))}
+                    <div
+                        style={{
+                            textAlign: 'right',
+                            position: 'fixed',
+                            bottom: 10,
+                            right: 10,
+                            width: '100%',
+                            backgroundColor: 'white',
+                            zIndex: 1000
+                        }}
+                    >
+                        <Button type="default" htmlType="button" onClick={handleListQuestion} style={{marginRight: 10}}>
+                            取消
+                        </Button>
+                        <Button type="primary" htmlType="submit" loading={isLoading}>
+                            确定
+                        </Button>
+                    </div>
+                </Form>
+            </div>
+        );
+    }
+}
+
+export default ExamPaperAdd;
\ No newline at end of file
diff --git a/packages/examination/src/views/examPaper/examPaperList.tsx b/packages/examination/src/views/examPaper/examPaperList.tsx
index 18d1571..8034004 100644
--- a/packages/examination/src/views/examPaper/examPaperList.tsx
+++ b/packages/examination/src/views/examPaper/examPaperList.tsx
@@ -184,29 +184,21 @@ class ExamPaperList extends Component<any, States> {
     // 更新试卷状态
     updatePaperStatus = (id: number, paperStatus: number) => {
         const newStatus = paperStatus === 0? '启用' : '停用';
-        Modal.confirm({
-            title: `确认${newStatus}`,
-            content: `你确定要${newStatus}这张试卷吗？`,
-            onOk: () => {
-                updatePaperStatus(id, paperStatus).then((res) => {
-                    const isSuccess = res.data;
-                    if (isSuccess) {
-                        message.success(`${newStatus}成功`);
-                        const status = paperStatus === 0? 1 : 0;
-                        this.setState((prevState) => ({
-                            list: prevState.list.map((item) =>
-                                item.id === id? { ...item, paperStatus: status } : item
-                            )
-                        }));
-                    } else {
-                        message.error(`${newStatus}失败，请稍后重试`);
-                    }
-                }).catch(() => {
-                    message.error(`${newStatus}时发生错误，请检查`);
-                });
-            },
-            onCancel: () => {
-            },
+        updatePaperStatus(id, paperStatus).then((res) => {
+            const isSuccess = res.data;
+            if (isSuccess) {
+                message.success(`${newStatus}成功`);
+                const status = paperStatus === 0? 1 : 0;
+                this.setState((prevState) => ({
+                    list: prevState.list.map((item) =>
+                        item.id === id? { ...item, paperStatus: status } : item
+                    )
+                }));
+            } else {
+                message.error(`${newStatus}失败，请稍后重试`);
+            }
+        }).catch(() => {
+            message.error(`${newStatus}时发生错误，请检查`);
         });
     };