Browse Source

修改细节

song
song 3 years ago
parent
commit
827a565bd2
  1. BIN
      src/assets/about/title6.png
  2. BIN
      src/assets/about/title7.png
  3. BIN
      src/assets/about/title8.png
  4. 0
      src/assets/newPlatform/newPlatform1+.jpg
  5. BIN
      src/assets/newPlatform/newPlatform1.png
  6. 9
      src/common/portrait.styl
  7. 16
      src/components/HeadNav/HeadNav.vue
  8. 30
      src/components/PlatformList/Fruit.vue
  9. 11
      src/components/SettledEnterprise/SettledEnterprise.vue
  10. 65
      src/views/About/Children/Index.vue
  11. 6
      src/views/IncubationPlatform/Children/Index.vue
  12. 24
      src/views/IncubationPlatform/Children/place/VirtualSpace.vue
  13. 50
      src/views/Industry/Children/Index.vue
  14. 32
      src/views/Knowledge/Knowledge.vue
  15. 2
      src/views/NewPlatform/Children/Core.vue
  16. 6
      src/views/NewPlatform/Children/Develop.vue
  17. 60
      src/views/NewPlatform/Children/Index.vue
  18. 2
      src/views/NewPlatform/Children/Platform.vue
  19. 2
      src/views/NewPlatform/Children/ShareChild/InsDet.vue
  20. 6
      src/views/NewPlatform/Children/Transfer.vue
  21. 2
      src/views/NewPlatform/Children/components/SenNav.vue
  22. 21
      src/views/Policy/components/PolicyList.vue

BIN
src/assets/about/title6.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.3 KiB

BIN
src/assets/about/title7.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.3 KiB

BIN
src/assets/about/title8.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.8 KiB

0
src/assets/newPlatform/newPlatform1.jpg → src/assets/newPlatform/newPlatform1+.jpg

Before

Width:  |  Height:  |  Size: 7.5 KiB

After

Width:  |  Height:  |  Size: 7.5 KiB

BIN
src/assets/newPlatform/newPlatform1.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.0 KiB

9
src/common/portrait.styl

