gxytj/xztszzy/views/school/list7.html

<template>
    <layout group="高校探索" :title="title">
        <template v-slot:breadcrumb>
            <router-link to="/views/gaoxiao">高校探索</router-link>
        </template>
        <div class="c-page" prefix="page" ref="page">
            <h2>{{title}}</h2>
            <p>
                国家示范性高等职业院校建设计划是为了提升高等职业院校的办学水平，中华人民共和国教育部启动了被称为“高职211”的“百所示范性高等职业院校建设工程”。首批立项建设有28所院校，第二批立项建设的有42所院校，第三批立项建设的有30所院校，共100所。这些示范性高职是一个省高职院校的典范，也基本上是一个省的最强高职。
            </p>
            <table class="table-x table5">
                <thead>
                    <tr>
                        <th class="th1">地区</th>
                        <th class="th2">学校名称</th>
                        <th class="th3 c-none">招生专业</th>
                        <th class="th4 nm">
                            国家示范院校重点建设专业
                        </th>
                    </tr>
                </thead>
                <!--<tbody>-->
                    <!--<tr>-->
                        <!--<td rowspan="4" class="th1 white" id="beijing">北京</td>-->
                        <!--<td class="th2"><a href="https://gkcx.eol.cn/schoolhtm/schoolTemple/school885.htm">北京工业职业技术学院</a></td>-->
                        <!--<td class="th3 c-none"><a href="https://gkcx.eol.cn/schoolhtm/schoolTemple/school885.htm">招生专业</a></td>-->
                        <!--<td class="th4 nm">-->
                            <!--<div class="mzk">机电一体化技术、安全技术管理 、工程测量技术、通信技术</div>-->
                        <!--</td>-->
                    <!--</tr>-->
                <!--</tbody>-->
                <tbody v-if="model.length!==0" v-for="item in model.list">

                <tr>
                    <td :rowspan="item.university_list.length" class="th1 white">
                        {{item.province_name}}<br>
                    </td>
                    <td class="th2"><router-link :to="'/views/school/item?name='+item.university_list[0].university_name+'&id='+item.university_list[0].university_id">{{item.university_list[0].university_name}}</router-link></td>
                    <td class="th4 nm"><div class="mzk">{{item.university_list[0].key_majors?item.university_list[0].key_majors:'— —'}}</div></td>
                </tr>
                <tr v-for="(i,index) in item.university_list.slice(1)" >
                    <td class="th2"><router-link :to="'/views/school/item?name='+i.university_name+'&id='+i.university_id">{{i.university_name}}</router-link></td>
                    <td class="th4 nm"><div class="mzk">{{i.key_majors?i.key_majors:'— —'}}</div></td>
                </tr>

                </tbody>
            </table>
        </div>
    </layout>
</template>
<script>
    export default {
        data() {
            return {
                title: '示范性高职',
                model:{
                    list:[]
                }
            };
        },
        mounted() {
            this.getUniversityListByType()
        },
        methods: {
            getUniversityListByType(){
                this.model.list = [];
                let uri = new URI();
                uri.setQuery({
                    "type": 5,
                });

                let url='/dsideal_yy/zygh/ytj/getUniversityListByType';
                let parent = this;
                $.post(url, uri.query(), function (response) {
                    parent.model = response;
                    if(response.success&&response.list.length!==0){
                        parent.model.list=response.list
                    }
                });
            },
        }
    }
</script>
<style>
    .c-search {
        display: none;
    }

    .c-page {
        padding: 4vh 8vh;
        color: #545454;
        overflow: auto;
    }

        .c-page h2 {
            text-align: center;
            color: #3E6276;
            font-weight: normal;
        }

        .c-page p {
            text-indent: 2rem;
            text-align: left;
            line-height: 1.8rem;
        }

    th, td {
        padding: 2vh;
        line-height: 1.8rem;
    }
</style>