新增 mobile/：畅联手机端 Flutter 工程（B-58）
- 登录：工号+密码走 account-service /api/login，自动登录、被踢下线回登录页 - 消息：会话列表（未读角标/免打扰/时间）、单聊群聊、文字/语音/图片/文件消息、失败重发、历史分页 - 通讯录：新的同事/我的群聊入口、按部门分组（好友 ex 字段）、搜索 - 通话：一对一语音通话（信令走 OpenIM 自定义消息 + LiveKit，token 走 /api/rtc_token） - 界面按确认效果图 m1/m2/m3 实现，主色 #3B87F5，四态视图齐全，无英文残留
This commit is contained in:
KIMI
@@ -0,0 +1,33 @@
|
||||
/// 服务器地址集中配置。
|
||||
///
|
||||
/// 服务器换了地址只需要改这一个文件：
|
||||
/// 1. 改下面的 [serverHost] 为新的服务器内网 IP（或域名）；
|
||||
/// 2. 如果端口也被重新映射，改对应端口常量即可。
|
||||
library;
|
||||
|
||||
/// 服务器内网地址（不带协议、不带端口）
|
||||
const String serverHost = '192.168.200.11';
|
||||
|
||||
/// OpenIM API 端口（服务端 docker 映射，默认 10002）
|
||||
const int apiPort = 10002;
|
||||
|
||||
/// OpenIM WebSocket 端口（默认 10001）
|
||||
const int wsPort = 10001;
|
||||
|
||||
/// LiveKit 信令端口（注意：服务端已重映射为 17880，不是默认的 7880）
|
||||
const int livekitPort = 17880;
|
||||
|
||||
/// 公司账号登录后端端口（B-60 account-server，docker 默认映射 10010）
|
||||
const int authApiPort = 10010;
|
||||
|
||||
/// OpenIM API 地址，例：http://192.168.200.11:10002
|
||||
const String apiAddr = 'http://$serverHost:$apiPort';
|
||||
|
||||
/// OpenIM 消息长连接地址，例：ws://192.168.200.11:10001
|
||||
const String wsAddr = 'ws://$serverHost:$wsPort';
|
||||
|
||||
/// LiveKit 连接地址，例：ws://192.168.200.11:17880
|
||||
const String livekitUrl = 'ws://$serverHost:$livekitPort';
|
||||
|
||||
/// 公司账号登录后端地址，例：http://192.168.200.11:10010
|
||||
const String authApiBase = 'http://$serverHost:$authApiPort';
|
||||
@@ -0,0 +1,113 @@
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:flutter_localizations/flutter_localizations.dart';
|
||||
|
||||
import 'nav.dart';
|
||||
import 'screens/call_screen.dart';
|
||||
import 'screens/home_screen.dart';
|
||||
import 'screens/login_screen.dart';
|
||||
import 'services/call_service.dart';
|
||||
import 'services/im_service.dart';
|
||||
import 'theme.dart';
|
||||
|
||||
void main() {
|
||||
WidgetsFlutterBinding.ensureInitialized();
|
||||
runApp(const ChanglianApp());
|
||||
}
|
||||
|
||||
class ChanglianApp extends StatefulWidget {
|
||||
const ChanglianApp({super.key});
|
||||
|
||||
@override
|
||||
State<ChanglianApp> createState() => _ChanglianAppState();
|
||||
}
|
||||
|
||||
class _ChanglianAppState extends State<ChanglianApp> {
|
||||
@override
|
||||
void initState() {
|
||||
super.initState();
|
||||
// 被踢下线 / token 失效：清凭证、回登录页
|
||||
IMService.instance.onForceLogout = () async {
|
||||
await LoginScreen.clearCredential();
|
||||
navigatorKey.currentState?.pushAndRemoveUntil(
|
||||
MaterialPageRoute(builder: (_) => const LoginScreen()),
|
||||
(route) => false,
|
||||
);
|
||||
};
|
||||
// 来电时弹出通话界面
|
||||
CallService.instance.onIncomingCall = () {
|
||||
navigatorKey.currentState?.push(
|
||||
MaterialPageRoute(builder: (_) => const CallScreen(), fullscreenDialog: true),
|
||||
);
|
||||
};
|
||||
}
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return MaterialApp(
|
||||
title: '畅联',
|
||||
navigatorKey: navigatorKey,
|
||||
theme: buildAppTheme(),
|
||||
debugShowCheckedModeBanner: false,
|
||||
localizationsDelegates: const [
|
||||
GlobalMaterialLocalizations.delegate,
|
||||
GlobalWidgetsLocalizations.delegate,
|
||||
GlobalCupertinoLocalizations.delegate,
|
||||
],
|
||||
supportedLocales: const [Locale('zh', 'CN')],
|
||||
locale: const Locale('zh', 'CN'),
|
||||
home: const SplashGate(),
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
/// 启动页：初始化 SDK，有本地凭证则自动登录进主页，否则进登录页
|
||||
class SplashGate extends StatefulWidget {
|
||||
const SplashGate({super.key});
|
||||
|
||||
@override
|
||||
State<SplashGate> createState() => _SplashGateState();
|
||||
}
|
||||
|
||||
class _SplashGateState extends State<SplashGate> {
|
||||
@override
|
||||
void initState() {
|
||||
super.initState();
|
||||
_boot();
|
||||
}
|
||||
|
||||
Future<void> _boot() async {
|
||||
final im = IMService.instance;
|
||||
try {
|
||||
await im.init();
|
||||
final credential = await LoginScreen.readCredential();
|
||||
if (credential != null) {
|
||||
await im.login(userID: credential.$1, token: credential.$2);
|
||||
CallService.instance.start();
|
||||
if (!mounted) return;
|
||||
Navigator.of(context).pushReplacement(MaterialPageRoute(builder: (_) => const HomeScreen()));
|
||||
return;
|
||||
}
|
||||
} catch (_) {
|
||||
// 自动登录失败（token 失效等）：清凭证回登录页
|
||||
await LoginScreen.clearCredential();
|
||||
}
|
||||
if (!mounted) return;
|
||||
Navigator.of(context).pushReplacement(MaterialPageRoute(builder: (_) => const LoginScreen()));
|
||||
}
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return const Scaffold(
|
||||
body: Center(
|
||||
child: Column(
|
||||
mainAxisSize: MainAxisSize.min,
|
||||
children: [
|
||||
Text('畅联', style: TextStyle(fontSize: 32, fontWeight: FontWeight.w600, color: AppColors.primary)),
|
||||
SizedBox(height: AppGap.x6),
|
||||
SizedBox(width: 28, height: 28, child: CircularProgressIndicator(strokeWidth: 3, color: AppColors.primary)),
|
||||
],
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,69 @@
|
||||
/// 通话信令的数据模型。
|
||||
/// 与官方样板工程 openim_common 的 InvitationInfo 字段保持一致，
|
||||
/// 保证和 PC 端 / 其他端互通。
|
||||
class InvitationInfo {
|
||||
/// 邀请者 userID
|
||||
String? inviterUserID;
|
||||
|
||||
/// 被邀请者 userID 列表，单聊只有一个元素
|
||||
List<String>? inviteeUserIDList;
|
||||
|
||||
/// 群聊时为群 ID，单聊为空
|
||||
String? groupID;
|
||||
|
||||
/// 房间 ID，必须唯一
|
||||
String? roomID;
|
||||
|
||||
/// 邀请超时时间（秒）
|
||||
int? timeout;
|
||||
|
||||
/// 发起时间
|
||||
int? initiateTime;
|
||||
|
||||
/// video 或者 audio（本项目只做 audio）
|
||||
String? mediaType;
|
||||
|
||||
/// 会话类型：1 为单聊
|
||||
int? sessionType;
|
||||
|
||||
/// 发起方平台
|
||||
int? platformID;
|
||||
|
||||
InvitationInfo({
|
||||
this.inviterUserID,
|
||||
this.inviteeUserIDList,
|
||||
this.groupID,
|
||||
this.roomID,
|
||||
this.timeout,
|
||||
this.initiateTime,
|
||||
this.mediaType,
|
||||
this.sessionType,
|
||||
this.platformID,
|
||||
});
|
||||
|
||||
InvitationInfo.fromJson(Map<String, dynamic> json) {
|
||||
inviterUserID = json['inviterUserID'];
|
||||
inviteeUserIDList = json['inviteeUserIDList']?.cast<String>();
|
||||
groupID = json['groupID'];
|
||||
roomID = json['roomID'];
|
||||
timeout = json['timeout'];
|
||||
initiateTime = json['initiateTime'];
|
||||
mediaType = json['mediaType'];
|
||||
sessionType = json['sessionType'];
|
||||
platformID = json['platformID'];
|
||||
}
|
||||
|
||||
Map<String, dynamic> toJson() {
|
||||
final data = <String, dynamic>{};
|
||||
data['inviterUserID'] = inviterUserID;
|
||||
data['inviteeUserIDList'] = inviteeUserIDList;
|
||||
data['groupID'] = groupID;
|
||||
data['roomID'] = roomID;
|
||||
data['timeout'] = timeout;
|
||||
data['initiateTime'] = initiateTime;
|
||||
data['mediaType'] = mediaType;
|
||||
data['sessionType'] = sessionType;
|
||||
data['platformID'] = platformID;
|
||||
return data;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,4 @@
|
||||
import 'package:flutter/material.dart';
|
||||
|
||||
/// 全局导航键：被踢下线回登录页、来电弹通话界面、通话结束提示都要用它
|
||||
final GlobalKey<NavigatorState> navigatorKey = GlobalKey<NavigatorState>();
|
||||
@@ -0,0 +1,88 @@
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:flutter_openim_sdk/flutter_openim_sdk.dart';
|
||||
|
||||
import '../theme.dart';
|
||||
|
||||
/// 添加同事：输入对方工号（userID）发送好友申请
|
||||
class AddFriendScreen extends StatefulWidget {
|
||||
const AddFriendScreen({super.key});
|
||||
|
||||
@override
|
||||
State<AddFriendScreen> createState() => _AddFriendScreenState();
|
||||
}
|
||||
|
||||
class _AddFriendScreenState extends State<AddFriendScreen> {
|
||||
final TextEditingController _idCtrl = TextEditingController();
|
||||
bool _sending = false;
|
||||
|
||||
@override
|
||||
void dispose() {
|
||||
_idCtrl.dispose();
|
||||
super.dispose();
|
||||
}
|
||||
|
||||
Future<void> _send() async {
|
||||
final userID = _idCtrl.text.trim();
|
||||
if (userID.isEmpty) {
|
||||
_toast('请输入对方工号');
|
||||
return;
|
||||
}
|
||||
setState(() => _sending = true);
|
||||
try {
|
||||
await OpenIM.iMManager.friendshipManager.addFriend(userID: userID, reason: '你好，我想加你为同事');
|
||||
if (!mounted) return;
|
||||
_toast('申请已发送，等对方通过');
|
||||
Navigator.of(context).pop();
|
||||
} catch (_) {
|
||||
_toast('发送失败，请确认工号正确、网络正常');
|
||||
} finally {
|
||||
if (mounted) setState(() => _sending = false);
|
||||
}
|
||||
}
|
||||
|
||||
void _toast(String text) {
|
||||
ScaffoldMessenger.of(context).showSnackBar(SnackBar(content: Text(text), duration: const Duration(seconds: 2)));
|
||||
}
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return Scaffold(
|
||||
appBar: AppBar(title: const Text('添加同事')),
|
||||
body: Padding(
|
||||
padding: const EdgeInsets.all(AppGap.x4),
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.stretch,
|
||||
children: [
|
||||
TextField(
|
||||
controller: _idCtrl,
|
||||
decoration: InputDecoration(
|
||||
hintText: '请输入对方工号',
|
||||
hintStyle: const TextStyle(color: AppColors.textSecondary),
|
||||
filled: true,
|
||||
fillColor: AppColors.searchBg,
|
||||
border: OutlineInputBorder(
|
||||
borderRadius: BorderRadius.circular(8),
|
||||
borderSide: BorderSide.none,
|
||||
),
|
||||
),
|
||||
),
|
||||
const SizedBox(height: AppGap.x6),
|
||||
SizedBox(
|
||||
height: 48,
|
||||
child: FilledButton(
|
||||
onPressed: _sending ? null : _send,
|
||||
style: FilledButton.styleFrom(
|
||||
backgroundColor: AppColors.primary,
|
||||
shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(8)),
|
||||
),
|
||||
child: _sending
|
||||
? const SizedBox(width: 20, height: 20, child: CircularProgressIndicator(strokeWidth: 2, color: Colors.white))
|
||||
: const Text('发送申请', style: TextStyle(fontSize: AppFont.body)),
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,185 @@
|
||||
import 'package:flutter/material.dart';
|
||||
|
||||
import '../nav.dart';
|
||||
import '../services/call_service.dart';
|
||||
import '../theme.dart';
|
||||
import '../utils/format.dart';
|
||||
import '../widgets/avatar.dart';
|
||||
|
||||
/// 一对一语音通话界面：呼出 / 来电 / 通话中三种状态。
|
||||
/// 界面只读 CallService 的状态，信令与房间管理都在 service 里。
|
||||
class CallScreen extends StatefulWidget {
|
||||
const CallScreen({super.key});
|
||||
|
||||
@override
|
||||
State<CallScreen> createState() => _CallScreenState();
|
||||
}
|
||||
|
||||
class _CallScreenState extends State<CallScreen> {
|
||||
CallService get _call => CallService.instance;
|
||||
|
||||
@override
|
||||
void initState() {
|
||||
super.initState();
|
||||
// 通话状态变化时刷新界面；回到空闲态时关闭页面
|
||||
_call.addListener(_onCallChanged);
|
||||
}
|
||||
|
||||
@override
|
||||
void dispose() {
|
||||
_call.removeListener(_onCallChanged);
|
||||
super.dispose();
|
||||
}
|
||||
|
||||
void _onCallChanged() {
|
||||
if (!mounted) return;
|
||||
if (_call.phase == CallPhase.idle) {
|
||||
final hint = _call.takeEndHint();
|
||||
Navigator.of(context).maybePop();
|
||||
if (hint != null) {
|
||||
// 页面关闭后，用全局导航键把提示弹到底层页面上
|
||||
WidgetsBinding.instance.addPostFrameCallback((_) {
|
||||
final ctx = navigatorKey.currentContext;
|
||||
if (ctx != null) {
|
||||
ScaffoldMessenger.maybeOf(ctx)?.showSnackBar(
|
||||
SnackBar(content: Text(hint), duration: const Duration(seconds: 2)),
|
||||
);
|
||||
}
|
||||
});
|
||||
}
|
||||
return;
|
||||
}
|
||||
setState(() {});
|
||||
}
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
final phase = _call.phase;
|
||||
return Scaffold(
|
||||
backgroundColor: const Color(0xFF2B3038),
|
||||
body: SafeArea(
|
||||
child: Column(
|
||||
children: [
|
||||
const SizedBox(height: AppGap.x12),
|
||||
NameAvatar(name: _call.peerName, size: 88),
|
||||
const SizedBox(height: AppGap.x4),
|
||||
Text(
|
||||
_call.peerName,
|
||||
style: const TextStyle(fontSize: 20, fontWeight: FontWeight.w600, color: Colors.white),
|
||||
),
|
||||
const SizedBox(height: AppGap.x2),
|
||||
Text(
|
||||
_statusText(phase),
|
||||
style: const TextStyle(fontSize: AppFont.sub, color: Color(0xFFB0B6BF)),
|
||||
),
|
||||
const Spacer(),
|
||||
_buttons(phase),
|
||||
const SizedBox(height: AppGap.x12),
|
||||
],
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
String _statusText(CallPhase phase) {
|
||||
switch (phase) {
|
||||
case CallPhase.outgoing:
|
||||
return '正在呼叫，等待对方接听…';
|
||||
case CallPhase.incoming:
|
||||
return '邀请你语音通话';
|
||||
case CallPhase.incall:
|
||||
return FormatUtils.callDuration(_call.callSeconds);
|
||||
case CallPhase.idle:
|
||||
return '通话已结束';
|
||||
}
|
||||
}
|
||||
|
||||
Widget _buttons(CallPhase phase) {
|
||||
switch (phase) {
|
||||
case CallPhase.outgoing:
|
||||
return _roundButton(icon: Icons.call_end, color: AppColors.danger, label: '取消', onTap: _call.leave);
|
||||
case CallPhase.incoming:
|
||||
return Row(
|
||||
mainAxisAlignment: MainAxisAlignment.spaceEvenly,
|
||||
children: [
|
||||
_roundButton(icon: Icons.call_end, color: AppColors.danger, label: '拒绝', onTap: _call.reject),
|
||||
_roundButton(icon: Icons.call, color: const Color(0xFF2BA245), label: '接听', onTap: _call.accept),
|
||||
],
|
||||
);
|
||||
case CallPhase.incall:
|
||||
return Row(
|
||||
mainAxisAlignment: MainAxisAlignment.spaceEvenly,
|
||||
children: [
|
||||
_toggleButton(
|
||||
icon: _call.micOn ? Icons.mic : Icons.mic_off,
|
||||
label: _call.micOn ? '静音' : '已静音',
|
||||
active: !_call.micOn,
|
||||
onTap: _call.toggleMic,
|
||||
),
|
||||
_roundButton(icon: Icons.call_end, color: AppColors.danger, label: '挂断', onTap: _call.hangup),
|
||||
_toggleButton(
|
||||
icon: Icons.volume_up,
|
||||
label: _call.speakerOn ? '免提开' : '免提',
|
||||
active: _call.speakerOn,
|
||||
onTap: _call.toggleSpeaker,
|
||||
),
|
||||
],
|
||||
);
|
||||
case CallPhase.idle:
|
||||
return const SizedBox.shrink();
|
||||
}
|
||||
}
|
||||
|
||||
Widget _roundButton({
|
||||
required IconData icon,
|
||||
required Color color,
|
||||
required String label,
|
||||
required VoidCallback onTap,
|
||||
}) {
|
||||
return Column(
|
||||
mainAxisSize: MainAxisSize.min,
|
||||
children: [
|
||||
InkWell(
|
||||
onTap: onTap,
|
||||
borderRadius: BorderRadius.circular(32),
|
||||
child: Container(
|
||||
width: 64,
|
||||
height: 64,
|
||||
decoration: BoxDecoration(color: color, shape: BoxShape.circle),
|
||||
child: Icon(icon, size: 30, color: Colors.white),
|
||||
),
|
||||
),
|
||||
const SizedBox(height: AppGap.x2),
|
||||
Text(label, style: const TextStyle(fontSize: AppFont.sub, color: Color(0xFFB0B6BF))),
|
||||
],
|
||||
);
|
||||
}
|
||||
|
||||
Widget _toggleButton({
|
||||
required IconData icon,
|
||||
required String label,
|
||||
required bool active,
|
||||
required VoidCallback onTap,
|
||||
}) {
|
||||
return Column(
|
||||
mainAxisSize: MainAxisSize.min,
|
||||
children: [
|
||||
InkWell(
|
||||
onTap: onTap,
|
||||
borderRadius: BorderRadius.circular(32),
|
||||
child: Container(
|
||||
width: 64,
|
||||
height: 64,
|
||||
decoration: BoxDecoration(
|
||||
color: active ? Colors.white : const Color(0xFF3A4048),
|
||||
shape: BoxShape.circle,
|
||||
),
|
||||
child: Icon(icon, size: 28, color: active ? AppColors.textPrimary : Colors.white),
|
||||
),
|
||||
),
|
||||
const SizedBox(height: AppGap.x2),
|
||||
Text(label, style: const TextStyle(fontSize: AppFont.sub, color: Color(0xFFB0B6BF))),
|
||||
],
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,414 @@
|
||||
import 'dart:async';
|
||||
import 'dart:io';
|
||||
|
||||
import 'package:dio/dio.dart';
|
||||
import 'package:file_picker/file_picker.dart';
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:flutter_openim_sdk/flutter_openim_sdk.dart';
|
||||
import 'package:image_picker/image_picker.dart';
|
||||
import 'package:just_audio/just_audio.dart';
|
||||
import 'package:open_filex/open_filex.dart';
|
||||
import 'package:path_provider/path_provider.dart';
|
||||
|
||||
import '../services/call_service.dart';
|
||||
import '../services/im_service.dart';
|
||||
import '../theme.dart';
|
||||
import '../utils/format.dart';
|
||||
import '../widgets/chat_input_bar.dart';
|
||||
import '../widgets/message_bubble.dart';
|
||||
import 'call_screen.dart';
|
||||
|
||||
/// 单聊 / 群聊聊天页（效果图 m2）
|
||||
class ChatScreen extends StatefulWidget {
|
||||
final ConversationInfo conversation;
|
||||
|
||||
const ChatScreen({super.key, required this.conversation});
|
||||
|
||||
@override
|
||||
State<ChatScreen> createState() => _ChatScreenState();
|
||||
}
|
||||
|
||||
class _ChatScreenState extends State<ChatScreen> {
|
||||
/// 消息列表，新消息在前（配合 reverse 列表）
|
||||
final List<Message> _messages = [];
|
||||
final ScrollController _scroll = ScrollController();
|
||||
final AudioPlayer _player = AudioPlayer();
|
||||
final Dio _dio = Dio();
|
||||
|
||||
StreamSubscription<Message>? _msgSub;
|
||||
StreamSubscription<String>? _revokeSub;
|
||||
|
||||
bool _loadingHistory = false;
|
||||
bool _hasMore = true;
|
||||
String? _playingVoiceId;
|
||||
|
||||
static const int _pageSize = 30;
|
||||
|
||||
/// 相邻消息间隔超过 5 分钟显示时间分隔条
|
||||
static const int _dividerGapMillis = 5 * 60 * 1000;
|
||||
|
||||
ConversationInfo get _conv => widget.conversation;
|
||||
bool get _isGroup =>
|
||||
_conv.conversationType == ConversationType.superGroup || _conv.conversationType == ConversationType.group;
|
||||
String get _peerID => _conv.userID ?? '';
|
||||
String get _groupID => _conv.groupID ?? '';
|
||||
String get _title => _conv.showName ?? '';
|
||||
|
||||
@override
|
||||
void initState() {
|
||||
super.initState();
|
||||
_loadHistory(first: true);
|
||||
IMService.instance.markConversationRead(_conv.conversationID);
|
||||
_msgSub = IMService.instance.onNewMessage.listen(_onNewMessage);
|
||||
_revokeSub = IMService.instance.onMessageRevoked.listen(_onRevoked);
|
||||
_scroll.addListener(() {
|
||||
// 滚动到顶部加载更早的历史消息
|
||||
if (_scroll.position.pixels >= _scroll.position.maxScrollExtent - 40) {
|
||||
_loadHistory();
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
@override
|
||||
void dispose() {
|
||||
_msgSub?.cancel();
|
||||
_revokeSub?.cancel();
|
||||
_scroll.dispose();
|
||||
_player.dispose();
|
||||
super.dispose();
|
||||
}
|
||||
|
||||
// ---------------- 历史消息 ----------------
|
||||
|
||||
Future<void> _loadHistory({bool first = false}) async {
|
||||
if (_loadingHistory || (!_hasMore && !first)) return;
|
||||
_loadingHistory = true;
|
||||
try {
|
||||
final result = await OpenIM.iMManager.messageManager.getAdvancedHistoryMessageList(
|
||||
conversationID: _conv.conversationID,
|
||||
count: _pageSize,
|
||||
startMsg: first ? null : (_messages.isEmpty ? null : _messages.last),
|
||||
);
|
||||
final list = result.messageList ?? [];
|
||||
if (!mounted) return;
|
||||
setState(() {
|
||||
if (first) _messages.clear();
|
||||
_messages.addAll(list);
|
||||
if (list.length < _pageSize || result.isEnd == true) _hasMore = false;
|
||||
});
|
||||
} catch (_) {
|
||||
if (first && mounted) _toast('消息没加载出来，请检查网络');
|
||||
} finally {
|
||||
_loadingHistory = false;
|
||||
}
|
||||
}
|
||||
|
||||
// ---------------- 新消息 / 撤回 ----------------
|
||||
|
||||
bool _belongsHere(Message msg) {
|
||||
if (_isGroup) return msg.groupID == _groupID;
|
||||
final myID = IMService.instance.currentUserID;
|
||||
// 对方发来的，或自己在别的设备发的
|
||||
return (msg.sendID == _peerID && msg.recvID == myID) || (msg.sendID == myID && msg.recvID == _peerID);
|
||||
}
|
||||
|
||||
void _onNewMessage(Message msg) {
|
||||
if (!_belongsHere(msg)) return;
|
||||
if (!mounted) return;
|
||||
setState(() {
|
||||
final idx = _messages.indexWhere((m) => m.clientMsgID == msg.clientMsgID);
|
||||
if (idx >= 0) {
|
||||
_messages[idx] = msg;
|
||||
} else {
|
||||
_messages.insert(0, msg);
|
||||
}
|
||||
});
|
||||
IMService.instance.markConversationRead(_conv.conversationID);
|
||||
}
|
||||
|
||||
void _onRevoked(String clientMsgID) {
|
||||
final idx = _messages.indexWhere((m) => m.clientMsgID == clientMsgID);
|
||||
if (idx < 0 || !mounted) return;
|
||||
setState(() => _messages.removeAt(idx));
|
||||
_toast('对方撤回了一条消息');
|
||||
}
|
||||
|
||||
// ---------------- 发送 ----------------
|
||||
|
||||
Future<void> _sendMessage(Message message) async {
|
||||
setState(() {
|
||||
message.status = MessageStatus.sending;
|
||||
_messages.insert(0, message);
|
||||
});
|
||||
if (_scroll.hasClients) _scroll.jumpTo(0);
|
||||
try {
|
||||
final sent = await OpenIM.iMManager.messageManager.sendMessage(
|
||||
message: message,
|
||||
userID: _isGroup ? null : _peerID,
|
||||
groupID: _isGroup ? _groupID : null,
|
||||
offlinePushInfo: OfflinePushInfo(),
|
||||
);
|
||||
if (!mounted) return;
|
||||
setState(() => message.status = sent.status ?? MessageStatus.succeeded);
|
||||
} catch (_) {
|
||||
if (!mounted) return;
|
||||
setState(() => message.status = MessageStatus.failed);
|
||||
}
|
||||
}
|
||||
|
||||
/// 点红色感叹号重发
|
||||
Future<void> _resend(Message message) async {
|
||||
setState(() => message.status = MessageStatus.sending);
|
||||
try {
|
||||
final sent = await OpenIM.iMManager.messageManager.sendMessage(
|
||||
message: message,
|
||||
userID: _isGroup ? null : _peerID,
|
||||
groupID: _isGroup ? _groupID : null,
|
||||
offlinePushInfo: OfflinePushInfo(),
|
||||
);
|
||||
if (!mounted) return;
|
||||
setState(() => message.status = sent.status ?? MessageStatus.succeeded);
|
||||
} catch (_) {
|
||||
if (!mounted) return;
|
||||
setState(() => message.status = MessageStatus.failed);
|
||||
}
|
||||
}
|
||||
|
||||
Future<void> _sendText(String text) async {
|
||||
try {
|
||||
final message = await OpenIM.iMManager.messageManager.createTextMessage(text: text);
|
||||
_sendMessage(message);
|
||||
} catch (_) {
|
||||
_toast('消息没发出去，请重试');
|
||||
}
|
||||
}
|
||||
|
||||
Future<void> _sendVoice(String path, int duration) async {
|
||||
try {
|
||||
final message = await OpenIM.iMManager.messageManager.createSoundMessageFromFullPath(
|
||||
soundPath: path,
|
||||
duration: duration,
|
||||
);
|
||||
_sendMessage(message);
|
||||
} catch (_) {
|
||||
_toast('语音没发出去，请重试');
|
||||
}
|
||||
}
|
||||
|
||||
Future<void> _pickAndSendImage() async {
|
||||
try {
|
||||
final picked = await ImagePicker().pickImage(source: ImageSource.gallery, imageQuality: 80);
|
||||
if (picked == null) return;
|
||||
final message = await OpenIM.iMManager.messageManager.createImageMessageFromFullPath(imagePath: picked.path);
|
||||
_sendMessage(message);
|
||||
} catch (_) {
|
||||
_toast('图片没发出去，请重试');
|
||||
}
|
||||
}
|
||||
|
||||
Future<void> _pickAndSendFile() async {
|
||||
try {
|
||||
final result = await FilePicker.platform.pickFiles();
|
||||
final file = result?.files.single;
|
||||
if (file == null || file.path == null) return;
|
||||
final message = await OpenIM.iMManager.messageManager.createFileMessageFromFullPath(
|
||||
filePath: file.path!,
|
||||
fileName: file.name,
|
||||
);
|
||||
_sendMessage(message);
|
||||
} catch (_) {
|
||||
_toast('文件没发出去，请重试');
|
||||
}
|
||||
}
|
||||
|
||||
// ---------------- 语音播放 / 文件打开 ----------------
|
||||
|
||||
Future<void> _playVoice(Message message) async {
|
||||
try {
|
||||
// 再点一次同一条语音 = 停止
|
||||
if (_playingVoiceId == message.clientMsgID && _player.playing) {
|
||||
await _player.stop();
|
||||
if (mounted) setState(() => _playingVoiceId = null);
|
||||
return;
|
||||
}
|
||||
final localPath = message.soundElem?.soundPath;
|
||||
final url = message.soundElem?.sourceUrl;
|
||||
if (localPath != null && localPath.isNotEmpty && File(localPath).existsSync()) {
|
||||
await _player.setFilePath(localPath);
|
||||
} else if (url != null && url.isNotEmpty) {
|
||||
await _player.setUrl(url);
|
||||
} else {
|
||||
_toast('语音文件找不到了');
|
||||
return;
|
||||
}
|
||||
if (mounted) setState(() => _playingVoiceId = message.clientMsgID);
|
||||
// 播放后去掉未读红点
|
||||
setState(() => message.isRead = true);
|
||||
await _player.play();
|
||||
if (mounted) setState(() => _playingVoiceId = null);
|
||||
} catch (_) {
|
||||
if (mounted) setState(() => _playingVoiceId = null);
|
||||
_toast('语音播放失败');
|
||||
}
|
||||
}
|
||||
|
||||
Future<void> _openFile(Message message) async {
|
||||
final localPath = message.fileElem?.filePath;
|
||||
final url = message.fileElem?.sourceUrl;
|
||||
final fileName = message.fileElem?.fileName ?? 'file';
|
||||
try {
|
||||
String path;
|
||||
if (localPath != null && localPath.isNotEmpty && File(localPath).existsSync()) {
|
||||
path = localPath;
|
||||
} else if (url != null && url.isNotEmpty) {
|
||||
_toast('正在下载，请稍候');
|
||||
final dir = await getTemporaryDirectory();
|
||||
path = '${dir.path}/$fileName';
|
||||
await _dio.download(url, path);
|
||||
} else {
|
||||
_toast('文件找不到了');
|
||||
return;
|
||||
}
|
||||
final result = await OpenFilex.open(path);
|
||||
if (result.type != ResultType.done) {
|
||||
_toast('没有能打开这个文件的应用');
|
||||
}
|
||||
} catch (_) {
|
||||
_toast('文件打不开，请稍后再试');
|
||||
}
|
||||
}
|
||||
|
||||
// ---------------- 语音通话 ----------------
|
||||
|
||||
Future<void> _startVoiceCall() async {
|
||||
final error = await CallService.instance.startCall(peerUserID: _peerID, peerName: _title);
|
||||
if (!mounted) return;
|
||||
if (error != null) {
|
||||
_toast(error);
|
||||
return;
|
||||
}
|
||||
Navigator.of(context).push(MaterialPageRoute(builder: (_) => const CallScreen(), fullscreenDialog: true));
|
||||
}
|
||||
|
||||
void _toast(String text) {
|
||||
ScaffoldMessenger.of(context).showSnackBar(SnackBar(content: Text(text), duration: const Duration(seconds: 2)));
|
||||
}
|
||||
|
||||
// ---------------- 界面 ----------------
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
final self = IMService.instance.selfInfo;
|
||||
return Scaffold(
|
||||
backgroundColor: AppColors.chatBg,
|
||||
appBar: AppBar(
|
||||
title: Text(_title),
|
||||
actions: [
|
||||
if (!_isGroup)
|
||||
IconButton(
|
||||
icon: const Icon(Icons.more_horiz),
|
||||
onPressed: () {
|
||||
showModalBottomSheet(
|
||||
context: context,
|
||||
builder: (ctx) => SafeArea(
|
||||
child: ListTile(
|
||||
leading: const Icon(Icons.phone_outlined),
|
||||
title: const Text('语音通话'),
|
||||
onTap: () {
|
||||
Navigator.of(ctx).pop();
|
||||
_startVoiceCall();
|
||||
},
|
||||
),
|
||||
),
|
||||
);
|
||||
},
|
||||
),
|
||||
],
|
||||
),
|
||||
body: Column(
|
||||
children: [
|
||||
Expanded(
|
||||
child: GestureDetector(
|
||||
onTap: () => FocusScope.of(context).unfocus(),
|
||||
child: ListView.builder(
|
||||
controller: _scroll,
|
||||
reverse: true,
|
||||
padding: const EdgeInsets.symmetric(vertical: AppGap.x2),
|
||||
itemCount: _messages.length,
|
||||
itemBuilder: (context, i) {
|
||||
final msg = _messages[i];
|
||||
return Column(
|
||||
children: [
|
||||
_buildMessageRow(msg, self),
|
||||
if (_showDividerAt(i)) _timeDivider(msg),
|
||||
],
|
||||
);
|
||||
},
|
||||
),
|
||||
),
|
||||
),
|
||||
SafeArea(
|
||||
top: false,
|
||||
child: ChatInputBar(
|
||||
onSendText: _sendText,
|
||||
onSendVoice: _sendVoice,
|
||||
onPickImage: _pickAndSendImage,
|
||||
onPickFile: _pickAndSendFile,
|
||||
onVoiceCall: _isGroup ? null : _startVoiceCall,
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
Widget _buildMessageRow(Message msg, UserInfo? self) {
|
||||
final isMine = msg.sendID == IMService.instance.currentUserID;
|
||||
// 通知类消息（如入群提示）：居中灰字
|
||||
if ((msg.contentType ?? 0) >= MessageType.notificationBegin) {
|
||||
return Padding(
|
||||
padding: const EdgeInsets.symmetric(vertical: AppGap.x2),
|
||||
child: Center(
|
||||
child: Text(
|
||||
FormatUtils.messagePreview(msg, isGroup: _isGroup),
|
||||
style: const TextStyle(fontSize: AppFont.small, color: AppColors.textSecondary),
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
return MessageBubble(
|
||||
message: msg,
|
||||
isMine: isMine,
|
||||
selfName: self?.nickname ?? '',
|
||||
selfFaceURL: self?.faceURL,
|
||||
peerName: _title,
|
||||
peerFaceURL: _isGroup ? null : _conv.faceURL,
|
||||
showSenderName: _isGroup,
|
||||
playingVoiceId: _playingVoiceId,
|
||||
onTapVoice: _playVoice,
|
||||
onTapFile: _openFile,
|
||||
onResend: _resend,
|
||||
);
|
||||
}
|
||||
|
||||
/// 与上一条（更旧的）消息间隔超过 5 分钟时显示时间分隔条
|
||||
bool _showDividerAt(int i) {
|
||||
final current = _messages[i].sendTime ?? 0;
|
||||
if (current <= 0) return false;
|
||||
if (i == _messages.length - 1) return true; // 最早一条也显示
|
||||
final older = _messages[i + 1].sendTime ?? 0;
|
||||
return current - older > _dividerGapMillis;
|
||||
}
|
||||
|
||||
Widget _timeDivider(Message msg) {
|
||||
return Padding(
|
||||
padding: const EdgeInsets.symmetric(vertical: AppGap.x2),
|
||||
child: Center(
|
||||
child: Text(
|
||||
FormatUtils.chatDividerTime(msg.sendTime ?? 0),
|
||||
style: const TextStyle(fontSize: AppFont.small, color: AppColors.textSecondary),
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,274 @@
|
||||
import 'dart:convert';
|
||||
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:flutter_openim_sdk/flutter_openim_sdk.dart';
|
||||
|
||||
import '../services/im_service.dart';
|
||||
import '../theme.dart';
|
||||
import '../widgets/avatar.dart';
|
||||
import '../widgets/search_box.dart';
|
||||
import 'add_friend_screen.dart';
|
||||
import 'chat_screen.dart';
|
||||
import 'group_list_screen.dart';
|
||||
import 'new_friends_screen.dart';
|
||||
|
||||
/// 同事扩展信息（friendInfo 的 ex 字段，JSON 格式）
|
||||
class _ContactEx {
|
||||
final String department;
|
||||
final String title;
|
||||
|
||||
_ContactEx(this.department, this.title);
|
||||
|
||||
/// 解析 ex 字段；解析不到归「同事」组、无职务
|
||||
static _ContactEx parse(String? ex) {
|
||||
if (ex == null || ex.isEmpty) return _ContactEx('同事', '');
|
||||
try {
|
||||
final map = jsonDecode(ex);
|
||||
if (map is Map<String, dynamic>) {
|
||||
return _ContactEx(
|
||||
map['department']?.toString() ?? '同事',
|
||||
map['title']?.toString() ?? '',
|
||||
);
|
||||
}
|
||||
} catch (_) {
|
||||
// 不是 JSON 按默认组处理
|
||||
}
|
||||
return _ContactEx('同事', '');
|
||||
}
|
||||
}
|
||||
|
||||
/// 通讯录页（效果图 m3）：
|
||||
/// 标题 + 添加人图标、搜索框、「新的同事」「我的群聊」两行入口、按部门分组的联系人列表。
|
||||
/// 数据源：OpenIM 好友列表，部门/职务取自好友 ex 字段（JSON）。
|
||||
class ContactsScreen extends StatefulWidget {
|
||||
const ContactsScreen({super.key});
|
||||
|
||||
@override
|
||||
State<ContactsScreen> createState() => _ContactsScreenState();
|
||||
}
|
||||
|
||||
class _ContactsScreenState extends State<ContactsScreen> {
|
||||
List<FriendInfo> _friends = [];
|
||||
int _pendingRequests = 0;
|
||||
bool _loading = true;
|
||||
bool _failed = false;
|
||||
String _keyword = '';
|
||||
|
||||
@override
|
||||
void initState() {
|
||||
super.initState();
|
||||
_load();
|
||||
// 好友变更时刷新（IMService 会 notifyListeners）
|
||||
IMService.instance.addListener(_onImChanged);
|
||||
}
|
||||
|
||||
@override
|
||||
void dispose() {
|
||||
IMService.instance.removeListener(_onImChanged);
|
||||
super.dispose();
|
||||
}
|
||||
|
||||
void _onImChanged() => _load();
|
||||
|
||||
Future<void> _load() async {
|
||||
if (!IMService.instance.loggedIn) return;
|
||||
try {
|
||||
final friends = await OpenIM.iMManager.friendshipManager.getFriendList();
|
||||
final applications = await OpenIM.iMManager.friendshipManager.getFriendApplicationListAsRecipient();
|
||||
if (!mounted) return;
|
||||
setState(() {
|
||||
_friends = friends;
|
||||
_pendingRequests = applications.where((a) => a.handleResult == 0).length;
|
||||
_loading = false;
|
||||
_failed = false;
|
||||
});
|
||||
} catch (_) {
|
||||
if (!mounted) return;
|
||||
setState(() {
|
||||
_loading = false;
|
||||
_failed = true;
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return Scaffold(
|
||||
appBar: AppBar(
|
||||
title: const Text('通讯录'),
|
||||
actions: [
|
||||
IconButton(
|
||||
icon: const Icon(Icons.person_add_alt, size: 24),
|
||||
onPressed: () {
|
||||
Navigator.of(context)
|
||||
.push(MaterialPageRoute(builder: (_) => const AddFriendScreen()))
|
||||
.then((_) => _load());
|
||||
},
|
||||
),
|
||||
],
|
||||
),
|
||||
body: Column(
|
||||
children: [
|
||||
SearchBox(onChanged: (v) => setState(() => _keyword = v)),
|
||||
Expanded(child: _buildBody()),
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
Widget _buildBody() {
|
||||
if (_loading) {
|
||||
return const Center(child: CircularProgressIndicator(color: AppColors.primary));
|
||||
}
|
||||
if (_failed) {
|
||||
return Center(
|
||||
child: Column(
|
||||
mainAxisSize: MainAxisSize.min,
|
||||
children: [
|
||||
const Text('通讯录没加载出来', style: TextStyle(fontSize: AppFont.body, color: AppColors.textPrimary)),
|
||||
const SizedBox(height: AppGap.x2),
|
||||
const Text('检查一下网络，再点重试', style: TextStyle(fontSize: AppFont.sub, color: AppColors.textSecondary)),
|
||||
const SizedBox(height: AppGap.x4),
|
||||
OutlinedButton(onPressed: _load, child: const Text('重试')),
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
// 搜索时只过滤联系人，隐藏两行功能入口与分组
|
||||
if (_keyword.isNotEmpty) {
|
||||
final matched = _friends.where((f) => _displayName(f).toLowerCase().contains(_keyword.toLowerCase())).toList();
|
||||
if (matched.isEmpty) {
|
||||
return const Center(
|
||||
child: Text('没有找到相关同事', style: TextStyle(fontSize: AppFont.sub, color: AppColors.textSecondary)),
|
||||
);
|
||||
}
|
||||
return ListView.separated(
|
||||
itemCount: matched.length,
|
||||
separatorBuilder: (_, __) => const Divider(indent: 76),
|
||||
itemBuilder: (_, i) => _contactTile(matched[i]),
|
||||
);
|
||||
}
|
||||
|
||||
// 按部门分组
|
||||
final groups = <String, List<FriendInfo>>{};
|
||||
for (final f in _friends) {
|
||||
final ex = _ContactEx.parse(f.ex);
|
||||
groups.putIfAbsent(ex.department, () => []).add(f);
|
||||
}
|
||||
final departments = groups.keys.toList()..sort((a, b) => a == '同事' ? 1 : b == '同事' ? -1 : a.compareTo(b));
|
||||
|
||||
return ListView(
|
||||
children: [
|
||||
_entryTile(),
|
||||
const SizedBox(height: AppGap.x2),
|
||||
for (final dept in departments) ...[
|
||||
_groupHeader(dept, groups[dept]!.length),
|
||||
for (var i = 0; i < groups[dept]!.length; i++) ...[
|
||||
_contactTile(groups[dept]![i]),
|
||||
if (i < groups[dept]!.length - 1) const Divider(indent: 76),
|
||||
],
|
||||
],
|
||||
],
|
||||
);
|
||||
}
|
||||
|
||||
/// 「新的同事」「我的群聊」两行功能入口
|
||||
Widget _entryTile() {
|
||||
return Column(
|
||||
children: [
|
||||
ListTile(
|
||||
leading: _entryIcon(Icons.person_add_alt),
|
||||
title: const Text('新的同事', style: TextStyle(fontSize: AppFont.body)),
|
||||
trailing: _pendingRequests > 0
|
||||
? Container(
|
||||
constraints: const BoxConstraints(minWidth: 20),
|
||||
height: 20,
|
||||
padding: const EdgeInsets.symmetric(horizontal: 5),
|
||||
alignment: Alignment.center,
|
||||
decoration: BoxDecoration(color: AppColors.danger, borderRadius: BorderRadius.circular(10)),
|
||||
child: Text(
|
||||
_pendingRequests > 99 ? '99+' : '$_pendingRequests',
|
||||
style: const TextStyle(fontSize: AppFont.small, color: Colors.white),
|
||||
),
|
||||
)
|
||||
: const Icon(Icons.chevron_right, color: AppColors.textSecondary),
|
||||
onTap: () {
|
||||
Navigator.of(context)
|
||||
.push(MaterialPageRoute(builder: (_) => const NewFriendsScreen()))
|
||||
.then((_) => _load());
|
||||
},
|
||||
),
|
||||
const Divider(indent: 76),
|
||||
ListTile(
|
||||
leading: _entryIcon(Icons.people_outline),
|
||||
title: const Text('我的群聊', style: TextStyle(fontSize: AppFont.body)),
|
||||
trailing: const Icon(Icons.chevron_right, color: AppColors.textSecondary),
|
||||
onTap: () {
|
||||
Navigator.of(context).push(MaterialPageRoute(builder: (_) => const GroupListScreen()));
|
||||
},
|
||||
),
|
||||
],
|
||||
);
|
||||
}
|
||||
|
||||
Widget _entryIcon(IconData icon) {
|
||||
return Container(
|
||||
width: 48,
|
||||
height: 48,
|
||||
decoration: BoxDecoration(
|
||||
color: AppColors.bubbleMine,
|
||||
borderRadius: BorderRadius.circular(8),
|
||||
),
|
||||
child: Icon(icon, color: AppColors.primary),
|
||||
);
|
||||
}
|
||||
|
||||
Widget _groupHeader(String department, int count) {
|
||||
return Container(
|
||||
width: double.infinity,
|
||||
color: AppColors.pinnedBg,
|
||||
padding: const EdgeInsets.symmetric(horizontal: AppGap.x4, vertical: AppGap.x2),
|
||||
child: Text(
|
||||
'$department（$count 人）',
|
||||
style: const TextStyle(fontSize: AppFont.sub, color: AppColors.textSecondary),
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
String _displayName(FriendInfo f) {
|
||||
if (f.remark?.isNotEmpty == true) return f.remark!;
|
||||
return f.nickname ?? f.friendUserID ?? '';
|
||||
}
|
||||
|
||||
Widget _contactTile(FriendInfo f) {
|
||||
final name = _displayName(f);
|
||||
final ex = _ContactEx.parse(f.ex);
|
||||
return ListTile(
|
||||
leading: NameAvatar(name: name, faceURL: f.faceURL),
|
||||
title: Text(name, style: const TextStyle(fontSize: AppFont.body, color: AppColors.textPrimary)),
|
||||
trailing: ex.title.isNotEmpty
|
||||
? Text(ex.title, style: const TextStyle(fontSize: AppFont.sub, color: AppColors.textSecondary))
|
||||
: null,
|
||||
onTap: () => _openChat(f, name),
|
||||
);
|
||||
}
|
||||
|
||||
/// 点联系人直接进单聊
|
||||
Future<void> _openChat(FriendInfo f, String name) async {
|
||||
try {
|
||||
final conversation = await OpenIM.iMManager.conversationManager.getOneConversation(
|
||||
sourceID: f.friendUserID ?? '',
|
||||
sessionType: ConversationType.single,
|
||||
);
|
||||
conversation.showName = name;
|
||||
if (!mounted) return;
|
||||
Navigator.of(context).push(MaterialPageRoute(builder: (_) => ChatScreen(conversation: conversation)));
|
||||
} catch (_) {
|
||||
if (!mounted) return;
|
||||
ScaffoldMessenger.of(context).showSnackBar(
|
||||
const SnackBar(content: Text('打开会话失败，请检查网络'), duration: Duration(seconds: 2)),
|
||||
);
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,191 @@
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:flutter_openim_sdk/flutter_openim_sdk.dart';
|
||||
|
||||
import '../services/im_service.dart';
|
||||
import '../theme.dart';
|
||||
import '../utils/format.dart';
|
||||
import '../widgets/avatar.dart';
|
||||
import '../widgets/search_box.dart';
|
||||
import '../widgets/state_views.dart';
|
||||
import 'add_friend_screen.dart';
|
||||
import 'chat_screen.dart';
|
||||
|
||||
/// 消息列表页（效果图 m1）：
|
||||
/// 标题「畅联」+ 圆形加号、搜索框、会话行（头像/名称/预览/时间/未读角标/免打扰铃铛）、
|
||||
/// 置顶置灰，空/加载/失败/断网四态按 states.png。
|
||||
class ConversationListScreen extends StatefulWidget {
|
||||
/// 空态「去找同事」按钮：切到通讯录 Tab
|
||||
final VoidCallback? onFindContacts;
|
||||
|
||||
const ConversationListScreen({super.key, this.onFindContacts});
|
||||
|
||||
@override
|
||||
State<ConversationListScreen> createState() => _ConversationListScreenState();
|
||||
}
|
||||
|
||||
class _ConversationListScreenState extends State<ConversationListScreen> {
|
||||
String _keyword = '';
|
||||
|
||||
bool get _offline => IMService.instance.connectStatus != ConnectStatus.success;
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return Scaffold(
|
||||
appBar: AppBar(
|
||||
title: const Text('畅联'),
|
||||
actions: [
|
||||
IconButton(
|
||||
icon: const Icon(Icons.add_circle_outline, size: 26),
|
||||
onPressed: () {
|
||||
// 加号：从简只保留「添加同事」入口
|
||||
showModalBottomSheet(
|
||||
context: context,
|
||||
builder: (ctx) => SafeArea(
|
||||
child: ListTile(
|
||||
leading: const Icon(Icons.person_add_alt),
|
||||
title: const Text('添加同事'),
|
||||
onTap: () {
|
||||
Navigator.of(ctx).pop();
|
||||
Navigator.of(context).push(MaterialPageRoute(builder: (_) => const AddFriendScreen()));
|
||||
},
|
||||
),
|
||||
),
|
||||
);
|
||||
},
|
||||
),
|
||||
],
|
||||
),
|
||||
body: AnimatedBuilder(
|
||||
animation: IMService.instance,
|
||||
builder: (context, _) {
|
||||
return Column(
|
||||
children: [
|
||||
if (_offline) const OfflineBanner(),
|
||||
SearchBox(onChanged: (v) => setState(() => _keyword = v)),
|
||||
Expanded(child: _buildBody()),
|
||||
],
|
||||
);
|
||||
},
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
Widget _buildBody() {
|
||||
final im = IMService.instance;
|
||||
// 四态：加载中 / 加载失败 / 空 / 列表
|
||||
if (!im.conversationsLoaded && im.syncing && im.conversations.isEmpty) {
|
||||
return const LoadingConversations();
|
||||
}
|
||||
if (im.syncFailed && im.conversations.isEmpty) {
|
||||
return ErrorConversations(onRetry: () => im.refreshConversations());
|
||||
}
|
||||
final list = _keyword.isEmpty
|
||||
? im.conversations
|
||||
: im.conversations
|
||||
.where((c) => (c.showName ?? '').toLowerCase().contains(_keyword.toLowerCase()))
|
||||
.toList();
|
||||
if (list.isEmpty) {
|
||||
if (_keyword.isNotEmpty) {
|
||||
return const Center(
|
||||
child: Text('没有找到相关会话', style: TextStyle(fontSize: AppFont.sub, color: AppColors.textSecondary)),
|
||||
);
|
||||
}
|
||||
return EmptyConversations(onFindContacts: widget.onFindContacts);
|
||||
}
|
||||
return ListView.separated(
|
||||
itemCount: list.length + (_offline ? 1 : 0),
|
||||
separatorBuilder: (_, i) => const Divider(indent: 80),
|
||||
itemBuilder: (context, i) {
|
||||
if (i >= list.length) return const OfflineFooter();
|
||||
return _conversationTile(list[i]);
|
||||
},
|
||||
);
|
||||
}
|
||||
|
||||
Widget _conversationTile(ConversationInfo c) {
|
||||
final isGroup = c.conversationType == ConversationType.superGroup || c.conversationType == ConversationType.group;
|
||||
final muted = (c.recvMsgOpt ?? 0) != 0;
|
||||
return Material(
|
||||
color: c.isPinned == true ? AppColors.pinnedBg : AppColors.pageBg,
|
||||
child: InkWell(
|
||||
onTap: () {
|
||||
Navigator.of(context)
|
||||
.push(MaterialPageRoute(builder: (_) => ChatScreen(conversation: c)))
|
||||
.then((_) => IMService.instance.refreshConversations());
|
||||
},
|
||||
child: Padding(
|
||||
padding: const EdgeInsets.symmetric(horizontal: AppGap.x3, vertical: AppGap.x3),
|
||||
child: Row(
|
||||
children: [
|
||||
_avatarWithBadge(c, isGroup, muted),
|
||||
const SizedBox(width: AppGap.x3),
|
||||
Expanded(
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
Text(
|
||||
c.showName ?? '',
|
||||
maxLines: 1,
|
||||
overflow: TextOverflow.ellipsis,
|
||||
style: const TextStyle(fontSize: AppFont.body, color: AppColors.textPrimary),
|
||||
),
|
||||
const SizedBox(height: AppGap.x1),
|
||||
Row(
|
||||
children: [
|
||||
Expanded(
|
||||
child: Text(
|
||||
FormatUtils.messagePreview(c.latestMsg, isGroup: isGroup),
|
||||
maxLines: 1,
|
||||
overflow: TextOverflow.ellipsis,
|
||||
style: const TextStyle(fontSize: AppFont.sub, color: AppColors.textSecondary),
|
||||
),
|
||||
),
|
||||
if (muted)
|
||||
const Icon(Icons.notifications_off_outlined, size: 16, color: AppColors.textSecondary),
|
||||
],
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
const SizedBox(width: AppGap.x2),
|
||||
Text(
|
||||
FormatUtils.conversationTime(c.latestMsgSendTime),
|
||||
style: const TextStyle(fontSize: AppFont.small, color: AppColors.textSecondary),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
Widget _avatarWithBadge(ConversationInfo c, bool isGroup, bool muted) {
|
||||
final unread = c.unreadCount;
|
||||
return Stack(
|
||||
clipBehavior: Clip.none,
|
||||
children: [
|
||||
NameAvatar(name: c.showName ?? '', faceURL: c.faceURL, isGroup: isGroup, size: 56),
|
||||
if (unread > 0)
|
||||
Positioned(
|
||||
right: -6,
|
||||
top: -6,
|
||||
child: Container(
|
||||
constraints: const BoxConstraints(minWidth: 18),
|
||||
height: 18,
|
||||
padding: const EdgeInsets.symmetric(horizontal: 4),
|
||||
alignment: Alignment.center,
|
||||
decoration: BoxDecoration(
|
||||
// 免打扰会话的角标弱化（参考微信习惯）
|
||||
color: muted ? AppColors.textSecondary : AppColors.danger,
|
||||
borderRadius: BorderRadius.circular(9),
|
||||
),
|
||||
child: Text(
|
||||
unread > 99 ? '99+' : '$unread',
|
||||
style: const TextStyle(fontSize: 11, color: Colors.white),
|
||||
),
|
||||
),
|
||||
),
|
||||
],
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,106 @@
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:flutter_openim_sdk/flutter_openim_sdk.dart';
|
||||
|
||||
import '../theme.dart';
|
||||
import '../widgets/avatar.dart';
|
||||
import 'chat_screen.dart';
|
||||
|
||||
/// 「我的群聊」：已加入的群列表
|
||||
class GroupListScreen extends StatefulWidget {
|
||||
const GroupListScreen({super.key});
|
||||
|
||||
@override
|
||||
State<GroupListScreen> createState() => _GroupListScreenState();
|
||||
}
|
||||
|
||||
class _GroupListScreenState extends State<GroupListScreen> {
|
||||
List<GroupInfo> _groups = [];
|
||||
bool _loading = true;
|
||||
bool _failed = false;
|
||||
|
||||
@override
|
||||
void initState() {
|
||||
super.initState();
|
||||
_load();
|
||||
}
|
||||
|
||||
Future<void> _load() async {
|
||||
try {
|
||||
final list = await OpenIM.iMManager.groupManager.getJoinedGroupList();
|
||||
if (!mounted) return;
|
||||
setState(() {
|
||||
_groups = list;
|
||||
_loading = false;
|
||||
_failed = false;
|
||||
});
|
||||
} catch (_) {
|
||||
if (!mounted) return;
|
||||
setState(() {
|
||||
_loading = false;
|
||||
_failed = true;
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return Scaffold(
|
||||
appBar: AppBar(title: const Text('我的群聊')),
|
||||
body: _buildBody(),
|
||||
);
|
||||
}
|
||||
|
||||
Widget _buildBody() {
|
||||
if (_loading) {
|
||||
return const Center(child: CircularProgressIndicator(color: AppColors.primary));
|
||||
}
|
||||
if (_failed) {
|
||||
return Center(
|
||||
child: Column(
|
||||
mainAxisSize: MainAxisSize.min,
|
||||
children: [
|
||||
const Text('群聊列表没加载出来', style: TextStyle(fontSize: AppFont.body, color: AppColors.textPrimary)),
|
||||
const SizedBox(height: AppGap.x4),
|
||||
OutlinedButton(onPressed: _load, child: const Text('重试')),
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
if (_groups.isEmpty) {
|
||||
return const Center(
|
||||
child: Text('你还没有加入任何群聊', style: TextStyle(fontSize: AppFont.sub, color: AppColors.textSecondary)),
|
||||
);
|
||||
}
|
||||
return ListView.separated(
|
||||
itemCount: _groups.length,
|
||||
separatorBuilder: (_, __) => const Divider(indent: 76),
|
||||
itemBuilder: (_, i) => _tile(_groups[i]),
|
||||
);
|
||||
}
|
||||
|
||||
Widget _tile(GroupInfo g) {
|
||||
final name = g.groupName ?? '';
|
||||
return ListTile(
|
||||
leading: NameAvatar(name: name, isGroup: true),
|
||||
title: Text(name, style: const TextStyle(fontSize: AppFont.body)),
|
||||
subtitle: Text('${g.memberCount ?? 0} 人', style: const TextStyle(fontSize: AppFont.sub, color: AppColors.textSecondary)),
|
||||
onTap: () => _openChat(g),
|
||||
);
|
||||
}
|
||||
|
||||
Future<void> _openChat(GroupInfo g) async {
|
||||
try {
|
||||
final conversation = await OpenIM.iMManager.conversationManager.getOneConversation(
|
||||
sourceID: g.groupID,
|
||||
sessionType: ConversationType.superGroup,
|
||||
);
|
||||
if (!mounted) return;
|
||||
Navigator.of(context).push(MaterialPageRoute(builder: (_) => ChatScreen(conversation: conversation)));
|
||||
} catch (_) {
|
||||
if (!mounted) return;
|
||||
ScaffoldMessenger.of(context).showSnackBar(
|
||||
const SnackBar(content: Text('打开会话失败，请检查网络'), duration: Duration(seconds: 2)),
|
||||
);
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,42 @@
|
||||
import 'package:flutter/material.dart';
|
||||
|
||||
import 'contacts_screen.dart';
|
||||
import 'conversation_list_screen.dart';
|
||||
import 'mine_screen.dart';
|
||||
|
||||
/// 主页：底部三 Tab —— 消息 / 通讯录 / 我的
|
||||
class HomeScreen extends StatefulWidget {
|
||||
const HomeScreen({super.key});
|
||||
|
||||
@override
|
||||
State<HomeScreen> createState() => _HomeScreenState();
|
||||
}
|
||||
|
||||
class _HomeScreenState extends State<HomeScreen> {
|
||||
int _index = 0;
|
||||
|
||||
void switchTab(int index) => setState(() => _index = index);
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return Scaffold(
|
||||
body: IndexedStack(
|
||||
index: _index,
|
||||
children: [
|
||||
ConversationListScreen(onFindContacts: () => switchTab(1)),
|
||||
const ContactsScreen(),
|
||||
const MineScreen(),
|
||||
],
|
||||
),
|
||||
bottomNavigationBar: BottomNavigationBar(
|
||||
currentIndex: _index,
|
||||
onTap: (i) => setState(() => _index = i),
|
||||
items: const [
|
||||
BottomNavigationBarItem(icon: Icon(Icons.chat_bubble), label: '消息'),
|
||||
BottomNavigationBarItem(icon: Icon(Icons.people), label: '通讯录'),
|
||||
BottomNavigationBarItem(icon: Icon(Icons.person), label: '我的'),
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,171 @@
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:shared_preferences/shared_preferences.dart';
|
||||
|
||||
import '../services/auth_api.dart';
|
||||
import '../services/call_service.dart';
|
||||
import '../services/im_service.dart';
|
||||
import '../theme.dart';
|
||||
import 'home_screen.dart';
|
||||
|
||||
/// 登录页：工号 + 密码，登录中按钮转菊花，失败在按钮下方红字提示。
|
||||
class LoginScreen extends StatefulWidget {
|
||||
const LoginScreen({super.key});
|
||||
|
||||
/// 本地保存登录凭证的键（自动登录用）
|
||||
static const String keyUserID = 'login_userID';
|
||||
static const String keyToken = 'login_token';
|
||||
static const String keyNickname = 'login_nickname';
|
||||
|
||||
/// 保存登录凭证
|
||||
static Future<void> saveCredential(String userID, String token, String nickname) async {
|
||||
final prefs = await SharedPreferences.getInstance();
|
||||
await prefs.setString(keyUserID, userID);
|
||||
await prefs.setString(keyToken, token);
|
||||
await prefs.setString(keyNickname, nickname);
|
||||
}
|
||||
|
||||
/// 清除登录凭证（退出登录 / token 失效时）
|
||||
static Future<void> clearCredential() async {
|
||||
final prefs = await SharedPreferences.getInstance();
|
||||
await prefs.remove(keyUserID);
|
||||
await prefs.remove(keyToken);
|
||||
await prefs.remove(keyNickname);
|
||||
}
|
||||
|
||||
/// 读取已保存的凭证
|
||||
static Future<(String, String)?> readCredential() async {
|
||||
final prefs = await SharedPreferences.getInstance();
|
||||
final userID = prefs.getString(keyUserID);
|
||||
final token = prefs.getString(keyToken);
|
||||
if (userID == null || userID.isEmpty || token == null || token.isEmpty) return null;
|
||||
return (userID, token);
|
||||
}
|
||||
|
||||
@override
|
||||
State<LoginScreen> createState() => _LoginScreenState();
|
||||
}
|
||||
|
||||
class _LoginScreenState extends State<LoginScreen> {
|
||||
final TextEditingController _idCtrl = TextEditingController();
|
||||
final TextEditingController _pwdCtrl = TextEditingController();
|
||||
final AuthApi _authApi = AuthApi();
|
||||
|
||||
bool _logging = false;
|
||||
String? _error;
|
||||
|
||||
@override
|
||||
void dispose() {
|
||||
_idCtrl.dispose();
|
||||
_pwdCtrl.dispose();
|
||||
super.dispose();
|
||||
}
|
||||
|
||||
Future<void> _login() async {
|
||||
final staffNo = _idCtrl.text.trim();
|
||||
final password = _pwdCtrl.text;
|
||||
if (staffNo.isEmpty || password.isEmpty) {
|
||||
setState(() => _error = '请输入工号和密码');
|
||||
return;
|
||||
}
|
||||
setState(() {
|
||||
_logging = true;
|
||||
_error = null;
|
||||
});
|
||||
try {
|
||||
// 1. 公司账号登录，拿 OpenIM 的 userID/imToken
|
||||
final result = await _authApi.login(
|
||||
staffNo: staffNo,
|
||||
password: password,
|
||||
platformID: IMService.instance.platformID,
|
||||
);
|
||||
// 2. 登录 OpenIM SDK
|
||||
await IMService.instance.login(userID: result.userID, token: result.token);
|
||||
// 3. 启动通话信令监听
|
||||
CallService.instance.start();
|
||||
// 4. 存凭证用于下次自动登录
|
||||
await LoginScreen.saveCredential(result.userID, result.token, result.nickname);
|
||||
if (!mounted) return;
|
||||
Navigator.of(context).pushReplacement(
|
||||
MaterialPageRoute(builder: (_) => const HomeScreen()),
|
||||
);
|
||||
} on AuthException catch (e) {
|
||||
setState(() => _error = e.message);
|
||||
} catch (_) {
|
||||
setState(() => _error = '登录出错了，请稍后再试');
|
||||
} finally {
|
||||
if (mounted) setState(() => _logging = false);
|
||||
}
|
||||
}
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return Scaffold(
|
||||
backgroundColor: AppColors.pageBg,
|
||||
body: SafeArea(
|
||||
child: SingleChildScrollView(
|
||||
padding: const EdgeInsets.symmetric(horizontal: AppGap.x8),
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.stretch,
|
||||
children: [
|
||||
const SizedBox(height: 96),
|
||||
const Text(
|
||||
'畅联',
|
||||
textAlign: TextAlign.center,
|
||||
style: TextStyle(fontSize: 32, fontWeight: FontWeight.w600, color: AppColors.primary),
|
||||
),
|
||||
const SizedBox(height: AppGap.x12),
|
||||
_input(_idCtrl, '请输入工号', Icons.person_outline, false),
|
||||
const SizedBox(height: AppGap.x4),
|
||||
_input(_pwdCtrl, '请输入密码', Icons.lock_outline, true),
|
||||
const SizedBox(height: AppGap.x6),
|
||||
SizedBox(
|
||||
height: 48,
|
||||
child: FilledButton(
|
||||
onPressed: _logging ? null : _login,
|
||||
style: FilledButton.styleFrom(
|
||||
backgroundColor: AppColors.primary,
|
||||
shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(8)),
|
||||
),
|
||||
child: _logging
|
||||
? const SizedBox(
|
||||
width: 20,
|
||||
height: 20,
|
||||
child: CircularProgressIndicator(strokeWidth: 2, color: Colors.white),
|
||||
)
|
||||
: const Text('登录', style: TextStyle(fontSize: AppFont.body)),
|
||||
),
|
||||
),
|
||||
if (_error != null) ...[
|
||||
const SizedBox(height: AppGap.x3),
|
||||
Text(
|
||||
_error!,
|
||||
textAlign: TextAlign.center,
|
||||
style: const TextStyle(fontSize: AppFont.sub, color: AppColors.danger),
|
||||
),
|
||||
],
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
Widget _input(TextEditingController ctrl, String hint, IconData icon, bool obscure) {
|
||||
return TextField(
|
||||
controller: ctrl,
|
||||
obscureText: obscure,
|
||||
decoration: InputDecoration(
|
||||
hintText: hint,
|
||||
hintStyle: const TextStyle(color: AppColors.textSecondary, fontSize: AppFont.body),
|
||||
prefixIcon: Icon(icon, color: AppColors.textSecondary),
|
||||
filled: true,
|
||||
fillColor: AppColors.searchBg,
|
||||
border: OutlineInputBorder(
|
||||
borderRadius: BorderRadius.circular(8),
|
||||
borderSide: BorderSide.none,
|
||||
),
|
||||
contentPadding: const EdgeInsets.symmetric(vertical: AppGap.x4),
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,182 @@
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:flutter_openim_sdk/flutter_openim_sdk.dart';
|
||||
|
||||
import '../services/im_service.dart';
|
||||
import '../theme.dart';
|
||||
import '../widgets/avatar.dart';
|
||||
import 'login_screen.dart';
|
||||
|
||||
/// 「我的」页：大头像 + 姓名 + 工号，设置 / 关于 / 退出登录
|
||||
class MineScreen extends StatefulWidget {
|
||||
const MineScreen({super.key});
|
||||
|
||||
@override
|
||||
State<MineScreen> createState() => _MineScreenState();
|
||||
}
|
||||
|
||||
class _MineScreenState extends State<MineScreen> {
|
||||
@override
|
||||
void initState() {
|
||||
super.initState();
|
||||
IMService.instance.refreshSelfInfo();
|
||||
}
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return Scaffold(
|
||||
appBar: AppBar(title: const Text('我的')),
|
||||
body: AnimatedBuilder(
|
||||
animation: IMService.instance,
|
||||
builder: (context, _) {
|
||||
final user = IMService.instance.selfInfo;
|
||||
final nickname = user?.nickname?.isNotEmpty == true ? user!.nickname! : '';
|
||||
final userID = IMService.instance.currentUserID ?? '';
|
||||
return ListView(
|
||||
children: [
|
||||
// 头部：大头像 + 姓名 + 工号
|
||||
Container(
|
||||
color: AppColors.pageBg,
|
||||
padding: const EdgeInsets.all(AppGap.x4),
|
||||
child: Row(
|
||||
children: [
|
||||
NameAvatar(name: nickname.isNotEmpty ? nickname : userID, faceURL: user?.faceURL, size: 64),
|
||||
const SizedBox(width: AppGap.x4),
|
||||
Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
Text(
|
||||
nickname.isNotEmpty ? nickname : userID,
|
||||
style: const TextStyle(fontSize: AppFont.title, fontWeight: FontWeight.w600, color: AppColors.textPrimary),
|
||||
),
|
||||
const SizedBox(height: AppGap.x1),
|
||||
Text(
|
||||
'工号：$userID',
|
||||
style: const TextStyle(fontSize: AppFont.sub, color: AppColors.textSecondary),
|
||||
),
|
||||
],
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
const SizedBox(height: AppGap.x3),
|
||||
_item(Icons.settings_outlined, '设置', () => _showSettings(nickname)),
|
||||
const Divider(indent: AppGap.x4),
|
||||
_item(Icons.info_outline, '关于', _showAbout),
|
||||
const Divider(indent: AppGap.x4),
|
||||
ListTile(
|
||||
leading: const Icon(Icons.logout, color: AppColors.danger),
|
||||
title: const Text('退出登录', style: TextStyle(fontSize: AppFont.body, color: AppColors.danger)),
|
||||
onTap: _confirmLogout,
|
||||
),
|
||||
],
|
||||
);
|
||||
},
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
Widget _item(IconData icon, String label, VoidCallback onTap) {
|
||||
return ListTile(
|
||||
leading: Icon(icon, color: AppColors.textPrimary),
|
||||
title: Text(label, style: const TextStyle(fontSize: AppFont.body)),
|
||||
trailing: const Icon(Icons.chevron_right, color: AppColors.textSecondary),
|
||||
onTap: onTap,
|
||||
);
|
||||
}
|
||||
|
||||
/// 设置：目前只有修改昵称
|
||||
void _showSettings(String currentNickname) {
|
||||
final ctrl = TextEditingController(text: currentNickname);
|
||||
showModalBottomSheet(
|
||||
context: context,
|
||||
isScrollControlled: true,
|
||||
builder: (ctx) => Padding(
|
||||
padding: EdgeInsets.only(
|
||||
left: AppGap.x4,
|
||||
right: AppGap.x4,
|
||||
top: AppGap.x4,
|
||||
bottom: MediaQuery.of(ctx).viewInsets.bottom + AppGap.x4,
|
||||
),
|
||||
child: Column(
|
||||
mainAxisSize: MainAxisSize.min,
|
||||
crossAxisAlignment: CrossAxisAlignment.stretch,
|
||||
children: [
|
||||
const Text('修改昵称', style: TextStyle(fontSize: AppFont.title, fontWeight: FontWeight.w600)),
|
||||
const SizedBox(height: AppGap.x4),
|
||||
TextField(
|
||||
controller: ctrl,
|
||||
decoration: InputDecoration(
|
||||
hintText: '请输入新昵称',
|
||||
filled: true,
|
||||
fillColor: AppColors.searchBg,
|
||||
border: OutlineInputBorder(
|
||||
borderRadius: BorderRadius.circular(8),
|
||||
borderSide: BorderSide.none,
|
||||
),
|
||||
),
|
||||
),
|
||||
const SizedBox(height: AppGap.x4),
|
||||
FilledButton(
|
||||
onPressed: () async {
|
||||
final name = ctrl.text.trim();
|
||||
if (name.isEmpty) return;
|
||||
try {
|
||||
await OpenIM.iMManager.userManager.setSelfInfo(nickname: name);
|
||||
await IMService.instance.refreshSelfInfo();
|
||||
if (ctx.mounted) Navigator.of(ctx).pop();
|
||||
} catch (_) {
|
||||
if (ctx.mounted) {
|
||||
ScaffoldMessenger.of(ctx).showSnackBar(
|
||||
const SnackBar(content: Text('修改失败，请检查网络后重试'), duration: Duration(seconds: 2)),
|
||||
);
|
||||
}
|
||||
}
|
||||
},
|
||||
style: FilledButton.styleFrom(backgroundColor: AppColors.primary),
|
||||
child: const Text('保存', style: TextStyle(fontSize: AppFont.body)),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
void _showAbout() {
|
||||
showDialog(
|
||||
context: context,
|
||||
builder: (ctx) => AlertDialog(
|
||||
title: const Text('关于畅联'),
|
||||
content: const Text('畅联 1.0.0\n公司内部通讯工具，供同事之间消息、文件与语音通话使用。'),
|
||||
actions: [
|
||||
TextButton(onPressed: () => Navigator.of(ctx).pop(), child: const Text('知道了')),
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
void _confirmLogout() {
|
||||
showDialog(
|
||||
context: context,
|
||||
builder: (ctx) => AlertDialog(
|
||||
title: const Text('退出登录'),
|
||||
content: const Text('退出后要重新输入工号和密码，确定退出吗？'),
|
||||
actions: [
|
||||
TextButton(onPressed: () => Navigator.of(ctx).pop(), child: const Text('取消')),
|
||||
TextButton(
|
||||
onPressed: () async {
|
||||
Navigator.of(ctx).pop();
|
||||
await LoginScreen.clearCredential();
|
||||
await IMService.instance.logout();
|
||||
if (!mounted) return;
|
||||
Navigator.of(context).pushAndRemoveUntil(
|
||||
MaterialPageRoute(builder: (_) => const LoginScreen()),
|
||||
(route) => false,
|
||||
);
|
||||
},
|
||||
child: const Text('退出', style: TextStyle(color: AppColors.danger)),
|
||||
),
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,140 @@
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:flutter_openim_sdk/flutter_openim_sdk.dart';
|
||||
|
||||
import '../theme.dart';
|
||||
import '../widgets/avatar.dart';
|
||||
|
||||
/// 「新的同事」：收到的好友申请列表，可接受 / 拒绝
|
||||
class NewFriendsScreen extends StatefulWidget {
|
||||
const NewFriendsScreen({super.key});
|
||||
|
||||
@override
|
||||
State<NewFriendsScreen> createState() => _NewFriendsScreenState();
|
||||
}
|
||||
|
||||
class _NewFriendsScreenState extends State<NewFriendsScreen> {
|
||||
List<FriendApplicationInfo> _list = [];
|
||||
bool _loading = true;
|
||||
bool _failed = false;
|
||||
|
||||
@override
|
||||
void initState() {
|
||||
super.initState();
|
||||
_load();
|
||||
}
|
||||
|
||||
Future<void> _load() async {
|
||||
try {
|
||||
final list = await OpenIM.iMManager.friendshipManager.getFriendApplicationListAsRecipient();
|
||||
if (!mounted) return;
|
||||
setState(() {
|
||||
_list = list;
|
||||
_loading = false;
|
||||
_failed = false;
|
||||
});
|
||||
} catch (_) {
|
||||
if (!mounted) return;
|
||||
setState(() {
|
||||
_loading = false;
|
||||
_failed = true;
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
Future<void> _handle(FriendApplicationInfo a, bool accept) async {
|
||||
try {
|
||||
if (accept) {
|
||||
await OpenIM.iMManager.friendshipManager.acceptFriendApplication(userID: a.fromUserID ?? '', handleMsg: '');
|
||||
} else {
|
||||
await OpenIM.iMManager.friendshipManager.refuseFriendApplication(userID: a.fromUserID ?? '', handleMsg: '');
|
||||
}
|
||||
if (!mounted) return;
|
||||
setState(() => a.handleResult = accept ? 1 : -1);
|
||||
_toast(accept ? '已添加为同事' : '已拒绝');
|
||||
} catch (_) {
|
||||
_toast('操作失败，请检查网络后重试');
|
||||
}
|
||||
}
|
||||
|
||||
void _toast(String text) {
|
||||
ScaffoldMessenger.of(context).showSnackBar(SnackBar(content: Text(text), duration: const Duration(seconds: 2)));
|
||||
}
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return Scaffold(
|
||||
appBar: AppBar(title: const Text('新的同事')),
|
||||
body: _buildBody(),
|
||||
);
|
||||
}
|
||||
|
||||
Widget _buildBody() {
|
||||
if (_loading) {
|
||||
return const Center(child: CircularProgressIndicator(color: AppColors.primary));
|
||||
}
|
||||
if (_failed) {
|
||||
return Center(
|
||||
child: Column(
|
||||
mainAxisSize: MainAxisSize.min,
|
||||
children: [
|
||||
const Text('申请列表没加载出来', style: TextStyle(fontSize: AppFont.body, color: AppColors.textPrimary)),
|
||||
const SizedBox(height: AppGap.x4),
|
||||
OutlinedButton(onPressed: _load, child: const Text('重试')),
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
if (_list.isEmpty) {
|
||||
return const Center(
|
||||
child: Text('暂时没有新的申请', style: TextStyle(fontSize: AppFont.sub, color: AppColors.textSecondary)),
|
||||
);
|
||||
}
|
||||
return ListView.separated(
|
||||
itemCount: _list.length,
|
||||
separatorBuilder: (_, __) => const Divider(indent: 76),
|
||||
itemBuilder: (_, i) => _tile(_list[i]),
|
||||
);
|
||||
}
|
||||
|
||||
Widget _tile(FriendApplicationInfo a) {
|
||||
final name = a.fromNickname?.isNotEmpty == true ? a.fromNickname! : (a.fromUserID ?? '');
|
||||
Widget trailing;
|
||||
if (a.handleResult == 1) {
|
||||
trailing = const Text('已添加', style: TextStyle(fontSize: AppFont.sub, color: AppColors.textSecondary));
|
||||
} else if (a.handleResult == -1) {
|
||||
trailing = const Text('已拒绝', style: TextStyle(fontSize: AppFont.sub, color: AppColors.textSecondary));
|
||||
} else {
|
||||
trailing = Row(
|
||||
mainAxisSize: MainAxisSize.min,
|
||||
children: [
|
||||
FilledButton(
|
||||
onPressed: () => _handle(a, true),
|
||||
style: FilledButton.styleFrom(
|
||||
backgroundColor: AppColors.primary,
|
||||
minimumSize: const Size(0, 32),
|
||||
padding: const EdgeInsets.symmetric(horizontal: AppGap.x3),
|
||||
),
|
||||
child: const Text('接受', style: TextStyle(fontSize: AppFont.sub)),
|
||||
),
|
||||
const SizedBox(width: AppGap.x2),
|
||||
OutlinedButton(
|
||||
onPressed: () => _handle(a, false),
|
||||
style: OutlinedButton.styleFrom(
|
||||
minimumSize: const Size(0, 32),
|
||||
padding: const EdgeInsets.symmetric(horizontal: AppGap.x3),
|
||||
),
|
||||
child: const Text('拒绝', style: TextStyle(fontSize: AppFont.sub)),
|
||||
),
|
||||
],
|
||||
);
|
||||
}
|
||||
return ListTile(
|
||||
leading: NameAvatar(name: name),
|
||||
title: Text(name, style: const TextStyle(fontSize: AppFont.body)),
|
||||
subtitle: a.reqMsg?.isNotEmpty == true
|
||||
? Text(a.reqMsg!, maxLines: 1, overflow: TextOverflow.ellipsis, style: const TextStyle(fontSize: AppFont.sub, color: AppColors.textSecondary))
|
||||
: null,
|
||||
trailing: trailing,
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,120 @@
|
||||
import 'package:dio/dio.dart';
|
||||
|
||||
import '../config.dart';
|
||||
|
||||
/// 公司账号登录接口返回的数据
|
||||
class AuthResult {
|
||||
final String userID;
|
||||
final String token;
|
||||
final String nickname;
|
||||
|
||||
AuthResult({required this.userID, required this.token, required this.nickname});
|
||||
|
||||
factory AuthResult.fromJson(Map<String, dynamic> json) => AuthResult(
|
||||
userID: json['userID']?.toString() ?? '',
|
||||
token: json['imToken']?.toString() ?? '',
|
||||
nickname: json['nickname']?.toString() ?? '',
|
||||
);
|
||||
}
|
||||
|
||||
/// 登录失败，message 直接给用户看（简体中文）
|
||||
class AuthException implements Exception {
|
||||
final String message;
|
||||
AuthException(this.message);
|
||||
|
||||
@override
|
||||
String toString() => message;
|
||||
}
|
||||
|
||||
/// 公司账号登录 HTTP 客户端。
|
||||
///
|
||||
/// 接口契约（account-service，见仓库 account-service/README.md）：
|
||||
/// - POST {authApiBase}/api/login
|
||||
/// body: {"staffNo": "工号", "password": "...", "platformID": 1 iOS / 2 Android}
|
||||
/// 响应统一包络 {"code": 0, "msg": "", "data": {...}}，失败也是 HTTP 200 + code != 0
|
||||
/// 成功 data: {"userID", "nickname", "imToken", "expireTimeSeconds"}（userID/imToken 直接用于 OpenIM SDK 登录）
|
||||
/// - POST {authApiBase}/api/rtc_token（语音通话换 LiveKit 进房 token）
|
||||
/// 请求头: Authorization: Bearer {imToken}
|
||||
/// body: {"room": "房间号", "identity": "当前用户 userID"}
|
||||
/// 成功 data: {"token": "LiveKit 访问 token"}
|
||||
class AuthApi {
|
||||
final Dio _dio = Dio(BaseOptions(
|
||||
baseUrl: authApiBase,
|
||||
connectTimeout: const Duration(seconds: 10),
|
||||
receiveTimeout: const Duration(seconds: 10),
|
||||
));
|
||||
|
||||
/// 拆统一响应包络：code == 0 返回 data，否则用 msg 抛 [AuthException]
|
||||
Map<String, dynamic> _unwrap(dynamic body) {
|
||||
if (body is Map<String, dynamic>) {
|
||||
if (body['code'] == 0 && body['data'] is Map<String, dynamic>) {
|
||||
return Map<String, dynamic>.from(body['data'] as Map);
|
||||
}
|
||||
final msg = body['msg']?.toString();
|
||||
throw AuthException((msg != null && msg.isNotEmpty) ? msg : '服务器返回的数据不对，请联系管理员');
|
||||
}
|
||||
throw AuthException('服务器返回的数据不对，请联系管理员');
|
||||
}
|
||||
|
||||
/// 工号 + 密码登录，成功后返回 OpenIM 登录所需的 userID/imToken
|
||||
Future<AuthResult> login({required String staffNo, required String password, required int platformID}) async {
|
||||
try {
|
||||
final resp = await _dio.post('/api/login', data: {
|
||||
'staffNo': staffNo,
|
||||
'password': password,
|
||||
'platformID': platformID,
|
||||
});
|
||||
final result = AuthResult.fromJson(_unwrap(resp.data));
|
||||
if (result.userID.isNotEmpty && result.token.isNotEmpty) return result;
|
||||
throw AuthException('服务器返回的数据不对，请联系管理员');
|
||||
} on DioException catch (e) {
|
||||
// 401 等 HTTP 层失败也带 {code, msg} 包络
|
||||
final data = e.response?.data;
|
||||
if (data is Map && data['msg'] != null && data['msg'].toString().isNotEmpty) {
|
||||
throw AuthException(data['msg'].toString());
|
||||
}
|
||||
throw AuthException('连不上服务器，请检查网络');
|
||||
} catch (e) {
|
||||
if (e is AuthException) rethrow;
|
||||
throw AuthException('登录出错了，请稍后再试');
|
||||
}
|
||||
}
|
||||
|
||||
/// 获取 LiveKit 房间 token（语音通话用）。authToken 即登录返回的 imToken。
|
||||
Future<LiveKitCredential> getRtcToken({required String room, required String identity, required String authToken}) async {
|
||||
try {
|
||||
final resp = await _dio.post(
|
||||
'/api/rtc_token',
|
||||
data: {'room': room, 'identity': identity},
|
||||
options: Options(headers: {'Authorization': 'Bearer $authToken'}),
|
||||
);
|
||||
final data = _unwrap(resp.data);
|
||||
final token = data['token']?.toString();
|
||||
if (token != null && token.isNotEmpty) {
|
||||
final live = data['liveURL']?.toString();
|
||||
return LiveKitCredential(
|
||||
token: token,
|
||||
liveURL: live != null && live.isNotEmpty ? live : livekitUrl,
|
||||
);
|
||||
}
|
||||
throw AuthException('服务器返回的数据不对，请联系管理员');
|
||||
} on DioException catch (e) {
|
||||
final data = e.response?.data;
|
||||
if (data is Map && data['msg'] != null && data['msg'].toString().isNotEmpty) {
|
||||
throw AuthException(data['msg'].toString());
|
||||
}
|
||||
throw AuthException('连不上服务器，请检查网络');
|
||||
} catch (e) {
|
||||
if (e is AuthException) rethrow;
|
||||
throw AuthException('发起通话失败，请稍后再试');
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/// LiveKit 进房凭证
|
||||
class LiveKitCredential {
|
||||
final String token;
|
||||
final String liveURL;
|
||||
|
||||
LiveKitCredential({required this.token, required this.liveURL});
|
||||
}
|
||||
@@ -0,0 +1,394 @@
|
||||
import 'dart:async';
|
||||
import 'dart:convert';
|
||||
|
||||
import 'package:flutter/foundation.dart';
|
||||
import 'package:flutter_openim_sdk/flutter_openim_sdk.dart';
|
||||
import 'package:livekit_client/livekit_client.dart';
|
||||
import 'package:uuid/uuid.dart';
|
||||
|
||||
import '../models/signaling.dart';
|
||||
import 'auth_api.dart';
|
||||
import 'im_service.dart';
|
||||
|
||||
/// 通话阶段
|
||||
enum CallPhase {
|
||||
idle, // 空闲
|
||||
outgoing, // 呼出中（等待对方接听）
|
||||
incoming, // 来电中（等待本机接听）
|
||||
incall, // 通话中
|
||||
}
|
||||
|
||||
/// 一对一语音通话：OpenIM 自定义消息做信令 + LiveKit 传声音。
|
||||
/// 信令协议与官方样板工程一致（customType 200-204 的仅在线自定义消息）。
|
||||
class CallService extends ChangeNotifier {
|
||||
CallService._();
|
||||
|
||||
static final CallService instance = CallService._();
|
||||
|
||||
final AuthApi _authApi = AuthApi();
|
||||
|
||||
CallPhase phase = CallPhase.idle;
|
||||
|
||||
/// 对方 userID 与显示名
|
||||
String? peerUserID;
|
||||
String peerName = '';
|
||||
|
||||
/// 通话时长（秒）
|
||||
int callSeconds = 0;
|
||||
|
||||
/// 麦克风是否开启
|
||||
bool micOn = true;
|
||||
|
||||
/// 是否免提
|
||||
bool speakerOn = false;
|
||||
|
||||
/// 有来电时的回调（由 main.dart 设置，用于弹出来电界面）
|
||||
void Function()? onIncomingCall;
|
||||
|
||||
/// 通话结束时要提示给用户的一句话（可为空）
|
||||
String? endHint;
|
||||
|
||||
InvitationInfo? _invitation;
|
||||
Room? _room;
|
||||
EventsListener<RoomEvent>? _roomListener;
|
||||
Timer? _timeoutTimer;
|
||||
Timer? _durationTimer;
|
||||
StreamSubscription<Message>? _signalingSub;
|
||||
bool _started = false;
|
||||
|
||||
/// 来电铃声等待 / 呼叫超时时间（秒），与信令里的 timeout 一致
|
||||
static const int _inviteTimeoutSec = 30;
|
||||
|
||||
/// 启动信令监听（登录成功后调用一次）
|
||||
void start() {
|
||||
if (_started) return;
|
||||
_started = true;
|
||||
_signalingSub = IMService.instance.onSignaling.listen(_onSignaling);
|
||||
}
|
||||
|
||||
bool get isBusy => phase != CallPhase.idle;
|
||||
|
||||
/// 发起呼叫（单聊）。返回错误提示，null 表示成功进入呼叫流程。
|
||||
Future<String?> startCall({required String peerUserID, required String peerName}) async {
|
||||
if (isBusy) return '正在通话中，请稍后再试';
|
||||
final im = IMService.instance;
|
||||
final myUserID = im.currentUserID;
|
||||
final authToken = im.currentToken;
|
||||
if (myUserID == null || authToken == null) return '登录状态已失效，请重新登录';
|
||||
|
||||
_invitation = InvitationInfo(
|
||||
inviterUserID: myUserID,
|
||||
inviteeUserIDList: [peerUserID],
|
||||
roomID: const Uuid().v4(),
|
||||
timeout: _inviteTimeoutSec,
|
||||
initiateTime: DateTime.now().millisecondsSinceEpoch,
|
||||
mediaType: 'audio',
|
||||
sessionType: ConversationType.single,
|
||||
platformID: im.platformID,
|
||||
);
|
||||
this.peerUserID = peerUserID;
|
||||
this.peerName = peerName;
|
||||
|
||||
try {
|
||||
// 1. 发呼叫信令（仅在线，不落地）
|
||||
await _sendSignaling(SignalingType.callingInvite, peerUserID);
|
||||
// 2. 取 LiveKit token 并进房（先进房等对方，对方接听信令到达后开始计时）
|
||||
await _joinRoom(myUserID, authToken);
|
||||
_setPhase(CallPhase.outgoing);
|
||||
_startTimeoutTimer(() {
|
||||
endHint = '对方暂时无人接听';
|
||||
_sendSignalingQuietly(SignalingType.callingCancel, peerUserID);
|
||||
_teardown();
|
||||
});
|
||||
return null;
|
||||
} on AuthException catch (e) {
|
||||
_teardown();
|
||||
return e.message;
|
||||
} catch (_) {
|
||||
_teardown();
|
||||
return '发起通话失败，请检查网络后重试';
|
||||
}
|
||||
}
|
||||
|
||||
/// 接听来电
|
||||
Future<void> accept() async {
|
||||
if (phase != CallPhase.incoming) return;
|
||||
final im = IMService.instance;
|
||||
final myUserID = im.currentUserID;
|
||||
final authToken = im.currentToken;
|
||||
final inviter = _invitation?.inviterUserID;
|
||||
if (myUserID == null || authToken == null || inviter == null) {
|
||||
_teardown();
|
||||
return;
|
||||
}
|
||||
_timeoutTimer?.cancel();
|
||||
try {
|
||||
await _sendSignaling(SignalingType.callingAccept, inviter);
|
||||
await _joinRoom(myUserID, authToken);
|
||||
_beginIncall();
|
||||
} catch (_) {
|
||||
endHint = '接听失败，请检查网络';
|
||||
_sendSignalingQuietly(SignalingType.callingReject, inviter);
|
||||
_teardown();
|
||||
}
|
||||
}
|
||||
|
||||
/// 拒接来电
|
||||
Future<void> reject() async {
|
||||
if (phase != CallPhase.incoming) return;
|
||||
final inviter = _invitation?.inviterUserID;
|
||||
if (inviter != null) await _sendSignalingQuietly(SignalingType.callingReject, inviter);
|
||||
_teardown();
|
||||
}
|
||||
|
||||
/// 取消呼叫（呼出方主动取消）
|
||||
Future<void> cancel() async {
|
||||
if (phase != CallPhase.outgoing) return;
|
||||
final peer = peerUserID;
|
||||
if (peer != null) await _sendSignalingQuietly(SignalingType.callingCancel, peer);
|
||||
_teardown();
|
||||
}
|
||||
|
||||
/// 挂断（通话中）
|
||||
Future<void> hangup() async {
|
||||
if (phase != CallPhase.incall) return;
|
||||
final peer = peerUserID;
|
||||
if (peer != null) await _sendSignalingQuietly(SignalingType.callingHungup, peer);
|
||||
_teardown();
|
||||
}
|
||||
|
||||
/// 通话界面上的统一返回键：按当前阶段取消/挂断
|
||||
Future<void> leave() async {
|
||||
switch (phase) {
|
||||
case CallPhase.outgoing:
|
||||
await cancel();
|
||||
break;
|
||||
case CallPhase.incoming:
|
||||
await reject();
|
||||
break;
|
||||
case CallPhase.incall:
|
||||
await hangup();
|
||||
break;
|
||||
case CallPhase.idle:
|
||||
break;
|
||||
}
|
||||
}
|
||||
|
||||
Future<void> toggleMic() async {
|
||||
micOn = !micOn;
|
||||
notifyListeners();
|
||||
try {
|
||||
await _room?.localParticipant?.setMicrophoneEnabled(micOn);
|
||||
} catch (_) {
|
||||
// 切换失败时回退状态
|
||||
micOn = !micOn;
|
||||
notifyListeners();
|
||||
}
|
||||
}
|
||||
|
||||
Future<void> toggleSpeaker() async {
|
||||
speakerOn = !speakerOn;
|
||||
notifyListeners();
|
||||
try {
|
||||
await Hardware.instance.setSpeakerphoneOn(speakerOn);
|
||||
} catch (_) {
|
||||
speakerOn = !speakerOn;
|
||||
notifyListeners();
|
||||
}
|
||||
}
|
||||
|
||||
// ---------------- 信令处理 ----------------
|
||||
|
||||
void _onSignaling(Message msg) {
|
||||
final payload = IMService.parseSignaling(msg);
|
||||
if (payload == null) return;
|
||||
final myUserID = IMService.instance.currentUserID;
|
||||
|
||||
switch (payload.type) {
|
||||
case SignalingType.callingInvite:
|
||||
// 只处理发给自己的单聊音频呼叫
|
||||
final invitation = payload.invitation;
|
||||
final invitees = invitation.inviteeUserIDList ?? [];
|
||||
if (!invitees.contains(myUserID)) return;
|
||||
if (invitation.mediaType != 'audio') return;
|
||||
if (isBusy) {
|
||||
// 占线：直接回拒接（UI 从简，无排队等待）
|
||||
_sendSignalingQuietly(SignalingType.callingReject, invitation.inviterUserID, invitation: invitation);
|
||||
return;
|
||||
}
|
||||
_invitation = invitation;
|
||||
peerUserID = invitation.inviterUserID;
|
||||
peerName = invitation.inviterUserID ?? '';
|
||||
_loadPeerName();
|
||||
_setPhase(CallPhase.incoming);
|
||||
_startTimeoutTimer(() {
|
||||
// 来电超时未接
|
||||
_teardown();
|
||||
});
|
||||
onIncomingCall?.call();
|
||||
break;
|
||||
case SignalingType.callingAccept:
|
||||
if (phase == CallPhase.outgoing && _sameRoom(payload)) {
|
||||
_timeoutTimer?.cancel();
|
||||
_beginIncall();
|
||||
}
|
||||
break;
|
||||
case SignalingType.callingReject:
|
||||
if ((phase == CallPhase.outgoing || phase == CallPhase.incall) && _sameRoom(payload)) {
|
||||
endHint = '对方拒绝了通话';
|
||||
_teardown();
|
||||
}
|
||||
break;
|
||||
case SignalingType.callingCancel:
|
||||
if (phase == CallPhase.incoming && _sameRoom(payload)) {
|
||||
endHint = '对方已取消';
|
||||
_teardown();
|
||||
}
|
||||
break;
|
||||
case SignalingType.callingHungup:
|
||||
if (phase == CallPhase.incall && _sameRoom(payload)) {
|
||||
endHint = '通话已结束';
|
||||
_teardown();
|
||||
}
|
||||
break;
|
||||
}
|
||||
}
|
||||
|
||||
bool _sameRoom(SignalingPayload payload) {
|
||||
return payload.roomID != null && payload.roomID == _invitation?.roomID;
|
||||
}
|
||||
|
||||
Future<void> _loadPeerName() async {
|
||||
final id = peerUserID;
|
||||
if (id == null) return;
|
||||
try {
|
||||
final list = await OpenIM.iMManager.userManager.getUsersInfo(userIDList: [id]);
|
||||
if (list.isNotEmpty) {
|
||||
final name = list.first.nickname ?? '';
|
||||
if (name.isNotEmpty && peerUserID == id) {
|
||||
peerName = name;
|
||||
notifyListeners();
|
||||
}
|
||||
}
|
||||
} catch (_) {
|
||||
// 拉不到名字就显示工号
|
||||
}
|
||||
}
|
||||
|
||||
// ---------------- LiveKit ----------------
|
||||
|
||||
Future<void> _joinRoom(String myUserID, String authToken) async {
|
||||
final roomID = _invitation?.roomID;
|
||||
if (roomID == null) throw AuthException('通话数据不完整');
|
||||
final credential = await _authApi.getRtcToken(room: roomID, identity: myUserID, authToken: authToken);
|
||||
|
||||
_room = Room();
|
||||
_roomListener = _room!.createListener();
|
||||
_roomListener!
|
||||
..on<RoomDisconnectedEvent>((event) {
|
||||
// 掉线或房间被销毁：直接结束
|
||||
if (phase == CallPhase.incall) endHint = '通话已结束';
|
||||
_teardown();
|
||||
})
|
||||
..on<ParticipantDisconnectedEvent>((event) {
|
||||
// 对方离开房间
|
||||
if (phase == CallPhase.incall) {
|
||||
endHint = '通话已结束';
|
||||
_teardown();
|
||||
}
|
||||
});
|
||||
|
||||
await _room!.connect(credential.liveURL, credential.token);
|
||||
await _room!.localParticipant?.setMicrophoneEnabled(micOn);
|
||||
}
|
||||
|
||||
// ---------------- 内部工具 ----------------
|
||||
|
||||
void _beginIncall() {
|
||||
callSeconds = 0;
|
||||
_durationTimer?.cancel();
|
||||
_durationTimer = Timer.periodic(const Duration(seconds: 1), (_) {
|
||||
callSeconds += 1;
|
||||
notifyListeners();
|
||||
});
|
||||
_setPhase(CallPhase.incall);
|
||||
}
|
||||
|
||||
void _setPhase(CallPhase p) {
|
||||
phase = p;
|
||||
notifyListeners();
|
||||
}
|
||||
|
||||
void _startTimeoutTimer(void Function() onTimeout) {
|
||||
_timeoutTimer?.cancel();
|
||||
_timeoutTimer = Timer(const Duration(seconds: _inviteTimeoutSec), onTimeout);
|
||||
}
|
||||
|
||||
Future<void> _sendSignaling(int type, String recvUserID, {InvitationInfo? invitation}) async {
|
||||
final inv = invitation ?? _invitation;
|
||||
if (inv == null) return;
|
||||
final data = jsonEncode({'customType': type, 'data': inv.toJson()});
|
||||
final message = await OpenIM.iMManager.messageManager.createCustomMessage(
|
||||
data: data,
|
||||
extension: '',
|
||||
description: '',
|
||||
);
|
||||
await OpenIM.iMManager.messageManager.sendMessage(
|
||||
message: message,
|
||||
offlinePushInfo: OfflinePushInfo(),
|
||||
userID: recvUserID,
|
||||
isOnlineOnly: true,
|
||||
);
|
||||
}
|
||||
|
||||
/// 发信令失败时静默处理（挂断/取消类消息失败不影响本地收尾）
|
||||
Future<void> _sendSignalingQuietly(int type, String? recvUserID, {InvitationInfo? invitation}) async {
|
||||
if (recvUserID == null) return;
|
||||
try {
|
||||
await _sendSignaling(type, recvUserID, invitation: invitation);
|
||||
} catch (_) {}
|
||||
}
|
||||
|
||||
/// 结束通话：释放房间与计时器，回到空闲态
|
||||
void _teardown() {
|
||||
_timeoutTimer?.cancel();
|
||||
_timeoutTimer = null;
|
||||
_durationTimer?.cancel();
|
||||
_durationTimer = null;
|
||||
final room = _room;
|
||||
_room = null;
|
||||
_roomListener?.dispose();
|
||||
_roomListener = null;
|
||||
if (room != null) {
|
||||
() async {
|
||||
try {
|
||||
await room.disconnect();
|
||||
await room.dispose();
|
||||
} catch (_) {}
|
||||
}();
|
||||
}
|
||||
// 复位免提
|
||||
if (speakerOn) {
|
||||
Hardware.instance.setSpeakerphoneOn(false).catchError((_) {});
|
||||
speakerOn = false;
|
||||
}
|
||||
micOn = true;
|
||||
callSeconds = 0;
|
||||
_invitation = null;
|
||||
_setPhase(CallPhase.idle);
|
||||
}
|
||||
|
||||
/// 消费结束提示（界面弹出提示后清空）
|
||||
String? takeEndHint() {
|
||||
final hint = endHint;
|
||||
endHint = null;
|
||||
return hint;
|
||||
}
|
||||
|
||||
@override
|
||||
void dispose() {
|
||||
_signalingSub?.cancel();
|
||||
_teardown();
|
||||
super.dispose();
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,289 @@
|
||||
import 'dart:async';
|
||||
import 'dart:convert';
|
||||
import 'dart:io';
|
||||
|
||||
import 'package:flutter/foundation.dart';
|
||||
import 'package:flutter_openim_sdk/flutter_openim_sdk.dart';
|
||||
import 'package:path_provider/path_provider.dart';
|
||||
|
||||
import '../config.dart';
|
||||
import '../models/signaling.dart';
|
||||
|
||||
/// SDK 与服务器的连接状态
|
||||
enum ConnectStatus { idle, connecting, success, failed }
|
||||
|
||||
/// 通话信令的自定义消息类型（与官方样板工程保持一致，保证互通）
|
||||
class SignalingType {
|
||||
SignalingType._();
|
||||
|
||||
static const int callingInvite = 200; // 发起呼叫
|
||||
static const int callingAccept = 201; // 接听
|
||||
static const int callingReject = 202; // 拒接
|
||||
static const int callingCancel = 203; // 取消呼叫
|
||||
static const int callingHungup = 204; // 挂断
|
||||
}
|
||||
|
||||
/// OpenIM SDK 的统一封装：初始化、登录、监听、会话列表。
|
||||
/// 用 ChangeNotifier 做状态分发，不引入额外状态管理框架。
|
||||
class IMService extends ChangeNotifier {
|
||||
IMService._();
|
||||
|
||||
static final IMService instance = IMService._();
|
||||
|
||||
/// SDK 是否已初始化（App 启动时做一次）
|
||||
bool sdkReady = false;
|
||||
|
||||
/// 与服务器的连接状态（断网横幅用）
|
||||
ConnectStatus connectStatus = ConnectStatus.idle;
|
||||
|
||||
/// 是否已登录
|
||||
bool loggedIn = false;
|
||||
|
||||
/// 会话首次同步中（消息列表的「正在加载」态）
|
||||
bool syncing = true;
|
||||
|
||||
/// 会话同步失败（消息列表的「加载失败」态）
|
||||
bool syncFailed = false;
|
||||
|
||||
/// 会话同步是否完成过至少一次（区分「正在加载」和「还没有消息」）
|
||||
bool conversationsLoaded = false;
|
||||
|
||||
/// 会话列表（置顶在前，其余按最新消息时间倒序）
|
||||
List<ConversationInfo> conversations = [];
|
||||
|
||||
/// 当前登录用户信息
|
||||
UserInfo? selfInfo;
|
||||
|
||||
/// 当前登录凭证（发起通话取 LiveKit token 时要用）
|
||||
String? currentUserID;
|
||||
String? currentToken;
|
||||
|
||||
/// 被踢下线 / token 失效时的回调（由 main.dart 设置：清缓存、回登录页）
|
||||
void Function()? onForceLogout;
|
||||
|
||||
/// 收到新消息（聊天页订阅）
|
||||
final StreamController<Message> _newMsgController = StreamController<Message>.broadcast();
|
||||
Stream<Message> get onNewMessage => _newMsgController.stream;
|
||||
|
||||
/// 消息被撤回（撤回方的 clientMsgID，聊天页订阅）
|
||||
final StreamController<String> _revokeController = StreamController<String>.broadcast();
|
||||
Stream<String> get onMessageRevoked => _revokeController.stream;
|
||||
|
||||
/// 收到通话信令（仅在线自定义消息，通话模块订阅）
|
||||
final StreamController<Message> _signalingController = StreamController<Message>.broadcast();
|
||||
Stream<Message> get onSignaling => _signalingController.stream;
|
||||
|
||||
int get platformID => Platform.isIOS ? IMPlatform.ios : IMPlatform.android;
|
||||
|
||||
/// App 启动时初始化 SDK（只做一次）
|
||||
Future<void> init() async {
|
||||
if (sdkReady) return;
|
||||
final dir = await getApplicationDocumentsDirectory();
|
||||
final dataDir = '${dir.path}/openim';
|
||||
await Directory(dataDir).create(recursive: true);
|
||||
final ok = await OpenIM.iMManager.initSDK(
|
||||
platformID: platformID,
|
||||
apiAddr: apiAddr,
|
||||
wsAddr: wsAddr,
|
||||
dataDir: dataDir,
|
||||
logFilePath: dataDir,
|
||||
logLevel: 6,
|
||||
listener: OnConnectListener(
|
||||
onConnecting: () {
|
||||
connectStatus = ConnectStatus.connecting;
|
||||
notifyListeners();
|
||||
},
|
||||
onConnectSuccess: () {
|
||||
connectStatus = ConnectStatus.success;
|
||||
notifyListeners();
|
||||
},
|
||||
onConnectFailed: (code, error) {
|
||||
connectStatus = ConnectStatus.failed;
|
||||
notifyListeners();
|
||||
},
|
||||
onKickedOffline: _forceLogout,
|
||||
onUserTokenExpired: _forceLogout,
|
||||
onUserTokenInvalid: _forceLogout,
|
||||
),
|
||||
);
|
||||
sdkReady = ok == true;
|
||||
_setBusinessListeners();
|
||||
notifyListeners();
|
||||
}
|
||||
|
||||
void _setBusinessListeners() {
|
||||
OpenIM.iMManager.conversationManager.setConversationListener(
|
||||
OnConversationListener(
|
||||
onSyncServerStart: (reInstall) {
|
||||
syncing = true;
|
||||
syncFailed = false;
|
||||
notifyListeners();
|
||||
},
|
||||
onSyncServerFinish: (reInstall) {
|
||||
syncing = false;
|
||||
conversationsLoaded = true;
|
||||
refreshConversations();
|
||||
},
|
||||
onSyncServerFailed: (reInstall) {
|
||||
syncing = false;
|
||||
syncFailed = true;
|
||||
notifyListeners();
|
||||
},
|
||||
onConversationChanged: (list) => refreshConversations(),
|
||||
onNewConversation: (list) => refreshConversations(),
|
||||
onTotalUnreadMessageCountChanged: (count) => notifyListeners(),
|
||||
),
|
||||
);
|
||||
OpenIM.iMManager.messageManager.setAdvancedMsgListener(
|
||||
OnAdvancedMsgListener(
|
||||
onRecvNewMessage: (msg) {
|
||||
_newMsgController.add(msg);
|
||||
},
|
||||
onRecvOfflineNewMessage: (msg) {
|
||||
_newMsgController.add(msg);
|
||||
},
|
||||
onNewRecvMessageRevoked: (info) {
|
||||
if (info.clientMsgID != null) _revokeController.add(info.clientMsgID!);
|
||||
},
|
||||
onRecvOnlineOnlyMessage: (msg) {
|
||||
// 通话信令走「仅在线」的自定义消息，转发给通话模块
|
||||
if (msg.contentType == MessageType.custom) {
|
||||
_signalingController.add(msg);
|
||||
}
|
||||
},
|
||||
),
|
||||
);
|
||||
// 好友与群变更只负责刷新界面（通讯录页直接监听 IMService）
|
||||
OpenIM.iMManager.friendshipManager.setFriendshipListener(
|
||||
OnFriendshipListener(
|
||||
onFriendAdded: (info) => notifyListeners(),
|
||||
onFriendDeleted: (info) => notifyListeners(),
|
||||
onFriendInfoChanged: (info) => notifyListeners(),
|
||||
onFriendApplicationAdded: (info) => notifyListeners(),
|
||||
onFriendApplicationAccepted: (info) => notifyListeners(),
|
||||
onFriendApplicationRejected: (info) => notifyListeners(),
|
||||
),
|
||||
);
|
||||
OpenIM.iMManager.groupManager.setGroupListener(
|
||||
OnGroupListener(
|
||||
onJoinedGroupAdded: (info) => notifyListeners(),
|
||||
onJoinedGroupDeleted: (info) => notifyListeners(),
|
||||
onGroupInfoChanged: (info) => notifyListeners(),
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
/// 登录（init 之后调用）。userID/token 来自公司账号登录接口。
|
||||
Future<void> login({required String userID, required String token}) async {
|
||||
await init();
|
||||
final user = await OpenIM.iMManager.login(
|
||||
userID: userID,
|
||||
token: token,
|
||||
defaultValue: () async => UserInfo(userID: userID),
|
||||
);
|
||||
currentUserID = userID;
|
||||
currentToken = token;
|
||||
selfInfo = user;
|
||||
loggedIn = true;
|
||||
notifyListeners();
|
||||
}
|
||||
|
||||
/// 刷新自己的资料（我的页面展示用）
|
||||
Future<void> refreshSelfInfo() async {
|
||||
if (!loggedIn) return;
|
||||
try {
|
||||
selfInfo = await OpenIM.iMManager.userManager.getSelfUserInfo();
|
||||
notifyListeners();
|
||||
} catch (_) {
|
||||
// 拉取失败沿用内存里的旧数据
|
||||
}
|
||||
}
|
||||
|
||||
/// 退出登录
|
||||
Future<void> logout() async {
|
||||
try {
|
||||
await OpenIM.iMManager.logout();
|
||||
} catch (_) {
|
||||
// 本地照常清理
|
||||
}
|
||||
_resetLoginState();
|
||||
}
|
||||
|
||||
void _forceLogout() {
|
||||
_resetLoginState();
|
||||
onForceLogout?.call();
|
||||
}
|
||||
|
||||
void _resetLoginState() {
|
||||
loggedIn = false;
|
||||
currentUserID = null;
|
||||
currentToken = null;
|
||||
selfInfo = null;
|
||||
conversations = [];
|
||||
conversationsLoaded = false;
|
||||
syncing = true;
|
||||
syncFailed = false;
|
||||
notifyListeners();
|
||||
}
|
||||
|
||||
/// 重新拉取全部会话并排序（置顶在前，其余按最新消息时间倒序）
|
||||
Future<void> refreshConversations() async {
|
||||
if (!loggedIn) return;
|
||||
try {
|
||||
final list = await OpenIM.iMManager.conversationManager.getAllConversationList();
|
||||
list.sort((a, b) {
|
||||
final ap = a.isPinned == true ? 0 : 1;
|
||||
final bp = b.isPinned == true ? 0 : 1;
|
||||
if (ap != bp) return ap - bp;
|
||||
return (b.latestMsgSendTime ?? 0).compareTo(a.latestMsgSendTime ?? 0);
|
||||
});
|
||||
conversations = list;
|
||||
conversationsLoaded = true;
|
||||
notifyListeners();
|
||||
} catch (_) {
|
||||
// 拉取失败保留现有列表
|
||||
}
|
||||
}
|
||||
|
||||
/// 进入聊天页后清除该会话未读
|
||||
Future<void> markConversationRead(String conversationID) async {
|
||||
try {
|
||||
await OpenIM.iMManager.conversationManager.markConversationMessageAsRead(conversationID: conversationID);
|
||||
} catch (_) {
|
||||
// 标记失败不影响聊天
|
||||
}
|
||||
}
|
||||
|
||||
/// 解析「仅在线」自定义消息里的通话信令，不是通话信令返回 null
|
||||
static SignalingPayload? parseSignaling(Message msg) {
|
||||
try {
|
||||
final data = msg.customElem?.data;
|
||||
if (data == null || data.isEmpty) return null;
|
||||
final map = jsonDecode(data) as Map<String, dynamic>;
|
||||
final customType = map['customType'];
|
||||
if (customType is! int || customType < 200 || customType > 204) return null;
|
||||
final payload = SignalingPayload(
|
||||
type: customType,
|
||||
invitation: InvitationInfo.fromJson(Map<String, dynamic>.from(map['data'] ?? {})),
|
||||
);
|
||||
return payload;
|
||||
} catch (_) {
|
||||
return null;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/// 一条通话信令
|
||||
class SignalingPayload {
|
||||
/// 见 [SignalingType]
|
||||
final int type;
|
||||
final InvitationInfo invitation;
|
||||
|
||||
SignalingPayload({required this.type, required this.invitation});
|
||||
|
||||
/// 房间号
|
||||
String? get roomID => invitation.roomID;
|
||||
|
||||
/// 呼叫发起人
|
||||
String? get inviterUserID => invitation.inviterUserID;
|
||||
}
|
||||
@@ -0,0 +1,114 @@
|
||||
import 'package:flutter/material.dart';
|
||||
|
||||
/// 全 App 统一的视觉常量：颜色、字号阶梯、间距。
|
||||
/// 字号只保留 4 级，间距全部取 4 的倍数，保证两端（手机/电脑）观感一致。
|
||||
class AppColors {
|
||||
AppColors._();
|
||||
|
||||
/// 主色蓝（按钮、选中态、头像蓝）
|
||||
static const Color primary = Color(0xFF3B87F5);
|
||||
|
||||
/// 头像灰蓝
|
||||
static const Color avatarGray = Color(0xFF8593A8);
|
||||
|
||||
/// 聊天页背景
|
||||
static const Color chatBg = Color(0xFFF5F6F8);
|
||||
|
||||
/// 页面背景
|
||||
static const Color pageBg = Color(0xFFFFFFFF);
|
||||
|
||||
/// 己方气泡浅蓝
|
||||
static const Color bubbleMine = Color(0xFFD6E7FC);
|
||||
|
||||
/// 对方气泡白
|
||||
static const Color bubbleOther = Color(0xFFFFFFFF);
|
||||
|
||||
/// 搜索框灰底
|
||||
static const Color searchBg = Color(0xFFF2F3F5);
|
||||
|
||||
/// 置顶会话底色（略灰）
|
||||
static const Color pinnedBg = Color(0xFFF7F8FA);
|
||||
|
||||
/// 主要文字
|
||||
static const Color textPrimary = Color(0xFF1D2129);
|
||||
|
||||
/// 次要文字（预览、时间、提示）
|
||||
static const Color textSecondary = Color(0xFF86909C);
|
||||
|
||||
/// 危险/未读红
|
||||
static const Color danger = Color(0xFFF53F3F);
|
||||
|
||||
/// 分隔线
|
||||
static const Color divider = Color(0xFFEEEEEE);
|
||||
|
||||
/// 断网横幅深色底
|
||||
static const Color bannerBg = Color(0xFF3A3F47);
|
||||
}
|
||||
|
||||
/// 字号阶梯（全 App 只用这 4 级）
|
||||
class AppFont {
|
||||
AppFont._();
|
||||
|
||||
/// 辅助文字：时间、角标、提示小字
|
||||
static const double small = 12;
|
||||
|
||||
/// 次要文字：预览、职务、副标题
|
||||
static const double sub = 14;
|
||||
|
||||
/// 正文：名字、消息内容、按钮
|
||||
static const double body = 16;
|
||||
|
||||
/// 标题：导航栏、页面大标题
|
||||
static const double title = 18;
|
||||
}
|
||||
|
||||
/// 间距常量（4 的倍数）
|
||||
class AppGap {
|
||||
AppGap._();
|
||||
|
||||
static const double x1 = 4;
|
||||
static const double x2 = 8;
|
||||
static const double x3 = 12;
|
||||
static const double x4 = 16;
|
||||
static const double x6 = 24;
|
||||
static const double x8 = 32;
|
||||
static const double x12 = 48;
|
||||
}
|
||||
|
||||
/// 统一的主题
|
||||
ThemeData buildAppTheme() {
|
||||
return ThemeData(
|
||||
useMaterial3: true,
|
||||
primaryColor: AppColors.primary,
|
||||
scaffoldBackgroundColor: AppColors.pageBg,
|
||||
colorScheme: ColorScheme.fromSeed(
|
||||
seedColor: AppColors.primary,
|
||||
primary: AppColors.primary,
|
||||
error: AppColors.danger,
|
||||
),
|
||||
appBarTheme: const AppBarTheme(
|
||||
backgroundColor: AppColors.pageBg,
|
||||
foregroundColor: AppColors.textPrimary,
|
||||
elevation: 0,
|
||||
scrolledUnderElevation: 0,
|
||||
centerTitle: true,
|
||||
titleTextStyle: TextStyle(
|
||||
color: AppColors.textPrimary,
|
||||
fontSize: AppFont.title,
|
||||
fontWeight: FontWeight.w600,
|
||||
),
|
||||
),
|
||||
bottomNavigationBarTheme: const BottomNavigationBarThemeData(
|
||||
selectedItemColor: AppColors.primary,
|
||||
unselectedItemColor: AppColors.textSecondary,
|
||||
selectedLabelStyle: TextStyle(fontSize: AppFont.small),
|
||||
unselectedLabelStyle: TextStyle(fontSize: AppFont.small),
|
||||
type: BottomNavigationBarType.fixed,
|
||||
),
|
||||
dividerTheme: const DividerThemeData(
|
||||
color: AppColors.divider,
|
||||
thickness: 0.5,
|
||||
space: 0,
|
||||
),
|
||||
);
|
||||
}
|
||||
@@ -0,0 +1,121 @@
|
||||
import 'package:flutter_openim_sdk/flutter_openim_sdk.dart';
|
||||
|
||||
/// 时间与消息预览的格式化工具，全部用户可见文案集中在这里，避免出现英文残留。
|
||||
class FormatUtils {
|
||||
FormatUtils._();
|
||||
|
||||
static const List<String> _weekdays = ['星期一', '星期二', '星期三', '星期四', '星期五', '星期六', '星期日'];
|
||||
|
||||
static String _two(int v) => v.toString().padLeft(2, '0');
|
||||
|
||||
/// 消息列表右侧时间：当天 HH:mm、昨天、一周内星期X、更早显示日期
|
||||
static String conversationTime(int? millis) {
|
||||
if (millis == null || millis <= 0) return '';
|
||||
final t = DateTime.fromMillisecondsSinceEpoch(millis);
|
||||
final now = DateTime.now();
|
||||
final today = DateTime(now.year, now.month, now.day);
|
||||
final day = DateTime(t.year, t.month, t.day);
|
||||
final diff = today.difference(day).inDays;
|
||||
if (diff <= 0) {
|
||||
return '${t.hour}:${_two(t.minute)}';
|
||||
} else if (diff == 1) {
|
||||
return '昨天';
|
||||
} else if (diff < 7) {
|
||||
return _weekdays[t.weekday - 1];
|
||||
} else if (t.year == now.year) {
|
||||
return '${t.month}月${t.day}日';
|
||||
}
|
||||
return '${t.year}年${t.month}月${t.day}日';
|
||||
}
|
||||
|
||||
/// 聊天页时间分隔条：当天「上午 9:30」，非当天带日期
|
||||
static String chatDividerTime(int millis) {
|
||||
final t = DateTime.fromMillisecondsSinceEpoch(millis);
|
||||
final now = DateTime.now();
|
||||
final isToday = t.year == now.year && t.month == now.month && t.day == now.day;
|
||||
final period = t.hour < 6
|
||||
? '凌晨'
|
||||
: t.hour < 12
|
||||
? '上午'
|
||||
: t.hour < 13
|
||||
? '中午'
|
||||
: t.hour < 18
|
||||
? '下午'
|
||||
: '晚上';
|
||||
final hour12 = t.hour % 12 == 0 ? 12 : t.hour % 12;
|
||||
final clock = '$period $hour12:${_two(t.minute)}';
|
||||
if (isToday) return clock;
|
||||
if (t.year == now.year) return '${t.month}月${t.day}日 $clock';
|
||||
return '${t.year}年${t.month}月${t.day}日 $clock';
|
||||
}
|
||||
|
||||
/// 通话时长：mm:ss
|
||||
static String callDuration(int seconds) {
|
||||
final m = seconds ~/ 60;
|
||||
final s = seconds % 60;
|
||||
return '${_two(m)}:${_two(s)}';
|
||||
}
|
||||
|
||||
/// 文件大小：不足 1 KB 显示 B，不足 1 MB 显示 KB，否则 MB
|
||||
static String fileSize(int? bytes) {
|
||||
if (bytes == null || bytes < 0) return '';
|
||||
if (bytes < 1024) return '$bytes B';
|
||||
if (bytes < 1024 * 1024) return '${(bytes / 1024).toStringAsFixed(0)} KB';
|
||||
return '${(bytes / 1024 / 1024).toStringAsFixed(1)} MB';
|
||||
}
|
||||
|
||||
/// 会话预览文本：群消息带「发送人: 」前缀，语音/文件等按效果图规则
|
||||
static String messagePreview(Message? msg, {required bool isGroup}) {
|
||||
if (msg == null) return '';
|
||||
String body;
|
||||
switch (msg.contentType) {
|
||||
case MessageType.text:
|
||||
case MessageType.atText:
|
||||
case MessageType.quote:
|
||||
body = msg.textElem?.content ?? '';
|
||||
break;
|
||||
case MessageType.voice:
|
||||
body = '[语音]';
|
||||
break;
|
||||
case MessageType.picture:
|
||||
body = '[图片]';
|
||||
break;
|
||||
case MessageType.video:
|
||||
body = '[视频]';
|
||||
break;
|
||||
case MessageType.file:
|
||||
final name = msg.fileElem?.fileName ?? '';
|
||||
body = name.isEmpty ? '[文件]' : '[文件] $name';
|
||||
break;
|
||||
case MessageType.custom:
|
||||
body = _customPreview(msg);
|
||||
break;
|
||||
default:
|
||||
if ((msg.contentType ?? 0) >= MessageType.notificationBegin) {
|
||||
body = '[群通知]';
|
||||
} else {
|
||||
body = '[其他消息]';
|
||||
}
|
||||
}
|
||||
// 群聊里别人发的消息，预览加「发送人: 」前缀
|
||||
if (isGroup && msg.sendID != OpenIM.iMManager.userID && body.isNotEmpty) {
|
||||
final sender = msg.senderNickname ?? '';
|
||||
if (sender.isNotEmpty) return '$sender: $body';
|
||||
}
|
||||
return body;
|
||||
}
|
||||
|
||||
static String _customPreview(Message msg) {
|
||||
try {
|
||||
final data = msg.customElem?.data;
|
||||
if (data == null || data.isEmpty) return '[其他消息]';
|
||||
// 通话相关的自定义消息（信令 200-204、通话记录 901）在会话里统一显示 [语音通话]
|
||||
if (data.contains('calling') || data.contains('"customType":901')) {
|
||||
return '[语音通话]';
|
||||
}
|
||||
} catch (_) {
|
||||
// 解析失败按未知消息处理
|
||||
}
|
||||
return '[其他消息]';
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,102 @@
|
||||
import 'package:flutter/material.dart';
|
||||
|
||||
import '../theme.dart';
|
||||
|
||||
/// 头像（按效果图）：
|
||||
/// - 单人是圆角方块 + 姓氏首字，蓝 / 灰蓝两色按名字 hash 取色；
|
||||
/// - 群聊是 2x2 小方块拼格；
|
||||
/// - 有 faceURL 时优先显示网络头像，加载失败回退到首字。
|
||||
class NameAvatar extends StatelessWidget {
|
||||
final String name;
|
||||
final String? faceURL;
|
||||
final double size;
|
||||
|
||||
/// 是否群聊样式（2x2 拼格）
|
||||
final bool isGroup;
|
||||
|
||||
const NameAvatar({
|
||||
super.key,
|
||||
required this.name,
|
||||
this.faceURL,
|
||||
this.size = 48,
|
||||
this.isGroup = false,
|
||||
});
|
||||
|
||||
Color _colorFor(String text) {
|
||||
var hash = 0;
|
||||
for (final code in text.codeUnits) {
|
||||
hash = (hash * 31 + code) & 0x7fffffff;
|
||||
}
|
||||
return hash % 2 == 0 ? AppColors.primary : AppColors.avatarGray;
|
||||
}
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
final radius = BorderRadius.circular(size * 0.18);
|
||||
if (isGroup) return _groupAvatar(radius);
|
||||
|
||||
final hasFace = faceURL != null && faceURL!.isNotEmpty;
|
||||
final letter = name.isNotEmpty ? name.substring(0, 1) : '';
|
||||
|
||||
return ClipRRect(
|
||||
borderRadius: radius,
|
||||
child: Container(
|
||||
width: size,
|
||||
height: size,
|
||||
color: _colorFor(name),
|
||||
alignment: Alignment.center,
|
||||
child: hasFace
|
||||
? Image.network(
|
||||
faceURL!,
|
||||
width: size,
|
||||
height: size,
|
||||
fit: BoxFit.cover,
|
||||
errorBuilder: (_, __, ___) => _letterText(letter),
|
||||
loadingBuilder: (_, child, progress) => progress == null ? child : _letterText(letter),
|
||||
)
|
||||
: _letterText(letter),
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
Widget _letterText(String letter) {
|
||||
return Text(
|
||||
letter,
|
||||
style: TextStyle(
|
||||
color: Colors.white,
|
||||
fontSize: size * 0.4,
|
||||
fontWeight: FontWeight.w500,
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
/// 群头像：浅灰底上 2x2 小方块，蓝 / 灰蓝交替
|
||||
Widget _groupAvatar(BorderRadius radius) {
|
||||
final cell = (size - 10) / 2;
|
||||
const colors = [AppColors.primary, AppColors.avatarGray, AppColors.avatarGray, AppColors.primary];
|
||||
return ClipRRect(
|
||||
borderRadius: radius,
|
||||
child: Container(
|
||||
width: size,
|
||||
height: size,
|
||||
color: AppColors.searchBg,
|
||||
padding: const EdgeInsets.all(2),
|
||||
child: Wrap(
|
||||
spacing: 2,
|
||||
runSpacing: 2,
|
||||
children: List.generate(
|
||||
4,
|
||||
(i) => Container(
|
||||
width: cell,
|
||||
height: cell,
|
||||
decoration: BoxDecoration(
|
||||
color: colors[i],
|
||||
borderRadius: BorderRadius.circular(2),
|
||||
),
|
||||
),
|
||||
),
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,304 @@
|
||||
import 'dart:async';
|
||||
import 'dart:io';
|
||||
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:path_provider/path_provider.dart';
|
||||
import 'package:record/record.dart';
|
||||
|
||||
import '../theme.dart';
|
||||
|
||||
/// 聊天底部输入栏：
|
||||
/// 左侧麦克风/键盘切换、中间输入框（语音模式变成「按住 说话」）、右侧表情和加号。
|
||||
/// 有文字时加号变成「发送」按钮（微信式交互）。
|
||||
class ChatInputBar extends StatefulWidget {
|
||||
/// 发送文字
|
||||
final void Function(String text) onSendText;
|
||||
|
||||
/// 发送语音（本地文件路径 + 秒数）
|
||||
final void Function(String path, int duration) onSendVoice;
|
||||
|
||||
/// 从相册选图片发送
|
||||
final VoidCallback onPickImage;
|
||||
|
||||
/// 选文件发送
|
||||
final VoidCallback onPickFile;
|
||||
|
||||
/// 发起语音通话（群聊为 null，不显示该入口）
|
||||
final VoidCallback? onVoiceCall;
|
||||
|
||||
const ChatInputBar({
|
||||
super.key,
|
||||
required this.onSendText,
|
||||
required this.onSendVoice,
|
||||
required this.onPickImage,
|
||||
required this.onPickFile,
|
||||
this.onVoiceCall,
|
||||
});
|
||||
|
||||
@override
|
||||
State<ChatInputBar> createState() => _ChatInputBarState();
|
||||
}
|
||||
|
||||
class _ChatInputBarState extends State<ChatInputBar> {
|
||||
final TextEditingController _ctrl = TextEditingController();
|
||||
final FocusNode _focus = FocusNode();
|
||||
final AudioRecorder _recorder = AudioRecorder();
|
||||
|
||||
bool _voiceMode = false;
|
||||
bool _panelOpen = false;
|
||||
bool _recording = false;
|
||||
bool _hasText = false;
|
||||
String? _recordPath;
|
||||
int _recordStart = 0;
|
||||
Timer? _recordTimer;
|
||||
|
||||
/// 最长录音 60 秒
|
||||
static const int _maxRecordSec = 60;
|
||||
|
||||
/// 常用表情（表情按钮点开的小面板，不加第三方表情包）
|
||||
static const List<String> _emojis = [
|
||||
'😀', '😄', '😂', '🤣', '😊', '😍', '🤔', '😅',
|
||||
'👍', '👌', '🙏', '👏', '💪', '🎉', '❤️', '😢',
|
||||
];
|
||||
|
||||
@override
|
||||
void dispose() {
|
||||
_recordTimer?.cancel();
|
||||
_recorder.dispose();
|
||||
_ctrl.dispose();
|
||||
_focus.dispose();
|
||||
super.dispose();
|
||||
}
|
||||
|
||||
void _sendText() {
|
||||
final text = _ctrl.text.trim();
|
||||
if (text.isEmpty) return;
|
||||
widget.onSendText(text);
|
||||
_ctrl.clear();
|
||||
setState(() => _hasText = false);
|
||||
}
|
||||
|
||||
// ---------------- 录音 ----------------
|
||||
|
||||
Future<void> _startRecord() async {
|
||||
try {
|
||||
if (!await _recorder.hasPermission()) {
|
||||
_toast('需要麦克风权限才能发语音');
|
||||
return;
|
||||
}
|
||||
final dir = await getApplicationDocumentsDirectory();
|
||||
final path = '${dir.path}/voice/${DateTime.now().millisecondsSinceEpoch}.m4a';
|
||||
await File(path).create(recursive: true);
|
||||
await _recorder.start(const RecordConfig(), path: path);
|
||||
_recordPath = path;
|
||||
_recordStart = DateTime.now().millisecondsSinceEpoch;
|
||||
setState(() => _recording = true);
|
||||
_recordTimer?.cancel();
|
||||
_recordTimer = Timer(const Duration(seconds: _maxRecordSec), () => _stopRecord(send: true));
|
||||
} catch (_) {
|
||||
_toast('录音启动失败，请重试');
|
||||
}
|
||||
}
|
||||
|
||||
Future<void> _stopRecord({required bool send}) async {
|
||||
_recordTimer?.cancel();
|
||||
_recordTimer = null;
|
||||
if (!await _recorder.isRecording()) {
|
||||
if (mounted) setState(() => _recording = false);
|
||||
return;
|
||||
}
|
||||
await _recorder.stop();
|
||||
if (mounted) setState(() => _recording = false);
|
||||
final path = _recordPath;
|
||||
if (!send || path == null) return;
|
||||
final duration = (DateTime.now().millisecondsSinceEpoch - _recordStart) ~/ 1000;
|
||||
if (duration < 1) {
|
||||
_toast('说话时间太短');
|
||||
return;
|
||||
}
|
||||
widget.onSendVoice(path, duration);
|
||||
}
|
||||
|
||||
void _toast(String text) {
|
||||
ScaffoldMessenger.of(context).showSnackBar(SnackBar(content: Text(text), duration: const Duration(seconds: 2)));
|
||||
}
|
||||
|
||||
// ---------------- 表情面板 ----------------
|
||||
|
||||
void _showEmojiPanel() {
|
||||
_focus.unfocus();
|
||||
showModalBottomSheet(
|
||||
context: context,
|
||||
builder: (ctx) => SafeArea(
|
||||
child: GridView.count(
|
||||
crossAxisCount: 8,
|
||||
shrinkWrap: true,
|
||||
padding: const EdgeInsets.all(AppGap.x3),
|
||||
children: _emojis
|
||||
.map(
|
||||
(e) => InkWell(
|
||||
onTap: () {
|
||||
_ctrl.text += e;
|
||||
_ctrl.selection = TextSelection.collapsed(offset: _ctrl.text.length);
|
||||
setState(() => _hasText = true);
|
||||
Navigator.of(ctx).pop();
|
||||
},
|
||||
child: Center(child: Text(e, style: const TextStyle(fontSize: 24))),
|
||||
),
|
||||
)
|
||||
.toList(),
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
// ---------------- 界面 ----------------
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return Column(
|
||||
mainAxisSize: MainAxisSize.min,
|
||||
children: [
|
||||
Container(
|
||||
color: AppColors.pageBg,
|
||||
padding: const EdgeInsets.symmetric(horizontal: AppGap.x2, vertical: AppGap.x2),
|
||||
child: Row(
|
||||
children: [
|
||||
// 麦克风 / 键盘切换
|
||||
_circleButton(
|
||||
_voiceMode ? Icons.keyboard_outlined : Icons.mic_none,
|
||||
() => setState(() => _voiceMode = !_voiceMode),
|
||||
),
|
||||
const SizedBox(width: AppGap.x2),
|
||||
Expanded(child: _voiceMode ? _holdToTalk() : _textField()),
|
||||
const SizedBox(width: AppGap.x2),
|
||||
_circleButton(Icons.sentiment_satisfied_alt, _showEmojiPanel),
|
||||
const SizedBox(width: AppGap.x2),
|
||||
if (_hasText)
|
||||
FilledButton(
|
||||
onPressed: _sendText,
|
||||
style: FilledButton.styleFrom(
|
||||
backgroundColor: AppColors.primary,
|
||||
padding: const EdgeInsets.symmetric(horizontal: AppGap.x4),
|
||||
minimumSize: const Size(0, 40),
|
||||
shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(8)),
|
||||
),
|
||||
child: const Text('发送', style: TextStyle(fontSize: AppFont.sub)),
|
||||
)
|
||||
else
|
||||
_circleButton(Icons.add_circle_outline, () {
|
||||
_focus.unfocus();
|
||||
setState(() => _panelOpen = !_panelOpen);
|
||||
}),
|
||||
],
|
||||
),
|
||||
),
|
||||
if (_panelOpen) _plusPanel(),
|
||||
],
|
||||
);
|
||||
}
|
||||
|
||||
Widget _circleButton(IconData icon, VoidCallback onTap) {
|
||||
return InkWell(
|
||||
onTap: onTap,
|
||||
borderRadius: BorderRadius.circular(20),
|
||||
child: Padding(
|
||||
padding: const EdgeInsets.all(AppGap.x1),
|
||||
child: Icon(icon, size: 28, color: AppColors.textPrimary),
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
Widget _textField() {
|
||||
return Container(
|
||||
constraints: const BoxConstraints(minHeight: 40),
|
||||
decoration: BoxDecoration(
|
||||
color: AppColors.searchBg,
|
||||
borderRadius: BorderRadius.circular(8),
|
||||
),
|
||||
child: TextField(
|
||||
controller: _ctrl,
|
||||
focusNode: _focus,
|
||||
textInputAction: TextInputAction.send,
|
||||
onSubmitted: (_) => _sendText(),
|
||||
onChanged: (v) => setState(() => _hasText = v.trim().isNotEmpty),
|
||||
onTap: () => setState(() => _panelOpen = false),
|
||||
maxLines: 4,
|
||||
minLines: 1,
|
||||
decoration: const InputDecoration(
|
||||
border: InputBorder.none,
|
||||
isDense: true,
|
||||
contentPadding: EdgeInsets.symmetric(horizontal: AppGap.x3, vertical: 10),
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
/// 语音模式下的「按住 说话」按钮
|
||||
Widget _holdToTalk() {
|
||||
return GestureDetector(
|
||||
onLongPressStart: (_) => _startRecord(),
|
||||
onLongPressEnd: (_) => _stopRecord(send: true),
|
||||
onLongPressCancel: () => _stopRecord(send: false),
|
||||
child: Container(
|
||||
height: 40,
|
||||
alignment: Alignment.center,
|
||||
decoration: BoxDecoration(
|
||||
color: _recording ? AppColors.primary : AppColors.searchBg,
|
||||
borderRadius: BorderRadius.circular(8),
|
||||
),
|
||||
child: Text(
|
||||
_recording ? '松开 发送' : '按住 说话',
|
||||
style: TextStyle(
|
||||
fontSize: AppFont.body,
|
||||
color: _recording ? Colors.white : AppColors.textPrimary,
|
||||
),
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
/// 加号面板：图片 / 文件 / 语音通话（单聊）
|
||||
Widget _plusPanel() {
|
||||
return Container(
|
||||
color: AppColors.chatBg,
|
||||
padding: const EdgeInsets.all(AppGap.x6),
|
||||
child: Row(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
_panelItem(Icons.image_outlined, '图片', widget.onPickImage),
|
||||
_panelItem(Icons.insert_drive_file_outlined, '文件', widget.onPickFile),
|
||||
if (widget.onVoiceCall != null) _panelItem(Icons.phone_outlined, '语音通话', widget.onVoiceCall!),
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
Widget _panelItem(IconData icon, String label, VoidCallback onTap) {
|
||||
return Padding(
|
||||
padding: const EdgeInsets.only(right: AppGap.x6),
|
||||
child: InkWell(
|
||||
onTap: () {
|
||||
setState(() => _panelOpen = false);
|
||||
onTap();
|
||||
},
|
||||
child: Column(
|
||||
mainAxisSize: MainAxisSize.min,
|
||||
children: [
|
||||
Container(
|
||||
width: 56,
|
||||
height: 56,
|
||||
decoration: BoxDecoration(
|
||||
color: AppColors.pageBg,
|
||||
borderRadius: BorderRadius.circular(12),
|
||||
),
|
||||
child: Icon(icon, size: 28, color: AppColors.textPrimary),
|
||||
),
|
||||
const SizedBox(height: AppGap.x1),
|
||||
Text(label, style: const TextStyle(fontSize: AppFont.small, color: AppColors.textSecondary)),
|
||||
],
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,288 @@
|
||||
import 'dart:io';
|
||||
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:flutter_openim_sdk/flutter_openim_sdk.dart';
|
||||
|
||||
import '../theme.dart';
|
||||
import '../utils/format.dart';
|
||||
import 'avatar.dart';
|
||||
|
||||
/// 聊天页的消息气泡：文字 / 语音条 / 文件卡片 / 图片四种，
|
||||
/// 外加发送中（小菊花）与发送失败（红色感叹号）两种状态。
|
||||
class MessageBubble extends StatelessWidget {
|
||||
final Message message;
|
||||
|
||||
/// 是否己方发送
|
||||
final bool isMine;
|
||||
|
||||
/// 己方头像信息
|
||||
final String selfName;
|
||||
final String? selfFaceURL;
|
||||
|
||||
/// 对方头像信息（群聊里每条消息带各自发送者信息）
|
||||
final String peerName;
|
||||
final String? peerFaceURL;
|
||||
|
||||
/// 群聊中是否显示发送者昵称（对方消息）
|
||||
final bool showSenderName;
|
||||
|
||||
/// 点击语音气泡（播放）
|
||||
final void Function(Message message)? onTapVoice;
|
||||
|
||||
/// 点击文件气泡（打开 / 下载）
|
||||
final void Function(Message message)? onTapFile;
|
||||
|
||||
/// 点击红色感叹号重发
|
||||
final void Function(Message message)? onResend;
|
||||
|
||||
/// 正在播放的语音消息 ID（用于显示播放中状态，可为空）
|
||||
final String? playingVoiceId;
|
||||
|
||||
const MessageBubble({
|
||||
super.key,
|
||||
required this.message,
|
||||
required this.isMine,
|
||||
this.selfName = '',
|
||||
this.selfFaceURL,
|
||||
this.peerName = '',
|
||||
this.peerFaceURL,
|
||||
this.showSenderName = false,
|
||||
this.onTapVoice,
|
||||
this.onTapFile,
|
||||
this.onResend,
|
||||
this.playingVoiceId,
|
||||
});
|
||||
|
||||
bool get _failed => message.status == MessageStatus.failed;
|
||||
bool get _sending => message.status == MessageStatus.sending;
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
final avatar = NameAvatar(
|
||||
name: isMine ? selfName : (message.senderNickname?.isNotEmpty == true ? message.senderNickname! : peerName),
|
||||
faceURL: isMine ? selfFaceURL : (message.senderFaceUrl?.isNotEmpty == true ? message.senderFaceUrl : peerFaceURL),
|
||||
size: 40,
|
||||
);
|
||||
|
||||
final bubble = ConstrainedBox(
|
||||
constraints: BoxConstraints(maxWidth: MediaQuery.of(context).size.width * 0.65),
|
||||
child: _buildContent(context),
|
||||
);
|
||||
|
||||
final statusIcon = _buildStatus();
|
||||
|
||||
final row = Row(
|
||||
mainAxisAlignment: isMine ? MainAxisAlignment.end : MainAxisAlignment.start,
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: isMine
|
||||
? [statusIcon, Flexible(child: bubble), const SizedBox(width: AppGap.x2), avatar]
|
||||
: [avatar, const SizedBox(width: AppGap.x2), Flexible(child: bubble), statusIcon],
|
||||
);
|
||||
|
||||
return Padding(
|
||||
padding: const EdgeInsets.symmetric(horizontal: AppGap.x3, vertical: AppGap.x2),
|
||||
child: Column(
|
||||
crossAxisAlignment: isMine ? CrossAxisAlignment.end : CrossAxisAlignment.start,
|
||||
children: [
|
||||
if (showSenderName && !isMine && (message.senderNickname?.isNotEmpty == true))
|
||||
Padding(
|
||||
padding: const EdgeInsets.only(left: 48, bottom: AppGap.x1),
|
||||
child: Text(message.senderNickname!, style: const TextStyle(fontSize: AppFont.small, color: AppColors.textSecondary)),
|
||||
),
|
||||
row,
|
||||
// 发送失败提示（效果图：气泡下方灰字）
|
||||
if (_failed)
|
||||
const Padding(
|
||||
padding: EdgeInsets.only(top: AppGap.x1),
|
||||
child: Text(
|
||||
'消息没发出去，点红色感叹号重发',
|
||||
style: TextStyle(fontSize: AppFont.small, color: AppColors.textSecondary),
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
/// 发送中小菊花 / 失败红色感叹号
|
||||
Widget _buildStatus() {
|
||||
if (_sending) {
|
||||
return const Padding(
|
||||
padding: EdgeInsets.symmetric(horizontal: AppGap.x2, vertical: AppGap.x3),
|
||||
child: SizedBox(width: 16, height: 16, child: CircularProgressIndicator(strokeWidth: 2, color: AppColors.textSecondary)),
|
||||
);
|
||||
}
|
||||
if (_failed) {
|
||||
return Padding(
|
||||
padding: const EdgeInsets.symmetric(horizontal: AppGap.x2, vertical: AppGap.x3),
|
||||
child: GestureDetector(
|
||||
onTap: () => onResend?.call(message),
|
||||
child: const Icon(Icons.error, size: 20, color: AppColors.danger),
|
||||
),
|
||||
);
|
||||
}
|
||||
return const SizedBox.shrink();
|
||||
}
|
||||
|
||||
Widget _buildContent(BuildContext context) {
|
||||
switch (message.contentType) {
|
||||
case MessageType.voice:
|
||||
return _voiceBubble();
|
||||
case MessageType.file:
|
||||
return _fileCard();
|
||||
case MessageType.picture:
|
||||
return _imageBubble();
|
||||
case MessageType.custom:
|
||||
return _textBubble(FormatUtils.messagePreview(message, isGroup: false));
|
||||
default:
|
||||
if ((message.contentType ?? 0) >= MessageType.notificationBegin) {
|
||||
// 通知类消息：居中灰字（如入群通知）
|
||||
return const SizedBox.shrink();
|
||||
}
|
||||
return _textBubble(message.textElem?.content ?? '');
|
||||
}
|
||||
}
|
||||
|
||||
/// 文字气泡：己方浅蓝、对方白色
|
||||
Widget _textBubble(String text) {
|
||||
return Container(
|
||||
padding: const EdgeInsets.symmetric(horizontal: AppGap.x3, vertical: AppGap.x2),
|
||||
decoration: BoxDecoration(
|
||||
color: isMine ? AppColors.bubbleMine : AppColors.bubbleOther,
|
||||
borderRadius: BorderRadius.circular(8),
|
||||
),
|
||||
child: Text(text, style: const TextStyle(fontSize: AppFont.body, color: AppColors.textPrimary)),
|
||||
);
|
||||
}
|
||||
|
||||
/// 语音气泡：喇叭图标 + 秒数；未读语音右侧小红点
|
||||
Widget _voiceBubble() {
|
||||
final duration = message.soundElem?.duration ?? 0;
|
||||
final playing = playingVoiceId != null && playingVoiceId == message.clientMsgID;
|
||||
// 宽度随时长增加，封顶
|
||||
final width = 72.0 + (duration > 30 ? 60 : duration * 2);
|
||||
final unread = !isMine && message.isRead == false;
|
||||
|
||||
return Row(
|
||||
mainAxisSize: MainAxisSize.min,
|
||||
children: [
|
||||
GestureDetector(
|
||||
onTap: () => onTapVoice?.call(message),
|
||||
child: Container(
|
||||
width: width,
|
||||
padding: const EdgeInsets.symmetric(horizontal: AppGap.x3, vertical: AppGap.x2),
|
||||
decoration: BoxDecoration(
|
||||
color: isMine ? AppColors.bubbleMine : AppColors.bubbleOther,
|
||||
borderRadius: BorderRadius.circular(8),
|
||||
),
|
||||
child: Row(
|
||||
mainAxisSize: MainAxisSize.min,
|
||||
mainAxisAlignment: isMine ? MainAxisAlignment.end : MainAxisAlignment.start,
|
||||
children: isMine
|
||||
? [
|
||||
Text('$duration″', style: const TextStyle(fontSize: AppFont.body, color: AppColors.textPrimary)),
|
||||
const SizedBox(width: AppGap.x2),
|
||||
Icon(playing ? Icons.volume_up : Icons.volume_up_outlined, size: 20, color: AppColors.textPrimary),
|
||||
]
|
||||
: [
|
||||
Icon(playing ? Icons.volume_up : Icons.volume_up_outlined, size: 20, color: AppColors.textPrimary),
|
||||
const SizedBox(width: AppGap.x2),
|
||||
Text('$duration″', style: const TextStyle(fontSize: AppFont.body, color: AppColors.textPrimary)),
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
if (unread)
|
||||
Container(
|
||||
width: 8,
|
||||
height: 8,
|
||||
margin: const EdgeInsets.only(left: AppGap.x1),
|
||||
decoration: const BoxDecoration(color: AppColors.danger, shape: BoxShape.circle),
|
||||
),
|
||||
],
|
||||
);
|
||||
}
|
||||
|
||||
/// 文件气泡：卡片样式（文件图标、文件名、大小）
|
||||
Widget _fileCard() {
|
||||
final name = message.fileElem?.fileName ?? '未知文件';
|
||||
final size = FormatUtils.fileSize(message.fileElem?.fileSize);
|
||||
return GestureDetector(
|
||||
onTap: () => onTapFile?.call(message),
|
||||
child: Container(
|
||||
padding: const EdgeInsets.all(AppGap.x3),
|
||||
decoration: BoxDecoration(
|
||||
color: isMine ? AppColors.bubbleMine : AppColors.bubbleOther,
|
||||
borderRadius: BorderRadius.circular(8),
|
||||
),
|
||||
child: Row(
|
||||
mainAxisSize: MainAxisSize.min,
|
||||
children: [
|
||||
Container(
|
||||
width: 44,
|
||||
height: 44,
|
||||
decoration: BoxDecoration(
|
||||
color: AppColors.pageBg,
|
||||
borderRadius: BorderRadius.circular(8),
|
||||
),
|
||||
child: const Icon(Icons.insert_drive_file_outlined, size: 28, color: AppColors.primary),
|
||||
),
|
||||
const SizedBox(width: AppGap.x2),
|
||||
Flexible(
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
mainAxisSize: MainAxisSize.min,
|
||||
children: [
|
||||
Text(
|
||||
name,
|
||||
maxLines: 1,
|
||||
overflow: TextOverflow.ellipsis,
|
||||
style: const TextStyle(fontSize: AppFont.body, color: AppColors.textPrimary),
|
||||
),
|
||||
const SizedBox(height: AppGap.x1),
|
||||
Text(size, style: const TextStyle(fontSize: AppFont.small, color: AppColors.textSecondary)),
|
||||
],
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
/// 图片气泡：本地优先，其次网络图
|
||||
Widget _imageBubble() {
|
||||
final localPath = message.pictureElem?.sourcePath;
|
||||
final url = message.pictureElem?.snapshotPicture?.url ?? message.pictureElem?.sourcePicture?.url;
|
||||
Widget child;
|
||||
if (localPath != null && localPath.isNotEmpty && File(localPath).existsSync()) {
|
||||
child = Image.file(File(localPath), fit: BoxFit.cover);
|
||||
} else if (url != null && url.isNotEmpty) {
|
||||
child = Image.network(
|
||||
url,
|
||||
fit: BoxFit.cover,
|
||||
errorBuilder: (_, __, ___) => _imagePlaceholder(),
|
||||
loadingBuilder: (_, c, p) => p == null ? c : _imagePlaceholder(),
|
||||
);
|
||||
} else {
|
||||
child = _imagePlaceholder();
|
||||
}
|
||||
return ClipRRect(
|
||||
borderRadius: BorderRadius.circular(8),
|
||||
child: ConstrainedBox(
|
||||
constraints: const BoxConstraints(maxWidth: 160, maxHeight: 200),
|
||||
child: child,
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
Widget _imagePlaceholder() {
|
||||
return Container(
|
||||
width: 120,
|
||||
height: 120,
|
||||
color: AppColors.searchBg,
|
||||
alignment: Alignment.center,
|
||||
child: const Icon(Icons.image_outlined, size: 40, color: AppColors.textSecondary),
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,67 @@
|
||||
import 'package:flutter/material.dart';
|
||||
|
||||
import '../theme.dart';
|
||||
|
||||
/// 消息列表 / 通讯录共用的搜索框（效果图 m1/m3）：
|
||||
/// 未输入时「放大镜 + 搜索」居中显示，输入后正常左对齐。
|
||||
class SearchBox extends StatefulWidget {
|
||||
final ValueChanged<String> onChanged;
|
||||
|
||||
const SearchBox({super.key, required this.onChanged});
|
||||
|
||||
@override
|
||||
State<SearchBox> createState() => _SearchBoxState();
|
||||
}
|
||||
|
||||
class _SearchBoxState extends State<SearchBox> {
|
||||
final TextEditingController _ctrl = TextEditingController();
|
||||
|
||||
@override
|
||||
void dispose() {
|
||||
_ctrl.dispose();
|
||||
super.dispose();
|
||||
}
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return Padding(
|
||||
padding: const EdgeInsets.symmetric(horizontal: AppGap.x3, vertical: AppGap.x2),
|
||||
child: Stack(
|
||||
alignment: Alignment.centerLeft,
|
||||
children: [
|
||||
TextField(
|
||||
controller: _ctrl,
|
||||
onChanged: (v) {
|
||||
setState(() {});
|
||||
widget.onChanged(v.trim());
|
||||
},
|
||||
decoration: InputDecoration(
|
||||
filled: true,
|
||||
fillColor: AppColors.searchBg,
|
||||
isDense: true,
|
||||
contentPadding: const EdgeInsets.symmetric(horizontal: AppGap.x3, vertical: AppGap.x2),
|
||||
border: OutlineInputBorder(
|
||||
borderRadius: BorderRadius.circular(8),
|
||||
borderSide: BorderSide.none,
|
||||
),
|
||||
),
|
||||
),
|
||||
// 空内容时的居中占位（不拦截点击，点按穿透到输入框）
|
||||
if (_ctrl.text.isEmpty)
|
||||
const IgnorePointer(
|
||||
child: Center(
|
||||
child: Row(
|
||||
mainAxisSize: MainAxisSize.min,
|
||||
children: [
|
||||
Icon(Icons.search, size: 20, color: AppColors.textSecondary),
|
||||
SizedBox(width: AppGap.x1),
|
||||
Text('搜索', style: TextStyle(fontSize: AppFont.sub, color: AppColors.textSecondary)),
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,134 @@
|
||||
import 'package:flutter/material.dart';
|
||||
|
||||
import '../theme.dart';
|
||||
|
||||
/// 空 / 加载中 / 加载失败 / 断网 四态组件，文案严格按效果图 states.png。
|
||||
|
||||
/// 空态：还没有消息
|
||||
class EmptyConversations extends StatelessWidget {
|
||||
/// 「去找同事」按钮点击（跳到通讯录 Tab）
|
||||
final VoidCallback? onFindContacts;
|
||||
|
||||
const EmptyConversations({super.key, this.onFindContacts});
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return Center(
|
||||
child: Column(
|
||||
mainAxisSize: MainAxisSize.min,
|
||||
children: [
|
||||
const Icon(Icons.chat_bubble_outline, size: 64, color: AppColors.divider),
|
||||
const SizedBox(height: AppGap.x6),
|
||||
const Text('还没有消息', style: TextStyle(fontSize: AppFont.body, color: AppColors.textPrimary)),
|
||||
const SizedBox(height: AppGap.x2),
|
||||
const Text('去通讯录找同事聊聊吧', style: TextStyle(fontSize: AppFont.sub, color: AppColors.textSecondary)),
|
||||
const SizedBox(height: AppGap.x6),
|
||||
FilledButton(
|
||||
onPressed: onFindContacts,
|
||||
style: FilledButton.styleFrom(
|
||||
backgroundColor: AppColors.primary,
|
||||
padding: const EdgeInsets.symmetric(horizontal: AppGap.x6, vertical: AppGap.x3),
|
||||
shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(8)),
|
||||
),
|
||||
child: const Text('去找同事', style: TextStyle(fontSize: AppFont.body)),
|
||||
),
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
/// 加载中
|
||||
class LoadingConversations extends StatelessWidget {
|
||||
const LoadingConversations({super.key});
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return const Center(
|
||||
child: Column(
|
||||
mainAxisSize: MainAxisSize.min,
|
||||
children: [
|
||||
SizedBox(
|
||||
width: 32,
|
||||
height: 32,
|
||||
child: CircularProgressIndicator(strokeWidth: 3, color: AppColors.primary),
|
||||
),
|
||||
SizedBox(height: AppGap.x6),
|
||||
Text('正在加载', style: TextStyle(fontSize: AppFont.body, color: AppColors.textPrimary)),
|
||||
SizedBox(height: AppGap.x2),
|
||||
Text('消息马上就好，请稍等', style: TextStyle(fontSize: AppFont.sub, color: AppColors.textSecondary)),
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
/// 加载失败
|
||||
class ErrorConversations extends StatelessWidget {
|
||||
final VoidCallback? onRetry;
|
||||
|
||||
const ErrorConversations({super.key, this.onRetry});
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return Center(
|
||||
child: Column(
|
||||
mainAxisSize: MainAxisSize.min,
|
||||
children: [
|
||||
const Icon(Icons.error_outline, size: 64, color: AppColors.divider),
|
||||
const SizedBox(height: AppGap.x6),
|
||||
const Text('消息没加载出来', style: TextStyle(fontSize: AppFont.body, color: AppColors.textPrimary)),
|
||||
const SizedBox(height: AppGap.x2),
|
||||
const Text('检查一下网络，再点重试', style: TextStyle(fontSize: AppFont.sub, color: AppColors.textSecondary)),
|
||||
const SizedBox(height: AppGap.x6),
|
||||
OutlinedButton(
|
||||
onPressed: onRetry,
|
||||
style: OutlinedButton.styleFrom(
|
||||
foregroundColor: AppColors.primary,
|
||||
side: const BorderSide(color: AppColors.primary),
|
||||
padding: const EdgeInsets.symmetric(horizontal: AppGap.x6, vertical: AppGap.x3),
|
||||
shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(8)),
|
||||
),
|
||||
child: const Text('重试', style: TextStyle(fontSize: AppFont.body)),
|
||||
),
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
/// 断网时顶部的深色横幅
|
||||
class OfflineBanner extends StatelessWidget {
|
||||
const OfflineBanner({super.key});
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return Container(
|
||||
width: double.infinity,
|
||||
color: AppColors.bannerBg,
|
||||
padding: const EdgeInsets.symmetric(horizontal: AppGap.x4, vertical: AppGap.x2),
|
||||
child: const Row(
|
||||
children: [
|
||||
Icon(Icons.error_outline, size: 16, color: Colors.white),
|
||||
SizedBox(width: AppGap.x2),
|
||||
Text('当前网络不可用，请检查网络连接', style: TextStyle(fontSize: AppFont.sub, color: Colors.white)),
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
/// 断网时列表底部的灰字提示
|
||||
class OfflineFooter extends StatelessWidget {
|
||||
const OfflineFooter({super.key});
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return const Padding(
|
||||
padding: EdgeInsets.symmetric(vertical: AppGap.x4),
|
||||
child: Center(
|
||||
child: Text('老消息还能看，新消息联网后自动收到', style: TextStyle(fontSize: AppFont.small, color: AppColors.textSecondary)),
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user