二级方案

lib/ClueModel/page/common/StickyTabBarDelegate.dart

+import 'package:flutter/material.dart';
+
+class StickyTabBarDelegate extends SliverPersistentHeaderDelegate {
+  final Widget child;
+
+  StickyTabBarDelegate({@required this.child});
+
+  @override
+  Widget build(
+      BuildContext context, double shrinkOffset, bool overlapsContent) {
+    return this.child;
+  }
+
+  @override
+  double get maxExtent => 40;
+
+  @override
+  double get minExtent => 40;
+
+  @override
+  bool shouldRebuild(SliverPersistentHeaderDelegate oldDelegate) {
+    return true;
+  }
+}

lib/ClueModel/page/levelOne/LevelOneList.dart

@@ -25,7 +25,7 @@ class LevelOneList extends StatefulWidget {
 }
 
 class LevelOneListState extends State<LevelOneList>
-    with AutomaticKeepAliveClientMixin{
+    with AutomaticKeepAliveClientMixin {
   LevelOneListModel _model = LevelOneListModel();
   RefreshController refreshController = RefreshController();
 
@@ -83,7 +83,7 @@ class LevelOneListState extends State<LevelOneList>
                 return SliverList(
                   delegate: SliverChildBuilderDelegate(
                     (BuildContext context, int index) {
-                      if(index==_model.data.length){
+                      if (index == _model.data.length) {
                         return Container(
                           height: 40,
                           color: Color(0xffF7F6FA),
@@ -91,7 +91,7 @@ class LevelOneListState extends State<LevelOneList>
                       }
                       return LevelOneItem(_model.data[index]);
                     },
-                    childCount: _model.data.length+1,
+                    childCount: _model.data.length + 1,
                   ),
                 );
               },

lib/ClueModel/page/levelOne/LevelOnePage.dart

@@ -11,9 +11,9 @@ import 'package:extended_nested_scroll_view/extended_nested_scroll_view.dart'
 import 'package:flutter/cupertino.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter/services.dart';
+import 'package:gm_flutter/ClueModel/page/common/StickyTabBarDelegate.dart';
 import 'package:gm_flutter/ClueModel/page/levelOne/LevelOneList.dart';
 import 'package:gm_flutter/ClueModel/page/levelOne/LevelOneModel.dart';
-import 'package:gm_flutter/ClueModel/page/levelTwo/LevelTwoPage.dart';
 import 'package:gm_flutter/commonModel/base/BaseComponent.dart';
 import 'package:gm_flutter/commonModel/base/BaseState.dart';
 import 'package:gm_flutter/commonModel/base/BaseUtil.dart';

lib/ClueModel/page/levelTwo/LevelTwoModel.dart → lib/ClueModel/page/levelTwo/LevelOneModel.dart

@@ -7,72 +7,50 @@ import 'package:flutter_common/commonModel/live/BaseModel.dart';
 import 'package:flutter_common/commonModel/live/LiveData.dart';
 import 'package:flutter_common/commonModel/toast/NativeToast.dart';
 import 'package:gm_flutter/ClueModel/server/api/ClueApi.serv.dart';
-import 'package:gm_flutter/ClueModel/server/entity/LevelOneFeedList.dart';
-import 'package:gm_flutter/ClueModel/server/entity/PlanOverviewBean.dart';
+import 'package:gm_flutter/ClueModel/server/entity/PlanOverViewBean.dart';
 import 'package:gm_flutter/commonModel/GMBase.dart';
+import 'package:gm_flutter/commonModel/bean/Pair.dart';
 import 'package:gm_flutter/commonModel/rx/RxDispose.dart';
 import 'package:gm_flutter/commonModel/util/PrintUtil.dart';
-import 'package:gm_flutter/commonModel/bean/Pair.dart';
-
-import '../../../commonModel/bean/Pair.dart';
-
-class LevelTwoModel extends BaseModel {
-  LiveData<Pair<int, String>> nameLive = LiveData();
-  LiveData<Pair<int, String>> imageUrlLive = LiveData();
-  LiveData<Pair<int, List<OverviewAttrsEntity>>> overviewAttrsLive = LiveData();
-  LiveData<Pair<int, List<ExplanationAttrsEntity>>> explanationAttrsLive =
-      LiveData();
-  LiveData<Pair<int, List<Tabs>>> tabsLive = LiveData();
 
+class LevelOneModel extends BaseModel {
   LiveData<int> stateLive = LiveData();
-  LiveData<Pair<int, List<Cards>>> cardsLive = LiveData();
+  LiveData<double> textLive = LiveData();
+
   RxDispose rxDispose = RxDispose();
 
-  getPlanOverview(int plan_id) {
+  List<Tabs> tabsList = [];
+  int plan_id = 0;
+  PlanOverData planoverItem;
+
+  void init(VoidCallback callback) {
     ClueApiImpl.getInstance()
-        .getPlanOverviewBean(DioUtil.getInstance().getDio(), plan_id)
+        .getPlanOverView(DioUtil.getInstance().getDio(), plan_id)
         .listen((event) {
           if (event.error == 0) {
+            planoverItem = event.data;
+            tabsList = event.data.tabs;
             stateLive.notifyView(ENDLOADING);
-            nameLive.notifyView(Pair(ENDLOADING, event.data.name));
-            imageUrlLive
-                .notifyView(Pair(ENDLOADING, event.data.banner.imageUrl));
-            overviewAttrsLive
-                .notifyView(Pair(ENDLOADING, event.data.overviewAttrs));
-            explanationAttrsLive
-                .notifyView(Pair(ENDLOADING, event.data.explanationAttrs));
-            tabsLive.notifyView(Pair(ENDLOADING, event.data.tabs));
+            callback();
           } else {
             NativeToast.showNativeToast(event.message);
-            commonError();
+            stateLive.notifyView(FAIL);
           }
         })
         .addToDispose(rxDispose)
         .onError((err) {
-          commonError();
           PrintUtil.printBug(err);
+          stateLive.notifyView(FAIL);
         });
   }
 
-  commonError() {
-    stateLive.notifyView(FAIL);
-    nameLive.notifyView(Pair(FAIL, null));
-    imageUrlLive.notifyView(Pair(FAIL, null));
-    overviewAttrsLive.notifyView(Pair(FAIL, null));
-    explanationAttrsLive.notifyView(Pair(FAIL, null));
-    tabsLive.notifyView(Pair(FAIL, null));
-  }
+  int currentIndex = 0;
 
   @override
   void dispose() {
-    nameLive.dispost();
-    imageUrlLive.dispost();
-    overviewAttrsLive.dispost();
-    explanationAttrsLive.dispost();
-    tabsLive.dispost();
     stateLive.dispost();
-    rxDispose.dispose();
+    textLive.dispost();
   }
 
-  void loadMore() {}
+  void selectTab(int index) {}
 }

lib/ClueModel/page/levelTwo/LevelTwoPage.dart

 /*
- * @author dx
- * @date 2020-06-29
+ * @author lsy
+ * @date   2020/6/29
  **/
-
+import 'dart:async';
 import 'dart:math';
+import 'dart:ui';
 
-import 'package:cached_network_image/cached_network_image.dart';
+import 'package:extended_nested_scroll_view/extended_nested_scroll_view.dart'
+    as extend;
+import 'package:flutter/cupertino.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter_common/commonModel/picker/base/BaseBottomPicker.dart';
-import 'package:gm_flutter/ClueModel/page/levelTwo/LevelTwoModel.dart';
+import 'package:gm_flutter/ClueModel/page/common/StickyTabBarDelegate.dart';
+import 'package:gm_flutter/ClueModel/page/levelOne/LevelOneList.dart';
+import 'package:gm_flutter/ClueModel/page/levelOne/LevelOneModel.dart';
 import 'package:gm_flutter/ClueModel/page/mechanismBox/MechanismBoxPage.dart';
-import 'package:gm_flutter/ClueModel/server/entity/LevelOneFeedList.dart';
-import 'package:gm_flutter/ClueModel/server/entity/PlanOverviewBean.dart';
-import 'package:gm_flutter/ClueModel/view/FiveStarView.dart';
-import 'package:gm_flutter/commonModel/base/BaseState.dart';
-import 'package:gm_flutter/commonModel/base/BaseUtil.dart';
 import 'package:gm_flutter/commonModel/base/BaseComponent.dart';
+import 'package:gm_flutter/commonModel/base/BaseState.dart';
+import 'package:gm_flutter/commonModel/eventbus/SimpleEventBus.dart';
+import 'package:gm_flutter/commonModel/view/baseRefreshIndicator.dart';
+import 'package:gm_flutter/main.mark.dart';
 import 'package:pull_to_refresh/pull_to_refresh.dart';
-import 'package:gm_flutter/commonModel/bean/Pair.dart';
-
-import '../../../commonModel/bean/Pair.dart';
-import '../../../commonModel/bean/Pair.dart';
-import '../../../commonModel/bean/Pair.dart';
 
 class LevelTwoPage extends StatefulWidget {
-  @required
-  final int plan_id;
-
-  const LevelTwoPage({Key key, this.plan_id}) : super(key: key);
-
   @override
-  _LevelTwoPageState createState() => _LevelTwoPageState();
+  State<StatefulWidget> createState() => LevelTwoState();
 }
 
-class _LevelTwoPageState extends BaseState<LevelTwoPage>
+class LevelTwoState extends BaseState<LevelTwoPage>
     with SingleTickerProviderStateMixin {
-  LevelTwoModel _model = new LevelTwoModel();
+  int planId = 10;
+  LevelOneModel _model = new LevelOneModel();
   RefreshController _refreshController = RefreshController();
-  PageController pageController = new PageController();
+  GlobalKey keyTop = new GlobalKey();
+  GlobalKey key1 = new GlobalKey();
+  double screenWidth;
+  List<Widget> oneList = new List();
+  int lastPageIndex = 0;
+
   TabController tabController;
 
+  int index = 0;
+
   @override
   void initState() {
     super.initState();
-    this.tabController = TabController(length: 2, vsync: this);
-    _model.getPlanOverview(this.widget.plan_id);
+    _model.init(() {
+      _initTabBar();
+    });
+  }
+
+  void _initTabBar() {
+    if (tabController != null) {
+      tabController.removeListener(tabControlerListener);
+    }
+    tabController = TabController(
+        initialIndex: index, length: _model.tabsList.length, vsync: this);
+    tabController.addListener(tabControlerListener);
+    setState(() {});
   }
 
   @override
   void dispose() {
+    tabController?.removeListener(tabControlerListener);
+    tabController?.dispose();
     _model.dispose();
-    pageController.dispose();
     _refreshController.dispose();
     super.dispose();
   }
 
+  void tabControlerListener() {
+    if (index != tabController.index) {
+      index = tabController.index;
+    }
+  }
+
   @override
   Widget buildItem(BuildContext context) {
-    return Scaffold(
-        body: StreamBuilder<int>(
-      stream: _model.stateLive.stream,
-      initialData: _model.stateLive.data ?? LOADING,
-      builder: (c, data) {
-        print("ddsadsadsadsa");
-        print(data);
-        if (data.data == FAIL) {
-          return loadingItem();
-        } else {
-          return home();
-        }
-      },
+    oneList.clear();
+    oneList.add(good());
+    oneList.add(rect());
+    oneList.add(explain());
+    oneList.add(Container(
+      height: 5,
+      color: Color(0xffF7F6FA),
     ));
+    screenWidth = MediaQuery.of(context).size.width;
+    return Scaffold(
+        backgroundColor: Colors.white,
+        body: SafeArea(
+            top: false,
+            child: baseStateView(
+                MediaQuery.of(context).size.width,
+                MediaQuery.of(context).size.height,
+                _model.stateLive,
+                Container(
+                  child: BaseNestedScrollViewRefreshIndicator(
+                      onRefresh: () async {
+                        Completer completer = new Completer();
+                        _model.init(() {
+                          _initTabBar();
+                          SimpleEventBus.instance()
+                              .notifyListener("LevelOneList", "");
+                          completer.complete();
+                        });
+                        return completer.future;
+                      },
+                      child: newHomeWarp()),
+                ), () {
+              _model.init(() {
+                _initTabBar();
+              });
+            })));
   }
 
-  Widget home() {
+  Widget newHomeWarp() {
     return Stack(
       children: <Widget>[
-        CustomScrollView(slivers: <Widget>[
-          SliverAppBar(
-            pinned: true,
-            elevation: 0,
-            expandedHeight: 0,
-            flexibleSpace: FlexibleSpaceBar(title: title((data) {
-              return Text(data);
-            })),
-          ),
-          SliverToBoxAdapter(
-              child: Column(
-            crossAxisAlignment: CrossAxisAlignment.start,
-            mainAxisSize: MainAxisSize.max,
-            children: <Widget>[good(), rect(), explain()],
-          )),
-          SliverPersistentHeader(
-            pinned: true,
-            delegate: StickyTabBarDelegate(
-              child: baseTabBar(tabController,
-                  [baseTabBarItem("医院"), baseTabBarItem("医生")], (index) {},
-                  scroll: false),
-            ),
-          ),
-          // SliverFillRemaining(child: pages())
-        ]),
-        Positioned(left: 0, right: 0, bottom: 0, child: bottomWidget())
+        Container(
+            width: MediaQuery.of(context).size.width,
+            height: MediaQuery.of(context).size.height,
+            child: NotificationListener(
+              onNotification: (scrollNotification) {
+                if (scrollNotification is KeepAliveNotification ||
+                    scrollNotification is OverscrollIndicatorNotification) {
+                  return false;
+                }
+                if (scrollNotification is ScrollUpdateNotification &&
+                    scrollNotification.metrics.axisDirection.index == 2) {}
+                if (scrollNotification.depth == 0) {
+                  if (scrollNotification.metrics.pixels > 80) {
+                    _model.textLive.notifyView(
+                        (scrollNotification.metrics.pixels - 80) / 40 > 1.0
+                            ? 1.0
+                            : (scrollNotification.metrics.pixels - 80) / 40);
+                  } else {
+                    _model.textLive.notifyView(0.0);
+                  }
+                } else if (scrollNotification.depth == 2) {
+                  if (scrollNotification.metrics.pixels < 50 &&
+                      scrollNotification.metrics.pixels > 0) {
+                    _model.textLive.notifyView(1.0);
+                  }
+                }
+                return false;
+              },
+              child: newHome(),
+            )),
+        baseSliverTitle(_model.planoverItem?.name,
+            MediaQuery.of(context).size.width, _model.textLive),
+        baseSliverBack(() {
+          Navigator.of(context).pop();
+        }),
+        bottomWidget()
       ],
     );
   }
 
-  // 方案名称
-  Widget title(Function text) {
-    return StreamBuilder<Pair<int, String>>(
-      stream: _model.nameLive.stream,
-      initialData: _model.nameLive.data ?? Pair(LOADING, null),
-      builder: (context, e) {
-        if (e.data.first == FAIL) {
-          return Text('');
-        }
-        return text(e.data.second);
-      },
-    );
+  Widget newHome() {
+    List<Widget> list = [];
+    var d = MediaQueryData.fromWindow(window).padding.top;
+    for (int i = 0; i < _model.tabsList.length; i++) {
+      list.add(extend.NestedScrollViewInnerScrollPositionKeyWidget(
+          Key("Tab${i}"),
+          LevelOneList(
+              planId, _model.tabsList[i].tabType, kToolbarHeight + d)));
+    }
+    final double statusBarHeight = MediaQuery.of(context).padding.top;
+    final double pinnedHeaderHeight = statusBarHeight + kToolbarHeight;
+    return extend.NestedScrollView(
+        innerScrollPositionKeyBuilder: () {
+          String index = 'Tab${tabController.index.toString()}';
+          return Key(index);
+        },
+        headerSliverBuilder: (BuildContext context, bool innerBoxIsScrolled) {
+          return <Widget>[
+            SliverList(
+                delegate: SliverChildBuilderDelegate((BuildContext c, int i) {
+              if (i == 0) {
+                return Container(
+                  height: pinnedHeaderHeight,
+                );
+              }
+              return oneList[i - 1];
+            }, childCount: oneList.length + 1)),
+            SliverPersistentHeader(
+              pinned: true,
+              delegate: StickyTabBarDelegate(
+                  child: Container(
+                height: 40,
+                color: Colors.white,
+                child: baseTabBar(tabController, getTabs(), (index) {
+                  _model.selectTab(index);
+                }, scroll: false),
+              )),
+            ),
+          ];
+        },
+        body: TabBarView(controller: tabController, children: list));
+  }
+
+  List<Widget> getTabs() {
+    List<Widget> list = [];
+    for (int i = 0; i < _model.tabsList.length; i++) {
+      list.add(baseTabBarItem(_model.tabsList[i].name,
+          leftPadding: i == 0 ? 24 : 28,
+          rightPadding: i == _model.tabsList.length - 1 ? 24 : 28));
+    }
+    return list;
   }
 
-  // 方案顶部
   Widget good() {
+    if (_model.planoverItem == null) {
+      return Container(
+        height: 54,
+      );
+    }
     return Padding(
       padding: EdgeInsets.only(left: 15.0, right: 15.0, top: 8.0),
       child: Row(
         crossAxisAlignment: CrossAxisAlignment.start,
         mainAxisSize: MainAxisSize.max,
         children: <Widget>[
-          StreamBuilder<Pair<int, String>>(
-              stream: _model.imageUrlLive.stream,
-              initialData: _model.imageUrlLive.data ?? null,
-              builder: (context, e) {
-                if (e.data.first == FAIL) {
-                  return Container();
-                }
-                return ClipRRect(
-                    borderRadius: BorderRadius.circular(6),
-                    child: Container(
-                      decoration: BoxDecoration(
-                          borderRadius: BorderRadius.circular(17),
-                          border:
-                              Border.all(color: Color(0xffF9F8FB), width: 1)),
-                      child: Image.network(
-                        e.data.second,
-                        width: 86,
-                        height: 86,
-                        fit: BoxFit.cover,
-                      ),
-                    ));
-              }),
+          ClipRRect(
+              borderRadius: BorderRadius.circular(6),
+              child: Container(
+                decoration: BoxDecoration(
+                    borderRadius: BorderRadius.circular(17),
+                    border: Border.all(color: Color(0xffF9F8FB), width: 1)),
+                child: Image.network(
+                  _model.planoverItem.banner.imageUrl,
+                  width: 86,
+                  height: 86,
+                  fit: BoxFit.cover,
+                ),
+              )),
           Padding(
               padding: EdgeInsets.only(left: 12, top: 5),
               child: Column(
                 crossAxisAlignment: CrossAxisAlignment.start,
                 mainAxisSize: MainAxisSize.max,
                 children: <Widget>[
-                  title((data) {
-                    return Text(data,
-                        style: TextStyle(
-                            color: Color(0xff333333),
-                            fontSize: 15,
-                            fontWeight: FontWeight.bold));
-                  }),
+                  Text(_model.planoverItem.name,
+                      style: TextStyle(
+                          color: Color(0xff333333),
+                          fontSize: 15,
+                          fontWeight: FontWeight.bold)),
                   Padding(padding: EdgeInsets.only(top: 5)),
                   Row(
                     crossAxisAlignment: CrossAxisAlignment.start,
@@ -172,7 +255,7 @@ class _LevelTwoPageState extends BaseState<LevelTwoPage>
                           style: TextStyle(
                               color: Color(0xff999999), fontSize: 12)),
                       Text(
-                        '¥2000-5000',
+                        '¥' + _model.planoverItem.guidePrice,
                         style:
                             TextStyle(color: Color(0xffFF5963), fontSize: 12),
                       )
@@ -185,392 +268,169 @@ class _LevelTwoPageState extends BaseState<LevelTwoPage>
     );
   }
 
-  // 方案属性
   Widget rect() {
-    return Padding(
-      padding: EdgeInsets.only(top: 20),
-      child: StreamBuilder<Pair<int, List<OverviewAttrsEntity>>>(
-        stream: _model.overviewAttrsLive.stream,
-        initialData: _model.overviewAttrsLive.data ?? Pair(LOADING, null),
-        builder: (c, data) {
-          if (data.data.first == FAIL) {
-            return Center();
-          }
-          final overviewAttrs = data.data.second;
-          List<Widget> list = List();
-          for (int i = 0; i < overviewAttrs.length; i += 2) {
-            list.add(Expanded(
-              child: Container(
-                alignment: Alignment.center,
-                child: Column(
-                  mainAxisSize: MainAxisSize.min,
-                  crossAxisAlignment: CrossAxisAlignment.center,
-                  children: <Widget>[
-                    baseText(overviewAttrs[i].attrName, 14, Color(0xff282828),
-                        bold: true),
-                    baseText(overviewAttrs[i].attrValue, 11, Color(0xff999999)),
-                  ],
-                ),
-              ),
-            ));
-            if (i < overviewAttrs.length - 2) {
-              list.add(Container(
-                width: 0.5,
-                height: 18,
-                color: Color(0xFFE5E5E5),
-              ));
-            }
-          }
-          return Container(
-            decoration: BoxDecoration(
-              borderRadius: BorderRadius.circular(4),
-              color: Color(0xffF9F8FB),
-            ),
-            width: double.maxFinite,
-            height: 62,
-            margin: EdgeInsets.only(left: 15, right: 15, bottom: 20),
-            child: Row(
-              crossAxisAlignment: CrossAxisAlignment.center,
-              children: list,
-            ),
-          );
-        },
-      ),
-    );
-  }
-
-  // 方案项目说明
-  Widget explain() {
-    return StreamBuilder<Pair<int, List<ExplanationAttrsEntity>>>(
-      stream: _model.explanationAttrsLive.stream,
-      initialData: _model.explanationAttrsLive.data ?? Pair(LOADING, null),
-      builder: (c, data) {
-        List<Widget> list = [];
-        List<ExplanationAttrsEntity> explanationAttrs = data.data.second;
-        list.add(Container(
-          height: 31,
-          child: Row(
+    if (_model.planoverItem == null) {
+      return Container(
+        height: 62,
+      );
+    }
+    List<Widget> list = List();
+    int i = 0;
+    _model.planoverItem.overviewAttrs.forEach((element) {
+      list.add(Expanded(
+        child: Container(
+          alignment: Alignment.center,
+          child: Column(
+            mainAxisSize: MainAxisSize.min,
+            crossAxisAlignment: CrossAxisAlignment.center,
             children: <Widget>[
-              baseText("项目说明", 15, Color(0xff282828)),
-              Expanded(
-                child: Container(),
-              ),
-              GestureDetector(
-                onTap: () {
-                  //TODO
-                },
-                behavior: HitTestBehavior.opaque,
-                child: baseText("了解更多", 12, Color(0xff3FB5AF)),
-              )
+              baseText(element.attrName, 14, Color(0xff282828), bold: true),
+              baseText(element.attrValue, 11, Color(0xff999999)),
             ],
           ),
+        ),
+      ));
+      if (i != _model.planoverItem?.overviewAttrs.length - 1) {
+        list.add(Container(
+          width: 0.5,
+          height: 18,
+          color: Color(0xFFE5E5E5),
         ));
-        for (int i = 0; i < explanationAttrs.length; i += 2) {
-          list.add(Container(
-            height: 28,
-            child: Row(
-              children: <Widget>[
-                baseText(explanationAttrs[i].attrName, 13, Color(0xff999999)),
-                Container(
-                  margin: EdgeInsets.only(left: 12),
-                  child: baseText(
-                      explanationAttrs[i].attrValue, 13, Color(0xff666666)),
-                )
-              ],
-            ),
-          ));
-        }
-        return Container(
-          margin: EdgeInsets.only(left: 15, right: 15, bottom: 20),
-          child: Column(
-            mainAxisSize: MainAxisSize.min,
-            children: list,
-          ),
-        );
-      },
-    );
-  }
-
-  // 底部按钮
-  Widget bottomWidget() {
+      }
+      i++;
+    });
     return Container(
+      decoration: BoxDecoration(
+        borderRadius: BorderRadius.circular(4),
+        color: Color(0xffF9F8FB),
+      ),
       width: double.maxFinite,
-      height: 55,
+      height: 62,
+      margin: EdgeInsets.only(left: 15, right: 15, bottom: 20),
       child: Row(
-        mainAxisSize: MainAxisSize.min,
         crossAxisAlignment: CrossAxisAlignment.center,
+        children: list,
+      ),
+    );
+  }
+
+  Widget explain() {
+    List<Widget> list = [];
+    list.add(Container(
+      height: 31,
+      child: Row(
         children: <Widget>[
-          Container(
-            margin: EdgeInsets.only(left: 18),
-            width: 30,
-            child: Column(
-              mainAxisSize: MainAxisSize.min,
-              children: <Widget>[
-                Container(
-                  width: 22,
-                  height: 22,
-                  child: Image.asset("assets/vs_black.png"),
-                ),
-                Container(
-                  margin: EdgeInsets.only(top: 3),
-                  child: baseText("去比较", 10, Color(0xff282828)),
-                )
-              ],
-            ),
-          ),
-          GestureDetector(
-              behavior: HitTestBehavior.opaque,
-              onTap: () {
-                BaseBottomPicker()
-                  ..setPicker(MechanismBox(12))
-                  ..show(context);
-              },
-              child: Container(
-                margin: EdgeInsets.only(left: 15),
-                width: 135,
-                height: 40,
-                decoration: BoxDecoration(
-                    color: Color(0xff51CDC7),
-                    borderRadius: BorderRadius.circular(20)),
-                alignment: Alignment.center,
-                child: baseText("咨询", 14, Colors.white, bold: true),
-              )),
-          GestureDetector(
-              behavior: HitTestBehavior.opaque,
-              onTap: () {},
-              child: Container(
-                margin: EdgeInsets.only(left: 15),
-                width: 135,
-                height: 40,
-                decoration: BoxDecoration(
-                    color: Color(0xffF96079),
-                    borderRadius: BorderRadius.circular(20)),
-                alignment: Alignment.center,
-                child: baseText("获取底价", 14, Colors.white, bold: true),
-              )),
+          baseText("项目说明", 15, Color(0xff282828)),
           Expanded(
             child: Container(),
+          ),
+          GestureDetector(
+            onTap: () {
+              //TODO
+
+              Map<String, dynamic> map = {};
+              map["page_name"] = "plan_home";
+              map["referrer_link"] = [];
+              RouterCenterImpl()
+                  .findMainRouter()
+                  .buriedEvent("on_click_navbar_search", map);
+            },
+            behavior: HitTestBehavior.opaque,
+            child: baseText("了解更多", 12, Color(0xff3FB5AF)),
           )
         ],
       ),
-    );
-  }
-
-  // 列表页面
-  Widget pages() {
-    return StreamBuilder<Pair<int, List<Cards>>>(
-        stream: _model.cardsLive.stream,
-        initialData: _model.cardsLive.data ?? Pair(LOADING, null),
-        builder: (c, data) {
-          return Container(
-              margin: EdgeInsets.only(top: 5),
-              width: double.maxFinite,
-              child: TabBarView(
-                  controller: tabController,
-                  children: data.data.second[tabController.index].map((e) {
-                    return ListView.builder(
-                      physics: NeverScrollableScrollPhysics(),
-                      itemBuilder: (c, index) {
-                        return Text('$index');
-                      },
-                      itemCount: 5,
-                    );
-                  }).toList()));
-        });
-  }
-
-  // 医生卡片
-  Widget DoctorItem(BuildContext context, cards) {
-    if (cards.doctor == null && isDebug) {
-      throw new Exception();
+    ));
+    if (_model.planoverItem != null) {
+      _model.planoverItem.explanationAttrs.forEach((element) {
+        list.add(Container(
+          height: 28,
+          child: Row(
+            children: <Widget>[
+              baseText(element.attrName, 13, Color(0xff999999)),
+              Container(
+                margin: EdgeInsets.only(left: 12),
+                child: baseText(element.attrValue, 13, Color(0xff666666)),
+              )
+            ],
+          ),
+        ));
+      });
     }
-    return GestureDetector(
-      child: Container(
-        margin: EdgeInsets.only(left: 15, right: 15),
-        height: 127,
-        child: Stack(
-          children: <Widget>[
-            Positioned(
-              top: 15,
-              child: Container(
-                width: 45,
-                height: 45,
-                child: ClipOval(
-                  child: CachedNetworkImage(
-                    imageUrl: cards.doctor.portrait,
-                  ),
-                ),
-              ),
-            ),
-            Positioned(
-              left: 57,
-              top: 18,
-              child: Row(
-                mainAxisSize: MainAxisSize.min,
-                crossAxisAlignment: CrossAxisAlignment.end,
-                children: <Widget>[
-                  baseText(cards.doctor.name, 15, Color(0xff333333),
-                      bold: true),
-                  Container(
-                    margin: EdgeInsets.only(left: 4),
-                    child: baseText(cards.doctor.name, 15, Color(0xff333333),
-                        bold: true),
-                  )
-                ],
-              ),
-            ),
-            Positioned(
-              top: 42,
-              right: 0,
-              child: Row(
-                crossAxisAlignment: CrossAxisAlignment.end,
-                mainAxisSize: MainAxisSize.min,
-                children: <Widget>[
-                  baseText("¥", 12, Color(0xffFF5963)),
-                  baseText("${cards.doctor.minPrice}-${cards.doctor.maxPrice}",
-                      15, Color(0xffFF5963)),
-                ],
-              ),
-            ),
-            Positioned(
-              bottom: 15,
-              right: 0,
-              child: lowPriceWidget(),
-            ),
-            Positioned(
-              bottom: 15,
-              right: 187,
-              child: askWidget(),
-            ),
-          ],
-        ),
+    return Container(
+      margin: EdgeInsets.only(left: 15, right: 15, bottom: 20),
+      child: Column(
+        mainAxisSize: MainAxisSize.min,
+        children: list,
       ),
     );
   }
 
-  // 医院卡片
-  Widget HospitalItem(BuildContext context, cards) {
-    if (cards.hospital == null && isDebug) {
-      throw new Exception();
-    }
-    return GestureDetector(
-        onTap: () {},
+  // 底部按钮
+  Widget bottomWidget() {
+    return Align(
+        alignment: Alignment.bottomCenter,
         child: Container(
-          margin: EdgeInsets.only(left: 15, right: 15),
-          height: 149,
-          child: Stack(
+          width: double.maxFinite,
+          height: 55,
+          color: Colors.white,
+          child: Row(
+            mainAxisSize: MainAxisSize.min,
+            crossAxisAlignment: CrossAxisAlignment.center,
             children: <Widget>[
-              Positioned(
-                left: 0,
-                top: 15,
-                child: Container(
-                  width: 45,
-                  height: 45,
-                  child: ClipOval(
-                    child: CachedNetworkImage(
-                      imageUrl: cards.hospital.portrait,
-                    ),
-                  ),
-                ),
-              ),
-              Positioned(
-                left: 57,
-                top: 17.5,
-                child: baseText(cards.hospital.name, 15, Color(0xff333333),
-                    bold: true),
-              ),
-              Positioned(
-                top: 42.5,
-                right: 0,
-                child: Row(
-                  crossAxisAlignment: CrossAxisAlignment.end,
+              Container(
+                margin: EdgeInsets.only(left: 18),
+                width: 30,
+                child: Column(
                   mainAxisSize: MainAxisSize.min,
                   children: <Widget>[
-                    baseText("¥", 12, Color(0xffFF5963)),
-                    baseText(
-                        "${cards.hospital.minPrice}-${cards.hospital.maxPrice}",
-                        15,
-                        Color(0xffFF5963)),
+                    Container(
+                      width: 22,
+                      height: 22,
+                      child: Image.asset("assets/vs_black.png"),
+                    ),
+                    Container(
+                      margin: EdgeInsets.only(top: 3),
+                      child: baseText("去比较", 10, Color(0xff282828)),
+                    )
                   ],
                 ),
               ),
-              Positioned(
-                bottom: 15,
-                right: 0,
-                child: lowPriceWidget(),
-              ),
-              Positioned(
-                bottom: 15,
-                right: 187,
-                child: askWidget(),
-              ),
-              Positioned(
-                bottom: 67,
-                left: 57,
-                child: baseText(cards.hospital.address, 12, Color(0xff666666)),
-              ),
-              Positioned(
-                left: 57,
-                top: 43.5,
-                child: FiveStarView(cards.hospital.star, 5),
+              GestureDetector(
+                  behavior: HitTestBehavior.opaque,
+                  onTap: () {
+                    BaseBottomPicker()
+                      ..setPicker(MechanismBox(12))
+                      ..show(context);
+                  },
+                  child: Container(
+                    margin: EdgeInsets.only(left: 15),
+                    width: 135,
+                    height: 40,
+                    decoration: BoxDecoration(
+                        color: Color(0xff51CDC7),
+                        borderRadius: BorderRadius.circular(20)),
+                    alignment: Alignment.center,
+                    child: baseText("咨询", 14, Colors.white, bold: true),
+                  )),
+              GestureDetector(
+                  behavior: HitTestBehavior.opaque,
+                  onTap: () {},
+                  child: Container(
+                    margin: EdgeInsets.only(left: 15),
+                    width: 135,
+                    height: 40,
+                    decoration: BoxDecoration(
+                        color: Color(0xffF96079),
+                        borderRadius: BorderRadius.circular(20)),
+                    alignment: Alignment.center,
+                    child: baseText("获取底价", 14, Colors.white, bold: true),
+                  )),
+              Expanded(
+                child: Container(),
               )
             ],
           ),
         ));
   }
-
-  // 获取低价按钮
-  Widget lowPriceWidget() {
-    return GestureDetector(
-      behavior: HitTestBehavior.opaque,
-      child: Container(
-        width: 122,
-        height: 37,
-        decoration: BoxDecoration(
-            borderRadius: BorderRadius.circular(18.5),
-            color: Color(0xffFFF5F5)),
-        alignment: Alignment.center,
-        child: baseText("获取底价", 14, Color(0xffFF5963), bold: true),
-      ),
-    );
-  }
-
-  // 咨询按钮
-  Widget askWidget() {
-    return GestureDetector(
-      behavior: HitTestBehavior.opaque,
-      child: Container(
-        width: 122,
-        height: 37,
-        decoration: BoxDecoration(
-            borderRadius: BorderRadius.circular(18.5),
-            color: Color(0xffEEFDFD)),
-        alignment: Alignment.center,
-        child: baseText("咨询", 14, Color(0xff3FB5AF), bold: true),
-      ),
-    );
-  }
-}
-
-class StickyTabBarDelegate extends SliverPersistentHeaderDelegate {
-  final Widget child;
-
-  StickyTabBarDelegate({@required this.child});
-
-  @override
-  Widget build(
-      BuildContext context, double shrinkOffset, bool overlapsContent) {
-    return this.child;
-  }
-
-  @override
-  double get maxExtent => 40;
-
-  @override
-  double get minExtent => 40;
-
-  @override
-  bool shouldRebuild(SliverPersistentHeaderDelegate oldDelegate) {
-    return true;
-  }
 }

lib/ClueModel/page/mechanismBox/MechanismBoxPage.dart

@@ -25,30 +25,6 @@ class MechanismBox implements IBottomPicker {
   }
 
   Widget build(BuildContext context) {
-    return StreamBuilder(
-      stream: _model.stateLive.stream,
-      initialData: _model.stateLive.data ?? LOADING,
-      builder: (c, data) {
-        if (data.data == FAIL) {
-          return errorItem(MediaQuery.of(context).size.width,
-              MediaQuery.of(context).size.height, () {
-            _model.getQuestions(plan_id);
-          });
-        }
-        if (data.data == LOADING) {
-          return loadingItem();
-        }
-        return setupHome(context);
-      },
-    );
-  }
-
-  @override
-  void dispose() {
-    textController.dispose();
-  }
-
-  setupHome(context) {
     MediaQueryData mq = MediaQuery.of(context);
     double keyHeight = MediaQuery.of(context).viewInsets.bottom;
     return ClipRRect(
@@ -58,17 +34,41 @@ class MechanismBox implements IBottomPicker {
           width: mq.size.width,
           height: mq.size.height - 140,
           color: Colors.white,
-          child: Column(
-            mainAxisSize: MainAxisSize.max,
-            children: <Widget>[
-              title(mq),
-              mechanismList(mq, keyHeight),
-              bottomMessage()
-            ],
+          child: StreamBuilder(
+            stream: _model.stateLive.stream,
+            initialData: _model.stateLive.data ?? LOADING,
+            builder: (c, data) {
+              if (data.data == FAIL) {
+                return errorItem(MediaQuery.of(context).size.width,
+                    MediaQuery.of(context).size.height, () {
+                  _model.getQuestions(plan_id);
+                });
+              }
+              if (data.data == LOADING) {
+                return loadingItem();
+              }
+              return setupHome(mq, keyHeight);
+            },
           )),
     );
   }
 
+  @override
+  void dispose() {
+    textController.dispose();
+  }
+
+  setupHome(mq, keyHeight) {
+    return Column(
+      mainAxisSize: MainAxisSize.max,
+      children: <Widget>[
+        title(mq),
+        mechanismList(mq, keyHeight),
+        bottomMessage()
+      ],
+    );
+  }
+
   // 弹窗标题
   Widget title(mq) {
     return Container(
@@ -217,16 +217,14 @@ class MechanismBox implements IBottomPicker {
                               fontSize: 12),
                         )),
                     Expanded(
-                      child: StreamBuilder<Pair<int, List<String>>>(
+                      child: StreamBuilder<List<String>>(
                           stream: _model.questionsLive.stream,
                           initialData: _model.questionsLive.data ?? null,
                           builder: (c, e) {
-                            print('dssdadsadas');
-                            print(e.data.toString());
                             if (e.data == null) {
                               return Container();
                             }
-                            List<String> questions = e.data.second;
+                            List<String> questions = e.data;
                             return ListView.builder(
                               scrollDirection: Axis.horizontal, //横向滚动
                               itemBuilder: (c, index) {
@@ -286,11 +284,10 @@ class MechanismBox implements IBottomPicker {
                               NativeToast.showNativeToast('text');
                             } else {
                               _model.sendMessage(doctor_ids, txt, plan_id);
+                              dismissCall();
+                              textController.text = '';
+                              NativeToast.showNativeToast('消息已发送成功');
                             }
-
-                            // dismissCall();
-                            // textController.text = '';
-                            // NativeToast.showNativeToast('消息已发送成功');
                           }
                         },
                         style: TextStyle(fontSize: 12),

lib/ClueModel/page/mechanismBox/MechanismModel.dart

@@ -15,7 +15,7 @@ import 'package:gm_flutter/commonModel/util/PrintUtil.dart';
 import 'package:gm_flutter/commonModel/bean/Pair.dart';
 
 class MechanismModel extends BaseModel {
-  LiveData<Pair<int, List<String>>> questionsLive = LiveData();
+  LiveData<List<String>> questionsLive = LiveData();
 
   LiveData<int> stateLive = LiveData();
   LiveData messageLive = LiveData();
@@ -27,17 +27,17 @@ class MechanismModel extends BaseModel {
         .listen((event) {
           if (event.error == 0) {
             stateLive.notifyView(ENDLOADING);
-            questionsLive.notifyView(Pair(ENDLOADING, event.data.questions));
+            questionsLive.notifyView(event.data.questions);
           } else {
             stateLive.notifyView(FAIL);
-            questionsLive.notifyView(Pair(FAIL, null));
+            questionsLive.notifyView(null);
             NativeToast.showNativeToast(event.message);
           }
         })
         .addToDispose(rxDispose)
         .onError((err) {
           stateLive.notifyView(FAIL);
-          questionsLive.notifyView(Pair(FAIL, null));
+          questionsLive.notifyView(null);
           PrintUtil.printBug(err);
         });
   }

lib/ClueModel/page/top/TopPage.dart

@@ -10,7 +10,7 @@ import 'package:flutter/cupertino.dart';
 import 'package:extended_nested_scroll_view/extended_nested_scroll_view.dart'
     as extend;
 import 'package:flutter/material.dart';
-import 'package:gm_flutter/ClueModel/page/levelTwo/LevelTwoPage.dart';
+import 'package:gm_flutter/ClueModel/page/common/StickyTabBarDelegate.dart';
 import 'package:gm_flutter/ClueModel/page/top/TopModel.dart';
 import 'package:gm_flutter/ClueModel/util/PosUtil.dart';
 import 'package:gm_flutter/commonModel/base/BaseComponent.dart';
@@ -136,8 +136,8 @@ class TopPageState extends BaseState<TopPage> with TickerProviderStateMixin {
     List<Widget> list = [];
     var d = MediaQueryData.fromWindow(window).padding.top;
     for (int i = 0; i < _model.tabs.length; i++) {
-      list.add(extend.NestedScrollViewInnerScrollPositionKeyWidget(Key("Tab${i}"),
-          TopList(_model.tabs[i].id, kToolbarHeight + d)));
+      list.add(extend.NestedScrollViewInnerScrollPositionKeyWidget(
+          Key("Tab${i}"), TopList(_model.tabs[i].id, kToolbarHeight + d)));
     }
     return extend.NestedScrollView(
         innerScrollPositionKeyBuilder: () {