@ -112,6 +112,11 @@
padding-bottom: 40px; padding-bottom: 40px;
} }
.py-12{
padding-top: 60px;
padding-bottom: 60px;
}
// margin // margin
.ma-2 { .ma-2 {
margin: 8px; margin: 8px;
@ -395,6 +400,10 @@ img{
font-weight: bold; font-weight: bold;
} }
.text-indent-2{
text-indent: 2em
}
@media only screen and (max-width: 1400px) { @media only screen and (max-width: 1400px) {
.font-big{ .font-big{
font-size: 45px; font-size: 45px;

16
src/components/HeadNav/HeadNav.vue

@ -79,6 +79,10 @@ export default {
title: '研究院', title: '研究院',
url: '/NewPlatform/Index#mao1', url: '/NewPlatform/Index#mao1',
}, },
{
title: '组织架构',
url: '/NewPlatform/Index#mao5',
},
{ {
title: '创新资源平台', title: '创新资源平台',
url: '/NewPlatform/Index#mao2', url: '/NewPlatform/Index#mao2',
@ -120,21 +124,21 @@ export default {
url: '/Industry/Index', url: '/Industry/Index',
children: [ children: [
{ {
title: '产业创新联盟', title: '产业服务',
url: '/Industry/Index#mao1', url: '/Industry/Index#mao1',
}, },
{ {
title: '产业服务', title: '合作伙伴',
url: '/Industry/Index#mao2',
},
{
title: '产业创新联盟',
url: '/Industry/Index#mao3', url: '/Industry/Index#mao3',
}, },
// { // {
// title: '', // title: '',
// url: '/Industry/Products', // url: '/Industry/Products',
// }, // },
{
title: '合作伙伴',
url: '/Industry/Index#mao4',
},
// { // {
// title: '', // title: '',
// url: '/Industry/Enterprise', // url: '/Industry/Enterprise',

30
src/components/PlatformList/Fruit.vue

@ -7,16 +7,20 @@
class="item-box" class="item-box"
v-for="(item, index) in list" v-for="(item, index) in list"
> >
<p @click="detail(item.id)" class="font-24 my-3" style="cursor: pointer">{{ item.name }}</p> <div @click="detail(item.id)" class="font-20 title" style="cursor: pointer">
<p {{ item.name }}
<intention-model :btn-name="btnName" :type-data="getId(item.id)" style="cursor: pointer" />
</div>
<div
@click="detail(item.id)" @click="detail(item.id)"
class="font-16" class="font-16 mt-3"
style="color: rgba(0, 0, 0, 0.45); cursor: pointer" style="color: rgba(0, 0, 0, 0.45); cursor: pointer"
>编号{{ item.identifier }}</p> v-if="item.identifier"
<p class="font-16 baseColor item-more"> >编号{{ item.identifier }}</div>
<!-- <p class="font-16 baseColor item-more"> -->
<!-- <a-button type="primary" style="cursor: pointer">转化意向填报</a-button> --> <!-- <a-button type="primary" style="cursor: pointer">转化意向填报</a-button> -->
<intention-model :btn-name="btnName" :type-data="getId(item.id)" style="cursor: pointer" /> <!-- <intention-model :btn-name="btnName" :type-data="getId(item.id)" style="cursor: pointer" /> -->
</p> <!-- </p> -->
</div> </div>
</div> </div>
<div class="inner"> <div class="inner">
@ -118,13 +122,17 @@ export default {
.item-box { .item-box {
position: relative; position: relative;
width: 20.5%; width: 100%;
background: #fff; background: #fff;
margin-right: 6%;
border-radius: 4px; border-radius: 4px;
margin-bottom: 40px; margin-bottom: 10px;
padding: 10px; padding: 10px;
padding-bottom: 60px; }
.item-box .title{
display: flex;
flex-wrap: nowrap;
justify-content: space-between;
} }
.margin-0 { .margin-0 {

11
src/components/SettledEnterprise/SettledEnterprise.vue

@ -1,10 +1,10 @@
<template> <template>
<div> <div>
<div class="d-flex flex-row"> <div class="d-flex flex-row items-center">
<ul class="munes"> <ul class="munes">
<li @click="changeType(index)" :class="index === activeKey ? 'active' : ''" v-for="(menu,index) in menus" :key="index">{{ menu }}</li> <li @click="changeType(index)" :class="index === activeKey ? 'active' : ''" v-for="(menu,index) in menus" :key="index">{{ menu }}</li>
</ul> </ul>
<div class="d-flex flex-nowrap flex-row-reverse mb-5 flex-1"> <div class="d-flex flex-nowrap mb-5 flex-1">
<a-input-search <a-input-search
@search="getBusiness" @search="getBusiness"
enter-button="搜索" enter-button="搜索"
@ -232,8 +232,8 @@ export default {
} }
.ent-box-div { .ent-box-div {
width: 100%; width: 48%;
margin-right: 11%; margin-right: 2%;
position: relative; position: relative;
// height: 76px; // height: 76px;
display: flex; display: flex;
@ -308,6 +308,9 @@ export default {
width: 100%; width: 100%;
height: 100%; height: 100%;
overflow: hidden; overflow: hidden;
display: flex;
flex-direction: row;
flex-wrap: wrap;
} }
.ent-profile{ .ent-profile{

65
src/views/About/Children/Index.vue

@ -28,7 +28,7 @@
山西绿谷生物科技有限公司由山西智汇协同创新研究院有限公司山西省生物研究院有限公司天娇红农业科技有限公司 山西绿谷生物科技有限公司由山西智汇协同创新研究院有限公司山西省生物研究院有限公司天娇红农业科技有限公司
微动互联北京科技有限公司和山西力德福科技有限公司共同出资组建公司立足功能食品生物医药和数字健康产业聚焦创新聚力孵化聚合产业致力构建全链条一体化线上线下一体化开放式创新创业平台培育打造新型创新创业综合体促进特色新兴产业集群化发展 微动互联北京科技有限公司和山西力德福科技有限公司共同出资组建公司立足功能食品生物医药和数字健康产业聚焦创新聚力孵化聚合产业致力构建全链条一体化线上线下一体化开放式创新创业平台培育打造新型创新创业综合体促进特色新兴产业集群化发展
</div> </div>
<model /> <!-- <model /> -->
</div> </div>
</div> </div>
@ -42,6 +42,9 @@
<li v-for="list in contents" :key="list.id"> <li v-for="list in contents" :key="list.id">
<div class="organize-title">{{ list.title }}</div> <div class="organize-title">{{ list.title }}</div>
<div class="organize-con">{{ list.con }}</div> <div class="organize-con">{{ list.con }}</div>
<div class="organize-phone">
{{ list.name }}{{ list.phone }}
</div>
</li> </li>
</ul> </ul>
</div> </div>
@ -51,17 +54,18 @@
<a name="partner" id="partner" class="place"></a> <a name="partner" id="partner" class="place"></a>
<div class="partner-box text-center"> <div class="partner-box text-center">
<div class="title w-1400"><img src="~assets/about/title2.jpg" /></div> <div class="title w-1400"><img src="~assets/about/title2.jpg" /></div>
<div class="w-1400"> <div class="w-1200">
<a-carousel :autoplay-speed="time" autoplay> <!-- <a-carousel :autoplay-speed="time" autoplay> -->
<div class="partner-flex" v-for="(item, index) in lists" :key="index"> <div class="partner-flex" v-for="(item, index) in lists" :key="index">
<div class="partner-item" style="display: inline-block !important" v-for="(v, k) in item" :key="k"> <div class="partner-item" v-for="(v, k) in item" :key="k">
<div class="partner-item-img" style="display: inline-block !important"> <!-- <div class="partner-item" v-for="(item, index) in lists" :key="index"> -->
<img style="display: inline-block !important" :src="v.logoUrl" /> <div class="partner-item-img">
<img :src="v.logoUrl" />
</div> </div>
<p>{{ v.name }}</p> <p>{{ v.name }}</p>
</div> </div>
</div> </div>
</a-carousel> <!-- </a-carousel> -->
</div> </div>
</div> </div>
@ -98,10 +102,10 @@ export default {
lists: [], lists: [],
activeNum: -1, activeNum: -1,
contents: [ contents: [
{ id: 1, title: '行政事业部', con: '统筹行政办公、人力资源、财务管理、公共关系和数字平台建设等工作;组织编制发展战略和年度计划;组织开展绩效考评;协同推进创新、孵化和产业事业部联合协作及全链条一体化融通发展。'}, { id: 1, title: '行政事业部', name: '武晟君', phone: '19935658780', con: '统筹行政办公、人力资源、财务管理、公共关系和数字平台建设等工作;组织编制发展战略和年度计划;组织开展绩效考评;协同推进创新、孵化和产业事业部联合协作及全链条一体化融通发展。'},
{ id: 2, title: '创新事业部', con: '负责功能食品与生物医药协同创新中心的建设和运营,集聚整合股东及外部优势创新资源,着力打造产学研用协同、多学科交叉融合、覆盖全创新链的开放式协同创新平台,搭建专业化科技资源开放共享服务平台和技术转移转化平台,面向入孵企业及外部企业需求,组织开展技术研发、技术转化、技术咨询、技术评估、技术培训、检验检测等一站式创新服务。'}, { id: 2, title: '创新事业部', name: '冯经理', phone: '19935658759', con: '负责功能食品与生物医药协同创新中心的建设和运营,集聚整合股东及外部优势创新资源,着力打造产学研用协同、多学科交叉融合、覆盖全创新链的开放式协同创新平台,搭建专业化科技资源开放共享服务平台和技术转移转化平台,面向入孵企业及外部企业需求,组织开展技术研发、技术转化、技术咨询、技术评估、技术培训、检验检测等一站式创新服务。'},
{ id: 3, title: '孵化事业部', con: '负责功能食品与生物医药专业化众创空间的建设和运营,构建众创空间一孵化器一加速器-产业园专业化创新创业孵化链,打造以公共研发与检验检测平台为支撑、以创新创业增值服务为主导、以创新创业学院(大讲堂)为带动、以创新创业投融资为拓展,线上线下相结合、实体虚拟相融合的全要素专业化开放式创新创业孵化平台,促进技术转移转化和科技型中小微企业集聚发展。'}, { id: 3, title: '孵化事业部', name: '乔晓阳', phone: '18635939333', con: '负责功能食品与生物医药专业化众创空间的建设和运营,构建众创空间一孵化器一加速器-产业园专业化创新创业孵化链,打造以公共研发与检验检测平台为支撑、以创新创业增值服务为主导、以创新创业学院(大讲堂)为带动、以创新创业投融资为拓展,线上线下相结合、实体虚拟相融合的全要素专业化开放式创新创业孵化平台,促进技术转移转化和科技型中小微企业集聚发展。'},
{ id: 4, title: '产业事业部', con: '负责产业发展、市场开发和产业技术创新战略联盟的建设与运营,基于协同创新中心和专业化众创空间,发挥股东场所、技术、资本、市场、渠道和产业化优势,推动政产学研金介用合作,组织举办技术创新论坛,构建专业化、集群化、园区化产业发展布局,培育发展衍生企业,拓展发展领域和空间,打造产业园区和特色产业基地,推动大中小企业融通、产业集群化园区化发展。'}, { id: 4, title: '产业事业部', name: '乔晓阳', phone: '19935658759', con: '负责产业发展、市场开发和产业技术创新战略联盟的建设与运营,基于协同创新中心和专业化众创空间,发挥股东场所、技术、资本、市场、渠道和产业化优势,推动政产学研金介用合作,组织举办技术创新论坛,构建专业化、集群化、园区化产业发展布局,培育发展衍生企业,拓展发展领域和空间,打造产业园区和特色产业基地,推动大中小企业融通、产业集群化园区化发展。'},
], ],
title: '联系我们', title: '联系我们',
}; };
@ -147,8 +151,10 @@ export default {
} }
} }
// arr_list.push(arr_len);
this.lists.push(arr_len); this.lists.push(arr_len);
} }
}, },
mounted() { mounted() {
@ -203,6 +209,11 @@ export default {
margin: 0 auto; margin: 0 auto;
} }
.w-1200{
width: 75%;
margin: 0 auto;
}
.text-center { .text-center {
text-align: center; text-align: center;
} }
@ -256,7 +267,7 @@ export default {
} }
.organize-box { .organize-box {
padding: 60px 0; padding: 30px 0;
.title { .title {
margin-bottom: 50px; margin-bottom: 50px;
@ -274,9 +285,10 @@ export default {
background: #fff; background: #fff;
width: 49%; width: 49%;
margin-right: 2%; margin-right: 2%;
padding: 40px; padding: 26px 26px 50px;
margin-bottom: 30px; margin-bottom: 30px;
text-align: left; text-align: left;
position: relative;
.organize-title{ .organize-title{
font-weight: bold; font-weight: bold;
@ -285,7 +297,14 @@ export default {
} }
.organize-con{ .organize-con{
line-height: 30px; // line-height: 30px;
}
.organize-phone{
position: absolute;
bottom: 16px;
right: 46px;
text-align: right;
} }
} }
@ -306,27 +325,31 @@ export default {
.partner-flex { .partner-flex {
text-align: left; text-align: left;
display: flex;
flex-direction: row;
.partner-item { .partner-item {
margin: 20px 0; margin: 20px 0;
width: 20%; width: 10%;
text-align: center; text-align: center;
display: flex;
flex-direction: column;
align-items: center;
.partner-item-img { .partner-item-img {
margin-bottom: 20px; margin-bottom: 20px;
width: 120px; width: 100px;
height: 120px; height: 100px;
text-align: center; text-align: center;
line-height: 120px; line-height: 100px;
} }
img { img {
max-width: 100%; width: 100%;
max-height: 100%;
} }
p { p {
font-size: 20px; font-size: 15px;
} }
} }
} }

6
src/views/IncubationPlatform/Children/Index.vue

@ -634,13 +634,13 @@ a {
.intro-box { .intro-box {
position: relative; position: relative;
padding: 95px 0 50px; padding: 95px 0 0;
width: 100%; width: 100%;
height: 700px; height: 650px;
.intro-bg { .intro-bg {
position: absolute; position: absolute;
bottom: 50px; bottom: 0;
} }
.intro-con { .intro-con {

24
src/views/IncubationPlatform/Children/place/VirtualSpace.vue

@ -13,6 +13,19 @@
<div class="banner-list"> <div class="banner-list">
<banner-list :type="type" :num="num" /> <banner-list :type="type" :num="num" />
</div> </div>
<!-- 功能介绍 -->
<div class="center-bor">
<div class="title"><img src="~assets/about/title7.png" /></div>
<div>
<div class="mt-2 line-height-30 text-indent-2">
山西绿谷营养与健康研究院由山西绿谷生物科技有限公司联合山西省生物研究院有限公司交城天娇红农业科技有限公司
山西百瑞生科技有限公司山西传控电子科技有限公司
山西农业大学山西中医药大学中国辐射防护研究院共同发起相关高校院所的相关领域平台和研发团队兼职加入
</div>
</div>
</div>
<div class="center-box" style="margin-bottom: 160px"> <div class="center-box" style="margin-bottom: 160px">
<!-- <div class="center-title" style="top: 105px;"> <!-- <div class="center-title" style="top: 105px;">
<div class="circular"></div> <div class="circular"></div>
@ -112,6 +125,17 @@ export default {
background: none !important; background: none !important;
} }
.center-bor{
overflow: hidden;
background: #F5F5F5;
padding: 60px 9%;
position: relative;
.title{
margin-bottom: 30px
}
}
.big-btn { .big-btn {
width: 213px; width: 213px;
height: 166px; height: 166px;

50
src/views/Industry/Children/Index.vue

@ -1,9 +1,9 @@
<template> <template>
<div> <div>
<div class="nav-box d-flex"> <div class="nav-box d-flex">
<div :class="activeNum === 0 ? 'nav-box-active' : ''" @click="changeIndex(0)"><a href="#mao1">产业创新联盟</a></div> <div :class="activeNum === 0 ? 'nav-box-active' : ''" @click="changeIndex(0)"><a href="#mao1">产业服务</a></div>
<div :class="activeNum === 2 ? 'nav-box-active' : ''" @click="changeIndex(2)"><a href="#mao3">产业服务</a></div> <div :class="activeNum === 1 ? 'nav-box-active' : ''" @click="changeIndex(1)"><a href="#mao2">合作伙伴</a></div>
<div :class="activeNum === 3 ? 'nav-box-active' : ''" @click="changeIndex(3)"><a href="#mao4">合作伙伴</a></div> <div :class="activeNum === 2 ? 'nav-box-active' : ''" @click="changeIndex(2)"><a href="#mao3">产业创新联盟</a></div>
</div> </div>
<a name="mao1" id="mao1" class="place"></a> <a name="mao1" id="mao1" class="place"></a>
@ -22,7 +22,7 @@
<!-- 文字内容 --> <!-- 文字内容 -->
<div class="banner-con"> <div class="banner-con">
<h1 class="about-title">产业创新联盟</h1> <h1 class="about-title">产业服务平台</h1>
<div class="about-font"> <div class="about-font">
面向众创空间入孵企业组织开展市场开发品牌建设产业对接投融资等产业化服务;聚焦前沿交叉新兴产业领域优化整合平台资源组建产业技术创新战略联盟和协同创新联合体培育发展衍生企业构建众创空间孵化器加速器产业园创业孵化链促进大中小企业融通发展 面向众创空间入孵企业组织开展市场开发品牌建设产业对接投融资等产业化服务;聚焦前沿交叉新兴产业领域优化整合平台资源组建产业技术创新战略联盟和协同创新联合体培育发展衍生企业构建众创空间孵化器加速器产业园创业孵化链促进大中小企业融通发展
</div> </div>
@ -31,7 +31,6 @@
</div> </div>
<!-- 产业服务 --> <!-- 产业服务 -->
<a name="mao3" id="mao3" class="place"></a>
<div class="service-box bg-gray text-center"> <div class="service-box bg-gray text-center">
<div class="title w-1500"> <div class="title w-1500">
<img src="~assets/about/title5.jpg" /> <img src="~assets/about/title5.jpg" />
@ -72,7 +71,8 @@
</div> </div>
</div> </div>
<a name="mao4" id="mao4" class="place"></a> <!-- 合作伙伴 -->
<a name="mao2" id="mao2" class="place"></a>
<div class="partner-box text-center"> <div class="partner-box text-center">
<div class="title w-1500"> <div class="title w-1500">
<img src="~assets/about/title2.jpg" /> <img src="~assets/about/title2.jpg" />
@ -101,7 +101,19 @@
</div> </div>
</div> </div>
<div class="bg-gray" style="height: 100px"></div> <!-- 产业创新联盟 -->
<a name="mao3" id="mao3" class="place"></a>
<div class="py-12 organize-bor">
<div class="title w-1500"><img src="~assets/about/title6.png" /></div>
<div class="w-1500">
<div class="mt-2 line-height-30 text-indent-2">
山西绿谷营养与健康研究院由山西绿谷生物科技有限公司联合山西省生物研究院有限公司交城天娇红农业科技有限公司
山西百瑞生科技有限公司山西传控电子科技有限公司
山西农业大学山西中医药大学中国辐射防护研究院共同发起相关高校院所的相关领域平台和研发团队兼职加入
</div>
<div class="contact">乔晓阳18635939333</div>
</div>
</div>
<a-modal :footer="null" v-model="showModelIntro"> <a-modal :footer="null" v-model="showModelIntro">
<p class="mt-3">{{ modelIntro }}</p> <p class="mt-3">{{ modelIntro }}</p>
@ -327,16 +339,16 @@ export default {
document.getElementById('mao1').scrollIntoView(true) document.getElementById('mao1').scrollIntoView(true)
}) })
} }
if(hash === '#mao3'){ if(hash === '#mao2'){
this.$nextTick(() => { this.$nextTick(() => {
this.changeIndex(2) this.changeIndex(1)
document.getElementById('mao3').scrollIntoView(true) document.getElementById('mao2').scrollIntoView(true)
}) })
} }
if(hash === '#mao4'){ if(hash === '#mao3'){
this.$nextTick(() => { this.$nextTick(() => {
this.changeIndex(3) this.changeIndex(3)
document.getElementById('mao4').scrollIntoView(true) document.getElementById('mao3').scrollIntoView(true)
}) })
} }
}, },
@ -502,6 +514,10 @@ export default {
margin: 0 auto; margin: 0 auto;
} }
.w-1500.title{
margin-bottom: 30px
}
.item-intro{ .item-intro{
text-align: left; text-align: left;
// text-indent: 2em; // text-indent: 2em;
@ -739,4 +755,14 @@ export default {
position: relative; position: relative;
top: -100px; top: -100px;
} }
.organize-bor {
// padding-top: 30px;
// padding-bottom: 30px;
.contact{
font-size: 18px;
text-align: right;
}
}
</style> </style>

32
src/views/Knowledge/Knowledge.vue

@ -32,6 +32,20 @@
</div> </div>
<!-- <div class="contact">乔晓阳18635939333</div> --> <!-- <div class="contact">乔晓阳18635939333</div> -->
</div> </div>
<!-- 课程体系 -->
<div class="inner center-bor">
<div class="title"><img src="~assets/about/title8.png" /></div>
<div>
<div class="mt-2 line-height-30 text-indent-2">
山西绿谷营养与健康研究院由山西绿谷生物科技有限公司联合山西省生物研究院有限公司交城天娇红农业科技有限公司
山西百瑞生科技有限公司山西传控电子科技有限公司
山西农业大学山西中医药大学中国辐射防护研究院共同发起相关高校院所的相关领域平台和研发团队兼职加入
</div>
</div>
</div>
<div class="bg-white">
<div class="inner"> <div class="inner">
<classify @getData="getData" /> <classify @getData="getData" />
<know-content :list="list" @getData="getData" /> <know-content :list="list" @getData="getData" />
@ -47,6 +61,7 @@
/> />
</div> </div>
</div> </div>
</div>
</template> </template>
<script> <script>
@ -127,7 +142,8 @@ export default {
<style lang="stylus" scoped> <style lang="stylus" scoped>
.inner { .inner {
margin: 20px auto; margin: 0px auto;
padding: 30px 0;
} }
.banner-box { .banner-box {
@ -169,4 +185,18 @@ export default {
margin: 40px 0; margin: 40px 0;
text-align: right; text-align: right;
} }
.center-bor{
padding: 60px 0;
background-color: #f5f5f5;
margin: 0 auto;
.title{
margin-bottom: 30px
}
}
.bg-white {
background-color: #fff;
}
</style> </style>

2
src/views/NewPlatform/Children/Core.vue

@ -36,7 +36,7 @@
<div class="d-flex flex-column"> <div class="d-flex flex-column">
<div class="mb-8">科技资源共享服务平台</div> <div class="mb-8">科技资源共享服务平台</div>
<div class="mb-8">知识产权与技术转移转化服务平台</div> <div class="mb-8">知识产权与技术转移转化服务平台</div>
<div>知识培训与科技人才服务平台</div> <div>科技人才服务平台</div>
</div> </div>
</div> </div>
</div> </div>

6
src/views/NewPlatform/Children/Develop.vue

@ -14,7 +14,7 @@
<!-- 文字内容 --> <!-- 文字内容 -->
<div class="banner-con"> <div class="banner-con">
<h1 class="about-title">知识培训与科技人才服务平台</h1> <h1 class="about-title">科技人才服务平台</h1>
<div class="about-font"> <div class="about-font">
依托山西绿谷营养与健康研究院的科技创新资源荟萃大健康领域内顶级专家团队资源 依托山西绿谷营养与健康研究院的科技创新资源荟萃大健康领域内顶级专家团队资源
以科技企业技术及科技需求为导向打通校企对接合作通道对外提供技术顾问技术培训技能知识讲座等专业服务 以科技企业技术及科技需求为导向打通校企对接合作通道对外提供技术顾问技术培训技能知识讲座等专业服务
@ -63,12 +63,12 @@ export default {
components: { SenNav, BreadCrumb, Tutors }, components: { SenNav, BreadCrumb, Tutors },
data() { data() {
return { return {
title: '知识培训与科技人才服务平台', title: '科技人才服务平台',
typeOfPlatform: '创新社区', typeOfPlatform: '创新社区',
arr: [ arr: [
{ name: '创新社区', url: '/NewPlatform/Index' }, { name: '创新社区', url: '/NewPlatform/Index' },
{ name: '创新资源平台', url: '/NewPlatform/Index#mao2' }, { name: '创新资源平台', url: '/NewPlatform/Index#mao2' },
{ name: '知识培训与科技人才服务平台', url: '' }, { name: '科技人才服务平台', url: '' },
], ],
list: [], list: [],
achList: [], achList: [],

60
src/views/NewPlatform/Children/Index.vue

@ -2,6 +2,7 @@
<div> <div>
<div class="nav-box d-flex"> <div class="nav-box d-flex">
<div :class="activeNum === 0 ? 'nav-box-active' : ''" @click="changeIndex(0)"><a href="#mao1">研究院</a></div> <div :class="activeNum === 0 ? 'nav-box-active' : ''" @click="changeIndex(0)"><a href="#mao1">研究院</a></div>
<div :class="activeNum === 4 ? 'nav-box-active' : ''" @click="changeIndex(4)"><a href="#mao5">组织架构</a></div>
<div :class="activeNum === 1 ? 'nav-box-active' : ''" @click="changeIndex(1)"><a href="#mao2">创新资源平台</a></div> <div :class="activeNum === 1 ? 'nav-box-active' : ''" @click="changeIndex(1)"><a href="#mao2">创新资源平台</a></div>
<div :class="activeNum === 2 ? 'nav-box-active' : ''" @click="changeIndex(2)"><a href="#mao3">创新服务</a></div> <div :class="activeNum === 2 ? 'nav-box-active' : ''" @click="changeIndex(2)"><a href="#mao3">创新服务</a></div>
<div :class="activeNum === 3 ? 'nav-box-active' : ''" @click="changeIndex(3)"><a href="#mao4">合作伙伴</a></div> <div :class="activeNum === 3 ? 'nav-box-active' : ''" @click="changeIndex(3)"><a href="#mao4">合作伙伴</a></div>
@ -44,18 +45,31 @@
<div class="contact">冯经理19935658759</div> <div class="contact">冯经理19935658759</div>
</div> </div>
<!-- 组织架构 -->
<a name="mao5" id="mao5" class="place"></a>
<div class="organize-bor bg-gray">
<div class="title w-1500"><img src="~assets/about/title1.jpg" /></div>
<div class="w-1500">
<div class="mt-2 line-height-30 text-indent-2">
山西绿谷营养与健康研究院由山西绿谷生物科技有限公司联合山西省生物研究院有限公司交城天娇红农业科技有限公司
山西百瑞生科技有限公司山西传控电子科技有限公司
山西农业大学山西中医药大学中国辐射防护研究院共同发起相关高校院所的相关领域平台和研发团队兼职加入
</div>
<div class="contact">冯经理19935658759</div>
</div>
</div>
<!-- 创新资源平台 --> <!-- 创新资源平台 -->
<a name="mao2" id="mao2" class="place"></a> <a name="mao2" id="mao2" class="place"></a>
<div class="organize-box bg-gray text-center"> <div class="organize-box bg-white text-center">
<div class="title w-1500"><img src="~assets/newPlatform/newPlatform1.jpg" /></div> <div class="title w-1500"><img src="~assets/newPlatform/newPlatform1.png" /></div>
<div class="w-1500"> <div class="w-1500">
<div class="inner d-flex flex-nowrap justify-space-between"> <div class="inner d-flex flex-nowrap justify-space-between">
<div :key="index" @click="jump(item.url)" class="content-box" v-for="(item, index) in list"> <div :key="index" @click="jump(item.url)" class="content-box" v-for="(item, index) in list">
<img :src="item.imgUrl" /> <img :src="item.imgUrl" />
<div class="con-title">{{ item.title }}</div> <div class="con-title">{{ item.title }}</div>
<div class="con-con">{{ item.content }}</div> <!-- <div class="con-con">{{ item.content }}</div> -->
</div> </div>
</div> </div>
</div> </div>
@ -137,8 +151,6 @@
</div> </div>
</div> </div>
<div class="bg-gray" style="height: 100px"></div>
<service-demand :model-intro="modelIntro" ref="child" /> <service-demand :model-intro="modelIntro" ref="child" />
</div> </div>
</template> </template>
@ -172,7 +184,7 @@ export default {
url: '/NewPlatform/Transfer', url: '/NewPlatform/Transfer',
}, },
{ {
title: '知识培训与科技人才服务平台', title: '科技人才服务平台',
content: '技术培训、管理培训、知识讲座', content: '技术培训、管理培训、知识讲座',
imgUrl: 'https://www.sxwikionline.com/gateway/greenvalley/uploads/upload/20210104/f5fb570cfd7547279138a591818325e0.jpg', imgUrl: 'https://www.sxwikionline.com/gateway/greenvalley/uploads/upload/20210104/f5fb570cfd7547279138a591818325e0.jpg',
url: '/NewPlatform/Develop', url: '/NewPlatform/Develop',
@ -264,6 +276,12 @@ export default {
document.getElementById('mao4').scrollIntoView(true); document.getElementById('mao4').scrollIntoView(true);
}); });
} }
if (hash === '#mao5') {
this.$nextTick(() => {
this.changeIndex(4);
document.getElementById('mao5').scrollIntoView(true);
});
}
}, },
showIntro(index) { showIntro(index) {
@ -333,6 +351,10 @@ a {
background-color: #F5F5F5; background-color: #F5F5F5;
} }
.bg-white {
background-color: #fff;
}
.w-1500 { .w-1500 {
// display: inline-block; // display: inline-block;
// width: 1500px; // width: 1500px;
@ -404,11 +426,21 @@ a {
color: #fff; color: #fff;
font-weight: bold; font-weight: bold;
} }
} }
.organize-bor {
padding-top: 30px;
padding-bottom: 30px;
.contact{
font-size: 18px;
text-align: right;
}
}
.organize-box { .organize-box {
padding-top: 60px; padding-top: 30px;
.title { .title {
text-align: left; text-align: left;
@ -416,7 +448,7 @@ a {
} }
.service-box { .service-box {
padding: 60px 0; padding: 20px 0;
.title { .title {
text-align: left; text-align: left;
@ -476,7 +508,7 @@ a {
margin: 20px 0; margin: 20px 0;
padding: 10px 0; padding: 10px 0;
margin-right: 40px; margin-right: 40px;
width: calc(((100% - 200px) / 6)); width: calc(((100% - 280px) / 8));
text-align: center; text-align: center;
border: 1px solid #D9D9D9; border: 1px solid #D9D9D9;
border-radius: 5px; border-radius: 5px;
@ -485,7 +517,7 @@ a {
align-items: center; align-items: center;
justify-content: center; justify-content: center;
&:nth-child(6n) { &:nth-child(8n) {
margin-right: 0; margin-right: 0;
} }
@ -512,6 +544,11 @@ a {
.partner-txt{ .partner-txt{
height: 163px; height: 163px;
.partner-name {
font-size: 18px;
line-height: 30px;
}
} }
} }
} }
@ -542,12 +579,13 @@ a {
img { img {
width: 100%; width: 100%;
height: 100%;
} }
} }
.con-title { .con-title {
position: absolute; position: absolute;
bottom: 23px; bottom: 0;
color: #ffffff; color: #ffffff;
font-size: 1.6rem; font-size: 1.6rem;
text-align: center; text-align: center;

2
src/views/NewPlatform/Children/Platform.vue

@ -75,7 +75,7 @@ export default {
url: '/NewPlatform/Transfer', url: '/NewPlatform/Transfer',
}, },
{ {
title: '知识培训与科技人才服务平台', title: '科技人才服务平台',
content: '技术培训、管理培训、知识讲座', content: '技术培训、管理培训、知识讲座',
imgUrl: 'https://www.sxwikionline.com/gateway/greenvalley/uploads/upload/20210104/f5fb570cfd7547279138a591818325e0.jpg', imgUrl: 'https://www.sxwikionline.com/gateway/greenvalley/uploads/upload/20210104/f5fb570cfd7547279138a591818325e0.jpg',
url: '/NewPlatform/Develop', url: '/NewPlatform/Develop',

2
src/views/NewPlatform/Children/ShareChild/InsDet.vue

@ -64,7 +64,7 @@
/> />
<!-- <a-button style="margin-right: 20px">转化意向</a-button> --> <!-- <a-button style="margin-right: 20px">转化意向</a-button> -->
<!-- <a-button type="primary">加入购物车</a-button> --> <!-- <a-button type="primary">加入购物车</a-button> -->
<add-shopping :type-data="typeData" style="margin-right: 20px; float: right" /> <!-- <add-shopping :type-data="typeData" style="margin-right: 20px; float: right" /> -->
</p> </p>
</div> </div>
</div> </div>

6
src/views/NewPlatform/Children/Transfer.vue

@ -70,6 +70,7 @@ export default {
list: [], list: [],
achList: [], achList: [],
fruitIpt: '', fruitIpt: '',
time: 10000,
}; };
}, },
watch: { watch: {
@ -93,8 +94,9 @@ export default {
const params = { param: { model: 0 } }; const params = { param: { model: 0 } };
const res = await selModel(params); const res = await selModel(params);
const { code, mst, data } = res.data; const { code, mst, data } = res.data;
console.log('data: ', data);
if (code === 200) { if (code === 200) {
this.list = data; this.list = data.list;
for (var i = 0; i < this.list.length; i++) { for (var i = 0; i < this.list.length; i++) {
this.list[i].isActive = false; this.list[i].isActive = false;
} }
@ -141,7 +143,7 @@ export default {
height: auto; height: auto;
padding: 0 20px; padding: 0 20px;
width: 82%; width: 82%;
margin: 40px auto; margin: 40px auto 15px;
line-height: 44px; line-height: 44px;
} }

2
src/views/NewPlatform/Children/components/SenNav.vue

@ -26,7 +26,7 @@ export default {
url: '/NewPlatform/Transfer', url: '/NewPlatform/Transfer',
}, },
{ {
title: '知识培训与科技人才服务平台', title: '科技人才服务平台',
url: '/NewPlatform/Develop', url: '/NewPlatform/Develop',
}, },
], ],

21
src/views/Policy/components/PolicyList.vue

@ -8,19 +8,18 @@
<div class="box"> <div class="box">
<div class="search-list"> <div class="search-list">
<!-- <search-list @iptCon="getInput" /> --> <!-- <search-list @iptCon="getInput" /> -->
<span> <div class="search-con">
<a-checkbox :checked="pStatus.bw - 0 === 1" @click="changeStatus('bw')">国家</a-checkbox> <a-checkbox :checked="pStatus.bw - 0 === 1" @click="changeStatus('bw')">国家</a-checkbox>
<a-checkbox :checked="pStatus.sx - 0 === 1" @click="changeStatus('sx')">山西省</a-checkbox> <a-checkbox :checked="pStatus.sx - 0 === 1" @click="changeStatus('sx')">山西省</a-checkbox>
<a-checkbox :checked="pStatus.zg - 0 === 1" @click="changeStatus('zg')">山西省综改区</a-checkbox> <a-checkbox :checked="pStatus.zg - 0 === 1" @click="changeStatus('zg')">山西省综改区</a-checkbox>
<a-checkbox :checked="pStatus.ty - 0 === 1" @click="changeStatus('ty')">太原市</a-checkbox> <a-checkbox :checked="pStatus.ty - 0 === 1" @click="changeStatus('ty')">太原市</a-checkbox>
</span> <a-input-group class="search ml-2" compact>
<a-input-group class="search" compact>
<a-select <a-select
@change="changeCode" @change="changeCode"
style="width: 120px; height: 40px" style="width: 120px;"
v-model="pStatus.policyText[pStatus.value - 1]" v-model="pStatus.policyText[pStatus.value - 1]"
> >
<a-select-option value="1">标题</a-select-option> <a-select-option value="1">主题词</a-select-option>
<a-select-option value="2">地区</a-select-option> <a-select-option value="2">地区</a-select-option>
<a-select-option value="3">发布部门</a-select-option> <a-select-option value="3">发布部门</a-select-option>
</a-select> </a-select>
@ -33,6 +32,7 @@
/> />
</a-input-group> </a-input-group>
</div> </div>
</div>
<div class="policy-box"> <div class="policy-box">
<div <div
:key="index" :key="index"
@ -98,7 +98,7 @@ export default {
ty: 0, ty: 0,
value: 1, // value value: 1, // value
code: 'title', // code code: 'title', // code
policyText: ['标题', '地区', '发布部门'], // policyText: ['主题词', '地区', '发布部门'], //
iptCon: '', // input iptCon: '', // input
}, },
}; };
@ -190,13 +190,16 @@ export default {
background: #fff; background: #fff;
padding: 0 24px; padding: 0 24px;
position: relative; position: relative;
.search-con{
display: flex;
flex-direction: row;
align-items: center;
}
} }
.search { .search {
width: 500px; width: 500px;
position: absolute;
right: 25px;
top: 20px;
} }
.policy-box { .policy-box {

Loading…
Cancel
Save