<template>
    高中学科相关的大学专业<br>
    <el-card style="width:80%;">
        <span v-for="(item,index) in subject" @click="detail(item.value)">
            {{item.value}}&nbsp;
        </span>
    </el-card>

    <br><br><br><br><br>
    <span v-for="(item,index) in data_list" @click="jumpToPro_details_video(item)">
        {{item.major}}&nbsp;
    </span>
</template>

<script setup>
    import {subjectspecialdetail} from '@/api/xjc-integratedmachine/environment/tscareer.js'

    const router = useRouter()
    const {proxy} = getCurrentInstance()
    const {subject} = proxy.useDict('subject')

    const data_list = ref([])

    function detail(data) {
        subjectspecialdetail({
            id: data
        }).then(resp => {
            data_list.value = resp.subjectspecialdetail
        })
    }

    function jumpToPro_details_video(item) {
        router.push({
            path: '/xjc-integratedmachine/decision/disciplinary_professional_detail',
            query: {
                id: item.majorid
            }
        })
    }


</script>

<style scoped>

</style>

