Home Explore Help
Register Sign In
CQ_JD
/
nazw
2
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Browse Source

新增数据中心页面页面

sunjuan 2 years ago
parent
a9c604bb93
commit
5a2c4b555f
6 changed files with 692 additions and 244 deletions
Split View Show Diff Stats
  1. 13 2
      nngkxxdp/src/main/resources/static/natj/dataCenter/culturalTourism.html
  2. 81 69
      nngkxxdp/src/main/resources/static/natj/dataCenter/healthCare.html
  3. 543 0
      nngkxxdp/src/main/resources/static/natj/dataCenter/js/socialAssistance.js
  4. 42 172
      nngkxxdp/src/main/resources/static/natj/dataCenter/socialAssistance.html
  5. 12 0
      nngkxxdp/src/main/resources/static/natj/dataCenter/socialSecurity.html
  6. 1 1
      nngkxxdp/src/main/resources/static/school/schoolMobile.html

+ 13 - 2
nngkxxdp/src/main/resources/static/natj/dataCenter/culturalTourism.html
View File 

@@ -18,6 +18,7 @@
 
 </head>
 
 
 <body>
 
+<div style="width:100%;height:280px" id="header"></div>
 
     <div class="main">
 
         <div class="menu">
 
             <ul class="tabs">
 
@@ -42,8 +43,7 @@
 
         </div>
 
         <div class="content">
 
             <div class="year"><span>年份：</span>
 
-                <select>
 
-                    <option value="2021">2021年</option>
 
+                <select id="year">
 
                     <option value="2022">2022年</option>
 
                 </select>
 
             </div>
 
@@ -58,6 +58,7 @@
 
             </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>
 
@@ -166,5 +167,15 @@
 
     };
 
     option && myChart.setOption(option);
 
 </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>

+ 81 - 69
nngkxxdp/src/main/resources/static/natj/dataCenter/healthCare.html
View File 

@@ -13,82 +13,83 @@
 
 </head>
 
 
 <body>
 
-    <div class="main">
 
-        <div class="menu">
 
-            <ul class="tabs">
 
-                <li onclick="window.location.href='socialSecurity.html'">
 
-                    <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 onclick="window.location.href='culturalTourism.html'"><img src="images/menu_whlx.png" alt=""
 
-                        style="width: 22px;height: 26px;" data-name="whlx"
 
-                        onclick="window.location.href='culturalTourism.html'"><span>文化旅游</span>
 
-                    <div class="arrow" style="visibility: hidden;"></div>
 
-                </li>
 
-                <li class="click"><img src="images/menu_wsylp.png" alt="" style="width: 30px;height: 29px;"
 
-                        data-name="wsyl"><span>卫生医疗</span>
 
-                    <div class="arrow"></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 style="width:100%;height:280px" id="header"></div>
 
+<div class="main">
 
+    <div class="menu">
 
+        <ul class="tabs">
 
+            <li onclick="window.location.href='socialSecurity.html'">
 
+                <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 onclick="window.location.href='culturalTourism.html'"><img src="images/menu_whlx.png" alt=""
 
+                                                                           style="width: 22px;height: 26px;" data-name="whlx"
 
+                                                                           onclick="window.location.href='culturalTourism.html'"><span>文化旅游</span>
 
+                <div class="arrow" style="visibility: hidden;"></div>
 
+            </li>
 
+            <li class="click"><img src="images/menu_wsylp.png" alt="" style="width: 30px;height: 29px;"
 
+                                   data-name="wsyl"><span>卫生医疗</span>
 
+                <div class="arrow"></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="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-wsyl">
 
-                <div class="cont" style="left: 58px;bottom: 146px;">
 
-                    <div class="detail" style="background: linear-gradient(0deg, #FFFFFF, #E3EDFF);">
 
-                        <ul class="list">
 
-                            <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 class="items div-wsyl">
 
+            <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>
 
-                <div class="cont" style="left: 478px;bottom: 154px;">
 
