供应商管理-供应商列表

dsk-operate-ui/src/assets/styles/supplierlist.scss

-.search-the-owner {
+.title_wrap,.el-divider{
+  border-color: #eee;
+}
+.supplier{
+  padding: 16px 24px;
   width: 100%;
   height: 100%;
-  padding: 16px 24px;
+
+}
+.search-supplier {
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
+  border-radius:4px 4px 0px 0px ;
+  overflow: hidden;
 }
-::v-deep .el-form-item__label{
+::v-deep .el-form{
+  .el-form-item__label{
+  font-weight: 400 !important;
+  }
+}
+.el-form-item__label{
   font-weight: 400;
 }
-
-.content-outer-container {
+.content-supplier {
   overflow: hidden;
   background: #ffffff;
   border-top-left-radius: 4px;
   border-bottom-left-radius: 4px;
-  padding: 20px 16px;
+  padding: 20px 16px 4px;
+  .el-form-item{
+   margin-bottom: 16px;
+  }
+  .el-divider{
+    margin-top: 4px;
+    margin-bottom: 20px;
+  }
+  .el-form-item__content{
+    width: 282px;
+    .el-cascader,.el-select,.el-date-editor{
+      width: 100%;
+    }
+    .el-icon-date{
+      display: none;
+    }
+    .el-button--small{
+      font-size: 14px;
+    }
+    .el-button + .el-button{
+      margin-left: 12px;
+    }
+  }
+}
+.table-supplier{
+  background: #fff;
+  padding: 16px;
+  margin-top: 16px;
+  border-radius: 0px 0px 4px 4px;
+  .total-title{
+    height: 24px;
+    line-height: 24px;
+    .totals{
+      padding-left: 6px;
+      position: relative;
+      font-size: 12px;
+      color: #3D3D3D;
+      display: inline-block;
+      &::before{
+        content: ' ';
+        position: absolute;
+        width: 2px;
+        height: 2px;
+        background: rgba(35,35,35,0.4);
+        border-radius: 50%;
+        left: 0;
+        top: 12px;
+      }
+    }
+    .total-dc{
+      float: right;
+      img{
+        width: 18px;
+        margin-right: 6px;
+        margin-top: -4px;
+      }
+      color: rgba(35,35,35,0.8);
+    }
+    margin-bottom: 16px;
+  }
+  .pagination{
+    text-align: right;
+    margin-right: -10px;
+  }
+  .table-item .el-table .is-scrolling-left + .el-table__fixed, .table-item .el-table .is-scrolling-middle + .el-table__fixed, .table-item .el-table .is-scrolling-right + .el-table__fixed{
+    bottom: 10px !important;
+  }
+  .cell a:hover{
+    color: #0081ff;
+  }
+  .tabs{
+    margin-right: 20px;
+    &:last-child{
+      margin: 0;
+    }
+  }
+}
+.dialog-supplier{
+  .el-dialog__header{
+    line-height: 24px;
+    padding: 16px 20px;
+    font-size: 16px;
+    color: #232323;
+    font-weight: 700;
+    border-bottom: 1px solid #E5E6EB;
+  }
+  .el-dialog__body{
+    padding: 20px;
+  }
+}
+.title_wrap.i{
+  border: 0;
+}
+.access-content{
+  background: #fff;
+  border-radius: 0 0 4px 4px;
+  .tabpane .el-tabs__header{
+    margin-top: -14px;
+  }
+  .acc-title{
+    line-height: 22px;
+    &.i{
+      margin-top: 24px;
+    }
+  }
+
+  .main3-box {
+    margin-top: 16px;
+    border-top: 1px solid #E6E9F0;
+
+    p {
+      display: flex;
+      margin: 0;
+      border-left: 1px solid #E6E9F0;
+      border-right: 1px solid #E6E9F0;
+      border-bottom: 1px solid #E6E9F0;
+      background: #fff;
+      .label {
+        width: 10%;
+        height: auto;
+        font-weight: 400;
+        font-size: 12px;
+        padding: 12px;
+        background: #F0F3FA;
+        display: flex;
+        align-items: center;
+      }
+
+      span {
+        display: flex;
+        align-items: center;
+        width: 40%;
+        color: #000;
+        padding: 12px;
+        font-size: 12px;
+      }
+
+      .span-one {
+        width: 90%;
+      }
+      .blue {
+        color: #0081FF !important;
+        cursor: pointer;
+
+      }
+
+    }
+
+  }
 }