init
项目初始化
This commit is contained in:
王宏豪
351
pages/plan-submit/plan-submit.js
Normal file
351
pages/plan-submit/plan-submit.js
Normal file
@@ -0,0 +1,351 @@
|
||||
const api = require('../../utils/api');
|
||||
const auth = require('../../utils/auth');
|
||||
|
||||
const MAX_IMAGES = 4;
|
||||
const MAX_IMAGE_SIZE = 1024 * 1024; // 超过 1MB 才压缩
|
||||
const COMPRESS_LEVELS = [80, 60, 45]; // 逐级降低质量，直到满足大小限制
|
||||
const ALLOWED_IMAGE_EXT = ['jpg', 'jpeg', 'png', 'gif', 'webp', 'bmp'];
|
||||
const IMAGE_PLACEHOLDER_URL = 'https://picsum.photos/200/200';
|
||||
const TYPE_LABELS = { weekly: '周计划', monthly: '月计划', yearly: '年计划' };
|
||||
|
||||
function errDetail(err) {
|
||||
if (err && err.detail) return String(err.detail);
|
||||
if (err && err.error) return String(err.error);
|
||||
if (err && err.message) return String(err.message);
|
||||
return '';
|
||||
}
|
||||
|
||||
function getFileSize(filePath) {
|
||||
return new Promise((resolve) => {
|
||||
wx.getFileInfo({
|
||||
filePath,
|
||||
success: (res) => resolve(Number(res.size) || 0),
|
||||
fail: () => resolve(0)
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
function hasImageExt(path) {
|
||||
if (!path) return false;
|
||||
const ext = (String(path).split('.').pop() || '').toLowerCase();
|
||||
return !!ext && ALLOWED_IMAGE_EXT.indexOf(ext) !== -1;
|
||||
}
|
||||
|
||||
Page({
|
||||
data: {
|
||||
planType: 'weekly',
|
||||
typeLabel: '周计划',
|
||||
periodKey: '',
|
||||
groupName: '',
|
||||
loading: true,
|
||||
loadError: '',
|
||||
canSubmit: true,
|
||||
message: '',
|
||||
content: '',
|
||||
checked: false,
|
||||
record: null,
|
||||
attachments: [],
|
||||
attachmentThumbs: [],
|
||||
uploading: false,
|
||||
submitting: false,
|
||||
history: []
|
||||
},
|
||||
|
||||
onLoad(options) {
|
||||
const planType = options.plan_type || 'weekly';
|
||||
this.setData({
|
||||
planType,
|
||||
typeLabel: TYPE_LABELS[planType] || '计划',
|
||||
periodKey: options.period_key ? decodeURIComponent(options.period_key) : '',
|
||||
groupName: options.group_name ? decodeURIComponent(options.group_name) : ''
|
||||
});
|
||||
auth.ensureLogin().then((token) => {
|
||||
if (!token) {
|
||||
this.setData({ loading: false, loadError: '请先在「我的」页面绑定手机号' });
|
||||
setTimeout(() => wx.switchTab({ url: '/pages/profile/profile' }), 600);
|
||||
return;
|
||||
}
|
||||
this.loadStatus();
|
||||
}).catch(() => {
|
||||
this.setData({ loading: false, loadError: '登录失败，请重试' });
|
||||
});
|
||||
},
|
||||
|
||||
onRetry() {
|
||||
this.setData({ loading: true, loadError: '' });
|
||||
auth.ensureLogin().then((token) => {
|
||||
if (!token) {
|
||||
this.setData({ loading: false, loadError: '请先在「我的」页面绑定手机号' });
|
||||
setTimeout(() => wx.switchTab({ url: '/pages/profile/profile' }), 600);
|
||||
return;
|
||||
}
|
||||
this.loadStatus();
|
||||
}).catch(() => {
|
||||
this.setData({ loading: false, loadError: '登录失败，请重试' });
|
||||
});
|
||||
},
|
||||
|
||||
loadStatus() {
|
||||
api.request({
|
||||
url: '/api/v1/plan/status',
|
||||
data: { type: this.data.planType, period_key: this.data.periodKey }
|
||||
}).then((res) => {
|
||||
this.applyRecord(res);
|
||||
if (this.data.planType !== 'weekly') {
|
||||
this.loadHistory();
|
||||
}
|
||||
}).catch((err) => {
|
||||
this.setData({ loading: false, loadError: errDetail(err) || '加载计划失败' });
|
||||
});
|
||||
},
|
||||
|
||||
applyRecord(res) {
|
||||
const record = res.record;
|
||||
const attachments = record ? (record.attachments || []) : [];
|
||||
this.setData({
|
||||
loading: false,
|
||||
loadError: '',
|
||||
periodKey: res.period_key || this.data.periodKey,
|
||||
canSubmit: res.can_submit !== false,
|
||||
message: res.message || '',
|
||||
checked: !!res.checked,
|
||||
record,
|
||||
content: record ? (record.content || '') : '',
|
||||
attachments,
|
||||
attachmentThumbs: attachments.map((p) => this.planFileUrl(p))
|
||||
});
|
||||
},
|
||||
|
||||
loadHistory() {
|
||||
api.request({ url: '/api/v1/plan/history', data: { type: this.data.planType, page: 1, size: 20 } })
|
||||
.then((res) => {
|
||||
const history = (res.list || []).map((item) => ({
|
||||
...item,
|
||||
thumbSrcs: (item.attachments || []).map((p) => this.planFileUrl(p))
|
||||
}));
|
||||
this.setData({ history });
|
||||
}).catch(() => {});
|
||||
},
|
||||
|
||||
onContentInput(e) {
|
||||
this.setData({ content: e.detail.value });
|
||||
},
|
||||
|
||||
planFileUrl(path) {
|
||||
if (!path) return '';
|
||||
if (/^https?:\/\//i.test(path)) return path;
|
||||
const parts = String(path).replace(/^attachments\//, '').split('/');
|
||||
if (parts.length < 4) {
|
||||
return IMAGE_PLACEHOLDER_URL;
|
||||
}
|
||||
return api.STATIC_BASE_URL + '/clock/static/plan/' + parts.slice(0, 4).map(encodeURIComponent).join('/');
|
||||
},
|
||||
|
||||
chooseImages() {
|
||||
const remain = MAX_IMAGES - this.data.attachments.length;
|
||||
if (remain <= 0) {
|
||||
wx.showToast({ title: '最多上传4张图片', icon: 'none' });
|
||||
return;
|
||||
}
|
||||
if (!this.data.canSubmit || !this.data.periodKey) {
|
||||
wx.showToast({ title: '当前不可上传', icon: 'none' });
|
||||
return;
|
||||
}
|
||||
wx.chooseMedia({
|
||||
count: remain,
|
||||
mediaType: ['image'],
|
||||
sourceType: ['album', 'camera'],
|
||||
success: (res) => {
|
||||
const paths = (res.tempFiles || []).map((f) => f.tempFilePath);
|
||||
this.uploadImages(paths);
|
||||
}
|
||||
});
|
||||
},
|
||||
|
||||
uploadImages(paths) {
|
||||
if (this.data.uploading || !paths.length) {
|
||||
return;
|
||||
}
|
||||
const planType = this.data.planType;
|
||||
const periodKey = this.data.periodKey;
|
||||
let attachments = this.data.attachments.slice();
|
||||
this.setData({ uploading: true });
|
||||
const run = (index) => {
|
||||
if (index >= paths.length) {
|
||||
this.setData({
|
||||
uploading: false,
|
||||
attachmentThumbs: attachments.map((p) => this.planFileUrl(p))
|
||||
});
|
||||
return;
|
||||
}
|
||||
const rawPath = paths[index];
|
||||
const doUpload = (src) => {
|
||||
wx.uploadFile({
|
||||
url: api.BASE_URL + '/api/v1/plan/upload',
|
||||
filePath: src,
|
||||
name: 'files',
|
||||
formData: { plan_type: planType, period_key: periodKey },
|
||||
header: { Authorization: 'Bearer ' + auth.getToken() },
|
||||
success: (res) => {
|
||||
let data = {};
|
||||
try {
|
||||
data = JSON.parse(res.data);
|
||||
} catch (e) {
|
||||
data = {};
|
||||
}
|
||||
if (data.success && Array.isArray(data.attachments)) {
|
||||
attachments = attachments.concat(data.attachments).slice(0, MAX_IMAGES);
|
||||
this.setData({
|
||||
attachments,
|
||||
attachmentThumbs: attachments.map((p) => this.planFileUrl(p))
|
||||
});
|
||||
} else {
|
||||
wx.showToast({ title: data.error || '上传失败', icon: 'none' });
|
||||
}
|
||||
run(index + 1);
|
||||
},
|
||||
fail: () => {
|
||||
wx.showToast({ title: '上传失败', icon: 'none' });
|
||||
run(index + 1);
|
||||
}
|
||||
});
|
||||
};
|
||||
// 按大小限制压缩：小图直接上传，大图逐级降质量直到 ≤ MAX_IMAGE_SIZE
|
||||
const tryCompress = (src, level) => {
|
||||
getFileSize(src).then((size) => {
|
||||
if (!size || size <= MAX_IMAGE_SIZE || level >= COMPRESS_LEVELS.length) {
|
||||
doUpload(src);
|
||||
return;
|
||||
}
|
||||
wx.compressImage({
|
||||
src,
|
||||
quality: COMPRESS_LEVELS[level],
|
||||
success: (res) => {
|
||||
const compressed = res.tempFilePath || src;
|
||||
if (!hasImageExt(compressed)) {
|
||||
// 压缩产物扩展名丢失时回退当前图，避免后端按扩展名校验失败
|
||||
doUpload(src);
|
||||
return;
|
||||
}
|
||||
tryCompress(compressed, level + 1);
|
||||
},
|
||||
fail: () => doUpload(src)
|
||||
});
|
||||
});
|
||||
};
|
||||
tryCompress(rawPath, 0);
|
||||
};
|
||||
run(0);
|
||||
},
|
||||
|
||||
removeImage(e) {
|
||||
if (this.data.uploading) {
|
||||
return;
|
||||
}
|
||||
const index = Number(e.currentTarget.dataset.index);
|
||||
const path = this.data.attachments[index];
|
||||
if (!path) {
|
||||
return;
|
||||
}
|
||||
const parts = path.replace(/^attachments\//, '').split('/');
|
||||
const dropLocal = () => {
|
||||
const attachments = this.data.attachments.slice();
|
||||
attachments.splice(index, 1);
|
||||
this.setData({
|
||||
attachments,
|
||||
attachmentThumbs: attachments.map((p) => this.planFileUrl(p))
|
||||
});
|
||||
};
|
||||
if (parts.length < 4) {
|
||||
dropLocal();
|
||||
return;
|
||||
}
|
||||
const sid = parts[0];
|
||||
const planType = parts[1];
|
||||
const period = parts[2];
|
||||
const filename = parts[3];
|
||||
api.request({
|
||||
url: `/api/v1/plan/file/${sid}/${planType}/${period}/${encodeURIComponent(filename)}`,
|
||||
method: 'DELETE'
|
||||
}).then(dropLocal).catch(() => {
|
||||
wx.showToast({ title: '删除失败', icon: 'none' });
|
||||
});
|
||||
},
|
||||
|
||||
previewImage(e) {
|
||||
const index = Number(e.currentTarget.dataset.index);
|
||||
const urls = this.data.attachmentThumbs;
|
||||
const src = urls[index];
|
||||
if (!src) {
|
||||
return;
|
||||
}
|
||||
wx.previewImage({ current: src, urls });
|
||||
},
|
||||
|
||||
previewHistoryImage(e) {
|
||||
const historyId = e.currentTarget.dataset.id;
|
||||
const index = Number(e.currentTarget.dataset.index);
|
||||
const item = this.data.history.find((h) => String(h.id) === String(historyId));
|
||||
if (!item) {
|
||||
return;
|
||||
}
|
||||
const urls = item.thumbSrcs || [];
|
||||
const src = urls[index];
|
||||
if (!src) {
|
||||
return;
|
||||
}
|
||||
wx.previewImage({ current: src, urls });
|
||||
},
|
||||
|
||||
submit() {
|
||||
if (this.data.submitting) {
|
||||
return;
|
||||
}
|
||||
if (!this.data.canSubmit) {
|
||||
wx.showToast({ title: this.data.message || '当前不可提交', icon: 'none' });
|
||||
return;
|
||||
}
|
||||
const hasText = !!(this.data.content || '').trim();
|
||||
const hasImages = !!this.data.attachments.length;
|
||||
if (!hasText && !hasImages) {
|
||||
wx.showToast({ title: '请填写内容或上传图片', icon: 'none' });
|
||||
return;
|
||||
}
|
||||
const doPost = () => {
|
||||
this.setData({ submitting: true });
|
||||
api.request({
|
||||
url: '/api/v1/plan/checkin',
|
||||
method: 'POST',
|
||||
data: {
|
||||
plan_type: this.data.planType,
|
||||
period_key: this.data.periodKey,
|
||||
status: '已完成',
|
||||
content: this.data.content,
|
||||
attachments: this.data.attachments
|
||||
}
|
||||
}).then(() => {
|
||||
this.setData({ submitting: false });
|
||||
wx.showToast({ title: '已保存', icon: 'success' });
|
||||
wx.setStorageSync('plan_overview_dirty', true);
|
||||
setTimeout(() => wx.navigateBack(), 600);
|
||||
}).catch((err) => {
|
||||
this.setData({ submitting: false });
|
||||
const message = errDetail(err) || '保存失败';
|
||||
wx.showToast({ title: message, icon: 'none' });
|
||||
});
|
||||
};
|
||||
if (this.data.checked || this.data.record) {
|
||||
wx.showModal({
|
||||
title: '覆盖确认',
|
||||
content: '将覆盖本周期已提交的计划，确定保存？',
|
||||
success: (r) => {
|
||||
if (r.confirm) {
|
||||
doPost();
|
||||
}
|
||||
}
|
||||
});
|
||||
} else {
|
||||
doPost();
|
||||
}
|
||||
}
|
||||
});
|
||||
Reference in New Issue
Block a user