fix：按html的假数据demo

lib/features/institutions/institution_detail_page.dart

@@ -5,12 +5,16 @@ import 'package:hooks_riverpod/hooks_riverpod.dart';
 import '../../data/api/report_data_source.dart';
 import '../../data/models/models.dart';
 import '../../routing/app_routes.dart';
+import '../../theme/app_icons.dart';
+import '../../theme/yanting_text.dart';
+import '../../theme/yanting_tokens.dart';
 import '../../theme/wise_tokens.dart';
 import '../../widgets/app_buttons.dart';
 import '../../widgets/app_card.dart';
 import '../../widgets/badges.dart';
 import '../../widgets/sheets.dart';
 import '../../widgets/states.dart';
+import '../../widgets/institution_card.dart';
 import '../shared/report_card_widget.dart';
 
 class InstitutionDetailPage extends HookConsumerWidget {
@@ -37,14 +41,14 @@ class InstitutionDetailPage extends HookConsumerWidget {
       body: snapshot.connectionState != ConnectionState.done
           ? const LoadingState()
           : snapshot.hasError
-              ? ErrorState(
-                  message: snapshot.error.toString(),
-                  onRetry: () => retryCount.value++,
-                )
-              : _InstitutionDetailContent(
-                  item: snapshot.data!,
-                  dataSource: dataSource,
-                ),
+          ? ErrorState(
+              message: snapshot.error.toString(),
+              onRetry: () => retryCount.value++,
+            )
+          : _InstitutionDetailContent(
+              item: snapshot.data!,
+              dataSource: dataSource,
+            ),
     );
   }
 }
