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.
247 lines
7.0 KiB
247 lines
7.0 KiB
<template>
|
|
<view>
|
|
<cu-custom bgColor="bg-white" :isBack="true">
|
|
<template #backText></template>
|
|
<template #content>个人信息</template>
|
|
</cu-custom>
|
|
<view class="padding flex justify-start align-center">
|
|
<view class='cu-avatar lg radius mr-15' @tap="showAvatar(detail)" :style="'background-image:url('+detail.avatar+')'">
|
|
</view>
|
|
<view class='im-flex im-justify-content-start im-columns'>
|
|
<view class="mb-5">{{detail.realname}}</view>
|
|
<view class="text-gray">{{detail.account}}</view>
|
|
</view>
|
|
</view>
|
|
<view class="cu-list menu">
|
|
<view class="cu-item" v-if="globalConfig.sysInfo.runMode==2 && detail.friend && userInfo.user_id!=detail.user_id" @tap="setNickname">
|
|
<view class="content">
|
|
<text class="cuIcon-edit text-green"></text>
|
|
<text>备注</text>
|
|
</view>
|
|
<view class="action">
|
|
<text class="text-grey text-sm">{{detail.friend.nickname || '未设置'}}</text>
|
|
<text class="text-grey text-sm ml-5 cuIcon-write"></text>
|
|
</view>
|
|
</view>
|
|
<view class="cu-item">
|
|
<view class="content">
|
|
<text class="cuIcon-mail text-green"></text>
|
|
<text>邮箱</text>
|
|
</view>
|
|
<view class="action">
|
|
<text class="text-grey text-sm">{{detail.email ?? ''}}</text>
|
|
</view>
|
|
</view>
|
|
<view class="cu-item">
|
|
<view class="content">
|
|
<text class="cuIcon-safe text-green"></text>
|
|
<text>性别</text>
|
|
</view>
|
|
<view class="action">
|
|
<text class="text-grey text-sm">{{ sex(detail.sex)}}</text>
|
|
</view>
|
|
</view>
|
|
<view class="cu-item" v-if="parseInt(globalConfig.sysInfo.ipregion)">
|
|
<view class="content">
|
|
<text class="cuIcon-location text-green"></text>
|
|
<text>IP</text>
|
|
</view>
|
|
<view class="action">
|
|
<text class="text-grey text-sm" v-if="detail.last_login_ip">{{ detail.last_login_ip || "未知"}} （{{detail.location || "未知"}}）</text>
|
|
<text class="text-grey text-sm" v-else>未知</text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
<template class="" v-if="userInfo.user_id!=detail.user_id">
|
|
<view class="padding flex flex-direction" v-if="globalConfig.sysInfo.runMode==1 || detail.friend">
|
|
<button class="cu-btn bg-green mt-10 lg" @tap="sendMsg(detail)">发消息</button>
|
|
<button class="cu-btn bg-blue mt-10 lg" v-if="validatePhone" @tap="callPhone()">打电话</button>
|
|
<!-- #ifdef APP | H5 -->
|
|
<button class="cu-btn bg-grey mt-10 lg" @tap="modelName='callRtc'" v-if="parseInt(globalConfig.chatInfo.webrtc) && parseInt(globalConfig.chatInfo.simpleChat)">音视频通话</button>
|
|
<!-- #endif -->
|
|
|
|
<button class="cu-btn bg-red mt-10 lg" @tap="delFriend()" v-if="globalConfig.sysInfo.runMode==2">删除好友</button>
|
|
</view>
|
|
<view class="padding flex flex-direction" v-if="globalConfig.sysInfo.runMode==2 && !detail.friend">
|
|
<button class="cu-btn bg-green lg" @tap="addFriend()">加好友</button>
|
|
</view>
|
|
</template>
|
|
<view class="cu-modal bottom-modal" :class="modelName=='callRtc'?'show':''" @tap="modelName=''">
|
|
<view class="cu-dialog">
|
|
<view class="manage-content">
|
|
<view class="cu-list menu bg-white">
|
|
<view class="cu-item" @tap="calling(0)">
|
|
<view class="content padding-tb-sm">
|
|
<text class="cuIcon-dianhua"></text>
|
|
<text>语音通话</text>
|
|
</view>
|
|
</view>
|
|
<view class="cu-item" @tap="calling(1)">
|
|
<view class="content padding-tb-sm">
|
|
<text class=" cuIcon-record"></text>
|
|
<text>视频通话</text>
|
|
</view>
|
|
</view>
|
|
<view class="parting-line-5"></view>
|
|
<view class="cu-item" @tap="modelName=''">
|
|
<view class="content padding-tb-sm">
|
|
<text class="c-red">取消</text>
|
|
</view>
|
|
</view>
|
|
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
import { useMsgStore } from '@/store/message';
|
|
import { useloginStore } from '@/store/login';
|
|
import pinia from '@/store/index'
|
|
const msgStore = useMsgStore(pinia)
|
|
const userStore = useloginStore(pinia)
|
|
export default {
|
|
data() {
|
|
return {
|
|
modelName:'',
|
|
detail:{},
|
|
userInfo:userStore.userInfo,
|
|
globalConfig:userStore.globalConfig
|
|
}
|
|
},
|
|
computed: {
|
|
validatePhone(){
|
|
let reg = /^1[3456789]\d{9}$/;
|
|
return reg.test(this.detail.account);
|
|
}
|
|
},
|
|
onLoad(options) {
|
|
this.$api.msgApi.getUserInfo({user_id:options.id}).then((res)=>{
|
|
if(res.code==0){
|
|
this.detail=res.data;
|
|
}
|
|
})
|
|
},
|
|
methods: {
|
|
showAvatar(detail){
|
|
let imgs=[];
|
|
imgs.push(detail.avatar);
|
|
uni.previewImage({urls : imgs})
|
|
},
|
|
sendMsg(info){
|
|
uni.reLaunch({
|
|
url:"/pages/message/chat?id="+info.user_id
|
|
})
|
|
},
|
|
sex(value) {
|
|
let arr = ['女', '男','未知']
|
|
return arr[value] || '未知';
|
|
},
|
|
callPhone(){
|
|
uni.makePhoneCall({
|
|
phoneNumber: this.detail.account
|
|
});
|
|
},
|
|
calling(is_video){
|
|
if(msgStore.webrtcLock){
|
|
return uni.showToast({
|
|
title:'其他终端正在通话中',
|
|
icon:'none'
|
|
})
|
|
}
|
|
this.modelName='';
|
|
let msg_id=this.$util.getUuid();
|
|
uni.navigateTo({
|
|
url: '/pages/message/call?msg_id='+msg_id+'&type='+is_video+'&status=1&id='+this.detail.user_id+'&name='+this.detail.realname+'&avatar='+encodeURI(this.detail.avatar)
|
|
})
|
|
},
|
|
delFriend(){
|
|
uni.showModal({
|
|
title: '确定要删除该好友吗？',
|
|
success: (res)=>{
|
|
if (res.confirm) {
|
|
let data={ id: this.detail.user_id};
|
|
this.$api.friendApi.delFriend(data).then((res)=>{
|
|
if(res.code==0){
|
|
msgStore.deleteContacts(data);
|
|
uni.reLaunch({
|
|
url: '/pages/index/index'
|
|
})
|
|
}
|
|
})
|
|
}
|
|
},
|
|
})
|
|
|
|
},
|
|
addFriend(){
|
|
uni.showModal({
|
|
title: '请输入验证信息',
|
|
editable:true,
|
|
success: (res)=>{
|
|
if (res.confirm) {
|
|
if(res.content==''){
|
|
return uni.showToast({
|
|
title:'请输入备注！',
|
|
icon:'error'
|
|
})
|
|
}
|
|
this.$api.friendApi.addFriend({user_id:this.detail.user_id,remark:res.content}).then((e)=>{
|
|
if(e.code==0){
|
|
uni.showToast({
|
|
title:e.msg,
|
|
icon:'none'
|
|
})
|
|
}
|
|
})
|
|
}
|
|
}
|
|
});
|
|
},
|
|
setNickname(){
|
|
let friend_id=this.detail.friend.friend_id ?? '';
|
|
if(!this.detail.friend){
|
|
return uni.showToast({
|
|
title:'无法设置',
|
|
icon:'error'
|
|
})
|
|
}
|
|
uni.showModal({
|
|
title: '请输入备注信息',
|
|
editable:true,
|
|
success: (res)=>{
|
|
if (res.confirm) {
|
|
if(res.content==''){
|
|
return uni.showToast({
|
|
title:'请输入好友备注！',
|
|
icon:'error'
|
|
})
|
|
}
|
|
this.$api.friendApi.setNickname({friend_id:friend_id,nickname:res.content}).then((e)=>{
|
|
if(e.code==0){
|
|
this.detail.friend.nickname=res.content;
|
|
// 修改备注后修改联系人
|
|
msgStore.updateContacts({
|
|
id:this.detaild.user_id,
|
|
displayName:res.content
|
|
})
|
|
uni.showToast({
|
|
title:e.msg,
|
|
icon:'none'
|
|
})
|
|
}
|
|
})
|
|
}
|
|
}
|
|
});
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
|
|
</style>
|
|
|