scheme_view.dart 6.2 KB
import 'package:flutter/material.dart';
import 'package:get/get.dart';
import '../../../common/colors.dart';
import 'scheme_logic.dart';

class SchemePage extends GetView<SchemeLogic> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text('方案详情'),
        centerTitle: true,
        backgroundColor: ColorConfig.themeColor,
        actions: [
          Container(
            alignment: Alignment.center,
            margin: EdgeInsets.only(right: 15),
            child: InkWell(
              child: Text('操作记录', style: TextStyle(fontSize: 15),),
            ),
          )
        ],
      ),
      body: Column(
        children: [
          Container(
            alignment: Alignment.centerLeft,
            color: ColorConfig.white,
            padding: const EdgeInsets.symmetric(horizontal: 10, vertical: 12),
            child: Row(
              mainAxisAlignment: MainAxisAlignment.spaceBetween,
              children: [
                Text("等待出票"),
                Icon(Icons.keyboard_arrow_right, size: 24, color: ColorConfig.color99,)
              ],
            ),
          ),
          const Divider(color: ColorConfig.colorCBCBCB, height: 0.5,),
          Container(
            padding: const EdgeInsets.symmetric(horizontal: 10, vertical: 12),
            color: ColorConfig.white,
            child: Column(
              children: [
                Row(
                  mainAxisAlignment: MainAxisAlignment.spaceBetween,
                  children: [
                    Text("体育西路店", style: TextStyle(color: ColorConfig.color548DEE, fontSize: 15),),
                    Icon(Icons.keyboard_arrow_right, size: 24, color: ColorConfig.color548DEE,)
                  ],
                ),
                const SizedBox(height: 15,),
                const Divider(color: ColorConfig.colorCBCBCB, height: 0.5,),
                const SizedBox(height: 15,),
                Row(
                  mainAxisAlignment: MainAxisAlignment.spaceBetween,
                  children: [
                    Text("金额: 20元 5倍", style: TextStyle(color: ColorConfig.color99),),
                    SizedBox(),
                  ],
                ),
                const SizedBox(height: 10,),
                Row(
                  mainAxisAlignment: MainAxisAlignment.spaceBetween,
                  children: [
                    Text("竞彩足球混合过关", style: TextStyle(color: ColorConfig.color99),),
                    Text("5场 5串1", style: TextStyle(color: ColorConfig.color99),),
                  ],
                ),
              ],
            ),
          ),
          const Divider(color: ColorConfig.colorCBCBCB, height: 0.5,),
          Container(
            padding: const EdgeInsets.symmetric(horizontal: 10, vertical: 12),
            margin: const EdgeInsets.only(top: 8),
            color: ColorConfig.white,
            child: Row(
              mainAxisAlignment: MainAxisAlignment.spaceBetween,
              children: [
                Text("选号内容", style: TextStyle(color: ColorConfig.color33, fontSize: 16, fontWeight: FontWeight.bold),),
                InkWell(
                  child: RichText(
                      text: TextSpan(
                          text: "1票",
                          style: TextStyle(color: ColorConfig.color99, fontSize: 14),
                          children: [
                            WidgetSpan(child: SizedBox(width: 10,)),
                            TextSpan(
                              text: "未出票, 点击查看内容",
                              style: TextStyle(color: ColorConfig.color548DEE, fontSize: 14),
                            ),
                            WidgetSpan(
                                alignment: PlaceholderAlignment.middle,
                                child: Icon(Icons.keyboard_arrow_right, size: 18, color: ColorConfig.color99,)
                            ),
                          ]
                      )
                  ),
                  onTap: () {
                    controller.openBetInfo();
                  },
                )
              ],
            ),
          ),
          const Divider(color: ColorConfig.colorCBCBCB, height: 0.5,),
          Container(
            padding: const EdgeInsets.symmetric(horizontal: 10, vertical: 12),
            margin: const EdgeInsets.only(top: 8),
            color: ColorConfig.white,
            child: Row(
              mainAxisAlignment: MainAxisAlignment.spaceBetween,
              children: [
                RichText(
                    text: TextSpan(
                        text: "票照片",
                        style: TextStyle(color: ColorConfig.color33, fontSize: 16, fontWeight: FontWeight.bold),
                        children: [
                          const WidgetSpan(child: SizedBox(width: 8,)),
                          WidgetSpan(
                              alignment: PlaceholderAlignment.middle,
                              child: Container(
                                padding: EdgeInsets.symmetric(horizontal: 8),
                                decoration: BoxDecoration(
                                  borderRadius: BorderRadius.all(Radius.circular(3)),
                                  border: Border.all(color: ColorConfig.colorFF3D3D, width: 1, style: BorderStyle.solid)
                                ),
                                child: Text('已传照片', style: TextStyle(fontSize: 12, color: ColorConfig.colorFF3D3D),),
                              )
                          ),
                        ]
                    )
                ),
                RichText(
                    text: TextSpan(
                        text: "查看/重传",
                        style: TextStyle(color: ColorConfig.color548DEE, fontSize: 14),
                        children: [
                          WidgetSpan(
                            child: Icon(Icons.keyboard_arrow_right, size: 18, color: ColorConfig.color99,),
                            alignment: PlaceholderAlignment.middle
                          ),
                        ]
                    )
                )
              ],
            ),
          )
        ],
      ),
    );
  }
}