|
|
@@ -5,19 +5,21 @@
|
|
|
<el-container class="message--list-group">
|
|
|
<div class="j-container">
|
|
|
<div class="tool-header no-border">我的会话</div>
|
|
|
- <div class="j-main custom-tabs">
|
|
|
- <div class="tab-header">
|
|
|
- <span :class="{'active': tabIndex === 0 }" @click="onClickTab(0)">会话中（{{dialogueList.length || 0}}）</span>
|
|
|
- <em class="cut-line"></em>
|
|
|
- <span :class="{'active': tabIndex === 1 }" @click="onClickTab(1)">已结束用户（{{getEndList.length || 0}}）</span>
|
|
|
- </div>
|
|
|
- <div v-if="tabIndex === 0">
|
|
|
- <message-list :list="loadingList" @select="onSelectCurMsg($event, '会话')"></message-list>
|
|
|
- <message-list :title="'排队中（' + queueList.length + '）'" :list="queueList" @select="onSelectCurMsg($event, '排队')"></message-list>
|
|
|
- </div>
|
|
|
- <div v-else-if="tabIndex === 1">
|
|
|
- <SearchFilter @search="onSearch"></SearchFilter>
|
|
|
- <message-list :list="getEndList" @select="onSelectCurMsg($event, '结束')"></message-list>
|
|
|
+ <div class="j-main">
|
|
|
+ <div class="j-container custom-tabs">
|
|
|
+ <div class="tab-header">
|
|
|
+ <span :class="{'active': tabIndex === 0 }" @click="onClickTab(0)">会话中（{{dialogueList.length || 0}}）</span>
|
|
|
+ <em class="cut-line"></em>
|
|
|
+ <span :class="{'active': tabIndex === 1 }" @click="onClickTab(1)">已结束用户（{{getEndList.length || 0}}）</span>
|
|
|
+ </div>
|
|
|
+ <div class="j-main" v-if="tabIndex === 0">
|
|
|
+ <message-list :list="loadingList" @select="onSelectCurMsg($event, '会话')"></message-list>
|
|
|
+ <message-list :title="'排队中（' + queueList.length + '）'" :list="queueList" @select="onSelectCurMsg($event, '排队')"></message-list>
|
|
|
+ </div>
|
|
|
+ <template v-else-if="tabIndex === 1">
|
|
|
+ <SearchFilter ref="searchFilter" @search="onSearch"></SearchFilter>
|
|
|
+ <message-list class="j-main" :list="getEndList" @select="onSelectCurMsg($event, '结束')"></message-list>
|
|
|
+ </template>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
