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.
53 lines
2.6 KiB
53 lines
2.6 KiB
10 months ago
|
<div class="chatList">
|
||
|
|
<!-- <div class="tab-head">
|
||
|
|
<div class="item" :class="{active:item.key == hdTabCur}" v-for="(item, index) in hdTab" :key="index"
|
||
|
|
@click="changeTab(item)">{{item.title}}</div>
|
||
|
|
</div> -->
|
||
|
|
<div class="scroll-box">
|
||
|
|
<vue-scroll :ops="ops" @handle-scroll="handleScroll" v-if="userList.length>0">
|
||
|
|
<div class="chat-item" v-for="(item,index) in userList" :key="index" :class="{active:curId == item.id}"
|
||
|
|
@click="selectUser(item)">
|
||
|
|
<div class="avatar">
|
||
|
|
<img :src="item.avatar" alt="">
|
||
|
|
<div class="status" :class="{off:item.online == 0}"></div>
|
||
|
|
</div>
|
||
|
|
<div class="user-info">
|
||
|
|
<div class="hd">
|
||
|
|
<span class="name line1">{{item.nickname}}</span>
|
||
|
|
<template v-if="item.type == 2">
|
||
|
|
<span class="label">小程序</span>
|
||
|
|
</template>
|
||
|
|
<template v-if="item.type == 3">
|
||
|
|
<span class="label H5">H5</span>
|
||
|
|
</template>
|
||
|
|
<template v-if="item.type == 1">
|
||
|
|
<span class="label wechat">公众号</span>
|
||
|
|
</template>
|
||
|
|
<template v-if="item.type == 0">
|
||
|
|
<span class="label pc">PC端</span>
|
||
|
|
</template>
|
||
|
|
<template v-if="item.type == 9">
|
||
|
|
<span class="label pc">App</span>
|
||
|
|
</template>
|
||
|
|
</div>
|
||
|
|
<div class="bd line1">
|
||
|
|
<template v-if="item.message_type <=2">{{item.message}}</template>
|
||
|
|
<template v-if="item.message_type ==3">[图片]</template>
|
||
|
|
<template v-if="item.message_type ==5">[商品]</template>
|
||
|
|
<template v-if="item.message_type ==21">[订单]</template>
|
||
|
|
<template v-if="item.message_type ==24">[转接]</template>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="right-box">
|
||
|
|
<div class="time">{{item.update_time | toDay}}</div>
|
||
|
|
<div class="num">
|
||
|
|
<Badge :count="item.mssage_num">
|
||
|
|
<a href="#" class="demo-badge"></a>
|
||
|
|
</Badge>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</vue-scroll>
|
||
|
|
<empty v-else msg="暂无用户列表" status="1"></empty>
|
||
|
|
</div>
|
||
|
|
</div>
|