688 lines
41 KiB
Dart
688 lines
41 KiB
Dart
import 'package:ef/ef.dart';
|
||
import 'package:flutter/material.dart';
|
||
import 'package:flutter/services.dart';
|
||
import 'package:flutterflow_ui/flutterflow_ui.dart';
|
||
import 'package:timeline_tile/timeline_tile.dart';
|
||
import 'package:vbvs_app/common/util/FitTool.dart';
|
||
import 'package:vbvs_app/common/util/MyUtils.dart';
|
||
import 'package:vbvs_app/pages/mh_page/repair_process_widget.dart';
|
||
|
||
import '../../component/img/img_preview_widget.dart';
|
||
import '../../controller/mh_controller/apply_repair_controller.dart';
|
||
import '../../controller/mh_controller/repair_info_controller.dart';
|
||
|
||
class RepairHistoryListPage extends GetView<RepairInfoController> {
|
||
Map data;
|
||
RepairHistoryListPage({Key? key, required this.data});
|
||
final scaffoldKey = GlobalKey<ScaffoldState>();
|
||
|
||
BoxConstraints? bodysize;
|
||
|
||
@override
|
||
Widget build(BuildContext context) {
|
||
List list = data['flow'];
|
||
return LayoutBuilder(builder: (context, cc) {
|
||
bodysize = cc;
|
||
return WillPopScope(
|
||
child: GestureDetector(
|
||
// onTap: () => FocusScope.of(context).unfocus(),,
|
||
child: Container(
|
||
decoration: const BoxDecoration(
|
||
image: DecorationImage(
|
||
image: AssetImage('assets/images/new_background.png'), // 本地图片
|
||
fit: BoxFit.fill, // 填满整个 Container
|
||
),
|
||
),
|
||
child: Scaffold(
|
||
// key: scaffoldKey,
|
||
backgroundColor: Colors.transparent,
|
||
appBar: AppBar(
|
||
systemOverlayStyle: SystemUiOverlayStyle(
|
||
statusBarColor: Colors.transparent, // 状态栏背景色
|
||
statusBarIconBrightness: Brightness.light, // 图标颜色（Android）
|
||
statusBarBrightness: Brightness.light, // 图标颜色（iOS）
|
||
),
|
||
backgroundColor: Colors.transparent,
|
||
iconTheme: const IconThemeData(color: Colors.white),
|
||
automaticallyImplyLeading: false,
|
||
titleSpacing: 0,
|
||
title: SizedBox(
|
||
width: double.infinity,
|
||
height: 180.rpx,
|
||
child: Stack(
|
||
alignment: Alignment.center,
|
||
children: [
|
||
// 中间居中的标题
|
||
Text(
|
||
'详情'.tr,
|
||
textAlign: TextAlign.center,
|
||
style: TextStyle(
|
||
color: Colors.white,
|
||
fontSize: 30.rpx,
|
||
),
|
||
),
|
||
// 左侧图标
|
||
Positioned(
|
||
left: 0.rpx,
|
||
child: returnIconButtomNew(),
|
||
),
|
||
],
|
||
),
|
||
),
|
||
centerTitle: false,
|
||
),
|
||
|
||
body: Container(
|
||
width: bodysize!.maxWidth,
|
||
height: bodysize!.maxHeight * 1,
|
||
child: Column(
|
||
mainAxisSize: MainAxisSize.max,
|
||
children: [
|
||
Expanded(
|
||
child: Padding(
|
||
padding: EdgeInsetsDirectional.fromSTEB(
|
||
30.rpx, 30.rpx, 30.rpx, 0),
|
||
child: Container(
|
||
width: bodysize!.maxWidth,
|
||
height: bodysize!.maxHeight * 1,
|
||
child: SingleChildScrollView(
|
||
child: Column(
|
||
mainAxisSize: MainAxisSize.max,
|
||
children: [
|
||
Padding(
|
||
padding: EdgeInsetsDirectional.fromSTEB(
|
||
0, 0, 0, 20.rpx),
|
||
child: Container(
|
||
width: MediaQuery.sizeOf(context).width,
|
||
decoration: BoxDecoration(
|
||
color: Color(0xFF003058), //true
|
||
borderRadius: BorderRadius.circular(8),
|
||
),
|
||
child: Padding(
|
||
padding: EdgeInsetsDirectional.fromSTEB(
|
||
34.rpx, 10, 0, 35.rpx),
|
||
child: Container(
|
||
decoration: const BoxDecoration(),
|
||
child: Column(
|
||
mainAxisSize: MainAxisSize.max,
|
||
children: [
|
||
Align(
|
||
alignment:
|
||
const AlignmentDirectional(
|
||
-1, 0),
|
||
child: Text(
|
||
// 'SWES01号智能一键入眠床',
|
||
data['device'][0]['name'] ??
|
||
'-',
|
||
style: TextStyle(
|
||
fontFamily: 'Readex Pro',
|
||
fontSize: 30.rpx,
|
||
letterSpacing: 0,
|
||
color: Colors.white,
|
||
),
|
||
),
|
||
),
|
||
Align(
|
||
alignment:
|
||
const AlignmentDirectional(
|
||
-1, 0),
|
||
child: Text(
|
||
'系列:'.tr +
|
||
(data['device'][0]
|
||
['category'] ??
|
||
'-'),
|
||
style: TextStyle(
|
||
fontFamily: 'Readex Pro',
|
||
color:
|
||
const Color(0xFF929699),
|
||
fontSize: 26.rpx,
|
||
letterSpacing: 0,
|
||
),
|
||
),
|
||
),
|
||
Align(
|
||
alignment:
|
||
const AlignmentDirectional(
|
||
-1, 0),
|
||
child: Text(
|
||
'型号:'.tr +
|
||
(data['device'][0]
|
||
['series'] ??
|
||
'-'),
|
||
style: TextStyle(
|
||
fontFamily: 'Readex Pro',
|
||
color:
|
||
const Color(0xFF929699),
|
||
fontSize: 26.rpx,
|
||
letterSpacing: 0,
|
||
),
|
||
),
|
||
),
|
||
Align(
|
||
alignment:
|
||
const AlignmentDirectional(
|
||
-1, 0),
|
||
child: Text(
|
||
'序列号:'.tr +
|
||
(data['device'][0]
|
||
['mac'.tr] ??
|
||
'-'),
|
||
style: TextStyle(
|
||
fontFamily: 'Readex Pro',
|
||
color:
|
||
const Color(0xFF929699),
|
||
fontSize: 26.rpx,
|
||
letterSpacing: 0,
|
||
),
|
||
),
|
||
),
|
||
Align(
|
||
alignment:
|
||
const AlignmentDirectional(
|
||
-1, 0),
|
||
child: Text(
|
||
'报修单号:'.tr +
|
||
(data['_id'] ?? '-'),
|
||
style: TextStyle(
|
||
fontFamily: 'Readex Pro',
|
||
color:
|
||
const Color(0xFF929699),
|
||
fontSize: 26.rpx,
|
||
letterSpacing: 0,
|
||
),
|
||
),
|
||
),
|
||
Align(
|
||
alignment:
|
||
const AlignmentDirectional(
|
||
-1, 0),
|
||
child: Text(
|
||
'提交时间:'.tr +
|
||
(MyUtils
|
||
.timestampToDateString(
|
||
data[
|
||
'create_time']!)),
|
||
style: TextStyle(
|
||
fontFamily: 'Readex Pro',
|
||
color:
|
||
const Color(0xFF929699),
|
||
fontSize: 26.rpx,
|
||
letterSpacing: 0,
|
||
),
|
||
),
|
||
),
|
||
Align(
|
||
alignment:
|
||
const AlignmentDirectional(
|
||
-1, 0),
|
||
child: Text(
|
||
'问题描述:'.tr +
|
||
(data['device'][0]
|
||
['desc'] ??
|
||
'未命名'.tr),
|
||
style: TextStyle(
|
||
fontFamily: 'Readex Pro',
|
||
color:
|
||
const Color(0xFF929699),
|
||
fontSize: 26.rpx,
|
||
letterSpacing: 0,
|
||
),
|
||
),
|
||
),
|
||
Padding(
|
||
padding:
|
||
const EdgeInsetsDirectional
|
||
.fromSTEB(0, 10, 0, 0),
|
||
child: Container(
|
||
width:
|
||
MediaQuery.sizeOf(context)
|
||
.width,
|
||
// height:
|
||
// MediaQuery.sizeOf(context)
|
||
// .height *
|
||
// 0.15,
|
||
constraints:
|
||
const BoxConstraints(
|
||
|
||
// minHeight: 140,
|
||
),
|
||
child: Container(
|
||
width: 90,
|
||
height: 90,
|
||
child: ListView(
|
||
shrinkWrap: true,
|
||
scrollDirection:
|
||
Axis.horizontal,
|
||
children: getImage(
|
||
data['device']
|
||
[0]
|
||
['img']!)
|
||
.divide(
|
||
const SizedBox(
|
||
width: 12,
|
||
))
|
||
.addToStart(
|
||
const SizedBox(
|
||
width: 0,
|
||
)))),
|
||
)),
|
||
]
|
||
.divide(const SizedBox(height: 5))
|
||
.addToStart(const SizedBox(
|
||
height: 5,
|
||
)),
|
||
),
|
||
)),
|
||
),
|
||
),
|
||
Padding(
|
||
padding: const EdgeInsetsDirectional.fromSTEB(
|
||
0, 25, 0, 25), // 设置上下间距为 34
|
||
child: Align(
|
||
alignment:
|
||
AlignmentDirectional.centerStart, // 文字左对齐
|
||
child: Text(
|
||
'报修状态'.tr,
|
||
style: TextStyle(
|
||
fontFamily: 'Readex Pro',
|
||
color: Colors.white,
|
||
fontSize: 30.rpx,
|
||
letterSpacing: 0.0,
|
||
),
|
||
),
|
||
),
|
||
),
|
||
Container(
|
||
width: bodysize!.maxWidth, // 设置宽度自适应
|
||
child: ListView.builder(
|
||
shrinkWrap: true, // 让ListView根据内容自适应高度
|
||
physics:
|
||
const NeverScrollableScrollPhysics(), // 禁用内部滚动，交由外部滚动视图处理
|
||
itemCount: list.length,
|
||
itemBuilder: (context, index) {
|
||
bool isLast = index == list.length - 1;
|
||
return TimelineTile(
|
||
isFirst: index == 0,
|
||
isLast: isLast,
|
||
axis: TimelineAxis.vertical, // 垂直方向时间轴
|
||
alignment: TimelineAlign.start, // 线条左对齐
|
||
lineXY: 0.5, // 线条和圆圈相对位置
|
||
indicatorStyle: IndicatorStyle(
|
||
width: 15.rpx, // 圆圈的宽度
|
||
padding: const EdgeInsets.all(
|
||
1), // 避免线条进入圆圈内部
|
||
indicatorXY: 0.2, // 圆圈居中
|
||
indicator: Container(
|
||
decoration: BoxDecoration(
|
||
shape: BoxShape.circle,
|
||
border: Border.all(
|
||
color: const Color(
|
||
0xFFC8CBD2), // 最后一个元素为蓝色
|
||
width: 1,
|
||
),
|
||
color: stringToColor("#C8CBD2"),
|
||
),
|
||
),
|
||
),
|
||
beforeLineStyle: LineStyle(
|
||
color:
|
||
stringToColor("#C8CBD2"), // 上方线条颜色
|
||
thickness: 1, // 线条厚度
|
||
),
|
||
afterLineStyle: LineStyle(
|
||
color: stringToColor(
|
||
"#C8CBD2"), // 最后一个节点的线条颜色
|
||
thickness: 1, // 线条厚度
|
||
),
|
||
endChild: Padding(
|
||
padding: EdgeInsets.only(
|
||
left: 10.rpx, top: 2.rpx),
|
||
child: RepairStatusWidget(
|
||
data: data['flow'][index]),
|
||
),
|
||
);
|
||
},
|
||
),
|
||
),
|
||
// Obx(() {
|
||
// if (RepairStatus.completed ==
|
||
// controller
|
||
// .model.applyRepairModel!.status &&
|
||
// controller.model.applyRepairModel!.score ==
|
||
// null) {
|
||
// return Align(
|
||
// alignment: const AlignmentDirectional(1, 0),
|
||
// child: Padding(
|
||
// padding: EdgeInsetsDirectional.fromSTEB(
|
||
// 34.rpx, 66.rpx, 0, 48.rpx),
|
||
// child: Container(
|
||
// width: 61,
|
||
// height:
|
||
// MediaQuery.sizeOf(context).height *
|
||
// 0.03,
|
||
// constraints: const BoxConstraints(
|
||
// minHeight: 24,
|
||
// ),
|
||
// decoration: const BoxDecoration(),
|
||
// child: FFButtonWidget(
|
||
// onPressed: () {
|
||
// Get.toNamed("/scorePage");
|
||
// },
|
||
// text: '待评价',
|
||
// options: FFButtonOptions(
|
||
// height: 40,
|
||
// padding: const EdgeInsetsDirectional
|
||
// .fromSTEB(0, 0, 0, 0),
|
||
// iconPadding:
|
||
// const EdgeInsetsDirectional
|
||
// .fromSTEB(0, 0, 0, 0),
|
||
// // color: FlutterFlowTheme.of(context)
|
||
// // .secondaryBackground,
|
||
// color: Colors.white,
|
||
// textStyle: TextStyle(
|
||
// fontFamily: 'Readex Pro',
|
||
// // color: Color(0xFF333333),
|
||
// // color: stringToColor("#D3B684"),
|
||
// color: stringToColor("#117EFD"),
|
||
// fontSize: 11,
|
||
// letterSpacing: 0,
|
||
// ),
|
||
// elevation: 0,
|
||
// borderSide: BorderSide(
|
||
// // color: Color(0xFFC8CBD2),
|
||
// // color: stringToColor("#D3B684"),
|
||
// color: stringToColor("#117EFD"),
|
||
// width: 1,
|
||
// ),
|
||
// borderRadius:
|
||
// BorderRadius.circular(50),
|
||
// ),
|
||
// ),
|
||
// ),
|
||
// ),
|
||
// );
|
||
// }
|
||
// return Container();
|
||
// }),
|
||
// Obx(() {
|
||
// if (RepairStatus.completed ==
|
||
// controller
|
||
// .model.applyRepairModel!.status &&
|
||
// controller.model.applyRepairModel!.score !=
|
||
// null) {
|
||
// return Padding(
|
||
// padding: EdgeInsetsDirectional.fromSTEB(
|
||
// 0, 0, 0, 10.rpx),
|
||
// child: Container(
|
||
// width: MediaQuery.sizeOf(context).width,
|
||
// decoration: BoxDecoration(
|
||
// color: Colors.white, //true
|
||
// borderRadius:
|
||
// BorderRadius.circular(16.rpx),
|
||
// ),
|
||
// child: Padding(
|
||
// padding: const EdgeInsetsDirectional
|
||
// .fromSTEB(0, 0, 0, 0),
|
||
// child: Container(
|
||
// decoration: const BoxDecoration(),
|
||
// child: Column(
|
||
// mainAxisSize: MainAxisSize.max,
|
||
// children: [
|
||
// Padding(
|
||
// padding:
|
||
// const EdgeInsetsDirectional
|
||
// .fromSTEB(
|
||
// 17, 0, 30, 10),
|
||
// child: Container(
|
||
// width:
|
||
// MediaQuery.sizeOf(context)
|
||
// .width,
|
||
// height: 30,
|
||
// decoration:
|
||
// const BoxDecoration(),
|
||
// child: Align(
|
||
// alignment:
|
||
// const AlignmentDirectional(
|
||
// -1, 0),
|
||
// child: Text(
|
||
// '评价状态',
|
||
// style: TextStyle(
|
||
// fontFamily:
|
||
// 'Readex Pro',
|
||
// color: const Color(
|
||
// 0xFF333333),
|
||
// fontSize: 15,
|
||
// letterSpacing: 0.0,
|
||
// ),
|
||
// ),
|
||
// ),
|
||
// ),
|
||
// ),
|
||
// Align(
|
||
// alignment:
|
||
// const AlignmentDirectional(
|
||
// -1, 0),
|
||
// child: Padding(
|
||
// padding: EdgeInsetsDirectional
|
||
// .fromSTEB(
|
||
// 34.rpx, 0, 0, 0),
|
||
// child: Container(
|
||
// width: MediaQuery.sizeOf(
|
||
// context)
|
||
// .width,
|
||
// constraints:
|
||
// const BoxConstraints(
|
||
// minHeight: 24,
|
||
// ),
|
||
// decoration:
|
||
// const BoxDecoration(),
|
||
// child: // Generated code for this Column Widget...
|
||
// Column(
|
||
// mainAxisSize:
|
||
// MainAxisSize.max,
|
||
// children: [
|
||
// Align(
|
||
// alignment:
|
||
// const AlignmentDirectional(
|
||
// -1, 0),
|
||
// child: Padding(
|
||
// padding:
|
||
// EdgeInsetsDirectional
|
||
// .fromSTEB(
|
||
// 0,
|
||
// 0,
|
||
// 0,
|
||
// 20.rpx),
|
||
// child: Text(
|
||
// // '2023-08-22 12:12:44',
|
||
// MyUtils.formatDateTime(
|
||
// controller
|
||
// .model
|
||
// .applyRepairModel!
|
||
// .score_time!),
|
||
// style: TextStyle(
|
||
// fontFamily:
|
||
// 'Readex Pro',
|
||
// fontSize:
|
||
// AppFontsize
|
||
// .normal_text_size,
|
||
// letterSpacing:
|
||
// 0.0,
|
||
// ),
|
||
// ),
|
||
// ),
|
||
// ),
|
||
// Row(
|
||
// mainAxisSize:
|
||
// MainAxisSize.max,
|
||
// children: [
|
||
// Align(
|
||
// alignment:
|
||
// const AlignmentDirectional(
|
||
// -1, 0),
|
||
// child: Padding(
|
||
// padding:
|
||
// const EdgeInsetsDirectional
|
||
// .fromSTEB(
|
||
// 0,
|
||
// 0,
|
||
// 5,
|
||
// 0),
|
||
// child: Text(
|
||
// '已评价',
|
||
// style:
|
||
// TextStyle(
|
||
// fontFamily:
|
||
// 'Readex Pro',
|
||
// fontSize:
|
||
// AppFontsize
|
||
// .normal_text_size,
|
||
// letterSpacing:
|
||
// 0.0,
|
||
// ),
|
||
// ),
|
||
// ),
|
||
// ),
|
||
// Icon(
|
||
// Icons.star,
|
||
// color: controller
|
||
// .model
|
||
// .applyRepairModel!
|
||
// .score! >=
|
||
// 1
|
||
// ? stringToColor(
|
||
// "#F8AE00")
|
||
// : stringToColor(
|
||
// "#D0D0D0"),
|
||
// size: 14,
|
||
// ),
|
||
// Icon(
|
||
// Icons.star,
|
||
// color: controller
|
||
// .model
|
||
// .applyRepairModel!
|
||
// .score! >=
|
||
// 2
|
||
// ? stringToColor(
|
||
// "#F8AE00")
|
||
// : stringToColor(
|
||
// "#D0D0D0"),
|
||
// size: 14,
|
||
// ),
|
||
// Icon(
|
||
// Icons.star,
|
||
// color: controller
|
||
// .model
|
||
// .applyRepairModel!
|
||
// .score! >=
|
||
// 3
|
||
// ? stringToColor(
|
||
// "#F8AE00")
|
||
// : stringToColor(
|
||
// "#D0D0D0"),
|
||
// size: 14,
|
||
// ),
|
||
// Icon(
|
||
// Icons.star,
|
||
// color: controller
|
||
// .model
|
||
// .applyRepairModel!
|
||
// .score! >=
|
||
// 4
|
||
// ? stringToColor(
|
||
// "#F8AE00")
|
||
// : stringToColor(
|
||
// "#D0D0D0"),
|
||
// size: 14,
|
||
// ),
|
||
// Icon(
|
||
// Icons.star,
|
||
// color: controller
|
||
// .model
|
||
// .applyRepairModel!
|
||
// .score! >=
|
||
// 5
|
||
// ? stringToColor(
|
||
// "#F8AE00")
|
||
// : stringToColor(
|
||
// "#D0D0D0"),
|
||
// size: 14,
|
||
// ),
|
||
// ],
|
||
// ),
|
||
// ],
|
||
// ),
|
||
// ),
|
||
// ),
|
||
// ),
|
||
// ]
|
||
// .divide(
|
||
// const SizedBox(height: 0))
|
||
// .addToStart(const SizedBox(
|
||
// height: 5,
|
||
// ))
|
||
// .addToEnd(const SizedBox(
|
||
// height: 15,
|
||
// )),
|
||
// ),
|
||
// ),
|
||
// ),
|
||
// ),
|
||
// );
|
||
// }
|
||
// return Container();
|
||
// }),
|
||
],
|
||
),
|
||
),
|
||
),
|
||
),
|
||
),
|
||
],
|
||
),
|
||
),
|
||
),
|
||
)),
|
||
onWillPop: () async {
|
||
// 处理返回事件，比如弹出提示框等
|
||
print("页面返回事件".tr);
|
||
return true; // 返回 true 允许页面返回，返回 false 阻止页面返回
|
||
},
|
||
);
|
||
});
|
||
}
|
||
|
||
// List<Widget> getImage(List<dynamic> imgurl) {
|
||
// List<Widget> images = [];
|
||
// ApplyRepairController controller = Get.find();
|
||
// imgurl!.forEach((element) async {
|
||
// images.add(
|
||
// Container(
|
||
// child: ImgPreviewWidget(
|
||
// imgUrl: element,
|
||
// index: imgurl!.indexOf(element),
|
||
// applyRepairController: controller,
|
||
// isDel: false,
|
||
// ),
|
||
// ),
|
||
// );
|
||
// });
|
||
// return images;
|
||
// }
|
||
List<Widget> getImage(List<dynamic> imgurl) {
|
||
ApplyRepairController controller = Get.find();
|
||
return imgurl.map<Widget>((element) {
|
||
return SizedBox(
|
||
width: 90,
|
||
height: 90,
|
||
child: ImgPreviewWidget(
|
||
imgUrl: element,
|
||
index: imgurl.indexOf(element),
|
||
applyRepairController: controller,
|
||
isDel: false,
|
||
),
|
||
);
|
||
}).toList();
|
||
}
|
||
}
|