125 lines
3.5 KiB
JavaScript
125 lines
3.5 KiB
JavaScript
/**
|
||
* 黑名单管理页（重构：用 matchStore + ui-nav-bar + DangerActionDialog）
|
||
*
|
||
* 列表展示已拉黑用户（脱敏字段），支持解除拉黑。
|
||
*
|
||
* 不变量（AGENTS.md）：
|
||
* - 第 4 条：Block 优先级最高——解除拉黑后对方可重新与你互动；
|
||
* 解除需 DangerActionDialog 二次确认。
|
||
* - 第 8 条：敏感数据默认拒绝——列表仅展示后端返回的脱敏字段（昵称/拉黑时间/原因），
|
||
* 不展示手机号/身份证等敏感信息。
|
||
* - 第 9 条：PostgreSQL 是 Source of Truth——列表状态以 matchStore 同步服务端返回为准。
|
||
*/
|
||
const { matchStore, appStore } = require('../../stores');
|
||
const { DANGER_ACTION } = require('../../constants');
|
||
|
||
const PAGE_SIZE = 20;
|
||
|
||
Page({
|
||
data: {
|
||
blockedList: [],
|
||
blockedHasMore: true,
|
||
loading: false,
|
||
loadingMore: false,
|
||
actionLoadingUserId: '',
|
||
|
||
// DangerActionDialog
|
||
showDangerDialog: false,
|
||
dangerAction: DANGER_ACTION.UNBLOCK,
|
||
dangerTargetName: '',
|
||
pendingUnblockUserId: '',
|
||
|
||
statusBarHeight: 20,
|
||
navBarHeight: 44,
|
||
},
|
||
|
||
onLoad() {
|
||
try {
|
||
const info = (wx.getWindowInfo && wx.getWindowInfo()) || wx.getSystemInfoSync();
|
||
this.setData({
|
||
statusBarHeight: info.statusBarHeight || 20,
|
||
navBarHeight: info.platform === 'android' ? 48 : 44,
|
||
});
|
||
} catch (e) { /* 使用默认值 */ }
|
||
|
||
this._unsub = matchStore.bindToPage(this, {
|
||
blockedList: 'blockedList',
|
||
blockedHasMore: 'blockedHasMore',
|
||
});
|
||
|
||
this.fetchList(true);
|
||
},
|
||
|
||
onUnload() {
|
||
if (this._unsub) this._unsub();
|
||
},
|
||
|
||
onShow() {
|
||
this.fetchList(true);
|
||
},
|
||
|
||
async fetchList(first) {
|
||
if (this.data.loading) return;
|
||
this.setData({ loading: true });
|
||
try {
|
||
await matchStore.fetchBlockedList({ pageSize: PAGE_SIZE });
|
||
} catch (err) {
|
||
appStore.toastError(err);
|
||
} finally {
|
||
this.setData({ loading: false });
|
||
}
|
||
},
|
||
|
||
onPullDownRefresh() {
|
||
this.fetchList(true).finally(() => wx.stopPullDownRefresh());
|
||
},
|
||
|
||
onReachBottom() {
|
||
if (this.data.loadingMore || !this.data.blockedHasMore) return;
|
||
this.setData({ loadingMore: true });
|
||
matchStore.loadMoreBlockedList()
|
||
.catch((err) => appStore.toastError(err))
|
||
.finally(() => this.setData({ loadingMore: false }));
|
||
},
|
||
|
||
// ============ 解除拉黑 ============
|
||
|
||
onUnblock(e) {
|
||
const userId = e.currentTarget.dataset.userId;
|
||
const userName = e.currentTarget.dataset.userName || '对方';
|
||
if (!userId || this.data.actionLoadingUserId) return;
|
||
this.setData({
|
||
showDangerDialog: true,
|
||
dangerTargetName: userName,
|
||
pendingUnblockUserId: userId,
|
||
});
|
||
},
|
||
|
||
async onDangerConfirm() {
|
||
const userId = this.data.pendingUnblockUserId;
|
||
this.setData({ showDangerDialog: false, pendingUnblockUserId: '' });
|
||
if (!userId) return;
|
||
this.setData({ actionLoadingUserId: userId });
|
||
try {
|
||
await matchStore.unblock(userId);
|
||
// 从本地列表移除（Store 的 unblock 不自动移除，需页面处理）
|
||
matchStore.setState({
|
||
blockedList: matchStore.state.blockedList.filter((u) => u.userId !== userId),
|
||
});
|
||
appStore.toastSuccess('已解除拉黑');
|
||
} catch (err) {
|
||
appStore.toastError(err);
|
||
} finally {
|
||
this.setData({ actionLoadingUserId: '' });
|
||
}
|
||
},
|
||
|
||
onDangerCancel() {
|
||
this.setData({ showDangerDialog: false, pendingUnblockUserId: '' });
|
||
},
|
||
|
||
onBack() {
|
||
wx.navigateBack();
|
||
},
|
||
});
|