app-zj/lib/page/user_center/account_manage_page.dart

import 'package:cached_network_image/cached_network_image.dart';
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:lszlgl/base/base_state.dart';
import 'package:lszlgl/page/login/login_page.dart';
import 'package:lszlgl/page/user_center/change_pwd_page.dart';
import 'package:lszlgl/widget/button.dart';
import 'package:lszlgl/widget/card_item.dart';

/// 账号管理
class AccountManagePage extends StatefulWidget {
  const AccountManagePage({Key? key}) : super(key: key);

  @override
  State<AccountManagePage> createState() => _AccountManagePageState();
}

class _AccountManagePageState extends BaseState<AccountManagePage> {
  String userAvatar = 'https://gd-hbimg.huaban.com/4105629c1e4204e2296515d1784f407c903024e7b9ce-Gs4d6A_fw658webp';

  void startChangePwd() {
    MyRouter.startChangePwd();
  }

  void onLogout() {
    MyRouter.startLogin(popAll: true);
  }

  @override
  Widget build(BuildContext context) {
    return myScaffold(child: buildBody());
  }

  Widget buildBody() {
    return Column(
      children: [
        myAppBar(title: '账号管理'),
        buildList(),
        const SizedBox(height: 40),
        MyButton(
          '退出登录',
          onTap: onLogout,
          gradient: const LinearGradient(colors: [Color(0xFF3BD2E5), Color(0xFF247AF8)]),
          margin: const EdgeInsets.symmetric(horizontal: 24),
        ),
      ],
    );
  }

  Widget buildList() {
    return Container(
      margin: const EdgeInsets.symmetric(horizontal: 14),
      clipBehavior: Clip.hardEdge,
      decoration: const BoxDecoration(borderRadius: BorderRadius.all(Radius.circular(10))),
      child: Column(
        children: [
          CardItemWidget(
            '头像',
            rightChild: buildAvatar(),
            bottomLine: true,
          ),
          const CardItemWidget(
            '单位名称',
            rightText: '****',
            bottomLine: true,
          ),
          const CardItemWidget(
            '姓名',
            rightText: '****',
            bottomLine: true,
          ),
          const CardItemWidget(
            '账号',
            rightText: '手机号',
            bottomLine: true,
          ),
          const CardItemWidget(
            '检验监测能力',
            rightText: '****',
            bottomLine: true,
          ),
          CardItemWidget(
            '修改密码',
            trailing: Image.asset(imgItemArrowRight, height: 16),
            onTap: startChangePwd,
          ),
        ],
      ),
    );
  }

  Widget buildAvatar() {
    return Container(
      width: 48,
      height: 48,
      clipBehavior: Clip.antiAlias,
      decoration: const BoxDecoration(borderRadius: BorderRadius.all(Radius.circular(200))),
      child: CachedNetworkImage(
        fit: BoxFit.cover,
        imageUrl: userAvatar,
        placeholder: (_, __) => const Center(child: CircularProgressIndicator()),
        errorWidget: (context, url, error) => const Center(child: Icon(Icons.error)),
      ),
    );
  }
}