571 lines
17 KiB
Dart
571 lines
17 KiB
Dart
import 'package:bot_toast/bot_toast.dart';
|
|
import 'package:cached_network_image/cached_network_image.dart';
|
|
import 'package:flutter/cupertino.dart';
|
|
import 'package:flutter/material.dart';
|
|
import 'package:flutter_easyrefresh/easy_refresh.dart';
|
|
import 'package:flutter_modular/flutter_modular.dart';
|
|
import 'package:peach/config/Colors.dart';
|
|
import 'package:peach/config/_.dart';
|
|
import 'package:peach/entity/CommenListEntity.dart';
|
|
import 'package:peach/entity/_.dart';
|
|
import 'package:peach/event/_.dart';
|
|
import 'package:peach/service/_.dart';
|
|
import 'package:peach/utils/_.dart';
|
|
import 'package:peach/views/ImageView/ImageView.dart';
|
|
import 'package:peach/widget/Empty.dart';
|
|
import 'package:peach/widget/InputWidget/default_extra_item.dart';
|
|
import 'package:peach/widget/InputWidget/input_widget.dart';
|
|
import 'package:peach/widget/_.dart';
|
|
import 'dart:convert';
|
|
import 'dart:convert' as convert;
|
|
|
|
import 'EditWorkLabel.dart';
|
|
|
|
/*
|
|
* 个人中心左边弹出层
|
|
*/
|
|
class WorksInfo extends StatefulWidget {
|
|
final int opusId;
|
|
|
|
const WorksInfo({this.opusId});
|
|
|
|
@override
|
|
_WorksInfo createState() => _WorksInfo(this.opusId);
|
|
}
|
|
|
|
class _WorksInfo extends State<WorksInfo> with SingleTickerProviderStateMixin {
|
|
final int opusId;
|
|
|
|
TextEditingController ctl = TextEditingController();
|
|
EasyRefreshController _easyRefreshController;
|
|
|
|
// 详情数据
|
|
OpusOpusInfoEntityData infoData;
|
|
|
|
// 回复框的节点信息
|
|
FocusNode focusNode = FocusNode();
|
|
|
|
// 当前用户是否被我关注过
|
|
bool isCheckUser;
|
|
|
|
// 当前用户是否被点赞
|
|
bool isUpvote;
|
|
|
|
// 当前用户是否点赞
|
|
bool isCollectionOpus;
|
|
|
|
UserInfo _userInfo =
|
|
UserInfo.fromJson(jsonDecode(SPreferences().getString("userInfo")));
|
|
|
|
int _currentPageIndex = 0;
|
|
|
|
/*
|
|
* 评论如果是艾特某人
|
|
*/
|
|
String hintText = "";
|
|
|
|
/*
|
|
* 编辑tag
|
|
*/
|
|
bool edit = false;
|
|
|
|
int commentReplyId = 0;
|
|
|
|
PageEntity page = PageEntity();
|
|
|
|
CommenListEntityData commenList;
|
|
|
|
// 编辑标签的列表数据
|
|
List<OpusTagEntityData> tagList = [];
|
|
|
|
// 当前标签状态
|
|
bool switchValue = false;
|
|
|
|
bool loading = true;
|
|
|
|
_WorksInfo(this.opusId);
|
|
|
|
@override
|
|
void initState() {
|
|
super.initState();
|
|
_easyRefreshController = EasyRefreshController();
|
|
ctl.addListener(onValueChange);
|
|
SPreferences.init();
|
|
Config.eventBus.on<ClassInputEditEvent>().listen((event) async {
|
|
if (event.update) {
|
|
await getOpusOpusInfo();
|
|
setState(() {});
|
|
}
|
|
});
|
|
future();
|
|
}
|
|
|
|
void dispose() {
|
|
ctl.removeListener(onValueChange);
|
|
ctl.dispose();
|
|
super.dispose();
|
|
}
|
|
|
|
void onValueChange() {
|
|
print("${ctl.text} +++++++");
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
print(commenList == null);
|
|
if (loading) return Loading();
|
|
return GestureDetector(
|
|
behavior: HitTestBehavior.translucent,
|
|
onTap: () {
|
|
// 触摸收起键盘
|
|
FocusScope.of(context).requestFocus(FocusNode());
|
|
},
|
|
child: Scaffold(
|
|
bottomNavigationBar:
|
|
Padding(padding: MediaQuery.of(context).viewInsets),
|
|
appBar: AppBar(
|
|
title: Text(infoData.opusTitle),
|
|
toolbarHeight: Screen.setHeight(45),
|
|
centerTitle: true,
|
|
backgroundColor: ColorConfig.ThemeColor,
|
|
),
|
|
body: Container(
|
|
height: Screen.height(context) - Screen.setHeight(45) - Config.top,
|
|
margin: EdgeInsets.only(bottom: 100),
|
|
child: easyRefresh(
|
|
ListView(
|
|
children: [
|
|
...infoData.opusImgs
|
|
.asMap()
|
|
.keys
|
|
.map(
|
|
(e) => opusImgsView(e),
|
|
)
|
|
.toList(),
|
|
ListTile(
|
|
title: Container(
|
|
margin: EdgeInsets.only(bottom: 10, top: 10),
|
|
child: Text(
|
|
infoData.opusTitle,
|
|
style: TextStyle(fontSize: 20),
|
|
),
|
|
),
|
|
subtitle: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Text(
|
|
infoData.opusIntroduce,
|
|
),
|
|
Container(
|
|
margin: EdgeInsets.only(top: 10),
|
|
child: Align(
|
|
alignment: Alignment.centerLeft,
|
|
child: TopicView(
|
|
tag: infoData.tags,
|
|
edit: isEdit(),
|
|
onTap: () {
|
|
editDialog();
|
|
}),
|
|
),
|
|
),
|
|
Align(
|
|
alignment: Alignment.centerLeft,
|
|
child: Container(
|
|
margin: EdgeInsets.only(top: 10),
|
|
width: Screen.width(context) / 1.5,
|
|
child: WorkDataView(
|
|
isUpvote: isUpvote,
|
|
isCollectionOpus: isCollectionOpus,
|
|
mainAxisAlignment: MainAxisAlignment.start,
|
|
infoData: infoData,
|
|
onUpvote: () {
|
|
opusUpvoteOpus(infoData.opusId);
|
|
},
|
|
onOpusCollectionOpus: () {
|
|
opusCollectionOpus(infoData.opusId);
|
|
},
|
|
),
|
|
),
|
|
),
|
|
Container(
|
|
margin: EdgeInsets.only(top: 10),
|
|
child: Align(
|
|
alignment: Alignment.centerLeft,
|
|
child: Text(
|
|
infoData.opusTime,
|
|
style: TextStyle(
|
|
color: ColorConfig.TextColor,
|
|
),
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
Divider(),
|
|
GestureDetector(
|
|
onTap: () {
|
|
Modular.to
|
|
.pushNamed("/personal/${infoData.userInfo.userId}");
|
|
},
|
|
child: Panel(
|
|
child: Row(
|
|
children: [
|
|
Container(
|
|
height: Screen.setWidth(40),
|
|
width: Screen.setWidth(40),
|
|
margin: EdgeInsets.only(right: Screen.setWidth(10)),
|
|
child: ClipOval(
|
|
child: Image.network(
|
|
infoData.userInfo.userHeadImg,
|
|
width: Screen.setWidth(45),
|
|
height: Screen.setWidth(45),
|
|
fit: BoxFit.cover,
|
|
),
|
|
),
|
|
),
|
|
Expanded(
|
|
flex: 1,
|
|
child: Text(
|
|
infoData.userInfo.userNickname,
|
|
),
|
|
),
|
|
_userInfo.userId != infoData.userId
|
|
? FollowButton(
|
|
isCheck: isCheckUser,
|
|
onPressed: () {
|
|
opusFollowUser(infoData.userId);
|
|
},
|
|
)
|
|
: Container()
|
|
],
|
|
),
|
|
),
|
|
),
|
|
infoData.newsOpus.length > 0
|
|
? Panel(
|
|
child: Container(
|
|
height: Screen.setHeight(120),
|
|
child: ClipRRect(
|
|
borderRadius: BorderRadius.circular(10),
|
|
child: GridView.builder(
|
|
scrollDirection: Axis.horizontal,
|
|
gridDelegate:
|
|
SliverGridDelegateWithFixedCrossAxisCount(
|
|
crossAxisCount: 1,
|
|
mainAxisSpacing: 5.0,
|
|
),
|
|
itemBuilder: (context, index) {
|
|
return GestureDetector(
|
|
onTap: () {
|
|
Modular.to.pushNamed(
|
|
"/worksInfo/${infoData?.newsOpus[index].opusId}");
|
|
},
|
|
child: ClipRRect(
|
|
borderRadius: BorderRadius.circular(10),
|
|
child: Image.network(
|
|
infoData?.newsOpus[index].opusImg,
|
|
width: Screen.setWidth(120),
|
|
height: Screen.setWidth(50),
|
|
fit: BoxFit.cover,
|
|
),
|
|
),
|
|
);
|
|
},
|
|
itemCount: infoData.newsOpus.length,
|
|
),
|
|
),
|
|
),
|
|
)
|
|
: Container(
|
|
child: Text("暂无最新作品"),
|
|
height: Screen.setHeight(120),
|
|
alignment: Alignment.center,
|
|
),
|
|
infoData.newsOpus.length > 0
|
|
? Container(
|
|
margin: EdgeInsets.only(bottom: 5),
|
|
alignment: Alignment.center,
|
|
child: Text(
|
|
"查看作品目录",
|
|
style: TextStyle(
|
|
color: ColorConfig.TextColor,
|
|
),
|
|
),
|
|
)
|
|
: Container(),
|
|
Divider(),
|
|
commenList != null
|
|
? CommentList(
|
|
comment: commenList.result,
|
|
reply: (String userNickname, int id) {
|
|
hintText = userNickname;
|
|
commentReplyId = id;
|
|
Config.eventBus.fire(ClasshHntTextEvent("@${userNickname}"));
|
|
FocusScope.of(context).requestFocus(focusNode);
|
|
},
|
|
)
|
|
: Empty(height: 300, isShow: true),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
bottomSheet: Container(
|
|
height: Screen.setHeight(80),
|
|
decoration: BoxDecoration(
|
|
border: Border(
|
|
top: BorderSide(color: ColorConfig.LineColor, width: 1),
|
|
),
|
|
),
|
|
child: InputWidget(
|
|
controller: ctl,
|
|
extraWidget: DefaultExtraWidget(),
|
|
onSend: (value) {
|
|
commentAdd(value);
|
|
},
|
|
onFocusNode: (FocusNode node) {
|
|
this.focusNode = node;
|
|
},
|
|
),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
|
|
Widget opusImgsView(int e) {
|
|
List<ImagePickerEntity> arr = infoData.opusImgs
|
|
.map((e) => ImagePickerEntity(netWorkPath: e.imgUrl))
|
|
.toList();
|
|
return GestureDetector(
|
|
onTap: () {
|
|
Navigator.of(context).push(
|
|
new FadeRoute(
|
|
page: PhotoViewGalleryScreen(
|
|
images: arr,
|
|
index: e,
|
|
),
|
|
),
|
|
);
|
|
},
|
|
child: Container(
|
|
width: Screen.width(context),
|
|
height: processingImage(
|
|
infoData?.opusImgs[e].imgHeight,
|
|
infoData?.opusImgs[e].imgWidth,
|
|
),
|
|
// decoration: new BoxDecoration(
|
|
// image: new DecorationImage(
|
|
// fit: BoxFit.cover,
|
|
// image: NetworkImage(infoData?.opusImgs[e].imgUrl),
|
|
// ),
|
|
// ),
|
|
child: CachedNetworkImage(
|
|
imageUrl: infoData?.opusImgs[e].imgUrl,
|
|
placeholder: (context, url) => new Container(
|
|
child: new Center(
|
|
child: new CircularProgressIndicator(),
|
|
),
|
|
width: 160.0,
|
|
height: 90.0,
|
|
),
|
|
errorWidget: (context, url, error) => new Icon(Icons.error),
|
|
fit: BoxFit.cover,
|
|
),
|
|
),
|
|
);
|
|
}
|
|
|
|
// 下拉刷新上啦加载
|
|
Widget easyRefresh(Widget child) {
|
|
return EasyRefresh(
|
|
header: BezierCircleHeader(backgroundColor: ColorConfig.ThemeColor),
|
|
footer: BezierBounceFooter(backgroundColor: ColorConfig.ThemeColor),
|
|
enableControlFinishRefresh: false,
|
|
enableControlFinishLoad: true,
|
|
controller: _easyRefreshController,
|
|
child: child,
|
|
bottomBouncing: true,
|
|
onRefresh: () async {
|
|
page.page = 1;
|
|
page.isLoad = false;
|
|
await getCommentList();
|
|
setState(() {});
|
|
_easyRefreshController.finishRefresh(success: true);
|
|
},
|
|
onLoad: () async {
|
|
if (page.isLoad) {
|
|
await getCommentList();
|
|
} else {
|
|
page.page += 1;
|
|
await getCommentList();
|
|
}
|
|
_easyRefreshController.finishLoad();
|
|
},
|
|
);
|
|
}
|
|
|
|
future() async {
|
|
await getOpusOpusInfo();
|
|
await getCommentList();
|
|
setState(() {
|
|
loading = false;
|
|
});
|
|
}
|
|
|
|
/*
|
|
* 获取作品详情
|
|
*/
|
|
getOpusOpusInfo() async {
|
|
print(opusId);
|
|
OpusOpusInfoEntityData res = await OpusService.getOpusOpusInfo({
|
|
"opus_id": opusId,
|
|
});
|
|
await isCheckUserIsFollow(res.userId);
|
|
await opusCheckOpusIsUpvote(res.opusId);
|
|
await opusCheckOpusIsCollection(res.opusId);
|
|
infoData = res;
|
|
}
|
|
|
|
/*
|
|
* 评论列表
|
|
*/
|
|
getCommentList() async {
|
|
CommenListEntityData res = await CommentService.getCommentList({
|
|
"opus_id": opusId,
|
|
"page": page.page,
|
|
"count": page.count,
|
|
"comment_type": 1
|
|
});
|
|
// print(_arguments.getId);
|
|
if (res == null) return;
|
|
if (res.result.length < page.count) {
|
|
page.isLoad = true;
|
|
}
|
|
|
|
commenList = res;
|
|
}
|
|
|
|
commentAdd(String str) async {
|
|
print("commentAdd str ======= ${str}");
|
|
print("commentAdd hintText ======= ${hintText}");
|
|
if (str.trim().length <= 0) {
|
|
BotToast.showText(text: "回复内容不能为空");
|
|
return;
|
|
}
|
|
Null res = await CommentService.commentAdd({
|
|
"opus_id": infoData.opusId,
|
|
"comment_content": str,
|
|
"comment_to_username": hintText,
|
|
"comment_reply_id": commentReplyId,
|
|
});
|
|
await getCommentList();
|
|
hintText = "";
|
|
commentReplyId = 0;
|
|
Config.eventBus.fire(ClasshHntTextEvent("回复"));
|
|
BotToast.showText(text: "发送成功");
|
|
this.setState(() {});
|
|
}
|
|
|
|
isCheckUserIsFollow(int id) async {
|
|
bool res = await OpusService.isCheckUserIsFollow({
|
|
"user_to_id": id,
|
|
});
|
|
isCheckUser = res;
|
|
}
|
|
|
|
opusFollowUser(int id) async {
|
|
Null res = await OpusService.opusFollowUser({
|
|
"user_to_id": id,
|
|
});
|
|
if (isCheckUser) {
|
|
BotToast.showText(text: "取消关注");
|
|
} else {
|
|
BotToast.showText(text: "关注成功");
|
|
}
|
|
await isCheckUserIsFollow(id);
|
|
this.setState(() {});
|
|
}
|
|
|
|
opusCheckOpusIsUpvote(int id) async {
|
|
bool res = await OpusService.opusCheckOpusIsUpvote({
|
|
"opus_id": id,
|
|
});
|
|
isUpvote = res;
|
|
}
|
|
|
|
opusUpvoteOpus(int id) async {
|
|
Null res = await OpusService.opusUpvoteOpus({
|
|
"opus_id": id,
|
|
});
|
|
await getOpusOpusInfo();
|
|
this.setState(() {});
|
|
if (isUpvote) {
|
|
BotToast.showText(text: "点赞成功");
|
|
} else {
|
|
BotToast.showText(text: "取消点赞");
|
|
}
|
|
// await opusCheckOpusIsUpvote(id);
|
|
}
|
|
|
|
// 检查作品是否被收藏
|
|
opusCheckOpusIsCollection(int id) async {
|
|
bool res = await OpusService.opusCheckOpusIsCollection({
|
|
"opus_id": id,
|
|
});
|
|
isCollectionOpus = res;
|
|
}
|
|
|
|
opusCollectionOpus(int id) async {
|
|
Null res = await OpusService.opusCollectionOpus({
|
|
"opus_id": id,
|
|
});
|
|
await getOpusOpusInfo();
|
|
this.setState(() {});
|
|
if (isCollectionOpus) {
|
|
BotToast.showText(text: "收藏成功");
|
|
} else {
|
|
BotToast.showText(text: "取消收藏");
|
|
}
|
|
}
|
|
|
|
/*
|
|
* 是否可修改标签，如果是当前作品发布者可以修改，如果开启修改则可以修改
|
|
*/
|
|
isEdit() {
|
|
var userInfo = convert.jsonDecode(SPreferences().getString("userInfo"));
|
|
if (infoData.userId == userInfo["user_id"]) {
|
|
return true;
|
|
}
|
|
return infoData.opusIsEdit == 1;
|
|
}
|
|
|
|
/*
|
|
* 编辑当前的标签
|
|
*/
|
|
editDialog() {
|
|
showDialog<Null>(
|
|
context: context,
|
|
barrierDismissible: false,
|
|
builder: (BuildContext context) {
|
|
return EditWorkLabel(
|
|
opusId: infoData.opusId,
|
|
isEdit: infoData.opusIsEdit,
|
|
);
|
|
},
|
|
).then((val) {
|
|
print(val);
|
|
});
|
|
}
|
|
|
|
/**
|
|
* 处理图片宽高
|
|
*/
|
|
processingImage(int height, int width) {
|
|
double w = Screen.width(context) / width;
|
|
double h = height * w;
|
|
return h;
|
|
}
|
|
}
|
|
|
|
enum Action { Ok, Cancel }
|