tboss_oa_module/lib/features/announcement/announcement_detail_page.dart

import 'package:flutter/material.dart';
import 'package:flutter_riverpod/flutter_riverpod.dart';
import '../../core/theme/app_colors.dart';
import '../../core/utils/date_utils.dart' as du;
import '../../core/utils/responsive.dart';
import '../../shared/widgets/form_section.dart';
import '../../shared/widgets/form_field_row.dart';
import 'announcement_api.dart';
import 'announcement_model.dart';

final announcementDetailProvider = FutureProvider.autoDispose.family<AnnouncementModel, String>((ref, id) async {
  return ref.read(announcementApiProvider).fetchDetail(id);
});

class AnnouncementDetailPage extends ConsumerWidget {
  final String id;
  const AnnouncementDetailPage({super.key, required this.id});

  @override
  Widget build(BuildContext context, WidgetRef ref) {
    final detailAsync = ref.watch(announcementDetailProvider(id));
    final r = ResponsiveHelper.of(context);

    return Scaffold(
      appBar: AppBar(title: const Text('公告详情')),
      body: detailAsync.when(
        loading: () => const Center(child: CircularProgressIndicator()),
        error: (_, __) => const Center(child: Text('加载失败')),
        data: (item) => Center(
          child: ConstrainedBox(
            constraints: BoxConstraints(maxWidth: r.detailTwoColumns ? 700 : double.infinity),
            child: SingleChildScrollView(
              padding: const EdgeInsets.symmetric(vertical: 8),
              child: FormSection(
                title: item.title,
                children: [
                  FormFieldRow(label: '发布部门', value: item.publisherName, showArrow: false),
                  FormFieldRow(label: '发布时间', value: du.DateUtils.formatDate(item.publishTime), showArrow: false),
                  FormFieldRow(label: '公告类型', value: item.type, showArrow: false),
                  if (item.requireConfirm)
                    FormFieldRow(label: '确认要求', value: '需确认已读', showArrow: false),
                  FormFieldRow(label: '已读', value: '${item.readCount}人', showArrow: false),
                  const Divider(),
                  Padding(
                    padding: const EdgeInsets.all(14),
                    child: Text(item.content, style: const TextStyle(color: AppColors.textPrimary, fontSize: 14, height: 1.6)),
                  ),
                ],
              ),
            ),
          ),
        ),
      ),
    );
  }
}