yuchunlei/bodyWeight
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

修改用户信息

Browse Source
This commit is contained in:
17792275749
2025-05-29 14:09:13 +08:00
parent 1eb129e3bd
commit 2db6e46593
3 changed files with 663 additions and 214 deletions
Download Patch File Download Diff File Expand all files Collapse all files
pages/userInfo/userInfo.js
+407 -10
View File
@@ -1,27 +1,424 @@
const app = getApp();
import $ from "../../utils/request";
Page({
data: {
BLUE_STATE: {},
device: null,
connectState: "",
userId: "",
realname: "",
sex: {
index: "",
data: [{
id: 1,
name: '男'
}, {
id: 2,
name: '女'
}]
},
birthday: {
label: "1980年01月01日",
value: "1980-01-01"
},
height: {
index: 50,
data: Array.from({ length: 200 - 120 + 1 }, (_, i) => i + 120)
},
weight: {
index: [60, 0],
data: [Array.from({ length: 120 + 1 }, (_, i) => i + 10), Array.from({ length: 10 }, (_, i) => i)]
},
},
// 存储回调函数的引用，以便在 detached 时取消监听
_connectStateWatcher: null,
onLoad(options) {
this.checkBluetoothPermissionAndInit();
app.globalData.ppScale.plugin.bus.subscribe("devicesModel", (res) => {
console.log("searchDevice ===》devicesModel", res);
app.globalData.ppScale.device.mac = res.deviceMac;
app.globalData.ppScale.plugin.bus.subscribe("deviceConnect", (res) => {
console.log('connectedDevice ===》deviceConnect', res);
app.globalData.ppScale.plugin.ScaleAction.startDataProgress(true);
app.globalData.ppScale.activeProtocol = app.globalData.ppScale.plugin.ScaleAction.getActiveProtocol();
app.globalData.ppScale.activeProtocol.codeUpdateMTU((res) => {
console.log("connectedDevice ===》codeUpdateMTU", res);
app.globalData.ppScale.device.name = this.data.device.name;
app.globalData.ppScale.device.connection = this.data.device;
this.selectComponent('#replaceNetwork1Component').getWiFiList();
});
});
});
console.log(`[Component] connectState 获取: ${app.globalData.ppScale.device.connectState}`);
this.setData({
BLUE_STATE: app.globalData.ppScale.plugin.BLUE_STATE,
connectState: app.globalData.ppScale.device.connectState
})
this._connectStateWatcher = (newValue, oldValue) => {
console.log(`[Component] connectState 变化: ${oldValue} -> ${newValue}`);
this.setData({
connectState: newValue || ''
});
};
app.watch('ppScale.device.connectState', this._connectStateWatcher);
let userInfo = wx.getStorageSync("userInfo") || null;
if(userInfo) {
let [year, month, day] = userInfo.birthday.split("-");
this.setData({
userId: userInfo.userId,
realname: userInfo.realname,
["sex.index"]: this.data.sex.data.findIndex(item => {return item.id === userInfo.sex}),
birthday: {
label: year + "年" + month + "月" + day + "日",
value: userInfo.birthday
},
["height.index"]: this.data.height.data.findIndex(item => {return item === userInfo.height}),
})
if(userInfo.weight) {
const integerPart = Math.floor(userInfo.weight);
const decimalPart = Math.round((userInfo.weight - integerPart) * 10);
const integerIndex = this.data.weight.data[0].indexOf(integerPart);
const decimalIndex = this.data.weight.data[1].indexOf(decimalPart);
this.setData({
["weight.index"]: [integerIndex !== -1 ? integerIndex : null, decimalIndex !== -1 ? decimalIndex : null],
})
}
}
},
onShow() {
// 姓名输入
realnameInput(e) {
let realname = e.detail.value.replace(/\s+/g, '');
this.setData({
realname: realname
})
},
/**
* 生命周期函数--监听页面隐藏
*/
onHide() {
// 性别选择
sexChange(e) {
let sex = e.detail.value;
console.log(sex);
this.setData({
['sex.index']: e.detail.value
})
if(this.data.height.index === null) {
this.setData({
['height.index']: sex == 0 ? 50 : 40
})
}
if(this.data.weight.index === null) {
this.setData({
['weight.index']: sex == 0 ? 20 : 10
})
}
},
// 生日选择
birthdayChange(e) {
let v = e.detail.value;
let [year, month, day] = v.split("-");
this.setData({
birthday: {
label: year + "年" + month + "月" + day + "日",
value: v
}
})
},
// 身高选择
heightChange(e) {
this.setData({
['height.index']: e.detail.value
})
},
// 体重选择
weightChange(e) {
console.log(e.detail.value)
this.setData({
['weight.index']: e.detail.value
})
},
setUserInfo() {
if(this.data.connectState == this.data.BLUE_STATE.CONNECTSUCCESS) {
let realname = this.data.realname;
let sex = this.data.sex;
let birthday = this.data.birthday;
let height = this.data.height;
let weight = this.data.weight;
if(!realname) {
wx.showToast({
icon: "none",
title: "姓名不能为空"
})
return false;
}
if(sex.index === "") {
wx.showToast({
icon: "none",
title: "性别不能为空"
})
return false;
}
if(!birthday.value) {
wx.showToast({
icon: "none",
title: "生日不能为空"
})
return false;
}
if(height.index === "") {
wx.showToast({
icon: "none",
title: "身高不能为空"
})
return false;
}
if(weight.index[0] === null && weight.index[1] === null) {
console.log(weight)
wx.showToast({
icon: "none",
title: "体重不能为空"
})
return false;
}
let sn = app.globalData.ppScale.device.mac.replace(/:/g, '');
$.ajax("weighingScale/edit/user", {
sn: sn,
realname: realname,
sex: sex.data[sex.index].id,
birthday: birthday.value,
height: height.data[height.index],
weight: weight.data[0][weight.index[0]] + '.' + weight.data[1][weight.index[1]]
}, "POST", true, "保存中...").then(res => {
$.ajax("weighingScale/select/user", {
sn: sn
}, "GET", true, "更新用户信息中...").then(res_ => {
wx.setStorageSync("userInfo", res_.result);
wx.showToast({
icon: "none",
title: res.message
})
app.globalData.ppScale.activeProtocol.dataSyncUserInfo({
userID: res_.result.id,
userName: res_.result.realname,
memberID: "",
age: this.getAge(res_.result.birthday), //
gender: res_.result.sex, //
height: res_.result.height, //
isAthleteMode: 0,
currentWeight: res_.result.weight, //
deviceHeaderIndex: 0,
targetWeight: "",
idealWeight: "",
recentData: [],
}, (res) => {
if(res == 0) {
this.triggerEvent('deviceEvent', {
status: true
});
} else {
console.log("dataSyncUserInfo", res)
wx.showToast({
title: "用户信息下发失败，请重试。",
icon: "none"
})
}
})
})
})
} else {
wx.showToast({
title: "设备连接失败，请重试。",
icon: "none"
})
}
},
// 根据生日获取年龄
getAge(birthDateString) {
const birthDate = new Date(birthDateString);
const today = new Date();
let age = today.getFullYear() - birthDate.getFullYear();
const monthDiff = today.getMonth() - birthDate.getMonth();
const dayDiff = today.getDate() - birthDate.getDate();
// 如果当前月份小于出生月份，或者同月但当前日期小于出生日期，年龄需要减 1
if (monthDiff < 0 || (monthDiff === 0 && dayDiff < 0)) {
age--;
}
return age;
},
checkBluetoothPermissionAndInit() {
this.setData({
initText: "正在检查蓝牙权限..."
});
wx.getSetting({
success: (res) => {
if (res.authSetting['scope.bluetooth']) {
this.openBluetoothAdapter();
} else {
wx.authorize({
scope: 'scope.bluetooth',
success: () => {
this.openBluetoothAdapter();
},
fail: (err) => {
this.setData({
initText: "蓝牙权限被拒绝。"
});
wx.showModal({
title: '提示',
content: '您拒绝了蓝牙权限，将无法连接蓝牙秤。是否前往设置开启？',
confirmText: '去开启',
cancelText: '不开启',
success: (modalRes) => {
if (modalRes.confirm) {
wx.openSetting({
success: (settingRes) => {
console.log('openSetting success', settingRes);
},
fail: (settingErr) => {
wx.navigateBack({
delta: 1
});
}
});
} else {
wx.navigateBack({
delta: 1
});
}
}
});
}
});
}
},
fail: (err) => {
this.setData({
initText: "获取权限设置失败。"
});
wx.showToast({
title: '获取权限设置失败',
icon: 'none'
});
wx.navigateBack({
delta: 1
});
}
});
},
openBluetoothAdapter() {
this.setData({
initText: "正在初始化蓝牙..."
});
wx.openBluetoothAdapter({
success: () => {
this.setData({
initText: "蓝牙初始化成功"
});
this.getDeviceSettingList();
},
fail: (err) => {
this.setData({
initText: "蓝牙初始化失败。"
});
if (err.errCode === 10001) {
wx.showModal({
title: "提示",
content: "请确保手机蓝牙已开启。",
showCancel: false,
success: () => {
wx.navigateBack({
delta: 1
});
}
});
} else if (err.errMsg && err.errMsg.includes('permission denied')) {
wx.showModal({
title: '提示',
content: '蓝牙权限仍被拒绝，无法使用蓝牙功能。',
showCancel: false,
success: () => {
wx.navigateBack({
delta: 1
});
}
});
} else {
wx.showToast({
title: `蓝牙适配器打开失败: ${err.errMsg || err.errCode}`,
icon: 'none',
success: () => {
wx.navigateBack({
delta: 1
});
}
});
}
},
});
},
// 获取自己已经配对上的设备
getDeviceSettingList() {
let params = {};
$.ajax("weighingScale/list/device", params, "GET", true, "获取设备列表").then((res) => {
this.setData({
initText: "设备搜索中..."
})
app.globalData.ppScale.device.list = [];
let seviceList = app.globalData.ppScale.device.setting.find((item) => {
return item.deviceName === res.result[0].type
});
app.globalData.ppScale.plugin.Blue.setDeviceSetting([seviceList]);
app.globalData.ppScale.plugin.Blue.start(res.result[0].type, false);
app.globalData.ppScale.plugin.bus.subscribe("devicesList", (res_) => {
console.log("searchDevice ===> devicesList", res_);
let fIndex = res_.findIndex(item => item.deviceId === res.result[0].deviceId);
if (fIndex >= 0) {
app.globalData.ppScale.plugin.Blue.stopBluetoothDevicesDiscovery();
this.setData({
device: res_[fIndex]
})
app.globalData.ppScale.plugin.Blue.createBLEConnection(res_[fIndex]);
}
});
})
},
// 点击设备重连
connectedDevice() {
let device = this.data.device;
if(device) {
app.globalData.ppScale.plugin.Blue.createBLEConnection(device);
}
},
/**
* 生命周期函数--监听页面卸载
*/
onUnload() {
if (this._connectStateWatcher) {
app.unwatch('ppScale.device.connectState', this._connectStateWatcher);
}
}
})
pages/userInfo/userInfo.wxml
+63 -32
View File
@@ -1,71 +1,102 @@
<!-- <view class="device">
<view class="userInfo">
<view class="header">
<view>
<view>智能蓝牙秤</view>
<view>型号：{{deviceInfo && deviceInfo.type ? deviceInfo.type : '获取中...'}}</view>
<view>型号：{{device.name}}</view>
</view>
<view>
<view style="background-color: {{connectedDevice.color}};"></view>
<view style="color: {{connectedDevice.color}};">{{connectedDevice.message}}</view>
<block wx:if="{{connectState == BLUE_STATE.CONNECTSUCCESS}}">
<view style="background-color: #2AC79F;"></view>
<view style="color: #2AC79F;">连接成功</view>
</block>
<block wx:else>
<view style="background-color: #F24439;"></view>
<view bind:tap="connectedDevice" style="color: #F24439;">连接失败，点击重试</view>
</block>
</view>
</view> -->
<view class="form">
</view>
<view class="section">
<view class="from">
<view>
<view>姓名</view>
<view>
<view>
<input
type="text"
value="{{realname}}"
bindinput="realnameInput"
placeholder="请输入姓名"
placeholder="请输入您的姓名"
class="valueClass"
placeholder-class="placeholderClass" />
</view>
</view>
</view>
<view>
<view>性别</view>
<view class="arrowAfter">
<picker bindchange="sexChange" value="{{sex.index}}" range="{{sex.data}}" range-key="name">
{{sex.index === null ? '请选择性别' : sex.data[sex.index].name}}
<view class="~arrowAfter">
<view>
<picker mode="selector" bindchange="sexChange" value="{{sex.index}}" range="{{sex.data}}" range-key="name">
<block wx:if="{{sex.index === ''}}">
<view class="placeholderClass">请选择您的性别</view>
</block>
<block wx:else>
<view class="valueClass">{{sex.data[sex.index].name}}</view>
</block>
</picker>
</view>
</view>
</view>
<view>
<view>生日</view>
<view class="arrowAfter">
<picker bindchange="birthdayChange" mode="date" value="{{birthday.value}}">
{{birthday.value ? birthday.label : '请选择生日'}}
</picker>
</view>
</view>
<block wx:if="{{customerType === '1'}}">
<view class="~arrowAfter">
<view>
<view>手机号</view>
<view>
<block wx:if="{{phone}}">
{{phone}}
<picker mode="date" bindchange="birthdayChange" value="{{birthday.value}}">
<block wx:if="{{birthday.value === ''}}">
<view class="placeholderClass">请选择您的生日</view>
</block>
<block wx:else>
<button open-type="getPhoneNumber" bindgetphonenumber="getPhoneNumber">点击获取手机号</button>
<view class="valueClass">{{birthday.label}}</view>
</block>
</picker>
</view>
</view>
</view>
</block>
<view>
<view>身高</view>
<view class="arrowAfter">
<picker bindchange="heightChange" value="{{height.index}}" range="{{height.data}}">
{{height.index === null ? '请选择身高' : height.data[height.index] + ' cm'}}
<view class="~arrowAfter">
<view>
<picker mode="selector" bindchange="heightChange" value="{{height.index}}" range="{{height.data}}">
<block wx:if="{{height.index === ''}}">
<view class="placeholderClass">请选择您的身高</view>
</block>
<block wx:else>
<view class="valueClass">{{height.data[height.index]}}</view>
</block>
</picker>
</view>
<view>cm</view>
</view>
</view>
<view>
<view>体重</view>
<view class="arrowAfter">
<picker bindchange="weightChange" value="{{weight.index}}" range="{{weight.data}}">
{{weight.index === null ? '请选择体重' : weight.data[weight.index] + ' kg'}}
<view class="~arrowAfter">
<view>
<picker mode="multiSelector" bindchange="weightChange" value="{{weight.index}}" range="{{weight.data}}">
<block wx:if="{{weight.index && weight.index.length && weight.index[0] !== null && weight.index[1] !== null}}">
<view class="valueClass">{{weight.data[0][weight.index[0]]}}.{{weight.data[1][weight.index[1]]}}</view>
</block>
<block wx:else>
<view class="placeholderClass">请选择您的体重</view>
</block>
</picker>
</view>
<view>kg</view>
</view>
</view>
</view>
<view class="btn">
<view bind:tap="setUserInfo">完成</view>
</view>
<view class="describe">请认真填写和完善您家人的健康信息，用于计算身体数据及运动卡路里消耗等，以便准确的分析数据。<text>(填写数据同时，踩亮蓝牙秤并与其保持连接)。</text></view>
</view>
</view>
<view class="btn" bind:tap="submit">确定</view>
pages/userInfo/userInfo.wxss
+101 -80
View File
@@ -1,145 +1,166 @@
page {
padding: 30rpx 30rpx 0;
input {
width: 100%;
height: 58rpx;
font-size: 28rpx;
line-height: 58rpx;
}
.device {
.placeholderClass {
color: #B6B6B6;
height: 58rpx;
font-size: 28rpx;
line-height: 58rpx;
}
.valueClass {
color: #77849E;
height: 58rpx;
font-size: 28rpx;
font-weight: bold;
line-height: 58rpx;
}
.userInfo {
width: 100%;
height: 100%;
display: flex;
flex-flow: column;
padding: 24rpx 30rpx;
box-sizing: border-box;
}
.header {
width: 100%;
display: flex;
flex-wrap: nowrap;
align-items: center;
padding: 35rpx 40rpx;
border-radius: 24rpx;
padding: 30rpx 40rpx;
box-sizing: border-box;
border-radius: 16rpx;
margin-bottom: 24rpx;
background-color: #FFFFFF;
justify-content: space-between;
}
.device>view:nth-of-type(1)>view:nth-of-type(1) {
.header>view:nth-of-type(1) {
flex: 1;
}
.header>view:nth-of-type(1)>view:nth-of-type(1) {
color: #252535;
height: 32rpx;
font-weight: bold;
font-size: 32rpx;
line-height: 32rpx;
margin-bottom: 22rpx;
margin-bottom: 16rpx;
}
.device>view:nth-of-type(1)>view:nth-of-type(2) {
.header>view:nth-of-type(1)>view:nth-of-type(2) {
color: #808080;
height: 26rpx;
font-size: 26rpx;
line-height: 26rpx;
}
.device>view:nth-of-type(2) {
.header>view:nth-of-type(2) {
height: 28rpx;
display: flex;
flex-wrap: nowrap;
align-items: center;
}
.device>view:nth-of-type(2)>view:nth-of-type(1) {
width: 14rpx;
height: 14rpx;
.header>view:nth-of-type(2)>view:nth-of-type(1) {
width: 12rpx;
height: 12rpx;
border-radius: 50%;
margin-right: 14rpx;
}
.device>view:nth-of-type(2)>view:nth-of-type(2) {
.header>view:nth-of-type(2)>view:nth-of-type(2) {
height: 28rpx;
font-weight: bold;
font-size: 28rpx;
line-height: 28rpx;
padding-left: 8rpx;
}
.form {
.section {
width: 100%;
flex: 1;
overflow: hidden;
padding: 0 30rpx;
border-radius: 16rpx;
box-sizing: border-box;
background-color: #FFFFFF;
margin-bottom: 80rpx;
}
.form>view {
.from {
width: 100%;
height: 120rpx;
padding: 0 10rpx;
display: flex;
flex-wrap: nowrap;
margin-bottom: 66rpx;
}
.from>view {
width: 100%;
padding: 48rpx 10rpx 0;
box-sizing: border-box;
border-bottom: 1rpx solid #EAECF1;
}
.form>view>view:first-of-type {
.from>view>view:nth-of-type(1) {
color: #252535;
height: 120rpx;
height: 32rpx;
font-size: 32rpx;
font-weight: bold;
line-height: 120rpx;
line-height: 32rpx;
margin-bottom: 18rpx;
}
.form>view>view:last-of-type {
flex: 1;
width: 0;
color: #B6B6B6;
font-size: 28rpx;
height: 120rpx;
line-height: 120rpx;
text-align: right;
}
.form>view>view:last-of-type.arrowAfter {
padding-right: 30rpx;
}
.form>view>view:last-of-type input {
color: #252535;
.from>view>view:nth-of-type(2) {
width: 100%;
height: 120rpx;
line-height: 120rpx;
text-align: right;
}
.placeholderClass {
color: #B6B6B6;
font-size: 28rpx;
}
.form>view {
border-bottom: 0;
}
.btn {
color: #FFFFFF;
width: 580rpx;
height: 88rpx;
font-size: 32rpx;
font-weight: bold;
line-height: 88rpx;
text-align: center;
border-radius: 44rpx;
margin: 0 auto 50rpx;
background-color: #1385FA;
}
.tips {
color: #77849E;
width: 100%;
font-size: 26rpx;
line-height: 40rpx;
padding: 0 30rpx;
height: 58rpx;
display: flex;
flex-wrap: nowrap;
padding-right: 26rpx;
box-sizing: border-box;
}
.delBtn {
color: #1385FA;
width: 580rpx;
.from>view>view:nth-of-type(2)>view:nth-of-type(1) {
flex: 1;
width: 0;
}
.from>view>view:nth-of-type(2)>view:nth-of-type(2) {
color: #77849E;
height: 58rpx;
font-size: 28rpx;
font-weight: bold;
line-height: 58rpx;
}
.btn {
width: 100%;
padding: 0 26rpx;
box-sizing: border-box;
}
.btn>view {
color: #FFFFFF;
width: 100%;
height: 88rpx;
font-size: 32rpx;
font-weight: bold;
line-height: 88rpx;
text-align: center;
line-height: 88rpx;
border-radius: 44rpx;
margin: 0 auto;
margin-bottom: 40rpx;
background-color: #1385FA;
}
.describe {
color: #77849E;
width: 100%;
font-size: 24rpx;
line-height: 40rpx;
}
.describe text {
color: #F24439;
}