You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
289 lines
11 KiB
289 lines
11 KiB
import 'package:cached_network_image/cached_network_image.dart';
|
|
import 'package:dating_touchme_app/components/page_appbar.dart';
|
|
import 'package:dating_touchme_app/controller/discover/room_controller.dart';
|
|
import 'package:dating_touchme_app/controller/discover/search_page_controller.dart';
|
|
import 'package:dating_touchme_app/extension/ex_widget.dart';
|
|
import 'package:dating_touchme_app/generated/assets.dart';
|
|
import 'package:dating_touchme_app/model/discover/matchmaker_live_data.dart';
|
|
import 'package:dating_touchme_app/model/home/marriage_data.dart';
|
|
import 'package:dating_touchme_app/model/home/user_info_data.dart';
|
|
import 'package:dating_touchme_app/network/user_api.dart';
|
|
import 'package:dating_touchme_app/pages/home/user_information_page.dart';
|
|
import 'package:dating_touchme_app/pages/message/chat_page.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';
|
|
|
|
class SearchPage extends StatelessWidget {
|
|
const SearchPage({super.key});
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return GetX<SearchPageController>(
|
|
init: SearchPageController(),
|
|
builder: (controller){
|
|
return Scaffold(
|
|
appBar: PageAppbar(title: "搜索"),
|
|
body: Column(
|
|
children: [
|
|
Container(
|
|
padding: EdgeInsets.symmetric(horizontal: 15.w),
|
|
margin: EdgeInsets.only(bottom: 10.w),
|
|
child: Container(
|
|
height: 45.w,
|
|
padding: EdgeInsets.symmetric(horizontal: 10),
|
|
decoration: BoxDecoration(
|
|
borderRadius: BorderRadius.all(Radius.circular(9.w)),
|
|
color: const Color.fromRGBO(247, 247, 247, 1.0)
|
|
),
|
|
child: Row(
|
|
children: [
|
|
Icon(
|
|
Icons.search,
|
|
size: 20,
|
|
color: const Color.fromRGBO(51, 51, 51, 1),
|
|
),
|
|
Expanded(
|
|
child: TextField(
|
|
focusNode: controller.blankFocusNode,
|
|
onTapOutside: (e){
|
|
controller.blankFocusNode.unfocus();
|
|
},
|
|
controller: controller.searchController.value,
|
|
textAlignVertical: TextAlignVertical.center,
|
|
style: TextStyle(
|
|
fontSize: ScreenUtil().setWidth(13),
|
|
height: 1
|
|
),
|
|
decoration: InputDecoration(
|
|
isDense: true,
|
|
contentPadding: EdgeInsets.only(
|
|
left: 0,
|
|
right: -8
|
|
),
|
|
hintText: "输入趣恋恋ID/昵称进行搜索",
|
|
|
|
border: const OutlineInputBorder(
|
|
borderSide: BorderSide.none, // 这将移除边框 // 可选：设置圆角
|
|
),
|
|
// 如果你希望聚焦时和未聚焦时都没有边框，也可以设置 focusedBorder 和 enabledBorder
|
|
focusedBorder: const OutlineInputBorder(
|
|
borderSide: BorderSide.none,
|
|
borderRadius: BorderRadius.all(Radius.circular(4.0)),
|
|
),
|
|
enabledBorder: const OutlineInputBorder(
|
|
borderSide: BorderSide.none,
|
|
borderRadius: BorderRadius.all(Radius.circular(4.0)),
|
|
),
|
|
),
|
|
onChanged: controller.onTextChanged,
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
Expanded(
|
|
child: SingleChildScrollView(
|
|
child: Container(
|
|
padding: EdgeInsets.symmetric(horizontal: 15.w),
|
|
child: Column(
|
|
children: [
|
|
if(controller.matchmakerList.isEmpty) Container(
|
|
padding: EdgeInsets.only(top: 45.w),
|
|
child: Column(
|
|
children: [
|
|
Text(
|
|
"仅支持搜索",
|
|
style: TextStyle(
|
|
color: const Color.fromRGBO(189, 189, 189, 1)
|
|
),
|
|
),
|
|
Text(
|
|
"趣恋恋主持人"
|
|
)
|
|
],
|
|
),
|
|
),
|
|
...controller.matchmakerList.map((e){
|
|
return SearchItem(item: e,);
|
|
}),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
)
|
|
],
|
|
),
|
|
);
|
|
},
|
|
);
|
|
}
|
|
}
|
|
|
|
class SearchItem extends StatefulWidget {
|
|
final Records item;
|
|
const SearchItem({super.key, required this.item});
|
|
|
|
@override
|
|
State<SearchItem> createState() => _SearchItemState();
|
|
}
|
|
|
|
class _SearchItemState extends State<SearchItem> {
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return Container(
|
|
margin: EdgeInsets.only(bottom: 10.w),
|
|
child: Row(
|
|
children: [
|
|
CachedNetworkImage(
|
|
imageUrl: '${widget.item.profilePhoto}?x-oss-process=image/format,webp/resize,w_320',
|
|
width: 60,
|
|
height: 60,
|
|
fit: BoxFit.cover,
|
|
imageBuilder: (context, imageProvider) => Container(
|
|
decoration: BoxDecoration(
|
|
borderRadius: BorderRadius.circular(60),
|
|
image: DecorationImage(
|
|
image: imageProvider,
|
|
fit: BoxFit.cover,
|
|
),
|
|
),
|
|
),
|
|
errorWidget: (context, url, error) => Image.asset(
|
|
Assets.imagesUserAvatar,
|
|
width: 60,
|
|
height: 60,
|
|
fit: BoxFit.cover,
|
|
),
|
|
),
|
|
SizedBox(width: 15.w,),
|
|
Expanded(
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Row(
|
|
children: [
|
|
Flexible(
|
|
child: Text(
|
|
widget.item.nickName ?? '用户',
|
|
style: TextStyle(
|
|
fontSize: 16,
|
|
fontWeight: FontWeight.w500,
|
|
color: Color.fromRGBO(51, 51, 51, 1),
|
|
),
|
|
maxLines: 1,
|
|
overflow: TextOverflow.ellipsis,
|
|
),
|
|
),
|
|
SizedBox(width: 10.w,),
|
|
if(widget.item.liveStreaming ?? false)Container(
|
|
width: 33.w,
|
|
height: 13.w,
|
|
margin: EdgeInsets.only(left: 6.w),
|
|
decoration: BoxDecoration(
|
|
borderRadius: BorderRadius.all(Radius.circular(13.w)),
|
|
color: const Color.fromRGBO(234, 255, 219, 1)
|
|
),
|
|
child: Center(
|
|
child: Text(
|
|
"在线",
|
|
style: TextStyle(
|
|
fontSize: 11.w,
|
|
color: const Color.fromRGBO(38, 199, 124, 1)
|
|
),
|
|
),
|
|
),
|
|
)
|
|
],
|
|
),
|
|
|
|
const SizedBox(height: 6),
|
|
SizedBox(
|
|
height: 16,
|
|
child: Text(
|
|
'${widget.item.age ?? 0}岁 ${(widget.item.cityName ?? '') != "" ? "· " : ""}${widget.item.cityName ?? ''}',
|
|
style: TextStyle(
|
|
fontSize: 12,
|
|
color: Color.fromRGBO(51, 51, 51, 1),
|
|
),
|
|
overflow: TextOverflow.ellipsis,
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
SizedBox(width: 15.w,),
|
|
Container(
|
|
width: 60.w,
|
|
height: 30.w,
|
|
decoration: BoxDecoration(
|
|
borderRadius: BorderRadius.all(Radius.circular(30.w)),
|
|
color: const Color.fromRGBO(117, 98, 249, 1)
|
|
),
|
|
child: Center(
|
|
child: Text(
|
|
"发消息",
|
|
style: TextStyle(
|
|
fontSize: 13.w,
|
|
color: Colors.white
|
|
),
|
|
),
|
|
),
|
|
).onTap(() async {
|
|
if (widget.item.userId?.isEmpty ?? false) {
|
|
SmartDialog.showToast('用户ID不存在，无法发送消息');
|
|
return;
|
|
}
|
|
|
|
try {
|
|
final _userApi = Get.find<UserApi>();
|
|
final response = await _userApi.getDongwoMarriageInformationDetail(miId: widget.item.miId ?? "");
|
|
if (response.data.isSuccess && response.data.data != null) {
|
|
|
|
|
|
// 使用工厂方法将 UserInfoData 转换为 MarriageData
|
|
final marriageData = MarriageData.fromUserInfoData(response.data.data ?? UserInfoData());
|
|
|
|
|
|
await Get.to(() => ChatPage(
|
|
userId: widget.item.userId ?? "",
|
|
userData: marriageData,
|
|
));
|
|
|
|
|
|
} else {
|
|
// 响应失败，设置错误信息
|
|
final errorMsg = response.data.message ?? '获取数据失败';
|
|
|
|
SmartDialog.showToast(errorMsg);
|
|
}
|
|
} catch(e, stackTrace){
|
|
print('获取用户信息失败: $e');
|
|
print('堆栈跟踪: $stackTrace');
|
|
|
|
SmartDialog.showToast('获取用户信息失败，请稍后重试');
|
|
// 不再 rethrow，避免导致闪退
|
|
}
|
|
})
|
|
],
|
|
),
|
|
).onTap(() async {
|
|
if (widget.item.liveStreaming ?? false) {
|
|
late final RoomController roomController;
|
|
|
|
if (Get.isRegistered<RoomController>()) {
|
|
roomController = Get.find<RoomController>();
|
|
} else {
|
|
roomController = Get.put(RoomController());
|
|
}
|
|
await roomController.joinChannel(widget.item.isLiveChannelId ?? "");
|
|
} else {
|
|
Get.to(() => UserInformationPage(miId: widget.item.miId ?? ""));
|
|
}
|
|
|
|
});
|
|
}
|
|
}
|
|
|