chore: establish V1.1 recovery baseline
This commit is contained in:
@@ -0,0 +1,124 @@
|
||||
/**
|
||||
* 黑名单管理页(重构:用 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();
|
||||
},
|
||||
});
|
||||
Reference in New Issue
Block a user