CQ_JD
/
nazw


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487
							<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
    <title>学校-重庆市南岸区人民政府网</title>
    <link rel="stylesheet" href="css/school.css">
    <link rel="stylesheet" href="css/conmon.css">
    <meta name="SiteName" content="重庆市南岸区人民政府">
    <meta name="SiteDomain" content="http://www.cqna.gov.cn">
    <meta name="SiteIDCode" content="5001080014">

    <!--栏目类-->
    <meta name="ColumnName" content="书香南岸_学校">
    <meta name="ColumnDescription" content="">
    <meta name="ColumnKeywords" content="">
    <meta name="ColumnType" content="书香南岸_学校">
    <style>
        .btn {
            width: 105px;
            height: 43.75px;
            line-height: 43.75px;
            background: #004A93;
            color: #fff;
            border-radius: 122px;
        }
    </style>
    <script>

    </script>
</head>

<body>
    <div style="width:100%; height:280px" id="header"></div>

        <div class="content">
            <div class="search">
                <span style="font-size: 20px;font-weight: bold;color: #333333;width: 110px;">学校名称：</span>
                <input id="schoolName" style="size: 43px" type="text" placeholder="请输入学校名称">
                <button class="hand" id="searchBtn"><img src="images/search.png" alt=""><span
                        style="margin-left: 10px;">搜索</span></button>
            </div>
            <div class="condition" id="searchBox">
<!--                <div class="item div-schoolType">-->
<!--                    <div class="title">-->
<!--                        <span>学</span><span>校</span><span>类</span><span>别</span><span>：</span>-->
<!--                    </div>-->
<!--                    <ul class="list schoolType">-->
<!--                        <li type="-1" class="click">不限</li>-->
<!--                        <li type="1">小学</li>-->
<!--                        <li type="2">中学</li>-->
<!--                        <li type='4'>九年一贯制学校</li>-->
<!--&lt;!&ndash;                        <li type="6">高等院校</li>&ndash;&gt;-->
<!--                        <li type="7">特殊教育学校</li>-->
<!--                        <li type="8">职业院校</li>-->
<!--&lt;!&ndash;                        <li type="9">教育考试中心</li>&ndash;&gt;-->
<!--                    </ul>-->
<!--                    <div class="more">▼</div>-->
<!--                </div>-->
                <div class="item div-department">
                    <div class="title">
                        <span>上</span><span>级</span><span>主</span><span>管</span><span>部</span><span>门</span><span>：</span>
                    </div>
                    <ul class="list department">
                        <li class="click">不限</li>
<!--                        <li>市教委</li>-->
                        <li>区教委</li>
<!--                        <li>教科院</li>-->
<!--                        <li>重庆市住房和城乡建设委员会</li>-->
<!--                        <li>重庆市食品药品监督管理局</li>-->
<!--                        <li>重庆市人力资源和社会保障局</li>-->
<!--                        <li>中国外运长航集团重庆长江轮船公司</li>-->
                    </ul>
                    <div class="more">▼</div>
                </div>

                <div class="item div-group">
                    <div class="title"><span>集</span><span>团</span><span>化</span><span>办</span><span>学</span><span>：</span>
                    </div>
                    <ul class="list group">
                        <li class="click">不限</li>
                        <li stype="重庆二外教育集团">重庆二外教育集团</li>
                        <li stype="十一中学教育集团">十一中学教育集团</li>
                        <li stype="广益中学教育集团">广益中学教育集团</li>
                        <li stype="江南小学教育集团">江南小学教育集团</li>
                        <li stype="南坪中学教育集团">南坪中学教育集团</li>
                        <li stype="辅仁中学教育集团">辅仁中学教育集团</li>
                        <li stype="南开（融侨）中学教育集团">南开（融侨）中学教育集团</li>
                        <li stype="珊瑚中学教育集团">珊瑚中学教育集团</li>
                        <li stype="南坪实验小学教育集团">南坪实验小学教育集团</li>
                        <li stype="一一0中学教育集团">一一0中学教育集团</li>
                        <li stype="珊瑚实验小学教育集团">珊瑚实验小学教育集团</li>
                        <li stype="职业教育集团">职业教育集团</li>
                        <li stype="天台岗小学教育集团">天台岗小学教育集团</li>
                        <li stype="人民（融侨）小学教育集团">人民（融侨）小学教育集团</li>
                        <li stype="弹子石小学教育集团">弹子石小学教育集团</li>
                        <li stype="龙门浩隆平小学教育集团">龙门浩隆平小学教育集团</li>
                        <li stype="教师进修学院附属小学教育集团">教师进修学院附属小学教育集团</li>
                        <li stype="融合教育集团">融合教育集团</li>
                    </ul>
                    <div class="more">▼</div>
                </div>
                <div style="font-size: 12.25px;color: #999999;margin-top:17.5px;">注：学校顺序按更新时间自动排序</div>
            </div>
            <div id="school-lists"></div>
            <div style="width: 100%;display: flex;height: 52.5px;" class="page">
                <div id="pageMessage" style="width: 50%;display: flex;align-items: center;justify-content: flex-start">
                </div>
                <div style="width: 50%;display: flex;align-items: center;justify-content: flex-end">
                    <button class="hand btn" id="page1" style="font-size: 17.5px">上一页</button>
                    <button class="hand btn" id="page2" style="font-size: 17.5px;margin-left: 4.3px">下一页</button>
                </div>
            </div>

        </div>


    <div style="width:100%; "id="footer"></div>
