Update app.py

app.py

@@ -37,4 +37,46 @@ MENU_DATA = {
     ]
 }
 
-# 后续将基于此数据构建展示界面，计时开始于页面加载，点击“我已选择好”时结束
+# 图片统一使用上传的用户头像
+def get_image():
+    return "user_avatar.jpg"
+
+# ========== 功能函数 ==========
+def record_time(start_time):
+    duration = round(time.time() - start_time, 2)
+    timestamp = datetime.now().strftime("%Y-%m-%d %H:%M:%S")
+    with open("decision_times.csv", "a", newline="", encoding="utf-8") as f:
+        writer = csv.writer(f)
+        writer.writerow([timestamp, duration])
+    return f"✅ Thank you! Your decision time was {duration} seconds.\nPlease proceed to the next page and enter your selected item IDs."
+
+# ========== Gradio 主界面 ==========
+with gr.Blocks() as demo:
+    start_time = time.time()
+    gr.Markdown("# 📋 Digital Menu\nPlease browse the menu and decide what you'd like to order. When ready, click the button at the bottom.")
+
+    with gr.Tabs():
+        for category, items in MENU_DATA.items():
+            with gr.Tab(label=category):
+                for item in items:
+                    with gr.Row():
+                        gr.Image(value=get_image(), width=100, height=100, show_label=False, container=False)
+                        gr.Markdown(f"**{item['id']} - {item['name']}**
+
+🥬 _Ingredients: {item['ingredients']}_
+{item['desc']}
+
+💰 €{item['price']:.2f}")
+
+    submit_btn = gr.Button("✅ I have made my selection")
+    output_box = gr.Textbox(visible=False)
+    submit_btn.click(fn=record_time, inputs=[gr.State(value=start_time)], outputs=output_box)
+
+    # 仅开发者可见的 CSV 下载链接（非 iframe 内显示）
+    if os.path.exists("decision_times.csv"):
+        gr.Markdown("🔽 [Download decision_times.csv](file/decision_times.csv)")
+
+# 启动
+if __name__ == "__main__":
+    demo.launch(show_api=False)
+