CQ_JD
/
nazw


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614
							<!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">
    <title>数据中心-重庆市南岸区人民政府网</title>
    <link rel="stylesheet" href="css/conmon.css">
    <link rel="stylesheet" href="css/indexMbile.css">
    <style>
        html {
            overflow-y: scroll;
        }

        :root {
            overflow-y: auto;
            overflow-x: hidden;
        }

        :root body {
            position: absolute;
        }

        body {
            width: 100vw;
            overflow: hidden;
        }

        #whlyEchar {
            width: 100vw;
            height: 310px;
        }

        #shjzEchar {
            width: 100vw;
            height: 710px;
        }

        #jylyPerEchar,
        #jylySchoolEchar {
            width: 100vw;
            height: 500px;
        }

        #wsylchar {
            width: 100vw;
            height: 310px;
        }

        #gyykEchart {
            width: 100vw;
            height: 310px;
        }

        #zsrEchart {
            width: 100vw;
            height: 310px;
        }

        #cyrsEchart{
            width: 100vw;
            height: 310px;
        }

        #other1,
        #other2 {
            width: 99vw;
            height: 500px;
            border: 1px solid #ccc;
            border-top: none;
        }

        #ylryEchar {
            width: 100vw;
            height: 710px;
            margin: auto;
        }

        #zlrsEchar {
            width: 100vw;
            height: 710px;
            margin: auto;
        }

        .chart-item>.title {
            height: 43px;
            background-image: url('./images/title-bg.png');
            background-size: 100% 100%;
            text-align: center;
            margin: 20px auto;
        }

        .chart-item>.title span {
            line-height: 43px;
            font-size: 12px;
            font-family: DOUYU;
            font-weight: normal;
            color: #FFFFFF;
            text-shadow: 0px 4px 0px rgba(24, 63, 108, 0.14);
            background: linear-gradient(0deg, #F8FCFF 0%, #CFE1FF 100%);
            -webkit-background-clip: text;
        }

        .skills-box {
            /* display: flex;
            justify-content: space-between; */
        }

        .skills-item .title {
            background-image: url('./images/skill-title.png');
            background-size: 100% 100%;
            width: 252px;
            line-height: 40px;
            font-size: 18px;
            font-family: Microsoft YaHei;
            font-weight: 600;
            color: #0084FF;
            margin: 35px auto;
            margin-bottom: 0
        }
    </style>
</head>

<body>
    <div style="width:100%;height:280px" id="header"></div>
    <div class="main">
        <div class="menu" id="menu">
            <ul class="tabs">
                <li data-name="shbz" style="margin-top: -4px;">
                    <div class="list">
                        <img src="images/menu_shbz.png" alt="" style="width: 22px;height: 21px;"
                            data-name="shbz"><span>社会保障</span>
                    </div>
                </li>
                <li data-name="whlx">
                    <div class="list"><img src="images/menu_whlx.png" alt="" style="width: 17px;height: 21px;"
                            data-name="whlx"><span>文化旅游</span>
                    </div>
                </li>
                <li data-name="wsyl">
                    <div class="list"><img src="images/menu_wsyl.png" alt="" style="width: 25px;height: 24px;"
                            data-name="wsyl"><span>卫生医疗</span>
                    </div>
                </li>
                <li data-name="shjz">
                    <div class="list"><img src="images/menu_shjz.png" alt="" style="width: 26px;height: 22px;"
                            data-name="shjz"><span>社会救助</span>
                    </div>
                </li>
                <li data-name="jyly">
                    <div class="list"><img src="images/menu_jyly.png" alt="" style="width: 34px;height: 28px;"
                            data-name="jyly"><span>教育领域</span>
                    </div>
                </li>
            </ul>
        </div>
        <div class="content">
            <div class="items div-shbz" style="display: none;">
                <!-- <div class="year" style="position: relative;">
                    <span>年份：</span>
                    <select id="year">
                        <option value="2021">2021年</option>
                        <option value="2022年截至9月">2022年截至9月</option>
                        <option value="2023年截至6月">2023年截至6月</option>
                    </select>
                    <img src="images/arrow.png" alt="" style="position: absolute;right: 10px;">
                </div> -->
                <!--  <ul class="itemData">
                    <li>
                        <img src="images/content_icon_one.png" alt="">
                        <div class="right">
                            <div>城镇新增就业人数</div>
                            <div class="bottom">
                                <div class="number">2.92</div>
                                <div class="unit">万人</div>
                            </div>
                        </div>
                    </li>
                    <li>
                        <img src="images/content_icon_two.png" alt="">
                        <div class="right">
                            <div>城镇登记失业人员就业人数</div>
                            <div class="bottom">
                                <div class="number">1.07</div>
                                <div class="unit">万人</div>
                            </div>
                        </div>
                    </li>
                    <li>
                        <img src="images/content_icon_three.png" alt="">
                        <div class="right">
                            <div>城镇调查失业率</div>
                            <div class="bottom">
                                <div class="number">5.5</div>
                                <div class="unit">%</div>
                            </div>
                        </div>
                    </li>
                    <li>
                        <img src="images/content_icon_four.png" alt="">
                        <div class="right">
                            <div>创业贷款发放金额</div>
                            <div class="bottom">
                                <div class="number">1701</div>
                                <div class="unit">万元</div>
                            </div>
                        </div>
                    </li>
                    <li>
                        <img src="images/content_icon_five.png" alt="">
                        <div class="right">
                            <div>参加职业技能等级评价</div>
                            <div class="bottom">
                                <div class="number">5490</div>
                                <div class="unit">人</div>
                            </div>
                        </div>
                    </li>
                    <li>
                        <img src="images/content_icon_six.png" alt="">
                        <div class="right">
                            <div>补贴性职业培训人数</div>
                            <div class="bottom">
                                <div class="number">0.23</div>
                                <div class="unit">万人</div>
                            </div>
                        </div>
                    </li>
                </ul>
                <div class="shbzTablem">
                    <div style="text-align: center;width:100%;font-size: 20px;color: #333333;margin: 20px auto;">劳动争议案件
                    </div>
                    <ul class="title">
                        <li style="width: 121px;">年份</li>
                        <li><span>纠纷总数</span><span>（件）</span></li>
                        <li><span>涉及人数</span><span>（个）</span></li>
                    </ul>
                    <ul class="number">
                        <li>2023截至6月</li>
                        <li>3294</li>
                        <li>3302</li>
                    </ul>
                    <div class="title">
                        <li style="width: 121px;"><span>结案数量</span><span>（件）</span></li>
                        <li><span>仲裁裁决</span><span>（件）</span></li>
                        <li><span>结案率</span><span>（%）</span></li>
                    </div>
                    <div class="number">
                        <li>2655</li>
                        <li>165</li>
                        <li>65</li>
                    </div>
                </div> -->
                <div class="chart-box">
                    <div class="chart-item">
                        <div class="title"><span>就业失业</span></div>
                        <div id="jysychart" style="width:300px;height:250px;margin:auto"></div>
                    </div>
                    <div class="chart-item">
                        <div class="title"><span>职业技能</span></div>
                        <div class="skills-box">
                            <div class="skills-item" style="text-align:center;margin-bottom:0">
                                <div class="title">
                                    创业贷款发放金额
                                </div>
                                <div id="skills1" style="width:300px;height:250px;margin:auto"></div>
                            </div>
                            <div class="skills-item" style="text-align:center;margin-bottom:0">
                                <div class="title">
                                    参加职业技能等级评价
                                </div>
                                <div id="skills2" style="width:300px;height:250px;margin:auto"></div>
                            </div>
                            <div class="skills-item" style="text-align:center;margin-bottom:0">
                                <div class="title">
                                    补贴性职业培训人数
                                </div>
                                <div id="skills3" style="width:300px;height:250px;margin:auto"></div>
                            </div>
                        </div>
                    </div>
                    <div class="chart-item">
                        <div class="title"><span>案件结案</span></div>
                        <div id="ajjachart" style="width:300px;height:250px;margin:auto"></div>
                        <div class="skills-box">
                            <div class="skills-item">
                                <div class="title" style="text-align:center;margin-bottom:0">
                                    仲裁裁决数
                                </div>
                                <div id="arbitrate" style="width:300px;height:250px;margin:auto"></div>
                            </div>
                            <div class="skills-item">
                                <div class="title" style="text-align:center;margin-bottom:0">
                                    结案率
                                </div>
                                <div id="closingRate" style="width:300px;height:250px;margin:auto"></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="items div-whwl" style="display: none;">
                <!-- <div class="range">
                    <button class="thisMonth click" style="border-radius: 4px 0px 0px 4px;border-right: none;"
                        onlick="thisMonth()">2023年8月</button>
                    <button class="cumulat"
                        style="border-radius: 0px 4px 4px 0px;border-left: none;">截至2023年8月累计</button>
                </div>
                <div class="wsylTable">
                    <ul class="title">
                        <li style="width: 110px;">范围</li>
                        <li><span>旅游总收入</span><span>（万元）</span></li>
                        <li><span>旅游从业人数</span><span>（人）</span></li>
                    </ul>
                    <ul class="number">
                        <li style="width: 110px;">2023年8月</li>
                        <li>286332</li>
                        <li>6652</li>
                    </ul>
                </div>
                <div style="overflow-x: scroll;">
                    <div id="whlyEchar"></div>
                </div> -->
                <div class="chart-item">
                    <div class="title"><span>接待海内外游客数</span></div>
                    <div id="whlyEchar"></div>
                </div>
                <div class="chart-item">
                    <div class="title"><span>过夜游客数</span></div>
                    <div id="gyykEchart"></div>
                </div>
                <div class="chart-item">
                    <div class="title"><span>旅游总收入与从业人数</span></div>
                    <div>
                        <div id="zsrEchart"></div>
                        <div id="cyrsEchart"></div>
                    </div>
                </div>
            </div>
            <div class="items div-wsyl" style="display: none;">
                <!-- <div class="cont" style="left: 58px;bottom: 146px;">
                    <div class="detail" style="background-image: url(images/bg-1.png);">
                        <ul class="list ylfirst">
                            <li><span>医疗卫生机构数：</span><span>628</span></li>
                            <li><span>医院:</span><span>46</span></li>
                            <li><span>卫生院:</span><span>7</span></li>
                            <li><span>社区卫生服务中心(站):</span><span>46</span></li>
                            <li><span>疾控中心:</span><span>1</span></li>
                            <li><span>妇幼保健院:</span><span>1</span></li>
                            <li><span>医疗卫生机构床位数:</span><span>17208</span></li>
                            <li><span>医院、卫生院床位数:</span><span>7178</span></li>
                            <li><span>保健院床位数:</span><span>30</span></li>
                            <li><span>每千人口医院、卫生院床位数:</span><span>5.66</span></li>
                        </ul>
                    </div>
                    <img src="images/content_tipone.png" alt="">
                </div>
                <div class="cont" style="left: 478px;bottom: 154px;">
                    <div class="detail" style="background-image: url(images/bg-2.png);">
                        <ul class="list ylsecond">
                            <li><span>卫生技术人员（人）：</span><span>10856</span></li>
                            <li><span>执业(助理)医师（人):</span><span>4267</span></li>
                            <li><span>注册护士(人):</span><span>6589</span></li>
                            <li><span>每千人口执业(助理)医师（人):</span><span>3.36</span></li>
                            <li><span>每千人口注册护士(人):</span><span>5.19</span></li>
                        </ul>
                    </div>
                    <img src="images/content_tiptwo.png" alt="">
                </div>
                <div class="cont" style="left: 894px;bottom: 270px;">
                    <div class="detail" style="background-image: url(images/bg-3.png);">
                        <ul class="list ylthird">
                            <li><span>总诊疗人次（万人次）：</span><span>288.2</span></li>
                            <li><span>门急诊人次（人次):</span><span>280.0</span></li>
                            <li><span>入院人次(万人次)：</span><span>11.3</span></li>
                            <li><span>出院人次(万人次)：</span><span>11.3</span></li>
                        </ul>
                    </div>
                    <img src="images/content_tipthree.png" alt="">
                </div> -->
                <ul class="title">
                    <li class="list select" data-type="1" id="zdsh">医疗机构、床位数</li>
                    <li class="list" data-type="2">医疗卫生人员</li>
                    <li class="list" data-type="3">诊疗人数</li>
                </ul>
                <div class="yljgcws">
                    <div class="left">
                        <div id="wsylchar"></div>
                    </div>
                    <div class="right">
                        <div>
                            <div class="title">2022</div>
                            <div id="other1"></div>
                        </div>
                        <div>
                            <div class="title">2023年二季度</div>
                            <div id="other2"></div>
                        </div>
                    </div>
                </div>
                <div class="ylry" id="ylryEchar"></div>
                <div class="zlrs" id="zlrsEchar"></div>
            </div>
            <div class="items div-shjz" style="display: none;">
                <ul class="title">
                    <li class="list select" id="zdsh" data-type="1">最低生活保障数据</li>
                    <li class="list" data-type="2">特困人员救助供养数据</li>
                    <li class="list" data-type="3">临时救助数据</li>
                </ul>
                <div id="shjzEchar"></div>
            </div>
            <div class="items div-jyly" style="display: none;">
                <div class="year" style="position: relative;">
                    <span>年份：</span>
                    <select id="yearl">
                        <option value="2019">2019年</option>
                        <option value="2020">2020年</option>
                        <option value="2021">2021年</option>
                        <option value="2022">2022年</option>
                    </select>
                    <img src="images/arrow.png" alt="" style="position: absolute;right: 10px;">
                </div>
                <div class="title">学生人数与学校数统计</div>
                <div id="jylyPerEchar"></div>
                <div id="jylySchoolEchar"></div>
                <div class="other">
                    <div class="title">学前教育其他数据</div>
                    <ul class="itemData">

                    </ul>
                </div>
                <div class="jylyTable" id="jylyTableM" style="display: none">

                </div>
            </div>
        </div>
    </div>
    </div>
    <div style="width:100%;" id="footer"></div>
