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>
-
-:deep(.AiTableSelect) {
+.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__header) {
+  :deep(.ai-table) {
+    .ai-table__header {
       & > .cell {
         display: flex !important;
         align-items: center !important;
         justify-content: space-between !important;
       }
-}
+    }
 
-:deep(.ai-table .el-table__header tr th:first-child .cell) {
+    .el-table__header tr th:first-child .cell, .el-table__body tr td:first-child .cell {
       padding-left: 20px !important;
-}
+    }
+  }
 
-:deep(.ai-table .el-table__body tr td:first-child .cell ) {
-  padding-left: 20px !important;
-}
+  :deep(.newPagination) {
+    padding: 0 !important;
 
+    .el-pagination__rightwrapper {
+      flex: 1;
+
+      .el-pagination__sizes {
+        margin-right: 0;
+      }
+    }
+  }
+}
 </style>