fzzy-igdss-web/src/main/resources/templates/group/index.html
@@ -17,18 +17,102 @@
            display: block;
            margin: 0 auto;
        }
        .item4 {
            height: 280px;
            width: 100%;
            float: left;
        }
        .bgt {
            background-position: top left;
            background-size: 100% 100%;
            background-repeat: no-repeat;
            position: relative;
        }
        .item_cont .bd {
            padding: 10px;
            overflow: hidden;
            position: relative;
            /*padding-left: 60px;*/
        }
        .item_cont .bd .year {
            width: 49px;
            height: 26px;
            border: 1px solid #21B1FF;
            border-radius: 5px;
            position: absolute;
            bottom: 35px;
            text-align: center;
            z-index: 22;
            left: 5px;
            font-size: 12px;
            line-height: 26px;
            background: #05152f;
            color: #fff;
        }
        .item_cont .bd ul li {
            margin: 0 18px;
            overflow: hidden;
            text-align: center;
            position: relative;
        }
        .item_cont .bd ul li .pic {
            border: 3px solid #3288FF;
            border-radius: 10px;
            margin-bottom: 50px;
        }
        .item_cont .bd ul li img {
            width: 240px;
            height: 160px;
            border-radius: 8px;
        }
        .item_cont .bd::after {
            content: "";
            width: 99.2%;
            position: absolute;
            bottom: 65px;
            left: 5px;
            z-index: 1;
            border-bottom: 1px dashed #3288FF;
        }
        .item_cont .bd ul li .tit{
            color: #FFFFFF;
        }
        .item_cont .bd ul li::after {
            content: "";
            width: 29px;
            height: 53px;
            position: absolute;
            bottom: 40px;
            left: 45%;
            z-index: 0;
            background: url(/img/web/group/icon_dot4.png) no-repeat bottom 0 center;
        }
    </style>
</head>
<body style="overflow:hidden;">
<div class="container">
    <div class="i-top">
        <h1 ondblclick="changeScreen()" class="i-top-tit"><span th:text="${sysName}">政策性储备粮油监管平台</span></h1>
        <h1 ondblclick="changeScreen()" class="i-top-tit"><span th:text="${sysName}">智慧粮库质押监管大屏</span></h1>
        <p ondblclick="changeScreen()" class="i-top-p" id="sloganText">
            新疆伊宁农村商业银行股份有限公司——智慧监管平台</p>
        <div class="i-navBar">
            <a href="javaScript:;" onclick="changePage('index')" class="i-nav3 active">首页</a>
            <a href="javaScript:;" onclick="changePage('gis')" class="i-nav4">GIS监管</a>
            <a href="javaScript:;" onclick="changePage('video')" class="i-nav5">视频监管</a>
            <a href="javaScript:;" onclick="changePage('logout')" class="i-nav6">退出系统</a>
            <a href="javaScript:;" onclick="changePage('sys')" class="i-nav6">后台管理</a>
            <a href="javaScript:;" onclick="changePage('logout')" class="i-nav7">退出系统</a>
        </div>
        <div class="date-time-module">
            <span id="navBarTime"></span>
@@ -55,15 +139,15 @@
                        </li>
                        <li>
                            <h3>库点(个)</h3>
                            <p id="deptAreaNum">0</p>
                            <p id="deptNum">0</p>
                        </li>
                        <li>
                            <h3>仓库(个)</h3>
                            <p id="depotSum">0</p>
                            <p id="depotNum">0</p>
                        </li>
                        <li>
                            <h3>筒仓(个)</h3>
                            <p id="depotOilSum">0</p>
                            <h3>质押仓(个)</h3>
                            <p id="depotBankNum">0</p>
                        </li>
                    </ul>