-                    <div class="detail" style="background: linear-gradient(0deg, #FFFFFF, #FFF2E6);">
 
-                        <ul class="list">
 
-                            <li><span>卫生技术人员（人）：</span><span>10856</span></li>
 
-                            <li><span>执业(助理)医师（人):</span><span>1628</span></li>
 
-                            <li><span>注册护士(人):</span><span>6589</span></li>
 
-                            <li><span>每千人口执业(助理):</span><span></span></li>
 
-                            <li><span>医师(人):</span><span>3036</span></li>
 
-                            <li><span>每千人口注册护士(人):</span><span>5.19</span></li>
 
-                        </ul>
 
-                    </div>
 
-                    <img src="images/content_tiptwo.png" alt="">
 
+                <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>
 
-                <div class="cont" style="left: 894px;bottom: 270px;">
 
-                    <div class="detail" style="background: linear-gradient(0deg, #FFFFFF, #E6FFF8);">
 
-                        <ul class="list">
 
-                            <li><span>总诊疗人次（万人次）：</span><span>622.8</span></li>
 
-                            <li><span>门急诊人次（人次):</span><span>622.8</span></li>
 
-                            <li><span>入院人次(万人次)：</span><span>11.3</span></li>
 
-                            <li><span>出院人次(万人次)：</span><span>11.8</span></li>
 
-                        </ul>
 
-                    </div>
 
-                    <img src="images/content_tipthree.png" alt="">
 
+                <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_bg.png" alt="" class="bg">
 
+                <img src="images/content_tipthree.png" alt="">
 
             </div>
 
+            <img src="images/content_bg.png" alt="" class="bg">
 
         </div>
 
     </div>
 
+</div>
 
+<div style="width:100%;" id="footer"></div>
 
 </body>
 
 <script src="js/jquery-3.5.1.min.js"></script>
 
 <script>
 
@@ -168,4 +169,15 @@
 
         }
 
     })
 
 </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>

+ 543 - 0
nngkxxdp/src/main/resources/static/natj/dataCenter/js/socialAssistance.js
View File 

@@ -0,0 +1,543 @@
 
+var jsonData1 = [
 
+    ['product', '最低生活保障人数(人)', '发放低保金(万元)', '城市居民最低生活保障人数(人)', '城市居民发放低保金(万元)', '农村居民最低生活保障（人)', '农村居民最发放低保金(万元)'],
 
+    ['2015', 11582, 5820.90, 10289, 5387.60, 1293, 433.30],
 
+    ['2016', 10577, 6109.90, 9446, 5661.10, 1131, 448.80],
 
+    ['2017', 10633, 6691.90, 9515, 6146.70, 1118, 545.20],
 
+    ['2018', 10044, 7345.30, 8994, 6710.60, 1050, 634.70],
 
+    ['2019', 8960, 6939.10, 8070, 6365.80, 890, 573.00],
 
+    ['2020', 8297, 7853.00, 7496, 7216.00, 801, 637.00],
 
+    ['2021', 7467, 5800.80, 6792, 5317.40, 675, 483.40]
 
+]
 
+var jsonData2 = [
 
+    ['product', '特困人员救助供养人数（人）', '发放救助金供养金（万元）', '城市特困人员救助供养人数（人）', '城市发放救助供养金（万元）', '农村特困人员救助供养人数（人）', '农村发放救助供养金（万元）'],
 
+    ['2015', 2000, 50, 7000, 32, 767, 90],
 
+    ['2016', 2000, 50, 7000, 32, 767, 90],
 
+    ['2017', 2000, 50, 7000, 32, 767, 90],
 
+    ['2018', 2000, 50, 7000, 32, 767, 90],
 
+    ['2019', 2000, 50, 7000, 32, 767, 90],
 
+    ['2020', 2000, 50, 7000, 32, 767, 90],
 
+    ['2021', 2000, 50, 7000, 32, 767, 90]
 
+]
 
