2019-11-12

king

2019-11-12 b68697ccdce3f7de67c3a918701c814497b6b41a

 src/components/sidemenu/comtableconfig/index.scss

@@ -12,6 +12,24 @@
    flex: 1;
    background: #ffffff;
    border-right: 1px solid #d9d9d9;
    .ant-tabs-nav {
      .ant-tabs-tab {
        padding: 12px 0px;
        width: 60px;
        text-align: center;
      }
      .ant-tabs-tab:not(:last-child) {
        margin: 0 20px 0 0;
      }
    }
    .search-element {
      li {
        padding: 0px 16px 10px;
        div {
          cursor: move;
        }
      }
    }
  }
  .setting {
    position: relative;
@@ -19,13 +37,15 @@
    height: 100%;
    overflow-y: auto;
    background: #ffffff;

    .ant-card-head {
      min-height: 44px;
    }
    .ant-card-head-title {
      padding: 10px 0;
      padding: 5px 0;
      color: #1890ff;
    }
    .ant-card-extra {
      padding: 10px 0;
      padding: 5px 0;
      button {
        margin-left: 20px;
      }
@@ -35,7 +55,7 @@

      .search-list {
        padding: 1px 24px 20px;
        min-height: 50px;
        min-height: 87px;
        border-bottom: 1px solid #d9d9d9;
        .ant-row .ant-col-6 {
          padding: 0 12px!important;
@@ -54,24 +74,32 @@
            margin-bottom: 10px;
            .ant-form-item-label {
              width: 100px;
              height: 40px;
              label {
                width: 100%;
                cursor: move;
                overflow: hidden;
                display: inline-block;
                text-overflow: ellipsis;
                white-space: nowrap;
              }
            }
            .ant-form-item-control-wrapper {
              flex: 1 1;
              input {
                cursor: move;
              .ant-select {
                width: 100%;
                margin-top: 4px;
              }
              input:hover {
                border-color: #d9d9d9;
              .ant-calendar-picker {
                margin-top: 4px;
              }
              input:active {
                border-color: #d9d9d9;
              }
              input:focus {
                border-color: #d9d9d9;
                box-shadow: none;
              .input-mask {
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                opacity: 0;
              }
            }
          }
@@ -99,14 +127,16 @@
        }
      }
      .action-list {
        padding: 0px 20px 5px;
        min-height: 50px;
        padding: 0px 20px 15px;
        min-height: 72px;
        .page-card {
          display: inline-block;
          margin: 0px 15px 20px 0px;
          padding-top: 15px;
          cursor: move;
          margin: 0px 0px 20px 0px;
          padding: 15px 10px 0 0;
          position: relative;
          div {
            cursor: move;
          }
          .edit {
            position: absolute;
            left: 0;
@@ -129,9 +159,62 @@
        padding: 10px 20px;
        cursor: pointer;
      }
      .column-list {
        padding: 0px 20px;
        .ant-row {
          background: #fafafa;
          border-radius: 4px;
          border: 1px solid #e8e8e8;
          .page-card {
            position: relative;
            padding: 0px;
            min-height: 45px;
            > div {
              padding: 12px 8px;
              cursor: move;
            }
            .ant-table-column-sorter {
              position: relative;
              display: inline-block;
              width: 24px;
              font-size: 12px;
              color: #bfbfbf;
              .anticon-caret-up {
                position: relative;
                left: 10px;
                top: -3px;
              }
              .anticon-caret-down {
                position: relative;
                left: -2px;
                top: 3px;
              }
            }
            .edit {
              position: absolute;
              left: 0;
              top: 0px;
              cursor: pointer;
              display: none;
            }
            .ant-checkbox-inner {
              margin-top: 14px;
              margin-left: calc(50% - 8px);
            }
          }
          .page-card:hover {
            .edit {
              display: inline-block;
            }
          }
          .page-card:not(:last-child) {
            border-right: 1px solid #e8e8e8;
          }
        }
      }
    }
  }
}
.commontable-edit-modal {
  width: 650px!important;
}
// .commontable-edit-modal {
//   width: 650px!important;
// }