version9

4

resources/Web/MicroCommunityWeb/html/css/vc-ui.css

@@ -20,13 +20,20 @@
     --vc-tab-text-color: #FFFFFF;
 } */
 
-body {
+html, body {
     margin: 0;
+    padding: 0;
+    height: 100%;
+    width: 100%;
+    overflow: hidden;
+    position: fixed;
+}
+
+body {
     font-family: "open sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
     background-color: var(--main-bg-color);
     font-size: 13px;
     color: #676a6c;
-    overflow-x: hidden;
 }
 
 .vc {
@@ -1054,10 +1061,15 @@ ul.nav-second-level {
     border-image: none;
     border-style: solid solid none;
     border-width: 1px 0;
+    clear: both;
+    max-height: 850px;
+    overflow-y: auto !important;
+    overflow-x: auto !important;
 }
 
-.ibox-content {
-    clear: both;
+.ibox-content-auto-height {
+    height: calc(100vh - 300px);
+    overflow-y: auto;
 }
 
 .modal-backdrop {
@@ -2225,4 +2237,4 @@ table.table-mail tr td {
 
 .nav-bg {
     background-color: var(--nav-bg-color);
-}
+}

resources/Web/MicroCommunityWeb/html/css/vc.css

@@ -17,6 +17,11 @@
     --vc-org-bg-active-color: #EAF0FE;
 }
 
+
+*:not(tbody)::-webkit-scrollbar {
+    display: none;
+}
+
 .margin-0 {
     margin: 0;
 }
@@ -508,6 +513,31 @@ ul li {
 .text-center {
     text-align: center;
 }
+.text-tr{
+    position: sticky;
+    top: -18px;
+    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: -18px;
+    z-index: 100;
+    background-color: white;
+}
 
 .text-content {
     line-height: 1.6;
@@ -531,8 +561,12 @@ ul li {
 
 .white-bg {
     background-color: #ffffff;
+    /*max-height: calc(100vh - 300px);*/
+    overflow-y: auto;
 }
 
+
+
 .border-bottom {
     border-bottom: 1px solid #e7eaec !important;
 }
@@ -680,7 +714,7 @@ body,
     opacity: 0;
     visibility: hidden;
     transform: translateX(-15px);
-    transition: all 0.3s ease;
+    transition: none;
     overflow: hidden;                  /* 重要：外层隐藏溢出 */
     display: flex;
     flex-direction: column;
@@ -819,18 +853,6 @@ body,
     align-items: stretch; /* 让子容器高度撑满顶部栏 */
 }
 /* 顶部 logo 容器：完全复用侧边栏 vc-menu-main + title 样式 */
-.vc-nav-logo {
-    width: 100px; /* 完全匹配侧边栏 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 容器：完全复用侧边栏 vc-menu-main + title 样式 */
 .vc-nav-logo {
     width: 101px; /* 完全匹配侧边栏 vc-menu-main 宽度 */
     background-color: var(--vc-menu-main-bg); /* 侧边栏背景色 */
@@ -932,9 +954,9 @@ body,
 
 .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 {
@@ -1191,7 +1213,7 @@ nav-link nav-link-breadcrumb active:active {
 }
 
 .tree-div {
-    height: 650px;
+    height: 850px;
     overflow-y: scroll;
 }
 
@@ -1222,10 +1244,25 @@ nav-link nav-link-breadcrumb active:active {
 }
 
 .hc-table-div::-webkit-scrollbar {
-    /* display: none; */
+    display: none;
     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;
@@ -1245,6 +1282,26 @@ nav-link nav-link-breadcrumb active:active {
     white-space: normal;
 }
 
+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;
 }
@@ -1300,6 +1357,11 @@ nav-link nav-link-breadcrumb active:active {
     color: #007bff;
 }
 
+.ibox-content-auto-height {
+    height: calc(100vh - 300px);
+    overflow-y: auto;
+}
+
 .simplify-acceptance .form-group {
     margin-bottom: 0px;
-}
+}