jiazhengUserInfo.vue 2.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135
  1. <template>
  2. <view class="jiazheng-uni-list">
  3. <view class="icon-title-navBar-box">
  4. <view @click="goUpPage" class="nav-bar-icon"></view>
  5. <text class="nav-bar-title">家政人员信息</text>
  6. </view>
  7. <view>
  8. <img style="width: 100rpx;height: 100rpx;" :src="jianliInfo.icon" alt="" />
  9. <view>{{jianliInfo.zhuangtai}}</view>
  10. <view>
  11. <p>{{jianliInfo.realName}}</p>
  12. <p>{{jianliInfo.nianling}}岁|{{jianliInfo.jiguan}}人</p>
  13. </view>
  14. </view>
  15. <view>
  16. 类型:{{jianliInfo.leixing}}
  17. </view>
  18. <view>
  19. <view>
  20. <h1>基本信息</h1>
  21. <view>
  22. 学历:{{jianliInfo.xieli}}
  23. </view>
  24. <view>
  25. 民族:{{jianliInfo.minzu}}
  26. </view>
  27. <view>
  28. 属相:{{jianliInfo.shuxiang}}
  29. </view>
  30. <view>
  31. 星座:{{jianliInfo.xingzuo}}
  32. </view>
  33. <view>
  34. 性别:{{jianliInfo.gender}}
  35. </view>
  36. <view>
  37. 婚姻状况:{{jianliInfo.hunyin}}
  38. </view>
  39. <view>
  40. 现住地址:{{jianliInfo.juzhuDizhi}}
  41. </view>
  42. <view>
  43. 家政公司:{{jianliInfo.jzName}}
  44. </view>
  45. <view>
  46. {{jianliInfo.tips}}
  47. </view>
  48. </view>
  49. </view>
  50. </view>
  51. <view>
  52. <view @click="goJiazhengManage">
  53. 资料编辑
  54. </view>
  55. <view>
  56. 资料编辑2
  57. </view>
  58. </view>
  59. </template>
  60. <script>
  61. import {
  62. ref
  63. } from "vue";
  64. import {
  65. getJiazhengJianli
  66. } from "@/api/jiazheng.js";
  67. export default {
  68. data() {
  69. return {
  70. pageInfo: {},
  71. jianliInfo:{}
  72. }
  73. },
  74. components: {
  75. },
  76. onLoad(options) {
  77. let data = JSON.parse(options.pageInfo)
  78. this.pageInfo.status = data.status
  79. this.pageInfo.id = data.id
  80. this.pageInfo.userId = data.userId
  81. this.getJianliInfo()
  82. },
  83. methods: {
  84. getJianliInfo() {
  85. let req = {
  86. id: this.pageInfo.id,
  87. userId: this.pageInfo.userId
  88. }
  89. getJiazhengJianli(req).then(res => {
  90. console.log('res', res);
  91. if(res.code ==0){
  92. this.jianliInfo = { ...res.data };
  93. }
  94. })
  95. },
  96. goJiazhengManage() {
  97. let pageInfo = {
  98. status: 'edit',
  99. id: this.pageInfo.id,
  100. userId: this.pageInfo.userId
  101. }
  102. uni.redirectTo({
  103. url: "/pages/admin/Jiazheng/jiazhengUserManager?pageInfo=" + JSON.stringify(pageInfo)
  104. })
  105. },
  106. goUpPage() {
  107. uni.redirectTo({
  108. url: "/pages/admin/ShouYe/shouye"
  109. })
  110. },
  111. }
  112. }
  113. </script>
  114. <style>
  115. .jiazheng-uni-list {
  116. display: flex;
  117. width: 100%;
  118. flex-direction: column;
  119. }
  120. .jiazheng-uni-list-left {
  121. position: relative;
  122. display: flex;
  123. flex-direction: row;
  124. justify-content: space-between;
  125. align-items: center;
  126. }
  127. </style>