297 lines
11 KiB
Dart
297 lines
11 KiB
Dart
import 'package:ef/ef.dart';
|
||
import 'package:flutter/material.dart';
|
||
import 'package:flutterflow_ui/flutterflow_ui.dart';
|
||
import 'package:vbvs_app/common/color/appConstants.dart';
|
||
import 'package:vbvs_app/common/util/FitTool.dart';
|
||
import 'package:vbvs_app/common/util/MyUtils.dart';
|
||
import 'package:vbvs_app/component/tool/CustomCard.dart';
|
||
import 'package:vbvs_app/controller/device/body_device_controller.dart';
|
||
import 'package:vbvs_app/controller/device/device_type_controller.dart';
|
||
import 'package:vbvs_app/controller/repair/repair_controller.dart';
|
||
import 'package:vbvs_app/controller/theme_controller/ThemeController.dart';
|
||
import 'package:vbvs_app/pages/repair/component/RepairModelReadOnlyWidget.dart';
|
||
import 'package:flutter/services.dart';
|
||
|
||
class RepairDetailPage extends StatefulWidget {
|
||
final dynamic data;
|
||
|
||
const RepairDetailPage({super.key, required this.data});
|
||
|
||
@override
|
||
State<RepairDetailPage> createState() => _RepairDetailPageState();
|
||
}
|
||
|
||
class _RepairDetailPageState extends State<RepairDetailPage> {
|
||
final ThemeController themeController = Get.find();
|
||
final DeviceTypeController deviceTypeController = Get.find();
|
||
final RepairController repairController = Get.find();
|
||
final BodyDeviceController bodyDeviceController = Get.find();
|
||
|
||
List<Map<String, dynamic>> devices = [];
|
||
final List<GlobalKey> repairItemKeys = [];
|
||
final GlobalKey contactKey = GlobalKey();
|
||
final GlobalKey phoneKey = GlobalKey();
|
||
|
||
late final TextEditingController _contactController;
|
||
late final TextEditingController _phoneController;
|
||
|
||
@override
|
||
void initState() {
|
||
super.initState();
|
||
devices = List<Map<String, dynamic>>.from(widget.data['device'] ?? []);
|
||
_updateRepairItemKeys();
|
||
|
||
_contactController = TextEditingController(
|
||
text: widget.data['contacts']?['name'] ?? '',
|
||
);
|
||
_phoneController = TextEditingController(
|
||
text: widget.data['contacts']?['phone'] ?? '',
|
||
);
|
||
}
|
||
|
||
void _updateRepairItemKeys() {
|
||
repairItemKeys
|
||
..clear()
|
||
..addAll(List.generate(devices.length, (_) => GlobalKey()));
|
||
}
|
||
|
||
@override
|
||
void dispose() {
|
||
_contactController.dispose();
|
||
_phoneController.dispose();
|
||
super.dispose();
|
||
}
|
||
|
||
@override
|
||
Widget build(BuildContext context) {
|
||
return LayoutBuilder(
|
||
builder: (context, bodysize) => GestureDetector(
|
||
// onTap: () => FocusScope.of(context).unfocus(),,
|
||
child: Container(
|
||
decoration: BoxDecoration(
|
||
image: DecorationImage(
|
||
image: AssetImage(getBackgroundImageNoImage()),
|
||
fit: BoxFit.fill,
|
||
),
|
||
),
|
||
child: Scaffold(
|
||
backgroundColor: Colors.transparent,
|
||
appBar: AppBar(
|
||
systemOverlayStyle: SystemUiOverlayStyle(
|
||
statusBarColor: Colors.transparent, // 状态栏背景色
|
||
statusBarIconBrightness: Brightness.light, // 图标颜色（Android）
|
||
statusBarBrightness: Brightness.light, // 图标颜色（iOS）
|
||
),
|
||
backgroundColor: themeController.currentColor.sc5,
|
||
automaticallyImplyLeading: false,
|
||
iconTheme: IconThemeData(
|
||
color: themeController.currentColor.sc3,
|
||
),
|
||
titleSpacing: 0,
|
||
title: Container(
|
||
width: double.infinity,
|
||
height: 180.rpx,
|
||
child: Stack(
|
||
alignment: Alignment.center,
|
||
children: [
|
||
Text(
|
||
'设备报修'.tr,
|
||
style: TextStyle(
|
||
fontFamily: 'Readex Pro',
|
||
color: themeController.currentColor.sc3,
|
||
letterSpacing: 0,
|
||
fontSize: 30.rpx,
|
||
),
|
||
),
|
||
Positioned(
|
||
left: 0,
|
||
// child: returnIconButtom,
|
||
child: returnIconButtomAddCallback(() {}),
|
||
),
|
||
],
|
||
),
|
||
),
|
||
centerTitle: false,
|
||
),
|
||
body: SafeArea(
|
||
top: true,
|
||
child: Padding(
|
||
padding:
|
||
EdgeInsetsDirectional.fromSTEB(30.rpx, 29.rpx, 30.rpx, 0),
|
||
child: SingleChildScrollView(
|
||
child: Column(
|
||
mainAxisSize: MainAxisSize.max,
|
||
children: [
|
||
Row(
|
||
children: [
|
||
CustomCard(
|
||
borderRadius:
|
||
AppConstants().button_container_radius,
|
||
onTap: () {},
|
||
colors: [
|
||
themeController.currentColor.sc1,
|
||
themeController.currentColor.sc2,
|
||
],
|
||
child: Padding(
|
||
padding:
|
||
EdgeInsets.fromLTRB(32.rpx, 0, 32.rpx, 0),
|
||
child: Container(
|
||
// width:
|
||
// (MediaQuery.sizeOf(context).width * 0.284)
|
||
// .rpx,
|
||
constraints: BoxConstraints(
|
||
// minWidth: 213.rpx,
|
||
minHeight: 91.rpx,
|
||
),
|
||
child: Align(
|
||
alignment: AlignmentDirectional(0, 0),
|
||
child: Text(
|
||
"${widget.data['type']}",
|
||
style: TextStyle(
|
||
letterSpacing: 0.0,
|
||
color: themeController.currentColor.sc3,
|
||
fontSize:
|
||
AppConstants().normal_text_fontSize,
|
||
),
|
||
),
|
||
),
|
||
),
|
||
),
|
||
),
|
||
],
|
||
),
|
||
|
||
/// 设备列表
|
||
Column(
|
||
children: List.generate(devices.length, (index) {
|
||
final item = devices[index];
|
||
return RepairModelReadOnlyWidget(
|
||
widgetKey: repairItemKeys[index],
|
||
model: item,
|
||
onTap: () {},
|
||
length: devices.length,
|
||
showDelete: false,
|
||
);
|
||
}).divide(SizedBox(height: 25.rpx)),
|
||
),
|
||
|
||
/// 联系方式区域
|
||
Container(
|
||
width: double.infinity,
|
||
decoration: BoxDecoration(
|
||
color: themeController.currentColor.sc5,
|
||
borderRadius: BorderRadius.circular(
|
||
AppConstants().normal_container_radius),
|
||
),
|
||
child: Padding(
|
||
padding: EdgeInsetsDirectional.fromSTEB(
|
||
30.rpx, 30.rpx, 30.rpx, 30.rpx),
|
||
child: Column(
|
||
mainAxisSize: MainAxisSize.max,
|
||
children: [
|
||
_buildParamRow(
|
||
context,
|
||
"联系人".tr,
|
||
"名称输入提示".tr,
|
||
(value) => repairController.name.value = value,
|
||
key: contactKey,
|
||
controller: _contactController,
|
||
),
|
||
_buildParamRow(
|
||
context,
|
||
"手机号".tr,
|
||
"手机号输入提示".tr,
|
||
(value) => repairController.phone.value = value,
|
||
key: phoneKey,
|
||
controller: _phoneController,
|
||
),
|
||
].divide(SizedBox(height: 30.rpx)),
|
||
),
|
||
),
|
||
),
|
||
]
|
||
.divide(SizedBox(height: 25.rpx))
|
||
.addToEnd(SizedBox(height: 25.rpx)),
|
||
),
|
||
),
|
||
),
|
||
),
|
||
),
|
||
),
|
||
),
|
||
);
|
||
}
|
||
|
||
Widget _buildParamRow(
|
||
BuildContext context,
|
||
String text,
|
||
String hinttext,
|
||
void Function(String)? onChanged, {
|
||
Key? key,
|
||
required TextEditingController controller,
|
||
}) {
|
||
return Row(
|
||
key: key,
|
||
mainAxisSize: MainAxisSize.max,
|
||
children: [
|
||
Container(
|
||
width: 110.rpx,
|
||
child: Text(
|
||
text,
|
||
style: TextStyle(
|
||
fontSize: 26.rpx,
|
||
letterSpacing: 0.0,
|
||
color: themeController.currentColor.sc3,
|
||
),
|
||
overflow: TextOverflow.ellipsis,
|
||
softWrap: false,
|
||
maxLines: 1,
|
||
),
|
||
),
|
||
Expanded(
|
||
child: Container(
|
||
decoration: BoxDecoration(
|
||
borderRadius: BorderRadius.circular(10.rpx),
|
||
color: Colors.transparent,
|
||
),
|
||
child: TextFormField(
|
||
readOnly: true,
|
||
controller: controller,
|
||
autofocus: false,
|
||
decoration: InputDecoration(
|
||
isDense: true,
|
||
hintText: hinttext,
|
||
hintStyle: TextStyle(
|
||
letterSpacing: 0.0,
|
||
fontSize: AppConstants().normal_text_fontSize,
|
||
color: themeController.currentColor.sc4,
|
||
),
|
||
enabledBorder: OutlineInputBorder(
|
||
borderSide:
|
||
BorderSide(color: Colors.transparent, width: 1.rpx),
|
||
borderRadius: BorderRadius.circular(
|
||
AppConstants().normal_container_radius),
|
||
),
|
||
focusedBorder: OutlineInputBorder(
|
||
borderSide:
|
||
BorderSide(color: Colors.transparent, width: 1.rpx),
|
||
borderRadius: BorderRadius.circular(8.rpx),
|
||
),
|
||
filled: true,
|
||
fillColor: themeController.currentColor.sc15,
|
||
),
|
||
style: TextStyle(
|
||
letterSpacing: 0.0,
|
||
color: themeController.currentColor.sc4,
|
||
fontSize: AppConstants().normal_text_fontSize,
|
||
),
|
||
cursorColor: themeController.currentColor.sc3,
|
||
onChanged: onChanged,
|
||
),
|
||
),
|
||
),
|
||
].divide(SizedBox(width: 24.rpx)),
|
||
);
|
||
}
|
||
}
|