1145 lines
42 KiB
Dart
1145 lines
42 KiB
Dart
|
import 'dart:io';
|
|||
|
|
|
|||
|
|
import 'package:flutter/material.dart';
|
|||
|
|
import 'package:flutter/services.dart';
|
|||
|
|
import 'package:flutter_riverpod/flutter_riverpod.dart';
|
|||
|
|
import 'package:image_picker/image_picker.dart';
|
|||
|
|
|
|||
|
|
import '../../../models/intro_category.dart';
|
|||
|
|
import '../../../models/store_info.dart';
|
|||
|
|
import '../../../services/api_client.dart';
|
|||
|
|
import '../../../services/intro_service.dart';
|
|||
|
|
import '../../../services/upload_service.dart';
|
|||
|
|
import '../../../utils/i10n.dart';
|
|||
|
|
|
|||
|
|
/// 公司介绍内容页。
|
|||
|
|
///
|
|||
|
|
/// 展示单个门店下的公司介绍数据，按「内容类型（categoryType）」分类，
|
|||
|
|
/// 每个类型下再按「小类 -> 详情」层级展开。
|
|||
|
|
class IntroStoreContentPage extends ConsumerStatefulWidget {
|
|||
|
|
const IntroStoreContentPage({
|
|||
|
|
super.key,
|
|||
|
|
required this.storeId,
|
|||
|
|
this.store,
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
/// 门店组织 ID。
|
|||
|
|
final String storeId;
|
|||
|
|
|
|||
|
|
/// 门店基本信息（可选，由列表页传入以快速展示）。
|
|||
|
|
final StoreInfo? store;
|
|||
|
|
|
|||
|
|
@override
|
|||
|
|
ConsumerState<IntroStoreContentPage> createState() =>
|
|||
|
|
_IntroStoreContentPageState();
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
class _IntroStoreContentPageState extends ConsumerState<IntroStoreContentPage> {
|
|||
|
|
final _service = IntroService();
|
|||
|
|
final _uploadService = UploadService();
|
|||
|
|
final _imagePicker = ImagePicker();
|
|||
|
|
|
|||
|
|
StoreInfo? _store;
|
|||
|
|
List<IntroCategory> _categories = [];
|
|||
|
|
final Map<String, List<IntroSubcategory>> _subcategories = {};
|
|||
|
|
final Map<String, List<IntroDetail>> _details = {};
|
|||
|
|
|
|||
|
|
bool _loading = false;
|
|||
|
|
String? _error;
|
|||
|
|
|
|||
|
|
// 展开状态：分类 ID / 小类 ID。
|
|||
|
|
final Set<String> _expandedCategories = {};
|
|||
|
|
final Set<String> _expandedSubcategories = {};
|
|||
|
|
|
|||
|
|
@override
|
|||
|
|
void initState() {
|
|||
|
|
super.initState();
|
|||
|
|
_store = widget.store;
|
|||
|
|
_loadData();
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
Future<void> _loadData() async {
|
|||
|
|
setState(() {
|
|||
|
|
_loading = true;
|
|||
|
|
_error = null;
|
|||
|
|
});
|
|||
|
|
try {
|
|||
|
|
// 1) 加载当前门店下的大类（与 Web 端一致走 /list 并按 orgId 服务端过滤）。
|
|||
|
|
final storeOrgId = int.tryParse(widget.storeId) ?? widget.storeId;
|
|||
|
|
_categories = await _service.getIntroCategoryList(
|
|||
|
|
page: 1,
|
|||
|
|
limit: 500,
|
|||
|
|
orgId: storeOrgId,
|
|||
|
|
);
|
|||
|
|
_categories.sort((a, b) => a.categoryType.compareTo(b.categoryType));
|
|||
|
|
|
|||
|
|
// 2) 并行加载每个大类下的小类。
|
|||
|
|
_subcategories.clear();
|
|||
|
|
await Future.wait(
|
|||
|
|
_categories.map((cat) => _loadSubcategories(cat.id)),
|
|||
|
|
);
|
|||
|
|
|
|||
|
|
// 3) 并行加载每个小类下的详情。
|
|||
|
|
_details.clear();
|
|||
|
|
final allSubIds = _subcategories.values.expand((list) => list).toList();
|
|||
|
|
await Future.wait(
|
|||
|
|
allSubIds.map((sub) => _loadDetails(sub.id)),
|
|||
|
|
);
|
|||
|
|
|
|||
|
|
if (!mounted) return;
|
|||
|
|
setState(() => _loading = false);
|
|||
|
|
} catch (e) {
|
|||
|
|
if (!mounted) return;
|
|||
|
|
setState(() {
|
|||
|
|
_error = formatApiError(e, fallback: '数据加载失败，请稍后重试');
|
|||
|
|
_loading = false;
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
Future<void> _loadSubcategories(String categoryId) async {
|
|||
|
|
try {
|
|||
|
|
final list = await _service.getIntroSubcategoryListByCategory(categoryId);
|
|||
|
|
_subcategories[categoryId] = list;
|
|||
|
|
} catch (_) {
|
|||
|
|
_subcategories[categoryId] = [];
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
Future<void> _loadDetails(String subcategoryId) async {
|
|||
|
|
try {
|
|||
|
|
final list = await _service.getIntroDetailListBySubcategory(subcategoryId);
|
|||
|
|
_details[subcategoryId] = list;
|
|||
|
|
} catch (_) {
|
|||
|
|
_details[subcategoryId] = [];
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
void _toggleCategory(String categoryId) {
|
|||
|
|
setState(() {
|
|||
|
|
if (_expandedCategories.contains(categoryId)) {
|
|||
|
|
_expandedCategories.remove(categoryId);
|
|||
|
|
} else {
|
|||
|
|
_expandedCategories.add(categoryId);
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
void _toggleSubcategory(String subcategoryId) {
|
|||
|
|
setState(() {
|
|||
|
|
if (_expandedSubcategories.contains(subcategoryId)) {
|
|||
|
|
_expandedSubcategories.remove(subcategoryId);
|
|||
|
|
} else {
|
|||
|
|
_expandedSubcategories.add(subcategoryId);
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/// 按 categoryType 把大类分组，相同类型合并为一个可展开的分组。
|
|||
|
|
Map<String, List<IntroCategory>> _groupCategoriesByType() {
|
|||
|
|
final groups = <String, List<IntroCategory>>{};
|
|||
|
|
for (final cat in _categories) {
|
|||
|
|
groups.putIfAbsent(cat.categoryType, () => []).add(cat);
|
|||
|
|
}
|
|||
|
|
return groups;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
@override
|
|||
|
|
Widget build(BuildContext context) {
|
|||
|
|
final t = AppLocalizations.of(context);
|
|||
|
|
final storeName = _store?.name ?? t.unknown;
|
|||
|
|
return Scaffold(
|
|||
|
|
appBar: AppBar(
|
|||
|
|
title: Column(
|
|||
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|||
|
|
children: [
|
|||
|
|
Text(t.introCategoryTitle),
|
|||
|
|
Text(
|
|||
|
|
storeName,
|
|||
|
|
style: Theme.of(context).textTheme.bodySmall,
|
|||
|
|
),
|
|||
|
|
],
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
body: _buildBody(),
|
|||
|
|
floatingActionButton: FloatingActionButton(
|
|||
|
|
onPressed: _showAddCategoryForm,
|
|||
|
|
child: const Icon(Icons.add),
|
|||
|
|
),
|
|||
|
|
);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
Widget _buildBody() {
|
|||
|
|
final t = AppLocalizations.of(context);
|
|||
|
|
if (_loading && _categories.isEmpty) {
|
|||
|
|
return const Center(child: CircularProgressIndicator());
|
|||
|
|
}
|
|||
|
|
if (_error != null && _categories.isEmpty) {
|
|||
|
|
return Center(
|
|||
|
|
child: Column(
|
|||
|
|
mainAxisSize: MainAxisSize.min,
|
|||
|
|
children: [
|
|||
|
|
Text('${t.loadFailed}：$_error'),
|
|||
|
|
const SizedBox(height: 8),
|
|||
|
|
FilledButton.tonal(
|
|||
|
|
onPressed: _loadData,
|
|||
|
|
child: Text(t.retry),
|
|||
|
|
),
|
|||
|
|
],
|
|||
|
|
),
|
|||
|
|
);
|
|||
|
|
}
|
|||
|
|
if (_categories.isEmpty) {
|
|||
|
|
return RefreshIndicator(
|
|||
|
|
onRefresh: _loadData,
|
|||
|
|
child: ListView(
|
|||
|
|
physics: const AlwaysScrollableScrollPhysics(),
|
|||
|
|
children: [
|
|||
|
|
const SizedBox(height: 200),
|
|||
|
|
Center(child: Text(t.noData)),
|
|||
|
|
],
|
|||
|
|
),
|
|||
|
|
);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
final groups = _groupCategoriesByType();
|
|||
|
|
final typeKeys = groups.keys.toList()..sort();
|
|||
|
|
|
|||
|
|
return RefreshIndicator(
|
|||
|
|
onRefresh: _loadData,
|
|||
|
|
child: ListView.builder(
|
|||
|
|
physics: const AlwaysScrollableScrollPhysics(),
|
|||
|
|
padding: const EdgeInsets.symmetric(vertical: 8),
|
|||
|
|
itemCount: typeKeys.length,
|
|||
|
|
itemBuilder: (context, index) {
|
|||
|
|
final type = typeKeys[index];
|
|||
|
|
final cats = groups[type]!;
|
|||
|
|
return _buildTypeSection(type, cats);
|
|||
|
|
},
|
|||
|
|
),
|
|||
|
|
);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/// 内容类型分组卡片。
|
|||
|
|
Widget _buildTypeSection(String type, List<IntroCategory> categories) {
|
|||
|
|
final theme = Theme.of(context);
|
|||
|
|
return Card(
|
|||
|
|
margin: const EdgeInsets.symmetric(horizontal: 12, vertical: 6),
|
|||
|
|
child: ExpansionTile(
|
|||
|
|
title: Text(
|
|||
|
|
type.isEmpty ? '未分类' : type,
|
|||
|
|
style: theme.textTheme.titleSmall
|
|||
|
|
?.copyWith(fontWeight: FontWeight.bold),
|
|||
|
|
),
|
|||
|
|
subtitle: Text(
|
|||
|
|
'${categories.length} 个分类',
|
|||
|
|
style: theme.textTheme.bodySmall,
|
|||
|
|
),
|
|||
|
|
initiallyExpanded: true,
|
|||
|
|
children: categories.map((cat) => _buildCategoryTile(cat)).toList(),
|
|||
|
|
),
|
|||
|
|
);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/// 单个大类：可展开查看其下小类。
|
|||
|
|
Widget _buildCategoryTile(IntroCategory category) {
|
|||
|
|
final t = AppLocalizations.of(context);
|
|||
|
|
final subs = _subcategories[category.id] ?? [];
|
|||
|
|
final isExpanded = _expandedCategories.contains(category.id);
|
|||
|
|
|
|||
|
|
return Column(
|
|||
|
|
children: [
|
|||
|
|
ListTile(
|
|||
|
|
contentPadding: const EdgeInsets.symmetric(horizontal: 16),
|
|||
|
|
leading: CircleAvatar(
|
|||
|
|
backgroundColor: Theme.of(context).colorScheme.primaryContainer,
|
|||
|
|
child: Text(
|
|||
|
|
category.name.isNotEmpty ? category.name.substring(0, 1) : '-',
|
|||
|
|
style: TextStyle(
|
|||
|
|
color: Theme.of(context).colorScheme.onPrimaryContainer,
|
|||
|
|
fontWeight: FontWeight.bold,
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
title: Text(category.name),
|
|||
|
|
subtitle: Text('${t.introTypeLabel}：${category.categoryType}'),
|
|||
|
|
trailing: Row(
|
|||
|
|
mainAxisSize: MainAxisSize.min,
|
|||
|
|
children: [
|
|||
|
|
IconButton(
|
|||
|
|
icon: const Icon(Icons.add, size: 20),
|
|||
|
|
tooltip: t.introSubcategoryAdd,
|
|||
|
|
onPressed: () => _showSubcategoryForm(categoryId: category.id),
|
|||
|
|
),
|
|||
|
|
IconButton(
|
|||
|
|
icon: Icon(
|
|||
|
|
isExpanded ? Icons.expand_less : Icons.expand_more,
|
|||
|
|
size: 20,
|
|||
|
|
),
|
|||
|
|
onPressed: () => _toggleCategory(category.id),
|
|||
|
|
),
|
|||
|
|
],
|
|||
|
|
),
|
|||
|
|
onTap: () => _toggleCategory(category.id),
|
|||
|
|
),
|
|||
|
|
if (isExpanded)
|
|||
|
|
Padding(
|
|||
|
|
padding: const EdgeInsets.only(left: 16, right: 16, bottom: 8),
|
|||
|
|
child: subs.isEmpty
|
|||
|
|
? ListTile(
|
|||
|
|
dense: true,
|
|||
|
|
title: Text(
|
|||
|
|
t.noData,
|
|||
|
|
style: TextStyle(
|
|||
|
|
color: Theme.of(context).colorScheme.outline,
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
)
|
|||
|
|
: Column(
|
|||
|
|
children: subs
|
|||
|
|
.map((sub) => _buildSubcategoryTile(category, sub))
|
|||
|
|
.toList(),
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
],
|
|||
|
|
);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/// 单个小类：可展开查看其下详情。
|
|||
|
|
Widget _buildSubcategoryTile(
|
|||
|
|
IntroCategory category,
|
|||
|
|
IntroSubcategory sub,
|
|||
|
|
) {
|
|||
|
|
final t = AppLocalizations.of(context);
|
|||
|
|
final details = _details[sub.id] ?? [];
|
|||
|
|
final isExpanded = _expandedSubcategories.contains(sub.id);
|
|||
|
|
|
|||
|
|
return Card(
|
|||
|
|
margin: const EdgeInsets.symmetric(vertical: 4),
|
|||
|
|
child: Column(
|
|||
|
|
children: [
|
|||
|
|
ListTile(
|
|||
|
|
dense: true,
|
|||
|
|
leading: sub.mediaUrl.isNotEmpty && sub.mediaType == 'image'
|
|||
|
|
? ClipRRect(
|
|||
|
|
borderRadius: BorderRadius.circular(4),
|
|||
|
|
child: Image.network(
|
|||
|
|
sub.mediaUrl,
|
|||
|
|
width: 40,
|
|||
|
|
height: 40,
|
|||
|
|
fit: BoxFit.cover,
|
|||
|
|
errorBuilder: (_, __, ___) =>
|
|||
|
|
const Icon(Icons.image, size: 32),
|
|||
|
|
),
|
|||
|
|
)
|
|||
|
|
: const Icon(Icons.folder, size: 32),
|
|||
|
|
title: Text(
|
|||
|
|
sub.title,
|
|||
|
|
style: const TextStyle(fontWeight: FontWeight.w600),
|
|||
|
|
),
|
|||
|
|
subtitle: Text(
|
|||
|
|
sub.description.isNotEmpty
|
|||
|
|
? sub.description
|
|||
|
|
: '${details.length} 个内容',
|
|||
|
|
maxLines: 1,
|
|||
|
|
overflow: TextOverflow.ellipsis,
|
|||
|
|
),
|
|||
|
|
trailing: Row(
|
|||
|
|
mainAxisSize: MainAxisSize.min,
|
|||
|
|
children: [
|
|||
|
|
IconButton(
|
|||
|
|
icon: const Icon(Icons.add, size: 18),
|
|||
|
|
tooltip: t.introDetailAdd,
|
|||
|
|
onPressed: () => _showDetailForm(
|
|||
|
|
categoryId: category.id,
|
|||
|
|
subcategoryId: sub.id,
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
Icon(
|
|||
|
|
isExpanded ? Icons.expand_less : Icons.expand_more,
|
|||
|
|
size: 18,
|
|||
|
|
),
|
|||
|
|
],
|
|||
|
|
),
|
|||
|
|
onTap: () => _toggleSubcategory(sub.id),
|
|||
|
|
),
|
|||
|
|
if (isExpanded)
|
|||
|
|
Padding(
|
|||
|
|
padding: const EdgeInsets.only(left: 16, right: 16, bottom: 8),
|
|||
|
|
child: details.isEmpty
|
|||
|
|
? ListTile(
|
|||
|
|
dense: true,
|
|||
|
|
title: Text(
|
|||
|
|
t.noData,
|
|||
|
|
style: TextStyle(
|
|||
|
|
color: Theme.of(context).colorScheme.outline,
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
)
|
|||
|
|
: Column(
|
|||
|
|
children: details
|
|||
|
|
.map((d) => _buildDetailTile(category, sub, d))
|
|||
|
|
.toList(),
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
],
|
|||
|
|
),
|
|||
|
|
);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/// 单个详情内容项。
|
|||
|
|
Widget _buildDetailTile(
|
|||
|
|
IntroCategory category,
|
|||
|
|
IntroSubcategory sub,
|
|||
|
|
IntroDetail detail,
|
|||
|
|
) {
|
|||
|
|
final t = AppLocalizations.of(context);
|
|||
|
|
return ListTile(
|
|||
|
|
dense: true,
|
|||
|
|
leading: detail.mediaUrl.isNotEmpty && detail.mediaType == 'image'
|
|||
|
|
? ClipRRect(
|
|||
|
|
borderRadius: BorderRadius.circular(4),
|
|||
|
|
child: Image.network(
|
|||
|
|
detail.mediaUrl,
|
|||
|
|
width: 40,
|
|||
|
|
height: 40,
|
|||
|
|
fit: BoxFit.cover,
|
|||
|
|
errorBuilder: (_, __, ___) => const Icon(Icons.image, size: 32),
|
|||
|
|
),
|
|||
|
|
)
|
|||
|
|
: const Icon(Icons.article, size: 32),
|
|||
|
|
title: Text(detail.title),
|
|||
|
|
subtitle: detail.description.isNotEmpty
|
|||
|
|
? Text(
|
|||
|
|
detail.description,
|
|||
|
|
maxLines: 1,
|
|||
|
|
overflow: TextOverflow.ellipsis,
|
|||
|
|
)
|
|||
|
|
: null,
|
|||
|
|
trailing: PopupMenuButton<String>(
|
|||
|
|
onSelected: (v) {
|
|||
|
|
if (v == 'edit') {
|
|||
|
|
_showDetailForm(
|
|||
|
|
categoryId: category.id,
|
|||
|
|
subcategoryId: sub.id,
|
|||
|
|
editing: detail,
|
|||
|
|
);
|
|||
|
|
} else if (v == 'delete') {
|
|||
|
|
_deleteDetail(detail);
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
itemBuilder: (_) => [
|
|||
|
|
PopupMenuItem(value: 'edit', child: Text(t.edit)),
|
|||
|
|
PopupMenuItem(value: 'delete', child: Text(t.delete)),
|
|||
|
|
],
|
|||
|
|
),
|
|||
|
|
);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// ========== 表单入口 ==========
|
|||
|
|
|
|||
|
|
void _showAddCategoryForm() {
|
|||
|
|
_showCategoryForm();
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
void _showCategoryForm({IntroCategory? editing}) {
|
|||
|
|
final t = AppLocalizations.of(context);
|
|||
|
|
final isEdit = editing != null;
|
|||
|
|
final nameCtrl = TextEditingController(text: editing?.name ?? '');
|
|||
|
|
final typeCtrl =
|
|||
|
|
TextEditingController(text: editing?.categoryType ?? '');
|
|||
|
|
|
|||
|
|
showModalBottomSheet<void>(
|
|||
|
|
useSafeArea: true,
|
|||
|
|
context: context,
|
|||
|
|
isScrollControlled: true,
|
|||
|
|
builder: (ctx) => StatefulBuilder(
|
|||
|
|
builder: (ctx, setSheet) => Padding(
|
|||
|
|
padding: EdgeInsets.only(
|
|||
|
|
bottom: MediaQuery.of(ctx).viewInsets.bottom,
|
|||
|
|
),
|
|||
|
|
child: Padding(
|
|||
|
|
padding: const EdgeInsets.all(16),
|
|||
|
|
child: SingleChildScrollView(
|
|||
|
|
child: Column(
|
|||
|
|
mainAxisSize: MainAxisSize.min,
|
|||
|
|
crossAxisAlignment: CrossAxisAlignment.stretch,
|
|||
|
|
children: [
|
|||
|
|
Text(
|
|||
|
|
isEdit ? t.introCategoryEdit : t.introCategoryAdd,
|
|||
|
|
style: Theme.of(ctx).textTheme.titleMedium,
|
|||
|
|
),
|
|||
|
|
const SizedBox(height: 16),
|
|||
|
|
TextField(
|
|||
|
|
controller: nameCtrl,
|
|||
|
|
decoration: InputDecoration(
|
|||
|
|
labelText: t.introCategoryName,
|
|||
|
|
border: const OutlineInputBorder(),
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
const SizedBox(height: 12),
|
|||
|
|
TextField(
|
|||
|
|
controller: typeCtrl,
|
|||
|
|
decoration: InputDecoration(
|
|||
|
|
labelText: t.introCategoryTypeCode,
|
|||
|
|
border: const OutlineInputBorder(),
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
const SizedBox(height: 16),
|
|||
|
|
FilledButton(
|
|||
|
|
onPressed: () async {
|
|||
|
|
final name = nameCtrl.text.trim();
|
|||
|
|
final categoryType = typeCtrl.text.trim();
|
|||
|
|
if (name.isEmpty) {
|
|||
|
|
ScaffoldMessenger.of(ctx).showSnackBar(
|
|||
|
|
SnackBar(content: Text(t.introCategoryNameRequired)),
|
|||
|
|
);
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
if (categoryType.isEmpty) {
|
|||
|
|
ScaffoldMessenger.of(ctx).showSnackBar(
|
|||
|
|
SnackBar(content: Text(t.introCategoryTypeRequired)),
|
|||
|
|
);
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
if (RegExp(r'[\u4e00-\u9fff]').hasMatch(categoryType)) {
|
|||
|
|
ScaffoldMessenger.of(ctx).showSnackBar(
|
|||
|
|
SnackBar(content: Text(t.introCategoryTypeNoChinese)),
|
|||
|
|
);
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
final data = <String, dynamic>{
|
|||
|
|
if (isEdit) 'id': editing.id,
|
|||
|
|
'orgId': int.tryParse(widget.storeId) ?? widget.storeId,
|
|||
|
|
'name': name,
|
|||
|
|
'categoryType': categoryType,
|
|||
|
|
};
|
|||
|
|
try {
|
|||
|
|
await _service.saveIntroCategory(data);
|
|||
|
|
if (!ctx.mounted) return;
|
|||
|
|
Navigator.pop(ctx);
|
|||
|
|
_loadData();
|
|||
|
|
if (!mounted) return;
|
|||
|
|
ScaffoldMessenger.of(context).showSnackBar(
|
|||
|
|
SnackBar(content: Text(t.saved)),
|
|||
|
|
);
|
|||
|
|
} catch (e) {
|
|||
|
|
if (!ctx.mounted) return;
|
|||
|
|
ScaffoldMessenger.of(ctx).showSnackBar(
|
|||
|
|
SnackBar(content: Text(formatApiError(e))),
|
|||
|
|
);
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
child: Text(t.save),
|
|||
|
|
),
|
|||
|
|
],
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
void _showSubcategoryForm({
|
|||
|
|
required String categoryId,
|
|||
|
|
IntroSubcategory? editing,
|
|||
|
|
}) {
|
|||
|
|
final t = AppLocalizations.of(context);
|
|||
|
|
final isEdit = editing != null;
|
|||
|
|
final titleCtrl = TextEditingController(text: editing?.title ?? '');
|
|||
|
|
final descCtrl = TextEditingController(text: editing?.description ?? '');
|
|||
|
|
final mediaUrlCtrl = TextEditingController(text: editing?.mediaUrl ?? '');
|
|||
|
|
final sortCtrl = TextEditingController(
|
|||
|
|
text: (editing?.sort ?? 0).toString());
|
|||
|
|
// 小类的 categoryType 预填父大类值，与 Web 端一致；为空时不下发，避免覆盖后端默认值。
|
|||
|
|
String parentCategoryType = '';
|
|||
|
|
for (final c in _categories) {
|
|||
|
|
if (c.id == categoryId) {
|
|||
|
|
parentCategoryType = c.categoryType;
|
|||
|
|
break;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
final categoryTypeCtrl = TextEditingController(
|
|||
|
|
text: editing?.categoryType ?? parentCategoryType);
|
|||
|
|
int statusValue = editing?.status ?? 1;
|
|||
|
|
XFile? pickedFile;
|
|||
|
|
bool uploading = false;
|
|||
|
|
|
|||
|
|
showModalBottomSheet<void>(
|
|||
|
|
useSafeArea: true,
|
|||
|
|
context: context,
|
|||
|
|
isScrollControlled: true,
|
|||
|
|
builder: (ctx) => StatefulBuilder(
|
|||
|
|
builder: (ctx, setSheet) => Padding(
|
|||
|
|
padding: EdgeInsets.only(
|
|||
|
|
bottom: MediaQuery.of(ctx).viewInsets.bottom,
|
|||
|
|
),
|
|||
|
|
child: Padding(
|
|||
|
|
padding: const EdgeInsets.all(16),
|
|||
|
|
child: SingleChildScrollView(
|
|||
|
|
child: Column(
|
|||
|
|
mainAxisSize: MainAxisSize.min,
|
|||
|
|
crossAxisAlignment: CrossAxisAlignment.stretch,
|
|||
|
|
children: [
|
|||
|
|
Text(
|
|||
|
|
isEdit ? t.introSubcategoryEdit : t.introSubcategoryAdd,
|
|||
|
|
style: Theme.of(ctx).textTheme.titleMedium,
|
|||
|
|
),
|
|||
|
|
const SizedBox(height: 16),
|
|||
|
|
TextField(
|
|||
|
|
controller: titleCtrl,
|
|||
|
|
decoration: InputDecoration(
|
|||
|
|
labelText: t.introTitle,
|
|||
|
|
border: const OutlineInputBorder(),
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
const SizedBox(height: 12),
|
|||
|
|
TextField(
|
|||
|
|
controller: descCtrl,
|
|||
|
|
maxLines: 2,
|
|||
|
|
decoration: InputDecoration(
|
|||
|
|
labelText: t.introDescription,
|
|||
|
|
border: const OutlineInputBorder(),
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
const SizedBox(height: 12),
|
|||
|
|
TextField(
|
|||
|
|
controller: categoryTypeCtrl,
|
|||
|
|
decoration: InputDecoration(
|
|||
|
|
labelText: t.introCategoryTypeCode,
|
|||
|
|
border: const OutlineInputBorder(),
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
const SizedBox(height: 12),
|
|||
|
|
TextField(
|
|||
|
|
controller: sortCtrl,
|
|||
|
|
decoration: InputDecoration(
|
|||
|
|
labelText: t.introSortOrder,
|
|||
|
|
border: const OutlineInputBorder(),
|
|||
|
|
),
|
|||
|
|
keyboardType: TextInputType.number,
|
|||
|
|
inputFormatters: [FilteringTextInputFormatter.digitsOnly],
|
|||
|
|
),
|
|||
|
|
const SizedBox(height: 12),
|
|||
|
|
if (mediaUrlCtrl.text.isNotEmpty || pickedFile != null)
|
|||
|
|
_buildImagePreview(
|
|||
|
|
ctx: ctx,
|
|||
|
|
url: mediaUrlCtrl.text,
|
|||
|
|
pickedFile: pickedFile,
|
|||
|
|
uploading: uploading,
|
|||
|
|
onClear: () => setSheet(() {
|
|||
|
|
mediaUrlCtrl.clear();
|
|||
|
|
pickedFile = null;
|
|||
|
|
}),
|
|||
|
|
),
|
|||
|
|
const SizedBox(height: 12),
|
|||
|
|
TextField(
|
|||
|
|
controller: mediaUrlCtrl,
|
|||
|
|
decoration: InputDecoration(
|
|||
|
|
labelText: t.introMediaUrl,
|
|||
|
|
border: const OutlineInputBorder(),
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
const SizedBox(height: 8),
|
|||
|
|
OutlinedButton.icon(
|
|||
|
|
onPressed: uploading
|
|||
|
|
? null
|
|||
|
|
: () async {
|
|||
|
|
final file = await _imagePicker.pickImage(
|
|||
|
|
source: ImageSource.gallery);
|
|||
|
|
if (file == null) return;
|
|||
|
|
final typeErr = _mediaTypeError(file, false, ctx);
|
|||
|
|
if (typeErr != null) {
|
|||
|
|
if (ctx.mounted) {
|
|||
|
|
ScaffoldMessenger.of(ctx).showSnackBar(
|
|||
|
|
SnackBar(content: Text(typeErr)),
|
|||
|
|
);
|
|||
|
|
}
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
final size = await file.length();
|
|||
|
|
if (size > _subImageMaxBytes) {
|
|||
|
|
if (ctx.mounted) {
|
|||
|
|
ScaffoldMessenger.of(ctx).showSnackBar(
|
|||
|
|
SnackBar(content: Text(t.introFileTooLarge)),
|
|||
|
|
);
|
|||
|
|
}
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
setSheet(() {
|
|||
|
|
pickedFile = file;
|
|||
|
|
uploading = true;
|
|||
|
|
});
|
|||
|
|
try {
|
|||
|
|
final url = await _uploadService.uploadImage(file);
|
|||
|
|
setSheet(() {
|
|||
|
|
mediaUrlCtrl.text = url;
|
|||
|
|
uploading = false;
|
|||
|
|
});
|
|||
|
|
} catch (e) {
|
|||
|
|
setSheet(() => uploading = false);
|
|||
|
|
if (ctx.mounted) {
|
|||
|
|
ScaffoldMessenger.of(ctx).showSnackBar(
|
|||
|
|
SnackBar(
|
|||
|
|
content: Text(e is ApiException
|
|||
|
|
? e.message
|
|||
|
|
: t.introUploadFailed)),
|
|||
|
|
);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
icon: uploading
|
|||
|
|
? const SizedBox(
|
|||
|
|
width: 18,
|
|||
|
|
height: 18,
|
|||
|
|
child: CircularProgressIndicator(strokeWidth: 2),
|
|||
|
|
)
|
|||
|
|
: const Icon(Icons.upload),
|
|||
|
|
label: Text(uploading ? t.introUploading : t.introUploadImage),
|
|||
|
|
),
|
|||
|
|
const SizedBox(height: 12),
|
|||
|
|
DropdownButtonFormField<int>(
|
|||
|
|
value: statusValue,
|
|||
|
|
decoration: InputDecoration(
|
|||
|
|
labelText: t.status,
|
|||
|
|
border: const OutlineInputBorder(),
|
|||
|
|
),
|
|||
|
|
items: [
|
|||
|
|
DropdownMenuItem(value: 1, child: Text(t.introEnabled)),
|
|||
|
|
DropdownMenuItem(value: 0, child: Text(t.introDisabled)),
|
|||
|
|
],
|
|||
|
|
onChanged: (v) {
|
|||
|
|
if (v != null) setSheet(() => statusValue = v);
|
|||
|
|
},
|
|||
|
|
),
|
|||
|
|
const SizedBox(height: 16),
|
|||
|
|
FilledButton(
|
|||
|
|
onPressed: () async {
|
|||
|
|
final title = titleCtrl.text.trim();
|
|||
|
|
final categoryType = categoryTypeCtrl.text.trim();
|
|||
|
|
final mediaUrl = mediaUrlCtrl.text.trim();
|
|||
|
|
if (title.isEmpty) {
|
|||
|
|
ScaffoldMessenger.of(ctx).showSnackBar(
|
|||
|
|
SnackBar(content: Text(t.introTitleRequired)),
|
|||
|
|
);
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
if (categoryType.isEmpty) {
|
|||
|
|
ScaffoldMessenger.of(ctx).showSnackBar(
|
|||
|
|
SnackBar(content: Text(t.introCategoryTypeRequired)),
|
|||
|
|
);
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
if (RegExp(r'[\u4e00-\u9fff]').hasMatch(categoryType)) {
|
|||
|
|
ScaffoldMessenger.of(ctx).showSnackBar(
|
|||
|
|
SnackBar(content: Text(t.introCategoryTypeNoChinese)),
|
|||
|
|
);
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
if (mediaUrl.isEmpty) {
|
|||
|
|
ScaffoldMessenger.of(ctx).showSnackBar(
|
|||
|
|
SnackBar(content: Text(t.introMediaUrlRequired)),
|
|||
|
|
);
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
final data = <String, dynamic>{
|
|||
|
|
if (isEdit) 'id': editing.id,
|
|||
|
|
'categoryId': int.tryParse(categoryId) ?? 0,
|
|||
|
|
if (categoryType.isNotEmpty)
|
|||
|
|
'categoryType': categoryType,
|
|||
|
|
'title': title,
|
|||
|
|
'description': descCtrl.text.trim(),
|
|||
|
|
'mediaType': 'image',
|
|||
|
|
'mediaUrl': mediaUrl,
|
|||
|
|
'sortOrder': int.tryParse(sortCtrl.text) ?? 0,
|
|||
|
|
'status': statusValue,
|
|||
|
|
};
|
|||
|
|
try {
|
|||
|
|
await _service.saveIntroSubcategory(data);
|
|||
|
|
if (!ctx.mounted) return;
|
|||
|
|
Navigator.pop(ctx);
|
|||
|
|
_loadData();
|
|||
|
|
if (!mounted) return;
|
|||
|
|
ScaffoldMessenger.of(context).showSnackBar(
|
|||
|
|
SnackBar(content: Text(t.saved)),
|
|||
|
|
);
|
|||
|
|
} catch (e) {
|
|||
|
|
if (!ctx.mounted) return;
|
|||
|
|
ScaffoldMessenger.of(ctx).showSnackBar(
|
|||
|
|
SnackBar(content: Text(formatApiError(e))),
|
|||
|
|
);
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
child: Text(t.save),
|
|||
|
|
),
|
|||
|
|
],
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
void _showDetailForm({
|
|||
|
|
required String categoryId,
|
|||
|
|
required String subcategoryId,
|
|||
|
|
IntroDetail? editing,
|
|||
|
|
}) {
|
|||
|
|
final t = AppLocalizations.of(context);
|
|||
|
|
final isEdit = editing != null;
|
|||
|
|
final titleCtrl = TextEditingController(text: editing?.title ?? '');
|
|||
|
|
final descCtrl = TextEditingController(text: editing?.description ?? '');
|
|||
|
|
final mediaUrlCtrl = TextEditingController(text: editing?.mediaUrl ?? '');
|
|||
|
|
final sortCtrl = TextEditingController(
|
|||
|
|
text: (editing?.sort ?? 0).toString());
|
|||
|
|
String mediaType = editing?.mediaType ?? 'image';
|
|||
|
|
int statusValue = editing?.status ?? 1;
|
|||
|
|
XFile? pickedFile;
|
|||
|
|
bool uploading = false;
|
|||
|
|
|
|||
|
|
showModalBottomSheet<void>(
|
|||
|
|
useSafeArea: true,
|
|||
|
|
context: context,
|
|||
|
|
isScrollControlled: true,
|
|||
|
|
builder: (ctx) => StatefulBuilder(
|
|||
|
|
builder: (ctx, setSheet) => Padding(
|
|||
|
|
padding: EdgeInsets.only(
|
|||
|
|
bottom: MediaQuery.of(ctx).viewInsets.bottom,
|
|||
|
|
),
|
|||
|
|
child: Padding(
|
|||
|
|
padding: const EdgeInsets.all(16),
|
|||
|
|
child: SingleChildScrollView(
|
|||
|
|
child: Column(
|
|||
|
|
mainAxisSize: MainAxisSize.min,
|
|||
|
|
crossAxisAlignment: CrossAxisAlignment.stretch,
|
|||
|
|
children: [
|
|||
|
|
Text(
|
|||
|
|
isEdit ? t.introDetailEdit : t.introDetailAdd,
|
|||
|
|
style: Theme.of(ctx).textTheme.titleMedium,
|
|||
|
|
),
|
|||
|
|
const SizedBox(height: 16),
|
|||
|
|
TextField(
|
|||
|
|
controller: titleCtrl,
|
|||
|
|
decoration: InputDecoration(
|
|||
|
|
labelText: t.introTitle,
|
|||
|
|
border: const OutlineInputBorder(),
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
const SizedBox(height: 12),
|
|||
|
|
TextField(
|
|||
|
|
controller: descCtrl,
|
|||
|
|
maxLines: 3,
|
|||
|
|
decoration: InputDecoration(
|
|||
|
|
labelText: t.introDescription,
|
|||
|
|
border: const OutlineInputBorder(),
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
const SizedBox(height: 12),
|
|||
|
|
TextField(
|
|||
|
|
controller: sortCtrl,
|
|||
|
|
decoration: InputDecoration(
|
|||
|
|
labelText: t.introSortOrder,
|
|||
|
|
border: const OutlineInputBorder(),
|
|||
|
|
),
|
|||
|
|
keyboardType: TextInputType.number,
|
|||
|
|
inputFormatters: [FilteringTextInputFormatter.digitsOnly],
|
|||
|
|
),
|
|||
|
|
const SizedBox(height: 12),
|
|||
|
|
DropdownButtonFormField<String>(
|
|||
|
|
value: mediaType,
|
|||
|
|
decoration: InputDecoration(
|
|||
|
|
labelText: t.introMediaType,
|
|||
|
|
border: const OutlineInputBorder(),
|
|||
|
|
),
|
|||
|
|
items: [
|
|||
|
|
DropdownMenuItem(value: 'image', child: Text(t.introImage)),
|
|||
|
|
DropdownMenuItem(value: 'video', child: Text(t.introVideo)),
|
|||
|
|
],
|
|||
|
|
onChanged: (v) {
|
|||
|
|
if (v != null) setSheet(() => mediaType = v);
|
|||
|
|
},
|
|||
|
|
),
|
|||
|
|
const SizedBox(height: 12),
|
|||
|
|
if (mediaUrlCtrl.text.isNotEmpty || pickedFile != null)
|
|||
|
|
_buildImagePreview(
|
|||
|
|
ctx: ctx,
|
|||
|
|
url: mediaUrlCtrl.text,
|
|||
|
|
pickedFile: pickedFile,
|
|||
|
|
uploading: uploading,
|
|||
|
|
onClear: () => setSheet(() {
|
|||
|
|
mediaUrlCtrl.clear();
|
|||
|
|
pickedFile = null;
|
|||
|
|
}),
|
|||
|
|
),
|
|||
|
|
const SizedBox(height: 12),
|
|||
|
|
TextField(
|
|||
|
|
controller: mediaUrlCtrl,
|
|||
|
|
decoration: InputDecoration(
|
|||
|
|
labelText: t.introMediaUrl,
|
|||
|
|
border: const OutlineInputBorder(),
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
const SizedBox(height: 8),
|
|||
|
|
OutlinedButton.icon(
|
|||
|
|
onPressed: uploading
|
|||
|
|
? null
|
|||
|
|
: () async {
|
|||
|
|
final isVideo = mediaType == 'video';
|
|||
|
|
final file = isVideo
|
|||
|
|
? await _imagePicker.pickVideo(
|
|||
|
|
source: ImageSource.gallery)
|
|||
|
|
: await _imagePicker.pickImage(
|
|||
|
|
source: ImageSource.gallery);
|
|||
|
|
if (file == null) return;
|
|||
|
|
final typeErr = _mediaTypeError(file, isVideo, ctx);
|
|||
|
|
if (typeErr != null) {
|
|||
|
|
if (ctx.mounted) {
|
|||
|
|
ScaffoldMessenger.of(ctx).showSnackBar(
|
|||
|
|
SnackBar(content: Text(typeErr)),
|
|||
|
|
);
|
|||
|
|
}
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
final size = await file.length();
|
|||
|
|
final maxBytes = isVideo
|
|||
|
|
? _detailVideoMaxBytes
|
|||
|
|
: _detailImageMaxBytes;
|
|||
|
|
if (size > maxBytes) {
|
|||
|
|
if (ctx.mounted) {
|
|||
|
|
ScaffoldMessenger.of(ctx).showSnackBar(
|
|||
|
|
SnackBar(content: Text(t.introFileTooLarge)),
|
|||
|
|
);
|
|||
|
|
}
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
setSheet(() {
|
|||
|
|
pickedFile = file;
|
|||
|
|
uploading = true;
|
|||
|
|
});
|
|||
|
|
try {
|
|||
|
|
final url = await _uploadService.uploadImage(
|
|||
|
|
file,
|
|||
|
|
mediaType: isVideo ? 'video' : 'image',
|
|||
|
|
);
|
|||
|
|
setSheet(() {
|
|||
|
|
mediaUrlCtrl.text = url;
|
|||
|
|
uploading = false;
|
|||
|
|
});
|
|||
|
|
} catch (e) {
|
|||
|
|
setSheet(() => uploading = false);
|
|||
|
|
if (ctx.mounted) {
|
|||
|
|
ScaffoldMessenger.of(ctx).showSnackBar(
|
|||
|
|
SnackBar(
|
|||
|
|
content: Text(e is ApiException
|
|||
|
|
? e.message
|
|||
|
|
: t.introUploadFailed)),
|
|||
|
|
);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
icon: uploading
|
|||
|
|
? const SizedBox(
|
|||
|
|
width: 18,
|
|||
|
|
height: 18,
|
|||
|
|
child: CircularProgressIndicator(strokeWidth: 2),
|
|||
|
|
)
|
|||
|
|
: const Icon(Icons.upload),
|
|||
|
|
label: Text(uploading ? t.introUploading : t.introUploadImage),
|
|||
|
|
),
|
|||
|
|
const SizedBox(height: 12),
|
|||
|
|
DropdownButtonFormField<int>(
|
|||
|
|
value: statusValue,
|
|||
|
|
decoration: InputDecoration(
|
|||
|
|
labelText: t.status,
|
|||
|
|
border: const OutlineInputBorder(),
|
|||
|
|
),
|
|||
|
|
items: [
|
|||
|
|
DropdownMenuItem(value: 1, child: Text(t.introEnabled)),
|
|||
|
|
DropdownMenuItem(value: 0, child: Text(t.introDisabled)),
|
|||
|
|
],
|
|||
|
|
onChanged: (v) {
|
|||
|
|
if (v != null) setSheet(() => statusValue = v);
|
|||
|
|
},
|
|||
|
|
),
|
|||
|
|
const SizedBox(height: 16),
|
|||
|
|
FilledButton(
|
|||
|
|
onPressed: () async {
|
|||
|
|
final title = titleCtrl.text.trim();
|
|||
|
|
final mediaUrl = mediaUrlCtrl.text.trim();
|
|||
|
|
if (title.isEmpty) {
|
|||
|
|
ScaffoldMessenger.of(ctx).showSnackBar(
|
|||
|
|
SnackBar(content: Text(t.introTitleRequired)),
|
|||
|
|
);
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
if (mediaUrl.isEmpty) {
|
|||
|
|
ScaffoldMessenger.of(ctx).showSnackBar(
|
|||
|
|
SnackBar(content: Text(t.introMediaUrlRequired)),
|
|||
|
|
);
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
final data = <String, dynamic>{
|
|||
|
|
if (isEdit) 'id': editing.id,
|
|||
|
|
'subcategoryId': int.tryParse(subcategoryId) ?? 0,
|
|||
|
|
'title': title,
|
|||
|
|
'description': descCtrl.text.trim(),
|
|||
|
|
'mediaType': mediaType,
|
|||
|
|
'mediaUrl': mediaUrl,
|
|||
|
|
'sortOrder': int.tryParse(sortCtrl.text) ?? 0,
|
|||
|
|
'status': statusValue,
|
|||
|
|
};
|
|||
|
|
try {
|
|||
|
|
await _service.saveIntroDetail(data);
|
|||
|
|
if (!ctx.mounted) return;
|
|||
|
|
Navigator.pop(ctx);
|
|||
|
|
_loadData();
|
|||
|
|
if (!mounted) return;
|
|||
|
|
ScaffoldMessenger.of(context).showSnackBar(
|
|||
|
|
SnackBar(content: Text(t.saved)),
|
|||
|
|
);
|
|||
|
|
} catch (e) {
|
|||
|
|
if (!ctx.mounted) return;
|
|||
|
|
ScaffoldMessenger.of(ctx).showSnackBar(
|
|||
|
|
SnackBar(content: Text(formatApiError(e))),
|
|||
|
|
);
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
child: Text(t.save),
|
|||
|
|
),
|
|||
|
|
],
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
Future<void> _deleteDetail(IntroDetail item) async {
|
|||
|
|
final t = AppLocalizations.of(context);
|
|||
|
|
final confirmed = await showDialog<bool>(
|
|||
|
|
context: context,
|
|||
|
|
builder: (ctx) => AlertDialog(
|
|||
|
|
title: Text(t.confirmDelete),
|
|||
|
|
content: Text(t.deleteConfirmContent(item.title)),
|
|||
|
|
actions: [
|
|||
|
|
TextButton(
|
|||
|
|
onPressed: () => Navigator.pop(ctx, false),
|
|||
|
|
child: Text(t.cancel)),
|
|||
|
|
FilledButton(
|
|||
|
|
onPressed: () => Navigator.pop(ctx, true),
|
|||
|
|
child: Text(t.delete)),
|
|||
|
|
],
|
|||
|
|
),
|
|||
|
|
);
|
|||
|
|
if (confirmed != true) return;
|
|||
|
|
try {
|
|||
|
|
await _service.deleteIntroDetail([int.tryParse(item.id) ?? 0]);
|
|||
|
|
if (!mounted) return;
|
|||
|
|
ScaffoldMessenger.of(context).showSnackBar(SnackBar(content: Text(t.deleted)));
|
|||
|
|
_loadData();
|
|||
|
|
} catch (e) {
|
|||
|
|
if (!mounted) return;
|
|||
|
|
ScaffoldMessenger.of(context).showSnackBar(
|
|||
|
|
SnackBar(content: Text(formatApiError(e))),
|
|||
|
|
);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// 与 Web 端 company-intro 上传校验保持一致。
|
|||
|
|
static const List<String> _imageExts = ['jpg', 'jpeg', 'png', 'gif', 'webp'];
|
|||
|
|
static const List<String> _videoExts = ['mp4', 'webm', 'mov', 'm4v'];
|
|||
|
|
static const int _subImageMaxBytes = 300 * 1024; // 300KB
|
|||
|
|
static const int _detailImageMaxBytes = 3 * 1024 * 1024; // 3MB
|
|||
|
|
static const int _detailVideoMaxBytes = 30 * 1024 * 1024; // 30MB
|
|||
|
|
|
|||
|
|
String? _mediaTypeError(XFile file, bool isVideo, BuildContext ctx) {
|
|||
|
|
final t = AppLocalizations.of(ctx);
|
|||
|
|
final ext = file.path.split('.').last.toLowerCase();
|
|||
|
|
final allowed = isVideo ? _videoExts : _imageExts;
|
|||
|
|
if (!allowed.contains(ext)) {
|
|||
|
|
return isVideo ? t.introVideoTypeInvalid : t.introImageTypeInvalid;
|
|||
|
|
}
|
|||
|
|
return null;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
Widget _buildImagePreview({
|
|||
|
|
required BuildContext ctx,
|
|||
|
|
required String url,
|
|||
|
|
required XFile? pickedFile,
|
|||
|
|
required bool uploading,
|
|||
|
|
required VoidCallback onClear,
|
|||
|
|
}) {
|
|||
|
|
final t = AppLocalizations.of(ctx);
|
|||
|
|
return Column(
|
|||
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|||
|
|
children: [
|
|||
|
|
Text(t.introImagePreview, style: Theme.of(ctx).textTheme.labelLarge),
|
|||
|
|
const SizedBox(height: 6),
|
|||
|
|
Stack(
|
|||
|
|
alignment: Alignment.center,
|
|||
|
|
children: [
|
|||
|
|
ClipRRect(
|
|||
|
|
borderRadius: BorderRadius.circular(8),
|
|||
|
|
child: pickedFile != null
|
|||
|
|
? Image.file(
|
|||
|
|
File(pickedFile.path),
|
|||
|
|
width: double.infinity,
|
|||
|
|
height: 160,
|
|||
|
|
fit: BoxFit.cover,
|
|||
|
|
)
|
|||
|
|
: url.isNotEmpty
|
|||
|
|
? Image.network(
|
|||
|
|
url,
|
|||
|
|
width: double.infinity,
|
|||
|
|
height: 160,
|
|||
|
|
fit: BoxFit.cover,
|
|||
|
|
errorBuilder: (_, __, ___) => Container(
|
|||
|
|
width: double.infinity,
|
|||
|
|
height: 160,
|
|||
|
|
color: Theme.of(ctx).colorScheme.surfaceContainerHighest,
|
|||
|
|
child: const Icon(Icons.broken_image, size: 48),
|
|||
|
|
),
|
|||
|
|
)
|
|||
|
|
: Container(
|
|||
|
|
width: double.infinity,
|
|||
|
|
height: 160,
|
|||
|
|
color: Theme.of(ctx).colorScheme.surfaceContainerHighest,
|
|||
|
|
child: const Icon(Icons.image, size: 48),
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
if (uploading)
|
|||
|
|
Container(
|
|||
|
|
width: double.infinity,
|
|||
|
|
height: 160,
|
|||
|
|
color: Colors.black54,
|
|||
|
|
child: Column(
|
|||
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|||
|
|
children: [
|
|||
|
|
const CircularProgressIndicator(),
|
|||
|
|
const SizedBox(height: 8),
|
|||
|
|
Text(t.introUploading,
|
|||
|
|
style: const TextStyle(color: Colors.white)),
|
|||
|
|
],
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
Positioned(
|
|||
|
|
top: 4,
|
|||
|
|
right: 4,
|
|||
|
|
child: IconButton.filledTonal(
|
|||
|
|
onPressed: onClear,
|
|||
|
|
icon: const Icon(Icons.clear),
|
|||
|
|
style: IconButton.styleFrom(
|
|||
|
|
minimumSize: const Size(32, 32),
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
],
|
|||
|
|
),
|
|||
|
|
],
|
|||
|
|
);
|
|||
|
|
}
|
|||
|
|
}
|