From 3f47c88e7cb4e53b3637620794420181f47b5a5e Mon Sep 17 00:00:00 2001
From: zmk <496160012@qq.com>
Date: 星期三, 23 十月 2024 16:07:13 +0800
Subject: [PATCH] 提交代码
---
javaweb-plus/javaweb-admin/src/main/resources/templates/main.html | 333 +++++++++++++++++++++++++++++++++++++++++++++++++------
1 files changed, 295 insertions(+), 38 deletions(-)
diff --git a/javaweb-plus/javaweb-admin/src/main/resources/templates/main.html b/javaweb-plus/javaweb-admin/src/main/resources/templates/main.html
index 5d6e63c..3916c71 100644
--- a/javaweb-plus/javaweb-admin/src/main/resources/templates/main.html
+++ b/javaweb-plus/javaweb-admin/src/main/resources/templates/main.html
@@ -18,10 +18,86 @@
[v-cloak]{
display: none;
}
+ .el-card__header{
+ height: 40px;
+ padding: 8px 20px;
+ }
+ .active-red{
+ width: 20px;
+ height: 20px;
+ border-radius: 50%;
+ font-size: 14px;
+ color: white;
+ background: #F56C6C;
+ text-align: center;
+ line-height: 20px;
+ float: left;
+ }
+
+ .active-yellow{
+ width: 20px;
+ height: 20px;
+ border-radius: 50%;
+ font-size: 14px;
+ color: white;
+ background: #E6A23C;
+ text-align: center;
+ line-height: 20px;
+ float: left;
+ }
+
+ .active-blue{
+ width: 20px;
+ height: 20px;
+ border-radius: 50%;
+ font-size: 14px;
+ color: white;
+ background: #67C23A;
+ text-align: center;
+ line-height: 20px;
+ float: left;
+ }
+ .cdcode{
+ width: 15%;
+ float: left;
+ margin-left: 10px;
+ font-size: 16px;
+ line-height: 20px;
+ }
+ .cdstatus{
+ width: 15%;
+ float: left;
+ margin-left: 0px;
+ font-size: 16px;
+ line-height: 20px;
+ }
+ .cdprocess{
+ width: 60%;
+ float: left;
+ margin-left: 10px;
+ }
+ .rankrow{
+ margin-top: 12px;
+ cursor: pointer;
+ }
+ .ilblock{
+ border-left: 1px solid #e3e5e7;
+ padding: 0 40px;
+ align-content: center;
+ }
.ilblock>span{
display: block;
line-height: 30px;
}
+
+
+ <!-- 琛ㄦ牸鏍峰紡 -->
+ .el-table, .el-table__expanded-cell {
+ background-color: transparent;
+ color: #4D4D4D;
+ font-size: 13px;
+ }
+
.el-table th,
.el-table tr,
.el-table td {
@@ -32,33 +108,217 @@
font-family: Source Han Sans CN Normal, Source Han Sans CN Normal-Normal;
font-weight: Normal;
}
+ .el-table::before {
+ height: 0px;
+ }
.el-table__body tr,
.el-table__body td {
padding: 0;
height: 22px;
}
- .custom-icon:hover {
- color: #0981ea;
- cursor: pointer;
+ .el-table__row.warning-row {
+ background:rgb(252,212,165);
+ }
+ .el-table__body-wrapper::-webkit-scrollbar-track {
+ background-color: rgb(252,212,165);
+ }
+ .el-table__body-wrapper::-webkit-scrollbar {
+ width: 10px;
+ opacity: 0.5;
+ }
+ .el-table__body-wrapper::-webkit-scrollbar-thumb {
+ border-radius: 15px;
+ background-color:rgb(252,212,165);
}
</style>
</head>
<body class="gray-bg">
<div class="content" id="app" v-cloak>
- <div id="map_div" style="position:fixed;width: 100%;height: 100vh;margin-top: -5px"></div>
- <div style="position:fixed;top: 5px">
- <li onclick="careraFunction()" class="el-icon-video-camera custom-icon" style="font-size: 100px;margin-right: 5px;margin-left: -5px;"></li>
- <li onclick="tubFunction()" class="el-icon-user custom-icon" style="font-size: 100px;margin-right: 5px;margin-left: -5px;"></li>
- </div>
- <div id="Chart1" style="position:fixed;width: 300px;height: 300px;bottom: -60px;right: -40px"></div>
+ <el-row style="height: 127px;">
+ <el-col :span="6">
+ <el-card class="box-card">
+ <div style="flex:4;padding-right: 20px;" >
+ <div>
+ <li class="el-icon-s-promotion" style="font-size: 18px;margin-right: 5px;margin-left: -5px;color: #409eff;"></li>
+ <span style="color:rgba(0,0,0,.65);font-size: 15px;font-weight: bold;">鍦哄湴鏁伴噺</span>
+ </div>
+ <div style="text-align: center;">
+ <span style="color:#ED1C24;font-size: 30px;word-break: break-all;line-height: 70px">34
+ </span>
+ </div>
+ </div>
+
+ <div style="flex:6;" class="ilblock">
+<!-- <span style="color:rgba(0,0,0,.87);font-size: 15px;">-->
+<!-- 鍗忚皟涓�-->
+<!-- <span style="float: right">{{indexDataCount.projectStatus0}}</span>-->
+
+<!-- </span>-->
+<!-- <span style="color:rgba(0,0,0,.87);font-size: 15px;">-->
+<!-- 寰呭紑宸�-->
+<!-- <span style="float: right">{{indexDataCount.projectStatus1}}</span>-->
+<!-- </span>-->
+ <span style="color:rgba(0,0,0,.87);font-size: 15px;">
+ 杩涜涓�
+ <span style="float: right">{{indexDataCount.projectStatus2}}</span>
+ </span>
+ <span style="color:rgba(0,0,0,.87);font-size: 15px;">
+ 宸插畬鎴�
+ <span style="float: right">{{34-indexDataCount.projectStatus2}}</span>
+ </span>
+
+ </div>
+ </el-card>
+ </el-col>
+
+ <el-col :span="6">
+ <el-card class="box-card">
+ <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>
+ </div>
+ <div style="text-align: center">
+ <span style="color:#1894F6;font-size: 30px;word-break: break-all;line-height: 70px;">647
+ </span>
+ </div>
+ </div>
+
+ <div style="flex:6;" class="ilblock">
+ <span style="color:rgba(0,0,0,.87);font-size: 15px;">
+ 鎬昏繘灏� <span style="float: right">{{indexDataCount.footageCount}}m</span>
+ </span>
+ <span style="color:rgba(0,0,0,.87);font-size: 15px;">
+ 宸插畬鎴� <span style="float: right">{{indexDataCount.footageCplCount}}m</span>
+ </span>
+ </div>
+ </el-card>
+ </el-col>
+
+ <el-col :span="6">
+ <el-card class="box-card">
+ <div style="flex:4;padding-right: 20px;">
+ <div>
+ <li class="el-icon-video-camera" style="font-size: 18px;margin-right: 5px;margin-left: -5px;color: #11d713"></li>
+ <span style="color:rgba(0,0,0,.65);font-size: 15px;font-weight: bold;">瀹炴椂鐩戞帶</span>
+ </div>
+ <div style="text-align: center">
+ <span style="color:#F7931E;font-size: 30px;word-break: break-all;line-height: 70px">68
+ </span>
+ </div>
+ </div>
+
+ <div style="flex:6;" class="ilblock">
+ <div>
+
+ </div>
+ <span style="color:rgba(0,0,0,.87);font-size: 15px;">
+ 宸插畨瑁� <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">{{indexDataCount.cameraCountNaN}}</span>
+<!-- <li class="el-icon-caret-bottom" style="color: #409eff">-->
+ </span>
+ </div>
+ </el-card>
+ </el-col>
+ <el-col :span="6">
+ <el-card class="box-card">
+ <div style="flex:4;padding-right: 20px;">
+ <div>
+ <li class="el-icon-s-order" style="font-size: 18px;margin-right: 5px;margin-left: -5px;color: #917ed0"></li>
+ <span style="color:rgba(0,0,0,.65);font-size: 15px;font-weight: bold;">璧勬枡鏂囦欢</span>
+ </div>
+ <div style="text-align: center">
+ <span style="color:#F7931E;font-size: 30px;word-break: break-all;line-height: 70px;">
+ {{indexDataCount.fileCount}}
+ </span>
+ </div>
+ </div>
+
+ <div style="flex:6;" class="ilblock">
+ <span style="color:rgba(0,0,0,.87);font-size: 15px;">
+ 鏂藉伐璧勬枡 <span style="float: right">0</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">0</span>
+<!-- <li class="el-icon-caret-bottom" style="color: #409eff">-->
+ </span>
+ <span style="color:rgba(0,0,0,.87);font-size: 15px;">
+ 璐ㄩ噺璧勬枡 <span style="float: right">0</span>
+<!-- <li class="el-icon-caret-bottom" style="color: #409eff">-->
+ </span>
+ </div>
+
+ </el-card>
+ </el-col>
+ </el-row>
+ <el-row>
+ <el-col :span="16">
+ <el-card class="box-card">
+ <div id="map_div" style="width: 100%;height: 600px;margin-top: -5px"></div>
+ </el-card>
+
+ </el-col>
+
+ <el-col :span="8">
+ <el-card class="box-card">
+ <div style="height: 200px;width: 100%">
+ <div style="width: 100%;height: 20px;">
+ <h3>椤圭洰鎬讳綋杩涘害(%)</h3>
+ </div>
+ <div id="Chart1" style="width: 80%;height: 180px;margin-left: 10%;"></div>
+ </div>
+ </el-card>
+
+ <el-card class="box-card" style="margin-top: 20px;">
+ <div style="width: 100%">
+<!-- <div style="width: 100%;height: 20px;margin-bottom: 10px;text-align: center;">-->
+<!-- <h3>鍦哄湴璇︾粏杩涘害(%)</h3>-->
+<!-- </div>-->
+ <div style="width: 100%;height: 330px;overflow: auto">
+
+ <el-row class="rankrow" v-for='entity in stationProcessData' @click.native='viewStation(entity)'>
+ <el-col :span="2" >
+ <div v-if="entity.status=='鍗忚皟涓�'" class="active-red">{{entity.ranking}}</div>
+ <div v-if="entity.status=='寰呭紑宸�'" class="active-yellow">{{entity.ranking}}</div>
+ <div v-if="entity.status=='杩涜涓�'" class="active-blue">{{entity.ranking}}</div>
+ <div v-if="entity.status=='瀹屽伐'" class="active-red">{{entity.ranking}}</div>
+ </el-col>
+
+ <el-col :span="7">
+ <div style="font-size: 16px">{{entity.station}}</div>
+ </el-col >
+
+ <el-col :span="5">
+ <div style="font-size: 16px">{{entity.status}}</div>
+ </el-col>
+
+ <el-col :span="8">
+ <div>
+ <el-progress :stroke-width="10" :percentage="entity.value"></el-progress>
+ </div>
+ </el-col>
+ </el-row>
+ </div>
+ </div>
+
+ </el-card>
+
+ </el-col>
+
+ </el-row>
</div>
<script th:src="@{/js/jquery.min.js}"></script>
<script th:src="@{/js/bootstrap.min.js}"></script>
<script th:src="@{/ajax/libs/flot/jquery.flot.js}"></script>
- <script th:src="@{/ajax/libs/report/echarts/echarts-all.js}"></script>
+<!-- <script th:src="@{/ajax/libs/report/echarts/echarts-all.js}"></script>-->
+ <script src="https://cdn.jsdelivr.net/npm/echarts/dist/echarts.min.js"></script>
<script th:src="@{/js/tdt.js}" type="text/javascript"></script>
<script src="http://lbs.tianditu.gov.cn/js/lib/d3/d3.min.js" type="text/javascript"></script>
<script src="http://lbs.tianditu.gov.cn/api/js4.0/opensource/openlibrary/D3SvgOverlay.js" type="text/javascript"></script>
@@ -71,14 +331,19 @@
<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();
- //stationProcess();
- //indexCount();
- //tubLogs();
+ stationProcess();
+ indexCount();
+ tubLogs();
})
//鍦哄湴鍜屽湴鍥剧偣鍑昏仈鍔�
function viewStation(station) {
@@ -175,19 +440,6 @@
$.ajaxSettings.async = false;
}
-
- //鎽勫儚澶村垪琛�
- function careraFunction() {
- let url = ctx + "/system/camera";
- $.modal.openTab("鎽勫儚澶村垪琛�",url);
- }
-
- //绠℃潗缁熻
- function tubFunction() {
- let url = ctx + "/system/tub";
- $.modal.openTab("绠℃潗缁熻",url);
- }
-
//鍦哄湴杩涘害
function stationProcess() {
let url = ctx + "/system/stat/projectProcess";
@@ -289,9 +541,8 @@
}
//鍦板浘涓婂睍绀洪」鐩偣
function showProjectPoint(data){
- var projectIcon;
+ 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',
@@ -304,9 +555,9 @@
iconSize: new T.Point(30, 30),
iconAnchor: new T.Point(6, 40),
});
- }else {
+ }else if (data[i].status === '3') {
projectIcon = new T.Icon({
- iconUrl: '/bjfw/images/icon/red.png',
+ iconUrl: '/bjfw/images/icon/ending.png',
iconSize: new T.Point(30, 30),
iconAnchor: new T.Point(6, 40),
});
@@ -317,7 +568,6 @@
let marker = new T.Marker(new T.LngLat(lng, lat), { title: "鍦哄湴浣嶇疆",icon:projectIcon});
let proj = infoWindowProject(data[i]);
addClickHandler(proj, marker);
-
map.addOverLay(marker);
}
@@ -325,7 +575,7 @@
function infoWindowProject(e){
- let ids = e.ids + "";
+ let ids = e.ids + "," + e.code;
var sContent =
"<div style='margin:0px;'>" +
"<div>" +
@@ -333,19 +583,21 @@
"<font style='font-weight: bolder;'>鍦哄湴缂栧彿 :</font>" + e.code + "<br>" +
"<font style='font-weight: bolder;'>鍦哄湴鍚嶅瓧 :</font>" + e.fullName + "<br>" +
"<font style='font-weight: bolder;'>璐熻矗浜� :</font>" + e.leader + "<br>" +
- "<a class='btn' onclick=viewdata(" +"'" + ids+ "'" + ")>鍦哄湴鏁版嵁</a>" + "<br>" +
+ "<a class='btn' onclick=viewdata(" +"'" + ids+ "'" + ")>鍦哄湴鏁版嵁</a>" +
"</div>" +
"</div>" +
"</div>";
return sContent;
}
- function viewdata (id) {
- $.modal.openTab("鍦哄湴瀵艰埅",ctx+ "/geo/project/navigate?ids="+id);
+ function viewdata (idcode) {
+ var strs = idcode.split(",");
+ var id =strs[0];
+ var code = strs[1];
+ $.modal.openTab(code + " 鍦哄湴瀵艰埅",ctx+ "/geo/project/navigate?ids="+id);
}
function addClickHandler(content, marker) {
marker.addEventListener("click", function (e) {
- console.log("浣犵偣鍑讳簡",content);
openInfo(content, e)
});
}
@@ -365,12 +617,12 @@
$.ajaxSettings.async = false;
$.get(url,{},function(res){
pointerData = res.pointerData;
- pointerData = (pointerData*100).toFixed(0);
+ pointerData = (pointerData*100).toFixed(2);
});
$.ajaxSettings.async = false;
var option = {
- backgroundColor: "transparent",
+ backgroundColor: "#fff",
series: [
{
type: "gauge",
@@ -509,6 +761,11 @@
Chart1.setOption(option);
}
+
+
+
+
</script>
+
</body>
</html>
--
Gitblit v1.9.1