czt
2025-12-03 53fab3f56e8335fbf39fc07c4e10f6abdb0505bb
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,146 +48,146 @@
   </style>
</head>
<body>
<body style="width: 1720px!important;height: 842px!important;margin: 0px">
<div class="container">
<div class="container" style="width: 100%;height: 100%">
   <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">14258 </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}"/>-->