import React, { useEffect, useRef, useState } from 'react';
import { history, useParams, useRequest } from 'umi';
import type { ProFormInstance } from '@ant-design/pro-form';
import { ModalForm } from '@ant-design/pro-form';
import { ProFormRadio } from '@ant-design/pro-form';
import ProForm, {StepsForm, ProFormText, ProFormDatePicker, ProFormSelect, ProFormTextArea, ProFormCheckbox, ProFormDateRangePicker,} from '@ant-design/pro-form';
import ProCard from '@ant-design/pro-card';
import { Button, Checkbox, Col, Divider, Dropdown, Form, Input, List, Menu, message, Modal, Radio, Row, Space, Table, Typography, Upload, Empty, Tooltip, Popconfirm } from 'antd';
import { PageContainer } from '@ant-design/pro-layout';
import ProDescriptions from '@ant-design/pro-descriptions';
import styles from './index.less'
import { saveRules, querySubjectList, queryRulesView, queryTempQuestionList, saveQuestionTypeScore, queryRulesPaper, updateScore, delTempQuestion, exchangeSortNum } from '../../service';
import { queryCourseView } from '@/pages/course/option/service';
import { queryQuestionList, queryQuestionById, queryQuestionType } from '@/pages/questionbank/service';
import { PlusOutlined, DownOutlined, DeleteOutlined, DownloadOutlined, UploadOutlined, EyeInvisibleOutlined, EyeOutlined, EditOutlined, ArrowDownOutlined, ArrowUpOutlined } from '@ant-design/icons';
import ProList from '@ant-design/pro-list';

import { autoPaper, manualPaper, updatePaper } from '../service';
import ProTable, { EditableProTable } from '@ant-design/pro-table';

import QuestionSelector from '../../components/QuestionSelector';
import ScoreSetter from '../../components/ScoreSetter';
import AutoSelector from '../components/AutoSelector';
import { ConsoleMessage } from 'puppeteer-core';
import { getSubjectInfo } from '@/pages/course/subject/service';
import { forEach } from 'lodash';

/**
 * 保存选题
 *
 * @param values
 */
const handleAppend = async (rules_id: number, rows: any[]) => {
    const hide = message.loading('正在添加');
    try {
        const questions: { question_id: any; }[] = [];
        rows?.forEach((item) => {
            questions.push({ question_id: item?.id })
        })
        const _data = await manualPaper({
            question_count: questions?.length || 0,
            questions: JSON.stringify(questions),
            rules_id: Number(rules_id)
        });
        hide();
        message.success('添加成功');
        return _data;
    } catch (error) {
        hide();
        message.error('添加失败请重试！');
        return false;
    }
};

/**
 * 保存选题试卷
 *
 * @param values
 */
const handleUpdatePaper = async (rules_id: number, paper_uuid: number, paper_id: number) => {
    const hide = message.loading('正在保存');
    try {
        const _data = {
            rules_id: Number(rules_id),
            paper_uuid: paper_uuid,
            paper_id: paper_id
        }
        if (paper_id === 0) {
            delete _data.paper_id;
        }
        await updatePaper(_data);
        hide();
        message.success('保存成功');
        return true;
    } catch (error) {
        hide();
        message.error('保存失败请重试！');
        return false;
    }
};

/**
 * 删除临时表试题(接口不支持批量)
 * 参数为记录数组
 * @param ids
 */
 const handleRemoveTempQuestion = async (paper_uuid: number, question_ids: [{question_id: number}]) => {
    const hide = message.loading('正在删除');
    console.log('uuidPaper', paper_uuid)
    if (!question_ids || !paper_uuid) return true;
    try {
      const {code, msg} = await delTempQuestion({
        paper_uuid: paper_uuid,
        question_ids: JSON.stringify(question_ids)     
      });
      hide();
      if(code === 2000 ){
        message.success('删除成功，即将刷新');
      }else{
        message.warning(msg);
      }
      return true;
    } catch (error) {
      hide();
      message.error('删除失败，请重试');
      return false;
    }
};

/**
 * 组卷交换临时表试题顺序
 * @param paper_uuid 
 * @param question_ids 
 * @param rules_id 
 * @returns bool
 */
