116 lines
3.1 KiB
Dart
116 lines
3.1 KiB
Dart
import 'dart:ui';
|
||
|
||
import 'package:flutter/material.dart';
|
||
import 'package:qhdkfq_regulatory_flutter/tools/my_appbar.dart';
|
||
|
||
class MessageDetailPage extends StatefulWidget {
|
||
const MessageDetailPage({super.key});
|
||
|
||
@override
|
||
_MessageDetailPageState createState() => _MessageDetailPageState();
|
||
}
|
||
|
||
class _MessageDetailPageState extends State<MessageDetailPage>
|
||
with SingleTickerProviderStateMixin {
|
||
@override
|
||
Widget build(BuildContext context) {
|
||
return Scaffold(
|
||
appBar: MyAppbar(title: "通知详情"),
|
||
body: Padding(
|
||
padding: const EdgeInsets.all(16.0),
|
||
// child: Center(
|
||
child: NotificationDetailCard(),
|
||
// ),
|
||
),
|
||
);
|
||
}
|
||
}
|
||
|
||
class NotificationDetailCard extends StatelessWidget {
|
||
@override
|
||
Widget build(BuildContext context) {
|
||
return Card(
|
||
elevation: 4,
|
||
shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(16)),
|
||
child: Padding(
|
||
padding: const EdgeInsets.all(24),
|
||
child: Column(
|
||
mainAxisSize: MainAxisSize.min,
|
||
crossAxisAlignment: CrossAxisAlignment.start,
|
||
mainAxisAlignment: MainAxisAlignment.start,
|
||
children: [
|
||
|
||
// 通知类型
|
||
const Text(
|
||
'会议任务下发提醒',
|
||
style: TextStyle(
|
||
fontSize: 18,
|
||
fontWeight: FontWeight.bold,
|
||
color: Color(0xFF333333),
|
||
),
|
||
),
|
||
const SizedBox(height: 16),
|
||
|
||
// 提醒时间
|
||
_buildInfoRow('提醒时间：', '2025-05-30 10:07:42'),
|
||
const SizedBox(height: 12),
|
||
|
||
// 提醒人
|
||
_buildInfoRow('提醒人：', '王朋'),
|
||
const SizedBox(height: 12),
|
||
|
||
// // 分隔线
|
||
// const Divider(height: 1, color: Color(0xFFEEEEEE)),
|
||
// const SizedBox(height: 24),
|
||
|
||
// 提醒内容
|
||
const Text(
|
||
'提醒内容：',
|
||
style: TextStyle(
|
||
fontSize: 16,
|
||
fontWeight: FontWeight.bold,
|
||
color: Color(0xFF333333),
|
||
),
|
||
),
|
||
const SizedBox(height: 12),
|
||
|
||
// 详细内容
|
||
const Text(
|
||
'温馨提示，任务名称为阿斯顿，行动周期2025-05-01至2025-05-31的会议任务已下发，请及时进行会议反馈。',
|
||
style: TextStyle(
|
||
fontSize: 16,
|
||
height: 1.5,
|
||
color: Color(0xFF666666),
|
||
),
|
||
),
|
||
const SizedBox(height: 32),
|
||
],
|
||
),
|
||
),
|
||
);
|
||
}
|
||
|
||
Widget _buildInfoRow(String label, String value) {
|
||
return Row(
|
||
crossAxisAlignment: CrossAxisAlignment.start,
|
||
children: [
|
||
Text(
|
||
label,
|
||
style: const TextStyle(fontSize: 16, color: Color(0xFF666666)),
|
||
),
|
||
const SizedBox(width: 8),
|
||
Expanded(
|
||
child: Text(
|
||
value,
|
||
style: const TextStyle(
|
||
fontSize: 16,
|
||
fontWeight: FontWeight.bold,
|
||
color: Color(0xFF333333),
|
||
),
|
||
),
|
||
),
|
||
],
|
||
);
|
||
}
|
||
}
|