|
|
|
|
@ -0,0 +1,541 @@
|
|
|
|
|
/** 试卷 */
|
|
|
|
|
//import { AlignLeftOutlined, PlusOutlined } from '@ant-design/icons';
|
|
|
|
|
import { Switch, Button, Card, Col, List, Menu, Progress, Row, Typography, Space, Divider, Radio, Checkbox, Tag, Dropdown, Upload, Modal, Form, Input, message, Popconfirm } from 'antd';
|
|
|
|
|
import { PageContainer } from '@ant-design/pro-layout';
|
|
|
|
|
//import { useRequest } from 'umi';
|
|
|
|
|
//import { queryFakeList } 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 ProList from '@ant-design/pro-list';
|
|
|
|
|
import { ReactText, useEffect, useRef, useState } from 'react';
|
|
|
|
|
import { PlusOutlined, DeleteOutlined, DownloadOutlined, UploadOutlined, EditOutlined, EyeOutlined, EyeInvisibleOutlined, DownOutlined, UserOutlined } from '@ant-design/icons';
|
|
|
|
|
import { exportQuestionTemplate, queryQuestionById, queryQuestionList, queryQuestionType, removeQuestion, saveQuestion } from './service';
|
|
|
|
|
import { useParams, useRequest, history, useRouteMatch } from 'umi';
|
|
|
|
|
import { queryCourseListByTag, queryCourseView, queryTagList } from '@/pages/course/option/service';
|
|
|
|
|
import ProForm, { BetaSchemaForm, ProFormCheckbox, ProFormList, ProFormRadio, ProFormSelect, ProFormText } from '@ant-design/pro-form';
|
|
|
|
|
import { DataItem } from '../dashboard/analysis/data';
|
|
|
|
|
import { ActionType, ProColumns } from '@ant-design/pro-table';
|
|
|
|
|
import ProFormRichEdit from '../course/subject/components/ProFormRichEdit';
|
|
|
|
|
import { TableListItem } from '../course/option/data';
|
|
|
|
|
|
|
|
|
|
//const { Paragraph } = Typography;
|
|
|
|
|
const { Text, Link } = Typography;
|
|
|
|
|
|
|
|
|
|
const labels = ['A','B','C','D','E','F','G','H','I','J','K'];
|
|
|
|
|
const parsingMap = new Map()
|
|
|
|
|
console.log('first');
|
|
|
|
|
const addType = 0;
|
|
|
|
|
|
|
|
|
|
/**
|
|
|
|
|
* 试卷显示
|
|
|
|
|
* @returns
|
|
|
|
|
* React.forwardRef 接受渲染函数作为参数。React 将使用 props 和 ref 作为参数来调用此函数。此函数应返回 React 节点。
|
|
|
|
|
*/
|
|
|
|
|
const QuestionPaper = (props: any, ref: any) => {
|
|
|
|
|
//const match = useRouteMatch();
|
|
|
|
|
//console.log('match', match);
|
|
|
|
|
|
|
|
|
|
//const type = history.location.pathname === '/questionbank/attestation' ? 1 : 0 ; // 题库类型
|
|
|
|
|
const actionRef = useRef<ActionType>();
|
|
|
|
|
|
|
|
|
|
const [questionType, setQuestionType] = useState([]); // #1. 题型
|
|
|
|
|
|
|
|
|
|
const [parsing, setParsing] = useState();
|
|
|
|
|
const [expandedDescRowKeys, setExpandedDescRowKeys] = useState<readonly ReactText[]>([]); // 展开解析设置
|
|
|
|
|
|
|
|
|
|
/** 表单项定义 */
|
|
|
|
|
const columns: ProColumns<TableListItem>[] = [
|
|
|
|
|
{
|
|
|
|
|
title: '题干',
|
|
|
|
|
dataIndex: 'question_stem',
|
|
|
|
|
valueType: 'text',
|
|
|
|
|
hideInTable: false,
|
|
|
|
|
hideInDescriptions: false,
|
|
|
|
|
hideInForm: false,
|
|
|
|
|
hideInSearch: true,
|
|
|
|
|
formItemProps: {
|
|
|
|
|
rules: [
|
|
|
|
|
{
|
|
|
|
|
required: true,
|
|
|
|
|
message: '请填题干内容',
|
|
|
|
|
},
|
|
|
|
|
]
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: '选项',
|
|
|
|
|
dataIndex: 'answers',
|
|
|
|
|
valueType: 'text',
|
|
|
|
|
sorter: false,
|
|
|
|
|
hideInTable: false,
|
|
|
|
|
hideInForm: false,
|
|
|
|
|
hideInSearch: true,
|
|
|
|
|
renderFormItem: (item, { defaultRender, ...rest }, form) => (
|
|
|
|
|
<AnswersSelector />
|
|
|
|
|
)
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: '答案',
|
|
|
|
|
dataIndex: 'answertrue',
|
|
|
|
|
valueType: 'text',
|
|
|
|
|
sorter: false,
|
|
|
|
|
hideInTable: false,
|
|
|
|
|
hideInForm: false,
|
|
|
|
|
hideInSearch: true,
|
|
|
|
|
renderFormItem: (item, { defaultRender, ...rest }, form) => (
|
|
|
|
|
// 0 单选 1 多选 2 判断
|
|
|
|
|
(addType?.value !== 1 ) ?
|
|
|
|
|
<ProFormRadio.Group
|
|
|
|
|
label=""
|
|
|
|
|
initialValue={'A'}
|
|
|
|
|
options={['A', 'B', 'C', 'D']}
|
|
|
|
|
/>
|
|
|
|
|
:
|
|
|
|
|
<ProFormCheckbox.Group
|
|
|
|
|
label=""
|
|
|
|
|
initialValue={[]}
|
|
|
|
|
options={['A', 'B', 'C', 'D']}
|
|
|
|
|
/>
|
|
|
|
|
|
|
|
|
|
)
|
|
|
|
|
/*
|
|
|
|
|
formItemProps: {
|
|
|
|
|
rules: [
|
|
|
|
|
{
|
|
|
|
|
required: true,
|
|
|
|
|
message: '请填答案',
|
|
|
|
|
},
|
|
|
|
|
]
|
|
|
|
|
},*/
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: '解析',
|
|
|
|
|
dataIndex: 'parsing',
|
|
|
|
|
valueType: 'textarea',
|
|
|
|
|
sorter: false,
|
|
|
|
|
hideInTable: false,
|
|
|
|
|
hideInForm: false,
|
|
|
|
|
hideInSearch: true,
|
|
|
|
|
formItemProps: {
|
|
|
|
|
rules: [
|
|
|
|
|
{
|
|
|
|
|
required: true,
|
|
|
|
|
message: '请填写试题解析',
|
|
|
|
|
},
|
|
|
|
|
]
|
|
|
|
|
},
|
|
|
|
|
renderText: (val: string) => (<div dangerouslySetInnerHTML={{__html: val}} />),
|
|
|
|
|
renderFormItem: (item, { defaultRender, ...rest }, form) => (
|
|
|
|
|
<ProFormRichEdit
|
|
|
|
|
name="parsing"
|
|
|
|
|
label=""
|
|
|
|
|
width="xl"
|
|
|
|
|
// tooltip="最长为 6 位汉字，需要与考生身份证一致"
|
|
|
|
|
placeholder="请填写试题解析"
|
|
|
|
|
// rules={[{ required: true }]}
|
|
|
|
|
value=""
|
|
|
|
|
// disabled
|
|
|
|
|
/>
|
|
|
|
|
),
|
|
|
|
|
},
|
|
|
|
|
]
|
|
|
|
|
|
|
|
|
|
/** 获取题型 */
|
|
|
|
|
const { data } = useRequest(() => {
|
|
|
|
|
return queryQuestionType();
|
|
|
|
|
},{
|
|
|
|
|
formatResult: (result) => {
|
|
|
|
|
return result.list;
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
/*
|
|
|
|
|
const { data: template } = useRequest(() => {
|
|
|
|
|
return exportQuestionTemplate();
|
|
|
|
|
});
|
|
|
|
|
*/
|
|
|
|
|
useEffect(() => {
|
|
|
|
|
setQuestionType(data || []);
|
|
|
|
|
return ()=>{
|
|
|
|
|
/** 退出当前页面清空Map */
|
|
|
|
|
parsingMap.clear();
|
|
|
|
|
}
|
|
|
|
|
}, [data]);
|
|
|
|
|
|
|
|
|
|
//saveQuestion
|
|
|
|
|
return (
|
|
|
|
|
<PageContainer content={false} extraContent={false} className={styles.questionbank}>
|
|
|
|
|
<ProList<any>
|
|
|
|
|
itemLayout="vertical"
|
|
|
|
|
actionRef={actionRef}
|
|
|
|
|
rowClassName='questionbank-list-item'
|
|
|
|
|
pagination={{
|
|
|
|
|
defaultPageSize: 10,
|
|
|
|
|
showSizeChanger: false,
|
|
|
|
|
}}
|
|
|
|
|
toolBarRender={() => {
|
|
|
|
|
const menuItems = [];
|
|
|
|
|
console.log('toolBarRender', questionType);
|
|
|
|
|
if(questionType?.length > 0){
|
|
|
|
|
console.log('push');
|
|
|
|
|
questionType.forEach((item: {code: number, name: string})=>{
|
|
|
|
|
menuItems.push(<Menu.Item key={item?.code}>{item?.name}</Menu.Item>)
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
const menu = (
|
|
|
|
|
<Menu onClick={(value)=>{
|
|
|
|
|
console.log('menu11', value);
|
|
|
|
|
console.log('menu11', value.key);
|
|
|
|
|
console.log('menuquestionType', );
|
|
|
|
|
setQuestionType({ name: questionType[Number(value?.key)]?.name, value: Number(value?.key)});
|
|
|
|
|
handleCreateModalVisible(true);
|
|
|
|
|
}}>
|
|
|
|
|
{menuItems}
|
|
|
|
|
</Menu>
|
|
|
|
|
);
|
|
|
|
|
return [
|
|
|
|
|
<Dropdown overlay={menu}>
|
|
|
|
|
<Button >
|
|
|
|
|
<PlusOutlined /> 新建 <DownOutlined />
|
|
|
|
|
</Button>
|
|
|
|
|
</Dropdown>,
|
|
|
|
|
/*
|
|
|
|
|
<Button key="remove" type="default" danger>
|
|
|
|
|
<DeleteOutlined /> 批量删除
|
|
|
|
|
</Button>*/,
|
|
|
|
|
<Button key="download" onClick={()=>{window.location.href='/dsideal_yy/zygh/training/exportQuestionTemplate'}} >
|
|
|
|
|
<DownloadOutlined /> 下载模板
|
|
|
|
|
</Button>,
|
|
|
|
|
<Upload
|
|
|
|
|
accept='.xlsx'
|
|
|
|
|
showUploadList={false}
|
|
|
|
|
action="/dsideal_yy/zygh/training/importQuestionData"
|
|
|
|
|
data={
|
|
|
|
|
{
|
|
|
|
|
type: type,
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
>
|
|
|
|
|
<Button key="upload" >
|
|
|
|
|
<UploadOutlined /> 批量上传
|
|
|
|
|
</Button>
|
|
|
|
|
</Upload>,
|
|
|
|
|
];
|
|
|
|
|
}}
|
|
|
|
|
onRow={(record: any) => {
|
|
|
|
|
/*
|
|
|
|
|
return {
|
|
|
|
|
onMouseEnter: () => {
|
|
|
|
|
console.log(record);
|
|
|
|
|
},
|
|
|
|
|
onClick: () => {
|
|
|
|
|
console.log(record);
|
|
|
|
|
},
|
|
|
|
|
};*/
|
|
|
|
|
}}
|
|
|
|
|
rowKey="id"
|
|
|
|
|
headerTitle={false}
|
|
|
|
|
tooltip={false}
|
|
|
|
|
request={async (value) => {
|
|
|
|
|
console.log('value', value)
|
|
|
|
|
/*
|
|
|
|
|
const { create_time } = value;
|
|
|
|
|
if (create_time) {
|
|
|
|
|
value.begin_time = create_time[0]
|
|
|
|
|
value.end_time = create_time[1]
|
|
|
|
|
}*/
|
|
|
|
|
|
|
|
|
|
const questions = await queryQuestionList({
|
|
|
|
|
...value,
|
|
|
|
|
type: type,
|
|
|
|
|
page_number: value?.current || 1,
|
|
|
|
|
page_size: value?.pageSize,
|
|
|
|
|
});
|
|
|
|
|
// 课程名称及课程标签
|
|
|
|
|
console.log('data',questions);
|
|
|
|
|
const data = []
|
|
|
|
|
for(let i=0; i<questions?.table_List.length; i++){
|
|
|
|
|
const { data: course } = await queryCourseView({
|
|
|
|
|
course_id: questions?.table_List[i]?.course_id
|
|
|
|
|
});
|
|
|
|
|
data[i] = {...questions?.table_List[i], course_name:course?.course_name, tag_name:course?.tag_name, };
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
return {
|
|
|
|
|
current: questions?.pageNumber,
|
|
|
|
|
data: data,
|
|
|
|
|
pageSize: questions?.pageSize,
|
|
|
|
|
success: true,
|
|
|
|
|
total: questions?.totalRow || 0,
|
|
|
|
|
};
|
|
|
|
|
}}
|
|
|
|
|
//dataSource={dataSource}
|
|
|
|
|
rowSelection={{
|
|
|
|
|
onChange: (_, selectedRows) => {
|
|
|
|
|
setSelectedRows(selectedRows);
|
|
|
|
|
},
|
|
|
|
|
}}
|
|
|
|
|
// grid={{ gutter: 16, column: 1 }}
|
|
|
|
|
showActions="always"
|
|
|
|
|
showExtra="always"
|
|
|
|
|
metas={{
|
|
|
|
|
title: {
|
|
|
|
|
dataIndex: 'question_stem',
|
|
|
|
|
render: (text: React.ReactNode, record: T, index: number) => (<><Text code style={{width:80, fontSize:10, color:'bfbfbf'}}>{record?.id}</Text> {text}</>),
|
|
|
|
|
},
|
|
|
|
|
avatar: {
|
|
|
|
|
dataIndex: 'question_type',
|
|
|
|
|
valueType: 'text',
|
|
|
|
|
render: (text: React.ReactNode, record: T, index: number) => {
|
|
|
|
|
const type = questionType?.filter((item, idx, self)=>{
|
|
|
|
|
console.log('FFFF', item, idx, self);
|
|
|
|
|
return item?.code === record.question_type
|
|
|
|
|
});
|
|
|
|
|
console.log('type', type?.name);
|
|
|
|
|
console.log('type', type?.name);
|
|
|
|
|
console.log('questionType::::',questionType);
|
|
|
|
|
return `[${type[0]?.name}]`
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
description: {
|
|
|
|
|
dataIndex: 'answers',
|
|
|
|
|
valueType: 'checkbox',
|
|
|
|
|
render: (text: React.ReactNode, record: T, index: number) => {
|
|
|
|
|
console.log('description answers', record)
|
|
|
|
|
return (
|
|
|
|
|
<List
|
|
|
|
|
header={false}
|
|
|
|
|
footer={false}
|
|
|
|
|
bordered={false}
|
|
|
|
|
dataSource={record.answers || []}
|
|
|
|
|
rowKey='id'
|
|
|
|
|
renderItem={ (item, key) => {
|
|
|
|
|
console.log('item', item);
|
|
|
|
|
return (
|
|
|
|
|
<List.Item>
|
|
|
|
|
<Typography.Text mark={false}>{`${(record?.question_type === 2) ? ['T','F'][key] : labels[key]}. ${item?.answer}`}</Typography.Text>
|
|
|
|
|
</List.Item>)
|
|
|
|
|
}}
|
|
|
|
|
/>
|
|
|
|
|
);
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
subTitle: { },
|
|
|
|
|
content: {
|
|
|
|
|
render: (text: React.ReactNode, record: T, index: number) => {
|
|
|
|
|
let answer = '';
|
|
|
|
|
const answertrue = record?.answertrue?.split(',');
|
|
|
|
|
console.log('answertrue', answertrue)
|
|
|
|
|
/** 题型 */
|
|
|
|
|
switch(record?.question_type){
|
|
|
|
|
case 0: // 单选
|
|
|
|
|
case 1: // 多选
|
|
|
|
|
answer = labels?.filter((x, idx, self)=>answertrue[idx] === `${idx}`).toString()
|
|
|
|
|
break;
|
|
|
|
|
case 2: // 判断
|
|
|
|
|
answer = ['T', 'F']?.filter((x, idx, self)=>answertrue[idx] === `${idx}`).toString()
|
|
|
|
|
break;
|
|
|
|
|
}
|
|
|
|
|
console.log('expandedDescRowKeys', expandedDescRowKeys)
|
|
|
|
|
if(expandedDescRowKeys?.indexOf(record.id) > -1){
|
|
|
|
|
return (
|
|
|
|
|
<Space direction="vertical" style={{borderTop:'solid 1px #f0f0f0', padding:10, margin: '5px -18px 0 -24px', background: '#fdfdfd'}}>
|
|
|
|
|
<Typography>正确答案：
|
|
|
|
|
{answer}
|
|
|
|
|
</Typography>
|
|
|
|
|
<Typography>解析：<div dangerouslySetInnerHTML={{__html: parsing.get(record.id)}} /></Typography>
|
|
|
|
|
</Space>
|
|
|
|
|
);
|
|
|
|
|
}else{
|
|
|
|
|
return (
|
|
|
|
|
<Space direction="vertical" style={{borderTop:'solid 1px #f0f0f0', padding:10, margin: '5px -18px 0 -24px', background: '#fdfdfd'}}>
|
|
|
|
|
<Typography>正确答案：
|
|
|
|
|
{answer}
|
|
|
|
|
</Typography>
|
|
|
|
|
</Space>
|
|
|
|
|
)
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
actions: {
|
|
|
|
|
cardActionProps: 'extra',
|
|
|
|
|
render: (text: React.ReactNode, record: T, _index: number) => {
|
|
|
|
|
let eye
|
|
|
|
|
if(expandedDescRowKeys?.indexOf(record.id) > -1){
|
|
|
|
|
eye = <><EyeInvisibleOutlined /> 隐藏解析</>
|
|
|
|
|
}else{
|
|
|
|
|
eye = <><EyeOutlined /> 查看解析</>
|
|
|
|
|
}
|
|
|
|
|
return(
|
|
|
|
|
<Row style={{padding:'10px 24px'}}>
|
|
|
|
|
<Col flex={1} style={{textAlign:'left'}}>
|
|
|
|
|
<Space direction="horizontal" size="large">
|
|
|
|
|
<Typography>创建时间：{record?.create_time}</Typography>
|
|
|
|
|
<Typography>标签：{record?.tag_name}</Typography>
|
|
|
|
|
<Typography>所属课程：{record?.course_name}</Typography>
|
|
|
|
|
</Space>
|
|
|
|
|
</Col>
|
|
|
|
|
<Col flex={1} style={{textAlign:'right'}}>
|
|
|
|
|
<Space direction="horizontal" size="middle">
|
|
|
|
|
<a onClick={()=>{
|
|
|
|
|
handleUpdateModalVisible(true)
|
|
|
|
|
return false;
|
|
|
|
|
}} target="_blank" rel="noopener noreferrer" key="link">
|
|
|
|
|
<EditOutlined /> 编辑
|
|
|
|
|
</a>
|
|
|
|
|
<Popconfirm key="popconfirm" title={`确认删除当前项吗?`} okText="是" cancelText="否"
|
|
|
|
|
onConfirm={async () => {
|
|
|
|
|
const success = await handleRemove([{ key: record?.id }]); // 调用批量删除函数（如果接口不支持批量需要在service中处理）
|
|
|
|
|
if (success) {
|
|
|
|
|
// handleModalVisible(false);
|
|
|
|
|
if (actionRef.current) {
|
|
|
|
|
setSelectedRows([]);
|
|
|
|
|
actionRef.current?.reload();
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}}
|
|
|
|
|
>
|
|
|
|
|
<a key="remove" ><DeleteOutlined /> 删除</a>
|
|
|
|
|
</Popconfirm>
|
|
|
|
|
|
|
|
|
|
<a
|
|
|
|
|
key="view"
|
|
|
|
|
onClick={async ()=>{
|
|
|
|
|
if(expandedDescRowKeys?.indexOf(record.id) > -1){
|
|
|
|
|
const descRowKeys = expandedDescRowKeys?.filter((item, idx, self)=>{
|
|
|
|
|
console.log('FFFF', item, idx, self);
|
|
|
|
|
return item !== record.id
|
|
|
|
|
});
|
|
|
|
|
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]);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
console.log('record id:', record.id);
|
|
|
|
|
console.log('expandedDescRowKeys......', expandedDescRowKeys)
|
|
|
|
|
}}
|
|
|
|
|
>
|
|
|
|
|
{eye}
|
|
|
|
|
</a>
|
|
|
|
|
</Space>
|
|
|
|
|
</Col>
|
|
|
|
|
</Row>
|
|
|
|
|
)
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
}}
|
|
|
|
|
/>
|
|
|
|
|
<Modal
|
|
|
|
|
title={`新建${addType?.name }`}
|
|
|
|
|
//
|
|
|
|
|
width="60%"
|
|
|
|
|
visible={createModalVisible}
|
|
|
|
|
destroyOnClose
|
|
|
|
|
onCancel={() => {
|
|
|
|
|
handleCreateModalVisible(false);
|
|
|
|
|
}}
|
|
|
|
|
footer={null}
|
|
|
|
|
>
|
|
|
|
|
<BetaSchemaForm<DataItem>
|
|
|
|
|
layout="horizontal"
|
|
|
|
|
layoutType="Form"
|
|
|
|
|
labelCol={{ span: 8 }}
|
|
|
|
|
wrapperCol={{ span: 12 }}
|
|
|
|
|
onFinish={async (values: any) => {
|
|
|
|
|
// 表单处理
|
|
|
|
|
console.log('columns:', columns);
|
|
|
|
|
console.log('values:', values);
|
|
|
|
|
const opts = [];
|
|
|
|
|
values?.answers?.forEach((item)=>{
|
|
|
|
|
opts.push({answer:item, is_true:0})
|
|
|
|
|
})
|
|
|
|
|
const success = await handleAdd({
|
|
|
|
|
...values,
|
|
|
|
|
type: type, // 必填，0-常规题,1-资质考试题
|
|
|
|
|
answers: JSON.stringify(opts),
|
|
|
|
|
question_type: addType.value,
|
|
|
|
|
// subject_id: params?.id || 0,
|
|
|
|
|
});
|
|
|
|
|
console.log('123')
|
|
|
|
|
if(success){
|
|
|
|
|
handleCreateModalVisible(false);
|
|
|
|
|
actionRef.current?.reload();
|
|
|
|
|
}
|
|
|
|
|
}}
|
|
|
|
|
submitter={{
|
|
|
|
|
render: (props, doms) => (
|
|
|
|
|
<Row>
|
|
|
|
|
<Col span={12} offset={8}>
|
|
|
|
|
<Space>{doms}</Space>
|
|
|
|
|
</Col>
|
|
|
|
|
</Row>
|
|
|
|
|
),
|
|
|
|
|
}}
|
|
|
|
|
// action = ''
|
|
|
|
|
title="新建"
|
|
|
|
|
columns={columns}
|
|
|
|
|
/>
|
|
|
|
|
</Modal>
|
|
|
|
|
<Modal
|
|
|
|
|
title={`编辑${addType?.name }`}
|
|
|
|
|
//
|
|
|
|
|
width="60%"
|
|
|
|
|
visible={updateModalVisible}
|
|
|
|
|
destroyOnClose
|
|
|
|
|
onCancel={() => {
|
|
|
|
|
handleUpdateModalVisible(false);
|
|
|
|
|
}}
|
|
|
|
|
footer={null}
|
|
|
|
|
>
|
|
|
|
|
<BetaSchemaForm<DataItem>
|
|
|
|
|
layout="horizontal"
|
|
|
|
|
layoutType="Form"
|
|
|
|
|
labelCol={{ span: 8 }}
|
|
|
|
|
wrapperCol={{ span: 12 }}
|
|
|
|
|
onFinish={async (values: any) => {
|
|
|
|
|
// 表单处理
|
|
|
|
|
console.log('columns:', columns);
|
|
|
|
|
console.log('values:', values);
|
|
|
|
|
const opts = [];
|
|
|
|
|
values?.answers?.forEach((item)=>{
|
|
|
|
|
opts.push({answer:item, is_true:0})
|
|
|
|
|
})
|
|
|
|
|
const success = await handleAdd({
|
|
|
|
|
...values,
|
|
|
|
|
type: type, // 必填，0-常规题,1-资质考试题
|
|
|
|
|
answers: JSON.stringify(opts),
|
|
|
|
|
question_type: addType.value,
|
|
|
|
|
// subject_id: params?.id || 0,
|
|
|
|
|
});
|
|
|
|
|
console.log('123')
|
|
|
|
|
if(success){
|
|
|
|
|
handleCreateModalVisible(false);
|
|
|
|
|
actionRef.current?.reloadAndRest?.();
|
|
|
|
|
}
|
|
|
|
|
}}
|
|
|
|
|
submitter={{
|
|
|
|
|
render: (props, doms) => (
|
|
|
|
|
<Row>
|
|
|
|
|
<Col span={12} offset={8}>
|
|
|
|
|
<Space>{doms}</Space>
|
|
|
|
|
</Col>
|
|
|
|
|
</Row>
|
|
|
|
|
),
|
|
|
|
|
}}
|
|
|
|
|
// action = ''
|
|
|
|
|
title="编辑"
|
|
|
|
|
columns={columns}
|
|
|
|
|
/>
|
|
|
|
|
</Modal>
|
|
|
|
|
</PageContainer>
|
|
|
|
|
);
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
export default QuestionPaper;
|
