@import "~@/variable.less";
:global {
  .xly-workorder-list {
    .ant-form-item{
      margin-bottom: 0px!important;
    }
    .workerOrderControlTable{
      position: sticky;
      top: 0px;
      left: 0px;
      z-index: 99;
    }
    .workerOrderSlaveTable{
      position: sticky;
      top: 0px;
      left: 0px;
      z-index: 99;
    }
    /* 折叠Panel */
    .ant-collapse > .ant-collapse-item > .ant-collapse-header{
      padding: 0px 0px 0px 8px!important;
    }
    span.ant-radio + *{
      font-size: 12px!important;
    }
    .slave-tabs-container{
      .ant-table-pagination.ant-pagination{ /* 工单从表分页 */
        position:sticky;
        margin:10px 0px 0px 0px;
      }
    }
    .ant-table-sticky-scroll{
      display: none;
    }
    .ant-layout{
      overflow: unset;
    }
    .ant-layout-sider {
      width: 32px !important;
      flex: 0 0 32px !important;
      width: 32px !important;
      max-width: 32px !important;
      min-width: 32px !important;
      background-color: #e6f7ff !important;
      writing-mode: tb-rl;
      text-align: center;
      letter-spacing:0px;
      line-height: 32px;
      font-size: 12px;
      font-weight: bold;
      border: 1px solid #cfcece;
    }
    .product{
      width: 32px;
    }
    .control.ant-layout-sider {
      background-color: #fff8e6 !important;
    }
    .controlhandcover.ant-layout-sider {
      background-color: #fafafa !important;
      font-size: 12px;
      font-weight:normal;
      writing-mode: horizontal-tb;
      flex: 0 0 14%!important;
      max-width: 14%!important;
      margin-right: 5px;
    }
    .xly-control{
      width:100%;
      height: 100%;
      position: relative;
      display: flex;
      flex-direction: column;
    }
    .xly-control-header{
      background: #f5f5f5;
      height: 21px;
      color: #101010;
      font-weight: bold;
      padding-left: 10px;
      display: flex;
      flex-direction: row;
      align-items: center;
      border-bottom: 1px solid #d9d9d9!important;
    }
    .xly-control-tree{
      background: #fff;
      text-align: left!important;
      width: 100%;
      padding-left: 20px;
      min-height: 35px!important;
      max-height: 110px;
      overflow-y: auto;
      height: 100%;
      .ant-legacy-form-item{
        margin-bottom: 0;
      }
      .ant-tree{
        text-align: left;
      }
      #staticEditTree{
        width: 100%;
        overflow: hidden;
        .ant-tree-child-tree {
          font-size: 12px;
        }
      }
      .ant-tree > li{
        padding: 3px!important;
      }
    }
    .xly-control-operate{
      position: absolute;
      left: 0;
      bottom: 0px;
      width: 100%;
      background-color: #f5f5f5;
      height: 20px!important;
      line-height: 20px!important;
      display: flex;
      flex-wrap: nowrap;
      justify-content: space-around;
    }
    .materials.ant-layout-sider {
      background-color: #f6ffee !important;
    }
    .process.ant-layout-sider {
      background-color: #fff1f0 !important;
      a{ margin-bottom: 7px;}
      img{margin-left: -5px}
    }
    .left {
      flex: 0 0 32px !important;
      width: 32px !important;
      max-width: 32px !important;
    }
    .ant-layout-has-sider .ant-form-item {
      margin-left: 0px!important;
      margin-right:0px!important;
      margin-bottom: 0px!important;
    }
    /* 浮动标题 */
    .StyleTableDiv{
      position: fixed;
      opacity: 0.9;
      top:178px;
      width: 96%;
      overflow: hidden;
      z-index: 100;
      .ant-table-scroll{
        overflow: hidden!important;
      }
      .ant-table-placeholder{
        display: none;
      }
    }
    /* 工单工序表控制表格最低高度 */
    .processTable{
      overflow: unset;
      minHeight:160px;
      .ant-table-scroll{
        min-height: 160px!important;
      }
    }
  }
  // 包装工单单独样式
  .worker-order-pack-container{
    .process-table-container{
      min-height: 273px;
    }
    .ant-table-fixed-right {
      border-radius: 0 !important;
    }
    .StyleTableDiv{
      top: 120px;
      opacity: 1;
    }
    // 2021/6/15去除样式
    #slaveTabs{
      max-height: ~"calc((100vh) - 130px)"!important;
      .xly-control-operate{
        height: 22px!important;
        line-height: 22px!important;
        bottom: 0;
      }
      .controlhandcover.ant-layout-sider{
        flex: 0 0 192px!important;
        max-width: 192px!important;
      }
      .materials-table-container, .slave-tabs-container, .process-table-container{
        .ant-row{
          margin-left: 0!important;
          margin-right: 0!important;
          margin-bottom: 0px!important;
          margin-top: 0!important;
        }
      }
      .ant-layout-sider{
        flex: 0 0 40px !important;
        width: 40px !important;
        max-width: 40px !important;
        min-width: 40px !important;
        line-height: 40px;
        border: none;
      }
      .process.ant-layout-sider{
        background-color: #f2f2f2!important;
      }
    }
  }
  .worker-order-pack-modal{
    // 根据黄工要求修改默认高度
    .ant-modal-body{
      padding: 0!important;
    }

    .xly-tree-box{
      width: 100%;
      .ant-row{
        margin-bottom: 0;
      }
    }
  }
  .xly-workorder-list .slaveMemo{
    width: 60vw!important;
    height: 80vh!important;
    .ant-modal-body{
      textarea{
        height: ~"calc(80vh - 44px - 37px)";
      }
    }
  }
  .process-table-container,.materials-table-container {
    .ant-tabs-vertical.ant-tabs-left > .ant-tabs-content{
      padding-left: 5px!important;
    }
  }
  .dlhStyle{
    width: 97vw;
    display: flex;
    flex-direction: row;
  }
  .dlhStyle1{
    width: 100%;
    display: flex;
    flex-direction: row;
  }
  .commonParamDrag{
    height: 400px;
    .ant-modal-body {
      max-height: calc(100vh - 300px) !important;
      overflow: auto;
    }
  }
  .workOrderDivider{
    font-size: 12px!important;
    margin: 4px 0!important;
    text-align: center!important;
    font-weight: bold!important;
  }
  .fixChildTitle{
    position: absolute;
    top: -24px;
    left: 11px;
    font-size: 14px;
    font-weight: bold
  }
}

.delAll {
  position: absolute;
  top: -22px;
  right: 0;
  z-index: 15;
  :global {
    .ant-btn {
      height: 22px;
      display: flex;
      align-items: center;
      justify-content: center;
    }
  }
}