/* TMS 详情/工具条通用样式，按需在页面 import */
|
|
.tms-page-header {
|
display: flex;
|
justify-content: space-between;
|
align-items: center;
|
gap: 12px;
|
margin-bottom: 12px;
|
}
|
|
.tms-page-header__title {
|
font-size: 16px;
|
font-weight: 600;
|
line-height: 1.4;
|
color: rgba(0, 0, 0, 0.88);
|
}
|
|
.tms-page-header__sub {
|
margin-top: 4px;
|
font-size: 13px;
|
color: rgba(0, 0, 0, 0.45);
|
line-height: 1.4;
|
}
|
|
.tms-page-header__actions {
|
display: flex;
|
flex-wrap: wrap;
|
justify-content: flex-end;
|
gap: 8px;
|
flex-shrink: 0;
|
}
|
|
.tms-page-tip {
|
margin-bottom: 12px;
|
}
|
|
.tms-toolbar-hint {
|
font-size: 13px;
|
color: rgba(0, 0, 0, 0.45);
|
}
|
|
/**
|
* 全局 design/common.scss：
|
* .jnpf-content-wrapper / -center / -content 均为 height:100% + overflow:hidden，
|
* 且 flex 子项默认 min-height:auto，内容超高会被裁切而无法滚动。
|
* 列表页靠表格内部滚动；自定义详情页必须用本套壳 + 内层 overflow:auto。
|
*
|
* 结构：
|
* <div class="jnpf-content-wrapper tms-scroll-page">
|
* <div class="jnpf-content-wrapper-center tms-scroll-center">
|
* <div class="jnpf-content-wrapper-content tms-scroll-body">...</div>
|
* </div>
|
* </div>
|
*/
|
.tms-scroll-page {
|
height: 100%;
|
min-height: 0;
|
}
|
|
.tms-scroll-center {
|
height: 100% !important;
|
min-height: 0 !important;
|
display: flex;
|
flex-direction: column;
|
}
|
|
.tms-scroll-body {
|
display: flex !important;
|
flex-direction: column;
|
flex: 1 1 0 !important;
|
min-height: 0 !important;
|
height: 100%;
|
overflow: auto !important;
|
background: #fff;
|
}
|
|
.tms-scroll-spin {
|
display: block;
|
width: 100%;
|
}
|
|
.tms-scroll-spin .ant-spin-container {
|
width: 100%;
|
}
|
|
.tms-scroll-inner {
|
padding: 16px 20px 24px;
|
box-sizing: border-box;
|
}
|
