flutter_integrated_whb/lib/pages/login_page.dart

import 'package:qhd_prevention/customWidget/custom_alert_dialog.dart';
import 'package:flutter/gestures.dart';
import 'package:flutter/material.dart';
import 'package:fluttertoast/fluttertoast.dart';
import 'package:qhd_prevention/customWidget/toast_util.dart';
import 'package:qhd_prevention/tools/auth_service.dart';
import '../tools/tools.dart';
import 'main_tab.dart';

void main() => runApp(const MyApp());

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

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: '登录页面',
      theme: ThemeData(
        primarySwatch: Colors.blue,
        inputDecorationTheme: const InputDecorationTheme(
          border: InputBorder.none,
          contentPadding: EdgeInsets.symmetric(horizontal: 8),
        ),
      ),
      home: const LoginPage(),
      debugShowCheckedModeBanner: false,
    );
  }
}

class LoginPage extends StatefulWidget {
  const LoginPage({super.key});

  @override
  _LoginPageState createState() => _LoginPageState();
}

class _LoginPageState extends State<LoginPage> {
  final TextEditingController _phoneController = TextEditingController(
    text: '13293211008',
  );
  final TextEditingController _passwordController = TextEditingController(
    text: 'Zsaq@123456',
  );
  final GlobalKey<FormState> _formKey = GlobalKey<FormState>();
  String _errorMessage = '';
  bool _isLoading = false;
  bool _obscurePassword = true;
  bool _agreed = false;

  @override
  void initState() {
    // TODO: implement initState
    super.initState();
    _checkUpdata();
  }

