gxytj/xztszzy/views/school/list6.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>
                中外合作办学大学，是指中国教育机构与外国教育机构合作办学的大学，以“中外合作办学”模式办学的大学。目前我国中外合作办学机构和项目已达2282个，其中本科以上机构和项目1196个。目前本站主要展示介绍我国已有具独立法人资格的中外合作办学大学。
            </p>
            <table class="table-x">
                <tr>
                    <th>地区</th>
                    <th>学校名称</th>
                    <th>办学层次</th>
                    <th>开设专业</th>
                </tr>
                <tr v-if="model.list.length!==0" v-for="item in model.list">
                    <td>{{item.area}}</td>
                    <td  class="th2" ><router-link :to="'/views/school/item?name='+item.university_name+'&id='+item.university_id">{{item.university_name}}</router-link></td>
                    <td>{{item.university_type_name}}</td>
                    <td>{{item.majors}}</td>

                </tr>

            </table>
        </div>
    </layout>
</template>
<script>
    export default {
        data() {
            return {
                title: '中外合作办学',
                model:{
                    list:[]
                }
            };
        },
        mounted() {
            this.getUniversityListByZwhz()
        },
        methods: {
            getUniversityListByZwhz(){
                this.model.list = [];
                let url='/dsideal_yy/zygh/ytj/getUniversityListByZwhz';
                let parent = this;
                $.post(url,{}, 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;
    }

    tr td:nth-child(1) {
        white-space: nowrap;
    }
</style>