style: 已结束会话顶部固定

src/views/CustomerServiceView.vue

@@ -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>