personInfo.vue 1.9 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394
  1. <template>
  2. <view class="container">
  3. <view class="content">
  4. <view class="content-item">
  5. <text>员工姓名</text>
  6. <view>{{pageData.name}}</view>
  7. </view>
  8. <view class="content-item">
  9. <text>手机号码</text>
  10. <view>{{pageData.phone}}</view>
  11. </view>
  12. <view class="content-item">
  13. <text>性别</text>
  14. <view>{{pageData.sex}}</view>
  15. </view>
  16. <view class="content-item">
  17. <text>角色</text>
  18. <view>{{pageData.roles | filterRoles}}</view>
  19. </view>
  20. <view class="content-item">
  21. <text>所属机构</text>
  22. <view>{{pageData.orgCodePaths}}</view>
  23. </view>
  24. <view class="content-item">
  25. <text>可点检门店</text>
  26. <view style="color: #007AFF;" @click="viewStores">
  27. 12个 <u-icon name="icon-xian-11" custom-prefix="xd-icon" size="28" color="#888888"></u-icon>
  28. </view>
  29. </view>
  30. </view>
  31. </view>
  32. </template>
  33. <script>
  34. import { findUserInfo } from '@/api/user.js'
  35. export default{
  36. data(){
  37. return{
  38. pageData:null, // 接受上个页面传的数据
  39. }
  40. },
  41. onShow() {
  42. this.getDetail()
  43. },
  44. // 判断员工性别
  45. filters: {
  46. filterRoles(val){
  47. let arr = []
  48. val.map(item => {
  49. arr.push(item.name)
  50. })
  51. return arr.join(',')
  52. }
  53. },
  54. methods:{
  55. // 查询详细信息
  56. getDetail(){
  57. findUserInfo().then(res => {
  58. this.pageData = res.data || null
  59. })
  60. },
  61. viewStores(){
  62. let item = this.pageData.userStoreList
  63. if(item.length>0){
  64. uni.navigateTo({
  65. url: '/pages/userCenter/viewStores?userStoreList='+encodeURIComponent(JSON.stringify(item))
  66. })
  67. }
  68. }
  69. }
  70. }
  71. </script>
  72. <style lang="less">
  73. .container{
  74. color:#666;
  75. font-size: 28rpx;
  76. .content{
  77. position: relative;
  78. background-color: #FFFFFF;
  79. margin-bottom: 60rpx;
  80. .content-item{
  81. display: flex;
  82. justify-content: space-between;
  83. padding: 30rpx;
  84. border-bottom: 1px solid #e5e5e5;
  85. > view{
  86. color: #666;
  87. }
  88. }
  89. }
  90. }
  91. </style>