1584aabcc5
## profile-head 组件 头图 / 头像 / 昵称 / 签名 / 帖子关注粉丝 / 养宠数据 / 宠物名片墙, pages/mine 和 pages/user 用的是同一个组件、同一个接口 (GET /users/:id/profile)。 这件事必须一开始就做对:自己看和别人看要是两套渲染,会慢慢长歪, 装扮功能也就失去意义了——你调半天颜色,结果只有自己那页变了。 两边唯一的差别是底部按钮:自己看是「装扮我的主页」,别人看是「关注 TA」。 顺带把 mine 的头部从 /user/summary 切到了 /users/:id/profile。原来两边 字段对不上,装扮效果在「我的」页根本预览不到。 主题只在组件 wxss 里定义 --pf-a/--pf-b/--pf-ink 三个变量,下面所有着色 都走变量。后端存 key 不存色值,就是为了这套配色随时能在前端改。 ## pages/decorate 装扮页 头图上传 / 五套主题色 / 个性签名 60 字 / 宠物墙开关,顶部实时预览。 预览用的就是 profile-head 本身,不是仿一个——仿的迟早会和真的长得不一样。 喂给它一份改过的 card 就行,组件那边不需要知道自己在被预览。 头图有个坑单独处理了:bg_file_id 只在真动过的时候才传。新上传带新 id, 点「恢复默认渐变」带空串,都没动就不传字段。否则「只改个主题色」会把 已有头图冲掉。上传时先用本地临时路径顶上,不让用户对着转圈等。 联调验证(本地 9090,真上传了一张图走完存储链路): 上传 → file id + MinIO url 保存装扮 → bg_url 落库,主题 violet,签名落库 主页读回 → bio/theme/show_pets/bg_url/宠物墙/养宠数据 全对 只改主题 → theme 变 sky,头图还在(没被冲掉) 恢复默认渐变 → bg_url 清空,theme 和 bio 都没被动 别人视角 → is_self=false、followed=false,装扮和宠物墙都能看到 Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
142 lines
6.6 KiB
JavaScript
142 lines
6.6 KiB
JavaScript
const { request, uploadFile, setToken, setRefreshToken } = require('./request.js');
|
||
|
||
// 登录成功后统一落盘 access + refresh 两个令牌
|
||
function saveTokens(data) {
|
||
setToken(data.token);
|
||
setRefreshToken(data.refresh_token);
|
||
return data;
|
||
}
|
||
|
||
// wx.login 取 code
|
||
function wxLogin() {
|
||
return new Promise((resolve, reject) => {
|
||
wx.login({
|
||
success: (r) => (r.code ? resolve(r.code) : reject(new Error('wx.login 未返回 code'))),
|
||
fail: reject,
|
||
});
|
||
});
|
||
}
|
||
|
||
// 登录:优先微信 code2session,失败回退开发态 Mock 登录(后端 dev_login=true)
|
||
async function login() {
|
||
try {
|
||
const code = await wxLogin();
|
||
// noAuthRetry:登录接口失败时也会返回 40100,不能再触发「续期→重新登录」,否则会自己套自己
|
||
const data = await request({ url: '/api/auth/wechat', method: 'POST', data: { code }, noAuthRetry: true });
|
||
return saveTokens(data);
|
||
} catch (e) {
|
||
console.warn('[api] 微信登录失败,回退 Mock 登录:', e && e.message);
|
||
const data = await request({
|
||
url: '/api/auth/login',
|
||
method: 'POST',
|
||
data: { nickname: '开发用户' },
|
||
noAuthRetry: true,
|
||
});
|
||
return saveTokens(data);
|
||
}
|
||
}
|
||
|
||
const api = {
|
||
login,
|
||
uploadFile,
|
||
|
||
// 用户
|
||
getProfile: () => request({ url: '/api/user/profile' }),
|
||
updateProfile: (body) => request({ url: '/api/user/profile', method: 'PUT', data: body }),
|
||
|
||
// 用户
|
||
userSummary: () => request({ url: '/api/user/summary' }),
|
||
updateDecoration: (body) => request({ url: '/api/user/decoration', method: 'PUT', data: body }),
|
||
|
||
// 宠物
|
||
getPets: () => request({ url: '/api/pets' }),
|
||
homeSummary: (id) => request({ url: `/api/pets/${id}/home-summary` }),
|
||
getPet: (id) => request({ url: `/api/pets/${id}` }),
|
||
createPet: (body) => request({ url: '/api/pets', method: 'POST', data: body }),
|
||
updatePet: (id, body) => request({ url: `/api/pets/${id}`, method: 'PUT', data: body }),
|
||
deletePet: (id) => request({ url: `/api/pets/${id}`, method: 'DELETE' }),
|
||
onboarding: (body) => request({ url: '/api/onboarding', method: 'POST', data: body }),
|
||
|
||
// 记录
|
||
getRecords: (id, { type, page, pageSize } = {}) => {
|
||
const qs = [];
|
||
if (type) qs.push(`type=${type}`);
|
||
if (page) qs.push(`page=${page}`);
|
||
if (pageSize) qs.push(`page_size=${pageSize}`);
|
||
return request({ url: `/api/pets/${id}/records${qs.length ? '?' + qs.join('&') : ''}` });
|
||
},
|
||
createRecord: (id, body) => request({ url: `/api/pets/${id}/records`, method: 'POST', data: body }),
|
||
deleteRecord: (recordId) => request({ url: `/api/records/${recordId}`, method: 'DELETE' }),
|
||
petInsights: (id) => request({ url: `/api/pets/${id}/insights` }),
|
||
weightTrend: (id) => request({ url: `/api/pets/${id}/records/weight-trend` }),
|
||
|
||
// 任务
|
||
getTasks: (id, date) => request({ url: `/api/pets/${id}/tasks${date ? `?date=${date}` : ''}` }),
|
||
createTask: (id, body) => request({ url: `/api/pets/${id}/tasks`, method: 'POST', data: body }),
|
||
updateTask: (taskId, body) => request({ url: `/api/tasks/${taskId}`, method: 'PUT', data: body }),
|
||
deleteTask: (taskId) => request({ url: `/api/tasks/${taskId}`, method: 'DELETE' }),
|
||
toggleTask: (taskId) => request({ url: `/api/tasks/${taskId}/toggle`, method: 'POST' }),
|
||
completeAllTasks: (id) => request({ url: `/api/pets/${id}/tasks/complete-all`, method: 'POST' }),
|
||
|
||
// 计划
|
||
getPlan: (id) => request({ url: `/api/pets/${id}/plan` }),
|
||
planCalendar: (id, month) =>
|
||
request({ url: `/api/pets/${id}/plan/calendar${month ? `?month=${month}` : ''}` }),
|
||
dayPlan: (id, date) => request({ url: `/api/pets/${id}/day-plan?date=${date}` }),
|
||
createAIPlan: (id, input) => request({ url: `/api/pets/${id}/ai-plan`, method: 'POST', data: { input } }),
|
||
applyAIPlan: (planId) => request({ url: `/api/ai-plan/${planId}/apply`, method: 'POST' }),
|
||
togglePlanTask: (taskId) => request({ url: `/api/plan-tasks/${taskId}/toggle`, method: 'POST' }),
|
||
|
||
// 提醒
|
||
getReminders: (id) => request({ url: `/api/pets/${id}/reminders` }),
|
||
createReminder: (id, body) => request({ url: `/api/pets/${id}/reminders`, method: 'POST', data: body }),
|
||
updateReminder: (remId, body) => request({ url: `/api/reminders/${remId}`, method: 'PUT', data: body }),
|
||
deleteReminder: (remId) => request({ url: `/api/reminders/${remId}`, method: 'DELETE' }),
|
||
|
||
// 报告
|
||
weeklyReport: (id) => request({ url: `/api/pets/${id}/report/weekly` }),
|
||
getBill: (id, period) => request({ url: `/api/pets/${id}/bill?period=${period || 'month'}` }),
|
||
healthSummary: (id) => request({ url: `/api/pets/${id}/health-summary` }),
|
||
getPoster: (id) => request({ url: `/api/pets/${id}/poster` }),
|
||
|
||
// 社区
|
||
listPosts: (tab, page) =>
|
||
request({ url: `/api/posts?tab=${encodeURIComponent(tab || '')}&page=${page || 1}&page_size=10` }),
|
||
createPost: (body) => request({ url: '/api/posts', method: 'POST', data: body }),
|
||
likePost: (id) => request({ url: `/api/posts/${id}/like`, method: 'POST' }),
|
||
userCard: (userId) => request({ url: `/api/users/${userId}/profile` }),
|
||
userPosts: (userId, page) => request({ url: `/api/users/${userId}/posts?page=${page || 1}&page_size=10` }),
|
||
relations: (userId, kind, page) =>
|
||
request({ url: `/api/users/${userId}/relations?kind=${kind}&page=${page || 1}&page_size=20` }),
|
||
followUser: (userId) => request({ url: `/api/users/${userId}/follow`, method: 'POST' }),
|
||
unfollowUser: (userId) => request({ url: `/api/users/${userId}/follow`, method: 'DELETE' }),
|
||
deletePost: (id) => request({ url: `/api/posts/${id}`, method: 'DELETE' }),
|
||
deleteComment: (id) => request({ url: `/api/comments/${id}`, method: 'DELETE' }),
|
||
listComments: (id) => request({ url: `/api/posts/${id}/comments` }),
|
||
createComment: (id, content, images, parentId) =>
|
||
request({
|
||
url: `/api/posts/${id}/comments`,
|
||
method: 'POST',
|
||
data: { content, images: images || [], parent_id: parentId || '' },
|
||
}),
|
||
listReplies: (commentId) => request({ url: `/api/comments/${commentId}/replies` }),
|
||
|
||
// 文章
|
||
listArticles: () => request({ url: '/api/articles' }),
|
||
submitFeedback: (body) => request({ url: '/api/feedback', method: 'POST', data: body }),
|
||
getArticle: (id) => request({ url: `/api/articles/${id}` }),
|
||
|
||
// Pro
|
||
getPro: () => request({ url: '/api/pro' }),
|
||
activatePro: () => request({ url: '/api/pro/activate', method: 'POST' }),
|
||
|
||
// AI
|
||
aiMessages: (session, limit) =>
|
||
request({ url: `/api/ai/messages?session=${session || ''}&limit=${limit || 30}` }),
|
||
aiChat: (body) => request({ url: '/api/ai/chat', method: 'POST', data: body }),
|
||
assessSymptom: (id, body) =>
|
||
request({ url: `/api/pets/${id}/ai/assess-symptom`, method: 'POST', data: body }),
|
||
};
|
||
|
||
module.exports = api;
|