import 'package:cp_offline_manage/utils/text_style_ms.dart';
import 'package:flutter/material.dart';
import 'package:get/get.dart';

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

class CommissionPage extends GetView<CommissionLogic> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
        appBar: AppBar(
            title: const Text('提成管理'),
            centerTitle: true,
            backgroundColor: ColorConfig.themeColor,
            actions: [
              Container(
                alignment: Alignment.center,
                margin: const EdgeInsets.only(right: 20),
                child: InkWell(
                  child: const Text('选择日期'),
                  onTap: () { controller.selectDate(); },
                ),
              )
            ]
        ),
        body: GetBuilder<CommissionLogic>(builder: (logic) {
          return ListView.builder(
            itemBuilder:(ctx, index) {
              return Container(
                alignment: Alignment.centerLeft,
                padding: const EdgeInsets.symmetric(horizontal: 12, vertical: 10),
                color: index %2 == 0 ? Colors.white : ColorConfig.colorF2F2F2,
                child: Column(
                  children: [
                    Row(
                      mainAxisAlignment: MainAxisAlignment.spaceBetween,
                      children: [
                        Text('销售员${index+1}', style: TextStyleMs.color33_16_400,),
                        Text('销售额: 20000', style: TextStyleMs.color99_14_500,),
                      ],
                    ),
                    const SizedBox(height: 12,),
                    Row(
                      mainAxisAlignment: MainAxisAlignment.spaceBetween,
                      children: [
                        Text('总提成:6000'),
                      ],
                    ),
                  ],
                ),
              );
            },
            itemCount: 12,
          );
        },)
    );
  }
}