忘记密码 个人信息 登录
This commit is contained in:
shidongli
parent
a32a71cec7
commit
9f4c2ea8c5
167
pages/Aftersalesdetails/Aftersalesdetails.vue
Normal file
167
pages/Aftersalesdetails/Aftersalesdetails.vue
Normal file
@ -0,0 +1,167 @@
|
|||||||
|
<template>
|
||||||
|
<view class="app">
|
||||||
|
<view class="elderly">
|
||||||
|
<view class="wait">
|
||||||
|
请等待商家处理
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="content">
|
||||||
|
<view class="name">
|
||||||
|
退款信息
|
||||||
|
</view>
|
||||||
|
<view class="details">
|
||||||
|
<view class="detailslist">
|
||||||
|
<image src="../../static/shangpindingdan.png" mode=""></image>
|
||||||
|
<view class="model">
|
||||||
|
<view class="top">
|
||||||
|
<span>酒精棉片 200片</span>
|
||||||
|
<span>￥36.0</span>
|
||||||
|
</view>
|
||||||
|
<view class="bottom">
|
||||||
|
<span class="box">型号：酒精棉片 8盒</span>
|
||||||
|
<span class="box">×1</span>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="info">
|
||||||
|
<view>订单编号：1256585698545111</view>
|
||||||
|
<view>申请金额：￥36.0</view>
|
||||||
|
<view>退款原因：不想要了</view>
|
||||||
|
<view>申请时间：2022-10-13 11:50</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<view class="evaluate">
|
||||||
|
<view class="cancelorder">修改申请</view>
|
||||||
|
<view class="cancelorder " style="background: #4C7BC9;">撤销申请</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
|
||||||
|
}
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss">
|
||||||
|
.app {
|
||||||
|
padding: 3%;
|
||||||
|
height: 100vh;
|
||||||
|
font-size: 36rpx;
|
||||||
|
|
||||||
|
//按钮修改申请和撤销申请
|
||||||
|
.evaluate {
|
||||||
|
display: flex;
|
||||||
|
float: right;
|
||||||
|
margin-top: 40%;
|
||||||
|
font-size: 32rpx;
|
||||||
|
|
||||||
|
.cancelorder {
|
||||||
|
margin-left: 1%;
|
||||||
|
width: 216rpx;
|
||||||
|
height: 68rpx;
|
||||||
|
background: #E1AE3C;
|
||||||
|
border-radius: 26rpx;
|
||||||
|
text-align: center;
|
||||||
|
color: #ffffff;
|
||||||
|
line-height: 68rpx;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.content {
|
||||||
|
width: 95%;
|
||||||
|
height: 580rpx;
|
||||||
|
background: #FFFFFF;
|
||||||
|
box-shadow: 0px 9px 31px 9px rgba(0, 0, 0, 0.03);
|
||||||
|
border-radius: 20px;
|
||||||
|
margin: 10px auto;
|
||||||
|
|
||||||
|
.name {
|
||||||
|
width: 95%;
|
||||||
|
height: 90rpx;
|
||||||
|
font-size: 30rpx;
|
||||||
|
color: #969394;
|
||||||
|
line-height: 90rpx;
|
||||||
|
border-bottom: 1rpx solid #D8D4D4;
|
||||||
|
margin: 0 auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.info {
|
||||||
|
font-size: 32rpx;
|
||||||
|
margin: 3%;
|
||||||
|
color: #969394;
|
||||||
|
line-height: 48rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.details {
|
||||||
|
width: 95%;
|
||||||
|
height: 40%;
|
||||||
|
margin: 0 auto;
|
||||||
|
border-bottom: 1rpx solid #D8D4D4;
|
||||||
|
|
||||||
|
.detailslist {
|
||||||
|
display: flex;
|
||||||
|
|
||||||
|
image {
|
||||||
|
width: 182rpx;
|
||||||
|
height: 182rpx;
|
||||||
|
margin: 20rpx 0 0 20rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.model {
|
||||||
|
width: 70%;
|
||||||
|
margin: 30rpx 0 0 20rpx;
|
||||||
|
|
||||||
|
span {
|
||||||
|
font-size: 38rpx;
|
||||||
|
color: #000000;
|
||||||
|
}
|
||||||
|
|
||||||
|
span:nth-child(2) {
|
||||||
|
color: #969394;
|
||||||
|
float: right;
|
||||||
|
margin-right: 30rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.bottom {
|
||||||
|
margin-top: 20rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.box {
|
||||||
|
font-size: 35rpx;
|
||||||
|
color: #969394;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.elderly {
|
||||||
|
width: 95%;
|
||||||
|
height: 96rpx;
|
||||||
|
line-height: 96rpx;
|
||||||
|
color: #ffffff;
|
||||||
|
margin: 0 auto;
|
||||||
|
background: #4C7BC9;
|
||||||
|
box-shadow: 0rpx 9rpx 31rpx 9rpx rgba(0, 0, 0, 0.03);
|
||||||
|
border-radius: 20rpx;
|
||||||
|
|
||||||
|
.wait {
|
||||||
|
margin-left: 3%;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
74
pages/forgotPassword/forgotPassword.scss
Normal file
74
pages/forgotPassword/forgotPassword.scss
Normal file
@ -0,0 +1,74 @@
|
|||||||
|
.app {
|
||||||
|
height: 100vh;
|
||||||
|
padding: 20rpx 0;
|
||||||
|
|
||||||
|
.item {
|
||||||
|
font-size: 34rpx;
|
||||||
|
margin: 0 auto 20rpx;
|
||||||
|
width: 94%;
|
||||||
|
height: 100rpx;
|
||||||
|
line-height: 100rpx;
|
||||||
|
background-color: #fff;
|
||||||
|
box-shadow: 0px 9rpx 31rpx 9rpx rgba(0, 0, 0, 0.03);
|
||||||
|
border-radius: 20rpx;
|
||||||
|
position: relative;
|
||||||
|
|
||||||
|
.lefttext {
|
||||||
|
position: absolute;
|
||||||
|
top: 50%;
|
||||||
|
transform: translateY(-50%);
|
||||||
|
left: 3%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.righttext {
|
||||||
|
position: absolute;
|
||||||
|
top: 50%;
|
||||||
|
transform: translateY(-50%);
|
||||||
|
left: 18%;
|
||||||
|
height: 100rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.lefttext,
|
||||||
|
.righttext {
|
||||||
|
::v-deep .uni-input-input {
|
||||||
|
font-size: 34rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
::v-deep .uni-input-wrapper {
|
||||||
|
height: 100rpx;
|
||||||
|
line-height: 100rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
::v-deep .uni-input-placeholder {
|
||||||
|
line-height: 100rpx;
|
||||||
|
font-size: 34rpx;
|
||||||
|
font-weight: 400;
|
||||||
|
color: #C3C1C1;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.obtaincode {
|
||||||
|
text-align: center;
|
||||||
|
font-size: 36rpx;
|
||||||
|
color: #4C7BC9;
|
||||||
|
line-height: 100rpx;
|
||||||
|
position: absolute;
|
||||||
|
right: 5%;
|
||||||
|
top: 0%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.loginbtn {
|
||||||
|
width: 80%;
|
||||||
|
height: 100rpx;
|
||||||
|
text-align: center;
|
||||||
|
line-height: 100rpx;
|
||||||
|
background: #4C7BC9;
|
||||||
|
border-radius: 51rpx;
|
||||||
|
font-size: 41rpx;
|
||||||
|
color: #FFFFFF;
|
||||||
|
position: absolute;
|
||||||
|
top: 40%;
|
||||||
|
left: 10%;
|
||||||
|
}
|
||||||
|
}
|
||||||
123
pages/forgotPassword/forgotPassword.vue
Normal file
123
pages/forgotPassword/forgotPassword.vue
Normal file
@ -0,0 +1,123 @@
|
|||||||
|
<template>
|
||||||
|
<view class="app">
|
||||||
|
<view class="item">
|
||||||
|
<view class="lefttext">
|
||||||
|
输入新密码
|
||||||
|
</view>
|
||||||
|
<u-input class='righttext' style='left:30%' placeholder="请输入密码" maxlength="10" type="password"
|
||||||
|
:border="false" :password-icon="true" v-model="newpassword" />
|
||||||
|
</view>
|
||||||
|
<view class="item">
|
||||||
|
<view class="lefttext">
|
||||||
|
重复新密码
|
||||||
|
</view>
|
||||||
|
<u-input class='righttext' style='left:30%' placeholder="请再次输入密码" maxlength="10" type="password"
|
||||||
|
:border="false" :password-icon="true" v-model="password" />
|
||||||
|
</view>
|
||||||
|
<view class="item">
|
||||||
|
<view class="lefttext">
|
||||||
|
手机号
|
||||||
|
</view>
|
||||||
|
<input class="righttext" style='left:23%' type="text" placeholder="请输入" maxlength="11" v-model="phone"/>
|
||||||
|
</view>
|
||||||
|
<view class="item">
|
||||||
|
<view class="lefttext">
|
||||||
|
验证码
|
||||||
|
</view>
|
||||||
|
<input class="righttext" style='left:23%' type="text" placeholder="" maxlength="6" v-model="verification" />
|
||||||
|
<view class="obtaincode" :style="{'color':getCodeBtnColor}" @click.stop="getCode()">
|
||||||
|
{{getCodeText}}
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="loginbtn" @tap='pwdlogin'>
|
||||||
|
登录
|
||||||
|
</view>
|
||||||
|
<u-toast ref="uToast" />
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
<script>
|
||||||
|
import {
|
||||||
|
ForgotPassword
|
||||||
|
} from '../../api/forgotPassword/forgotPassword.js'
|
||||||
|
export default {
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
phone: '13678945620',
|
||||||
|
verification: '111111',
|
||||||
|
password: '',
|
||||||
|
newpassword: '',
|
||||||
|
getCodeText: '获取验证码', //获取验证码的文字
|
||||||
|
getCodeBtnColor: "#4C7BC9", //获取验证码的color
|
||||||
|
}
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
pwdlogin() {
|
||||||
|
ForgotPassword(this.phone, this.password, this.verification).then(res => {
|
||||||
|
if (this.password !== this.newpassword) {
|
||||||
|
this.$refs.uToast.show({
|
||||||
|
title: '密码输入不一致，请重新输入',
|
||||||
|
type: 'error',
|
||||||
|
duration: '1500'
|
||||||
|
})
|
||||||
|
} else {
|
||||||
|
this.$refs.uToast.show({
|
||||||
|
title: '密码修改成功',
|
||||||
|
type: 'success',
|
||||||
|
url: '/pages/login/login',
|
||||||
|
duration: '1500'
|
||||||
|
})
|
||||||
|
}
|
||||||
|
})
|
||||||
|
},
|
||||||
|
//点击获取验证码
|
||||||
|
getCode() {
|
||||||
|
uni.hideKeyboard() //隐藏已经显示的软键盘，如果软键盘没有显示则不做任何操作。
|
||||||
|
if (this.getCodeisWaiting) { //是否在倒计时中
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
if (!(/^1(3|4|5|6|7|8|9)\d{9}$/.test(this.phone))) { //校验手机号码是否有误
|
||||||
|
uni.showToast({
|
||||||
|
title: '请填写正确手机号码',
|
||||||
|
icon: "none"
|
||||||
|
});
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
this.getCodeText = "发送中..." //发送验证码
|
||||||
|
this.getCodeisWaiting = true;
|
||||||
|
this.getCodeBtnColor = "rgba(138,139,133,1)" //追加样式，修改颜色
|
||||||
|
//示例用定时器模拟请求效果
|
||||||
|
//setTimeout(()用于在指定的毫秒数后调用函数或计算表达式
|
||||||
|
setTimeout(() => {
|
||||||
|
uni.showToast({
|
||||||
|
title: '验证码已发送',
|
||||||
|
icon: "none"
|
||||||
|
}); //弹出提示框
|
||||||
|
// this.code = '1234'; //发送验证码，进行填入 示例默认1234，生产中请删除这一句。
|
||||||
|
this.setTimer(); //调用定时器方法
|
||||||
|
}, 1000)
|
||||||
|
},
|
||||||
|
//获取验证码的倒计时 setTimer： 需要每隔一段时间执行一件事的的时候就需要使用SetTimer函数
|
||||||
|
setTimer() {
|
||||||
|
let holdTime = 60; //定义变量并赋值
|
||||||
|
this.getCodeText = "重新获取(60)"
|
||||||
|
//setInterval（）是一个实现定时调用的函数，可按照指定的周期（以毫秒计）来调用函数或计算表达式。
|
||||||
|
//setInterval方法会不停地调用函数，直到 clearInterval被调用或窗口被关闭。
|
||||||
|
this.Timer = setInterval(() => {
|
||||||
|
if (holdTime <= 0) {
|
||||||
|
this.getCodeisWaiting = false;
|
||||||
|
this.getCodeBtnColor = "#4C7BC9";
|
||||||
|
this.getCodeText = "获取验证码"
|
||||||
|
clearInterval(this.Timer); //清除该函数
|
||||||
|
return; //返回前面
|
||||||
|
}
|
||||||
|
this.getCodeText = "重新获取(" + holdTime + ")"
|
||||||
|
holdTime--;
|
||||||
|
}, 1000)
|
||||||
|
},
|
||||||
|
},
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss">
|
||||||
|
@import "./forgotPassword.scss";
|
||||||
|
</style>
|
||||||
@ -3,6 +3,12 @@
|
|||||||
color: #C3C1C1;
|
color: #C3C1C1;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
height:100vh;
|
height:100vh;
|
||||||
|
.forget{
|
||||||
|
position: absolute;
|
||||||
|
top: 67%;
|
||||||
|
left: 10%;
|
||||||
|
color: #46ABD7;
|
||||||
|
}
|
||||||
.switch {
|
.switch {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
height: 100rpx;
|
height: 100rpx;
|
||||||
@ -29,7 +35,7 @@
|
|||||||
.loginphone {
|
.loginphone {
|
||||||
background-color: #fff;
|
background-color: #fff;
|
||||||
width: 80%;
|
width: 80%;
|
||||||
height: 162rpx;
|
height: 150rpx;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: 10%;
|
left: 10%;
|
||||||
top: 23%;
|
top: 23%;
|
||||||
@ -48,7 +54,7 @@
|
|||||||
|
|
||||||
.phone {
|
.phone {
|
||||||
padding-left: 40rpx;
|
padding-left: 40rpx;
|
||||||
height: 100%;
|
height: 150rpx;
|
||||||
box-shadow: 0px 9px 31px 9px rgba(0, 0, 0, 0.03);
|
box-shadow: 0px 9px 31px 9px rgba(0, 0, 0, 0.03);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@ -56,8 +62,9 @@
|
|||||||
.logincode {
|
.logincode {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: 10%;
|
left: 10%;
|
||||||
|
::v-deep .u-input{
|
||||||
|
border: 0;
|
||||||
|
}
|
||||||
|
|
||||||
::v-deep .u-input__input {
|
::v-deep .u-input__input {
|
||||||
padding-left: 20rpx;
|
padding-left: 20rpx;
|
||||||
@ -78,4 +85,5 @@
|
|||||||
top: 13%;
|
top: 13%;
|
||||||
left: 13%;
|
left: 13%;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -6,14 +6,26 @@
|
|||||||
<view class="loginphone">
|
<view class="loginphone">
|
||||||
<input class="phone" type="text" placeholder="手机号码" maxlength="11" v-model="phone" />
|
<input class="phone" type="text" placeholder="手机号码" maxlength="11" v-model="phone" />
|
||||||
</view>
|
</view>
|
||||||
<view class="logincode loginphone" style="top: 40%;">
|
<view class="logincode loginphone" style="top: 40%;" v-if='switchs'>
|
||||||
<u-input class='code phone' placeholder="密码" maxlength="10" v-model="password" type="password"
|
<u-input class='code phone' placeholder="密码" maxlength="10" v-model="password" type="password"
|
||||||
:border="true" :password-icon="true" />
|
:border="true" :password-icon="true" />
|
||||||
</view>
|
</view>
|
||||||
<view class="loginbtn" @tap='pwdlogin'>
|
<view class="logincode loginphone" style="top: 40%;" v-else>
|
||||||
|
<input class="code phone" type="text" placeholder="验证码" maxlength="6" v-model="verification" />
|
||||||
|
<view class="obtaincode get-code" :style="{'color':getCodeBtnColor}" @click.stop="getCode()">
|
||||||
|
{{getCodeText}}
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="loginbtn" @tap='pwdlogin' v-if='switchs'>
|
||||||
登录
|
登录
|
||||||
</view>
|
</view>
|
||||||
<view class="switch" @tap='goregister' style="left:55%">
|
<view class="loginbtn" @tap='verificationlogin' v-else>
|
||||||
|
登录
|
||||||
|
</view>
|
||||||
|
<view class="switch" @tap='switchs=!switchs'>
|
||||||
|
{{switchs?'切换手机验证码登录':'切换密码登录'}}
|
||||||
|
</view>
|
||||||
|
<view class="switch" @tap='goregister' style="left:55%" v-if="switchs">
|
||||||
没有账号,请先注册
|
没有账号,请先注册
|
||||||
</view>
|
</view>
|
||||||
<u-toast ref="uToast" />
|
<u-toast ref="uToast" />
|
||||||
@ -21,36 +33,40 @@
|
|||||||
</template>
|
</template>
|
||||||
<script>
|
<script>
|
||||||
import {
|
import {
|
||||||
appLoginpwd
|
appLoginpwd,
|
||||||
|
appLoginvfn
|
||||||
} from '../../api/login/index.js'
|
} from '../../api/login/index.js'
|
||||||
export default {
|
export default {
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
phone: '13645678913',
|
phone: '13645678913',
|
||||||
password: '123456',
|
password: '123456',
|
||||||
|
verification: '111111',
|
||||||
|
getCodeText: '获取验证码', //获取验证码的文字
|
||||||
|
getCodeBtnColor: "#4C7BC9", //获取验证码的color
|
||||||
|
getCodeisWaiting: false, //判断是否在倒计时中
|
||||||
|
switchs: false, //切换验证码 密码登录
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
//获取到传值
|
//获取到传值
|
||||||
onLoad(options) {},
|
onLoad(options) {
|
||||||
|
this.switchs = options.switchs
|
||||||
|
},
|
||||||
methods: {
|
methods: {
|
||||||
//密码登录
|
//验证码登录
|
||||||
pwdlogin() {
|
verificationlogin() {
|
||||||
appLoginpwd(this.phone, this.password).then(res => {
|
appLoginvfn(this.phone, this.verification).then(res => {
|
||||||
|
console.log(res)
|
||||||
if (res.code == 200) {
|
if (res.code == 200) {
|
||||||
if (res.data.registerFlag == false) {
|
if (res.data.registerFlag == false) {
|
||||||
uni.setStorage({
|
|
||||||
key: 'patientId',
|
|
||||||
data: res.data.patientId,
|
|
||||||
success: function() {
|
|
||||||
console.log('patientId保存成功');
|
|
||||||
}
|
|
||||||
});
|
|
||||||
this.$refs.uToast.show({
|
this.$refs.uToast.show({
|
||||||
title: res.data.message,
|
title: res.data.message,
|
||||||
type: 'success',
|
type: 'success',
|
||||||
|
url: '',
|
||||||
duration: '1500'
|
duration: '1500'
|
||||||
})
|
})
|
||||||
setTimeout(() => {
|
setInterval(() => {
|
||||||
|
//TODO
|
||||||
uni.switchTab({
|
uni.switchTab({
|
||||||
url: '/pages/homepage/homepage',
|
url: '/pages/homepage/homepage',
|
||||||
})
|
})
|
||||||
@ -62,6 +78,39 @@
|
|||||||
})
|
})
|
||||||
}
|
}
|
||||||
} else {
|
} else {
|
||||||
|
console.log(res)
|
||||||
|
this.$refs.uToast.show({
|
||||||
|
title: res.msg,
|
||||||
|
type: 'error'
|
||||||
|
})
|
||||||
|
}
|
||||||
|
})
|
||||||
|
},
|
||||||
|
//密码登录
|
||||||
|
pwdlogin() {
|
||||||
|
appLoginpwd(this.phone, this.password).then(res => {
|
||||||
|
if (res.code == 200) {
|
||||||
|
if (res.data.registerFlag == false) {
|
||||||
|
this.$refs.uToast.show({
|
||||||
|
title: res.data.message,
|
||||||
|
type: 'success',
|
||||||
|
url: '',
|
||||||
|
duration: '1500'
|
||||||
|
})
|
||||||
|
setInterval(() => {
|
||||||
|
//TODO
|
||||||
|
uni.switchTab({
|
||||||
|
url: '/pages/homepage/homepage',
|
||||||
|
})
|
||||||
|
}, 1500);
|
||||||
|
} else {
|
||||||
|
this.$refs.uToast.show({
|
||||||
|
title: res.data.message,
|
||||||
|
type: 'error'
|
||||||
|
})
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
console.log(res)
|
||||||
this.$refs.uToast.show({
|
this.$refs.uToast.show({
|
||||||
title: res.msg,
|
title: res.msg,
|
||||||
type: 'error'
|
type: 'error'
|
||||||
@ -75,14 +124,135 @@
|
|||||||
url: '/pages/register/register'
|
url: '/pages/register/register'
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
|
//点击获取验证码
|
||||||
|
getCode() {
|
||||||
|
uni.hideKeyboard() //隐藏已经显示的软键盘，如果软键盘没有显示则不做任何操作。
|
||||||
|
if (this.getCodeisWaiting) { //是否在倒计时中
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
if (!(/^1(3|4|5|6|7|8|9)\d{9}$/.test(this.phone))) { //校验手机号码是否有误
|
||||||
|
uni.showToast({
|
||||||
|
title: '请填写正确手机号码',
|
||||||
|
icon: "none"
|
||||||
|
});
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
this.getCodeText = "发送中..." //发送验证码
|
||||||
|
this.getCodeisWaiting = true;
|
||||||
|
this.getCodeBtnColor = "rgba(138,139,133,1)" //追加样式，修改颜色
|
||||||
|
//示例用定时器模拟请求效果
|
||||||
|
//setTimeout(()用于在指定的毫秒数后调用函数或计算表达式
|
||||||
|
setTimeout(() => {
|
||||||
|
uni.showToast({
|
||||||
|
title: '验证码已发送',
|
||||||
|
icon: "none"
|
||||||
|
}); //弹出提示框
|
||||||
|
// this.code = '1234'; //发送验证码，进行填入 示例默认1234，生产中请删除这一句。
|
||||||
|
this.setTimer(); //调用定时器方法
|
||||||
|
}, 1000)
|
||||||
|
},
|
||||||
|
//获取验证码的倒计时 setTimer： 需要每隔一段时间执行一件事的的时候就需要使用SetTimer函数
|
||||||
|
setTimer() {
|
||||||
|
let holdTime = 60; //定义变量并赋值
|
||||||
|
this.getCodeText = "重新获取(60)"
|
||||||
|
//setInterval（）是一个实现定时调用的函数，可按照指定的周期（以毫秒计）来调用函数或计算表达式。
|
||||||
|
//setInterval方法会不停地调用函数，直到 clearInterval被调用或窗口被关闭。
|
||||||
|
this.Timer = setInterval(() => {
|
||||||
|
if (holdTime <= 0) {
|
||||||
|
this.getCodeisWaiting = false;
|
||||||
|
this.getCodeBtnColor = "#4C7BC9";
|
||||||
|
this.getCodeText = "获取验证码"
|
||||||
|
clearInterval(this.Timer); //清除该函数
|
||||||
|
return; //返回前面
|
||||||
|
}
|
||||||
|
this.getCodeText = "重新获取(" + holdTime + ")"
|
||||||
|
holdTime--;
|
||||||
|
}, 1000)
|
||||||
|
},
|
||||||
|
doReg() {
|
||||||
|
// uni.hideKeyboard() //隐藏已经显示的软键盘，如果软键盘没有显示则不做任何操作。
|
||||||
|
// //模板示例部分验证规则
|
||||||
|
// if (!(/^1(3|4|5|6|7|8|9)\d{9}$/.test(this.phoneNumber))) { //校验手机号码
|
||||||
|
// uni.showToast({
|
||||||
|
// title: '请填写正确手机号码',
|
||||||
|
// icon: "none"
|
||||||
|
// });
|
||||||
|
// return false;
|
||||||
|
// }
|
||||||
|
// //示例验证码，实际使用中应为请求服务器比对验证码是否正确。
|
||||||
|
// if (this.code != 1234) {
|
||||||
|
// uni.showToast({
|
||||||
|
// title: '验证码不正确',
|
||||||
|
// icon: "none"
|
||||||
|
// });
|
||||||
|
// return false;
|
||||||
|
// }
|
||||||
|
// uni.showLoading({
|
||||||
|
// title: '提交中...'
|
||||||
|
// })
|
||||||
|
// //模板示例把用户注册信息储存在本地，实际使用中请替换为上传服务器。
|
||||||
|
// setTimeout(() => {
|
||||||
|
// uni.getStorage({
|
||||||
|
// key: 'UserList',
|
||||||
|
// success: (res) => {
|
||||||
|
// //增加记录，密码md5
|
||||||
|
// res.data.push({
|
||||||
|
// username: this.phoneNumber,
|
||||||
|
// passwd: md5(this.passwd)
|
||||||
|
// })
|
||||||
|
// uni.setStorage({
|
||||||
|
// key: 'UserList',
|
||||||
|
// data: res.data,
|
||||||
|
// success: function() {
|
||||||
|
// uni.hideLoading()
|
||||||
|
// uni.showToast({
|
||||||
|
// title: '注册成功',
|
||||||
|
// icon: "success"
|
||||||
|
// });
|
||||||
|
// setTimeout(function() {
|
||||||
|
// uni.navigateBack();
|
||||||
|
// }, 1000)
|
||||||
|
// }
|
||||||
|
// });
|
||||||
|
// },
|
||||||
|
// fail: (e) => {
|
||||||
|
// uni.hideLoading()
|
||||||
|
// console.log('error');
|
||||||
|
// //新建UserList
|
||||||
|
// uni.setStorage({
|
||||||
|
// key: 'UserList',
|
||||||
|
// data: [{
|
||||||
|
// username: this.phoneNumber,
|
||||||
|
// passwd: md5(this.passwd)
|
||||||
|
// }],
|
||||||
|
// success: function() {
|
||||||
|
// uni.hideLoading()
|
||||||
|
// uni.showToast({
|
||||||
|
// title: '注册成功',
|
||||||
|
// icon: "success"
|
||||||
|
// });
|
||||||
|
// setTimeout(function() {
|
||||||
|
// uni.navigateBack();
|
||||||
|
// }, 1000)
|
||||||
|
// },
|
||||||
|
// fail: function(e) {
|
||||||
|
// console.log('set error:' + JSON.stringify(e));
|
||||||
|
// }
|
||||||
|
// });
|
||||||
|
// }
|
||||||
|
// });
|
||||||
|
// }, 1000)
|
||||||
|
},
|
||||||
|
toLogin() {
|
||||||
|
// uni.hideKeyboard() //隐藏已经显示的软键盘，如果软键盘没有显示则不做任何操作。
|
||||||
|
// uni.redirectTo({
|
||||||
|
// url: 'login'
|
||||||
|
// }); //跳转到登录页
|
||||||
|
// uni.navigateBack(); //关闭当前页面，返回上一页面
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
},
|
},
|
||||||
toLogin() {
|
|
||||||
// uni.hideKeyboard() //隐藏已经显示的软键盘，如果软键盘没有显示则不做任何操作。
|
|
||||||
// uni.redirectTo({
|
|
||||||
// url: 'login'
|
|
||||||
// }); //跳转到登录页
|
|
||||||
// uni.navigateBack(); //关闭当前页面，返回上一页面
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
|||||||
77
pages/modify/modify.scss
Normal file
77
pages/modify/modify.scss
Normal file
@ -0,0 +1,77 @@
|
|||||||
|
.app {
|
||||||
|
background-color: #F4F5F7;
|
||||||
|
width: 100%;
|
||||||
|
height: 100vh;
|
||||||
|
color: #000000;
|
||||||
|
padding: 3%;
|
||||||
|
font-size: 36rpx;
|
||||||
|
|
||||||
|
.centercontent {
|
||||||
|
width: 99%;
|
||||||
|
height: 635rpx;
|
||||||
|
background: #FFFFFF;
|
||||||
|
box-shadow: 0rpx 9rpx 31rpx 9rpx rgba(0, 0, 0, 0.03);
|
||||||
|
border-radius: 20rpx;
|
||||||
|
margin: 0 auto;
|
||||||
|
|
||||||
|
.finish {
|
||||||
|
width: 217rpx;
|
||||||
|
font-size: 32rpx;
|
||||||
|
color: #FFFFFF;
|
||||||
|
height: 68rpx;
|
||||||
|
line-height: 68rpx;
|
||||||
|
text-align: center;
|
||||||
|
margin-top: 60%;
|
||||||
|
margin-left: 70%;
|
||||||
|
background: #4C7BC9;
|
||||||
|
border-radius: 26rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.content {
|
||||||
|
line-height: 100rpx;
|
||||||
|
|
||||||
|
.name {
|
||||||
|
margin-left: 5%;
|
||||||
|
height: 100rpx;
|
||||||
|
border-bottom: 1rpx solid #D8D4D4;
|
||||||
|
|
||||||
|
input {
|
||||||
|
font-size: 36rpx;
|
||||||
|
margin-top: -11%;
|
||||||
|
margin-left: 15%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.nursetype {
|
||||||
|
input {
|
||||||
|
margin-left: 25%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.Commodity {
|
||||||
|
line-height: 110rpx;
|
||||||
|
margin-left: 5%;
|
||||||
|
border-bottom: 1rpx solid #D8D4D4;
|
||||||
|
|
||||||
|
.picture {
|
||||||
|
vertical-align: middle;
|
||||||
|
margin-left: 60%;
|
||||||
|
width: 103rpx;
|
||||||
|
height: 103rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pictureA {
|
||||||
|
margin-left: 3%;
|
||||||
|
width: 18rpx;
|
||||||
|
height: 27rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.head {
|
||||||
|
line-height: 140rpx;
|
||||||
|
margin-left: 5%;
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -3,115 +3,104 @@
|
|||||||
<view class="centercontent">
|
<view class="centercontent">
|
||||||
<view class="Commodity">
|
<view class="Commodity">
|
||||||
头像
|
头像
|
||||||
<image class="picture" src="../../static/head portrait.png" mode=""></image>
|
<image class="picture" src="../../static/head.png" mode=""></image>
|
||||||
<image class="pictureA" src="../../static/jiantou.png" mode=""></image>
|
<image class="pictureA" src="../../static/jiantou.png" mode=""></image>
|
||||||
</view>
|
</view>
|
||||||
<view class="content">
|
<view class="content">
|
||||||
<view class="name">昵称：
|
<view class="name">昵称：
|
||||||
<input type="text" placeholder="请填写" />
|
<input type="text" placeholder="请输入" />
|
||||||
</view>
|
</view>
|
||||||
<view class="name">姓名：
|
<view class="name">姓名:
|
||||||
<input type="text" placeholder="请填写" />
|
<input type="text" placeholder="请输入" v-model="appPersonallist.patientName" />
|
||||||
</view>
|
</view>
|
||||||
<view class="name">电话：
|
<view class="name">电话：
|
||||||
<input type="text" placeholder="请填写" />
|
<input type="text" placeholder="请输入" v-model="appPersonallist.phone" />
|
||||||
</view>
|
</view>
|
||||||
<view class="name">地址：
|
<view class="name">地址：
|
||||||
<input type="text" placeholder="请填写" />
|
<input type="text" placeholder="请输入" v-model="appPersonallist.address" />
|
||||||
</view>
|
</view>
|
||||||
<view class="nursetype name">疾病类型：
|
<view class="nursetype name" style="border: none;" @tap="godisease">
|
||||||
<input type="text" placeholder="请填写" />
|
疾病类型:
|
||||||
|
<span class="" style="padding-left: 25rpx;text-overflow: ellipsis;"
|
||||||
|
v-for="(item,index) in patientDiseaseInfoList">
|
||||||
|
{{item.diseaseName}}
|
||||||
|
</span>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
</view>
|
</view>
|
||||||
<view class="finish">完成
|
<view class="finish" @tap="submit()">完成
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
|
import {
|
||||||
|
updateInformation,
|
||||||
|
} from '@/api/modify/modify.js';
|
||||||
|
import baseurl from '@/api/baseurl.js'
|
||||||
export default {
|
export default {
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
|
patientId: '',
|
||||||
|
appPersonallist: {
|
||||||
|
patientId: '',
|
||||||
|
patientName: '',
|
||||||
|
phone: '',
|
||||||
|
address: '',
|
||||||
|
cardNo: ' ',
|
||||||
|
areaCode: '',
|
||||||
|
headPictureUrl: '',
|
||||||
|
|
||||||
|
},
|
||||||
|
patientDiseaseInfoList: [], //获取个人信息
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
methods: {
|
onLoad(options) {
|
||||||
|
this.appPersonallist = JSON.parse(options.appPersonallist)
|
||||||
|
this.patientDiseaseInfoList = this.appPersonallist.patientDiseaseInfoList
|
||||||
|
this.patientDiseaseInfoList.forEach(e => {
|
||||||
|
e.id = e.diseaseId
|
||||||
|
})
|
||||||
|
console.log(this.patientDiseaseInfoList)
|
||||||
|
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
godisease() {
|
||||||
|
uni.navigateTo({
|
||||||
|
url: `/pages/disease/disease?diseaseInfoList=${JSON.stringify(this.patientDiseaseInfoList)}`,
|
||||||
|
})
|
||||||
|
},
|
||||||
|
submit() {
|
||||||
|
this.appPersonallist.patientDiseaseInfoList = this.patientDiseaseInfoList
|
||||||
|
updateInformation(this.appPersonallist).then(res => {
|
||||||
|
if (res.code == 200) {
|
||||||
|
uni.showToast({
|
||||||
|
title: '修改成功',
|
||||||
|
duration: 1500
|
||||||
|
});
|
||||||
|
that.show = false;
|
||||||
|
setTimeout(e => {
|
||||||
|
that.goodsList()
|
||||||
|
}, 1500)
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
},
|
||||||
|
//带参返回
|
||||||
|
onShow() {
|
||||||
|
let that = this
|
||||||
|
uni.$on('disease', function(data) {
|
||||||
|
that.patientDiseaseInfoList = JSON.parse(data.disease)
|
||||||
|
that.patientDiseaseInfoList.forEach(e => {
|
||||||
|
e.diseaseId = e.id
|
||||||
|
})
|
||||||
|
console.log(that.patientDiseaseInfoList)
|
||||||
|
})
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss">
|
<style lang="scss">
|
||||||
.app {
|
@import "./modify.scss"
|
||||||
background-color: #F4F5F7;
|
|
||||||
width: 100%;
|
|
||||||
height: 100vh;
|
|
||||||
color: #000000;
|
|
||||||
padding: 3%;
|
|
||||||
font-size: 36rpx;
|
|
||||||
|
|
||||||
.centercontent {
|
|
||||||
width: 99%;
|
|
||||||
height: 635rpx;
|
|
||||||
background: #FFFFFF;
|
|
||||||
box-shadow: 0rpx 9rpx 31rpx 9rpx rgba(0, 0, 0, 0.03);
|
|
||||||
border-radius: 20rpx;
|
|
||||||
margin: 0 auto;
|
|
||||||
|
|
||||||
.finish {
|
|
||||||
width: 217rpx;
|
|
||||||
font-size: 32rpx;
|
|
||||||
color: #FFFFFF;
|
|
||||||
height: 68rpx;
|
|
||||||
line-height: 68rpx;
|
|
||||||
text-align: center;
|
|
||||||
margin-top: 60%;
|
|
||||||
margin-left: 70%;
|
|
||||||
background: #4C7BC9;
|
|
||||||
border-radius: 26rpx;
|
|
||||||
}
|
|
||||||
|
|
||||||
.content {
|
|
||||||
line-height: 100rpx;
|
|
||||||
.name {
|
|
||||||
margin-left: 5%;
|
|
||||||
height: 100rpx;
|
|
||||||
border-bottom: 1rpx solid #D8D4D4;
|
|
||||||
input {
|
|
||||||
font-size: 36rpx;
|
|
||||||
margin-top: -11%;
|
|
||||||
margin-left: 15%;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.nursetype {
|
|
||||||
input {
|
|
||||||
margin-left: 25%;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.Commodity {
|
|
||||||
line-height: 110rpx;
|
|
||||||
margin-left: 5%;
|
|
||||||
border-bottom: 1rpx solid #D8D4D4;
|
|
||||||
.picture {
|
|
||||||
vertical-align: middle;
|
|
||||||
margin-left: 60%;
|
|
||||||
width: 103rpx;
|
|
||||||
height: 103rpx;
|
|
||||||
}
|
|
||||||
.pictureA {
|
|
||||||
margin-left: 3%;
|
|
||||||
width: 18rpx;
|
|
||||||
height: 27rpx;
|
|
||||||
}
|
|
||||||
.head {
|
|
||||||
line-height: 140rpx;
|
|
||||||
margin-left: 5%;
|
|
||||||
display: inline-block;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
115
pages/user/user.scss
Normal file
115
pages/user/user.scss
Normal file
@ -0,0 +1,115 @@
|
|||||||
|
.app {
|
||||||
|
padding: 0;
|
||||||
|
font-size: 35rpx;
|
||||||
|
height: 100vh;
|
||||||
|
|
||||||
|
.External {
|
||||||
|
width: 94%;
|
||||||
|
height: 100rpx;
|
||||||
|
line-height: 100rpx;
|
||||||
|
margin: 20rpx auto;
|
||||||
|
padding-left: 5%;
|
||||||
|
background: #FFFFFF;
|
||||||
|
box-shadow: 0px 9rpx 31rpx 9rpx rgba(0, 0, 0, 0.03);
|
||||||
|
border-radius: 20rpx;
|
||||||
|
position: relative;
|
||||||
|
|
||||||
|
.righttext {
|
||||||
|
position: absolute;
|
||||||
|
right: 12%;
|
||||||
|
top: 50%;
|
||||||
|
color: #969394;
|
||||||
|
transform: translateY(-50%);
|
||||||
|
}
|
||||||
|
|
||||||
|
image {
|
||||||
|
width: 18rpx;
|
||||||
|
height: 27rpx;
|
||||||
|
position: absolute;
|
||||||
|
right: 5%;
|
||||||
|
top: 50%;
|
||||||
|
transform: translateY(-50%);
|
||||||
|
}
|
||||||
|
|
||||||
|
.lefttext,
|
||||||
|
.righttext {
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.information {
|
||||||
|
width: 94%;
|
||||||
|
background: #FFFFFF;
|
||||||
|
box-shadow: 0px 9rpx 31rpx 9rpx rgba(0, 0, 0, 0.03);
|
||||||
|
border-radius: 20rpx;
|
||||||
|
position: absolute;
|
||||||
|
top: 18%;
|
||||||
|
left: 3%;
|
||||||
|
color: #000000;
|
||||||
|
padding-left: 5%;
|
||||||
|
overflow: hidden;
|
||||||
|
font-size: 35rpx;
|
||||||
|
|
||||||
|
.item {
|
||||||
|
// height: 110rpx;
|
||||||
|
line-height: 110rpx;
|
||||||
|
border-bottom: 1rpx solid #D8D4D4;
|
||||||
|
|
||||||
|
.address {
|
||||||
|
position: absolute;
|
||||||
|
height: 80rpx;
|
||||||
|
// font-size: 30rpx;
|
||||||
|
line-height: 40rpx;
|
||||||
|
display: inline-block;
|
||||||
|
width: 80%;
|
||||||
|
margin-left: 30rpx;
|
||||||
|
margin-top: 33rpx;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.user {
|
||||||
|
width: 100%;
|
||||||
|
height: 500rpx;
|
||||||
|
background: #4C7BC9;
|
||||||
|
position: relative;
|
||||||
|
color: #FFFFFF;
|
||||||
|
|
||||||
|
.modify {
|
||||||
|
font-size: 32rpx;
|
||||||
|
position: absolute;
|
||||||
|
right: 3%;
|
||||||
|
top: 22%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nickname {
|
||||||
|
position: absolute;
|
||||||
|
top: 26%;
|
||||||
|
left: 33%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.phone {
|
||||||
|
position: absolute;
|
||||||
|
top: 13%;
|
||||||
|
left: 33%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.img {
|
||||||
|
width: 150rpx;
|
||||||
|
height: 150rpx;
|
||||||
|
border-radius: 50%;
|
||||||
|
background: #F6F6F6;
|
||||||
|
position: absolute;
|
||||||
|
top: 10%;
|
||||||
|
left: 8%;
|
||||||
|
|
||||||
|
image {
|
||||||
|
width: 100rpx;
|
||||||
|
margin-left: 50%;
|
||||||
|
margin-top: 50%;
|
||||||
|
transform: translate(-50%, -50%);
|
||||||
|
height: 100rpx;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -5,28 +5,35 @@
|
|||||||
<image src="../../static/users.png" mode=""></image>
|
<image src="../../static/users.png" mode=""></image>
|
||||||
</view>
|
</view>
|
||||||
<view class="phone">
|
<view class="phone">
|
||||||
188****8888
|
电话：{{appPersonallist.phone}}
|
||||||
</view>
|
</view>
|
||||||
<view class="nickname">
|
<view class="nickname">
|
||||||
点此设置昵称
|
点此设置昵称
|
||||||
</view>
|
</view>
|
||||||
<view class="modify">
|
<view class="modify" @tap='updatainfo()'>
|
||||||
修改信息
|
修改信息
|
||||||
<u-icon name="arrow-right" color="#ffffff" size="32"></u-icon>
|
<u-icon name="arrow-right" color="#ffffff" size="32"></u-icon>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="information">
|
<view class="information">
|
||||||
<view class="item">
|
<view class="item">
|
||||||
姓名:
|
姓名：{{appPersonallist.patientName}}
|
||||||
</view>
|
</view>
|
||||||
<view class="item">
|
<view class="item">
|
||||||
电话:
|
电话：{{appPersonallist.phone}}
|
||||||
</view>
|
</view>
|
||||||
<view class="item">
|
<view class="item" style="height:100%">
|
||||||
地址:
|
<view class="" style="display: inline-block;">
|
||||||
|
地址:
|
||||||
|
</view>
|
||||||
|
<view class="address">
|
||||||
|
{{appPersonallist.address}}
|
||||||
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="item">
|
<view class="item" style="border:none;">
|
||||||
疾病类型:
|
疾病类型:<span style="padding-left: 25rpx;text-overflow: ellipsis;"
|
||||||
|
v-for="(item,index) in appPersonallist.patientDiseaseInfoList"
|
||||||
|
:key="index">{{item.diseaseName}}</span>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="External" style="margin: 200rpx auto 0;">
|
<view class="External" style="margin: 200rpx auto 0;">
|
||||||
@ -34,7 +41,7 @@
|
|||||||
积分:
|
积分:
|
||||||
</view>
|
</view>
|
||||||
<view class="righttext">
|
<view class="righttext">
|
||||||
100分
|
{{appPersonallist.integral}}
|
||||||
</view>
|
</view>
|
||||||
<image src="../../static/jiantou.png" mode=""></image>
|
<image src="../../static/jiantou.png" mode=""></image>
|
||||||
</view>
|
</view>
|
||||||
@ -58,118 +65,39 @@
|
|||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
|
import {
|
||||||
|
appPersonal,
|
||||||
|
} from '@/api/user/user.js';
|
||||||
|
import baseurl from '@/api/baseurl.js'
|
||||||
export default {
|
export default {
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
|
patientId: 46,
|
||||||
|
appPersonallist: [], //获取个人信息
|
||||||
|
}
|
||||||
|
|
||||||
};
|
},
|
||||||
|
onLoad(options) {
|
||||||
|
//获取传值
|
||||||
|
this.myInfo()
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
//获取个人信息
|
||||||
|
myInfo() {
|
||||||
|
appPersonal(this.patientId).then(res => {
|
||||||
|
console.log(res)
|
||||||
|
this.appPersonallist = res.data
|
||||||
|
})
|
||||||
|
},
|
||||||
|
updatainfo() {
|
||||||
|
console.log()
|
||||||
|
uni.navigateTo({
|
||||||
|
url: `/pages/modify/modify?appPersonallist=${JSON.stringify(this.appPersonallist)}`
|
||||||
|
})
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss">
|
<style lang="scss">
|
||||||
.app {
|
@import "./user.scss";
|
||||||
padding: 0;
|
|
||||||
font-size: 36rpx;
|
|
||||||
height: 100vh;
|
|
||||||
|
|
||||||
.External {
|
|
||||||
width: 94%;
|
|
||||||
height: 100rpx;
|
|
||||||
line-height: 100rpx;
|
|
||||||
margin: 20rpx auto;
|
|
||||||
padding-left: 5%;
|
|
||||||
background: #FFFFFF;
|
|
||||||
box-shadow: 0px 9rpx 31rpx 9rpx rgba(0, 0, 0, 0.03);
|
|
||||||
border-radius: 20rpx;
|
|
||||||
position: relative;
|
|
||||||
|
|
||||||
.righttext {
|
|
||||||
position: absolute;
|
|
||||||
right: 12%;
|
|
||||||
top: 50%;
|
|
||||||
color: #969394;
|
|
||||||
transform: translateY(-50%);
|
|
||||||
}
|
|
||||||
|
|
||||||
image {
|
|
||||||
width: 18rpx;
|
|
||||||
height: 27rpx;
|
|
||||||
position: absolute;
|
|
||||||
right: 5%;
|
|
||||||
top: 50%;
|
|
||||||
transform: translateY(-50%);
|
|
||||||
}
|
|
||||||
|
|
||||||
.lefttext,
|
|
||||||
.righttext {
|
|
||||||
display: inline-block;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.information {
|
|
||||||
width: 94%;
|
|
||||||
background: #FFFFFF;
|
|
||||||
box-shadow: 0px 9rpx 31rpx 9rpx rgba(0, 0, 0, 0.03);
|
|
||||||
border-radius: 20rpx;
|
|
||||||
position: absolute;
|
|
||||||
top: 18%;
|
|
||||||
left: 3%;
|
|
||||||
color: #000000;
|
|
||||||
padding-left: 5%;
|
|
||||||
overflow: hidden;
|
|
||||||
|
|
||||||
.item {
|
|
||||||
height: 110rpx;
|
|
||||||
line-height: 110rpx;
|
|
||||||
border-bottom: 1rpx solid #D8D4D4;
|
|
||||||
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.user {
|
|
||||||
width: 100%;
|
|
||||||
height: 500rpx;
|
|
||||||
background: #4C7BC9;
|
|
||||||
position: relative;
|
|
||||||
color: #FFFFFF;
|
|
||||||
|
|
||||||
.modify {
|
|
||||||
font-size: 32rpx;
|
|
||||||
position: absolute;
|
|
||||||
right: 3%;
|
|
||||||
top: 22%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.nickname {
|
|
||||||
position: absolute;
|
|
||||||
top: 26%;
|
|
||||||
left: 33%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.phone {
|
|
||||||
position: absolute;
|
|
||||||
top: 13%;
|
|
||||||
left: 33%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.img {
|
|
||||||
width: 150rpx;
|
|
||||||
height: 150rpx;
|
|
||||||
border-radius: 50%;
|
|
||||||
background: #F6F6F6;
|
|
||||||
position: absolute;
|
|
||||||
top: 10%;
|
|
||||||
left: 8%;
|
|
||||||
|
|
||||||
image {
|
|
||||||
width: 100rpx;
|
|
||||||
margin-left: 50%;
|
|
||||||
margin-top: 50%;
|
|
||||||
transform: translate(-50%, -50%);
|
|
||||||
height: 100rpx;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
BIN
static/head.png
Normal file
BIN
static/head.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.3 KiB |
Loading…
Reference in New Issue
Block a user