From 02024f1e2493156ab35942a66187653fec894f9e Mon Sep 17 00:00:00 2001 From: YuNan <3194726156@qq.com> Date: Sat, 15 Mar 2025 18:28:54 +0800 Subject: [PATCH] =?UTF-8?q?=E9=A6=96=E9=A1=B5=E7=9A=84=E9=A1=B6=E9=83=A8?= =?UTF-8?q?=E4=BC=98=E5=8C=961?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/views/cet/universityDashboard.vue | 1928 ++++++++++++++----------- 1 file changed, 1069 insertions(+), 859 deletions(-) diff --git a/src/views/cet/universityDashboard.vue b/src/views/cet/universityDashboard.vue index 8232bc3..19e6350 100644 --- a/src/views/cet/universityDashboard.vue +++ b/src/views/cet/universityDashboard.vue @@ -1,6 +1,6 @@ - + + + + + + + {{ selectedLabel || '请选择学院' }} + + + + + + + + + {{ item.label }} + + + + + + + + + + + + {{ subItem.label }} + + + + + + + + 查询 - {{ totalName }}总人数:{{ total }} + {{ totalName }}总人数:{{ total }} 累计通过人数: {{ passNumberBottom }} 累计总通过率: {{ passRateBottom }} - - - 查询 @@ -27,9 +59,7 @@ - - + 累计总通过率 @@ -39,11 +69,10 @@ - + - - - \ No newline at end of file + .right-side { + position: relative; + flex: 1; + } + } + + .search-row { + display: flex; + align-items: center; + } + + .query { + right: 3%; + top: 10px; + position: absolute; + padding-left: 20px; + margin-bottom: 10px; + display: flex; + align-items: center; + z-index: 9999; + } + .dropdown-wrapper { + position: relative; /* ✅ 让下拉菜单基于此定位 */ + display: inline-block; + } + .dropdown-trigger { + width: 160px; /* ✅ 设置选择框宽度 */ + height: 32px; + border: 1px solid #ccc; /* ✅ 添加边框 */ + padding: 6px 12px; + border-radius: 4px; + background-color: #fff; + cursor: pointer; + display: flex; + align-items: center; + justify-content: space-between; + } + + .dropdown-panel { + position: absolute; + top: 100%; /* ✅ 紧贴选择框底部 */ + left: 0; + background: white; + border: 1px solid #ddd; + z-index: 1000; + display: flex; + } + .main-menu, + .sub-menu { + min-width: 160px; + max-height: 300px; /* ✅ 控制每一级高度 */ + overflow-y: auto; /* ✅ 各自独立滚动 */ + overflow-x: hidden; + border-right: 1px solid #eee; + } + + .menu-item { + padding: 6px 12px; + display: flex; + justify-content: space-between; + align-items: center; + cursor: pointer; + white-space: nowrap; + } + + .menu-item:hover { + background: #f5f5f5; + } + + .expand-icon { + margin-left: 8px; + color: #999; + } +