index.vue
2.44 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
<template>
<view class="userDetail-v">
<view class="userDetail-hd u-flex-col">
<view class="u-m-t-60">
<u-avatar :src="userData.headIcon" size="120"></u-avatar>
</view>
<view class="u-m-t-32 u-font-32 name">
<text>{{userData.realName}}/{{userData.account}}</text>
</view>
<view class="u-m-t-20 u-font-24">
<text>{{userData.positionName}}</text>
</view>
<view class="u-m-t-32 u-flex userDetail-hd-btn">
<view class="u-m-r-40 btn" @click="call()">
<text class="ym-custom ym-custom-phone u-font-40" />
</view>
<view class="u-m-l-40 btn" @click="toIm()">
<text class="ym-custom ym-custom-comment u-font-40" />
</view>
</view>
</view>
<u-cell-group>
<u-cell-item title="手机号" :value="userData.mobilePhone || '未填写'" :arrow="false" :title-style="titleStyle">
</u-cell-item>
<u-cell-item title="座机号" :value="userData.telePhone || '未填写'" :arrow="false" :title-style="titleStyle">
</u-cell-item>
<u-cell-item title="邮箱" :value="userData.email || '未填写'" :arrow="false" :title-style="titleStyle">
</u-cell-item>
</u-cell-group>
</view>
</template>
<script>
import {
getUesrDetail
} from '@/api/common.js'
export default {
data() {
return {
userData: {},
titleStyle: {
color: '#999999'
}
}
},
onLoad(option) {
let userId = option.userId;
this.getUserDetail(userId)
},
methods: {
getUserDetail(userId) {
getUesrDetail(userId).then(res => {
this.userData = res.data
uni.setNavigationBarTitle({
title: this.userData.realName + '/' + this.userData.account
});
})
},
call() {
if (!this.userData.mobilePhone) return
uni.makePhoneCall({
phoneNumber: this.userData.mobilePhone
})
},
toIm() {
const userData = this.userData
const name = userData.realName + '/' + userData.account
uni.$emit('updateMsgNum', userData.id)
uni.navigateTo({
url: '/pages/message/im/index?name=' + name + '&formUserId=' + userData.id + '&headIcon=' +
userData.headIcon
})
}
}
}
</script>
<style lang="scss">
.userDetail-v {
.userDetail-hd {
height: 482rpx;
background-color: #D8D8D8;
color: #FFFFFF;
align-items: center;
}
.name {
font-weight: 700;
}
.userDetail-hd-btn {
.btn {
width: 84rpx;
height: 84rpx;
border: 4rpx solid #FFFFFF;
border-radius: 50%;
text-align: center;
line-height: 80rpx;
}
}
}
</style>