333 lines
15 KiB
Dart
333 lines
15 KiB
Dart
|
import 'package:animated_tree_view/animated_tree_view.dart';
|
|||
|
|
import 'package:flutter/cupertino.dart';
|
|||
|
|
import 'package:flutter/material.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/widgets/custome_app_bar_wdiget.dart';
|
|||
|
|
import 'package:starwork_flutter/extension/function_extension.dart';
|
|||
|
|
import 'select_person_controller.dart';
|
|||
|
|
|
|||
|
|
class SelectPersonView extends GetView<SelectPersonController> {
|
|||
|
|
@override
|
|||
|
|
Widget build(BuildContext context) {
|
|||
|
|
return Scaffold(
|
|||
|
|
backgroundColor: AppColors.scaffoldBackgroundColor,
|
|||
|
|
appBar: CustomAppBarWidget(
|
|||
|
|
title: '选择用户'.tr,
|
|||
|
|
backgroundColor: AppColors.scaffoldBackgroundColor,
|
|||
|
|
leading: IconButton(
|
|||
|
|
icon: const Icon(
|
|||
|
|
Icons.clear_rounded,
|
|||
|
|
color: Colors.black,
|
|||
|
|
),
|
|||
|
|
onPressed: () => Navigator.of(context).pop(),
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
body: SafeArea(
|
|||
|
|
child: Padding(
|
|||
|
|
padding: EdgeInsets.symmetric(
|
|||
|
|
horizontal: 10.w,
|
|||
|
|
vertical: 10.h,
|
|||
|
|
),
|
|||
|
|
child: Column(
|
|||
|
|
children: [
|
|||
|
|
_buildSearchBar(),
|
|||
|
|
SizedBox(
|
|||
|
|
height: 10.h,
|
|||
|
|
),
|
|||
|
|
Container(
|
|||
|
|
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(
|
|||
|
|
() {
|
|||
|
|
return Container(
|
|||
|
|
decoration: const BoxDecoration(
|
|||
|
|
color: Colors.white,
|
|||
|
|
borderRadius: BorderRadius.all(Radius.circular(8.0)),
|
|||
|
|
),
|
|||
|
|
child: RefreshIndicator(
|
|||
|
|
onRefresh: () async {
|
|||
|
|
await controller.requestDepartList();
|
|||
|
|
},
|
|||
|
|
color: const Color(0xFF4A90E2),
|
|||
|
|
backgroundColor: Colors.white,
|
|||
|
|
displacement: 60.0,
|
|||
|
|
edgeOffset: 0.0,
|
|||
|
|
triggerMode: RefreshIndicatorTriggerMode.onEdge,
|
|||
|
|
strokeWidth: 2.5,
|
|||
|
|
semanticsLabel: '下拉刷新首页内容',
|
|||
|
|
semanticsValue: '刷新中...',
|
|||
|
|
child: TreeView.simple(
|
|||
|
|
tree: controller.treeData.value ?? TreeNode.root(),
|
|||
|
|
showRootNode: false,
|
|||
|
|
expansionIndicatorBuilder: noExpansionIndicatorBuilder,
|
|||
|
|
indentation: const Indentation(style: IndentStyle.roundJoint),
|
|||
|
|
onItemTap: (item) {
|
|||
|
|
if (item.data is PersonItem) {
|
|||
|
|
PersonItem personInfo = item.data;
|
|||
|
|
// 避免重复添加
|
|||
|
|
if (!controller.selectPersonNoList.contains(personInfo.personNo) &&
|
|||
|
|
personInfo.personNo != null) {
|
|||
|
|
controller.selectPersonNoList.add(personInfo.personNo!);
|
|||
|
|
} else {
|
|||
|
|
controller.selectPersonNoList.remove(personInfo.personNo);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
controller.selectPersonNoList.refresh();
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
onTreeReady: (c) {
|
|||
|
|
controller.treeViewController = c;
|
|||
|
|
},
|
|||
|
|
builder: (context, node) {
|
|||
|
|
String title = "";
|
|||
|
|
DepartItem departInfo = DepartItem();
|
|||
|
|
PersonItem personInfo = PersonItem();
|
|||
|
|
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) {
|
|||
|
|
// 处理人员节点
|
|||
|
|
personInfo = node.data as PersonItem;
|
|||
|
|
title = personInfo.personName ?? "未命名人员";
|
|||
|
|
|
|||
|
|
personInfo.roles?.forEach((role) {
|
|||
|
|
if (role.isSuper == 1) {
|
|||
|
|
isSuper = 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: isPersonItem,
|
|||
|
|
child: Obx(
|
|||
|
|
() => Checkbox(
|
|||
|
|
value: controller.selectPersonNoList.contains(personInfo.personNo),
|
|||
|
|
activeColor: Colors.blue,
|
|||
|
|
onChanged: (value) {
|
|||
|
|
if (value == true) {
|
|||
|
|
// 避免重复添加
|
|||
|
|
if (!controller.selectPersonNoList.contains(personInfo.personNo) &&
|
|||
|
|
personInfo.id != null) {
|
|||
|
|
controller.selectPersonNoList.add(personInfo.personNo!);
|
|||
|
|
}
|
|||
|
|
} else {
|
|||
|
|
controller.selectPersonNoList.remove(personInfo.personNo);
|
|||
|
|
}
|
|||
|
|
controller.selectPersonNoList.refresh();
|
|||
|
|
},
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
)
|
|||
|
|
],
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
],
|
|||
|
|
),
|
|||
|
|
);
|
|||
|
|
},
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
);
|
|||
|
|
},
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
SizedBox(
|
|||
|
|
height: 10.h,
|
|||
|
|
),
|
|||
|
|
Row(
|
|||
|
|
children: [
|
|||
|
|
Obx(
|
|||
|
|
() => Text(
|
|||
|
|
'已选择：${controller.selectPersonNoList.length}人',
|
|||
|
|
style: TextStyle(
|
|||
|
|
fontSize: 14.sp,
|
|||
|
|
fontWeight: FontWeight.w500,
|
|||
|
|
color: Colors.blue,
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
SizedBox(
|
|||
|
|
width: 20.w,
|
|||
|
|
),
|
|||
|
|
Expanded(
|
|||
|
|
flex: 1,
|
|||
|
|
child: ElevatedButton(
|
|||
|
|
onPressed: () {
|
|||
|
|
if (controller.selectPersonNoList.isEmpty) {
|
|||
|
|
controller.showToast('请先选择一个用户'.tr);
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
List<PersonItem> selectPersonList = [];
|
|||
|
|
// 通过controller.selectPersonNoList 判断controoler.allPersonList对应选中的personInfo
|
|||
|
|
controller.selectPersonNoList.forEach((personNo) {
|
|||
|
|
controller.allPersonList.forEach((personInfo) {
|
|||
|
|
if (personInfo.personNo == personNo) {
|
|||
|
|
selectPersonList.add(personInfo);
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
Get.back(result: selectPersonList);
|
|||
|
|
}.debounce(),
|
|||
|
|
style: ElevatedButton.styleFrom(
|
|||
|
|
backgroundColor: Colors.blue,
|
|||
|
|
padding: EdgeInsets.symmetric(vertical: 12.h),
|
|||
|
|
shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(8.r)),
|
|||
|
|
),
|
|||
|
|
child: Text(
|
|||
|
|
'确定'.tr,
|
|||
|
|
style: TextStyle(
|
|||
|
|
fontSize: 16.sp,
|
|||
|
|
color: Colors.white,
|
|||
|
|
fontWeight: FontWeight.w500,
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
],
|
|||
|
|
)
|
|||
|
|
],
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
_buildSearchBar() {
|
|||
|
|
return TextField(
|
|||
|
|
controller: controller.searchInputController,
|
|||
|
|
textInputAction: TextInputAction.search,
|
|||
|
|
decoration: InputDecoration(
|
|||
|
|
hintText: '请输入设备名称'.tr,
|
|||
|
|
hintStyle: TextStyle(
|
|||
|
|
fontSize: 14.sp,
|
|||
|
|
color: const Color(0xFF999999),
|
|||
|
|
),
|
|||
|
|
prefixIcon: const Icon(
|
|||
|
|
Icons.search,
|
|||
|
|
color: Color(0xFF999999),
|
|||
|
|
),
|
|||
|
|
filled: true,
|
|||
|
|
// 启用背景填充
|
|||
|
|
fillColor: const Color(0xFFf0f0f0),
|
|||
|
|
// 灰色背景（可调整色值）
|
|||
|
|
border: InputBorder.none,
|
|||
|
|
// 设置内边距
|
|||
|
|
contentPadding: EdgeInsets.symmetric(horizontal: 10.w, vertical: 10.h),
|
|||
|
|
focusedBorder: OutlineInputBorder(
|
|||
|
|
borderSide: const BorderSide(
|
|||
|
|
color: Colors.blue,
|
|||
|
|
width: 1.5,
|
|||
|
|
),
|
|||
|
|
borderRadius: BorderRadius.circular(8.0.r),
|
|||
|
|
),
|
|||
|
|
enabledBorder: OutlineInputBorder(
|
|||
|
|
borderSide: const BorderSide(color: Colors.transparent),
|
|||
|
|
borderRadius: BorderRadius.circular(8.0.r),
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
);
|
|||
|
|
}
|
|||
|
|
}
|