gxytj/xztszzy/views/school/list4.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>
                国务院部门直属高等学校，简称“中央部属高校”，是指国务院组成部门及其直属机构在全国范围内直属管理一批高等院校。我国中央部属高校共116所。其中，教育部直属高校有75所，工业和信息化部有8所，国家民族事务委员会有6所，公安部5所，民用航空总局4所，其它大多部委都是1所高校。
            </p>
            <table class="table-x table4">
                <thead>
                <tr>
                    <th class="th1">地区</th>
                    <th class="th2">学校名称</th>
                    <th class="th3">直属部门</th>
                </tr>
                </thead>
                <tbody v-if="model.length!==0" v-for="item in model.list">

                <tr>
                    <td :rowspan="item.university_list.length" >
                        {{item.province_name}}<br>
                        ({{item.university_list.length}}所)
                    </td>
                    <td ><router-link :to="'/views/school/item?name='+item.university_list[0].university_name+'&id='+item.university_list[0].university_id"><strong>{{item.university_list[0].university_name}}</strong></router-link>
                    </td>
                    <td >
                        <div >{{item.university_list[0].direct_department}}</div>
                    </td>
                </tr>
                <tr v-for="(i,index) in item.university_list.slice(1)">
                    <td ><router-link :to="'/views/school/item?name='+i.university_name+'&id='+i.university_id"><strong>{{i.university_name}}</strong></router-link></td>
                    <td >
                        <div>{{i.direct_department}}</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": 4,
                });

                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>