yinq
/
hw_iot_ems
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

修改看板

Browse Source
worktree-temp-progress-bar-color
suixy 5 days ago
parent a587b88771
commit 23cd7fdb5f
6 changed files with 146 additions and 30 deletions
Show Stats Download Patch File Download Diff File

BIN
ruoyi-admin/src/main/resources/static/img/card.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 8.4 KiB

BIN
ruoyi-admin/src/main/resources/static/img/title.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 32 KiB

3
ruoyi-admin/src/main/resources/templates/index.html
Unescape Escape View File

@ -21,7 +21,8 @@
.tipfloat{display:none;z-index:999;border:1px #8e9cde solid; position:absolute; bottom:0px; right:17px;
width: 268px;height:auto; background:#fff}
</style>
<script src="../static/js/bootstrap.min.js"></script>
<script src="../static/js/jquery.min.js" th:src="@{/js/jquery.min.js}"></script>
<script src="../static/js/bootstrap.min.js" th:src="@{/js/bootstrap.min.js}"></script>
</head>
<body class="fixed-sidebar full-height-layout gray-bg" style="overflow: hidden">
<div id="wrapper">

77
ruoyi-admin/src/main/resources/templates/system/TVibrationsensorData/RealTimeMonitor.html
Unescape Escape View File

@ -7,8 +7,17 @@
<th:block th:include="include :: datetimepicker-css"/>
</head>
<style>
<style th:inline="css">
html,
body {
width: 100%;
height: 100vh;
margin: 0;
overflow: hidden;
}
body.gray-bg {
height: 100vh;
background: linear-gradient(90deg, #365280 0%, #1B4CAF 50%, #202845 100%);
color: #fff;
}
@ -18,6 +27,11 @@
.search-collapse {
background: linear-gradient(90deg, #365280 0%, #1B4CAF 50%, #202845 100%);
color: #fff;
overflow: hidden;
}
.container-div {
height: calc(100vh - 5vw);
}
.ui-layout-west,
@ -36,21 +50,21 @@
justify-content: space-between;
width: 100%;
box-sizing: border-box;
height: 3.2vw;
height: 4.2vw;
min-height: 44px;
margin: 0 0 0.8vw;
padding: 0 1.4vw;
border: 1px solid rgba(255, 255, 255, 0.18);
background: rgba(1, 36, 71, 0.42);
border: 0;
background: url([[@{/img/title.png}]]) center / 80% auto no-repeat;
color: #fff;
box-shadow: 0 0.3vw 1vw rgba(0, 0, 0, 0.12);
box-shadow: none;
}
.monitor-header::after {
content: "";
position: absolute;
left: 1.2vw;
right: 1.2vw;
left: 10%;
right: 10%;
bottom: -1px;
height: 2px;
background: linear-gradient(90deg, rgba(255, 255, 255, 0), #fff, rgba(255, 255, 255, 0));
@ -58,13 +72,18 @@
}
.monitor-header-title {
font-size: 1.35vw;
position: absolute;
left: 50%;
transform: translateX(-50%);
font-size: 1.8vw;
font-weight: 700;
line-height: 1;
text-align: center;
white-space: nowrap;
}
.monitor-header-time {
margin-left: auto;
font-size: 1vw;
line-height: 1;
white-space: nowrap;
@ -255,11 +274,12 @@
var prefix = ctx + "system/TVibrationsensorData";
$(function () {
var panehHidden = false;
if ($(this).width() < 769) {
panehHidden = true;
}
$('body').layout({initClosed: panehHidden, west__size: 245});
var pageLayout = $('body').layout({
west__initClosed: true,
west__size: 245,
west__spacing_closed: 0
});
setupLeftPanelAutoToggle(pageLayout);
updateHeaderTime();
setInterval(updateHeaderTime, 1000);
queryDeptTree();
@ -286,6 +306,37 @@
$("#currentTime").text(text);
}
function setupLeftPanelAutoToggle(pageLayout) {
var hoverTimer = null;
var isOpen = false;
function clearHoverTimer() {
if (hoverTimer) {
clearTimeout(hoverTimer);
hoverTimer = null;
}
}
$(document).on("mousemove.leftPanelToggle", function (event) {
var triggerWidth = $(window).width() * 0.3;
if (event.clientX <= triggerWidth) {
if (!isOpen && !hoverTimer) {
hoverTimer = setTimeout(function () {
pageLayout.open("west");
isOpen = true;
hoverTimer = null;
}, 1000);
}
} else {
clearHoverTimer();
if (isOpen) {
pageLayout.close("west");
isOpen = false;
}
}
});
}
function queryDeptTree() {
var url = ctx + "system/Monitor/treeData?monitorType=" + 20;
var options = {

77
ruoyi-admin/src/main/resources/templates/system/TempertureData/DistributionCabinetMonitor.html
Unescape Escape View File

@ -7,8 +7,17 @@
<th:block th:include="include :: datetimepicker-css"/>
</head>
<style>
<style th:inline="css">
html,
body {
width: 100%;
height: 100vh;
margin: 0;
overflow: hidden;
}
body.gray-bg {
height: 100vh;
background: linear-gradient(90deg, #365280 0%, #1B4CAF 50%, #202845 100%);
color: #fff;
}
@ -18,6 +27,11 @@
.search-collapse {
background: linear-gradient(90deg, #365280 0%, #1B4CAF 50%, #202845 100%);
color: #fff;
overflow: hidden;
}
.container-div {
height: calc(100vh - 5vw);
}
.ui-layout-west,
@ -36,21 +50,21 @@
justify-content: space-between;
width: 100%;
box-sizing: border-box;
height: 3.2vw;
height: 4.2vw;
min-height: 44px;
margin: 0 0 0.8vw;
padding: 0 1.4vw;
border: 1px solid rgba(255, 255, 255, 0.18);
background: rgba(1, 36, 71, 0.42);
border: 0;
background: url([[@{/img/title.png}]]) center / 80% auto no-repeat;
color: #fff;
box-shadow: 0 0.3vw 1vw rgba(0, 0, 0, 0.12);
box-shadow: none;
}
.monitor-header::after {
content: "";
position: absolute;
left: 1.2vw;
right: 1.2vw;
left: 10%;
right: 10%;
bottom: -1px;
height: 2px;
background: linear-gradient(90deg, rgba(255, 255, 255, 0), #fff, rgba(255, 255, 255, 0));
@ -58,13 +72,18 @@
}
.monitor-header-title {
font-size: 1.35vw;
position: absolute;
left: 50%;
transform: translateX(-50%);
font-size: 1.8vw;
font-weight: 700;
line-height: 1;
text-align: center;
white-space: nowrap;
}
.monitor-header-time {
margin-left: auto;
font-size: 1vw;
line-height: 1;
white-space: nowrap;
@ -310,11 +329,12 @@
var prefix = ctx + "system/TempertureData";
$(function () {
var panehHidden = false;
if ($(this).width() < 769) {
panehHidden = true;
}
$('body').layout({initClosed: panehHidden, west__size: 245});
var pageLayout = $('body').layout({
west__initClosed: true,
west__size: 245,
west__spacing_closed: 0
});
setupLeftPanelAutoToggle(pageLayout);
updateHeaderTime();
setInterval(updateHeaderTime, 1000);
queryDeptTree();
@ -341,6 +361,37 @@
$("#currentTime").text(text);
}
function setupLeftPanelAutoToggle(pageLayout) {
var hoverTimer = null;
var isOpen = false;
function clearHoverTimer() {
if (hoverTimer) {
clearTimeout(hoverTimer);
hoverTimer = null;
}
}
$(document).on("mousemove.leftPanelToggle", function (event) {
var triggerWidth = $(window).width() * 0.3;
if (event.clientX <= triggerWidth) {
if (!isOpen && !hoverTimer) {
hoverTimer = setTimeout(function () {
pageLayout.open("west");
isOpen = true;
hoverTimer = null;
}, 1000);
}
} else {
clearHoverTimer();
if (isOpen) {
pageLayout.close("west");
isOpen = false;
}
}
});
}
function parseTemperature(value) {
var num = parseFloat(value);
return isNaN(num) ? null : num;

19
ruoyi-admin/src/main/resources/templates/system/TempertureData/TempertureReport.html
Unescape Escape View File

@ -6,6 +6,14 @@
<th:block th:include="include :: ztree-css"/>
<th:block th:include="include :: datetimepicker-css"/>
</head>
<style>
.meter-chart {
width: 180px;
height: 220px;
float: left;
margin-right: 10px;
}
</style>
<body class="gray-bg">
<div class="ui-layout-west">
@ -125,7 +133,7 @@
tempData = eval(result);
var tempInfo = '';
for (let i = 0; i < tempData.length; i++) {
tempInfo += '<div class="echarts" id="' + tempData[i].name + '" style="height: 200px;width: 12.5%;float: left;" ></div>';
tempInfo += '<div class="echarts meter-chart" id="' + tempData[i].name + '"></div>';
/* tempInfo += '<div class="echarts" id="' + tempData[i].name + '" style="height: 200px;width: 12.5%;float: left;" ></div>'; */
/*info += '<div style="background-color: red;width: 200px;height: 200px;">'+tempData[i].name+'</div>' border: solid 1px greenyellow;padding: 10px 10px;;*/
}
@ -137,8 +145,12 @@
text: tempData[i].name.length > 18 ? tempData[i].name.substring(0, 18) + '\n' + tempData[i].name.substring(18) : tempData[i].name,
subtext: tempData[i].refushTime,
left: 'center',
top: 0,
textStyle: {
fontSize: 10 // 调小主标题字体大小
},
subtextStyle: {
fontSize: 10
}
},
tooltip: {
@ -152,7 +164,8 @@
detail: {formatter: '{value}℃', fontSize: 12},
showSymbol: false,
animation: false, // 关闭动画
radius: '90%',
radius: 90,
center: ['50%', 130],
// startAngle: 180, // 仪表盘起始角度（默认 225）
// endAngle: 0, // 仪表盘结束角度（默认 -45）
data: [{value: tempData[i].value}],
@ -257,4 +270,4 @@
</script>
</body>
</html>
</html>

Write Preview
Loading…
Cancel
Save