txCar/pages/me/setup.vue

<template>
	<view class="box">
	  <view class="main">
	    <view class="mkBox">
			<view class="line">
				<view class="lineTitle">昵称</view>
				<view class="lineCont">{{ueserInfo.memberInfo.nickName}}</view>
			</view>
			<view class="line">
				<view class="lineTitle">手机号</view>
				<view class="lineCont">{{iphoneData.phone}}</view>
			</view>
			<view class="line boderNo">
				<view class="lineTitle">真实姓名</view>
				<view class="lineCont">
					<input type="text" v-model="ueserInfo.memberInfo.name" value="" placeholder="请输入" class="lineinput" @blur="updateBmember"/>
				</view>
			</view>
		</view>
		
		<view class="mkBox">
			<view class="line boderNo" @click="goiphone">
				<view class="lineTitle">联系人管理</view>
				<view class="lineCont">
					<image src="../../static/img/jt.png" mode="" class="lineJt"></image>
				</view>
			</view>
		</view>
		
		<view class="mkBox">
			<view class="line " @click="goTreaty">
				<view class="lineTitle">服务协议</view>
				<view class="lineCont">
					<image src="../../static/img/jt.png" mode="" class="lineJt"></image>
				</view>
			</view>
			<view class="line boderNo" @click="goIntimity">
				<view class="lineTitle">隐私政策</view>
				<view class="lineCont">
					<image src="../../static/img/jt.png" mode="" class="lineJt"></image>
				</view>
			</view>
		</view>
		
		<view class="signOut" @click="signOut">退出登录</view>
		
	  </view>
	</view>
</template>

<script>
export default {
	data() {
		return {
			ueserInfo:'',
			iphoneData:'',
			name:'',
		}
	},
	onLoad() {
      this.ueserInfo=uni.getStorageSync("logodata");
	},
	onShow() {
		this.getIphoneData()
	},
	methods: {
		updateBmember(){
			if(this.name!=''){
				this.$http('miniAppMyBMemberCar/updateBmember', {
					name:this.name		 
				},'POST').then(res => {
				    if(res.code==0){
						
						console.log(this.ueserInfo)
						uni.setStorage({
							key: 'logodata',
							data: this.ueserInfo,
							success: function () {}
						}); 
					}
				})
			}
			
		},
		getIphoneData(){
		   uni.showLoading({ });
		   this.$http('miniAppMyBMemberCar/queryBMemberContactIsDefault', {
			 
			},'GET').then(res => {
			  uni.hideLoading();
			  this.iphoneData=res.data;	
		   })
		},
		signOut(){
			 //uni.clearStorageSync();
			 uni.removeStorageSync('logodata');
			 uni.navigateTo({
			 	url:'../login/login'
			 })
		},
		goiphone(){
			uni.navigateTo({
				url:'../iPhone/phoneList'
			})
		},
		goTreaty(){
			uni.navigateTo({
				url:'treaty'
			})
		},
		goIntimity(){
			uni.navigateTo({
				url:'intimity'
			})
		}
	
	}
}
</script>

<style scoped>
	.box{
		min-height: 100vh;
		background:#F4F5F7 ;
	}
	.main{
		padding: 24rpx;
	}
	.mkBox{
		background: #FEFFFE;
		border-radius: 10rpx;
		padding: 0 22rpx;
		margin-bottom: 20rpx;
	}
	.line{
		display: flex;
		justify-content: space-between;
		padding: 30rpx 0;
		border-bottom: 1px solid #DDDDDD;
		font-size: 28rpx;
		color: #3C3C3C;
	}
	.lineinput{
		text-align: right;
		font-size: 28rpx;
		color: #3C3C3C;
	}
	.lineJt{
		width: 15rpx;
		height: 26rpx;
	}
	.boderNo{
		border: none;
	}
	.signOut{
		width: 702rpx;
		height: 98rpx;
		background: #FFFFFF;
		border-radius: 10rpx;
		font-size: 30rpx;
		color: #FF3B30;
		line-height: 98rpx;
		text-align: center;
		margin-top: 100rpx;
	}
</style>