Skip to content

飞
飞鹤小程序
Commit 106f09c1 authored by 王炽's avatar 王炽
Browse files
Options

66666

parent a1925ada
Hide whitespace changes
Inline Side-by-side
Showing with 195 additions and 133 deletions
views/My.vue
View file @ 106f09c1
......@@ -6,12 +6,17 @@
:iconSelected="$baseUrl + 'my/track/icon_stage_sel.png'"
@update:selectedIndex="(val) => (wheelSelectedIndex = val)" @change="handleWheelChange" />
</view>
<view class="bg-container" :data-log="{
xcxClick: '我的页面点击',
pageName: '我的页面',
buttonName: '个人信息修改',
}" @click="handleEditProfile">
<image class="bg-img" :src="babyInfo?.content?.backgroundImg || $baseUrl + 'my/default_bg.png'
<view
v-if="cfgStatus.isRegister"
class="bg-container"
:data-log="{
xcxClick: '我的页面点击',
pageName: '我的页面',
buttonName: '上传背景',
}"
@click="handleUploadBackground"
>
<image class="bg-img" :src="localBackgroundImg || babyInfo?.content?.backgroundImg || $baseUrl + 'my/default_bg.png'
" mode="widthFix" lazy-load="false" binderror="" bindload="" />
<image class="banner_cover" :src="$baseUrl + 'my/cover_white.png'" mode="aspectFill" />
</view>
......@@ -21,14 +26,16 @@
<!-- 用户信息区域 -->
<view class="user-info" :style="{ 'min-height': cfgStatus.showDetail ? '343rpx' : '168rpx' }">
<view class="user-header">
<view class="avatar-container" @click="handleEditProfile" :data-log="{
<view class="avatar-container" :data-log="{
xcxClick: '我的页面点击',
pageName: '我的页面',
buttonName: '个人信息修改',
}">
<image class="avatar" :src="babyInfo?.content?.babyAvatar ||
$baseUrl + 'common/default_avatar.png'
" mode="widthFix" />
<button class="avatar-wrapper" open-type="chooseAvatar" @chooseavatar="onChooseAvatar">
<image class="avatar" :src="localAvatarUrl || babyInfo?.content?.babyAvatar ||
$baseUrl + 'common/default_avatar.png'
" mode="widthFix" />
</button>
</view>
<button v-if="!cfgStatus.isRegister" type="primary" class="avatar-container" @click="clickRegisterShield" />
<image class="avatar-modify" :src="$baseUrl + 'my/icon_modify.png'" mode="aspectFit" lazy-load="false" />
......@@ -38,8 +45,8 @@
xcxClick: '我的页面点击',
pageName: '我的页面',
buttonName: '宝宝信息切换',
}">
<text class="nickname" @click="handleEditProfile">{{
}" >
<text class="nickname" @click="handleEditProfile">{{
babyInfo?.babyStage === 0
? "备孕"
: babyInfo?.babyStage === 1
......@@ -52,7 +59,7 @@
</view>
</view>
<!-- 积分账户 -->
<view class="integral-account" @click="handleEditProfile">
<view class="integral-account" @click="handleEditProfile">
<text class="integral-account-text"> 账号： </text>
<text class="integral-account-value">
{{ userStore.memberInfo?.mobile || '' }}</text>
......@@ -106,7 +113,7 @@
<!-- 完成任务模块 -->
<view class="task-module"
v-if="cfgStatus.isRegister && (babyInfo?.allBabyBaseInfo && babyInfo.allBabyBaseInfo.length > 0)">
v-if="!cfgStatus.isRegister || (babyInfo?.allBabyBaseInfo && babyInfo.allBabyBaseInfo.length > 0)">
<image class="task-guide-bg" :src="$baseUrl + 'homepage/Q3Res/my_taskGuideBg.png'"></image>
<image class="task-do-btn" :src="$baseUrl + 'homepage/Q3Res/my_taskDoBtn.png'" @tap="handleTaskClick"></image>
</view>
......@@ -278,6 +285,8 @@ import { useUserStore } from "@/stores/user";
import { usePageCfgStore } from "@/stores/pageCfg";
import { jump, JumpType } from "@/utils";
import { getHealthField } from "@/api/common";
import { uploadImage } from "@/api/common";
import { updateBabyInfo } from "@/api/user";
import { hideLoading, showLoading } from "../utils";
import md from "../md.js";
import { onShow } from '@dcloudio/uni-app';
......@@ -310,15 +319,13 @@ const points = ref(0);
const babyId = ref(0);
const handleTaskClick = async () => {
// 添加点击埋点
md.sensorComponentLogTake({
xcxComponentClick: "true",
pageName: "我的页面",
componentName: "做任务赚更多积分",
componentContent: "去做任务"
});
// 本地头像 URL，用于临时显示上传后的头像
const localAvatarUrl = ref('');
// 本地背景图片 URL，用于临时显示上传后的背景图
const localBackgroundImg = ref('');
const handleTaskClick = async () => {
// 检查登录状态
if (!cfgStatus.value.isRegister) {
// 未登录，跳转到登录注册页面
......@@ -380,14 +387,6 @@ const navigateToCoupon = () => {
// 需要登录的优惠券页面跳转
const navigateToCouponWithLogin = () => {
// 添加点击埋点
md.sensorComponentLogTake({
xcxComponentClick: "true",
pageName: "我的页面",
componentName: "拓展工具",
componentContent: "我的优惠券"
});
// 检查登录状态
if (!cfgStatus.value.isRegister) {
// 未登录，跳转到登录注册页面
......@@ -420,26 +419,6 @@ const navigateTo = (url) => {
const navigateToWithLogin = (url) => {
console.warn('navigateToWithLogin', url);
console.warn('cfgStatus.value.isRegister', cfgStatus.value.isRegister);
// 添加点击埋点 - 根据 URL 判断是哪个菜单项
let componentContent = '';
if (url.includes('/v3/orderList/orderList')) {
componentContent = '我的订单';
} else if (url.includes('/v3/addressList/addressList')) {
componentContent = '收货地址管理';
} else if (url.includes('/v3/more/index')) {
componentContent = '更多';
}
if (componentContent) {
md.sensorComponentLogTake({
xcxComponentClick: "true",
pageName: "我的页面",
componentName: "拓展工具",
componentContent: componentContent
});
}
// 检查登录状态
if (!cfgStatus.value.isRegister) {
// 未登录，跳转到登录注册页面
......@@ -553,6 +532,72 @@ const handleEditProfile = (e) => {
}
};
// 选择头像
const onChooseAvatar = async (e) => {
showLoading('上传中...');
try {
const fs = uni.getFileSystemManager();
const base64 =
"data:image/jpeg;base64," + fs.readFileSync(e.detail.avatarUrl, "base64");
const res = await uploadImage(base64);
if (res.success) {
// 立即更新本地显示的头像
localAvatarUrl.value = res.data.url;
// 获取当前选中的宝宝信息并更新到服务器
const selectedBaby = userStore.babyInfo?.allBabyBaseInfo?.find(
(item) => item.selected
);
if (selectedBaby) {
const updateData = {
id: selectedBaby.id,
babyAvatar: res.data.url,
};
const updateRes = await updateBabyInfo(updateData);
if (updateRes.success) {
// 刷新用户信息
await userStore.loadBabyInfo();
// 清空本地临时头像，使用更新后的 babyInfo
localAvatarUrl.value = '';
uni.showToast({
title: "头像更新成功",
icon: "success",
});
} else {
uni.showToast({
title: updateRes.message || "更新失败",
icon: "none",
});
}
} else {
uni.showToast({
title: "未找到宝宝信息",
icon: "none",
});
}
} else {
uni.showToast({
title: res.message,
icon: "none",
});
}
} catch (error) {
console.error("头像选择失败:", error);
uni.showToast({
title: "头像选择失败",
icon: "none",
});
} finally {
hideLoading();
}
};
const onRegisterConfirm = async () => {
await pageCfgStore.fetchCfg();
// 只调用一次initData，loadMemberInfo已在initData内部处理
......@@ -576,27 +621,6 @@ const handleWheelChange = (val) => {
const initExposure = () => {
// 添加宝宝信息引导模块曝光埋点
if (cfgStatus.value.isRegister && (!babyInfo.value?.allBabyBaseInfo || babyInfo.value?.allBabyBaseInfo?.length === 0)) {
md.sensorComponentLogTake({
xcxComponentExposure: "true",
pageName: "我的页面",
componentName: "添加宝宝信息引导",
componentContent: "添加宝宝信息引导"
});
}
// 添加做任务赚更多积分模块曝光埋点
if (!cfgStatus.value.isRegister || (babyInfo.value?.allBabyBaseInfo && babyInfo.value?.allBabyBaseInfo?.length > 0)) {
md.sensorComponentLogTake({
xcxComponentExposure: "true",
pageName: "我的页面",
componentName: "做任务赚更多积分",
componentContent: "去做任务"
});
}
md.sensorComponentLogTake({
xcxComponentExposure: "true",
pageName: "我的页面",
......@@ -642,32 +666,6 @@ const initExposure = () => {
componentContent: babyInfo.value.babyStage == 2 ? "月龄滑动切换" : "孕周滑动切换"
});
// 添加拓展工具菜单曝光埋点
md.sensorComponentLogTake({
xcxComponentExposure: "true",
pageName: "我的页面",
componentName: "拓展工具",
componentContent: "我的订单"
});
md.sensorComponentLogTake({
xcxComponentExposure: "true",
pageName: "我的页面",
componentName: "拓展工具",
componentContent: "收货地址管理"
});
md.sensorComponentLogTake({
xcxComponentExposure: "true",
pageName: "我的页面",
componentName: "拓展工具",
componentContent: "我的优惠券"
});
md.sensorComponentLogTake({
xcxComponentExposure: "true",
pageName: "我的页面",
componentName: "拓展工具",
componentContent: "更多"
});
......@@ -678,35 +676,6 @@ onShow(async () => {
await userStore.loadMemberInfo();
points.value = userStore.memberInfo?.points;
console.log('userStore.memberInfo=', userStore.memberInfo)
// 添加拓展工具菜单曝光埋点
md.sensorComponentLogTake({
xcxComponentExposure: "true",
pageName: "我的页面",
componentName: "拓展工具",
componentContent: "我的订单"
});
md.sensorComponentLogTake({
xcxComponentExposure: "true",
pageName: "我的页面",
componentName: "拓展工具",
componentContent: "收货地址管理"
});
md.sensorComponentLogTake({
xcxComponentExposure: "true",
pageName: "我的页面",
componentName: "拓展工具",
componentContent: "我的优惠券"
});
md.sensorComponentLogTake({
xcxComponentExposure: "true",
pageName: "我的页面",
componentName: "拓展工具",
componentContent: "更多"
});
console.warn("AAAAAAAA")
})
// 获取用户信息
......@@ -829,13 +798,6 @@ async function onSelectBaby(baby) {
}
function handleAddBabyInfoClick() {
// 添加点击埋点
md.sensorComponentLogTake({
xcxComponentClick: "true",
pageName: "我的页面",
componentName: "添加宝宝信息引导",
componentContent: "添加宝宝信息引导"
});
// 显示RegisterLayer弹窗
showRegisterLayer.value = true;
}
......@@ -867,6 +829,95 @@ const handleOpenClick = () => {
cfgStatus.value.openBabyCardDesc = !cfgStatus.value.openBabyCardDesc;
};
// 上传背景图片
const handleUploadBackground = async (e) => {
// 检查登录状态
if (!cfgStatus.value.isRegister) {
return;
}
md.sensorLog(e);
// 唤起图片选择器
uni.chooseImage({
count: 1,
sizeType: ["original", "compressed"],
sourceType: ["album", "camera"],
success: async (res) => {
showLoading('上传中...');
try {
const tempFilePath = res.tempFilePaths[0];
const fs = uni.getFileSystemManager();
const base64 =
"data:image/jpeg;base64," + fs.readFileSync(tempFilePath, "base64");
const uploadRes = await uploadImage(base64);
if (uploadRes.success) {
// 立即更新本地显示的背景图
localBackgroundImg.value = uploadRes.data.url;
// 获取当前选中的宝宝信息并更新到服务器
const selectedBaby = userStore.babyInfo?.allBabyBaseInfo?.find(
(item) => item.selected
);
if (selectedBaby) {
const updateData = {
id: selectedBaby.id,
backgroundImg: uploadRes.data.url,
};
const updateRes = await updateBabyInfo(updateData);
if (updateRes.success) {
// 刷新用户信息
await userStore.loadBabyInfo();
// 清空本地临时背景图，使用更新后的 babyInfo
localBackgroundImg.value = '';
uni.showToast({
title: "背景更新成功",
icon: "success",
});
} else {
uni.showToast({
title: updateRes.message || "更新失败",
icon: "none",
});
}
} else {
uni.showToast({
title: "未找到宝宝信息",
icon: "none",
});
}
} else {
uni.showToast({
title: uploadRes.message || "上传失败",
icon: "none",
});
}
} catch (error) {
console.error("背景图片上传失败:", error);
uni.showToast({
title: "背景图片上传失败",
icon: "none",
});
} finally {
hideLoading();
}
},
fail: (err) => {
console.error("选择图片失败:", err);
uni.showToast({
title: "选择图片失败",
icon: "none",
});
}
});
};
// 页面加载
onMounted(async () => {
md.sensorLogTake({
......@@ -1062,6 +1113,17 @@ defineExpose({});
top: 32rpx;
z-index: 1;
.avatar-wrapper {
display: flex;
align-items: center;
justify-content: center;
padding: 0;
border: none;
background: transparent;
width: 100%;
height: 100%;
}
.avatar {
width: 100%;
height: 100%;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment