438 lines
11 KiB
JavaScript
438 lines
11 KiB
JavaScript
// 搜索用户页面
|
||
const app = getApp();
|
||
const friendAPI = require('../../../utils/friend-api.js');
|
||
|
||
Page({
|
||
data: {
|
||
// 搜索相关
|
||
searchKeyword: '',
|
||
searchResults: [],
|
||
loading: false,
|
||
hasSearched: false,
|
||
|
||
// 搜索类型
|
||
searchType: 'all', // all, nickname, custom_id, phone
|
||
searchTypes: [
|
||
{ value: 'all', label: '全部' },
|
||
{ value: 'nickname', label: '昵称' },
|
||
{ value: 'custom_id', label: 'ID' },
|
||
{ value: 'phone', label: '手机号' }
|
||
],
|
||
|
||
// 分页
|
||
currentPage: 1,
|
||
pageSize: 20,
|
||
hasMore: true,
|
||
|
||
// 系统信息
|
||
statusBarHeight: 0,
|
||
navBarHeight: 0,
|
||
scanningUser: false,
|
||
scanCache: {} // { customId: { timestamp, relationStatus } }
|
||
},
|
||
// 扫一扫二维码（识别 FINDME 格式并跳转）
|
||
scanQRCode() {
|
||
wx.scanCode({
|
||
onlyFromCamera: false,
|
||
success: async (res) => {
|
||
const scanResult = res.result || '';
|
||
|
||
// 解析 FINDME 格式：FINDME:customId
|
||
if (scanResult.startsWith('FINDME:')) {
|
||
const customId = scanResult.replace('FINDME:', '').trim();
|
||
|
||
// 检查是否是好友关系
|
||
this.checkFriendRelationFromScan(customId);
|
||
} else {
|
||
wx.showToast({
|
||
title: '无法识别二维码内容',
|
||
icon: 'none',
|
||
duration: 2000
|
||
});
|
||
}
|
||
},
|
||
fail: (err) => {
|
||
// 用户取消不提示错误
|
||
if (err.errMsg && !err.errMsg.includes('cancel')) {
|
||
wx.showToast({
|
||
title: '扫码失败，请重试',
|
||
icon: 'none'
|
||
});
|
||
}
|
||
}
|
||
});
|
||
},
|
||
|
||
// 检查好友关系（从扫码调用）
|
||
async checkFriendRelationFromScan(customId) {
|
||
if (this.data.scanningUser) return;
|
||
this.setData({ scanningUser: true });
|
||
wx.showLoading({ title: '加载中...', mask: true });
|
||
|
||
const friendDetailResponse = await friendAPI.getFriendDetail(customId).catch(() => null);
|
||
wx.hideLoading();
|
||
|
||
const isFriend = friendDetailResponse?.code === 0 && friendDetailResponse?.data;
|
||
this.setData({ scanningUser: false });
|
||
this.navigateToUserDetail(customId, isFriend);
|
||
},
|
||
|
||
// 跳转到用户详情页面
|
||
navigateToUserDetail(customId, isFriend = false) {
|
||
const url = isFriend
|
||
? `/subpackages/social/friend-detail/friend-detail?customId=${customId}`
|
||
: `/subpackages/social/user-preview/user-preview?customId=${customId}`;
|
||
|
||
wx.navigateTo({
|
||
url: url,
|
||
fail: (err) => {
|
||
console.error('跳转失败:', err);
|
||
wx.showToast({ title: '跳转失败，请重试', icon: 'none' });
|
||
}
|
||
});
|
||
},
|
||
|
||
async fetchScannedUserBasicInfo(customId) {
|
||
try {
|
||
// 使用精确ID搜索
|
||
const resp = await friendAPI.searchUsers(customId, 'custom_id', 1, 1);
|
||
const users = resp?.data?.users || [];
|
||
const user = users[0];
|
||
wx.hideLoading();
|
||
if (!user) {
|
||
wx.showToast({ title: '用户不存在', icon: 'none' });
|
||
this.setData({ scanningUser: false });
|
||
return;
|
||
}
|
||
|
||
// 非好友：跳转预览页面
|
||
this.setData({ scanningUser: false });
|
||
wx.navigateTo({
|
||
url: `/subpackages/social/user-preview/user-preview?customId=${customId}`,
|
||
fail: (err) => {
|
||
console.warn('navigateTo user-preview 失败，尝试 redirectTo:', err);
|
||
wx.redirectTo({ url: `/subpackages/social/user-preview/user-preview?customId=${customId}` });
|
||
}
|
||
});
|
||
} catch (error) {
|
||
wx.hideLoading();
|
||
console.error('查询用户失败:', error);
|
||
wx.showToast({ title: '查询失败', icon: 'none' });
|
||
this.setData({ scanningUser: false });
|
||
}
|
||
},
|
||
|
||
handleGenericScan(raw) {
|
||
wx.showModal({
|
||
title: '二维码内容',
|
||
content: raw.length > 200 ? raw.slice(0,200) + '...' : raw,
|
||
showCancel: false
|
||
});
|
||
},
|
||
|
||
onLoad(options) {
|
||
|
||
this.initSystemInfo();
|
||
|
||
// 如果有传入的搜索关键词，直接搜索
|
||
if (options.keyword) {
|
||
this.setData({
|
||
searchKeyword: decodeURIComponent(options.keyword)
|
||
});
|
||
this.performSearch();
|
||
}
|
||
},
|
||
|
||
// 初始化系统信息
|
||
initSystemInfo() {
|
||
try {
|
||
// 使用新的API替代已弃用的wx.getSystemInfoSync
|
||
const windowInfo = wx.getWindowInfo();
|
||
const menuButton = wx.getMenuButtonBoundingClientRect();
|
||
|
||
const statusBarHeight = windowInfo.statusBarHeight || 0;
|
||
// 使用更紧凑的高度：状态栏
|
||
const navBarHeight = statusBarHeight;
|
||
|
||
this.setData({
|
||
statusBarHeight,
|
||
navBarHeight
|
||
});
|
||
} catch (error) {
|
||
console.error('获取系统信息失败，使用兜底方案:', error);
|
||
// 兜底方案
|
||
try {
|
||
const systemInfo = wx.getSystemInfoSync();
|
||
const statusBarHeight = systemInfo.statusBarHeight || 0;
|
||
const navBarHeight = statusBarHeight + 36;
|
||
this.setData({
|
||
statusBarHeight,
|
||
navBarHeight
|
||
});
|
||
} catch (fallbackError) {
|
||
console.error('兜底方案也失败了:', fallbackError);
|
||
// 设置默认值
|
||
this.setData({
|
||
statusBarHeight: 20,
|
||
navBarHeight: 56
|
||
});
|
||
}
|
||
}
|
||
},
|
||
|
||
// 返回上一页
|
||
// 已移除自定义返回按钮，使用小程序自带返回
|
||
|
||
// 搜索输入
|
||
onSearchInput(e) {
|
||
this.setData({
|
||
searchKeyword: e.detail.value
|
||
});
|
||
if(!(e.detail.value)){
|
||
this.clearSearch()
|
||
}
|
||
},
|
||
|
||
// 搜索确认
|
||
onSearchConfirm() {
|
||
this.performSearch();
|
||
},
|
||
|
||
// 清空搜索
|
||
clearSearch() {
|
||
this.setData({
|
||
searchKeyword: '',
|
||
searchResults: [],
|
||
hasSearched: false,
|
||
currentPage: 1,
|
||
hasMore: true
|
||
});
|
||
},
|
||
|
||
// 切换搜索类型
|
||
onSearchTypeChange(e) {
|
||
const searchType = e.currentTarget.dataset.type;
|
||
this.setData({
|
||
searchType
|
||
});
|
||
|
||
if (this.data.searchKeyword) {
|
||
this.performSearch();
|
||
}
|
||
},
|
||
|
||
// 执行搜索
|
||
async performSearch() {
|
||
const keyword = this.data.searchKeyword.trim();
|
||
if (!keyword) {
|
||
wx.showToast({
|
||
title: '请输入搜索关键词',
|
||
icon: 'none'
|
||
});
|
||
return;
|
||
}
|
||
|
||
// 基于搜索类型的输入校验
|
||
const { searchType } = this.data;
|
||
if (searchType === 'custom_id') {
|
||
// ID: 1-20位纯数字
|
||
if (!/^\d{1,20}$/.test(keyword)) {
|
||
wx.showToast({
|
||
title: 'ID需为1-20位纯数字',
|
||
icon: 'none'
|
||
});
|
||
return;
|
||
}
|
||
} else if (searchType === 'phone') {
|
||
// 手机号：11位数字
|
||
if (!/^\d{11}$/.test(keyword)) {
|
||
wx.showToast({
|
||
title: '手机号需为11位数字',
|
||
icon: 'none'
|
||
});
|
||
return;
|
||
}
|
||
}
|
||
|
||
this.setData({
|
||
loading: true,
|
||
currentPage: 1,
|
||
searchResults: [],
|
||
hasMore: true
|
||
});
|
||
|
||
try {
|
||
const response = await friendAPI.searchUsers(
|
||
keyword,
|
||
this.data.searchType,
|
||
1,
|
||
this.data.pageSize
|
||
);
|
||
|
||
// 根据正确的接口文档处理API响应结构
|
||
const searchData = response.data || {};
|
||
const users = searchData.users || [];
|
||
const total = searchData.total || 0;
|
||
|
||
this.setData({
|
||
searchResults: users,
|
||
hasSearched: true,
|
||
hasMore: users.length >= this.data.pageSize && this.data.currentPage * this.data.pageSize < total,
|
||
loading: false
|
||
});
|
||
|
||
if (users.length === 0) {
|
||
wx.showToast({
|
||
title: '未找到相关用户',
|
||
icon: 'none'
|
||
});
|
||
}
|
||
|
||
} catch (error) {
|
||
console.error('搜索失败:', error);
|
||
this.setData({
|
||
loading: false,
|
||
hasSearched: true
|
||
});
|
||
|
||
wx.showToast({
|
||
title: error.message || '搜索失败',
|
||
icon: 'none'
|
||
});
|
||
}
|
||
},
|
||
|
||
// 加载更多
|
||
async loadMore() {
|
||
if (!this.data.hasMore || this.data.loading) return;
|
||
|
||
this.setData({ loading: true });
|
||
|
||
try {
|
||
const response = await friendAPI.searchUsers(
|
||
this.data.searchKeyword,
|
||
this.data.searchType,
|
||
this.data.currentPage + 1,
|
||
this.data.pageSize
|
||
);
|
||
|
||
const searchData = response.data || {};
|
||
const newUsers = searchData.users || [];
|
||
const total = searchData.total || 0;
|
||
const newResults = [...this.data.searchResults, ...newUsers];
|
||
|
||
this.setData({
|
||
searchResults: newResults,
|
||
currentPage: this.data.currentPage + 1,
|
||
hasMore: newResults.length < total,
|
||
loading: false
|
||
});
|
||
|
||
} catch (error) {
|
||
console.error('加载更多失败:', error);
|
||
this.setData({ loading: false });
|
||
}
|
||
},
|
||
|
||
// 添加好友
|
||
async addFriend(e) {
|
||
const { customId, nickname } = e.currentTarget.dataset;
|
||
|
||
try {
|
||
// 显示输入框让用户输入验证消息
|
||
const result = await this.showAddFriendDialog(nickname);
|
||
if (!result.confirm) return;
|
||
|
||
wx.showLoading({ title: '发送中...' });
|
||
|
||
// 输入阶段已限制50字，这里仅做去空白
|
||
const safeMessage = (result.message || '').trim();
|
||
await friendAPI.addFriend(customId, safeMessage);
|
||
|
||
wx.hideLoading();
|
||
wx.showToast({
|
||
title: '好友请求已发送',
|
||
icon: 'success'
|
||
});
|
||
|
||
// 更新按钮状态
|
||
const updatedResults = this.data.searchResults.map(user => {
|
||
if (user.customId === customId) {
|
||
return {
|
||
...user,
|
||
relationStatus: 'pending',
|
||
actionText: '等待验证',
|
||
canAddFriend: false
|
||
};
|
||
}
|
||
return user;
|
||
});
|
||
|
||
this.setData({
|
||
searchResults: updatedResults
|
||
});
|
||
|
||
} catch (error) {
|
||
wx.hideLoading();
|
||
console.error('添加好友失败:', error);
|
||
wx.showToast({
|
||
title: error.message || '添加好友失败',
|
||
icon: 'none'
|
||
});
|
||
}
|
||
},
|
||
|
||
// 显示添加好友对话框
|
||
showAddFriendDialog(nickname) {
|
||
return new Promise((resolve) => {
|
||
try {
|
||
// 默认文案
|
||
const selfNick = app.globalData?.userInfo?.user?.nickname || '';
|
||
const base = `我是 ${selfNick}`;
|
||
this._addDialogResolve = resolve; // 存到实例属性，避免放到 data
|
||
this.setData({
|
||
addDialogVisible: true,
|
||
addDialogNickname: nickname || '',
|
||
addDialogMessage: base
|
||
});
|
||
} catch (e) {
|
||
console.error('打开添加好友对话框失败', e);
|
||
resolve({ confirm: false });
|
||
}
|
||
});
|
||
},
|
||
|
||
// 对话框输入变更（已在组件层 maxlength=50 限制）
|
||
onAddDialogInput(e) {
|
||
const value = (e.detail.value || '').slice(0, 50);
|
||
this.setData({ addDialogMessage: value });
|
||
},
|
||
|
||
// 取消添加
|
||
onAddDialogCancel() {
|
||
try { this.setData({ addDialogVisible: false }); } catch (_) {}
|
||
if (this._addDialogResolve) {
|
||
this._addDialogResolve({ confirm: false });
|
||
this._addDialogResolve = null;
|
||
}
|
||
},
|
||
|
||
// 确认添加
|
||
onAddDialogConfirm() {
|
||
const msg = (this.data.addDialogMessage || '').trim();
|
||
try { this.setData({ addDialogVisible: false }); } catch (_) {}
|
||
if (this._addDialogResolve) {
|
||
this._addDialogResolve({ confirm: true, message: msg });
|
||
this._addDialogResolve = null;
|
||
}
|
||
},
|
||
|
||
// 发送消息
|
||
sendMessage(e) {
|
||
const { customId, nickname } = e.currentTarget.dataset;
|
||
wx.navigateTo({
|
||
url: `/pages/message/chat/chat?targetId=${customId}&name=${encodeURIComponent(nickname)}&chatType=0`
|
||
});
|
||
}
|
||
});
|
||
|