huixiang_app/lib/view_widget/mine_vip_view.dart

import 'package:flutter/material.dart';
import 'package:huixiang/generated/l10n.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
import 'package:huixiang/retrofit/data/rank.dart';
import 'package:huixiang/retrofit/data/user_info.dart';
import 'package:huixiang/utils/flutter_utils.dart';
import 'package:huixiang/view_widget/login_tips_dialog.dart';
import 'package:shared_preferences/shared_preferences.dart';

class MineVipView extends StatelessWidget {
  int vipLevel;
  int curLevel;
  final int rankMax;
  final int rank;
  final String createTime;
  final String tag;
  final double padding;
  final UserInfo userInfo;
  final List<Rank> ranks;

  MineVipView({
    this.vipLevel = 1,
    this.ranks,
    this.tag = "",
    this.userInfo,
    this.padding = 16,
    this.curLevel = 1,
    this.rankMax = 0,
    this.rank = 0,
    this.createTime = "",
  });

  String topLeft = "";
  String levelText = "";

  @override
  Widget build(BuildContext context) {
    List<Color> linearColor = [
      Color(0xFFD6F6F3),
      Color(0xFF86BEBA),
    ];
    Color levelColor = Color(0xFF558B87);
    Color textColor = Colors.white;

    if (userInfo != null &&
        userInfo.memberRankVo != null &&
        ranks != null &&
        ranks.length > 0) {
      curLevel = (ranks
              .indexWhere((element) => element.id == userInfo.memberRankVo.id) +
          1);
      vipLevel = curLevel;
    }

    if (curLevel == vipLevel) {
      topLeft = S.of(context).dangqiandengji;
    } else if (vipLevel < curLevel) {
      topLeft = S.of(context).shangyidengji;
    } else {
      topLeft = S.of(context).xiayidengji;
    }

    switch (vipLevel) {
      case 1:
        {
          linearColor = [
            Color(0xFFD6F6F3),
            Color(0xFF86BEBA),
          ];
          levelColor = Color(0xFF558B87);
          levelText = "LV1 ${S.of(context).qingtonghuiyuan}";
          break;
        }
      case 2:
        {
          linearColor = [
            Color(0xFFF2F2F2),
            Color(0xFFBEBEBE),
          ];
          levelColor = Color(0xFF575757);
          textColor = Color(0xFF575757);
          levelText = "LV2 ${S.of(context).baiyinhuiyuan}";
          break;
        }
      case 3:
        {
          linearColor = [
            Color(0xFFFEF5DC),
            Color(0xFFD1B97D),
          ];
          levelColor = Color(0xFFAE9B6D);
          levelText = "LV3 ${S.of(context).huangjinhuiyuan}";
          break;
        }
      case 4:
        {
          linearColor = [
            Color(0xFFEEEEEF),
            Color(0xFFA999DB),
          ];
          levelColor = Color(0xFF887CB4);
          levelText = "LV4 ${S.of(context).zuanshihuiyuan}";
          break;
        }
      case 5:
        {
          linearColor = [
            Color(0xFFEEEEEF),
            Color(0xFF000000),
          ];
          levelColor = Color(0xFF000000);
          levelText = "LV5 ${S.of(context).zhizunhuiyuan}";
          break;
        }
    }
    return GestureDetector(
      onTap: () {
        if (userInfo != null) {
          SharedPreferences.getInstance().then((value) {
            if (value.getString("token") == null ||
                value.getString("token") == "") {
              LoginTipsDialog().show(context);
              return;
            }
            Navigator.of(context)
                .pushNamed('/router/mine_vip_level_page', arguments: {
              "rankLevel": curLevel,
              "createTime": (userInfo != null) ? "${userInfo.createTime}" : "",
              "points": (userInfo != null) ? int.tryParse(userInfo.points) : 0,
            });
          });
        }
      },
      child: Hero(
        tag: tag,
        child: Container(
          margin: EdgeInsets.fromLTRB(padding.w, 16.h, padding.w, 8.h),
          width: MediaQuery.of(context).size.width - 32.w,
          height: (MediaQuery.of(context).size.width - 32.w) /
              1.78 *
              AppUtils.textScale(context),
          decoration: BoxDecoration(
            gradient: LinearGradient(
              colors: linearColor,
              begin: Alignment.topLeft,
              end: Alignment.bottomRight,
            ),
            borderRadius: BorderRadius.circular(8),
            boxShadow: [
              BoxShadow(
                color: Colors.black.withAlpha(12),
                offset: Offset(0, 3),
                blurRadius: 14,
                spreadRadius: 0,
              ),
            ],
          ),
          child: Column(
            mainAxisAlignment: MainAxisAlignment.spaceBetween,
            children: [
              Row(
                mainAxisAlignment: MainAxisAlignment.spaceBetween,
                crossAxisAlignment: CrossAxisAlignment.start,
                children: [
                  Container(
                    height: 86.w,
                    child: Column(
                      mainAxisAlignment: MainAxisAlignment.spaceBetween,
                      crossAxisAlignment: CrossAxisAlignment.start,
                      children: [
                        Container(
                          padding: EdgeInsets.fromLTRB(9.w, 4.h, 8.w, 4.h),
                          decoration: BoxDecoration(
                            color: levelColor,
                            borderRadius: BorderRadius.only(
                              topLeft: Radius.circular(8),
                              bottomRight: Radius.circular(8),
                            ),
                          ),
                          child: Text(
                            topLeft,
                            style: TextStyle(
                              fontSize: 12.sp,
                              fontWeight: FontWeight.bold,
                              color: Colors.white,
                            ),
                          ),
                        ),
                        Container(
                          margin: EdgeInsets.only(left: 13.w),
                          child: Text(
                            levelText,
                            style: TextStyle(
                              color: textColor,
                              fontWeight: FontWeight.bold,
                              fontSize: 23.sp,
                            ),
                          ),
                        ),
                      ],
                    ),
                  ),
                  Container(
                    margin: EdgeInsets.only(right: 11.w, bottom: 9.h),
                    child: Image.asset(
                      "assets/image/icon_mine_huixiang_logo.png",
                      width: 86.w,
                      height: 86.w,
                      fit: BoxFit.contain,
                    ),
                  ),
                ],
              ),
              Expanded(
                child: Container(
                  margin: EdgeInsets.only(
                    left: 13.w,
                    right: 12.w,
                    bottom: 12.h,
                  ),
                  child: Column(
                    mainAxisAlignment: MainAxisAlignment.spaceEvenly,
                    children: [
                      Row(
                        mainAxisAlignment: MainAxisAlignment.spaceBetween,
                        crossAxisAlignment: CrossAxisAlignment.baseline,
                        textBaseline: TextBaseline.alphabetic,
                        children: [
                          Expanded(
                            child: Text(
                              rank > rankMax
                                  ? S.of(context).dangqiandengji
                                  : "${S.of(context).jifen_(rankMax - rank)} ${S.of(context).daoxiayidengji}",
                              overflow: TextOverflow.ellipsis,
                              style: TextStyle(
                                color: textColor,
                                fontWeight: FontWeight.w400,
                                fontSize: 14.sp,
                              ),
                            ),
                            flex: 1,
                          ),
                          Text.rich(
                            TextSpan(
                              children: [
                                TextSpan(
                                  text: "$rank",
                                  style: TextStyle(
                                    fontSize: 26.sp,
                                    fontWeight: FontWeight.bold,
                                    color: textColor,
                                  ),
                                ),
                                if (rank <= rankMax)
                                  TextSpan(
                                    text: rankMax > 0 ? "/$rankMax" : "/0",
                                    style: TextStyle(
                                      fontSize: 14.sp,
                                      fontWeight: FontWeight.w400,
                                      color: textColor,
                                    ),
                                  ),
                              ],
                            ),
                          ),
                        ],
                      ),
                      Container(
                        height: 8.h,
                        child: ClipRRect(
                          borderRadius: BorderRadius.circular(6.5),
                          child: LinearProgressIndicator(
                            value: rankMax > 0 ? rank / rankMax : 0,
                            backgroundColor: Colors.white,
                            color: levelColor,
                          ),
                        ),
                      ),
                      Row(
                        mainAxisAlignment: MainAxisAlignment.spaceBetween,
                        crossAxisAlignment: CrossAxisAlignment.center,
                        children: [
                          Text(
                            S.of(context).kaitongriqi(
                                (createTime != null && createTime != "")
                                    ? createTime.split(" ")[0]
                                    : "$createTime"),
                            style: TextStyle(
                              color: textColor,
                              fontWeight: FontWeight.w400,
                              fontSize: 12.sp,
                            ),
                          ),
                          Icon(
                            Icons.qr_code,
                            size: 24,
                            color: Colors.white,
                          ),
                        ],
                      ),
                    ],
                  ),
                ),
                flex: 1,
              ),
            ],
          ),
        ),
      ),
    );
  }
}