From 3210f080f66a24b418cf3c56962a7c164d74da0d Mon Sep 17 00:00:00 2001
From: Junjie <DELL@qq.com>
Date: 星期五, 12 十二月 2025 10:21:11 +0800
Subject: [PATCH] #AI
---
src/main/webapp/views/ai/diagnosis.html | 66 ++++++++++++++++++++++++++++++++
1 files changed, 65 insertions(+), 1 deletions(-)
diff --git a/src/main/webapp/views/ai/diagnosis.html b/src/main/webapp/views/ai/diagnosis.html
index 70867ec..3c9c037 100644
--- a/src/main/webapp/views/ai/diagnosis.html
+++ b/src/main/webapp/views/ai/diagnosis.html
@@ -16,12 +16,76 @@
.markdown-body h1, .markdown-body h2, .markdown-body h3 { margin-top: 8px; }
.markdown-body pre { background: #f6f8fa; padding: 12px; border-radius: 6px; overflow: auto; }
.status { color: #909399; }
+
+ /* 鏁翠釜鍥炬爣鏃嬭浆鍔ㄧ敾 */
+ .spinner {
+ animation: spin 2.8s linear infinite;
+ transform-origin: 50% 50%;
+ }
+
+ @keyframes spin {
+ from { transform: rotate(0deg); }
+ to { transform: rotate(360deg); }
+ }
</style>
</head>
<body>
<div id="app" class="container">
<el-card shadow="hover">
- <div slot="header" class="clearfix">
+ <div slot="header" class="clearfix" style="display: flex; align-items: center;">
+ <svg
+ width="32"
+ height="32"
+ viewBox="0 0 64 64"
+ style="margin-right: 10px;"
+ xmlns="http://www.w3.org/2000/svg">
+
+ <!-- 閫忔槑鑳屾櫙锛氫笉鐢讳换浣曞簳鑹插嵆鍙� -->
+
+ <!-- 涓�鐐规煍鍜屽彂鍏夋晥鏋� -->
+ <defs>
+ <filter id="glow" x="-50%" y="-50%" width="200%" height="200%">
+ <feGaussianBlur stdDeviation="2.5" result="blur"/>
+ <feMerge>
+ <feMergeNode in="blur"/>
+ <feMergeNode in="SourceGraphic"/>
+ </feMerge>
+ </filter>
+ </defs>
+
+ <!-- 鏃嬭浆缁� -->
+ <g class="spinner" filter="url(#glow)">
+ <!-- 姣忎竴鏉″僵鑹层�屽皬寮潯銆� -->
+ <!-- 鍙互閫氳繃璋冩暣 rx/ry銆亀idth/height 鏉ユ敼绮楃粏鍜屽集搴� -->
+ <!-- 1. 绱壊 -->
+ <rect x="30" y="10" width="6" height="14" rx="3" ry="3" fill="#8b5cf6" />
+
+ <!-- 2. 绮夎壊锛堥『鏃堕拡鏃嬭浆60掳锛� -->
+ <g transform="rotate(60 32 32)">
+ <rect x="30" y="10" width="6" height="14" rx="3" ry="3" fill="#f472b6" />
+ </g>
+
+ <!-- 3. 姗欒壊 -->
+ <g transform="rotate(120 32 32)">
+ <rect x="30" y="10" width="6" height="14" rx="3" ry="3" fill="#fb923c" />
+ </g>
+
+ <!-- 4. 閲戦粍 -->
+ <g transform="rotate(180 32 32)">
+ <rect x="30" y="10" width="6" height="14" rx="3" ry="3" fill="#fbbf24" />
+ </g>
+
+ <!-- 5. 闈掕壊 -->
+ <g transform="rotate(240 32 32)">
+ <rect x="30" y="10" width="6" height="14" rx="3" ry="3" fill="#22d3ee" />
+ </g>
+
+ <!-- 6. 钃濊壊 -->
+ <g transform="rotate(300 32 32)">
+ <rect x="30" y="10" width="6" height="14" rx="3" ry="3" fill="#3b82f6" />
+ </g>
+ </g>
+ </svg>
<span>WCS AI 璇婃柇</span>
</div>
--
Gitblit v1.9.1