You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
358 lines
12 KiB
358 lines
12 KiB
import 'package:flutter/material.dart';
|
|
import 'package:oktoast/oktoast.dart';
|
|
import 'package:recook/constants/api.dart';
|
|
import 'package:recook/constants/header.dart';
|
|
import 'package:recook/manager/http_manager.dart';
|
|
import 'package:recook/pages/live/live_stream/pick_search_goods_page.dart';
|
|
import 'package:recook/pages/live/live_stream/pick_view/all_goods_view.dart';
|
|
import 'package:recook/pages/live/live_stream/pick_view/brand_goods_view.dart';
|
|
import 'package:recook/pages/live/live_stream/pick_view/goods_cart_view.dart';
|
|
import 'package:recook/pages/live/live_stream/pick_view/goods_window_view.dart';
|
|
import 'package:recook/pages/live/live_stream/pick_view/hot_goods_view.dart';
|
|
import 'package:recook/pages/live/live_stream/pick_view/pick_cart.dart';
|
|
import 'package:recook/pages/live/models/goods_window_model.dart';
|
|
import 'package:recook/utils/custom_route.dart';
|
|
import 'package:recook/widgets/custom_image_button.dart';
|
|
import 'package:recook/widgets/recook_back_button.dart';
|
|
import 'package:recook/widgets/recook_indicator.dart';
|
|
|
|
class LivePickGoodsPage extends StatefulWidget {
|
|
final Function(List<num> ids) onPickGoods;
|
|
LivePickGoodsPage({Key key, @required this.onPickGoods}) : super(key: key);
|
|
|
|
@override
|
|
_LivePickGoodsPageState createState() => _LivePickGoodsPageState();
|
|
}
|
|
|
|
class _LivePickGoodsPageState extends State<LivePickGoodsPage>
|
|
with TickerProviderStateMixin {
|
|
int _goodsPage = 1;
|
|
TabController _tabController;
|
|
@override
|
|
void initState() {
|
|
super.initState();
|
|
_tabController = TabController(
|
|
vsync: this,
|
|
length: 4,
|
|
);
|
|
}
|
|
|
|
@override
|
|
void dispose() {
|
|
_tabController?.dispose();
|
|
super.dispose();
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return Scaffold(
|
|
backgroundColor: Colors.white,
|
|
appBar: AppBar(
|
|
brightness: Brightness.light,
|
|
elevation: 0,
|
|
backgroundColor: Colors.white,
|
|
leading: RecookBackButton.text(),
|
|
leadingWidth: rSize(28 + 30.0),
|
|
title: Text(
|
|
'选择直播商品',
|
|
style: TextStyle(
|
|
color: Color(0xFF333333),
|
|
fontSize: rSP(18),
|
|
fontWeight: FontWeight.bold,
|
|
),
|
|
),
|
|
centerTitle: true,
|
|
),
|
|
body: NestedScrollView(
|
|
headerSliverBuilder: (context, _) {
|
|
return [
|
|
SliverToBoxAdapter(
|
|
child: CustomImageButton(
|
|
padding: EdgeInsets.zero,
|
|
onPressed: () {
|
|
CRoute.push(context, PickSearchGoodsPage());
|
|
},
|
|
child: Container(
|
|
alignment: Alignment.center,
|
|
margin: EdgeInsets.symmetric(horizontal: rSize(15)),
|
|
decoration: BoxDecoration(
|
|
color: Color(0xFFF5F5F5),
|
|
borderRadius: BorderRadius.circular(rSize(15)),
|
|
),
|
|
height: rSize(30),
|
|
child: Row(
|
|
children: [
|
|
Padding(
|
|
padding: EdgeInsets.only(
|
|
left: rSize(12),
|
|
right: rSize(4),
|
|
),
|
|
child: Icon(
|
|
Icons.search,
|
|
color: Color(0xFF999999),
|
|
size: rSize(15),
|
|
),
|
|
),
|
|
Text(
|
|
'搜索你想要添加的商品',
|
|
style: TextStyle(
|
|
color: Color(0xFF999999),
|
|
fontSize: rSP(13),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
),
|
|
];
|
|
},
|
|
body: Column(
|
|
children: [
|
|
Container(
|
|
margin: EdgeInsets.symmetric(
|
|
vertical: rSize(15),
|
|
),
|
|
height: rSize(32),
|
|
child: TabBar(
|
|
controller: _tabController,
|
|
isScrollable: true,
|
|
tabs: [
|
|
Tab(text: '热门商品'),
|
|
Tab(text: '直播车'),
|
|
Tab(text: '历史直播'),
|
|
Tab(text: '全部商品'),
|
|
],
|
|
labelStyle: TextStyle(
|
|
fontSize: rSP(13),
|
|
fontWeight: FontWeight.bold,
|
|
),
|
|
labelColor: Color(0xFF333333),
|
|
unselectedLabelColor: Color(0xFF333333).withOpacity(0.3),
|
|
indicatorSize: TabBarIndicatorSize.label,
|
|
indicator: RecookIndicator(
|
|
borderSide: BorderSide(
|
|
width: rSize(3),
|
|
color: Color(0xFFDB2D2D),
|
|
)),
|
|
),
|
|
),
|
|
Expanded(
|
|
child: TabBarView(
|
|
controller: _tabController,
|
|
children: [
|
|
HotGoodsView(
|
|
onPick: () {
|
|
setState(() {});
|
|
},
|
|
),
|
|
GoodsCartView(
|
|
onPick: () {
|
|
setState(() {});
|
|
},
|
|
),
|
|
GoodsWindowView(
|
|
onPick: () {
|
|
setState(() {});
|
|
},
|
|
),
|
|
AllGoodsView(),
|
|
],
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
bottomNavigationBar: BottomAppBar(
|
|
color: Colors.white,
|
|
child: Builder(
|
|
builder: (context) {
|
|
return Material(
|
|
color: Colors.white,
|
|
child: Stack(
|
|
children: [
|
|
Row(
|
|
children: [
|
|
rWBox(15),
|
|
Text(
|
|
'已选${PickCart.picked.length}/50',
|
|
style: TextStyle(
|
|
color: Color(0xFF333333),
|
|
fontSize: rSP(14),
|
|
),
|
|
),
|
|
Spacer(),
|
|
MaterialButton(
|
|
height: rSize(28),
|
|
minWidth: rSize(72),
|
|
onPressed: () {
|
|
widget.onPickGoods(
|
|
PickCart.picked.map((e) => e.id).toList());
|
|
Navigator.pop(context);
|
|
},
|
|
child: Text('完成'),
|
|
color: Color(0xFFDB2D2D),
|
|
shape: RoundedRectangleBorder(
|
|
borderRadius: BorderRadius.circular(rSize(14)),
|
|
),
|
|
),
|
|
rWBox(15),
|
|
],
|
|
),
|
|
Positioned(
|
|
left: 0,
|
|
right: 0,
|
|
bottom: 0,
|
|
top: 0,
|
|
child: Align(
|
|
alignment: Alignment.center,
|
|
child: MaterialButton(
|
|
onPressed: () {
|
|
if (PickCart.picked.isEmpty)
|
|
showToast('未选择商品');
|
|
else
|
|
showCustomModalBottomSheet(
|
|
context: context,
|
|
builder: (context) {
|
|
return DraggableScrollableSheet(
|
|
minChildSize: 0.5,
|
|
maxChildSize: 0.9,
|
|
builder: (BuildContext context,
|
|
ScrollController scrollController) {
|
|
return ReorderLiveGoodsListView();
|
|
},
|
|
);
|
|
},
|
|
);
|
|
},
|
|
child: Text(
|
|
'查看已选商品 ▼',
|
|
style: TextStyle(
|
|
color: Color(0xFF333333),
|
|
fontSize: rSP(14),
|
|
fontWeight: FontWeight.bold,
|
|
),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
);
|
|
},
|
|
),
|
|
),
|
|
);
|
|
}
|
|
|
|
Future<GoodsWindowModel> getGoodsWindowModels() async {
|
|
ResultData resultData = await HttpManager.post(LiveAPI.shopWindow, {
|
|
'page': _goodsPage,
|
|
'limit': 15,
|
|
});
|
|
if (resultData?.data['data'] == null)
|
|
return null;
|
|
else
|
|
return GoodsWindowModel.fromJson(resultData.data['data']);
|
|
}
|
|
}
|
|
|
|
class ReorderLiveGoodsListView extends StatefulWidget {
|
|
ReorderLiveGoodsListView({Key key}) : super(key: key);
|
|
|
|
@override
|
|
_ReorderLiveGoodsListViewState createState() =>
|
|
_ReorderLiveGoodsListViewState();
|
|
}
|
|
|
|
class _ReorderLiveGoodsListViewState extends State<ReorderLiveGoodsListView> {
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return Material(
|
|
color: Colors.white,
|
|
child: ReorderableListView(
|
|
children: PickCart.picked.map((e) {
|
|
return Container(
|
|
color: Colors.white,
|
|
key: ObjectKey(e),
|
|
height: rSize(86 + 15.0),
|
|
child: Container(
|
|
padding: EdgeInsets.symmetric(
|
|
horizontal: rSize(15),
|
|
vertical: rSize(15 / 2),
|
|
),
|
|
child: Row(
|
|
children: [
|
|
Text(
|
|
'${PickCart.picked.indexOf(e) + 1}',
|
|
style: TextStyle(
|
|
color: Color(0xFF595C5F),
|
|
fontSize: rSP(14),
|
|
),
|
|
),
|
|
rWBox(10),
|
|
Container(
|
|
color: AppColor.frenchColor,
|
|
child: FadeInImage.assetNetwork(
|
|
placeholder: R.ASSETS_PLACEHOLDER_NEW_1X1_A_PNG,
|
|
image: Api.getImgUrl(e.mainPhotoUrl),
|
|
height: rSize(86),
|
|
width: rSize(86),
|
|
),
|
|
),
|
|
rWBox(10),
|
|
Expanded(
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Text(
|
|
e.goodsName,
|
|
maxLines: 2,
|
|
overflow: TextOverflow.ellipsis,
|
|
style: TextStyle(
|
|
color: Color(0xFF333333),
|
|
fontSize: rSP(14),
|
|
),
|
|
),
|
|
Spacer(),
|
|
Text.rich(
|
|
TextSpan(
|
|
children: [
|
|
TextSpan(text: '¥${e.originalPrice}'),
|
|
TextSpan(
|
|
text: '/赚${e.commission}',
|
|
style: TextStyle(
|
|
color: Color(0xFFC92219),
|
|
)),
|
|
],
|
|
),
|
|
style: TextStyle(
|
|
color: Color(0xFF333333),
|
|
fontSize: rSP(14),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
Icon(
|
|
Icons.menu,
|
|
color: Colors.black26,
|
|
),
|
|
],
|
|
),
|
|
),
|
|
);
|
|
}).toList(),
|
|
onReorder: (oldIndex, newIndex) {
|
|
if (newIndex > oldIndex) {
|
|
newIndex -= 1;
|
|
}
|
|
var model = PickCart.picked.removeAt(oldIndex);
|
|
PickCart.picked.insert(newIndex, model);
|
|
setState(() {});
|
|
},
|
|
),
|
|
);
|
|
}
|
|
}
|