siyu_app/pages/auth/register.vue

<template>
	<view class="page">
		<view class="content">
			 <view class="pageTop  x-c">
				<view class="loginBox">
					 <view class="login-item">
						 <view class="input-account">
							 <input v-model="userName" placeholder="手机号" type="number" />
						 </view>
						 <view class="line"></view>
					 </view> 
					 
					 <view class="login-item">
						 <view class="input-pwd">
							 <input v-model="password"  placeholder="密码(6-15个字符)" type="password" />
						 </view>
						  <view class="line"></view>
					 </view> 
					 <view class="login-item">
						 <view class="input-pwd">
							 <input v-model="password1"  placeholder="确认密码" type="password" />
						 </view>
						  <view class="line"></view>
					 </view> 
				<!-- 	 <view class="login-item">
						 <view class="input-yzcode x-bc">
							 <input v-model="yzcode"  placeholder="验证码" type="number" ></input>
							 <view style="color:#666">获取验证码</view>
						 </view>
						  <view class="line"></view>
					 </view> -->
					 <view class="btns">
						 <view class="login-btn" @click="doRegister">注册</view>
					 </view>
				</view>
				
				<view class="checkbox">
					<view class="checkbox-icon" @tap="handleAgree">
						<image src="../../static/image/login/radio_default.png" v-show="!agree"></image>
						<image src="../../static/image/login/radio_choose.png" v-show="agree"></image>
					</view>
					<view>我已阅读并同意<text @tap="goToWeb(0)">《用户协议》</text><text @tap="goToWeb(1)">《隐私政策》</text> 并使用本机号码登录</view>
				</view>
				
				
			 </view>
		</view>
 </view>
</template>

<script>
	
import { register,login } from '@/api/user'
export default {		
	components: {
	 },
	data() {
		return {
			//userName:"CEadmin01",
			//password:"ADMIN01",
			userName:"",
			password:"",
			password1:"",
		    registrationID:"",
			yzcode:"",
			aback:true,
			agree: false,
		}
	},
	onLoad(option) {
	    let that=this;
	    uni.$on('getRegistrationID', function(data) {
	    	that.registrationID=data;
	    });   
	},
	onShow() {
		this.$getRegistrationID();
    },
	onUnload() {
		uni.$off('getRegistrationID');
    },
    mounted() {
       
    },
    methods: {
       doRegister(){
			if (this.$isEmpty(this.userName)) {
				uni.showToast({
					title: "请输入帐号",
					icon: 'none',
				});
				return
			}
			if (this.$isEmpty(this.password)) {
				uni.showToast({
					title: "请输入密码",
					icon: 'none',
				});
				return
			}
			if(this.password!=this.password1){
				uni.showToast({title: "两次密码输入不一致",icon: 'none'});
			}
			if (!this.agree) {
				uni.showToast({
					title: "请同意相关协议",
					icon: 'none'
				});
				return
			}
			var data = {
				phone:this.userName,
				password: this.password,
				jpushId:this.registrationID || uni.getStorageSync("registrationID"),
				loginType:1
			};
			var that=this;
			uni.showLoading({
				title:"注册中..."
			});
			register(data).then(res => {
					if(res.code==200){
						// uni.setStorageSync('AppToken',res.data.token);
						// this.$Router.pushTab({name: 'home'});
						this.doLogin();

					}
					else{
						uni.hideLoading()
						uni.showToast({title: res.msg,icon: 'none'});
					}
				},
				rej => {}
			);
	        
	   },
	   
	   doLogin(){
	   			var data = {
	   				phone:this.userName,
	   				password: this.password,
	   				jpushId:this.registrationID || uni.getStorageSync("registrationID"),
					loginType:1
	   			};
	   			var that=this;
	   			login(data).then(res => {
	   					uni.hideLoading()
	   					if(res.code==200){
	   						uni.setStorageSync('AppToken',res.token);
	   						uni.setStorageSync('userInfo',JSON.stringify(res.user));
							uni.$emit('refreshIM');
							uni.$emit('showHealthButler');
	   						uni.reLaunch({
	   							url: '../index/index',
	   							animationType: 'pop-in',
	   							animationDuration: 100
	   						})
	   					}
	   					else{
	   						uni.showToast({title: res.msg,icon: 'none'});
	   					}
	   				},
	   				rej => {}
	   			);
	   
	   },
	   	  
	
	   getRegistrationID(){
		   // #ifdef APP-PLUS
		      
		    // #endif 
	   },
	   handleAgree() { // 同意
	      this.agree = !this.agree
	   },
	   goToWeb(index){
	   			uni.setStorageSync('url',index==0?"https://userapp.his.cdwjyyh.com/web/userAgreement":"https://userapp.his.cdwjyyh.com/web/privacyPolicy");
	   			uni.navigateTo({
	   				url:"/pages/index/h5"
	   			})
	   },
    },
}
</script>

