|
|
|
@ -3,7 +3,7 @@ |
|
|
|
class="card-page page-content" |
|
|
|
:showTitle="false" |
|
|
|
> |
|
|
|
<div class="sec-left app-container card-page" style="height: 100%"> |
|
|
|
<div class="sec-left point-layout app-container card-page" style="height: 100%"> |
|
|
|
<!-- 左侧可拖拽区域 - 只影响左侧树 --> |
|
|
|
<div class="resize-container" :style="{ width: leftPanelWidth + 'px' }"> |
|
|
|
<div class="sec-line"> |
|
|
|
@ -64,7 +64,7 @@ |
|
|
|
<!-- 中间内容区域 - 保持原有结构，不受拖拽影响 --> |
|
|
|
<div |
|
|
|
class="wid" |
|
|
|
:style="{ left: leftPanelWidth + 8 + 'px' }" |
|
|
|
:style="{ left: leftPanelWidth + 10 + 'px' }" |
|
|
|
> |
|
|
|
<div class="form" style="padding-top: 10px" ref="form"> |
|
|
|
<div class="line"> |
|
|
|
@ -3626,6 +3626,13 @@ export default { |
|
|
|
overflow: hidden; |
|
|
|
} |
|
|
|
|
|
|
|
.point-layout { |
|
|
|
display: block; |
|
|
|
position: relative; |
|
|
|
padding: 10px; |
|
|
|
box-sizing: border-box; |
|
|
|
} |
|
|
|
|
|
|
|
/* 左侧面板容器 - 独立宽度控制 */ |
|
|
|
.resize-container { |
|
|
|
height: 100%; |
|
|
|
@ -3635,10 +3642,18 @@ export default { |
|
|
|
flex-shrink: 0; |
|
|
|
} |
|
|
|
|
|
|
|
.point-layout > .resize-container { |
|
|
|
height: 100%; |
|
|
|
box-sizing: border-box; |
|
|
|
} |
|
|
|
|
|
|
|
/* 左侧内容区域 */ |
|
|
|
.sec-line { |
|
|
|
width: 100%; |
|
|
|
height: 100%; |
|
|
|
top: 0; |
|
|
|
bottom: 0; |
|
|
|
margin-top: 0; |
|
|
|
padding: 0 10px 10px; |
|
|
|
box-sizing: border-box; |
|
|
|
overflow: hidden; |
|
|
|
@ -3646,6 +3661,9 @@ export default { |
|
|
|
flex-direction: column; |
|
|
|
position: relative; |
|
|
|
padding-right: 14px; |
|
|
|
background: transparent; |
|
|
|
border: 1px solid rgba(63, 127, 216, 0.72); |
|
|
|
border-radius: 2px; |
|
|
|
} |
|
|
|
|
|
|
|
.sec-a2 { |
|
|
|
@ -3653,50 +3671,69 @@ export default { |
|
|
|
min-height: 0; |
|
|
|
position: relative; |
|
|
|
box-sizing: border-box; |
|
|
|
padding-right: 10px; |
|
|
|
padding-right: 0; |
|
|
|
overflow-y: auto; |
|
|
|
overflow-x: hidden; |
|
|
|
scrollbar-width: none; |
|
|
|
-ms-overflow-style: none; |
|
|
|
overflow-x: auto; |
|
|
|
background: transparent !important; |
|
|
|
scrollbar-width: thin; |
|
|
|
scrollbar-color: #2f7fe8 rgba(6, 27, 79, 0.7); |
|
|
|
|
|
|
|
&::-webkit-scrollbar { |
|
|
|
width: 0; |
|
|
|
height: 0; |
|
|
|
display: none; |
|
|
|
width: 8px; |
|
|
|
height: 8px; |
|
|
|
} |
|
|
|
|
|
|
|
&::-webkit-scrollbar-track { |
|
|
|
background: rgba(6, 27, 79, 0.7); |
|
|
|
} |
|
|
|
|
|
|
|
&::-webkit-scrollbar-thumb { |
|
|
|
background: #2f7fe8; |
|
|
|
border-radius: 4px; |
|
|
|
border: 1px solid #0d327d; |
|
|
|
} |
|
|
|
|
|
|
|
&::-webkit-scrollbar-thumb:hover { |
|
|
|
background: #54a5ff; |
|
|
|
} |
|
|
|
|
|
|
|
::v-deep .el-tree { |
|
|
|
width: 100%; |
|
|
|
min-width: 0; |
|
|
|
background-color: transparent; |
|
|
|
display: inline-block; |
|
|
|
width: max-content; |
|
|
|
min-width: 100%; |
|
|
|
background-color: transparent !important; |
|
|
|
color: #e0e0e0; |
|
|
|
} |
|
|
|
|
|
|
|
::v-deep .el-tree-node__content { |
|
|
|
background-color: transparent; |
|
|
|
width: 100%; |
|
|
|
min-width: 0; |
|
|
|
height: 24px; |
|
|
|
line-height: 24px; |
|
|
|
background-color: transparent !important; |
|
|
|
color: #e0e0e0; |
|
|
|
font-size: 14px; |
|
|
|
|
|
|
|
&:hover { |
|
|
|
background-color: #1e3a4a; |
|
|
|
background: #0c225c !important; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
::v-deep .el-tree-node.is-current > .el-tree-node__content { |
|
|
|
background-color: #274a58; |
|
|
|
background: linear-gradient(180deg, #174d99 0%, #0c225c 50%, #174d99 100%) !important; |
|
|
|
} |
|
|
|
|
|
|
|
::v-deep .custom-tree-node { |
|
|
|
min-width: 100%; |
|
|
|
min-width: 0; |
|
|
|
width: max-content; |
|
|
|
display: flex; |
|
|
|
align-items: center; |
|
|
|
width: 100%; |
|
|
|
padding-right: 8px; |
|
|
|
} |
|
|
|
|
|
|
|
::v-deep .child-count { |
|
|
|
color: #909399; |
|
|
|
font-size: 12px; |
|
|
|
font-size: 14px; |
|
|
|
flex-shrink: 0; |
|
|
|
margin-left: 4px; |
|
|
|
white-space: nowrap; |
|
|
|
@ -3744,10 +3781,10 @@ export default { |
|
|
|
bottom: 10px; |
|
|
|
height: auto; |
|
|
|
background-color: #102b50; |
|
|
|
border-right: 1px solid #3988ff; |
|
|
|
// border-right: 1px solid #3988ff; |
|
|
|
border-left: 1px solid rgba(57, 136, 255, 0.45); |
|
|
|
cursor: col-resize; |
|
|
|
display: flex; |
|
|
|
display: none; |
|
|
|
flex-direction: column; |
|
|
|
align-items: center; |
|
|
|
justify-content: center; |
|
|
|
@ -3820,6 +3857,18 @@ export default { |
|
|
|
height: 100%; |
|
|
|
z-index: 1; |
|
|
|
box-sizing: border-box; |
|
|
|
border: 1px solid rgba(63, 127, 216, 0.72); |
|
|
|
background: rgba(8, 30, 86, 0.72); |
|
|
|
} |
|
|
|
|
|
|
|
.point-layout > .wid { |
|
|
|
right: 10px; |
|
|
|
margin-left: 10px; |
|
|
|
width: auto; |
|
|
|
top: 10px; |
|
|
|
bottom: 10px; |
|
|
|
height: auto; |
|
|
|
min-width: 0; |
|
|
|
} |
|
|
|
|
|
|
|
.form { |
|
|
|
@ -3831,6 +3880,7 @@ export default { |
|
|
|
display: flex; |
|
|
|
flex-direction: column; |
|
|
|
min-width: 0; |
|
|
|
padding-top: 0 !important; |
|
|
|
} |
|
|
|
|
|
|
|
.line { |
|
|
|
@ -3866,6 +3916,7 @@ export default { |
|
|
|
|
|
|
|
/* 添加重置按钮样式 */ |
|
|
|
.reset-width-btn { |
|
|
|
display: none; |
|
|
|
position: absolute; |
|
|
|
bottom: 10px; |
|
|
|
right: 10px; |
|
|
|
@ -3873,7 +3924,6 @@ export default { |
|
|
|
height: 24px; |
|
|
|
background-color: #1e3a4a; |
|
|
|
border-radius: 4px; |
|
|
|
display: flex; |
|
|
|
align-items: center; |
|
|
|
justify-content: center; |
|
|
|
cursor: pointer; |
|
|
|
@ -3991,22 +4041,34 @@ export default { |
|
|
|
width: 100%; |
|
|
|
border-radius: 4px; |
|
|
|
overflow: hidden; |
|
|
|
font-family: 'PingFang SC', 'Microsoft YaHei', sans-serif !important; |
|
|
|
|
|
|
|
::v-deep .el-table__header th { |
|
|
|
background-color: #012773 !important; |
|
|
|
color: #ffffff !important; |
|
|
|
border-bottom: 2px solid #0b374e !important; |
|
|
|
font-weight: bold; |
|
|
|
font-weight: 600 !important; |
|
|
|
font-family: 'PingFang SC', 'Microsoft YaHei', sans-serif !important; |
|
|
|
} |
|
|
|
|
|
|
|
::v-deep .el-table__row td { |
|
|
|
background-color: #0a1a2a !important; |
|
|
|
color: #e0e0e0 !important; |
|
|
|
border-bottom: 1px solid #1e3a4a !important; |
|
|
|
background-color: #E0EAFF !important; |
|
|
|
color: #000000 !important; |
|
|
|
border-bottom: 1px solid #acb5e3 !important; |
|
|
|
font-weight: 400 !important; |
|
|
|
} |
|
|
|
|
|
|
|
::v-deep .el-table__row--striped td { |
|
|
|
background-color: #EBF1FF !important; |
|
|
|
} |
|
|
|
|
|
|
|
::v-deep .el-table__row td .cell { |
|
|
|
font-family: 'PingFang SC', 'Microsoft YaHei', sans-serif !important; |
|
|
|
font-weight: 400 !important; |
|
|
|
} |
|
|
|
|
|
|
|
::v-deep .el-table__row:hover td { |
|
|
|
background-color: #1a2a3a !important; |
|
|
|
background-color: #d6e4ff !important; |
|
|
|
} |
|
|
|
|
|
|
|
::v-deep .el-button--text { |
|
|
|
@ -4087,6 +4149,7 @@ export default { |
|
|
|
.card-page ::v-deep .el-table, |
|
|
|
.card-page ::v-deep .card-table { |
|
|
|
width: 100% !important; |
|
|
|
font-family: 'PingFang SC', 'Microsoft YaHei', sans-serif !important; |
|
|
|
background: transparent !important; |
|
|
|
color: #000000; |
|
|
|
border-color: transparent !important; |
|
|
|
@ -4101,7 +4164,9 @@ export default { |
|
|
|
|
|
|
|
.card-page ::v-deep .el-table__header-wrapper, |
|
|
|
.card-page ::v-deep .el-table__fixed-header-wrapper { |
|
|
|
background: #dbe7fb !important; |
|
|
|
background: #012773 !important; |
|
|
|
border: 0 !important; |
|
|
|
box-sizing: border-box; |
|
|
|
} |
|
|
|
|
|
|
|
.card-page ::v-deep .el-table__body-wrapper, |
|
|
|
@ -4112,7 +4177,12 @@ export default { |
|
|
|
|
|
|
|
.card-page ::v-deep .el-table th.el-table__cell { |
|
|
|
background: #012773 !important; |
|
|
|
border-color: rgba(64, 146, 255, 0.95) !important; |
|
|
|
border-top: 0 !important; |
|
|
|
border-bottom: 0 !important; |
|
|
|
border-left: 0 !important; |
|
|
|
border-right: 1px solid #acb5e3 !important; |
|
|
|
font-family: 'PingFang SC', 'Microsoft YaHei', sans-serif !important; |
|
|
|
font-weight: 700 !important; |
|
|
|
color: #ffffff !important; |
|
|
|
} |
|
|
|
|
|
|
|
@ -4120,6 +4190,15 @@ export default { |
|
|
|
color: #ffffff !important; |
|
|
|
} |
|
|
|
|
|
|
|
.card-page ::v-deep .el-table__header-wrapper th.el-table__cell:last-child, |
|
|
|
.card-page ::v-deep .el-table__fixed-header-wrapper th.el-table__cell:last-child { |
|
|
|
border-right: 0 !important; |
|
|
|
} |
|
|
|
|
|
|
|
.card-page ::v-deep .el-table__resize-proxy { |
|
|
|
border-left: 2px solid #acb5e3 !important; |
|
|
|
} |
|
|
|
|
|
|
|
.card-page ::v-deep .el-table td.el-table__cell { |
|
|
|
background: transparent !important; |
|
|
|
border-bottom: 1px solid #c7d7f4 !important; |
|
|
|
@ -4129,23 +4208,24 @@ export default { |
|
|
|
|
|
|
|
.card-page ::v-deep .el-table td.el-table__cell .cell { |
|
|
|
color: #000000 !important; |
|
|
|
font-weight: 500; |
|
|
|
font-family: 'PingFang SC', 'Microsoft YaHei', sans-serif !important; |
|
|
|
font-weight: 400 !important; |
|
|
|
} |
|
|
|
|
|
|
|
.card-page ::v-deep .el-table__row { |
|
|
|
background: #e4edfc !important; |
|
|
|
background: #E0EAFF !important; |
|
|
|
} |
|
|
|
|
|
|
|
.card-page ::v-deep .el-table__body tbody tr:nth-child(odd) td.el-table__cell { |
|
|
|
background: #e4edfc !important; |
|
|
|
background: #E0EAFF !important; |
|
|
|
} |
|
|
|
|
|
|
|
.card-page ::v-deep .el-table__body tbody tr:nth-child(even) td.el-table__cell { |
|
|
|
background: #d7e4f8 !important; |
|
|
|
background: #EBF1FF !important; |
|
|
|
} |
|
|
|
|
|
|
|
.card-page ::v-deep .el-table__row--striped td.el-table__cell { |
|
|
|
background: #d7e4f8 !important; |
|
|
|
background: #EBF1FF !important; |
|
|
|
} |
|
|
|
|
|
|
|
.card-page ::v-deep .custom-table.el-table, |
|
|
|
|
