dating_touchme_app/lib/pages/mine/withdraw_history_page.dart

import 'package:dating_touchme_app/components/page_appbar.dart';
import 'package:dating_touchme_app/controller/mine/withdraw_history_controller.dart';
import 'package:dating_touchme_app/extension/ex_widget.dart';
import 'package:flutter/material.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
import 'package:get/get.dart';
import 'package:tdesign_flutter/tdesign_flutter.dart';

import '../../model/mine/withdraw_audit_data.dart';

class WithdrawHistoryPage extends StatelessWidget {
  const WithdrawHistoryPage({super.key});

  @override
  Widget build(BuildContext context) {
    return GetX<WithdrawHistoryController>(
      init: WithdrawHistoryController(),
      builder: (controller){
        return Scaffold(
          appBar: PageAppbar(title: "提现"),
          body: SingleChildScrollView(
            child: Container(
              padding: EdgeInsetsGeometry.symmetric(
                  vertical: 11.w,
                  horizontal: 16.w
              ),
              child: Column(
                children: [
                  ...controller.historyList.map((e){
                    return historyItem(e, context);
                  }),
                ],
              ),
            ),
          ),
        );
      },
    );
  }

  Widget historyItem(Records item, BuildContext context) {
    return Container(
      padding: EdgeInsets.only(
          bottom: 12.w
      ),
      margin: EdgeInsets.only(
          bottom: 16.w
      ),
      decoration: BoxDecoration(
          border: Border(
              bottom: BorderSide(
                  width: 1,
                  color: const Color.fromRGBO(238, 238, 238, 1)
              )
          )
      ),
      child: Column(
        crossAxisAlignment: CrossAxisAlignment.start,
        children: [
          Row(
            children: [
              RichText(
                text: TextSpan(
                    children: [
                      TextSpan(
                          text: "提现金额：",
                          style: TextStyle(
                              fontSize: 14.w,
                              fontWeight: FontWeight.w500,
                              color: const Color.fromRGBO(51, 51, 51, 1)
                          )
                      ),
                      TextSpan(
                          text: "${item.withdrawAmount}",
                          style: TextStyle(
                              fontSize: 14.w,
                              fontWeight: FontWeight.w500,
                              color: const Color.fromRGBO(238, 129, 27, 1)
                          )
                      ),
                    ]
                ),
              ),
              Container(
                padding: EdgeInsets.symmetric(
                  vertical: 2.w,
                  horizontal: 4.w
                ),
                margin: EdgeInsets.only(
                  left: 8.w
                ),
                decoration: BoxDecoration(
                  borderRadius: BorderRadius.all(Radius.circular(5.w)),
                  color: (item.remitStatus ?? false) ? const Color.fromRGBO(25, 114, 248, 1) : const Color.fromRGBO(238, 129, 27, 1)
                ),
                child: Text(
                  (item.remitStatus ?? false) ? "提现成功" :"处理中",
                  style: TextStyle(
                    fontSize: 10.w,
                    color: Colors.white
                  ),
                ),
              )
            ],
          ),
          SizedBox(height: 8.w,),
          Text(
            "${item.extDetailsInfo?.bankName}（${item.extDetailsInfo?.cardNum!.substring(item.extDetailsInfo!.cardNum!.length - 4)}）",
            style: TextStyle(
              fontSize: 12.w,
            ),
          ),
          SizedBox(height: 8.w,),
          Text(
            "申请时间：${item.applyTime}",
            style: TextStyle(
                fontSize: 12.w,
                color: const Color.fromRGBO(153, 153, 153, 1)
            ),
          ),
          SizedBox(height: 8.w,),
          if(item.remitStatus ?? false) Row(
            mainAxisAlignment: MainAxisAlignment.spaceBetween,
            children: [
              Text(
                "处理时间：${item.remitDateTime}",
                style: TextStyle(
                    fontSize: 12.w,
                    color: const Color.fromRGBO(153, 153, 153, 1)
                ),
              ),
              Text(
                "查看打款凭证",
                style: TextStyle(
                    fontSize: 12.w,
                    color: const Color.fromRGBO(25, 114, 248, 1)
                ),
              ).onTap(() {
                TDImageViewer.showImageViewer(context: context, images: [item.remitUrl]);
              })
            ],
          )
        ],
      ),
    );
  }
}