ieplus/back-ui/src/views/dz/papers/components/paper-exact-hand.vue

<template>
    <el-row :gutter="20">
        <el-col :span="8">
            <el-form label-width="68px">
                <el-form-item label="批次">
                    <el-select v-model="batchId" clearable style="width: 227px">
                        <el-option v-for="b in batchList" :label="b.name" :value="b.batchId"/>
                    </el-select>
                </el-form-item>
                <el-form-item label="院校">
                    <el-select v-model="universityId" clearable style="width: 227px">
                        <el-option v-for="u in universities" :label="u.name" :value="u.id"/>
                    </el-select>
                </el-form-item>
                <el-form-item label="专业组">
                    <el-select v-model="majorGroup" clearable style="width: 227px">
                        <el-option v-for="g in majorGroups" :label="g" :value="g"/>
                    </el-select>
                </el-form-item>
                <el-form-item label="专业">
                    <el-select v-model="majorPlanId" clearable style="width: 227px">
                        <el-option v-for="m in majors" :label="m.majorName" :value="m.id"/>
                    </el-select>
                </el-form-item>
            </el-form>
        </el-col>
        <el-col :span="16">
            <class-statistic-table exact-mode/>
        </el-col>
    </el-row>
    <el-divider/>
    <el-row :gutter="20">
        <el-col :span="6">
            <knowledge-tree/>
        </el-col>
        <el-col :span="18">
            <question-hand exact-mode @submit="handleSubmit"/>
        </el-col>
    </el-row>
</template>

<script setup name="PaperExactHand">

import consts from "@/utils/consts.js";
import {useProvidePaperExactCondition} from "@/views/dz/papers/components/conditions/usePaperExactCondition.js";
import {useProvidePaperClassStatisticCondition} from "@/views/dz/papers/components/conditions/usePaperClassStatisticCondition.js";
import {useProvidePaperKnowledgeCondition} from "@/views/dz/papers/components/conditions/usePaperKnowledgeCondition.js";
import ClassStatisticTable from "@/views/dz/papers/components/plugs/class-statistic-table.vue";
import KnowledgeTree from "@/views/dz/papers/components/plugs/knowledge-tree.vue";
import QuestionHand from "@/views/dz/papers/components/plugs/question-hand.vue";
import {usePaperStorage} from "@/views/dz/papers/hooks/usePaperStorage.js";
import {ElMessage} from "element-plus";
import router from "@/router/index.js";

const type = consts.enums.buildType.ExactHand
const {
    batchId,
    batchList,
    universityId,
    universities,
    majorGroup,
    majorGroups,
    majors,
    majorPlanId,
    onConditionReady
} = useProvidePaperExactCondition(type)
const {selectedClasses, classList, loadClassStatistic} = useProvidePaperClassStatisticCondition()
const {knowledgeNode, knowledgeCheckNodes, loadKnowledge} = useProvidePaperKnowledgeCondition()

const handleSubmit = async (questions) => {
    // validation
    if (!batchId.value) return ElMessage.error('请选择批次')
    if (!universityId.value) return ElMessage.error('请选择院校')
    if (majorGroups.value.length && !majorGroup.value) return ElMessage.error('请选择专业组')
    if (majors.value.length && !majorPlanId.value) return ElMessage.error('请选择专业')
    const classIds = selectedClasses.value.map(c => c.classId)
    if (!classIds.length) return ElMessage.error('请选择班级')
    if (!questions.length) return ElMessage.error('请将试题加入试题篮')

    const paper = {
        buildType: type,
        batchId: toValue(batchId),
        universityId: toValue(universityId),
        majorGroup: toValue(majorGroup),
        majorPlanId: toValue(majorPlanId),
        classIds,
        questions
    }
    usePaperStorage(paper)
    await router.push({name: 'PaperDetail'})
}

let statArg = null
const _loadClassStatistic = async () => {
    selectedClasses.value = []
    classList.value = []

    await loadClassStatistic(statArg)
}

onConditionReady(async (payload) => {
    statArg = payload
    knowledgeNode.value = null
    knowledgeCheckNodes.value = []

    await loadKnowledge(payload)
    await _loadClassStatistic()
})
</script>

<style scoped>

</style>