userAccount.vue 3.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105
  1. <template>
  2. <div style="width: 100%">
  3. <el-breadcrumb separator-class="el-icon-arrow-right">
  4. <el-breadcrumb-item>首页</el-breadcrumb-item>
  5. <el-breadcrumb-item>个人中心</el-breadcrumb-item>
  6. </el-breadcrumb>
  7. <div class="title">
  8. 个人中心
  9. </div>
  10. <el-form :model="form" label-width="100px">
  11. <el-form-item label="登录账号" prop="form.username" required>
  12. <el-input v-model="form.username" :disabled="true"></el-input>
  13. </el-form-item>
  14. <el-form-item label="用户名称" prop="form.name" required>
  15. <el-input v-model="form.name" :disabled="true"></el-input>
  16. </el-form-item>
  17. <el-form-item label="别名" prop="form.name_other" required>
  18. <el-input v-model="form.name_other" :disabled="true"></el-input>
  19. </el-form-item>
  20. <el-form-item label="组别" prop="form.groupname" required>
  21. <el-input v-model="form.groupname" :disabled="true"></el-input>
  22. </el-form-item>
  23. <el-form-item label="机构属性" prop="form.properties" required>
  24. <el-input v-model="form.properties" :disabled="true"></el-input>
  25. </el-form-item>
  26. <el-form-item label="联系人姓名" prop="form.contact_name" required>
  27. <el-input v-model="form.contact_name" :disabled="true"></el-input>
  28. </el-form-item>
  29. <el-form-item label="联系人电话" prop="form.contact_phone" required>
  30. <el-input v-model="form.contact_phone" :disabled="true"></el-input>
  31. </el-form-item>
  32. <el-form-item>
  33. <el-button type="success" @click="putAccount()">修改账户信息</el-button>
  34. <!-- <el-button @click="reBack()">返回</el-button> -->
  35. </el-form-item>
  36. </el-form>
  37. </div>
  38. </template>
  39. <script>
  40. const rymc = window.sessionStorage.getItem('rymc')
  41. const token = window.sessionStorage.getItem('token')
  42. export default {
  43. data() {
  44. return {
  45. form: {
  46. username:'',
  47. name:'',
  48. name_other:'',
  49. groupname: '',
  50. properties: '',
  51. contact_name: '',
  52. contact_phone: '',
  53. create_time:'' ,
  54. update_time:''
  55. },
  56. }
  57. },
  58. created() {
  59. this.getAccount()
  60. },
  61. mounted() {
  62. this.getAccount()
  63. },
  64. methods: {
  65. async getAccount() {
  66. const result = await this.$http.post('getAccount')
  67. console.log(result.data.data)
  68. this.form = result.data.data
  69. if (this.form.properties == 1){
  70. this.form.properties ='政府部门';
  71. }else if(this.form.properties == 2){
  72. this.form.properties ='事业单位';
  73. }else{
  74. this.form.properties ='企业';
  75. }
  76. },
  77. //修改信息
  78. putAccount(){
  79. this.$router.push('putAccount')
  80. },
  81. }
  82. }
  83. </script>
  84. <style lang="less" scoped>
  85. .title {
  86. margin-left: 50%;
  87. margin-bottom: 20px;
  88. }
  89. .el-form {
  90. width: 800px;
  91. margin: 0 auto;
  92. }
  93. .footer {
  94. margin-top: 5px;
  95. display: flex;
  96. flex-direction: row;
  97. justify-content: space-between;
  98. }
  99. </style>