haoyahui
2023-11-20 025dafb9892a8ff8f8a855343660f837a0f231d3
admin-web/src/styles/store.scss
@@ -1,127 +1,127 @@
.stock-container {
    .ml-20 {
      margin-left: 20px;
    }
    .card,.list-item {
      display: flex;
      flex-wrap: wrap;
      margin: 0px !important;
  .ml-20 {
    margin-left: 20px;
  }
  .card,
  .list-item {
    display: flex;
    flex-wrap: wrap;
    margin: 0px !important;
    width: 100%;
    min-height: 100%;
    .cm-item {
      width: 100%;
      min-height: 100%;
      .cm-item {
        width: 100%;
      }
      .cm-item .el-card__body {
        padding-bottom: 5px;
      }
    }
    .card-data {
      width: 100%;
      position: relative;
      margin-top: 8px;
      .card-container {
        .card-header {
          height: 48px;
          display: flex;
          align-items: center;
          justify-content: space-between;
          background: #f3f9fe;
          padding: 0 32px 0 15px;
          box-sizing: border-box;
    .cm-item .el-card__body {
      padding-bottom: 5px;
    }
  }
  .card-data {
    width: 100%;
    position: relative;
    margin-top: 8px;
    .card-container {
      .card-header {
        height: 48px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        background: #f3f9fe;
        padding: 0 32px 0 15px;
        box-sizing: border-box;
      }
      .card-header-left {
        display: flex;
        align-items: center;
        color: #999999;
        font-family: 'Microsoft YaHei UI';
        font-size: 18px;
        font-weight: 700;
        .value {
          color: #3d3d3d;
        }
        .card-header-left {
          display: flex;
          align-items: center;
        .states {
          width: 54px;
          height: 22px;
          line-height: 22px;
          text-align: center;
          border-radius: 4px;
          border: 1px solid #f9675b99;
          background: rgba($color: #f9675b99, $alpha: 0.1);
          font-family: 'Microsoft YaHei';
          color: #f9675b;
          font-size: 13px;
          font-style: normal;
          font-weight: 400;
          margin-left: 8px;
        }
        .states-success {
          border: 1px solid #39ad6199;
          background: rgba($color: #39ad6199, $alpha: 0.1);
          color: #39ad61;
        }
        .states-info {
          border: 1px solid #999999;
          background: rgba($color: #999999, $alpha: 0.1);
          color: #999999;
          font-family: 'Microsoft YaHei UI';
          font-size: 18px;
          font-weight: 700;
          .value {
            color: #3d3d3d;
        }
        .states-warning {
          border: 1px solid #e6a23c;
          background: rgba($color: #e6a23c, $alpha: 0.1);
          color: #e6a23c;
        }
      }
      .one-hed {
        margin-top: 15px;
        padding: 0 32px 0 15px;
        box-sizing: border-box;
        .box {
          display: inline-block;
          margin-right: 20px;
        }
        .span-two {
          color: #83919e;
          font-size: 14px;
        }
      }
      .card-end {
        font-size: 14px;
        color: #3d3d3d;
        margin-top: 15px;
        display: flex;
        flex-wrap: wrap;
        font-family: 'Microsoft YaHei UI';
        padding: 0 16px;
        box-sizing: border-box;
        .item {
          width: 379px;
          height: 60px;
          padding: 8px 12px 9px 12px;
          box-sizing: border-box;
          align-items: center;
          gap: 8px;
          flex-shrink: 0;
          background: #f9f9f9;
          margin-right: 15px;
          margin-bottom: 15px;
          &:last-child {
            margin-right: 0;
          }
          .states {
            width: 54px;
          .name {
            height: 22px;
            line-height: 22px;
            text-align: center;
            border-radius: 4px;
            border: 1px solid #f9675b99;
            background: rgba($color:#f9675b99,$alpha:0.1);
            font-family: 'Microsoft YaHei';
            color: #f9675b;
            font-size: 13px;
            font-style: normal;
            font-weight: 400;
            margin-left: 8px;
          }
          .states-success {
            border: 1px solid #39ad6199;
            background: rgba($color:#39ad6199,$alpha:0.1);
            color: #39ad61;
          }
          .states-info {
            border: 1px solid #999999;
            background: rgba($color:#999999,$alpha:0.1);
            color: #999999;
          }
          .states-warning {
            border: 1px solid #e6a23c;
            background: rgba($color:#e6a23c,$alpha:0.1);
            color: #e6a23c;
          }
        }
        .one-hed {
          margin-top: 15px;
          padding: 0 32px 0 15px;
          box-sizing: border-box;
          .box {
            display: inline-block;
            margin-right: 20px;
          }
          .span-two {
            color: #83919e;
            font-size: 14px;
          }
        }
        .card-end {
          font-size: 14px;
          color: #3d3d3d;
          margin-top: 15px;
          display: flex;
          flex-wrap: wrap;
          font-family: 'Microsoft YaHei UI';
          padding: 0 16px;
          box-sizing: border-box;
          .item {
            width: 379px;
            height: 60px;
            padding: 8px 12px 9px 12px;
            box-sizing: border-box;
            align-items: center;
            gap: 8px;
            flex-shrink: 0;
            background: #f9f9f9;
            margin-right: 15px;
            margin-bottom: 15px;
            &:last-child {
              margin-right: 0;
            }
            .name {
              height: 22px;
              line-height: 22px;
            }
            .value-box {
              display: flex;
              .value-box-item {
                margin-right: 20px;
                .label {
                  color: #99999999;
                  line-height: 22px;
                }
                .value {
                  color: #ff3131;
                }
          .value-box {
            display: flex;
            .value-box-item {
              margin-right: 20px;
              .label {
                color: #99999999;
                line-height: 22px;
              }
              .value {
                color: #ff3131;
              }
            }
          }
@@ -129,73 +129,78 @@
      }
    }
  }
  .no-data{
    margin-top: 100px;
    text-align: center;
    color: #909399;
  .el-pagination {
    display: flex;
    justify-content: flex-end;
  }
  /*编辑*/
  .stock-edit{
    .main-w {
      width: 88%;
}
.no-data {
  margin-top: 100px;
  text-align: center;
  color: #909399;
}
/*编辑*/
.stock-edit {
  .main-w {
    width: 88%;
  }
  .goods-card {
    position: relative;
    background: #f6f6f6;
    padding: 20px;
    box-sizing: border-box;
    border-radius: 4px;
    background-color: #f9f9f9;
    margin-top: 20px;
    &:nth-of-type(1) {
      margin-top: 0;
    }
    .goods-card {
      position: relative;
      background: #f6f6f6;
      padding: 20px;
      box-sizing: border-box;
      border-radius: 4px;
      background-color: #f9f9f9;
      margin-top: 20px;
      &:nth-of-type(1) {
        margin-top: 0;
      }
    }
    .btn-group {
      width: 80px;
      position: absolute;
      right: -94px;
      bottom: 0px;
      .el-button {
        margin-bottom: 10px;
        margin-left: 0;
        display: block;
        &:last-child {
          margin-bottom: 0;
        }
  }
  .btn-group {
    width: 80px;
    position: absolute;
    right: -94px;
    bottom: 0px;
    .el-button {
      margin-bottom: 10px;
      margin-left: 0;
      display: block;
      &:last-child {
        margin-bottom: 0;
      }
    }
  }
  /*详情*/
  .stock-detail{
    .img-row {
      display: flex;
      align-content: center;
}
/*详情*/
.stock-detail {
  .img-row {
    display: flex;
    align-content: center;
  }
  .img-box {
    display: inline-block;
    width: 80px;
    height: 80px;
    background: #f9f9f9;
    margin-right: 20px;
    cursor: pointer;
    .img {
      width: 100%;
    }
    .img-box {
      display: inline-block;
      width: 80px;
      height: 80px;
      background: #f9f9f9;
      margin-right: 20px;
      cursor: pointer;
      .img {
        width: 100%;
      }
  }
  .goods-card {
    position: relative;
    background: #f6f6f6;
    padding: 20px;
    box-sizing: border-box;
    border-radius: 4px;
    background-color: #f9f9f9;
    margin-top: 20px;
    &:nth-of-type(1) {
      margin-top: 0;
    }
    .goods-card {
      position: relative;
      background: #f6f6f6;
      padding: 20px;
      box-sizing: border-box;
      border-radius: 4px;
      background-color: #f9f9f9;
      margin-top: 20px;
      &:nth-of-type(1) {
        margin-top: 0;
      }
    }
  }
  }
}