考试 未完成

master
xialiang 3 years ago
parent 3738eda8e3
commit 9081f92961

@ -72,25 +72,31 @@ ol {
filter: grayscale(100%) brightness(500%);
}
.pdefault{
.answerSheet{
}
.answerSheet .pdefault{
margin: -1px;
border: #cccccc 1px solid;
border-radius: 5px;
color: #999999;
width: 40px;
height: 40px;
background-color: #ffffff;
// background-color: #ffffff;
text-align: center;
display:flex;
font-size: 18px;
justify-content: center;
align-items: center;
}
.pact{
border: #1895ff 1px solid;
.answerSheet .pact{
border: #1895ff 2px solid!important;
color: #1895ff;
}
.pok{
border: aquamarine 1px solid;
color: aquamarine;
}
.answerSheet .pok{
border: #1895ff 1px solid;
color: #1895ff;background-color: #e6f7ff;
}

@ -1,19 +1,22 @@
/** 资质考试 */
import { AlignLeftOutlined, PlusOutlined } from '@ant-design/icons';
import { Switch, Button, Card, Col, List, Menu, Progress, Row, Typography, Space, Divider, Radio, Checkbox } from 'antd';
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 } from 'umi';
import { useState } from 'react';
import { useRef, useState } from 'react';
const { Text, Link } = Typography;
import { getRulesPaper, getPaperQuestionList } from '../service';
import type { CardListItemDataType } from '../data';
import styles from './style.less';
import SubMenu from 'antd/lib/menu/SubMenu';
import ProCard from '@ant-design/pro-card';
import { getDirection } from '../../../.umi/plugin-locale/localeExports';
const { Paragraph } = Typography;
const CardList = () => {
const formRef = useRef<ActionType>();
// 组卷详情查询
const [rulesPaperInfo, setRulesPaperInfo] = useState([]);
// 试题列表
@ -66,7 +69,7 @@ const CardList = () => {
const paperList = result.question_list;
const qList = params[0].question_type_count
const questionList = []
const questionList: any[] = []
qList.map((e, i) => {
if (e.count > 0) {
questionList.push({
@ -75,11 +78,11 @@ const CardList = () => {
})
}
})
// 根据分类拆分试题 左侧答题卡
// 根据分类拆分试题 左侧答题卡 state:0 未答题 1 已答题
paperList.map((e) => {
questionList.map((item, index) => {
if (item.question_type == e.question_type) {
questionList[index].children.push({ ...e, question_type: item.question_type, answerSelect: "" })
questionList[index].children.push({ ...e, question_type: item.question_type, answerSelect: "", state: 0, answerId: "" })
}
})
})
@ -87,23 +90,32 @@ const CardList = () => {
// 根据答题卡生成考试顺序
const questionInfo = []
for (let i = 0; i < questionList.length; i++) {
console.log(questionList[i], 'iiii')
questionList[i].children.map((e, index) => {
console.log(e, "num");
questionInfo.push({ ...e, index: index })
})
}
const nowQ = setLabVal(questionInfo[0])
setPaperInfo(questionInfo || [])
setQuestionNow(questionInfo[0] || [])
setQuestionNow(nowQ || [])
setQuestionTypeList(questionList || [])
}
}
});
const setLabVal = (value: []) => {
const nowQ = value
console.log(nowQ, "888888");
nowQ.answers.map((e, i) => {
console.log(e, 'eeeeee');
nowQ.answers[i].label = e.answer
nowQ.answers[i].value = e.id
})
return nowQ
}
const content = (
<div className={styles.pageHeaderContent}>
<p>
@ -161,9 +173,13 @@ const CardList = () => {
<PageContainer content={content} extraContent={false}>
<Row>
<Col span={6} style={{ paddingRight: 24 }}>
<Button onClick={() => {
formRef?.current.setFieldsValue({ note: '11' });
}}>111111</Button>
<ProCard
title="题号列表"
bordered
className='answerSheet'
headStyle={{ padding: 24, border: '#d9d9d9 solid 1px' }}
>
{console.log("当前题号:", questionNow, "试题顺序:", paperInfo, "二维数组:", questionTypeList)}
@ -172,7 +188,7 @@ const CardList = () => {
questionTypeList && (
questionTypeList.map((e, i) => {
console.log(e.children, 'e.children')
return <List
key={i}
header={e.type_name}
@ -185,12 +201,27 @@ const CardList = () => {
id={item.id}
> <Button
className={
`pdefault ${questionNow.id === item.id ? "pact" : ""} ${item.answertrue === item.answerSelect ? "pok" : ""}`
`pdefault ${item.state === 1 ? "pok" : ""} ${questionNow.id === item.id ? "pact" : ""}`
}
onClick={() => {
// 查看解析关闭
setParsingShow(false)
setQuestionNow(item)
paperInfo.map((e) => {
if (e.id === item.id) {
console.log(e.id, e.index, item)
const dQ = setLabVal(item)
setQuestionNow({ ...dQ, index: e.index })
}
})
console.log(questionTypeList);
formRef?.current.setFieldsValue({ note: e.answerId });
}}
>{index}</Button> </List.Item>
}}
@ -227,34 +258,99 @@ const CardList = () => {
headerBordered
>
<Space direction="vertical" style={{ width: '100%', padding: '24px 48px' }}>
{/*
<Space direction="vertical">
<Radio.Group
options={questionNow.answers}
onChange={(item) => {
const qArr = []
// 默认输出答案0000
questionNow?.answers?.map((e, i) => {
console.log(e, i, "ei");
item.target.value === e.id ? qArr.push("1") : qArr.push("0")
})
console.log(qArr, 'Arr')
const questionList = questionTypeList
const questionAnswer = qArr.join(",")
// 修改答题卡状态 写入答案以及修改答题状态
const qX = questionNow?.question_type;
const qI = questionNow?.index;
questionList[qX].children[qI].answerSelect = questionAnswer;
// 答题状态
questionList[qX].children[qI].state = 1
questionList[qX].children[qI].answerId = item.target.value
console.log(questionList, 'questionList11', questionAnswer)
// 提交答题卡
setQuestionTypeList(questionList)
// console.log('0', questionList, questionNow, item, qX, qI, questionList[qX].children[qI].answerSelect, questionAnswer)
}} defaultValue={questionNow.answerId} />
</Space>
*/}
<Typography style={{ marginBottom: 16, fontSize: 18 }}>
{questionNow?.question_stem}
{console.log(questionNow.answerId, 'answerId', questionNow.answerId)}
</Typography>
<Radio.Group onChange={() => { return true }} value={0} size="large">
<Space direction="vertical" style={{ fontSize: 16 }}>
{questionNow.question_type === 0 ?
(<Radio.Group><Space direction="vertical">{questionNow?.answers?.map((item, index) => {
return <Radio key={item.id} onChange={() => {
const qArr = []
questionNow?.answers?.map(() => {
qArr.push("0")
})
qArr[index] = item.is_true
const questionAnswer = qArr.join(",")
const paperInfoTemp = paperInfo
paperInfoTemp[questionNow.index].answerSelect = questionAnswer
setPaperInfo(paperInfoTemp || [])
console.log('0', paperInfoTemp, questionNow.index)
}} value={item.id} style={{ padding: 5, fontSize: 16 }}>{tiNum(index)}{item.answer}</Radio>
})}</Space></Radio.Group>) : questionNow.question_type === 1 ? questionNow?.answers?.map((item, index) => {
return <Checkbox key={item.id} value={1} style={{ padding: 5, fontSize: 16 }}>{tiNum(index)}{item.answer}</Checkbox>
}) : questionNow.question_type === 2 ? questionNow?.answers?.map((item, index) => {
return <Radio key={item.id} value={1} style={{ padding: 5, fontSize: 16 }}>{tiNum(index)}{item.answer}</Radio>
}) : ""}
</Space>
</Radio.Group>
<Space direction="vertical" style={{ fontSize: 16 }}>
{questionNow.question_type === 0 ?
(
<Form
ref={formRef} name="control-ref"
>
<Form.Item name="note" label="Note" rules={[{ required: true }]}>
<Radio.Group
defaultValue={questionNow.answerId}>
<Space direction="vertical">{questionNow?.answers?.map((item, index) => {
console.log(item, 'item')
return <Radio key={item.id}
onChange={() => {
const qArr = []
// 默认输出答案0000
questionNow?.answers?.map(() => {
qArr.push("0")
})
// 修改用户答案
qArr[index] = item.is_true
const questionList = questionTypeList
const questionAnswer = qArr.join(",")
// 修改答题卡状态 写入答案以及修改答题状态
const qX = questionNow?.question_type;
const qI = questionNow?.index;
questionList[qX].children[qI].answerSelect = questionAnswer;
// 答题状态
questionList[qX].children[qI].state = 1
questionList[qX].children[qI].answerId = item.id
// 提交答题卡
setQuestionTypeList(questionList)
// console.log('0', questionList, questionNow, item, qX, qI, questionList[qX].children[qI].answerSelect, questionAnswer)
}}
value={item.id}
style={{ padding: 5, fontSize: 16 }}
>{tiNum(index)}{item.answer}</Radio>
})}</Space></Radio.Group>
</Form.Item>
</Form>
) : questionNow.question_type === 1 ? questionNow?.answers?.map((item, index) => {
return <Checkbox key={item.id} value={1} style={{ padding: 5, fontSize: 16 }}>{tiNum(index)}{item.answer}</Checkbox>
}) : questionNow.question_type === 2 ? questionNow?.answers?.map((item, index) => {
return <Radio key={item.id} value={1} style={{ padding: 5, fontSize: 16 }}>{tiNum(index)}{item.answer}</Radio>
}) : ""}
</Space>
<Radio.Group onChange={() => { return true }} value={0} size="large">
<Space direction="vertical" style={{ fontSize: 16 }}>

Loading…
Cancel
Save