feat: 动态配置客服联系方式

吴启风
1 parent 47569bdf
Showing 7 changed files with 168 additions and 73 deletions
assets/images/ic_customer_service.png
lib/generated/json/app_config_entity.g.dart
lib/models/app_config_entity.dart
lib/pages/home/widgets/BaseHomeHeaderWidget.dart
lib/pages/home/widgets/customer_service_qr_dialog.dart
lib/pages/user/user_page.dart
pubspec.yaml
@@ -7,20 +7,37 @@ AppConfigEntity $AppConfigEntityFromJson(Map&lt;String, dynamic&gt; json) {
   if (safe != null) {
     appConfigEntity.safe = safe;
   }
+  final List<String>? customerMobileList =
+      (json['customerMobileList'] as List<dynamic>?)
+          ?.map((e) => jsonConvert.convert<String>(e) as String)
+          .toList();
+  if (customerMobileList != null) {
+    appConfigEntity.customerMobileList = customerMobileList;
+  }
+  final String? customerQr = jsonConvert.convert<String>(json['customerQr']);
+  if (customerQr != null) {
+    appConfigEntity.customerQr = customerQr;
+  }
   return appConfigEntity;
 }
 Map<String, dynamic> $AppConfigEntityToJson(AppConfigEntity entity) {
   final Map<String, dynamic> data = <String, dynamic>{};
   data['safe'] = entity.safe;
+  data['customerMobileList'] = entity.customerMobileList;
+  data['customerQr'] = entity.customerQr;
   return data;
 }
 extension AppConfigEntityExtension on AppConfigEntity {
   AppConfigEntity copyWith({
     String? safe,
+    List<String>? customerMobileList,
+    String? customerQr,
   }) {
     return AppConfigEntity()
-      ..safe = safe ?? this.safe;
+      ..safe = safe ?? this.safe
+      ..customerMobileList = customerMobileList ?? this.customerMobileList
+      ..customerQr = customerQr ?? this.customerQr;
   }
 }
 \ No newline at end of file
@@ -6,24 +6,29 @@ import &#39;../generated/json/app_config_entity.g.dart&#39;;
 @JsonSerializable()
 class AppConfigEntity {
+  // 当前是否安全，safe-安全 otherwise-隐藏pay
+  String? safe;
-	// 当前是否安全，safe-安全 otherwise-隐藏pay
-	String? safe;
+  // 客服手机号列表
+  List<String> customerMobileList = [];
+  // 客服二维码图片地址
+  String? customerQr;
-	AppConfigEntity();
+  AppConfigEntity();
-	factory AppConfigEntity.fromJson(Map<String, dynamic> json) => $AppConfigEntityFromJson(json);
+  factory AppConfigEntity.fromJson(Map<String, dynamic> json) =>
+      $AppConfigEntityFromJson(json);
-	Map<String, dynamic> toJson() => $AppConfigEntityToJson(this);
+  Map<String, dynamic> toJson() => $AppConfigEntityToJson(this);
-	@override
-	String toString() {
-		return jsonEncode(this);
-	}
+  @override
+  String toString() {
+    return jsonEncode(this);
+  }
-	// 是否审核中（null或者非"safe"即不安全）
-	bool isAppReviewing() {
-		return safe != "safe";
-	}
+  // 是否审核中（null或者非"safe"即不安全）
+  bool isAppReviewing() {
+    return safe != "safe";
+  }
 }
 \ No newline at end of file
@@ -10,6 +10,7 @@ import &#39;../../../models/course_entity.dart&#39;;
 import '../../../route/route.dart';
 import '../../../utils/image_util.dart';
 import '../../user/bloc/user_bloc.dart';
+import 'customer_service_qr_dialog.dart';
 typedef HeaderCallback = void Function(dynamic);
@@ -80,6 +81,28 @@ class BaseHomeHeaderWidget extends StatelessWidget {
                   textAlign: TextAlign.left,
                   style: TextStyle(color: Colors.white, fontSize: 30.0),
                 )),