</body>
<script src="js/jquery-3.5.1.min.js"></script>
<script src="js/echarts.min.js"></script>
<!-- 就业失业数据js-->
<script src="js/employment.js"></script>
<!-- 职业技能数据js-->
<script src="js/skills.js"></script>
<!-- 案件结案数据js-->
<script src="js/closeCase.js"></script>
<!-- 社会保障数据js -->
<script src="js/socialSecurity.js"></script>
<!-- 社会救助数据js -->
<script src="js/socialAssistanceMobile.js"></script>
<!-- 文化文旅数据js -->
<script src="js/culturalTourismMobile.js"></script>
<!-- 卫生医疗数据js -->
<script src="js/healthCareNewMobile.js"></script>
<!-- 教育领域数据js -->
<script src="js/education.js"></script>
<script>
    employment()
    skills()
    closeCase()
</script>
<script>
    // 判断进入的参数值
    function GetQueryString(name) {
        var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
        var r = window.location.search.substr(1).match(reg);
        if (r != null) return unescape(r[2]); return null;
    }
    var type = GetQueryString("id");
    var tapsIndex = "";
    if (type == 1) {
        tapsIndex = 0;
        socialSecurity();
        employment()
        skills()
        closeCase()
    } else if (type == 2) {
        tapsIndex = 1;
        culturalTourism();
    }
    else if (type == 3) {
        tapsIndex = 2;
        healthCareNew();
    }
    else if (type == 4) {
        tapsIndex = 3;
        socialAssistance();
    }
    else if (type == 5) {
        tapsIndex = 4;
        education();
        document.getElementById('menu').scrollLeft = 300;
    }
    var tapsContItem = $('.content .items');
    var tabsArrow = $('.menu .tabs .arrow');
    var tabsImg = $('.menu .tabs img');
    var tapsTitleLi = $('.menu .tabs li');
    tapsTitleLi.each(function (index) {
        if (tapsIndex == index) {
            $(this).addClass('click');
        } else {
            $(this).removeClass('click');
        }
    });
    tapsContItem.each(function (index) {
        if (tapsIndex == index) {
            $(this).show();
        } else {
            $(this).hide();
        }
    })
    tabsArrow.each(function (index) {
        if (tapsIndex == index) {
            $(this).css('visibility', 'inherit');
        } else {
            $(this).css('visibility', 'hidden');
        }
    })
    tabsImg.each(function (index) {
        var name = $(this).data('name');
        if (tapsIndex == index) {
            $(this).attr('src', 'images/menu_' + name + 'p.png');
        } else {
            $(this).attr('src', 'images/menu_' + name + '.png');
        }
    })
