2021-2-3

App.vue

@@ -15,6 +15,7 @@
 	/*每个页面公共css */
 	/*每个页面公共css */
 	/* 注意要写在第一行，同时给style标签加入lang="scss"属性 */
+	@import "./static/outfont/iconfont.css";
 	@import "uview-ui/index.scss";
 	@font-face {font-family: "iconfont";
 	  src: url('~@/static/font/iconfont.eot?t=1576844226174'); /* IE9 */

components/uni-nav-bar/uni-nav-bar.vue

@@ -216,9 +216,9 @@
 		/* #endif */
 	}
 
-	.uni-navbar--border {
-		border-bottom-width: 1rpx;
-		border-bottom-style: solid;
-		border-bottom-color: $uni-border-color;
-	}
+	// .uni-navbar--border {
+	// 	border-bottom-width: 1rpx;
+	// 	border-bottom-style: solid;
+	// 	border-bottom-color: $uni-border-color;
+	// }
 </style>

pages.json

@@ -6,7 +6,7 @@
 		{
 			"path": "pages/index/index",
 			"style": {
-				"navigationBarTitleText": "uni-app"
+				"navigationBarTitleText": "首页"
 			}
 		}
 	    ,{
@@ -261,6 +261,16 @@
             }
             
         }
+        ,{
+            "path" : "pages/my/index/index",
+            "style" :                                                                                    
+            {
+                "navigationBarTitleText": "个人中心",
+                "enablePullDownRefresh": false,
+				"navigationStyle":"custom"				
+            }
+            
+        }
     ],
 	"condition": { //模式配置，仅开发期间生效
 	    "current": 3, //当前激活的模式（list 的索引项）
@@ -284,5 +294,36 @@
 		"navigationBarTitleText": "大数据平台",
 		"navigationBarBackgroundColor": "#fff",
 		"backgroundColor": "#ff0000"
+	},
+	    "tabBar": {
+	    "color": "#cdcdcd",
+	    "selectedColor": "#56C979",
+	    "borderStyle": "white",
+	    "list": [
+	        {
+	            "pagePath": "pages/index/index",
+				"iconPath":"static/image/index/13.png",
+				"selectedIconPath":"static/image/index/12.png",
+	            "text": "首页"
+	        },
+	        // {
+	        //     "pagePath": "pages/afterSale/index",
+	        //     "iconPath":"static/image/index/14.png",
+	        //     "selectedIconPath":"static/image/index/15.png",
+	        //     "text": "设备列表"
+	        // },
+	        // {
+	        //     "pagePath": "pages/equipMange/index/index",
+	        //     "iconPath":"static/image/index/16.png",
+	        //     "selectedIconPath":"static/image/index/17.png",
+	        //     "text": "设备分布"
+	        // },
+	        {
+	            "pagePath": "pages/my/index/index",
+	            "iconPath":"static/image/index/18.png",
+	            "selectedIconPath":"static/image/index/19.png",
+	            "text": "个人中心"
+	        }
+	    ]
 	}
 }

pages/afterSale/index.vue

@@ -134,6 +134,11 @@
 				uni.navigateTo({
 					url:"./addafter"
 				})
+			},
+			clickLeft(){
+				uni.switchTab({
+					url:"../index/index"
+				})
 			}
 		},
 		onLoad() {

pages/cb/index/index.vue

@@ -1,6 +1,6 @@
 <template>
 	<view class="">	
-		<uni-nav-bar @clickRight="clickRight" left-icon="back" left-text="返回"  right-icon="search" title="测报灯系统"></uni-nav-bar>
+		<uni-nav-bar @clickRight="clickRight" @clickLeft="clickLeft" left-icon="back" left-text="返回"  right-icon="search" title="测报灯系统"></uni-nav-bar>
 		<view>
 			<image src="../../../static/image/cb/banner.jpg" mode="widthFix"></image>
 		</view>
@@ -116,6 +116,11 @@
 				uni.navigateTo({
 				    url: '/pages/cb/equip-detail/equip-detail?info='+data
 				});
+			},
+			clickLeft(){
+				uni.switchTab({
+					url:"../../index/index"
+				})
 			}
 		},
 		components:{

pages/equipMange/index/index.vue

@@ -2,7 +2,7 @@
 	<view class="">
 		<view class="">
 			<view style="position: fixed;z-index: 100;">
-				<uni-nav-bar @clickRight="clickRight" left-icon="back" left-text="返回" right-icon="plus" title="用户管理"></uni-nav-bar>
+				<uni-nav-bar left-icon="back" left-text="返回" right-icon="plus" title="用户管理" @clickRight="clickRight" @clickLeft="clickLeft"></uni-nav-bar>
 			</view>
 			<view class="uinput-box">
 				<view class="uinputs">
@@ -63,6 +63,11 @@
 					url: './addusers',
 				})
 			},
