完成咨询建议/投诉表扬

lib/constants/api.dart

@@ -102,6 +102,9 @@ class _Manager {
 
   ///建议评价
   String get adviceEvaluate => '/user/advice/evaluate';
+
+  ///删除建议
+  String get deleteAdvice => '/user/advice/falseDelete';
 }
 
 class _Upload {

lib/ui/manager/advice/advice_page.dart

@@ -3,9 +3,13 @@ import 'package:akuCommunity/model/manager/suggestion_or_complain_model.dart';
 import 'package:akuCommunity/pages/things_page/widget/bee_list_view.dart';
 import 'package:akuCommunity/ui/manager/advice/advice_card.dart';
 import 'package:akuCommunity/ui/manager/advice/new_advice_page.dart';
+import 'package:akuCommunity/utils/network/base_model.dart';
+import 'package:akuCommunity/utils/network/net_util.dart';
+import 'package:akuCommunity/widget/animated/animated_transition.dart';
 import 'package:akuCommunity/widget/bee_scaffold.dart';
 import 'package:akuCommunity/utils/headers.dart';
 import 'package:akuCommunity/widget/buttons/bottom_button.dart';
+import 'package:akuCommunity/widget/buttons/radio_button.dart';
 import 'package:akuCommunity/widget/tab_bar/bee_tab_bar.dart';
 import 'package:flutter/cupertino.dart';
 import 'package:flutter/material.dart';
@@ -29,6 +33,9 @@ class AdvicePage extends StatefulWidget {
 class _AdvicePageState extends State<AdvicePage> with TickerProviderStateMixin {
   EasyRefreshController _refreshController = EasyRefreshController();
   TabController _tabController;
+  bool _selectedMode = false;
+
+  List<int> _selectedItems = [];
 
   String get title {
     switch (widget.type) {
@@ -82,9 +89,18 @@ class _AdvicePageState extends State<AdvicePage> with TickerProviderStateMixin {
   Widget build(BuildContext context) {
     return BeeScaffold(
       title: title,
+      actions: [
+        FlatButton(
+          onPressed: () => setState(() => _selectedMode = !_selectedMode),
+          child: (_selectedMode ? '完成' : '编辑').text.make(),
+        ),
+      ],
       appBarBottom: BeeTabBar(
         controller: _tabController,
         tabs: tabs,
+        onTap: (index) {
+          _selectedItems.clear();
+        },
       ),
       body: TabBarView(
         controller: _tabController,
@@ -100,7 +116,37 @@ class _AdvicePageState extends State<AdvicePage> with TickerProviderStateMixin {
               return ListView.separated(
                 padding: EdgeInsets.symmetric(horizontal: 32.w, vertical: 20.w),
                 itemBuilder: (context, index) {
-                  return AdviceCard(model: items[index]);
+                  return Stack(
+                    children: [
+                      Positioned(
+                        left: 0,
+                        top: 0,
+                        bottom: 0,
+                        child: GestureDetector(
+                          onTap: () {
+                            setState(() {
+                              if (_selectedItems.contains(items[index].id))
+                                _selectedItems.remove(items[index].id);
+                              else
+                                _selectedItems.add(items[index].id);
+                            });
+                          },
+                          child: Container(
+                            color: Colors.transparent,
+                            alignment: Alignment.topLeft,
+                            child: BeeRadio(
+                              value: items[index].id,
+                              groupValues: _selectedItems,
+                            ),
+                          ),
+                        ),
+                      ),
+                      AnimatedTranslate(
+                        offset: _selectedMode ? Offset(60.w, 0) : Offset.zero,
+                        child: AdviceCard(model: items[index]),
+                      ),
+                    ],
+                  );
                 },
                 separatorBuilder: (_, __) => 20.hb,
                 itemCount: items.length,
@@ -109,7 +155,26 @@ class _AdvicePageState extends State<AdvicePage> with TickerProviderStateMixin {
           );
         }).toList(),
       ),
-      bottomNavi: BottomButton(
+      bottomNavi: AnimatedCrossFade(
+        crossFadeState: _selectedMode
+            ? CrossFadeState.showFirst
+            : CrossFadeState.showSecond,
+        duration: Duration(milliseconds: 300),
+        firstChild: BottomButton(
+          onPressed: () async {
+            await NetUtil().post(
+              API.manager.deleteAdvice,
+              params: {'ids': _selectedItems},
+              showMessage: true,
+            );
+            _refreshController.callRefresh();
+            setState(() {
+              _selectedMode = false;
+            });
+          },
+          child: '删除订单'.text.make(),
+        ),
+        secondChild: BottomButton(
           onPressed: () async {
             bool needRefresh = await Get.to(NewAdvicePage(type: widget.type));
             if (needRefresh == true) {
@@ -118,7 +183,8 @@ class _AdvicePageState extends State<AdvicePage> with TickerProviderStateMixin {
                 title: '您的信息已提交，我们会尽快回复您，祝您生活愉快'.text.isIntrinsic.make(),
                 actions: [
                   CupertinoDialogAction(
-                  child: '确定'.text.color(Color(0xFFFF8200)).isIntrinsic.make(),
+                    child:
+                        '确定'.text.color(Color(0xFFFF8200)).isIntrinsic.make(),
                     onPressed: Get.back,
                   ),
                 ],
@@ -127,6 +193,7 @@ class _AdvicePageState extends State<AdvicePage> with TickerProviderStateMixin {
           },
           child: Text('新增'),
         ),
+      ),
     );
   }
 }

lib/widget/animated/animated_scale.dart

@@ -0,0 +1,34 @@
+import 'package:flutter/material.dart';
+
+class AnimatedScale extends ImplicitlyAnimatedWidget {
+  final Widget child;
+  final double scale;
+
+  AnimatedScale({this.child, this.scale})
+      : super(
+          duration: Duration(milliseconds: 300),
+        );
+  @override
+  ImplicitlyAnimatedWidgetState<ImplicitlyAnimatedWidget> createState() =>
+      _AnimatedScaleState();
+}
+
+class _AnimatedScaleState extends AnimatedWidgetBaseState<AnimatedScale> {
+  Tween<double> scaleTween;
+  @override
+  Widget build(BuildContext context) {
+    return Transform.scale(
+      scale: scaleTween.evaluate(animation),
+      child: widget.child,
+    );
+  }
+
+  @override
+  void forEachTween(visitor) {
+    scaleTween = visitor(
+      scaleTween,
+      widget.scale,
+      (value) => Tween<double>(begin: value),
+    );
+  }
+}

lib/widget/animated/animated_transition.dart

@@ -0,0 +1,35 @@
+import 'package:flutter/material.dart';
+
+class AnimatedTranslate extends ImplicitlyAnimatedWidget {
+  final Widget child;
+  final Offset offset;
+
+  AnimatedTranslate({this.child, this.offset})
+      : super(
+          duration: Duration(milliseconds: 300),
+        );
+  @override
+  ImplicitlyAnimatedWidgetState<ImplicitlyAnimatedWidget> createState() =>
+      _AnimatedTranslateState();
+}
+
+class _AnimatedTranslateState
+    extends AnimatedWidgetBaseState<AnimatedTranslate> {
+  Tween<Offset> _offsetTween;
+  @override
+  Widget build(BuildContext context) {
+    return Transform.translate(
+      offset: _offsetTween.evaluate(animation),
+      child: widget.child,
+    );
+  }
+
+  @override
+  void forEachTween(visitor) {
+    _offsetTween = visitor(
+      _offsetTween,
+      widget.offset,
+      (value) => Tween<Offset>(begin: value),
+    );
+  }
+}

lib/widget/buttons/bottom_button.dart

@@ -30,6 +30,7 @@ class BottomButton extends StatelessWidget {
         onPressed: onPressed,
         color: kPrimaryColor,
         height: 98.w,
+        minWidth: double.infinity,
       ),
     );
   }

lib/widget/buttons/radio_button.dart

@@ -0,0 +1,55 @@
+import 'package:akuCommunity/base/base_style.dart';
+import 'package:akuCommunity/utils/headers.dart';
+import 'package:akuCommunity/widget/animated/animated_scale.dart';
+import 'package:flutter/material.dart';
+
+class BeeRadio<T> extends StatefulWidget {
+  final T value;
+  final List<T> groupValues;
+  BeeRadio({Key key, @required this.value, @required this.groupValues})
+      : super(key: key);
+
+  @override
+  _BeeRadioState createState() => _BeeRadioState();
+}
+
+class _BeeRadioState extends State<BeeRadio> {
+  bool get _selected {
+    if (widget.groupValues.contains(widget.value)) return true;
+    return false;
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return AnimatedContainer(
+      height: 40.w,
+      width: 40.w,
+      decoration: BoxDecoration(
+        border: Border.all(
+          color: _selected ? kPrimaryColor : Color(0xFF979797),
+          width: 3.w,
+        ),
+        borderRadius: BorderRadius.circular(20.w),
+      ),
+      duration: Duration(milliseconds: 300),
+      curve: Curves.easeInOutCubic,
+      alignment: Alignment.center,
+      child: AnimatedOpacity(
+        duration: Duration(milliseconds: 300),
+        curve: Curves.easeInOutCubic,
+        opacity: _selected ? 1 : 0,
+        child: AnimatedScale(
+          scale: _selected ? 1 : 0,
+          child: Container(
+            height: 24.w,
+            width: 24.w,
+            decoration: BoxDecoration(
+              color: kPrimaryColor,
+              borderRadius: BorderRadius.circular(12.w),
+            ),
+          ),
+        ),
+      ),
+    );
+  }
+}

lib/widget/tab_bar/bee_tab_bar.dart

@@ -5,7 +5,9 @@ import 'package:flutter_screenutil/flutter_screenutil.dart';
 class BeeTabBar extends StatefulWidget with PreferredSizeWidget {
   final TabController controller;
   final List<String> tabs;
-  BeeTabBar({Key key, @required this.controller, @required this.tabs})
+  final Function(int index) onTap;
+  BeeTabBar(
+      {Key key, @required this.controller, @required this.tabs, this.onTap})
       : super(key: key);
 
   @override
@@ -16,6 +18,22 @@ class BeeTabBar extends StatefulWidget with PreferredSizeWidget {
 }
 
 class _BeeTabBarState extends State<BeeTabBar> {
+  update() {
+    if (widget.onTap != null) widget.onTap(widget.controller.index);
+  }
+
+  @override
+  void initState() {
+    super.initState();
+    widget.controller.addListener(update);
+  }
+
+  @override
+  void dispose() {
+    widget.controller.removeListener(update);
+    super.dispose();
+  }
+
   @override
   Widget build(BuildContext context) {
     return TabBar(
@@ -30,6 +48,7 @@ class _BeeTabBarState extends State<BeeTabBar> {
       indicatorColor: Color(0xffffc40c),
       indicatorSize: TabBarIndicatorSize.label,
       tabs: widget.tabs.map((e) => Tab(text: e)).toList(),
+      onTap: widget.onTap,
     );
   }
 }