'commit'

static/dashboard.html

@@ -25,11 +25,11 @@
     </header>
 
     <div class="main-content">
-        <!-- Left Panel: Table -->
+        <!-- Left Panel: Table & Trends -->
         <div class="left-panel">
             <div class="station-list">
                 <div class="station-list-header">
-                    🕒 分时电价明细
+                    📊 供应商实时价格对比
                 </div>
                 <div class="station-table-container">
                     <table class="station-table">
@@ -50,6 +50,18 @@
                     </table>
                 </div>
             </div>
+
+            <!-- Trend Section -->
+            <div class="trend-section">
+                <div class="station-list-header" style="display: flex; justify-content: space-between; align-items: center;">
+                    <span>📉 供应商价格变动趋势 (最近{{ trendDays }}天)</span>
+                    <div style="display: flex; gap: 8px;">
+                        <button class="btn-primary" style="padding: 2px 8px; font-size: 11px;" @click="trendDays = 3; loadTrendData()">3天</button>
+                        <button class="btn-primary" style="padding: 2px 8px; font-size: 11px;" @click="trendDays = 7; loadTrendData()">7天</button>
+                    </div>
+                </div>
+                <div id="trendChart" style="flex: 1; width: 100%; min-height: 250px;"></div>
+            </div>
         </div>
 
         <!-- Right Panel: Chart & AI -->
@@ -66,15 +78,12 @@
 
             <div style="height: 16px;"></div>
 
-            <div class="ai-title" style="justify-content: space-between;">
+            <div class="ai-title">
                 <span>🤖 AI 调价策略建议</span>
-                <button class="btn-primary" style="padding: 4px 12px; font-size: 12px;" @click="startAiAnalysis" :disabled="aiLoading">
-                    {{ aiLoading ? '分析中...' : '开始分析' }}
-                </button>
             </div>
             <div class="ai-box" ref="aiBoxRef">
                 <div v-if="!aiText && !aiLoading" style="text-align: center; color: #64748b; margin-top: 40px;">
-                    点击“开始分析”获取AI智能定价建议
+                    <span class="loading-dots">AI 正在深度分析中</span>
                 </div>
                 <div v-else class="markdown-body" v-html="renderedAiText"></div>
             </div>
@@ -85,6 +94,10 @@
 <script src="js/vue.global.js"></script>
 <script src="js/axios.min.js"></script>
 <script src="js/echarts.min.js"></script>
+<!-- Markdown & LaTeX Support -->
+<link rel="stylesheet" href="https://gcore.jsdelivr.net/npm/katex@0.16.9/dist/katex.min.css">
+<script src="https://gcore.jsdelivr.net/npm/katex@0.16.9/dist/katex.min.js"></script>
+<script src="https://gcore.jsdelivr.net/npm/marked@12.0.0/lib/marked.umd.js"></script>
 <script src="js/dashboard.js"></script>
 </body>
 </html>