2020-02-07

king

2020-02-07 7051e15582aee4163b3c8dd13dc85f4f1e2ce6eb

 src/tabviews/formtab/index.scss

@@ -1,10 +1,122 @@
.commontable {
.formtab {
  position: relative;
  min-height: calc(100vh - 94px);
  padding-top: 16px;
  padding-bottom: 80px;
  .box404 {
    padding-top: 30px;
  }
  .ant-collapse {
    border-radius: 0;
    border: 0;
    margin-top: 30px;
    .ant-collapse-header {
      cursor: default;
      border-radius: 0!important;
      background: #1890ff;
      color: #ffffff;
      padding-left: 30px;
      padding-right: 20px;
      .anticon {
        font-size: 16px;
      }
      .ant-collapse-extra {
        .anticon-edit {
          position: absolute;
          left: 5px;
          top: 2px;
        }
      }
    }
    .ant-collapse-item:last-child {
      border-radius: 0;
      .ant-collapse-content {
        border-radius: 0;
      }
    }
    .ant-collapse-content-box {
      padding: 16px 30px;
      > .ant-row {
        min-height: 90px;
        padding-bottom: 30px;
        .page-card {
          position: relative;
          background: #ffffff;
          border-radius: 2px;
          padding-top: 15px;
          .ant-form-item {
            cursor: move;
            display: flex;
            margin-bottom: 0px;
            .ant-form-item-label {
              label {
                width: 100%;
                cursor: move;
                overflow: hidden;
                display: inline-block;
                text-overflow: ellipsis;
                white-space: nowrap;
              }
            }
            .ant-form-item-label.ant-col-cuslabel {
              width: 11%;
            }
            .ant-form-item-control-wrapper.ant-col-cuswrap {
              width: 89%;
            }
            .ant-form-item-control-wrapper {
              .ant-input-number {
                width: 100%;
                margin-top: 4px;
              }
              .ant-select {
                width: 100%;
                margin-top: 4px;
              }
              .ant-calendar-picker {
                margin-top: 4px;
              }
              .ant-btn {
                margin-top: 4px;
              }
              .input-mask {
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                opacity: 0;
                z-index: 2;
              }
              .data-range .ant-calendar-picker-input {
                padding: 4px 20px 4px 5px;
                font-size: 13px;
              }
            }
          }
          .edit {
            position: absolute;
            left: 15px;
            top: 5px;
            color: #1890ff;
            cursor: pointer;
            display: none;
          }
          .edit.close {
            left: 40px;
            color: #ff4d4f;
          }
        }
        .page-card:hover {
          .edit {
            display: inline-block;
          }
        }
        .ant-calendar-picker {
          min-width: 100px!important;
          width: 100%;
        }
      }
    }
  }
  .ant-modal-mask {
    position: absolute;
@@ -72,7 +184,7 @@
    margin-top: 20px;
  }
}
.commontable.pick-control {
.formtab.pick-control {
  >.button-list {
    padding-right: 140px;
  }