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.
715 lines
25 KiB
715 lines
25 KiB
import 'package:dio/dio.dart'; |
|
import 'package:flutter/cupertino.dart'; |
|
import 'package:flutter/material.dart'; |
|
import 'package:flutter_screenutil/flutter_screenutil.dart'; |
|
import 'package:flutter_smart_dialog/flutter_smart_dialog.dart'; |
|
import 'package:geolocator/geolocator.dart'; |
|
import 'package:huixiang/data/base_list_data.dart'; |
|
import 'package:huixiang/data/store.dart'; |
|
import 'package:huixiang/generated/l10n.dart'; |
|
import 'package:huixiang/utils/app_util.dart'; |
|
import 'package:huixiang/utils/constant.dart'; |
|
import 'package:huixiang/utils/font_weight.dart'; |
|
import 'package:huixiang/utils/shared_preference.dart'; |
|
import 'package:huixiang/view_widget/custom_image.dart'; |
|
import 'package:pull_to_refresh/pull_to_refresh.dart'; |
|
import 'package:shared_preferences/shared_preferences.dart'; |
|
import 'package:shimmer/shimmer.dart'; |
|
|
|
import '../data/product_show.dart'; |
|
import '../retrofit/retrofit_api.dart'; |
|
import '../utils/flutter_utils.dart'; |
|
import '../view_widget/classic_header.dart'; |
|
import '../view_widget/no_data_view.dart'; |
|
import '../view_widget/round_button.dart'; |
|
|
|
class UnionList extends StatefulWidget { |
|
final String serviceType; |
|
final Position? latLng; |
|
final String? searchKey; |
|
final String? city; |
|
|
|
UnionList(Key key, this.serviceType, this.latLng, this.searchKey, this.city) |
|
: super(key: key); |
|
|
|
@override |
|
State<StatefulWidget> createState() { |
|
return _UnionList(); |
|
} |
|
} |
|
|
|
class _UnionList extends State<UnionList> with AutomaticKeepAliveClientMixin { |
|
ApiService? apiService; |
|
List<Store>? storeList; |
|
Position? latLng; |
|
final RefreshController _refreshController = RefreshController(); |
|
int networkStatus = 0; |
|
|
|
@override |
|
bool get wantKeepAlive => true; |
|
|
|
@override |
|
void initState() { |
|
super.initState(); |
|
queryStore(); |
|
} |
|
|
|
queryStore() async { |
|
apiService ??= ApiService( |
|
Dio(), |
|
context: context, |
|
token: SharedInstance.instance.token, |
|
); |
|
BaseListData<Store>? baseData = await apiService?.queryStore({ |
|
"city": (widget.city ?? "") == "所有门店" ? "" : (widget.city ?? ""), |
|
// "district": district, |
|
// "province": province, |
|
"latitude": (widget.latLng?.latitude ?? "").toString(), |
|
"longitude": (widget.latLng?.longitude ?? "").toString(), |
|
if (widget.searchKey != "") "searchKey": widget.searchKey, |
|
"serviceType": widget.serviceType, |
|
"exchange": false, |
|
}).catchError((error) { |
|
networkStatus = -1; |
|
_refreshController.refreshFailed(); |
|
return BaseListData<Store>()..isSuccess = false; |
|
}); |
|
if (baseData?.isSuccess ?? false) { |
|
storeList = baseData!.data; |
|
_refreshController.refreshCompleted(); |
|
networkStatus = 1; |
|
} else { |
|
_refreshController.refreshFailed(); |
|
SmartDialog.showToast(baseData?.msg ?? "", alignment: Alignment.center); |
|
} |
|
if (!mounted) return; |
|
setState(() {}); |
|
SmartDialog.dismiss(status: SmartStatus.loading); |
|
} |
|
|
|
@override |
|
Widget build(BuildContext context) { |
|
super.build(context); |
|
return SmartRefresher( |
|
controller: _refreshController, |
|
enablePullDown: true, |
|
enablePullUp: false, |
|
header: MyHeader( |
|
color: Colors.white, |
|
), |
|
physics: BouncingScrollPhysics(), |
|
onRefresh: queryStore, |
|
child: networkStatus == 0 |
|
? ListView.builder( |
|
itemCount: 10, |
|
physics: BouncingScrollPhysics(), |
|
shrinkWrap: true, |
|
itemBuilder: (context, position) { |
|
return GestureDetector( |
|
onTap: () {}, |
|
child: buildStoreItemSm(), |
|
); |
|
}, |
|
) |
|
: ((storeList?.isEmpty ?? true) |
|
? NoDataView( |
|
src: "assets/image/di_zhi.webp", |
|
isShowBtn: false, |
|
text: ((widget.city ?? "") != "武汉" && |
|
(widget.city ?? "") != "郑州" && |
|
(widget.city ?? "") != "北京") |
|
? " 当前海峡姐妹开放门店 仅包含 武汉/北京/郑州，您当前的位置无法获取，请手动更换城市" |
|
: "暂无店铺列表~", |
|
fontSize: 16.sp, |
|
margin: EdgeInsets.only(top: 120.h, left: 45.w, right: 45.w), |
|
) |
|
: ListView.builder( |
|
itemCount: storeList!.length, |
|
padding: EdgeInsets.only( |
|
top: 8.h, |
|
bottom: 100.h, |
|
), |
|
itemBuilder: (context, position) { |
|
return InkWell( |
|
onTap: () { |
|
String storeId = storeList![position].id ?? ""; |
|
miniLogin(apiService!, storeId, (token) { |
|
Navigator.of(context).pushNamed( |
|
'/router/store_order', |
|
arguments: { |
|
"id": storeList![position].id, |
|
"tenant": storeList![position].tenantCode, |
|
"storeName": storeList![position].storeName, |
|
"distance": storeList![position].distance, |
|
"miniToken": token, |
|
}, |
|
); |
|
}); |
|
}, |
|
child: buildStoreItem(storeList![position], position), |
|
); |
|
}, |
|
)), |
|
); |
|
} |
|
|
|
Widget buildStoreItemSm() { |
|
return Container( |
|
margin: EdgeInsets.fromLTRB(16.w, 8.h, 16.w, 12.h), |
|
padding: EdgeInsets.symmetric( |
|
horizontal: 12.w, vertical: 12.h, |
|
), |
|
width: double.infinity, |
|
decoration: BoxDecoration( |
|
color: Colors.white, |
|
borderRadius: BorderRadius.all(Radius.circular(6)), |
|
boxShadow: [ |
|
BoxShadow( |
|
color: Colors.black.withAlpha(25), |
|
offset: Offset(0, 1), |
|
blurRadius: 12, |
|
spreadRadius: 0, |
|
) |
|
], |
|
), |
|
child: Column( |
|
crossAxisAlignment: CrossAxisAlignment.start, |
|
children: [ |
|
Shimmer.fromColors( |
|
baseColor: Color(0XFFD8D8D8), |
|
highlightColor: Color(0XFFD8D8D8), |
|
child: Container( |
|
color: Color(0XFFD8D8D8), |
|
width: double.infinity, |
|
height: 140.h, |
|
), |
|
), |
|
Padding( |
|
padding: EdgeInsets.only( |
|
left: 6.w, bottom: 5.h, top: 12.h, |
|
), |
|
child: Shimmer.fromColors( |
|
baseColor: Color(0XFFD8D8D8), |
|
highlightColor: Color(0XFFD8D8D8), |
|
child: Container( |
|
decoration: BoxDecoration( |
|
color: Color(0XFFD8D8D8), |
|
borderRadius: BorderRadius.circular(2), |
|
), |
|
width: 108.w, |
|
height: 20.h, |
|
), |
|
), |
|
), |
|
Padding( |
|
padding: EdgeInsets.only( |
|
left: 6.w, |
|
), |
|
child: Shimmer.fromColors( |
|
baseColor: Color(0XFFD8D8D8), |
|
highlightColor: Color(0XFFD8D8D8), |
|
child: Container( |
|
decoration: BoxDecoration( |
|
color: Color(0XFFD8D8D8), |
|
borderRadius: BorderRadius.circular(2), |
|
), |
|
width: 260.w, |
|
height: 20.h, |
|
), |
|
), |
|
), |
|
], |
|
), |
|
); |
|
} |
|
|
|
Widget buildStoreItem(Store store, position) { |
|
return Container( |
|
margin: EdgeInsets.fromLTRB( |
|
14.w, |
|
8, |
|
14.w, |
|
12, |
|
), |
|
padding: EdgeInsets.symmetric( |
|
horizontal: 12.w, |
|
vertical: 12.h, |
|
), |
|
decoration: BoxDecoration( |
|
color: Colors.white, |
|
borderRadius: BorderRadius.all( |
|
Radius.circular(6), |
|
), |
|
boxShadow: [ |
|
BoxShadow( |
|
color: Colors.black.withAlpha(25), |
|
offset: Offset(0, 1), |
|
blurRadius: 12, |
|
spreadRadius: 0, |
|
), |
|
], |
|
), |
|
width: double.infinity, |
|
child: Column( |
|
crossAxisAlignment: CrossAxisAlignment.start, |
|
children: [ |
|
SizedBox( |
|
height: 74.h, |
|
child: Row( |
|
children: [ |
|
SizedBox( |
|
height: 74.h, |
|
width: 74.h, |
|
child: Stack( |
|
children: [ |
|
MImage( |
|
store.facade ?? '', |
|
width: 74.h, |
|
height: 74.h, |
|
fit: BoxFit.cover, |
|
radius: BorderRadius.circular(6), |
|
errorSrc: "assets/image/default_1.webp", |
|
fadeSrc: "assets/image/default_1.webp", |
|
), |
|
Container( |
|
decoration: BoxDecoration( |
|
color: Color(0xFF32A060), |
|
borderRadius: BorderRadius.only( |
|
topLeft: Radius.circular(6), |
|
bottomRight: Radius.circular(6), |
|
topRight: Radius.circular(2), |
|
bottomLeft: Radius.circular(2), |
|
), |
|
), |
|
padding: EdgeInsets.symmetric( |
|
horizontal: 3.w, |
|
vertical: 2.h, |
|
), |
|
child: Text( |
|
"品牌", |
|
style: TextStyle( |
|
color: Colors.white, |
|
fontSize: 10.sp, |
|
fontWeight: MyFontWeight.regular, |
|
), |
|
), |
|
), |
|
], |
|
), |
|
), |
|
SizedBox( |
|
width: 11.w, |
|
), |
|
Expanded( |
|
child: Column( |
|
mainAxisAlignment: MainAxisAlignment.spaceEvenly, |
|
crossAxisAlignment: CrossAxisAlignment.start, |
|
children: [ |
|
Text( |
|
store.storeName ?? "", |
|
overflow: TextOverflow.ellipsis, |
|
style: TextStyle( |
|
color: Color(0xFF0D0D0D), |
|
fontSize: 14.sp, |
|
fontWeight: MyFontWeight.bold, |
|
), |
|
), |
|
Row( |
|
children: [ |
|
if (store.perCapitaConsumption != null && (store.perCapitaConsumption ?? "") != "0") |
|
Padding( |
|
padding: EdgeInsets.only(right: 22.w), |
|
child: Text( |
|
S.of(context).ren(store.perCapitaConsumption ?? ""), |
|
style: TextStyle( |
|
color: Color(0xFF4D4D4D), |
|
fontSize: 12.sp, |
|
fontWeight: MyFontWeight.regular, |
|
), |
|
), |
|
), |
|
Image.asset( |
|
"assets/image/icon_union_location_black.webp", |
|
fit: BoxFit.fill, |
|
height: 12, |
|
width: 12, |
|
), |
|
SizedBox(width: 4.w), |
|
Text( |
|
(store.distance ?? 0) > 1000 |
|
? S.of(context).gongli(((store.distance ?? 0) / 1000 * 100).toInt() / 100.0) |
|
: S.of(context).mi(((store.distance ?? 0) * 100).toInt() / 100.0), |
|
style: TextStyle( |
|
color: Color(0xFF4D4D4D), |
|
fontSize: 12.sp, |
|
), |
|
), |
|
], |
|
), |
|
Row( |
|
children: itemServer(store.businessService ?? ""), |
|
), |
|
], |
|
), |
|
), |
|
], |
|
), |
|
), |
|
if (storeList?[position].productShow?.isNotEmpty ?? false) |
|
SizedBox(height: 18.h), |
|
if (storeList?[position].productShow?.isNotEmpty ?? false) |
|
Row( |
|
crossAxisAlignment: CrossAxisAlignment.start, |
|
children: [ |
|
Expanded(child: unionItem(position,0)), |
|
SizedBox(width:14.w), |
|
if ((storeList?[position].productShow?.length ?? 0) > 1) |
|
Expanded(child: unionItem(position,1)) |
|
else Spacer(), |
|
SizedBox(width:14.w), |
|
if ((storeList?[position].productShow?.length ?? 0) > 2) |
|
Expanded(child: unionItem(position,2)) |
|
else Spacer(), |
|
], |
|
), |
|
], |
|
), |
|
); |
|
} |
|
|
|
///标签 |
|
List<Widget> itemServer(String businessService) { |
|
if (businessService.isEmpty) return []; |
|
var list = businessService.split(","); |
|
return list.map((e) => Container( |
|
margin: EdgeInsets.only(right: 8.w), |
|
child: RoundButton( |
|
height: 17.h * AppUtils.textScale(context), |
|
text: "$e", |
|
backgroup: Color(0xFFF65720), |
|
padding: EdgeInsets.only( |
|
left: 4.w, |
|
right: 4.w, |
|
), |
|
fontSize: 10.sp, |
|
textColor: Colors.white, |
|
), |
|
)).toList(); |
|
} |
|
|
|
Widget unionItem(int position,int unionIndex) { |
|
return Column( |
|
crossAxisAlignment: CrossAxisAlignment.start, |
|
children: [ |
|
MImage( |
|
storeList?[position].productShow?[unionIndex].imgs?[0] ?? "", |
|
width:double.infinity, |
|
height: 97.w, |
|
fit: BoxFit.cover, |
|
radius: BorderRadius.circular(4), |
|
errorSrc: "assets/image/default_1.webp", |
|
fadeSrc: "assets/image/default_1.webp", |
|
), |
|
6.d, |
|
Text( |
|
storeList?[position].productShow?[unionIndex].productName ?? "", |
|
overflow: TextOverflow.ellipsis, |
|
style: TextStyle( |
|
color: Color(0xFF0D0D0D), |
|
fontSize: 12.sp, |
|
fontWeight: MyFontWeight.regular, |
|
), |
|
), |
|
4.d, |
|
Row( |
|
crossAxisAlignment: CrossAxisAlignment.center, |
|
children: [ |
|
Padding( |
|
padding:EdgeInsets.only(right:2.w), |
|
child: Text.rich( |
|
TextSpan( |
|
children: [ |
|
TextSpan( |
|
text: "￥", |
|
style: TextStyle( |
|
fontWeight: FontWeight.bold, |
|
fontSize:12.sp, |
|
color: Color(0xFFF65720), |
|
), |
|
), |
|
TextSpan( |
|
text:"${(storeList?[position].productShow?[unionIndex].price ?? "").split(".")[0]}", |
|
style: TextStyle( |
|
fontWeight: FontWeight.bold, |
|
fontSize: 16.sp, |
|
color: Color(0xFFF65720), |
|
), |
|
), |
|
if(storeList?[position].productShow?[unionIndex].price?.contains(".") ?? false) |
|
TextSpan( |
|
text:".", |
|
style: TextStyle( |
|
fontWeight: FontWeight.bold, |
|
fontSize: 16.sp, |
|
color: Color(0xFFF65720), |
|
), |
|
), |
|
if(storeList?[position].productShow?[unionIndex].price?.contains(".") ?? false) |
|
TextSpan( |
|
text:(storeList?[position].productShow?[unionIndex].price ?? "").split(".")[1], |
|
style: TextStyle( |
|
fontWeight: FontWeight.bold, |
|
fontSize:12.sp, |
|
color: Color(0xFFF65720), |
|
), |
|
), |
|
], |
|
), |
|
textDirection: TextDirection.ltr, |
|
), |
|
), |
|
Text( |
|
"￥${storeList?[position].productShow?[unionIndex].applyPrice ?? ""}", |
|
overflow: TextOverflow.ellipsis, |
|
style: TextStyle( |
|
color: Color(0xFFA29E9E), |
|
fontSize: 10.sp, |
|
fontWeight: MyFontWeight.regular, |
|
decoration: TextDecoration.lineThrough, |
|
decorationColor: Color(0xFFA29E9E), |
|
), |
|
), |
|
], |
|
), |
|
], |
|
); |
|
} |
|
|
|
Widget unionGoodsItem(ProductShow productShow) { |
|
return Column( |
|
mainAxisAlignment: MainAxisAlignment.spaceAround, |
|
crossAxisAlignment: CrossAxisAlignment.start, |
|
children: [ |
|
MImage( |
|
productShow.imgs?[0] ?? "", |
|
width: 97.h, |
|
height: 97.h, |
|
fit: BoxFit.cover, |
|
radius: BorderRadius.circular(4), |
|
errorSrc: "assets/image/default_1.webp", |
|
fadeSrc: "assets/image/default_1.webp", |
|
), |
|
Padding( |
|
padding: EdgeInsets.only( |
|
top: 8.h,bottom:6.h, |
|
), |
|
child: Text( |
|
productShow.productName ?? "", |
|
overflow: TextOverflow.ellipsis, |
|
style: TextStyle( |
|
color: Color(0xFF0D0D0D), |
|
fontSize: 12.sp, |
|
fontWeight: MyFontWeight.regular, |
|
), |
|
), |
|
), |
|
Expanded( |
|
child:Row( |
|
crossAxisAlignment: CrossAxisAlignment.center, |
|
children: [ |
|
Padding(padding:EdgeInsets.only(right:2.w), |
|
child: Text.rich( |
|
TextSpan( |
|
children: [ |
|
TextSpan( |
|
text: "￥", |
|
style: TextStyle( |
|
fontWeight: FontWeight.bold, |
|
fontSize:12.sp, |
|
color: Color(0xFFF65720), |
|
), |
|
), |
|
TextSpan( |
|
text:"${(productShow?.price ?? "").split(".")[0]}", |
|
style: TextStyle( |
|
fontWeight: FontWeight.bold, |
|
fontSize: 16.sp, |
|
color: Color(0xFFF65720), |
|
), |
|
), |
|
if(productShow.price?.contains(".") ?? false) |
|
TextSpan( |
|
text:".", |
|
style: TextStyle( |
|
fontWeight: FontWeight.bold, |
|
fontSize: 16.sp, |
|
color: Color(0xFFF65720), |
|
), |
|
), |
|
if(productShow.price?.contains(".") ?? false) |
|
TextSpan( |
|
text:(productShow.price ?? "").split(".")[1], |
|
style: TextStyle( |
|
fontWeight: FontWeight.bold, |
|
fontSize:12.sp, |
|
color: Color(0xFFF65720), |
|
), |
|
), |
|
], |
|
), |
|
textDirection: TextDirection.ltr, |
|
),), |
|
Text( |
|
"￥${productShow.applyPrice ?? ""}", |
|
overflow: TextOverflow.ellipsis, |
|
style: TextStyle( |
|
color: Color(0xFFA29E9E), |
|
fontSize: 10.sp, |
|
fontWeight: MyFontWeight.regular, |
|
decoration: TextDecoration.lineThrough, |
|
decorationColor: Color(0xFFA29E9E), |
|
), |
|
), |
|
], |
|
), |
|
), |
|
], |
|
); |
|
} |
|
|
|
//旧ui |
|
Widget buildStoreItems(Store store, position) { |
|
return Container( |
|
margin: EdgeInsets.fromLTRB(16.w, 8.h, 16.w, 12.h), |
|
decoration: BoxDecoration( |
|
color: Colors.white, |
|
borderRadius: BorderRadius.all(Radius.circular(8)), |
|
boxShadow: [ |
|
BoxShadow( |
|
color: Colors.black.withAlpha(25), |
|
offset: Offset(0, 1), |
|
blurRadius: 12, |
|
spreadRadius: 0, |
|
) |
|
], |
|
), |
|
width: double.infinity, |
|
height: 235.h, |
|
child: Stack( |
|
children: [ |
|
Positioned( |
|
top: 0, |
|
left: 0, |
|
right: 0, |
|
child: ClipRRect( |
|
child: MImage( |
|
store.facade ?? "", |
|
width: double.infinity, |
|
height: 140.h, |
|
fit: BoxFit.cover, |
|
errorSrc: "assets/image/default_1.webp", |
|
fadeSrc: "assets/image/default_1.webp", |
|
), |
|
borderRadius: BorderRadius.vertical( |
|
top: Radius.circular(4), |
|
), |
|
), |
|
), |
|
Positioned( |
|
bottom: 0, |
|
left: 0, |
|
right: 0, |
|
child: Container(), |
|
), |
|
Positioned( |
|
bottom: 16.h, |
|
left: 12.w, |
|
right: 12.w, |
|
child: Container( |
|
height: 107.h, |
|
child: Row( |
|
mainAxisAlignment: MainAxisAlignment.start, |
|
crossAxisAlignment: CrossAxisAlignment.start, |
|
children: [ |
|
MImage( |
|
store.logo ?? "", |
|
width: 57, |
|
height: 57, |
|
fit: BoxFit.cover, |
|
isCircle: true, |
|
errorSrc: "assets/image/default_1.webp", |
|
fadeSrc: "assets/image/default_1.webp", |
|
), |
|
SizedBox( |
|
width: 6.w, |
|
), |
|
Expanded( |
|
child: Column( |
|
mainAxisAlignment: MainAxisAlignment.start, |
|
crossAxisAlignment: CrossAxisAlignment.start, |
|
children: [ |
|
SizedBox( |
|
height: 40.h, |
|
), |
|
Text( |
|
store.storeName ?? "", |
|
overflow: TextOverflow.ellipsis, |
|
style: TextStyle( |
|
color: Color(0xFF0D0D0D), |
|
fontSize: 14.sp, |
|
fontWeight: MyFontWeight.bold, |
|
), |
|
), |
|
SizedBox( |
|
height: 5.h, |
|
), |
|
Expanded( |
|
child: Text( |
|
"${S.of(context).dizhi}:${store.address}", |
|
maxLines: 2, |
|
overflow: TextOverflow.ellipsis, |
|
style: TextStyle( |
|
color: Color(0xFF4D4D4D), |
|
fontSize: 12.sp, |
|
fontWeight: MyFontWeight.regular, |
|
), |
|
), |
|
), |
|
], |
|
), |
|
), |
|
if (store.distance != null) |
|
Container( |
|
width: 59.w, |
|
height: 18.h, |
|
alignment: Alignment.center, |
|
margin: EdgeInsets.only(top: 20.h), |
|
decoration: BoxDecoration( |
|
borderRadius: BorderRadius.circular(2), |
|
color: Color(0xFF32A060), |
|
), |
|
child: Visibility( |
|
child: Text( |
|
(store.distance ?? 0) > 1000 |
|
? S.of(context).gongli( |
|
((store.distance ?? 0) / 1000 * 100).toInt() / |
|
100.0) |
|
: S.of(context).mi( |
|
((store.distance ?? 0) * 100).toInt() / 100.0), |
|
style: TextStyle( |
|
color: Color(0xFFFFFFFF), |
|
fontSize: 10.sp, |
|
), |
|
), |
|
visible: store.distance != null, |
|
), |
|
), |
|
], |
|
), |
|
), |
|
), |
|
], |
|
), |
|
); |
|
} |
|
}
|
|
|