From f17b5cf4523af56c67ff7d8330b6a8dde4d19458 Mon Sep 17 00:00:00 2001
From: songshankun <songshankun@foxmail.com>
Date: 星期五, 22 九月 2023 20:33:49 +0800
Subject: [PATCH] style: 表格样式细节调整

---
 src/views/supplierManage/supplier/index.vue  |   53 --------------------------
 src/components/makepager/TableCommonView.vue |   30 ++++++++++-----
 src/assets/style/index.scss                  |   22 +++++++++++
 3 files changed, 42 insertions(+), 63 deletions(-)

diff --git a/src/assets/style/index.scss b/src/assets/style/index.scss
index b5a740a..89fe4ef 100644
--- a/src/assets/style/index.scss
+++ b/src/assets/style/index.scss
@@ -156,3 +156,25 @@
   background: #ffffff;
   // background:#2c60c5;
 }
+
+.el-button--primary {
+  color: #fff;
+  background-color: $color-primary !important;
+  border-color: $color-primary !important;
+}
+
+.el-pagination.is-background .el-pager li:not(.disabled).active {
+  background: $color-primary !important;
+}
+
+.el-button--text {
+  color: #2a78fb !important;
+}
+.el-button--text.is-disabled {
+  color: #7c7f85 !important;
+}
+.el-button--primary {
+  color: #fff;
+  background-color: #2a78fb !important;
+  border-color: #2a78fb !important;
+}
diff --git a/src/components/makepager/TableCommonView.vue b/src/components/makepager/TableCommonView.vue
index fbf5c69..ca6a5e6 100644
--- a/src/components/makepager/TableCommonView.vue
+++ b/src/components/makepager/TableCommonView.vue
@@ -338,19 +338,29 @@
       background-color: #fff;
       font-weight: bold;
     }
-    // .cell{
-    //     &:nth-last-child(3){
-    //       text-align:right;
-    //     }
-    //   }
   }
 }
 
-::v-deep {
-  .el-table {
-    border-top-left-radius: 12px;
-    border-top-right-radius: 12px;
-    overflow: auto;
+::v-deep .el-table .cell {
+  font-size: 12px;
+  line-height: 17px;
+  font-family: PingFangSC;
+  color: rgba(0, 0, 0, 0.9);
+  .el-button--text {
+    width: auto;
+    height: auto;
+    font-family: PingFangSC-Medium, sans-serif;
+  }
+}
+::v-deep .el-table .el-table__cell {
+  padding: 6px 0 !important;
+  height: 35px;
+  text-align: center;
+}
+
+::v-deep{
+  .el-table .cell .el-button--text.el-button--small{
+    padding: 4px 0;
   }
 }
 </style>
diff --git a/src/views/supplierManage/supplier/index.vue b/src/views/supplierManage/supplier/index.vue
index c99e643..cbfb597 100644
--- a/src/views/supplierManage/supplier/index.vue
+++ b/src/views/supplierManage/supplier/index.vue
@@ -372,59 +372,6 @@
 
 <!-- Add "scoped" attribute to limit CSS to this component only -->
 <style lang="scss" scoped>
-.rightContent {
-  height: 100%;
-  background: #f0f2f5;
-  padding: 10px;
-  .top {
-    margin-bottom: 20px;
-    height: 55%;
-    background: #fff;
-    .list-view {
-      height: calc(100% - 120px);
-    }
-    .supplier-search {
-      display: flex;
-      align-items: center;
-      .add-view {
-        margin-left: auto;
-        margin-right: 20px;
-      }
-    }
-    .sel-name {
-      color: $color-primary;
-      cursor: pointer;
-    }
-    // .btn-pager {
-    //   display: flex;
-    //   .page {
-    //     margin-left: auto;
-    //   }
-    // }
-  }
-  .bottom {
-    margin-top: 20px;
-    height: calc(40% - 0px);
-    background: #fff;
-    .list-view {
-      height: calc(100% - 120px);
-    }
-    .product-search {
-      display: flex;
-      align-items: center;
-      .search {
-        margin-left: auto;
-      }
-      .add-view {
-        margin-left: 20px;
-        margin-right: 20px;
-      }
-    }
-  }
-}
-
-
-
 .supplier{
   height: 100%;
   overflow: hidden;

--
Gitblit v1.8.0