384 lines
12 KiB
JavaScript
384 lines
12 KiB
JavaScript
const { getLayout } = require('../../utils/layout');
|
|
// pages/settings/settings.js
|
|
const { api, getImageUrl, API_BASE, uploadFileCompat } = require('../../utils/request');
|
|
const { requestSubscribe, getSubscribeStatus } = require('../../utils/subscribe');
|
|
Page({
|
|
onResize: function() { this.setData(getLayout()); },
|
|
data: {
|
|
showBgModal: false,
|
|
bgPreview: '',
|
|
bgFilePath: '',
|
|
|
|
|
|
hasPartner: false,
|
|
bindingKnown: false, bindingError:false,
|
|
|
|
// 解绑状态
|
|
unbindStatus: '', // '' / 'pending' / 'agreed' / 'rejected' / 'cancelled' / 'expired'
|
|
unbindIsRequester: false, // 当前用户是否是发起方
|
|
unbindRequesterName: '', // 发起方昵称
|
|
unbindRemaining: 0, // 剩余秒数
|
|
|
|
// 消息通知设置
|
|
showSubscribeModal: false,
|
|
subscribeStatus: {},
|
|
subscribeItems: [],
|
|
subscribeLoading: false,
|
|
|
|
// 我们past
|
|
showAboutModal: false,
|
|
// 联系我们
|
|
showContactModal: false,
|
|
},
|
|
|
|
onLoad: function() {
|
|
this.setData(getLayout());},
|
|
|
|
onPullDownRefresh: function() {
|
|
wx.stopPullDownRefresh();
|
|
},
|
|
|
|
onShow: async function() {
|
|
this.setData({ bindingKnown: false, bindingError:false });
|
|
try {
|
|
var info = await api.coupleInfo();
|
|
var hasPartner = !!(info && !info.not_bound && info.id);
|
|
this.setData({ hasPartner: hasPartner, bindingKnown: true });
|
|
if (hasPartner) {
|
|
wx.setStorageSync('coupleId', info.id);
|
|
this.loadUnbindStatus();
|
|
} else {
|
|
wx.removeStorageSync('coupleId');
|
|
this.setData({ unbindStatus: '', unbindIsRequester: false, unbindRequesterName: '' });
|
|
}
|
|
} catch (e) {
|
|
this.setData({bindingError:true});
|
|
console.error('获取绑定状态失败', e);
|
|
}
|
|
},
|
|
|
|
goBind: function() {
|
|
getApp().globalData.openProfileBind = true;
|
|
wx.switchTab({ url: '/pages/profile/profile' });
|
|
},
|
|
|
|
// 加载解绑状态
|
|
loadUnbindStatus: function() {
|
|
var self = this;
|
|
api.unbindStatus().then(function(res) {
|
|
if (res && res.status && res.status !== 'none') {
|
|
self.setData({
|
|
unbindStatus: res.status,
|
|
unbindIsRequester: !!res.is_requester,
|
|
unbindRequesterName: res.requester_name || '对方',
|
|
unbindRemaining: res.remaining_seconds || 0
|
|
});
|
|
} else {
|
|
self.setData({ unbindStatus: '', unbindIsRequester: false, unbindRequesterName: '' });
|
|
}
|
|
}).catch(function() {});
|
|
},
|
|
|
|
noop: function() {},
|
|
|
|
// ===== 消息通知管理（统一使用一个模板） =====
|
|
showSubscribeModal: async function() {
|
|
this.setData({ showSubscribeModal: true, subscribeLoading: true });
|
|
try {
|
|
// forceRefresh=true 确保从后端获取最新状态
|
|
const status = await getSubscribeStatus(true);
|
|
this.setData({
|
|
subscribeStatus: status,
|
|
subscribeChecked: !!status['notify'],
|
|
subscribeLoading: false
|
|
});
|
|
} catch (e) {
|
|
this.setData({ subscribeLoading: false });
|
|
}
|
|
},
|
|
|
|
hideSubscribeModal: function() {
|
|
this.setData({ showSubscribeModal: false });
|
|
},
|
|
|
|
// ===== 我们past =====
|
|
showAboutModal: function() {
|
|
this.setData({ showAboutModal: true });
|
|
},
|
|
hideAboutModal: function() {
|
|
this.setData({ showAboutModal: false });
|
|
},
|
|
|
|
// ===== 联系我们 =====
|
|
showContactModal: function() {
|
|
this.setData({ showContactModal: true });
|
|
},
|
|
hideContactModal: function() {
|
|
this.setData({ showContactModal: false });
|
|
},
|
|
|
|
toggleSubscribe: async function(e) {
|
|
const type = 'notify';
|
|
const current = this.data.subscribeChecked;
|
|
|
|
// 防止重复点击
|
|
if (this._subscribing) return;
|
|
this._subscribing = true;
|
|
|
|
if (current) {
|
|
// 取消订阅
|
|
try {
|
|
await api.unsubscribeTemplate({ template_type: type });
|
|
this.setData({ subscribeChecked: false });
|
|
wx.setStorageSync('subscribed_notify', false);
|
|
wx.showToast({ title: '已关闭通知', icon: 'success' });
|
|
} catch (e) {
|
|
wx.showToast({ title: '操作失败', icon: 'none' });
|
|
}
|
|
} else {
|
|
// 请求订阅授权
|
|
try {
|
|
const results = await requestSubscribe(type);
|
|
if (results[type]) {
|
|
this.setData({ subscribeChecked: true });
|
|
wx.setStorageSync('subscribed_notify', true);
|
|
wx.showToast({ title: '已开启通知', icon: 'success' });
|
|
} else {
|
|
wx.showToast({ title: '订阅被拒绝，可在设置中重新开启', icon: 'none' });
|
|
}
|
|
} catch (e) {
|
|
wx.showToast({ title: '订阅失败', icon: 'none' });
|
|
}
|
|
}
|
|
|
|
this._subscribing = false;
|
|
},
|
|
|
|
renewSubscribe: async function() {
|
|
if (this._subscribing) return;
|
|
this._subscribing = true;
|
|
try {
|
|
const results = await requestSubscribe('notify');
|
|
if (results.notify) {
|
|
this.setData({ subscribeChecked: true });
|
|
wx.showToast({ title: '已订阅一次提醒', icon: 'success' });
|
|
} else {
|
|
wx.showToast({ title: '本次未授权提醒', icon: 'none' });
|
|
}
|
|
} catch (e) {
|
|
wx.showToast({ title: '订阅失败，请重试', icon: 'none' });
|
|
} finally {
|
|
this._subscribing = false;
|
|
}
|
|
},
|
|
|
|
// ===== 背景图 =====
|
|
showBgModal: async function() {
|
|
this.setData({ showBgModal: true, bgPreview: '', bgFilePath: '' });
|
|
try {
|
|
var cfg = await api.getBgConfig();
|
|
if (!this.data.bgFilePath) this.setData({ bgPreview: cfg && cfg.image ? getImageUrl(cfg.image) : '' });
|
|
} catch (e) { console.error(e); }
|
|
},
|
|
hideBgModal: function() { this.setData({ showBgModal: false }); },
|
|
|
|
// 背景编辑页左滑返回设置页面
|
|
bgTouchStartX: 0, bgTouchStartY: 0,
|
|
onBgTouchStart: function(e) {
|
|
this.bgTouchStartX = e.touches[0].clientX;
|
|
this.bgTouchStartY = e.touches[0].clientY;
|
|
},
|
|
onBgTouchEnd: function(e) {
|
|
var dx = this.bgTouchStartX - e.changedTouches[0].clientX;
|
|
var dy = Math.abs(this.bgTouchStartY - e.changedTouches[0].clientY);
|
|
if (dx < 20 && dy < 20) return;
|
|
if (Math.abs(dx) > dy && dx > 80) this.hideBgModal();
|
|
},
|
|
chooseBgImage: function() {
|
|
var self = this;
|
|
wx.chooseImage({ count: 1, sizeType: ['compressed'], sourceType: ['album'],
|
|
success: function(res) {
|
|
self.setData({ bgPreview: res.tempFilePaths[0], bgFilePath: res.tempFilePaths[0] });
|
|
}
|
|
});
|
|
},
|
|
saveBgImage: async function() {
|
|
var fp = this.data.bgFilePath;
|
|
if (!fp) {
|
|
if (this.data.bgPreview) {
|
|
wx.showToast({ title: '背景已设置', icon: 'success' });
|
|
this.hideBgModal();
|
|
return;
|
|
}
|
|
wx.showToast({ title: '请先选择图片', icon: 'none' }); return;
|
|
}
|
|
var self = this;
|
|
wx.showLoading({ title: '上传中...' });
|
|
try {
|
|
var data = await uploadFileCompat({
|
|
url: API_BASE + '/setBgImage',
|
|
filePath: fp,
|
|
name: 'bg',
|
|
formData: {}
|
|
});
|
|
wx.hideLoading();
|
|
if (data && data.path) {
|
|
var imgUrl = getImageUrl(data.path);
|
|
wx.showToast({ title: '背景已保存 ✨', icon: 'success' });
|
|
self.setData({ bgPreview: imgUrl, bgFilePath: '' });
|
|
self.hideBgModal();
|
|
} else {
|
|
var errMsg = (data && data.error) || '上传失败';
|
|
if (data && data.code) errMsg += ' (错误码: ' + data.code + ')';
|
|
wx.showToast({ title: errMsg, icon: 'none' });
|
|
}
|
|
} catch(e) {
|
|
wx.hideLoading();
|
|
var errMsg = (e && e.error) || '上传失败';
|
|
if (e && e.code) errMsg += ' (错误码: ' + e.code + ')';
|
|
wx.showToast({ title: errMsg, icon: 'none' });
|
|
}
|
|
},
|
|
removeBgImage: async function() {
|
|
try { await api.deleteBgImage(); } catch(e) {}
|
|
wx.showToast({ title: '已恢复默认', icon: 'success' });
|
|
this.setData({ bgPreview: '', bgFilePath: '' });
|
|
this.hideBgModal();
|
|
},
|
|
|
|
// ===== 解除绑定（根据状态显示不同操作）=====
|
|
showUnbind: function() {
|
|
var status = this.data.unbindStatus;
|
|
var isRequester = this.data.unbindIsRequester;
|
|
|
|
if (status === 'pending') {
|
|
if (isRequester) {
|
|
// 发起方：撤销解绑
|
|
this.doCancelUnbind();
|
|
} else {
|
|
// 对方：同意或拒绝
|
|
this.doRespondUnbind();
|
|
}
|
|
} else if (status === 'cooling') {
|
|
wx.showToast({ title: '正在72小时冷静期', icon: 'none' });
|
|
wx.navigateTo({ url: '/pages/unbind/unbind' });
|
|
} else {
|
|
// 无解绑请求或已结束：发起新解绑
|
|
this.doRequestUnbind();
|
|
}
|
|
},
|
|
|
|
// 发起解绑请求
|
|
doRequestUnbind: function() {
|
|
var self = this;
|
|
wx.showModal({
|
|
title: '💔 解除绑定',
|
|
content: '对方同意后进入72小时冷静期，期间任一方可取消。到期自动解绑并永久删除共同数据；个人抽烟记录保留。',
|
|
cancelText: '取消',
|
|
confirmText: '发起解绑',
|
|
confirmColor: '#FF4757',
|
|
success: function(res) {
|
|
if (res.confirm) {
|
|
wx.showLoading({ title: '发送请求...' });
|
|
api.unbindRequest().then(function() {
|
|
wx.hideLoading();
|
|
wx.showToast({ title: '解绑请求已发送', icon: 'success' });
|
|
self.loadUnbindStatus();
|
|
wx.navigateTo({ url: '/pages/unbind/unbind' });
|
|
}).catch(function(err) {
|
|
wx.hideLoading();
|
|
wx.showToast({ title: err.error || '操作失败', icon: 'none' });
|
|
});
|
|
}
|
|
}
|
|
});
|
|
},
|
|
|
|
// 撤销解绑请求
|
|
doCancelUnbind: function() {
|
|
var self = this;
|
|
wx.showModal({
|
|
title: '↩️ 撤销解绑',
|
|
content: '取消后关系继续保留。确定取消解绑吗？',
|
|
cancelText: '取消',
|
|
confirmText: '撤销请求',
|
|
confirmColor: '#FF6B9D',
|
|
success: function(res) {
|
|
if (res.confirm) {
|
|
wx.showLoading({ title: '撤销中...' });
|
|
api.unbindCancel().then(function() {
|
|
wx.hideLoading();
|
|
wx.showToast({ title: '已撤销解绑请求', icon: 'success' });
|
|
self.loadUnbindStatus();
|
|
}).catch(function(err) {
|
|
wx.hideLoading();
|
|
wx.showToast({ title: err.error || '操作失败', icon: 'none' });
|
|
});
|
|
}
|
|
}
|
|
});
|
|
},
|
|
|
|
// 回应解绑请求（对方视角）
|
|
doRespondUnbind: function() {
|
|
var self = this;
|
|
var name = this.data.unbindRequesterName;
|
|
wx.showActionSheet({
|
|
itemList: ['✅ 同意解绑', '❌ 拒绝解绑'],
|
|
success: function(res) {
|
|
if (res.tapIndex === 0) {
|
|
// 同意
|
|
wx.showModal({
|
|
title: '⚠️ 确认同意',
|
|
content: name + ' 发起了解绑请求。同意后进入72小时冷静期，期间可取消；到期自动解绑并永久删除共同数据，个人抽烟记录保留。',
|
|
cancelText: '取消',
|
|
confirmText: '同意解绑',
|
|
confirmColor: '#FF4757',
|
|
success: function(r) {
|
|
if (r.confirm) {
|
|
wx.showLoading({ title: '处理中...' });
|
|
api.unbindRespond({ agree: true }).then(function() {
|
|
wx.hideLoading();
|
|
wx.showToast({ title: '已进入72小时冷静期', icon: 'none' });
|
|
self.loadUnbindStatus();
|
|
wx.navigateTo({ url: '/pages/unbind/unbind' });
|
|
}).catch(function(err) {
|
|
wx.hideLoading();
|
|
wx.showToast({ title: err.error || '操作失败', icon: 'none' });
|
|
});
|
|
}
|
|
}
|
|
});
|
|
} else if (res.tapIndex === 1) {
|
|
// 拒绝
|
|
wx.showModal({
|
|
title: '拒绝解绑',
|
|
content: '确定要拒绝 ' + name + ' 的解绑请求吗？',
|
|
cancelText: '取消',
|
|
confirmText: '拒绝',
|
|
confirmColor: '#FF6B9D',
|
|
success: function(r) {
|
|
if (r.confirm) {
|
|
wx.showLoading({ title: '处理中...' });
|
|
api.unbindRespond({ agree: false }).then(function() {
|
|
wx.hideLoading();
|
|
wx.showToast({ title: '已拒绝解绑请求', icon: 'success' });
|
|
self.loadUnbindStatus();
|
|
}).catch(function(err) {
|
|
wx.hideLoading();
|
|
wx.showToast({ title: err.error || '操作失败', icon: 'none' });
|
|
});
|
|
}
|
|
}
|
|
});
|
|
}
|
|
}
|
|
});
|
|
},
|
|
|
|
// 导航
|
|
goToHistory: function() { wx.navigateTo({ url: '/pages/history/history' }); },
|
|
goHome: function() { wx.switchTab({ url: '/pages/index/index' }); },
|
|
goToProfile: function() { wx.navigateBack(); },
|
|
});
|