11 changed files with 382 additions and 293 deletions
@ -0,0 +1,10 @@ |
|||||||
|
import 'package:get/get.dart'; |
||||||
|
import 'package:problem_check_system/app/features/enterprise/presentation/controllers/enterprise_form_controller.dart'; |
||||||
|
|
||||||
|
class EnterpriseInfoBinding extends Bindings { |
||||||
|
@override |
||||||
|
void dependencies() { |
||||||
|
// 2. 将获取到的参数（可能为 null）传递给 Controller 的构造函数。 |
||||||
|
Get.lazyPut<EnterpriseFormController>(() => EnterpriseFormController()); |
||||||
|
} |
||||||
|
} |
||||||
@ -0,0 +1,8 @@ |
|||||||
|
import 'package:get/get.dart'; |
||||||
|
import 'package:problem_check_system/app/features/enterprise/presentation/controllers/enterprise_form_controller.dart'; |
||||||
|
|
||||||
|
class EnterpriseInfoController extends GetxController { |
||||||
|
EnterpriseInfoController({required this.enterpriseFormController}); |
||||||
|
|
||||||
|
final EnterpriseFormController enterpriseFormController; |
||||||
|
} |
||||||
@ -0,0 +1,257 @@ |
|||||||
|
import 'package:flutter/material.dart'; |
||||||
|
import 'package:get/get.dart'; |
||||||
|
import 'package:flutter_screenutil/flutter_screenutil.dart'; |
||||||
|
import 'package:problem_check_system/app/core/models/company_enum.dart'; |
||||||
|
import 'package:problem_check_system/app/features/enterprise/presentation/controllers/enterprise_form_controller.dart'; |
||||||
|
|
||||||
|
// 这是一个可复用的 "视图" 组件，不包含 Scaffold |
||||||
|
class EnterpriseFormView extends GetView<EnterpriseFormController> { |
||||||
|
const EnterpriseFormView({super.key}); |
||||||
|
|
||||||
|
@override |
||||||
|
Widget build(BuildContext context) { |
||||||
|
// 根 Widget 是 Form，包裹着可滚动的内容 |
||||||
|
return Form( |
||||||
|
key: controller.formKey, |
||||||
|
child: SingleChildScrollView( |
||||||
|
padding: EdgeInsets.symmetric(horizontal: 16.w, vertical: 12.h), |
||||||
|
child: Column( |
||||||
|
children: [ |
||||||
|
// --- 这里是所有表单内容 --- |
||||||
|
buildTitleSection(title: '必填信息'), |
||||||
|
SizedBox(height: 12.h), |
||||||
|
_buildInfoSection( |
||||||
|
children: [ |
||||||
|
_buildTextField( |
||||||
|
label: '企业名称', |
||||||
|
hint: '达拉特旗', |
||||||
|
textController: controller.enterpriseNameController, |
||||||
|
validator: (value) { |
||||||
|
if (value == null || value.isEmpty) { |
||||||
|
return '企业名称不能为空'; |
||||||
|
} |
||||||
|
return null; |
||||||
|
}, |
||||||
|
isRequired: true, |
||||||
|
), |
||||||
|
_buildCompanyTypeDropdown(), |
||||||
|
], |
||||||
|
), |
||||||
|
SizedBox(height: 12.h), |
||||||
|
buildTitleSection(title: '选填信息'), |
||||||
|
SizedBox(height: 12.h), |
||||||
|
_buildInfoSection( |
||||||
|
children: [ |
||||||
|
_buildTextField( |
||||||
|
label: '企业地址', |
||||||
|
hint: '请输入企业地址', |
||||||
|
textController: controller.enterpriseAddressController, |
||||||
|
), |
||||||
|
_buildCompanyScopeDropdown(), |
||||||
|
_buildTextField( |
||||||
|
label: '联系人', |
||||||
|
hint: '请输入联系人姓名', |
||||||
|
textController: controller.contactPersonController, |
||||||
|
), |
||||||
|
_buildTextField( |
||||||
|
label: '联系电话', |
||||||
|
hint: '请输入联系电话', |
||||||
|
textController: controller.contactPhoneController, |
||||||
|
), |
||||||
|
_buildTextField( |
||||||
|
label: '有无重大危险源;重大危险源情况', |
||||||
|
hint: '请输入有无重大危险源;重大危险源情况', |
||||||
|
textController: controller.hazardSourceController, |
||||||
|
hasDivider: false, |
||||||
|
), |
||||||
|
], |
||||||
|
), |
||||||
|
], |
||||||
|
), |
||||||
|
), |
||||||
|
); |
||||||
|
} |
||||||
|
|
||||||
|
// --- 所有构建UI的辅助方法都移到这里 --- |
||||||
|
Widget buildTitleSection({required String title}) { |
||||||
|
return Row( |
||||||
|
children: [ |
||||||
|
Container(width: 4.w, height: 16.h, color: Colors.blue), |
||||||
|
SizedBox(width: 8.w), |
||||||
|
Text( |
||||||
|
title, |
||||||
|
style: TextStyle(fontSize: 16.sp, fontWeight: FontWeight.bold), |
||||||
|
), |
||||||
|
], |
||||||
|
); |
||||||
|
} |
||||||
|
|
||||||
|
// 构建信息区块 (例如 "必填信息") |
||||||
|
Widget _buildInfoSection({required List<Widget> children}) { |
||||||
|
return Container( |
||||||
|
padding: EdgeInsets.symmetric(horizontal: 16.w, vertical: 12.h), |
||||||
|
decoration: BoxDecoration( |
||||||
|
color: Colors.white, |
||||||
|
borderRadius: BorderRadius.circular(8.r), |
||||||
|
), |
||||||
|
child: Column( |
||||||
|
crossAxisAlignment: CrossAxisAlignment.start, |
||||||
|
children: [...children], |
||||||
|
), |
||||||
|
); |
||||||
|
} |
||||||
|
|
||||||
|
// 构建带标签的文本输入框 |
||||||
|
Widget _buildTextField({ |
||||||
|
required String label, |
||||||
|
required String hint, |
||||||
|
required TextEditingController textController, |
||||||
|
bool isRequired = false, |
||||||
|
bool hasDivider = true, |
||||||
|
String? Function(String?)? validator, |
||||||
|
}) { |
||||||
|
return Column( |
||||||
|
crossAxisAlignment: CrossAxisAlignment.start, |
||||||
|
children: [ |
||||||
|
Padding( |
||||||
|
padding: EdgeInsets.symmetric(vertical: 10.h), |
||||||
|
child: _buildLabel(label, isRequired), |
||||||
|
), |
||||||
|
TextFormField( |
||||||
|
controller: textController, |
||||||
|
readOnly: controller.isReadOnly, |
||||||
|
validator: validator, |
||||||
|
decoration: InputDecoration( |
||||||
|
hintText: hint, |
||||||
|
hintStyle: TextStyle(color: Colors.grey[400], fontSize: 14.sp), |
||||||
|
border: InputBorder.none, |
||||||
|
isDense: true, |
||||||
|
contentPadding: EdgeInsets.zero, |
||||||
|
enabledBorder: controller.isReadOnly ? InputBorder.none : null, |
||||||
|
focusedBorder: controller.isReadOnly ? InputBorder.none : null, |
||||||
|
), |
||||||
|
style: TextStyle(fontSize: 14.sp, color: Colors.black87), |
||||||
|
), |
||||||
|
if (hasDivider) const Divider(height: 1, color: Color(0xFFF0F0F0)), |
||||||
|
], |
||||||
|
); |
||||||
|
} |
||||||
|
|
||||||
|
// 构建下拉选择框样式 |
||||||
|
// [新] 构建企业类型下拉框 |
||||||
|
Widget _buildCompanyTypeDropdown() { |
||||||
|
return Column( |
||||||
|
crossAxisAlignment: CrossAxisAlignment.start, |
||||||
|
children: [ |
||||||
|
Padding( |
||||||
|
padding: EdgeInsets.symmetric(vertical: 10.h), |
||||||
|
child: _buildLabel('企业类型', true), // isRequired = true |
||||||
|
), |
||||||
|
// 使用 Obx 监听 controller 中 selectedType 的变化 |
||||||
|
Obx( |
||||||
|
() => DropdownButtonFormField<CompanyType>( |
||||||
|
initialValue: controller.selectedType.value, |
||||||
|
validator: (value) { |
||||||
|
if (value == null) { |
||||||
|
return '请选择企业类型'; |
||||||
|
} |
||||||
|
return null; |
||||||
|
}, |
||||||
|
hint: Text( |
||||||
|
'请选择企业类型', |
||||||
|
style: TextStyle(color: Colors.grey[400], fontSize: 14.sp), |
||||||
|
), |
||||||
|
isExpanded: true, // 让下拉菜单撑满宽度 |
||||||
|
decoration: const InputDecoration( |
||||||
|
border: InputBorder.none, |
||||||
|
isDense: true, |
||||||
|
contentPadding: EdgeInsets.zero, |
||||||
|
), |
||||||
|
items: CompanyType.values.map((CompanyType type) { |
||||||
|
return DropdownMenuItem<CompanyType>( |
||||||
|
value: type, |
||||||
|
child: Text( |
||||||
|
type.displayText, |
||||||
|
style: TextStyle(fontSize: 14.sp), |
||||||
|
), |
||||||
|
); |
||||||
|
}).toList(), |
||||||
|
onChanged: controller.isReadOnly |
||||||
|
? null // 设置为 null 即可禁用 |
||||||
|
: (CompanyType? newValue) { |
||||||
|
controller.selectedType.value = newValue; |
||||||
|
}, |
||||||
|
// 自定义下拉箭头图标 |
||||||
|
icon: controller.isReadOnly |
||||||
|
? const SizedBox.shrink() |
||||||
|
: const Icon(Icons.arrow_drop_down, color: Colors.grey), |
||||||
|
), |
||||||
|
), |
||||||
|
const Divider(height: 1, color: Color(0xFFF0F0F0)), |
||||||
|
], |
||||||
|
); |
||||||
|
} |
||||||
|
|
||||||
|
// [新] 构建企业规模下拉框 |
||||||
|
Widget _buildCompanyScopeDropdown() { |
||||||
|
return Column( |
||||||
|
crossAxisAlignment: CrossAxisAlignment.start, |
||||||
|
children: [ |
||||||
|
Padding( |
||||||
|
padding: EdgeInsets.symmetric(vertical: 10.h), |
||||||
|
child: _buildLabel('企业规模', false), // isRequired = false |
||||||
|
), |
||||||
|
Obx( |
||||||
|
() => DropdownButtonFormField<CompanyScope>( |
||||||
|
initialValue: controller.selectedScope.value, |
||||||
|
hint: Text( |
||||||
|
'请选择企业规模', |
||||||
|
style: TextStyle(color: Colors.grey[400], fontSize: 14.sp), |
||||||
|
), |
||||||
|
isExpanded: true, |
||||||
|
decoration: const InputDecoration( |
||||||
|
border: InputBorder.none, |
||||||
|
isDense: true, |
||||||
|
contentPadding: EdgeInsets.zero, |
||||||
|
), |
||||||
|
items: CompanyScope.values.map((CompanyScope scope) { |
||||||
|
return DropdownMenuItem<CompanyScope>( |
||||||
|
value: scope, |
||||||
|
child: Text( |
||||||
|
scope.displayText, |
||||||
|
style: TextStyle(fontSize: 14.sp), |
||||||
|
), |
||||||
|
); |
||||||
|
}).toList(), |
||||||
|
onChanged: controller.isReadOnly |
||||||
|
? null // 设置为 null 即可禁用 |
||||||
|
: (CompanyScope? newValue) { |
||||||
|
controller.selectedScope.value = newValue; |
||||||
|
}, |
||||||
|
icon: controller.isReadOnly |
||||||
|
? const SizedBox.shrink() |
||||||
|
: const Icon(Icons.arrow_drop_down, color: Colors.grey), |
||||||
|
), |
||||||
|
), |
||||||
|
const Divider(height: 1, color: Color(0xFFF0F0F0)), |
||||||
|
], |
||||||
|
); |
||||||
|
} |
||||||
|
|
||||||
|
// 构建字段标签 (带红色星号) |
||||||
|
Widget _buildLabel(String label, bool isRequired) { |
||||||
|
return RichText( |
||||||
|
text: TextSpan( |
||||||
|
style: TextStyle(fontSize: 14.sp, color: Colors.black87), |
||||||
|
children: [ |
||||||
|
if (isRequired) |
||||||
|
const TextSpan( |
||||||
|
text: '* ', |
||||||
|
style: TextStyle(color: Colors.red), |
||||||
|
), |
||||||
|
TextSpan(text: label), |
||||||
|
], |
||||||
|
), |
||||||
|
); |
||||||
|
} |
||||||
|
} |
||||||
Loading…
Reference in new issue