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.
1355 lines
46 KiB
1355 lines
46 KiB
import 'package:dio/dio.dart'; |
|
import 'package:flutter/cupertino.dart'; |
|
import 'package:flutter/material.dart'; |
|
import 'package:flutter_html/flutter_html.dart'; |
|
import 'package:flutter_screenutil/flutter_screenutil.dart'; |
|
import 'package:flutter_smart_dialog/flutter_smart_dialog.dart'; |
|
import 'package:flutter_swiper_view/flutter_swiper_view.dart'; |
|
import 'package:huixiang/constant.dart'; |
|
import 'package:huixiang/data/activity.dart'; |
|
import 'package:huixiang/data/base_data.dart'; |
|
import 'package:huixiang/data/base_list_data.dart'; |
|
import 'package:huixiang/data/mini_detail.dart'; |
|
import 'package:huixiang/data/shopping_cart.dart'; |
|
import 'package:huixiang/data/store_info.dart'; |
|
import 'package:huixiang/generated/l10n.dart'; |
|
import 'package:huixiang/retrofit/min_api.dart'; |
|
import 'package:huixiang/retrofit/retrofit_api.dart'; |
|
import 'package:huixiang/store/store_view/people_num.dart'; |
|
import 'package:huixiang/store/store_view/shop_car.dart'; |
|
import 'package:huixiang/utils/app_util.dart'; |
|
import 'package:huixiang/utils/font_weight.dart'; |
|
import 'package:huixiang/utils/shared_preference.dart'; |
|
import 'package:huixiang/view_widget/classic_header.dart'; |
|
import 'package:huixiang/view_widget/custom_image.dart'; |
|
import 'package:huixiang/view_widget/my_footer.dart'; |
|
import 'package:huixiang/view_widget/round_button.dart'; |
|
import 'package:permission_handler/permission_handler.dart'; |
|
import 'package:pull_to_refresh/pull_to_refresh.dart'; |
|
import 'package:shared_preferences/shared_preferences.dart'; |
|
|
|
import '../view_widget/border_text.dart'; |
|
import '../view_widget/request_permission.dart'; |
|
|
|
class ShopDetailsPage extends StatefulWidget { |
|
final Map<String, dynamic>? arguments; |
|
|
|
ShopDetailsPage({this.arguments}); |
|
|
|
@override |
|
State<StatefulWidget> createState() { |
|
return _ShopDetailsPage(); |
|
} |
|
} |
|
|
|
class _ShopDetailsPage extends State<ShopDetailsPage> { |
|
ApiService? apiService; |
|
MinApiService? minService; |
|
final ScrollController scrollController = ScrollController(); |
|
final RefreshController refreshController = RefreshController(); |
|
late String id; |
|
MiniDetail? miNiDetail; |
|
ShoppingCart? shopCarGoods; |
|
bool dialogShowing = false; |
|
StoreInfo? storeInfo; |
|
String parentCode = ""; |
|
int tableId = 0; |
|
String? tenant; |
|
String? minToken; |
|
String? pName; |
|
String? pid; |
|
String? cName; |
|
String? cid; |
|
List<String> selectSkus = []; |
|
List<Activity>? activitys; |
|
int counts = 1; |
|
String selectedPrice = ""; |
|
late String storeId; |
|
String? parentId; |
|
int numberOfPeople = 0; |
|
int? index; |
|
late bool isSetMeal; |
|
|
|
@override |
|
void initState() { |
|
super.initState(); |
|
id = widget.arguments?["id"] ?? ""; |
|
storeId = widget.arguments?["storeId"] ?? ""; |
|
isSetMeal = widget.arguments?["isSetMeal"] ?? false; |
|
// SharedPreferences.getInstance().then((value) { |
|
// String minToken = value.getString("minToken"); |
|
// String tenant = value.getString("tenant"); |
|
// String storeId = value.getString("storeId"); |
|
// minService = MinApiService(Dio(), |
|
// context: context, |
|
// token: minToken, |
|
// tenant: tenant, |
|
// storeId: storeId, |
|
// showLoading: true); |
|
// queryMiNiDetail(id); |
|
// queryShopCar().then((value) { |
|
// this.shopCarGoods = value; |
|
// setState(() {}); |
|
// }); |
|
// }); |
|
queryStoreInfo(); |
|
buildCount(); |
|
} |
|
|
|
/// 查询店铺信息 |
|
queryStoreInfo() async { |
|
S.current.zhengzaijiazai.loading; |
|
apiService ??= ApiService( |
|
Dio(), |
|
context: context, |
|
token: SharedInstance.instance.token, |
|
); |
|
BaseData<StoreInfo>? baseData = await apiService?.queryStoreInfo(storeId).catchError((error) { |
|
debugPrint("${error}"); |
|
return BaseData<StoreInfo>()..isSuccess = false; |
|
}); |
|
if ((baseData?.isSuccess ?? false) && baseData!.data != null) { |
|
storeInfo = baseData.data; |
|
activitys = storeInfo?.informationVOPageVO?.list |
|
?.map((e) => Activity.fromJson(e)) |
|
.toList(); |
|
if (mounted) { |
|
setState(() {}); |
|
} |
|
minLogin(); |
|
} |
|
// SmartDialog.dismiss(); |
|
} |
|
|
|
/// 小程序登录 |
|
minLogin() async { |
|
apiService?.minLogin(storeId).catchError((onError) { |
|
debugPrint("${onError}"); |
|
return BaseData<dynamic>()..isSuccess = false; |
|
}).then((BaseData? baseData) { |
|
if (baseData?.isSuccess ?? false) { |
|
Map<String, dynamic> minStoreInfo = baseData!.data; |
|
String minToken = minStoreInfo["token"]; |
|
String? tenant = storeInfo?.tenantCode; |
|
String? storeId = storeInfo?.id; |
|
|
|
SharedInstance.instance.saveMini(minToken, tenant, storeId); |
|
|
|
minService = MinApiService( |
|
Dio(), |
|
context: context, |
|
token: minToken, |
|
tenant: tenant ?? "", |
|
storeId: storeId ?? "", |
|
); |
|
queryMiNiDetail(id); |
|
queryShopCar().then((value) { |
|
this.shopCarGoods = value; |
|
setState(() {}); |
|
}); |
|
// SmartDialog.dismiss(); |
|
} |
|
}); |
|
} |
|
|
|
///商品详情 |
|
queryMiNiDetail(id) async { |
|
BaseData<MiniDetail>? baseData = await minService?.miNiDetail(id).catchError((error) { |
|
refreshController.refreshFailed(); |
|
return BaseData<MiniDetail>()..isSuccess = false; |
|
}); |
|
if (baseData?.isSuccess ?? false) { |
|
setState(() { |
|
miNiDetail = baseData!.data; |
|
miNiDetail?.attrList?.forEach((element) { |
|
if (element.attrValueList![0].attrValue?.isNotEmpty ?? false) { |
|
selectSkus.add(element.attrValueList![0].attrValue!); |
|
} |
|
}); |
|
}); |
|
refreshController.refreshCompleted(); |
|
} else { |
|
refreshController.refreshFailed(); |
|
} |
|
} |
|
|
|
_onRefresh() { |
|
queryMiNiDetail(id); |
|
} |
|
|
|
///获取父订单（火锅订单加菜前调用） |
|
getParentInfo() async { |
|
BaseData? baseData = await minService?.getParentInfo("$tableId").catchError((error) { |
|
debugPrint("${error}"); |
|
return BaseData()..isSuccess = false; |
|
}); |
|
if (baseData?.isSuccess ?? false) { |
|
if (baseData!.data != null) { |
|
parentId = baseData.data["id"]; |
|
parentCode = baseData.data["parentCode"]; |
|
} else { |
|
///TODO: 没有父订单， |
|
queryStoreInfo1(); |
|
} |
|
} |
|
} |
|
|
|
///显示选择人数的弹窗 |
|
showPeopleNum(String? tableName) async { |
|
var people = await showDialog( |
|
context: context, |
|
barrierDismissible: false, |
|
builder: (context) { |
|
return PeopleNumView(tableName ?? "0"); |
|
}, |
|
); |
|
|
|
if (people != null && people > 0) { |
|
setState(() { |
|
this.numberOfPeople = people; |
|
}); |
|
} else { |
|
Navigator.of(context).pop(); |
|
} |
|
} |
|
|
|
///获取桌子信息 |
|
queryStoreInfo1() async { |
|
BaseData<StoreInfo>? baseData = await minService?.queryStoreInfo1({ |
|
"getCoupon": true, |
|
"storeId": storeId, |
|
"tableId": tableId, |
|
}).catchError((error) { |
|
debugPrint("${error}"); |
|
return BaseData<StoreInfo>()..isSuccess = false; |
|
}); |
|
if ((baseData?.isSuccess ?? false) && baseData!.data != null) { |
|
StoreInfo storeInfo = baseData.data!; |
|
showPeopleNum(storeInfo.storeTable?.tableName); |
|
} |
|
} |
|
|
|
///计算个数 |
|
int count() { |
|
if (shopCarGoods?.shoppingCartSkuItemList?.isEmpty ?? true) return 0; |
|
int count = 0; |
|
shopCarGoods?.shoppingCartSkuItemList!.forEach((element) { |
|
count += (element.buyNum ?? 0); |
|
}); |
|
return count; |
|
} |
|
|
|
///去下单结算页面 |
|
toDownOrder() async { |
|
int num = count(); |
|
|
|
if (parentId == "") { |
|
if (num == 0) { |
|
SmartDialog.showToast("请先选择您要购买的商品！～", alignment: Alignment.center); |
|
return; |
|
} |
|
} |
|
|
|
await Navigator.of(context).pushNamed( |
|
'/router/settlement', |
|
arguments: { |
|
"storeInfo": storeInfo, |
|
"tableId": tableId, |
|
"parentCode": parentCode, |
|
"parentId": parentId, |
|
// "pName": pName, |
|
"pid": pid, |
|
// "cName": cName, |
|
"cid": cid, |
|
"shoppingCart": shopCarGoods, |
|
"numberOfPeople": numberOfPeople, |
|
"distance": widget.arguments?["distance"], |
|
"subscribeParam": miNiDetail?.subscribeParam, |
|
}, |
|
); |
|
|
|
if ((miNiDetail?.subscribeParam?.isEnableSubscribe ?? false)) { |
|
clearShopCar(); |
|
this.shopCarGoods = await queryShopCar(); |
|
} |
|
|
|
if (tableId > 0) { |
|
getParentInfo(); |
|
} |
|
queryShopCar().then((value) { |
|
this.shopCarGoods = value; |
|
setState(() {}); |
|
}); |
|
} |
|
|
|
/// 购物车的key,用于刷新UI |
|
GlobalKey shopCartKey = GlobalKey(); |
|
|
|
///购物车弹窗 |
|
showShoppingCart() { |
|
queryShopCar().then((value) { |
|
this.shopCarGoods = value; |
|
dialogShowing = true; |
|
SmartDialog.show( |
|
builder: (ctx) { |
|
return ShopCar( |
|
shopCartKey, |
|
this.shopCarGoods, |
|
clearShopCar, |
|
toDownOrder, |
|
shopCartAdd, |
|
shopCartReduce, |
|
); |
|
}, |
|
onDismiss: () { |
|
dialogShowing = false; |
|
}, |
|
alignment: Alignment.bottomCenter, |
|
); |
|
}); |
|
} |
|
|
|
///清空购物车 |
|
clearShopCar() async { |
|
BaseData<bool>? baseData = await minService?.clearShoppingCart(num.parse(storeId)); |
|
if (baseData?.isSuccess ?? false) { |
|
shopCarGoods = null; |
|
setState(() {}); |
|
} |
|
} |
|
|
|
///选规格 |
|
_queryMiNiDetail(String id, int count) async { |
|
S.current.zhengzaijiazai.loading; |
|
if (count < 0) { |
|
shopCarGoods?.shoppingCartSkuItemList?.forEach((element) { |
|
if (element.productId == id) { |
|
shopCartReduce(element); |
|
setState(() {}); |
|
} |
|
}); |
|
return; |
|
} |
|
BaseData<MiniDetail>? baseData = await minService?.miNiDetail(id); |
|
if (baseData?.isSuccess ?? false) { |
|
showStoreSelector(baseData!.data, id, count); |
|
} |
|
} |
|
|
|
///选规格弹窗 |
|
showStoreSelector(MiniDetail? miNiDetail, String id, int count) async { |
|
if (miNiDetail?.attrList?.length == 1 && |
|
(miNiDetail?.attrList![0].attrValueList?.isNotEmpty ?? false)) { |
|
_addShopCar(miNiDetail, [], counts); |
|
} else { |
|
// showSpanDialog(); |
|
selectSpecsShowBottomSheet(); |
|
} |
|
} |
|
|
|
///添加购物车 |
|
Future _addShopCar(MiniDetail? miNiDetail, selectSkus, int count) async { |
|
ProductSkuVOList? productSku; |
|
if (selectSkus != null && selectSkus.length == 0) { |
|
productSku = miNiDetail?.productSkuVOList?.first; |
|
} else { |
|
productSku = miNiDetail?.productSkuVOList?.firstWhere((element) { |
|
bool gg = true; |
|
selectSkus.forEach((element1) { |
|
if ((element.skuNameStr?.indexOf(element1) ?? 0) < 0) { |
|
gg = false; |
|
return gg; |
|
} |
|
}); |
|
return gg; |
|
}); |
|
} |
|
String? skuId = productSku?.id; |
|
String skuValue = selectSkus |
|
.toString() |
|
.replaceAll("[", "") |
|
.replaceAll("]", "") |
|
.replaceAll(",", ""); |
|
|
|
if (miNiDetail?.subscribeParam?.isEnableSubscribe ?? false) { |
|
clearShopCar(); |
|
} |
|
|
|
BaseListData<ShoppingCart>? baseDate = await minService?.addShoppingCart({ |
|
"storeId": storeInfo?.id, |
|
"storeName": storeInfo?.storeName ?? "", |
|
"numberOfPeople": numberOfPeople, |
|
"tableId": tableId, |
|
"parentId": parentId, |
|
"parentCode": parentCode, |
|
"shoppingCartSkuItemList": [ |
|
{ |
|
"buyNum": count, |
|
"id": skuId, |
|
"productId": miNiDetail?.id, |
|
"productName": miNiDetail?.productName, |
|
"skuName": skuValue, |
|
"storeId": storeInfo?.id, |
|
"skuPrice": productSku?.skuPrice, |
|
"skuStock": productSku?.skuStock, |
|
"tableId": tableId, |
|
}, |
|
], |
|
}).catchError((error) { |
|
return BaseListData<ShoppingCart>()..isSuccess = false; |
|
}); |
|
SmartDialog.dismiss(); |
|
if (baseDate?.isSuccess ?? false) { |
|
queryShopCar().then((value) { |
|
this.shopCarGoods = value; |
|
if (miNiDetail?.subscribeParam?.isEnableSubscribe ?? false) |
|
toDownOrder(); |
|
setState(() {}); |
|
}); |
|
} |
|
} |
|
|
|
///查询购物车 |
|
Future<ShoppingCart?> queryShopCar() async { |
|
pName = ""; //活动 |
|
pid = ""; //活动 |
|
cName = ""; //优惠券 |
|
cid = ""; //优惠券 |
|
BaseListData<ShoppingCart>? baseDate = await minService?.getShoppingCart(tableId); |
|
if ((baseDate?.isSuccess ?? false) && (baseDate!.data?.isNotEmpty ?? false)) { |
|
if (baseDate.data![0].selectDiscount == 1) { |
|
baseDate.data![0].couponList?.forEach((element) { |
|
if (element.isMaxCoupon ?? false) { |
|
// cName = element.promotionName; |
|
cid = element.id; |
|
} |
|
}); |
|
} else if (baseDate.data![0].selectDiscount == 2) { |
|
baseDate.data![0].promotionInfoList?.forEach((element) { |
|
if (element.isMaxPromotion ?? false) { |
|
// pName = element.name; |
|
pid = element.id; |
|
} |
|
}); |
|
} |
|
return baseDate.data![0]; |
|
} else { |
|
return null; |
|
} |
|
} |
|
|
|
///购物车➕1 |
|
Future<ShoppingCart?> shopCartAdd(SkuItemList cartSkuItem) async { |
|
Map<String, dynamic> shopCarTemp = shopCarGoods?.toJson() ?? {}; |
|
int buyNum = cartSkuItem.buyNum ?? 0; |
|
cartSkuItem.buyNum = buyNum + 1; |
|
shopCarTemp["shoppingCartSkuItemList"] = [cartSkuItem.toJson()]; |
|
BaseListData<ShoppingCart>? baseDate = |
|
await minService?.shoppingCartSingle(shopCarTemp); |
|
if (baseDate?.isSuccess ?? false) { |
|
this.shopCarGoods = await queryShopCar(); |
|
shopCartKey.currentState?.setState(() {}); |
|
setState(() {}); |
|
} |
|
return this.shopCarGoods; |
|
} |
|
|
|
///购物车➖1 |
|
Future<ShoppingCart?> shopCartReduce(SkuItemList cartSkuItem) async { |
|
Map<String, dynamic> shopCarTemp = shopCarGoods?.toJson() ?? {}; |
|
int buyNum = cartSkuItem.buyNum ?? 0; |
|
cartSkuItem.buyNum = buyNum - 1; |
|
shopCarTemp["shoppingCartSkuItemList"] = [cartSkuItem.toJson()]; |
|
shopCarTemp["couponList"] = []; |
|
BaseListData<ShoppingCart>? baseDate = await minService?.shoppingCartSingle(shopCarTemp); |
|
if (baseDate?.isSuccess ?? false) { |
|
this.shopCarGoods = await queryShopCar(); |
|
if (shopCartKey.currentState != null) { |
|
shopCartKey.currentState!.setState(() {}); |
|
} |
|
setState(() {}); |
|
} |
|
return this.shopCarGoods; |
|
} |
|
|
|
///商品➕1 |
|
add(MiniDetail miNiDetail, selectSkus) async { |
|
ProductSkuVOList? productSku = miNiDetail.productSkuVOList?.firstWhere((element) { |
|
return skuY(element, selectSkus); |
|
}); |
|
String? skuId = productSku?.id; |
|
int shopSkuIndex = shopCarGoods?.shoppingCartSkuItemList |
|
?.indexWhere((element) => skuId == element.id) ?? |
|
-1; |
|
Map<String, dynamic> shopCarTemp = shopCarGoods?.toJson() ?? {}; |
|
shopCarGoods?.tableId = "$tableId"; |
|
|
|
if (shopSkuIndex >= 0) { |
|
int buyNum = shopCarGoods?.shoppingCartSkuItemList?[shopSkuIndex].buyNum ?? 0; |
|
shopCarGoods?.shoppingCartSkuItemList?[shopSkuIndex].buyNum = buyNum + 1; |
|
SkuItemList? cartSkuItem = shopCarGoods?.shoppingCartSkuItemList |
|
?.firstWhere((element) => skuId == element.id); |
|
shopCarTemp["shoppingCartSkuItemList"] = [cartSkuItem?.toJson()]; |
|
shopCarTemp["couponList"] = []; |
|
} else { |
|
await _addShopCar(miNiDetail, selectSkus, 2); |
|
return; |
|
} |
|
|
|
BaseListData<ShoppingCart>? baseDate = await minService?.shoppingCartSingle(shopCarTemp); |
|
if (baseDate?.isSuccess ?? false) { |
|
queryShopCar().then((value) { |
|
this.shopCarGoods = value; |
|
setState(() {}); |
|
}); |
|
} |
|
} |
|
|
|
///商品➖1 |
|
reduce(MiniDetail miNiDetail, selectSkus) async { |
|
ProductSkuVOList? productSku = miNiDetail.productSkuVOList?.firstWhere((element) { |
|
return skuY(element, selectSkus); |
|
}); |
|
String? skuId = productSku?.id; |
|
SkuItemList? shopSkuItem = shopCarGoods?.shoppingCartSkuItemList |
|
?.firstWhere((element) => skuId == element.id); |
|
int shopSkuIndex = shopCarGoods?.shoppingCartSkuItemList |
|
?.indexWhere((element) => skuId == element.id) ?? -1; |
|
|
|
if ((shopSkuItem?.buyNum ?? 0) > 1) { |
|
int buyNum = shopCarGoods?.shoppingCartSkuItemList?[shopSkuIndex].buyNum ?? 0; |
|
shopCarGoods?.shoppingCartSkuItemList?[shopSkuIndex].buyNum = buyNum - 1; |
|
} |
|
shopCarGoods?.tableId = "$tableId"; |
|
|
|
Map<String, dynamic> shopCarTemp = shopCarGoods?.toJson() ?? {}; |
|
SkuItemList? cartSkuItem = shopCarGoods?.shoppingCartSkuItemList |
|
?.firstWhere((element) => skuId == element.id); |
|
shopCarTemp["shoppingCartSkuItemList"] = [cartSkuItem?.toJson()]; |
|
|
|
BaseListData<ShoppingCart>? baseDate = await minService?.shoppingCartSingle(shopCarTemp); |
|
if (baseDate?.isSuccess ?? false) { |
|
queryShopCar().then((value) { |
|
this.shopCarGoods = value; |
|
setState(() {}); |
|
}); |
|
} |
|
} |
|
|
|
bool skuY(ProductSkuVOList productSku, selectSkus) { |
|
bool gg = true; |
|
selectSkus.forEach((element1) { |
|
if ((productSku.skuNameStr?.indexOf(element1) ?? 0) < 0) { |
|
gg = false; |
|
return gg; |
|
} |
|
}); |
|
return gg; |
|
} |
|
|
|
buildCount() { |
|
counts = 1; |
|
ProductSkuVOList? productSku; |
|
try { |
|
productSku = miNiDetail?.productSkuVOList?.firstWhere((element) { |
|
return skuY(element, selectSkus); |
|
}); |
|
} catch (ex) { |
|
return; |
|
} |
|
selectedPrice = productSku?.skuPrice ?? ""; |
|
String? skuId = productSku?.id; |
|
int shopSkuIndex = shopCarGoods?.shoppingCartSkuItemList |
|
?.indexWhere((element) => skuId == element.id) ?? -1; |
|
if (shopSkuIndex >= 0) { |
|
counts = shopCarGoods?.shoppingCartSkuItemList?[shopSkuIndex].buyNum ?? 0; |
|
} |
|
} |
|
|
|
@override |
|
Widget build(BuildContext context) { |
|
return Scaffold( |
|
body: Column( |
|
children: [ |
|
Expanded( |
|
child: SmartRefresher( |
|
controller: refreshController, |
|
enablePullDown: true, |
|
enablePullUp: false, |
|
header: MyHeader(), |
|
footer: CustomFooter( |
|
builder: (context, mode) { |
|
return MyFooter(mode); |
|
}, |
|
), |
|
onRefresh: () { |
|
setState(() { |
|
_onRefresh(); |
|
}); |
|
}, |
|
physics: BouncingScrollPhysics(), |
|
scrollController: scrollController, |
|
child: Container( |
|
child: SingleChildScrollView( |
|
physics: BouncingScrollPhysics(), |
|
child: Column( |
|
mainAxisAlignment: MainAxisAlignment.start, |
|
crossAxisAlignment: CrossAxisAlignment.start, |
|
children: [ |
|
buildProduct(), |
|
SizedBox( |
|
height: 16.h, |
|
), |
|
Container( |
|
width: double.infinity, |
|
color: Colors.white, |
|
child: Column( |
|
mainAxisAlignment: MainAxisAlignment.start, |
|
crossAxisAlignment: CrossAxisAlignment.start, |
|
children: [ |
|
Padding( |
|
padding: EdgeInsets.only(left: 14.w, top: 16.h), |
|
child: Text( |
|
"商品详情", |
|
style: TextStyle( |
|
fontSize: 15.sp, |
|
fontWeight: MyFontWeight.semi_bold, |
|
color: Color(0xFF000000), |
|
), |
|
), |
|
), |
|
SizedBox( |
|
height: 14.h, |
|
), |
|
Container( |
|
color: Colors.white, |
|
child: Html( |
|
data: miNiDetail?.details ?? "", |
|
), |
|
), |
|
], |
|
), |
|
), |
|
], |
|
), |
|
), |
|
), |
|
), |
|
flex: 1, |
|
), |
|
if (count() != 0) |
|
Stack( |
|
alignment: Alignment.bottomLeft, |
|
children: [ |
|
Container( |
|
margin: EdgeInsets.symmetric(horizontal: 14), |
|
height: 45.h, |
|
// color: Color(0xFFFAFAFA), |
|
decoration: BoxDecoration( |
|
color: Color(0xFF383A38), |
|
borderRadius: BorderRadius.circular(100), |
|
), |
|
child: Row( |
|
mainAxisAlignment: MainAxisAlignment.spaceAround, |
|
crossAxisAlignment: CrossAxisAlignment.center, |
|
children: [ |
|
InkWell( |
|
onTap: () { |
|
if (count() != 0) showShoppingCart(); |
|
}, |
|
child: SizedBox( |
|
width: 70, |
|
child: Stack( |
|
children: [ |
|
Positioned( |
|
left: 5.h, |
|
top: 5.h, |
|
bottom: 5.h, |
|
child:Image.asset( |
|
"assets/image/shopping_bag.png", |
|
width: 35.h, |
|
height: 35.h, |
|
fit: BoxFit.fitWidth, |
|
), |
|
), |
|
if (count() != 0) |
|
Positioned( |
|
right: 5, |
|
// top: 14, |
|
child: RoundButton( |
|
width: 17.w, |
|
height: 17.h, |
|
text: "${count()}", |
|
textColor: Colors.white, |
|
fontWeight: MyFontWeight.regular, |
|
backgroup: Color(0xFFF65720), |
|
fontSize: 12.sp, |
|
radius: 100, |
|
), |
|
), |
|
], |
|
), |
|
), |
|
), |
|
Text.rich( |
|
TextSpan(children: [ |
|
TextSpan( |
|
text: "￥ ", |
|
style: TextStyle( |
|
fontSize: 12.sp, |
|
color: Color(0xFFFFFFFF), |
|
fontWeight: MyFontWeight.bold, |
|
), |
|
), |
|
TextSpan( |
|
text: "${shopCarGoods?.cartSum ?? 0}", |
|
style: TextStyle( |
|
fontSize: 20.sp, |
|
color: Color(0xFFFFFFFF), |
|
fontFamily: 'JDZhengHT', |
|
fontWeight: MyFontWeight.medium, |
|
), |
|
), |
|
], |
|
), |
|
), |
|
Spacer(), |
|
GestureDetector( |
|
onTap: () { |
|
toDownOrder(); |
|
}, |
|
child: RoundButton( |
|
width: 103.w, |
|
height: 54.h, |
|
text: S.current.jiesuan, |
|
textColor: Colors.white, |
|
fontWeight: MyFontWeight.bold, |
|
backgroup: Color(0xFF32A060), |
|
radius: 100, |
|
fontSize: 16.sp, |
|
padding: EdgeInsets.symmetric(vertical: 5.h), |
|
), |
|
), |
|
], |
|
), |
|
), |
|
], |
|
), |
|
SizedBox( |
|
height: 30.h, |
|
), |
|
], |
|
), |
|
); |
|
} |
|
|
|
Widget buildProduct() { |
|
return Container( |
|
decoration: BoxDecoration( |
|
borderRadius: BorderRadius.vertical( |
|
bottom: Radius.circular(8.h), |
|
), |
|
boxShadow: [ |
|
BoxShadow( |
|
color: Colors.black.withAlpha(12), |
|
offset: Offset(0, 3), |
|
blurRadius: 14, |
|
spreadRadius: 0, |
|
), |
|
], |
|
color: Color(0xFFFFFFFF), |
|
), |
|
child: Column( |
|
children: [ |
|
swiper(), |
|
Container( |
|
padding: EdgeInsets.only( |
|
top: 16.h, |
|
left: 14.w, |
|
right: 14.w, |
|
bottom: 16.h, |
|
), |
|
child: Column( |
|
mainAxisAlignment: MainAxisAlignment.start, |
|
crossAxisAlignment: CrossAxisAlignment.start, |
|
children: [ |
|
Row( |
|
mainAxisAlignment: MainAxisAlignment.center, |
|
crossAxisAlignment: CrossAxisAlignment.center, |
|
children: [ |
|
Text( |
|
miNiDetail?.price ?? "", |
|
style: TextStyle( |
|
fontSize: 24.sp, |
|
fontFamily: 'JDZhengHT', |
|
fontWeight: MyFontWeight.semi_bold, |
|
color: Color(0xFFF85400), |
|
), |
|
), |
|
SizedBox( |
|
width: 2.w, |
|
), |
|
Expanded( |
|
child: Text( |
|
miNiDetail?.applyPrice ?? "", |
|
style: TextStyle( |
|
fontSize: 16.sp, |
|
fontFamily: 'JDZhengHT', |
|
decoration: TextDecoration.lineThrough, |
|
fontWeight: MyFontWeight.regular, |
|
color: Color(0xFFA29E9E), |
|
), |
|
), |
|
), |
|
GestureDetector( |
|
onTap: () async { |
|
if (storeInfo?.posType?.code == "NORMALSTORE" && |
|
tableId == 0) { |
|
showDeleteDialog(); |
|
} else if (isSetMeal == true) { |
|
await Navigator.of(context).pushNamed( |
|
'/router/product_meals_sku', |
|
arguments: { |
|
"id": id, |
|
"storeId": storeId, |
|
"tableId": tableId |
|
}, |
|
); |
|
queryShopCar().then((value) { |
|
this.shopCarGoods = value; |
|
setState(() {}); |
|
}); |
|
} else { |
|
_queryMiNiDetail(id, counts); |
|
} |
|
}, |
|
child: Container( |
|
width: 92.w, |
|
height: 32.h, |
|
decoration: BoxDecoration( |
|
borderRadius: BorderRadius.circular(4), |
|
color: Color(0xFF32A060), |
|
), |
|
margin: EdgeInsets.only(bottom: 8), |
|
child: Row( |
|
mainAxisAlignment: MainAxisAlignment.center, |
|
crossAxisAlignment: CrossAxisAlignment.center, |
|
children: [ |
|
Image.asset( |
|
"assets/image/goods_shopp.webp", |
|
fit: BoxFit.fill, |
|
width: 18, |
|
height: 18, |
|
), |
|
SizedBox( |
|
width: 2, |
|
), |
|
Text( |
|
((miNiDetail?.subscribeParam?.isEnableSubscribe ?? |
|
false)) |
|
? S.of(context).lijiyuyue |
|
: (isSetMeal) |
|
? "选套餐" |
|
: "加入购物车", |
|
style: TextStyle( |
|
fontSize: 12.sp, |
|
fontWeight: MyFontWeight.regular, |
|
color: Color(0xFFFFFFFF), |
|
), |
|
), |
|
], |
|
), |
|
), |
|
) |
|
], |
|
), |
|
Text( |
|
miNiDetail?.productName ?? "", |
|
style: TextStyle( |
|
fontSize: 15.sp, |
|
fontWeight: MyFontWeight.semi_bold, |
|
color: Color(0xFF000000), |
|
), |
|
), |
|
SizedBox( |
|
height: 12.h, |
|
), |
|
Text( |
|
miNiDetail?.shortName ?? "", |
|
style: TextStyle( |
|
fontSize: 12.sp, |
|
height: 1.5, |
|
fontWeight: MyFontWeight.regular, |
|
color: Color(0xFF4D4D4D), |
|
), |
|
), |
|
], |
|
), |
|
), |
|
], |
|
), |
|
); |
|
} |
|
|
|
Widget swiper() { |
|
return Container( |
|
child: AspectRatio( |
|
aspectRatio: 375 / 375, |
|
child: Stack( |
|
children: [ |
|
Swiper( |
|
pagination: SwiperPagination( |
|
alignment: Alignment.bottomCenter, |
|
builder: DotSwiperPaginationBuilder( |
|
size: 8, |
|
activeSize: 8, |
|
space: 5, |
|
activeColor: Colors.black, |
|
color: Colors.black.withAlpha(76), |
|
), |
|
), |
|
itemBuilder: (context, position) { |
|
return MImage( |
|
miNiDetail?.imgs != null ? miNiDetail!.imgs![position] : "", |
|
fit: BoxFit.cover, |
|
radius: BorderRadius.zero, |
|
height: 375, |
|
width: 375, |
|
errorSrc: "assets/image/default_2_1.webp", |
|
fadeSrc: "assets/image/default_2_1.webp", |
|
); |
|
}, |
|
itemCount: miNiDetail?.imgs?.length ?? 1, |
|
), |
|
GestureDetector( |
|
onTap: () { |
|
Navigator.of(context).pop(); |
|
}, |
|
child: Container( |
|
margin: EdgeInsets.only(left: 16, top: 52), |
|
padding: EdgeInsets.all(5), |
|
child: Image.asset( |
|
width: 32, |
|
height: 32, |
|
"assets/image/integral_return.webp", |
|
), |
|
), |
|
), |
|
], |
|
), |
|
), |
|
); |
|
} |
|
|
|
///选择規格弹窗 |
|
selectSpecsShowBottomSheet() { |
|
showModalBottomSheet( |
|
builder: (BuildContext context) { |
|
return StatefulBuilder( |
|
builder: (context, state) { |
|
return Container( |
|
alignment: Alignment.topCenter, |
|
padding: EdgeInsets.symmetric( |
|
horizontal: 14.w, vertical: 16, |
|
), |
|
height: MediaQuery.of(context).size.height / 3 * 2, |
|
width: double.infinity, |
|
decoration: BoxDecoration( |
|
color: Color(0xFFFAFAFA), |
|
borderRadius: BorderRadius.only( |
|
topLeft: Radius.circular(8), |
|
topRight: Radius.circular(8), |
|
), |
|
), |
|
child: Column( |
|
mainAxisAlignment: MainAxisAlignment.start, |
|
crossAxisAlignment: CrossAxisAlignment.start, |
|
children: [ |
|
Row( |
|
mainAxisAlignment: MainAxisAlignment.start, |
|
crossAxisAlignment: CrossAxisAlignment.start, |
|
children: [ |
|
ClipRRect( |
|
child: MImage( |
|
miNiDetail?.imgs?[0] ?? "", |
|
fit: BoxFit.cover, |
|
width: 70, |
|
height: 70, |
|
errorSrc: "assets/image/default_2_1.webp", |
|
fadeSrc: "assets/image/default_2_1.webp", |
|
), |
|
borderRadius: BorderRadius.circular(4), |
|
), |
|
SizedBox( |
|
width: 10.w, |
|
), |
|
Expanded( |
|
child: Container( |
|
height: 70, |
|
child: Column( |
|
mainAxisAlignment: MainAxisAlignment.spaceBetween, |
|
crossAxisAlignment: CrossAxisAlignment.start, |
|
children: [ |
|
Row( |
|
mainAxisAlignment: MainAxisAlignment.spaceBetween, |
|
crossAxisAlignment: CrossAxisAlignment.center, |
|
children: [ |
|
Text( |
|
miNiDetail?.productName ?? "", |
|
style: TextStyle( |
|
fontSize: 13.sp, |
|
fontWeight: FontWeight.bold, |
|
color: Color(0xFF000000), |
|
), |
|
), |
|
GestureDetector( |
|
onTap: () { |
|
Navigator.of(context).pop(); |
|
}, |
|
child: Image.asset( |
|
"assets/image/cancel.webp", |
|
fit: BoxFit.cover, |
|
height: 24, |
|
width: 24, |
|
), |
|
), |
|
], |
|
), |
|
Text( |
|
"￥${miNiDetail?.price ?? ""}", |
|
style: TextStyle( |
|
fontSize: 12.sp, |
|
fontWeight: FontWeight.bold, |
|
color: Color(0xFFF65720), |
|
), |
|
), |
|
], |
|
), |
|
), |
|
), |
|
], |
|
), |
|
if (miNiDetail?.attrList?.isNotEmpty ?? false) |
|
SizedBox( |
|
height: 10, |
|
), |
|
if (miNiDetail?.attrList?.isNotEmpty ?? false) |
|
Expanded( |
|
child: ListView.builder( |
|
itemCount: miNiDetail?.attrList?.length ?? 0, |
|
scrollDirection: Axis.vertical, |
|
physics: BouncingScrollPhysics(), |
|
padding: EdgeInsets.zero, |
|
itemBuilder: (context, position) { |
|
return attrItem( |
|
(attrValue) { |
|
state(() { |
|
// if(selectSkus.length > position) |
|
selectSkus[position] = attrValue; |
|
buildCount(); |
|
}); |
|
}, |
|
miNiDetail!.attrList![position], |
|
position, |
|
); |
|
}, |
|
), |
|
), |
|
SizedBox( |
|
height: 24, |
|
), |
|
Column( |
|
crossAxisAlignment: CrossAxisAlignment.start, |
|
mainAxisAlignment: MainAxisAlignment.start, |
|
children: [ |
|
Text( |
|
S.of(context).shuliang, |
|
style: TextStyle( |
|
color: Color(0xFFB3B3B3), |
|
fontSize: 12.sp, |
|
fontWeight: MyFontWeight.regular, |
|
), |
|
), |
|
SizedBox( |
|
height: 10, |
|
), |
|
Row( |
|
children: [ |
|
InkWell( |
|
onTap: () { |
|
state(() { |
|
if (counts > 1) |
|
setState(() { |
|
counts -= 1; |
|
}); |
|
// reduce(miNiDetail, selectSkus); |
|
}); |
|
}, |
|
child: Icon( |
|
Icons.remove, |
|
color: Color(0xFF32A060), |
|
size: 24, |
|
), |
|
), |
|
Padding( |
|
padding: EdgeInsets.only(left: 8, right: 8), |
|
child: Text( |
|
"$counts", |
|
style: TextStyle( |
|
color: Colors.black, |
|
fontSize: 14.sp, |
|
fontWeight: MyFontWeight.medium, |
|
), |
|
), |
|
), |
|
InkWell( |
|
onTap: () { |
|
state(() { |
|
counts += 1; |
|
// add(miNiDetail, selectSkus); |
|
}); |
|
}, |
|
child: Icon( |
|
Icons.add, |
|
color: Color(0xFF32A060), |
|
size: 24, |
|
), |
|
), |
|
], |
|
) |
|
], |
|
), |
|
SizedBox( |
|
height: 24, |
|
), |
|
RoundButton( |
|
width: double.infinity, |
|
height: 54.h, |
|
text: |
|
(miNiDetail?.subscribeParam?.isEnableSubscribe ?? false) |
|
? S.of(context).lijiyuyue |
|
: "加入购物车", |
|
textColor: Colors.white, |
|
fontWeight: MyFontWeight.semi_bold, |
|
radius: 27, |
|
backgroup: Color(0xFF32A060), |
|
fontSize: 16.sp, |
|
callback: () { |
|
state(() { |
|
_addShopCar(miNiDetail, selectSkus, counts); |
|
counts = 1; |
|
Navigator.of(context).pop(); |
|
}); |
|
}, |
|
), |
|
], |
|
), |
|
); |
|
}, |
|
); |
|
}, |
|
backgroundColor: Colors.transparent, |
|
context: context, |
|
); |
|
} |
|
|
|
Widget attrItem(Function fc, AttrList attrListBean, position) { |
|
if (attrListBean.attrValueList?.isNotEmpty ?? false) |
|
return Column( |
|
crossAxisAlignment: CrossAxisAlignment.start, |
|
children: [ |
|
Padding( |
|
padding: EdgeInsets.only(top: 16, bottom: 16), |
|
child: Text( |
|
attrListBean.attrName ?? "", |
|
style: TextStyle( |
|
color: Color(0xFFB3B3B3), |
|
fontSize: 14.sp, |
|
fontWeight: MyFontWeight.regular, |
|
), |
|
), |
|
), |
|
sweetnessStore(fc, attrListBean.attrValueList!, position), |
|
// sweetnessStore(fc, attrListBean.attrValueList, position), |
|
], |
|
); |
|
else { |
|
return Container(); |
|
} |
|
} |
|
|
|
Widget sweetnessStore(Function fc, List<AttrValueList> arrays, position) { |
|
return Wrap( |
|
runSpacing: 10.0, |
|
spacing: 10.0, |
|
children: arrays.take(arrays.length).map<Widget>((AttrValueList tag) { |
|
return GestureDetector( |
|
onTap: () { |
|
fc(tag.attrValue); |
|
}, |
|
child: sweetnessItem( |
|
tag.attrValue, |
|
(selectSkus.length > position && |
|
tag.attrValue == selectSkus[position]), |
|
), |
|
); |
|
}).toList()); |
|
} |
|
|
|
Widget sweetnessItem(String? name, bool isCheck) { |
|
return Container( |
|
padding: const EdgeInsets.symmetric(vertical: 5.0, horizontal: 12.0), |
|
decoration: BoxDecoration( |
|
color: !isCheck ? Color(0xFFF2F2F2) : Color(0xFFF0FAF4), |
|
border: Border.all( |
|
width: !isCheck ? 0 : 1, |
|
color: !isCheck ? Color(0xFFF2F2F2) : Color(0xFF32A060), |
|
style: BorderStyle.solid, |
|
), |
|
borderRadius: const BorderRadius.all( |
|
Radius.circular(4.0), |
|
), |
|
), |
|
child: Text( |
|
name ?? "", |
|
overflow: TextOverflow.ellipsis, |
|
style: TextStyle( |
|
color: !isCheck ? Color(0xFF4D4D4D) : Color(0xFF32A060), |
|
fontSize: 14.sp, |
|
fontWeight: MyFontWeight.regular, |
|
), |
|
), |
|
); |
|
} |
|
|
|
///扫码提示弹窗 |
|
showDeleteDialog() { |
|
showDialog( |
|
context: context, |
|
builder: (context) { |
|
return AlertDialog( |
|
content: Container( |
|
width: MediaQuery.of(context).size.width - 84.w, |
|
height: 130.h, |
|
child: Column( |
|
mainAxisAlignment: MainAxisAlignment.center, |
|
crossAxisAlignment: CrossAxisAlignment.center, |
|
children: [ |
|
Text( |
|
"您即将进行扫码点餐", |
|
style: TextStyle( |
|
fontSize: 17.sp, |
|
fontWeight: FontWeight.bold, |
|
color: Colors.black, |
|
), |
|
), |
|
SizedBox( |
|
height: 30.h, |
|
), |
|
Row( |
|
children: [ |
|
Expanded( |
|
child: InkWell( |
|
child: BorderText( |
|
text: S.of(context).quxiao, |
|
textColor: Color(0xFF32A060), |
|
fontSize: 16.sp, |
|
fontWeight: FontWeight.bold, |
|
borderColor: Color(0xFF32A060), |
|
radius: 4, |
|
padding: EdgeInsets.all(12), |
|
borderWidth: 1, |
|
), |
|
onTap: () { |
|
Navigator.of(context).pop(); |
|
}, |
|
), |
|
flex: 1, |
|
), |
|
SizedBox( |
|
width: 16.w, |
|
), |
|
Expanded( |
|
child: InkWell( |
|
child: RoundButton( |
|
text: S.of(context).queding, |
|
textColor: Colors.white, |
|
radius: 4, |
|
padding: EdgeInsets.all(12), |
|
backgroup: Color(0xFF32A060), |
|
fontSize: 16.sp, |
|
fontWeight: FontWeight.bold, |
|
), |
|
onTap: () { |
|
toScan(); |
|
Navigator.of(context).pop(); |
|
}, |
|
), |
|
flex: 1, |
|
), |
|
], |
|
), |
|
], |
|
), |
|
), |
|
); |
|
}, |
|
); |
|
} |
|
|
|
///扫码 |
|
toScan() async { |
|
if (await Permission.camera.isPermanentlyDenied) { |
|
showCupertinoDialog( |
|
context: context, |
|
builder: (context) { |
|
return RequestPermission( |
|
"assets/image/icon_camera_permission_tips.webp", |
|
S.of(context).ninxiangjiquanxianweikaiqi, |
|
S.of(context).weilekaipaizhaoxuanzhetouxiang, |
|
S.of(context).kaiqiquanxian, |
|
(result) async { |
|
if (result) { |
|
await openAppSettings(); |
|
} |
|
}, |
|
heightRatioWithWidth: 0.82, |
|
); |
|
}); |
|
} else if (await Permission.camera.isGranted) { |
|
var result = await Navigator.of(context).pushNamed('/router/qr_scan'); |
|
// String result = "http://pos.app.gznl.top/placeorder/?tableId=1315906639160672256&tenantCode=1166&shopId=1300372027722432512"; |
|
// 新版桌子码跳转 |
|
// http://miniscan.lotus-wallet.com/placeorder?tenant_code=1194&table_id=1669609340031467520&store_id=1637659387134738432 |
|
if (result == null) { |
|
return; |
|
} |
|
Uri uri = Uri.parse(result as String); |
|
String? tableId = |
|
uri.queryParameters["tableId"] ?? uri.queryParameters["table_id"]; |
|
String? tenantCode = uri.queryParameters["tenantCode"] ?? |
|
uri.queryParameters["tenant_code"]; |
|
String? shopId = |
|
uri.queryParameters["shopId"] ?? uri.queryParameters["store_id"]; |
|
if ((tableId?.isNotEmpty ?? false) && |
|
(tenantCode?.isNotEmpty ?? false) && |
|
(shopId?.isNotEmpty ?? false)) { |
|
String storeId = shopId ?? ""; |
|
miniLogin(apiService!, tenantCode ?? "", storeId, (token) { |
|
Navigator.of(context).pushNamed( |
|
'/router/store_order', |
|
arguments: { |
|
"id": shopId, |
|
"tenant": tenantCode, |
|
"storeName": "", |
|
"tableId": int.tryParse(tableId!), |
|
"miniToken": token, |
|
}, |
|
); |
|
}); |
|
} |
|
} else { |
|
await Permission.camera.request(); |
|
} |
|
} |
|
}
|
|
|