update: 调整样式

src/components/app/customer/select-group.vue

@@ -11,12 +11,12 @@
   import selectGroup from '@/components/app/customer/select-group.vue';
  -->
 <template>
-  <el-dialog title="选择分组" :visible.sync="dialogVisible" width="833px" :before-close="handleClose">
+  <el-dialog class="select-table-dialog" title="选择分组" :visible.sync="dialogVisible" width="833px" :before-close="handleClose">
     <div class="">
       <div class="search-top m-b-20">
         <el-input placeholder="请输入分组名称搜索" maxlength="50" prefix-icon="el-icon-search" v-model="searchInput" class="w-280" @keyup.native="value => toInput(value, searchInput)" clearable @clear="clearInput"> </el-input>
       </div>
-      <el-table class="select-table" ref="multipleTable" v-loading="loading" :data="tableData" height="450" tooltip-effect="dark" :style="{ width: '100%' }" @selection-change="handleSelectionChange">
+      <el-table class="select-table" ref="multipleTable" v-loading="loading" :data="tableData" height="33vh" tooltip-effect="dark" :style="{ width: '100%' }" @selection-change="handleSelectionChange">
         <el-table-column type="selection" width="55"> </el-table-column>
         <el-table-column label="分组名称">
           <template slot-scope="scope">
@@ -47,8 +47,8 @@
           </template>
         </el-table-column>
       </el-table>
-      <div class="block common-wrap__page text-right m-t-24" v-if="tableData.length != 0">
-        <dm-pagination background @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="currentPage" :page-sizes="[20, 40, 60, 80]" :page-size="pageSize" layout="total, sizes, prev, pager, next, jumper" :total="total"> </dm-pagination>
+      <div class="block common-wrap__page text-right" v-if="tableData.length != 0">
+        <dm-pagination background @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="currentPage" :page-sizes="[20, 40, 60, 80]" :page-size="pageSize" layout="total, sizes, prev, pager, next" :total="total" style="margin-bottom: 0"> </dm-pagination>
       </div>
     </div>
     <div slot="footer" class="dialog-footer">
@@ -188,6 +188,12 @@ export default {
 };
 </script>
 <style lang="scss" scoped>
+.select-table-dialog {
+  >>> .el-dialog__body {
+    padding-top: 10px;
+    padding-bottom: 10px;
+  }
+}
 .m-b-20 {
   margin-bottom: 20px;
 }