wangjia
480ce836bb
Deploy / build-linux-web (push) Successful in 53s
Deploy / build-windows (push) Successful in 1m48s
Deploy / build-macos (push) Successful in 1m17s
Deploy / build-android (push) Successful in 4m13s
Deploy / build-ios (push) Successful in 9s
Deploy / release-deploy (push) Successful in 1m37s
移动端响应式适配（抽屉导航/列表卡片/弹窗自适应）、Android 正式签名与 APK 发布、 iOS(TestFlight) 工程与 CI、多平台构建流水线、相关文档同步。 Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
513 lines
17 KiB
Dart
513 lines
17 KiB
Dart
import 'package:file_picker/file_picker.dart';
|
||
import 'package:flutter/material.dart';
|
||
import '../../core/responsive/responsive.dart';
|
||
import 'package:flutter/services.dart';
|
||
import 'package:flutter_riverpod/flutter_riverpod.dart';
|
||
import 'package:intl/intl.dart';
|
||
import 'package:url_launcher/url_launcher.dart';
|
||
import '../../core/config/app_config.dart';
|
||
import '../../core/config/app_info.dart';
|
||
import '../../core/theme/app_theme.dart';
|
||
import '../../core/update/app_updater.dart';
|
||
import '../../core/utils/dialog_util.dart';
|
||
import '../../providers/feedback_provider.dart';
|
||
import '../../providers/license_provider.dart';
|
||
import '../../providers/update_provider.dart';
|
||
|
||
/// 「关于我们」独立页面（左侧菜单项）。原为系统设置里的「关于」Tab。
|
||
class AboutScreen extends ConsumerStatefulWidget {
|
||
const AboutScreen({super.key});
|
||
|
||
@override
|
||
ConsumerState<AboutScreen> createState() => _AboutScreenState();
|
||
}
|
||
|
||
class _AboutScreenState extends ConsumerState<AboutScreen> {
|
||
@override
|
||
Widget build(BuildContext context) {
|
||
final appVersion = ref.watch(appVersionProvider).valueOrNull ?? 'v1.0.0';
|
||
final updateInfo = ref.watch(updateProvider).valueOrNull;
|
||
final licenseAsync = ref.watch(licenseProvider);
|
||
|
||
return SingleChildScrollView(
|
||
padding: const EdgeInsets.all(24),
|
||
child: Column(
|
||
crossAxisAlignment: CrossAxisAlignment.start,
|
||
children: [
|
||
// ── 版本信息 ──
|
||
_AboutSection(
|
||
title: '版本信息',
|
||
children: [
|
||
_AboutRow(label: '当前版本', value: appVersion),
|
||
if (updateInfo != null && updateInfo.hasUpdate)
|
||
_AboutRow(
|
||
label: '最新版本',
|
||
value: 'v${updateInfo.latestVersion}',
|
||
valueColor: AppTheme.success,
|
||
trailing: TextButton(
|
||
onPressed: () => startInAppUpdate(context, updateInfo),
|
||
child: const Text('立即更新'),
|
||
),
|
||
)
|
||
else
|
||
_AboutRow(
|
||
label: '最新版本',
|
||
value: updateInfo != null ? '已是最新' : '检查中…',
|
||
valueColor: AppTheme.textSecondary,
|
||
trailing: TextButton(
|
||
onPressed: () async {
|
||
final messenger = ScaffoldMessenger.of(context);
|
||
messenger.showSnackBar(
|
||
const SnackBar(content: Text('正在检查更新…')));
|
||
await ref.read(updateProvider.notifier).forceCheck();
|
||
if (!context.mounted) return;
|
||
final r = ref.read(updateProvider).valueOrNull;
|
||
messenger.hideCurrentSnackBar();
|
||
final String msg;
|
||
if (r == null) {
|
||
msg = '检查更新失败，请检查网络';
|
||
} else if (r.hasUpdate) {
|
||
msg = '发现新版本 v${r.latestVersion}';
|
||
} else {
|
||
msg = '已是最新版本（v${r.latestVersion}）';
|
||
}
|
||
messenger.showSnackBar(SnackBar(content: Text(msg)));
|
||
},
|
||
child: const Text('检查更新'),
|
||
),
|
||
),
|
||
],
|
||
),
|
||
const SizedBox(height: 20),
|
||
|
||
// ── 授权信息 ──
|
||
_AboutSection(
|
||
title: '授权信息',
|
||
children: [
|
||
licenseAsync.when(
|
||
loading: () => const _AboutRow(label: '授权状态', value: '加载中…'),
|
||
error: (_, __) =>
|
||
const _AboutRow(label: '授权状态', value: '暂无授权信息'),
|
||
data: (lic) {
|
||
if (lic == null) {
|
||
return const _AboutRow(label: '授权状态', value: '未激活');
|
||
}
|
||
return Column(
|
||
children: [
|
||
_AboutRow(label: '授权类型', value: lic.typeLabel),
|
||
_AboutRow(
|
||
label: '授权状态',
|
||
value: lic.isExpired
|
||
? '已过期'
|
||
: lic.isActive
|
||
? '正常'
|
||
: '已停用',
|
||
valueColor: lic.isExpired
|
||
? AppTheme.danger
|
||
: lic.isActive
|
||
? AppTheme.success
|
||
: AppTheme.textSecondary,
|
||
),
|
||
if (lic.expiresAt != null)
|
||
_AboutRow(
|
||
label: '到期时间',
|
||
value: DateFormat('yyyy-MM-dd').format(lic.expiresAt!),
|
||
trailing: lic.daysRemaining != null &&
|
||
lic.daysRemaining! <= 30
|
||
? Chip(
|
||
label: Text(
|
||
lic.isExpired
|
||
? '已过期'
|
||
: '剩余 ${lic.daysRemaining} 天',
|
||
style: const TextStyle(
|
||
fontSize: 11, color: Colors.white),
|
||
),
|
||
backgroundColor: lic.isExpired
|
||
? AppTheme.danger
|
||
: Colors.orange,
|
||
padding: EdgeInsets.zero,
|
||
materialTapTargetSize:
|
||
MaterialTapTargetSize.shrinkWrap,
|
||
)
|
||
: null,
|
||
)
|
||
else
|
||
const _AboutRow(label: '到期时间', value: '永久有效'),
|
||
if (lic.activatedAt != null)
|
||
_AboutRow(
|
||
label: '激活时间',
|
||
value: DateFormat('yyyy-MM-dd')
|
||
.format(lic.activatedAt!),
|
||
),
|
||
],
|
||
);
|
||
},
|
||
),
|
||
const SizedBox(height: 8),
|
||
Row(
|
||
children: [
|
||
OutlinedButton.icon(
|
||
onPressed: () => _showRenewDialog(),
|
||
icon: const Icon(Icons.card_membership, size: 16),
|
||
label: const Text('续费 / 升级授权'),
|
||
),
|
||
],
|
||
),
|
||
],
|
||
),
|
||
const SizedBox(height: 20),
|
||
|
||
// ── 关于我们 ──
|
||
_AboutSection(
|
||
title: '关于我们',
|
||
children: [
|
||
_AboutRow(label: '服务商', value: AppInfo.provider),
|
||
_AboutRow(label: '官方网站', value: AppInfo.website),
|
||
_AboutRow(label: '联系邮箱', value: AppInfo.email),
|
||
const _AboutRow(label: '技术支持', value: '周一至周五 9:00 - 18:00'),
|
||
const SizedBox(height: 8),
|
||
Wrap(
|
||
spacing: 8,
|
||
children: [
|
||
OutlinedButton.icon(
|
||
onPressed: () async {
|
||
final uri = Uri.parse(
|
||
'mailto:${AppInfo.email}?subject=酒库管理系统咨询');
|
||
if (await canLaunchUrl(uri)) launchUrl(uri);
|
||
},
|
||
icon: const Icon(Icons.email_outlined, size: 16),
|
||
label: const Text('发送邮件'),
|
||
),
|
||
],
|
||
),
|
||
],
|
||
),
|
||
const SizedBox(height: 20),
|
||
|
||
// ── 意见反馈 ──
|
||
_AboutSection(
|
||
title: '意见反馈',
|
||
children: [
|
||
const _AboutRow(
|
||
label: '问题反馈',
|
||
value: '遇到 Bug 或有功能建议，欢迎告知我们',
|
||
),
|
||
const SizedBox(height: 8),
|
||
Wrap(
|
||
spacing: 8,
|
||
children: [
|
||
ElevatedButton.icon(
|
||
onPressed: () => _showFeedbackDialog(isBug: true),
|
||
icon: const Icon(Icons.bug_report_outlined, size: 16),
|
||
label: const Text('反馈 Bug'),
|
||
),
|
||
OutlinedButton.icon(
|
||
onPressed: () => _showFeedbackDialog(isBug: false),
|
||
icon: const Icon(Icons.lightbulb_outline, size: 16),
|
||
label: const Text('功能建议'),
|
||
),
|
||
],
|
||
),
|
||
],
|
||
),
|
||
],
|
||
),
|
||
);
|
||
}
|
||
|
||
void _showRenewDialog() {
|
||
showAppDialog(
|
||
context: context,
|
||
builder: (ctx) => AlertDialog(
|
||
title: const Text('续费 / 升级授权'),
|
||
content: Column(
|
||
mainAxisSize: MainAxisSize.min,
|
||
crossAxisAlignment: CrossAxisAlignment.start,
|
||
children: [
|
||
const Text('请联系我们获取续费报价：'),
|
||
const SizedBox(height: 12),
|
||
SelectableText('📧 ${AppInfo.email}',
|
||
style: const TextStyle(fontSize: 13)),
|
||
],
|
||
),
|
||
actions: [
|
||
TextButton(
|
||
onPressed: () => Navigator.pop(ctx),
|
||
child: const Text('关闭'),
|
||
),
|
||
ElevatedButton(
|
||
onPressed: () async {
|
||
await Clipboard.setData(ClipboardData(text: AppInfo.email));
|
||
if (ctx.mounted) {
|
||
Navigator.pop(ctx);
|
||
ScaffoldMessenger.of(context).showSnackBar(
|
||
const SnackBar(content: Text('邮箱已复制到剪贴板')),
|
||
);
|
||
}
|
||
},
|
||
child: const Text('复制邮箱'),
|
||
),
|
||
],
|
||
),
|
||
);
|
||
}
|
||
|
||
void _showFeedbackDialog({required bool isBug}) {
|
||
showAppDialog(
|
||
context: context,
|
||
builder: (_) => _FeedbackDialog(type: isBug ? 'bug' : 'suggestion'),
|
||
);
|
||
}
|
||
}
|
||
|
||
/// 反馈表单弹窗：文字 + 附图，直接提交后台。
|
||
class _FeedbackDialog extends ConsumerStatefulWidget {
|
||
final String type; // bug / suggestion
|
||
const _FeedbackDialog({required this.type});
|
||
|
||
@override
|
||
ConsumerState<_FeedbackDialog> createState() => _FeedbackDialogState();
|
||
}
|
||
|
||
class _FeedbackDialogState extends ConsumerState<_FeedbackDialog> {
|
||
final _ctrl = TextEditingController();
|
||
final List<String> _images = []; // 已上传的图片 URL
|
||
bool _uploading = false;
|
||
bool _submitting = false;
|
||
|
||
static const _maxImages = 9;
|
||
|
||
@override
|
||
void dispose() {
|
||
_ctrl.dispose();
|
||
super.dispose();
|
||
}
|
||
|
||
Future<void> _addImages() async {
|
||
final result = await FilePicker.platform.pickFiles(
|
||
type: FileType.image,
|
||
allowMultiple: true,
|
||
withData: true,
|
||
);
|
||
if (result == null) return;
|
||
setState(() => _uploading = true);
|
||
try {
|
||
final repo = ref.read(feedbackRepositoryProvider);
|
||
for (final f in result.files) {
|
||
if (_images.length >= _maxImages) break;
|
||
if (f.bytes == null) continue;
|
||
final url = await repo.uploadImage(bytes: f.bytes!, filename: f.name);
|
||
if (!mounted) return;
|
||
setState(() => _images.add(url));
|
||
}
|
||
} catch (e) {
|
||
if (mounted) {
|
||
ScaffoldMessenger.of(context)
|
||
.showSnackBar(SnackBar(content: Text('图片上传失败：$e')));
|
||
}
|
||
} finally {
|
||
if (mounted) setState(() => _uploading = false);
|
||
}
|
||
}
|
||
|
||
Future<void> _submit() async {
|
||
if (_ctrl.text.trim().isEmpty && _images.isEmpty) {
|
||
ScaffoldMessenger.of(context)
|
||
.showSnackBar(const SnackBar(content: Text('请填写反馈内容或添加图片')));
|
||
return;
|
||
}
|
||
setState(() => _submitting = true);
|
||
try {
|
||
await ref.read(feedbackRepositoryProvider).submit(
|
||
type: widget.type,
|
||
content: _ctrl.text.trim(),
|
||
images: _images,
|
||
);
|
||
if (!mounted) return;
|
||
Navigator.pop(context);
|
||
ScaffoldMessenger.of(context)
|
||
.showSnackBar(const SnackBar(content: Text('反馈已提交，感谢您的反馈！')));
|
||
} catch (e) {
|
||
if (!mounted) return;
|
||
setState(() => _submitting = false);
|
||
ScaffoldMessenger.of(context)
|
||
.showSnackBar(SnackBar(content: Text('提交失败：$e')));
|
||
}
|
||
}
|
||
|
||
@override
|
||
Widget build(BuildContext context) {
|
||
final isBug = widget.type == 'bug';
|
||
return AlertDialog(
|
||
title: Text(isBug ? '反馈 Bug' : '功能建议'),
|
||
content: SizedBox(
|
||
width: context.dialogWidth(440),
|
||
child: Column(
|
||
mainAxisSize: MainAxisSize.min,
|
||
crossAxisAlignment: CrossAxisAlignment.start,
|
||
children: [
|
||
TextField(
|
||
controller: _ctrl,
|
||
maxLines: 6,
|
||
decoration: InputDecoration(
|
||
hintText: isBug ? '请描述问题的复现步骤和预期行为…' : '请描述您希望增加的功能…',
|
||
border: const OutlineInputBorder(),
|
||
),
|
||
),
|
||
const SizedBox(height: 12),
|
||
Wrap(
|
||
spacing: 8,
|
||
runSpacing: 8,
|
||
children: [
|
||
for (int i = 0; i < _images.length; i++) _thumb(i),
|
||
if (_images.length < _maxImages) _addButton(),
|
||
],
|
||
),
|
||
if (_uploading)
|
||
const Padding(
|
||
padding: EdgeInsets.only(top: 8),
|
||
child: Row(children: [
|
||
SizedBox(
|
||
width: 14,
|
||
height: 14,
|
||
child: CircularProgressIndicator(strokeWidth: 2)),
|
||
SizedBox(width: 8),
|
||
Text('图片上传中…', style: TextStyle(fontSize: 12)),
|
||
]),
|
||
),
|
||
],
|
||
),
|
||
),
|
||
actions: [
|
||
TextButton(
|
||
onPressed: _submitting ? null : () => Navigator.pop(context),
|
||
child: const Text('取消'),
|
||
),
|
||
ElevatedButton(
|
||
onPressed: (_submitting || _uploading) ? null : _submit,
|
||
child: Text(_submitting ? '提交中…' : '提交'),
|
||
),
|
||
],
|
||
);
|
||
}
|
||
|
||
Widget _thumb(int i) {
|
||
return Stack(
|
||
clipBehavior: Clip.none,
|
||
children: [
|
||
ClipRRect(
|
||
borderRadius: BorderRadius.circular(6),
|
||
child: Image.network(
|
||
'${AppConfig.baseUrl}${_images[i]}',
|
||
width: 64,
|
||
height: 64,
|
||
fit: BoxFit.cover,
|
||
errorBuilder: (_, __, ___) => Container(
|
||
width: 64,
|
||
height: 64,
|
||
color: Colors.grey.shade200,
|
||
child: const Icon(Icons.broken_image, size: 20),
|
||
),
|
||
),
|
||
),
|
||
Positioned(
|
||
right: -8,
|
||
top: -8,
|
||
child: GestureDetector(
|
||
onTap: () => setState(() => _images.removeAt(i)),
|
||
child: Container(
|
||
decoration: const BoxDecoration(
|
||
color: Colors.black54, shape: BoxShape.circle),
|
||
padding: const EdgeInsets.all(2),
|
||
child: const Icon(Icons.close, size: 14, color: Colors.white),
|
||
),
|
||
),
|
||
),
|
||
],
|
||
);
|
||
}
|
||
|
||
Widget _addButton() {
|
||
return InkWell(
|
||
onTap: _uploading ? null : _addImages,
|
||
child: Container(
|
||
width: 64,
|
||
height: 64,
|
||
decoration: BoxDecoration(
|
||
border: Border.all(color: Colors.grey.shade400),
|
||
borderRadius: BorderRadius.circular(6),
|
||
),
|
||
child: const Icon(Icons.add_a_photo_outlined, color: Colors.grey),
|
||
),
|
||
);
|
||
}
|
||
}
|
||
|
||
// ── 关于页辅助 widgets ──────────────────────────────────────
|
||
|
||
class _AboutSection extends StatelessWidget {
|
||
final String title;
|
||
final List<Widget> children;
|
||
const _AboutSection({required this.title, required this.children});
|
||
|
||
@override
|
||
Widget build(BuildContext context) {
|
||
return Card(
|
||
child: Padding(
|
||
padding: const EdgeInsets.all(20),
|
||
child: Column(
|
||
crossAxisAlignment: CrossAxisAlignment.start,
|
||
children: [
|
||
Text(title,
|
||
style: const TextStyle(
|
||
fontSize: 14,
|
||
fontWeight: FontWeight.w600,
|
||
color: AppTheme.primaryDark)),
|
||
const Divider(height: 24),
|
||
...children,
|
||
],
|
||
),
|
||
),
|
||
);
|
||
}
|
||
}
|
||
|
||
class _AboutRow extends StatelessWidget {
|
||
final String label;
|
||
final String value;
|
||
final Color? valueColor;
|
||
final Widget? trailing;
|
||
|
||
const _AboutRow({
|
||
required this.label,
|
||
required this.value,
|
||
this.valueColor,
|
||
this.trailing,
|
||
});
|
||
|
||
@override
|
||
Widget build(BuildContext context) {
|
||
return Padding(
|
||
padding: const EdgeInsets.symmetric(vertical: 6),
|
||
child: Row(
|
||
children: [
|
||
SizedBox(
|
||
width: 88,
|
||
child: Text(label,
|
||
style: const TextStyle(
|
||
fontSize: 13, color: AppTheme.textSecondary)),
|
||
),
|
||
Expanded(
|
||
child: Text(value,
|
||
style: TextStyle(
|
||
fontSize: 13,
|
||
color: valueColor ?? AppTheme.textPrimary,
|
||
fontWeight: FontWeight.w500)),
|
||
),
|
||
if (trailing != null) trailing!,
|
||
],
|
||
),
|
||
);
|
||
}
|
||
}
|