报名表单

frontend/src/pages/MyOrders.jsx

@@ -15,6 +15,8 @@ const MyOrders = () => {
   const [activities, setActivities] = useState([]);
   const [modalVisible, setModalVisible] = useState(false);
   const [currentOrder, setCurrentOrder] = useState(null);
+  const [signupInfoModalVisible, setSignupInfoModalVisible] = useState(false);
+  const [currentSignupInfo, setCurrentSignupInfo] = useState(null);
   const [loginVisible, setLoginVisible] = useState(false);
   const navigate = useNavigate();
   
@@ -31,6 +33,11 @@ const MyOrders = () => {
     setModalVisible(true);
   };
 
+  const showSignupInfo = (info) => {
+    setCurrentSignupInfo(info);
+    setSignupInfoModalVisible(true);
+  };
+
   const handleQueryData = async () => {
     setLoading(true);
     try {
@@ -251,7 +258,14 @@ const MyOrders = () => {
 
                                       <div style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center', marginTop: 16 }}>
                                           <Tag color="blue">{activity.status || '已报名'}</Tag>
-                                          <Button type="primary" size="small" ghost>查看详情</Button>
+                                          <Space>
+                                              {item.signup_info && Object.keys(item.signup_info).length > 0 && (
+                                                <Button size="small" onClick={(e) => { e.stopPropagation(); showSignupInfo(item.signup_info); }}>
+                                                    查看报名信息
+                                                </Button>
+                                              )}
+                                              <Button type="primary" size="small" ghost>查看详情</Button>
+                                          </Space>
                                       </div>
                                     </div>
                                   </Card>
@@ -334,6 +348,27 @@ const MyOrders = () => {
             }
           }}
         />
+
+        <Modal
+            title="报名信息详情"
+            open={signupInfoModalVisible}
+            onCancel={() => setSignupInfoModalVisible(false)}
+            footer={[
+                <Button key="close" onClick={() => setSignupInfoModalVisible(false)}>
+                关闭
+                </Button>
+            ]}
+        >
+            {currentSignupInfo && (
+                <Descriptions column={1} bordered>
+                    {Object.entries(currentSignupInfo).map(([key, value]) => (
+                        <Descriptions.Item label={key} key={key}>
+                            {typeof value === 'object' ? JSON.stringify(value) : String(value)}
+                        </Descriptions.Item>
+                    ))}
+                </Descriptions>
+            )}
+        </Modal>
       </div>
     </div>
   );