| | |
| | | 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> |
| | | <p ondblclick="changeScreen()" class="i-top-p" id="sloganText">新疆伊宁农村商业银行股份有限公司——智慧监管平台</p> |
| | | <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('gis_modeling')" class="i-nav4">GIS监管</a> |
| | | <a href="javaScript:;" onclick="changePage('video')" class="i-nav5">视频监管</a> |
| | | <a href="javaScript:;" onclick="changePage('sys')" class="i-nav6">后台管理</a> |
| | | <a href="javaScript:;" onclick="changePage('logout')" class="i-nav7">退出系统</a> |
| | |
| | | </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> |
| | | |
| | |
| | | </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> |
| | |
| | | <div class="lb-wrap"> |
| | | <div class="lb-body"> |
| | | <ul class="right-topInfo-jg"> |
| | | <li> |
| | | <li style="width: 100%"> |
| | | <p id="foodSum">0</p> |
| | | <h3>散粮 (吨)</h3> |
| | | </li> |
| | | <li> |
| | | <p id="oilSum">0</p> |
| | | <h3>成品 (吨)</h3> |
| | | </li> |
| | | <!-- <li>--> |
| | | <!-- <p id="packFoodSum">0</p>--> |
| | | <!-- <h3>成品 (吨)</h3>--> |
| | | <!-- </li>--> |
| | | </ul> |
| | | </div> |
| | | </div><!-- lb-wrap end --> |
| | |
| | | <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> |
| | |
| | | </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><!– tubiao-Carousel end –>--> |
| | | <!-- </div>--> |
| | | |
| | | </div><!-- right-bottom end --> |
| | | |
| | |
| | | </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> |
| | |
| | | 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> |