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

feat(addMember): 员工/家庭双tab完整改造，状态机控制查询展示

Browse Source 
- 员工tab：编号输入+查询→三种状态（未查询/查不到/查到展示）
- 家庭tab：familyInfo_卡片包裹，昵称/身份证/性别切换/出生年月/身高体重同行
- 切换tab或改编号即时清空查询结果
- 提交区分员工/家庭双模式校验，dataType写入payload

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
This commit is contained in:
17792275749
2026-06-11 13:32:55 +08:00
co-authored by Claude Opus 4.7
parent 57950bd7c2
commit 4e4afd6958
3 changed files with 305 additions and 134 deletions
Download Patch File Download Diff File Expand all files Collapse all files
miniprogram/pages/addMember/addMember.less
+42 -15
View File
@@ -129,7 +129,7 @@
.workNoInfo { .workNoInfo {
width: 100%; width: 100%;
padding-bottom: 100rpx; padding-bottom: 10rpx;
.workNoInfo_ { .workNoInfo_ {
width: 100%; width: 100%;
@@ -165,7 +165,34 @@
} }
.familyInfo { .familyInfo {
width: 100%;
padding-bottom: 10rpx;
.familyInfo_ {
width: 100%;
border-radius: 16rpx;
box-sizing: border-box;
padding: 0 30rpx 10rpx;
margin-bottom: 40rpx;
background-color: #FFFFFF;
}
.form-row {
width: 100%;
margin-bottom: 40rpx;
}
/* 身高体重同行 */
.form-row-inline {
width: 100%;
display: flex;
gap: 24rpx;
margin-bottom: 40rpx;
.form-row-half {
flex: 1;
}
}
} }
.form-row { .form-row {
@@ -262,7 +289,7 @@
} }
} }
/* 只读区域(单位 / 性别 / 年龄 / 出生年月) */ /* 只读区域 */
.form-readonly { .form-readonly {
width: 100%; width: 100%;
height: 88rpx; height: 88rpx;
@@ -319,19 +346,19 @@
} }
/* 从已有用户中选择(蓝色描边幽灵按钮) */ /* 从已有用户中选择(蓝色描边幽灵按钮) */
// .ghost-btn { .ghost-btn {
// color: #1385FA; color: #1385FA;
// width: 580rpx; width: 580rpx;
// height: 88rpx; height: 88rpx;
// font-size: 32rpx; font-size: 32rpx;
// font-weight: bold; font-weight: bold;
// text-align: center; text-align: center;
// line-height: 84rpx; line-height: 84rpx;
// border-radius: 44rpx; border-radius: 44rpx;
// box-sizing: border-box; box-sizing: border-box;
// border: 2rpx solid #1385FA; border: 2rpx solid #1385FA;
// margin: 0 auto; margin: 0 auto;
// } }
} }
/* 底部双按钮 */ /* 底部双按钮 */
miniprogram/pages/addMember/addMember.ts
+129 -56
View File
@@ -44,18 +44,20 @@ interface UserInfoFromServer {
interface MemberForm { interface MemberForm {
/** 员工编号 */ /** 员工编号 */
workNo: string workNo: string
/** 姓名 */ /** 姓名 / 昵称 */
name: string name: string
/** 身份证号 */ /** 身份证号 */
idCard: string idCard: string
/** 性别(由身份证解析,只读) */ /** 性别 */
gender: string gender: string
/** 年龄(由身份证解析,只读) */ /** 年龄 */
age: string age: string
/** 身高(cm) */ /** 身高(cm) */
height: string height: string
/** 体重(kg) */ /** 体重(kg) */
weight: string weight: string
/** 1=男 2=女 */
sex: number
} }
/** 身份证解析结果 */ /** 身份证解析结果 */
@@ -80,8 +82,9 @@ interface ExistingMember {
} }
/** /**
* 添加/编辑用户页 * 添加用户页
* URL 参数含 userId 时为编辑模式，隐藏「从已有用户中选择」按钮并预填表单 * 员工 tab：员工编号查询 → 回填信息 → 补充身高体重
* 家庭 tab：昵称/身份证/性别/出生年月/身高体重
*/ */
Page({ Page({
data: { data: {
@@ -99,22 +102,31 @@ Page({
gender: '', gender: '',
age: '', age: '',
height: '', height: '',
weight: '' weight: '',
sex: 0,
} as MemberForm, } as MemberForm,
/** 出生年月（家庭用户 date picker） */
birthday: '',
/** 从抽屉选中的完整用户数据，提交时作为 base spread */ /** 从抽屉选中的完整用户数据，提交时作为 base spread */
selectedMember: null as ExistingMember | null, selectedMember: null as ExistingMember | null,
showSelectDrawer: false, showSelectDrawer: false,
/** 正在请求身份证查询接口 */ /** 正在请求身份证查询接口 */
querying: false, querying: false,
/** 是否已完成一次身份证查询（成功 200 即视为完成，无论 result 是否为 null） */ /** 是否已完成一次身份证查询 */
hasQueried: false, hasQueried: false,
/** 接口返回的用户信息，姓名 + 身份证联动校正性别年龄 */ /** 接口返回的用户信息 */
serverResult: null as UserInfoFromServer | null, serverResult: null as UserInfoFromServer | null,
/** 表单只读状态（code=101 时置为 true） */ /** 表单只读状态（code=101 时置为 true） */
readonly: false, readonly: false,
/** 是否显示确认弹框 */ /** 是否显示确认弹框 */
showConfirmModal: false, showConfirmModal: false,
/** 员工编号是否已查询 */
employeeQueried: false,
/** 员工编号查询是否未找到 */
employeeNotFound: false,
}, },
onLoad(options: Record<string, string>) { onLoad(options: Record<string, string>) {
@@ -141,24 +153,52 @@ Page({
}) })
}, },
/** tabs 切换 */ /** tabs 切换：清空查询结果、重置表单只读状态 */
onTabTap(e: WechatMiniprogram.TouchEvent) { onTabTap(e: WechatMiniprogram.TouchEvent) {
const tab = e.currentTarget.dataset.value as string const tab = e.currentTarget.dataset.value as string
this.setData({ userType: tab as 'employee' | 'family' }) this.setData({
userType: tab as 'employee' | 'family',
employeeQueried: false,
employeeNotFound: false,
readonly: false,
hasQueried: false,
serverResult: null,
'form.workNo': '',
'form.name': '',
'form.idCard': '',
'form.gender': '',
'form.age': '',
'form.height': '',
'form.weight': '',
'form.sex': 0,
birthday: '',
selectedMember: null,
})
}, },
/** 员工编号变更即清空查询状态 */
onWorkNoInput(e: WechatMiniprogram.Input) { onWorkNoInput(e: WechatMiniprogram.Input) {
this.setData({ 'form.workNo': e.detail.value }) this.setData({
'form.workNo': e.detail.value,
employeeQueried: false,
employeeNotFound: false,
'form.name': '',
'form.gender': '',
'form.age': '',
'form.height': '',
'form.weight': '',
})
}, },
/** 员工编号查询（API 预留） */
onQueryEmployee() { onQueryEmployee() {
const workNo = this.data.form.workNo.trim() const workNo = this.data.form.workNo.trim()
if (!workNo) { if (!workNo) {
wx.showToast({ title: '请填写员工编号', icon: 'none' }) wx.showToast({ title: '请填写员工编号', icon: 'none' })
return return
} }
// TODO: 调用员工编号查询接口 // TODO: 接入员工编号查询接口
wx.showToast({ title: '员工编号查询功能待实现', icon: 'none' }) wx.showToast({ title: '查询功能暂未开放', icon: 'none' })
}, },
onNameInput(e: WechatMiniprogram.Input) { onNameInput(e: WechatMiniprogram.Input) {
@@ -191,6 +231,21 @@ Page({
} }
}, },
/** 家庭用户性别切换 */
onGenderTap(e: WechatMiniprogram.TouchEvent) {
const value = e.currentTarget.dataset.value as string
const sex = value === '男' ? 1 : 2
this.setData({
'form.gender': value,
'form.sex': sex,
})
},
/** 出生年月变更 */
onBirthdayChange(e: WechatMiniprogram.PickerChange) {
this.setData({ birthday: e.detail.value as string })
},
onHeightInput(e: WechatMiniprogram.Input) { onHeightInput(e: WechatMiniprogram.Input) {
this.setData({ 'form.height': e.detail.value }) this.setData({ 'form.height': e.detail.value })
}, },
@@ -199,6 +254,20 @@ Page({
this.setData({ 'form.weight': e.detail.value }) this.setData({ 'form.weight': e.detail.value })
}, },
/** 从生日字符串计算周岁 */
calcAge(birthday: string): number {
if (!birthday) return 0
const parts = birthday.split('-').map(Number)
const [year, month, day] = parts
if (!year || !month || !day) return 0
const now = new Date()
let age = now.getFullYear() - year
const nowMonth = now.getMonth() + 1
const nowDay = now.getDate()
if (nowMonth < month || (nowMonth === month && nowDay < day)) age -= 1
return Math.max(0, age)
},
/** /**
* 校验身份证格式：18 位，前 17 位数字，末位数字或 X * 校验身份证格式：18 位，前 17 位数字，末位数字或 X
*/ */
@@ -233,10 +302,7 @@ Page({
}, },
/** /**
* 调用服务端接口校验身份证与姓名，成功后用接口返回的身份证重新计算性别年龄 * 调用服务端接口校验身份证与姓名
* result 为 null 视为「查无此人」，标记 hasQueried 允许新增提交
* result.code 101 视为「信息已存在」，弹框提示并锁定表单
* result.code 102 视为正常，走原有逻辑
*/ */
fetchUserInfoByIdCard(name: string, idCard: string) { fetchUserInfoByIdCard(name: string, idCard: string) {
if (this.data.querying) return if (this.data.querying) return
@@ -250,8 +316,7 @@ Page({
.then(res => { .then(res => {
const serverResult = res.result const serverResult = res.result
if (!serverResult) { if (!serverResult) {
// 查无此人：用本地身份证解析补偿性别年龄 wx.showToast({
wx.showToast({
title: res.message || '未查询到用户信息', title: res.message || '未查询到用户信息',
icon: 'none' icon: 'none'
}) })
@@ -297,7 +362,7 @@ Page({
} }
}) })
.catch(() => { .catch(() => {
// 查询失败保留本地解析结果，hasQueried 维持 false 以便用户重试时再次触发 // 查询失败保留本地解析结果，hasQueried 维持 false
}) })
.finally(() => { .finally(() => {
this.setData({ querying: false }) this.setData({ querying: false })
@@ -349,7 +414,8 @@ Page({
gender: '', gender: '',
age: '', age: '',
height: '', height: '',
weight: '' weight: '',
sex: 0,
} }
}) })
}, },
@@ -359,68 +425,75 @@ Page({
}, },
onSubmit() { onSubmit() {
const { name, idCard, gender, age, height, weight } = this.data.form const { name, idCard, gender, height, weight, sex } = this.data.form
const { isEdit, userType } = this.data
const heightNum = parseFloat(height) const heightNum = parseFloat(height)
const weightNum = parseFloat(weight) const weightNum = parseFloat(weight)
if (!name.trim()) { if (userType === 'employee') {
wx.showToast({ title: '请填写姓名', icon: 'none' }) // 员工：必须查询成功
return if (!this.data.employeeQueried || this.data.employeeNotFound) {
} wx.showToast({ title: '请先查询员工信息', icon: 'none' })
if (idCard.length !== 18) { return
wx.showToast({ title: '请填写正确的身份证号', icon: 'none' }) }
return if (!height || isNaN(heightNum) || heightNum <= 0) {
} wx.showToast({ title: '请填写身高', icon: 'none' })
if (!gender || !age) { return
wx.showToast({ title: '身份证号有误，请检查', icon: 'none' }) }
return } else {
} // 家庭用户
if (!height || isNaN(heightNum) || heightNum <= 0) { if (!name.trim()) {
wx.showToast({ title: '请填写身高', icon: 'none' }) wx.showToast({ title: '请填写昵称', icon: 'none' })
return return
} }
if (!weight || isNaN(weightNum) || weightNum <= 0) { if (!gender) {
wx.showToast({ title: '请填写体重', icon: 'none' }) wx.showToast({ title: '请选择性别', icon: 'none' })
return return
} }
if (!this.data.hasQueried) { if (!this.data.birthday.trim()) {
wx.showToast({ title: this.data.querying ? '身份信息验证中，请稍候' : '请检查姓名与身份证号', icon: 'none' }) wx.showToast({ title: '请填写出生年月', icon: 'none' })
return return
}
if (!height || isNaN(heightNum) || heightNum <= 0) {
wx.showToast({ title: '请填写身高', icon: 'none' })
return
}
} }
const parsed = this.parseIdCard(idCard)
const userInfo = wx.getStorageSync('userInfo') const userInfo = wx.getStorageSync('userInfo')
const connectDeviceInfoRaw = wx.getStorageSync('connectDeviceInfo') const connectDeviceInfoRaw = wx.getStorageSync('connectDeviceInfo')
const serverResult = this.data.serverResult const serverResult = this.data.serverResult
// selectedMember(抽屉选中) → serverResult(接口校验，可能为 null) → 表单/本地解析(用户输入) 依次覆盖 const baseSpread = userType === 'family' ? (this.data.selectedMember ?? {}) : {}
const birthday = userType === 'family' ? this.data.birthday : ''
const finalSex = userType === 'family' ? sex : this.data.form.sex
const payload: Record<string, any> = { const payload: Record<string, any> = {
...(this.data.selectedMember ?? {}), ...(baseSpread),
...(serverResult ?? {}), ...(serverResult ?? {}),
dataType: userType === 'family' ? 1 : 0,
parentUserId: userInfo?.userId ?? '', parentUserId: userInfo?.userId ?? '',
sn: lefuService.deviceInfo?.serialNumber ?? '', sn: lefuService.deviceInfo?.serialNumber ?? '',
scaleDeviceId: lefuService.deviceInfo?.serialNumber ?? '', scaleDeviceId: lefuService.deviceInfo?.serialNumber ?? '',
workNo: this.data.form.workNo.trim(),
realname: name.trim(), realname: name.trim(),
idCard, idCard,
sex: parsed.sex, sex: finalSex,
birthday: parsed.birthday, birthday,
height: heightNum, height: heightNum,
weight: weightNum, weight: isNaN(weightNum) ? 0 : weightNum,
connectDeviceInfo: connectDeviceInfoRaw ? JSON.stringify(connectDeviceInfoRaw) : '', connectDeviceInfo: connectDeviceInfoRaw ? JSON.stringify(connectDeviceInfoRaw) : '',
} }
if (this.data.isEdit) { if (isEdit) {
payload.id = this.data.userId payload.id = this.data.userId
} }
const successMsg = this.data.isEdit ? '保存成功' : '添加成功' const successMsg = isEdit ? '保存成功' : '添加成功'
const failMsg = this.data.isEdit ? '保存失败，请重试' : '添加失败，请重试' const failMsg = isEdit ? '保存失败，请重试' : '添加失败，请重试'
put('weighingScale/v3/edit/user', payload) put('weighingScale/v3/edit/user', payload)
.then(() => { .then(() => {
wx.showToast({ title: successMsg, icon: 'success' }) wx.showToast({ title: successMsg, icon: 'success' })
setTimeout(() => { setTimeout(() => {
// 通知上一页（equipmentMember）刷新用户列表
const pages = getCurrentPages() const pages = getCurrentPages()
const prevPage = pages[pages.length - 2] as any const prevPage = pages[pages.length - 2] as any
if (prevPage && prevPage.data?.sn) { if (prevPage && prevPage.data?.sn) {
miniprogram/pages/addMember/addMember.wxml
+131 -60
View File
@@ -9,84 +9,155 @@
<view class="form"> <view class="form">
<scroll-view scroll-y class="scrollView"> <scroll-view scroll-y class="scrollView">
<view class="scrollViewContent"> <view class="scrollViewContent">
<!-- 顶部胶囊式 tabs -->
<view class="tabsDom"> <view class="tabsDom">
<view class="tabs"> <view class="tabs">
<view class="tab-item active">员工</view> <view class="tab-item {{ userType === 'employee' ? 'active' : '' }}" bind:tap="onTabTap" data-value="employee">员工</view>
<view class="tab-item">家庭用户</view> <view class="tab-item {{ userType === 'family' ? 'active' : '' }}" bind:tap="onTabTap" data-value="family">家庭用户</view>
</view> </view>
</view> </view>
<view class="selectWorkNo">
<view class="form-row"> <!-- ========== 员工 tab ========== -->
<view class="form-label"> <block wx:if="{{ userType === 'employee' }}">
<text class="label-text">员工编号</text> <!-- 员工编号输入 + 查询按钮 -->
<text class="label-star">*</text> <view class="selectWorkNo">
</view> <view class="form-row">
<view class="form-control"> <view class="form-label">
<view class="form-input-wrap"> <text class="label-text">员工编号</text>
<input class="form-input" type="number" placeholder="请填写员工编号" placeholder-class="form-placeholder" /> <text class="label-star">*</text>
</view>
<view class="form-control">
<input class="form-input" type="number" placeholder="请填写员工编号" placeholder-class="form-placeholder" value="{{ form.workNo }}" bind:input="onWorkNoInput" />
</view> </view>
</view> </view>
<view class="selectWorkNoBtn" bind:tap="onQueryEmployee">确认查询</view>
</view> </view>
<view class="selectWorkNoBtn">确认查询</view> <!-- 未查询 -->
</view> <view class="workNoDesc" wx:if="{{ !employeeQueried }}">输入员工编号后自动查询员工信息</view>
<!-- <view class="workNoDesc">输入员工编号后自动查询员工信息</view>
<view class="workNoNull">未查询到员工信息，请确认员工编号是否正确</view> --> <!-- 查询未找到 -->
<view class="workNoInfo"> <view class="workNoNull" wx:if="{{ employeeQueried && employeeNotFound }}">未查询到员工信息，请确认员工编号是否正确</view>
<view class="workNoInfo_">
<view class="workNoInfoTitle">用户信息</view> <!-- 查询成功 -->
<view class="workNoInfoContent"> <view class="workNoInfo" wx:if="{{ employeeQueried && !employeeNotFound }}">
<view> <view class="workNoInfo_">
<view class="form-row"> <view class="workNoInfoTitle">用户信息</view>
<view class="form-label"> <view class="workNoInfoContent">
<text class="label-text">姓名</text> <view>
<view class="form-row">
<view class="form-label"><text class="label-text">姓名</text></view>
<view class="form-control">
<view class="form-readonly"><text class="readonly-text">{{ form.name }}</text></view>
</view>
</view> </view>
<view class="form-control"> <view class="form-row">
<view class="form-readonly"> <view class="form-label"><text class="label-text">单位</text></view>
<text class="readonly-text">{{ form.name }}</text> <view class="form-control">
<view class="form-readonly"><text class="readonly-text">{{ form.workNo }}</text></view>
</view> </view>
</view> </view>
</view> </view>
<view class="form-row"> <view>
<view class="form-label"> <view class="form-row" style="margin-bottom: 0;">
<text class="label-text">单位</text> <view class="form-label"><text class="label-text">性别</text></view>
<view class="form-control">
<view class="form-readonly"><text class="readonly-text">{{ form.gender }}</text></view>
</view>
</view> </view>
<view class="form-control"> <view class="form-row">
<view class="form-readonly"> <view class="form-label"><text class="label-text">年龄</text></view>
<text class="readonly-text">{{ form.name }}</text> <view class="form-control">
<view class="form-readonly"><text class="readonly-text">{{ form.age }}</text></view>
</view> </view>
</view> </view>
</view> </view>
</view> </view>
<view> </view>
<view class="form-row" style="margin-bottom: 0;"> <view class="workNoInfo_">
<view class="form-label"> <view class="workNoInfoTitle">补充信息</view>
<text class="label-text">性别</text> <view class="workNoInfoContent">
</view> <view>
<view class="form-control"> <view class="form-row" style="margin-bottom: 0;">
<view class="form-readonly"> <view class="form-label">
<text class="readonly-text">{{ form.name }}</text> <text class="label-text">身高</text>
<text class="label-star">*</text>
</view>
<view class="form-control">
<view class="form-input-wrap">
<input class="form-input form-input-with-suffix" type="digit" maxlength="5" placeholder="请填写身高" placeholder-class="form-placeholder" value="{{ form.height }}" bind:input="onHeightInput" />
<text class="form-suffix form-suffix-inside">cm</text>
</view>
</view> </view>
</view> </view>
</view> <view class="form-row">
<view class="form-row"> <view class="form-label"><text class="label-text">体重</text></view>
<view class="form-label"> <view class="form-control">
<text class="label-text">年龄</text> <view class="form-input-wrap">
</view> <input class="form-input form-input-with-suffix" type="digit" maxlength="6" placeholder="请填写体重" placeholder-class="form-placeholder" value="{{ form.weight }}" bind:input="onWeightInput" />
<view class="form-control"> <text class="form-suffix form-suffix-inside">kg</text>
<view class="form-readonly"> </view>
<text class="readonly-text">{{ form.name }}</text>
</view> </view>
</view> </view>
</view> </view>
</view> </view>
</view> </view>
</view> </view>
<view class="workNoInfo_"> </block>
<view class="workNoInfoTitle">补充信息</view>
<view class="workNoInfoContent"> <!-- ========== 家庭用户 tab ========== -->
<view> <block wx:else>
<view class="form-row" style="margin-bottom: 0;"> <view class="familyInfo">
<view class="familyInfo_">
<!-- 昵称 -->
<view class="form-row">
<view class="form-label">
<text class="label-text">昵称</text>
<text class="label-star">*</text>
</view>
<view class="form-control">
<input class="form-input" type="text" maxlength="20" placeholder="请填写昵称" placeholder-class="form-placeholder" value="{{ form.name }}" disabled="{{ readonly }}" bind:input="onNameInput" />
</view>
</view>
<!-- 身份证号码 -->
<view class="form-row">
<view class="form-label"><text class="label-text">身份证号</text></view>
<view class="form-control">
<input class="form-input" type="idcard" maxlength="18" placeholder="请填写身份证号" placeholder-class="form-placeholder" value="{{ form.idCard }}" disabled="{{ readonly }}" bind:input="onIdCardInput" />
</view>
</view>
<!-- 性别（左右切换） -->
<view class="form-row">
<view class="form-label">
<text class="label-text">性别</text>
<text class="label-star">*</text>
</view>
<view class="form-control">
<view class="gender-toggle">
<view class="gender-option {{ form.gender === '男' ? 'gender-option-active' : '' }}" data-value="男" bind:tap="onGenderTap">男</view>
<view class="gender-option {{ form.gender === '女' ? 'gender-option-active' : '' }}" data-value="女" bind:tap="onGenderTap">女</view>
</view>
</view>
</view>
<!-- 出生年月 -->
<view class="form-row">
<view class="form-label">
<text class="label-text">出生年月</text>
<text class="label-star">*</text>
</view>
<view class="form-control">
<picker mode="date" value="{{ birthday }}" bindchange="onBirthdayChange">
<view class="form-picker {{ birthday ? '' : 'form-picker-placeholder' }}">{{ birthday || '请选择出生年月' }}</view>
</picker>
</view>
</view>
<!-- 身高 + 体重 同行 -->
<view class="form-row-inline">
<view class="form-row-half">
<view class="form-label"> <view class="form-label">
<text class="label-text">身高</text> <text class="label-text">身高</text>
<text class="label-star">*</text> <text class="label-star">*</text>
@@ -98,10 +169,8 @@
</view> </view>
</view> </view>
</view> </view>
<view class="form-row"> <view class="form-row-half">
<view class="form-label"> <view class="form-label"><text class="label-text">体重</text></view>
<text class="label-text">体重</text>
</view>
<view class="form-control"> <view class="form-control">
<view class="form-input-wrap"> <view class="form-input-wrap">
<input class="form-input form-input-with-suffix" type="digit" maxlength="6" placeholder="请填写体重" placeholder-class="form-placeholder" value="{{ form.weight }}" bind:input="onWeightInput" /> <input class="form-input form-input-with-suffix" type="digit" maxlength="6" placeholder="请填写体重" placeholder-class="form-placeholder" value="{{ form.weight }}" bind:input="onWeightInput" />
@@ -111,14 +180,16 @@
</view> </view>
</view> </view>
</view> </view>
<!-- 从已有用户中选择 -->
<view class="ghost-btn" wx:if="{{ !isEdit }}" bind:tap="onTapSelectExisting">从已有用户中选择</view>
</view> </view>
</view> </block>
<view class="familyInfo"></view>
</view> </view>
</scroll-view> </scroll-view>
</view> </view>
<!-- 底部双按钮:取消 / 保存用户信息 --> <!-- 底部双按钮 -->
<view class="actions"> <view class="actions">
<view class="btn-cancel" bind:tap="onCancel">取消</view> <view class="btn-cancel" bind:tap="onCancel">取消</view>
<view class="btn-primary" bind:tap="onSubmit">保存用户信息</view> <view class="btn-primary" bind:tap="onSubmit">保存用户信息</view>