TMS/plg-tms-std-web-vue/public/jq/styles/less/ui/operation_quality.less

.plg-operation-contianer,  .plg-quality-container {
  @totalHeight: calc(100% - 10px);
  width: calc(100% - 10px);
  height: @totalHeight;
  margin: 5px;
  background-color: #fff;

  .layui-card-body {
    height: 100%;

    .layui-tab {
      position: relative;
      height: calc(100% - 20px);

      .layui-tab-content {
        position: absolute;
        top: 40px;
        right: 0;
        bottom: 0;
        left: 0;

        .layui-tab-item {
          position: absolute;
          width: 100%;
          height: 100%;
          // background-color: red;
        }
        .plg-warehouse-container, .plg-shipper-container, 
        .plg-complaints-container, .plg-exception-container {
          width: 100%;
          height: calc(100% - 20px);

          .plg-grid-panel {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
          }
        }
      }
    }

  }


}