@@ -71,67 +155,77 @@
            </div><!-- i-m1 end -->
            <div class="left-m2">
                <div class="panel-title" id="panel-title">监管动态信息</div>
                <div class="panel-title" id="panel-title">库区AI事件信息</div>
                <div class="panel-content">
                    <div class="panel-content-head">
                        <span class="head-item">所属库点</span>
                        <span class="head-item" style="flex: 1.5;">所属库点</span>
                        <span class="head-item">当日分析</span>
                        <span class="head-item">近七天累计次数</span>
                        <span class="head-item">日期</span>
                    </div>
                    <div class="panel-content-body" id="inventoryInfoBox">
                        <div id="inventoryInfo">
                            <div class="panel-content-body-tr">
                                <span class="body-item">库区1</span>
                                <span class="body-item">当日分析一切正常</span>
                                <span class="body-item" style="flex: 0.3;">04/22</span>
                            </div>
                            <div class="panel-content-body-tr">
                                <span class="body-item">库区2</span>
                                <span class="body-item">当日分析一切正常</span>
                                <span class="body-item" style="flex: 0.3;">04/22</span>
                            </div>
                            <div class="panel-content-body-tr">
                                <span class="body-item">库区3</span>
                                <span class="body-item">当日分析一切正常</span>
                                <span class="body-item" style="flex: 0.3;">04/22</span>
                            </div>
                            <div class="panel-content-body-tr">
                                <span class="body-item">库区4</span>
                                <span class="body-item">当日分析一切正常</span>
                                <span class="body-item" style="flex: 0.3;">04/22</span>
                            </div>
                            <div class="panel-content-body-tr">
                                <span class="body-item">库区5</span>
                                <span class="body-item">当日分析一切正常</span>
                                <span class="body-item" style="flex: 0.3;">04/22</span>
                            </div>
                            <div class="panel-content-body-tr">
                                <span class="body-item">库区6</span>
                                <span class="body-item">当日分析一切正常</span>
                                <span class="body-item" style="flex: 0.3;">04/22</span>
                            </div>
                            <div class="panel-content-body-tr">
                                <span class="body-item">库区7</span>
                                <span class="body-item">当日分析一切正常</span>
                                <span class="body-item" style="flex: 0.3;">04/22</span>
                            </div>
                            <div class="panel-content-body-tr">
                                <span class="body-item">库区8</span>
                                <span class="body-item">当日分析一切正常</span>
                                <span class="body-item" style="flex: 0.3;">04/22</span>
                            </div>
                            <div class="panel-content-body-tr">
                                <span class="body-item">库区9</span>
                                <span class="body-item">当日分析一切正常</span>
                                <span class="body-item" style="flex: 0.3;">04/22</span>
                            </div>
                            <div class="panel-content-body-tr">
                                <span class="body-item">库区10</span>
                                <span class="body-item">当日分析一切正常</span>
                                <span class="body-item" style="flex: 0.3;">04/22</span>
                            </div>
<!--                            <div class="panel-content-body-tr">-->
<!--                                <span class="body-item sp">伊宁县康达农业发展有限公司</span>-->
<!--                                <span class="body-item">当日一切正常</span>-->
<!--                                <span class="body-item" >近7日一切正常</span>-->
<!--                            </div>-->
<!--                            <div class="panel-content-body-tr">-->
<!--                                <span class="body-item sp">伊宁县恒达农业发展有限公司</span>-->
<!--                                <span class="body-item">当日一切正常</span>-->
<!--                                <span class="body-item" >近7日一切正常</span>-->
<!--                            </div>-->
<!--                            <div class="panel-content-body-tr">-->
<!--                                <span class="body-item sp">伊宁县艾西热普烘干厂</span>-->
<!--                                <span class="body-item">当日一切正常</span>-->
<!--                                <span class="body-item" >近7日一切正常</span>-->
<!--                            </div>-->
<!--                            <div class="panel-content-body-tr">-->
<!--                                <span class="body-item sp">尼勒克县木斯乡潘刚烘干厂</span>-->
<!--                                <span class="body-item">当日一切正常</span>-->
<!--                                <span class="body-item" >近7日一切正常</span>-->
<!--                            </div>-->
<!--                            <div class="panel-content-body-tr">-->
<!--                                <span class="body-item sp">新疆伊宁保健饲料有限公司库区</span>-->
<!--                                <span class="body-item">当日一切正常</span>-->
<!--                                <span class="body-item" >近7日一切正常</span>-->
<!--                            </div>-->
<!--                            <div class="panel-content-body-tr">-->
<!--                                <span class="body-item sp">伊宁县凯源玉米种植农民专业合作社</span>-->
<!--                                <span class="body-item">当日一切正常</span>-->
<!--                                <span class="body-item" >近7日一切正常</span>-->
<!--                            </div>-->
<!--                            <div class="panel-content-body-tr">-->
<!--                                <span class="body-item sp">伊宁县玉源农副产品购销专业合作社</span>-->
<!--                                <span class="body-item">当日一切正常</span>-->
<!--                                <span class="body-item" >近7日一切正常</span>-->
<!--                            </div>-->
<!--                            <div class="panel-content-body-tr">-->
<!--                                <span class="body-item sp">新疆牟氏谷金农业科技有限责任公司库区</span>-->
<!--                                <span class="body-item">当日一切正常</span>-->
<!--                                <span class="body-item" >近7日一切正常</span>-->
<!--                            </div>-->
<!--                            <div class="panel-content-body-tr">-->
<!--                                <span class="body-item sp">新疆广泰隆农业发展有限公司</span>-->
<!--                                <span class="body-item">当日一切正常</span>-->
<!--                                <span class="body-item" >近7日一切正常</span>-->
<!--                            </div>-->
<!--                            <div class="panel-content-body-tr">-->
<!--                                <span class="body-item sp">伊宁县广粮商贸有限公司库区</span>-->
<!--                                <span class="body-item">当日一切正常</span>-->
<!--                                <span class="body-item" >近7日一切正常</span>-->
<!--                            </div>-->
<!--                            <div class="panel-content-body-tr">-->
<!--                                <span class="body-item sp">昭苏75团</span>-->
<!--                                <span class="body-item">当日一切正常</span>-->
<!--                                <span class="body-item" >近7日一切正常</span>-->
<!--                            </div>-->
<!--                            <div class="panel-content-body-tr">-->
<!--                                <span class="body-item sp">昭苏77团</span>-->
<!--                                <span class="body-item">当日一切正常</span>-->
<!--                                <span class="body-item" >近7日一切正常</span>-->
<!--                            </div>-->
                        </div>
                    </div>
                </div>
