gxytj/xztszzy/views/school/list2.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工程，是为了面向21世纪，迎接世界新技术革命的挑战，中国政府集中中央、地方各方面的力量，重点建设100所左右的高等学校和一批重点学科、专业使其达到世界一流大学的水平的建设工程。全国入选“211工程”高校一共有116所。
            </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: '“211”工程高校名单',
                model:{
                    list:[]
                }
            };
        },
        mounted() {
            this.getUniversityListByType()
        },
        methods: {
            getUniversityListByType(){
                this.model.list = [];
                let uri = new URI();
                uri.setQuery({
                    "type": 2,
                });

                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>