+var jsonData3 = [
 
+    ['product', '临时救助人数（人）', '发放金额（万元）'],
 
+    ['2015', 2000, 50],
 
+    ['2016', 2000, 50],
 
+    ['2017', 2000, 50],
 
+    ['2018', 2000, 50],
 
+    ['2019', 2000, 50],
 
+    ['2020', 2000, 50],
 
+    ['2021', 2000, 50]
 
+]
 
+//社会救助统计图
 
+var chartDom = document.getElementById('shjzEchar');
 
+var myChart = echarts.init(chartDom);
 
+var option;
 
+option = {
 
+    grid: {
 
+        // 网格线配置
 
+        show: true,
 
+        lineStyle: {
 
+            color: ["#e9e9e9"],
 
+            width: 1,
 
+            type: "solid",
 
+        },
 
+    },
 
+    legend: [{
 
+        left: '20%',
 
+        orient: 'vertical',
 
+        data: ['最低生活保障人数(人)', '发放低保金(万元)']
 
+    },
 
+    {
 
+        left: '40%',
 
+        orient: 'vertical',
 
+        data: ['城市居民最低生活保障人数(人)', '城市居民发放低保金(万元)']
 
+    }, {
 
+        left: '60%',
 
+        orient: 'vertical',
 
+        data: ['农村居民最低生活保障（人)', '农村居民最发放低保金(万元)']
 
+    }
 
+    ],
 
+    tooltip: {
 
+        trigger: 'axis',
 
+        axisPointer: {
 
+            type: 'shadow'
 
+        },
 
+        backgroundColor: "rgb(0 0 0 / 40%)",
 
+        borderColor: 'transparent',
 
+        textStyle: {
 
+            color: '#fff'
 
+        },
 
+
 
+    },
 
+    dataset: {
 
+        source: jsonData1
 
+    },
 
+    xAxis: {
 
+        type: 'category',
 
+        axisTick: {
 
+            show: true  //坐标轴刻度线
 
+        },
 
+        axisLine: { //轴线
 
+            show: true
 
+        },
 
+        splitLine: { //网格线
 
+            show: true
 
+        },
 
+        axisLabel: {
 
+            show: true,
 
+            textStyle: {
 
+                color: '#333',  //更改坐标轴文字颜色
 
+                fontSize: 14      //更改坐标轴文字大小
 
+            }
 
+        }
 
+    },
 
+    yAxis: [{
 
+        type: 'value',
 
+        min: 0,
 
+        max: 15000,
 
+        interval: 3000,
 
+        axisLabel: {
 
+            formatter: '{value}(人)'
 
+        },
 
+        axisTick: {
 
+            show: true  //坐标轴刻度线
 
+        },
 
+        axisLine: { //轴线
 
+            show: true
 
+        },
 
+        splitLine: { //网格线
 
+            show: true
 
+        }
 
+    },
 
+    {
 
+        type: 'value',
 
+        min: 0,
 
+        max: 10000,
 
+        interval: 2000,
 
+        axisLabel: {
 
+            formatter: '{value}(万元)'
 
+        }
 
+    }],
 
+    series: [{
 
+        type: 'bar',
 
+        itemStyle: {
 
+            color: '#3C8DE6'
 
+        }
 
+    },
 
+    {
 
+        yAxisIndex: 1,
 
+        type: 'bar',
 
+        itemStyle: {
 
+            color: '#FAA639'
 
+        }
 
+    },
 
+    {
 
+        type: 'bar',
 
+        itemStyle: {
 
+            color: '#8EC051'
 
+        }
 
+    },
 
+    {
 
+        type: 'bar',
 
+        yAxisIndex: 1,
 
+        itemStyle: {
 
+            color: '#27C2C1'
 
+        }
 
+    },
 
+    {
 
+        type: 'bar',
 
+        itemStyle: {
 
+            color: '#4DC4E7'
 
+        }
 
+    },
 
+    {
 
+        type: 'bar',
 
+        yAxisIndex: 1,
 
+        itemStyle: {
 
+            color: '#FA8A46'
 
+        }
 
+    },
 
+    ]
 
+};
 
