135 lines
4.6 KiB
Vue
135 lines
4.6 KiB
Vue
<template>
|
|
<view class="wrapper" v-if="isedit">
|
|
<view class="bg" @click="onTap">
|
|
<view class="edit" @click.stop>
|
|
<view class="title">
|
|
健康资料
|
|
</view>
|
|
<!-- -->
|
|
<view class="editem">
|
|
<view class="name">性别</view>
|
|
<view class="radio mr-10" @click="selectsex(1)">
|
|
<icon class="iconfont radioimg" :class="[info.sex==1?'icon-radio':'icon-kongradio']">
|
|
</icon>
|
|
<view class="ml-10">男</view>
|
|
</view>
|
|
<view class="radio" @click="selectsex(2)">
|
|
<icon class="iconfont radioimg" :class="[info.sex==2?'icon-radio':'icon-kongradio']">
|
|
</icon>
|
|
<view class="ml-10">女</view>
|
|
</view>
|
|
</view>
|
|
<!-- -->
|
|
<view class="editem">
|
|
<view class="name">身高</view>
|
|
<view class="right">
|
|
<input type="digit" v-model="info.height" placeholder="请输入身高" />cm
|
|
</view>
|
|
</view>
|
|
<view class="editem">
|
|
<view class="name">出生日期</view>
|
|
<view class="right">
|
|
<picker mode="date" :end="endDate" class="f-r" :value="info.birthday" @change="onBirthdayArr">
|
|
<view class="uni-input">{{info.birthday?info.birthday:"请选择"}}
|
|
<icon class="iconfont icon-arrow-down"></icon>
|
|
</view>
|
|
</picker>
|
|
</view>
|
|
</view>
|
|
<view class="tips">
|
|
请准确填写信息方便我们给您更精确的报告
|
|
</view>
|
|
<view class="btn mt-15" @click="handleCloseClick">保存信息</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
import {
|
|
mapState
|
|
} from "vuex";
|
|
export default {
|
|
data() {
|
|
return {
|
|
info: {
|
|
height: "",
|
|
birthday: "",
|
|
sex: 0,
|
|
},
|
|
ageArr: [],
|
|
}
|
|
},
|
|
computed: {
|
|
...mapState(["user", "isedit"]),
|
|
userInfo: function() {
|
|
return this.user
|
|
},
|
|
endDate() {
|
|
return this.$tools.getDate("start")
|
|
}
|
|
},
|
|
mounted() {
|
|
var agedata = []
|
|
for (var i = 12; i <= 80; i++) {
|
|
agedata.push(i);
|
|
}
|
|
this.ageArr = agedata
|
|
this.info = this.user
|
|
},
|
|
methods: {
|
|
onTap() {
|
|
// this.isHeight = false
|
|
// this.slideheight = this.userInfo.height
|
|
// this.$store.commit("changeEdit", false);
|
|
},
|
|
// 性别切换
|
|
selectsex(e) {
|
|
this.info.sex = e
|
|
},
|
|
// 出生日期
|
|
onBirthdayArr(e) {
|
|
this.info.birthday = e.target.value
|
|
},
|
|
// 提交、
|
|
handleCloseClick() {
|
|
let that = this
|
|
if (!that.info.sex) {
|
|
that.$tools.msg("请选择性别")
|
|
return
|
|
}
|
|
if (!that.info.height) {
|
|
that.$tools.msg("请选择身高")
|
|
return
|
|
}
|
|
if (!that.info.birthday) {
|
|
that.$tools.msg("请选择出生日期")
|
|
return
|
|
}
|
|
that.$store.commit("changeEdit", false);
|
|
that.getResult()
|
|
},
|
|
getResult() {
|
|
let that = this
|
|
that.$model.getResult({
|
|
birthday: that.userInfo.birthday,
|
|
familyid: that.userInfo.familyid,
|
|
height: that.userInfo.height,
|
|
sex: that.userInfo.sex,
|
|
}).then((res) => {
|
|
if (res.code == 0) {
|
|
that.$store.commit('changeMeasureResult', res.data)
|
|
that.$store.dispatch("getUserInfo", {
|
|
familyid: that.userInfo.familyid,
|
|
})
|
|
that.$store.dispatch("getFamilyList");
|
|
}
|
|
})
|
|
},
|
|
},
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
</style>
|