|
|
@@ -1,47 +1,51 @@
|
|
|
<template>
|
|
|
- <bread-pages>
|
|
|
- <div class="main" v-loading="loading">
|
|
|
- <div class="top">
|
|
|
- <div class="img">
|
|
|
- <el-carousel height="360px">
|
|
|
- <el-carousel-item>
|
|
|
- <el-image
|
|
|
- :src="getImg(info.avatar)"
|
|
|
- fit="cover"
|
|
|
- style="width: 100%; height: 100%; border-radius: 100%"
|
|
|
- ></el-image>
|
|
|
- </el-carousel-item>
|
|
|
- </el-carousel>
|
|
|
- </div>
|
|
|
-
|
|
|
- <div class="info">
|
|
|
- <div class="title">{{ info.name }}</div>
|
|
|
- <div class="info-item">
|
|
|
- <span class="text1">研究方向:</span>
|
|
|
- <span class="text2" v-if="info.affiliationName">{{ info.affiliationName }}</span>
|
|
|
+ <div>
|
|
|
+ <Banner></Banner>
|
|
|
+ <bread-pages>
|
|
|
+ <div class="main" v-loading="loading">
|
|
|
+ <div class="top">
|
|
|
+ <div class="img">
|
|
|
+ <el-carousel height="360px">
|
|
|
+ <el-carousel-item>
|
|
|
+ <el-image
|
|
|
+ :src="getImg(info.avatar)"
|
|
|
+ fit="cover"
|
|
|
+ style="width: 100%; height: 100%; border-radius: 100%"
|
|
|
+ ></el-image>
|
|
|
+ </el-carousel-item>
|
|
|
+ </el-carousel>
|
|
|
</div>
|
|
|
- <!-- <div class="info-item" v-for="(item, index) in info.fieldName" :key="index">
|
|
|
+
|
|
|
+ <div class="info">
|
|
|
+ <div class="title">{{ info.name }}</div>
|
|
|
+ <div class="info-item">
|
|
|
+ <span class="text1">研究方向:</span>
|
|
|
+ <span class="text2" v-if="info.affiliationName">{{ info.affiliationName }}</span>
|
|
|
+ </div>
|
|
|
+ <!-- <div class="info-item" v-for="(item, index) in info.fieldName" :key="index">
|
|
|
<span class="text1">专业领域:</span>
|
|
|
<span class="text3" v-if="info.field">{{ item }}</span>
|
|
|
</div> -->
|
|
|
- <div class="info-item">
|
|
|
- <div class="top">
|
|
|
- <span class="text1">专业领域:</span>
|
|
|
- <!-- <span class="text3" v-if="info.field">{{ info.fieldName.join('') }}</span> -->
|
|
|
- <div>
|
|
|
- <div class="text3" v-for="(item, index) in info.fieldName" :key="index">{{ item }}</div>
|
|
|
+ <div class="info-item">
|
|
|
+ <div class="top">
|
|
|
+ <span class="text1">专业领域:</span>
|
|
|
+ <!-- <span class="text3" v-if="info.field">{{ info.fieldName.join('') }}</span> -->
|
|
|
+ <div>
|
|
|
+ <div class="text3" v-for="(item, index) in info.fieldName" :key="index">
|
|
|
+ {{ item }}
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- <div class="info-item" v-if="info.keyAchievement">
|
|
|
- <span class="text1">主要成果:</span>
|
|
|
- <span class="text2">{{ info.keyAchievement }}</span>
|
|
|
- </div>
|
|
|
- <div class="info-item">
|
|
|
- <span class="text1">个人介绍:</span>
|
|
|
- <span class="text2" v-html="info.selfIntroduction"></span>
|
|
|
- </div>
|
|
|
- <!-- <div class="info-item">
|
|
|
+ <div class="info-item" v-if="info.keyAchievement">
|
|
|
+ <span class="text1">主要成果:</span>
|
|
|
+ <span class="text2">{{ info.keyAchievement }}</span>
|
|
|
+ </div>
|
|
|
+ <div class="info-item">
|
|
|
+ <span class="text1">个人介绍:</span>
|
|
|
+ <span class="text2" v-html="info.selfIntroduction"></span>
|
|
|
+ </div>
|
|
|
+ <!-- <div class="info-item">
|
|
|
<span class="text1">电话:</span>
|
|
|
<span class="text2">{{ info.phone }}</span>
|
|
|
</div>
|
|
|
@@ -50,9 +54,9 @@
|
|
|
<span class="text2">{{ info.email }}</span>
|
|
|
</div> -->
|
|
|
|
|
|
- <div class="flex1"></div>
|
|
|
+ <div class="flex1"></div>
|
|
|
|
|
|
- <!-- <div class="btn">
|
|
|
+ <!-- <div class="btn">
|
|
|
<el-button type="primary" class="icon-button" @click.prevent="connectKefu" size="small">
|
|
|
<i class="iconfont iconfont-nav_icon_xiaoxi1"></i>
|
|
|
咨询客服
|
|
|
@@ -61,10 +65,10 @@
|
|
|
<i class="iconfont iconfont-nav_icon_xiaoxi"></i>提交留言
|
|
|
</el-button>
|
|
|
</div> -->
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
|
|
|
- <!-- <div class="content">
|
|
|
+ <!-- <div class="content">
|
|
|
<div class="recommends">
|
|
|
<div class="recommends-title">为你推荐</div>
|
|
|
<router-link
|
|
|
@@ -97,17 +101,19 @@
|
|
|
<div class="detail-content" v-html="info.selfIntroduction"></div>
|
|
|
</div>
|
|
|
</div> -->
|
|
|
- </div>
|
|
|
- </bread-pages>
|
|
|
+ </div>
|
|
|
+ </bread-pages>
|
|
|
+ </div>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
import BreadPage from '../../components/page/BreadPage.vue';
|
|
|
+import Banner from '../../components/Banner.vue';
|
|
|
import { stageOptions, tradingMethodOptions, affiliationOptions } from '../../utils/variables';
|
|
|
import comEvent from '../../mixins/comEvent';
|
|
|
import BreadPages from '../../components/page/BreadPages.vue';
|
|
|
export default {
|
|
|
- components: { BreadPages },
|
|
|
+ components: { BreadPages, Banner },
|
|
|
mixins: [comEvent],
|
|
|
data() {
|
|
|
return {
|
|
|
@@ -336,3 +342,4 @@ export default {
|
|
|
}
|
|
|
}
|
|
|
</style>
|
|
|
+
|