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