feat: show match requirements of people in detail panel

src/apis/types.ts

@@ -51,6 +51,7 @@ export interface People {
   height?: number;
   marital_status?: string;
   created_at?: number;
+  match_requirement?: string;
   [key: string]: any;
   cover?: string;
 }

src/components/ResourceList.tsx

@@ -34,6 +34,7 @@ function transformPeoples(list: People[] = []): Resource[] {
     contact: person.contact || '',
     cover: person.cover || '',
     created_at: person.created_at,
+    match_requirement: person.match_requirement,
   }));
 }
 
@@ -1058,6 +1059,17 @@ const ResourceList: React.FC<Props> = ({ inputOpen = false, onCloseInput, contai
                     </div>
                   )}
 
+                  <div style={{ marginTop: '12px' }}>
+                    <Typography.Title level={5} style={{ color: 'var(--text-primary)', display: 'flex', alignItems: 'center', gap: 8 }}>
+                      <span>择偶要求</span>
+                    </Typography.Title>
+                    {record.match_requirement ? (
+                      <div>{record.match_requirement}</div>
+                    ) : (
+                      <div style={{ color: '#9ca3af' }}>暂无匹配要求</div>
+                    )}
+                  </div>
+
                   <div style={{ borderTop: '1px solid #f0f0f0', margin: '12px 0' }} />
 
                   <div>