fix(bpm): 发起流程左侧分类菜单超出范围，改为可滚动

tuqin

7 天以前 147577fe24a77c5aa4a98cb95c7ea3648d064821

fix(bpm): 发起流程左侧分类菜单超出范围，改为可滚动

问题：审批中心-发起流程，左侧流程分类页签数量较多时超出卡片高度，
底部几个分类被裁掉且无法查看。

修正：给左侧 Tab 导航限高并允许纵向滚动，右侧内容区同步限高，
附带细滚动条样式（悬停加深），保证所有分类都能看到。

 src/views/bpm/processInstance/create/index.vue

@@ -301,4 +301,51 @@
.animate-bounce-once {
  animation: bounce 0.5s ease;
}

/**
 * 流程分类较多时，左侧分类页签会超出卡片高度。
 * 这里限制左侧导航的可视高度并允许纵向滚动，保证所有分类都能看到。
 */
.process-definition-container {
  :deep(.ant-tabs) {
    height: 100%;
  }

  :deep(.ant-tabs-left > .ant-tabs-nav) {
    max-height: 100%;
    margin-bottom: 0;
  }

  // 左侧页签列表：限制高度 + 纵向滚动
  :deep(.ant-tabs-left > .ant-tabs-nav .ant-tabs-nav-wrap) {
    max-height: calc(100vh - 340px);
    overflow-x: hidden;
    overflow-y: auto;
    // 滚动时不要切断页签的选中态指示条
    padding-right: 2px;

    &::-webkit-scrollbar {
      width: 6px;
    }

    &::-webkit-scrollbar-thumb {
      background-color: rgb(0 0 0 / 18%);
      border-radius: 3px;
    }

    &::-webkit-scrollbar-thumb:hover {
      background-color: rgb(0 0 0 / 30%);
    }

    &::-webkit-scrollbar-track {
      background-color: transparent;
    }
  }

  // 右侧内容区高度自适应
  :deep(.ant-tabs-left > .ant-tabs-content-holder) {
    max-height: calc(100vh - 340px);
    overflow-y: auto;
  }
}
</style>