parking_pda/pages/modifypwd/modifypwd.vue

<template>
	<view>
		<u-navbar
		 title="修改密码" 
		 title-color="#fff" 
		 :custom-back="customBack" 
		 :border-bottom="false" 
		 back-icon-color="#CCE8FF" 
		 :background="{background: 'linear-gradient(145deg, #41AFF9 0%, #2D8CFB 100%)' }"></u-navbar>
		<u-form :model="form" ref="uForm">
			<u-form-item class="u-m-t-40 u-m-b-40" label="原密码：" label-width="180rpx">
				<u-input v-model="form.oldPassword" placeholder="请输入原密码"/>
			</u-form-item>
			<u-form-item label="新密码：" label-width="180rpx">
				<u-input v-model="form.newPassword" placeholder="请输入新密码" />
			</u-form-item>
			<u-form-item label="确认新密码：" label-width="180rpx">
				<u-input v-model="form.confirmPassword" placeholder="请再次输入新密码"/>
			</u-form-item>
		</u-form>
		<u-button class="submit-btn" @click="submit">确认修改</u-button>
		
		<u-toast ref="uToast" />
	</view>
</template>

<script>
	export default{
		data(){
			return{
				form:{
					oldPassword:null,
					newPassword:null,
					confirmPassword:null,
				}
			}
		},
		onLoad(){
			
		},
		methods:{
			customBack(){
				this.$u.route({
					// type:'switchTab',
					url: 'pages/setting/setting'
				});
			},
			submit(){
				let param = {
					oldPassword:this.form.oldPassword,
					newPassword:this.form.newPassword,
					confirmPassword:this.form.confirmPassword
				};
				this.$u.api.modifyPwd(param)
				.then(res=>{
					this.$refs.uToast.show({
						title: res.msg,
						type: 'success',
						url:'pages/index/index'
					});
					console.log('modifyPwd',res)
				}).catch(err=>{
					this.$refs.uToast.show({
						title: err.msg,
						type: 'error',
					});
					console.log('modifyPwd ',err)
				});
			}
			
		}
	}
</script>

<style lang="scss" scoped>
	page{background-color: #F4F4F4;}
	.u-form-item{background-color: #fff;padding-left: 40rpx;padding-right: 40rpx;}
	.submit-btn{background-color: #3397FA;color: #fff;border: 0;margin: 274rpx 40rpx 40rpx;}
	// @import "./modifypwd.scss";
</style>