From 00fc503240260a65321c07bd0c5718f075b7da4b Mon Sep 17 00:00:00 2001 From: zhongshujie <2862698242@qq.com> Date: 星期二, 08 四月 2025 17:54:29 +0800 Subject: [PATCH] Merge branch 'master' of http://182.92.203.7:2001/r/wyyDatabase --- src/views/directory/index.vue | 82 +++++++++++++++++------------------------ 1 files changed, 34 insertions(+), 48 deletions(-) diff --git a/src/views/directory/index.vue b/src/views/directory/index.vue index 9ff6048..9ab12ef 100644 --- a/src/views/directory/index.vue +++ b/src/views/directory/index.vue @@ -3,26 +3,25 @@ <div class="page-header"> <p>鐜嬫案鐐庨櫌澹鐢熺洰褰�</p> </div> - <div class="page-main-title"> - <p - @click="changeTab('chart')" - :class="[activeTabs == 'chart' ? 'active-tab' : '']" - > - <img :src="[activeTabs == 'chart' ? chartIcon : noChartIcon]" alt="" /> - <span>鍥捐〃鏄剧ず</span> - </p> - <p - @click="changeTab('list')" - :class="[activeTabs == 'list' ? 'active-tab' : '']" - > - <img :src="[activeTabs == 'list' ? listIcon : noListIcon]" alt="" /> - <span>鍒楄〃鏄剧ず</span> - </p> - </div> - <!-- 鍥捐〃鏄剧ず --> - <div class="charts-main" v-if="activeTabs == 'chart'"> - <div class="radial-tree-container"> - <div ref="chart" style="width: 100%; height: 600px"></div> + <div class="page-main-father"> + <div class="page-main-title"> + <p + @click="changeTab('chart')" + :class="[activeTabs == 'chart' ? 'active-tab' : '']" + > + <img + :src="[activeTabs == 'chart' ? chartIcon : noChartIcon]" + alt="" + /> + <span>鍥捐〃鏄剧ず</span> + </p> + <p + @click="changeTab('list')" + :class="[activeTabs == 'list' ? 'active-tab' : '']" + > + <img :src="[activeTabs == 'list' ? listIcon : noListIcon]" alt="" /> + <span>鍒楄〃鏄剧ず</span> + </p> </div> <transition name="el-fade-in-linear"> <div class="tooltipBox" v-show="tooltipShow"> @@ -121,28 +120,6 @@ <img :src="[item.isShow ? topIcon : bottomIcon]" alt="" /> </div> </div> - <table cellpadding="100" v-if="item.studentList && item.studentList.length > 0 && item.isShow"> - <tr class="table-heading"> - <th>濮撳悕</th> - <th>鎬у埆</th> - <th>瀛︿範鏃堕棿</th> - <th>宸ヤ綔鍗曚綅锛堝埌浜岀骇鍗曚綅鍏ㄧО锛�</th> - <th>鑱屽姟</th> - <th>鑱岀О</th> - </tr> - <tr v-for="(citem, cindex) in item.studentList" :key="cindex"> - <td> - {{ citem.studentName }} - </td> - <td> - {{ citem.gender }} - </td> - <td>{{ citem.studyTime }}</td> - <td>{{ citem.workUnit }}</td> - <td>{{ citem.position }}</td> - <td>{{ citem.title }}</td> - </tr> - </table> </div> </div> </div> @@ -484,23 +461,31 @@ height: 100%; box-sizing: border-box; background-color: #e9e1d4; - overflow: auto; + position: relative; } .page-header { - height: 102px; + height: 9.4%; width: 100%; text-align: left; - margin-bottom: 8px; border-bottom: 2px solid #937950; - + background-color: #e9e1d4; + position: sticky; + top: 0; + z-index: 100; p { - padding: 35px 0 34px 0; + padding: 2% 0 1.9% 0; font-family: Alimama DongFangDaKai; font-size: 30px; text-indent: 1em; border-bottom: 1px solid #937950; } +} + +.page-main-father { + height: calc(100% - 9.4%); + width: 100%; + overflow: auto; } .page-main-title { @@ -510,6 +495,7 @@ cursor: pointer; margin-bottom: 75px; color: #9e9e9e; + margin-top: 1%; p { display: flex; @@ -537,7 +523,7 @@ } .page-main { - width: 1313px; + width: 77.3%; margin: 0 auto; overflow: hidden; margin-bottom: 100px; -- Gitblit v1.9.1