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

<head>
    <meta charset="utf-8" />
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="renderer" content="webkit" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="format-detection" content="telephone=no" />
    <link rel="stylesheet" href="/webconfig/layui/css/layui.css?t=202006016" media="all" />
    <!--统一LAYUI前端样式文件-->
    <link rel="stylesheet" href="/webconfig/layui/css/global.css?t=20200616" media="all">
    <!--统一公共前端样式文件-->
    <link rel="stylesheet" href="/webconfig/css/jquery-ui.css?t=20200613" media="all" />
    <!--提示信息前端样式文件-->
    <title>园区统计分析</title>
    <link rel="stylesheet" href="/webconfig/css/reset.css">
    <link rel="stylesheet" href="/webconfig/css/kindergartenThings.css">
    <!-- 引入jquery -->
    <script src="/webconfig/js/jquery.min.js"></script>
    <script src="/webconfig/js/echarts.min.js"></script>
    <script src="/webconfig/js/vue.js"></script>
</head>

<body>
    <div id="all">
        <div class="h1">
            <div>
                <a id="html5" href="wisdomMedic.html" style="margin-right: 20px;">
                    <img src="/webconfig/images/everdayData/img1/icon_01.png">
                    <span>xx市教育局云端大数据</span>
                </a>
                <a id="html1" href="everdayData.html" style="margin-right: 20px;">
                    <img src="/webconfig/images/everdayData/img1/icon_01.png">
                    <span>每日数据检测</span>
                </a>
                <a id="html2" href="javascript:;" class="in">
                    <img style="width: 25px;height: 25px;margin-right:5px;position:relative;top:-1px" src="/webconfig/images/everdayData/img1/icon_021.png">
                    <span>园区统计分析</span>
                </a>
            </div>
            <div>
                <a id="html3" href="careEducation.html" style="margin-right: 5px;">
                    <img src="/webconfig/images/everdayData/img1/icon_03.png">
                    <span>日常保教统计</span>
                </a>
                <a id="html4" href="homeInteraction.html">
                    <img style="width: 35px;height: 35px;" src="/webconfig/images/everdayData/img1/icon_04.png">
                    <span>家园互动情况</span>
                </a>
            </div>
        </div>
        <div class="top">
            <div class="left">
                <h2>
                    <!-- <img src="./src/images/img1/text_01.png"> -->
                    <span>教职工组成统计</span>
                </h2>
                <div id="echarts1"></div>
            </div>
            <div class="right">
                <h2><span>幼儿班型人数统计</span></h2>
                <div id="echarts2"></div>
                <div id="echarts3"></div>
            </div>
        </div>
        <div class="middle">
            <div class="left">
                <h2><span>教职工学历分析</span></h2>
                <div id="echarts4"></div>
            </div>
            <div class="right">
                <h2><span>男女比例统计</span></h2>
                <div>
                    <p class="woman">
                        <span>{{(Small.WoMan/((Small.WoMan+Small.Man)==0? 1:(Small.WoMan+Small.Man))*100).toFixed(2)}}%</span>
                        <span>女</span>
                        <span class="number">{{Small.WoMan}}人</span>
                    </p>
                    <p><img src="/webconfig/images/everdayData/img1/wx.png"></p>
                    <span class="banji">小班</span>
                    <p class="man">
                        <span>{{(Small.Man/((Small.WoMan+Small.Man)==0? 1:(Small.WoMan+Small.Man))*100).toFixed(2)}}%</span>
                        <span>男</span>
                        <span class="number">{{Small.Man}}人</span>
                    </p>
                </div>
                <div>
                    <p class="woman">
                        <!--  -->
                        <span>{{(Middle.WoMan/(Middle.WoMan+Middle.Man)*100).toFixed(2)}}%</span>
                        <span>女</span>
                        <span class="number">{{Middle.WoMan}}人</span>
                    </p>
                    <p><img src="/webconfig/images/everdayData/img1/wx.png"></p>
                    <span class="banji">中班</span>
                    <p class="man">
                        <span>{{(Middle.Man/(Middle.WoMan+Middle.Man)*100).toFixed(2)}}%</span>
                        <span>男</span>
                        <span class="number">{{Middle.Man}}人</span>
                    </p>
                </div>
                <div>
                    <p class="woman">
                        <span>{{(Big.WoMan/(Big.WoMan+Big.Man)*100).toFixed(2)}}%</span>
                        <span>女</span>
                        <span class="number">{{Big.WoMan}}人</span>
                    </p>
                    <p><img src="/webconfig/images/everdayData/img1/wx.png"></p>
                    <span class="banji">大班</span>
                    <p class="man">
                        <span>{{(Big.Man/(Big.WoMan+Big.Man)*100).toFixed(2)}}%</span>
                        <span>男</span>
                        <span class="number">{{Big.Man}}人</span>
                    </p>
                </div>
            </div>
        </div>
        <div class="bottom">
            <div class="left">
                <h2><span>教职工年龄段分析</span></h2>
                <div id="echarts5"></div>
                <div id="echarts6"></div>
            </div>
            <div class="right">
                <h2><span>校舍情况统计</span></h2>
                <div id="echarts7"></div>
                <div id="echarts8"></div>
            </div>
        </div>
    </div>
    <script>
        window.url = "http://sysapi.it996.tech"
            // window.url = "http://192.168.1.152:56010"
        window.guid = ''

        function getParams() {
            var url = window.location.href;
            if (url.indexOf("?") > 0) {
                url = url.split("?")[1];
                arr = url.split("&");
                var obj = {};
                for (var i = 0; i < arr.length; i++) {
                    var arr_list = arr[i].split("=");
                    obj[arr_list[0]] = arr_list[1];
                }
                var EquipmentID = obj.EquipmentID;
                window.guid = EquipmentID
            }
        }
        getParams()
    </script>
    <!--layui必须JS-->
    <script type="text/javascript" src="/webconfig/layui/layui.js?t=20200606" charset="utf-8"></script>
    <script type="text/javascript" src="/webconfig/js/kindergartenThings.js"></script>
</body>

</html>