提交 b203d323 作者: 毛细亚

通讯录修改完成

上级 5920d7d6
...@@ -26,16 +26,16 @@ Vue.use(globalComponent).use(permission).use(clickagain).use(loadmore).use(scrol ...@@ -26,16 +26,16 @@ Vue.use(globalComponent).use(permission).use(clickagain).use(loadmore).use(scrol
import '@/utils/vconsoleCleanup' import '@/utils/vconsoleCleanup'
// 开发环境下初始化 stagewise 工具栏 // 开发环境下初始化 stagewise 工具栏
if (process.env.NODE_ENV === 'development') { // if (process.env.NODE_ENV === 'development') {
import('@stagewise/toolbar').then(({ initToolbar }) => { // import('@stagewise/toolbar').then(({ initToolbar }) => {
const stagewiseConfig = { // const stagewiseConfig = {
plugins: [] // plugins: []
}; // };
initToolbar(stagewiseConfig); // initToolbar(stagewiseConfig);
}).catch(err => { // }).catch(err => {
console.error('Failed to initialize stagewise toolbar:', err); // console.error('Failed to initialize stagewise toolbar:', err);
}); // });
} // }
// 开发环境不收集日志 // 开发环境不收集日志
if (process.env.NODE_ENV !== 'development') { if (process.env.NODE_ENV !== 'development') {
......
<template> <template>
<div class="mail-list-container"> <div class="mail-list-container"
ref="mailListScroll"
v-scroll:50="loadMoreMail"
>
<!-- 搜索过滤区域 --> <!-- 搜索过滤区域 -->
<div class="search-header"> <div class="search-header">
<div class="search-row"> <div class="search-row">
...@@ -86,15 +89,11 @@ ...@@ -86,15 +89,11 @@
<!-- 通讯录列表 --> <!-- 通讯录列表 -->
<div <div
ref="mailListScroll"
v-infinite-scroll="loadMoreMail"
:infinite-scroll-disabled="!hasMore"
:infinite-scroll-immediate="false"
class="contact-list" class="contact-list"
> >
<div <div
v-for="(item, index) in mailList" v-for="(item, index) in mailList"
:key="item._id || index" :key="item._id+index"
class="contact-item" class="contact-item"
:class="{ active: item.external_userid === chatUserInfo.external_userid }" :class="{ active: item.external_userid === chatUserInfo.external_userid }"
> >
...@@ -254,12 +253,11 @@ export default { ...@@ -254,12 +253,11 @@ export default {
...this.pagination, ...this.pagination,
userid: this.userid, userid: this.userid,
} }
// 根据搜索类型构建不同的参数 // 根据搜索类型构建不同的参数
if (this.searchType === 'remark') { if (this.searchType === 'remark') {
this.searchParams = { this.searchParams = {
...this.searchParams,
...baseParams, ...baseParams,
...this.searchParams
} }
} else if (this.searchType === 'w_account') { } else if (this.searchType === 'w_account') {
this.searchParams = { this.searchParams = {
...@@ -269,7 +267,6 @@ export default { ...@@ -269,7 +267,6 @@ export default {
} else { } else {
this.searchParams = baseParams this.searchParams = baseParams
} }
// 添加筛选参数 // 添加筛选参数
if (this.mailFilterType === 'unbind') { if (this.mailFilterType === 'unbind') {
this.searchParams.red_tip = 1 this.searchParams.red_tip = 1
...@@ -326,8 +323,11 @@ export default { ...@@ -326,8 +323,11 @@ export default {
// 加载更多通讯录 // 加载更多通讯录
loadMoreMail() { loadMoreMail() {
if (this.hasMore && !this.mailLoading) { if (this.hasMore && !this.mailLoading) {
console.log('loadMoreMail')
this.pagination.page++ this.pagination.page++
this.loadMailList() this.loadMailList()
}else{
console.log('没有更多数据了')
} }
}, },
...@@ -393,10 +393,9 @@ export default { ...@@ -393,10 +393,9 @@ export default {
<style scoped lang="scss"> <style scoped lang="scss">
.mail-list-container { .mail-list-container {
width: 100%;
background: #fff; background: #fff;
height: 100%; height: 100%;
display: flex;
flex-direction: column;
} }
// 搜索头部 // 搜索头部
......
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论