415 lines
14 KiB
Dart
Executable File
415 lines
14 KiB
Dart
Executable File
import 'package:flutter/material.dart';
|
||
import 'package:get/get.dart';
|
||
import 'package:flutter_screenutil/flutter_screenutil.dart';
|
||
import 'package:kaer_with_panels/app/utils/kr_log_util.dart';
|
||
import '../controllers/kr_login_controller.dart';
|
||
import 'package:kaer_with_panels/app/widgets/kr_app_text_style.dart';
|
||
import 'package:kaer_with_panels/app/localization/app_translations.dart';
|
||
import 'package:kaer_with_panels/app/widgets/kr_local_image.dart';
|
||
import 'package:kaer_with_panels/app/widgets/hi_base_scaffold.dart';
|
||
import 'package:kaer_with_panels/app/widgets/hi_help_entrance.dart';
|
||
import 'package:kaer_with_panels/app/common/app_run_data.dart';
|
||
import 'package:kaer_with_panels/app/modules/kr_home/controllers/kr_home_controller.dart';
|
||
import 'package:kaer_with_panels/app/services/kr_site_config_service.dart';
|
||
import 'package:flutter/foundation.dart';
|
||
import 'package:kaer_with_panels/app/widgets/kr_subscription_expiry_text.dart';
|
||
import 'package:flutter/services.dart';
|
||
|
||
class KRLoginView extends GetView<KRLoginController> {
|
||
const KRLoginView({super.key});
|
||
|
||
@override
|
||
Widget build(BuildContext context) {
|
||
final isKeyboardVisible = MediaQuery.of(context).viewInsets.bottom > 0;
|
||
final isHideBack =
|
||
(Get.arguments as Map<String, dynamic>?)?['is-back'] ?? false;
|
||
return HIBaseScaffold(
|
||
showBack: !isHideBack,
|
||
resizeToAvoidBottomInset: true,
|
||
child: Stack(
|
||
children: [
|
||
GestureDetector(
|
||
behavior: HitTestBehavior.translucent,
|
||
onTap: () {
|
||
FocusScope.of(context).unfocus();
|
||
},
|
||
child: SingleChildScrollView(
|
||
child: Padding(
|
||
padding: EdgeInsets.symmetric(
|
||
horizontal: 40.w,
|
||
),
|
||
child: Column(
|
||
children: [
|
||
// Text(
|
||
// '${controller.kr_loginStatus.value}',
|
||
// style: TextStyle(color: Colors.white), // 使用 TextStyle()
|
||
// ),
|
||
SizedBox(height: 20.w),
|
||
_buildUserInfoSection(),
|
||
SizedBox(height: 12.w),
|
||
_buildBindEmailLayout(),
|
||
SizedBox(height: 100.w), // 为底部帮助按钮留出空间
|
||
],
|
||
),
|
||
),
|
||
),
|
||
),
|
||
if (!isKeyboardVisible) const HIHelpEntrance(),
|
||
],
|
||
),
|
||
);
|
||
}
|
||
|
||
Widget _buildUserInfoSection() {
|
||
return Row(
|
||
children: [
|
||
Container(
|
||
width: 60.w,
|
||
height: 60.w,
|
||
decoration: BoxDecoration(
|
||
color: Colors.white,
|
||
borderRadius: BorderRadius.circular(18.r),
|
||
),
|
||
alignment: Alignment.center,
|
||
child: KrLocalImage(
|
||
imageName: 'hi-home-logo',
|
||
imageType: ImageType.svg,
|
||
width: 30.w,
|
||
height: 30.w,
|
||
color: Colors.black,
|
||
),
|
||
),
|
||
SizedBox(width: 12.w),
|
||
Expanded(
|
||
child: Column(
|
||
crossAxisAlignment: CrossAxisAlignment.start,
|
||
mainAxisAlignment: MainAxisAlignment.center,
|
||
children: [
|
||
Obx(() {
|
||
final account = KRAppRunData.getInstance().kr_account.value;
|
||
final isDeviceLogin =
|
||
account != null && account.startsWith('9000');
|
||
final accountText = (account ==null || isDeviceLogin)
|
||
? '待绑定'
|
||
: '${KRAppRunData.getInstance().kr_account.value.toString()}';
|
||
|
||
return Text(
|
||
accountText,
|
||
style: TextStyle(
|
||
color: Colors.white.withOpacity(0.85),
|
||
fontSize: 14.sp,
|
||
fontWeight: FontWeight.w500,
|
||
),
|
||
);
|
||
}),
|
||
KRSubscriptionExpiryText(
|
||
expireTimeProvider: () => controller
|
||
.kr_subscribeService.kr_currentSubscribe.value?.expireTime,
|
||
style: TextStyle(
|
||
color: Colors.white,
|
||
fontSize: 12.sp,
|
||
),
|
||
),
|
||
],
|
||
),
|
||
),
|
||
],
|
||
);
|
||
}
|
||
|
||
Widget _buildContentByEntry() {
|
||
final entry = (Get.arguments as Map<String, dynamic>?)?['entry'];
|
||
if (entry == 'forget_psd') {
|
||
return _buildForgetPasswordLayout();
|
||
} else if (entry == 'bind_email') {
|
||
return _buildBindEmailLayout();
|
||
} else if (entry == 'login') {
|
||
return _buildLoginEmailLayout();
|
||
}
|
||
|
||
return _buildForgetPasswordLayout(); // 默认显示修改密码
|
||
}
|
||
|
||
Widget _buildForgetPasswordLayout() {
|
||
return Column(
|
||
children: [
|
||
Container(
|
||
constraints: BoxConstraints(minHeight: 300.w),
|
||
child: Column(
|
||
children: [
|
||
_buildStandardInputField(
|
||
controller: controller.psdController,
|
||
hintText: '新密码',
|
||
isPassword: true,
|
||
),
|
||
SizedBox(height: 10.w),
|
||
_buildStandardInputField(
|
||
controller: controller.agPsdController,
|
||
hintText: '确认密码',
|
||
isPassword: true,
|
||
),
|
||
],
|
||
),
|
||
),
|
||
SizedBox(height: 30.h),
|
||
_buildSaveButton(),
|
||
],
|
||
);
|
||
}
|
||
|
||
Widget _buildBindEmailLayout() {
|
||
return Column(
|
||
children: [
|
||
Container(
|
||
constraints: BoxConstraints(minHeight: 300.w),
|
||
child: Column(
|
||
children: [
|
||
_buildStandardInputField(
|
||
controller: controller.accountController,
|
||
hintText: 'Email',
|
||
),
|
||
// SizedBox(height: 10.w),
|
||
// _buildStandardInputField(
|
||
// controller: controller.psdController,
|
||
// hintText: '新密码',
|
||
// isPassword: true,
|
||
// ),
|
||
// SizedBox(height: 10.w),
|
||
// _buildStandardInputField(
|
||
// controller: controller.agPsdController,
|
||
// hintText: '确认密码',
|
||
// isPassword: true,
|
||
// ),
|
||
SizedBox(height: 10.w),
|
||
// 👇 核心改动：使用新的验证码输入框
|
||
_buildVerificationCodeField(),
|
||
],
|
||
),
|
||
),
|
||
SizedBox(height: 30.h),
|
||
_buildSaveButton(),
|
||
],
|
||
);
|
||
}
|
||
|
||
Widget _buildLoginEmailLayout() {
|
||
return Column(
|
||
children: [
|
||
Container(
|
||
constraints: BoxConstraints(minHeight: 300.w),
|
||
child: Column(
|
||
children: [
|
||
_buildStandardInputField(
|
||
controller: controller.accountController,
|
||
hintText: 'Email',
|
||
),
|
||
SizedBox(height: 10.w),
|
||
_buildStandardInputField(
|
||
controller: controller.psdController,
|
||
hintText: '密码',
|
||
isPassword: true,
|
||
),
|
||
SizedBox(height: 10.w),
|
||
],
|
||
),
|
||
),
|
||
SizedBox(height: 30.h),
|
||
_buildSaveButton(),
|
||
],
|
||
);
|
||
}
|
||
|
||
/// 构建标准输入框
|
||
Widget _buildStandardInputField({
|
||
required TextEditingController controller,
|
||
required String hintText,
|
||
bool isPassword = false,
|
||
}) {
|
||
return SizedBox(
|
||
height: 50.w, // 固定高度
|
||
child: TextField(
|
||
controller: controller,
|
||
obscureText: isPassword,
|
||
style: KrAppTextStyle(
|
||
fontSize: 16,
|
||
color: Colors.white,
|
||
),
|
||
decoration: InputDecoration(
|
||
hintText: hintText,
|
||
hintStyle: KrAppTextStyle(
|
||
fontSize: 16,
|
||
color: const Color(0xFFA6A6A6),
|
||
fontWeight: FontWeight.w600,
|
||
),
|
||
contentPadding:
|
||
EdgeInsets.symmetric(horizontal: 16.w, vertical: 10.w),
|
||
border: OutlineInputBorder(
|
||
borderRadius: BorderRadius.circular(25.w), // 调整为更圆的角
|
||
borderSide: BorderSide(color: Colors.white, width: 2),
|
||
),
|
||
enabledBorder: OutlineInputBorder(
|
||
borderRadius: BorderRadius.circular(25.w),
|
||
borderSide: BorderSide(color: Colors.white, width: 2),
|
||
),
|
||
focusedBorder: OutlineInputBorder(
|
||
borderRadius: BorderRadius.circular(25.w),
|
||
borderSide: BorderSide(color: Colors.white, width: 2),
|
||
),
|
||
),
|
||
),
|
||
);
|
||
}
|
||
|
||
/// 构建注册页面的验证码输入框（包含间距）
|
||
Widget _buildVerificationCodeField() {
|
||
// 从站点配置服务获取验证配置（站点配置不是响应式的，不需要 Obx）
|
||
// final siteConfig = KRSiteConfigService();
|
||
// final needVerification = siteConfig.isEmailVerificationEnabled() ||
|
||
// siteConfig.isRegisterVerificationEnabled();
|
||
//
|
||
// // 如果不需要验证码，返回空容器
|
||
// if (!needVerification) {
|
||
// return SizedBox.shrink();
|
||
// }
|
||
return SizedBox(
|
||
height: 50.w, // 固定高度
|
||
child: TextField(
|
||
controller: controller.codeController,
|
||
keyboardType: TextInputType.number,
|
||
textInputAction: TextInputAction.done,
|
||
autofillHints: const [AutofillHints.oneTimeCode],
|
||
enableSuggestions: false,
|
||
autocorrect: false,
|
||
inputFormatters: [FilteringTextInputFormatter.digitsOnly],
|
||
onChanged: (value) {
|
||
var v = value.replaceAll(RegExp("\\s+"), "");
|
||
if (v.length % 2 == 0 && v.isNotEmpty) {
|
||
final half = v.length ~/ 2;
|
||
final first = v.substring(0, half);
|
||
final second = v.substring(half);
|
||
if (first == second) {
|
||
v = first;
|
||
}
|
||
}
|
||
const maxLen = 6;
|
||
if (v.length > maxLen) {
|
||
v = v.substring(0, maxLen);
|
||
}
|
||
if (controller.codeController.text != v) {
|
||
controller.codeController.value =
|
||
controller.codeController.value.copyWith(
|
||
text: v,
|
||
selection: TextSelection.collapsed(offset: v.length),
|
||
composing: TextRange.empty,
|
||
);
|
||
}
|
||
if (v.isNotEmpty && (v.length >= 6)) {
|
||
FocusScope.of(Get.context!).unfocus();
|
||
}
|
||
},
|
||
onSubmitted: (_) {
|
||
FocusScope.of(Get.context!).unfocus();
|
||
},
|
||
style: KrAppTextStyle(
|
||
fontSize: 16,
|
||
color: Colors.white,
|
||
),
|
||
decoration: InputDecoration(
|
||
hintText: '验证码',
|
||
hintStyle: KrAppTextStyle(
|
||
fontSize: 16,
|
||
color: const Color(0xFFA6A6A6),
|
||
fontWeight: FontWeight.w600,
|
||
),
|
||
contentPadding:
|
||
EdgeInsets.symmetric(horizontal: 16.w, vertical: 10.w),
|
||
border: OutlineInputBorder(
|
||
borderRadius: BorderRadius.circular(25.w),
|
||
borderSide: BorderSide(color: Colors.white, width: 2),
|
||
),
|
||
enabledBorder: OutlineInputBorder(
|
||
borderRadius: BorderRadius.circular(25.w),
|
||
borderSide: BorderSide(color: Colors.white, width: 2),
|
||
),
|
||
focusedBorder: OutlineInputBorder(
|
||
borderRadius: BorderRadius.circular(25.w),
|
||
borderSide: BorderSide(color: Colors.white, width: 2),
|
||
),
|
||
isDense: true,
|
||
suffixIconConstraints: BoxConstraints(
|
||
maxHeight: 50.w, // 限制最大高度
|
||
),
|
||
suffixIcon: Padding(
|
||
padding: EdgeInsets.symmetric(horizontal: 5.w, vertical: 5.w),
|
||
child: Obx(() {
|
||
return GestureDetector(
|
||
onTap: controller.kr_canSendCode.value
|
||
? () => controller.kr_sendCode()
|
||
: null,
|
||
child: Container(
|
||
width: 100.w,
|
||
alignment: Alignment.center,
|
||
decoration: BoxDecoration(
|
||
color: controller.kr_canSendCode.value
|
||
? Theme.of(Get.context!).primaryColor
|
||
: const Color(0xFFD5D5D5),
|
||
borderRadius: BorderRadius.circular(100.r), // 药丸状
|
||
),
|
||
child: Text(
|
||
controller.kr_countdownText.value,
|
||
style: KrAppTextStyle(
|
||
fontSize: 14,
|
||
fontWeight: FontWeight.w600,
|
||
color: controller.kr_canSendCode.value
|
||
? Colors.black
|
||
: const Color(0xFF464655),
|
||
),
|
||
),
|
||
),
|
||
);
|
||
}),
|
||
),
|
||
),
|
||
),
|
||
);
|
||
}
|
||
|
||
Widget _buildSaveButton() {
|
||
return GestureDetector(
|
||
onTap: () {
|
||
_handleSave();
|
||
},
|
||
child: Container(
|
||
width: double.infinity,
|
||
height: 50.w,
|
||
decoration: BoxDecoration(
|
||
color: Theme.of(Get.context!).primaryColor,
|
||
borderRadius: BorderRadius.circular(100.r),
|
||
),
|
||
child: Center(
|
||
child: Text(
|
||
controller.kr_getNextBtnText(),
|
||
style: KrAppTextStyle(
|
||
fontSize: 16,
|
||
fontWeight: FontWeight.w600,
|
||
color: Colors.black,
|
||
),
|
||
),
|
||
),
|
||
),
|
||
);
|
||
}
|
||
|
||
void _handleSave() {
|
||
final entry = (Get.arguments as Map<String, dynamic>?)?['entry'];
|
||
|
||
if (entry == 'forget_psd') {
|
||
controller.kr_setNewPsdByForgetPsd();
|
||
} else if (entry == 'bind_email') {
|
||
controller.kr_register();
|
||
} else if (entry == 'login') {
|
||
controller.kr_check();
|
||
}
|
||
}
|
||
}
|