| | |
| | | <!-- 图表显示 --> |
| | | <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" |
| | |
| | | methods: { |
| | | changeTab(key) { |
| | | this.activeTabs = key; |
| | | console.log(this.activeTabs, "activeTabs"); |
| | | // console.log(this.activeTabs, "activeTabs"); |
| | | if (key == "chart") { |
| | | this.initChart(); |
| | | } |
| | | }, |
| | | initChart() { |
| | | this.chart = echarts.init(this.$refs.chart); |
| | |
| | | formatter: (params) => { |
| | | const data = params.data; |
| | | this.currentNodeInfo = data; |
| | | console.log(data, "data"); |
| | | // console.log(data, "data"); |
| | | if (data.cmsItemType == "student") { |
| | | return ` |
| | | <div style=" |
| | |
| | | |
| | | this.chart.setOption(option); |
| | | this.chart.on("click", (params) => { |
| | | console.log("点击时的回调", params); |
| | | // console.log("点击时的回调", params); |
| | | this.tooltipShow = true; |
| | | }); |
| | | }, |
| | |
| | | }; |
| | | }); |
| | | this.academicDegreeList = academicDegreeListResult.option; |
| | | console.log(this.academicDegreeList, "this.academicDegreeList"); |
| | | } catch (error) { |
| | | console.error("获取下拉框数据失败:", error); |
| | | } |
| | |
| | | return MG.store |
| | | .getProductTypeField(requestData) |
| | | .then((res) => { |
| | | console.log(res, "下拉框数据"); |
| | | const selestList = JSON.parse(res[0].config); |
| | | return selestList; |
| | | }) |
| | |
| | | }); |
| | | this.loading = false; |
| | | console.log(res, "res"); |
| | | console.log(arrList, "arrList"); |
| | | if (res.datas && res.datas.length) { |
| | | res.datas.forEach((item) => { |
| | | arrList.forEach((citem) => { |
| | |
| | | }); |
| | | }); |
| | | arrList = arrList.filter((item) => item.studentList.length); |
| | | console.log(arrList, "arrList"); |
| | | |
| | | // console.log(arrList, "arrList"); |
| | | |
| | | this.universityList = arrList; |
| | | // this.chartData.children = arrList; |
| | | this.chartData.children = arrList; |
| | | const temp_chartData = { |
| | | name: "王永炎", |
| | | children: arrList, |
| | | }; |
| | | this.chartData = temp_chartData; |
| | | |
| | | console.log(this.chartData, "this.chartData"); |
| | | // console.log(this.chartData, "this.chartData"); |
| | | this.initChart(); |
| | | } |
| | | }) |
| | |
| | | overflow: hidden; |
| | | display: flex; |
| | | flex-direction: column; |
| | | font-family: Source Han Sans; |
| | | } |
| | | |
| | | .page-header { |