king
2020-02-09 6d0137932fcc8f9848123743c1aad5cff8172d8a
src/tabviews/formtab/index.scss
@@ -1,123 +1,98 @@
.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 {
  >.ant-form.ant-form-horizontal {
    .ant-collapse {
      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 {
      border: 0;
      .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: 15px;
            top: 5px;
            color: #1890ff;
            cursor: pointer;
            display: none;
          }
          .edit.close {
            left: 40px;
            color: #ff4d4f;
            left: 5px;
            top: 2px;
          }
        }
        .page-card:hover {
          .edit {
            display: inline-block;
          }
      }
      .ant-collapse-item:last-child {
        border-radius: 0;
        .ant-collapse-content {
          border-radius: 0;
        }
        .ant-calendar-picker {
          min-width: 100px!important;
          width: 100%;
      }
      .ant-collapse-content-box {
        padding: 16px 30px;
        > .ant-row {
          // .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;
          //       }
          //       .data-range .ant-calendar-picker-input {
          //         padding: 4px 20px 4px 5px;
          //         font-size: 13px;
          //       }
          //     }
          //   }
          // }
          .ant-calendar-picker {
            min-width: 100px!important;
            width: 100%;
          }
        }
      }
    }
  }
  .ant-modal-mask {
    position: absolute;
  }