+			clickLeft(){
+				uni.switchTab({
+					url:"../../index/index"
+				})
+			},
 			userOperation(item) { //跳转用户信息页面
 				item = JSON.stringify(item)
 				uni.navigateTo({

pages/expertDiagnosis/index.vue

@@ -76,9 +76,9 @@
 				}
 			},
 			clickLeft(){
-				uni.navigateBack({
-				    delta: 1
-				});
+				uni.switchTab({
+					url:"../index/index"
+				})
 			},
 			worm(){
 				uni.navigateTo({

pages/index/index.vue

@@ -1,52 +1,159 @@
 <template>
 	<view class="content">
-		<image class="logo" src="/static/logo.png"></image>
-		<view class="text-area">
-			<text class="title">{{title}}</text>
+		<u-swiper :list="list" mode="dot" class="index_uswiper" height='300'></u-swiper>
+		<view class="function">
+			<view class="function_item" v-for="(item,index) in functionimg" :key="index" @click="tabfunction(index)">
+				<image :src="item.src" mode=""></image>
+				<p>{{item.text}}</p>
+			</view>
+		</view>
+		<view class="equipment">
+			<p class="equipment_p">系统设备</p>
+			<view class="equipment_item">
+				<view class="equipment_item_img" v-for="(item,index) in equipmentimg" :key="index" @click="tabequipment(index)">
+					<image :src="item.src" mode=""></image>
+				</view>
+			</view>
 		</view>
 	</view>
 </template>
+<style lang="scss">
+	.index_uswiper {
+		width: 95%;
+		margin: 0 auto;
+		border-radius: 20rpx !important;
+	}
+
+	.function {
+		width: 95%;
+		margin: 20rpx auto;
+		display: flex;
+		justify-content: space-around;
 
+		.function_item {
+			width: 18%;
+			text-align: center;
+
+			image {
+				width: 90rpx;
+				height: 90rpx;
+			}
+
+			p {
+				font-size: 24rpx;
+			}
+		}
+	}
+
+	.equipment {
+		width: 95%;
+		margin: 20rpx auto;
+
+		.equipment_p {
+			width: 90%;
+			border-left: 8rpx solid #4BB85F;
+			font-weight: 700;
+			padding-left: 20rpx;
+		}
+		.equipment_item{
+			display: flex;
+			flex-wrap:wrap ;
+			justify-content: space-between;
+			.equipment_item_img{
+				width: 49%;
+				margin-top: 20rpx;
+				image{
+					width: 100%;
+					height: 170rpx;
+				}
+			}
+		}
+	}
+</style>
 <script>
 	export default {
 		data() {
 			return {
-				title: 'Hello'
+				currentPage:'tabBar1',
+				list: [{
+					image: '../../static/image/index/11.png'
+				}, ],
+				functionimg: [{
+						src: "../../static/image/index/1.png",
+						text: "四情基地"
+					},
+					{
+						src: "../../static/image/index/2.png",
+						text: "病虫识别"
+					},
+					{
+						src: "../../static/image/index/3.png",
+						text: "专家诊断"
+					},
+					{
+						src: "../../static/image/index/4.png",
+						text: "售后服务"
+					}
+				],
+				equipmentimg: [{
+						src: "../../static/image/index/5.png"
+					},
+					{
+						src: "../../static/image/index/6.png"
+					},
+					{
+						src: "../../static/image/index/7.png"
+					},
+					{
+						src: "../../static/image/index/8.png"
+					},
+					{
+						src: "../../static/image/index/9.png"
+					},
+					{
+						src: "../../static/image/index/10.png"
+					}
+				]
 			}
 		},
 		onLoad() {
 
 		},
 		methods: {
-
+			tabfunction(index){
+				if(index==0){
+					console.log(0)
+				}else if(index==1){
+					console.log(1)
+				}else if(index==2){
+					uni.navigateTo({
+						url:"../expertDiagnosis/index"
+					})
+				}else if(index==3){
+					uni.navigateTo({
+						url:"../afterSale/index"
+					})
+				}
+			},
+			tabequipment(index){
+				if(index==0){
+					uni.navigateTo({
+						url:"../cb/index/index"
+					})
+				}else if(index==1){
+					console.log(1)
+				}else if(index==2){
+					console.log(2)
+				}else if(index==3){
+					console.log(3)
+				}else if(index==4){
+					uni.navigateTo({
+						url:"../equipMange/index/index"
+					})
+				}else if(index==5){
+					console.log(5)
+				}
+			}
 		}
 	}
 </script>
-
-<style>
-	.content {
-		display: flex;
-		flex-direction: column;
-		align-items: center;
-		justify-content: center;
-	}
-
-	.logo {
-		height: 200rpx;
-		width: 200rpx;
-		margin-top: 200rpx;
-		margin-left: auto;
-		margin-right: auto;
-		margin-bottom: 50rpx;
-	}
-
-	.text-area {
-		display: flex;
-		justify-content: center;
-	}
-
-	.title {
-		font-size: 36rpx;
-		color: #8f8f94;
-	}
-</style>

pages/login/login.vue

@@ -1,27 +1,34 @@
 <template>
 	<view>
-		 <form @submit="formSubmit" >
+		<view class="logo">
+			<image src="../../static/image/login/8eef2e54055a5b072a5dc000919a7ae.png" mode=""></image>
+		</view>
+		<form @submit="formSubmit">
 			<view class="uni-form-item uni-column">
-				<view>
-					 <input
-						 class="uni-input" 
-						 name="username"
-						 placeholder-class="icon iconfont icon-bianji1" 
-						 placeholder="请输入用户名" />
+				<view class="username">
+					<u-icon name="account"  size="36" style="margin-right:30rpx;color: #72CD9C;"></u-icon>
+					<!-- <input class="uni-input" name="username" placeholder-class="icon iconfont icon-bianji1" placeholder="请输入用户名" /> -->
+					<u-input class="uni-input" name="username" v-model="formdata.username" placeholder-class="icon iconfont icon-bianji1" placeholder="请输入用户名"/>
 				</view>
-				<view>
-					 <input 
-						 class="uni-input" 
-						 name="pass"
-						 placeholder-class="icon iconfont icon-bianji1" 
-						 placeholder="请输入密码" />
+				<view class="passwold">
+					<u-icon name="lock" size="36" style="margin-right:30rpx;color: #72CD9C;"></u-icon>
+					<!-- <input class="uni-input" name="pass" password  placeholder-class="icon iconfont icon-bianji1" placeholder="请输入密码" /> -->
+					<u-input class="uni-input" name="pass" v-model="formdata.passwold" type="password"   placeholder-class="icon iconfont icon-bianji1" placeholder="请输入密码"/>
 				</view>
-				 <view class="uni-btn-v">
-					<button form-type="submit">Submit</button>
+				<view class="aboutpass">
+					<p>忘记密码？</p>
+					<u-radio-group>
+						<u-checkbox v-model="checked"  :label-disabled="true" size="22">记住密码</u-checkbox>
+					</u-radio-group>
+				</view>
+				<view class="uni-btn-v">
+					<button form-type="submit">登 录</button>
 				</view>
 			</view>
 		</form>
-						
+		<view class="bg">
+			<image src="../../static/image/login/850c9307f4ef2d7dc6db1049711ab55.jpg" mode=""></image>
+		</view>
 	</view>
 </template>
 
@@ -29,36 +36,107 @@
 	export default {
 		data() {
 			return {
+				checked:false,
+				formdata:{
+					username:'',
+					passwold:''
+				}
 			}
 		},
-		onLoad(){
-			
+		onLoad() {
+
 		},
 		methods: {
-			async formSubmit(e){
-				let formdata=e.detail.value;
-				const res=await this.$myRequest({
-					url:'/api/api_gateway?method=user.login.login_user',
-					data:{
-						username: formdata.username,
-						password: formdata.pass
+			async formSubmit() {
+				const res = await this.$myRequest({
+					url: '/api/api_gateway?method=user.login.login_user',
+					data: {
+						username: this.formdata.username,
+						password: this.formdata.passwold
 					}
 				})
-				let session_key=res.session_key
+				let session_key = res.session_key
 				uni.setStorage({
-				    key: 'session_key',
-				    data: session_key,
-				    success: function () {
-				        console.log('success');
-				    }
+					key: 'session_key',
+					data: session_key,
+					success: ()=> {
+						uni.switchTab({
+							url:"../index/index"
+						})
+					}
 				})
 			}
 		}
 	}
 </script>
 
-<style>
-.uni-form-item{
-	margin-top:50rpx;
-}
+<style lang="scss">
+	.logo {
+		width: 100%;
+		height: 340rpx;
+		text-align: center;
+		padding-top: 120rpx;
+
+		image {
+			width: 280rpx;
+			margin: 0 auto;
+			height: 120rpx;
+		}
+	}
+
+	.bg {
+		width: 100%;
+		position: absolute;
+		bottom: 0;
+
+		image {
+			width: 100%;
+		}
+	}
+	.uni-form-item {
+		// margin-top: 50rpx;
+		width: 100%;
+
+		.username {
+			width: 80%;
+			margin: 0 auto;
+			display: flex;
+			margin-bottom: 40rpx;
+			padding-bottom: 10rpx;
+			border-bottom: 2rpx solid #C3C3C3;
+		}
+
+		.passwold {
+			width: 80%;
+			margin: 0 auto;
+			display: flex;
+			margin-bottom: 40rpx;
+		}
+		.aboutpass{
+			width: 80%;
+			margin: 0 auto;
+			display: flex;
+			justify-content: space-between;
+			p{
+				color: #C0C0C0;
+			}
+			/deep/.u-checkbox__label{
+				font-size: 14rpx;
+				color: #C0C0C0;
+			}
+		}
+		.uni-btn-v{
+			width: 80%;
+			margin: 112rpx auto 0;
+			button{
+				width: 100%;
+				height: 72rpx;
+				line-height: 75rpx;
+				background-color: #5DC18B;
+				color: #FFFFFF;
+				border-radius: 36rpx;
+				font-size: 28rpx;
+			}
+		}
+	}
 </style>

pages/my/about/about.vue

@@ -63,6 +63,11 @@
 		},
 		methods: {
 			
+		},
+		onBackPress(option){
+			uni.redirectTo({
+				url:"../index/index"
+			})
 		}
 	}
 </script>
@@ -77,8 +82,8 @@ page {
 	background:$uni-bg-color-grey;
 }
 .bottom{
-	height:200rpx;
-	line-height:200rpx;
+	height:190rpx;
+	line-height:190rpx;
 	font-size:8px;
 	text-align: center;
 }

pages/my/index/index.vue

@@ -0,0 +1,203 @@
+<template>
+	<view>
+		<view style="position: fixed;z-index: 100;">
+			<uni-nav-bar title="个人中心" style="border: 0rpx;"></uni-nav-bar>
+		</view>
+		<view class="subject">
+			<view style="width: 100%;background-color: #FFFFFF;position: relative;top: 98rpx;">
+				<view class="personal">
+					<view class="personal_left">
+						<image :src="userinfos.image" mode=""></image>
+					</view>
+					<view class="personal_center">
+						<p>{{usernames}}</p>
+						<p>{{userinfos.email}}</p>
+					</view>
+					<view class="personal_right" @click="userinfo">
+						<uni-icons type="compose" style="color: #FFFFFF;margin-right: 10rpx;"></uni-icons>
+						编辑
+					</view>
+				</view>
+			</view>
+			<view style="background-color: #FFFFFF;margin: 115rpx auto 0;">
+				<view class="AboutUs" @click="about">
+					<u-icon name="moban" custom-prefix="custom-icon" class="icon_left"></u-icon>
+					关于我们
+					<uni-icons type="arrowright" class="icon_right"></uni-icons>
+				</view>
+			</view>
+			<!-- <view style="background-color: #FFFFFF;">
+				<view class="opinion" @click="feedback">
+					<u-icon name="yijian2" custom-prefix="custom-icon" class="icon_left"></u-icon>
+					意见反馈
+					<uni-icons type="arrowright" class="icon_right"></uni-icons>
+				</view>
+			</view> -->
+			<view style="background-color: #FFFFFF;">
+				<view class="quit" @click="outto">
+					<u-icon name="tuichu" custom-prefix="custom-icon" class="icon_left"></u-icon>
+					退出登录
+					<uni-icons type="arrowright" class="icon_right"></uni-icons>
+				</view>
+			</view>
+		</view>
+	</view>
+</template>
+<script>
+	export default {
+		data() {
+			return {
+				usernames: '',
+				userinfos: {
+
+				}
+			}
+		},
+		methods: {
+			//user.login.user_login_info
+			//home.homes.personal_center
+			async getUserlogin() {
+				const res = await this.$myRequest({
+					url: '/api/api_gateway?method=user.login.user_login_info',
+				})
+				this.usernames = res.username
+
+			},
+			async getUsermsg(user) {
+				const res = await this.$myRequest({
+					url: '/api/api_gateway?method=home.homes.personal_center',
+					data: {
+						username: user
+					}
+				})
+				console.log(res)
+				this.userinfos = res
+			}, //user.login.logout_user
+			async getlogout() {
+				const res = await this.$myRequest({
+					url: '/api/api_gateway?method=user.login.logout_user',
+				})
+			},
+			about() {
+				uni.navigateTo({
+					url: "../about/about"
+				})
+			},
+			// feedback(){
+			// 	uni.navigateTo({
+			// 		url:"../feedback/feedback"
+			// 	})
+			// },
+			userinfo() {
+				uni.navigateTo({
+					url: "../user-info/user-info?data=" + JSON.stringify(this.userinfos)
+				})
+			},
+			outto() {
+				uni.showModal({
+					title: '提示',
+					content: '是否退出登录',
+					success: (res) => {
+						if (res.confirm) {
+							this.getlogout()
+							uni.navigateTo({
+								url: "../../login/login"
+							})
+						} else if (res.cancel) {
+							console.log('用户点击取消');
+						}
+					}
+				});
+			}
+		},
+		onLoad() {
+			this.getUserlogin()
+			setTimeout(() => {
+				this.getUsermsg(this.usernames)
+			}, 100)
+
+		}
+	}
+</script>
+<style lang="scss">
+	.subject {
+		width: 100%;
+		height: 100vh;
+		background-color: #F9F9F9;
+	}
+
+	.personal {
+		width: 90%;
+		margin: 0 auto;
+		display: flex;
+		padding: 20rpx 0 40rpx;
+
+		.personal_left {
+			width: 18%;
+			margin-right: 30rpx;
+
+			image {
+				width: 124rpx;
+				height: 120rpx;
+				border-radius: 60rpx;
+			}
+		}
+
+		.personal_center {
+			padding-top: 20rpx;
+
+			p:nth-child(1) {
+				font-size: 34rpx;
+				font-weight: 700;
+				margin-bottom: 10rpx;
+			}
+
+			p:nth-child(2) {
+				font-size: 24rpx;
+			}
+		}
+
+		.personal_right {
+			width: 150rpx;
+			background-color: #55C87B;
+			height: 60rpx;
+			text-align: center;
+			border-radius: 30rpx;
+			line-height: 60rpx;
+			color: #FFFFFF;
+			position: absolute;
+			top: 50rpx;
+			right: 30rpx;
+		}
+	}
+
+	.AboutUs,
+	.quit,
+	.opinion {
+		width: 90%;
+		height: 100rpx;
+		line-height: 100rpx;
+		margin: 20rpx auto 0;
+		position: relative;
+		padding-left: 20rpx;
+		font-size: 28rpx;
+
+		.icon_left {
+			margin-right: 20rpx;
+			color: #55C87B !important;
+			font-size: 32rpx;
+		}
+
+		.icon_right {
+			position: absolute;
+			top: 0;
+			right: 10rpx;
+			font-size: 32rpx !important;
+		}
+	}
+
+	.opinion {
+		margin: 0 auto;
+		border-top: 2rpx solid #EAEAEA;
+	}
+</style>

pages/my/user-info/user-info.vue

@@ -2,29 +2,39 @@
 	<view class="user-info">
 		<view class="info-item">
 			<text class="tit">头像</text>
-			<view class="avater">
-				<image src="../../../static/logo.png" mode="aspectFill"></image>
+			<view class="avater" @click="gainimg">
+				<image :src="userinfos.image" mode="aspectFill"></image>
 			</view>
 		</view>
 		<view class="info-item">
 			<text class="tit">用户名</text>
-			<text class="val">小王</text>
+			<input type="text" v-model="userinfos.username" :class="compileTF?'valinput valinput2':'valinput'" :disabled="!compileTF"
+			 maxlength='8' />
 		</view>
 		<view class="info-item">
-			<text class="tit">用户给身份</text>
+			<text class="tit">用户身份</text>
 			<text class="val">管理员</text>
 		</view>
 		<view class="info-item">
 			<text class="tit">用户电话</text>
-			<text class="val">18869487515</text>
+			<input type="text" v-model="userinfos.mobile" :class="compileTF?'valinput valinput2':'valinput'" :disabled="!compileTF"
+			 @blur="verifyphone" />
+			<p class="hint" v-if="phonehint">手机号格式不正确</p>
 		</view>
 		<view class="info-item">
 			<text class="tit">E-mail</text>
-			<text class="val">1457846@qq.com</text>
+			<input type="text" v-model="userinfos.email" :class="compileTF?'valinput valinput2':'valinput'" :disabled="!compileTF"
+			 @blur="verifyemail" />
+			<p class="hint" v-if="emailhint">邮箱格式不正确</p>
 		</view>
 		<view class="info-item">
 			<text class="tit">我的地址</text>
-			<text class="val">河南省郑州市</text>
+			<input type="text" v-model="location" :class="compileTF?'valinput valinput2':'valinput'"
+			 :disabled="!compileTF" />
+		</view>
+		<view class="compile">
+			<p @click="compile" v-if="!compileTF">编辑</p>
+			<p @click="submit" v-else>提交</p>
 		</view>
 	</view>
 </template>
@@ -33,45 +43,156 @@
 	export default {
 		data() {
 			return {
-				
+				userinfos: {},
+				location:'',
+				imageList: '',
+				compileTF: false,
+				phonehint: false,
+				emailhint: false
 			}
 		},
 		methods: {
-			
+			gainimg() { //添加图片
+				if (this.compileTF) {
+					uni.chooseImage({
+						count: 1, //默认9
+						sizeType: ['original', 'compressed'], //可以指定是原图还是压缩图，默认二者都有
+						sourceType: ['album', 'camera'], //从相册选择
+						success: (res) => {
+							uni.uploadFile({
+								url: 'http://182.92.193.64:8002/api/api_gateway?method=base.bases.base_photo', //仅为示例，非真实的接口地址
+								filePath: res.tempFilePaths[0],
+								name: 'img_file',
+								formData: {
+									'user': 'test'
+								},
+								success: (uploadFileRes) => {
+									this.userinfos.image = JSON.parse(uploadFileRes.data).data.src
+									this.$forceUpdate() //强制刷新视图
+								}
+							});
+						}
+					})
+				}
+			}, //
+			async postusers() {
+				const res = await this.$myRequest({
+					url: '/api/api_gateway?method=home.homes.personal_center',
+					data: {
+						ret: 'change',
+						username: this.userinfos.username,
+						mobile: this.userinfos.mobile,
+						province:  this.userinfos.province,
+						city:  this.userinfos.city,
+						district:  this.userinfos.district,
+						image: this.userinfos.image,
+						email: this.userinfos.email
+					}
+				})
+			},
+			compile() { //编辑按钮
+				this.compileTF = true
+			},
+			submit() {//提交按钮
+				this.userinfos.province = this.location.slice(0,this.location.indexOf("省")+1)
+				this.userinfos.city = this.location.slice(this.location.indexOf("省")+1,this.location.indexOf("市")+1)
+				this.userinfos.district = this.location.slice(this.location.indexOf("市")+1)
+				this.postusers()
+				this.compileTF = false
+			},
+			verifyphone() { //手机号验证
+				var reg = /^1[23456789]\d{9}$/;
+				if (!reg.test(this.userinfos.mobile)) {
+					this.phonehint = true
+				} else {
+					this.phonehint = false
+				}
+			},
+			verifyemail() { //邮箱验证
+				var reg = /^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/;
+				if (!reg.test(this.userinfos.email)) {
+					this.emailhint = true
+				} else {
+					this.emailhint = false
+				}
+			}
+		},
+		onLoad(option) {
+			this.userinfos = JSON.parse(option.data)
+			this.location = this.userinfos.province+this.userinfos.city+this.userinfos.district
+			console.log(this.userinfos)
 		}
+
 	}
 </script>
 
 <style lang="scss">
-page{
-	background:$uni-bg-color-grey;
-	.user-info{
-		background:#fff;
-		padding:0 40rpx;
-		.info-item{
-			display:flex;
-			justify-content: space-between;
-			line-height:100rpx;
-			.avater{
-				width:100rpx;
-				height:100rpx;
-				border-radius: 50%;
-				overflow: hidden;
-				image{
-					width:100%;
-					height:100%;
+	page {
+		background: $uni-bg-color-grey;
+
+		.user-info {
+			background: #fff;
+			padding: 0 40rpx;
+
+			.info-item {
+				display: flex;
+				justify-content: space-between;
+				line-height: 100rpx;
+				position: relative;
+
+				.avater {
+					width: 100rpx;
+					height: 100rpx;
+					border-radius: 50%;
+					overflow: hidden;
+
+					image {
+						width: 100%;
+						height: 100%;
+					}
+				}
+
+				.tit {
+					font-size: 14px
+				}
+
+				.val {
+					font-size: 12px;
+					color: #666;
+				}
+
+				.valinput {
+					margin-top: 24rpx;
+					text-align: right;
+					font-size: 12px;
+					color: #666;
+					padding: 10rpx 0;
+					width: 360rpx;
+				}
+
+				.valinput2 {
+					background-color: #e1e5ee;
+				}
+
+				.hint {
+					position: absolute;
+					top: 40rpx;
+					right: 220rpx;
+					font-size: 24rpx;
+					color: #ff0000;
 				}
 			}
-			.tit{font-size:14px}
-			.val{
-				font-size:12px;
-				color:#666;
+
+			.compile {
+				width: 100%;
+				margin-top: 40rpx;
+				height: 60rpx;
+				line-height: 60rpx;
+				text-align: center;
+				background-color: #58C77A;
+				border-radius: 30rpx;
+				color: #FFFFFF;
 			}
 		}
 	}
-}
-
-
-
-	
 </style>