BUG 356

ui/packages/basic/AiTableSelect.vue

@@ -62,11 +62,12 @@
   </section>
 </template>
 
-<script>
+<script>/**
-/**
  * 智能列表选择器
  * @displayName AiTableSelect
  */
+import {ID} from "../../lib/js/utils";
+
 export default {
   name: "AiTableSelect",
   model: {
@@ -143,7 +144,7 @@ export default {
   methods: {
     getExtra(row) {
       let {extra} = this
-      return extra ? row[extra] : this.idCardNoUtil.hideId(row.idNumber)
+      return extra ? row[extra] : ID.hideId(row.idNumber)
     },
     initValue() {
       let unwatch = this.$watch('value', (v) => {
@@ -195,8 +196,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-
+.AiTableSelect {
-:deep(.AiTableSelect) {
   .el-row {
     width: 100%;
 
@@ -222,12 +222,6 @@ export default {
     padding-right: 0;
   }
 
-  .newPagination {
-    height: 32px;
-    padding: 0 !important;
-    margin-top: 8px;
-  }
-
   .ai-table__cell {
     .el-button--text {
       padding: 0 8px;
@@ -235,22 +229,30 @@ export default {
     }
   }
 
-}
+  :deep(.ai-table) {
+    .ai-table__header {
+      & > .cell {
+        display: flex !important;
+        align-items: center !important;
+        justify-content: space-between !important;
+      }
+    }
 
-:deep(.ai-table__header) {
+    .el-table__header tr th:first-child .cell, .el-table__body tr td:first-child .cell {
-  & > .cell {
+      padding-left: 20px !important;
-    display: flex !important;
+    }
-    align-items: center !important;
+  }
-    justify-content: space-between !important;
+
+  :deep(.newPagination) {
+    padding: 0 !important;
+
+    .el-pagination__rightwrapper {
+      flex: 1;
+
+      .el-pagination__sizes {
+        margin-right: 0;
+      }
+    }
   }
 }
-
-:deep(.ai-table .el-table__header tr th:first-child .cell) {
-  padding-left: 20px !important;
-}
-
-:deep(.ai-table .el-table__body tr td:first-child .cell ) {
-  padding-left: 20px !important;
-}
-
 </style>