@@ -61,26 +65,47 @@ class _InstitutionDetailContent extends StatelessWidget {
   @override
   Widget build(BuildContext context) {
     return ListView(
-      padding: const EdgeInsets.all(WiseSpacing.x4),
+      padding: const EdgeInsets.fromLTRB(WiseSpacing.x4, 4, WiseSpacing.x4, 16),
       children: [
         AppCard(
-          color: WiseColors.secondary200,
+          color: YantingColors.brandSoft,
+          borderColor: YantingColors.brandSoftBorder,
           child: Column(
             crossAxisAlignment: CrossAxisAlignment.start,
             children: [
-              Text(item.nameCn, style: Theme.of(context).textTheme.headlineSmall),
-              if (item.nameEn.isNotEmpty)
-                Text(item.nameEn, style: Theme.of(context).textTheme.bodyMedium),
-              const SizedBox(height: WiseSpacing.x3),
-              Wrap(
-                spacing: WiseSpacing.x2,
-                runSpacing: WiseSpacing.x2,
+              Row(
                 children: [
-                  AppBadge(
-                    text: item.sourceTier,
-                    icon: Icons.verified_outlined,
-                    kind: BadgeKind.tier,
+                  InstitutionLogo(
+                    logoUrl: item.logoUrl,
+                    initials: item.nameCn.isEmpty
+                        ? '研'
+                        : item.nameCn.characters.take(2).toString(),
+                    size: 48,
                   ),
+                  const SizedBox(width: 14),
+                  Expanded(
+                    child: Column(
+                      crossAxisAlignment: CrossAxisAlignment.start,
+                      children: [
+                        Text(
+                          item.nameCn,
+                          style: YantingText.sectionTitle.copyWith(
+                            fontSize: 21,
+                          ),
+                        ),
+                        if (item.nameEn.isNotEmpty)
+                          Text(item.nameEn, style: YantingText.meta),
+                      ],
+                    ),
+                  ),
+                ],
+              ),
+              const SizedBox(height: 14),
+              Wrap(
+                spacing: 8,
+                runSpacing: 8,
+                children: [
+                  AppBadge(text: item.sourceTier, kind: BadgeKind.tier),
                   AppBadge(
                     text: '${item.reportCount} 份研报',
                     kind: BadgeKind.brand,
@@ -93,28 +118,23 @@ class _InstitutionDetailContent extends StatelessWidget {
         ),
         const SizedBox(height: WiseSpacing.x3),
         if (item.introCn.isNotEmpty)
-          AppCard(
-            child: Text(item.introCn, style: Theme.of(context).textTheme.bodyMedium),
-          ),
+          AppCard(child: Text(item.introCn, style: YantingText.body)),
         const SizedBox(height: WiseSpacing.x3),
         if (item.credibilityNote.isNotEmpty)
           AppCard(
             child: Row(
               crossAxisAlignment: CrossAxisAlignment.start,
               children: [
-                const Icon(Icons.verified_user_outlined, color: WiseColors.positive),
+                const Icon(AppIcons.shield, color: YantingColors.chart2),
                 const SizedBox(width: WiseSpacing.x2),
                 Expanded(
-                  child: Text(
-                    item.credibilityNote,
-                    style: Theme.of(context).textTheme.bodyMedium,
-                  ),
+                  child: Text(item.credibilityNote, style: YantingText.body),
                 ),
               ],
             ),
           ),
         const SizedBox(height: WiseSpacing.x5),
-        Text('最新研报', style: Theme.of(context).textTheme.titleMedium),
+        Text('最新研报', style: YantingText.sectionTitle.copyWith(fontSize: 21)),
         const SizedBox(height: WiseSpacing.x3),
         if (item.recentReports.isEmpty)
           const EmptyState(
@@ -132,7 +152,7 @@ class _InstitutionDetailContent extends StatelessWidget {
           ],
         AppButton(
           label: '了解相关服务',
-          icon: Icons.open_in_new,
+          icon: AppIcons.externalLink,
           kind: AppButtonKind.ghost,
           expand: true,
           onPressed: () => showOutboundSheet(context, title: item.nameCn),

lib/features/institutions/institutions_page.dart

@@ -3,11 +3,10 @@ import 'package:hooks_riverpod/hooks_riverpod.dart';
 
 import '../../data/api/report_data_source.dart';
 import '../../data/content_providers.dart';
-import '../../data/models/models.dart';
 import '../../routing/app_routes.dart';
 import '../../theme/wise_tokens.dart';
-import '../../widgets/app_card.dart';
-import '../../widgets/badges.dart';
+import '../../widgets/institution_card.dart';
+import '../../widgets/page_header.dart';
 import '../../widgets/states.dart';
 
 class InstitutionsPage extends HookConsumerWidget {
@@ -35,18 +34,19 @@ class InstitutionsPage extends HookConsumerWidget {
           );
         }
         return ListView(
-          padding: const EdgeInsets.all(WiseSpacing.x4),
+          padding: const EdgeInsets.fromLTRB(
+            WiseSpacing.x4,
+            4,
+            WiseSpacing.x4,
+            16,
+          ),
           children: [
-            Text('研报来源机构', style: Theme.of(context).textTheme.titleLarge),
-            const SizedBox(height: WiseSpacing.x3),
+            const PageHeader(title: '机构', subtitle: '可获取研报的机构'),
             for (final item in sorted) ...[
               InstitutionCard(
                 institution: item,
-                onTap: () => openInstitutionDetail(
-                  context,
-                  dataSource,
-                  item.id,
-                ),
+                onTap: () =>
+                    openInstitutionDetail(context, dataSource, item.id),
               ),
               const SizedBox(height: WiseSpacing.x3),
             ],
@@ -56,76 +56,3 @@ class InstitutionsPage extends HookConsumerWidget {
     );
   }
 }
-
-class InstitutionCard extends StatelessWidget {
-  const InstitutionCard({required this.institution, required this.onTap, super.key});
-
-  final Institution institution;
-  final VoidCallback onTap;
-
-  @override
-  Widget build(BuildContext context) {
-    final initials = institution.nameCn.isEmpty
-        ? '研'
-        : institution.nameCn.characters.take(2).toString();
-    return AppCard(
-      onTap: onTap,
-      child: Row(
-        crossAxisAlignment: CrossAxisAlignment.start,
-        children: [
-          CircleAvatar(
-            radius: 25,
-            backgroundColor: WiseColors.secondary200,
-            foregroundColor: WiseColors.primary,
-            child: Text(
-              initials,
-              style: const TextStyle(fontWeight: FontWeight.w800),
-            ),
-          ),
-          const SizedBox(width: WiseSpacing.x3),
-          Expanded(
-            child: Column(
-              crossAxisAlignment: CrossAxisAlignment.start,
-              children: [
-                Text(
-                  institution.nameCn,
-                  style: Theme.of(context).textTheme.titleMedium,
-                ),
-                if (institution.nameEn.isNotEmpty)
-                  Text(
-                    institution.nameEn,
-                    maxLines: 1,
-                    overflow: TextOverflow.ellipsis,
-                    style: Theme.of(context).textTheme.bodySmall,
-                  ),
-                const SizedBox(height: WiseSpacing.x2),
-                Wrap(
-                  spacing: WiseSpacing.x2,
-                  runSpacing: WiseSpacing.x2,
-                  children: [
-                    if (institution.institutionType.isNotEmpty)
-                      AppBadge(text: institution.institutionType),
-                    for (final topic in institution.coveredTopics.take(3))
-                      AppBadge(text: topic, kind: BadgeKind.brand),
-                  ],
-                ),
-              ],
-            ),
-          ),
-          const SizedBox(width: WiseSpacing.x2),
-          Column(
-            children: [
-              Text(
-                '${institution.reportCount}',
-                style: Theme.of(context).textTheme.titleMedium?.copyWith(
-                      color: WiseColors.primary,
-                    ),
-              ),
-              Text('份研报', style: Theme.of(context).textTheme.bodySmall),
-            ],
-          ),
-        ],
-      ),
-    );
-  }
-}