+option && myChart.setOption(option);
 
+$('.div-shjz .title').on('click', 'li', function () {
 
+    if ($(this).data('type') == 1) {
 
+        option = {
 
+            grid: {
 
+                // 网格线配置
 
+                show: true,
 
+                lineStyle: {
 
+                    color: ["#e9e9e9"],
 
+                    width: 1,
 
+                    type: "solid",
 
+                },
 
+            },
 
+            legend: [{
 
+                left: '20%',
 
+                orient: 'vertical',
 
+                data: ['最低生活保障人数(人)', '发放低保金(万元)']
 
+            },
 
+            {
 
+                left: '40%',
 
+                orient: 'vertical',
 
+                data: ['城市居民最低生活保障人数(人)', '城市居民发放低保金(万元)']
 
+            }, {
 
+                left: '60%',
 
+                orient: 'vertical',
 
+                data: ['农村居民最低生活保障（人)', '农村居民最发放低保金(万元)']
 
+            }
 
+            ],
 
+            tooltip: {
 
+                trigger: 'axis',
 
+                axisPointer: {
 
+                    type: 'shadow'
 
+                },
 
+                backgroundColor: "rgb(0 0 0 / 40%)",
 
+                borderColor: 'transparent',
 
+                textStyle: {
 
+                    color: '#fff'
 
+                },
 
+
 
+            },
 
+            dataset: {
 
+                source: jsonData1
 
+            },
 
+            xAxis: {
 
+                type: 'category',
 
+                axisTick: {
 
+                    show: true  //坐标轴刻度线
 
+                },
 
+                axisLine: { //轴线
 
+                    show: true
 
+                },
 
+                splitLine: { //网格线
 
+                    show: true
 
+                },
 
+                axisLabel: {
 
+                    show: true,
 
+                    textStyle: {
 
+                        color: '#333',  //更改坐标轴文字颜色
 
+                        fontSize: 14      //更改坐标轴文字大小
 
+                    }
 
+                }
 
+            },
 
+            yAxis: [{
 
+                type: 'value',
 
+                min: 0,
 
+                max: 15000,
 
+                interval: 3000,
 
+                axisLabel: {
 
+                    formatter: '{value}(人)'
 
+                },
 
+                axisTick: {
 
+                    show: true  //坐标轴刻度线
 
+                },
 
+                axisLine: { //轴线
 
+                    show: true
 
+                },
 
+                splitLine: { //网格线
 
+                    show: true
 
+                }
 
+            },
 
+            {
 
+                type: 'value',
 
+                min: 0,
 
+                max: 10000,
 
+                interval: 2000,
 
+                axisLabel: {
 
+                    formatter: '{value}(万元)'
 
+                }
 
+            }],
 
+            series: [{
 
+                type: 'bar',
 
+                itemStyle: {
 
+                    color: '#3C8DE6'
 
+                }
 
+            },
 
+            {
 
+                yAxisIndex: 1,
 
+                type: 'bar',
 
+                itemStyle: {
 
+                    color: '#FAA639'
 
+                }
 
+            },
 
+            {
 
+                type: 'bar',
 
+                itemStyle: {
 
+                    color: '#8EC051'
 
+                }
 
+            },
 
+            {
 
+                type: 'bar',
 
+                yAxisIndex: 1,
 
+                itemStyle: {
 
+                    color: '#27C2C1'
 
+                }
 
+            },
 
+            {
 
+                type: 'bar',
 
+                itemStyle: {
 
+                    color: '#4DC4E7'
 
+                }
 
+            },
 
+            {
 
+                type: 'bar',
 
+                yAxisIndex: 1,
 
+                itemStyle: {
 
+                    color: '#FA8A46'
 
+                }
 
+            },
 
+            ]
 
+        };
 
+        option && myChart.setOption(option);
 
+    } else if ($(this).data('type') == 2) {
 
+        option = {
 
+            grid: {
 
+                // 网格线配置
 
+                show: true,
 
+                lineStyle: {
 
+                    color: ["#e9e9e9"],
 
+                    width: 1,
 
+                    type: "solid",
 
+                },
 
+            },
 
+            legend: [{
 
+                left: '20%',
 
+                orient: 'vertical',
 
+                data: ['特困人员救助供养人数（人）', '发放救助金供养金（万元）']
 
+            },
 
+            {
 
+                left: '40%',
 
+                orient: 'vertical',
 
+                data: ['城市特困人员救助供养人数（人）', '城市发放救助供养金（万元）']
 
+            }, {
 
+                left: '60%',
 
+                orient: 'vertical',
 
+                data: ['农村特困人员救助供养人数（人）', '农村发放救助供养金（万元）']
 
+            }
 
+            ],
 
+            tooltip: {
 
+                trigger: 'axis',
 
+                axisPointer: {
 
+                    type: 'shadow'
 
+                },
 
+                backgroundColor: "rgb(0 0 0 / 40%)",
 
+                borderColor: 'transparent',
 
+                textStyle: {
 
+                    color: '#fff'
 
+                },
 
+
 
+            },
 
+            dataset: {
 
+                source: jsonData2
 
+            },
 
+            xAxis: {
 
+                type: 'category',
 
+                axisTick: {
 
+                    show: true  //坐标轴刻度线
 
+                },
 
+                axisLine: { //轴线
 
+                    show: true
 
+                },
 
+                splitLine: { //网格线
 
+                    show: true
 
+                },
 
+                axisLabel: {
 
+                    show: true,
 
+                    textStyle: {
 
+                        color: '#333',  //更改坐标轴文字颜色
 
+                        fontSize: 14      //更改坐标轴文字大小
 
+                    }
 
+                }
 
+            },
 
+            yAxis: [{
 
+                type: 'value',
 
+                min: 0,
 
+                max: 15000,
 
+                interval: 3000,
 
+                axisLabel: {
 
+                    formatter: '{value}(人)'
 
+                },
 
+                axisTick: {
 
+                    show: true  //坐标轴刻度线
 
+                },
 
+                axisLine: { //轴线
 
+                    show: true
 
+                },
 
+                splitLine: { //网格线
 
+                    show: true
 
+                }
 
+            },
 
+            {
 
+                type: 'value',
 
+                min: 0,
 
+                max: 10000,
 
+                interval: 2000,
 
+                axisLabel: {
 
+                    formatter: '{value}(万元)'
 
+                }
 
+            }],
 
+            series: [{
 
+                type: 'bar',
 
+                itemStyle: {
 
+                    color: '#3C8DE6'
 
+                }
 
+            },
 
+            {
 
+                yAxisIndex: 1,
 
+                type: 'bar',
 
+                itemStyle: {
 
+                    color: '#FAA639'
 
+                }
 
+            },
 
+            {
 
+                type: 'bar',
 
+                itemStyle: {
 
+                    color: '#8EC051'
 
+                }
 
+            },
 
+            {
 
+                type: 'bar',
 
+                yAxisIndex: 1,
 
+                itemStyle: {
 
+                    color: '#27C2C1'
 
+                }
 
+            },
 
+            {
 
+                type: 'bar',
 
+                itemStyle: {
 
+                    color: '#4DC4E7'
 
+                }
 
+            },
 
+            {
 
+                type: 'bar',
 
+                yAxisIndex: 1,
 
+                itemStyle: {
 
+                    color: '#FA8A46'
 
+                }
 
+            },
 
+            ]
 
+        };
 
+        option && myChart.setOption(option);
 
+    } else if ($(this).data('type') == 3) {
 
+        option = {
 
+            grid: {
 
+                // 网格线配置
 
+                show: true,
 
+                lineStyle: {
 
+                    color: ["#e9e9e9"],
 
+                    width: 1,
 
+                    type: "solid",
 
+                },
 
+            },
 
+            legend: [{
 
+                left: '40%',
 
+                orient: 'vertical',
 
+                data: ['临时救助人数（人）', '发放金额（万元）']
 
+            }
 
+            ],
 
+            tooltip: {
 
+                trigger: 'axis',
 
+                axisPointer: {
 
+                    type: 'shadow'
 
+                },
 
+                backgroundColor: "rgb(0 0 0 / 40%)",
 
+                borderColor: 'transparent',
 
+                textStyle: {
 
+                    color: '#fff'
 
+                },
 
+
 
+            },
 
+            dataset: {
 
+                source: jsonData3
 
+            },
 
+            xAxis: {
 
+                type: 'category',
 
+                axisTick: {
 
+                    show: true  //坐标轴刻度线
 
+                },
 
+                axisLine: { //轴线
 
+                    show: true
 
+                },
 
+                splitLine: { //网格线
 
+                    show: true
 
+                },
 
+                axisLabel: {
 
+                    show: true,
 
+                    textStyle: {
 
+                        color: '#333',  //更改坐标轴文字颜色
 
+                        fontSize: 14      //更改坐标轴文字大小
 
+                    }
 
+                }
 
+            },
 
+            yAxis: [{
 
+                type: 'value',
 
+                min: 0,
 
+                max: 15000,
 
+                interval: 3000,
 
+                axisLabel: {
 
+                    formatter: '{value}(人)'
 
+                },
 
+                axisTick: {
 
+                    show: true  //坐标轴刻度线
 
+                },
 
+                axisLine: { //轴线
 
+                    show: true
 
+                },
 
+                splitLine: { //网格线
 
+                    show: true
 
+                }
 
+            },
 
+            {
 
+                type: 'value',
 
+                min: 0,
 
+                max: 10000,
 
+                interval: 2000,
 
+                axisLabel: {
 
+                    formatter: '{value}(万元)'
 
+                }
 
+            }],
 
+            series: [{
 
+                type: 'bar',
 
+                itemStyle: {
 
+                    color: '#3C8DE6'
 
+                }
 
+            },
 
+            {
 
+                yAxisIndex: 1,
 
+                type: 'bar',
 
+                itemStyle: {
 
+                    color: '#FAA639'
 
+                }
 
+            },
 
+            {
 
+                type: 'bar',
 
+                itemStyle: {
 
+                    color: '#8EC051'
 
+                }
 
+            },
 
+            {
 
+                type: 'bar',
 
+                yAxisIndex: 1,
 
+                itemStyle: {
 
+                    color: '#27C2C1'
 
+                }
 
+            },
 
+            {
 
+                type: 'bar',
 
+                itemStyle: {
 
+                    color: '#4DC4E7'
 
+                }
 
+            },
 
+            {
 
+                type: 'bar',
 
+                yAxisIndex: 1,
 
+                itemStyle: {
 
+                    color: '#FA8A46'
 
+                }
 
+            },
 
+            ]
 
+        };
 
+        option && myChart.setOption(option);
 
+    }
 
+})

