地质所 沉降监测网建设项目
zmk
2024-07-03 a1f05ddf1901ef80cb10cff9af57f457c99121c6
javaweb-plus/javaweb-admin/src/main/resources/templates/main.html
@@ -176,7 +176,7 @@
               <div style="flex:4;padding-right: 20px;">
                  <div>
                     <li class="el-icon-coin" style="font-size: 18px;margin-right: 5px;margin-left: -5px;color: #085abe"></li>
                     <span style="color:rgba(0,0,0,.65);font-size: 15px;font-weight: bold;">钻孔进尺</span>
                     <span style="color:rgba(0,0,0,.65);font-size: 15px;font-weight: bold;">钻孔数量</span>
                  </div>
                  <div style="text-align: center">
                  <span style="color:#1894F6;font-size: 30px;word-break: break-all;line-height: 70px;">647
@@ -215,11 +215,11 @@
                     
                  </div>
                  <span style="color:rgba(0,0,0,.87);font-size: 15px;">
                     已安装  <span style="float: right">0</span>
                     已安装  <span style="float: right">{{indexDataCount.cameraCount}}</span>
<!--                     <li class="el-icon-caret-bottom" style="color: #f56c6c">-->
                  </span>
                  <span style="color:rgba(0,0,0,.87);font-size: 15px;">
                     未安装   <span style="float: right">68</span>
                     未安装   <span style="float: right">{{indexDataCount.cameraCountNaN}}</span>
<!--                      <li class="el-icon-caret-bottom" style="color: #409eff">-->
                  </span>
               </div>
@@ -294,7 +294,7 @@
            <el-card class="box-card">
               <div style="height: 200px;width: 100%">
                  <div style="width: 100%;height: 20px;">
                     <h3>项目总体进度2(%)</h3>
                     <h3>项目总体进度(%)</h3>
                  </div>
                  <div id="Chart1" style="width: 80%;height: 180px;margin-left: 10%;"></div>
               </div>
@@ -356,8 +356,13 @@
   <th:block th:include="include :: footer" />
   <script th:inline="javascript">
      var loginuser = [[${loginuser}]];
   $(function() {
      if(loginuser=='admin'){
         window.open("http://49.4.115.102:8000/onemap/onemap.html","_blank");
      }
      loadMap();
      getReallyData();
      totalProcess();
@@ -373,6 +378,7 @@
   }
   function tubLogs() {
      const chart = echarts.init(document.getElementById("column-chart"));
      const option = {
         tooltip: {
@@ -406,7 +412,11 @@
               emphasis: {
                  focus: 'series'
               },
               data: []
               data: [],
               itemStyle: {
                  // 修改柱子的颜色
                  color: '#e2b507'
               }
            },
            {
               name: '入库',
@@ -415,13 +425,17 @@
               emphasis: {
                  focus: 'series'
               },
               data: []
               data: [],
               itemStyle: {
                  // 修改柱子的颜色
                  color: '#2992c6'
               }
            },
         ]
      };
      let url = ctx + "/system/tubLogData";
      let url = ctx + "/system/stat/tubLogData";
      $.ajaxSettings.async = false;
      $.get(url,{},function(res){
         vm.tubLogs = res.tubLogs;
@@ -442,17 +456,18 @@
   //首页第一行个数统计
   function indexCount() {
      let url = ctx + "/system/indexDataCount";
      let url = ctx + "/system/stat/indexDataCount";
      $.ajaxSettings.async = false;
      $.get(url,{},function(res){
         vm.indexDataCount = res.data;
         vm.indexDataCount.cameraCountNaN = 68 -vm.indexDataCount.cameraCount;
      })
      $.ajaxSettings.async = false;
   }
   //场地进度
   function stationProcess() {
      let url = ctx + "/system/projectProcess";
      let url = ctx + "/system/stat/projectProcess";
      $.ajaxSettings.async = false;
      $.get(url,{},function(res){
         vm.stationProcessData = res.projectData;
@@ -498,6 +513,8 @@
         map.addOverLay(countriesOverlay1)
         countriesOverlay.bringToBack();
      });
      //map.setStyle("indigo");
   }
   function init(sel, transform) {
@@ -541,7 +558,7 @@
   // 获取数据库真实数据
   function getReallyData() {
      let url = window.location.protocol + "//" + window.location.host + "/bjfw/system/project";
      let url = window.location.protocol + "//" + window.location.host + "/bjfw/system/stat/project";
      $.get(url,function(res){
         var data = res.projects;
         showProjectPoint(data);
@@ -549,12 +566,28 @@
   }
   //地图上展示项目点
   function showProjectPoint(data){
      var projectIcon = new T.Icon({
         iconUrl: '/bjfw/images/icon/6.png',
         iconSize: new T.Point(30, 30),
         iconAnchor: new T.Point(6, 40),
      });
      var projectIcon ;
      for(let i =0;i<data.length;i++){
         if (data[i].status === '1'){
            projectIcon = new T.Icon({
               iconUrl: '/bjfw/images/icon/yellow.png',
               iconSize: new T.Point(30, 30),
               iconAnchor: new T.Point(6, 40),
            });
         }else if (data[i].status === '2'){
            projectIcon = new T.Icon({
               iconUrl: '/bjfw/images/icon/blue.png',
               iconSize: new T.Point(30, 30),
               iconAnchor: new T.Point(6, 40),
            });
         }else {
            projectIcon = new T.Icon({
               iconUrl: '/bjfw/images/icon/red.png',
               iconSize: new T.Point(30, 30),
               iconAnchor: new T.Point(6, 40),
            });
         }
         let lng = data[i].lng;
         let lat = data[i].lat;
         let marker = new T.Marker(new T.LngLat(lng, lat), { title: "场地位置",icon:projectIcon});
@@ -597,15 +630,16 @@
      map.openInfoWindow(markerInfoWin, point); //开启信息窗口
   }
   //总进度仪表盘
   function totalProcess() {
      var Chart1 = echarts.init(document.getElementById('Chart1'));
      var pointerData = 0; // 仪表指针数据
      let url = ctx + "/system/totalProcess";
      let url = ctx + "/system/stat/totalProcess";
      $.ajaxSettings.async = false;
      $.get(url,{},function(res){
         pointerData = res.pointerData;
         pointerData = (pointerData*100).toFixed(0);
         pointerData = (pointerData*100).toFixed(2);
      });
      $.ajaxSettings.async = false;