const handleExchangeSortNum = async (paper_uuid: number, question_ids: string, rules_id: number) => {
    const hide = message.loading('正在保存修改');
    try {
        const data = {
            rules_id: Number(rules_id),
            paper_uuid: paper_uuid,
            question_ids: question_ids
        }
        const success = await exchangeSortNum(data);
        hide();
        if(success){
            message.success('修改成功');
        }        
        return true;
    } catch (error) {
        hide();
        message.error('修改失败请重试！');
        return false;
    }
};

const labels = ['A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K']
// 模拟考试规则维护
export default () => {

    const [selectorModalVisible, handleSelectorModalVisible] = useState<boolean>(false);
    const [scoreModalVisible, handleScoreModalVisible] = useState<boolean>(false);
    const [autoModalVisible, handleAutoModalVisible] = useState<boolean>(false);

    const [subjectId, setSubjectId] = useState<number>(0); // 关联主题id
    const [subjectName, setSubjectName] = useState(''); // 关联主题name

    const [questionTypeValues, setQuestionTypeValues] = useState([]); // 题型数据[{count:0, score:0, score_harf:0}]

    const [uuidPaper, setUuidPaper] = useState<number>(0);
    const [createType, setCreateType] = useState<number>(1); // 组卷类型
    const [rulesName, setRulesName] = useState<string>(''); // 组卷类型
    const [sumScore, setSumScore] = useState<number>(0); // 总分
    const [passScore, setPassScore] = useState<number>(0); // 通过分数线

    const [typeQuestionCount, setTypeQuestionCount] = useState([0, 0, 0]); // 临时卷 各题型数量

    const [rulesId, setRulesId] = useState(0); // 规则id, 保存新建的rules_id

    const formRef = useRef<ProFormInstance>();

    const selectorRef = useRef();
    const setterRef = useRef();
    const autoRef = useRef();

    const [currentStep, setCurrentStep] = useState(0);

    const params = useParams();

    const [questionType, setQuestionType] = useState([]); // 题型
    const [scoreValues, setScoreValues] = useState([]); // 分值 [{"question_type": "0","score": "3","score_harf": "0"},]
    const [paperInfo, setPaperInfo] = useState({})

    /** 获取题型 */
    const { data: questionTypeData } = useRequest(() => {
        return queryQuestionType();
    }, {
        formatResult: (result) => {
            return result.list;
        }
    });

    useEffect(() => {
        setQuestionType(questionTypeData || []);
        return () => {
            /** 退出当前页面清空Map */
            //parsingMap.clear();
        }
    }, [questionTypeData]);

    /** 组卷，查询试题临时表（当前选题列表） */
    const { data: questions, run } = useRequest(async (params) => {
        console.log('questions', questions)
        const _data = await queryTempQuestionList(params);
        return _data;
    }, {
        manual: true,
        formatResult: (result) => {
            return result?.table_List;
        }
    });

    /** 从临时表中计算各题型数量 */
    useEffect(() => {
        const _data = [0, 0, 0]; // 当前仅支持 单选 / 多选 / 判断 的顺序
        console.log('questions-info', questions)
        questions?.forEach((item) => {
            _data[Number(item?.question_type)] += 1
        })

        setTypeQuestionCount(_data);
        return () => {
            /** 退出当前页面清空Map */
            //parsingMap.clear();
        }
    }, [questions]);
    //
    const { data: paperData, run: runPaper } = useRequest(async (params) => {
        console.log('paperData', paperData)
        /**
         *  rules_id: params?.id,
            page_number: value.current,
            page_size: value.pageSize
         */
        return queryRulesPaper(params);
    }, {
        manual: true,
        formatResult: (result) => {
            return result?.question_list;
        }
    });

    useEffect(() => {
        console.log('paperData2', paperData)
        if (paperData?.length > 0) {
            console.log('paperData[0]', paperData[0])
            setPaperInfo(paperData[0])
        }
        console.log('PaperInfo', paperInfo)
    }, [paperData]);

    console.log(params, 'params');

    let ruleData = {}
    // 
    if (params?.id) {
        //console.log(JSON.stringify(params), "878");
        const { data } = useRequest(async () => {
            return queryRulesView(params);
        }, {
            formatResult: (result) => {
                return result?.bean;
            }
        });
        ruleData = data
    }
    console.log(ruleData, 'ruleData');

    return (
        <PageContainer content={''} extraContent={''}>
            <ProCard className={styles.examinationrules}>
                <StepsForm<{
                    name: string;
                }>
                    formRef={formRef}
                    onFinish={async (e) => {
                        message.success('提交成功');
                    }}
                    formProps={{
                        layout: "horizontal",
                        labelCol: { span: 7 },
                        wrapperCol: { span: 12 },
                        validateMessages: {
                            required: '此项为必填项',
                        },
                    }}
                >
                    <StepsForm.StepForm<{
                        name: string;
                    }>
                        name="base"
                        title="模拟考试基本信息"
                        stepProps={{
                            description: false,
                        }}
                        onFinish={async (fileds) => {
                            if (params?.id) {
                                fileds = { ...fileds, id: (params.id || rulesId) }
                            }
                            const { data } = await saveRules({
                                ...fileds,
                                b_use: 0,
                                rules_type: 0,
                            });

                            setRulesId(data?.rules_id) // 保存规则id
                            //run({paper_uuid:1}); // 获取当前选题列表
                            // console.log('模拟考试基本信息', fileds)
                            setSubjectId(fileds?.subject_id) // 设置当前关联主题
                            setRulesName(fileds?.rules_name) // 设置模拟考试规则名称
                            console.log('fileds', fileds)
                            console.log('formRef', formRef.current?.getFieldValue(''))
                            // await waitTime(2000);
                            setCurrentStep(1) // 设置步骤号
                            return true;

                        }}
                    >
                        <Row gutter={24}>
                            <Col lg={24} md={24} sm={24}>
                                {ruleData && (
                                    <>
                                        <ProFormText
                                            name="rules_name"
                                            label="考试名称"
                                            width="lg"
                                            initialValue={ruleData?.rules_name}
                                            // tooltip="最长为 6 位汉字，需要与考生身份证一致"
                                            placeholder="请输入名称"
                                            fieldProps={{ 
                                                type: 'text',
                                                allowClear: false,
                                                width: 'large',
                                                onInput:(e)=>{
                                                    const val = `${e.currentTarget?.value}`;
                                                    if(val.length > 50) {
                                                        e.currentTarget.value = val.slice(0,50)
                                                    }
                                                }
                                                //style:{width: '100%'}
                                            }}
                                            rules={[
                                                { required: true, message: '请输入考试名称' },
                                                {
                                                    pattern: /^[^\s]*$/,
                                                    message: '禁止输入空格'
                                                }
                                            ]}

                                        />

                                        <ProFormSelect
                                            width="lg"
                                            initialValue={ruleData?.subject_id}
                                            key='value'
                                            request={async () => {
                                                return querySubjectList().then(({ data }) => {
                                                    console.log(data, 'querySubjectList')
                                                    return data.list.map((item) => {
                                                        if (item?.subject_id === ruleData?.subject_id) {
                                                            setSubjectName(item?.subject_name) // 设置关联主题名称
                                                            console.log('label::', item?.subject_name)
                                                        }
                                                        return {
                                                            label: item?.subject_name,
                                                            value: item?.subject_id,
                                                        };
                                                    });
                                                });
                                            }}
                                            onChange={(value) => {
                                                console.log('on change', value)
                                            }}
                                            rules={[{ required: true, message: '请选择主题' }]}
                                            name="subject_id"
                                            label="关联主题"
                                        />
                                        <ProFormText
                                            width="lg"
                                            addonAfter={`分钟`} 
                                            name="examination_time" 
                                            label="考试时长"
                                                                                    
                                            fieldProps={{ 
                                                type: 'number',
                                                min:1,
                                                max:999,
                                                allowClear: false,
                                                width: 'large',
                                                onInput:(e)=>{
                                                    const val = `${e.currentTarget?.value}`;
                                                    e.currentTarget.value = val.replace(/[^\d]|[0]/,'')
                                                    if(val.length > 3) {
                                                        e.currentTarget.value = val.slice(0,3)
                                                    }
                                                }
                                                //style:{width: '100%'}
                                            }}
                                            initialValue={ruleData?.examination_time}
                                            rules={[
                                                {
                                                    required: true,
                                                    message: '请输入考试时长'
                                                },
                                                {
                                                    pattern: /^[^\s]*$/,
                                                    message: '禁止输入空格'
                                                }]}
                                        />
                                    </>
                                )}
                            </Col>
                        </Row>

                    </StepsForm.StepForm>

                    <StepsForm.StepForm<{
                        checkbox: string;
                    }>
                        name="object"
                        title="组卷"
                        stepProps={{
                            description: false,
                        }}
                        onFinish={async () => {
                            console.log(formRef.current?.getFieldsValue());
                            setCurrentStep(2) // 设置步骤号
                            //alert(params?.id || rulesId)
                            let msg = '操作成功'
                            if(!questions){
                                msg = '请选择试题'
                                message.error(msg);
                                return false;
                            }
                            // question 请选择试题 请选择试题
                            
                            
                            runPaper({ rules_id: params?.id || rulesId })
                            return true;
                        }}
                    >
                        <div style={{ margin: '0' }}>
                            
                            <Typography style={{ padding: 24, fontSize: 24, textAlign: 'center' }}>{rulesName}</Typography>
                            {/** 一旦录入另一项将禁用，清空组卷后可选另一项 */}
                            <Row>
                                <Col span={12} style={{padding:5}}><Button size="large" onClick={()=>{handleSelectorModalVisible(true)}} value={1} style={{ display:'block', textAlign: 'center', width:'100%'}}>手动组卷</Button></Col>
                                <Col span={12} style={{padding:5}}>
                                {questions ?
                                    <Popconfirm
                                        title="目前已有题目，如果点击确定将清空之前题目数据?"
                                        onConfirm={()=>{
                                            handleAutoModalVisible(true)
                                        }}
                                        onCancel={()=>{}}
                                        okText="是"
                                        cancelText="否"
                                    >
                                        <Button size="large" value={2} style={{ display:'block', textAlign: 'center', width:'100%'}}>系统组卷</Button>
                                    </Popconfirm>
                                :
                                    <Button size="large" onClick={()=>{handleAutoModalVisible(true)}} value={2} style={{ display:'block', textAlign: 'center', width:'100%'}}>系统组卷</Button>
                                }
                                </Col>
                            </Row>
                            <Divider style={{ margin: '6px 0', opacity: 0.5 }} />

                            <Row>
                                <Col span={18} style={{ background: '#ffffff', padding: 0 }}>
                                {questions &&
                                    <ProCard
                                        title=""
                                        extra={false}
                                        split='vertical'
                                        bordered
                                        headerBordered
                                    >
                                        <Space direction="vertical" style={{ width: '100%', padding: '24px 48px' }}>
                                            {questions && questions.map((item, idx) => (
                                                item &&
                                                <div style={{ border: 'none' }}>
                                                    <Typography style={{ marginBottom: 16, fontSize: 14, padding: '15px 15px 0 15px' }}>
                                                        {idx + 1}. {item?.question_stem}
                                                    </Typography>
                                                    {(item?.question_type === 0) && // 单选题
                                                        <div style={{ padding: '0 15px 15px 15px' }}>
                                                            {item?.answers && item?.answers.map((anster, k) => (
                                                                <div value={k} checked style={{ width: '100%', padding: 5, fontSize: 14 }}>
                                                                    {anster?.is_true === '0' && <span style={{ color: '#1890ff', border: '1px solid #1890ff', display: 'inline-block', width: 16, height: 16, textAlign: 'center', borderRadius: '50%', fontSize: 12, lineHeight: '12px', marginRight: 10 }}>{labels[k]} </span>}
                                                                    {anster?.is_true === '1' && <span style={{ color: '#ffffff', border: '1px solid #1890ff', display: 'inline-block', width: 16, height: 16, textAlign: 'center', borderRadius: '50%', fontSize: 12, lineHeight: '12px', marginRight: 10, backgroundColor: '#1890ff' }}>{labels[k]} </span>}
                                                                    <span style={{ display: 'inline-block' }}>{anster?.answer}</span>
                                                                </div>
                                                            ))}
                                                        </div>
                                                    }
                                                    {(item?.question_type === 1) && // 多选题
                                                        <div style={{ padding: '0 15px 15px 15px' }}>
                                                            {item?.answers && item?.answers.map((anster, k) => (
                                                                <div value={k} checked style={{ width: '100%', padding: 5, fontSize: 14 }}>
                                                                    {anster?.is_true === '0' && <span style={{ color: '#1890ff', border: '1px solid #1890ff', display: 'inline-block', width: 16, height: 16, textAlign: 'center', borderRadius: '50%', fontSize: 12, lineHeight: '12px', marginRight: 10 }}>{labels[k]} </span>}
                                                                    {anster?.is_true === '1' && <span style={{ color: '#ffffff', border: '1px solid #1890ff', display: 'inline-block', width: 16, height: 16, textAlign: 'center', borderRadius: '50%', fontSize: 12, lineHeight: '12px', marginRight: 10, backgroundColor: '#1890ff' }}>{labels[k]} </span>}
                                                                    <span style={{ display: 'inline-block' }}>{anster?.answer}</span>
                                                                </div>
                                                            ))}
                                                        </div>
                                                    }
                                                    {(item?.question_type === 2) && // 判断选题
                                                        <div style={{ padding: '0 15px 15px 15px' }}>
                                                            {item?.answers && item?.answers.map((anster, k) => (
                                                                <div value={k} checked style={{ width: '100%', padding: 5, fontSize: 14 }}>
                                                                    {anster?.is_true === '0' && <span style={{ color: '#1890ff', border: '1px solid #1890ff', display: 'inline-block', width: 16, height: 16, textAlign: 'center', borderRadius: '50%', fontSize: 12, lineHeight: '12px', marginRight: 10 }}>{labels[k]} </span>}
                                                                    {anster?.is_true === '1' && <span style={{ color: '#ffffff', border: '1px solid #1890ff', display: 'inline-block', width: 16, height: 16, textAlign: 'center', borderRadius: '50%', fontSize: 12, lineHeight: '12px', marginRight: 10, backgroundColor: '#1890ff' }}>{labels[k]} </span>}
                                                                    <span style={{ display: 'inline-block' }}>{anster?.answer}</span>
                                                                </div>
                                                            ))}
                                                        </div>
                                                    }
                                                    <div style={{ height: 'auto', backgroundColor: '#f0f0f0', textAlign: 'right', padding: 5, opacity: 1 }}>
                                                        <Button disabled={idx === 0} onClick={async ()=>{
                                                            const success = await handleExchangeSortNum(uuidPaper,[questions[idx-1]?.id, item?.id].toString(), rulesId)
                                                            if (success) {
                                                                run({
                                                                    paper_uuid: uuidPaper,
                                                                    page_size: 1000,
                                                                    page_number: 1
                                                                }); // 获取当前选题列表
                                                            }
                                                        }}><ArrowUpOutlined /></Button> 
                                                        <Button disabled={idx+1 === questions?.length} onClick={async ()=>{
                                                            const success = await handleExchangeSortNum(uuidPaper, [ item?.id, questions[idx+1]?.id].toString(), rulesId)
                                                            if (success) {
                                                                run({
                                                                    paper_uuid: uuidPaper,
                                                                    page_size: 1000,
                                                                    page_number: 1
                                                                }); // 获取当前选题列表
                                                            }
                                                        }}><ArrowDownOutlined /></Button> 
                                                        <Popconfirm key="popconfirm" title={`确认删除当前项吗?`} okText="是" cancelText="否"
                                                            onConfirm={async () => {
                                                                const success = await handleRemoveTempQuestion(uuidPaper, [{ question_id: item?.id }]); // 调用批量删除函数（如果接口不支持批量需要在service中处理）
                                                                if (success) {
                                                                    run({
                                                                        paper_uuid: uuidPaper,
                                                                        page_size: 1000,
                                                                        page_number: 1
                                                                    }); // 获取当前选题列表
                                                                }
                                                            }}
                                                        >
                                                            <Button><DeleteOutlined /></Button>
                                                        </Popconfirm>
                                                    </div>
                                                </div>
                                            ))}

                                        </Space>
                                    </ProCard>
                                }
                                {!questions &&
                                    <Empty style={{minHeight:360, padding:60, verticalAlign:'middle',color:'#cccccc'}} description='暂无试卷' />
                                }
                                </Col>
                                <Col span={6} style={{ paddingLeft: 24 }}>
                                    <div style={{ background: '#ffffff', padding: 24 }}>
                                        <Space direction="vertical" style={{ width: '100%' }}>
                                            <strong>试卷信息与设置</strong>
                                            <Typography>共 {questions?.length} 题 {'-'} 分</Typography>
                                            <Divider style={{ margin: '6px 0', opacity: 0.5 }} />
                                            <Space direction="vertical">
                                                {questionType.map((item) => {
                                                    return <Typography>{item?.name} 共 {typeQuestionCount[Number(item.code)]} 题 {'-'} 分</Typography>
                                                }
                                                )}
                                            </Space>
                                            <Divider style={{ margin: '6px 0', opacity: 0.5 }} />
                                            <Button size="large" block onClick={() => {
                                                /** 
                                                 * 设置分值前需要题型数据
                                                 * [{count: 0, score: 0, score_harf: 0},{count: 0, score: 0, score_harf: 0},{count: 0, score: 0, score_harf: 0}]
                                                 */
                                                //
                                                const _data = []
                                                typeQuestionCount?.forEach((item) => {
                                                    _data.push({ count: item, score: 0, score_harf: 0 })
                                                })
                                                setQuestionTypeValues(_data)
                                                console.log('typeQuestionCount', typeQuestionCount);
                                                handleScoreModalVisible(true)
                                            }}>批量设置分值</Button>
                                            <Tooltip defaultVisible={false} zIndex={1} title={<span style={{display:'block', width:152}}>请选择试题组卷并设置分值后保存</span>} placement="bottom" color='#108ee9'>
                                                <Button size="large" disabled={questions ? false : true} type="primary" block onClick={async () => {
                                                    console.log('uuidPaper::', uuidPaper)
                                                    console.log('rules_id::', params?.id)
                                                    const paper_id = paper_id ? paper_id : 0;
                                                    await handleUpdatePaper(params?.id || rulesId, uuidPaper, paper_id)
                                                }}>保存试卷</Button>
                                            </Tooltip>
                                        </Space>
                                    </div>
                                </Col>
                            </Row>
                        </div>
                    </StepsForm.StepForm>

                    <StepsForm.StepForm
                        name="time"
                        title="完成"
                        stepProps={{
                            description: false,
                        }}
                        onFinish={async () => {
                            console.log(formRef.current?.getFieldsValue());
                            // 跳转到指定路由
                            history.push('/examinationrules/normal');
                            return true;
                        }}
                    >
                        <Row gutter={24}>
                            <Col lg={12} md={12} sm={12} offset={8}>
                                {currentStep === 2 && <ProDescriptions
                                    layout='horizontal'
                                    column={1}
                                    //actionRef={actionRef}
                                    title={false}
                                    request={async () => {
                                        console.log('rulesId...', rulesId)
                                        //{rules_id: rulesId}
                                        console.log('params...', params)
                                        const result = await queryRulesView({id: rulesId})
                                        console.log('queryRulesView', result)
                                        const subjectInfo = await getSubjectInfo({ subject_id: result.bean.subject_id })
                                        console.log('subjectInfo', subjectInfo)
                                        return { data: { ...result.bean, subject_name: subjectInfo.data.subject_name } };

                                    }}
                                    extra={false}
                                >
                                    <ProDescriptions.Item dataIndex="id" hideInDescriptions />
                                    <ProDescriptions.Item dataIndex="rules_name" label="考试名称" valueType="text" />
                                    <ProDescriptions.Item dataIndex="subject_name" label="关联主题" valueType="text" />
                                    <ProDescriptions.Item dataIndex="examination_time" label="考试时长" valueType="text" renderText={(text) => (`${text} 分钟`)} />
                                    <ProDescriptions.Item dataIndex="grade" label="试卷信息" valueType="text" render={() => {
                                        {/** 从试卷中读取 临时卷必须保存后才进入此页 */ }
                                        return <Space direction="vertical">
                                            <span>共 {paperInfo?.question_type_count?.map(item=>item.count)?.reduce((prev, curr)=>prev + curr)} 道题, {paperInfo?.sum_score || '-'} 分</span>
                                            <span>{paperInfo?.question_type_count?.map(item=>(<span style={{paddingRight:10}}>{`${item?.type_name} ${item?.count} 道题 `}</span>))}</span>                                            
                                            <span>通过线 {paperInfo?.pass_score || '-'} 分</span>
                                        </Space>
                                    }} />
                                </ProDescriptions>
                                }
                            </Col>
                        </Row>
                    </StepsForm.StepForm>
                </StepsForm>
            </ProCard>

            <ModalForm
                title={`手动组卷`}
                width="80%"
                layout='horizontal'
                visible={selectorModalVisible}
                onVisibleChange={handleSelectorModalVisible}
                onFinish={async (values) => {
                    console.log('v::::', values.name);
                    const rows = selectorRef?.current?.getSelectedRows()
                    console.log('rows::::', rows);
                    const { code, data: paper, msg } = await handleAppend(Number(params?.id || rulesId), rows)
                    console.log('paper', paper)
                    setUuidPaper(paper?.paper_uuid)
                    console.log('paper_uuid', paper?.paper_uuid)
                    run({
                        paper_uuid: paper?.paper_uuid,
                        page_size: 1000,
                        page_number: 1
                    }); // 获取当前选题列表
                    // message.success('提交成功');
                    handleSelectorModalVisible(false)
                    return true;
                }}
            >
                {selectorModalVisible && <QuestionSelector ref={selectorRef} />}
            </ModalForm>
            <ModalForm
                title={`系统组卷`}
                width="80%"
                visible={autoModalVisible}
                onVisibleChange={handleAutoModalVisible}
                onFinish={async () => {
                    const values = autoRef?.current.getData()
                    console.log('data-v', values)
                    //const values = [{"question_type":0,"chapter_list": [{ "chapter_id":76, "count":1 },{ "chapter_id":77, "count":1 }]}]
                    const {code, data: paper, msg} = await autoPaper({rules_id: Number(params?.id), auto_param: JSON.stringify(values)})
                    //console.log('paper', paper)
                    setUuidPaper(paper?.paper_uuid)
                    run({
                        paper_uuid: paper?.paper_uuid,
                        page_size: 1000,
                        page_number: 1
                    }); // 获取当前选题列表
                    message.success('提交成功');
                    handleAutoModalVisible(false)
                    return true;
                }}
            >
                {autoModalVisible && <AutoSelector ref={autoRef} subjectId={subjectId} questionType={questionType} />}
            </ModalForm>
            <ModalForm
                title={`批量设置分值`}
                //
                width="60%"
                visible={scoreModalVisible}
                onVisibleChange={handleScoreModalVisible}
                onFinish={async () => {
                    console.log('typeQuestionCount', typeQuestionCount)
                    const values = setterRef.current?.getData() // 获取题型分值数据
                    const passSocre = setterRef.current?.getValue() // 获取通过分数线
                    const sumCore = setterRef.current?.getSum() // 获取总分
                    console.log('批量设置分值v::::2', values);
                    // 题型分数
                    const { code, data: paper, msg } = await saveQuestionTypeScore({ rules_id: Number(params?.id || rulesId), type_score: JSON.stringify(values) })
                    const { success } = await updateScore({ rules_id: Number(params?.id || rulesId), pass_socre: passSocre, sum_score: sumCore })
                    //setSumScore(_sumScore)
                    //console.log('paper', paper)
                    // setUuidPaper(paper?.paper_uuid)
                    // message.success('提交成功');
                    handleScoreModalVisible(false)
                    return true;
                }}
            >
                <ScoreSetter ref={setterRef} questionTypeValues={questionTypeValues || false} />
            </ModalForm>
        </PageContainer>

    );
};