main
king
1 year ago
parent
aee74e0418
commit
bfbf611931
@ -0,0 +1,69 @@ |
||||
import {FC, useEffect, useState} from "react"; |
||||
import {Button, Radio, RadioGroup, Text, View} from "@tarojs/components"; |
||||
|
||||
interface Props { |
||||
data: ShareSubject |
||||
onAnswer: (isAnswer: boolean) => void |
||||
onUpAndDown: (index: number) => void |
||||
index: number |
||||
validate: boolean |
||||
frequency:number |
||||
} |
||||
|
||||
const Judge: FC<Props> = ({data, onAnswer, onUpAndDown, index, validate,frequency}) => { |
||||
const [rightAnswer, setRightAnswer] = useState<string | null>(null) //答案
|
||||
const rightKey = data.right_answer ? 'correct' : 'error' // 正确答案数组
|
||||
const [error, setError] = useState(false) |
||||
|
||||
|
||||
function onChange(e) { |
||||
const value = e.detail.value |
||||
setRightAnswer(value) |
||||
|
||||
} |
||||
|
||||
useEffect(() => { |
||||
if (validate) { |
||||
onAnswer(rightAnswer === rightKey) |
||||
setError(rightAnswer !== rightKey) |
||||
} |
||||
}, [validate]) |
||||
|
||||
return ( |
||||
<View className='topic'> |
||||
<View className='mb-3'> |
||||
<Text>{data.question}</Text> |
||||
</View> |
||||
|
||||
<RadioGroup onChange={onChange}> |
||||
<Radio |
||||
value={'correct'} |
||||
className='option' |
||||
color={validate ? 'correct' !== rightKey ? 'red' : undefined : undefined} |
||||
disabled={validate ? 'correct' !== rightAnswer : false} |
||||
> |
||||
正确 |
||||
</Radio> |
||||
<Radio |
||||
value={'error'} |
||||
color={validate ? 'error' !== rightKey ? 'red' : undefined : undefined} |
||||
disabled={validate ? 'error' !== rightAnswer : false} |
||||
className='option'> |
||||
错误 |
||||
</Radio> |
||||
</RadioGroup> |
||||
|
||||
<View className='upAndDown'> |
||||
{index > 0 && <Button className='button' onClick={() => onUpAndDown(index - 1)}>上一题</Button>} |
||||
<Button className='button' onClick={() => onUpAndDown(index + 1)}>下一题</Button> |
||||
</View> |
||||
|
||||
{error && frequency === 0 && <View className='mt-3'> |
||||
<View className='font-weight mb-3'>错误答案解析</View> |
||||
<View>{data.analysis}</View> |
||||
</View>} |
||||
</View> |
||||
) |
||||
} |
||||
|
||||
export default Judge |
||||
@ -0,0 +1,87 @@ |
||||
import {FC, useEffect, useState} from "react"; |
||||
import {Button, Checkbox, CheckboxGroup, Radio, RadioGroup, Text, View} from "@tarojs/components"; |
||||
|
||||
interface Props { |
||||
data: Multi |
||||
onAnswer: (isAnswer: boolean) => void |
||||
onUpAndDown: (index: number) => void |
||||
index: number |
||||
validate: boolean |
||||
frequency:number |
||||
} |
||||
|
||||
const Multi: FC<Props> = ({data, onAnswer, onUpAndDown, index, validate,frequency}) => { |
||||
const [rightAnswer, setRightAnswer] = useState<string[]>([]) //答案
|
||||
|
||||
const rightKey = data?.right_answer?.split(',') || [] // 正确答案数组
|
||||
const [error, setError] = useState(false) |
||||
|
||||
const answers = [ |
||||
{value: "A", title: data.answerA}, |
||||
{value: "B", title: data.answerB}, |
||||
{value: "C", title: data.answerC}, |
||||
{value: "D", title: data.answerD}, |
||||
] |
||||
|
||||
function onChange(e) { |
||||
const value = e.detail.value |
||||
if (data.type) { |
||||
setRightAnswer(value) |
||||
} else { |
||||
setRightAnswer([value]) |
||||
} |
||||
} |
||||
|
||||
useEffect(() => { |
||||
if (validate) { |
||||
const isAnswer = rightKey.toString() === rightAnswer.toString() |
||||
onAnswer(isAnswer) |
||||
setError(!isAnswer) |
||||
} |
||||
}, [validate]) |
||||
|
||||
return ( |
||||
<View className='topic'> |
||||
<View className='mb-3'> |
||||
<Text>{data.question}</Text> |
||||
</View> |
||||
|
||||
<View> |
||||
{!data.type ? <CheckboxGroup onChange={onChange}> |
||||
{answers.map(d => <Checkbox |
||||
value={d.value} |
||||
className='option' |
||||
disabled={validate} |
||||
> |
||||
{d.title} |
||||
</Checkbox>)} |
||||
</CheckboxGroup> |
||||
: <RadioGroup onChange={onChange}> |
||||
{answers.map(d => <Radio |
||||
value={d.value} |
||||
className='option' |
||||
color={validate ? rightKey.includes(d.value) ? '#45d4a8' : 'red' : '#45d4a8'} |
||||
disabled={validate ? !rightAnswer.includes(d.value) : false} |
||||
> |
||||
{d.title} |
||||
</Radio>)} |
||||
</RadioGroup> |
||||
} |
||||
</View> |
||||
|
||||
<View className='upAndDown'> |
||||
{index > 0 && <Button className='button' onClick={() => onUpAndDown(index - 1)}>上一题</Button>} |
||||
<Button onClick={() => onUpAndDown(index + 1)} className='button'>下一题</Button> |
||||
</View> |
||||
|
||||
|
||||
|
||||
{error && frequency == 0 && <View className='mt-3'> |
||||
<View className='font-weight mb-3'>错误答案解析</View> |
||||
<View>{data.analysis}</View> |
||||
</View>} |
||||
</View> |
||||
) |
||||
} |
||||
|
||||
export default Multi |
||||
@ -0,0 +1,60 @@ |
||||
import {Button, Text, Textarea, View} from "@tarojs/components"; |
||||
import {FC, useEffect, useState} from "react"; |
||||
import Taro from "@tarojs/taro"; |
||||
|
||||
interface Props { |
||||
data: ShareSubject |
||||
onAnswer: (isAnswer: boolean) => void |
||||
onUpAndDown: (index: number) => void |
||||
index: number |
||||
validate: boolean |
||||
frequency: number |
||||
} |
||||
|
||||
const ShortAnswer: FC<Props> = ({data, onAnswer, onUpAndDown, index, validate, frequency}) => { |
||||
const [value, setValue] = useState<string>('') |
||||
|
||||
function onBlur() { |
||||
if (value.length < 3) { |
||||
Taro.showToast({title: '最少3个字', icon: 'error'}) |
||||
} |
||||
} |
||||
|
||||
useEffect(() => { |
||||
if (validate) { |
||||
if (value.length < 3) { |
||||
onAnswer(false) |
||||
} else { |
||||
onAnswer(true) |
||||
} |
||||
} |
||||
}, [validate]) |
||||
|
||||
return ( |
||||
<View className='topic'> |
||||
<View className='mb-3'> |
||||
<Text>{data.question}</Text> |
||||
</View> |
||||
<Textarea |
||||
placeholder='请输入答案' |
||||
adjustPosition |
||||
className='Textarea' |
||||
onBlur={onBlur} |
||||
onInput={(e) => setValue((e.target as HTMLTextAreaElement).value)}/> |
||||
<View className='upAndDown'> |
||||
{index > 0 && <Button className='button' onClick={() => onUpAndDown(index - 1)}>上一题</Button>} |
||||
<Button className='button' onClick={() => onUpAndDown(index + 1)}>下一题</Button> |
||||
</View> |
||||
|
||||
<View>最少3个字</View> |
||||
|
||||
{frequency === 0 && <View className='mt-3'> |
||||
<View className='font-weight mb-3'>解析</View> |
||||
<View>{data.analysis}</View> |
||||
</View>} |
||||
|
||||
</View> |
||||
) |
||||
} |
||||
|
||||
export default ShortAnswer |
||||
@ -0,0 +1,41 @@ |
||||
import {View} from "@tarojs/components"; |
||||
import {FC, useEffect, useState} from "react"; |
||||
import {CurLearningRecord, ManageApi} from "@/api/manage"; |
||||
import PopPut from "@/components/popPut/popPut"; |
||||
|
||||
interface Props { |
||||
id: number |
||||
} |
||||
|
||||
const StudentRecord: FC<Props> = ({id}) => { |
||||
const [data, setData] = useState<CurLearningRecord | null>(null) |
||||
|
||||
async function getDate() { |
||||
try { |
||||
const res = await ManageApi.userRecord(id) |
||||
setData(res) |
||||
} catch (e) { |
||||
} |
||||
} |
||||
|
||||
function record(id: number): string { |
||||
return `${data?.user_course_records?.[id]?.finished_count || 0}/${data?.course.class_hour || 0}` |
||||
} |
||||
|
||||
useEffect(() => { |
||||
getDate() |
||||
}, [id]) |
||||
|
||||
return ( |
||||
<View> |
||||
{data?.data?.map(d => <PopPut |
||||
leftImage={d.avatar} |
||||
title={d.name} |
||||
content={record(d.id)} |
||||
chevron |
||||
/>)} |
||||
</View> |
||||
) |
||||
} |
||||
|
||||
export default StudentRecord |
||||
|
After Width: | Height: | Size: 1.2 KiB |
|
After Width: | Height: | Size: 1.5 KiB |
|
After Width: | Height: | Size: 2.0 KiB |
|
After Width: | Height: | Size: 1.1 KiB |
@ -0,0 +1,19 @@ |
||||
/** 判断题 & 简答题 */ |
||||
interface ShareSubject { |
||||
question_type: 1 | 2 | 3 |
||||
question: string //课题题目
|
||||
score: number //课题分数
|
||||
right_answer?: string // 正确答案
|
||||
analysis: string //课题解析
|
||||
course_id: number |
||||
hour_id: number |
||||
} |
||||
|
||||
/** 选择题 */ |
||||
interface Multi extends ShareSubject { |
||||
type: boolean //是否多选
|
||||
answerA: string |
||||
answerB: string |
||||
answerC: string |
||||
answerD: string |
||||
} |
||||
Loading…
Reference in new issue