import 'package:cached_network_image/cached_network_image.dart'; import 'package:dating_touchme_app/components/page_appbar.dart'; import 'package:dating_touchme_app/controller/mine/real_feedback_controller.dart'; import 'package:dating_touchme_app/extension/ex_widget.dart'; import 'package:dating_touchme_app/generated/assets.dart'; import 'package:flutter/material.dart'; import 'package:flutter_screenutil/flutter_screenutil.dart'; import 'package:flutter_smart_dialog/flutter_smart_dialog.dart'; import 'package:get/get.dart'; import 'package:tdesign_flutter/tdesign_flutter.dart'; class RealFeedbackPage extends StatelessWidget { final int type; const RealFeedbackPage({super.key, required this.type}); void _showAvatarPopup(RealFeedbackController controller){ Navigator.of(Get.context!).push( TDSlidePopupRoute( slideTransitionFrom: SlideTransitionFrom.bottom, builder: (context) { return Container( height: 176, decoration: BoxDecoration( color: Colors.white, borderRadius: BorderRadius.only( topLeft: Radius.circular(12.0), topRight: Radius.circular(12.0), ), ), child: Column( children: [ ClipRRect( borderRadius: BorderRadius.only( topLeft: Radius.circular(12.0), topRight: Radius.circular(12.0), ), child: TDCell( arrow: false, titleWidget: Center( child: Text('拍照', style: TextStyle(fontSize: 16.w, color: const Color.fromRGBO(51, 51, 51, 1))), ), style: TDCellStyle( padding: EdgeInsets.all(TDTheme.of(context).spacer16), clickBackgroundColor: TDTheme.of(context).bgColorContainerHover, cardBorderRadius: BorderRadius.only( topLeft: Radius.circular(12.0), topRight: Radius.circular(12.0), ) ), onClick: (cell) async{ Navigator.pop(context); if(9 - controller.imgList.length == 1){ await controller.handleCameraCapture(); } else { if(controller.imgList.length >= 9){ SmartDialog.showToast('超出数量限制，请先删除再尝试上传'); return; } await controller.handleCameraCapture(); } }, ), ), const TDDivider(), TDCell( arrow: false, titleWidget: Center( child: Text('从相册选择'), ), onClick: (cell) async{ Navigator.pop(context); if(9 - controller.imgList.length == 1){ await controller.handleGallerySelection(); } else { if(controller.imgList.length >= 9){ SmartDialog.showToast('超出数量限制，请先删除再尝试上传'); return; } await controller.handleMultiGallerySelection(); } }, ), Expanded( child: Container( color: Color(0xFFF3F3F3), ), ), TDCell( arrow: false, titleWidget: Center( child: Text('取消'), ), onClick: (cell){ Navigator.pop(context); }, ), ], ), ); }), ); } @override Widget build(BuildContext context) { return GetX( init: RealFeedbackController(type: type), builder: (controller){ return Stack( children: [ Container( width: 375.w, height: 812.h, color: Colors.white, ), Positioned( top: -320.w, left: -270.w, child: Image.asset( Assets.imagesFeedbackBg, width: 971.75.w, height: 781.25.w, fit: BoxFit.cover, ), ), Positioned( top: 53.w, left: 207.w, child: Image.asset( Assets.imagesFeedbackIcon, width: 140.w, height: 140.w, ), ), Scaffold( appBar: PageAppbar(title: "", backgroundColor: Colors.transparent,), backgroundColor: Colors.transparent, body: Column( crossAxisAlignment: CrossAxisAlignment.start, children: [ Container( padding: EdgeInsets.symmetric( vertical: 22.w, horizontal: 14.w ), child: Column( crossAxisAlignment: CrossAxisAlignment.start, children: [ Text( "意见反馈", style: TextStyle( fontSize: 21.w, fontWeight: FontWeight.w500 ), ), SizedBox(height: 5.w,), Text( "Hi,给出你的小建议吧~", style: TextStyle( fontSize: 13.w, fontWeight: FontWeight.w500 ), ), ], ), ), Expanded( child: Container( width: 375.w, padding: EdgeInsets.symmetric( vertical: 11.w, horizontal: 14.w ), decoration: BoxDecoration( borderRadius: BorderRadius.vertical(top: Radius.circular(9.w)), color: Colors.white ), child: SingleChildScrollView( child: Column( crossAxisAlignment: CrossAxisAlignment.start, children: [ RichText( text: TextSpan( style: TextStyle( fontSize: 16.w, fontWeight: FontWeight.w500 ), children: [ TextSpan( text: "选择问题的类型", style: TextStyle( color: const Color.fromRGBO(51, 51, 51, 1) ) ), TextSpan( text: "*", style: TextStyle( color: const Color.fromRGBO(248, 85, 66, 1) ) ) ] ), ), SizedBox(height: 11.w,), Wrap( alignment: WrapAlignment.spaceBetween, spacing: 10.w, runSpacing: 10.w, children: [ ...controller.tagList.asMap().entries.map((entry){ return TagItem(item: entry.value, index: entry.key, active: controller.active.value, changeActive: controller.changeActive,); }), ], ), SizedBox(height: 20.w,), RichText( text: TextSpan( style: TextStyle( fontSize: 16.w, fontWeight: FontWeight.w500 ), children: [ TextSpan( text: "问题描述", style: TextStyle( color: const Color.fromRGBO(51, 51, 51, 1) ) ), TextSpan( text: "*", style: TextStyle( color: const Color.fromRGBO(248, 85, 66, 1) ) ) ] ), ), SizedBox(height: 11.w,), Container( padding: EdgeInsets.all(14.w), decoration: BoxDecoration( borderRadius: BorderRadius.all(Radius.circular(8.w)), color: const Color.fromRGBO(245, 245, 245, 1) ), child: TextField( controller: controller.messageController.value, maxLength: 500, // 上限 minLines: 5, // 多行 maxLines: 5, // 自适应高度 style: TextStyle( fontSize: ScreenUtil().setWidth(13), height: 1 ), decoration: InputDecoration( contentPadding: EdgeInsets.symmetric( vertical: 0, horizontal: 0 ), hintText: "请输入您的宝贵的建议", border: const OutlineInputBorder( borderSide: BorderSide.none, // 这将移除边框 // 可选：设置圆角 ), // 如果你希望聚焦时和未聚焦时都没有边框，也可以设置 focusedBorder 和 enabledBorder focusedBorder: const OutlineInputBorder( borderSide: BorderSide.none, borderRadius: BorderRadius.all(Radius.circular(8.0)), ), enabledBorder: const OutlineInputBorder( borderSide: BorderSide.none, borderRadius: BorderRadius.all(Radius.circular(8.0)), ), ), onChanged: (value){ controller.message.value = value; }, ), ), SizedBox(height: 10.w,), Wrap( spacing: 10.w, runSpacing: 10.w, children: [ ...controller.imgList.map((e){ return Stack( children: [ CachedNetworkImage( imageUrl: e, width: 70.w, height: 70.w, fit: BoxFit.cover, ), Positioned( left: 5.w, top: 5.w, child: Container( width: 20.w, height: 20.w, decoration: BoxDecoration( borderRadius: BorderRadius.all(Radius.circular(20.w)), color: const Color.fromRGBO(0, 0, 0, .3) ), child: Icon( Icons.close, size: 20.w, ), ).onTap((){ controller.imgList.remove(e); }), ) ], ); }), Container( width: 70.w, height: 70.w, decoration: BoxDecoration( borderRadius: BorderRadius.all(Radius.circular(8.w)), border: Border.all(width: 1, color: const Color.fromRGBO(224, 224, 224, 1)) ), child: Center( child: Icon( Icons.add, size: 18.w, color: const Color.fromRGBO(144, 144, 144, 1), ), ), ).onTap((){ _showAvatarPopup(controller); }) ], ), SizedBox(height: 10.w,), Text( "上传问题截图可以让问题快速解决！", style: TextStyle( fontSize: 11.w, color: const Color.fromRGBO(189, 189, 189, 1) ), ), Container( margin: EdgeInsets.symmetric(vertical: 30.w), child: Container( width: 350.w, height: 45.w, decoration: BoxDecoration( borderRadius: BorderRadius.all(Radius.circular(45.w)), gradient: LinearGradient( begin: Alignment.centerLeft, // 90deg: 从左到右 end: Alignment.centerRight, colors: [ Color.fromRGBO(131, 89, 255, 1), // 起点颜色 Color.fromRGBO(77, 127, 231, 1), // 中间颜色 Color.fromRGBO(61, 138, 224, 1), // 终点颜色 ], stops: [0.0, 0.7753, 1.0], // 对应 0%、77.53%、100% ), ), child: Center( child: Text( "确认", style: TextStyle( fontSize: 18.w, color: Colors.white, fontWeight: FontWeight.w500 ), ), ), ), ).onTap((){ controller.sendFeedback(); }) ], ), ), ), ) ], ), ) ], ); }, ); } } class TagItem extends StatefulWidget { final Map item; final int index; final int active; final void Function(int) changeActive; const TagItem({super.key, required this.item, required this.index, required this.active, required this.changeActive}); @override State createState() => _TagItemState(); } class _TagItemState extends State { @override Widget build(BuildContext context) { return Stack( children: [ Container( padding: EdgeInsets.symmetric( vertical: 9.w, horizontal: 14.w ), decoration: BoxDecoration( borderRadius: BorderRadius.all(Radius.circular(8.w)), border: Border.all(width: 1, color: widget.item["value"] == widget.active ? const Color.fromRGBO(117, 98, 249, 1) : const Color.fromRGBO(207, 207, 207, 1)), color: widget.item["value"] == widget.active ? const Color.fromRGBO(194, 195, 255, 0.2) : Colors.transparent ), child: Text( widget.item["label"], style: TextStyle( fontSize: 13.w ), ), ).onTap((){ widget.changeActive(widget.item["value"]); }), if(widget.active == widget.item["value"])Positioned( bottom: 0, right: 0, child: Container( width: 17.w, height: 13.w, decoration: BoxDecoration( borderRadius: BorderRadius.only( topLeft: Radius.circular(8.w), bottomRight: Radius.circular(8.w) ), color: const Color.fromRGBO(117, 98, 249, 1) ), child: Center( child: Image.asset( Assets.imagesCheck, width: 6.w, ), ), ), ) ], ); } }