Upload app.py

app.py

@@ -1261,8 +1261,8 @@ def build_income_table(table_data):
                 
                 for j, cell in enumerate(row):
                     if j == 0:
-                        # Category列样式
-                        cells += f"<td style='padding: 8px; border: 1px solid #ddd; text-align: left; font-size: 13px; max-width: 150px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;'>{cell}</td>"
+                        # Category列样式 - 恢复为居中
+                        cells += f"<td style='padding: 8px; border: 1px solid #ddd; text-align: center; font-size: 14px;'>{cell}</td>"
                     else:
                         # 添加增长率箭头（如果有的话）
                         growth = None
@@ -1275,35 +1275,27 @@ def build_income_table(table_data):
                         if growth and growth != "N/A" and growth != "--":
                             arrow = "▲" if growth.startswith("+") else "▼"
                             color = "green" if growth.startswith("+") else "red"
-                            # 年份数据列,包含增幅指示
-                            cells += f"""<td style='padding: 8px; border: 1px solid #ddd; text-align: center; font-size: 13px; position: relative;'>
-                            <div style='margin-bottom: 12px;'>{cell}</div>
-                            <div style='position: absolute; bottom: 2px; right: 5px; font-size: 10px; color: {color};'>{arrow}{growth}</div>
-                            </td>"""
-                        elif growth == "--":
-                            # 显示"--"但不显示箭头
-                            cells += f"""<td style='padding: 8px; border: 1px solid #ddd; text-align: center; font-size: 13px; position: relative;'>
-                            <div style='margin-bottom: 12px;'>{cell}</div>
-                            <div style='position: absolute; bottom: 2px; right: 5px; font-size: 10px; color: #999;'>--</div>
+                            # 年份数据列,包含增幅指示 - 恢复为不分离的版本
+                            cells += f"""<td style='padding: 8px; border: 1px solid #ddd; text-align: center; font-size: 14px; position: relative;'>
+                            <div>{cell}</div>
+                            <div style='position: absolute; bottom: -5px; right: 5px; font-size: 10px; color: {color};'>{arrow}{growth}</div>
                             </td>"""
                         else:
                             # 无增幅的单元格
-                            cells += f"<td style='padding: 8px; border: 1px solid #ddd; text-align: center; font-size: 13px;'>{cell}</td>"
+                            cells += f"<td style='padding: 8px; border: 1px solid #ddd; text-align: center; font-size: 14px;'>{cell}</td>"
                 table_rows += f"<tr style='{row_style}'>{cells}</tr>"
             
             html = f"""
-            <div style="min-width: 400px;max-width: 600px;height: 300px !important;border: 1px solid #e5e7eb; border-radius: 12px; padding: 20px; box-shadow: 0 4px 6px rgba(0,0,0,0.08); font-family: 'Segoe UI', sans-serif; background: linear-gradient(135deg, #ffffff 0%, #f9fafb 100%);">
-                <div style="display: flex; align-items: center; gap: 10px; margin-bottom: 18px; padding-bottom: 12px; border-bottom: 2px solid #e5e7eb;">
-                    <svg width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-                        <path d="M12 2L15.09 8.26L19 9.07L16 14L16 19L12 19L8 14L8 9.07L4.91 8.26L8 2L12 2Z" fill="#3b82f6"/>
+            <div style="min-width: 400px;max-width: 600px;height: 300px !important;border: 1px solid #e0e0e0; border-radius: 8px; padding: 16px; box-shadow: 0 2px 4px rgba(0,0,0,0.1); font-family: 'Segoe UI', sans-serif;">
+                <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 16px;">
+                    <svg width="16" height="16" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                        <path d="M12 2L15.09 8.26L19 9.07L16 14L16 19L12 19L8 14L8 9.07L4.91 8.26L8 2L12 2Z" fill="#0066cc"/>
                     </svg>
