czt
2025-11-27 1f455e5cda9016054c531bbae6b1639fe646628f
fzzy-igdss-web/src/main/resources/templates/group/gis-index.html
@@ -25,7 +25,9 @@
         box-sizing: border-box;
         overflow: hidden;
      }
      .amap-logo {
         display: none !important;
      }
      /*地图标题*/
      .BMap_bubble_top {
         display: none !important;
@@ -46,168 +48,146 @@
   </style>
</head>
<body>
<body style="width: 1720px!important;height: 842px!important;margin: 0px">
<div class="container">
   <div class="i-top">
      <h1 class="i-top-tit"><span>省级储备粮监管平台</span></h1>
      <p  class="i-top-p" id="sloganText">不忘初心,牢记使命,为中国人民谋幸福,为中华民族谋复兴</p>
      <div class="i-navBar">
         <a href="javaScript:;" onclick="changePage('index')" class="i-nav1">首页</a>
         <a href="javaScript:;" onclick="changePage('amount')" class="i-nav2">数量总览</a>
         <a href="javaScript:;" onclick="changePage('gis')" class="i-nav3 active">GIS监管</a>
         <a href="javaScript:;" onclick="changePage('plan')" class="i-nav4">轮换监管</a>
         <a href="javaScript:;" onclick="changePage('ai')" class="i-nav5">预警分析</a>
         <a href="javaScript:;" onclick="changePage('video')" class="i-nav6">视频轮换</a>
         <a href="javaScript:;" onclick="changePage('home')" class="i-nav7">后台管理</a>
      </div>
      <div class="date-time-module">
         <span id="navBarTime"></span>
         <div class="i-top-date">
            <span id="navBarDate"></span>
            <span id="navBarWeek"></span>
         </div>
      </div>
      <!-- <div id="data"></div> -->
<div class="container" style="width: 100%;height: 100%">
   </div><!--i-top end-->
   <div class="c-main cl">
   <div class="c-main cl" style="width: 100%;height: 100%">
      <div class="c-cen" id="map_container">
         <!--            <img src="../images/visual/c-map.png" alt="">-->
      </div>
      <div class="c-left">
         <div class="o-btn">
            <img src="/group/img/c-btn1.png">
            <!--<img th:src="@{/static/group/img/c-btn1.png}"/>-->
         </div>
         <div class="inner">
            <div class="close"></div>
            <div class="m-box1">
               <div class="l">
                  <div class="chartbox">
                     <div class="chart" id="breedChart"></div>
                     <div class="txt">
                        <div class="n" id="foodSum">1433331 </div>
                        <div class="p">吨 </div>
                     </div>
                  </div>
               </div>
               <div class="r">
                  <ul class="ul-listb1" id="foodNumPer">
                     <li>
                        <div class="con" style="background-color: rgba(0, 228, 250,.05);">
                           <div class="dot" style="background-color: rgb(0, 228, 250);"></div>
                           <div class="num" style="color: rgb(0, 228, 250);">42.2%</div>
                           <div class="type">混合小麦</div>
                        </div>
                     </li>
                     <li>
                        <div class="con" style="background-color: rgba(22, 226, 173,.05);">
                           <div class="dot" style="background-color: rgb(22, 226, 173);"></div>
                           <div class="num" style="color: rgb(22, 226, 173);">12.6%</div>
                           <div class="type">小麦</div>
                        </div>
                     </li>
                     <li>
                        <div class="con" style="background-color: rgba(255, 181, 23,.05);">
                           <div class="dot" style="background-color: rgb(255, 181, 23);"></div>
                           <div class="num" style="color: rgb(255, 181, 23);">21.0%</div>
                           <div class="type">玉米</div>
                        </div>
                     </li>
                     <li>
                        <div class="con" style="background-color: rgba(238, 60, 72,.05);">
                           <div class="dot" style="background-color: rgb(238, 60, 72);"></div>
                           <div class="num" style="color: rgb(238, 60, 72);">5.8%</div>
                           <div class="type">稻谷</div>
                        </div>
                     </li>
                     <li>
                        <div class="con" style="background-color: rgba(135, 103, 255,.05);">
                           <div class="dot" style="background-color: rgb(135, 103, 255);"></div>
                           <div class="num" style="color: rgb(135, 103, 255);">0.9%</div>
                           <div class="type">青稞</div>
                        </div>
                     </li>
                     <li>
                        <div class="con" style="background-color: rgba(41, 122, 255,.05);">
                           <div class="dot" style="background-color: rgb(41, 122, 255);"></div>
                           <div class="num" style="color: rgb(41, 122, 255);">10.2%</div>
                           <div class="type">苦荞麦</div>
                        </div>
                     </li>
                     <li>
                        <div class="con" style="background-color: rgba(238, 60, 144,.05);">
                           <div class="dot" style="background-color: rgb(238, 60, 144);"></div>
                           <div class="num" style="color: rgb(238, 60, 144);">16.2%</div>
                           <div class="type">大豆</div>
                        </div>
                     </li>
                     <li>
                        <div class="con" style="background-color: rgba(0, 228, 250,.05);">
                           <div class="dot" style="background-color: rgb(0, 228, 250);"></div>
                           <div class="num" style="color: rgb(0, 228, 250);">42.2%</div>
                           <div class="type">混合小麦</div>
                        </div>
                     </li>
                     <li>
                        <div class="con" style="background-color: rgba(22, 226, 173,.05);">
                           <div class="dot" style="background-color: rgb(22, 226, 173);"></div>
                           <div class="num" style="color: rgb(22, 226, 173);">12.6%</div>
                           <div class="type">小麦</div>
                        </div>
                     </li>
                     <li>
                        <div class="con" style="background-color: rgba(255, 181, 23,.05);">
                           <div class="dot" style="background-color: rgb(255, 181, 23);"></div>
                           <div class="num" style="color: rgb(255, 181, 23);">21.0%</div>
                           <div class="type">玉米</div>
                        </div>
                     </li>
                     <li>
                        <div class="con" style="background-color: rgba(238, 60, 72,.05);">
                           <div class="dot" style="background-color: rgb(238, 60, 72);"></div>
                           <div class="num" style="color: rgb(238, 60, 72);">5.8%</div>
                           <div class="type">稻谷</div>
                        </div>
                     </li>
                     <li>
                        <div class="con" style="background-color: rgba(135, 103, 255,.05);">
                           <div class="dot" style="background-color: rgb(135, 103, 255);"></div>
                           <div class="num" style="color: rgb(135, 103, 255);">0.9%</div>
                           <div class="type">青稞</div>
                        </div>
                     </li>
                     <li>
                        <div class="con" style="background-color: rgba(41, 122, 255,.05);">
                           <div class="dot" style="background-color: rgb(41, 122, 255);"></div>
                           <div class="num" style="color: rgb(41, 122, 255);">10.2%</div>
                           <div class="type">苦荞麦</div>
                        </div>
                     </li>
                     <li>
                        <div class="con" style="background-color: rgba(238, 60, 144,.05);">
                           <div class="dot" style="background-color: rgb(238, 60, 144);"></div>
                           <div class="num" style="color: rgb(238, 60, 144);">16.2%</div>
                           <div class="type">大豆</div>
                        </div>
                     </li>
                  </ul>
               </div>
            </div>
            <div class="m-box2">
               <div class="item">
<!--      <div class="c-left">-->
<!--&lt;!&ndash;         <div class="o-btn">&ndash;&gt;-->
<!--&lt;!&ndash;            <img src="/group/img/c-btn1.png">&ndash;&gt;-->
<!--&lt;!&ndash;            &lt;!&ndash;<img th:src="@{/static/group/img/c-btn1.png}"/>&ndash;&gt;&ndash;&gt;-->
<!--&lt;!&ndash;         </div>&ndash;&gt;-->
<!--&lt;!&ndash;         <div class="inner">&ndash;&gt;-->
<!--&lt;!&ndash;            <div class="close"></div>&ndash;&gt;-->
<!--&lt;!&ndash;            <div class="m-box1">&ndash;&gt;-->
<!--&lt;!&ndash;               <div class="l">&ndash;&gt;-->
<!--&lt;!&ndash;                  <div class="chartbox">&ndash;&gt;-->
<!--&lt;!&ndash;                     <div class="chart" id="breedChart"></div>&ndash;&gt;-->
<!--&lt;!&ndash;                     <div class="txt">&ndash;&gt;-->
<!--&lt;!&ndash;                        <div class="n" id="foodSum">14258 </div>&ndash;&gt;-->
<!--&lt;!&ndash;                        <div class="p">吨 </div>&ndash;&gt;-->
<!--&lt;!&ndash;                     </div>&ndash;&gt;-->
<!--&lt;!&ndash;                  </div>&ndash;&gt;-->
<!--&lt;!&ndash;               </div>&ndash;&gt;-->
<!--&lt;!&ndash;               <div class="r">&ndash;&gt;-->
<!--&lt;!&ndash;                  <ul class="ul-listb1" id="foodNumPer">&ndash;&gt;-->
<!--&lt;!&ndash;                     <li>&ndash;&gt;-->
<!--&lt;!&ndash;                        <div class="con" style="background-color: rgba(0, 228, 250,.05);">&ndash;&gt;-->
<!--&lt;!&ndash;                           <div class="dot" style="background-color: rgb(0, 228, 250);"></div>&ndash;&gt;-->
<!--&lt;!&ndash;                           <div class="num" style="color: rgb(0, 228, 250);">42.2%</div>&ndash;&gt;-->
<!--&lt;!&ndash;                           <div class="type">混合小麦</div>&ndash;&gt;-->
<!--&lt;!&ndash;                        </div>&ndash;&gt;-->
<!--&lt;!&ndash;                     </li>&ndash;&gt;-->
<!--&lt;!&ndash;                     <li>&ndash;&gt;-->
<!--&lt;!&ndash;                        <div class="con" style="background-color: rgba(22, 226, 173,.05);">&ndash;&gt;-->
<!--&lt;!&ndash;                           <div class="dot" style="background-color: rgb(22, 226, 173);"></div>&ndash;&gt;-->
<!--&lt;!&ndash;                           <div class="num" style="color: rgb(22, 226, 173);">12.6%</div>&ndash;&gt;-->
<!--&lt;!&ndash;                           <div class="type">小麦</div>&ndash;&gt;-->
<!--&lt;!&ndash;                        </div>&ndash;&gt;-->
<!--&lt;!&ndash;                     </li>&ndash;&gt;-->
<!--&lt;!&ndash;                     <li>&ndash;&gt;-->
<!--&lt;!&ndash;                        <div class="con" style="background-color: rgba(255, 181, 23,.05);">&ndash;&gt;-->
<!--&lt;!&ndash;                           <div class="dot" style="background-color: rgb(255, 181, 23);"></div>&ndash;&gt;-->
<!--&lt;!&ndash;                           <div class="num" style="color: rgb(255, 181, 23);">21.0%</div>&ndash;&gt;-->
<!--&lt;!&ndash;                           <div class="type">玉米</div>&ndash;&gt;-->
<!--&lt;!&ndash;                        </div>&ndash;&gt;-->
<!--&lt;!&ndash;                     </li>&ndash;&gt;-->
<!--&lt;!&ndash;                     <li>&ndash;&gt;-->
<!--&lt;!&ndash;                        <div class="con" style="background-color: rgba(238, 60, 72,.05);">&ndash;&gt;-->
<!--&lt;!&ndash;                           <div class="dot" style="background-color: rgb(238, 60, 72);"></div>&ndash;&gt;-->
<!--&lt;!&ndash;                           <div class="num" style="color: rgb(238, 60, 72);">5.8%</div>&ndash;&gt;-->
<!--&lt;!&ndash;                           <div class="type">稻谷</div>&ndash;&gt;-->
<!--&lt;!&ndash;                        </div>&ndash;&gt;-->
<!--&lt;!&ndash;                     </li>&ndash;&gt;-->
<!--&lt;!&ndash;                     <li>&ndash;&gt;-->
<!--&lt;!&ndash;                        <div class="con" style="background-color: rgba(135, 103, 255,.05);">&ndash;&gt;-->
<!--&lt;!&ndash;                           <div class="dot" style="background-color: rgb(135, 103, 255);"></div>&ndash;&gt;-->
<!--&lt;!&ndash;                           <div class="num" style="color: rgb(135, 103, 255);">0.9%</div>&ndash;&gt;-->
<!--&lt;!&ndash;                           <div class="type">青稞</div>&ndash;&gt;-->
<!--&lt;!&ndash;                        </div>&ndash;&gt;-->
<!--&lt;!&ndash;                     </li>&ndash;&gt;-->
<!--&lt;!&ndash;                     <li>&ndash;&gt;-->
<!--&lt;!&ndash;                        <div class="con" style="background-color: rgba(41, 122, 255,.05);">&ndash;&gt;-->
<!--&lt;!&ndash;                           <div class="dot" style="background-color: rgb(41, 122, 255);"></div>&ndash;&gt;-->
<!--&lt;!&ndash;                           <div class="num" style="color: rgb(41, 122, 255);">10.2%</div>&ndash;&gt;-->
<!--&lt;!&ndash;                           <div class="type">苦荞麦</div>&ndash;&gt;-->
<!--&lt;!&ndash;                        </div>&ndash;&gt;-->
<!--&lt;!&ndash;                     </li>&ndash;&gt;-->
<!--&lt;!&ndash;                     <li>&ndash;&gt;-->
<!--&lt;!&ndash;                        <div class="con" style="background-color: rgba(238, 60, 144,.05);">&ndash;&gt;-->
<!--&lt;!&ndash;                           <div class="dot" style="background-color: rgb(238, 60, 144);"></div>&ndash;&gt;-->
<!--&lt;!&ndash;                           <div class="num" style="color: rgb(238, 60, 144);">16.2%</div>&ndash;&gt;-->
<!--&lt;!&ndash;                           <div class="type">大豆</div>&ndash;&gt;-->
<!--&lt;!&ndash;                        </div>&ndash;&gt;-->
<!--&lt;!&ndash;                     </li>&ndash;&gt;-->
<!--&lt;!&ndash;                     <li>&ndash;&gt;-->
<!--&lt;!&ndash;                        <div class="con" style="background-color: rgba(0, 228, 250,.05);">&ndash;&gt;-->
<!--&lt;!&ndash;                           <div class="dot" style="background-color: rgb(0, 228, 250);"></div>&ndash;&gt;-->
<!--&lt;!&ndash;                           <div class="num" style="color: rgb(0, 228, 250);">42.2%</div>&ndash;&gt;-->
<!--&lt;!&ndash;                           <div class="type">混合小麦</div>&ndash;&gt;-->
<!--&lt;!&ndash;                        </div>&ndash;&gt;-->
<!--&lt;!&ndash;                     </li>&ndash;&gt;-->
<!--&lt;!&ndash;                     <li>&ndash;&gt;-->
<!--&lt;!&ndash;                        <div class="con" style="background-color: rgba(22, 226, 173,.05);">&ndash;&gt;-->
<!--&lt;!&ndash;                           <div class="dot" style="background-color: rgb(22, 226, 173);"></div>&ndash;&gt;-->
<!--&lt;!&ndash;                           <div class="num" style="color: rgb(22, 226, 173);">12.6%</div>&ndash;&gt;-->
<!--&lt;!&ndash;                           <div class="type">小麦</div>&ndash;&gt;-->
<!--&lt;!&ndash;                        </div>&ndash;&gt;-->
<!--&lt;!&ndash;                     </li>&ndash;&gt;-->
<!--&lt;!&ndash;                     <li>&ndash;&gt;-->
<!--&lt;!&ndash;                        <div class="con" style="background-color: rgba(255, 181, 23,.05);">&ndash;&gt;-->
<!--&lt;!&ndash;                           <div class="dot" style="background-color: rgb(255, 181, 23);"></div>&ndash;&gt;-->
<!--&lt;!&ndash;                           <div class="num" style="color: rgb(255, 181, 23);">21.0%</div>&ndash;&gt;-->
<!--&lt;!&ndash;                           <div class="type">玉米</div>&ndash;&gt;-->
<!--&lt;!&ndash;                        </div>&ndash;&gt;-->
<!--&lt;!&ndash;                     </li>&ndash;&gt;-->
<!--&lt;!&ndash;                     <li>&ndash;&gt;-->
<!--&lt;!&ndash;                        <div class="con" style="background-color: rgba(238, 60, 72,.05);">&ndash;&gt;-->
<!--&lt;!&ndash;                           <div class="dot" style="background-color: rgb(238, 60, 72);"></div>&ndash;&gt;-->
<!--&lt;!&ndash;                           <div class="num" style="color: rgb(238, 60, 72);">5.8%</div>&ndash;&gt;-->
<!--&lt;!&ndash;                           <div class="type">稻谷</div>&ndash;&gt;-->
<!--&lt;!&ndash;                        </div>&ndash;&gt;-->
<!--&lt;!&ndash;                     </li>&ndash;&gt;-->
<!--&lt;!&ndash;                     <li>&ndash;&gt;-->
<!--&lt;!&ndash;                        <div class="con" style="background-color: rgba(135, 103, 255,.05);">&ndash;&gt;-->
<!--&lt;!&ndash;                           <div class="dot" style="background-color: rgb(135, 103, 255);"></div>&ndash;&gt;-->
<!--&lt;!&ndash;                           <div class="num" style="color: rgb(135, 103, 255);">0.9%</div>&ndash;&gt;-->
<!--&lt;!&ndash;                           <div class="type">青稞</div>&ndash;&gt;-->
<!--&lt;!&ndash;                        </div>&ndash;&gt;-->
<!--&lt;!&ndash;                     </li>&ndash;&gt;-->
<!--&lt;!&ndash;                     <li>&ndash;&gt;-->
<!--&lt;!&ndash;                        <div class="con" style="background-color: rgba(41, 122, 255,.05);">&ndash;&gt;-->
<!--&lt;!&ndash;                           <div class="dot" style="background-color: rgb(41, 122, 255);"></div>&ndash;&gt;-->
<!--&lt;!&ndash;                           <div class="num" style="color: rgb(41, 122, 255);">10.2%</div>&ndash;&gt;-->
<!--&lt;!&ndash;                           <div class="type">苦荞麦</div>&ndash;&gt;-->
<!--&lt;!&ndash;                        </div>&ndash;&gt;-->
<!--&lt;!&ndash;                     </li>&ndash;&gt;-->
<!--&lt;!&ndash;                     <li>&ndash;&gt;-->
<!--&lt;!&ndash;                        <div class="con" style="background-color: rgba(238, 60, 144,.05);">&ndash;&gt;-->
<!--&lt;!&ndash;                           <div class="dot" style="background-color: rgb(238, 60, 144);"></div>&ndash;&gt;-->
<!--&lt;!&ndash;                           <div class="num" style="color: rgb(238, 60, 144);">16.2%</div>&ndash;&gt;-->
<!--&lt;!&ndash;                           <div class="type">大豆</div>&ndash;&gt;-->
<!--&lt;!&ndash;                        </div>&ndash;&gt;-->
<!--&lt;!&ndash;                     </li>&ndash;&gt;-->
<!--&lt;!&ndash;                  </ul>&ndash;&gt;-->
<!--&lt;!&ndash;               </div>&ndash;&gt;-->
<!--&lt;!&ndash;            </div>&ndash;&gt;-->
<!--&lt;!&ndash;            <div class="m-box2">&ndash;&gt;-->
<!--&lt;!&ndash;               <div class="item">&ndash;&gt;-->
                  <div class="bot">
                     <div class="chart" id="ss"></div>
                  </div>
               </div>
            </div>
         </div>
      </div>
<!--&lt;!&ndash;                  <div class="bot">&ndash;&gt;-->
<!--&lt;!&ndash;                     <div class="chart" id="ss"></div>&ndash;&gt;-->
<!--&lt;!&ndash;                  </div>&ndash;&gt;-->
<!--&lt;!&ndash;               </div>&ndash;&gt;-->
<!--&lt;!&ndash;            </div>&ndash;&gt;-->
<!--&lt;!&ndash;         </div>&ndash;&gt;-->
<!--      </div>-->
      <div class="c-right">
      <div class="c-right" style="scale(0.9); ">
         <div class="o-btn">
            <img src="/group/img/c-btn2.png"/>
            <!--<img th:src="@{/static/group/img/c-btn2.png}"/>-->