积分兑换
This commit is contained in:
BIN
ln_jq_app/assets/images/mall_pay_success@2x.png
Normal file
BIN
ln_jq_app/assets/images/mall_pay_success@2x.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 19 KiB |
117
ln_jq_app/lib/pages/c_page/mall/detail/controller.dart
Normal file
117
ln_jq_app/lib/pages/c_page/mall/detail/controller.dart
Normal file
@@ -0,0 +1,117 @@
|
|||||||
|
import 'dart:developer';
|
||||||
|
|
||||||
|
import 'package:flutter/material.dart';
|
||||||
|
import 'package:get/get.dart';
|
||||||
|
import 'package:getx_scaffold/getx_scaffold.dart';
|
||||||
|
import 'package:ln_jq_app/common/model/base_model.dart';
|
||||||
|
import 'package:ln_jq_app/pages/c_page/mall/exchange_success/view.dart';
|
||||||
|
|
||||||
|
import '../mall_controller.dart';
|
||||||
|
|
||||||
|
class MallDetailController extends GetxController with BaseControllerMixin {
|
||||||
|
@override
|
||||||
|
String get builderId => 'mall_detail';
|
||||||
|
|
||||||
|
late final int goodsId;
|
||||||
|
final Rx<GoodsModel?> goodsDetail = Rx<GoodsModel?>(null);
|
||||||
|
final RxBool isLoading = true.obs;
|
||||||
|
|
||||||
|
final addressController = TextEditingController();
|
||||||
|
final nameController = TextEditingController();
|
||||||
|
final phoneController = TextEditingController();
|
||||||
|
|
||||||
|
final formKey = GlobalKey<FormState>();
|
||||||
|
|
||||||
|
@override
|
||||||
|
void onInit() {
|
||||||
|
super.onInit();
|
||||||
|
goodsId = Get.arguments['goodsId'] as int;
|
||||||
|
getGoodsDetail();
|
||||||
|
}
|
||||||
|
|
||||||
|
@override
|
||||||
|
bool get listenLifecycleEvent => true;
|
||||||
|
|
||||||
|
Future<void> getGoodsDetail() async {
|
||||||
|
isLoading.value = true;
|
||||||
|
updateUi();
|
||||||
|
try {
|
||||||
|
var response = await HttpService.to.post(
|
||||||
|
'appointment/score/getScoreGoodsDetail',
|
||||||
|
data: {'goodsId': goodsId},
|
||||||
|
);
|
||||||
|
if (response != null && response.data != null) {
|
||||||
|
var result = BaseModel<GoodsModel>.fromJson(
|
||||||
|
response.data,
|
||||||
|
dataBuilder: (dataJson) => GoodsModel.fromJson(dataJson),
|
||||||
|
);
|
||||||
|
if (result.code == 0 && result.data != null) {
|
||||||
|
goodsDetail.value = result.data;
|
||||||
|
} else {
|
||||||
|
showErrorToast('加载失败: ${result.message}');
|
||||||
|
Get.back();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
} catch (e) {
|
||||||
|
log('获取商品详情失败: $e');
|
||||||
|
showErrorToast('网络异常，请稍后重试');
|
||||||
|
Get.back();
|
||||||
|
} finally {
|
||||||
|
isLoading.value = false;
|
||||||
|
updateUi();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/// 兑换商品
|
||||||
|
void exchange() async {
|
||||||
|
if (!formKey.currentState!.validate()) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
final mallController = Get.find<MallController>();
|
||||||
|
if (mallController.userScore.value < (goodsDetail.value?.score ?? 0)) {
|
||||||
|
showWarningToast('积分不足');
|
||||||
|
return;
|
||||||
|
}*/
|
||||||
|
|
||||||
|
// 接口调用预留
|
||||||
|
showLoading('兑换中...');
|
||||||
|
|
||||||
|
final goods = goodsDetail.value;
|
||||||
|
if (goods == null) {
|
||||||
|
showErrorToast('兑换失败，请稍后重试');
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
try {
|
||||||
|
var response = await HttpService.to.post(
|
||||||
|
'appointment/score/scoreExchange',
|
||||||
|
data: {
|
||||||
|
"goodsId": goods.id,
|
||||||
|
"address": addressController.text,
|
||||||
|
"name": nameController.text,
|
||||||
|
"phone": phoneController.text,
|
||||||
|
},
|
||||||
|
);
|
||||||
|
if (response != null && response.data != null) {
|
||||||
|
var result = BaseModel.fromJson(response.data);
|
||||||
|
if (result.code == 0) {
|
||||||
|
Get.off(() => MallExchangeSuccessPage());
|
||||||
|
}
|
||||||
|
}
|
||||||
|
} catch (e) {
|
||||||
|
log('兑换失败: $e');
|
||||||
|
showErrorToast('兑换失败，请稍后重试');
|
||||||
|
} finally {
|
||||||
|
dismissLoading();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@override
|
||||||
|
void onClose() {
|
||||||
|
addressController.dispose();
|
||||||
|
nameController.dispose();
|
||||||
|
phoneController.dispose();
|
||||||
|
super.onClose();
|
||||||
|
}
|
||||||
|
}
|
||||||
283
ln_jq_app/lib/pages/c_page/mall/detail/view.dart
Normal file
283
ln_jq_app/lib/pages/c_page/mall/detail/view.dart
Normal file
@@ -0,0 +1,283 @@
|
|||||||
|
import 'package:flutter/material.dart';
|
||||||
|
import 'package:get/get.dart';
|
||||||
|
import 'package:getx_scaffold/getx_scaffold.dart';
|
||||||
|
import 'controller.dart';
|
||||||
|
|
||||||
|
class MallDetailPage extends GetView<MallDetailController> {
|
||||||
|
const MallDetailPage({super.key});
|
||||||
|
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context) {
|
||||||
|
return GetBuilder<MallDetailController>(
|
||||||
|
init: MallDetailController(),
|
||||||
|
id: 'mall_detail',
|
||||||
|
builder: (_) {
|
||||||
|
return Scaffold(
|
||||||
|
backgroundColor: const Color(0xFFF7F8FA),
|
||||||
|
appBar: AppBar(
|
||||||
|
title: const Text('商品兑换'),
|
||||||
|
backgroundColor: Colors.white,
|
||||||
|
foregroundColor: Colors.black,
|
||||||
|
elevation: 0,
|
||||||
|
leading: IconButton(
|
||||||
|
icon: const Icon(Icons.arrow_back_ios, size: 20),
|
||||||
|
onPressed: () => Get.back(),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
body: controller.isLoading.value
|
||||||
|
? const Center(child: CircularProgressIndicator())
|
||||||
|
: GestureDetector(
|
||||||
|
onTap: () {
|
||||||
|
hideKeyboard();
|
||||||
|
},
|
||||||
|
child: _buildBody(),
|
||||||
|
),
|
||||||
|
bottomNavigationBar: _buildBottomButton(),
|
||||||
|
);
|
||||||
|
},
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
Widget _buildBody() {
|
||||||
|
final goods = controller.goodsDetail.value;
|
||||||
|
if (goods == null) return const Center(child: Text('商品信息不存在'));
|
||||||
|
|
||||||
|
return SingleChildScrollView(
|
||||||
|
padding: const EdgeInsets.all(16),
|
||||||
|
child: Form(
|
||||||
|
key: controller.formKey,
|
||||||
|
child: Column(
|
||||||
|
crossAxisAlignment: CrossAxisAlignment.start,
|
||||||
|
children: [
|
||||||
|
_buildGoodsInfoCard(goods),
|
||||||
|
const SizedBox(height: 24),
|
||||||
|
_buildSectionTitle('填写收货信息'),
|
||||||
|
const SizedBox(height: 16),
|
||||||
|
_buildInputLabel('详细地址'),
|
||||||
|
_buildTextField(
|
||||||
|
controller: controller.addressController,
|
||||||
|
hint: '请输入完整的收货地址',
|
||||||
|
icon: Icons.location_on_outlined,
|
||||||
|
),
|
||||||
|
const SizedBox(height: 16),
|
||||||
|
_buildInputLabel('收货人姓名'),
|
||||||
|
_buildTextField(
|
||||||
|
controller: controller.nameController,
|
||||||
|
hint: '请输入收货人姓名',
|
||||||
|
icon: Icons.person_outline,
|
||||||
|
),
|
||||||
|
const SizedBox(height: 16),
|
||||||
|
_buildInputLabel('联系电话'),
|
||||||
|
_buildTextField(
|
||||||
|
controller: controller.phoneController,
|
||||||
|
hint: '请输入手机号码',
|
||||||
|
icon: Icons.phone_android_outlined,
|
||||||
|
keyboardType: TextInputType.phone,
|
||||||
|
),
|
||||||
|
const SizedBox(height: 40),
|
||||||
|
Center(
|
||||||
|
child: Text(
|
||||||
|
'兑换成功后，商品会在3个工作日内邮寄\n请注意查收',
|
||||||
|
textAlign: TextAlign.center,
|
||||||
|
style: TextStyle(
|
||||||
|
color: Color(0xFF999999),
|
||||||
|
fontSize: 12.sp,
|
||||||
|
fontWeight: FontWeight.w500,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
Widget _buildGoodsInfoCard(goods) {
|
||||||
|
return Container(
|
||||||
|
padding: const EdgeInsets.all(17),
|
||||||
|
decoration: BoxDecoration(
|
||||||
|
color: Colors.white,
|
||||||
|
borderRadius: BorderRadius.circular(16),
|
||||||
|
boxShadow: [
|
||||||
|
BoxShadow(
|
||||||
|
color: Colors.black.withOpacity(0.03),
|
||||||
|
blurRadius: 10,
|
||||||
|
offset: const Offset(0, 4),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
child: Row(
|
||||||
|
children: [
|
||||||
|
ClipRRect(
|
||||||
|
borderRadius: BorderRadius.circular(12),
|
||||||
|
child: goods.goodsImage != null
|
||||||
|
? Image.network(
|
||||||
|
goods.goodsImage!,
|
||||||
|
width: 94.w,
|
||||||
|
height: 94.h,
|
||||||
|
fit: BoxFit.cover,
|
||||||
|
)
|
||||||
|
: Container(
|
||||||
|
width: 80,
|
||||||
|
height: 80,
|
||||||
|
color: Colors.grey[200],
|
||||||
|
child: const Icon(Icons.image, color: Colors.grey),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
const SizedBox(width: 12),
|
||||||
|
Expanded(
|
||||||
|
child: Column(
|
||||||
|
crossAxisAlignment: CrossAxisAlignment.start,
|
||||||
|
children: [
|
||||||
|
Text(
|
||||||
|
goods.goodsName,
|
||||||
|
style: TextStyle(
|
||||||
|
fontSize: 16.sp,
|
||||||
|
fontWeight: FontWeight.w600,
|
||||||
|
color: Color(0xFF333333),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
SizedBox(height: 8.h),
|
||||||
|
Row(
|
||||||
|
children: [
|
||||||
|
Text(
|
||||||
|
'${goods.score}',
|
||||||
|
style: TextStyle(
|
||||||
|
fontSize: 20.sp,
|
||||||
|
color: Color(0xFF4CAF50),
|
||||||
|
fontWeight: FontWeight.w600,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
const SizedBox(width: 4),
|
||||||
|
Text(
|
||||||
|
'积分',
|
||||||
|
style: TextStyle(
|
||||||
|
fontSize: 10.sp,
|
||||||
|
fontWeight: FontWeight.w600,
|
||||||
|
color: Color(0xFF999999),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
SizedBox(height: 10.h),
|
||||||
|
Container(
|
||||||
|
padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 2),
|
||||||
|
decoration: BoxDecoration(
|
||||||
|
color: const Color(0xFFF2F3F5),
|
||||||
|
borderRadius: BorderRadius.circular(4),
|
||||||
|
),
|
||||||
|
child: Text(
|
||||||
|
'数量: 1',
|
||||||
|
style: TextStyle(
|
||||||
|
fontSize: 10.sp,
|
||||||
|
fontWeight: FontWeight.w500,
|
||||||
|
color: Color(0xFF666666),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
Widget _buildSectionTitle(String title) {
|
||||||
|
return Row(
|
||||||
|
crossAxisAlignment: CrossAxisAlignment.start,
|
||||||
|
children: [
|
||||||
|
Container(
|
||||||
|
width: 6.w,
|
||||||
|
height: 16.h,
|
||||||
|
decoration: BoxDecoration(
|
||||||
|
color: const Color(0xFF4CAF50),
|
||||||
|
borderRadius: BorderRadius.circular(2),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
const SizedBox(width: 8),
|
||||||
|
Text(
|
||||||
|
title,
|
||||||
|
style: TextStyle(
|
||||||
|
fontSize: 14.sp,
|
||||||
|
fontWeight: FontWeight.w600,
|
||||||
|
color: Color.fromRGBO(148, 163, 184, 1),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
Widget _buildInputLabel(String label) {
|
||||||
|
return Padding(
|
||||||
|
padding: const EdgeInsets.only(bottom: 8),
|
||||||
|
child: Text(
|
||||||
|
label,
|
||||||
|
style: TextStyle(
|
||||||
|
fontSize: 12.sp,
|
||||||
|
fontWeight: FontWeight.w600,
|
||||||
|
color: Color.fromRGBO(100, 116, 139, 1),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
Widget _buildTextField({
|
||||||
|
required TextEditingController controller,
|
||||||
|
required String hint,
|
||||||
|
required IconData icon,
|
||||||
|
TextInputType? keyboardType,
|
||||||
|
}) {
|
||||||
|
return Container(
|
||||||
|
decoration: BoxDecoration(
|
||||||
|
color: Colors.white,
|
||||||
|
borderRadius: BorderRadius.circular(8),
|
||||||
|
),
|
||||||
|
child: TextFormField(
|
||||||
|
controller: controller,
|
||||||
|
keyboardType: keyboardType,
|
||||||
|
textAlign: TextAlign.start,
|
||||||
|
decoration: InputDecoration(
|
||||||
|
hintText: hint,
|
||||||
|
hintStyle: TextStyle(
|
||||||
|
color: Color.fromRGBO(134, 144, 156, 1),
|
||||||
|
fontSize: 14.sp,
|
||||||
|
fontWeight: FontWeight.w500,
|
||||||
|
),
|
||||||
|
prefixIcon: Icon(icon, color: const Color(0xFF999999), size: 20),
|
||||||
|
border: InputBorder.none,
|
||||||
|
contentPadding: const EdgeInsets.symmetric(vertical: 12),
|
||||||
|
),
|
||||||
|
validator: (value) {
|
||||||
|
if (value == null || value.isEmpty) {
|
||||||
|
return '内容不能为空';
|
||||||
|
}
|
||||||
|
return null;
|
||||||
|
},
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
Widget _buildBottomButton() {
|
||||||
|
return Container(
|
||||||
|
padding: const EdgeInsets.fromLTRB(16, 10, 16, 30),
|
||||||
|
child: ElevatedButton(
|
||||||
|
onPressed: controller.exchange,
|
||||||
|
style: ElevatedButton.styleFrom(
|
||||||
|
backgroundColor: const Color(0xFF007A45),
|
||||||
|
minimumSize: const Size(double.infinity, 50),
|
||||||
|
shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(25)),
|
||||||
|
elevation: 0,
|
||||||
|
),
|
||||||
|
child: const Text(
|
||||||
|
'兑换商品',
|
||||||
|
style: TextStyle(
|
||||||
|
color: Colors.white,
|
||||||
|
fontSize: 16,
|
||||||
|
fontWeight: FontWeight.bold,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
68
ln_jq_app/lib/pages/c_page/mall/exchange_success/view.dart
Normal file
68
ln_jq_app/lib/pages/c_page/mall/exchange_success/view.dart
Normal file
@@ -0,0 +1,68 @@
|
|||||||
|
import 'package:flutter/material.dart';
|
||||||
|
import 'package:get/get.dart';
|
||||||
|
import 'package:getx_scaffold/common/index.dart';
|
||||||
|
import 'package:ln_jq_app/common/login_util.dart';
|
||||||
|
|
||||||
|
class MallExchangeSuccessPage extends StatelessWidget {
|
||||||
|
const MallExchangeSuccessPage({super.key});
|
||||||
|
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context) {
|
||||||
|
return Scaffold(
|
||||||
|
backgroundColor: Colors.white,
|
||||||
|
appBar: AppBar(
|
||||||
|
backgroundColor: Colors.white,
|
||||||
|
elevation: 0,
|
||||||
|
leading: IconButton(
|
||||||
|
icon: const Icon(Icons.arrow_back_ios, size: 20, color: Colors.black),
|
||||||
|
onPressed: () => Get.back(), // 返回首页
|
||||||
|
),
|
||||||
|
title: const Text('商品兑换', style: TextStyle(color: Colors.black, fontSize: 18)),
|
||||||
|
),
|
||||||
|
body: Center(
|
||||||
|
child: Column(
|
||||||
|
children: [
|
||||||
|
SizedBox(height: 114.h),
|
||||||
|
_buildSuccessIcon(),
|
||||||
|
const SizedBox(height: 24),
|
||||||
|
Text(
|
||||||
|
'兑换成功',
|
||||||
|
style: TextStyle(
|
||||||
|
fontSize: 24.sp,
|
||||||
|
fontWeight: FontWeight.w600,
|
||||||
|
color: Color(0xFF333333),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
const SizedBox(height: 8),
|
||||||
|
Text(
|
||||||
|
'预计 3 日内发货\n请留意查收',
|
||||||
|
textAlign: TextAlign.center,
|
||||||
|
style: TextStyle(fontSize: 14.sp, color: Color(0xFF999999)),
|
||||||
|
),
|
||||||
|
const SizedBox(height: 60),
|
||||||
|
ElevatedButton(
|
||||||
|
onPressed: () => Get.back(),
|
||||||
|
style: ElevatedButton.styleFrom(
|
||||||
|
backgroundColor: const Color(0xFF007A45),
|
||||||
|
minimumSize: const Size(140, 50),
|
||||||
|
shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(25)),
|
||||||
|
),
|
||||||
|
child: Text(
|
||||||
|
'返回首页',
|
||||||
|
style: TextStyle(
|
||||||
|
color: Colors.white,
|
||||||
|
fontWeight: FontWeight.w400,
|
||||||
|
fontSize: 16.sp,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
Widget _buildSuccessIcon() {
|
||||||
|
return Container(child: LoginUtil.getAssImg("mall_pay_success@2x"));
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -1,5 +1,6 @@
|
|||||||
import 'package:getx_scaffold/getx_scaffold.dart';
|
import 'package:getx_scaffold/getx_scaffold.dart';
|
||||||
import 'package:ln_jq_app/common/model/base_model.dart';
|
import 'package:ln_jq_app/common/model/base_model.dart';
|
||||||
|
import 'package:ln_jq_app/pages/c_page/mall/detail/view.dart';
|
||||||
|
|
||||||
class GoodsModel {
|
class GoodsModel {
|
||||||
final int id;
|
final int id;
|
||||||
@@ -140,11 +141,8 @@ class MallController extends GetxController with BaseControllerMixin {
|
|||||||
|
|
||||||
/// 兑换商品 (预留)
|
/// 兑换商品 (预留)
|
||||||
void exchangeGoods(GoodsModel goods) {
|
void exchangeGoods(GoodsModel goods) {
|
||||||
if (userScore.value < goods.score) {
|
Get.to(() => MallDetailPage(), arguments: {'goodsId': goods.id})?.then((val) {
|
||||||
showWarningToast('积分不足');
|
refreshData();
|
||||||
return;
|
});
|
||||||
}
|
|
||||||
|
|
||||||
//todo 跳转
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user