275 lines
8.3 KiB
Dart
275 lines
8.3 KiB
Dart
|
import 'dart:ui';
|
|||
|
|
|
|||
|
|
import 'package:flutter/material.dart';
|
|||
|
|
import 'package:qhd_prevention/customWidget/danner_repain_item.dart';
|
|||
|
|
import 'package:qhd_prevention/customWidget/department_picker.dart';
|
|||
|
|
import 'package:qhd_prevention/customWidget/search_bar_widget.dart';
|
|||
|
|
import 'package:qhd_prevention/pages/home/scan_page.dart';
|
|||
|
|
import 'package:qhd_prevention/pages/home/work/risk_list_page.dart';
|
|||
|
|
import 'package:qhd_prevention/pages/my_appbar.dart';
|
|||
|
|
import 'package:qhd_prevention/tools/SmallWidget.dart';
|
|||
|
|
import 'package:qhd_prevention/tools/tools.dart';
|
|||
|
|
|
|||
|
|
class DangerPage extends StatefulWidget {
|
|||
|
|
const DangerPage({super.key});
|
|||
|
|
|
|||
|
|
@override
|
|||
|
|
_DangerPageState createState() => _DangerPageState();
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
class _DangerPageState extends State<DangerPage>
|
|||
|
|
with SingleTickerProviderStateMixin {
|
|||
|
|
late TabController _tabController;
|
|||
|
|
int _selectedTab = 0;
|
|||
|
|
|
|||
|
|
// 模拟数据
|
|||
|
|
final List<NotificationItem> _notifications = List.generate(10, (i) {
|
|||
|
|
bool read = i % 3 == 0;
|
|||
|
|
String title = '测试数据标题标题 ${i + 1}';
|
|||
|
|
String time = '2025-06-${10 + i} 12:3${i}';
|
|||
|
|
return NotificationItem(title, time);
|
|||
|
|
});
|
|||
|
|
final List<Category> data = [
|
|||
|
|
Category(
|
|||
|
|
id: '1',
|
|||
|
|
title: '分类一',
|
|||
|
|
children: [
|
|||
|
|
Category(id: '1-1', title: '子项 1-1'),
|
|||
|
|
Category(id: '1-2', title: '子项 1-2'),
|
|||
|
|
],
|
|||
|
|
),
|
|||
|
|
Category(id: '2', title: '分类二'),
|
|||
|
|
Category(
|
|||
|
|
id: '3',
|
|||
|
|
title: '分类三',
|
|||
|
|
children: [
|
|||
|
|
Category(
|
|||
|
|
id: '3-1',
|
|||
|
|
title: '子项 3-1',
|
|||
|
|
children: [Category(id: '3-1-1', title: '子项 3-1-1')],
|
|||
|
|
),
|
|||
|
|
],
|
|||
|
|
),
|
|||
|
|
];
|
|||
|
|
final TextEditingController _searchController = TextEditingController();
|
|||
|
|
|
|||
|
|
@override
|
|||
|
|
void initState() {
|
|||
|
|
super.initState();
|
|||
|
|
_tabController = TabController(length: 2, vsync: this);
|
|||
|
|
_tabController.addListener(() {
|
|||
|
|
if (!_tabController.indexIsChanging) {
|
|||
|
|
setState(() => _selectedTab = _tabController.index);
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
@override
|
|||
|
|
void dispose() {
|
|||
|
|
_tabController.dispose();
|
|||
|
|
super.dispose();
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
void _handleItemTap(NotificationItem item, int index) {
|
|||
|
|
print("点击了是: ${item.title}");
|
|||
|
|
pushPage(RiskListPage(), context);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// 显示分类选择器
|
|||
|
|
void showCategoryPicker() {
|
|||
|
|
showModalBottomSheet(
|
|||
|
|
context: context,
|
|||
|
|
isScrollControlled: true,
|
|||
|
|
barrierColor: Colors.black54,
|
|||
|
|
backgroundColor: Colors.transparent,
|
|||
|
|
builder:
|
|||
|
|
(ctx) => DepartmentPicker(
|
|||
|
|
data: data,
|
|||
|
|
onSelected: (selectedId) {
|
|||
|
|
setState(() {});
|
|||
|
|
},
|
|||
|
|
),
|
|||
|
|
);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
@override
|
|||
|
|
Widget build(BuildContext context) {
|
|||
|
|
return Scaffold(
|
|||
|
|
appBar: MyAppbar(
|
|||
|
|
title: "隐患排查",
|
|||
|
|
actions: [
|
|||
|
|
TextButton(
|
|||
|
|
onPressed: () {
|
|||
|
|
pushPage(ScanPage(), context);
|
|||
|
|
},
|
|||
|
|
child: Text(
|
|||
|
|
"清单扫描",
|
|||
|
|
style: TextStyle(color: Colors.white, fontSize: 16),
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
],
|
|||
|
|
),
|
|||
|
|
body: SafeArea(
|
|||
|
|
child: Column(
|
|||
|
|
children: [
|
|||
|
|
// Tab bar
|
|||
|
|
TabBar(
|
|||
|
|
controller: _tabController,
|
|||
|
|
labelStyle: TextStyle(fontSize: 16),
|
|||
|
|
indicator: UnderlineTabIndicator(
|
|||
|
|
borderSide: BorderSide(width: 3.0, color: Colors.blue),
|
|||
|
|
insets: EdgeInsets.symmetric(horizontal: 100.0),
|
|||
|
|
),
|
|||
|
|
labelColor: Colors.blue,
|
|||
|
|
unselectedLabelColor: Colors.grey,
|
|||
|
|
tabs: const [Tab(text: '待排查'), Tab(text: '已排查')],
|
|||
|
|
),
|
|||
|
|
|
|||
|
|
// Search bar
|
|||
|
|
Padding(
|
|||
|
|
padding: const EdgeInsets.all(10),
|
|||
|
|
child: SearchBarWidget(
|
|||
|
|
showResetButton: true,
|
|||
|
|
onInputTap: () {
|
|||
|
|
showCategoryPicker();
|
|||
|
|
},
|
|||
|
|
hintText: "",
|
|||
|
|
isClickableOnly: true,
|
|||
|
|
onSearch: (text) {
|
|||
|
|
print('----------');
|
|||
|
|
},
|
|||
|
|
controller: _searchController,
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
|
|||
|
|
// List
|
|||
|
|
Expanded(
|
|||
|
|
child: ListView.separated(
|
|||
|
|
itemCount: _notifications.length,
|
|||
|
|
separatorBuilder: (_, __) => const SizedBox(),
|
|||
|
|
itemBuilder: (context, index) {
|
|||
|
|
NotificationItem item = _notifications[index];
|
|||
|
|
return GestureDetector(
|
|||
|
|
onTap: () => _handleItemTap(item, index),
|
|||
|
|
child: DannerRepainItem(
|
|||
|
|
title: '测试--------new',
|
|||
|
|
details: [
|
|||
|
|
'清单类型：测试',
|
|||
|
|
'排查周期：测试',
|
|||
|
|
'包含检查项：3',
|
|||
|
|
'负责人：是测试',
|
|||
|
|
'起始时间：2025-6-20',
|
|||
|
|
'',
|
|||
|
|
'测试一下是否跳过时间',
|
|||
|
|
],
|
|||
|
|
showBottomTags: true,
|
|||
|
|
bottomTags: [
|
|||
|
|
riskTagText(1, "重大风险:0"),
|
|||
|
|
riskTagText(2, "较大:3"),
|
|||
|
|
riskTagText(3, "一般:1"),
|
|||
|
|
riskTagText(4, "低:0"),
|
|||
|
|
],
|
|||
|
|
),
|
|||
|
|
);
|
|||
|
|
},
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
],
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
Widget _itemCell(final item) {
|
|||
|
|
return Padding(
|
|||
|
|
padding: EdgeInsets.only(left: 15, right: 15, bottom: 15),
|
|||
|
|
child: Container(
|
|||
|
|
decoration: const BoxDecoration(
|
|||
|
|
color: Colors.white,
|
|||
|
|
borderRadius: BorderRadius.all(Radius.circular(5)),
|
|||
|
|
),
|
|||
|
|
child: Column(
|
|||
|
|
children: [
|
|||
|
|
Padding(
|
|||
|
|
padding: EdgeInsets.symmetric(vertical: 10, horizontal: 15),
|
|||
|
|
child: Row(
|
|||
|
|
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
|||
|
|
children: [
|
|||
|
|
Row(
|
|||
|
|
children: [
|
|||
|
|
Icon(
|
|||
|
|
Icons.star_rate_sharp,
|
|||
|
|
color: Colors.green,
|
|||
|
|
size: 18,
|
|||
|
|
),
|
|||
|
|
SizedBox(width: 5),
|
|||
|
|
Text("测试--------", style: TextStyle(fontSize: 14)),
|
|||
|
|
],
|
|||
|
|
),
|
|||
|
|
Icon(
|
|||
|
|
Icons.arrow_forward_ios_rounded,
|
|||
|
|
color: Colors.grey,
|
|||
|
|
size: 15,
|
|||
|
|
),
|
|||
|
|
],
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
Divider(height: 1),
|
|||
|
|
Padding(
|
|||
|
|
padding: EdgeInsets.symmetric(vertical: 10, horizontal: 15),
|
|||
|
|
child: Column(
|
|||
|
|
spacing: 5,
|
|||
|
|
children: [
|
|||
|
|
Row(
|
|||
|
|
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
|||
|
|
children: [
|
|||
|
|
HhTextStyleUtils.secondaryTitle("清单类型：测试"),
|
|||
|
|
HhTextStyleUtils.secondaryTitle("排查周期：测试"),
|
|||
|
|
],
|
|||
|
|
),
|
|||
|
|
Row(
|
|||
|
|
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
|||
|
|
children: [
|
|||
|
|
HhTextStyleUtils.secondaryTitle("包含检查项：3"),
|
|||
|
|
HhTextStyleUtils.secondaryTitle("负责人：是测试"),
|
|||
|
|
],
|
|||
|
|
),
|
|||
|
|
Row(
|
|||
|
|
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
|||
|
|
children: [
|
|||
|
|
HhTextStyleUtils.secondaryTitle(
|
|||
|
|
"起始时间：2025-6-20 - 2026-3-31",
|
|||
|
|
),
|
|||
|
|
SizedBox(),
|
|||
|
|
],
|
|||
|
|
),
|
|||
|
|
],
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
Padding(
|
|||
|
|
padding: EdgeInsets.only(top: 0, bottom: 15, left: 15, right: 15),
|
|||
|
|
child: Row(
|
|||
|
|
spacing: 5,
|
|||
|
|
children: [
|
|||
|
|
riskTagText(1, "重大风险:0"),
|
|||
|
|
riskTagText(2, "较大:3"),
|
|||
|
|
riskTagText(3, "一般:1"),
|
|||
|
|
riskTagText(4, "低:0"),
|
|||
|
|
],
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
],
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// 模拟数据模版
|
|||
|
|
class NotificationItem {
|
|||
|
|
final String title;
|
|||
|
|
final String time;
|
|||
|
|
|
|||
|
|
NotificationItem(this.title, this.time);
|
|||
|
|
}
|