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.
560 lines
19 KiB
560 lines
19 KiB
import 'package:flutter/material.dart'; |
|
import 'package:flutter_baidu_mapapi_base/flutter_baidu_mapapi_base.dart'; |
|
import 'package:flutter_easyloading/flutter_easyloading.dart'; |
|
import 'package:flutter_smart_dialog/flutter_smart_dialog.dart'; |
|
import 'package:huixiang/generated/l10n.dart'; |
|
import 'package:huixiang/data/store.dart'; |
|
import 'package:huixiang/utils/font_weight.dart'; |
|
import 'package:huixiang/view_widget/custom_image.dart'; |
|
import 'package:flutter_screenutil/flutter_screenutil.dart'; |
|
import 'package:pull_to_refresh/pull_to_refresh.dart'; |
|
import 'package:shimmer/shimmer.dart'; |
|
|
|
import '../data/base_data.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 BMFCoordinate? 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; |
|
BMFCoordinate? latLng; |
|
final RefreshController _refreshController = RefreshController(); |
|
int networkStatus = 0; |
|
|
|
@override |
|
bool get wantKeepAlive => true; |
|
|
|
@override |
|
void initState() { |
|
super.initState(); |
|
queryStore(); |
|
} |
|
|
|
queryStore() async { |
|
BaseData<List<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) { |
|
SmartDialog.showToast(AppUtils.dioErrorTypeToString(error.type), |
|
alignment: Alignment.center); |
|
networkStatus = -1; |
|
_refreshController.refreshFailed(); |
|
}); |
|
if (baseData?.isSuccess ?? false) { |
|
storeList = baseData!.data; |
|
_refreshController.refreshCompleted(); |
|
networkStatus = 1; |
|
} else { |
|
_refreshController.refreshFailed(); |
|
SmartDialog.showToast(baseData?.msg ?? "", alignment: Alignment.center); |
|
} |
|
EasyLoading.dismiss(); |
|
if (!mounted) return; |
|
setState(() {}); |
|
} |
|
|
|
@override |
|
Widget build(BuildContext 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: () { |
|
{ |
|
// if (storeList[position].storeName == "一心回乡商城") { |
|
// Navigator.of(context).pushNamed( |
|
// '/router/shopping_mall_home', |
|
// arguments: { |
|
// "type": 0, |
|
// "id": storeList[position].id, |
|
// "tenant": storeList[position].tenantCode, |
|
// "storeName":storeList[position].storeName |
|
// }, |
|
// ); |
|
// } |
|
// else |
|
Navigator.of(context).pushNamed( |
|
'/router/store_order', |
|
arguments: { |
|
"id": storeList![position].id, |
|
"tenant": storeList![position].tenantCode, |
|
"storeName": storeList![position].storeName, |
|
"distance": storeList![position].distance |
|
}, |
|
); |
|
} |
|
}, |
|
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( |
|
16.w, |
|
8.h, |
|
16.w, |
|
12.h, |
|
), |
|
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: Row( |
|
crossAxisAlignment: CrossAxisAlignment.start, |
|
children: [ |
|
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: 12.w, |
|
), |
|
Expanded( |
|
child: Column( |
|
mainAxisAlignment: MainAxisAlignment.start, |
|
crossAxisAlignment: CrossAxisAlignment.start, |
|
children: [ |
|
Text( |
|
store.storeName ?? "", |
|
overflow: TextOverflow.ellipsis, |
|
style: TextStyle( |
|
color: Color(0xFF0D0D0D), |
|
fontSize: 14.sp, |
|
fontWeight: MyFontWeight.bold, |
|
), |
|
), |
|
SizedBox(height: 6.h), |
|
Row( |
|
children: [ |
|
Text( |
|
S.of(context).ren( |
|
store.perCapitaConsumption ?? "", |
|
), |
|
style: TextStyle( |
|
color: Color(0xFF4D4D4D), |
|
fontSize: 12.sp, |
|
fontWeight: MyFontWeight.regular, |
|
), |
|
), |
|
SizedBox(width: 22.w), |
|
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, |
|
), |
|
), |
|
], |
|
), |
|
SizedBox(height: 10.h), |
|
Row( |
|
children: []..addAll(itemServer(store.businessService ?? "")), |
|
), |
|
SizedBox(height: store.businessService == "" ? 40.h : 23.h), |
|
Container( |
|
height: 100.h, |
|
child: ListView.builder( |
|
padding: EdgeInsets.zero, |
|
itemCount: |
|
(storeList![position].productShow?.length ?? 0) > 3 |
|
? 3 |
|
: storeList![position].productShow?.length ?? 0, |
|
scrollDirection: Axis.horizontal, |
|
shrinkWrap: true, |
|
physics: BouncingScrollPhysics(), |
|
itemBuilder: (context, index) { |
|
return GestureDetector( |
|
onTap: () {}, |
|
child: unionGoodsItem( |
|
storeList![position].productShow![index]), |
|
); |
|
}, |
|
), |
|
), |
|
], |
|
), |
|
), |
|
], |
|
), |
|
); |
|
} |
|
|
|
///标签 |
|
List<Widget> itemServer(String businessService) { |
|
if (businessService == "") 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 unionGoodsItem(ProductShow productShow) { |
|
return Container( |
|
width: 74.h, |
|
margin: EdgeInsets.only(right: 8.w), |
|
child: Column( |
|
mainAxisAlignment: MainAxisAlignment.spaceAround, |
|
crossAxisAlignment: CrossAxisAlignment.start, |
|
children: [ |
|
MImage( |
|
productShow.imgs?[0] ?? "", |
|
width: 74.h, |
|
height: 74.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), |
|
child: Text( |
|
productShow.productName ?? "", |
|
overflow: TextOverflow.ellipsis, |
|
style: TextStyle( |
|
color: Color(0xFFA29E9E), |
|
fontSize: 12.sp, |
|
fontWeight: MyFontWeight.regular, |
|
), |
|
), |
|
), |
|
], |
|
), |
|
); |
|
} |
|
|
|
//旧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, |
|
), |
|
), |
|
) |
|
], |
|
)), |
|
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, |
|
), |
|
), |
|
], |
|
), |
|
), |
|
), |
|
], |
|
), |
|
); |
|
} |
|
}
|
|
|