blue
2 years ago
committed by
Gitee
Gitee
13 changed files with 147 additions and 134 deletions
@ -0,0 +1,118 @@ |
|||
<template> |
|||
<!-- for wx audit --> |
|||
<view class="page user-search"> |
|||
<view class="search-bar"> |
|||
<uni-search-bar v-model="searchText" :focus="true" @confirm="onSearch()" can |
|||
cancelButton="none" ceholder="用户名/昵称"></uni-search-bar> |
|||
</view> |
|||
<view class="user-items"> |
|||
<scroll-view class="scroll-bar" scroll-with-animation="true" scroll-y="true"> |
|||
<view v-for="(user) in users" :key="user.id" v-show="user.id != $store.state.userStore.userInfo.id"> |
|||
<view class="user-item"> |
|||
<head-image :id="user.id" :name="user.nickName" |
|||
:online="user.online" :url="user.headImage" |
|||
:size="100"></head-image> |
|||
<view class="user-name">{{ user.nickName}}</view> |
|||
<view class="user-btns"> |
|||
<button type="primary" v-show="!isFriend(user.id)" size="mini" |
|||
@click.stop="onAddFriend(user)">加为好友</button> |
|||
<button type="default" v-show="isFriend(user.id)" size="mini" disabled>已添加</button> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
</scroll-view> |
|||
</view> |
|||
</view> |
|||
</template> |
|||
|
|||
<script> |
|||
export default { |
|||
data() { |
|||
return { |
|||
searchText: "", |
|||
users: [] |
|||
} |
|||
}, |
|||
methods: { |
|||
onSearch() { |
|||
this.$http({ |
|||
url: "/user/findByName?name=" + this.searchText, |
|||
method: "GET" |
|||
}).then((data) => { |
|||
this.users = data; |
|||
}) |
|||
}, |
|||
onAddFriend(user) { |
|||
this.$http({ |
|||
url: "/friend/add?friendId=" + user.id, |
|||
method: "POST" |
|||
}).then((data) => { |
|||
let friend = { |
|||
id: user.id, |
|||
nickName: user.nickName, |
|||
headImage: user.headImage, |
|||
online: user.online |
|||
} |
|||
this.$store.commit("addFriend", friend); |
|||
uni.showToast({ |
|||
title: "添加成功，对方已成为您的好友", |
|||
icon: "none" |
|||
}) |
|||
}) |
|||
}, |
|||
onShowUserInfo(user) { |
|||
uni.navigateTo({ |
|||
url: "/pages/common/user-info?id=" + user.id |
|||
}) |
|||
}, |
|||
isFriend(userId) { |
|||
let friends = this.$store.state.friendStore.friends; |
|||
let friend = friends.find((f) => f.id == userId); |
|||
return friend&&!friend.delete; |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style scoped lang="scss"> |
|||
.user-search { |
|||
position: relative; |
|||
border: #dddddd solid 1px; |
|||
display: flex; |
|||
flex-direction: column; |
|||
|
|||
.search-bar { |
|||
background: white; |
|||
} |
|||
.user-items{ |
|||
position: relative; |
|||
flex: 1; |
|||
overflow: hidden; |
|||
.user-item { |
|||
height: 120rpx; |
|||
display: flex; |
|||
margin-bottom: 1rpx; |
|||
position: relative; |
|||
padding: 0 30rpx ; |
|||
align-items: center; |
|||
background-color: white; |
|||
white-space: nowrap; |
|||
|
|||
.user-name { |
|||
flex:1; |
|||
padding-left: 20rpx; |
|||
font-size: 30rpx; |
|||
font-weight: 600; |
|||
line-height: 60rpx; |
|||
white-space: nowrap; |
|||
overflow: hidden; |
|||
} |
|||
} |
|||
|
|||
.scroll-bar { |
|||
height: 100%; |
|||
} |
|||
} |
|||
|
|||
} |
|||
</style> |
|||
Loading…
Reference in new issue