429 lines
18 KiB
Dart
429 lines
18 KiB
Dart
|
import 'package:animated_tree_view/animated_tree_view.dart';
|
|||
|
|
import 'package:flutter/cupertino.dart';
|
|||
|
|
import 'package:flutter/material.dart';
|
|||
|
|
import 'package:flutter/painting.dart';
|
|||
|
|
import 'package:flutter/widgets.dart';
|
|||
|
|
import 'package:flutter_screenutil/flutter_screenutil.dart';
|
|||
|
|
import 'package:get/get.dart';
|
|||
|
|
import 'package:starwork_flutter/api/model/team/response/depart_list_reponse.dart';
|
|||
|
|
import 'package:starwork_flutter/base/app_logger.dart';
|
|||
|
|
import 'package:starwork_flutter/common/constant/app_colors.dart';
|
|||
|
|
import 'package:starwork_flutter/common/constant/app_images.dart';
|
|||
|
|
import 'package:starwork_flutter/common/constant/app_view_parameter_keys.dart';
|
|||
|
|
import 'package:starwork_flutter/common/widgets/custome_app_bar_wdiget.dart';
|
|||
|
|
import 'package:starwork_flutter/extension/function_extension.dart';
|
|||
|
|
import 'package:starwork_flutter/routes/app_routes.dart';
|
|||
|
|
import 'personnel_manage_controller.dart';
|
|||
|
|
|
|||
|
|
class PersonnelManageView extends GetView<PersonnelManageController> {
|
|||
|
|
PersonnelManageView({super.key});
|
|||
|
|
|
|||
|
|
@override
|
|||
|
|
Widget build(BuildContext context) {
|
|||
|
|
// 即使不使用，只是引用一下 controller 就能触发初始化
|
|||
|
|
final _ = controller; // 添加这一行
|
|||
|
|
|
|||
|
|
return Scaffold(
|
|||
|
|
backgroundColor: AppColors.scaffoldBackgroundColor,
|
|||
|
|
appBar: CustomAppBarWidget(
|
|||
|
|
title: '人员管理'.tr,
|
|||
|
|
backgroundColor: AppColors.scaffoldBackgroundColor,
|
|||
|
|
),
|
|||
|
|
body: SafeArea(
|
|||
|
|
child: Column(
|
|||
|
|
children: [
|
|||
|
|
Container(
|
|||
|
|
margin: EdgeInsets.symmetric(
|
|||
|
|
horizontal: 10.w,
|
|||
|
|
vertical: 10.h,
|
|||
|
|
),
|
|||
|
|
decoration: BoxDecoration(
|
|||
|
|
color: Colors.white,
|
|||
|
|
borderRadius: BorderRadius.circular(8.r),
|
|||
|
|
),
|
|||
|
|
padding: EdgeInsets.symmetric(
|
|||
|
|
horizontal: 10.w,
|
|||
|
|
vertical: 10.h,
|
|||
|
|
),
|
|||
|
|
child: Row(
|
|||
|
|
mainAxisAlignment: MainAxisAlignment.spaceAround,
|
|||
|
|
children: [
|
|||
|
|
Column(
|
|||
|
|
children: [
|
|||
|
|
Icon(
|
|||
|
|
Icons.person,
|
|||
|
|
),
|
|||
|
|
SizedBox(
|
|||
|
|
height: 4.h,
|
|||
|
|
),
|
|||
|
|
Text(
|
|||
|
|
'人脸信息'.tr,
|
|||
|
|
style: TextStyle(
|
|||
|
|
fontSize: 10.sp,
|
|||
|
|
fontWeight: FontWeight.w500,
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
],
|
|||
|
|
),
|
|||
|
|
GestureDetector(
|
|||
|
|
onTap: () {
|
|||
|
|
Get.toNamed(AppRoutes.teamRoleManage);
|
|||
|
|
},
|
|||
|
|
child: Column(
|
|||
|
|
children: [
|
|||
|
|
Icon(
|
|||
|
|
Icons.person,
|
|||
|
|
),
|
|||
|
|
SizedBox(
|
|||
|
|
height: 4.h,
|
|||
|
|
),
|
|||
|
|
Text(
|
|||
|
|
'角色管理'.tr,
|
|||
|
|
style: TextStyle(
|
|||
|
|
fontSize: 10.sp,
|
|||
|
|
fontWeight: FontWeight.w500,
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
],
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
Column(
|
|||
|
|
children: [
|
|||
|
|
Icon(
|
|||
|
|
Icons.person,
|
|||
|
|
),
|
|||
|
|
SizedBox(
|
|||
|
|
height: 4.h,
|
|||
|
|
),
|
|||
|
|
Text(
|
|||
|
|
'新用户审核'.tr,
|
|||
|
|
style: TextStyle(
|
|||
|
|
fontSize: 10.sp,
|
|||
|
|
fontWeight: FontWeight.w500,
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
],
|
|||
|
|
)
|
|||
|
|
],
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
Container(
|
|||
|
|
margin: EdgeInsets.symmetric(
|
|||
|
|
horizontal: 10.w,
|
|||
|
|
),
|
|||
|
|
alignment: Alignment.centerLeft,
|
|||
|
|
child: Text(
|
|||
|
|
'组织架构',
|
|||
|
|
textAlign: TextAlign.left,
|
|||
|
|
style: TextStyle(
|
|||
|
|
fontSize: 12.sp,
|
|||
|
|
fontWeight: FontWeight.w500,
|
|||
|
|
color: Colors.grey,
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
SizedBox(
|
|||
|
|
height: 10.h,
|
|||
|
|
),
|
|||
|
|
Expanded(
|
|||
|
|
child: Obx(
|
|||
|
|
() => Container(
|
|||
|
|
margin: EdgeInsets.symmetric(
|
|||
|
|
horizontal: 10.w,
|
|||
|
|
),
|
|||
|
|
decoration: const BoxDecoration(
|
|||
|
|
color: Colors.white,
|
|||
|
|
borderRadius: BorderRadius.all(Radius.circular(8.0)),
|
|||
|
|
),
|
|||
|
|
child: TreeView.simple(
|
|||
|
|
tree: controller.treeData.value ?? TreeNode.root(),
|
|||
|
|
showRootNode: false,
|
|||
|
|
expansionIndicatorBuilder: noExpansionIndicatorBuilder,
|
|||
|
|
indentation: const Indentation(style: IndentStyle.roundJoint),
|
|||
|
|
onItemTap: (item) {},
|
|||
|
|
onTreeReady: (c) {
|
|||
|
|
controller.treeViewController = c;
|
|||
|
|
},
|
|||
|
|
builder: (context, node) {
|
|||
|
|
String title = "";
|
|||
|
|
DepartItem departInfo = DepartItem();
|
|||
|
|
int personNum = 0;
|
|||
|
|
bool hasChildren = node.childrenAsList.isNotEmpty; // 判断是否有子节点
|
|||
|
|
bool isPersonItem = node.data is PersonItem; // 判断当前节点是否是人员节点
|
|||
|
|
bool isOneself = false;
|
|||
|
|
bool isRootNode = false;
|
|||
|
|
bool isSuper = false;
|
|||
|
|
|
|||
|
|
if (node.data is DepartItem) {
|
|||
|
|
final depart = node.data as DepartItem;
|
|||
|
|
title = depart.departName ?? "未命名部门";
|
|||
|
|
personNum = depart.personNum ?? 0;
|
|||
|
|
departInfo = depart;
|
|||
|
|
if (hasChildren) {
|
|||
|
|
title = title + "（$personNum）";
|
|||
|
|
} else {
|
|||
|
|
title = title + "（0）";
|
|||
|
|
}
|
|||
|
|
if (depart.parentId == -1) {
|
|||
|
|
isRootNode = true;
|
|||
|
|
}
|
|||
|
|
} else if (node.data is PersonItem) {
|
|||
|
|
// 处理人员节点
|
|||
|
|
final person = node.data as PersonItem;
|
|||
|
|
title = person.personName ?? "未命名人员";
|
|||
|
|
var personUserId = person.userId;
|
|||
|
|
person.roles?.forEach((role) {
|
|||
|
|
if (role.isSuper == 1) {
|
|||
|
|
isSuper = true;
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
if (personUserId != null && personUserId == controller.cacheUserInfo.value.id) {
|
|||
|
|
isOneself = true;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
return Container(
|
|||
|
|
padding: EdgeInsets.symmetric(horizontal: 10.w, vertical: 6.h),
|
|||
|
|
child: Row(
|
|||
|
|
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
|||
|
|
children: [
|
|||
|
|
Expanded(
|
|||
|
|
child: Row(
|
|||
|
|
children: [
|
|||
|
|
!isPersonItem
|
|||
|
|
? Container(
|
|||
|
|
width: 34.w,
|
|||
|
|
height: 34.w,
|
|||
|
|
decoration: BoxDecoration(
|
|||
|
|
color: Colors.grey[300],
|
|||
|
|
borderRadius: BorderRadius.circular(8.r),
|
|||
|
|
),
|
|||
|
|
child: ClipRRect(
|
|||
|
|
borderRadius: BorderRadius.circular(8.r),
|
|||
|
|
child: Icon(
|
|||
|
|
Icons.folder,
|
|||
|
|
size: 22.w,
|
|||
|
|
color: Colors.blue,
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
)
|
|||
|
|
: Container(
|
|||
|
|
width: 34.w,
|
|||
|
|
height: 34.w,
|
|||
|
|
decoration: BoxDecoration(
|
|||
|
|
color: Colors.grey[200],
|
|||
|
|
borderRadius: BorderRadius.circular(8.r),
|
|||
|
|
),
|
|||
|
|
child: ClipRRect(
|
|||
|
|
borderRadius: BorderRadius.circular(8.r),
|
|||
|
|
child: Image(
|
|||
|
|
image: const AssetImage(AppImages.defaultAvatar),
|
|||
|
|
width: 22.w,
|
|||
|
|
height: 22.w,
|
|||
|
|
fit: BoxFit.cover,
|
|||
|
|
gaplessPlayback: true,
|
|||
|
|
filterQuality: FilterQuality.medium,
|
|||
|
|
errorBuilder: (context, error, stackTrace) {
|
|||
|
|
return Icon(
|
|||
|
|
Icons.person,
|
|||
|
|
size: 30.sp,
|
|||
|
|
color: Colors.grey[400],
|
|||
|
|
);
|
|||
|
|
},
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
SizedBox(
|
|||
|
|
width: 10.w,
|
|||
|
|
),
|
|||
|
|
Expanded(
|
|||
|
|
child: Text(
|
|||
|
|
title,
|
|||
|
|
style: TextStyle(
|
|||
|
|
fontSize: 14.sp,
|
|||
|
|
fontWeight: FontWeight.w500,
|
|||
|
|
),
|
|||
|
|
maxLines: 1,
|
|||
|
|
overflow: TextOverflow.ellipsis,
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
Visibility(
|
|||
|
|
visible: isOneself,
|
|||
|
|
child: Container(
|
|||
|
|
padding: EdgeInsets.symmetric(horizontal: 6.w, vertical: 2.h),
|
|||
|
|
decoration: BoxDecoration(
|
|||
|
|
color: Colors.blue[50],
|
|||
|
|
borderRadius: BorderRadius.circular(4.r),
|
|||
|
|
border: Border.all(
|
|||
|
|
color: Colors.blue,
|
|||
|
|
width: 1.w,
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
child: Text(
|
|||
|
|
'自己',
|
|||
|
|
style: TextStyle(
|
|||
|
|
fontSize: 12.sp,
|
|||
|
|
fontWeight: FontWeight.w400,
|
|||
|
|
color: Colors.blue,
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
Visibility(
|
|||
|
|
visible: isSuper && isOneself,
|
|||
|
|
child: SizedBox(
|
|||
|
|
width: 4.w,
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
Visibility(
|
|||
|
|
visible: isSuper,
|
|||
|
|
child: Container(
|
|||
|
|
padding: EdgeInsets.symmetric(horizontal: 6.w, vertical: 2.h),
|
|||
|
|
decoration: BoxDecoration(
|
|||
|
|
color: Colors.blue[50],
|
|||
|
|
borderRadius: BorderRadius.circular(4.r),
|
|||
|
|
border: Border.all(
|
|||
|
|
color: Colors.blue,
|
|||
|
|
width: 1.w,
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
child: Text(
|
|||
|
|
'超管',
|
|||
|
|
style: TextStyle(
|
|||
|
|
fontSize: 12.sp,
|
|||
|
|
fontWeight: FontWeight.w400,
|
|||
|
|
color: Colors.blue,
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
],
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
Visibility(
|
|||
|
|
visible: !isPersonItem,
|
|||
|
|
child: Obx(
|
|||
|
|
() => Radio<DepartItem>(
|
|||
|
|
value: departInfo,
|
|||
|
|
groupValue: controller.selectedDepartItem.value,
|
|||
|
|
activeColor: Colors.blue,
|
|||
|
|
visualDensity: VisualDensity.compact,
|
|||
|
|
onChanged: (value) {
|
|||
|
|
controller.selectedDepartItem.value = value as DepartItem;
|
|||
|
|
controller.selectedDepartItem.refresh();
|
|||
|
|
},
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
)
|
|||
|
|
],
|
|||
|
|
),
|
|||
|
|
);
|
|||
|
|
},
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
SizedBox(
|
|||
|
|
height: 10.h,
|
|||
|
|
),
|
|||
|
|
Obx(
|
|||
|
|
() => Text(
|
|||
|
|
'共${controller.totalPersonCount.value}人',
|
|||
|
|
style: TextStyle(
|
|||
|
|
fontSize: 14.sp,
|
|||
|
|
color: Colors.grey[500],
|
|||
|
|
fontWeight: FontWeight.w500,
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
SizedBox(
|
|||
|
|
height: 10.h,
|
|||
|
|
),
|
|||
|
|
Container(
|
|||
|
|
margin: EdgeInsets.symmetric(
|
|||
|
|
horizontal: 10.w,
|
|||
|
|
),
|
|||
|
|
child: Row(
|
|||
|
|
children: [
|
|||
|
|
Expanded(
|
|||
|
|
child: ElevatedButton(
|
|||
|
|
onPressed: () {
|
|||
|
|
if (controller.selectedDepartItem.value.departNo == null) {
|
|||
|
|
controller.showToast('请先选择一个组织');
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
Get.toNamed(AppRoutes.teamAddPerson, arguments: {
|
|||
|
|
AppViewParameterKeys.departItem: controller.selectedDepartItem.value.toJson(),
|
|||
|
|
});
|
|||
|
|
}.debounce(),
|
|||
|
|
style: ElevatedButton.styleFrom(
|
|||
|
|
backgroundColor: Colors.blue,
|
|||
|
|
padding: EdgeInsets.symmetric(vertical: 10.h),
|
|||
|
|
shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(8.r)),
|
|||
|
|
),
|
|||
|
|
child: Text(
|
|||
|
|
'添加人员'.tr,
|
|||
|
|
style: TextStyle(
|
|||
|
|
fontSize: 16.sp,
|
|||
|
|
color: Colors.white,
|
|||
|
|
fontWeight: FontWeight.w500,
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
SizedBox(width: 10.w),
|
|||
|
|
Expanded(
|
|||
|
|
child: ElevatedButton(
|
|||
|
|
onPressed: () {
|
|||
|
|
if (controller.selectedDepartItem.value.departNo == null) {
|
|||
|
|
controller.showToast('请先选择一个组织');
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
}.debounce(),
|
|||
|
|
style: ElevatedButton.styleFrom(
|
|||
|
|
backgroundColor: Colors.grey[50],
|
|||
|
|
padding: EdgeInsets.symmetric(vertical: 10.h),
|
|||
|
|
shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(8.r)),
|
|||
|
|
),
|
|||
|
|
child: Text(
|
|||
|
|
'添加子组织'.tr,
|
|||
|
|
style: TextStyle(
|
|||
|
|
fontSize: 16.sp,
|
|||
|
|
color: Colors.blue,
|
|||
|
|
fontWeight: FontWeight.w500,
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
SizedBox(width: 10.w),
|
|||
|
|
Expanded(
|
|||
|
|
child: ElevatedButton(
|
|||
|
|
onPressed: () {}.debounce(),
|
|||
|
|
style: ElevatedButton.styleFrom(
|
|||
|
|
backgroundColor: Colors.grey[50],
|
|||
|
|
padding: EdgeInsets.symmetric(vertical: 10.h),
|
|||
|
|
shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(8.r)),
|
|||
|
|
),
|
|||
|
|
child: Text(
|
|||
|
|
'更多管理'.tr,
|
|||
|
|
style: TextStyle(
|
|||
|
|
fontSize: 16.sp,
|
|||
|
|
color: Colors.blue,
|
|||
|
|
fontWeight: FontWeight.w500,
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
)
|
|||
|
|
],
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
SizedBox(
|
|||
|
|
height: 10.h,
|
|||
|
|
),
|
|||
|
|
],
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
);
|
|||
|
|
}
|
|||
|
|
}
|