|
@@ -1,214 +1,320 @@
|
|
|
-import 'package:cpt_services/modules/services_list/services_list_page.dart';
|
|
|
-import 'package:shared/utils/log_utils.dart';
|
|
|
-import 'package:cs_resources/generated/assets.dart';
|
|
|
-import 'package:cs_resources/theme/app_colors_theme.dart';
|
|
|
-import 'package:flutter/material.dart';
|
|
|
-import 'package:auto_route/auto_route.dart';
|
|
|
-import 'package:flutter_hooks/flutter_hooks.dart';
|
|
|
-import 'package:hooks_riverpod/hooks_riverpod.dart';
|
|
|
-import 'package:router/ext/auto_router_extensions.dart';
|
|
|
-import 'package:shared/utils/color_utils.dart';
|
|
|
-import 'package:widgets/ext/ex_widget.dart';
|
|
|
-import 'package:widgets/load_state_layout.dart';
|
|
|
-import 'package:widgets/my_appbar.dart';
|
|
|
-import 'package:widgets/my_load_image.dart';
|
|
|
-import 'package:widgets/widget_export.dart';
|
|
|
-
|
|
|
-import '../../../router/page/services_page_router.dart';
|
|
|
-import 'services_view_model.dart';
|
|
|
-
|
|
|
-@RoutePage()
|
|
|
-class ServicesPage extends HookConsumerWidget {
|
|
|
- const ServicesPage({Key? key}) : super(key: key);
|
|
|
-
|
|
|
- //启动当前页面
|
|
|
- static void startInstance({BuildContext? context}) {
|
|
|
- if (context != null) {
|
|
|
- context.router.push(const ServicesPageRoute());
|
|
|
- } else {
|
|
|
- appRouter.push(const ServicesPageRoute());
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- Widget _buildTop(BuildContext context, WidgetRef ref, _vm) {
|
|
|
- // List itemsList = _vm.state.list.toList();
|
|
|
- return Container(
|
|
|
- color: ColorUtils.string2Color('#FFFFFF'),
|
|
|
- child: Column(children: [
|
|
|
- Container(
|
|
|
- width: double.infinity,
|
|
|
- height: 160,
|
|
|
- decoration: const BoxDecoration(
|
|
|
- image: DecorationImage(
|
|
|
- image: AssetImage(
|
|
|
- 'packages/cs_resources/${Assets.propertyHomeLoanBg}'),
|
|
|
- fit: BoxFit.fill, // 设置图片平铺
|
|
|
- ),
|
|
|
- ),
|
|
|
- ).marginOnly(bottom: 15),
|
|
|
- Row(
|
|
|
- mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
|
|
- crossAxisAlignment: CrossAxisAlignment.center,
|
|
|
- children: [
|
|
|
- const Text(
|
|
|
- 'Home Services!',
|
|
|
- style: TextStyle(
|
|
|
- fontSize: 16.0,
|
|
|
- color: Colors.black,
|
|
|
- fontWeight: FontWeight.w400), // 设置字体大小
|
|
|
- ),
|
|
|
- TextButton(
|
|
|
- onPressed: () {
|
|
|
- _vm.doDeleteAccount();
|
|
|
- },
|
|
|
- style: TextButton.styleFrom(
|
|
|
- foregroundColor: Colors.black,
|
|
|
- backgroundColor: ColorUtils.string2Color('#4161D0'), // 背景颜色
|
|
|
- minimumSize: const Size(70, 30), // 最小宽度和高度
|
|
|
- padding: const EdgeInsets.symmetric(
|
|
|
- horizontal: 11.0, vertical: 9), // 内边距
|
|
|
- shape: RoundedRectangleBorder(
|
|
|
- borderRadius: BorderRadius.circular(5), // 圆角
|
|
|
- side: BorderSide(
|
|
|
- color: ColorUtils.string2Color('#4161D0'),
|
|
|
- width: 1.0,
|
|
|
- ), // 边框
|
|
|
- ),
|
|
|
- ),
|
|
|
- child: const Text(
|
|
|
- 'Filter',
|
|
|
- style: const TextStyle(
|
|
|
- color: Colors.white,
|
|
|
- ),
|
|
|
- ),
|
|
|
- ),
|
|
|
- ],
|
|
|
- ),
|
|
|
- ])).paddingOnly(top: 10, left: 15, right: 15);
|
|
|
- }
|
|
|
-
|
|
|
- Widget _buildItem(BuildContext context, WidgetRef ref, _vm, item) {
|
|
|
- return Container(
|
|
|
- width: MediaQuery.of(context).size.width / 2 - 25,
|
|
|
- height: 146,
|
|
|
- decoration: const BoxDecoration(
|
|
|
- color: Colors.white,
|
|
|
- borderRadius: BorderRadius.all(Radius.circular(6.0)),
|
|
|
- boxShadow: [
|
|
|
- BoxShadow(
|
|
|
- color: Color.fromRGBO(184, 191, 217, 0.3), blurRadius: 6)
|
|
|
- ],
|
|
|
- ),
|
|
|
- child: Column(
|
|
|
- mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
|
|
- children: [
|
|
|
- Row(
|
|
|
- crossAxisAlignment: CrossAxisAlignment.start,
|
|
|
- children: [
|
|
|
- Expanded(
|
|
|
- child: Text(
|
|
|
- maxLines: 2, // 设置最大行数为2
|
|
|
- overflow: TextOverflow.ellipsis, // 超出部分用省略号表示
|
|
|
- item['title'],
|
|
|
- style: const TextStyle(
|
|
|
- fontSize: 16.0,
|
|
|
- color: Colors.black,
|
|
|
- fontWeight: FontWeight.w700),
|
|
|
- ),
|
|
|
- )
|
|
|
- ],
|
|
|
- ),
|
|
|
- Row(
|
|
|
- mainAxisAlignment: MainAxisAlignment.end,
|
|
|
- children: [
|
|
|
- MyAssetImage(
|
|
|
- item['price'],
|
|
|
- width: 110,
|
|
|
- height: 80,
|
|
|
- )
|
|
|
- ],
|
|
|
- ),
|
|
|
- ],
|
|
|
- ).paddingOnly(top: 15, left: 15).onTap(() {
|
|
|
- // 去详情
|
|
|
- // _vm.goNewsDetail(item['title']);
|
|
|
- Navigator.push(
|
|
|
- context,
|
|
|
- MaterialPageRoute(builder: (context) => const ServicesListPage()),
|
|
|
- );
|
|
|
- }))
|
|
|
- .marginOnly(bottom: 15);
|
|
|
- }
|
|
|
-
|
|
|
-// list
|
|
|
- Widget _buildSaleList(BuildContext context, WidgetRef ref, _vm) {
|
|
|
- List itemsList = _vm.state.list.toList();
|
|
|
- return ListView.builder(
|
|
|
- itemCount: itemsList.length,
|
|
|
- itemBuilder: (context, index) {
|
|
|
- bool noLast = !(index == itemsList.length - 1);
|
|
|
- bool isLast = index == itemsList.length - 1;
|
|
|
- if (index % 2 == 0 && noLast) {
|
|
|
- return Row(
|
|
|
- mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
|
|
- children: [
|
|
|
- _buildItem(context, ref, _vm, itemsList[index]),
|
|
|
- _buildItem(context, ref, _vm, itemsList[index + 1]),
|
|
|
- ],
|
|
|
- );
|
|
|
- } else if (index % 2 != 0 && noLast) {
|
|
|
- return Row();
|
|
|
- } else if (index % 2 != 0 && isLast) {
|
|
|
- return Row();
|
|
|
- } else {
|
|
|
- return Row(
|
|
|
- mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
|
|
- children: [
|
|
|
- _buildItem(context, ref, _vm, itemsList[index]),
|
|
|
- ],
|
|
|
- );
|
|
|
- }
|
|
|
- // _buildSaleItem(context, ref, itemsList[index], _vm);
|
|
|
- },
|
|
|
- );
|
|
|
- }
|
|
|
-
|
|
|
- @override
|
|
|
- Widget build(BuildContext context, WidgetRef ref) {
|
|
|
- final state = ref.watch(servicesVmProvider);
|
|
|
- final _vm = ref.read(servicesVmProvider.notifier);
|
|
|
- return Scaffold(
|
|
|
- appBar: MyAppBar.appBar(
|
|
|
- context,
|
|
|
- "Service",
|
|
|
- backgroundColor: context.appColors.backgroundWhite,
|
|
|
- ),
|
|
|
- body: Container(
|
|
|
- child: Column(
|
|
|
- children: [
|
|
|
- _buildTop(context, ref, _vm),
|
|
|
- Expanded(
|
|
|
- child: EasyRefresh(
|
|
|
- // 上拉加载
|
|
|
- onLoad: () async {
|
|
|
- Log.d("----onLoad");
|
|
|
- _vm.onLoadData();
|
|
|
- },
|
|
|
- // 下拉刷新
|
|
|
- onRefresh: () async {
|
|
|
- Log.d("----onRefresh");
|
|
|
- _vm.refreshListData();
|
|
|
- },
|
|
|
- child: Container(
|
|
|
- color: ColorUtils.string2Color('#F2F3F6'),
|
|
|
- padding: const EdgeInsets.only(
|
|
|
- bottom: 15, left: 15, right: 15, top: 15),
|
|
|
- child: _buildSaleList(context, ref, _vm)),
|
|
|
- ),
|
|
|
- )
|
|
|
- ],
|
|
|
- ),
|
|
|
- ),
|
|
|
- );
|
|
|
- }
|
|
|
-}
|
|
|
+
|
|
|
+import 'package:cpt_services/modules/services/services_pageview_idx_data.dart';
|
|
|
+import 'package:cs_resources/generated/assets.dart';
|
|
|
+import 'package:flutter/material.dart';
|
|
|
+import 'package:auto_route/auto_route.dart';
|
|
|
+import 'package:flutter/rendering.dart';
|
|
|
+import 'package:flutter_hooks/flutter_hooks.dart';
|
|
|
+import 'package:hooks_riverpod/hooks_riverpod.dart';
|
|
|
+import 'package:plugin_basic/provider/user_config/user_config_service.dart';
|
|
|
+import 'package:router/ext/auto_router_extensions.dart';
|
|
|
+import 'package:shared/utils/color_utils.dart';
|
|
|
+import 'package:shared/utils/log_utils.dart';
|
|
|
+import 'package:widgets/my_load_image.dart';
|
|
|
+import 'package:widgets/ext/ex_widget.dart';
|
|
|
+import 'package:widgets/my_text_view.dart';
|
|
|
+import 'package:widgets/my_appbar.dart';
|
|
|
+import 'package:cs_resources/theme/app_colors_theme.dart';
|
|
|
+import 'package:widgets/widget_export.dart';
|
|
|
+
|
|
|
+import '../../router/page/services_page_router.dart';
|
|
|
+import 'services_vm.dart';
|
|
|
+
|
|
|
+final tabsRouterKey = GlobalKey<AutoTabsRouterState>();
|
|
|
+final GlobalKey<ExtendedNestedScrollViewState> extendedNestedScrollViewKey =
|
|
|
+GlobalKey<ExtendedNestedScrollViewState>();
|
|
|
+@RoutePage()
|
|
|
+class ServicesPage extends HookConsumerWidget with WidgetsBindingObserver {
|
|
|
+ ServicesPage({Key? key}) : super(key: key);
|
|
|
+
|
|
|
+ //启动当前页面
|
|
|
+ static void startInstance({BuildContext? context}) {
|
|
|
+ if (context != null) {
|
|
|
+ context.router.push( ServicesPageRoute());
|
|
|
+ } else {
|
|
|
+ appRouter.push( ServicesPageRoute());
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ bool _isKeyboardVisible = false;
|
|
|
+
|
|
|
+ void handlerNestedScrollViewScroll({double? outerOffset, double? innerOffset, bool? isOuterScrollAnimated=false, bool? isInnerScrollAnimated=false}){
|
|
|
+
|
|
|
+ if(outerOffset !=null){
|
|
|
+ if(isOuterScrollAnimated!){
|
|
|
+ extendedNestedScrollViewKey.currentState?.outerController.animateTo(
|
|
|
+ outerOffset,
|
|
|
+ duration: const Duration(seconds: 1),
|
|
|
+ curve: Curves.easeIn,
|
|
|
+ );
|
|
|
+ }else {
|
|
|
+ extendedNestedScrollViewKey.currentState?.outerController.jumpTo(
|
|
|
+ outerOffset,
|
|
|
+ );
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ if(innerOffset !=null){
|
|
|
+ extendedNestedScrollViewKey.currentState?.innerPositions.forEach((position) {
|
|
|
+ if(isInnerScrollAnimated!){
|
|
|
+ position.animateTo(innerOffset,
|
|
|
+ duration: Duration(seconds: 1), curve: Curves.easeIn);
|
|
|
+ }else {
|
|
|
+ position.jumpTo(innerOffset);
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ @override
|
|
|
+ void didChangeMetrics() {
|
|
|
+ final bottomInset = WidgetsBinding.instance.window.viewInsets.bottom;
|
|
|
+ final newValue = bottomInset > 0.0;
|
|
|
+ if (_isKeyboardVisible != newValue) {
|
|
|
+ _isKeyboardVisible = newValue;
|
|
|
+ if (_isKeyboardVisible) {
|
|
|
+ handlerNestedScrollViewScroll(innerOffset: 0.0,);
|
|
|
+ print("键盘已显示");
|
|
|
+ } else {
|
|
|
+ WidgetsBinding.instance.removeObserver(this);
|
|
|
+ print("键盘已隐藏");
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ @override
|
|
|
+ Widget build(BuildContext context, WidgetRef ref) {
|
|
|
+ final vm = ref.read(servicesVmProvider.notifier);
|
|
|
+ final state = ref.watch(servicesVmProvider);
|
|
|
+
|
|
|
+ useEffect(() {
|
|
|
+ // 监听窗口
|
|
|
+ WidgetsBinding.instance.addObserver(this);
|
|
|
+ }, []);
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+ useEffect((){
|
|
|
+ Log.d("ServicesPage initState");
|
|
|
+ // 延迟监听
|
|
|
+ WidgetsBinding.instance?.addPostFrameCallback((timeStamp) {
|
|
|
+ if(tabsRouterKey.currentState?.controller != null){
|
|
|
+ tabsRouterKey.currentState?.controller?.addListener((){
|
|
|
+ vm.tabsRouterChange();
|
|
|
+ });
|
|
|
+ }
|
|
|
+ });
|
|
|
+
|
|
|
+ return (){
|
|
|
+ Log.d("ServicesPage dispose");
|
|
|
+ WidgetsBinding.instance.removeObserver(this);
|
|
|
+ tabsRouterKey.currentState?.controller?.removeListener(vm.tabsRouterChange);
|
|
|
+ };
|
|
|
+ },[]);
|
|
|
+
|
|
|
+ return Scaffold(
|
|
|
+ appBar: MyAppBar.searchAppBar(
|
|
|
+ context,
|
|
|
+ value: vm.getCurrentQueryParams('keyword'),
|
|
|
+ actions: [
|
|
|
+ const MyAssetImage(
|
|
|
+ Assets.serviceServiceIcon1,
|
|
|
+ width: 21.5,
|
|
|
+ height: 21.5,
|
|
|
+ ).onTap((){
|
|
|
+ vm.handlerClickNavbarLikeBtn(context);
|
|
|
+ }),
|
|
|
+ const SizedBox(width: 15),
|
|
|
+ ],
|
|
|
+ backgroundColor: context.appColors.backgroundWhite,
|
|
|
+ onSearch: (value) {
|
|
|
+ vm.handlerSearch(value);
|
|
|
+ }
|
|
|
+ ),
|
|
|
+ backgroundColor: context.appColors.backgroundDefault,
|
|
|
+ body: ExtendedNestedScrollView(
|
|
|
+ key: extendedNestedScrollViewKey,
|
|
|
+ onlyOneScrollInBody: true,
|
|
|
+ headerSliverBuilder: (BuildContext context, bool innerBoxIsScrolled) {
|
|
|
+ return [
|
|
|
+ // SliverPersistentHeader(
|
|
|
+ // delegate: CustomSliverPersistentHeaderDelegate(
|
|
|
+ // maxHeight: 180,
|
|
|
+ // minHeight: 180,
|
|
|
+ // child: _buildTopSection(context, ref, vm, state),
|
|
|
+ // ),
|
|
|
+ // pinned: false,
|
|
|
+ // ),
|
|
|
+ // top 组件,转换为 Sliver 组件
|
|
|
+ SliverToBoxAdapter(
|
|
|
+ child: _buildTopSection(context, ref, vm, state),
|
|
|
+ ),
|
|
|
+ ];
|
|
|
+ },
|
|
|
+ body: Column(
|
|
|
+ mainAxisSize: MainAxisSize.max,
|
|
|
+ children: [
|
|
|
+ Expanded(
|
|
|
+ child: AutoTabsRouter.pageView(
|
|
|
+ key: tabsRouterKey,
|
|
|
+ routes: const [
|
|
|
+ HomeServicePageRoute(),
|
|
|
+ ],
|
|
|
+ builder: (context, child, pageController) {
|
|
|
+ final tabsRouter = AutoTabsRouter.of(context);
|
|
|
+ return Column(
|
|
|
+ children: [
|
|
|
+ Expanded(
|
|
|
+ child: child
|
|
|
+ ),
|
|
|
+ ],
|
|
|
+ );
|
|
|
+ },
|
|
|
+ )
|
|
|
+ )
|
|
|
+ ]
|
|
|
+ )
|
|
|
+ )
|
|
|
+ );
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
+ Widget _buildTopSection(BuildContext context, WidgetRef ref, vm, state) {
|
|
|
+ final topSectionsData = vm.topSectionsData;
|
|
|
+ final currentPageIdx = tabsRouterKey.currentState?.controller?.activeIndex ?? 0;
|
|
|
+ return Container(
|
|
|
+ color: context.appColors.whiteBG,
|
|
|
+ padding: const EdgeInsets.only(top: 23, bottom: 30),
|
|
|
+ child: Center(
|
|
|
+ child: Row(
|
|
|
+ mainAxisSize: MainAxisSize.max,
|
|
|
+ mainAxisAlignment: MainAxisAlignment.center,
|
|
|
+ crossAxisAlignment: CrossAxisAlignment.center,
|
|
|
+ children: List.generate(topSectionsData.length, (index) {
|
|
|
+ final item = topSectionsData[index];
|
|
|
+ return Column(
|
|
|
+ children: [
|
|
|
+ Container(
|
|
|
+ width: MediaQuery.of(context).size.width / topSectionsData.length - 36,
|
|
|
+ height: 70,
|
|
|
+ decoration: BoxDecoration(
|
|
|
+ shape: BoxShape.circle, // 设置为圆形
|
|
|
+ color: ColorUtils.string2Color("#F0F8FF"),
|
|
|
+ boxShadow: index == currentPageIdx ? [
|
|
|
+ BoxShadow(
|
|
|
+ color: context.appColors.tabLightBlueShadow, // 设置阴影颜色
|
|
|
+ blurRadius: 5, // 设置模糊半径
|
|
|
+ spreadRadius: 0.05, // 控制阴影扩散
|
|
|
+ offset: const Offset(0, 4), // 设置阴影偏移量
|
|
|
+ ),] : [],// 未选中时无阴影,
|
|
|
+ ),
|
|
|
+ child: MyAssetImage(
|
|
|
+ item['icon'],
|
|
|
+ width: MediaQuery.of(context).size.width / topSectionsData.length - 36,
|
|
|
+ // width: 70,
|
|
|
+ height: 70,
|
|
|
+ ).onTap(() {
|
|
|
+ },
|
|
|
+ type: ClickType.throttle,
|
|
|
+ ),
|
|
|
+ ),
|
|
|
+ SizedBox.fromSize(size: const Size(0, 9)),
|
|
|
+ MyTextView(
|
|
|
+ item['title'],
|
|
|
+ fontSize: 15,
|
|
|
+ textColor: index == currentPageIdx ? ColorUtils.string2Color('#4161D0'): context.appColors.textBlack,
|
|
|
+ textAlign: TextAlign.center,
|
|
|
+ isFontMedium: true,
|
|
|
+ ),
|
|
|
+ ],
|
|
|
+ ).marginOnly(left: 18, right: 18, top: 10, bottom: 10);
|
|
|
+ }),
|
|
|
+ ),
|
|
|
+ ),
|
|
|
+ );
|
|
|
+ }
|
|
|
+
|
|
|
+ Widget _buildNewsFeedPost(BuildContext context, WidgetRef ref, vm, state){
|
|
|
+ final userConfig = UserConfigService.getState(ref: ref);
|
|
|
+ return Container(
|
|
|
+ height: 65.5,
|
|
|
+ width: double.infinity,
|
|
|
+ padding: const EdgeInsets.only(left: 20, right: 20),
|
|
|
+ color: Colors.white,
|
|
|
+ child: Row(
|
|
|
+ children: [
|
|
|
+ // const MyAssetImage(Assets.servicesNewsFeed, width: 45,height: 45,),
|
|
|
+ MyLoadImage(
|
|
|
+ userConfig.user?.avatar,
|
|
|
+ width: 45,
|
|
|
+ height: 45,
|
|
|
+ isCircle: true,
|
|
|
+ fit: BoxFit.fill,
|
|
|
+ ),
|
|
|
+ Expanded(
|
|
|
+ child: MyTextView(
|
|
|
+ "What’s on your mind?",
|
|
|
+ textColor: context.appColors.textBlack,
|
|
|
+ fontSize: 15,
|
|
|
+ marginLeft: 15,
|
|
|
+ alignment: Alignment.centerLeft,
|
|
|
+ textAlign: TextAlign.left,
|
|
|
+ backgroundColor: ColorUtils.string2Color('#ffffff'),
|
|
|
+ maxLines: 1,
|
|
|
+ isFontMedium: true,
|
|
|
+ ),
|
|
|
+ ),
|
|
|
+ const MyAssetImage(
|
|
|
+ Assets.serviceServiceIcon1,
|
|
|
+ width: 21,
|
|
|
+ height: 16.5,
|
|
|
+ ),
|
|
|
+ ],
|
|
|
+ ).onTap((){
|
|
|
+ vm.handlerGotoNewsfeedPost(context);
|
|
|
+ }),
|
|
|
+ );
|
|
|
+ }
|
|
|
+
|
|
|
+ Widget _buildGarageSalePost(BuildContext context, WidgetRef ref, vm, state){
|
|
|
+ final userConfig = UserConfigService.getState(ref: ref);
|
|
|
+ return Container(
|
|
|
+ height: 65.5,
|
|
|
+ width: double.infinity,
|
|
|
+ padding: const EdgeInsets.only(left: 20, right: 20),
|
|
|
+ color: Colors.white,
|
|
|
+ child: Row(
|
|
|
+ children: [
|
|
|
+ MyLoadImage(
|
|
|
+ userConfig.user?.avatar,
|
|
|
+ width: 45,
|
|
|
+ height: 45,
|
|
|
+ isCircle: true,
|
|
|
+ fit: BoxFit.fill,
|
|
|
+ ),
|
|
|
+ Expanded(
|
|
|
+ child: MyTextView(
|
|
|
+ "Sell Item",
|
|
|
+ textColor: context.appColors.textBlack,
|
|
|
+ fontSize: 15,
|
|
|
+ marginLeft: 15,
|
|
|
+ alignment: Alignment.centerLeft,
|
|
|
+ textAlign: TextAlign.left,
|
|
|
+ backgroundColor: ColorUtils.string2Color('#ffffff'),
|
|
|
+ maxLines: 1,
|
|
|
+ isFontMedium: true,
|
|
|
+ ),
|
|
|
+ ),
|
|
|
+ const MyAssetImage(
|
|
|
+ Assets.serviceServiceIcon1,
|
|
|
+ width: 21,
|
|
|
+ height: 16.5,
|
|
|
+ ),
|
|
|
+ ],
|
|
|
+ ).onTap((){
|
|
|
+ vm.handlerGotoGaragePost(context);
|
|
|
+ }),
|
|
|
+ );
|
|
|
+ }
|
|
|
+}
|
|
|
+
|