+                FutureBuilder(
+                  future: AppConfigHelper.getAppConfig(),
+                  builder: (context, snapshot) {
+                    final customerQr = snapshot.data?.customerQr?.trim() ?? '';
+                    if (customerQr.isEmpty) {
+                      return const SizedBox.shrink();
+                    }
+                    return GestureDetector(
+                      onTap: () =>
+                          showCustomerServiceQrDialog(context, customerQr),
+                      child: Padding(
+                        padding: EdgeInsets.only(right: 12.w),
+                        child: Image.asset(
+                          'ic_customer_service'.assetPng,
+                          width: 90.w,
+                          height: 28.h,
+                          fit: BoxFit.contain,
+                        ),
+                      ),
+                    );
+                  },
+                ),
                 Offstage(
                     offstage: AppConfigHelper.shouldHidePay() ||
                         !UserUtil.isLogined(),
+import 'package:flutter/material.dart';
+import 'package:flutter_screenutil/flutter_screenutil.dart';
+
+Future<void> showCustomerServiceQrDialog(
+  BuildContext context,
+  String imageUrl,
+) {
+  return showDialog<void>(
+    context: context,
+    barrierColor: Colors.black54,
+    barrierDismissible: true,
+    builder: (context) => Dialog(
+      backgroundColor: Colors.transparent,
+      insetPadding: EdgeInsets.symmetric(horizontal: 24.w, vertical: 10.h),
+      child: ClipRRect(
+        borderRadius: BorderRadius.circular(12.r),
+        child: SizedBox(
+          height: 340.h,
+          child: AspectRatio(
+            aspectRatio: 870 / 1110,
+            child: Image.network(
+              imageUrl,
+              width: double.infinity,
+              height: double.infinity,
+              fit: BoxFit.cover,
+              loadingBuilder: (context, child, progress) {
+                if (progress == null) {
+                  return child;
+                }
+                return Container(
+                  color: Colors.white,
+                  alignment: Alignment.center,
+                  child: const CircularProgressIndicator(),
+                );
+              },
+              errorBuilder: (context, error, stackTrace) => Container(
+                color: Colors.white,
+                alignment: Alignment.center,
+                child: Text(
+                  '图片加载失败',
+                  style: TextStyle(
+                    color: Colors.grey[600],
+                    fontSize: 14.sp,
+                  ),
+                ),
+              ),
+            ),
+          ),
+        ),
+      ),
+    ),
+  );
+}
@@ -13,6 +13,7 @@ import &#39;package:wow_english/models/user_entity.dart&#39;;
 import 'package:wow_english/pages/user/bloc/user_bloc.dart';
 import 'package:wow_english/route/route.dart';
 import 'package:wow_english/utils/image_util.dart';
+import 'package:wow_english/utils/toast_util.dart';
 class UserPage extends StatelessWidget {
   const UserPage({super.key});
@@ -196,6 +197,16 @@ class _UserView extends StatelessWidget {
                       child: 12.verticalSpace,
                     ),
                     OutlinedButton(
+                        onPressed: () {
+                          _showCustomerServiceDialog(context);
+                        },
+                        style: normalButtonStyle,
+                        child: Text(
+                          "联系客服",
+                          style: textStyle21sp,
+                        )),
+                    12.verticalSpace,
+                    OutlinedButton(
                       onPressed: () => pushNamed(AppRouteName.fogPwd),
                       style: normalButtonStyle,
                       child: Text(
@@ -232,16 +243,6 @@ class _UserView extends StatelessWidget {
                     12.verticalSpace,
                     OutlinedButton(
                         onPressed: () {
-                          _showTeacherSelectionDialog(context);
-                        },
-                        style: normalButtonStyle,
-                        child: Text(
-                          "联系客服",
-                          style: textStyle21sp,
-                        )),
-                    12.verticalSpace,
-                    OutlinedButton(
-                        onPressed: () {
                           pushNamed(AppRouteName.setting);
                         },
                         style: normalButtonStyle,
@@ -308,7 +309,33 @@ class _UserView extends StatelessWidget {
         },
       );
-  void _showTeacherSelectionDialog(BuildContext context) {
+  Future<void> _showCustomerServiceDialog(BuildContext context) async {
+    try {
+      final config = await AppConfigHelper.getAppConfig();
+      if (!context.mounted) {
+        return;
+      }
+
+      final mobileList = config?.customerMobileList
+              .map((mobile) => mobile.trim())
+              .where((mobile) => mobile.isNotEmpty)
+              .toSet()
+              .toList() ??
+          [];
+      if (mobileList.isEmpty) {
+        showToast('暂无客服联系方式');
+        return;
+      }
+      _showMobileSelectionDialog(context, mobileList);
+    } catch (_) {
+      if (context.mounted) {
+        showToast('客服联系方式获取失败，请稍后重试');
+      }
+    }
+  }
+
+  void _showMobileSelectionDialog(
+      BuildContext context, List<String> mobileList) {
     showModalBottomSheet(
       context: context,
       backgroundColor: Colors.white,
@@ -333,30 +360,28 @@ class _UserView extends StatelessWidget {
                     borderRadius: BorderRadius.circular(2),
                   ),
                 ),
-                // 老师选项列表
+                // 客服手机号列表
                 Flexible(
                   child: SingleChildScrollView(
                     child: Column(
                       mainAxisSize: MainAxisSize.min,
-                      children: [
-                        // 恐龙老师选项
-                        ListTile(
-                          contentPadding: const EdgeInsets.symmetric(horizontal: 8, vertical: 4),
+                      children:
+                          List.generate(mobileList.length * 2 - 1, (index) {
+                        if (index.isOdd) {
+                          return const Divider(height: 1);
+                        }
+                        final mobile = mobileList[index ~/ 2];
+                        return ListTile(
+                          contentPadding: const EdgeInsets.symmetric(
+                              horizontal: 8, vertical: 4),
                           title: Text(
-                            '恐龙老师',
+                            mobile,
                             style: TextStyle(
                               fontSize: 14.sp,
                               fontWeight: FontWeight.w600,
                               color: Colors.black87,
                             ),
                           ),
-                          subtitle: Text(
-                            '19357119913',
-                            style: TextStyle(
-                              fontSize: 12.sp,
-                              color: Colors.grey[600],
-                            ),
-                          ),
                           trailing: Icon(
                             Icons.phone,
                             color: Colors.green[600],
@@ -364,39 +389,10 @@ class _UserView extends StatelessWidget {
                           ),
                           onTap: () {
                             Navigator.pop(context);
-                            _launchPhone('tel:+8619357119913');
+                            _launchPhone(mobile);
                           },
-                        ),
-                        const Divider(height: 1),
-                        // Rose老师选项
-                        ListTile(
-                          contentPadding: const EdgeInsets.symmetric(horizontal: 8, vertical: 4),
-                          title: Text(
-                            'Rose老师',
-                            style: TextStyle(
-                              fontSize: 14.sp,
-                              fontWeight: FontWeight.w600,
-                              color: Colors.black87,
-                            ),
-                          ),
-                          subtitle: Text(
-                            '19033986279',
-                            style: TextStyle(
-                              fontSize: 12.sp,
-                              color: Colors.grey[600],
-                            ),
-                          ),
-                          trailing: Icon(
-                            Icons.phone,
-                            color: Colors.green[600],
-                            size: 18,
-                          ),
-                          onTap: () {
-                            Navigator.pop(context);
-                            _launchPhone('tel:+8619033986279');
-                          },
-                        ),
-                      ],
+                        );
+                      }),
                     ),
                   ),
                 ),
@@ -433,8 +429,9 @@ class _UserView extends StatelessWidget {
   }
   void _launchPhone(String phone) async {
-    if (await canLaunchUrl(Uri.parse(phone))) {
-      await launchUrl(Uri.parse(phone));
+    final phoneUri = Uri(scheme: 'tel', path: phone);
+    if (await canLaunchUrl(phoneUri)) {
+      await launchUrl(phoneUri);
     } else {
       throw 'Could not phone $phone';
     }
@@ -16,7 +16,7 @@ publish_to: &#39;none&#39; # Remove this line if you wish to publish to pub.dev
 # https://developer.apple.com/library/archive/documentation/General/Reference/InfoPlistKeyReference/Articles/CoreFoundationKeys.html
 # In Windows, build-name is used as the major, minor, and patch parts
 # of the product and file versions while build-number is used as the build suffix.
-version: 1.0.12+12
+version: 1.0.13+13
 environment:
   sdk: '>=3.2.0 <4.0.0'