kd-aiot-frontend-hr/src/styles/index.scss

/** EleAdmin 动态主题及全量基础样式 */
$--ele-font-path: '~ele-admin/es/style/fonts';
@import '~ele-admin/es/style/themes/dynamic.scss';
@import '~ele-admin/es/style/index.scss';

/*
 * 仅独立运行时接管 html/body。
 * 乾坤嵌入时若改主应用滚动根节点，会把 WT 左侧菜单冲掉（与 EOM 一致：嵌入不污染全局）。
 */
html.hr-standalone,
html.hr-standalone body {
  width: 100%;
  height: 100%;
}

html.hr-standalone {
  overflow-x: hidden;
  overflow-y: auto;
}

html.hr-standalone body {
  overflow-x: visible;
  overflow-y: visible;
}

/* 与 eom 一致：长表单弹框可滚动，避免只露出底部流程图 */
.long-dialog-form .el-dialog__body {
  max-height: calc(100vh - 129px);
  overflow-y: auto;
  padding-bottom: 30px;
}

/*
 * 左侧菜单内列表页：表格卡片撑满可视区域。
 * 数据少/为空时不再只显示半截白卡片，避免下方大片灰底空白。
 * 取最后一个 .workspace-card（通常是主表格）拉伸；前面的筛选/指标区保持自然高度。
 */
main[class*='-page'] {
  box-sizing: border-box;
  min-height: calc(100vh - 100px);
  display: flex;
  flex-direction: column;
}

main[class*='-page'] > .workspace-card:last-of-type {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  min-height: 0;
}

main[class*='-page'] > .workspace-card:last-of-type > .ele-pro-table,
main[class*='-page'] > .workspace-card:last-of-type > .el-table {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  min-height: 0;
  width: 100%;
}

main[class*='-page'] > .workspace-card:last-of-type .ele-pro-table {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  min-height: 0;
}

main[class*='-page'] > .workspace-card:last-of-type .el-table {
  flex: 1 1 auto;
}

main[class*='-page'] > .workspace-card:last-of-type .el-table__body-wrapper {
  min-height: 320px;
}

main[class*='-page'] > .workspace-card:last-of-type .el-table__empty-block {
  min-height: 320px;
}

/* 表格操作列 / 操作按钮统一左对齐 */
.el-table .el-table__fixed-right th.el-table__cell .cell,
.el-table .el-table__fixed-right td.el-table__cell .cell {
  text-align: left;
}

.el-table td.el-table__cell .action-cell,
.el-table td.el-table__cell .row-actions,
.el-table td.el-table__cell .table-actions {
  display: flex;
  justify-content: flex-start;
  text-align: left;
}