From d4020f961cd01b85a696ab95510db541888f4311 Mon Sep 17 00:00:00 2001 From: zhangmeng <494089941@qq.com> Date: Mon, 10 May 2021 18:24:47 +0800 Subject: [PATCH] =?UTF-8?q?=E5=AE=8C=E6=88=90=20=E5=95=86=E5=93=81?= =?UTF-8?q?=E8=AF=A6=E6=83=85=E9=A1=B5=E5=8F=8A=E5=85=B6=E6=8E=A5=E5=8F=A3?= =?UTF-8?q?=E5=AF=B9=E6=8E=A5?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- lib/constants/api.dart | 3 + lib/models/market/goods_detail_model.dart | 48 ++++ lib/models/market/goods_detail_model.g.dart | 32 +++ lib/ui/market/goods/goods_detail_page.dart | 272 +++++++++++++++++++- 4 files changed, 354 insertions(+), 1 deletion(-) create mode 100644 lib/models/market/goods_detail_model.dart create mode 100644 lib/models/market/goods_detail_model.g.dart diff --git a/lib/constants/api.dart b/lib/constants/api.dart index e356faba..bc1d88a1 100644 --- a/lib/constants/api.dart +++ b/lib/constants/api.dart @@ -267,6 +267,9 @@ class _Market { ///app商城中心：商品搜索 String get search => '/user/shop/goodsSearch'; + + ///app商城中心：根据商品主键id查询商品详情 + String get goodsDetail => '/user/shop/findDetailByGoodsId'; } class _Upload { diff --git a/lib/models/market/goods_detail_model.dart b/lib/models/market/goods_detail_model.dart new file mode 100644 index 00000000..99a52280 --- /dev/null +++ b/lib/models/market/goods_detail_model.dart @@ -0,0 +1,48 @@ +import 'package:aku_community/model/common/img_model.dart'; +import 'package:equatable/equatable.dart'; +import 'package:json_annotation/json_annotation.dart'; +part 'goods_detail_model.g.dart'; + +@JsonSerializable() +class GoodsDetailModel extends Equatable { + final int id; + final String recommend; + final String title; + final double sellingPrice; + final double markingPrice; + final String categoryName; + final int subscribeNum; + final String detail; + final String arrivalTime; + final List goodsImgList; + final int supplierId; + final String supplierName; + final String supplierTel; + final String? supplierAddress; + final List supplierImgList; + final int isSubscribe; + + GoodsDetailModel( + this.id, + this.recommend, + this.title, + this.sellingPrice, + this.markingPrice, + this.categoryName, + this.subscribeNum, + this.detail, + this.arrivalTime, + this.goodsImgList, + this.supplierId, + this.supplierName, + this.supplierTel, + this.supplierAddress, + this.supplierImgList, + this.isSubscribe); + + @override + List get props => throw UnimplementedError(); + + factory GoodsDetailModel.fromJson(Map json) => + _$GoodsDetailModelFromJson(json); +} diff --git a/lib/models/market/goods_detail_model.g.dart b/lib/models/market/goods_detail_model.g.dart new file mode 100644 index 00000000..32309c5f --- /dev/null +++ b/lib/models/market/goods_detail_model.g.dart @@ -0,0 +1,32 @@ +// GENERATED CODE - DO NOT MODIFY BY HAND + +part of 'goods_detail_model.dart'; + +// ************************************************************************** +// JsonSerializableGenerator +// ************************************************************************** + +GoodsDetailModel _$GoodsDetailModelFromJson(Map json) { + return GoodsDetailModel( + json['id'] as int, + json['recommend'] as String, + json['title'] as String, + (json['sellingPrice'] as num).toDouble(), + (json['markingPrice'] as num).toDouble(), + json['categoryName'] as String, + json['subscribeNum'] as int, + json['detail'] as String, + json['arrivalTime'] as String, + (json['goodsImgList'] as List) + .map((e) => ImgModel.fromJson(e as Map)) + .toList(), + json['supplierId'] as int, + json['supplierName'] as String, + json['supplierTel'] as String, + json['supplierAddress'] as String?, + (json['supplierImgList'] as List) + .map((e) => ImgModel.fromJson(e as Map)) + .toList(), + json['isSubscribe'] as int, + ); +} diff --git a/lib/ui/market/goods/goods_detail_page.dart b/lib/ui/market/goods/goods_detail_page.dart index d27c61a1..a5b38b4a 100644 --- a/lib/ui/market/goods/goods_detail_page.dart +++ b/lib/ui/market/goods/goods_detail_page.dart @@ -1,6 +1,26 @@ +import 'package:aku_community/base/base_style.dart'; +import 'package:aku_community/constants/api.dart'; +import 'package:aku_community/model/common/img_model.dart'; +import 'package:aku_community/models/market/goods_detail_model.dart'; +import 'package:aku_community/models/market/goods_item.dart'; +import 'package:aku_community/provider/user_provider.dart'; +import 'package:aku_community/ui/market/goods/goods_card.dart'; +import 'package:aku_community/ui/market/search/search_goods_page.dart'; +import 'package:aku_community/utils/network/base_model.dart'; +import 'package:aku_community/utils/network/net_util.dart'; +import 'package:aku_community/widget/bee_back_button.dart'; +import 'package:bot_toast/bot_toast.dart'; +import 'package:flutter/cupertino.dart'; import 'package:flutter/material.dart'; import 'package:aku_community/widget/bee_scaffold.dart'; +import 'package:flutter_easyrefresh/easy_refresh.dart'; +import 'package:get/get.dart'; +import 'package:provider/provider.dart'; +import 'package:velocity_x/velocity_x.dart'; +import 'package:flutter_screenutil/flutter_screenutil.dart'; +import 'package:aku_community/const/resource.dart'; +import 'package:waterfall_flow/waterfall_flow.dart'; ///商品详情页面 class GoodsDetailPage extends StatefulWidget { @@ -14,8 +34,258 @@ class GoodsDetailPage extends StatefulWidget { } class _GoodsDetailPageState extends State { + late EasyRefreshController _refreshController; + late GoodsDetailModel _goodsModel; + bool _onload = true; + List _topGoods = []; + late PageController _pageController; + int _currentIndex = 0; + @override + void initState() { + super.initState(); + _refreshController = EasyRefreshController(); + _pageController = PageController(); + } + + @override + void dispose() { + _refreshController.dispose(); + _pageController.dispose(); + super.dispose(); + } + @override Widget build(BuildContext context) { - return BeeScaffold(); + UserProvider userProvider = Provider.of(context); + return BeeScaffold( + leading: BeeBackButton(), + title: '商品详情', + actions: [ + IconButton( + icon: Icon(CupertinoIcons.search), + onPressed: () { + Get.to(() => SearchGoodsPage()); + }, + ), + ], + body: EasyRefresh( + firstRefresh: true, + header: MaterialHeader(), + onRefresh: () async { + BaseModel baseModel = await NetUtil().get(API.market.goodsDetail, + params: { + "goodsId": widget.id, + "id": userProvider.userDetailModel!.id + }); + if (baseModel.status ?? false) { + _goodsModel = GoodsDetailModel.fromJson(baseModel.data); + } else { + BotToast.showText(text: baseModel.message ?? '未知错误'); + } + baseModel = await NetUtil().get(API.market.hotTop); + if (baseModel.status == true && baseModel.data != null) { + _topGoods = (baseModel.data as List) + .map((e) => GoodsItem.fromJson(e)) + .toList(); + } + _onload = false; + setState(() {}); + }, + child: _onload + ? _emptyWidget() + : ListView( + children: [ + Container( + width: double.infinity, + decoration: BoxDecoration( + color: Colors.white, + ), + child: Column( + crossAxisAlignment: CrossAxisAlignment.start, + children: [ + _imageView(_goodsModel.goodsImgList), + Padding( + padding: EdgeInsets.symmetric(horizontal: 32.w), + child: _goodsModel.title.text + .size(40.sp) + .bold + .color(ktextPrimary) + .make(), + ), + 24.w.heightBox, + Row( + children: [ + 32.w.widthBox, + _goodsModel.categoryName.text + .size(24.sp) + .color(ktextSubColor) + .make(), + 24.w.widthBox, + '${_goodsModel.subscribeNum}人已订阅' + .text + .size(24.sp) + .color(ktextPrimary) + .make() + ], + ), + 24.w.heightBox, + ], + ), + ), + 24.w.heightBox, + _goodsItemDescrible(), + 24.w.heightBox, + _supplierWidget(), + 24.w.heightBox, + _extraWidget(_topGoods), + ], + ), + controller: _refreshController, + ), + ); + } + + Widget _imageView(List imgList) { + return Stack( + children: [ + SizedBox( + width: double.infinity, + height: 500.w, + child: PageView.builder( + itemCount: imgList.length, + onPageChanged: (value) { + _pageController.jumpToPage(value); + _currentIndex = value; + setState(() {}); + }, + controller: _pageController, + itemBuilder: (context, index) { + return SizedBox( + width: double.infinity, + height: 500.w, + child: FadeInImage.assetNetwork( + placeholder: R.ASSETS_IMAGES_PLACEHOLDER_WEBP, + image: API.image(imgList[index].url)), + ); + }), + ), + Positioned( + bottom: 24.w, + right: 5.w, + child: Container( + alignment: Alignment.center, + width: 69.w, + height: 39.w, + decoration: BoxDecoration( + color: Color(0x80000000), + borderRadius: BorderRadius.circular(40.w)), + child: '${_currentIndex + 1}/3' + .text + .size(24.sp) + .color(Colors.white) + .make(), + ), + ), + ], + ); + } + + Widget _extraWidget(List models) { + return Container( + decoration: BoxDecoration( + color: Colors.white, + ), + width: double.infinity, + padding: EdgeInsets.symmetric(vertical: 32.w, horizontal: 32.w), + child: Column( + children: [ + Row( + children: [ + '其他（${models.length}）' + .text + .size(24.sp) + .color(ktextPrimary) + .bold + .make(), + ], + ), + 24.w.heightBox, + SizedBox( + height: 614.w, + child: WaterfallFlow.count( + crossAxisCount: 2, + physics: NeverScrollableScrollPhysics(), + children: List.generate( + models.length, + (index) => GoodsCard(item: models[index]), + ), + ), + ), + ], + ), + ); + } + + Widget _supplierWidget() { + return Container( + width: double.infinity, + decoration: BoxDecoration( + color: Colors.white, + ), + padding: EdgeInsets.symmetric(vertical: 32.w, horizontal: 32.w), + child: Row( + crossAxisAlignment: CrossAxisAlignment.start, + children: [ + ClipRRect( + borderRadius: BorderRadius.circular(8.w), + child: FadeInImage.assetNetwork( + placeholder: R.ASSETS_IMAGES_PLACEHOLDER_WEBP, + image: API.image( + ImgModel.first(_goodsModel.supplierImgList), + ), + width: 160.w, + height: 160.w, + ), + ), + 20.w.widthBox, + Column( + crossAxisAlignment: CrossAxisAlignment.start, + children: [ + _goodsModel.supplierName.text + .size(28.sp) + .color(ktextPrimary) + .bold + .make(), + 54.w.heightBox, + '地址：${_goodsModel.supplierAddress}' + .text + .size(24.sp) + .color(ktextPrimary) + .make() + ], + ) + ], + ), + ); + } + + Widget _goodsItemDescrible() { + return Container( + width: double.infinity, + decoration: BoxDecoration(color: Colors.white), + padding: EdgeInsets.symmetric(vertical: 24.w, horizontal: 32.w), + child: Column( + crossAxisAlignment: CrossAxisAlignment.start, + children: [ + '商品详情'.text.size(32.sp).color(ktextPrimary).bold.make(), + 24.w.heightBox, + _goodsModel.detail.text.size(24.sp).color(ktextPrimary).make(), + ], + ), + ); + } + + Widget _emptyWidget() { + return Container(); } }