@@ -169,7 +263,7 @@
                                            <h3>散粮 (吨)</h3>
                                        </li>
                                        <li>
                                            <p id="oilSum">0</p>
                                            <p id="packFoodSum">0</p>
                                            <h3>成品 (吨)</h3>
                                        </li>
                                    </ul>
@@ -182,33 +276,33 @@
                        <div class="panel-title">库点信息</div>
                        <div class="right-topInfo-address">
                            <i class="i-icon32"><img th:src="@{/img/web/group/icon-address.png}" alt=""></i>
                            <span id="cityAndCounty">乌鲁木齐市</span>
                            <span id="county">乌鲁木齐市</span>
                        </div>
                        <div class="panel-content">
                            <h2 class="right-topInfo-kd-h" id="deptAreaName">库区1</h2>
                            <h2 class="right-topInfo-kd-h" id="deptName">库区1</h2>
                            <div class="right-topInfo-kd">
                                <div class="right-topInfo-kd-item">
                                    <h3>当日入库数(个)</h3>
                                    <p id="depotNum">0</p>
                                    <h3>当日入库单数(个)</h3>
                                    <p id="inNum">0</p>
                                </div>
                                <div class="right-topInfo-kd-item">
                                    <h3>当日出库数(个)</h3>
                                    <p id="depotOilNum">0</p>
                                    <h3>当日出库单数(个)</h3>
                                    <p id="outNum">0</p>
                                </div>
                            </div>
                            <ul class="right-topInfo-kd-list right-topInfo-jg">
                                <li>
                                    <p id="foodNum">0</p>
                                    <p id="depotNumber">0</p>
                                    <h3>仓库数(个)</h3>
                                </li>
                                <li>
                                    <p id="oilNum">0</p>
                                    <h3>储粮数(吨)</h3>
                                    <p id="depotBankNumber">0</p>
                                    <h3>质押仓数(个)</h3>
                                </li>
                                <li>
                                    <p id="area">0</p>
                                    <h3>占地面积(m²)</h3>
                                    <p id="storageNum">0</p>
                                    <h3>库存数(吨)</h3>
                                </li>
                            </ul>
                        </div>
@@ -219,35 +313,131 @@
            </div><!-- right-top end -->
            <div class="right-bottom bottom-container">
                <div class="panel-title" id="pieCharTitle">数量统计</div>
                <div class="panel-title" id="pieCharTitle">抓拍跟踪</div>
                <!--                <div class="panel-content" style="position: relative;">-->
                <!--                    <div class="tubiao-Carousel">-->
                <div class="item4 bgt follow">
                    <div class="item_cont">
                        <div class="bd">
