CQ_JD
/
nazw


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278
							<!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">
    <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>
    </style>
</head>

<body>
<div style="width:100%;height:280px" id="header"></div>
    <div class="main">
        <div class="menu">
            <ul class="tabs">
                <li class="click" onclick="window.location.href='socialSecurity.html'">
                    <img src="images/menu_shbzp.png" alt="" style="width: 27px;height: 21px;"
                        data-name="shbz"><span>社会保障</span>
                    <div class="arrow"></div>
                </li>
                <li onclick="window.location.href='culturalTourism.html'"><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 onclick="window.location.href='healthCare.html'"><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 onclick="window.location.href='socialAssistance.html'"><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>
    </div>
<div style="width:100%;" id="footer"></div>
</body>
<script src="js/jquery-3.5.1.min.js"></script>
<script>
    var jsonData = [{
        "year": "2021",
        "employedPerson": 3.74,
        "unemployPerson": 0.76,
        "unemployRate": "-",
        "ventureFund": 3486,
        "skillIdentification": 8330,
        "subsidy": 1.84,
        "totalDispute": 4259,
        "involvedPeople": 4270,
        "casesClose": 4012,
        "arbitratAward": 386,
        "closeRate": 97

    }, {
        "year": "2022",
        "employedPerson": 3.8,
        "unemployPerson": 0.93,
        "unemployRate": "-",
        "ventureFund": 2466,
        "skillIdentification": 7489,
        "subsidy": 0.74,
        "totalDispute": 4246,
        "involvedPeople": 4300,
        "casesClose": 3697,
        "arbitratAward": 318,
        "closeRate": 87
    }]
    $('#year').on('change', function () {
        var value = $(this).val();
        for (var i = 0; i < jsonData.length; i++) {
            if (jsonData[i].year == value) {
                var itemDataHtml = `
                    <li>
                        <img src="images/content_icon_one.png" alt="">
                        <div class="right">
                            <div>城镇新增就业人数</div>
                            <div class="bottom">
                                <div class="number">`+ jsonData[i].employedPerson + `</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">`+ jsonData[i].unemployPerson + `</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">`+ jsonData[i].unemployRate + `</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">`+ jsonData[i].ventureFund + `</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">`+ jsonData[i].skillIdentification + `</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">`+ jsonData[i].subsidy + `</div>
                                <div class="unit">万人</div>
                            </div>
                        </div>
                    </li>
                </ul>`
                var shbzTableHtml = `
                    <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;">`+ jsonData[i].year + `</li>
                        <li>`+ jsonData[i].totalDispute + `</li>
                        <li>`+ jsonData[i].involvedPeople + `</li>
                        <li>`+ jsonData[i].casesClose + `</li>
                        <li>`+ jsonData[i].arbitratAward + `</li>
                        <li>`+ jsonData[i].closeRate + `</li>
                    </ul>
                `
                $(".itemData").empty().html(itemDataHtml)
                $(".shbzTable").empty().html(shbzTableHtml)

            }
        }
    })

</script>
<script>
    setHeader()
    setFooter()
    function setHeader(){
        $("#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")
    }
</script>
</html>