AiTableSelect

ui/packages/basic/AiTableSelect.vue

@@ -4,7 +4,7 @@
       <ai-table v-if="isShowPagination" ref="PendingTable" :tableData="tableData" :total="page.total" :current.sync="page.current"
                 :size.sync="page.size" class="fill" border height="330px" @getList="getTableData" tableSize="mini"
                 :col-configs="[{slot: 'resident'}]" layout="slot,->, prev, pager, next, jumper" :pagerCount="5">
-        <el-table-column slot="resident">
+        <el-table-column slot="resident" class="ai-table__header">
           <template #header>
             <b v-text="tableTitle"/>
             <el-input class="fill searchbar" v-model="search[searchKey]" size="small" placeholder="搜索" clearable
@@ -41,7 +41,7 @@
         </el-table-column>
       </ai-table>
       <ai-table :tableData="selected" :col-configs="[{slot:'resident'}]" :isShowPagination="false" border
-                height="330px" tableSize="mini" class="el-table--scrollable-y">
+                height="330px" tableSize="mini" class="el-table--scrollable-y fill">
         <el-table-column slot="resident">
           <template #header>
             <b v-text="`已选择`"/>
@@ -190,7 +190,8 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-:deep(.AiTableSelect ){
+
+:deep(.AiTableSelect){
   .el-row {
     width: 100%;
 
@@ -212,16 +213,6 @@ export default {
     }
   }
 
-  .ai-table__header {
-    padding: 0 !important;
-
-    & > .cell {
-      display: flex;
-      align-items: center;
-      justify-content: space-between;
-    }
-  }
-
   .searchbar {
     padding-right: 0;
   }
@@ -238,5 +229,15 @@ export default {
       height: 24px;
     }
   }
+
+}
+:deep(.ai-table__header) {
+  padding-left: 0 !important;
+
+  .cell {
+    display: flex !important;
+    align-items: center !important;
+    justify-content: space-between !important;
+  }
 }
 </style>