318 lines
3.9 KiB
Plaintext
318 lines
3.9 KiB
Plaintext
.ace_print-margin-layer {
|
||
display: none;
|
||
}
|
||
|
||
.ivu-select-dropdown {
|
||
z-index: 999999;
|
||
}
|
||
|
||
|
||
.float-right {
|
||
float: right;
|
||
margin-right: 10px;
|
||
}
|
||
.ivu-tooltip-inner {
|
||
background: #fff;
|
||
color: #495060;
|
||
}
|
||
|
||
.flex {
|
||
display: flex;
|
||
flex: 1;
|
||
align-items: center;
|
||
}
|
||
|
||
.flex-left {
|
||
justify-content: flex-start;
|
||
flex-direction: row;
|
||
}
|
||
|
||
.flex-right {
|
||
justify-content: flex-end;
|
||
margin-right: 10px;
|
||
}
|
||
|
||
.ivu-layout-header {
|
||
background-color: #f5f7f9;
|
||
|
||
padding: 0px 0.05rem;
|
||
}
|
||
|
||
.mt10 {
|
||
margin-top: 10px;
|
||
}
|
||
|
||
.mt20 {
|
||
margin-top: 20px;
|
||
}
|
||
|
||
.mt30 {
|
||
margin-top: 30px;
|
||
}
|
||
|
||
.ml5 {
|
||
margin-left: 5px;
|
||
}
|
||
|
||
.ml10 {
|
||
margin-left: 10px;
|
||
}
|
||
|
||
.ml20 {
|
||
margin-left: 20px;
|
||
}
|
||
|
||
.ml30 {
|
||
margin-left: 30px;
|
||
}
|
||
|
||
.ml100 {
|
||
margin-left: 100px;
|
||
}
|
||
|
||
.pa-5 {
|
||
padding: 0.05rem;
|
||
}
|
||
|
||
.pa-10 {
|
||
padding: 0.1rem;
|
||
}
|
||
|
||
.pa-20 {
|
||
padding: 0.2rem;
|
||
}
|
||
|
||
.pa-30 {
|
||
padding: 0.3rem;
|
||
}
|
||
|
||
.red {
|
||
color: red;
|
||
}
|
||
|
||
.buld {
|
||
color: green;
|
||
}
|
||
|
||
.bold {
|
||
font-weight: bold;
|
||
}
|
||
|
||
.float-right {
|
||
float: right;
|
||
}
|
||
|
||
.chart-element {
|
||
width: 100%;
|
||
height: 100%;
|
||
flex: 1;
|
||
flex-direction: column;
|
||
}
|
||
|
||
.table-warp {
|
||
.ivu-card-body {
|
||
height: 100%;
|
||
display: flex;
|
||
flex-direction: column;
|
||
}
|
||
}
|
||
|
||
.w-e-text-container {
|
||
min-height: 800px !important;
|
||
}
|
||
|
||
.ivu-card-body {
|
||
padding: 5px;
|
||
}
|
||
|
||
.ivu-btn {
|
||
margin: 0px 5px;
|
||
}
|
||
|
||
.head-tool-box {
|
||
padding: 5px;
|
||
background-color: #dcdee2;
|
||
width: 100%;
|
||
}
|
||
|
||
.h50 {
|
||
height: 0.5rem;
|
||
line-height: 0.5rem;
|
||
}
|
||
|
||
.mr10 {
|
||
margin-right: 10px;
|
||
}
|
||
|
||
.content-view {
|
||
flex: 1;
|
||
display: flex;
|
||
flex-direction: column;
|
||
justify-content: flex-start;
|
||
align-items: flex-start;
|
||
background-color: #fff;
|
||
padding: 5px;
|
||
height: 100%;
|
||
overflow: hidden;
|
||
|
||
.table-head-tool {
|
||
width: 100%;
|
||
padding: 10px;
|
||
line-height: 35px;
|
||
display: flex;
|
||
justify-content: space-between;
|
||
flex-shrink: 0;
|
||
|
||
.ivu-form-item {
|
||
margin-bottom: 5px;
|
||
}
|
||
}
|
||
|
||
.table-body {
|
||
display: flex;
|
||
flex-direction: column;
|
||
width: 100%;
|
||
flex: 1;
|
||
overflow: hidden;
|
||
min-height: 0;
|
||
}
|
||
}
|
||
|
||
.ivu-table-cell {
|
||
padding-left: 5px;
|
||
padding-right: 5px;
|
||
white-space: nowrap;
|
||
overflow: hidden;
|
||
text-overflow: ellipsis;
|
||
}
|
||
|
||
/* 自适应表格宽度 */
|
||
.ivu-table-wrapper {
|
||
width: 100%;
|
||
height: 100%;
|
||
overflow-x: auto;
|
||
overflow-y: auto;
|
||
flex: 1;
|
||
display: flex;
|
||
flex-direction: column;
|
||
}
|
||
|
||
.ivu-table {
|
||
width: 100% !important;
|
||
flex: 1;
|
||
}
|
||
|
||
/* 移除 table-layout: auto,使用 iView 默认的 fixed 布局以确保列对齐 */
|
||
/* .ivu-table table {
|
||
table-layout: auto;
|
||
} */
|
||
|
||
.ivu-table-body {
|
||
overflow-y: auto;
|
||
flex: 1;
|
||
}
|
||
|
||
/* 按钮风格一致 */
|
||
.ivu-btn {
|
||
border-radius: 4px;
|
||
}
|
||
|
||
.ivu-btn + .ivu-btn {
|
||
margin-left: 8px;
|
||
}
|
||
|
||
/* 常用按钮容器(可选) */
|
||
.btn-group {
|
||
display: flex;
|
||
gap: 8px;
|
||
flex-wrap: wrap;
|
||
}
|
||
|
||
.arrowBox {
|
||
cursor: pointer;
|
||
position: absolute;
|
||
width: 13px;
|
||
height: 50px;
|
||
margin-top: -25px;
|
||
top: 49%;
|
||
right: 1px;
|
||
background-color: #043250;
|
||
border-radius: 4px 0 0 4px;
|
||
overflow: hidden;
|
||
|
||
.ivu-icon {
|
||
position: relative;
|
||
font-size: 36px;
|
||
color: #515a6e;
|
||
top: 8px;
|
||
left: -12px;
|
||
}
|
||
}
|
||
|
||
.ivu-badge-count {
|
||
top: 3px;
|
||
}
|
||
|
||
.datetime-box {
|
||
.ivu-date-picker-cells-cell:not(.ivu-date-picker-cells-cell-disabled) {
|
||
background-color: rgba(10, 255, 0, 0.3);
|
||
color: #000000;
|
||
}
|
||
}
|
||
|
||
.sub-title {
|
||
font-size: 20px;
|
||
font-weight: bold;
|
||
}
|
||
|
||
.tip-info {
|
||
color: #ff9900;
|
||
font-size: 12px;
|
||
}
|
||
|
||
.tc {
|
||
text-align: center;
|
||
}
|
||
|
||
.seach-input {
|
||
width: 300px;
|
||
float: right;
|
||
margin: 10px;
|
||
}
|
||
|
||
.item-right {
|
||
position: absolute;
|
||
right: 10px;
|
||
}
|
||
|
||
.sort-num {
|
||
display: flex;
|
||
flex-direction: column;
|
||
align-items: center;
|
||
justify-content: center;
|
||
|
||
i {
|
||
margin: 5px;
|
||
font-size: 20px;
|
||
cursor: pointer;
|
||
&.ivu-icon-md-arrow-up {
|
||
color: green;
|
||
}
|
||
|
||
&.ivu-icon-md-arrow-down {
|
||
color: indianred;
|
||
}
|
||
}
|
||
}
|
||
|
||
|
||
.view-log-info
|
||
{
|
||
|
||
background-color: #292A2A;
|
||
color: #fff;
|
||
line-height: 30px;
|
||
padding: 5px;
|
||
white-space: pre-wrap;
|
||
overflow:auto;
|
||
} |