<!--                            <div class="year">2025年</div>-->
                            <div class="tempWrap" style="overflow:hidden; position:relative; width:100%">
                                <ul id="snapList" style="width: 2280px; position: relative; overflow: hidden; padding: 0px; margin: 0px; left: -980px;">
<!--                                    <li style="float: left; width: 246px;">-->
<!--                                        <div class="item">-->
<!--                                            <div class="pic">-->
<!--                                                <img th:src="@{/img/web/group/pic2.jpg}" alt="">-->
<!--                                            </div>-->
<!--                                            <div class="tit">11-15 15:00:20</div>-->
<!--                                            <div class="tit">伊宁县康达农业发展有限公司</div>-->
<!--                                        </div>-->
<!--                                    </li>-->
<!--                                    <li style="float: left; width: 246px;">-->
<!--                                        <div class="item">-->
<!--                                            <div class="pic">-->
<!--                                                <img th:src="@{/img/web/group/pic1.jpg}" alt="">-->
<!--                                            </div>-->
<!--                                            <div class="tit">11-15 15:00:20</div>-->
<!--                                            <div class="tit">伊宁县康达农业发展有限公司</div>-->
<!--                                        </div>-->
<!--                                    </li>-->
<!--                                    <li style="float: left; width: 246px;">-->
<!--                                        <div class="item">-->
<!--                                            <div class="pic">-->
<!--                                                <img th:src="@{/img/web/group/pic2.jpg}" alt="">-->
<!--                                            </div>-->
<!--                                            <div class="tit">11-15 15:00:20</div>-->
<!--                                            <div class="tit">伊宁县康达农业发展有限公司</div>-->
<!--                                        </div>-->
<!--                                    </li>-->
<!--                                    <li style="float: left; width: 246px;">-->
<!--                                        <div class="item">-->
<!--                                            <div class="pic">-->
<!--                                                <img th:src="@{/img/web/group/pic3.jpg}" alt="">-->
<!--                                            </div>-->
<!--                                            <div class="tit">11-15 15:00:20</div>-->
<!--                                            <div class="tit">伊宁县康达农业发展有限公司</div>-->
<!--                                        </div>-->
<!--                                    </li>-->
<!--                                    <li style="float: left; width: 246px;">-->
<!--                                        <div class="item">-->
<!--                                            <div class="pic">-->
<!--                                                <img th:src="@{/img/web/group/pic4.jpg}" alt="">-->
<!--                                            </div>-->
<!--                                            <div class="tit">11-15 15:00:20</div>-->
<!--                                            <div class="tit">伊宁县康达农业发展有限公司</div>-->
<!--                                        </div>-->
<!--                                    </li>-->
<!--                                    <li style="float: left; width: 246px;">-->
<!--                                        <div class="item">-->
<!--                                            <div class="pic">-->
<!--                                                <img th:src="@{/img/web/group/pic1.jpg}" alt="">-->
<!--                                            </div>-->
<!--                                            <div class="tit">11-15 15:00:20</div>-->
<!--                                            <div class="tit">伊宁县康达农业发展有限公司</div>-->
<!--                                        </div>-->
<!--                                    </li>-->
<!--                                    <li style="float: left; width: 246px;">-->
<!--                                        <div class="item">-->
<!--                                            <div class="pic">-->
<!--                                                <img th:src="@{/img/web/group/pic2.jpg}" alt="">-->
<!--                                            </div>-->
<!--                                            <div class="tit">11-15 15:00:20</div>-->
<!--                                            <div class="tit">伊宁县康达农业发展有限公司</div>-->
<!--                                        </div>-->
<!--                                    </li>-->
<!--                                    <li style="float: left; width: 246px;">-->
<!--                                        <div class="item">-->
<!--                                            <div class="pic">-->
<!--                                                <img th:src="@{/img/web/group/pic1.jpg}" alt="">-->
<!--                                            </div>-->
<!--                                            <div class="tit">11-15 15:00:20</div>-->
<!--                                            <div class="tit">伊宁县康达农业发展有限公司</div>-->
<!--                                        </div>-->
<!--                                    </li>-->
<!--                                    <li style="float: left; width: 246px;">-->
<!--                                        <div class="item">-->
<!--                                            <div class="pic">-->
<!--                                                <img th:src="@{/img/web/group/pic2.jpg}" alt="">-->
<!--                                            </div>-->
<!--                                            <div class="tit">11-15 15:00:20</div>-->
<!--                                            <div class="tit">伊宁县康达农业发展有限公司</div>-->
<!--                                        </div>-->
<!--                                    </li>-->
<!--                                    <li style="float: left; width: 246px;">-->
<!--                                        <div class="item">-->
<!--                                            <div class="pic">-->
<!--                                                <img th:src="@{/img/web/group/pic3.jpg}" alt="">-->
<!--                                            </div>-->
<!--                                            <div class="tit">11-15 15:00:20</div>-->
<!--                                            <div class="tit">伊宁县康达农业发展有限公司</div>-->
<!--                                        </div>-->
<!--                                    </li>-->
<!--                                    <li style="float: left; width: 246px;">-->
<!--                                        <div class="item">-->
<!--                                            <div class="pic">-->
<!--                                                <img th:src="@{/img/web/group/pic4.jpg}" alt="">-->
<!--                                            </div>-->
<!--                                            <div class="tit">11-15 15:00:20</div>-->
<!--                                            <div class="tit">伊宁县康达农业发展有限公司</div>-->
<!--                                        </div>-->
<!--                                    </li>-->
<!--                                    <li style="float: left; width: 246px;">-->
<!--                                        <div class="item">-->
<!--                                            <div class="pic">-->
<!--                                                <img th:src="@{/img/web/group/pic1.jpg}" alt="">-->
<!--                                            </div>-->
<!--                                            <div class="tit">11-15 15:00:20</div>-->
<!--                                            <div class="tit">伊宁县康达农业发展有限公司</div>-->
<!--                                        </div>-->
<!--                                    </li>-->
                <div class="panel-content" style="position: relative;">
                    <div class="tubiao-Carousel">
                        <div class="stats-chart-box">
                            <div class="chart-item">
                                <div class="chart-item-title">品种</div>
                                <div class="chart-box" id="pieVarietyChart" style="height: 266px; width:256px"></div>
                            </div>
                            <div class="chart-item">
                                <div class="chart-item-title">性质</div>
                                <div class="chart-box" id="pieTypeChart" style="height: 266px; width:256px"></div>
                            </div>
                            <div class="chart-item">
                                <div class="chart-item-title">等级</div>
                                <div class="chart-box" id="pieLevelChart" style="height: 266px; width:256px"></div>
                            </div>
                            <div class="chart-item">
                                <div class="chart-item-title">年份</div>
                                <div class="chart-box" id="pieYearChart" style="height: 266px; width:256px"></div>
                            </div>
                            <div class="chart-item">
                                <div class="chart-item-title">地域划分</div>
                                <div class="chart-box" id="pieAreaChart" style="height: 266px; width:256px"></div>
                                </ul>
                            </div>
                        </div>
                    </div><!-- tubiao-Carousel end -->
                    </div>
                </div>
                <!--                    </div>&lt;!&ndash; tubiao-Carousel end &ndash;&gt;-->
                <!--                </div>-->
            </div><!-- right-bottom end -->
@@ -259,6 +449,9 @@
</div>
<script th:src="@{/js/jquery.min.js}"></script>
<script th:src="@{/js/jquery.countup.min.js}"></script>
<script th:src="@{/js/jquery.SuperSlide.js}"></script>
<script th:src="@{/js/jquery.waypoints.min.js}"></script>
<script th:src="@{/js/plugins/echarts/echarts.js}"></script>
<script th:src="@{/ajax/libs/layer/layer.js}"></script>
<script th:src="@{/common/constant.js}"></script>
@@ -269,7 +462,10 @@
    var userId = [[${loginUser.loginName}]];
    var companyId = [[${loginUser.companyId}]];
    var deptId = [[${deptId}]];
    var deptList = [[${deptList}]];
    var dicSlogan = [[${dicSlogan}]];
    var deptAllList = [[${deptAllList}]];
    var bizType = [[${bizType}]];
    var bizTag = [[${bizTag}]];
</script>
</body>
</html>