laws-sinotruk-client/src/assets/less/common.less

/*列表上方操作按钮区域*/
/*.ant-card-body .table-operator {
  margin-bottom: 8px;
}*/

/* 列表可拖拽改变列宽 begin */
.nio-header-th {
  position: relative;
  isolation: isolate;
}

.nio-drag-handler {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 5px;
  z-index: 1;
  border-right: 1px #e8e8e8 solid;
}
.nio-drag-handler:hover,
.nio-drag-handler:focus{
  cursor: col-resize!important;
  border-right: 2px solid #0bd9d9!important;
}
/* 列表可拖拽改变列宽 end */

/*列表上方操作按钮区域*/
.ant-card-body .table-operator,
.table-operator {
  margin-bottom: 29px;
  text-align: right;
}

.operator-text {
  cursor: pointer;
  margin-right: 53px;
  font-size: 14px;
  font-weight: 400;
  color: #040B29;
  display: inline-block;
}

.operator-text:last-child {
  margin-right: 16px;
}

/** Button按钮间距 */
.table-operator .ant-btn {
  margin: 0 8px 8px 0;
}
.table-operator .ant-btn-group .ant-btn {
  margin: 0;
}

.table-operator .ant-btn-group .ant-btn:last-child {
  margin: 0 8px 8px 0;
}
/*列表td的padding设置 可以控制列表大小*/
.ant-table-tbody .ant-table-row td {
  padding-top: 15px;
  padding-bottom: 15px;
}
// 表格内操作列按钮的样式
.ant-table-tbody .table-action a{
  margin: 0 8px;
}
.ant-table-tbody .table-action a:nth-of-type(1) {
  margin-left: 0;
}

/*列表页面弹出modal*/
.ant-modal-cust-warp {
  height: 100%
}

/*弹出modal Y轴滚动条*/
.ant-modal-cust-warp .ant-modal-body {
  height: calc(100% - 110px) !important;
  overflow-y: auto
}

/*弹出modal 先有content后有body 故滚动条控制在body上*/
.ant-modal-cust-warp .ant-modal-content {
  height: 90% !important;
  overflow-y: hidden
}
/*列表中有图片的加这个样式 参考用户管理*/
.anty-img-wrap {
  height: 25px;
  position: relative;
}
.anty-img-wrap > img {
  max-height: 100%;
}
/*列表中范围查询样式*/
.query-group-cust{width: calc(50% - 10px)}
.query-group-split-cust:before{content:"~";width: 20px;display: inline-block;text-align: center}


/*erp风格子表外框padding设置*/
.ant-card-wider-padding.cust-erp-sub-tab>.ant-card-body{padding:5px 12px}

/* 内嵌子表背景颜色 */
.j-inner-table-wrapper /deep/ .ant-table-expanded-row .ant-table-wrapper .ant-table-tbody .ant-table-row {
  background-color: #FFFFFF;
}

/**隐藏样式-modal确定按钮 */
.jee-hidden{display: none}

// 抽屉按钮区域
.drawer-bootom-button {
  position: absolute;
  bottom: 0;
  z-index: 100;
  width: 100%;
  border-top: 1px solid #e8e8e8;
  padding: 10px 16px;
  text-align: right;
  left: 0;
  background: #fff;
  border-radius: 0 0 2px 2px;
}

// 新增编辑表单样式
.form-add{
  margin-bottom: 40px;
  /deep/ .ant-form-item-label {
    width: 130px;
  }
  /deep/ .ant-form-item-control-wrapper {
    display: inline-block;
    width: 100%;
  }
}
.item-model{
  width: calc(100% - 130px);
  display: inline-block;
  margin-top: 2px;
  height: 40px;
  margin-bottom: 24px;
  /deep/ .ant-form-item-control-wrapper {
    width: 100%;
  }
}
.item-model-textarea {
  width: calc(100% - 130px);
  display: inline-block;
  margin-top: 2px;
  /deep/ .ant-form-item-control-wrapper {
    width: 100% !important;
  }
}
.box-input {
  /deep/ .ant-select-selection--single {
    height: 38px;
  }
  /deep/ .ant-select-selection--multiple {
    height: 38px;
    .ant-select-selection__rendered > ul > li{
      margin-top: 6px;
    }
  }
  /deep/ .ant-select-selection__rendered {
    line-height: 38px;
    height: 38px;
  }
  /deep/ .ant-calendar-picker {
    line-height: 38px;
    height: 38px;
  }
  /deep/ .ant-calendar-picker-input {
    height: 38px;
  }
  /deep/ .ant-input-number-input-wrap {
    line-height: 38px;
    height: 38px;
  }
}
.box-title-text {
  line-height: 1.4;
  display: flex;
  /*align-items: center;*/
  .title-text {
    width: 114px;
    text-align: right;
    display: inline-block;
    font-weight: 500;
    font-size: 14px;
    margin-right: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 42px;
    line-height: 42px;
    .required {
      color: red;
      margin-right: 4px;
    }
  }
  .item-model{
    width: calc(100% - 130px);
    display: inline-block;
    margin-top: 2px;
    height: 40px;
    margin-bottom: 24px;
    /deep/ .ant-form-item-control-wrapper {
      width: 100%;
    }
  }
  .item-model-textarea {
    width: calc(100% - 130px);
    display: inline-block;
    margin-top: 2px;
    /deep/ .ant-form-item-control-wrapper {
      width: 100% !important;
    }
  }
  .box-input {
    display: inline-block;
    height: 38px;
    width: 100%;
    /deep/ .ant-select-selection--single {
      height: 38px;
    }
    /deep/ .ant-select-selection--multiple {
      height: 38px;
      .ant-select-selection__rendered > ul > li{
        margin-top: 6px;
      }
    }
    /deep/ .ant-select-selection__rendered {
      line-height: 38px;
      height: 38px;
    }
    /deep/ .ant-calendar-picker {
      line-height: 38px;
      height: 38px;
    }
    /deep/ .ant-calendar-picker-input {
      height: 38px;
    }
    /deep/ .ant-input-number-input-wrap {
      line-height: 38px;
      height: 38px;
    }
  }
}
.box-input {
  display: inline-block;
  height: 38px;
  width: 100%;
}
.required {
  color: red;
  margin-right: 4px;
}
.title-text-text {
  margin-top: 9px;
}
.header-text {
  font-size: 16px;
  font-weight: bold;
  margin-left: 15px;
  /*border-bottom: 1px #d9d9d9 dashed;*/
  height: 30px;
  margin-bottom: 30px;
}
.button-text {
  height: 38px;
  width: calc(100% - 100px);
  line-height: 38px;
  background: #fff;
  border: 1px #1890ff solid;
  color: #1890ff;
}
// 新增编辑表单样式--完

// 左树右表布局
.left-tree-div {
  .div-left {
    /*height: 100%;*/
    width: 230px;
    float: left;
    padding-right: 20px;
    /*border-right: 1px solid #E6E7EC;*/
    overflow-y: auto;
  }

  .div-right {
    padding-left: 20px;
    width: calc(100% - 230px);
    float: right;
    border-left: 1px solid #E6E7EC;
    /*flex: 1;*/

    .right-search-header {
      margin-bottom: 20px;

      .table-page-search-submitButtons {
        display: flex;
      }
    }
  }
}