opt: relation modify

2024-12-08 14:22:08 +08:00
parent f6264767c1
commit f7fda95696
6 changed files with 276 additions and 229 deletions
--- a/lib/common/widgets/group_panel.dart
+++ b/lib/common/widgets/group_panel.dart
@ -0,0 +1,158 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_smart_dialog/flutter_smart_dialog.dart';
+import 'package:get/get.dart';
+import 'package:pilipala/common/widgets/http_error.dart';
+import 'package:pilipala/http/member.dart';
+import 'package:pilipala/models/member/tags.dart';
+import 'package:pilipala/utils/feed_back.dart';
+
+class GroupPanel extends StatefulWidget {
+  final int? mid;
+  final ScrollController scrollController;
+  const GroupPanel({super.key, this.mid, required this.scrollController});
+
+  @override
+  State<GroupPanel> createState() => _GroupPanelState();
+}
+
+class _GroupPanelState extends State<GroupPanel> {
+  late Future _futureBuilderFuture;
+  late List<MemberTagItemModel> tagsList;
+  bool showDefault = true;
+
+  @override
+  void initState() {
+    super.initState();
+    _futureBuilderFuture = MemberHttp.followUpTags();
+  }
+
+  void onSave() async {
+    feedBack();
+    // 是否有选中的 有选中的带id，没选使用默认0
+    final bool anyHasChecked =
+        tagsList.any((MemberTagItemModel e) => e.checked == true);
+    late String tagids;
+    if (anyHasChecked) {
+      final List<MemberTagItemModel> checkedList =
+          tagsList.where((MemberTagItemModel e) => e.checked == true).toList();
+      final List<int> tagidList =
+          checkedList.map<int>((e) => e.tagid!).toList();
+      tagids = tagidList.join(',');
+    } else {
+      tagids = '0';
+    }
+    // 保存
+    final res = await MemberHttp.addUsers(widget.mid, tagids);
+    SmartDialog.showToast(res['msg']);
+    if (res['status']) {
+      Get.back();
+    }
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return Column(
+      children: <Widget>[
+        AppBar(
+          shape: const RoundedRectangleBorder(
+            borderRadius: BorderRadius.vertical(
+              top: Radius.circular(20),
+            ),
+          ),
+          leading: IconButton(
+              onPressed: () => Get.back(),
+              icon: const Icon(Icons.close_outlined)),
+          title: Text('设置关注分组',
+              style: Theme.of(context)
+                  .textTheme
+                  .titleMedium!
+                  .copyWith(fontWeight: FontWeight.bold)),
+        ),
+        Expanded(
+          child: Material(
+            child: FutureBuilder(
+              future: _futureBuilderFuture,
+              builder: (BuildContext context, AsyncSnapshot snapshot) {
+                if (snapshot.connectionState == ConnectionState.done) {
+                  Map data = snapshot.data as Map;
+                  if (data['status']) {
+                    tagsList = data['data'];
+                    return ListView.builder(
+                      controller: widget.scrollController,
+                      itemCount: data['data'].length,
+                      itemBuilder: (context, index) {
+                        return ListTile(
+                          onTap: () {
+                            data['data'][index].checked =
+                                !data['data'][index].checked;
+                            showDefault =
+                                !data['data'].any((e) => e.checked == true);
+                            setState(() {});
+                          },
+                          dense: true,
+                          leading: const Icon(Icons.group_outlined),
+                          minLeadingWidth: 0,
+                          title: Text(data['data'][index].name),
+                          subtitle: data['data'][index].tip != ''
+                              ? Text(data['data'][index].tip)
+                              : null,
+                          trailing: Transform.scale(
+                            scale: 0.9,
+                            child: Checkbox(
+                              value: data['data'][index].checked,
+                              onChanged: (bool? checkValue) {
+                                data['data'][index].checked = checkValue;
+                                showDefault =
+                                    !data['data'].any((e) => e.checked == true);
+                                setState(() {});
+                              },
+                            ),
+                          ),
+                        );
+                      },
+                    );
+                  } else {
+                    return HttpError(
+                      errMsg: data['msg'],
+                      fn: () => setState(() {}),
+                    );
+                  }
+                } else {
+                  // 骨架屏
+                  return const Center(child: Text('请求中'));
+                }
+              },
+            ),
+          ),
+        ),
+        Divider(
+          height: 1,
+          color: Theme.of(context).disabledColor.withOpacity(0.08),
+        ),
+        Padding(
+          padding: EdgeInsets.only(
+            left: 20,
+            right: 20,
+            top: 12,
+            bottom: MediaQuery.paddingOf(context).bottom + 12,
+          ),
+          child: Row(
+            mainAxisAlignment: MainAxisAlignment.end,
+            children: [
+              TextButton(
+                onPressed: () => onSave(),
+                style: TextButton.styleFrom(
+                  padding: const EdgeInsets.only(left: 30, right: 30),
+                  foregroundColor: Theme.of(context).colorScheme.onPrimary,
+                  backgroundColor:
+                      Theme.of(context).colorScheme.primary, // 设置按钮背景色
+                ),
+                child: Text(showDefault ? '保存至默认分组' : '保存'),
+              ),
+            ],
+          ),
+        ),
+      ],
+    );
+  }
+}