From 88a31d5a960bd10f3799bc00f8aa24461567d06e Mon Sep 17 00:00:00 2001
From: shimai <shimai@example.com>
Date: Tue, 07 Apr 2026 15:23:43 +0800
Subject: [PATCH] Merge branch 'test/tony.cheng/260312' of http://120.79.193.119:9090/r/~chengmw/cloud-melody-front into test/shimai.huang/260309
---
web-app/src/components/common/WarningAlert.css | 127 ++++++++++++++++++++++++++++++++++++++++++
1 files changed, 127 insertions(+), 0 deletions(-)
diff --git a/web-app/src/components/common/WarningAlert.css b/web-app/src/components/common/WarningAlert.css
new file mode 100644
index 0000000..ec36c75
--- /dev/null
+++ b/web-app/src/components/common/WarningAlert.css
@@ -0,0 +1,127 @@
+/**
+ * WarningAlert 组件样式
+ * 预警提示消息条
+ */
+
+.warning-alert {
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ background: linear-gradient(135deg, #fffbe6, #fff7e0);
+ border: 1px solid #ffe58f;
+ border-left: 4px solid #faad14;
+ border-radius: 6px;
+ padding: 10px 16px;
+ margin: 0 24px 12px;
+}
+
+.warning-alert-content {
+ display: flex;
+ align-items: center;
+ flex: 1;
+ gap: 6px;
+ min-width: 0;
+}
+
+.warning-icon-img {
+ width: 16px;
+ height: 16px;
+ flex-shrink: 0;
+ margin-right: 6px;
+}
+
+.warning-modal-icon {
+ width: 16px;
+ height: 16px;
+ margin-right: 8px;
+ vertical-align: middle;
+}
+
+.warning-label {
+ color: #d46b08;
+ font-weight: 600;
+ font-size: 0.9rem;
+ flex-shrink: 0;
+}
+
+.warning-text {
+ color: #ad6800;
+ font-size: 0.9rem;
+ line-height: 1.4;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+}
+
+.warning-alert-actions {
+ display: flex;
+ align-items: center;
+ gap: 12px;
+ flex-shrink: 0;
+ margin-left: 16px;
+}
+
+.warning-count {
+ color: #d46b08;
+ font-size: 0.85rem;
+ font-weight: 500;
+}
+
+.warning-more-btn {
+ display: flex;
+ align-items: center;
+ gap: 4px;
+ background: transparent;
+ border: 1px solid #faad14;
+ color: #d46b08;
+ padding: 4px 10px;
+ border-radius: 4px;
+ font-size: 0.8rem;
+ cursor: pointer;
+ transition: all 0.2s;
+}
+
+.warning-more-btn:hover {
+ background: #faad14;
+ color: white;
+}
+
+/* 弹窗样式 */
+.warning-modal .ant-modal-body {
+ max-height: 400px;
+ overflow-y: auto;
+}
+
+.warning-modal-item {
+ display: flex;
+ flex-direction: column;
+ padding: 12px 0;
+ border-bottom: 1px solid #f0f0f0;
+}
+
+.warning-modal-item:last-child {
+ border-bottom: none;
+}
+
+.warning-modal-content {
+ display: flex;
+ gap: 8px;
+ line-height: 1.5;
+}
+
+.warning-modal-index {
+ color: #faad14;
+ font-weight: 600;
+ flex-shrink: 0;
+}
+
+.warning-modal-text {
+ color: #333;
+ font-size: 0.9rem;
+}
+
+.warning-modal-time {
+ color: #999;
+ font-size: 0.8rem;
+ margin-top: 6px;
+}
--
Gitblit v1.8.0