+ 42 - 172
nngkxxdp/src/main/resources/static/natj/dataCenter/socialAssistance.html
View File 

@@ -18,43 +18,46 @@
 
 </head>
 
 
 <body>
 
-    <div class="main">
 
-        <div class="menu">
 
-            <ul class="tabs">
 
-                <li onclick="window.location.href='socialSecurity.html'">
 
-                    <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 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 class="click" onclick="window.location.href='socialAssistance.html'"><img
 
-                        src="images/menu_shjzp.png" alt="" style="width: 31px;height: 27px;"
 
-                        data-name="shjz"><span>社会救助</span>
 
-                    <div class="arrow"></div>
 
-                </li>
 
+<div style="width:100%;height:280px" id="header"></div>
 
+<div class="main">
 
+    <div class="menu">
 
+        <ul class="tabs">
 
+            <li onclick="window.location.href='socialSecurity.html'">
 
+                <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 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 class="click" onclick="window.location.href='socialAssistance.html'"><img
 
+                    src="images/menu_shjzp.png" alt="" style="width: 31px;height: 27px;"
 
+                    data-name="shjz"><span>社会救助</span>
 
+                <div class="arrow"></div>
 
+            </li>
 
+        </ul>
 
+    </div>
 
+    <div class="content">
 
+        <div class="items div-shjz">
 
