web
/
syzx
2
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

章节测验、错题本

Browse Source
master
xialiang 3 years ago
parent adc8a14b6d
commit 1db877b62b
10 changed files with 1191 additions and 36 deletions
Show Stats Download Patch File Download Diff File

16
web/config/config.ts
Unescape View File

@ -133,10 +133,22 @@ export default defineConfig({
},
{
name: '章节模拟练习-章节列表',
path: '/mockExamination/chapterList/:data_id/:data_type/:subject_id',
path: '/mockExamination/chapterExamination/chapterList/:data_id/:data_type/:subject_id',
component: './mockExamination/chapterList',
hideInMenu: true,
},
{
name: '章节模拟练习-开始答题',
path: '/mockExamination/chapterExamination/chapterList/chapterListPaper/:info',
component: './mockExamination/chapterListPaper',
hideInMenu: true,
},
{
name: '章节模拟练习-错题本',
path: '/mockExamination/chapterExamination/chapterList/chapterErrorListPaper/:info',
component: './mockExamination/chapterErrorListPaper',
hideInMenu: true,
},
{
name: '综合模拟考试',
icon: 'smile',
@ -146,7 +158,7 @@ export default defineConfig({
{
name: '综合模拟考试答题',
icon: 'smile',
path: '/mockExamination/paper/:rules_id',
path: '/mockExamination/index/paper/:rules_id',
component: './mockExamination/paper',
hideInMenu: true,
},

4
web/src/global.less
Unescape View File

@ -100,3 +100,7 @@ ol {
border: #1895ff 1px solid;
color: #1895ff;background-color: #e6f7ff;
}
.answerSheet .perror{
border: #ff1837 1px solid;
color: #ff1818;background-color: #ffe6ea;
}

531
web/src/pages/mockExamination/chapterErrorListPaper.tsx
Unescape View File

@ -0,0 +1,531 @@
/** 资质考试 */
import { AlignLeftOutlined, PlusOutlined } from '@ant-design/icons';
import { Switch, Button, Card, Col, List, Menu, Progress, Row, Typography, Space, Divider, Radio, Checkbox, Form } from 'antd';
import { PageContainer } from '@ant-design/pro-layout';
import { useParams, useRequest, history } from 'umi';
import { useEffect, useRef, useState } from 'react';
const { Text, Link } = Typography;
import { getErrorQuestionList, getPaperQuestionList, finishExamination, savePersonAnswer } from './service';
import type { CardListItemDataType } from '../data';
import styles from './style.less';
import cookie from 'react-cookies';
import ProCard from '@ant-design/pro-card';
const CardList = () => {
const formRef = useRef<ActionType>();
const params = useParams();
// 组卷详情查询
const [rulesPaperInfo, setRulesPaperInfo] = useState([]);
// 试题列表
const [paperInfo, setPaperInfo] = useState([]);
//答题卡列表
const [questionTypeList, setQuestionTypeList] = useState([])
// 当前答题id
const [questionNow, setQuestionNow] = useState({})
// 解析可见
const [parsingShow, setParsingShow] = useState(false)
const [lastBtnShow, setLastBtnShow] = useState(true)
const [nextBtnShow, setNextBtnShow] = useState(false)
// 当前题号
const [questionNowNum, setQuestionNowNum] = useState(0)
const [questionNum, setQuestioNum] = useState(0)
const info = params.info.split(',');
const { loading, data } = useRequest(() => {
return getErrorQuestionList({
subject_id: info[0],
person_id: info[1],
});
},
{
formatResult: (result) => {
return result;
},
onSuccess: (result) => {
const questionList = result.list;
// const finish_list = result.finish_list;
setRulesPaperInfo(result)
// 根据答题卡生成考试顺序
const questionSort = []
questionList.map((item, index) => {
questionList[index].question_list.map((e, i) => {
questionList[index].question_list[i].index = i
questionList[index].question_list[i].state = ""
// finish_list.map((f_item, f_index) => {
// if (f_item.question_id == e.id) {
// questionList[index].question_list[i].answerId = f_item.teacher_answer
// questionList[index].question_list[i].state = f_item.is_error
// return;
// }
// })
questionSort.push({ ...e, index: i })
})
}
)
// console.log(questionSort, '试题顺序', questionList, "已答", finish_list)
setPaperInfo(questionSort)
setQuestionTypeList(questionList || [])
setQuestionNow(questionSort[0] || [])
setQuestioNum(questionSort.length)
// if (result.success) {
// setRulesPaperInfo(result.question_list[0] || [])
// run({ paper_id: result.question_list[0].paper_id, question_type_count: result.question_list[0].question_type_count })
// // setQuestionTypeList(result.question_list[0].question_type_count)
// }
}
});
const { run } = useRequest(getPaperQuestionList,
{
refreshDeps: [rulesPaperInfo],
manual: true,
formatResult: (result) => {
return result;
},
onSuccess: (result, params) => {
// setRulesPaperInfo(result || [])
if (result.success) {
// 试题列表
const paperList = result.question_list;
const qList = params[0].question_type_count
const questionList: any[] = []
qList.map((e, i) => {
if (e.count > 0) {
questionList.push({
question_list: [],
...e
})
}
})
// 根据分类拆分试题 左侧答题卡 state:0 未答题 1 ： 已答题
paperList.map((e) => {
questionList.map((item, index) => {
if (item.question_type == e.question_type) {
questionList[index].question_list.push({ ...e, question_type: item.question_type, answerSelect: "", state: 0, answerId: "" })
}
})
})
// 根据答题卡生成考试顺序
const questionInfo = []
for (let i = 0; i < questionList.length; i++) {
questionList[i].question_list.map((e, index) => {
questionInfo.push({ ...e, index: index })
})
}
setPaperInfo(questionInfo || [])
setQuestionNow(questionInfo[0] || [])
// setQuestionTypeList(questionList || [])
}
}
});
useEffect(() => {
// 已选择题目回显
formRef?.current?.setFieldsValue({ note: questionNow.answerId });
paperInfo.map((item, index) => {
if (item.question_id === questionNow.question_id) {
setQuestionNowNum(index + 1)
}
})
}, [questionNow]);
useEffect(() => {
setLastBtnShow(questionNowNum == 1 ? true : false)
setNextBtnShow(questionNowNum == questionNum ? true : false)
}, [questionNowNum])
const content = (
<div className={styles.pageHeaderContent}>
<p>
{/* 试卷信息：{rulesPaperInfo?.question_list[0].rules_name} */}
</p>
</div>
);
const numbers = [];
for (let i = 0; i < 50; i++) {
numbers.push({ id: `${i}` })
}
const tiNum = (a: number) => {
switch (a) {
case 0:
return "A："
break;
case 1:
return "B："
break;
case 2:
return "C："
break;
case 3:
return "D："
break;
case 4:
return "E："
break;
case 5:
return "F："
break;
case 6:
return "G："
break;
case 7:
return "H："
break;
case 8:
return "I："
break;
case 9:
return "J："
break;
default:
return ""
break;
}
}
return (
<PageContainer content={content} extraContent={false}>
<Row>
{/* {console.log("试题列表：", paperInfo, "答题卡：", questionTypeList, "当前试题", questionNow)} */}
{/* {console.log(questionTypeList, 'uestionTypeList')} */}
<Col span={6} style={{ paddingRight: 24 }}>
<ProCard
title="题号列表"
bordered
className='answerSheet'
headStyle={{ padding: 24, border: '#d9d9d9 solid 1px' }}
>
{
questionTypeList && (
questionTypeList.map((e, i) => {
return <List
key={i}
header={e.question_type_name}
footer={false}
bordered
dataSource={e.question_list}
renderItem={(item, index) => {
return <List.Item
id={item.question_id}
> <Button
className={
`pdefault ${item.state === 0 ? "pok" : item.state === 1 ? "perror" : ""} ${questionNow.question_id === item.question_id ? "pact" : ""}`
}
onClick={() => {
// 查看解析关闭
setParsingShow(false)
paperInfo.map((e) => {
if (e.question_id === item.question_id) {
// 重写单选的label、value，index：保存当前试题的index。
setQuestionNow({ ...item, index: e.index })
}
})
}}
>{index + 1}</Button> </List.Item>
}}
style={{ background: '#ffffff', margin: '-25px -24px 24px -24px' }}
/>
}
)
)}
</ProCard>
</Col>
<Col span={13} style={{ background: '#ffffff', padding: 0 }}>
<ProCard
title={
questionNow.question_type === 0 ? "一、单选器" : questionNow.question_type === 1 ? "二、多选题" : questionNow.question_type === 2 ? "判断题" : ""
}
extra={false}
split='vertical'
bordered
headerBordered
>
<Space direction="vertical" style={{ width: '100%', padding: '24px 48px' }}>
<Typography style={{ marginBottom: 16, fontSize: 18 }}>
{questionNow?.question_stem}
</Typography>
<Space direction="vertical" style={{ fontSize: 16 }}>
<Form
ref={formRef} name="control-ref"
>
<Form.Item name="note" rules={[{ required: true }]}>
{questionNow.question_type === 0 ?
(
<Radio.Group>
<Space direction="vertical">{questionNow?.answers?.map((item, index) => {
// console.log("答题item", item, "questionNowid", questionNow)
return <Radio key={item.id}
onChange={(e) => {
const qArr = []
// 默认输出答案0，0，0，0
questionNow?.answers?.map(() => {
qArr.push("0")
})
// 修改用户答案
qArr[index] = item.is_true
const questionList = questionTypeList
const questionAnswer = qArr.join(",")
// runSavePersonAnswer({
// answer_ids: e.target.value,
// question_id: questionNow.question_id,
// record_id: rulesPaperInfo.record_id
// })
// console.log("答题：", questionAnswer, qArr, questionNow)
// 修改答题卡状态 写入答案以及修改答题状态
const qX = questionNow?.question_type;
const qI = questionNow?.index;
questionList[qX].question_list[qI].answerSelect = questionAnswer;
if (questionAnswer === questionNow.answertrue) {
questionList[qX].question_list[qI].state = 0
} else {
questionList[qX].question_list[qI].state = 1
}
// 答题状态
questionList[qX].question_list[qI].answerId = item.id
// 提交答题卡
setQuestionTypeList(questionList)
}}
value={item.id}
style={{ padding: 5, fontSize: 16 }}
>{tiNum(index)}{item.answer}</Radio>
})}</Space></Radio.Group>
) : questionNow.question_type === 1 ? <Checkbox.Group onChange={(e) => {
// 答案 0101
const qArr = []
// 默认输出答案0，0，0，0
questionNow?.answers?.map((item) => {
if (e.indexOf(item.id) > -1) {
qArr.push("1")
} else {
qArr.push("0")
}
})
const questionList = questionTypeList
const questionAnswer = qArr.join(",")
// runSavePersonAnswer({
// answer_ids: e.join(','),
// question_id: questionNow.question_id,
// record_id: rulesPaperInfo.record_id
// })
// 修改答题卡状态 写入答案以及修改答题状态
const qX = questionNow?.question_type;
const qI = questionNow?.index;
questionList[qX].question_list[qI].answerSelect = questionAnswer;
// 答题状态
questionList[qX].question_list[qI].answerId = e
if (questionAnswer === questionNow.answertrue) {
questionList[qX].question_list[qI].state = 0
} else {
questionList[qX].question_list[qI].state = 1
}
// 提交答题卡
setQuestionTypeList(questionList)
}}>
{questionNow?.answers?.map((item, index) => {
return <Checkbox key={item.id}
value={item.id}
style={{ padding: 5, fontSize: 16 }}
>{tiNum(index)}{item.answer}</Checkbox>
})}
</Checkbox.Group> : questionNow.question_type === 2 ? (
<Radio.Group>
<Space direction="vertical">{questionNow?.answers?.map((item, index) => {
return <Radio key={item.id}
onChange={(e) => {
const qArr = []
// 默认输出答案0，0，0，0
questionNow?.answers?.map(() => {
qArr.push("0")
})
// 修改用户答案
qArr[index] = item.is_true
const questionList = questionTypeList
const questionAnswer = qArr.join(",")
// runSavePersonAnswer({
// answer_ids: e.target.value,
// question_id: questionNow.question_id,
// record_id: rulesPaperInfo.record_id
// })
// console.log("答题：", questionAnswer, qArr, questionNow)
// 修改答题卡状态 写入答案以及修改答题状态
const qX = questionNow?.question_type;
const qI = questionNow?.index;
questionList[qX].question_list[qI].answerSelect = questionAnswer;
if (questionAnswer === questionNow.answertrue) {
questionList[qX].question_list[qI].state = 0
} else {
questionList[qX].question_list[qI].state = 1
}
// 答题状态
questionList[qX].question_list[qI].answerId = item.id
// 提交答题卡
setQuestionTypeList(questionList)
}}
value={item.id}
style={{ padding: 5, fontSize: 16 }}
>{tiNum(index)}{item.answer}</Radio>
})}</Space></Radio.Group>
) : ""
}
</Form.Item>
</Form>
</Space>
<Radio.Group onChange={() => { return true }} value={0} size="large">
<Space direction="vertical" style={{ fontSize: 16 }}>
<Button type="primary" onClick={() => {
setParsingShow(!parsingShow)
}}>查看解析</Button>
<div style={{ display: (parsingShow ? 'block' : 'none') }} dangerouslySetInnerHTML={{ __html: questionNow.parsing }} />
</Space>
</Radio.Group>
</Space>
</ProCard>
</Col>
<Col span={5} style={{ paddingLeft: 24 }}>
<div style={{ background: '#ffffff', padding: 24 }}>
<Space direction="vertical" style={{ width: '100%' }}>
<strong>剩余时间</strong>
<Typography>6分14秒</Typography>
<Divider style={{ margin: '6px 0', opacity: 0.5 }} />
<strong>答题序号</strong>
<Typography>{questionNowNum}/{questionNum}</Typography>
<Divider style={{ margin: '6px 0', opacity: 0.5 }} />
<Button
size="large"
disabled={lastBtnShow}
onClick={() => {
paperInfo.map((e, i) => {
if (e.question_id === questionNow.question_id) {
const nextTemp = paperInfo[i - 1]
const questionList = questionTypeList
let nextData = {}
questionList[nextTemp.question_type].question_list.map((item, index) => {
if (item.question_id === nextTemp.question_id) {
nextData = { ...item, index: index }
}
})
setQuestionNow(nextData)
}
})
}}
block>上一题</Button>
<Button size="large"
disabled={nextBtnShow}
block onClick={() => {
paperInfo.map((e, i) => {
if (e.question_id === questionNow.question_id) {
const nextTemp = paperInfo[i + 1]
const questionList = questionTypeList
let nextData = {}
questionList[nextTemp.question_type].question_list.map((item, index) => {
if (item.question_id === nextTemp.question_id) {
nextData = { ...item, index: index }
}
})
setQuestionNow(nextData)
}
})
}}>下一题</Button>
<Button size="large" type="primary"
onClick={() => {
history.goBack();
}}
block>返回</Button>
</Space>
</div>
</Col>
</Row >
</PageContainer >
);
};
export default CardList;

2
web/src/pages/mockExamination/chapterExamination.tsx
Unescape View File

@ -60,7 +60,7 @@ const SubjectList = () => {
<Card.Grid hoverable={false} style={{ width: '20%', textAlign: 'center' }}>
<Button type="primary" onClick={() => {
const info = item.data_id + ',' + item.data_type + ',' + item.subject_id;
history.push(`/mockExamination/chapterList/${item.data_id}/${item.data_type}/${item.subject_id}`);
history.push(`/mockExamination/chapterExamination/chapterList/${item.data_id}/${item.data_type}/${item.subject_id}`);
}}>去学习</Button>
</Card.Grid>
</>

67
web/src/pages/mockExamination/chapterList.tsx
Unescape View File

@ -2,17 +2,17 @@ import { AlignLeftOutlined, LaptopOutlined, NotificationOutlined, PlusOutlined,
import { useEffect, useState } from 'react';
import { Button, Card, Col, Layout, List, Menu, Progress, Row, Typography } from 'antd';
import { PageContainer } from '@ant-design/pro-layout';
import { useParams, useRequest } from 'umi';
import { useParams, useRequest, history } from 'umi';
import { viewMyLearningSubject, getCourseExaminationProgressList } from './service';
import type { CardListItemDataType } from './data.d';
import styles from './style.less';
import SubMenu from 'antd/lib/menu/SubMenu';
const { Paragraph } = Typography;
import cookie from 'react-cookies';
import { history } from "@@/core/history";
// import { history } from "@@/core/history";
let chapterCourse=[];
let total_process=0;
let chapterCourse = [];
let total_process = 0;
const CardList = () => {
const params = useParams();
@ -46,31 +46,32 @@ const CardList = () => {
// r_list[0].chapter_id
});
},{
}, {
manual: true,
formatResult: (result) => {
if(result.list.length!==0){
let total_finish_count=0;
let total_question_count=0;
result.list.forEach((item)=>{
total_finish_count+=item.finish_count;
total_question_count+=item.question_count;
if(item.finish_count!==0){
let num=0;
num=result.finish_count/result.question_count;
item.process=num.toFixed(4)
}else {
item.process=0;
if (result.list.length !== 0) {
let total_finish_count = 0;
let total_question_count = 0;
result.list.forEach((item) => {
total_finish_count += item.finish_count;
total_question_count += item.question_count;
if (item.finish_count !== 0) {
let num = 0;
num = result.finish_count / result.question_count;
item.process = num.toFixed(4)
} else {
item.process = 0;
}
});
if(total_finish_count!==0){
let total_num=total_finish_count/total_question_count;
total_process=total_num.toFixed(4)
if (total_finish_count !== 0) {
const total_num = total_finish_count / total_question_count;
total_process = total_num.toFixed(4)
}else {
total_process=0;
} else {
total_process = 0;
}
}
chapterCourse=result.list;
chapterCourse = result.list;
}
});
@ -113,15 +114,18 @@ const CardList = () => {
{subject_data ? subject_data.subject_describe : '--'}
</Paragraph>
<Row>
<Col span={16} style={{ display: 'inline-block', padding: 10 }}><span>章节模拟考试进度：</span><span style={{ display: 'inline-block', width: '80%' }}><Progress percent={total_process * 100 } /></span></Col>
<Col span={16} style={{ display: 'inline-block', padding: 10 }}><span>章节模拟考试进度：</span><span style={{ display: 'inline-block', width: '80%' }}><Progress percent={total_process * 100} /></span></Col>
</Row>
<Row>
<Col span={4} style={{ padding: 10 }}>
<Button type="primary"
onClick={() => {
console.log('last_data',last_data)
onClick={() => {
console.log('last_data', last_data)
const info = subject_data.subject_id + "," + cookie.load('person_id')
console.log(subject_data, 'subject_data')
history.push(`/mockExamination/chapterExamination/chapterList/chapterErrorListPaper/${info}`)
}}
}}
>错题练习</Button>
</Col>
</Row>
@ -170,7 +174,7 @@ const CardList = () => {
return (
<div key={'chapterCourse' + index} >
<div style={{ marginBottom: '2rem', }}>
<div style={{ paddingRight: '1rem', width: '10%', display: 'inline-block' }}>第{index+1}讲</div>
<div style={{ paddingRight: '1rem', width: '10%', display: 'inline-block' }}>第{index + 1}讲</div>
<div title={item?.course_name} style={{ paddingRight: '1rem', width: '30%', display: 'inline-block', verticalAlign: 'middle', overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap' }}>{item?.course_name}</div>
<div style={{ paddingRight: '1rem', width: '10%', display: 'inline-block' }}>{item?.finish_count}题/{item?.question_count}题</div>
<div style={{ paddingRight: '1rem', width: '30%', display: 'inline-block' }}>
@ -178,9 +182,10 @@ const CardList = () => {
</div>
<div style={{ paddingRight: '1rem', width: '20%', display: 'inline-block', textAlign: 'right' }}>
<Button type="primary" onClick={() => {
const info = item.chapter_id + ',' + item.course_id + ',' + item.subject_id;
// window.open('/#/course/detail/' + info)
// history.push( '/course/detail/'+info);
const info = cookie.load('identity_id') + ',' + item.chapter_id + ',' + item.course_id + ',' + item.finish_count + ',' + cookie.load('person_id') + ',' + item.subject_id;
console.log(info)
history.push(`/mockExamination/chapterExamination/chapterList/chapterListPaper/${info}`)
}}>开始考试</Button>
</div>
</div>

490
web/src/pages/mockExamination/chapterListPaper.tsx
Unescape View File

@ -0,0 +1,490 @@
/** 资质考试 */
import { AlignLeftOutlined, PlusOutlined } from '@ant-design/icons';
import { Switch, Button, Card, Col, List, Menu, Progress, Row, Typography, Space, Divider, Radio, Checkbox, Form } from 'antd';
import { PageContainer } from '@ant-design/pro-layout';
import { useParams, useRequest, history } from 'umi';
import { useEffect, useRef, useState } from 'react';
const { Text, Link } = Typography;
import { getCourseQuestionList, getPaperQuestionList, finishExamination, savePersonAnswer } from './service';
import type { CardListItemDataType } from '../data';
import styles from './style.less';
import cookie from 'react-cookies';
import ProCard from '@ant-design/pro-card';
const CardList = () => {
const formRef = useRef<ActionType>();
// 组卷详情查询
const [rulesPaperInfo, setRulesPaperInfo] = useState([]);
// 试题列表
const [paperInfo, setPaperInfo] = useState([]);
//答题卡列表
const [questionTypeList, setQuestionTypeList] = useState([])
// 当前答题id
const [questionNow, setQuestionNow] = useState({})
// 解析可见
const [parsingShow, setParsingShow] = useState(false)
const [lastBtnShow, setLastBtnShow] = useState(true)
const [nextBtnShow, setNextBtnShow] = useState(false)
// 当前题号
const [questionNowNum, setQuestionNowNum] = useState(0)
const [questionNum, setQuestioNum] = useState(0)
const params = useParams();
const info = params.info.split(',');
const { loading, data } = useRequest(() => {
return getCourseQuestionList({
bureau_id: info[0],
chapter_id: info[1],
course_id: info[2],
finish_count: info[3],
person_id: info[4],
subject_id: info[5],
});
},
{
formatResult: (result) => {
return result;
},
onSuccess: (result) => {
const questionList = result.list;
const finish_list = result.finish_list;
setRulesPaperInfo(result)
// 根据答题卡生成考试顺序
const questionSort = []
questionList.map((item, index) => {
questionList[index].question_list.map((e, i) => {
questionList[index].question_list[i].index = i
finish_list.map((f_item, f_index) => {
if (f_item.question_id == e.id) {
questionList[index].question_list[i].answerId = f_item.teacher_answer
questionList[index].question_list[i].state = f_item.is_error
return;
}
})
questionSort.push({ ...e, index: i })
})
}
)
// console.log(questionSort, '试题顺序', questionList, "已答", finish_list)
setPaperInfo(questionSort)
setQuestionTypeList(questionList || [])
setQuestionNow(questionSort[0] || [])
setQuestioNum(questionSort.length)
}
});
// 保存答案
const { run: runSavePersonAnswer } = useRequest(savePersonAnswer,
{
refreshDeps: [rulesPaperInfo],
manual: true,
formatResult: (result) => {
return result;
},
onSuccess: (result, params) => {
console.log(result, 'questionFinish server', params)
}
});
useEffect(() => {
// 已选择题目回显
formRef?.current?.setFieldsValue({ note: questionNow.answerId });
paperInfo.map((item, index) => {
if (item.id === questionNow.id) {
setQuestionNowNum(index + 1)
}
})
}, [questionNow]);
useEffect(() => {
setLastBtnShow(questionNowNum == 1 ? true : false)
setNextBtnShow(questionNowNum == questionNum ? true : false)
}, [questionNowNum])
const content = (
<div className={styles.pageHeaderContent}>
<p>
{/* 试卷信息：{rulesPaperInfo?.question_list[0].rules_name} */}
</p>
</div>
);
const numbers = [];
for (let i = 0; i < 50; i++) {
numbers.push({ id: `${i}` })
}
const tiNum = (a: number) => {
switch (a) {
case 0:
return "A："
break;
case 1:
return "B："
break;
case 2:
return "C："
break;
case 3:
return "D："
break;
case 4:
return "E："
break;
case 5:
return "F："
break;
case 6:
return "G："
break;
case 7:
return "H："
break;
case 8:
return "I："
break;
case 9:
return "J："
break;
default:
return ""
break;
}
}
return (
<PageContainer content={content} extraContent={false}>
<Row>
{/* {console.log("试题列表：", paperInfo, "答题卡：", questionTypeList, "当前试题", questionNow)} */}
{/* {console.log(questionTypeList, 'uestionTypeList')} */}
<Col span={6} style={{ paddingRight: 24 }}>
<ProCard
title="题号列表"
bordered
className='answerSheet'
headStyle={{ padding: 24, border: '#d9d9d9 solid 1px' }}
>
{
questionTypeList && (
questionTypeList.map((e, i) => {
return <List
key={i}
header={e.question_type_name}
footer={false}
bordered
dataSource={e.question_list}
renderItem={(item, index) => {
return <List.Item
id={item.id}
> <Button
className={
`pdefault ${item.state === 0 ? "pok" : item.state === 1 ? "perror" : ""} ${questionNow.id === item.id ? "pact" : ""}`
}
onClick={() => {
// 查看解析关闭
setParsingShow(false)
paperInfo.map((e) => {
if (e.id === item.id) {
// 重写单选的label、value，index：保存当前试题的index。
setQuestionNow({ ...item, index: e.index })
}
})
}}
>{index + 1}</Button> </List.Item>
}}
style={{ background: '#ffffff', margin: '-25px -24px 24px -24px' }}
/>
}
)
)}
</ProCard>
</Col>
<Col span={13} style={{ background: '#ffffff', padding: 0 }}>
<ProCard
title={
questionNow.question_type === 0 ? "一、单选器" : questionNow.question_type === 1 ? "二、多选题" : questionNow.question_type === 2 ? "判断题" : ""
}
extra={false}
split='vertical'
bordered
headerBordered
>
<Space direction="vertical" style={{ width: '100%', padding: '24px 48px' }}>
<Typography style={{ marginBottom: 16, fontSize: 18 }}>
{questionNow?.question_stem}
</Typography>
<Space direction="vertical" style={{ fontSize: 16 }}>
<Form
ref={formRef} name="control-ref"
>
<Form.Item name="note" rules={[{ required: true }]}>
{questionNow.question_type === 0 ?
(
<Radio.Group>
<Space direction="vertical">{questionNow?.answers?.map((item, index) => {
// console.log("答题item", item, "questionNowid", questionNow)
return <Radio key={item.id}
onChange={(e) => {
const qArr = []
// 默认输出答案0，0，0，0
questionNow?.answers?.map(() => {
qArr.push("0")
})
// 修改用户答案
qArr[index] = item.is_true
const questionList = questionTypeList
const questionAnswer = qArr.join(",")
runSavePersonAnswer({
answer_ids: e.target.value,
question_id: questionNow.id,
record_id: rulesPaperInfo.record_id
})
// console.log("答题：", questionAnswer, qArr, questionNow)
// 修改答题卡状态 写入答案以及修改答题状态
const qX = questionNow?.question_type;
const qI = questionNow?.index;
questionList[qX].question_list[qI].answerSelect = questionAnswer;
if (questionAnswer === questionNow.answertrue) {
questionList[qX].question_list[qI].state = 0
} else {
questionList[qX].question_list[qI].state = 1
}
// 答题状态
questionList[qX].question_list[qI].answerId = item.id
// 提交答题卡
setQuestionTypeList(questionList)
}}
value={item.id}
style={{ padding: 5, fontSize: 16 }}
>{tiNum(index)}{item.answer}</Radio>
})}</Space></Radio.Group>
) : questionNow.question_type === 1 ? <Checkbox.Group onChange={(e) => {
// 答案 0101
const qArr = []
// 默认输出答案0，0，0，0
questionNow?.answers?.map((item) => {
if (e.indexOf(item.id) > -1) {
qArr.push("1")
} else {
qArr.push("0")
}
})
const questionList = questionTypeList
const questionAnswer = qArr.join(",")
runSavePersonAnswer({
answer_ids: e.join(','),
question_id: questionNow.id,
record_id: rulesPaperInfo.record_id
})
// 修改答题卡状态 写入答案以及修改答题状态
const qX = questionNow?.question_type;
const qI = questionNow?.index;
questionList[qX].question_list[qI].answerSelect = questionAnswer;
// 答题状态
questionList[qX].question_list[qI].answerId = e
if (questionAnswer === questionNow.answertrue) {
questionList[qX].question_list[qI].state = 0
} else {
questionList[qX].question_list[qI].state = 1
}
// 提交答题卡
setQuestionTypeList(questionList)
}}>
{questionNow?.answers?.map((item, index) => {
return <Checkbox key={item.id}
value={item.id}
style={{ padding: 5, fontSize: 16 }}
>{tiNum(index)}{item.answer}</Checkbox>
})}
</Checkbox.Group> : questionNow.question_type === 2 ? (
<Radio.Group>
<Space direction="vertical">{questionNow?.answers?.map((item, index) => {
return <Radio key={item.id}
onChange={(e) => {
const qArr = []
// 默认输出答案0，0，0，0
questionNow?.answers?.map(() => {
qArr.push("0")
})
// 修改用户答案
qArr[index] = item.is_true
const questionList = questionTypeList
const questionAnswer = qArr.join(",")
runSavePersonAnswer({
answer_ids: e.target.value,
question_id: questionNow.id,
record_id: rulesPaperInfo.record_id
})
// console.log("答题：", questionAnswer, qArr, questionNow)
// 修改答题卡状态 写入答案以及修改答题状态
const qX = questionNow?.question_type;
const qI = questionNow?.index;
questionList[qX].question_list[qI].answerSelect = questionAnswer;
if (questionAnswer === questionNow.answertrue) {
questionList[qX].question_list[qI].state = 0
} else {
questionList[qX].question_list[qI].state = 1
}
// 答题状态
questionList[qX].question_list[qI].answerId = item.id
// 提交答题卡
setQuestionTypeList(questionList)
}}
value={item.id}
style={{ padding: 5, fontSize: 16 }}
>{tiNum(index)}{item.answer}</Radio>
})}</Space></Radio.Group>
) : ""
}
</Form.Item>
</Form>
</Space>
<Radio.Group onChange={() => { return true }} value={0} size="large">
<Space direction="vertical" style={{ fontSize: 16 }}>
<Button type="primary" onClick={() => {
setParsingShow(!parsingShow)
}}>查看解析</Button>
<div style={{ display: (parsingShow ? 'block' : 'none') }} dangerouslySetInnerHTML={{ __html: questionNow.parsing }} />
</Space>
</Radio.Group>
</Space>
</ProCard>
</Col>
<Col span={5} style={{ paddingLeft: 24 }}>
<div style={{ background: '#ffffff', padding: 24 }}>
<Space direction="vertical" style={{ width: '100%' }}>
<strong>剩余时间</strong>
<Typography>6分14秒</Typography>
<Divider style={{ margin: '6px 0', opacity: 0.5 }} />
<strong>答题序号</strong>
<Typography>{questionNowNum}/{questionNum}</Typography>
<Divider style={{ margin: '6px 0', opacity: 0.5 }} />
<Button
size="large"
disabled={lastBtnShow}
onClick={() => {
paperInfo.map((e, i) => {
if (e.id === questionNow.id) {
const nextTemp = paperInfo[i - 1]
const questionList = questionTypeList
let nextData = {}
questionList[nextTemp.question_type].question_list.map((item, index) => {
if (item.id === nextTemp.id) {
nextData = { ...item, index: index }
}
})
setQuestionNow(nextData)
}
})
}}
block>上一题</Button>
<Button size="large"
disabled={nextBtnShow}
block onClick={() => {
paperInfo.map((e, i) => {
if (e.id === questionNow.id) {
const nextTemp = paperInfo[i + 1]
const questionList = questionTypeList
let nextData = {}
questionList[nextTemp.question_type].question_list.map((item, index) => {
if (item.id === nextTemp.id) {
nextData = { ...item, index: index }
}
})
setQuestionNow(nextData)
}
})
}}>下一题</Button>
<Button size="large" type="primary"
onClick={() => {
history.goBack();
}}
block>返回</Button>
</Space>
</div>
</Col>
</Row >
</PageContainer >
);
};
export default CardList;

2
web/src/pages/mockExamination/index.tsx
Unescape View File

@ -45,7 +45,7 @@ const columns: ProColumns<GithubIssueItem>[] = [
<a
key="editable"
onClick={() => {
history.push(`/mockExamination/paper/${record.id}`);
history.push(`/mockExamination/index/paper/${record.id}`);
}}
>
开始考试

2
web/src/pages/mockExamination/paper/index.tsx
Unescape View File

@ -133,7 +133,7 @@ const CardList = () => {
useEffect(() => {
// 已选择题目回显
formRef?.current?.setFieldsValue({ note: questionNow.answerId });
console.log(questionTypeList, 'questionTypeList')
paperInfo.map((item, index) => {
if (item.id === questionNow.id) {
setQuestionNowNum(index + 1)

62
web/src/pages/mockExamination/service.ts
Unescape View File

@ -1,6 +1,20 @@
import { request } from 'umi';
import type { CardListItemDataType } from './data.d';
/**
* 获取服务器时间
* /dsideal_yy/zygh/training/examination/getCurrentDate
* @param params
* @returns
*/
export async function getCurrentDate(params: {
page_size: number;
//count: number;
}): Promise<{ data: { list: CardListItemDataType[] } }> {
return request('/dsideal_yy/zygh/training/examination/getCurrentDate', {
params,
});
}
/**
* 【6.5】（教师首页）当前学习主题课程信息
* /dsideal_yy/ypt/careerTraining/learning/listMyLearningSubject
@ -61,6 +75,24 @@ export async function finishExamination(
},
});
}
/**
* 章节测验 03 保存试题答案
* /dsideal_yy/zygh/training/person/finishExamination
* @param params
* @returns
*/
export async function savePersonAnswer(
params: ParamsType,
): Promise<{ data: { list: BasicListItemDataType[] } }> {
return request('/dsideal_yy/zygh/training/mock/savePersonAnswer', {
method: 'POST',
requestType: 'form',
data: {
...params,
},
});
}
@ -82,6 +114,36 @@ export async function getPaperQuestionList(params: {
});
}
/**
* 章节 02 开始考试->试题列表
* /dsideal_yy/zygh/training/mock/getCourseQuestionList
* @param params
* @returns
*/
export async function getCourseQuestionList(params: {
page_size: number;
//count: number;
}): Promise<{ data: { list: CardListItemDataType[] } }> {
return request('/dsideal_yy/zygh/training/mock/getCourseQuestionList', {
params,
});
}
/**
* 章节 02 开始考试->试题列表
* /dsideal_yy/zygh/training/mock/getErrorQuestionList
* @param params
* @returns
*/
export async function getErrorQuestionList(params: {
page_size: number;
//count: number;
}): Promise<{ data: { list: CardListItemDataType[] } }> {
return request('/dsideal_yy/zygh/training/mock/getErrorQuestionList', {
params,
});
}
export async function viewMyLearningSubject(params: {
identity_id: number;
person_id: number;

51
web/src/pages/mockExamination/style.less
Unescape View File

@ -1,6 +1,56 @@
@import '~antd/es/style/themes/default.less';
@import './utils/utils.less';
:global {
.ant-list .ant-list-item-content-single {
max-width: 100%;
}
.ant-list-items{
display: block;
padding: 10px;
}
.ant-list-bordered .ant-list-item{
display: inline-block;
width: 50px;
height: 50px;
padding: 5px;
margin: 0;
.ant-typography:hover{
cursor: pointer;
}
.ant-typography{
color:#999999;
border: #CCCCCC 1px solid;
border-radius: 5px;
font-weight: bolder;
background-color: #f0f0f0;
display: inline-block;
width: 100%;
height: 100%;
font-size: 18px;
text-align: center;
vertical-align: middle;
span{
text-align: center;
display: block;
font-size: 18px;
line-height: 18px;
padding: 8px 8px;
}
mark{
margin: -1px;
border: #1890ff 1px solid;
border-radius: 5px;
color: #1890ff;
display: block;
width: 40px;
height: 40px;
background-color: #e6f7ff;
}
}
}
}
.cardList {
.card {
:global {
@ -34,6 +84,7 @@
box-shadow:none;
height:100%;
}
}
}
:global {

Write Preview
Loading…
Cancel
Save