142 lines
3.9 KiB
JavaScript
142 lines
3.9 KiB
JavaScript
/**
|
||
* 申诉提交页（重构：用 appealService.submitAppeal + ui-nav-bar + ui-textarea）
|
||
*
|
||
* 用户针对封禁/暂停处置提交申诉。类型由入口决定（ban_appeal / suspend_appeal）。
|
||
*
|
||
* 不变量（AGENTS.md）：
|
||
* - 第 8 条：敏感数据默认拒绝——本页只接收申诉原因 + 证据截图 + 联系方式，
|
||
* 不接受身份证号等敏感字段；联系方式为可选。
|
||
* - 第 4 条：Block 优先级最高——申诉不会自动解封或解除拉黑，由运营人工处置。
|
||
* 幂等：appealService.submitAppeal 内部以 appealType+relatedActionId+秒级时间生成 Idempotency-Key。
|
||
*/
|
||
const { appStore } = require('../../stores');
|
||
const { appealService } = require('../../services');
|
||
|
||
const TYPE_LABELS = {
|
||
ban_appeal: '封禁申诉',
|
||
suspend_appeal: '暂停申诉',
|
||
};
|
||
|
||
const MIN_REASON_LEN = 10;
|
||
const MAX_EVIDENCE = 5;
|
||
|
||
Page({
|
||
data: {
|
||
appealType: '',
|
||
actionId: '',
|
||
typeLabel: '申诉',
|
||
reason: '',
|
||
reasonError: '',
|
||
evidenceFiles: [],
|
||
contactMethod: '',
|
||
submitting: false,
|
||
submitted: false,
|
||
statusBarHeight: 20,
|
||
navBarHeight: 44,
|
||
},
|
||
|
||
onLoad(options) {
|
||
try {
|
||
const info = (wx.getWindowInfo && wx.getWindowInfo()) || wx.getSystemInfoSync();
|
||
this.setData({
|
||
statusBarHeight: info.statusBarHeight || 20,
|
||
navBarHeight: info.platform === 'android' ? 48 : 44,
|
||
});
|
||
} catch (e) { /* 使用默认值 */ }
|
||
|
||
const appealType = options.type ? decodeURIComponent(options.type) : '';
|
||
const actionId = options.actionId ? decodeURIComponent(options.actionId) : '';
|
||
this.setData({
|
||
appealType,
|
||
actionId,
|
||
typeLabel: TYPE_LABELS[appealType] || '申诉',
|
||
});
|
||
},
|
||
|
||
onReasonInput(e) {
|
||
this.setData({ reason: e.detail.value, reasonError: '' });
|
||
},
|
||
|
||
onContactInput(e) {
|
||
this.setData({ contactMethod: e.detail.value });
|
||
},
|
||
|
||
// ============ 证据上传 ============
|
||
|
||
chooseEvidence() {
|
||
const remain = MAX_EVIDENCE - this.data.evidenceFiles.length;
|
||
if (remain <= 0) {
|
||
appStore.toast('最多上传 5 张证据');
|
||
return;
|
||
}
|
||
wx.chooseMedia({
|
||
count: remain,
|
||
mediaType: ['image'],
|
||
sourceType: ['album', 'camera'],
|
||
success: (res) => {
|
||
const files = res.tempFiles.map((f) => f.tempFilePath);
|
||
this.setData({ evidenceFiles: [...this.data.evidenceFiles, ...files] });
|
||
},
|
||
});
|
||
},
|
||
|
||
previewImage(e) {
|
||
wx.previewImage({
|
||
current: e.currentTarget.dataset.url,
|
||
urls: this.data.evidenceFiles,
|
||
});
|
||
},
|
||
|
||
removeImage(e) {
|
||
const idx = e.currentTarget.dataset.index;
|
||
const files = this.data.evidenceFiles;
|
||
files.splice(idx, 1);
|
||
this.setData({ evidenceFiles: files });
|
||
},
|
||
|
||
// ============ 提交 ============
|
||
|
||
async submitAppeal() {
|
||
const { appealType, actionId, reason, contactMethod } = this.data;
|
||
const trimmedReason = (reason || '').trim();
|
||
|
||
if (!appealType) {
|
||
appStore.toast('缺少申诉类型');
|
||
return;
|
||
}
|
||
if (!trimmedReason) {
|
||
this.setData({ reasonError: '请填写申诉原因' });
|
||
return;
|
||
}
|
||
if (trimmedReason.length < MIN_REASON_LEN) {
|
||
this.setData({ reasonError: `申诉原因请至少 ${MIN_REASON_LEN} 个字` });
|
||
return;
|
||
}
|
||
|
||
this.setData({ submitting: true });
|
||
try {
|
||
await appealService.submitAppeal({
|
||
appealType,
|
||
relatedActionId: actionId || undefined,
|
||
reason: trimmedReason,
|
||
// 证据上传至 OSS 后回填 fileId；当前阶段先以本地路径占位，由后端证据服务接入后补全
|
||
evidenceFileIds: [],
|
||
contactMethod: (contactMethod || '').trim() || undefined,
|
||
});
|
||
this.setData({ submitted: true, submitting: false });
|
||
appStore.toastSuccess('申诉已提交');
|
||
} catch (err) {
|
||
appStore.toastError(err);
|
||
this.setData({ submitting: false });
|
||
}
|
||
},
|
||
|
||
goBack() {
|
||
wx.navigateBack();
|
||
},
|
||
|
||
onBack() {
|
||
wx.navigateBack();
|
||
},
|
||
});
|