123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081 |
- <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>
|