  Future<void> _checkUpdata() async {
    final result = await AuthService.checkUpdate();
    if (FormUtils.hasValue(result, 'pd')) {
      // 有更新 提示更新
      Map pd = result['pd'];
      CustomAlertDialog.showConfirm(
        context,
        title: '更新通知',
        cancelText: '',
        confirmText: '我知道了',
        content: pd['UPLOAD_CONTENT'] ?? '',
        onConfirm: () {
          ToastUtil.showNormal(context, '更新去吧！');
        }
      );
      return;
    }
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      resizeToAvoidBottomInset: false,
      body: Container(
        width: double.infinity,
        height: double.infinity,
        decoration: const BoxDecoration(
          image: DecorationImage(
            image: AssetImage('assets/images/bg-login.png'),
            fit: BoxFit.cover,
          ),
        ),
        child: Form(
          key: _formKey,
          child: Stack(
            children: [
              Positioned.fill(
                child: Image.asset(
                  'assets/images/bg-login.png',
                  fit: BoxFit.cover,
                ),
              ),
              Padding(
                padding: const EdgeInsets.symmetric(horizontal: 30),
                child: SingleChildScrollView(
                  child: Column(
                    children: [
                      const SizedBox(height: 150),
                      Row(
                        children: [
                          Image.asset('assets/image/logo.png', height: 50),
                          const SizedBox(width: 15),
                          const Expanded(
                            child: Text(
                              '欢迎使用，\n智守安全云平台!',
                              style: TextStyle(
                                fontSize: 22,
                                color: Colors.white,
                                fontWeight: FontWeight.bold,
                              ),
                            ),
                          ),
                        ],
                      ),
                      const SizedBox(height: 50),
                      _buildInputSection(
                        label: "手机号码",
                        controller: _phoneController,
                        hintText: "请输入手机号...",
                        keyboardType: TextInputType.phone,
                        validator: (value) {
                          if (value == null || value.isEmpty) return '请输入手机号';
                          // if (!RegExp(r'^1[3-9]\d{9}\$').hasMatch(value))
                          //   return '请输入有效的手机号';
                          return null;
                        },
                      ),
                      const Divider(
                        height: 1,
                        thickness: 1,
                        color: Colors.white70,
                      ),
                      _buildInputSection(
                        label: "密码",
                        controller: _passwordController,
                        hintText: "请输入密码...",
                        obscureText: _obscurePassword,
                        suffixIcon: IconButton(
                          icon: Icon(
                            _obscurePassword
                                ? Icons.visibility_off
                                : Icons.visibility,
                            color: Colors.white,
                          ),
                          onPressed:
                              () => setState(
                                () => _obscurePassword = !_obscurePassword,
                              ),
                        ),
                        validator: (value) {
                          if (value == null || value.isEmpty) return '请输入密码';
                          return null;
                        },
                      ),
                      const Divider(
                        height: 1,
                        thickness: 1,
                        color: Colors.white70,
                      ),
                      const SizedBox(height: 30),
                      if (_errorMessage.isNotEmpty)
                        Padding(
                          padding: const EdgeInsets.symmetric(horizontal: 25),
                          child: Text(
                            _errorMessage,
                            style: const TextStyle(color: Colors.blue),
                          ),
                        ),
                      Padding(
                        padding: const EdgeInsets.symmetric(vertical: 24),
                        child: SizedBox(
                          width: double.infinity,
                          height: 48,
                          child: ElevatedButton(
                            onPressed:
                                (!_isLoading && _agreed) ? _handleLogin : null,
                            style: ElevatedButton.styleFrom(
                              backgroundColor: Colors.blue,
                              shape: RoundedRectangleBorder(
                                borderRadius: BorderRadius.circular(8),
                              ),
                            ),
                            child: const Text(
                              '登录',
                              style: TextStyle(
                                fontSize: 18,
                                color: Colors.white,
                                fontWeight: FontWeight.bold,
                              ),
                            ),
                          ),
                        ),
                      ),

                      Padding(
                        padding: const EdgeInsets.all(0),
                        child: Row(
                          children: [
                            Checkbox(
                              value: _agreed,
                              activeColor: Colors.white,
                              checkColor: Colors.blueAccent,
                              side: const BorderSide(color: Colors.white),
                              onChanged:
                                  (v) => setState(() => _agreed = v ?? false),
                            ),
                            Expanded(
                              child: RichText(
                                text: TextSpan(
                                  children: [
                                    TextSpan(
                                      text: '我已阅读并同意',
                                      style: const TextStyle(
                                        color: Colors.white,
                                      ),
                                    ),
                                    TextSpan(
                                      text: '《用户协议》',
                                      style: const TextStyle(
                                        color: Color(0xFF0D1D8C),
                                      ),
                                      recognizer:
                                          TapGestureRecognizer()
                                            ..onTap = () {
                                              // 打开用户协议
                                            },
                                    ),
                                    TextSpan(
                                      text: '和',
                                      style: const TextStyle(
                                        color: Colors.white,
                                      ),
                                    ),
                                    TextSpan(
                                      text: '《隐私政策》',
                                      style: const TextStyle(
                                        color: Color(0xFF0D1D8C),
                                      ),
                                      recognizer:
                                          TapGestureRecognizer()
                                            ..onTap = () {
                                              // 打开隐私政策
                                            },
                                    ),
                                  ],
                                ),
                              ),
                            ),
                          ],
                        ),
                      ),
                    ],
                  ),
                ),
              ),
            ],
          ),
        ),
      ),
    );
  }

  Widget _buildInputSection({
    required String label,
    required TextEditingController controller,
    required String hintText,
    bool obscureText = false,
    TextInputType keyboardType = TextInputType.text,
    Widget? suffixIcon,
    String? Function(String?)? validator,
  }) {
    return Padding(
      padding: const EdgeInsets.symmetric(vertical: 12),
      child: Column(
        crossAxisAlignment: CrossAxisAlignment.start,
        children: [
          Text(
            label,
            style: const TextStyle(
              fontSize: 20,
              fontWeight: FontWeight.w500,
              color: Colors.white,
            ),
          ),
          const SizedBox(height: 15),
          TextFormField(
            controller: controller,
            obscureText: obscureText,
            keyboardType: keyboardType,
            validator: validator,
            textAlignVertical: TextAlignVertical.center,
            decoration: InputDecoration(
              hintText: hintText,
              hintStyle: const TextStyle(color: Colors.white70),
              suffixIcon: suffixIcon,
              isDense: true,
              contentPadding: EdgeInsets.zero,
            ),
            style: const TextStyle(color: Colors.white),
          ),
        ],
      ),
    );
  }

  Future<void> _handleLogin() async {
    if (!(_formKey.currentState?.validate() ?? false)) return;

    final userName = _phoneController.text.trim();
    final userPwd = _passwordController.text;

    setState(() => _isLoading = true);
    showDialog(
      context: context,
      barrierDismissible: false,
      builder: (_) => const Center(child: CircularProgressIndicator()),
    );

    try {
      final success = await AuthService.login(userName, userPwd);

      Navigator.of(context).pop(); // 关loading
      setState(() => _isLoading = false);

      if (success) {
        Navigator.pushReplacement(
          context,
          MaterialPageRoute(builder: (_) => const MainPage()),
        );
      }
    } catch (e) {
      Navigator.of(context).pop();
      setState(() => _isLoading = false);
      Fluttertoast.showToast(msg: '登录失败: $e');
    }
  }
}