upload project
This commit is contained in:
commit
06961cae04
422 changed files with 110626 additions and 0 deletions
438
subpackages/social/search/search.js
Normal file
438
subpackages/social/search/search.js
Normal file
|
|
@ -0,0 +1,438 @@
|
|||
// 搜索用户页面
|
||||
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`
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
Loading…
Add table
Add a link
Reference in a new issue