import 'package:flutter/material.dart'; import 'package:liftmanager/res/gaps.dart'; import 'package:liftmanager/net/api_service.dart'; import 'package:liftmanager/utils/toast.dart'; import 'package:liftmanager/widgets/app_bar.dart'; import 'package:liftmanager/internal/search/search_router.dart'; import 'package:liftmanager/widgets/app_search_bar.dart'; import 'package:liftmanager/res/resources.dart'; import 'package:liftmanager/routers/fluro_navigator.dart'; import 'package:liftmanager/widgets/load_image.dart'; import 'package:liftmanager/widgets/selected_image_change.dart'; import 'package:image_picker/image_picker.dart'; import 'dart:io'; import 'package:intl/intl.dart'; // 时间戳工具类 import 'package:liftmanager/utils/time_format.dart'; import 'package:date_format/date_format.dart'; import 'package:flutter_cupertino_date_picker/flutter_cupertino_date_picker.dart'; // import 'package:amap_search_fluttify/amap_search_fluttify.dart'; import 'package:liftmanager/internal/bbs/bbs_router.dart'; import 'package:flutter_screenutil/flutter_screenutil.dart'; import 'package:shared_preferences/shared_preferences.dart'; import 'package:liftmanager/utils/time_format.dart'; import 'package:liftmanager/utils/fast_notification.dart'; import 'package:chewie/chewie.dart'; import 'package:liftmanager/utils/oss_upload.dart'; import 'package:video_player/video_player.dart'; import 'package:liftmanager/common/common.dart'; import 'package:flustars/flustars.dart' as flustars; import 'package:permission_handler/permission_handler.dart'; // import 'package:amap_all_fluttify/amap_all_fluttify.dart'; import 'package:liftmanager/utils/theme_utils.dart'; import 'package:liftmanager/widgets/selected_video_change.dart'; import 'package:liftmanager/utils/utils.dart'; import 'package:orientation/orientation.dart'; import 'package:flutter/services.dart'; class VisitPage extends StatefulWidget { VisitPage(this.brandName, this.brandId); final String brandName; final String brandId; @override State createState() { return VisitPageState(); } } class VisitPageState extends State { // NewsDetailItem item = NewsDetailItem(); ScrollController _scrollController = new ScrollController(); String extAddress; List imagesUrl = []; // List imagesUrlVideo = []; String videoUrl; String str; double percent = 0.0; String addressName = ""; VideoPlayerController _controller; // String addressName = "湖北省武汉市洪山区武大科技园豪迈大厦,30.46139,114.414463"; @override void initState() { super.initState(); print(widget.brandName); print(widget.brandId); print(65656); FastNotification.addListener("set_address", (setAddress) { setState(() { addressName = setAddress; print(addressName); print(222222224); }); }); // getLocation(); } Future requestPermission() async { final permissions = await PermissionHandler() .requestPermissions([PermissionGroup.location]); if (permissions[PermissionGroup.location] == PermissionStatus.granted) { return true; } else { toasts('需要定位权限!'); return false; } } // getLocation() async { // if (await requestPermission()) { // Location location = await AmapLocation.fetchLocation(); // String address = location.province + location.city + location.district + location.street + location.aoiName; // print(address); // setState(() { // addressName = address; // }); // } // } @override void dispose() { _controller.pause(); _controller.dispose(); // player.release(); super.dispose(); } upLoadFileOnce(path) { showLoading(context, "正在上传..."); NewApiService().upload(path, onSuccess: (res) { // imagesUrl.add(res.path); dismissLoading(context); setState(() { imagesUrl.add(res.pathUrl); }); }, 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); }); } ///选择图片 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 _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 { var _imageFile = await ImagePicker.pickVideo( source: key == 1 ? ImageSource.camera : ImageSource.gallery, ); if (_imageFile != null) { // print(123); // print(_imageFile); // print(jsonEncode(_imageFile)); print(123); _uploadImage(_imageFile.path); // upLoadFileOnceVideo(_imageFile.path); setState(() {}); } } catch (e) { toasts("没有权限,无法打开相册!"); } } void _uploadImage(filePath) async { showPercent(context, (){ dismissLoading(context); toasts("上传失败"); },(){ if(videoUrl == null && str != null){ setState(() { videoUrl = str; 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); }); } FocusNode blankNode = FocusNode(); // 文本编辑控制 TextEditingController _textEditingController = new TextEditingController(); // 焦点控制 GlobalKey _formKey = new GlobalKey(); TextEditingController _questionController = new TextEditingController(); TextEditingController _methodController = new TextEditingController(); DateTime _nowDate = DateTime.now(); //当前日期 DateTime _oldDate = DateTime.now(); //当前日期 DateTime _nowDateTime = DateTime.parse(formatDate(DateTime.now(), [yyyy, "-", mm, "-", "dd", " ", HH, ":", nn, ":", ss])); //当前日期时间 @override Widget build(BuildContext context) { double width = MediaQuery.of(context).size.width; double height = MediaQuery.of(context).size.height; if(width > height){ // SystemChrome.setPreferredOrientations([ // DeviceOrientation.portraitUp, // ]); OrientationPlugin.forceOrientation(DeviceOrientation.portraitUp); } var _datetime = formatDate( _nowDate, [yyyy, "-", mm, "-", dd, " ", HH, ":", nn]); // _nowDate, [yyyy, "-", mm, "-", dd, " ", HH, ":", nn, ":", ss]); // var _datetime = formatDate(_nowDate,[yyyy, "-", mm, "-", dd, " ", HH]); //调起datetime_picker_bottom选择器 _cupertinoDateTimePicker() { DatePicker.showDatePicker( context, minDateTime: DateTime.parse('2010-05-12'), //起始日期 maxDateTime: DateTime.parse('2021-11-25'), //终止日期 //initialDateTime: DateTime.parse(formatDate(_selectedDateTime, [yyyy, "-", mm, "-", "dd", " ", HH, ":", nn, ":", ss])), initialDateTime: _nowDateTime, //当前日期时间 // dateFormat: "yyyy年M月d日 EEE,H时", //显示格式 dateFormat: "yyyy年M月d日 ,H时:m分", //显示格式 // dateFormat: "yyyy年M月d日 ,H时:m分:s秒", //显示格式 locale: DateTimePickerLocale.zh_cn, //语言 pickerTheme: DateTimePickerTheme( showTitle: true, ), pickerMode: DateTimePickerMode.datetime, // 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)), decoration: BoxDecoration( border: Border( bottom: BorderSide(width: 0.5, color: Colours.line), ), ), 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, ), ]), ), Container( padding: EdgeInsets.only( left: ScreenUtil().setWidth(15), right: ScreenUtil().setWidth(15), top: ScreenUtil().setWidth(10), bottom: ScreenUtil().setWidth(10)), decoration: BoxDecoration( border: Border( bottom: BorderSide(width: 0.5, color: Colours.line), ), ), child: Row( mainAxisAlignment: MainAxisAlignment.spaceBetween, children: [ Text( "出诊时间", style: TextStyle( // fontSize:ScreenUtil().setSp(14) ), textAlign: TextAlign.start, ), _nowDate.millisecondsSinceEpoch == _oldDate.millisecondsSinceEpoch ? InkWell( onTap: _cupertinoDateTimePicker, child: Text( "请选择时间", style: TextStyle( color: Color(0xff999999), // fontSize:ScreenUtil().setSp(14) ), textAlign: TextAlign.start, )) : Row( mainAxisAlignment: MainAxisAlignment.center, children: [ InkWell( onTap: _cupertinoDateTimePicker, child: Row( children: [ Text('$_datetime'), Icon(Icons.arrow_drop_down) ], ), ) ], ) ]), ), InkWell( onTap: () { NavigatorUtils.push( context, "${BbsRouter.mapChoicePoint}?type=1"); }, child: Container( padding: EdgeInsets.only( left: ScreenUtil().setWidth(15), right: ScreenUtil().setWidth(15), top: ScreenUtil().setWidth(10), bottom: ScreenUtil().setWidth(10)), decoration: BoxDecoration( border: Border( bottom: BorderSide(width: 0.5, color: Colours.line), ), ), child: Row( mainAxisAlignment: MainAxisAlignment.spaceBetween, children: [ Text( "出诊地点 ", style: TextStyle( // fontSize:ScreenUtil().setSp(14) ), textAlign: TextAlign.start, ), Expanded( child: Text( addressName != null && addressName != "" ? addressName.split(",")[0] : "请选择", style: TextStyle( color: Color(0xff999999), // fontSize:ScreenUtil().setSp(14) ), textAlign: TextAlign.end, maxLines: 1, overflow: TextOverflow.ellipsis, ), ) ]), ), ), Row( crossAxisAlignment: CrossAxisAlignment.start, mainAxisAlignment: MainAxisAlignment.start, children: [ Container( padding: EdgeInsets.only( left: ScreenUtil().setWidth(15), top: ScreenUtil().setWidth(5), bottom: ScreenUtil().setWidth(5)), child: Text( "问题描述", style: TextStyle( // fontSize:ScreenUtil().setSp(14),miaos ), textAlign: TextAlign.left, ), ), ], ), Container( height: 100, padding: EdgeInsets.only( left: ScreenUtil().setWidth(15), right: ScreenUtil().setWidth(15), bottom: ScreenUtil().setWidth(20)), child: TextFormField( // autofocus: true, maxLength: 50, cursorColor: Color(0xffcccccc), controller: _questionController, maxLines: 5, decoration: InputDecoration( contentPadding: EdgeInsets.all(0), hintText: '请详细描述事故问题和现场情况', hintStyle: TextStyle( color: Color(0xffcccccc), // fontSize: ScreenUtil().setSp(14) ), 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 : "不能为空"; }), ), SizedBox( height: 6, child: Container(color: ThemeUtils.getDialogTextFieldColor(context)), ), Row( crossAxisAlignment: CrossAxisAlignment.start, mainAxisAlignment: MainAxisAlignment.start, children: [ Container( padding: EdgeInsets.only( left: ScreenUtil().setWidth(15), top: ScreenUtil().setWidth(5), bottom: ScreenUtil().setWidth(5)), child: Text( "已尝试方法", style: TextStyle( // fontSize:ScreenUtil().setSp(14), ), textAlign: TextAlign.left, ), ), ], ), Container( height: 100, padding: EdgeInsets.only(left: 15, right: 15, bottom: 20), child: TextFormField( // autofocus: true, maxLength: 50, cursorColor: Color(0xffcccccc), controller: _methodController, maxLines: 5, decoration: InputDecoration( contentPadding: EdgeInsets.all(0), hintText: '请详细描述已尝试方法以及结果', hintStyle: TextStyle( color: Color(0xffcccccc), // fontSize: ScreenUtil().setSp(14) ), 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 : "不能为空"; }), ), SizedBox( height: 6, child: Container(color: ThemeUtils.getDialogTextFieldColor(context)), ), Container( width: width, padding: EdgeInsets.only(left:15,top:15), 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( IconData(0xe62a, fontFamily: "myfont"), size: 24.0, color: Color(0xff999999), ), )) : Container( child: null, ) ], ); }, )), SizedBox( height:6, child: Container( color:ThemeUtils.getDialogTextFieldColor(context) ), ), 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:"myfont" // ), // 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( IconData(0xe62a, fontFamily: "myfont"), size: 24.0, color: Color(0xff999999), ), ), ) : Container( child: null, ) ], ); }, ), ), ], ), ) ])), Positioned( bottom: 0, left: 0, child: Container( color:ThemeUtils.getDialogTextFieldColor(context), width: width, padding: EdgeInsets.only( top: ScreenUtil().setWidth(15), bottom: ScreenUtil().setWidth(15), left: ScreenUtil().setWidth(25), right: ScreenUtil().setWidth(25)), child: Container( height: ScreenUtil().setWidth(44), decoration: BoxDecoration( borderRadius: BorderRadius.circular(22.0), gradient: const LinearGradient( colors: [Color(0xFF00D9FF), Color(0xFF0287FF)]), ), child: FlatButton( // padding: EdgeInsets.all(15.0), child: Text("提交"), textColor: Colors.white, // textColor: Colors.white, onPressed: () { // getExtAddress(); print(_nowDate); print(_nowDate.toString().split(" ")[0] + " " + _nowDate.toString().split(" ")[1].substring(0, 5)+":00"); String time = _nowDate.toString().split(" ")[0] + " " + _nowDate.toString().split(" ")[1].substring(0, 5)+":00"; print(999994); if (DateUtils.instance .getTimeStap(formartData: _nowDate.toString()) <= DateUtils.instance .getTimeStap(formartData: _oldDate.toString())) { toasts("请选择正确的出诊时间"); return; } if (addressName == null || addressName == "") { toasts("请选择出诊地点"); return; } // if (imagesUrl.length < 1) { // toasts("请上传图片"); // return; // } String imgs = ""; if(imagesUrl.length > 0){ imgs = imagesUrl.join(","); } // String videoImgs = ""; // if(videoUrl.length > 0){ // videoImgs = videoUrl.join(","); // } if ((_formKey.currentState as FormState).validate()) { dynamic obj = { "dataTable": "2", "brandId": widget.brandId, "expression": _questionController.text, "usedMethods": _methodController.text, "imgs": imgs, "videoUrl":videoUrl, "createUserId": int.parse( flustars.SpUtil.getString(Constant.userId)), "chargerId": 1, "arrivedTime":DateUtils.instance.getTimeStap(formartData: time.toString()), // _nowDate.toString().split(" ")[0] +"T" +_nowDate.toString().split(" ")[1], // "arrivedTime":_nowDate.toString().split(" ")[0]+"T"+_nowDate.toString().split(" ")[1].substring(0, 2)+":00:00.000", "address": addressName.split(",")[0], "lat": addressName.split(",")[1], "lng": addressName.split(",")[2], }; showLoading(context, "正在提交..."); NewApiService().createCase(obj, onSuccess: (res) { dismissLoading(context); toasts("提交成功"); FocusScope.of(context).requestFocus(FocusNode()); print(res); print(999999); setDataId(res); setType("2"); NavigatorUtils.push(context, "${BbsRouter.expertList}?id=${widget.brandId}"); }, onError: (code, msg) { dismissLoading(context); toasts(msg); }); } }, ), ), )) ]), ), ); } 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); } // void getExtAddress ()async{ // SharedPreferences prefs = await SharedPreferences.getInstance(); // extAddress = prefs.getString("extAddress"); // } Widget videoPlay() { _controller = VideoPlayerController.network( Utils.getImagePath(videoUrl) // imgFontUrl + detailObj.url ); double width = MediaQuery.of(context).size.width; return // Container( // width: width, // height: width*0.6, // alignment: Alignment.center, // child: FijkView( // player: player, // color: Colors.black, // fit:FijkFit.fill, // // cover: NetworkImage(detailObj.cover), // // cover: new Image(image: detailObj.cover!=null&& detailObj.cover!=""?NetworkImage(detailObj.cover):AssetImage("assets/images/video_image.png"),).image, // // // ), // ); Container( padding: EdgeInsets.only( left: ScreenUtil().setWidth(15), right: ScreenUtil().setWidth(15), top: ScreenUtil().setWidth(15)), child: ClipRRect( borderRadius: BorderRadius.circular(5), child: new Chewie( controller: ChewieController( videoPlayerController: // VideoPlayerController.network( // imgFontUrl + detailObj.url // ), _controller, aspectRatio: 3 / 2, allowFullScreen:false, autoPlay: false, looping: true, // startAt: Duration(seconds: 1,minutes: 1), showControls: true, deviceOrientationsAfterFullScreen:[DeviceOrientation.portraitUp], // 占位图 // placeholder: Image.network( // imgFontUrl+detailObj.cover, // fit: BoxFit.contain, // ), // 是否在 UI 构建的时候就加载视频 autoInitialize: true, // 拖动条样式颜色 materialProgressColors: new ChewieProgressColors( playedColor: Colors.red, handleColor: Colors.blue, backgroundColor: Colors.grey, bufferedColor: Colors.lightGreen, ), ), ), ) ); } }