import 'dart:io'; import 'package:chewie/chewie.dart'; import 'package:flustars/flustars.dart' as flustars; import 'package:flutter/material.dart'; import 'package:flutter/services.dart'; import 'package:flutter_picker/flutter_picker.dart'; import 'package:flutter_screenutil/flutter_screenutil.dart'; import 'package:image_picker/image_picker.dart'; import 'package:liftmanager/common/common.dart'; import 'package:liftmanager/internal/bbs/bbs_router.dart'; import 'package:liftmanager/internal/bbs/page/widgets.dart'; import 'package:liftmanager/net/api_service.dart'; import 'package:liftmanager/res/resources.dart'; import 'package:liftmanager/routers/fluro_navigator.dart'; import 'package:liftmanager/utils/fast_notification.dart'; import 'package:liftmanager/utils/oss_upload.dart'; import 'package:liftmanager/utils/theme_utils.dart'; import 'package:liftmanager/utils/toast.dart'; import 'package:liftmanager/utils/utils.dart'; import 'package:liftmanager/widgets/app_bar.dart'; import 'package:liftmanager/widgets/divider.dart'; import 'package:liftmanager/widgets/selected_image_change.dart'; import 'package:liftmanager/widgets/selected_video_change.dart'; import 'package:shared_preferences/shared_preferences.dart'; import 'package:video_player/video_player.dart'; class InterrogationPage extends StatefulWidget { InterrogationPage(this.brandName, this.brandId); final String brandName; final String brandId; @override State createState() { return InterrogationPageState(); } } class InterrogationPageState extends State { // NewsDetailItem item = NewsDetailItem(); List imagesUrl = []; String videoUrl; String imageUrl; String str; double percent = 0.0; String addressName = ""; String selectDateStr; VideoPlayerController _controller; VideoPlayerController _controllerFile; ChewieController _chewieController; @override void initState() { super.initState(); print(widget.brandName); print(widget.brandId); print(65656); } //图片 upLoadFileOnce(path) { showLoading(context, "正在上传..."); NewApiService().upload(path, onSuccess: (res) { // imagesUrl.add(res.path); dismissLoading(context); setState(() { imagesUrl.add(res.pathUrl); // imageUrl = res.pathUrl; // videoUrl = null; }); }, onError: (code, msg) { dismissLoading(context); toasts(msg); }); } //视频 upLoadFileOnceVideo(path) { showLoading(context, "正在上传..."); NewApiService().upload(path, onSuccess: (res) { // imagesUrl.add(res.path); dismissLoading(context); setState(() { // videoUrl.add(res.pathUrl); // imagesUrlVideo.add(res.coverUrl); }); }, onError: (code, msg) { dismissLoading(context); toasts(msg); }); } @override void dispose() { _controller?.pause(); _controller?.dispose(); _chewieController?.dispose(); // _chewieController.videoPlayerController.dispose(); // _chewieController.setLooping(false); print('销毁'); // _controllerFile.dispose(); super.dispose(); } // void selectImgOrVideo() { // showDialog( // context: context, // builder: (BuildContext context) { // return SimpleDialog( // title: Text("选择"), // children: ["图片", '视频'].map((String value) { // print("$value"); // return SimpleDialogOption( // child: Text( // "${value}", // style: // TextStyle(fontSize: 16, fontWeight: FontWeight.w500), // ), // onPressed: () { // Navigator.of(context).pop(); // value == '图片' // ? selectPicker('image') // : selectPicker("video"); // // if (type == "image") { // // _getImage(value == '拍照' ? 1 : 0); // // } else if (type == "video") { // // _getVideo(value == '拍照' ? 1 : 0); // // } // }, // ); // }).toList()); // }); // } void _uploadImage(filePath) async { showPercent(context, () { dismissLoading(context); toasts("上传失败"); }, () { if (videoUrl == null && str != null) { setState(() { // videoUrl = str; imageUrl = null; videoUrl = str; settingVideo(); print("videoUrl:" + videoUrl); dismissLoading(context); toasts("上传成功"); }); } }); String uploadName = OssUtil.instance.getImageUploadName(filePath); await NewApiService.uploadImage(context, uploadName, filePath).then((data) { if (data.statusCode == 200) { str = NewApiUrl.URL_UPLOAD_IMAGE_OSS + "/" + uploadName; print("str:" + str); print(videoUrl); if (str != null) { Map obj = {"uploadName": uploadName, "success": true}; FastNotification.push("percent", obj); } } else { Map obj = {"uploadName": uploadName, "success": false}; FastNotification.push("percent", obj); } }).catchError((data) { Map obj = {"uploadName": uploadName, "success": false}; FastNotification.push("percent", obj); }); } settingVideo() { _controller?.pause(); _controller?.dispose(); _chewieController?.dispose(); _controller = VideoPlayerController.network(Utils.getImagePath(videoUrl) // imgFontUrl + detailObj.url ); _chewieController = ChewieController( videoPlayerController: _controller, isLive: true, // aspectRatio: 1 / 2, allowFullScreen: false, autoPlay: false, looping: false, //循环播放 // startAt: Duration(seconds: 1,minutes: 1), showControls: true, deviceOrientationsAfterFullScreen: [DeviceOrientation.portraitUp], // 是否在 UI 构建的时候就加载视频 autoInitialize: true, // 拖动条样式颜色 materialProgressColors: new ChewieProgressColors( playedColor: Colors.red, handleColor: Colors.blue, backgroundColor: Colors.grey, bufferedColor: Colors.lightGreen, ), ); } void _getImage(int key) async { try { var _imageFile = await ImagePicker.pickImage( source: key == 1 ? ImageSource.camera : ImageSource.gallery, maxWidth: 800, imageQuality: 95); print(_imageFile); print(3333); if (_imageFile != null) { // images.add(_imageFile); upLoadFileOnce(_imageFile.path); // setState(() {}); } } catch (e) { toasts("没有权限,无法打开相册!"); } } void _getVideo(int key) async { print(key); print(333); try { await ImagePicker.pickVideo( source: key == 1 ? ImageSource.camera : ImageSource.gallery, ).then((File f) async { if (f != null) { _controllerFile = VideoPlayerController.file(f); _controllerFile.initialize().then((val) { // _controllerFile.setLooping(true); int seconds = _controllerFile.value.duration.inSeconds; print("视频时长:$seconds"); int fileSize = f.lengthSync(); //单位B print("视频大小:${fileSize}"); print("视频大小:${f.path}"); if (seconds > 300) { toasts("视频时长不能大于5分钟!"); return; // upLoadFileOnce(_imageFile.path); // setState(() {}); } else {} if (fileSize > (1024 * 1000 * 50)) { toasts("视频不能超过50M!"); return; } _uploadImage(f.path); }).catchError((error) { print(error); print("error"); toasts("上传失败,不支持此格式"); }); } }); } catch (e) { toasts("没有权限,无法打开相册!"); } } ///选择图片 void selectPicker(type) { showDialog( context: context, builder: (BuildContext context) { return SimpleDialog( title: Text("选择方式"), children: ["拍照", '从手机相册选择'].map((String value) { print("$value"); return SimpleDialogOption( child: Text( "${value}", style: TextStyle(fontSize: 16, fontWeight: FontWeight.w500), ), onPressed: () { if (type == "image") { _getImage(value == '拍照' ? 1 : 0); } else if (type == "video") { _getVideo(value == '拍照' ? 1 : 0); } Navigator.of(context).pop(); }, ); }).toList()); }); } void setDataId(int id) async { SharedPreferences prefs = await SharedPreferences.getInstance(); prefs.setInt("dataId", id); } void setType(String type) async { SharedPreferences prefs = await SharedPreferences.getInstance(); prefs.setString("questionType", type); } Widget videoPlay() { if (_controller == null) return Container(); double width = MediaQuery.of(context).size.width; return Container( child: ClipRRect( borderRadius: BorderRadius.circular(5), child: new Chewie(controller: _chewieController), )); } // 焦点控制 // FocusNode _focusNode1 = new FocusNode(); GlobalKey _formKey = new GlobalKey(); TextEditingController _questionController = new TextEditingController(); TextEditingController _methodController = new TextEditingController(); FocusNode blankNode = FocusNode(); DateTime _nowDate = DateTime.now(); //当前日期 DateTime _nowDateTime = DateTime.now(); // DateTime.parse(formatDate(DateTime.now(), // [yyyy, "-", mm, "-", "dd", " ", HH, ":", nn, ":", ss])); //当前日期时间 @override Widget build(BuildContext context) { double width = MediaQuery.of(context).size.width; // 监听FocusNode // _focusNode1.addListener((){ // // _focusNode1.hasFocus 是否聚焦 // print(_focusNode1.hasFocus); // }); _cupertinoDateTimePicker() { List yearList = []; for (var i = 1990; i < DateTime.now().year + 1; i++) { yearList.add('$i年'); } yearList.add('不详'); new Picker( cancelText: "取消", confirmText: "确认", adapter: PickerDataAdapter(pickerdata: yearList), changeToFirst: true, hideHeader: false, onConfirm: (Picker picker, List value) { selectDateStr = picker.getSelectedValues()[0]; // widget.onConfirm(picker.getSelectedValues()[0], value[0]); setState(() {}); }, ).showModal(this.context); // DatePicker.showDatePicker( // context, // minDateTime: DateTime.parse('1990-05-12'), //起始日期 // maxDateTime: DateTime.parse('2020-11-25'), //终止日期 // //initialDateTime: DateTime.parse(formatDate(_selectedDateTime, [yyyy, "-", mm, "-", "dd", " ", HH, ":", nn, ":", ss])), // initialDateTime: _nowDateTime, //当前日期时间 // // dateFormat: "yyyy年M月d日 EEE,H时", //显示格式 // dateFormat: "yyyy年", //显示格式 // // dateFormat: "yyyy年M月d日 ,H时:m分:s秒", //显示格式 // locale: DateTimePickerLocale.zh_cn, //语言 // pickerTheme: DateTimePickerTheme( // showTitle: true, // ), // pickerMode: DateTimePickerMode.date, // show TimePicker // onCancel: () { // debugPrint('onCancel'); // }, // onChange: (dateTime, List index) { // setState(() { // _nowDate = dateTime; // }); // }, // onConfirm: (dateTime, List index) { // setState(() { // _nowDate = dateTime; // print(_nowDate); // print(333333); // }); // }, // ); } return Scaffold( resizeToAvoidBottomPadding: false, //不让键盘弹上去 appBar: MyAppBar( centerTitle: "我要提问", ), body: GestureDetector( onTap: () { // 点击空白页面关闭键盘 FocusScope.of(context).requestFocus(blankNode); }, child: Stack(children: [ Container( padding: EdgeInsets.only(bottom: ScreenUtil().setWidth(80)), child: ListView(children: [ Form( key: _formKey, //设置globalKey,用于后面获取FormState // autovalidate: true, //开启自动校验 child: Column( children: [ Container( padding: EdgeInsets.only( left: ScreenUtil().setWidth(15), right: ScreenUtil().setWidth(15), top: ScreenUtil().setWidth(10), bottom: ScreenUtil().setWidth(10)), child: Row( mainAxisAlignment: MainAxisAlignment.spaceBetween, children: [ Text( "电梯品牌", style: TextStyle(fontSize: ScreenUtil().setSp(14)), textAlign: TextAlign.start, ), Text( widget.brandName, style: TextStyle( color: Color(0xff999999), fontSize: ScreenUtil().setSp(14)), textAlign: TextAlign.start, ), ]), ), CzDivider( margin: EdgeInsets.only(left: ScreenUtil().setWidth(10)), width: double.infinity), SelectCell( title: '电梯出厂日期', subTitle: selectDateStr, onTap: _cupertinoDateTimePicker, ), CzDivider( margin: EdgeInsets.only(left: ScreenUtil().setWidth(10)), width: double.infinity), Row( crossAxisAlignment: CrossAxisAlignment.start, mainAxisAlignment: MainAxisAlignment.start, children: [ Container( margin: EdgeInsets.only( top: ScreenUtil().setHeight(10)), width: ScreenUtil().setWidth(2), height: ScreenUtil().setHeight(13), color: Color(0xFF568AFF), ), Container( padding: EdgeInsets.only( left: ScreenUtil().setWidth(13), top: ScreenUtil().setWidth(10), bottom: ScreenUtil().setWidth(5)), child: Text( "问题描述", style: TextStyle( fontSize: ScreenUtil().setSp(14), ), textAlign: TextAlign.left, ), ), ], ), Container( height: 120, padding: EdgeInsets.only( left: ScreenUtil().setWidth(15), right: ScreenUtil().setWidth(15), bottom: ScreenUtil().setWidth(10)), child: TextFormField( // autofocus: true, maxLength: 100, cursorColor: Color(0xffcccccc), controller: _questionController, maxLines: 5, decoration: InputDecoration( contentPadding: EdgeInsets.all(0), hintText: '请详细描述事故问题和现场情况', hintStyle: TextStyle( color: Color(0xffcccccc), fontSize: ScreenUtil().setSp(13), ), focusedBorder: InputBorder.none, border: InputBorder.none, // filled: true, // 背景色 // fillColor: Colors.cyan.withAlpha(35), // icon: Icon(Icons.person) ), // 校验 validator: (val) { return val.trim().length > 0 ? null : "不能为空"; }), ), CzDivider( margin: EdgeInsets.only(left: ScreenUtil().setWidth(10)), width: double.infinity), Row( crossAxisAlignment: CrossAxisAlignment.start, mainAxisAlignment: MainAxisAlignment.start, children: [ Container( margin: EdgeInsets.only( top: ScreenUtil().setHeight(10)), width: ScreenUtil().setWidth(2), height: ScreenUtil().setHeight(13), color: Color(0xFF568AFF), ), Container( padding: EdgeInsets.only( left: ScreenUtil().setWidth(13), top: ScreenUtil().setWidth(10), bottom: ScreenUtil().setWidth(5)), child: Text( "已尝试方法", style: TextStyle( fontSize: ScreenUtil().setSp(14), ), textAlign: TextAlign.left, ), ), ], ), Container( height: 120, padding: EdgeInsets.only( left: ScreenUtil().setWidth(15), right: ScreenUtil().setWidth(15), bottom: ScreenUtil().setWidth(20)), child: TextFormField( // autofocus: true, maxLength: 100, cursorColor: Color(0xffcccccc), controller: _methodController, maxLines: 5, decoration: InputDecoration( contentPadding: EdgeInsets.all(0), hintText: '请详细描述已尝试方法以及结果', hintStyle: TextStyle( color: Color(0xffcccccc), fontSize: ScreenUtil().setSp(13), ), focusedBorder: InputBorder.none, border: InputBorder.none, // filled: true, // 背景色 // fillColor: Colors.cyan.withAlpha(35), // icon: Icon(Icons.person) ), // 校验 validator: (val) { return val.trim().length > 0 ? null : "不能为空"; }), ), CzDivider( margin: EdgeInsets.only(left: ScreenUtil().setWidth(10)), width: double.infinity), Row( children: [ Container( margin: EdgeInsets.only( top: ScreenUtil().setHeight(10)), width: ScreenUtil().setWidth(2), height: ScreenUtil().setHeight(13), color: Color(0xFF568AFF), ), Container( // width: width, padding: EdgeInsets.only(left: 10, top: 10), child: Text( "上传图片:", style: TextStyle( fontSize: ScreenUtil().setSp(14), ), textAlign: TextAlign.left, ), ), ], ), Container( color: ThemeUtils.getTabsBg(context), child: GridView.builder( shrinkWrap: true, padding: const EdgeInsets.fromLTRB(8.0, 12, 8.0, 12.0), physics: NeverScrollableScrollPhysics(), gridDelegate: SliverGridDelegateWithFixedCrossAxisCount( crossAxisCount: 3, childAspectRatio: 1.18), itemCount: imagesUrl.length >= 9 ? 9 : imagesUrl.length + 1, itemBuilder: (_, index) { return Stack( children: [ Center( child: SelectedImage( image: index < imagesUrl.length ? imagesUrl[index] : null, index: index, onTap: () { if (index >= imagesUrl.length) { selectPicker("image"); } FocusScope.of(context) .requestFocus(FocusNode()); print(index); print(imagesUrl); }), ), index < imagesUrl.length ? Positioned( top: 0, right: 0, child: GestureDetector( onTap: () { print(index); imagesUrl .remove(imagesUrl[index]); setState(() {}); }, child: Icon( const IconData(0xe651, fontFamily: "Iconfont"), size: 24.0, color: Color(0xff999999), ), )) : Container( child: null, ) ], ); }, )), // SizedBox( // height: 6, // child: Container( // color: ThemeUtils.getDialogTextFieldColor(context)), // ), CzDivider( margin: EdgeInsets.only(left: ScreenUtil().setWidth(10)), width: double.infinity), Container( width: width, padding: EdgeInsets.only(left: 15, top: 15), child: Text( "上传视频:", style: TextStyle( fontSize: ScreenUtil().setSp(14), ), textAlign: TextAlign.left, ), ), Container( width: width, padding: EdgeInsets.only(left: 15, bottom: 15), child: Text( "(建议时长3分钟,建议大小50M)", style: TextStyle( color: Colors.red, fontSize: ScreenUtil().setSp(14), ), textAlign: TextAlign.left, ), ), // Container( // color: ThemeUtils.getTabsBg(context), // child: GridView.builder( // shrinkWrap: true, // padding: const EdgeInsets.fromLTRB(8.0, 12, 8.0, 12.0), // physics: NeverScrollableScrollPhysics(), // gridDelegate: SliverGridDelegateWithFixedCrossAxisCount( // crossAxisCount: 3, childAspectRatio: 1.18), // itemCount: videoUrl.length >= 1 ? 1 : videoUrl.length + 1, // itemBuilder: (_, index) { // return Stack( // children: [ // Center( // child: SelectedImage( // image: index < videoUrl.length ? imagesUrlVideo[index] : null, // index:index, // onTap: () { // if(index >= videoUrl.length){ // selectPicker("video"); // } // FocusScope.of(context).requestFocus(FocusNode()); // print(index); // print(videoUrl); // }), // ), // index < videoUrl.length?Positioned( // top:0, // right:0, // child:GestureDetector( // onTap: (){ // print(index); // videoUrl.remove(videoUrl[index]); // imagesUrlVideo.remove(imagesUrlVideo[index]); // setState(() { // }); // }, // child:Icon( // IconData( // 0xe62a, // fontFamily:"Iconfont" // ), // size: 24.0, // color:Color(0xff999999), // ), // ) // ):Container(child: null,) // ], // ); // }, // ) // ), Container( color: ThemeUtils.getDialogTextFieldColor(context), child: GridView.builder( shrinkWrap: true, padding: const EdgeInsets.fromLTRB(8.0, 12, 8.0, 12.0), physics: NeverScrollableScrollPhysics(), gridDelegate: SliverGridDelegateWithFixedCrossAxisCount( crossAxisCount: 1, childAspectRatio: 1.18), itemCount: 1, itemBuilder: (_, index) { return Stack( children: [ Center( child: SelectedVideo( image: videoUrl, index: index, videoPlay: videoPlay(), onTap: () { if (videoUrl == null) { selectPicker("video"); } }, ), ), videoUrl != null ? Positioned( top: 0, right: 0, child: GestureDetector( onTap: () { print(index); // imagesUrl = null; setState(() { videoUrl = null; str = null; _controller.pause(); // player.reset(); }); }, child: Icon( const IconData(0xe651, fontFamily: "Iconfont"), size: 24.0, color: Color(0xff999999), ), ), ) : Container( child: null, ) ], ); }, ), ), ], ), ) ])), Positioned( bottom: 0, left: 0, child: Container( width: width, padding: EdgeInsets.only( top: ScreenUtil().setWidth(15), bottom: ScreenUtil().setWidth(15), left: ScreenUtil().setWidth(25), right: ScreenUtil().setWidth(25)), color: ThemeUtils.getDialogTextFieldColor(context), child: Container( height: ScreenUtil().setWidth(44), decoration: BoxDecoration( borderRadius: BorderRadius.circular(22.0), color: Colours.blue_app_main // gradient: const LinearGradient( // colors: [Color(0xFF00D9FF), Color(0xFF0287FF)]), ), child: FlatButton( // padding: EdgeInsets.all(15.0), child: Text("提交"), textColor: Colors.white, // textColor: Colors.white, onPressed: () { // if(imagesUrl.length<1){ // toasts("请上传图片"); // return; // } // String imgs = ""; // if (imagesUrl.length > 0) { // imgs = imagesUrl.join(","); // } String imgs = ""; if (imagesUrl.length > 0) { imgs = imagesUrl.join(","); } if ((_formKey.currentState as FormState).validate()) { dynamic obj = { "dataTable": "1", "brandId": widget.brandId, "expression": _questionController.text, "usedMethods": _methodController.text, "imgs": imgs, "videoUrl": videoUrl ?? '', "createUserId": int.parse( flustars.SpUtil.getString(Constant.userId)), "chargerId": 1, 'productionDate': selectDateStr }; showLoading(context, "正在提交..."); NewApiService().createCase(obj, onSuccess: (res) { dismissLoading(context); toasts("提交成功"); FocusScope.of(context).requestFocus(FocusNode()); print(res); print(999999); setDataId(res); setType("1"); print(widget.brandId); if (_controller != null) { _controller.pause(); } NavigatorUtils.push(context, "${BbsRouter.expertList}?id=${widget.brandId}"); }, onError: (code, msg) { dismissLoading(context); toasts(msg); }); } }, ), ), )) ]), ), ); } }