mobilemapname.vue 1.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081
  1. <template>
  2. <view>
  3. <view class="usable-hint receive-user">
  4. <text>接收用户</text>
  5. </view>
  6. <u-form class="form-box" :model="form" ref="uForm" label-width="156">
  7. <u-form-item class="usable-input" label="手机号">
  8. <u-input v-model="form.phone" placeholder="请输入手机号" :clearable="false" @blur="getMobilemapname" />
  9. </u-form-item>
  10. <u-form-item class="usable-input" label="真实姓名">
  11. <u-input disabled v-model="form.name" placeholder="" />
  12. </u-form-item>
  13. </u-form>
  14. </view>
  15. </template>
  16. <script>
  17. import {
  18. mobilemapname
  19. } from "@/api/personal-center.js"
  20. export default {
  21. name: "mobilemapname",
  22. data() {
  23. return {
  24. form: {
  25. phone: '',
  26. name: '',
  27. user_obj_id: ''
  28. }
  29. };
  30. },
  31. created() {
  32. // this.getMobilemapname()
  33. },
  34. methods: {
  35. getMobilemapname() {
  36. if (!this.form.phone) {
  37. this.$mUtil.toast("请输入手机号")
  38. return false
  39. }
  40. if (!(this.form.phone.match(this.$mConfig.telRegex))) {
  41. this.$mUtil.toast("请输入正确的手机号")
  42. return false
  43. }
  44. // return false
  45. this.$http.post(`${mobilemapname}/${this.form.phone}`).then(res => {
  46. this.form.name = res.data.accept_real_name
  47. this.form.user_obj_id = res.data.user_obj_id
  48. })
  49. },
  50. // 获取需要转赠对象的ID
  51. getObjUserId() {
  52. return new Promise((resolve, reject) => {
  53. if (this.form.user_obj_id) {
  54. resolve(this.form)
  55. } else {
  56. this.$mUtil.toast("请先确认接收用户");
  57. }
  58. })
  59. }
  60. }
  61. }
  62. </script>
  63. <style lang="scss" scoped>
  64. .receive-user {
  65. margin-top: 84rpx;
  66. }
  67. .usable-hint {
  68. color: #333333;
  69. font-size: 32rpx;
  70. font-family: PingFang SC, PingFang SC-Bold;
  71. font-weight: 700;
  72. .service-charge {
  73. font-weight: 400;
  74. }
  75. }
  76. </style>