<template>
    <div class="flex flex-row items-center gap-2">
        <span :class="labelClass">省份：</span>
        <el-select v-model="location" style="width: 280px">
            <el-option v-for="p in provinces" :label="p.dictLabel" :value="p.dictValue"/>
        </el-select>
    </div>
    <div class="flex flex-row items-center gap-2 mt-5">
        <span :class="labelClass">考生类型：</span>
        <el-select v-model="examType" style="width: 280px">
            <el-option v-for="t in examTypes" :label="t.dictLabel" :value="t.dictValue"/>
        </el-select>
    </div>
    <div class="flex flex-row items-center gap-2 mt-5">
        <span :class="labelClass">批次：</span>
        <el-select v-model="batchId" style="width: 280px">
            <el-option v-for="b in batchList" :label="b.name" :value="b.batchId"/>
        </el-select>
    </div>
    <div class="flex flex-row items-center gap-2 mt-5">
        <span :class="labelClass">院校：</span>
        <el-select v-model="universityId" style="width: 280px">
            <el-option v-for="u in universities" :label="u.name" :value="u.id"/>
        </el-select>
    </div>
    <div class="flex flex-row items-center gap-2 mt-5">
        <span :class="labelClass">专业组：</span>
        <el-radio-group v-model="majorPlanId">
            <el-radio-button v-for="m in majors" :label="m.majorGroup" :value="m.id"/>
        </el-radio-group>
    </div>
    <div class="flex flex-row items-center gap-2 mt-5">
        <span :class="labelClass">科目：</span>
        <el-radio-group v-model="subjectId">
            <el-radio-button v-for="s in subjects" :label="s.subjectName" :value="s.subjectId"/>
        </el-radio-group>
    </div>
</template>

<script setup name="PaperExactConditions">
import {useInjectPaperExactCondition} from "@/views/dz/papers/hooks/usePaperExactCondition.js";

const labelClass = 'break-keep text-sm font-bold w-[80px]'
const {location, provinces,
    examType, examTypes,
    batchId, batchList,
    universityId, universities,
    majorPlanId, majors,
    subjectId, subjects} = useInjectPaperExactCondition()
</script>

<style scoped>

</style>