add
This commit is contained in:
macbook_max
@@ -0,0 +1,305 @@
|
||||
import 'package:cached_network_image/cached_network_image.dart';
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:flutter_riverpod/flutter_riverpod.dart';
|
||||
import 'package:go_router/go_router.dart';
|
||||
|
||||
import '../../core/network/api_exception.dart';
|
||||
import '../../core/theme/app_theme.dart';
|
||||
import '../../models/user_profile.dart';
|
||||
import '../../models/video_item.dart';
|
||||
import '../../providers/profile_provider.dart';
|
||||
import '../../services/user_service.dart';
|
||||
import '../../services/video_service.dart';
|
||||
import '../feed/widgets/feed_overlays.dart';
|
||||
|
||||
/// 我的作品 / 我的收藏（双列网格，结构相同仅数据源不同）
|
||||
class VideoGridScreen extends ConsumerWidget {
|
||||
VideoGridScreen.works({super.key})
|
||||
: title = '我的作品',
|
||||
provider = myVideosProvider,
|
||||
editable = true;
|
||||
|
||||
VideoGridScreen.favorites({super.key})
|
||||
: title = '我的收藏',
|
||||
provider = myFavoritesProvider,
|
||||
editable = false;
|
||||
|
||||
final String title;
|
||||
final AutoDisposeFutureProvider<PagedVideos> provider;
|
||||
|
||||
/// 我的作品可长按管理（编辑/删除），收藏不可
|
||||
final bool editable;
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context, WidgetRef ref) {
|
||||
final asyncPage = ref.watch(provider);
|
||||
return Scaffold(
|
||||
appBar: AppBar(title: Text(title)),
|
||||
body: asyncPage.when(
|
||||
loading: () => const Center(
|
||||
child: CircularProgressIndicator(color: AppColors.primary),
|
||||
),
|
||||
error: (_, __) => Center(
|
||||
child: TextButton(
|
||||
onPressed: () => ref.invalidate(provider),
|
||||
child: const Text('加载失败，点击重试',
|
||||
style: TextStyle(color: AppColors.primary)),
|
||||
),
|
||||
),
|
||||
data: (page) => page.items.isEmpty
|
||||
? const Center(
|
||||
child: Text('暂无内容',
|
||||
style: TextStyle(color: AppColors.textSecondary)),
|
||||
)
|
||||
: GridView.builder(
|
||||
padding: const EdgeInsets.all(8),
|
||||
gridDelegate: const SliverGridDelegateWithFixedCrossAxisCount(
|
||||
crossAxisCount: 2,
|
||||
crossAxisSpacing: 8,
|
||||
mainAxisSpacing: 8,
|
||||
childAspectRatio: 0.68,
|
||||
),
|
||||
itemCount: page.items.length,
|
||||
itemBuilder: (_, index) =>
|
||||
_GridCard(item: page.items[index], editable: editable),
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
class _GridCard extends ConsumerWidget {
|
||||
const _GridCard({required this.item, this.editable = false});
|
||||
|
||||
final VideoItem item;
|
||||
|
||||
/// 长按弹出管理菜单（仅我的作品）
|
||||
final bool editable;
|
||||
|
||||
/// 我的作品卡片点击：仅已发布可播放，其余状态提示原因
|
||||
void _onTap(BuildContext context) {
|
||||
if (item.status == -1 || item.status == 2) {
|
||||
context.push('/search/play', extra: item);
|
||||
return;
|
||||
}
|
||||
showTopToast(
|
||||
context,
|
||||
item.status == 3 && item.rejectReason.isNotEmpty
|
||||
? '审核拒绝：${item.rejectReason}'
|
||||
: '视频${item.statusText}，暂不可播放',
|
||||
);
|
||||
}
|
||||
|
||||
void _showManageSheet(BuildContext context, WidgetRef ref) {
|
||||
showModalBottomSheet<void>(
|
||||
context: context,
|
||||
backgroundColor: AppColors.surface,
|
||||
builder: (sheetCtx) => SafeArea(
|
||||
child: Column(
|
||||
mainAxisSize: MainAxisSize.min,
|
||||
children: [
|
||||
ListTile(
|
||||
leading: const Icon(Icons.edit_outlined),
|
||||
title: const Text('编辑信息'),
|
||||
onTap: () {
|
||||
Navigator.pop(sheetCtx);
|
||||
context.push('/mine/works/edit', extra: item);
|
||||
},
|
||||
),
|
||||
ListTile(
|
||||
leading: const Icon(Icons.delete_outline,
|
||||
color: AppColors.primary),
|
||||
title: const Text('删除作品',
|
||||
style: TextStyle(color: AppColors.primary)),
|
||||
onTap: () {
|
||||
Navigator.pop(sheetCtx);
|
||||
_confirmDelete(context, ref);
|
||||
},
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
Future<void> _confirmDelete(BuildContext context, WidgetRef ref) async {
|
||||
final confirmed = await showDialog<bool>(
|
||||
context: context,
|
||||
builder: (ctx) => AlertDialog(
|
||||
backgroundColor: AppColors.surface,
|
||||
title: const Text('删除作品'),
|
||||
content: const Text('删除后作品立即下架且不可恢复，确定删除？'),
|
||||
actions: [
|
||||
TextButton(
|
||||
onPressed: () => Navigator.pop(ctx, false),
|
||||
child: const Text('取消',
|
||||
style: TextStyle(color: AppColors.textSecondary)),
|
||||
),
|
||||
TextButton(
|
||||
onPressed: () => Navigator.pop(ctx, true),
|
||||
child:
|
||||
const Text('删除', style: TextStyle(color: AppColors.primary)),
|
||||
),
|
||||
],
|
||||
),
|
||||
);
|
||||
if (confirmed != true || !context.mounted) return;
|
||||
try {
|
||||
await VideoService.deleteVideo(item.videoId);
|
||||
ref.invalidate(myVideosProvider);
|
||||
if (context.mounted) showTopToast(context, '已删除');
|
||||
} on ApiException catch (e) {
|
||||
if (context.mounted) showTopToast(context, e.message);
|
||||
} catch (_) {
|
||||
if (context.mounted) showTopToast(context, '网络异常，请稍后重试');
|
||||
}
|
||||
}
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context, WidgetRef ref) {
|
||||
return GestureDetector(
|
||||
onTap: () => _onTap(context),
|
||||
onLongPress: editable ? () => _showManageSheet(context, ref) : null,
|
||||
child: ClipRRect(
|
||||
borderRadius: BorderRadius.circular(8),
|
||||
child: Stack(
|
||||
fit: StackFit.expand,
|
||||
children: [
|
||||
Container(
|
||||
color: AppColors.surface,
|
||||
child: item.coverUrl.isNotEmpty
|
||||
? CachedNetworkImage(
|
||||
imageUrl: item.coverUrl,
|
||||
fit: BoxFit.cover,
|
||||
errorWidget: (_, __, ___) => const Icon(
|
||||
Icons.play_circle_outline,
|
||||
color: AppColors.textWeak,
|
||||
size: 40,
|
||||
),
|
||||
)
|
||||
: const Icon(
|
||||
Icons.play_circle_outline,
|
||||
color: AppColors.textWeak,
|
||||
size: 40,
|
||||
),
|
||||
),
|
||||
// 作品状态角标（我的作品：待审核/拒绝/下架等）
|
||||
if (item.statusText.isNotEmpty)
|
||||
Positioned(
|
||||
left: 6,
|
||||
top: 6,
|
||||
child: Container(
|
||||
padding:
|
||||
const EdgeInsets.symmetric(horizontal: 6, vertical: 2),
|
||||
decoration: BoxDecoration(
|
||||
color: item.status == 3
|
||||
? AppColors.primary
|
||||
: item.status == 2
|
||||
? AppColors.secondary
|
||||
: Colors.orange,
|
||||
borderRadius: BorderRadius.circular(4),
|
||||
),
|
||||
child: Text(
|
||||
item.statusText,
|
||||
style: const TextStyle(
|
||||
color: Colors.black,
|
||||
fontSize: 10,
|
||||
fontWeight: FontWeight.w700,
|
||||
),
|
||||
),
|
||||
),
|
||||
),
|
||||
Positioned(
|
||||
left: 0,
|
||||
right: 0,
|
||||
bottom: 0,
|
||||
child: Container(
|
||||
color: Colors.black54,
|
||||
padding: const EdgeInsets.all(6),
|
||||
child: Text(
|
||||
item.title.isNotEmpty ? item.title : '未命名视频',
|
||||
maxLines: 1,
|
||||
overflow: TextOverflow.ellipsis,
|
||||
style: const TextStyle(fontSize: 12),
|
||||
),
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
/// 观看历史（列表：封面缩略图 + 标题 + 观看时间 + 计费方式）
|
||||
class HistoryScreen extends ConsumerWidget {
|
||||
const HistoryScreen({super.key});
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context, WidgetRef ref) {
|
||||
final asyncList = ref.watch(myHistoryProvider);
|
||||
return Scaffold(
|
||||
appBar: AppBar(title: const Text('观看历史')),
|
||||
body: asyncList.when(
|
||||
loading: () => const Center(
|
||||
child: CircularProgressIndicator(color: AppColors.primary),
|
||||
),
|
||||
error: (_, __) => Center(
|
||||
child: TextButton(
|
||||
onPressed: () => ref.invalidate(myHistoryProvider),
|
||||
child: const Text('加载失败，点击重试',
|
||||
style: TextStyle(color: AppColors.primary)),
|
||||
),
|
||||
),
|
||||
data: (items) => items.isEmpty
|
||||
? const Center(
|
||||
child: Text('暂无观看记录',
|
||||
style: TextStyle(color: AppColors.textSecondary)),
|
||||
)
|
||||
: ListView.builder(
|
||||
itemCount: items.length,
|
||||
itemBuilder: (_, index) => _HistoryTile(item: items[index]),
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
class _HistoryTile extends StatelessWidget {
|
||||
const _HistoryTile({required this.item});
|
||||
|
||||
final HistoryItem item;
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return ListTile(
|
||||
onTap: () => context.push('/search/play', extra: item.video),
|
||||
leading: ClipRRect(
|
||||
borderRadius: BorderRadius.circular(6),
|
||||
child: Container(
|
||||
width: 72,
|
||||
height: 48,
|
||||
color: AppColors.surface,
|
||||
child: item.video.coverUrl.isNotEmpty
|
||||
? CachedNetworkImage(
|
||||
imageUrl: item.video.coverUrl,
|
||||
fit: BoxFit.cover,
|
||||
errorWidget: (_, __, ___) =>
|
||||
const Icon(Icons.play_circle_outline, size: 24),
|
||||
)
|
||||
: const Icon(Icons.play_circle_outline, size: 24),
|
||||
),
|
||||
),
|
||||
title: Text(
|
||||
item.video.title.isNotEmpty ? item.video.title : '未命名视频',
|
||||
maxLines: 1,
|
||||
overflow: TextOverflow.ellipsis,
|
||||
style: const TextStyle(fontSize: 14),
|
||||
),
|
||||
subtitle: Text(
|
||||
'${item.watchedAt.length >= 16 ? item.watchedAt.substring(5, 16) : item.watchedAt} · ${item.costLabel}',
|
||||
style: const TextStyle(color: AppColors.textWeak, fontSize: 12),
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user