试题解析

admin/src/pages/questionbank/normal/index.tsx

@@ -11,13 +11,19 @@ import styles from './style.less';
 import ProList from '@ant-design/pro-list';
 import { ReactText, useEffect, useState } from 'react';
 import { PlusOutlined, DeleteOutlined, DownloadOutlined, UploadOutlined, EditOutlined, EyeOutlined, EyeInvisibleOutlined, DownOutlined } from '@ant-design/icons';
-import { exportQuestionTemplate, queryQuestionList, queryQuestionType } from './service';
+import { exportQuestionTemplate, queryQuestionById, queryQuestionList, queryQuestionType } from './service';
 import { useRequest } from 'umi';
 import { queryCourseView } from '@/pages/course/option/service';
 //const { Paragraph } = Typography;
+
+const parsingMap = new Map()
+console.log('first');
 const QuestionBank = () => {
-  
+  console.log('second');
   const [questionType, setQuestionType] = useState([]);
+  
+  const [parsing, setParsing] = useState();
+
   const [selectedRowsState, setSelectedRows] = useState<API.RuleListItem[]>([]);
   const [expandedDescRowKeys, setExpandedDescRowKeys] = useState<readonly ReactText[]>([]); // 展开解析设置
   const [addType, setAddType] = useState(0);
@@ -39,9 +45,14 @@ const QuestionBank = () => {
   */
   useEffect(() => {
     setQuestionType(data || []);
+    return ()=>{
+      /** 退出当前页面清空Map */
+      parsingMap.clear();
+    }
   }, [data]);
 
   
+  
   return (
     <PageContainer content={false} extraContent={false} className={styles.questionbank}>
       <ProList<any>
@@ -214,7 +225,7 @@ const QuestionBank = () => {
                     <Typography>正确答案：
                     {answer}
                     </Typography>
-                    <Typography>解析：{record.desc}</Typography>
+                    <Typography>解析：{parsing.get(record.id)}</Typography>
                   </Space>
                 );
               }else{
@@ -257,7 +268,7 @@ const QuestionBank = () => {
                       </a>
                       <a
                         key="view"
-                        onClick={()=>{
+                        onClick={async ()=>{
                           if(expandedDescRowKeys?.indexOf(record.id) > -1){
                             const descRowKeys = expandedDescRowKeys?.filter((item, idx, self)=>{
                               console.log('FFFF', item, idx, self);
@@ -265,6 +276,10 @@ const QuestionBank = () => {
                             });
                             setExpandedDescRowKeys([...descRowKeys]);
                           }else{
+                            const { bean } = await queryQuestionById({id: record.id})
+                            parsingMap.set(bean.id, bean.parsing)
+                            setParsing(parsingMap);
+                            console.log('parsing', parsing);
                             setExpandedDescRowKeys([...expandedDescRowKeys, record.id]);
                           }
                           

admin/src/pages/questionbank/normal/service.ts

@@ -67,8 +67,8 @@ export async function queryQuestionList(params: {
  * @returns 
  */
 export async function queryQuestionById(params: {
-  count: number;
-}): Promise<{ data: { list: CardListItemDataType[] } }> {
+  id: number;
+}): Promise<{ bean: any }> {
   return request('/dsideal_yy/zygh/training/getQuestionById', {
     params,
   });