|
|
|
|
// import 'dart:io';
|
|
|
|
|
|
|
|
|
|
import 'package:bytedesk_kefu/blocs/leavemsg_bloc/bloc.dart';
|
|
|
|
|
// import 'package:bytedesk_kefu/ui/widget/image_choose_widget.dart';
|
|
|
|
|
import 'package:bytedesk_kefu/ui/widget/my_button.dart';
|
|
|
|
|
import 'package:flutter/material.dart';
|
|
|
|
|
import 'package:flutter_bloc/flutter_bloc.dart';
|
|
|
|
|
import 'package:fluttertoast/fluttertoast.dart';
|
|
|
|
|
// import 'package:image_picker/image_picker.dart';
|
|
|
|
|
|
|
|
|
|
class LeaveMsgPage extends StatefulWidget {
|
|
|
|
|
//
|
|
|
|
|
final String? wid;
|
|
|
|
|
final String? aid;
|
|
|
|
|
final String? type;
|
|
|
|
|
final String? tip;
|
|
|
|
|
//
|
|
|
|
|
// String? mobile;
|
|
|
|
|
// String? email;
|
|
|
|
|
// String? content;
|
|
|
|
|
//
|
|
|
|
|
LeaveMsgPage(
|
|
|
|
|
{Key? key,
|
|
|
|
|
@required this.wid,
|
|
|
|
|
@required this.aid,
|
|
|
|
|
@required this.type,
|
|
|
|
|
@required this.tip})
|
|
|
|
|
: super(key: key);
|
|
|
|
|
|
|
|
|
|
@override
|
|
|
|
|
_LeaveMsgPageState createState() => _LeaveMsgPageState();
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
class _LeaveMsgPageState extends State<LeaveMsgPage> {
|
|
|
|
|
//
|
|
|
|
|
ScrollController _scrollController = new ScrollController(); // 滚动监听
|
|
|
|
|
// TextEditingController _nameEditController = new TextEditingController();
|
|
|
|
|
TextEditingController _mobileEditController = new TextEditingController();
|
|
|
|
|
TextEditingController _contentEditController = new TextEditingController();
|
|
|
|
|
// ImagePicker picker = ImagePicker();
|
|
|
|
|
// List<String> _imageUrls = [];
|
|
|
|
|
// List<File> _fileList = [];
|
|
|
|
|
// File? _selectedImageFile;
|
|
|
|
|
// List<MultipartFile> mSubmitFileList = [];
|
|
|
|
|
|
|
|
|
|
@override
|
|
|
|
|
void initState() {
|
|
|
|
|
// 滚动监听, https://learnku.com/articles/30338
|
|
|
|
|
_scrollController.addListener(() {
|
|
|
|
|
// 隐藏软键盘
|
|
|
|
|
FocusScope.of(context).requestFocus(FocusNode());
|
|
|
|
|
// 如果滑动到底部
|
|
|
|
|
if (_scrollController.position.pixels ==
|
|
|
|
|
_scrollController.position.maxScrollExtent) {
|
|
|
|
|
// print('scroll to bottom');
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
super.initState();
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
@override
|
|
|
|
|
Widget build(BuildContext context) {
|
|
|
|
|
//
|
|
|
|
|
// print('fileList的内容: $_fileList');
|
|
|
|
|
// if (_selectedImageFile != null) {
|
|
|
|
|
// _fileList.add(_selectedImageFile!);
|
|
|
|
|
// }
|
|
|
|
|
// _selectedImageFile = null;
|
|
|
|
|
//
|
|
|
|
|
// TODO: 右上角增加：我的留言，查看留言记录及回复
|
|
|
|
|
return Scaffold(
|
|
|
|
|
appBar: AppBar(
|
|
|
|
|
title: Text('留言'),
|
|
|
|
|
centerTitle: true,
|
|
|
|
|
actions: [
|
|
|
|
|
Align(
|
|
|
|
|
alignment: Alignment.centerRight,
|
|
|
|
|
child: Container(
|
|
|
|
|
margin: EdgeInsets.only(right: 10),
|
|
|
|
|
child: InkWell(
|
|
|
|
|
onTap: () {
|
|
|
|
|
// 提交
|
|
|
|
|
// BlocProvider.of<LeaveMsgBloc>(context)
|
|
|
|
|
// ..add(SubmitLeaveMsgEvent(
|
|
|
|
|
// imageUrls: _imageUrls,
|
|
|
|
|
// content: _contentEditController.text));
|
|
|
|
|
},
|
|
|
|
|
child: Text(
|
|
|
|
|
'提交',
|
|
|
|
|
style: TextStyle(color: Colors.black),
|
|
|
|
|
),
|
|
|
|
|
),
|
|
|
|
|
),
|
|
|
|
|
)
|
|
|
|
|
],
|
|
|
|
|
),
|
|
|
|
|
body: BlocConsumer<LeaveMsgBloc, LeaveMsgState>(
|
|
|
|
|
listener: (context, state) {
|
|
|
|
|
// do stuff here based on BlocA's state
|
|
|
|
|
if (state is ImageUploading) {
|
|
|
|
|
Fluttertoast.showToast(msg: '上传图片中');
|
|
|
|
|
} else if (state is UploadImageSuccess) {
|
|
|
|
|
// 图片url
|
|
|
|
|
// if (!_imageUrls.contains(state.url)) {
|
|
|
|
|
// _imageUrls.add(state.url);
|
|
|
|
|
// }
|
|
|
|
|
} else if (state is LeaveMsgSubmiting) {
|
|
|
|
|
Fluttertoast.showToast(msg: '提交留言中');
|
|
|
|
|
} else if (state is LeaveMsgSubmitSuccessState) {
|
|
|
|
|
Fluttertoast.showToast(msg: '留言成功');
|
|
|
|
|
} else if (state is LeaveMsgSubmitError) {
|
|
|
|
|
Fluttertoast.showToast(msg: '留言失败');
|
|
|
|
|
}
|
|
|
|
|
}, builder: (context, state) {
|
|
|
|
|
// return widget here based on BlocA's state
|
|
|
|
|
return SingleChildScrollView(
|
|
|
|
|
controller: _scrollController,
|
|
|
|
|
child: Container(
|
|
|
|
|
padding: EdgeInsets.only(top: 5.0, left: 10, right: 10),
|
|
|
|
|
child: Column(
|
|
|
|
|
children: <Widget>[
|
|
|
|
|
// Container(
|
|
|
|
|
// // constraints: BoxConstraints(
|
|
|
|
|
// // minHeight: 150,
|
|
|
|
|
// // ),
|
|
|
|
|
// // color: Color(0xffffffff),
|
|
|
|
|
// margin: EdgeInsets.only(top: 15),
|
|
|
|
|
// child: TextField(
|
|
|
|
|
// controller: _nameEditController,
|
|
|
|
|
// // maxLines: 5,
|
|
|
|
|
// // maxLength: 500,
|
|
|
|
|
// decoration: InputDecoration(
|
|
|
|
|
// hintText: "称呼",
|
|
|
|
|
// hintStyle:
|
|
|
|
|
// TextStyle(color: Color(0xff999999), fontSize: 16),
|
|
|
|
|
// contentPadding: EdgeInsets.only(left: 15, right: 15),
|
|
|
|
|
// border: InputBorder.none,
|
|
|
|
|
// ),
|
|
|
|
|
// ),
|
|
|
|
|
// ),
|
|
|
|
|
Container(
|
|
|
|
|
// constraints: BoxConstraints(
|
|
|
|
|
// minHeight: 150,
|
|
|
|
|
// ),
|
|
|
|
|
// color: Color(0xffffffff),
|
|
|
|
|
margin: EdgeInsets.only(top: 15),
|
|
|
|
|
child: TextField(
|
|
|
|
|
controller: _mobileEditController,
|
|
|
|
|
// maxLines: 5,
|
|
|
|
|
// maxLength: 500,
|
|
|
|
|
decoration: InputDecoration(
|
|
|
|
|
hintText: "手机号",
|
|
|
|
|
hintStyle:
|
|
|
|
|
TextStyle(color: Color(0xff999999), fontSize: 16),
|
|
|
|
|
contentPadding: EdgeInsets.only(left: 15, right: 15),
|
|
|
|
|
border: InputBorder.none,
|
|
|
|
|
),
|
|
|
|
|
),
|
|
|
|
|
),
|
|
|
|
|
Container(
|
|
|
|
|
constraints: BoxConstraints(
|
|
|
|
|
minHeight: 150,
|
|
|
|
|
),
|
|
|
|
|
// color: Color(0xffffffff),
|
|
|
|
|
margin: EdgeInsets.only(top: 15),
|
|
|
|
|
child: TextField(
|
|
|
|
|
controller: _contentEditController,
|
|
|
|
|
maxLines: 5,
|
|
|
|
|
maxLength: 500,
|
|
|
|
|
decoration: InputDecoration(
|
|
|
|
|
hintText: "留言内容",
|
|
|
|
|
hintStyle:
|
|
|
|
|
TextStyle(color: Color(0xff999999), fontSize: 16),
|
|
|
|
|
contentPadding: EdgeInsets.only(left: 15, right: 15),
|
|
|
|
|
border: InputBorder.none,
|
|
|
|
|
),
|
|
|
|
|
),
|
|
|
|
|
),
|
|
|
|
|
// GridView.count(
|
|
|
|
|
// shrinkWrap: true,
|
|
|
|
|
// primary: false,
|
|
|
|
|
// crossAxisCount: 3,
|
|
|
|
|
// children: List.generate(_fileList.length + 1, (index) {
|
|
|
|
|
// // 这个方法体用于生成GridView中的一个item
|
|
|
|
|
// var content;
|
|
|
|
|
// if (index == _fileList.length) {
|
|
|
|
|
// // 添加图片按钮
|
|
|
|
|
// var addCell = Center(
|
|
|
|
|
// child: Image.asset(
|
|
|
|
|
// 'assets/images/feedback/mine_feedback_add_image.png',
|
|
|
|
|
// width: double.infinity,
|
|
|
|
|
// height: double.infinity,
|
|
|
|
|
// ));
|
|
|
|
|
// content = GestureDetector(
|
|
|
|
|
// onTap: () {
|
|
|
|
|
// // 添加图片
|
|
|
|
|
// // pickImage(context);
|
|
|
|
|
// showModalBottomSheet(
|
|
|
|
|
// context: context,
|
|
|
|
|
// builder: (context) {
|
|
|
|
|
// return ImageChooseWidget(
|
|
|
|
|
// pickImageCallBack: () {
|
|
|
|
|
// _pickImage();
|
|
|
|
|
// },
|
|
|
|
|
// takeImageCallBack: () {
|
|
|
|
|
// _takeImage();
|
|
|
|
|
// },
|
|
|
|
|
// );
|
|
|
|
|
// });
|
|
|
|
|
// },
|
|
|
|
|
// child: addCell,
|
|
|
|
|
// );
|
|
|
|
|
// } else {
|
|
|
|
|
// // 被选中的图片
|
|
|
|
|
// content = Stack(
|
|
|
|
|
// children: <Widget>[
|
|
|
|
|
// Center(
|
|
|
|
|
// child: Image.file(
|
|
|
|
|
// _fileList[index],
|
|
|
|
|
// width: double.infinity,
|
|
|
|
|
// height: double.infinity,
|
|
|
|
|
// fit: BoxFit.cover,
|
|
|
|
|
// ),
|
|
|
|
|
// ),
|
|
|
|
|
// Align(
|
|
|
|
|
// alignment: Alignment.topRight,
|
|
|
|
|
// child: InkWell(
|
|
|
|
|
// onTap: () {
|
|
|
|
|
// _fileList.removeAt(index);
|
|
|
|
|
// _selectedImageFile = null;
|
|
|
|
|
// setState(() {});
|
|
|
|
|
// },
|
|
|
|
|
// child: Image.asset(
|
|
|
|
|
// 'assets/images/feedback/mine_feedback_ic_del.png',
|
|
|
|
|
// width: 20.0,
|
|
|
|
|
// height: 20.0,
|
|
|
|
|
// ),
|
|
|
|
|
// ),
|
|
|
|
|
// )
|
|
|
|
|
// ],
|
|
|
|
|
// );
|
|
|
|
|
// }
|
|
|
|
|
// return Container(
|
|
|
|
|
// margin: const EdgeInsets.all(10.0),
|
|
|
|
|
// width: 80.0,
|
|
|
|
|
// height: 80.0,
|
|
|
|
|
// color: const Color(0xFFffffff),
|
|
|
|
|
// child: content,
|
|
|
|
|
// );
|
|
|
|
|
// }),
|
|
|
|
|
// ),
|
|
|
|
|
MyButton(
|
|
|
|
|
onPressed: () {
|
|
|
|
|
//
|
|
|
|
|
// BlocProvider.of<LeaveMsgBloc>(context)
|
|
|
|
|
// ..add(SubmitLeaveMsgEvent(
|
|
|
|
|
// imageUrls: _imageUrls,
|
|
|
|
|
// content: _contentEditController.text));
|
|
|
|
|
BlocProvider.of<LeaveMsgBloc>(context)
|
|
|
|
|
..add(SubmitLeaveMsgEvent(
|
|
|
|
|
wid: widget.wid,
|
|
|
|
|
aid: widget.aid,
|
|
|
|
|
type: widget.type,
|
|
|
|
|
mobile: _mobileEditController.text,
|
|
|
|
|
email: "",
|
|
|
|
|
content: _contentEditController.text));
|
|
|
|
|
},
|
|
|
|
|
text: '提交',
|
|
|
|
|
)
|
|
|
|
|
],
|
|
|
|
|
)),
|
|
|
|
|
);
|
|
|
|
|
}));
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// 选择图片
|
|
|
|
|
// Future<void> _pickImage() async {
|
|
|
|
|
// if (_fileList.length >= 9) {
|
|
|
|
|
// Fluttertoast.showToast(msg: "最多选取9张图片");
|
|
|
|
|
// return;
|
|
|
|
|
// }
|
|
|
|
|
// try {
|
|
|
|
|
// XFile? pickedFile = await picker.pickImage(
|
|
|
|
|
// source: ImageSource.gallery, maxWidth: 800, imageQuality: 95);
|
|
|
|
|
// print('pick image path: ${pickedFile!.path}');
|
|
|
|
|
// setState(() {
|
|
|
|
|
// _selectedImageFile = File(pickedFile.path);
|
|
|
|
|
// });
|
|
|
|
|
// //
|
|
|
|
|
// BlocProvider.of<LeaveMsgBloc>(context)
|
|
|
|
|
// ..add(UploadImageEvent(filePath: pickedFile.path));
|
|
|
|
|
// } catch (e) {
|
|
|
|
|
// print('pick image error ${e.toString()}');
|
|
|
|
|
// Fluttertoast.showToast(msg: "未选取图片");
|
|
|
|
|
// }
|
|
|
|
|
// }
|
|
|
|
|
|
|
|
|
|
// 拍照
|
|
|
|
|
// Future<void> _takeImage() async {
|
|
|
|
|
// if (_fileList.length >= 9) {
|
|
|
|
|
// Fluttertoast.showToast(msg: "最多选取9张图片");
|
|
|
|
|
// return;
|
|
|
|
|
// }
|
|
|
|
|
// try {
|
|
|
|
|
// XFile? pickedFile = await picker.pickImage(
|
|
|
|
|
// source: ImageSource.camera, maxWidth: 800, imageQuality: 95);
|
|
|
|
|
// print('take image path: ${pickedFile!.path}');
|
|
|
|
|
// setState(() {
|
|
|
|
|
// _selectedImageFile = File(pickedFile.path);
|
|
|
|
|
// });
|
|
|
|
|
// //
|
|
|
|
|
// BlocProvider.of<LeaveMsgBloc>(context)
|
|
|
|
|
// ..add(UploadImageEvent(filePath: pickedFile.path));
|
|
|
|
|
// } catch (e) {
|
|
|
|
|
// print('take image error ${e.toString()}');
|
|
|
|
|
// Fluttertoast.showToast(msg: "未选取图片");
|
|
|
|
|
// }
|
|
|
|
|
// }
|
|
|
|
|
}
|
