| | |
| | | <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 |
| | |
| | | <!-- <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> |
| | |
| | | <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> |
| | |
| | | <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(); |
| | |
| | | $.ajaxSettings.async = false; |
| | | $.get(url,{},function(res){ |
| | | vm.indexDataCount = res.data; |
| | | vm.indexDataCount.cameraCountNaN = 68 -vm.indexDataCount.cameraCount; |
| | | }) |
| | | $.ajaxSettings.async = false; |
| | | |
| | |
| | | map.addOverLay(countriesOverlay1) |
| | | countriesOverlay.bringToBack(); |
| | | }); |
| | | |
| | | //map.setStyle("indigo"); |
| | | } |
| | | |
| | | function init(sel, transform) { |
| | |
| | | } |
| | | //地图上展示项目点 |
| | | 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}); |
| | |
| | | $.ajaxSettings.async = false; |
| | | $.get(url,{},function(res){ |
| | | pointerData = res.pointerData; |
| | | pointerData = (pointerData*100).toFixed(0); |
| | | pointerData = (pointerData*100).toFixed(2); |
| | | }); |
| | | |
| | | $.ajaxSettings.async = false; |