update: 表格样式更新

src/layout/grid-view-layout/grid-view-layout.scss

@@ -105,5 +105,10 @@
     >.view-content {
         flex: auto;
         height: 0;
+        background: var(--app-color-white);
+        border: 1px solid var(--app-color-gray-200);
+    }
+    >.view-footer {
+        height: 40px;
     }
 }
\ No newline at end of file

src/styles/default.scss

@@ -27,16 +27,7 @@
   font-weight: 400;
 }
 
-.ivu-card-body .grid>.el-table .el-table__header-wrapper thead>tr th {
-  background: rgb(245,245,245);
-  border-right: 1px solid rgb(250,250,250);
-}
-.el-table td, .el-table th.is-leaf {
-  border-bottom: 1px solid #ebeef5;
-}
-.el-table th {
-  padding: 5px 0;
-}
+
 //  解决横向滚动条错位问题
 .el-scrollbar__wrap {
     // 滚动条样式
@@ -58,9 +49,6 @@
 .el-table--enable-row-hover .el-table__body tr:hover>td {
   background-color: #badfffba !important;
 }
-.grid .grid-selected-row{
-    background-color: #badfffba !important;
-}
 
 .el-table th .sort-caret.ascending{
     border-bottom-color: #f0f2f5;
@@ -177,14 +165,6 @@
         }
     }
 }
-/***    END:加载遮罩    ***/
-
-.grid-row-select {
-    background-color: #ecf5ff !important;
-    td {
-        background-color: #ecf5ff !important;
-    }
-}
 
 /***    BRGIN:表单错误信息2    ***/
 .app-form-item-error-info {

src/styles/element/index.scss

@@ -4,4 +4,5 @@
 @import './input.scss';
 @import './select.scss';
 @import './switch.scss';
-@import './slider.scss';
\ No newline at end of file
+@import './slider.scss';
+@import './table.scss';
\ No newline at end of file

src/styles/element/table.scss

+.el-table {
+    display: flex;
+    flex-direction: column;
+    padding: 16px 20px 20px;
+    gap: 10px;
+    border: 0;
+    &::before {
+        display: none;
+    }
+    .el-table__header-wrapper {
+        .cell {
+            color: var(--app-color-black);
+            font-size: 13px;
+            font-weight: bold;
+            line-height: 18px;
+            text-align: center;
+            .ascending {
+                border-bottom-color: var(--app-color-black);
+            }
+            .descending {
+                border-top-color: var(--app-color-black);
+            }
+        }
+        .el-table__cell {
+            background-color: var(--app-color-gray-400);
+        }
+        
+    }
+    .el-table__body-wrapper,
+      .el-table__fixed-body-wrapper {
+        max-height: calc(100% - 60px);
+        .el-table__body {
+          height: 100%;
+        }
+    }
+    .el-table-column--selection {
+        .el-checkbox__inner {
+            height: 16px;
+            width: 16px;
+        }
+        .el-checkbox.is-checked {
+            .el-checkbox__inner {
+                &::after {
+                    left: 5px;
+                    top: 2px;
+                }
+            }
+        }
+    }
+}
\ No newline at end of file

src/styles/iview/index.scss

@@ -8,4 +8,5 @@
 @import './card.scss';
 @import './data-picker.scss';
 @import './button.scss';
-@import './input-box.scss';
\ No newline at end of file
+@import './input-box.scss';
+@import './page.scss';
\ No newline at end of file

src/styles/iview/page.scss

+.grid-pagination  {
+    height: 44px;
+    padding: 0 80px 0 20px;
+    background-color: var(--app-color-white);
+    display: flex;
+    justify-content: flex-end;
+    align-items: center;
+    gap: 15px;
+    color: var(--app-color-gray-100);
+    border-top: 1px solid var(--app-color-gray-400);
+    .ivu-page {
+        height: 25px;
+        display: flex;
+    }
+    .ivu-page-simple-pager {
+        pointer-events: none;
+        cursor: pointer;
+    }
+    .grid-page-pre-pro {
+        transform: rotate(90deg);
+    }
+    .grid-page-next-pro {
+        transform: rotate(-90deg);
+    }
+    .grid-page-pre-pro,.grid-page-next-pro {
+        font-size: 24px;
+        margin-top: -2px;
+    }
+    .ivu-icon {
+        font-size: 24px;
+        color: var(--app-color-gray-100);
+    }
+    .grid-pagination__dropdown {
+        span {
+            color: var(--app-color-black);
+            font-weight: 600;
+        }
+        .ivu-icon {
+            margin-left: 15px;
+        }
+    }
+}
\ No newline at end of file