deving

templates/result.html

@@ -107,24 +107,33 @@
             gap: 10px;
         }
         
-        /* 强制关键工艺参数三列布局 */
+        /* 强制关键工艺参数一行显示 - 三列并排 */
         .key-info-categories {
-            display: grid !important;
-            grid-template-columns: repeat(3, 1fr) !important;
+            display: flex !important;
+            flex-direction: row !important;
+            justify-content: space-between !important;
+            align-items: flex-start !important;
             gap: 20px !important;
             margin-bottom: 20px !important;
             width: 100% !important;
-            align-items: start !important;
+            min-height: 200px !important;
+            flex-wrap: nowrap !important;
+            overflow-x: visible !important;
+            white-space: nowrap !important;
         }
         
         .key-info-categories .category-section {
             display: block !important;
-            width: 100% !important;
+            width: calc(33.333% - 14px) !important;
+            min-width: 250px !important;
+            max-width: 400px !important;
             min-height: 200px !important;
             background: #f8f9fa !important;
             border: 1px solid #e0e0e0 !important;
             border-radius: 8px !important;
             padding: 15px !important;
+            flex-shrink: 0 !important;
+            flex-grow: 0 !important;
         }
         
         .key-info-categories .category-title {
@@ -221,7 +230,7 @@
 
     <script>
         // 从模板获取任务数据
-        const task = {{ task | tojson | safe }};
+        const task = JSON.parse('{{ task | tojson | safe }}');
 
         // 页面加载完成后显示任务数据
         document.addEventListener('DOMContentLoaded', function() {