395 lines
12 KiB
Dart
395 lines
12 KiB
Dart
import 'dart:ui';
|
|
|
|
import 'package:flutter/material.dart';
|
|
|
|
|
|
class DangerPage extends StatefulWidget {
|
|
const DangerPage({super.key});
|
|
|
|
@override
|
|
_DangerPageState createState() => _DangerPageState();
|
|
}
|
|
|
|
class _DangerPageState extends State<DangerPage> {
|
|
String _selectedOption = '全部';
|
|
final TextEditingController _searchController = TextEditingController();
|
|
final List<Map<String, String>> enterprises = [
|
|
{
|
|
'name': '泰安安全',
|
|
'type': '冶金行业',
|
|
'unit': '执法一中队',
|
|
'status': '已划分'
|
|
},
|
|
{
|
|
'name': '秦皇岛杰瑞科技有限公司',
|
|
'type': '轻工行业',
|
|
'unit': '执法一中队',
|
|
'status': '已划分'
|
|
},
|
|
{
|
|
'name': '秦皇岛异特机械设备有限公司',
|
|
'type': '机械行业',
|
|
'unit': '执法一中队',
|
|
'status': '已划分'
|
|
},
|
|
{
|
|
'name': '秦皇岛利华德科技有限公司',
|
|
'type': '机械行业',
|
|
'unit': '执法一中队',
|
|
'status': '已划分'
|
|
},
|
|
{
|
|
'name': '广东胜捷消防科技有限公司秦皇岛分公司',
|
|
'type': '机械行业',
|
|
'unit': '执法一中队',
|
|
'status': '未划分'
|
|
},
|
|
{
|
|
'name': '河北联技安全系统有限公司',
|
|
'type': '轻工行业',
|
|
'unit': '执法一中队',
|
|
'status': '已划分'
|
|
},
|
|
{
|
|
'name': '秦皇岛市万天科技有限公司',
|
|
'type': '轻工行业',
|
|
'unit': '执法一中队',
|
|
'status': '未划分'
|
|
},
|
|
{
|
|
'name': '秦皇岛市非晶科技有限公司',
|
|
'type': '轻工行业',
|
|
'unit': '执法一中队',
|
|
'status': '已划分'
|
|
},
|
|
{
|
|
'name': '海湾安全技术有限公司',
|
|
'type': '轻工行业',
|
|
'unit': '执法一中队,西区消防大队',
|
|
'status': '已划分'
|
|
},
|
|
{
|
|
'name': '秦皇岛海湾塑胶金属制品有限公司',
|
|
'type': '轻工行业',
|
|
'unit': '执法一中队',
|
|
'status': '未划分'
|
|
},
|
|
];
|
|
|
|
List<Map<String, String>> get filteredEnterprises {
|
|
if (_searchController.text.isNotEmpty) {
|
|
return enterprises
|
|
.where((e) => e['name']!.contains(_searchController.text))
|
|
.toList();
|
|
}
|
|
|
|
if (_selectedOption == '全部') {
|
|
return enterprises;
|
|
} else {
|
|
return enterprises
|
|
.where((e) => e['status'] == _selectedOption)
|
|
.toList();
|
|
}
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return Scaffold(
|
|
appBar: AppBar(
|
|
title: const Text('企业信息'),
|
|
centerTitle: true,
|
|
actions: [
|
|
IconButton(
|
|
icon: const Icon(Icons.filter_alt),
|
|
onPressed: () {
|
|
// 筛选功能
|
|
},
|
|
),
|
|
],
|
|
),
|
|
body: Column(
|
|
children: [
|
|
_buildFunctionButtons(),
|
|
_buildSearchSection(),
|
|
_buildFilterSection(),
|
|
_buildEnterpriseList(),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
|
|
Widget _buildFunctionButtons() {
|
|
return Container(
|
|
padding: const EdgeInsets.symmetric(vertical: 16, horizontal: 24),
|
|
color: Colors.white,
|
|
child: Row(
|
|
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
|
children: [
|
|
_buildFunctionButton('监管划分', Icons.assignment),
|
|
_buildFunctionButton('信息审核', Icons.verified),
|
|
_buildFunctionButton('持证人员', Icons.badge),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
|
|
Widget _buildFunctionButton(String label, IconData icon) {
|
|
return Column(
|
|
children: [
|
|
Container(
|
|
padding: const EdgeInsets.all(12),
|
|
decoration: BoxDecoration(
|
|
color: const Color(0xFF0D47A1).withOpacity(0.1),
|
|
borderRadius: BorderRadius.circular(12),
|
|
),
|
|
child: Icon(icon, size: 30, color: const Color(0xFF0D47A1)),
|
|
),
|
|
const SizedBox(height: 8),
|
|
Text(label, style: const TextStyle(fontSize: 14)),
|
|
],
|
|
);
|
|
}
|
|
|
|
Widget _buildSearchSection() {
|
|
return Container(
|
|
padding: const EdgeInsets.all(16),
|
|
color: Colors.white,
|
|
child: Row(
|
|
children: [
|
|
Expanded(
|
|
child: TextField(
|
|
controller: _searchController,
|
|
decoration: InputDecoration(
|
|
hintText: '请输入关键字',
|
|
prefixIcon: const Icon(Icons.search),
|
|
border: OutlineInputBorder(
|
|
borderRadius: BorderRadius.circular(30),
|
|
borderSide: BorderSide.none,
|
|
),
|
|
filled: true,
|
|
fillColor: Colors.grey[100],
|
|
contentPadding: const EdgeInsets.symmetric(
|
|
vertical: 12, horizontal: 20),
|
|
),
|
|
onChanged: (value) {
|
|
setState(() {});
|
|
},
|
|
),
|
|
),
|
|
const SizedBox(width: 8),
|
|
Container(
|
|
decoration: BoxDecoration(
|
|
color: const Color(0xFF0D47A1),
|
|
borderRadius: BorderRadius.circular(30),
|
|
),
|
|
child: IconButton(
|
|
icon: const Icon(Icons.search, color: Colors.white),
|
|
onPressed: () {
|
|
setState(() {});
|
|
},
|
|
),
|
|
),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
|
|
Widget _buildFilterSection() {
|
|
return Container(
|
|
padding: const EdgeInsets.all(16),
|
|
color: Colors.white,
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
const Text('请选择部门', style: TextStyle(fontSize: 16, fontWeight: FontWeight.bold)),
|
|
const SizedBox(height: 12),
|
|
Row(
|
|
mainAxisAlignment: MainAxisAlignment.spaceAround,
|
|
children: [
|
|
_buildFilterOption('全部'),
|
|
_buildFilterOption('已划分'),
|
|
_buildFilterOption('未划分'),
|
|
],
|
|
),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
|
|
Widget _buildFilterOption(String text) {
|
|
final isSelected = _selectedOption == text;
|
|
|
|
return GestureDetector(
|
|
onTap: () {
|
|
setState(() {
|
|
_selectedOption = text;
|
|
});
|
|
},
|
|
child: Row(
|
|
children: [
|
|
Container(
|
|
width: 20,
|
|
height: 20,
|
|
decoration: BoxDecoration(
|
|
shape: BoxShape.circle,
|
|
border: Border.all(
|
|
color: isSelected ? const Color(0xFF0D47A1) : Colors.grey,
|
|
width: 2,
|
|
),
|
|
),
|
|
child: isSelected
|
|
? Center(
|
|
child: Container(
|
|
width: 12,
|
|
height: 12,
|
|
decoration: const BoxDecoration(
|
|
shape: BoxShape.circle,
|
|
color: Color(0xFF0D47A1),
|
|
),
|
|
),
|
|
)
|
|
: null,
|
|
),
|
|
const SizedBox(width: 8),
|
|
Text(text, style: TextStyle(
|
|
fontSize: 16,
|
|
color: isSelected ? const Color(0xFF0D47A1) : Colors.grey,
|
|
fontWeight: isSelected ? FontWeight.bold : FontWeight.normal,
|
|
)),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
|
|
Widget _buildEnterpriseList() {
|
|
return Expanded(
|
|
child: ListView.builder(
|
|
padding: const EdgeInsets.only(top: 8),
|
|
itemCount: filteredEnterprises.length,
|
|
itemBuilder: (context, index) {
|
|
final enterprise = filteredEnterprises[index];
|
|
return _buildEnterpriseCard(enterprise);
|
|
},
|
|
),
|
|
);
|
|
}
|
|
|
|
Widget _buildEnterpriseCard(Map<String, String> enterprise) {
|
|
return Container(
|
|
margin: const EdgeInsets.symmetric(horizontal: 16, vertical: 8),
|
|
decoration: BoxDecoration(
|
|
color: Colors.white,
|
|
borderRadius: BorderRadius.circular(12),
|
|
boxShadow: [
|
|
BoxShadow(
|
|
color: Colors.grey.withOpacity(0.1),
|
|
blurRadius: 8,
|
|
offset: const Offset(0, 4),
|
|
)
|
|
],
|
|
),
|
|
child: Padding(
|
|
padding: const EdgeInsets.all(16),
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Row(
|
|
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
|
children: [
|
|
Text(
|
|
enterprise['name']!,
|
|
style: const TextStyle(
|
|
fontSize: 18,
|
|
fontWeight: FontWeight.bold,
|
|
),
|
|
),
|
|
Container(
|
|
padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 4),
|
|
decoration: BoxDecoration(
|
|
color: enterprise['status'] == '已划分'
|
|
? const Color(0xFF4CAF50).withOpacity(0.1)
|
|
: const Color(0xFFF44336).withOpacity(0.1),
|
|
borderRadius: BorderRadius.circular(4),
|
|
border: Border.all(
|
|
color: enterprise['status'] == '已划分'
|
|
? const Color(0xFF4CAF50)
|
|
: const Color(0xFFF44336),
|
|
width: 1,
|
|
),
|
|
),
|
|
child: Text(
|
|
enterprise['status']!,
|
|
style: TextStyle(
|
|
fontSize: 12,
|
|
fontWeight: FontWeight.bold,
|
|
color: enterprise['status'] == '已划分'
|
|
? const Color(0xFF4CAF50)
|
|
: const Color(0xFFF44336),
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
const SizedBox(height: 12),
|
|
Row(
|
|
children: [
|
|
const Icon(Icons.business, size: 16, color: Colors.grey),
|
|
const SizedBox(width: 8),
|
|
Text(
|
|
'安全监管类型: ${enterprise['type']}',
|
|
style: const TextStyle(fontSize: 14, color: Colors.grey),
|
|
),
|
|
],
|
|
),
|
|
const SizedBox(height: 8),
|
|
Row(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
const Icon(Icons.people, size: 16, color: Colors.grey),
|
|
const SizedBox(width: 8),
|
|
Expanded(
|
|
child: Text(
|
|
'管理单位: ${enterprise['unit']}',
|
|
style: const TextStyle(fontSize: 14, color: Colors.grey),
|
|
maxLines: 2,
|
|
overflow: TextOverflow.ellipsis,
|
|
),
|
|
),
|
|
],
|
|
),
|
|
const SizedBox(height: 8),
|
|
Row(
|
|
mainAxisAlignment: MainAxisAlignment.end,
|
|
children: [
|
|
TextButton(
|
|
onPressed: () {
|
|
// 查看详情
|
|
},
|
|
style: TextButton.styleFrom(
|
|
foregroundColor: const Color(0xFF0D47A1),
|
|
),
|
|
child: const Text('查看详情'),
|
|
),
|
|
const SizedBox(width: 8),
|
|
ElevatedButton(
|
|
onPressed: () {
|
|
// 处理操作
|
|
},
|
|
style: ElevatedButton.styleFrom(
|
|
backgroundColor: const Color(0xFF0D47A1),
|
|
shape: RoundedRectangleBorder(
|
|
borderRadius: BorderRadius.circular(20),
|
|
),
|
|
),
|
|
child: const Text('处理', style: TextStyle(color: Colors.white)),
|
|
),
|
|
],
|
|
),
|
|
],
|
|
),
|
|
),
|
|
);
|
|
}
|
|
}
|
|
|