You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
61 lines
1015 B
61 lines
1015 B
2 months ago
|
<template>
|
||
|
|
<view>
|
||
|
|
<uni-list :border="true">
|
||
|
|
<!-- 显示圆形头像 -->
|
||
|
|
<uni-list-chat
|
||
|
|
v-for="(item, index) in pholist"
|
||
|
|
:key="item.id"
|
||
|
|
:title="`${item.secUnitName}/${item.deptName}`"
|
||
|
|
clickable="true"
|
||
|
|
@click="callPoh(item)"
|
||
|
|
:time="item.userName"
|
||
|
|
:note="item.telephoneNum"
|
||
|
|
badge-text="点击拨打"
|
||
|
|
></uni-list-chat>
|
||
|
|
</uni-list>
|
||
|
|
</view>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
import { listAddressBook } from '@/api/system/user.js';
|
||
|
|
export default {
|
||
|
|
data() {
|
||
|
|
return {
|
||
|
|
pholist: []
|
||
|
|
};
|
||
|
|
},
|
||
|
|
onLoad() {
|
||
|
|
this.getCall();
|
||
|
|
},
|
||
|
|
methods: {
|
||
|
|
getCall() {
|
||
|
|
listAddressBook().then(res => {
|
||
|
|
this.pholist = res.rows;
|
||
|
|
});
|
||
|
|
},
|
||
|
|
callPoh(item) {
|
||
|
|
uni.makePhoneCall({
|
||
|
|
phoneNumber: item.telephoneNum
|
||
|
|
});
|
||
|
|
}
|
||
|
|
}
|
||
|
|
};
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<style lang="scss">
|
||
|
|
.chat-custom-right {
|
||
|
|
flex: 1;
|
||
|
|
/* #ifndef APP-NVUE */
|
||
|
|
display: flex;
|
||
|
|
/* #endif */
|
||
|
|
flex-direction: column;
|
||
|
|
justify-content: space-between;
|
||
|
|
align-items: flex-end;
|
||
|
|
}
|
||
|
|
|
||
|
|
.chat-custom-text {
|
||
|
|
font-size: 12px;
|
||
|
|
color: #999;
|
||
|
|
}
|
||
|
|
</style>
|