courier_mobile_front/src/pages/personinfomation.vue

<template>
	<div>
		<back :title="titlename"></back>
		<!-- 表单 -->
		<van-form>
			<van-field v-model="user.expressPhone" readonly type="" name="用户名" label="用户名" placeholder="用户名"
				:rules="[{ required: false }]" />
			<van-field v-model="user.expressName" readonly type="" name="姓名" label="姓名" placeholder="姓名"
				:rules="[{ required: false }]" />
			<!-- <van-field v-model="user.ROLE_ID"  readonly type=""       name="角色"   label="角色"   placeholder="角色"   :rules="[{ required: false}]"/> -->
			<van-field v-model="user.company" readonly type="" name="公司" label="公司" placeholder="公司"
				:rules="[{ required: false }]" />
			<van-field v-model="user.expressPhone" readonly type="number" name="手机号" label="手机号" placeholder="手机号"
				:rules="[{ required: false }]" />
			<!-- <div style="margin: 16px;">
		    <van-button round block type="info" native-type="submit">保存</van-button>
		  </div> -->
		</van-form>
	</div>
</template>

<script>
import { Form, Toast, Field } from 'vant'
export default {
	data() {
		return {
			titlename: "个人信息",
			user: {},
			userId: '',
			departmenList: [],
			show: false
		}
	},
	created: function () {
		this.userId = localStorage.getItem("userId");
		// this.getUser();
		this.user = this.$store.state.user
	},
	methods: {
	}
}
</script>

<style lang="less" scoped>
/deep/.van-form {
	.van-button--info {
		background-color: #00c4b8;
		border: 1px solid #00c4b8;
		border-radius: 5px;
	}

	.m .van-field__label::before {
		content: "*";
		color: red;
	}

	.van-cell {
		font-size: .26rem;
	}

	.textarea {
		font-size: .26rem;
		padding: 10px 16px;
		color: #646566;

		textarea {
			width: 98%;
			height: 150px;
			border-color: #e5e5e5;
			color: #999999;
			margin-top: 16px;
			padding: 10px 1%;
		}
	}
}

/deep/.van-field__control {
	text-align: right;
}
</style>