info.vue 4.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140
  1. <template>
  2. <hc-sys class="hc-my-info-page" :isNavBar="false">
  3. <uni-section title="基础信息" type="line" style="margin-top: 1px">
  4. <uni-list class="hc-my-info-list">
  5. <uni-list-item title="用户名称" :rightText="userInfo.realName" />
  6. <uni-list-item title="身份证号" :rightText="userInfo.idNumber" />
  7. <uni-list-item title="所属角色" :rightText="userInfo.roleName" />
  8. <uni-list-item title="登录账号" :rightText="userInfo.account" />
  9. <uni-list-item title="绑定手机" :rightText="userInfo.phone" />
  10. <uni-list-item title="所属部门" :rightText="userInfo.deptId" />
  11. </uni-list>
  12. </uni-section>
  13. <uni-section class="mt-1" title="CA签字体" type="line">
  14. <view class="px-3">
  15. <img class="h-180 max-w-full" :src="userInfo.signatureUrl" alt="" v-if="userInfo.signatureUrl">
  16. <text class="py-2 text-gray" v-else>无CA签字体</text>
  17. </view>
  18. </uni-section>
  19. <uni-collapse class="mt-3 mb-5">
  20. <uni-collapse-item title="修改密码">
  21. <view class="px-5 py-2">
  22. <uni-forms ref="formRef" :rules="formRules" :modelValue="formData" label-width="100" label-position="top">
  23. <uni-forms-item label="原始密码" required name="old">
  24. <uni-easyinput type="password" v-model="formData.old" placeholder="请输入原始密码" />
  25. </uni-forms-item>
  26. <uni-forms-item label="新的密码" required name="new1">
  27. <uni-easyinput type="password" v-model="formData.new1" placeholder="请输入新的密码" />
  28. </uni-forms-item>
  29. <uni-forms-item label="确认新密码" required name="new2">
  30. <uni-easyinput type="password" v-model="formData.new2" placeholder="请输入确认新密码" />
  31. </uni-forms-item>
  32. </uni-forms>
  33. <view class="form-btn-bar mb-2">
  34. <button type="primary" @click="submitPassword">确认修改</button>
  35. </view>
  36. </view>
  37. </uni-collapse-item>
  38. </uni-collapse>
  39. </hc-sys>
  40. </template>
  41. <script setup>
  42. import {ref, onMounted} from "vue";
  43. import {errorToast, formValidate, successToast} from "@/utils/tools";
  44. import mainApi from '~api/user/index';
  45. import {getObjValue} from "js-fast-way";
  46. import md5 from 'js-md5'
  47. //初始变量
  48. const formRef = ref(null)
  49. const userInfo = ref({});
  50. //渲染完成
  51. onMounted(() => {
  52. getUserData()
  53. formRef.value?.setRules(formRules.value)
  54. })
  55. //获取用户信息
  56. const getUserData = async () => {
  57. const {data} = await mainApi.queryCurrentUserData()
  58. userInfo.value = getObjValue(data)
  59. }
  60. //密码表单
  61. const formData = ref({
  62. old: '', new1: '', new2: ''
  63. })
  64. const formRules = ref({
  65. old: {
  66. rules: [{
  67. required: true,
  68. errorMessage: '原始密码不能为空'
  69. }]
  70. },
  71. new1: {
  72. rules: [
  73. {
  74. required: true,
  75. errorMessage: '新的密码不能为空'
  76. },
  77. {
  78. validateFunction: function(rule, value, data, callback) {
  79. if (value !== data.new2) {
  80. callback('两次输入的密码不一致')
  81. }
  82. return true
  83. }
  84. }
  85. ]
  86. },
  87. new2: {
  88. rules: [
  89. {
  90. required: true,
  91. errorMessage: '确认密码不能为空'
  92. },
  93. {
  94. validateFunction: function(rule, value, data, callback) {
  95. if (value !== data.new1) {
  96. callback('两次输入的密码不一致')
  97. }
  98. return true
  99. }
  100. }
  101. ]
  102. }
  103. })
  104. //确认修改密码
  105. const submitPassword = async () => {
  106. const res = await formValidate(formRef.value)
  107. if (!res) return
  108. uni.showLoading({title: '修改密码中...', mask: true});
  109. const {old, new1, new2} = formData.value
  110. const { error, code, msg } = await mainApi.updatePassword({
  111. oldPassword: md5(old),
  112. newPassword: md5(new1),
  113. newPassword1: md5(new2),
  114. plaintextPassword: new1,
  115. })
  116. uni.hideLoading();
  117. if (!error && code === 200) {
  118. formData.value = {}
  119. successToast('密码修改成功')
  120. } else {
  121. errorToast('修改失败:' + msg)
  122. }
  123. }
  124. </script>
  125. <style lang="scss" scoped>
  126. page {
  127. background: #EFEFF4;
  128. }
  129. </style>
  130. <style lang="scss">
  131. @import "@/style/my/info.scss";
  132. </style>