+            <ul class="title">
 
+                <li class="list click" data-type="1">最低生活保障数据</li>
 
+                <li class="list" data-type="2">特困人员救助供养数据</li>
 
+                <li class="list" data-type="3">临时救助数据</li>
 
             </ul>
 
-        </div>
 
-        <div class="content">
 
-            <div class="items div-shjz">
 
-                <ul class="title">
 
-                    <li class="list click">最低生活保障数据</li>
 
-                    <li class="list">特困人员救助供养数据</li>
 
-                    <li class="list">临时救助数据</li>
 
-                </ul>
 
-                <div id="shjzEchar"></div>
 
-            </div>
 
+            <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>
 
     //社会救助菜单导航
 
     $('.div-shjz .title').on('click', 'li', function () {
 
@@ -64,147 +67,14 @@
 
     })
 
 </script>
 
 <script>
 
-    //社会救助统计图
 
-    var chartDom = document.getElementById('shjzEchar');
 
-    var myChart = echarts.init(chartDom);
 
-    var option;
 
-    option = {
 
-        grid: {
 
-            // 网格线配置
 
-            show: true,
 
-            lineStyle: {
 
-                color: ["#e9e9e9"],
 
-                width: 1,
 
-                type: "solid",
 
-            },
 
-        },
 
-        legend: [{
 
-            left: '20%',
 
-            orient: 'vertical',
 
-            data: ['最低生活保障人数(人)', '发放低保金(万元)']
 
-        },
 
-        {
 
-            left: '40%',
 
-            orient: 'vertical',
 
-            data: ['城市居民最低生活保障人数(人)', '城市居民发放低保金(万元)']
 
-        }, {
 
-            left: '60%',
 
-            orient: 'vertical',
 
-            data: ['农村居民最低生活保障（人)', '农村居民最发放低保金(万元)']
 
-        }
 
-        ],
 
-        tooltip: {
 
-            trigger: 'axis',
 
-            axisPointer: {
 
-                type: 'shadow'
 
-            },
 
-            backgroundColor: "rgb(0 0 0 / 40%)",
 
-            borderColor: 'transparent',
 
-            textStyle: {
 
-                color: '#fff'
 
-            },
 
+    setHeader()
 
+    setFooter()
 
+    function setHeader(){
 
+        $("#header").load("https://www.cqna.gov.cn/ggbf_search/ggyr/2022top/head.html")
 
+    }
 
 
-        },
 
-        dataset: {
 
-            source: [
 
-                ['product', '最低生活保障人数(人)', '发放低保金(万元)', '城市居民最低生活保障人数(人)', '城市居民发放低保金(万元)', '农村居民最低生活保障（人)', '农村居民最发放低保金(万元)'],
 
-                ['2015', 2000, 50, 7000, 32, 767, 90],
 
-                ['2016', 2000, 50, 7000, 32, 767, 90],
 
-                ['2017', 2000, 50, 7000, 32, 767, 90],
 
-                ['2018', 2000, 50, 7000, 32, 767, 90],
 
-                ['2019', 2000, 50, 7000, 32, 767, 90],
 
-                ['2020', 2000, 50, 7000, 32, 767, 90],
 
-                ['2021', 2000, 50, 7000, 32, 767, 90]
 
-            ]
 
-        },
 
-        xAxis: {
 
-            type: 'category',
 
-            axisTick: {
 
-                show: true  //坐标轴刻度线
 
-            },
 
-            axisLine: { //轴线
 
-                show: true
 
-            },
 
-            splitLine: { //网格线
 
-                show: true
 
-            },
 
-            axisLabel: {
 
-                show: true,
 
-                textStyle: {
 
-                    color: '#333',  //更改坐标轴文字颜色
 
-                    fontSize: 14      //更改坐标轴文字大小
 
-                }
 
-            }
 
-        },
 
-        yAxis: [{
 
-            type: 'value',
 
-            min: 0,
 
-            max: 15000,
 
-            interval: 3000,
 
-            axisLabel: {
 
-                formatter: '{value}(人)'
 
-            },
 
-            axisTick: {
 
-                show: true  //坐标轴刻度线
 
-            },
 
-            axisLine: { //轴线
 
-                show: true
 
-            },
 
-            splitLine: { //网格线
 
-                show: true
 
-            }
 
-        },
 
-        {
 
-            type: 'value',
 
-            min: 0,
 
-            max: 100,
 
-            interval: 20,
 
-            axisLabel: {
 
-                formatter: '{value}(万元)'
 
-            }
 
-        }],
 
-        series: [{
 
-            type: 'bar',
 
-            itemStyle: {
 
-                color: '#3C8DE6'
 
-            }
 
-        },
 
-        {
 
-            yAxisIndex: 1,
 
-            type: 'bar',
 
-            itemStyle: {
 
-                color: '#FAA639'
 
-            }
 
-        },
 
-        {
 
-            type: 'bar',
 
-            itemStyle: {
 
-                color: '#8EC051'
 
-            }
 
-        },
 
-        {
 
-            type: 'bar',
 
-            yAxisIndex: 1,
 
-            itemStyle: {
 
-                color: '#27C2C1'
 
-            }
 
-        },
 
-        {
 
-            type: 'bar',
 
-            itemStyle: {
 
-                color: '#4DC4E7'
 
-            }
 
-        },
 
-        {
 
-            type: 'bar',
 
-            yAxisIndex: 1,
 
-            itemStyle: {
 
-                color: '#FA8A46'
 
-            }
 
-        },
 
-        ]
 
-    };
 
