436 lines
18 KiB
Dart
436 lines
18 KiB
Dart
import 'package:ef/ef.dart';
|
||
import 'package:flutter/material.dart';
|
||
import 'package:flutter_svg/svg.dart';
|
||
import 'package:flutterflow_ui/flutterflow_ui.dart';
|
||
import 'package:vbvs_app/common/color/appConstants.dart';
|
||
import 'package:vbvs_app/common/color/app_uri_status.dart';
|
||
import 'package:vbvs_app/common/util/FitTool.dart';
|
||
import 'package:vbvs_app/component/base/THFlutterFlowDropDown.dart';
|
||
import 'package:vbvs_app/component/tool/ClickableContainer.dart';
|
||
import 'package:vbvs_app/component/tool/CustomCard.dart';
|
||
import 'package:vbvs_app/component/tool/TopSlideNotification.dart';
|
||
import 'package:vbvs_app/controller/repair/repair_controller.dart';
|
||
import 'package:vbvs_app/controller/user_info_controller.dart';
|
||
import 'package:vbvs_app/model/api_response.dart';
|
||
import 'package:vbvs_app/routers/routers.dart';
|
||
|
||
class RepairModelWidget extends StatefulWidget {
|
||
var model;
|
||
final VoidCallback onTap; // 添加回调函数
|
||
int length;
|
||
final GlobalKey widgetKey; // 新增
|
||
RepairModelWidget({
|
||
super.key,
|
||
required this.model,
|
||
required this.onTap,
|
||
required this.length,
|
||
required this.widgetKey,
|
||
});
|
||
|
||
@override
|
||
State<RepairModelWidget> createState() => _RepairModelWidgetState();
|
||
}
|
||
|
||
class _RepairModelWidgetState extends State<RepairModelWidget> {
|
||
FormFieldController<String> _deviceController =
|
||
FormFieldController<String>(null);
|
||
RepairController repairController = Get.find();
|
||
UserInfoController userInfoController = Get.find();
|
||
|
||
@override
|
||
void setState(VoidCallback callback) {
|
||
super.setState(callback);
|
||
}
|
||
|
||
@override
|
||
void initState() {
|
||
super.initState();
|
||
}
|
||
|
||
@override
|
||
void dispose() {
|
||
super.dispose();
|
||
}
|
||
|
||
@override
|
||
Widget build(BuildContext context) {
|
||
// _deviceController.value = "";
|
||
return Container(
|
||
key: widget.widgetKey, // 使用传入的 key
|
||
width: double.infinity,
|
||
decoration: BoxDecoration(
|
||
color: themeController.currentColor.sc5,
|
||
borderRadius:
|
||
BorderRadius.circular(AppConstants().normal_container_radius),
|
||
),
|
||
child: Padding(
|
||
padding: EdgeInsetsDirectional.fromSTEB(30.rpx, 35.rpx, 30.rpx, 35.rpx),
|
||
child: Container(
|
||
width: double.infinity,
|
||
decoration: BoxDecoration(),
|
||
child: Column(
|
||
mainAxisSize: MainAxisSize.max,
|
||
children: [
|
||
Container(
|
||
width: double.infinity,
|
||
decoration: BoxDecoration(),
|
||
child: Row(
|
||
mainAxisSize: MainAxisSize.max,
|
||
children: [
|
||
Container(
|
||
width: 110.rpx,
|
||
decoration: BoxDecoration(),
|
||
child: Text(
|
||
'设备ID'.tr,
|
||
style: TextStyle(
|
||
fontSize: 26.rpx,
|
||
color: themeController.currentColor.sc3,
|
||
),
|
||
),
|
||
),
|
||
Expanded(
|
||
child: Container(
|
||
decoration: BoxDecoration(
|
||
color: themeController.currentColor.sc15,
|
||
borderRadius: BorderRadius.circular(
|
||
AppConstants().normal_container_radius),
|
||
),
|
||
height: AppConstants().dropdown_height,
|
||
child: THFlutterFlowDropDown<String>(
|
||
onChanged: (val) {
|
||
widget.model['id'] = val;
|
||
},
|
||
width: 200.rpx,
|
||
height: 40.rpx,
|
||
textStyle: TextStyle(
|
||
color: themeController.currentColor.sc3,
|
||
fontSize: AppConstants().normal_text_fontSize,
|
||
),
|
||
hintText: '选择设备'.tr,
|
||
hintTextStyle: TextStyle(
|
||
color: themeController.currentColor.sc4,
|
||
fontSize: AppConstants().normal_text_fontSize,
|
||
),
|
||
icon: Icon(
|
||
Icons.keyboard_arrow_down_rounded,
|
||
color: FlutterFlowTheme.of(context).secondaryText,
|
||
size: 24.rpx,
|
||
),
|
||
fillColor: themeController.currentColor.sc15,
|
||
elevation: 0,
|
||
borderColor: Colors.transparent,
|
||
borderWidth: 0,
|
||
borderRadius: 20.rpx,
|
||
margin: EdgeInsetsDirectional.fromSTEB(
|
||
20.rpx, 0, 20.rpx, 0),
|
||
hidesUnderline: true,
|
||
isOverButton: false,
|
||
isSearchable: false,
|
||
isMultiSelect: false,
|
||
controller: _deviceController,
|
||
options: repairController.deviceListId!,
|
||
optionLabels: repairController.deviceListId!,
|
||
),
|
||
),
|
||
),
|
||
].divide(SizedBox(width: 24.rpx)),
|
||
),
|
||
),
|
||
Container(
|
||
width: double.infinity,
|
||
decoration: BoxDecoration(),
|
||
child: Row(
|
||
mainAxisSize: MainAxisSize.max,
|
||
children: [
|
||
Container(
|
||
width: 110.rpx,
|
||
decoration: BoxDecoration(),
|
||
child: Text(
|
||
'设备参数'.tr,
|
||
style: TextStyle(
|
||
fontSize: 26.rpx,
|
||
color: themeController.currentColor.sc3,
|
||
),
|
||
maxLines: 2,
|
||
overflow: TextOverflow.ellipsis,
|
||
),
|
||
),
|
||
Expanded(
|
||
child: Container(
|
||
width: 200.rpx,
|
||
decoration: BoxDecoration(
|
||
borderRadius: BorderRadius.circular(10.rpx),
|
||
color: Colors.transparent,
|
||
),
|
||
child: TextFormField(
|
||
controller: repairController.onReDraw(
|
||
TextEditingController(
|
||
text: widget.model['param']),
|
||
(textEditingController) {
|
||
textEditingController.text = widget.model['param'];
|
||
}),
|
||
// initialValue: widget.model['param'],
|
||
autofocus: false,
|
||
obscureText: false,
|
||
decoration: InputDecoration(
|
||
isDense: true,
|
||
labelStyle: TextStyle(
|
||
letterSpacing: 0.0,
|
||
fontWeight: FlutterFlowTheme.of(context)
|
||
.labelMedium
|
||
.fontWeight,
|
||
fontStyle: FlutterFlowTheme.of(context)
|
||
.labelMedium
|
||
.fontStyle,
|
||
),
|
||
hintText: "设备参数提示".tr,
|
||
hintStyle: TextStyle(
|
||
letterSpacing: 0.0,
|
||
fontSize: AppConstants().normal_text_fontSize,
|
||
color: themeController.currentColor.sc4,
|
||
),
|
||
enabledBorder: OutlineInputBorder(
|
||
borderSide: BorderSide(
|
||
color: Color(0x00000000),
|
||
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),
|
||
),
|
||
errorBorder: OutlineInputBorder(
|
||
borderSide: BorderSide(
|
||
color: FlutterFlowTheme.of(context).error,
|
||
width: 1.rpx,
|
||
),
|
||
borderRadius: BorderRadius.circular(8.rpx),
|
||
),
|
||
focusedErrorBorder: OutlineInputBorder(
|
||
borderSide: BorderSide(
|
||
color: FlutterFlowTheme.of(context).error,
|
||
width: 1.rpx,
|
||
),
|
||
borderRadius: BorderRadius.circular(8.rpx),
|
||
),
|
||
filled: true,
|
||
fillColor: themeController.currentColor.sc15,
|
||
),
|
||
style: TextStyle(
|
||
letterSpacing: 0.0,
|
||
color: themeController.currentColor.sc3,
|
||
fontSize: AppConstants().normal_text_fontSize,
|
||
),
|
||
cursorColor: themeController.currentColor.sc3,
|
||
onChanged: (value) {
|
||
widget.model['param'] = value;
|
||
},
|
||
),
|
||
),
|
||
),
|
||
].divide(SizedBox(width: 24.rpx)),
|
||
),
|
||
),
|
||
Container(
|
||
width: double.infinity,
|
||
height: 151.rpx,
|
||
decoration: BoxDecoration(
|
||
color: themeController.currentColor.sc15,
|
||
borderRadius: BorderRadius.circular(20.rpx),
|
||
),
|
||
child: Container(
|
||
width: 200.rpx,
|
||
child: TextFormField(
|
||
onChanged: (value) {
|
||
widget.model['issue'] = value;
|
||
},
|
||
maxLines: null, // 👈 支持无限行
|
||
controller: TextEditingController(),
|
||
autofocus: false,
|
||
obscureText: false,
|
||
decoration: InputDecoration(
|
||
isDense: true,
|
||
labelStyle: TextStyle(
|
||
letterSpacing: 0.0,
|
||
fontWeight:
|
||
FlutterFlowTheme.of(context).labelMedium.fontWeight,
|
||
fontStyle:
|
||
FlutterFlowTheme.of(context).labelMedium.fontStyle,
|
||
),
|
||
hintText: '问题描述'.tr,
|
||
hintStyle: TextStyle(
|
||
fontSize: 26.rpx,
|
||
letterSpacing: 0.0,
|
||
color: themeController.currentColor.sc4,
|
||
),
|
||
enabledBorder: OutlineInputBorder(
|
||
borderSide: BorderSide(
|
||
color: Color(0x00000000),
|
||
width: 1,
|
||
),
|
||
borderRadius: BorderRadius.circular(8.rpx),
|
||
),
|
||
focusedBorder: OutlineInputBorder(
|
||
borderSide: BorderSide(
|
||
color: Color(0x00000000),
|
||
width: 1,
|
||
),
|
||
borderRadius: BorderRadius.circular(8.rpx),
|
||
),
|
||
errorBorder: OutlineInputBorder(
|
||
borderSide: BorderSide(
|
||
color: FlutterFlowTheme.of(context).error,
|
||
width: 1,
|
||
),
|
||
borderRadius: BorderRadius.circular(8.rpx),
|
||
),
|
||
focusedErrorBorder: OutlineInputBorder(
|
||
borderSide: BorderSide(
|
||
color: FlutterFlowTheme.of(context).error,
|
||
width: 1,
|
||
),
|
||
borderRadius: BorderRadius.circular(8.rpx),
|
||
),
|
||
filled: false,
|
||
contentPadding: EdgeInsets.symmetric(
|
||
vertical: 20.rpx, horizontal: 20.rpx),
|
||
),
|
||
style: TextStyle(
|
||
color: themeController.currentColor.sc3,
|
||
fontSize: AppConstants().normal_text_fontSize,
|
||
),
|
||
cursorColor: themeController.currentColor.sc3,
|
||
),
|
||
),
|
||
),
|
||
ClickableContainer(
|
||
backgroundColor: themeController.currentColor.sc15,
|
||
highlightColor: themeController.currentColor.sc21,
|
||
borderRadius: 20.rpx,
|
||
padding: EdgeInsets.zero,
|
||
onTap: () async {
|
||
ApiResponse apiResponse = await repairController.uploadImg();
|
||
print(apiResponse);
|
||
if (apiResponse.code == HttpStatusCodes.ok) {
|
||
print(widget.model);
|
||
// setState(() {
|
||
// widget.model['path'] = apiResponse.data['path'];
|
||
// });
|
||
widget.model['path'] = apiResponse.data['path'];
|
||
repairController.repairList
|
||
.refresh(); // 通知 Obx 更新（如果用了 GetX）
|
||
print(widget.model);
|
||
} else {
|
||
TopSlideNotification.show(
|
||
context,
|
||
text: apiResponse.msg!,
|
||
textColor: apiResponse.code == HttpStatusCodes.ok
|
||
? themeController.currentColor.sc2
|
||
: themeController.currentColor.sc9,
|
||
);
|
||
}
|
||
},
|
||
child: SizedBox(
|
||
width: double.infinity,
|
||
height: MediaQuery.sizeOf(context).height * 0.203,
|
||
child: ConstrainedBox(
|
||
constraints: BoxConstraints(
|
||
minHeight: 151.rpx,
|
||
),
|
||
child: Obx(() {
|
||
var list = repairController.repairList;
|
||
print(list);
|
||
if (widget.model['path'] == null ||
|
||
widget.model['path'] == "") {
|
||
return Column(
|
||
mainAxisSize: MainAxisSize.max,
|
||
mainAxisAlignment: MainAxisAlignment.center,
|
||
children: [
|
||
Container(
|
||
width: 60.rpx,
|
||
height: 53.rpx,
|
||
child: SvgPicture.asset(
|
||
'assets/img/icon/camera.svg',
|
||
width: 24.rpx,
|
||
height: 24.rpx,
|
||
color: themeController.currentColor.sc4,
|
||
),
|
||
),
|
||
Text(
|
||
'上传提示'.tr,
|
||
style: TextStyle(
|
||
fontSize: 26.rpx,
|
||
letterSpacing: 0.0,
|
||
color: themeController.currentColor.sc4,
|
||
),
|
||
),
|
||
].divide(SizedBox(height: 28.rpx)),
|
||
);
|
||
}
|
||
return Container(
|
||
// clipBehavior: Clip.antiAlias,
|
||
child: Image.network(
|
||
widget.model['path'],
|
||
fit: BoxFit.cover,
|
||
),
|
||
);
|
||
})),
|
||
),
|
||
),
|
||
if (widget.length > 1)
|
||
Padding(
|
||
padding: EdgeInsetsDirectional.fromSTEB(
|
||
100.rpx, 0.rpx, 100.rpx, 0.rpx),
|
||
child: CustomCard(
|
||
borderRadius:
|
||
AppConstants().button_container_radius, // 圆角半径
|
||
onTap: widget.onTap,
|
||
colors: [
|
||
Colors.transparent,
|
||
],
|
||
child: Container(
|
||
decoration: BoxDecoration(
|
||
color: Colors.transparent,
|
||
borderRadius: BorderRadius.circular(
|
||
AppConstants().button_container_radius),
|
||
),
|
||
width: MediaQuery.sizeOf(context).width * 0.216,
|
||
height: MediaQuery.sizeOf(context).height * 0.038,
|
||
constraints: BoxConstraints(
|
||
minHeight: 62.rpx,
|
||
),
|
||
child: Row(
|
||
mainAxisSize: MainAxisSize.max,
|
||
mainAxisAlignment: MainAxisAlignment.center,
|
||
children: [
|
||
Text(
|
||
'删除'.tr,
|
||
style: FlutterFlowTheme.of(context)
|
||
.bodyMedium
|
||
.override(
|
||
color: themeController.currentColor.sc9,
|
||
fontFamily: 'Inter',
|
||
fontSize: AppConstants().normal_text_fontSize,
|
||
letterSpacing: 0.0,
|
||
),
|
||
),
|
||
].divide(SizedBox(
|
||
width: 17.rpx,
|
||
)),
|
||
),
|
||
),
|
||
),
|
||
),
|
||
].divide(SizedBox(height: 29.rpx)),
|
||
),
|
||
),
|
||
),
|
||
);
|
||
}
|
||
}
|