'commit'

static/css/app.css

@@ -203,6 +203,7 @@ body {
   z-index: 10;
   border-bottom: 1px solid var(--card-border);
   box-shadow: 0 1px 2px rgba(0,0,0,0.2);
+  text-align: center;
 }
 
 .station-table td {
@@ -210,6 +211,7 @@ body {
   border-bottom: 1px solid var(--card-border);
   color: var(--text-primary);
   transition: background-color 0.15s;
+  text-align: center;
 }
 
 .station-table tbody tr:hover td {

static/index.html

@@ -79,12 +79,6 @@
           </div>
         </div>
         
-        <div style="text-align: center; margin: 10px 0;">
-           <button class="btn-primary" @click="startAiAnalysis" :disabled="aiLoading" style="width: 100%;">
-             {{ aiLoading ? '✨ AI 正在深入分析...' : '🚀 发起 AI 综合诊断' }}
-           </button>
-        </div>
-
         <div class="ai-result" v-html="renderedAiText || placeholder" style="opacity: 0.9;"></div>
       </div>
     </div>
@@ -166,11 +160,6 @@
 <script src="js/qrcode.min.js"></script>
 <script src="js/axios.min.js"></script>
 <script src="js/echarts.min.js"></script>
-<script src="js/marked.min.js"></script>
-<!-- Katex for Math Rendering -->
-<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.16.8/dist/katex.min.css">
-<script src="https://cdn.jsdelivr.net/npm/katex@0.16.8/dist/katex.min.js"></script>
-<script src="https://cdn.jsdelivr.net/npm/katex@0.16.8/dist/contrib/auto-render.min.js"></script>
 <script src="js/app.js"></script>
 </body>
 </html>

static/js/app.js

@@ -26,7 +26,7 @@ createApp({
         ]);
         const selectedOperator = ref("驿来特");
         const aiText = ref("");
-        const placeholder = ref("点击左侧按钮查询四家供应商最新24小时分时电价，再使用右侧AI综合分析功能对各司定价策略进行对比。");
+        const placeholder = ref("");
         const loading = ref(false);
         const exporting = ref(false);
         const exportingReport = ref(false);
@@ -447,6 +447,20 @@ createApp({
         });
 
         watch(queryResult, (newVal) => {
+            nextTick(() => {
+                const el = document.querySelector('.markdown-body');
+                if (el && window.renderMathInElement) {
+                    renderMathInElement(el, {
+                        delimiters: [
+                            {left: '$$', right: '$$', display: true},
+                            {left: '$', right: '$', display: false},
+                            {left: '\\(', right: '\\)', display: false},
+                            {left: '\\[', right: '\\]', display: true}
+                        ],
+                        throwOnError: false
+                    });
+                }
+            });
             if (newVal && newVal.includes('```echarts')) {
                 renderCharts();
             }
@@ -459,6 +473,7 @@ createApp({
             // Dashboard init
             initChart();
             loadAllOperatorsPrices();
+            startAiAnalysis();
 
             // Degree QR Code
             if (!isMobile.value && typeof QRCode !== 'undefined') {
@@ -487,4 +502,4 @@ createApp({
             handleDegreeSearch, setExample, renderedResult, stopDegreeGeneration
         };
     }
-}).mount("#app");
+}).use(ElementPlus).mount("#app");