From dd7c8b416213e7cd36b0f5e22d9c5c6ea8881d26 Mon Sep 17 00:00:00 2001 From: Ironsp <1522278303@qq.com> Date: Mon, 14 Sep 2026 15:10:48 +0800 Subject: [PATCH] =?UTF-8?q?feat=20=E5=BC=82=E5=B8=B8=E8=AD=A6=E5=91=8A?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/home/warning.vue | 39 +++++++- src/components/home/warning_list.vue | 129 ++++++++++++++++++++++-- src/components/warning/filter.vue | 44 +++++---- src/components/warning/item.vue | 20 ++-- src/pages/warning/detail/index.vue | 125 ++++++++++++++++++++--- src/pages/warning/index.vue | 143 +++++++++++++++++++++++---- src/service/index.ts | 2 +- src/service/seed.ts | 7 +- src/service/warningRecord.ts | 2 + 9 files changed, 443 insertions(+), 68 deletions(-) diff --git a/src/components/home/warning.vue b/src/components/home/warning.vue index 4a5db95..67b7e16 100644 --- a/src/components/home/warning.vue +++ b/src/components/home/warning.vue @@ -1,9 +1,31 @@ @@ -47,4 +77,11 @@ function goToWarningList() { .card-body { padding: 12px 16px; } + +.empty-tip { + font-size: 14px; + color: #999999; + text-align: center; + padding: 16px 0; +} diff --git a/src/components/home/warning_list.vue b/src/components/home/warning_list.vue index af1cd8c..d6a0110 100644 --- a/src/components/home/warning_list.vue +++ b/src/components/home/warning_list.vue @@ -1,16 +1,85 @@ + + @@ -33,28 +102,74 @@ border-radius: 50%; background-color: #fff2e8; margin-right: 12px; + flex-shrink: 0; +} + +.warning-icon.level-0 { + background-color: #e8f3ff; +} + +.warning-icon.level-1 { + background-color: #fff2e8; +} + +.warning-icon.level-2 { + background-color: #ffece8; } .warning-info { flex: 1; + min-width: 0; display: flex; flex-direction: column; + padding-right: 8px; +} + +.warning-title-row { + display: flex; + align-items: center; + gap: 8px; + margin-bottom: 4px; } .warning-title { font-size: 18px; font-weight: bold; color: #333333; - margin-bottom: 4px; +} + +.warning-level { + font-size: 12px; + padding: 2px 6px; + border-radius: 4px; +} + +.warning-level.level-0 { + color: #3b82f6; + background-color: #e8f3ff; +} + +.warning-level.level-1 { + color: #f59e0b; + background-color: #fff2e8; +} + +.warning-level.level-2 { + color: #ef4444; + background-color: #ffece8; } .warning-desc { font-size: 14px; color: #999999; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; } .warning-time { font-size: 14px; color: #cccccc; + flex-shrink: 0; } diff --git a/src/components/warning/filter.vue b/src/components/warning/filter.vue index 3ba174f..dec5207 100644 --- a/src/components/warning/filter.vue +++ b/src/components/warning/filter.vue @@ -1,11 +1,16 @@ @@ -112,9 +115,4 @@ function goToDetail() { display: block; margin-bottom: 8px; } - -.trigger { - font-size: 18px; - color: #666; -} diff --git a/src/pages/warning/detail/index.vue b/src/pages/warning/detail/index.vue index dadb351..756c1b6 100644 --- a/src/pages/warning/detail/index.vue +++ b/src/pages/warning/detail/index.vue @@ -1,4 +1,8 @@