|
After Width: | Height: | Size: 1.3 KiB |
|
After Width: | Height: | Size: 164 KiB |
|
After Width: | Height: | Size: 2.6 KiB |
|
After Width: | Height: | Size: 118 KiB |
|
After Width: | Height: | Size: 623 B |
|
After Width: | Height: | Size: 87 KiB |
|
After Width: | Height: | Size: 1.9 KiB |
|
After Width: | Height: | Size: 95 KiB |
|
After Width: | Height: | Size: 4.1 KiB |
|
After Width: | Height: | Size: 230 KiB |
|
After Width: | Height: | Size: 2.7 KiB |
|
After Width: | Height: | Size: 122 KiB |
|
After Width: | Height: | Size: 2.6 KiB |
|
After Width: | Height: | Size: 149 KiB |
|
After Width: | Height: | Size: 2.6 KiB |
|
After Width: | Height: | Size: 106 KiB |
|
After Width: | Height: | Size: 1.3 KiB |
|
After Width: | Height: | Size: 139 KiB |
|
After Width: | Height: | Size: 915 B |
|
After Width: | Height: | Size: 140 KiB |
|
After Width: | Height: | Size: 3.0 KiB |
|
After Width: | Height: | Size: 136 KiB |
|
After Width: | Height: | Size: 1.9 KiB |
|
After Width: | Height: | Size: 105 KiB |
|
After Width: | Height: | Size: 2.4 KiB |
|
After Width: | Height: | Size: 130 KiB |
|
After Width: | Height: | Size: 3.0 KiB |
|
After Width: | Height: | Size: 132 KiB |
|
After Width: | Height: | Size: 2.1 KiB |
|
After Width: | Height: | Size: 139 KiB |
|
After Width: | Height: | Size: 2.3 KiB |
|
After Width: | Height: | Size: 111 KiB |
@ -0,0 +1,131 @@ |
||||
<template> |
||||
<div class="wrap p-b-30"> |
||||
<div class="single-banner single-banner-overview"> |
||||
<img class="banner-img" |
||||
:src="modules[0].form.pic" |
||||
alt=""> |
||||
<div class="texts"> |
||||
<h6 class="banner-title">{{ modules[0].form.title }}</h6> |
||||
</div> |
||||
</div> |
||||
|
||||
<div class="content"> |
||||
<div class="left"> |
||||
<ul class="list"> |
||||
<li> |
||||
<img src="http://10.10.11.7/images/team/2.png" |
||||
alt="" |
||||
class="pic"> |
||||
<div class="texts"> |
||||
<h6>孙冬柏</h6> |
||||
<p class="job">院长/深圳产业光源项目总经理</p> |
||||
<div class="text">孙冬柏作为院领导，负责组织制定研究院的战略规划与实施监督，分管人才队伍建设、财务管理等方面工作，同时作为总指挥、总负责人，主持建设深圳产业光源项目。孙冬柏曾任中山大学常务副校长，层主持建设了“十一五”国家重大科技基础设施“重大工程材料服役安全研究评价设施”暨国家材料服役安全科学中心；担任分总体负责人，负责研制建设了“十二五”国家重大科技基础设施“高能同步辐射光源验证装置”—工程材料线站。</div> |
||||
</div> |
||||
</li> |
||||
<li> |
||||
<img src="http://10.10.11.7/images/team/2.png" |
||||
alt="" |
||||
class="pic"> |
||||
<div class="texts"> |
||||
<h6>孙冬柏</h6> |
||||
<p class="job">院长/深圳产业光源项目总经理</p> |
||||
<div class="text">孙冬柏作为院领导，负责组织制定研究院的战略规划与实施监督，分管人才队伍建设、财务管理等方面工作，同时作为总指挥、总负责人，主持建设深圳产业光源项目。孙冬柏曾任中山大学常务副校长，层主持建设了“十一五”国家重大科技基础设施“重大工程材料服役安全研究评价设施”暨国家材料服役安全科学中心；担任分总体负责人，负责研制建设了“十二五”国家重大科技基础设施“高能同步辐射光源验证装置”—工程材料线站。</div> |
||||
</div> |
||||
</li> |
||||
</ul> |
||||
</div> |
||||
|
||||
<RightColumns /> |
||||
</div> |
||||
</div> |
||||
</template> |
||||
|
||||
<script> |
||||
import mixins from '@/mixins/page' |
||||
import WOW from 'wow.js' |
||||
import RightColumns from '@/components/rightColumns' |
||||
export default { |
||||
mixins: [mixins], |
||||
data () { |
||||
return { |
||||
|
||||
} |
||||
}, |
||||
components: { |
||||
RightColumns |
||||
}, |
||||
mounted () { |
||||
new WOW().init() |
||||
}, |
||||
methods: { |
||||
// 获取文章详情 |
||||
getInfo () { |
||||
// 预览/详情 |
||||
this.$post( |
||||
`${this.api[this.preview ? "getRedisCache" : "findPage"]}?columnId=${this.id}` |
||||
) |
||||
.then(({ data }) => { |
||||
if (data.length) { |
||||
// state：已发布（1）则取theEditedJson，草稿（0）则取jsonBeforeEditing |
||||
const json = JSON.parse( |
||||
this.preview |
||||
? data |
||||
: data[data.length - 1][ |
||||
data[data.length - 1].state ? "theEditedJson" : "jsonBeforeEditing" |
||||
] |
||||
); |
||||
this.modules = json; |
||||
console.log("🚀 ~ file: index.vue ~ line 180 ~ this.$post ~ json", json); |
||||
} |
||||
}) |
||||
.catch((err) => { }); |
||||
}, |
||||
} |
||||
}; |
||||
</script> |
||||
|
||||
<style lang="scss" scoped> |
||||
@import url(../../plugins/wow/animate.css); |
||||
@import '../../styles/page/page.scss'; |
||||
.content { |
||||
display: flex; |
||||
width: 1400px; |
||||
justify-content: space-between; |
||||
.left { |
||||
width: calc(100% - 300px); |
||||
} |
||||
.list { |
||||
li { |
||||
display: flex; |
||||
align-items: center; |
||||
padding-bottom: 30px; |
||||
margin-bottom: 30px; |
||||
border-bottom: 1px solid #ddd; |
||||
&:last-child { |
||||
border-bottom: 0; |
||||
} |
||||
} |
||||
.pic { |
||||
width: 224px; |
||||
height: 268px; |
||||
margin-right: 25px; |
||||
} |
||||
h6 { |
||||
font-size: 1.2rem; |
||||
font-family: PingFangSC-Medium, PingFang SC; |
||||
color: #333; |
||||
} |
||||
.job { |
||||
margin: 10px 0; |
||||
font-size: 1rem; |
||||
font-family: PingFangSC-Regular, PingFang SC; |
||||
color: #333; |
||||
} |
||||
.text { |
||||
font-size: 1rem; |
||||
font-family: PingFangSC-Regular, PingFang SC; |
||||
color: #333; |
||||
} |
||||
} |
||||
} |
||||
</style> |
||||
@ -0,0 +1,14 @@ |
||||
import BasicLayout from '@/layouts/home' |
||||
const name = 'team' |
||||
export default { |
||||
path: `/${name}`, |
||||
component: BasicLayout, |
||||
children: [ |
||||
{ |
||||
name, |
||||
path: `/${name}`, |
||||
component: () => import(`@/pages/${name}`), |
||||
meta: { title: '' } |
||||
} |
||||
] |
||||
}; |
||||