gxytj/xztszzy/views/school/list5.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>
                中华人民共和国教育部直属高等学校指由中华人民共和国教育部直属管理的一批高等学校，是中央部门直属高等学校的重要组成部分。教育部直属的普通高校共有75所。其中北京市最多，共有24所， 以下是具体名单。
            </p>
            <table class="table-x">
                <thead>
                    <tr>
                        <th class="th1">地区</th>
                        <th class="th2">学校名称</th>
                        <th class="th4 nm">一流学科建设名单</th>
                    </tr>
                </thead>
                <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>
                        ({{item.university_list.length}}所)
                    </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].subject_list}}</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.subject_list}}</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": 3,
                });

                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>