version9
4
This commit is contained in:
Anfioo
@@ -17,6 +17,30 @@
|
||||
--vc-org-bg-active-color: #EAF0FE;
|
||||
}
|
||||
|
||||
|
||||
*:not(tbody)::-webkit-scrollbar {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/*添加右边的下滚条*/
|
||||
.ibox-content-auto-height::-webkit-scrollbar {
|
||||
display: block;
|
||||
width: 8px;
|
||||
}
|
||||
|
||||
.ibox-content-auto-height::-webkit-scrollbar-track {
|
||||
background: #f1f1f1;
|
||||
}
|
||||
|
||||
.ibox-content-auto-height::-webkit-scrollbar-thumb {
|
||||
background: #c1c1c1;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
.ibox-content-auto-height::-webkit-scrollbar-thumb:hover {
|
||||
background: #a8a8a8;
|
||||
}
|
||||
|
||||
.margin-0 {
|
||||
margin: 0;
|
||||
}
|
||||
@@ -189,6 +213,10 @@
|
||||
margin-bottom: 25px;
|
||||
}
|
||||
|
||||
.padding-l-60 {
|
||||
padding-left: 60px;
|
||||
}
|
||||
|
||||
.padding-0 {
|
||||
padding: 0;
|
||||
}
|
||||
@@ -206,6 +234,10 @@
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
.padding-l-60 {
|
||||
padding-left: 60px;
|
||||
}
|
||||
|
||||
.padding-xs {
|
||||
padding: 5px;
|
||||
}
|
||||
@@ -365,6 +397,10 @@
|
||||
border: 1px solid #e7eaec;
|
||||
}
|
||||
|
||||
.vc-border {
|
||||
border: 1px solid #e7eaec;
|
||||
}
|
||||
|
||||
.border-right {
|
||||
border-right: 1px solid #e7eaec;
|
||||
}
|
||||
@@ -509,6 +545,40 @@ ul li {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.text-tr{
|
||||
position: sticky;
|
||||
top: -1px;
|
||||
z-index: 100;
|
||||
background-color: white;
|
||||
}
|
||||
|
||||
/* 表格单元格内容过长时自动换行 */
|
||||
.footable td {
|
||||
white-space: normal !important;
|
||||
word-wrap: break-word !important;
|
||||
overflow: visible !important;
|
||||
}
|
||||
|
||||
/* 表格表头保持不换行 */
|
||||
.footable th {
|
||||
white-space: nowrap !important;
|
||||
}
|
||||
|
||||
.footable thead tr {
|
||||
position: sticky;
|
||||
top: -1px;
|
||||
z-index: 100;
|
||||
background-color: white;
|
||||
}
|
||||
|
||||
.text-title {
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
.text-blue {
|
||||
color: #007bff;
|
||||
}
|
||||
|
||||
.white-bg {
|
||||
background-color: #ffffff;
|
||||
}
|
||||
@@ -521,6 +591,16 @@ ul li {
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
.border-radius-top {
|
||||
border-top-left-radius: 10px;
|
||||
border-top-right-radius: 10px;
|
||||
}
|
||||
|
||||
.border-radius-bottom {
|
||||
border-bottom-left-radius: 10px;
|
||||
border-bottom-right-radius: 10px;
|
||||
}
|
||||
|
||||
.hand {
|
||||
cursor: pointer;
|
||||
}
|
||||
@@ -557,6 +637,10 @@ ul li {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.vc-active {
|
||||
color: var(--vc-menu-main-bg-active-color);
|
||||
}
|
||||
|
||||
html,
|
||||
body,
|
||||
.vc-page {
|
||||
@@ -567,13 +651,14 @@ body,
|
||||
|
||||
.vc-menu {
|
||||
border-right: 1px solid #EFEFF0;
|
||||
overflow: visible !important;
|
||||
}
|
||||
|
||||
.vc-menu-main {
|
||||
background-color: var(--vc-menu-main-bg);
|
||||
color: var(--vc-menu-main-font-color);
|
||||
text-align: center;
|
||||
width: 80px;
|
||||
text-align: start;
|
||||
width: 100px;
|
||||
font-size: 14px;
|
||||
height: 100%;
|
||||
overflow-x: hidden;
|
||||
@@ -599,6 +684,10 @@ body,
|
||||
height: 45px;
|
||||
line-height: 45px;
|
||||
cursor: pointer;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
padding: 0 10px;
|
||||
}
|
||||
|
||||
.vc-menu-main ul li:hover {
|
||||
@@ -623,7 +712,7 @@ body,
|
||||
background-color: var(--vc-menu-sub-bg);
|
||||
color: var(--vc-menu-sub-font-color);
|
||||
text-align: start;
|
||||
width: 110px;
|
||||
width: 150px;
|
||||
font-size: 14px;
|
||||
height: 95%;
|
||||
overflow-x: hidden;
|
||||
@@ -631,10 +720,99 @@ body,
|
||||
scrollbar-width: none;
|
||||
}
|
||||
|
||||
/* 二级菜单改为飞出式 */
|
||||
.vc-menu-sub.flyout {
|
||||
position: absolute !important;
|
||||
left: 100px; /* 紧贴一级菜单右侧 */
|
||||
top: 10px; /* 初始top，由JS动态设置 */
|
||||
width: 200px; /* 可根据需要调整，建议180-220px */
|
||||
max-height: calc(100vh - 120px); /* 最大高度：视口高度减去顶部导航和底部边距 */
|
||||
background: var(--vc-menu-sub-bg);
|
||||
box-shadow: 3px 3px 15px rgba(0,0,0,0.12);
|
||||
border-radius: 8px;
|
||||
border: 1px solid #e8e8e8;
|
||||
z-index: 1000;
|
||||
opacity: 0;
|
||||
visibility: hidden;
|
||||
transform: translateX(-15px);
|
||||
transition: none;
|
||||
overflow: hidden; /* 重要：外层隐藏溢出 */
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
/* 显示时动画飞出 */
|
||||
.vc-menu-sub.flyout.active {
|
||||
opacity: 1;
|
||||
visibility: visible;
|
||||
transform: translateX(0);
|
||||
}
|
||||
|
||||
.vc-menu-sub::-webkit-scrollbar {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* 二级菜单内部样式微调（更美观） */
|
||||
.vc-menu-sub.flyout ul {
|
||||
padding: 12px 0;
|
||||
margin: 0;
|
||||
overflow-y: auto; /* 超出时出现滚动条 */
|
||||
overflow-x: hidden;
|
||||
max-height: calc(100vh - 160px); /* 留出title和footer空间 */
|
||||
flex: 1;
|
||||
}
|
||||
.vc-menu-sub.flyout ul li.title {
|
||||
padding: 12px 20px 8px 20px;
|
||||
font-weight: bold;
|
||||
font-size: 14px;
|
||||
color: var(--vc-menu-sub-title-font-color);
|
||||
flex-shrink: 0; /* 不被压缩 */
|
||||
border-bottom: 1px solid #f0f0f0;
|
||||
}
|
||||
|
||||
.vc-menu-sub.flyout ul li {
|
||||
padding-left: 20px !important;
|
||||
padding-right: 10px;
|
||||
height: 40px;
|
||||
line-height: 40px;
|
||||
flex-shrink: 0;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
.vc-menu-sub.flyout ul li:hover {
|
||||
background-color: var(--vc-menu-sub-bg-active-color);
|
||||
color: var(--vc-menu-sub-active-font-color);
|
||||
}
|
||||
|
||||
.vc-menu-sub.flyout ul li.sub-footer {
|
||||
flex-shrink: 0;
|
||||
text-align: right;
|
||||
padding: 8px 15px;
|
||||
margin: 0;
|
||||
background: #f9f9f9;
|
||||
border-top: 1px solid #f0f0f0;
|
||||
font-size: 13px;
|
||||
color: #666;
|
||||
}
|
||||
|
||||
/*menu2中二级菜单滚动条样式*/
|
||||
.vc-menu-sub.flyout ul::-webkit-scrollbar {
|
||||
width: 6px;
|
||||
}
|
||||
.vc-menu-sub.flyout ul::-webkit-scrollbar-track {
|
||||
background: #f1f1f1;
|
||||
border-radius: 10px;
|
||||
}
|
||||
.vc-menu-sub.flyout ul::-webkit-scrollbar-thumb {
|
||||
background: #c1c1c1;
|
||||
border-radius: 10px;
|
||||
}
|
||||
.vc-menu-sub.flyout ul::-webkit-scrollbar-thumb:hover {
|
||||
background: #a8a8a8;
|
||||
}
|
||||
|
||||
.vc-menu-sub .active {
|
||||
background-color: var(--vc-menu-sub-bg-active-color);
|
||||
color: var(--vc-menu-sub-active-font-color);
|
||||
@@ -681,12 +859,73 @@ body,
|
||||
}
|
||||
|
||||
.vc-nav {
|
||||
height: 50px;
|
||||
height: 60px; /* 匹配侧边栏 logo 高度 60px */
|
||||
width: 100%;
|
||||
background-color: var(--vc-nav-bg);
|
||||
font-size: 14px;
|
||||
line-height: 50px;
|
||||
color: var(--vc-nav-color);
|
||||
line-height: 60px; /* 行高匹配侧边栏 logo */
|
||||
color: white !important;
|
||||
background-color: var(--vc-menu-main-bg) !important; /* 完全复用侧边栏背景色 */
|
||||
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
|
||||
position: relative;
|
||||
padding: 0; /* 清空默认内边距，避免样式错位 */
|
||||
display: flex;
|
||||
align-items: stretch; /* 让子容器高度撑满顶部栏 */
|
||||
}
|
||||
|
||||
/* 顶部 logo 容器：完全复用侧边栏 vc-menu-main + title 样式 */
|
||||
.vc-nav-logo {
|
||||
width: 101px; /* 完全匹配侧边栏 vc-menu-main 宽度 */
|
||||
background-color: var(--vc-menu-main-bg); /* 侧边栏背景色 */
|
||||
color: var(--vc-menu-main-title-font-color);
|
||||
text-align: start;
|
||||
font-size: 14px;
|
||||
height: 100%; /* 撑满顶部栏高度 */
|
||||
overflow-x: hidden;
|
||||
overflow-y: hidden; /* 隐藏滚动，和侧边栏一致 */
|
||||
border-right: 1px solid #EFEFF0; /* 保留侧边栏的分隔线样式 */
|
||||
}
|
||||
|
||||
/* 顶部 logo 内的 a 标签：完全复用侧边栏样式 */
|
||||
.vc-nav-logo ul li.title a {
|
||||
text-decoration: none !important;
|
||||
cursor: pointer !important;
|
||||
color: var(--vc-menu-main-title-font-color) !important;
|
||||
}
|
||||
|
||||
/* 修复原顶部内容的 li 样式：适配 60px 高度的垂直居中 */
|
||||
.vc-nav-content ul li {
|
||||
padding-left: 10px;
|
||||
padding-right: 10px;
|
||||
margin-left: 5px;
|
||||
margin-right: 5px;
|
||||
cursor: pointer;
|
||||
color: #333333 !important;
|
||||
line-height: 60px; /* 匹配顶部栏高度，垂直居中 */
|
||||
height: 100%; /* 撑满容器高度 */
|
||||
}
|
||||
|
||||
/* 顶部 logo 内的 li.title：完全复用侧边栏 logo 样式 */
|
||||
.vc-nav-logo ul li.title {
|
||||
color: var(--vc-menu-main-title-font-color) !important;
|
||||
height: 60px !important; /* 匹配侧边栏 logo 高度 */
|
||||
font-size: 19px !important; /* 匹配侧边栏 logo 字体大小 */
|
||||
line-height: 60px !important; /* 行高居中 */
|
||||
padding: 0 10px !important; /* 匹配侧边栏内边距 */
|
||||
cursor: pointer;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
|
||||
/* 原顶部内容容器：右移 + 适配新的顶部栏高度 */
|
||||
.vc-nav-content {
|
||||
flex: 1; /* 占满剩余宽度 */
|
||||
padding: 0 15px; /* 保留内容内边距 */
|
||||
display: flex;
|
||||
align-items: center; /* 内容垂直居中（因顶部栏高度改为60px） */
|
||||
background-color: #ffffff !important; /* 原内容区域保持白色背景 */
|
||||
height: 100%; /* 撑满顶部栏高度 */
|
||||
}
|
||||
|
||||
.vc-nav ul li {
|
||||
@@ -695,6 +934,7 @@ body,
|
||||
margin-left: 5px;
|
||||
margin-right: 5px;
|
||||
cursor: pointer;
|
||||
color: #333333 !important;
|
||||
}
|
||||
|
||||
.vc-nav ul li.title {
|
||||
@@ -716,16 +956,29 @@ body,
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
.vc-nav ul li.active {
|
||||
border-bottom: 2px solid #007bff !important;
|
||||
}
|
||||
|
||||
.vc-nav ul li:hover,
|
||||
.vc-nav ul li.active {
|
||||
color: #007bff !important;
|
||||
}
|
||||
|
||||
.vc-nav ul li.active {
|
||||
color: var(--vc-nav-active-color);
|
||||
border-bottom: 2px solid var(--vc-nav-active-color) !important;
|
||||
}
|
||||
|
||||
.vc-nav .dropdown-menu {
|
||||
background-color: #ffffff !important;
|
||||
}
|
||||
|
||||
.vc-main .vc-main-content {
|
||||
width: 100%;
|
||||
height: 95%;
|
||||
height: calc(100% - 50px);
|
||||
overflow-x: hidden;
|
||||
overflow-y: scroll;
|
||||
overflow-y: hidden !important;
|
||||
}
|
||||
|
||||
.vc-menu-sub.vc-main .vc-main-content::-webkit-scrollbar {
|
||||
@@ -893,10 +1146,18 @@ nav-link nav-link-breadcrumb active:active {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.vc-org ul li:hover {
|
||||
.vc-org ul li:hover,
|
||||
.vc-org-hc ul li:hover {
|
||||
background-color: var(--vc-org-bg-active-color);
|
||||
}
|
||||
|
||||
.vc-org-hc ul li {
|
||||
padding-left: 15px;
|
||||
padding-top: 15px;
|
||||
padding-bottom: 15px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.vc-org .active {
|
||||
background-color: var(--vc-org-bg-active-color);
|
||||
}
|
||||
@@ -974,7 +1235,7 @@ nav-link nav-link-breadcrumb active:active {
|
||||
}
|
||||
|
||||
.tree-div {
|
||||
height: 650px;
|
||||
height: 850px;
|
||||
overflow-y: scroll;
|
||||
}
|
||||
|
||||
@@ -1000,15 +1261,29 @@ nav-link nav-link-breadcrumb active:active {
|
||||
/* width: calc(100% - 190px); */
|
||||
width: 100%;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
overflow-x: scroll;
|
||||
}
|
||||
|
||||
.hc-table-div::-webkit-scrollbar {
|
||||
/* display: none; */
|
||||
display: block;
|
||||
height: 5px;
|
||||
}
|
||||
|
||||
.hc-table-div::-webkit-scrollbar-track {
|
||||
background-color: #f1f1f1;
|
||||
border-radius: 2px;
|
||||
}
|
||||
|
||||
.hc-table-div::-webkit-scrollbar-thumb {
|
||||
background-color: #c1c1c1;
|
||||
border-radius: 2px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.hc-table-div::-webkit-scrollbar-thumb:hover {
|
||||
background-color: #a8a8a8;
|
||||
}
|
||||
|
||||
.hc-table-fix-right-td {
|
||||
position: sticky;
|
||||
right: 0px;
|
||||
@@ -1026,12 +1301,82 @@ nav-link nav-link-breadcrumb active:active {
|
||||
text-align: center;
|
||||
text-overflow: ellipsis;
|
||||
white-space: normal;
|
||||
height: 10px;
|
||||
}
|
||||
|
||||
tbody {
|
||||
display: block;
|
||||
max-height: 500px;
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
|
||||
tbody tr {
|
||||
display: table;
|
||||
width: 100%;
|
||||
table-layout: fixed;
|
||||
}
|
||||
|
||||
table thead {
|
||||
display: table;
|
||||
width: 100%;
|
||||
table-layout: fixed;
|
||||
}
|
||||
|
||||
.vc-search-community-item {
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.vc-search-community-item .item-title {
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.vc-search-community-item .item-content {
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
||||
.vc-search-community-item .item-content a {
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
.no_display {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.data-report-item {
|
||||
width: 32%;
|
||||
height: 60px;
|
||||
}
|
||||
|
||||
.data-report-i {
|
||||
width: 24.5%;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
.data-report-i .data-report-i-t {
|
||||
margin-left: 10px;
|
||||
font-size: 16px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.data-report-item {
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.data-report-item .data-report-item-title {
|
||||
font-size: 12px;
|
||||
margin-top: 5px;
|
||||
margin-left: 6px;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.data-report-item .data-report-item-value {
|
||||
font-size: 16px;
|
||||
text-align: center;
|
||||
line-height: 30px;
|
||||
color: #F28A4A;
|
||||
}
|
||||
|
||||
.cockpit-header {
|
||||
|
||||
position: absolute;
|
||||
@@ -1213,4 +1558,18 @@ nav-link nav-link-breadcrumb active:active {
|
||||
.map-m-right .item img {
|
||||
width: 80px;
|
||||
height: 80px;
|
||||
}
|
||||
|
||||
.vc-reserve-active {
|
||||
border: 1px solid #007bff;
|
||||
color: #007bff;
|
||||
}
|
||||
|
||||
.ibox-content-auto-height {
|
||||
height: calc(100vh - 300px);
|
||||
overflow-y: auto;
|
||||
}
|
||||
|
||||
.simplify-acceptance .form-group {
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
Reference in New Issue
Block a user