personinfomation.vue 1.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081
  1. <template>
  2. <div>
  3. <back :title="titlename"></back>
  4. <!-- 表单 -->
  5. <van-form>
  6. <van-field v-model="user.expressPhone" readonly type="" name="用户名" label="用户名" placeholder="用户名"
  7. :rules="[{ required: false }]" />
  8. <van-field v-model="user.expressName" readonly type="" name="姓名" label="姓名" placeholder="姓名"
  9. :rules="[{ required: false }]" />
  10. <!-- <van-field v-model="user.ROLE_ID" readonly type="" name="角色" label="角色" placeholder="角色" :rules="[{ required: false}]"/> -->
  11. <van-field v-model="user.company" readonly type="" name="公司" label="公司" placeholder="公司"
  12. :rules="[{ required: false }]" />
  13. <van-field v-model="user.expressPhone" readonly type="number" name="手机号" label="手机号" placeholder="手机号"
  14. :rules="[{ required: false }]" />
  15. <!-- <div style="margin: 16px;">
  16. <van-button round block type="info" native-type="submit">保存</van-button>
  17. </div> -->
  18. </van-form>
  19. </div>
  20. </template>
  21. <script>
  22. import { Form, Toast, Field } from 'vant'
  23. export default {
  24. data() {
  25. return {
  26. titlename: "个人信息",
  27. user: {},
  28. userId: '',
  29. departmenList: [],
  30. show: false
  31. }
  32. },
  33. created: function () {
  34. this.userId = localStorage.getItem("userId");
  35. // this.getUser();
  36. this.user = this.$store.state.user
  37. },
  38. methods: {
  39. }
  40. }
  41. </script>
  42. <style lang="less" scoped>
  43. /deep/.van-form {
  44. .van-button--info {
  45. background-color: #00c4b8;
  46. border: 1px solid #00c4b8;
  47. border-radius: 5px;
  48. }
  49. .m .van-field__label::before {
  50. content: "*";
  51. color: red;
  52. }
  53. .van-cell {
  54. font-size: .26rem;
  55. }
  56. .textarea {
  57. font-size: .26rem;
  58. padding: 10px 16px;
  59. color: #646566;
  60. textarea {
  61. width: 98%;
  62. height: 150px;
  63. border-color: #e5e5e5;
  64. color: #999999;
  65. margin-top: 16px;
  66. padding: 10px 1%;
  67. }
  68. }
  69. }
  70. /deep/.van-field__control {
  71. text-align: right;
  72. }
  73. </style>