<style  lang="scss">
	
 page{
 	background-color: #ffffff;
 }
 .content{
 	 display: flex;
 	 flex-direction: column;
 	 align-items: center;
 	 height: calc(100vh);
 	 width: 100%;
	 justify-content: space-between;
	 //padding-top: calc(100% - 32vh);
 }
 .pageTop{
	 display: flex;
	 flex-direction: column;
	 width: 100%;
 }
 
 .content .head{
 	text-align: center;
 	width: 100%;
	height: 100rpx;
	background-size: cover;
    box-sizing: border-box;
	font-size: 36rpx;
	font-weight: bold;
	color: #666;
 }

 
 .content .head image{
 	width: 150rpx;
	height: 150rpx;
 	border-radius: 10rpx;
 	box-shadow:0px 0px 20rpx rgba(0,0,0,0.2);
 }
 
.title{
 	color: #141414;
 	margin:50upx 0upx 30upx 0rpx;
 	font-size: 38rpx;
	font-weight: 500;
 }
 
 .desc{
 	color: #686866;
 	padding:0 0 30rpx 0rpx;
 	font-size: 28rpx;
 }
 
 .loginBox{
 	padding:10px 10px 30rpx;
	width: calc(100% - 20px) ;
	margin-top: 0rpx;
	background: #FDFDFD;
	//box-shadow: 0rpx 4rpx 27rpx 0rpx rgba(155,155,155,0.25);
	border-radius: 7rpx;
 }
 
 .login-item p{
 	text-align: left;
 }
 
 .line{
	 height: 0.5rpx;
	 background-color: #efefef;
	 margin-top: 10rpx;
 }
 .input-account{
 	margin-top: 20rpx;
 	margin-bottom: 0rpx;
 	border-radius:40rpx;
 	border:solid 0rpx #efefef;
 	height: 80rpx;	
 	width: 100%;
 	background:url(/static/account.png) no-repeat 0 center;
 	background-size: 30rpx 30rpx;
 	background-position: 30rpx;
 }
 
 .input-yzcode{
 	margin-top: 20rpx;
 	margin-bottom: 0rpx;
 	border-radius:40rpx;
 	border:solid 0rpx #efefef;
 	height: 80rpx;	
 	width: 100%;
 	background:url(/static/image/login/cz_icon.png) no-repeat 0 center;
 	background-size: 30rpx 30rpx;
 	background-position: 30rpx;
 }
 
 .input-pwd{
 	margin-top: 40rpx;
 	margin-bottom: 20rpx;
 	border-radius:40rpx;
 	border:solid 0rpx #efefef;
 	height: 80rpx;	
 	width: 100%;
 	background:url(/static/password.png) no-repeat 0 center;
 	background-size: 30rpx 30rpx;
 	background-position: 30rpx;
 }
 input{
 	margin-left: 80rpx;
 	height: 80rpx;
 	line-height: 80rpx
 }
 .footer{
 	color: #686866;
 	width: 100%;
	position: fixed;
 	text-align: center;
 	bottom: 60upx;
	font-size: 28rpx;
 }
 .btns{
 	margin: 50rpx 0rpx;
	margin-bottom: 0rpx;
 }
 .login-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 80rpx;
	background: linear-gradient(to right, #FF5C03 0%, #FF5C03 100%);
	background: -moz-linear-gradient(to right, #FF5C03 0%, #FF5C03 100%);
	box-shadow: 0px 7rpx 6rpx 0px rgba(229, 138, 0, 0.22);
	border-radius: 40rpx;
	font-size: 30rpx;
	font-family: PingFang SC;
	font-weight: 500;
	color: rgba(255, 255, 255, 1);
 }
 
 .reg-box {
	 padding-bottom:20rpx;
	 margin:0 10px;
	 .reg-btn{
	 	 font-size:16px ;
	 	 color: #FF5C03;
	 }
 }
 
 .pageBottom{
	height: 260rpx;
	width: 75%;
	display: flex;
	flex-direction: column;
 }  
 
 .tips{
 	color: #999;	 
	font-size: 36rpx;
 }  
 .menu{
	 margin-top: 30rpx;
	 image{
	 	width: 78rpx;
	    height: 78rpx;
	 }
 }
 
 .checkbox {
 	margin: 20rpx;
 	margin-top: 16rpx;
 	display: flex;
 	flex-direction:row;
 	align-items: flex-start;
 	justify-content: flex-start;
 	font-family: PingFang SC, PingFang SC;
 	font-weight: 400;
 	font-size: 26rpx;
 	color: #999999;
 	line-height: 38rpx;
 	text-align: left;
 	text {
 		color:#FF5C03;
 	}
 	&-icon {
 		flex-shrink: 0;
 		margin-right: 12rpx;
 		image {
 			height: 24rpx;
 			width: 24rpx;
 		}
 	}
 }
 
  
 
</style>