-    option && myChart.setOption(option);
 
+    function setFooter(){
 
+        $("#footer").load("https://www.cqna.gov.cn/ggbf_search/ggyr/2022foot/foot.html")
 
+    }
 
 </script>
 
-
 
 </html>

+ 12 - 0
nngkxxdp/src/main/resources/static/natj/dataCenter/socialSecurity.html
View File 

@@ -13,6 +13,7 @@
 
 </head>
 
 
 <body>
 
+<div style="width:100%;height:280px" id="header"></div>
 
     <div class="main">
 
         <div class="menu">
 
             <ul class="tabs">
 
@@ -128,6 +129,7 @@
 
             </div>
 
         </div>
 
     </div>
 
+<div style="width:100%;" id="footer"></div>
 
 </body>
 
 <script src="js/jquery-3.5.1.min.js"></script>
 
 <script>
 
@@ -253,5 +255,15 @@
 
     })
 
 
 </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>

+ 1 - 1
nngkxxdp/src/main/resources/static/school/schoolMobile.html
View File 

@@ -445,7 +445,7 @@
 
                             "<li><div class='imglogo'><img src=\"images/logo-lbm.png\" alt=\"\"></div><span>学校类别：</span><span>" + getSchoolType(schoolData[i].schoolType) + "</span></li>" +
 
                             "<li><div class='imglogo'><img src=\"images/logo-xzm.png\" alt=\"\"></div><span>学校性质：</span><span>" + getNature(schoolData[i].natureType) + "</span></li>" +
 
                             "<li><div class='imglogo'><img src=\"images/logo-zgbmm.png\" alt=\"\"></div><span>上级主管部门：</span><span>" + competentDepartment + "</span></li>"
 
-                   
+
 
                             +"<li><div class='imglogo'><img src=\"images/logo-jituanm.png\" alt=\"\"></div><span>所属集团：</span><span>" + group + "</span></li>"
 
                          if (!(website==null||website=="")){
 
                                 schoolHtml+="<li onclick='gotoOfficial(" + i + ")' class=\"hand\"><img src=\"images/logo-gwm.png\" alt=\"\"><span>官网：</span><span><a title=" + website +">" + website + "</a></span></li>"