| | |
| | | <!-- 图表显示 --> |
| | | <div |
| | | class="charts-main" |
| | | v-if="activeTabs == 'chart'" |
| | | v-show="activeTabs == 'chart'" |
| | | v-loading="loading" |
| | | element-loading-text="图表加载中" |
| | | element-loading-spinner="el-icon-loading" |
| | |
| | | 职称:{{ currentNodeInfo.professionalTitle || "-" }} |
| | | </p> |
| | | </div> |
| | | <div style="text-align: left; line-height: 22px;max-height:200px;overflow-y: auto; padding: 10px;" > |
| | | <div |
| | | style=" |
| | | text-align: left; |
| | | line-height: 22px; |
| | | max-height: 200px; |
| | | overflow-y: auto; |
| | | padding: 10px; |
| | | " |
| | | > |
| | | <div v-html="currentNodeInfo.studentProfile"></div> |
| | | </div> |
| | | <!-- <div |
| | |
| | | </transition> |
| | | </div> |
| | | <!-- 列表显示 --> |
| | | <div class="page-main" v-if="activeTabs == 'list'"> |
| | | <div class="page-main" v-show="activeTabs == 'list'"> |
| | | <div |
| | | v-loading="loading" |
| | | style="min-height: 550px" |
| | |
| | | <div v-for="(item, index) in universityList" :key="index"> |
| | | <div |
| | | class="table-title" |
| | | v-if="item.studentList && item.studentList.length > 0" |
| | | > |
| | | v-if="item.studentList && item.studentList.length > 0"> |
| | | <div class="table-title-left"> |
| | | <p class="table-title-name">{{ item.unitName }}</p> |
| | | <p class="table-title-degree">{{ item.academicDegreeName }}</p> |
| | |
| | | </div> |
| | | <div |
| | | class="table-title-right" |
| | | @click="item.isShow = !item.isShow" |
| | | > |
| | | @click="item.isShow = !item.isShow"> |
| | | <img :src="[item.isShow ? topIcon : bottomIcon]" alt="" /> |
| | | </div> |
| | | </div> |
| | |
| | | changeTab(key) { |
| | | this.activeTabs = key; |
| | | console.log(this.activeTabs, "activeTabs"); |
| | | if (key == "chart") { |
| | | this.initChart(); |
| | | } |
| | | }, |
| | | initChart() { |
| | | this.chart = echarts.init(this.$refs.chart); |
| | |
| | | overflow: hidden; |
| | | display: flex; |
| | | flex-direction: column; |
| | | font-family: Source Han Sans; |
| | | } |
| | | |
| | | .page-header { |
| | |
| | | font-size: 14px; |
| | | color: #937950; |
| | | } |
| | | |
| | | ::v-deep .el-loading-spinner { |
| | | .el-loading-text { |
| | | font-size: 14px; |
| | | color: #937950; |
| | | } |
| | | |
| | | .el-icon-loading { |
| | | font-size: 14px; |
| | | color: #937950; |
| | | } |
| | | } |
| | | </style> |