</script>
<script>
    $(function () {
        // 导航栏切换
        var tapsIndex = 0;
        $('.menu .tabs').on('click', 'li', function () {
            var tapsContItem = $('.content .items');
            var tapsTitleLi = $('.menu .tabs li');
            var tabsImg = $('.menu .tabs img');
            var tabsArrow = $('.menu .tabs .arrow');
            tapsTitleLi.removeClass('click');
            $(this).addClass('click');
            tapsTitleLi.each(function (index) {
                var classStr = $(this).attr('class');
                if (classStr && classStr.indexOf('click') != -1) {
                    tapsIndex = index;
                    if (index == 0) {
                        socialSecurity();
                        employment()
                        skills()
                        closeCase()
                    } else if (index == 1) {
                        culturalTourism();
                    } else if (index == 2) {
                        healthCareNew();
                    } else if (index == 3) {
                        socialAssistance();
                    } else if (index == 4) {
                        education();
                    }
                }
            });

            tapsContItem.each(function (index) {
                if (tapsIndex == index) {
                    $(this).show();
                } else {
                    $(this).hide();
                }
            })
            tabsArrow.each(function (index) {
                if (tapsIndex == index) {
                    $(this).css('visibility', 'inherit');
                } else {
                    $(this).css('visibility', 'hidden');
                }
            })
            tabsImg.each(function (index) {
                var name = $(this).data('name');
                if (tapsIndex == index) {
                    $(this).attr('src', 'images/menu_' + name + 'p.png');
                } else {
                    $(this).attr('src', 'images/menu_' + name + '.png');
                }
            })
        });
    });

    //社会救助菜单导航
    $('.div-shjz .title').on('click', 'li', function () {
        var tapsTitleLi = $('.div-shjz .title li');
        tapsTitleLi.removeClass('select');
        $(this).addClass('select');
    })

    //卫生医疗菜单导航
    $('.div-wsyl .title').on('click', 'li', function () {
        var tapsTitleLi = $('.div-wsyl .title li');
        tapsTitleLi.removeClass('select');
        $(this).addClass('select');
    })
</script>
<script>
    setHeader()
    setFooter()
    function setHeader() {
        $("#header").load("https://www.cqna.gov.cn/ggbf_search/ggyr/2022top/head.html")
    }

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

</html>