CQ_JD
/
nazw


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343
							<!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/index.css">
    <style>
        #whlyEchar {
            width: 1475px;
            height: 710px;
        }

        #shjzEchar {
            width: 1400px;
            height: 710px;
        }
    </style>
</head>

<body>
<div style="width:100%;height:280px" id="header"></div>
    <div class="main">
        <div class="menu">
            <ul class="tabs">
                <li data-name="shbz">
                    <img src="images/menu_shbz.png" alt="" style="width: 27px;height: 21px;"
                        data-name="shbz"><span>社会保障</span>
                    <div class="arrow" style="visibility: hidden;"></div>
                </li>
                <li data-name="whlx"><img src="images/menu_whlx.png" alt="" style="width: 22px;height: 26px;"
                        data-name="whlx"><span>文化旅游</span>
                    <div class="arrow" style="visibility: hidden;"></div>
                </li>
                <li data-name="wsyl"><img src="images/menu_wsyl.png" alt="" style="width: 30px;height: 29px;"
                        data-name="wsyl"><span>卫生医疗</span>
                    <div class="arrow" style="visibility: hidden;"></div>
                </li>
                <li data-name="shjz"><img src="images/menu_shjz.png" alt="" style="width: 31px;height: 27px;"
                        data-name="shjz"><span>社会救助</span>
                    <div class="arrow" style="visibility: hidden;"></div>
                </li>
            </ul>
        </div>
        <div class="content">
            <div class="year"><span>年份：</span>
                <select id="year">
                    <option value="2021">2021年</option>
                    <option value="2022">2022年</option>
                </select>
            </div>
            <div class="items div-shbz">
                <ul class="itemData">
                    <li>
                        <img src="images/content_icon_one.png" alt="">
                        <div class="right">
                            <div>城镇新增就业人数</div>
                            <div class="bottom">
                                <div class="number">3.74</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">0.76</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">-</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">3486</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">8330</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">1.84</div>
                                <div class="unit">万人</div>
                            </div>
                        </div>
                    </li>
                </ul>
                <div class="shbzTable">
                    <div style="text-align: center;width:100%;font-size: 22px;color: #333333;margin: 20px auto;">劳动争议案件
                    </div>
                    <ul class="title">
                        <li style="width: 200px;">年份</li>
                        <li><span>纠纷总数</span><span>（件）</span></li>
                        <li><span>涉及人数</span><span>（个）</span></li>
                        <li><span>结案数量</span><span>（件）</span></li>
                        <li><span>仲裁裁决</span><span>（件）</span></li>
                        <li><span>结案率</span><span>（%）</span></li>
                    </ul>
                    <ul class="number">
                        <li style="width: 200px;">2021</li>
                        <li>4259</li>
                        <li>4270</li>
                        <li>4012</li>
                        <li>386</li>
                        <li>97</li>
                    </ul>
                </div>
            </div>
            <div class="items div-wsyl" style="display: none;">
                <div class="range">
                    <button class="thisMonth click" style="border-radius: 4px 0px 0px 4px;border-right: none;"
                        onlick="thisMonth()">本月</button>
                    <button class="cumulat" style="border-radius: 0px 4px 4px 0px;border-left: none;">累计</button>
                </div>
                <div id="whlyEchar"></div>
            </div>
            <div class="items div-wsyl" style="display: none;">
                <div class="cont" style="left: 58px;bottom: 146px;">
                    <div class="detail" style="background: linear-gradient(0deg, #FFFFFF, #E3EDFF);">
                        <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: linear-gradient(0deg, #FFFFFF, #FFF2E6);">
                        <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: linear-gradient(0deg, #FFFFFF, #E6FFF8);">
                        <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>
                <img src="images/content_bg.png" alt="" class="bg">
            </div>
            <div class="items div-shjz" style="display: none;">
                <ul class="title">
                    <li class="list click" 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>
    </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>
<script src="js/socialAssistance.js"></script>
<script src="js/culturalTourism.js"></script>
<script src="js/socialSecurity.js"></script>
<script src="js/healthCare.js"></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();

    } else if (type == 2) {
        tapsIndex = 1;
        culturalTourism();
    }
    else if (type == 3) {
        tapsIndex = 2;
        healthCare();
    }
    else if (type == 4) {
        tapsIndex = 3;
        socialAssistance();
        $('.year').css('display', 'none');
    }
    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 () {
            if ($(this)[0].outerText == "社会救助") {
                $('.year').css('display', 'none');
            } else {
                $('.year').css('display', 'flex');
            }
            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();
                    } else if (index == 1) {
                        culturalTourism();
                    } else if (index == 2) {
                        healthCare();
                    } else if (index == 3) {
                        socialAssistance();
                    }
                }
            });

            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('click');
        $(this).addClass('click');
    })
</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/ggbf_search/ggyr/2022foot/foot.html")
    }
</script>
</html>