554 lines
20 KiB
JavaScript
554 lines
20 KiB
JavaScript
const { getLayout } = require('../../utils/layout');
|
|
// pages/publish/publish.js - 统一发布页（增强版编辑器）
|
|
const { api, API_BASE, uploadFileCompat } = require('../../utils/request');
|
|
const { createSwipeBack } = require('../../utils/util');
|
|
const { requestSubscribeAfterAction } = require('../../utils/subscribe');
|
|
|
|
var MOOD_OPTIONS = ['😊', '🥰', '😢', '😤', '😴', '🤩', '🥺', '😎', '🤔', '😭', '😋', '😌'];
|
|
var WEATHER_OPTIONS = ['☀️', '⛅', '☁️', '🌧️', '⛈️', '❄️', '🌤️', '🌥️', '🌈', '🌪️', '🌫️', '🌙'];
|
|
|
|
var TYPE_CONFIG = {
|
|
timeline: { title: '添加记忆日', btn: '保存记忆日', api: 'timelineAdd' },
|
|
diary: { title: '写日记', btn: '发布日记', api: 'diaryAdd' },
|
|
album: { title: '创建相册', btn: '创建相册', api: 'albumAdd' },
|
|
song: { title: '收藏歌曲', btn: '保存歌曲', api: 'songsAdd' },
|
|
checkin: { title: '添加打卡', btn: '保存打卡', api: 'checkinAdd' }
|
|
};
|
|
|
|
Page({
|
|
onResize: function() { this.setData(getLayout()); },
|
|
data: {
|
|
type: '',
|
|
titleText: '',
|
|
btnText: '',
|
|
form: {},
|
|
editorContent: '',
|
|
tempImages: [],
|
|
coverPreview: '',
|
|
coverPath: '',
|
|
submitting: false, editLoading:false, editLoadError:false,
|
|
checkinTypes: ['双方打卡', '第一视角（我）', '她打卡'],
|
|
checkinTypeIdx: 0,
|
|
checkinTypeMap: ['both', 'first', 'her'],
|
|
checkinFreqs: ['每天打卡', '每周打卡', '每月打卡', '不限次数'],
|
|
checkinFreqIdx: 0,
|
|
checkinFreqMap: ['daily', 'weekly', 'monthly', 'unlimited'],
|
|
repeatOptions: ['无重复', '每周重复', '每月重复', '每年重复'],
|
|
repeatOptionIdx: 0,
|
|
repeatOptionMap: ['', 'week', 'month', 'year'],
|
|
editId: 0,
|
|
// 背景图
|
|
bgImageUrl: '',
|
|
bgImagePath: '',
|
|
// 心情/天气
|
|
moodOptions: MOOD_OPTIONS,
|
|
weatherOptions: WEATHER_OPTIONS,
|
|
contentLength: 0
|
|
},
|
|
|
|
onLoad: function(options) {
|
|
this.setData(getLayout());
|
|
var type = options.type || 'timeline';
|
|
var editId = options.edit ? parseInt(options.edit) : 0;
|
|
var cfg = TYPE_CONFIG[type] || TYPE_CONFIG['timeline'];
|
|
var titleText = editId ? '编辑事件' : cfg.title;
|
|
var btnText = editId ? '保存修改' : cfg.btn;
|
|
this.setData({ type: type, titleText: titleText, btnText: btnText, editId: editId });
|
|
|
|
var self = this;
|
|
var swipe = createSwipeBack(function() { self.goBack(); });
|
|
this.onTouchStart = swipe.onTouchStart;
|
|
this.onTouchEnd = swipe.onTouchEnd;
|
|
|
|
// 初始化表单
|
|
this.resetForm(type);
|
|
|
|
// 非编辑模式：优先恢复本地草稿（防误退出丢失内容）
|
|
if (!editId) {
|
|
this.loadDraft(type);
|
|
}
|
|
|
|
// 如果是编辑模式，加载已有数据
|
|
if (editId && type === 'timeline') {
|
|
this.loadEditData(editId);
|
|
}
|
|
|
|
// 如果是打卡页，加载情侣昵称
|
|
if (type === 'checkin') {
|
|
this.loadCoupleNames();
|
|
}
|
|
},
|
|
|
|
// ===== 草稿缓存 =====
|
|
// 读取本地草稿并填充表单
|
|
loadDraft: function(type) {
|
|
try {
|
|
var draftKey = 'publishDraft_' + type;
|
|
var draft = wx.getStorageSync(draftKey);
|
|
if (!draft) return;
|
|
var data = JSON.parse(draft);
|
|
var patch = {};
|
|
if (data.form) {
|
|
var form = this.data.form;
|
|
for (var k in data.form) {
|
|
if (data.form.hasOwnProperty(k) && form.hasOwnProperty(k)) {
|
|
form[k] = data.form[k];
|
|
}
|
|
}
|
|
patch.form = form;
|
|
patch.editorContent = form.content || '';
|
|
patch.contentLength = (form.content || '').length;
|
|
}
|
|
if (typeof data.repeatOptionIdx === 'number') patch.repeatOptionIdx = data.repeatOptionIdx;
|
|
if (typeof data.checkinTypeIdx === 'number') patch.checkinTypeIdx = data.checkinTypeIdx;
|
|
if (typeof data.checkinFreqIdx === 'number') patch.checkinFreqIdx = data.checkinFreqIdx;
|
|
if (data.bgImageUrl) patch.bgImageUrl = data.bgImageUrl;
|
|
if (data.coverPreview) {
|
|
patch.coverPreview = data.coverPreview;
|
|
patch.coverPath = data.coverPath || data.coverPreview;
|
|
}
|
|
this.setData(patch);
|
|
} catch(e) {}
|
|
},
|
|
|
|
// 连续输入只保留一个草稿写入任务，避免每个按键同步写存储。
|
|
_saveDraft: function() {
|
|
this._draftCleared = false;
|
|
clearTimeout(this._draftTimer);
|
|
this._draftTimer = setTimeout(() => {
|
|
this._draftTimer = null;
|
|
this._persistDraft();
|
|
}, 500);
|
|
},
|
|
_flushDraft: function() {
|
|
clearTimeout(this._draftTimer);
|
|
this._draftTimer = null;
|
|
if (!this._draftCleared) this._persistDraft();
|
|
},
|
|
onHide: function() { this._flushDraft(); },
|
|
onUnload: function() { this._flushDraft(); },
|
|
_persistDraft: function() {
|
|
try {
|
|
var type = this.data.type;
|
|
if (this.data.editId) return; // 编辑模式不保存草稿
|
|
var draftKey = 'publishDraft_' + type;
|
|
var data = {
|
|
form: this.data.form,
|
|
repeatOptionIdx: this.data.repeatOptionIdx,
|
|
checkinTypeIdx: this.data.checkinTypeIdx,
|
|
checkinFreqIdx: this.data.checkinFreqIdx,
|
|
bgImageUrl: this.data.bgImageUrl,
|
|
coverPreview: this.data.coverPreview,
|
|
coverPath: this.data.coverPath,
|
|
time: Date.now()
|
|
};
|
|
wx.setStorageSync(draftKey, JSON.stringify(data));
|
|
} catch(e) {}
|
|
},
|
|
|
|
// 发布成功后清除草稿
|
|
_clearDraft: function() {
|
|
clearTimeout(this._draftTimer);
|
|
this._draftTimer = null;
|
|
this._draftCleared = true;
|
|
try {
|
|
var type = this.data.type;
|
|
wx.removeStorageSync('publishDraft_' + type);
|
|
} catch(e) {}
|
|
},
|
|
|
|
retryEdit: function() { this.loadEditData(this.data.editId); },
|
|
loadEditData: async function(id) {
|
|
this.setData({editLoading:true,editLoadError:false});
|
|
try {
|
|
var item = await api.timelineDetail(id);
|
|
if (item) {
|
|
var form = {
|
|
title: item.title || '',
|
|
date: item.event_date || '',
|
|
location: item.location || '',
|
|
content: item.content || '',
|
|
repeat_interval: parseInt(item.repeat_interval) || 0,
|
|
repeat_unit: item.repeat_unit || ''
|
|
};
|
|
// 加载背景图
|
|
var bgPath = item.bg_image || '';
|
|
var bgUrl = bgPath ? require('../../utils/request').getImageUrl(bgPath) : '';
|
|
var repeatOptionIdx = 0;
|
|
if (form.repeat_interval > 0 && form.repeat_unit) {
|
|
var opts = this.data.repeatOptionMap;
|
|
for (var i = 0; i < opts.length; i++) {
|
|
if (opts[i] === form.repeat_unit) {
|
|
repeatOptionIdx = i;
|
|
break;
|
|
}
|
|
}
|
|
}
|
|
this.setData({
|
|
form: form,
|
|
editorContent: form.content || '',
|
|
repeatOptionIdx: repeatOptionIdx,
|
|
bgImageUrl: bgUrl,
|
|
bgImagePath: bgPath
|
|
});
|
|
}
|
|
} catch(e) {
|
|
console.error('加载编辑数据失败', e);
|
|
this.setData({editLoadError:true});
|
|
} finally { this.setData({editLoading:false}); }
|
|
},
|
|
|
|
loadCoupleNames: async function() {
|
|
try {
|
|
var info = await api.coupleInfo();
|
|
var myUid = wx.getStorageSync('userId');
|
|
var p1 = info.partner1 || {}, p2 = info.partner2 || {};
|
|
var me = (p1.id == myUid) ? p1 : p2;
|
|
var partner = (p1.id == myUid) ? p2 : p1;
|
|
var myName = me.nickname || '我';
|
|
var partnerName = partner.nickname || 'TA';
|
|
this.setData({
|
|
checkinTypes: ['双方打卡', myName, partnerName]
|
|
});
|
|
} catch(e) {
|
|
console.error('获取情侣信息失败', e);
|
|
}
|
|
},
|
|
|
|
resetForm: function(type) {
|
|
var form = {};
|
|
if (type === 'diary') {
|
|
form = { title: '', content: '', mood: '😊', weather: '☀️', lat: 0, lng: 0, location: '' };
|
|
} else if (type === 'song') {
|
|
form = { song_name: '', artist: '', note: '' };
|
|
} else if (type === 'album') {
|
|
form = { title: '', desc: '', lat: 0, lng: 0, location: '' };
|
|
this.setData({ coverPreview: '', coverPath: '' });
|
|
} else if (type === 'checkin') {
|
|
form = { title: '', type: 'both', frequency: 'daily' };
|
|
this.setData({ checkinTypeIdx: 0, checkinFreqIdx: 0 });
|
|
} else {
|
|
form = { title: '', date: '', location: '', content: '', repeat_interval: 0, repeat_unit: '' };
|
|
}
|
|
this.setData({ form: form, editorContent: form.content || '', tempImages: [], repeatOptionIdx: 0, contentLength: (form.content || '').length });
|
|
},
|
|
|
|
// ===== 自动定位（日记 / 相册发布时自动获取经纬度）=====
|
|
_autoLocate: function() {
|
|
var self = this;
|
|
return new Promise(function(resolve) {
|
|
// 已有位置则直接使用，避免重复定位
|
|
if (self.data.form && self.data.form.lat && self.data.form.lng) {
|
|
resolve({ lat: self.data.form.lat, lng: self.data.form.lng, location: self.data.form.location || '' });
|
|
return;
|
|
}
|
|
wx.getFuzzyLocation({
|
|
success: function(res) {
|
|
resolve({ lat: res.latitude, lng: res.longitude, location: '' });
|
|
},
|
|
fail: function() {
|
|
// 定位失败不阻塞发布，经纬度置 0
|
|
resolve({ lat: 0, lng: 0, location: '' });
|
|
}
|
|
});
|
|
});
|
|
},
|
|
|
|
// ===== 通用输入（自动保存草稿）=====
|
|
onTitleInput: function(e) { this.setData({ 'form.title': e.detail.value }); this._saveDraft(); },
|
|
onDateInput: function(e) { this.setData({ 'form.date': e.detail.value }); this._saveDraft(); },
|
|
onContentInput: function(e){
|
|
var val = e.detail.value || '';
|
|
// 正文只存于逻辑层，避免每次敲字回传长文本影响原生输入。
|
|
this.data.form.content = val;
|
|
this.setData({ contentLength: val.length });
|
|
this._saveDraft();
|
|
},
|
|
onLocationInput: function(e){ this.setData({ 'form.location': e.detail.value }); this._saveDraft(); },
|
|
onDescInput: function(e) { this.setData({ 'form.desc': e.detail.value }); this._saveDraft(); },
|
|
onArtistInput: function(e) { this.setData({ 'form.artist': e.detail.value }); this._saveDraft(); },
|
|
onNoteInput: function(e) { this.setData({ 'form.note': e.detail.value }); this._saveDraft(); },
|
|
|
|
onCheckinTypeChange: function(e) {
|
|
var idx = parseInt(e.detail.value);
|
|
this.setData({ checkinTypeIdx: idx, 'form.type': this.data.checkinTypeMap[idx] });
|
|
this._saveDraft();
|
|
},
|
|
onCheckinFreqChange: function(e) {
|
|
var idx = parseInt(e.detail.value);
|
|
this.setData({ checkinFreqIdx: idx, 'form.frequency': this.data.checkinFreqMap[idx] });
|
|
this._saveDraft();
|
|
},
|
|
onRepeatChange: function(e) {
|
|
var idx = parseInt(e.detail.value);
|
|
var unit = this.data.repeatOptionMap[idx];
|
|
this.setData({
|
|
repeatOptionIdx: idx,
|
|
'form.repeat_interval': unit ? 1 : 0,
|
|
'form.repeat_unit': unit || ''
|
|
});
|
|
this._saveDraft();
|
|
},
|
|
|
|
// ===== 封面图片选择（相册）=====
|
|
chooseCover: function() {
|
|
var self = this;
|
|
wx.chooseImage({
|
|
count: 1,
|
|
sizeType: ['compressed'],
|
|
sourceType: ['album', 'camera'],
|
|
success: function(res) {
|
|
self.setData({ coverPreview: res.tempFilePaths[0], coverPath: res.tempFilePaths[0] });
|
|
self._saveDraft();
|
|
}
|
|
});
|
|
},
|
|
|
|
// ===== 图片选择（日记）=====
|
|
chooseImages: function() {
|
|
var self = this;
|
|
wx.chooseImage({
|
|
count: 9 - this.data.tempImages.length,
|
|
sizeType: ['compressed'],
|
|
sourceType: ['album', 'camera'],
|
|
success: function(res) {
|
|
self.setData({ tempImages: self.data.tempImages.concat(res.tempFilePaths) });
|
|
self._saveDraft();
|
|
}
|
|
});
|
|
},
|
|
|
|
// ===== 删除单张图片 =====
|
|
removeImage: function(e) {
|
|
var index = parseInt(e.currentTarget.dataset.index);
|
|
var images = this.data.tempImages;
|
|
images.splice(index, 1);
|
|
this.setData({ tempImages: images });
|
|
this._saveDraft();
|
|
},
|
|
|
|
// ===== 提交 =====
|
|
submit: async function() {
|
|
if (this.data.editLoading || this.data.editLoadError) return;
|
|
if (this.data.submitting) return;
|
|
this.setData({ submitting: true });
|
|
var editId = this.data.editId;
|
|
|
|
try {
|
|
var type = this.data.type;
|
|
var form = this.data.form;
|
|
|
|
// 先校验表单
|
|
if (type === 'timeline') {
|
|
if (!form.title) { throw new Error('请填写事件内容'); }
|
|
if (!form.date) { throw new Error('请填写事件日期'); }
|
|
} else if (type === 'diary') {
|
|
if (!form.content || !form.content.trim()) { throw new Error('请填写日记内容'); }
|
|
} else if (type === 'album') {
|
|
if (!form.title) { throw new Error('请填写相册名称'); }
|
|
} else if (type === 'song') {
|
|
if (!form.song_name || !form.artist) { throw new Error('请填写歌曲名和歌手名'); }
|
|
} else if (type === 'checkin') {
|
|
if (!form.title) { throw new Error('请填写打卡标题'); }
|
|
}
|
|
|
|
// ★ 在用户点击手势上下文中提前请求订阅消息（符合微信规范）
|
|
// 为本人接收TA的提醒补充授权，拒绝或保存失败也不影响发布
|
|
var sceneMap = {
|
|
diary: 'diary', album: 'photo', checkin: 'checkin',
|
|
timeline: 'timeline', song: 'song'
|
|
};
|
|
var scene = sceneMap[type];
|
|
if (scene) {
|
|
await requestSubscribeAfterAction(scene);
|
|
}
|
|
|
|
// 再执行异步操作（上传/API调用）
|
|
if (type === 'timeline') {
|
|
var editId = this.data.editId;
|
|
// 上传背景图
|
|
var bgImagePath = this.data.bgImagePath;
|
|
if (this.data.bgImageUrl && !bgImagePath) {
|
|
wx.showLoading({ title: '上传背景图...' });
|
|
try {
|
|
var uploadRes = await uploadFileCompat({
|
|
url: API_BASE + '/upload',
|
|
filePath: this.data.bgImageUrl,
|
|
name: 'file',
|
|
formData: { sub_dir: 'timeline_bg' }
|
|
});
|
|
bgImagePath = uploadRes && (uploadRes.path || uploadRes.url || '');
|
|
} catch(e) {}
|
|
wx.hideLoading();
|
|
}
|
|
var result;
|
|
if (editId) {
|
|
result = await api.timelineUpdate({ id: editId, title: form.title, event_date: form.date, location: form.location || '', content: form.content || '', repeat_interval: form.repeat_interval || 0, repeat_unit: form.repeat_unit || '', bg_image: bgImagePath || '' });
|
|
} else {
|
|
result = await api.timelineAdd({ title: form.title, event_date: form.date, location: form.location || '', content: form.content || '', repeat_interval: form.repeat_interval || 0, repeat_unit: form.repeat_unit || '', bg_image: bgImagePath || '' });
|
|
}
|
|
} else if (type === 'diary') {
|
|
var today = new Date();
|
|
var ds = today.getFullYear() + '-' + String(today.getMonth()+1).padStart(2,'0') + '-' + String(today.getDate()).padStart(2,'0');
|
|
var uploadPaths = [];
|
|
if (this.data.tempImages.length > 0) {
|
|
wx.showLoading({ title: '上传图片中...' });
|
|
for (var i = 0; i < this.data.tempImages.length; i++) {
|
|
var res = await this._uploadDiaryImage(this.data.tempImages[i]);
|
|
if (res) uploadPaths.push(res);
|
|
}
|
|
wx.hideLoading();
|
|
}
|
|
// 从缓存获取用户地区
|
|
var region = wx.getStorageSync('region') || '';
|
|
// 自动定位获取经纬度（发布后自动显示地理位置）
|
|
var loc = await this._autoLocate();
|
|
await api.diaryAdd({
|
|
title: form.title || '',
|
|
diary_date: ds,
|
|
content: form.content,
|
|
images: uploadPaths,
|
|
region: region,
|
|
lat: loc.lat,
|
|
lng: loc.lng,
|
|
location: loc.location
|
|
});
|
|
} else if (type === 'album') {
|
|
var coverUrl = '';
|
|
if (this.data.coverPath) {
|
|
wx.showLoading({ title: '上传封面...' });
|
|
coverUrl = await this._uploadAlbumCover(this.data.coverPath);
|
|
wx.hideLoading();
|
|
}
|
|
// 自动定位获取经纬度（发布后自动显示地理位置）
|
|
var albumLoc = await this._autoLocate();
|
|
await api.albumAdd({ title: form.title, description: form.desc || '', cover: coverUrl, lat: albumLoc.lat, lng: albumLoc.lng, location: albumLoc.location });
|
|
} else if (type === 'song') {
|
|
await api.songsAdd({ song_name: form.song_name, artist: form.artist, note: form.note || '' });
|
|
} else if (type === 'checkin') {
|
|
await api.checkinAdd({ title: form.title, type: form.type || 'dual', frequency: form.frequency || 'daily' });
|
|
}
|
|
|
|
// 发布/修改成功后清除草稿
|
|
this._clearDraft();
|
|
|
|
wx.showToast({ title: editId ? '修改成功 ✨' : '发布成功 ✨', icon: 'success' });
|
|
// 延迟返回页面，给订阅弹窗留出时间
|
|
setTimeout(function() { wx.navigateBack(); }, 1500);
|
|
} catch (e) {
|
|
wx.hideLoading();
|
|
wx.showToast({ title: (e && (e.error || e.message || e.errMsg)) || '发布失败', icon: 'none', duration: 2000 });
|
|
} finally {
|
|
this.setData({ submitting: false });
|
|
}
|
|
},
|
|
|
|
_uploadAlbumCover: async function(filePath) {
|
|
try {
|
|
var data = await uploadFileCompat({
|
|
url: API_BASE + '/upload',
|
|
filePath: filePath,
|
|
name: 'file',
|
|
formData: { sub_dir: 'albums' }
|
|
});
|
|
// 兼容不同响应格式：{path:'...'} 或 {success:true, path:'...'} 或 {url:'...'}
|
|
var path = data && (data.path || data.url || '');
|
|
if (!path) {
|
|
// 内容安全检测失败：抛出错误提示用户
|
|
if (data && data.error) {
|
|
throw data;
|
|
}
|
|
console.error('封面上传返回无路径', JSON.stringify(data), '错误码:', data && data.code);
|
|
// 尝试重新上传一次
|
|
try {
|
|
var retryData = await uploadFileCompat({
|
|
url: API_BASE + '/upload',
|
|
filePath: filePath,
|
|
name: 'file',
|
|
formData: { sub_dir: 'albums' }
|
|
});
|
|
var retryPath = retryData && (retryData.path || retryData.url || '');
|
|
if (retryPath) {
|
|
console.log('封面上传重试成功');
|
|
return retryPath;
|
|
}
|
|
} catch(retryErr) {
|
|
console.error('封面上传重试也失败', retryErr, '错误码:', retryErr && retryErr.code);
|
|
}
|
|
}
|
|
return path;
|
|
} catch(e) {
|
|
// 内容安全违规错误：直接抛出，中断发布并提示用户
|
|
if (e && e.error) {
|
|
throw e;
|
|
}
|
|
console.error('封面上传失败', e, '错误码:', e && e.code);
|
|
return '';
|
|
}
|
|
},
|
|
|
|
_uploadDiaryImage: async function(filePath) {
|
|
try {
|
|
var data = await uploadFileCompat({
|
|
url: API_BASE + '/upload',
|
|
filePath: filePath,
|
|
name: 'file',
|
|
formData: { sub_dir: 'diaries' }
|
|
});
|
|
// 兼容不同响应格式：{path:'...'} 或 {success:true, path:'...'} 或 {url:'...'}
|
|
var path = data && (data.path || data.url || '');
|
|
if (!path) {
|
|
// 内容安全检测失败：抛出错误提示用户
|
|
if (data && data.error) {
|
|
throw data;
|
|
}
|
|
console.error('日记图片上传返回无路径', JSON.stringify(data), '错误码:', data && data.code);
|
|
// 尝试重新上传一次
|
|
try {
|
|
var retryData = await uploadFileCompat({
|
|
url: API_BASE + '/upload',
|
|
filePath: filePath,
|
|
name: 'file',
|
|
formData: { sub_dir: 'diaries' }
|
|
});
|
|
var retryPath = retryData && (retryData.path || retryData.url || '');
|
|
if (retryPath) {
|
|
console.log('日记图片重试上传成功');
|
|
return retryPath;
|
|
}
|
|
} catch(retryErr) {
|
|
console.error('日记图片重试上传也失败', retryErr, '错误码:', retryErr && retryErr.code);
|
|
}
|
|
}
|
|
return path;
|
|
} catch(e) {
|
|
// 内容安全违规错误：直接抛出，中断发布并提示用户
|
|
if (e && e.error) {
|
|
throw e;
|
|
}
|
|
console.error('日记图片上传失败', e, '错误码:', e && e.code);
|
|
return '';
|
|
}
|
|
},
|
|
|
|
// ===== 背景图 =====
|
|
chooseBgImage: function() {
|
|
var self = this;
|
|
wx.chooseImage({
|
|
count: 1,
|
|
sizeType: ['compressed'],
|
|
sourceType: ['album', 'camera'],
|
|
success: function(res) {
|
|
var filePath = res.tempFilePaths[0];
|
|
self.setData({ bgImageUrl: filePath, bgImagePath: '' });
|
|
}
|
|
});
|
|
},
|
|
|
|
removeBgImage: function() {
|
|
this.setData({ bgImageUrl: '', bgImagePath: '' });
|
|
},
|
|
|
|
goBack: function() { wx.navigateBack(); }
|
|
});
|