-                    <div style="font-size: 19px; font-weight: 600; color: #1f2937;">Latest 3 Years Financial Metrics</div>
-                </div>
-                <div style="overflow-x: auto;">
-                    <table style="width: 100%; border-collapse: collapse; font-size: 13px;">
-                        {table_rows}
-                    </table>
+                    <div style="font-size: 18px; font-weight: 600;">Latest 3 Years Financial Metrics</div>
                 </div>
+                <table style="width: 100%; border-collapse: collapse; font-size: 14px;">
+                    {table_rows}
+                </table>
             </div>
             """
             return html
@@ -1363,18 +1355,18 @@ def create_metrics_dashboard():
                     prev_close_val = company_info.get("previous_close", "N/A")
 
                 html = f"""
-                <div style="width: 250px; height: 300px !important; border: 1px solid #e5e7eb; border-radius: 12px; padding: 16px; box-shadow: 0 4px 6px rgba(0,0,0,0.08); font-family: 'Segoe UI', sans-serif; background: linear-gradient(135deg, #ffffff 0%, #f9fafb 100%); display: flex; flex-direction: column;">
-                    <div style="font-size: 15px; color: #374151; font-weight: 600; margin-bottom: 2px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">{company_name}</div>
-                    <div style="font-size: 12px; color: #6b7280; margin-bottom: 10px;">NYSE：{symbol}</div>
-                    <div style="display: flex; align-items: baseline; gap: 8px; margin-bottom: 10px; padding: 10px; background: #f9fafb; border-radius: 8px; flex-wrap: wrap;">
-                        <div style="font-size: 28px; font-weight: bold; color: #111827;">{price}</div>
-                        <div style="font-size: 13px;">{change_html}</div>
+                <div style="width: 250px; height: 300px !important; border: 1px solid #e0e0e0; border-radius: 8px; padding: 16px; box-shadow: 0 2px 4px rgba(0,0,0,0.1); font-family: 'Segoe UI', sans-serif;">
+                    <div style="font-size: 16px; color: #555; font-weight: 500;">{company_name}</div>
+                    <div style="font-size: 12px; color: #888;">ＮＹＳＥ：{symbol}</div>
+                    <div style="display: flex; align-items: center; gap: 10px; margin: 8px 0;">
+                        <div style="font-size: 32px; font-weight: bold;">{price}</div>
+                        <div style="font-size: 14px;">{change_html}</div>
                     </div>
