From 7d116115ade208f26ada36806642d2a3a6085c91 Mon Sep 17 00:00:00 2001
From: zhang <zc857179121@qq.com>
Date: 星期一, 09 三月 2026 13:07:49 +0800
Subject: [PATCH] 1
---
zy-acs-cv/src/main/webapp/views/pipeline.html | 97 +++++++++++++++++++++++++-----------------------
1 files changed, 50 insertions(+), 47 deletions(-)
diff --git a/zy-acs-cv/src/main/webapp/views/pipeline.html b/zy-acs-cv/src/main/webapp/views/pipeline.html
index fcdf710..4c6f970 100644
--- a/zy-acs-cv/src/main/webapp/views/pipeline.html
+++ b/zy-acs-cv/src/main/webapp/views/pipeline.html
@@ -63,7 +63,6 @@
}
-
/* 琛ㄦ牸瀹瑰櫒 */
.table-container {
flex: 1;
@@ -74,22 +73,22 @@
border: 1px solid rgba(59, 130, 246, 0.3);
backdrop-filter: blur(10px);
}
-
+
/* 琛ㄦ牸瀹瑰櫒婊氬姩鏉℃牱寮� */
.table-container::-webkit-scrollbar {
width: 8px;
}
-
+
.table-container::-webkit-scrollbar-track {
background: rgba(30, 41, 59, 0.3);
border-radius: 4px;
}
-
+
.table-container::-webkit-scrollbar-thumb {
background: #3b82f6;
border-radius: 4px;
}
-
+
.table-container::-webkit-scrollbar-thumb:hover {
background: #60a5fa;
}
@@ -103,7 +102,7 @@
background: transparent;
color: #e2e8f0;
}
-
+
/* 璁剧疆琛ㄦ牸鍒楀锛岀‘淇濋�傚簲瀹瑰櫒 */
.modern-table th,
.modern-table td {
@@ -117,7 +116,7 @@
top: 0;
z-index: 10;
}
-
+
/* 纭繚琛ㄦ牸瀹瑰櫒鏈夋渶澶ч珮搴︼紝浠ヤ究婊氬姩 */
.table-container {
max-height: calc(100vh - 200px);
@@ -256,15 +255,15 @@
.site-card.status-normal {
border-left: 4px solid #4ade80;
}
-
+
.site-card.status-warning {
border-left: 4px solid #fbbf24;
}
-
+
.site-card.status-error {
border-left: 4px solid #f87171;
}
-
+
.site-card.status-standby {
border-left: 4px solid #94a3b8;
}
@@ -685,9 +684,15 @@
}
@keyframes pulse {
- 0% { transform: scale(1); }
- 50% { transform: scale(1.2); }
- 100% { transform: scale(1); }
+ 0% {
+ transform: scale(1);
+ }
+ 50% {
+ transform: scale(1.2);
+ }
+ 100% {
+ transform: scale(1);
+ }
}
/* IO妯″紡鎸夐挳鏍峰紡 */
@@ -735,12 +740,12 @@
flex-direction: column;
gap: 20px;
}
-
+
.dashboard-stats {
width: 100%;
justify-content: space-around;
}
-
+
.sites-grid {
grid-template-columns: 1fr;
}
@@ -763,29 +768,29 @@
<main>
<!-- 绔欑偣鐘舵�佹暟鎹洃鎺х増 -->
<section id="site-monitor" class="main-board">
-<!-- <div class="dashboard-header">-->
-<!-- <h3 class="dashboard-title">绔欑偣瀹炴椂鐩戞帶</h3>-->
-<!-- </div>-->
-
+ <!-- <div class="dashboard-header">-->
+ <!-- <h3 class="dashboard-title">绔欑偣瀹炴椂鐩戞帶</h3>-->
+ <!-- </div>-->
+
<!-- 琛ㄦ牸瀹瑰櫒 -->
<div class="table-container">
<table id="site-table" class="modern-table">
<thead>
- <tr>
- <th>绔欏彿</th>
- <th>宸ヤ綔鍙�</th>
- <th>鑷姩</th>
- <th>鏈夌墿</th>
- <th>鍙叆</th>
- <th>鍙嚭</th>
- <th>鍏ュ簱鏍囪</th>
- <th>绌烘澘淇″彿</th>
- <th>鐩爣绔�</th>
- <th>楂樹綆搴撲綅</th>
- </tr>
+ <tr>
+ <th>绔欏彿</th>
+ <th>宸ヤ綔鍙�</th>
+ <th>鑷姩</th>
+ <th>鏈夌墿</th>
+ <th>鍙叆</th>
+ <th>鍙嚭</th>
+ <th>鍏ュ簱鏍囪</th>
+ <th>绌烘澘淇″彿</th>
+ <th>鐩爣绔�</th>
+ <th>楂樹綆搴撲綅</th>
+ </tr>
</thead>
<tbody>
- <!-- 琛ㄦ牸鍐呭灏嗗湪杩欓噷鍔ㄦ�佺敓鎴� -->
+ <!-- 琛ㄦ牸鍐呭灏嗗湪杩欓噷鍔ㄦ�佺敓鎴� -->
</tbody>
</table>
</div>
@@ -814,22 +819,22 @@
<form class="detail-form" id="site-form">
<div class="form-group">
<label class="form-label" for="siteId">绔欏彿:</label>
- <input id="siteId" name="siteId" class="form-input" type="number"
+ <input id="siteId" name="siteId" class="form-input" type="number"
autocomplete="off" disabled>
</div>
<div class="form-group">
<label class="form-label" for="workNo">宸ヤ綔鍙�:</label>
- <input id="workNo" name="workNo" type="number" class="form-input"
+ <input id="workNo" name="workNo" type="number" class="form-input"
autocomplete="off">
</div>
<div class="form-group">
<label class="form-label" for="staNo">鐩爣绔�:</label>
- <input id="staNo" name="staNo" type="number" class="form-input"
+ <input id="staNo" name="staNo" type="number" class="form-input"
autocomplete="off">
</div>
<div class="form-group">
<label class="form-label" for="pakMk">鍏ュ簱鏍囪:</label>
- <input id="pakMk" name="pakMk" type="text" class="form-input"
+ <input id="pakMk" name="pakMk" type="text" class="form-input"
autocomplete="off">
</div>
</form>
@@ -908,11 +913,10 @@
}
-
// 鑾峰彇绔欑偣淇℃伅琛�
function getSite() {
const tableEl = $('#site-table tbody');
-
+
ajaxRequest({
url: `${baseUrl}/site/table/site`,
method: 'POST',
@@ -929,7 +933,7 @@
function renderTable(sites) {
const tbody = $('#site-table tbody');
tbody.empty();
-
+
sites.forEach(site => {
const row = createTableRow(site);
tbody.append(row);
@@ -941,7 +945,7 @@
const isActive = site.autoing === 'Y';
const hasLoad = site.loading === 'Y';
const hasWorkNo = !!site.workNo && site.workNo !== '';
-
+
// 鏍规嵁鐘舵�佺‘瀹氳鏍峰紡绫�
let rowClass = '';
if (isActive) {
@@ -949,14 +953,14 @@
} else {
rowClass = 'row-auto-gray'; // 涓嶈嚜鍔ㄤ负鐏拌壊
}
-
+
// 鐗规畩鐘舵�佽鐩�
if (hasLoad && !hasWorkNo) {
rowClass = 'row-yellow'; // 鏈夌墿鏃犲伐浣滃彿涓洪粍鑹�
} else if (!hasLoad && hasWorkNo) {
rowClass = 'row-red'; // 鏃犵墿鏈夊伐浣滃彿涓虹孩鑹�
}
-
+
return `
<tr data-site-id="${site.devNo}" class="${rowClass}">
<td>${site.devNo}</td>
@@ -991,7 +995,6 @@
}
-
// 鑾峰彇杈撻�佽澶囨棩蹇楄緭鍑�
function getSiteOutput() {
ajaxRequest({
@@ -1023,10 +1026,10 @@
// 鏄剧ず妯℃�佹
const modal = $('#modal-overlay');
modal.addClass('active');
-
+
// 璁剧疆鏍囬
$('.modal-title').text(`绔欑偣 #${siteId} 缂栬緫`);
-
+
// 鍔犺浇鏁版嵁
http.get(`${baseUrl}/site/detl/${siteId}`, null, (res) => {
if (res.data) {
@@ -1049,7 +1052,7 @@
}
// 鐐瑰嚮閬僵灞傚叧闂�
- $(document).on('click', '#modal-overlay', function(e) {
+ $(document).on('click', '#modal-overlay', function (e) {
if (e.target.id === 'modal-overlay') {
closeModal();
}
@@ -1065,7 +1068,7 @@
const toast = $('#success-toast');
$('.toast-message', toast).text(message);
toast.addClass('show');
-
+
// 3绉掑悗鑷姩闅愯棌
setTimeout(() => {
toast.removeClass('show');
--
Gitblit v1.9.1