样式美化

web/src/style/base.scss

@@ -58,17 +58,3 @@
 .title-3 {
     text-align: center;
 }
-
-.el-pager li.active {
-    color: #409EFF !important;
-    border: 1px solid #409EFF;
-}
-
-.el-pager li.active+li {
-    border-left: 1px !important;
-}
-
-.el-pager li:hover {
-    color: #409EFF !important;
-    border: 1px solid #409EFF;
-}

web/src/style/main.scss

@@ -776,6 +776,18 @@ li {
         .el-input__suffix {
             margin-top: -3px;
         }
+        &.is-disabled{
+            .el-input__suffix {
+                margin-top: 0px;
+            }
+        }
+    }
+    .el-cascader{
+        .el-input {
+            .el-input__suffix {
+                margin-top: 0px;
+            }
+        }
     }
     .el-input__inner {
         border-color: rgba($color: #000000, $alpha: 0.15);
@@ -1070,13 +1082,13 @@ li {
     z-index: 1;
     top: 6px !important;
     width: 42px;
-    height: 26px;
-    line-height: 26px;
+    height: 29px;
+    line-height: 29px;
     text-align: center;
     background: #F5F7FA;
     color: #606266;
     cursor: pointer;
-    font-size: 13px;
+    font-size: 12px;
 }
 
 $headerHigh: 52px;
@@ -1417,6 +1429,64 @@ $mainHight: 100vh;
 .gva-pagination {
     display: flex;
     justify-content: flex-end;
+    .el-pagination__editor{
+        .el-input__inner{
+            height: 32px;
+        }
+    }
+    .el-pagination__total{
+          line-height: 32px !important;
+    }
+    .btn-prev{
+        padding-right:6px;
+        display: inline-flex;
+        justify-content: center;
+        align-items: center;
+        width: 32px;
+        height: 32px;
+    }
+    .number{
+        display: inline-flex;
+        justify-content: center;
+        align-items: center;
+        width: 32px;
+        height: 32px;
+    }
+    .btn-quicknext{
+        display: inline-flex;
+        justify-content: center;
+        align-items: center;
+        width: 32px;
+        height: 32px;
+    }
+    .btn-next{
+        padding-left:6px;
+        width: 32px;
+        height: 32px;
+        display: inline-flex;
+        justify-content: center;
+        align-items: center;
+    }
+    .active {
+        background: #4D70FF;
+        border-radius: 2px;
+        color: #ffffff !important;
+    }
+    .el-pager li.active+li{
+        border-left: 1px solid #ddd !important;
+    }
+    .el-pagination__sizes{
+        .el-input{
+            .el-input__suffix {
+                margin-top: 2px;
+            }
+        }
+    }
+    .el-pagination__jump{
+        .el-pagination__editor{
+
+        }
+    }
 }
 
 .el-button--mini {
@@ -1429,4 +1499,35 @@ $mainHight: 100vh;
     &.el-button--text {
         padding: 8px 0;
     }
+}
+
+.el-dialog {
+    padding: 12px;
+    .el-dialog__body{
+        padding: 12px 6px;
+    }
+    .el-dialog__header{
+        .el-dialog__title{
+            font-size: 14px;
+            font-weight: 500;
+        }
+        padding: 2px 20px 12px 20px;
+        border-bottom: 1px solid #E4E4E4;
+    }
+    .el-dialog__headerbtn{
+        top:16px;
+    }
+    .el-dialog__footer{
+        margin-top: -12px;
+        padding: 0 0 16px 0;
+        .dialog-footer{
+            .el-button{
+                padding-left: 24px;
+                padding-right: 24px;
+            }
+            .el-button+.el-button{
+                margin-left: 30px;
+            }
+        }
+    }
 }