@import './common.less';

// 床位图
.bed-bitmap-container {
  height: 100%;

  // 顶部信息
  .bbc-header {
    width: 100%;
    height: 46px;
    padding-left: 18px;
    // box-shadow: 10px 0 6px 0px rgba(0, 0, 0, 0.15);

    .bbc-header-body-title {
      span {
        margin-right: 12px;
      }

      span:last-child {
        margin-right: 0;
      }
    }
  }

  // 顶部右侧护理级别
  .bbc-care-level {
    .bbc-care-level-item {
      margin-right: 12px;
    }
  }

  // 顶部右侧颜色备注
  .bbc-record-color-notes {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 4px;
    border-radius: 2px;
  }

  // 床位图内容区域
  .bbc-content {
    height: calc(~'100% - 52px');
    box-sizing: border-box;

    .bbc-content-body {
      height: 100%;
      width: 100%;
      overflow: auto;
      position: relative;

      &>div {
        height: 100%;
        overflow: auto;
      }
    }

    // 内容区域左侧等候区部分
    .bbc-content-body-left {
      width: 100%;
      height: 100%;
      padding: 0 6px;
      overflow: auto;
    }

    .bbc-tree {
      .bbc-tree-child-nodes .ant-tree-switcher.ant-tree-switcher-noop {
        width: 0;
        display: none;
      }

      .ant-tree li span.ant-tree-switcher,
      .ant-tree li span.ant-tree-iconEle {
        width: 16px;
      }

      .bbc-tree-child-nodes-title {
        color: #333;
      }

      // .ant-tree.ant-tree-block-node li .ant-tree-node-content-wrapper {
      //   width: calc(~'100% - 16px');
      // }

      // 溢出隐藏，点点点显示
      .bbc-ward-info-tree-child-nodes .ant-tree-node-content-wrapper {
        width: 100%;
        padding: 0 6px 0 15px;
        // padding-left: 16px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
      }

      // 溢出换行
      .bbc-tree-child-nodes .ant-tree-node-content-wrapper {
        width: 100%;
        padding: 0 6px 0 16px;
        height: initial;
        white-space: wrap;
      }

      .bbc-right-menu-select .ant-tree-node-content-wrapper {
        background-color: #e6f7ff;
      }

      .ant-tree li ul {
        padding: 0 4px;
      }
    }

    .bbc-content-body-left {
      .ant-tree-treenode-switcher-open {

        .ant-tree-node-content-wrapper-open .bbc-tree-child-nodes-title,
        .ant-tree-switcher_open .ant-tree-switcher-icon {
          color: #007AFF;
        }
      }
    }

    // 内容区域中间过滤条件部分
    .bbc-bed-filter {

      .bbc-bed-filter-item {
        width: 100%;
        padding: 10px 10px 5px;

        button {
          margin-right: 8px;
        }

        button:last-child {
          margin-right: 0;
        }
      }

      .bbc-bed-other-filter {
        padding-top: 2px;
      }
    }

    .bbc-content-body-center {
      height: 100%;
    }

    .bbc-content-body-right {
      height: 100%;

      .ant-card.ant-card-small {
        height: 100%;
        overflow: hidden;
      }

      .ant-card-head {
        min-height: 43px;
      }
    }
  }

  // card图标
  .bbc-card-icon {
    margin-right: 6px;
  }

  .bbc-bed-list {
    width: 100%;
    padding-right: 5px;
    box-sizing: border-box;

    .bbc-bed-list-body {
      width: 100%;
      height: 100%;
      padding: 5px 5px 0 10px;
      overflow: auto;
    }

    .bbc-bed-list-item {
      width: 246px;
      margin: 0 10px 10px 0;
      display: inline-block;
    }

    .bbc-beds-row-10:nth-of-type(10n),
    .bbc-beds-row-9:nth-of-type(9n),
    .bbc-beds-row-8:nth-of-type(8n),
    .bbc-beds-row-7:nth-of-type(7n),
    .bbc-beds-row-6:nth-of-type(6n),
    .bbc-beds-row-5:nth-of-type(5n),
    .bbc-beds-row-4:nth-of-type(4n),
    .bbc-beds-row-3:nth-of-type(3n),
    .bbc-beds-row-2:nth-of-type(2n),
    .bbc-beds-row-1:nth-of-type(1n) {
      margin-right: 0;
    }

    // // 最后五个
    // .bbc-bed-list-item:last-of-type(-(n+5)) {
    //   margin-bottom: 0;
    // }
  }

  // 遮罩层
  .bbc-mask {
    position: absolute;
    top: 0;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 10001;
    width: 100%;
    height: 100%;
  }
}

// 滚动列表
.scroll-list {
  .scroll-container {
    display: flex;
    overflow-x: hidden;
    /* Hide horizontal scrollbar */
    width: 100%;
  }

  i {
    font-size: 12px;
    color: #999;
  }

  .scroll-list-arrow-left {
    margin-right: 8px;
  }

  .scroll-list-arrow-right {
    margin-left: 8px;
  }

  .scroll-list-arrow-left:hover,
  .scroll-list-arrow-right:hover {
    color: #000000a6 !important;
  }
}

// 护士站
.nurse-workstation {
  width: 100%;
  height: 100%;

  .nurse-workstation-left {
    .ant-tabs-bar {
      margin-bottom: 0;
    }

    .nw-left-query {
      padding: 6px 8px 0px;
    }

    .ant-tabs-extra-content {
      line-height: 44px;
    }
  }

  .nurse-workstation-content {
    width: 100%;
    height: 100%;

    .nw-content-header {
      width: 100%;
      height: 64px;
      color: #333;

      .nw-content-left {
        height: 100%;
        width: 42px;
      }

      .nw-content-header-center {
        width: calc(~'100% - 110px');
        padding: 6px 0;

        .nw-content-header-center-body {
          font-weight: 500;
          padding: 0 10px;
          border-left: 1px solid #e8e8e8;
          border-right: 1px solid #e8e8e8;

          &>div {
            margin-right: 16px;
          }

          &>div:last-child {
            margin-right: 0;
          }

          .nw-content-header-center-body-desc {
            color: #999;
            font-weight: normal;
            display: inline-block;
            width: 70px;
            text-align-last: justify;
          }

          .nw-content-header-center-body-value {
            display: inline-block;
            min-width: 56px;
          }
        }
      }

      .nw-content-right {
        width: 68px;
        height: 100%;
      }

      .nw-content-header-multiple {
        width: 100%;
        padding: 18px 12px;

        .ant-btn {
          margin-right: 12px;
          height: 28px;
          padding: 0 12px;
        }
      }
    }

    .nw-content-body {
      width: 100%;
      padding: 0 12px;
      height: calc(~"100% - 70px");
      font-weight: normal;

      &>.ant-tabs>.ant-tabs-bar {
        margin-bottom: 0;
      }
    }
  }
}

// 护士工作站右侧popover操作样式
.nw-content-right-popover {
  .ant-popover-inner-content {
    padding: 0;
  }

  &>.ant-popover-content>.ant-popover-arrow {
    top: 7px;
  }
}