<!--    <iframe width="100%" height="480px" src="../footer/footer.html"></iframe>-->
</body>
<script src="js/jquery-3.5.1.min.js"></script>
<script>
    var str=window.location.search;
    console.log(str)
    str = decodeURI(str)
    let name = "jt"
    // $("[title='重庆市第十一中学校']").click();
    if (str.indexOf(name)!=-1){
        var pos_start=str.indexOf(name)+name.length+1;
        var pos_end=str.indexOf("&",pos_start);
        if (pos_end==-1){
            let searchVal = str.substring(pos_start);
            if (searchVal!==null&&searchVal!==''){
                console.log(searchVal)
                setTimeout(function () {
                    $("[stype="+searchVal+"]").click();
                },500)
            }
        }
    }
    function isMobileUserAgent() {
        return /iphone|ipod|android.*mobile|windows.*phone|blackberry.*mobile/i.test(
            window.parent.navigator.userAgent.toLowerCase("")
        );
    }
    resizeFrame()
    var schoolName;
    var schoolLocation;
    var department;
    var schoolType;
    var group;
    var PATH;
    var total;
    var page;
    var limit;
    var schoolData;
    PATH = "https://www.cqna.gov.cn/data";
    // PATH = "http://localhost:7777";
    schoolName = ''
    schoolLocation = ''
    department = ''
    schoolType = ''
    group = ''
    schoolData = []
    page = 1
    limit = 10
    setHeader()
    setFooter()
    function setHeader(){
        // $("#header").load("https://www.cqna.gov.cn/ggbf_search/top/top_style.html  ")
        $("#header").load("https://www.cqna.gov.cn/ggbf_search/top/top_style.html  ")
    }

    function setFooter(){
        $("#footer").load("https://www.cqna.gov.cn/data/footer/footer.html")
    }

    if (isMobileUserAgent()){
        window.location = PATH+ '/school/schoolMobiles.html'
    }
    $(function () {
        getData();
    })
    $("#page1").click(function () {
        if (page > 1) {
            page = page - 1
        }
        getData()
    })
    $("#page2").click(function () {
        if (page < Math.ceil(total / limit)) {
            page = page + 1
        }
        getData()
    })
    // 监听区
    $('.schoolLocation li').click(function () {
        $(this).addClass('click').siblings().removeClass('click');
        schoolLocation = $(this)[0].outerText
    })
    // 监听上级部门
    $('.department li').click(function () {
        $(this).addClass('click').siblings().removeClass('click');
        department = $(this)[0].outerText
        queryData()
    })
    // 监听学校类型
    $('.schoolType li').click(function () {
        $(this).addClass('click').siblings().removeClass('click');
        schoolType = $(this)[0].getAttribute('type')
        queryData()
    })
    // 监听所属组
    $('.group li').click(function () {
        $(this).addClass('click').siblings().removeClass('click');
        group = $(this)[0].outerText
        queryData()
    })
    // 点击搜索
    $('#searchBtn').click(function () {
        // 搜索框全局查询
        queryData()
    })

    $('.div-group .more').click(function (e) {
        var tabs = $('.div-group .more');
        var tablist = $('.div-group .list');
        var classStr = $(this).attr('class');
        if (classStr.indexOf('open') != -1) {
            $(this).removeClass('open')
            tablist.css({ 'overflow': 'hidden', 'height': '2.6rem' });
            $(this).css({ 'transform': 'rotate(0)' });
        } else {
            tablist.css({ 'overflow': 'auto', 'height': 'auto' });
            $(this).css({ 'transform': 'rotate(179deg)' });
            $(this).addClass('open');
        }
    })
    $('.div-schoolType .more').click(function (e) {
        var tabs = $('.div-schoolType .more');
        var tablist = $('.div-schoolType .list');
        var classStr = $(this).attr('class');
        if (classStr.indexOf('open') != -1) {
            $(this).removeClass('open')
            tablist.css({ 'overflow': 'hidden', 'height': '2.6rem' });
            $(this).css({ 'transform': 'rotate(0)' });
        } else {
            tablist.css({ 'overflow': 'auto', 'height': 'auto' });
            $(this).css({ 'transform': 'rotate(179deg)' });
            $(this).addClass('open');
        }
    })
    $('.div-department .more').click(function (e) {
        var tabs = $('.div-department .more');
        var tablist = $('.div-department .list');
        var classStr = $(this).attr('class');
        if (classStr.indexOf('open') != -1) {
            $(this).removeClass('open')
            tablist.css({ 'overflow': 'hidden', 'height': '2.6rem' });
            $(this).css({ 'transform': 'rotate(0)' });
        } else {
            tablist.css({ 'overflow': 'auto', 'height': 'auto' });
            $(this).css({ 'transform': 'rotate(179deg)' });
            $(this).addClass('open');
        }
    })
    $(".content").keydown(function (e) {
        // 当 keyCode 是13时,是回车操作
        if (e.keyCode == 13) {
            if (schoolLocation == '不限') {
                schoolLocation = ''
            }
            if (department == '不限') {
                department = ''
            }
            if (group == '不限') {
                group = ''
            }
            if (schoolType == -1) {
                schoolType = ''
            }
            schoolName = $('#schoolName')[0].value;
            page = 1
            getData();
        }
    })
    function queryData() {
        if (schoolLocation == '不限') {
            schoolLocation = ''
        }
        if (department == '不限') {
            department = ''
        }
        if (group == '不限') {
            group = ''
        }
        if (schoolType == -1) {
            schoolType = ''
        }
        schoolName = $('#schoolName')[0].value;
        page = 1
        getData();
    }
    function gotoInfo(id) {
        window.location = PATH + "/school/schoolDetail.html?id=" + schoolData[id].id
    }
    // 拿数据
    function getData() {
        searchUrl = '?page=' + page + "&limit=" + limit + "&name=" + schoolName + "&location=" + schoolLocation +
            "&department=" + department + "&schoolType=" + schoolType + "&group=" + group
        $.ajax({
            url: PATH + '/nazwSchool/page' + searchUrl,
            type: 'get',
            contentType: 'application/x-www-form-urlencoded',
            dataType: 'json',
            success: function (json) {
                if (json.code == 0) {
                    total = json.count
                    schoolData = json.data
                    if (json.count == 0) {
                        schoolData = []
                    }
                    var pageHtml;
                    var pageStr = "共 " + Math.ceil(total / limit) + " 页, " + total + " 条记录，当前第 " + page + " 页"
                    pageHtml = "<div style='font-size: 17.5px'>" + pageStr + "</div>"
                    $("#pageMessage").html(pageHtml)
                    // $("#school-lists").html(schoolHtml)
                    var schoolHtml;
                    schoolHtml = ''
                    for (var i = 0; i < schoolData.length; i++) {
                        let competentDepartment = schoolData[i].competentDepartment == null ? "" : schoolData[i].competentDepartment
                        let group = schoolData[i].group == null ? "" : schoolData[i].group
                        let website = schoolData[i].website == null ? "" : schoolData[i].website
                        let tell = schoolData[i].contactTel == null ? "" : schoolData[i].contactTel
                        let schoolAddress = schoolData[i].address == null ? "" : schoolData[i].address
                        let schoolBgImg = schoolData[i].schoolImg == null ? "images/school.png" : schoolData[i].schoolImg
                        schoolHtml += "<div class=\"schoolList\">" +
                            "<div onclick='gotoInfo(" + i + ")' class=\"logo hand\" style=\"background-image: url(" + schoolBgImg + ");\">" +
                            "<div class=\"name\" style=\"background-image: url(" + getSchoolTypeImg(schoolData[i].schoolType) + ");\">" + getSchoolType(schoolData[i].schoolType) + "</div>" +
                            "</div>" +
                            "<div style='position: relative' class=\"message\">" +
                            "<div onclick='gotoInfo(" + i + ")' class=\"title hand\">" + schoolData[i].name + "</div>" +
                            "<ul>" +
                            "<li><img src=\"images/logo-lb.png\" alt=\"\"><span>学校类别：</span><span>" + getSchoolType(schoolData[i].schoolType) + "</span></li>" +
                            "<li><img src=\"images/logo-xz.png\" alt=\"\"><span>学校性质：</span><span>" + getNature(schoolData[i].natureType) + "</span></li>" +
                            "<li><img src=\"images/logo-zgbm.png\" alt=\"\"><span>上级主管部门：</span><span>" + competentDepartment + "</span></li>"

                                +"<li style='width: 400px'><img src=\"images/logo-jituan.png\" alt=\"\"><span>所属集团：</span><span>" + group + "</span></li>"

                            if (!(website==null||website=="")){
                                schoolHtml+="<li style='width: 400px' onclick='gotoOfficial(" + i + ")' class=\"hand\"><img src=\"images/logo-gw.png\" alt=\"\"><span>官网：</span><span><a title=" + website +">" + website + "</a></span></li>"
                                            // "<li onclick='clickQRCode(" + i + ")' class=\"hand\"><img src=\"images/logo-wx.png\" alt=\"\"><span>微信：点击查看二维码</span><div class='ewm' id='ewmNumber" + i + "'><img style='height: 150px;width: 150px;' src='" + schoolData[i].wechatImg + "' alt=''></div></li>"
                            } else {
                                // schoolHtml+="<li onclick='clickQRCode(" + i + ")' class=\"hand\"><img src=\"images/logo-wx.png\" alt=\"\"><span>微信：点击查看二维码</span><div class='ewm2' id='ewmNumber" + i + "'><img style='height: 150px;width: 150px;' src='" + schoolData[i].wechatImg + "' alt=''></div></li>" +
                                schoolHtml+="<li></li>"
                            }
                            schoolHtml+="</ul>" +
                            "<ul >" +
                            "<li class='lastli' style='width: 400px;'><img src=\"images/logo-dh.png\" alt=\"\"><span>电话：</span><span title=" + tell +">" + tell + "</span></li>" +
                            "<li class='lastli' style='width: 400px;'><img src=\"images/logo-dz.png\" alt=\"hand\"><span>地址：</span><span title=" + schoolAddress +">" + schoolAddress + "</span></li>" +
                            "</ul>" +
                            "</div>" +
                            "</div >"
                    }
                    $("#school-lists").html(schoolHtml)
                }
            }
        });

    }
    function getSchoolType(id) {
        if (id == null) {
            return "";
        }
        switch (id) {
            case 1:
                return '小学';
                break;
            case 2:
                return '中学';
                break;
            case 4:
                return '九年一贯制学校';
            case 6:
                return '高等院校';
                break;
            case 7:
                return '特殊教育学校';
                break;
            case 8:
                return '职业院校';
                break;
            case 9:
                return '教育考试中心';
                break;
        }

        // case 3:
        //     return '高级中学';
        //     break;
        // case 4:
        //     return '九年一贯制学校';
        //     break;
        // case 5:
        //     return '完全中学';
        //     break;
    }
    function getNature(id) {
        if (id == null) {
            return "";
        }
        switch (id) {
            case 0: return '公办'; break;
            case 1: return '民办'; break;
            case 2: return '股份制'; break;
        }
    }
    function getSchoolTypeImg(id) {
        switch (id) {
            case 0:
                return 'images/bg-yey.png';
                break;
            case 1:
                return 'images/bg-xx.png';
                break;
            case 2:
                return 'images/bg-jdzx.png';
                break;
            case 3:
                return 'images/bg-gz.png';
                break;
            case 4:
                return 'images/bg-jnygz.png';
                break;
            case 5:
                return 'images/bg-wqzx.png';
                break;
            case 6:
                return 'images/bg-gdyx.png';
                break;
            case 7:
                return 'images/bg-tsjyxx.png';
                break;
            case 8:
                return 'images/bg-zyxx.png';
                break;
            case 9:
                return 'images/bg-zyxx.png';
                break;
        }
    }
    // function clickQRCode(number) {
    //     for (var i = 0; i < schoolData.length; i++) {
    //         if (i != number) {
    //             str = "#ewmNumber" + i
    //             $(str).css("display", "none");
    //         } else {
    //             str = "#ewmNumber" + number
    //             if ($(str).css("display") == 'none') {
    //                 $(str).css("display", "block");
    //             } else {
    //                 $(str).css("display", "none");
    //             }
    //         }
    //     }
    // }
    function gotoOfficial(number) {
        if (schoolData[number].website != null && schoolData[number].website != '') {
            let split = schoolData[number].website.split("//");
            if (split.length>1){
                window.open(schoolData[number].website);
            }else {
                window.open("http://"+schoolData[number].website)
            }
            // window.open(schoolData[number].website);
        }
    }
    function resizeFrame(){
        var content_iframe = window.parent.document.getElementsByTagName("iframe");//获取iframeID
        $(content_iframe[1]).css("width", "100%")
    }

</script>

</html>