2022-04-26

king

2022-04-26 5046d0d13dc6a8563b8e54e31913bc44cfa1072f

 src/tabviews/custom/components/table/edit-table/normalTable/index.scss

@@ -1,5 +1,6 @@
.edit-custom-table {
  position: relative;
  min-height: 150px;
  padding: 0px;

  .normal-table-footer {
@@ -17,6 +18,12 @@
  .ant-table {
    color: inherit;
    font-size: inherit;
  }
  .mk-edit-sign {
    position: absolute;
    bottom: 2px;
    right: 5px;
    opacity: 0.7;
  }

  table {
@@ -135,47 +142,91 @@
      }
    }
  }
  .fix-header {
    .ant-table-body {
      min-height: unset
    }
    .ant-table-placeholder {
      display: none;
    }
    .ant-table-wrapper {
      display: none;
    }
    .ant-affix .ant-table-wrapper {
      display: block;
    }
  }
  .ant-input {
    border: none;
    box-shadow: none!important;
    height: auto;
    border-radius: 0;
  }
  .ant-input-number {
    border: none;
    box-shadow: none!important;
    height: auto;
    .ant-input-number-handler-wrap {
      display: none;
    }
    .ant-input-number-input {
      border-radius: 0;
      padding: 0;
      height: auto;
    }
  }

  .editing_table_cell {
    .ant-input {
      padding: 0px;
      position: absolute;
      top: 0px;
      left: 0px;
      right: 0px;
      bottom: 0px;
      border: 1px solid var(--antd-wave-shadow-color);
      height: auto;
      border-radius: 0;
      box-shadow: none!important;
    }
    .anticon {
    .ant-select {
      padding: 0px;
      position: absolute;
      top: 0px;
      left: 0px;
      right: 0px;
      bottom: 0px;
      .ant-select-selection {
        height: 100%;
        border-radius: 0;

        .ant-select-arrow {
          display: none;
        }
      }
    }
    .ant-input-number {
      height: auto;
      border-radius: 0;
      position: unset;
      border: none;
      box-shadow: none!important;
      
      .ant-input-number-handler-wrap {
        display: none;
      }
      .ant-input-number-input {
        border-radius: 0;
        padding: 0;
        height: auto;
        position: absolute;
        top: 0px;
        left: 0px;
        right: 0px;
        bottom: 0px;
        border: 1px solid var(--antd-wave-shadow-color);
      }
    }
    .anticon-exclamation-circle {
      color: #ff4d4f;
      position: absolute;
      right: 3px;
      top: calc(50% - 8px);
    }
  }
  .editing_all_table_cell {
    .ant-input {
      border-radius: 0;
      padding: 4px 5px;
    }
    .ant-select {
      width: 100%;
      .ant-select-selection {
        border-radius: 0;
      }
    }
    .ant-input-number {
      border-radius: 0;
      
      .ant-input-number-handler-wrap {
        display: none;
      }
      .ant-input-number-input {
        border-radius: 0;
        padding: 4px 5px;
      }
    }
    .anticon-exclamation-circle {
      color: #ff4d4f;
      position: absolute;
      right: 13px;
      top: calc(50% - 8px);
    }
  }
@@ -193,6 +244,62 @@
      right: 0;
    }
  }
  .mk-editable {
    position: absolute;
    display: none;
    top: calc(50% - 18px);
    cursor: pointer;
    padding: 10px 5px;
    opacity: 0;
  }
  tr:hover {
    .mk-editable {
      opacity: 1;
    }
    .mk-plus {
      left: -25px;
    }
    .mk-del {
      right: -25px;
    }
  }
  .mk-plus {
    left: 0px;
    color: rgb(38, 194, 129);
    padding-right: 10px;
  }
  .mk-del {
    right: 0px;
    color: rgb(255, 77, 79);
    padding-left: 10px;
  }
  .mk-add-line {
    width: 100px;
    color: #26C281;
    border-radius: 0;
    font-size: 25px;
    height: 45px;
  }
  .submit-footer-table {
    float: right;
    min-height: 24px;
    height: auto;
    color: #ffffff;
    background-color: #1890ff;
    border-width: 0;
    margin-top: 10px!important;
    margin-right: 10px!important;
  }
}
.edit-custom-table.buoyMode {
  .ant-table-scroll {
    overflow: unset;
    overflow-x: unset;

    .ant-table-body {
      overflow-x: unset!important;
    }
  }
}
.edit-custom-table.editable {
  td {
@@ -206,6 +313,9 @@
  }
  .ant-table-placeholder {
    display: none;
  }
  .mk-editable {
    display: inline-block;
  }
}
.edit-custom-table:not(.fixed-height) {
@@ -281,4 +391,45 @@
      cursor: pointer;
    }
  }
}
.edit-table-dropdown {
  .ant-select-dropdown-menu-item {
    white-space: unset;
    text-overflow: unset;
  }
}
.edit-custom-table-btn-wrap {
  float: right;
  padding: 5px 0px;
  .main-pickup {
    position: relative;
    z-index: 2;
  }
  .submit-table {
    position: relative;
    z-index: 2;
    margin-right: 15px;
    min-height: 24px;
    height: auto;
    color: #ffffff;
    background-color: #1890ff;
    border-width: 0;
    margin-top: 0px!important;
    margin-bottom: 0px!important;
  }
}
.edit-custom-table-leftbtn-wrap {
  float: left;
  line-height: 45px;
  .submit-table {
    position: relative;
    z-index: 2;
    min-height: 28px;
    height: auto;
    color: #ffffff;
    background-color: #1890ff;
    border-width: 0;
    margin-top: 0px;
    margin-bottom: 0px;
  }
}