修改腾讯账号列表不出现滚动条bug

src/pages/tencent/account/index.vue

@@ -28,7 +28,8 @@
       <div class="delete-bar">
         <i class="el-icon-warning"></i> 已选择 <span class="num">{{selection.length || 0}}</span> 项 <el-button type="text" size="m" :disabled="!selection.length" @click="handleDelete('')" style="margin-left:15px;">删除</el-button>
       </div>
-      <el-table :data="listData" style="width: 100%;flex:1;" v-loading="loading" @selection-change="handleSelectionChange">
+      <div class="table-container">
+        <el-table :data="listData" style="width: 100%;" height="100%" v-loading="loading" @selection-change="handleSelectionChange">
           <el-table-column type="selection" width="45" />
           <el-table-column prop="username" label="姓名" min-width="120" />
           <el-table-column prop="phone" label="手机号码" min-width="80"/>
@@ -47,6 +48,7 @@
             </template>
           </el-table-column>
         </el-table>
+      </div>
       <div class="footer-bar">
         <el-pagination :current-page.sync="curPage" :page-size.sync="pageSize" :page-sizes="[10, 20, 50, 100]" layout="total, prev, pager, next, sizes, jumper" :total="total" @current-change="pageChange" @size-change="pageChange" style="text-align:right;"></el-pagination>
       </div>
@@ -306,6 +308,9 @@ h5{
   display:flex;
   flex-direction:column;
 }
+.table-container{
+  flex:1;
+}
 .search-filter{
   display:flex;
   flex-wrap: wrap;