19 changed files with 25665 additions and 8959 deletions
File diff suppressed because it is too large
@ -0,0 +1,56 @@ |
|||||
|
<!-- |
||||
|
* @Author: wally |
||||
|
* @email: 18603454788@163.com |
||||
|
* @Date: 2021-01-13 18:36:52 |
||||
|
* @LastEditors: wally |
||||
|
* @LastEditTime: 2021-01-13 18:39:16 |
||||
|
--> |
||||
|
<template> |
||||
|
<div> |
||||
|
<div class="partner-title-box"> |
||||
|
<p class="title-ch">合作伙伴</p> |
||||
|
<p class="title-en">Partners</p> |
||||
|
</div> |
||||
|
<div class="partner-content-box d-flex flex-wrap"> |
||||
|
<div v-for="(item, index) in lists" :key="index" class="item-box" :class="(index + 1) % 4 === 0 ? 'mr0' : ''"> |
||||
|
{{ item }} |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
export default { |
||||
|
name: 'Pter', |
||||
|
data() { |
||||
|
return { |
||||
|
title: '合作伙伴', |
||||
|
lists: [123, 456, 789, 456, 123, 456, 789, 456, 123, 456, 789, 456], |
||||
|
}; |
||||
|
}, |
||||
|
}; |
||||
|
</script> |
||||
|
|
||||
|
<style lang="stylus" scoped> |
||||
|
.partner-title-box { |
||||
|
height: 70px; |
||||
|
line-height: 34px; |
||||
|
margin: 0 0 40px 20px; |
||||
|
padding-left: 6px; |
||||
|
border-left: 6px solid #007CC1; |
||||
|
} |
||||
|
|
||||
|
.item-box { |
||||
|
width: 20.5%; |
||||
|
margin-right: 6%; |
||||
|
background: #fff; |
||||
|
height: 100px; |
||||
|
line-height: 100px; |
||||
|
text-align: center; |
||||
|
margin-bottom: 20px; |
||||
|
} |
||||
|
|
||||
|
.partner-content-box { |
||||
|
margin: 20px 0 20px 20px; |
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,32 @@ |
|||||
|
<!-- |
||||
|
* @Author: wally |
||||
|
* @email: 18603454788@163.com |
||||
|
* @Date: 2021-01-13 17:18:13 |
||||
|
* @LastEditors: wally |
||||
|
* @LastEditTime: 2021-01-13 18:03:42 |
||||
|
--> |
||||
|
|
||||
|
<template> |
||||
|
<div class="inner" style="margin-top: 50px; margin-bottom: 100px"> |
||||
|
<left-nav style="float: left" /> |
||||
|
<div style="width: 83%; float: right"> |
||||
|
<router-view></router-view> |
||||
|
</div> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import LeftNav from './components/LeftNav.vue'; |
||||
|
export default { |
||||
|
name: 'About', |
||||
|
components: { LeftNav }, |
||||
|
data() { |
||||
|
return { |
||||
|
title: '关于我们', |
||||
|
arr: [{ name: '联系我们', url: '' }], |
||||
|
}; |
||||
|
}, |
||||
|
}; |
||||
|
</script> |
||||
|
|
||||
|
<style scoped lang="stylus"></style> |
||||
@ -0,0 +1,60 @@ |
|||||
|
<template> |
||||
|
<div> |
||||
|
<div class="content-box"> |
||||
|
<div :key="index" style="margin-bottom: 50px; cursor: pointer" v-for="(item, index) in list"> |
||||
|
<div class="d-flex justify-space-between" v-if="index % 2 === 0"> |
||||
|
<img :src="item.imgUrl" style="width: 52%" /> |
||||
|
<div class="introduce-box"> |
||||
|
<p class="introduce-title">{{ item.title }}</p> |
||||
|
<p class="introduce-content">{{ item.content }}</p> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="d-flex justify-space-between" v-else> |
||||
|
<div class="introduce-box"> |
||||
|
<p class="introduce-title">{{ item.title }}</p> |
||||
|
<p class="introduce-content">{{ item.content }}</p> |
||||
|
</div> |
||||
|
<img :src="item.imgUrl" style="width: 52%" /> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
export default { |
||||
|
name: 'Introduce', |
||||
|
data() { |
||||
|
return { |
||||
|
title: '关于我们-公司介绍', |
||||
|
arr: [ |
||||
|
{ name: '关于我们', url: '/About/Introduce' }, |
||||
|
{ name: '公司介绍', url: '' }, |
||||
|
], |
||||
|
list: [ |
||||
|
{ |
||||
|
title: '山西维基智汇科技有限公司', |
||||
|
content: |
||||
|
'研究院的介绍包含研究院，公司架构，和各中心的介绍。' + |
||||
|
'各中心介绍包含科创体系与科创能力咨询服务中心、知识产权与技术转移咨询服务中心、' + |
||||
|
'数字化转型咨询服务中心、科技信息咨询服务中心、科创战略协同研究中心、' + |
||||
|
'山西奥依工业设计咨询服务中心；研究院的介绍包含研究院，公司架构，和各中心的介绍。', |
||||
|
imgUrl: 'https://www.sxwikionline.com/gateway/greenvalley/uploads/upload/20210104/86d502b304944e0c849bff8dcf55ac08.jpg', |
||||
|
}, |
||||
|
{ |
||||
|
title: '', |
||||
|
content: |
||||
|
'各中心介绍包含科创体系与科创能力咨询服务中心、' + |
||||
|
'知识产权与技术转移咨询服务中心、数字化转型咨询服务中心、科技信息咨询服务中心、' + |
||||
|
'科创战略协同研究中心、山西奥依工业设计咨询服务中心', |
||||
|
imgUrl: 'https://www.sxwikionline.com/gateway/greenvalley/uploads/upload/20210104/4f9b898da25e48d3b73b47345ed14a9a.jpg', |
||||
|
}, |
||||
|
], |
||||
|
}; |
||||
|
}, |
||||
|
|
||||
|
methods: {}, |
||||
|
}; |
||||
|
</script> |
||||
|
|
||||
|
<style lang="stylus" scoped></style> |
||||
@ -0,0 +1,30 @@ |
|||||
|
<template> |
||||
|
<div> |
||||
|
<div class="white"> |
||||
|
<rich-text :title="title" /> |
||||
|
</div> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import RichText from 'components/Introduce/RichText.vue'; |
||||
|
|
||||
|
export default { |
||||
|
name: 'Introduce', |
||||
|
components: { RichText }, |
||||
|
data() { |
||||
|
return { |
||||
|
title: '关于我们-组织机构', |
||||
|
showPage: 12, |
||||
|
arr: [ |
||||
|
{ name: '关于我们', url: '/About/Introduce' }, |
||||
|
{ name: '组织机构', url: '' }, |
||||
|
], |
||||
|
}; |
||||
|
}, |
||||
|
|
||||
|
methods: {}, |
||||
|
}; |
||||
|
</script> |
||||
|
|
||||
|
<style lang="stylus" scoped></style> |
||||
@ -0,0 +1,25 @@ |
|||||
|
<template> |
||||
|
<div> |
||||
|
<pter /> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import Pter from 'components/Introduce/Pter.vue'; |
||||
|
export default { |
||||
|
name: 'Partner', |
||||
|
components: { Pter }, |
||||
|
data() { |
||||
|
return { |
||||
|
title: '合作伙伴', |
||||
|
typeOfPlatform: '关于我们', |
||||
|
arr: [ |
||||
|
{ name: '关于我们', url: '/About/Introduce' }, |
||||
|
{ name: '合作伙伴', url: '' }, |
||||
|
], |
||||
|
}; |
||||
|
}, |
||||
|
}; |
||||
|
</script> |
||||
|
|
||||
|
<style lang="stylus" scoped></style> |
||||
@ -0,0 +1,29 @@ |
|||||
|
<!-- |
||||
|
* @Author: wally |
||||
|
* @email: 18603454788@163.com |
||||
|
* @Date: 2021-01-13 17:30:54 |
||||
|
* @LastEditors: wally |
||||
|
* @LastEditTime: 2021-01-13 18:19:11 |
||||
|
--> |
||||
|
|
||||
|
<template> |
||||
|
<div>生态企业</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
export default { |
||||
|
name: 'Partner', |
||||
|
data() { |
||||
|
return { |
||||
|
title: '生态企业', |
||||
|
typeOfPlatform: '关于我们', |
||||
|
arr: [ |
||||
|
{ name: '关于我们', url: '/About/Introduce' }, |
||||
|
{ name: '生态企业', url: '' }, |
||||
|
], |
||||
|
}; |
||||
|
}, |
||||
|
}; |
||||
|
</script> |
||||
|
|
||||
|
<style lang="stylus" scoped></style> |
||||
@ -0,0 +1,67 @@ |
|||||
|
<!-- |
||||
|
* @Author: wally |
||||
|
* @email: 18603454788@163.com |
||||
|
* @Date: 2021-01-13 17:25:56 |
||||
|
* @LastEditors: wally |
||||
|
* @LastEditTime: 2021-01-13 18:19:19 |
||||
|
--> |
||||
|
<template> |
||||
|
<div class="nav-box"> |
||||
|
<div :class="activeNum === index ? 'nav-box-active' : ''" :key="index" @click="jump(item.url, index)" v-for="(item, index) in list"> |
||||
|
{{ item.title }} |
||||
|
</div> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
export default { |
||||
|
name: 'LeftNav', |
||||
|
data() { |
||||
|
return { |
||||
|
str: '导航条', |
||||
|
activeNum: 0, |
||||
|
list: [ |
||||
|
{ |
||||
|
title: '公司介绍', |
||||
|
url: '/About/Introduce', |
||||
|
}, |
||||
|
{ |
||||
|
title: '组织机构', |
||||
|
url: '/About/Organ', |
||||
|
}, |
||||
|
{ |
||||
|
title: '合作伙伴', |
||||
|
url: '/About/Partner', |
||||
|
}, |
||||
|
{ |
||||
|
title: '生态企业', |
||||
|
url: '/About/SpinOffs', |
||||
|
}, |
||||
|
], |
||||
|
}; |
||||
|
}, |
||||
|
created() { |
||||
|
if (this.$route.fullPath === '/About/Organ') { |
||||
|
this.activeNum = 1; |
||||
|
} else if (this.$route.fullPath === '/About/Partner') { |
||||
|
this.activeNum = 2; |
||||
|
} else if (this.$route.fullPath === '/About/SpinOffs') { |
||||
|
this.activeNum = 3; |
||||
|
} else { |
||||
|
this.activeNum = 0; |
||||
|
} |
||||
|
}, |
||||
|
methods: { |
||||
|
jump(url, index) { |
||||
|
if (this.$route.fullPath === url) { |
||||
|
this.$message.success('已在当前界面'); |
||||
|
} else { |
||||
|
this.$router.push(url); |
||||
|
this.activeNum = index; |
||||
|
} |
||||
|
}, |
||||
|
}, |
||||
|
}; |
||||
|
</script> |
||||
|
|
||||
|
<style scoped lang="stylus"></style> |
||||
File diff suppressed because it is too large
Loading…
Reference in new issue