| | |
| | | <p>王永炎院士学生目录</p> |
| | | </div> |
| | | <div class="page-main-title"> |
| | | <p |
| | | @click="changeTab('chart')" |
| | | :class="[activeTabs == 'chart' ? 'active-tab' : '']" |
| | | > |
| | | <img src="../../assets/images/directory/chartIcon.png" alt="" /> |
| | | <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="../../assets/images/directory/listIcon.png" alt="" /> |
| | | <p @click="changeTab('list')" :class="[activeTabs == 'list' ? 'active-tab' : '']"> |
| | | <img :src="[activeTabs == 'list' ? listIcon : noListIcon]" alt=""> |
| | | <span>列表显示</span> |
| | | </p> |
| | | </div> |
| | |
| | | <p class="table-title-degree">{{ item.degree }}</p> |
| | | <p class="table-title-number">{{ item.studentList.length }}人</p> |
| | | </div> |
| | | <div class="table-title-right" @click="item.isShow = !item.isShow"> |
| | | <img src="../../assets/images/directory/topIcon.png" alt="" /> |
| | | </div> |
| | | <div class="table-title-right" @click="item.isShow = !item.isShow"><img |
| | | :src="[item.isShow ? topIcon : bottomIcon]" alt=""></div> |
| | | </div> |
| | | <table |
| | | cellpadding="100" |
| | |
| | | export default { |
| | | data() { |
| | | return { |
| | | chartIcon: require("@/assets/images/directory/chartIcon.png"), |
| | | noChartIcon: require("@/assets/images/directory/noChartIcon.png"), |
| | | listIcon: require("@/assets/images/directory/listIcon.png"), |
| | | noListIcon: require("@/assets/images/directory/noListIcon.png"), |
| | | topIcon: require("@/assets/images/directory/topIcon.png"), |
| | | bottomIcon: require("@/assets/images/directory/bottomIcon.png"), |
| | | activeTabs: "chart", |
| | | universityList: [ |
| | | { |