style: 表格样式细节调整

songshankun

2023-09-22 f17b5cf4523af56c67ff7d8330b6a8dde4d19458

style: 表格样式细节调整

 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;
}

 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 .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 {
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    overflow: auto;
  .el-table .cell .el-button--text.el-button--small{
    padding: 4px 0;
  }
}
</style>

 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;