supply-chain-h5/src/views/personal/setting/index.vue

<template>
	<div class="content">
		<yd-cell-group>
			<yd-cell-item arrow type="link" href="/setName">
				<span slot="left">昵称</span>
				<span slot="right">{{ personal.name }}</span>
			</yd-cell-item>
			<yd-cell-item arrow type="link" href="/setSex">
				<span slot="left">性别</span>
				<span slot="right">{{ personal.gender == 2 ? '女' : '男' }}</span>
			</yd-cell-item>
			<yd-cell-item>
				<span slot="left">绑定手机号</span>
				<span slot="right">{{ personal.phone }}</span>
			</yd-cell-item>
		</yd-cell-group>
		<div class="yd-btns">
			<yd-button type="danger" @click.native="exit">
				{{(U.cT().isiOS && !U.cT().isWeiXin)?'退出当前账户':'切换其他账户'}}
			</yd-button>
		</div>
	</div>
</template>

<script>
import request from '@/utils/request';
import baseMixin from '@/components/common/bus';
export default {
	mixins: [baseMixin],
	data: function() {
		return {
			buyerId: this.Cookies.get('buyerId'),
			personal: {},
			Urls: {
				personalInfoUrl: '/buyer/examine'
			}
		};
	},
	created() {
		this.getInfo();
	},
	mounted() {
//		this.back();
	},
	methods: {
		//退出
		exit(){
			this.$dialog.confirm({
				title: (U.cT().isiOS && !U.cT().isWeiXin)?'退出当前账户':'切换其他账户',
				mes: '您确定要这样做吗？',
				opts: () => {
					let ui = this.Cookies.get('userid');
					ui == 'undefined' || request({
						url: '/buyer/exit',
						method:'get',
						params:{
							userId: ui
						}
					}).then((res)=>{
						this.$router.replace({name: 'login',params:{type:2}});
					});
				}
			});
		},
		getInfo() {
			request({
				url: this.Urls.personalInfoUrl,
				method: 'get',
				params: { id: this.buyerId }
			}).then(response => {
				if (response.data.retHead.errCode == 0) {
					this.personal = response.data.retBody.buyer;
					this.Cookies.set('phone', response.data.retBody.buyer.phone);
					this.Cookies.set('gender', response.data.retBody.buyer.gender);
					this.Cookies.set('name', response.data.retBody.buyer.name);
				} else {
					this.$dialog.toast({
						mes: response.data.retHead.errMsg,
						icon: 'error',
						timeout: 1500
					});
				}
			});
		},
		back() {
			window.addEventListener('popstate',(e)=> {
				this.$router.push('/personal');
			},false);
		}
	}
};
</script>

<style></style>