-                    <div style="flex: 1; display: grid; grid-template-columns: auto 1fr; gap: 6px 8px; padding: 10px; background: white; border-radius: 8px; border: 1px solid #e5e7eb; font-size: 12px; align-content: start;">
-                        <div style="color: #6b7280;">Open</div><div style="font-weight: 600; text-align: right; color: #111827; white-space: nowrap;">{open_val}</div>
-                        <div style="color: #6b7280;">High</div><div style="font-weight: 600; text-align: right; color: #111827; white-space: nowrap;">{high_val}</div>
-                        <div style="color: #6b7280;">Low</div><div style="font-weight: 600; text-align: right; color: #111827; white-space: nowrap;">{low_val}</div>
-                        <div style="color: #6b7280;">Prev Close</div><div style="font-weight: 600; text-align: right; color: #111827; white-space: nowrap;">{prev_close_val}</div>
+                    <div style="margin-top: 12px; display: grid; grid-template-columns: auto 1fr; gap: 8px;">
+                        <div style="font-size: 14px; color: #555;">Open</div><div style="font-size: 14px; font-weight: 500; text-align: center;">{open_val}</div>
+                        <div style="font-size: 14px; color: #555;">High</div><div style="font-size: 14px; font-weight: 500; text-align: center;">{high_val}</div>
+                        <div style="font-size: 14px; color: #555;">Low</div><div style="font-size: 14px; font-weight: 500; text-align: center;">{low_val}</div>
+                        <div style="font-size: 14px; color: #555;">Prev Close</div><div style="font-size: 14px; font-weight: 500; text-align: center;">{prev_close_val}</div>
                     </div>
                 </div>
                 """
@@ -1435,15 +1427,15 @@ def create_metrics_dashboard():
                 """
             
             html = f"""
-            <div style="min-width: 300px;max-width: 450px;height: 300px !important;border: 1px solid #e5e7eb; border-radius: 12px; padding: 20px; box-shadow: 0 4px 6px rgba(0,0,0,0.08); font-family: 'Segoe UI', sans-serif; background: linear-gradient(135deg, #ffffff 0%, #f9fafb 100%);">
-                <div style="display: flex; align-items: center; gap: 10px; margin-bottom: 18px; padding-bottom: 12px; border-bottom: 2px solid #e5e7eb; justify-content: space-between;">
-                    <div style="font-size: 19px; font-weight: 600; color: #1f2937; display: flex; align-items: center;">
-                        <svg width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-                            <path d="M12 2L15.09 8.26L19 9.07L16 14L16 19L12 19L8 14L8 9.07L4.91 8.26L8 2L12 2Z" fill="#3b82f6"/>
+            <div style="min-width: 300px;max-width: 450px;height: 300px !important;border: 1px solid #e0e0e0; border-radius: 8px; padding: 16px; box-shadow: 0 2px 4px rgba(0,0,0,0.1); font-family: 'Segoe UI', sans-serif;">
+                <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 16px;justify-content: space-between;">
+                    <div style="font-size: 18px; font-weight: 600;display: flex;align-items: center;">
+                        <svg width="16" height="16" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                            <path d="M12 2L15.09 8.26L19 9.07L16 14L16 19L12 19L8 14L8 9.07L4.91 8.26L8 2L12 2Z" fill="#0066cc"/>
                         </svg>       
                         <span style="margin-left: 10px;">{default_yearly_data} Financial Metrics</span>
                     </div>
-                    <div style="font-size: 14px; color: #6b7280;">
+                    <div style="font-size: 16px; color: #8f8f8f;">
                             YTD data
                     </div>
                 </div>
@@ -1621,15 +1613,15 @@ def update_metrics_dashboard(company_name):
             """
         
         html = f"""
-        <div style="width: 450px;height: 300px !important;border: 1px solid #e5e7eb; border-radius: 12px; padding: 20px; box-shadow: 0 4px 6px rgba(0,0,0,0.08); font-family: 'Segoe UI', sans-serif; background: linear-gradient(135deg, #ffffff 0%, #f9fafb 100%);">
-            <div style="display: flex; align-items: center; gap: 10px; margin-bottom: 18px; padding-bottom: 12px; border-bottom: 2px solid #e5e7eb; justify-content: space-between;">
-                <div style="font-size: 19px; font-weight: 600; color: #1f2937; display: flex; align-items: center;">
-                    <svg width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-                        <path d="M12 2L15.09 8.26L19 9.07L16 14L16 19L12 19L8 14L8 9.07L4.91 8.26L8 2L12 2Z" fill="#3b82f6"/>
+        <div style="width: 450px;height: 300px !important;border: 1px solid #e0e0e0; border-radius: 8px; padding: 16px; box-shadow: 0 2px 4px rgba(0,0,0,0.1); font-family: 'Segoe UI', sans-serif;">
+            <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 16px;justify-content: space-between;">
+                <div style="font-size: 18px; font-weight: 600;display: flex;align-items: center;">
+                    <svg width="16" height="16" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                        <path d="M12 2L15.09 8.26L19 9.07L16 14L16 19L12 19L8 14L8 9.07L4.91 8.26L8 2L12 2Z" fill="#0066cc"/>
                     </svg>       
                     <span style="margin-left: 10px;">{yearly_data} Financial Metrics</span>
                 </div>
-                <div style="font-size: 14px; color: #6b7280;">
+                <div style="font-size: 16px; color: #8f8f8f;">
                         YTD data
                 </div>
             </div>