ticket_detail_view.dart 5.8 KB
import 'package:flutter/material.dart';
import 'package:get/get.dart';

import '../../../common/colors.dart';
import 'ticket_detail_logic.dart';

class Ticket_detailPage extends GetView<Ticket_detailLogic> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('账本详情17栋208'),
        centerTitle: true,
        backgroundColor: ColorConfig.themeColor,
      ),
      body: Container(
          alignment: Alignment.topLeft,
          child: Column(
            children: [
              Container(
                height: 44,
                color: ColorConfig.white,
                alignment: Alignment.center,
                child: Row(
                  children: [
                    Expanded(
                      flex: 1,
                      child: Align(
                        alignment: Alignment.center,
                        child: RichText(
                          text: TextSpan(
                              text: "全部类型",
                              style: TextStyle(color: ColorConfig.color66, fontSize: 13),
                              children: [
                                WidgetSpan(
                                    alignment: PlaceholderAlignment.middle,
                                    child: Icon(Icons.arrow_drop_down, size: 22, color: ColorConfig.color66,)
                                )
                              ]
                          ),
                        ),
                      ),
                    ),
                    const VerticalDivider(width: 1, color: ColorConfig.colorCBCBCB, indent: 14, endIndent: 14,),
                    Expanded(
                      flex: 1,
                      child: Align(
                        alignment: Alignment.center,
                        child: RichText(
                          text: TextSpan(
                              text: "全部订单",
                              style: TextStyle(color: ColorConfig.color66, fontSize: 13),
                              children: [
                                WidgetSpan(
                                    alignment: PlaceholderAlignment.middle,
                                    child: Icon(Icons.arrow_drop_down, size: 22, color: ColorConfig.color66,)
                                )
                              ]
                          ),
                        ),
                      ),
                    ),
                  ],
                ),
              ),
              const Divider(color: ColorConfig.colorCBCBCB, height: 0.5,),
              Container(
                padding: EdgeInsets.symmetric(horizontal: 15, vertical: 10),
                child: Column(
                  crossAxisAlignment: CrossAxisAlignment.start,
                  children: [
                    Row(
                      mainAxisAlignment: MainAxisAlignment.spaceBetween,
                      children: [
                        Text("2023-03-03~2023-04-05", style: TextStyle(fontSize: 15, color: ColorConfig.color66),),
                        Text("操作记录>>", style: TextStyle(color: ColorConfig.color548DEE, fontSize: 15),)
                      ],
                    ),
                    const SizedBox(height: 8,),
                    Text("添加: 16笔  2599.00,  扣减: 40笔  234.00", style: TextStyle(fontSize: 15, color: ColorConfig.color66))
                  ],
                ),
              ),
              const Divider(color: ColorConfig.colorCBCBCB, height: 0.5,),
              Expanded(
                  child: ListView.builder(
                      itemBuilder: (item, index) {
                        return Container(
                          alignment: Alignment.centerLeft,
                          padding: EdgeInsets.symmetric(vertical: 10, horizontal: 15),
                          decoration: BoxDecoration(
                            color: ColorConfig.white,
                            border: Border(bottom: BorderSide(color: ColorConfig.colorF2F2F2, width: 4, style: BorderStyle.solid))
                          ),
                          child: Row(
                            children: [
                              Expanded(
                                  child: Column(
                                    children: [
                                      Row(
                                        mainAxisAlignment: MainAxisAlignment.spaceBetween,
                                        children: [
                                          Text('2023-04-01 11:10:11', style: TextStyle(color: ColorConfig.color66, fontSize: 15)),
                                          Text('-997.25', style: TextStyle(color: ColorConfig.color66, fontSize: 15)),
                                        ],
                                      ),
                                      const SizedBox(height: 8,),
                                      Row(
                                        mainAxisAlignment: MainAxisAlignment.spaceBetween,
                                        children: [
                                          Text('11293834648', style: TextStyle(color: ColorConfig.color66, fontSize: 15)),
                                          Text('奖金添加', style: TextStyle(color: ColorConfig.color33, fontSize: 15),),
                                        ],
                                      ),
                                    ],
                                  )
                              ),
                              const SizedBox(width: 8,),
                              const Icon(Icons.keyboard_arrow_right, size: 26, color: ColorConfig.color99,)
                            ],
                          ),
                        );
                      },
                      itemCount: 5,
                  )
              )
            ],
          )
      ),
    );
  }
}