DIGITAL_MANAGEMENT
/
green.v0.3
2
0
Fork 0
Code Pull Requests Releases Activity
Browse Source

文案修改

song
zy_Java 3 years ago
parent
b2cd282e6b
commit
bee24a26fb
10 changed files with 308 additions and 255 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. BIN
      src/assets/newPlatform/jiagou.png
  2. 2
      src/common/portrait.styl
  3. 109
      src/views/About/Children/Index.vue
  4. 81
      src/views/IncubationPlatform/Children/Index.vue
  5. 73
      src/views/Industry/Children/Index.vue
  6. 14
      src/views/Knowledge/Knowledge.vue
  7. 5
      src/views/NewPlatform/Children/Develop.vue
  8. 128
      src/views/NewPlatform/Children/Index.vue
  9. 3
      src/views/NewPlatform/Children/Share.vue
  10. 6
      src/views/NewPlatform/Children/Transfer.vue

BIN
src/assets/newPlatform/jiagou.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.2 MiB

2
src/common/portrait.styl
View File

@ -599,6 +599,8 @@ h2{
img { img {
width: 100%; width: 100%;
height: 100%;
padding: 5px;
} }
.partner-name { .partner-name {

109
src/views/About/Children/Index.vue
View File

@ -19,8 +19,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>
<!-- <model /> --> <!-- <model /> -->
</div> </div>
@ -36,9 +35,7 @@
<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"> <div class="organize-phone">{{ list.name }}：{{ list.phone }}</div>
{{ list.name }}：{{ list.phone }}
</div>
</li> </li>
</ul> </ul>
</div> </div>
@ -93,22 +90,47 @@ export default {
lists: [], lists: [],
activeNum: -1, activeNum: -1,
contents: [ contents: [
{ id: 1, title: '行政事业部', name: '武晟君', phone: '19935658780', con: '统筹行政办公、人力资源、财务管理、公共关系和数字平台建设等工作；组织编制发展战略和年度计划;组织开展绩效考评;协同推进创新、孵化和产业事业部联合协作及全链条一体化融通发展。'}, {
{ id: 2, title: '创新事业部', name: '冯经理', phone: '19935658759', con: '负责功能食品与生物医药协同创新中心的建设和运营，集聚整合股东及外部优势创新资源，着力打造产学研用协同、多学科交叉融合、覆盖全创新链的开放式协同创新平台，搭建专业化科技资源开放共享服务平台和技术转移转化平台，面向入孵企业及外部企业需求，组织开展技术研发、技术转化、技术咨询、技术评估、技术培训、检验检测等一站式创新服务。'}, id: 1,
{ id: 3, title: '孵化事业部', name: '乔晓阳', phone: '18635939333', con: '负责功能食品与生物医药专业化众创空间的建设和运营，构建众创空间一孵化器一加速器-产业园专业化创新创业孵化链，打造以公共研发与检验检测平台为支撑、以创新创业增值服务为主导、以创新创业学院(大讲堂)为带动、以创新创业投融资为拓展，线上线下相结合、实体虚拟相融合的全要素专业化开放式创新创业孵化平台，促进技术转移转化和科技型中小微企业集聚发展。'}, title: '行政事业部',
{ id: 4, title: '产业事业部', name: '乔晓阳', phone: '19935658759', con: '负责产业发展、市场开发和产业技术创新战略联盟的建设与运营，基于协同创新中心和专业化众创空间，发挥股东场所、技术、资本、市场、渠道和产业化优势，推动政产学研金介用合作，组织举办技术创新论坛，构建专业化、集群化、园区化产业发展布局，培育发展衍生企业，拓展发展领域和空间，打造产业园区和特色产业基地，推动大中小企业融通、产业集群化园区化发展。'}, name: '武晟君',
phone: '19935658780',
con: '负责行政办公、人力资源、财税管理、后勤保障和公共关系等工作，对外组织开展提供财税社保和人力资源服务。',
},
{
id: 2,
title: '创新事业部',
name: '冯帅',
phone: '19935658759',
con:
'负责创新平台基地建设及运营，搭建专业化科技资源开放共享服务平台和技术转移转化服务平台，组织开展研发设计、成果转化、检验检测、咨询评估、技术培训、技术标准等一站式技术创新服务。',
},
{
id: 3,
title: '孵化事业部',
name: '乔晓阳',
phone: '18635939333',
con: '负责创业孵化平台的建设与运营管理，面向线上线下入孵企业，组织开展空间基础服务及线上线下创业孵化辅导等孵化服务。',
},
{
id: 4,
title: '产业事业部',
name: '乔晓阳',
phone: '18635939333',
con: '负责产业服务平台的建设与运营发展，组织开展产业推广、品牌创建、投融资及联盟建设等产业服务。',
},
], ],
title: '联系我们', title: '联系我们',
}; };
}, },
watch:{ watch: {
$route(to){ $route(to) {
if(to.hash){ if (to.hash) {
this.setJump(to.hash) this.setJump(to.hash);
}
} }
}, },
},
computed: mapState('home', ['partners']), computed: mapState('home', ['partners']),
@ -142,9 +164,9 @@ export default {
} }
} }
arr_len.forEach((list) => { arr_len.forEach(list => {
this.lists.push(list); this.lists.push(list);
}) });
// this.lists.push(arr_len); // this.lists.push(arr_len);
} }
@ -152,10 +174,10 @@ export default {
mounted() { mounted() {
this.$nextTick(() => { this.$nextTick(() => {
if(this.$route.hash){ if (this.$route.hash) {
this.setJump(this.$route.hash) this.setJump(this.$route.hash);
} }
}) });
}, },
methods: { methods: {
@ -166,27 +188,27 @@ export default {
this.activeNum = i; this.activeNum = i;
}, },
setJump(hash){ setJump(hash) {
if(hash === '#organize'){ if (hash === '#organize') {
this.$nextTick(() => { this.$nextTick(() => {
this.jump(1) this.jump(1);
document.getElementById('organize').scrollIntoView(true) document.getElementById('organize').scrollIntoView(true);
}) });
} }
if(hash === '#partner'){ if (hash === '#partner') {
this.$nextTick(() => { this.$nextTick(() => {
this.jump(2) this.jump(2);
document.getElementById('partner').scrollIntoView(true) document.getElementById('partner').scrollIntoView(true);
}) });
} }
if(hash === '#contact'){ if (hash === '#contact') {
this.$nextTick(() => { this.$nextTick(() => {
this.jump(3) this.jump(3);
document.getElementById('contact').scrollIntoView(true) document.getElementById('contact').scrollIntoView(true);
}) });
}
} }
}, },
},
}; };
</script> </script>
@ -202,7 +224,7 @@ export default {
margin: 0 auto; margin: 0 auto;
} }
.w-1200{ .w-1200 {
width: 70%; width: 70%;
margin: 0 auto; margin: 0 auto;
} }
@ -267,15 +289,15 @@ export default {
text-align: left; text-align: left;
} }
ul{ ul {
margin 0; margin: 0;
padding: 0; padding: 0;
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
li{ li {
list-style: none; list-style: none;
background: rgba(19,172,196,0.8); background: rgba(19, 172, 196, 0.8);
width: 49%; width: 49%;
margin-right: 2%; margin-right: 2%;
padding: 26px 26px 50px; padding: 26px 26px 50px;
@ -284,17 +306,17 @@ export default {
position: relative; position: relative;
color: #fff; color: #fff;
.organize-title{ .organize-title {
font-weight: bold; font-weight: bold;
font-size: 24px; font-size: 24px;
margin-bottom: 12px margin-bottom: 12px;
} }
.organize-con{ .organize-con {
// line-height: 30px; // line-height: 30px;
} }
.organize-phone{ .organize-phone {
position: absolute; position: absolute;
bottom: 16px; bottom: 16px;
right: 46px; right: 46px;
@ -306,7 +328,6 @@ export default {
margin-right: 0; margin-right: 0;
} }
} }
} }
.partner-box { .partner-box {
@ -329,7 +350,7 @@ export default {
} }
} }
.place{ .place {
display: inline-block; display: inline-block;
position: relative; position: relative;
top: -100px; top: -100px;

81
src/views/IncubationPlatform/Children/Index.vue
View File

@ -18,29 +18,27 @@
<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>
<div class="about-font"> <div class="about-font">
本众创空间以建设专业化、市场化、网络化、品牌化双创孵化基地为目标，致力打造以公共技术服务平台 为支撑，以创新创业服务为主导，以创新创业大讲堂为带动，以创新创业投融资为拓展，线上线下相结合，实 体虚拟相融合的全要素专业化开放式创新创业孵化平台，着力构建“众创空间-孵化器-加速器-产业园”创新创业 孵化链，构筑创新创业生态系统。 空间设有公共实验室、中试基地，组建了山西绿谷营养与健康研究院和数字化孵化平台，并与第三方专业机构、创业导师等创新创业资源建立深度合作。为企业提供基础性服务、技术创新服务、创业辅导服务、产业对接服务，促进技术转移转化及科技型中小微企业和新兴产业集聚发展。
</div>
<div class="about-font">
目前空间已引入科创咨询专业服务机构，并与多家 第三方专业机构 建立战略合作，聘请 创业导师 30余名，服务领域涵盖专业技术、企业管理、科创咨询、财务税务、法务咨询等，可随时为入孵企业提供针 对性、一对一创业辅导服务。
</div> </div>
</div> </div>
<div class="contact">乔晓阳：18635939333</div> <div class="contact">乔晓阳：18635939333</div>
</div> </div>
<div class="intro-box bg-gray text-center"> <div class="intro-box bg-gray text-center">
<div class="intro-con w-1500"> <div class="intro-con w-1500">
<div @click="jump('/IncubationPlatform/MakerSpace/EntitySpace')"> <div @click="jump('/IncubationPlatform/MakerSpace/EntitySpace')">
<p class="title">实体空间</p> <p class="title">实体空间</p>
<div class="split"></div> <div class="split"></div>
<div class="con"> <div class="con">
<p>实体空间由孵化场所、公共实验室、中试基地部分组成。</p>
<p> <p>
孵化场所分为运营办公区、公共空间区、独立空间区和开放办公区。公共空间区包括路演厅(项目路演、知识培训、产品展示等多项功能)、会议室、洽谈室、第三空间(创业咖啡)。开放空间区按功能食品、生物医药、数字健康领域进行分区设置。 孵化场所位于山西综改示范区晋阳街 202
号英语周报大厦八层，设孵化场所、公共实验室、中试基地三部分。设有独立办公空间、开放共享空间、路演厅、会议室、洽谈室等，公共空间面积
1399 平米，现有入驻企业60余家，聘请技术、管理、法律、投融资等方面 18
位专家为创业导师，可为入驻企业提供专业化高水平创业辅导服务。
</p> </p>
</div> </div>
</div> </div>
@ -49,8 +47,7 @@
<div class="split"></div> <div class="split"></div>
<div class="con"> <div class="con">
<p> <p>
虚拟众创空间主要面向非入驻实体空间从事功能食品、生物医药和大健康产业相关研发服务和生产的企业。 线上虚拟空间旨在面向从事功能食品、生物医药和大健康等相关产业研发及生产的非入驻实体空间企业，共享创新创业资源，打造线上线下一体化发展模式和运营服务体系。入驻企业可享受实体众创空间的各种创新创业服务，免费参加相关技术创新和创业辅导活动等。
虚拟众创空间依托绿谷数字化平台进行建设，入驻企业可享受实体众创空间的各种创新创业服务，参加相关创新创业活动。
</p> </p>
</div> </div>
</div> </div>
@ -99,7 +96,7 @@
<div class="font-16 item-intro mb-4" v-if="item.intro.length > 60"> <div class="font-16 item-intro mb-4" v-if="item.intro.length > 60">
{{ item.intro.slice(0, 60) }}... ... {{ item.intro.slice(0, 60) }}... ...
<a-button @click="showIntro(index)" class="font-16" style="color: #fff!important" type="link"> <a-button @click="showIntro(index)" class="font-16" style="color: #fff !important" type="link">
more more
<a-icon style="font-size: 12px" type="right" /> <a-icon style="font-size: 12px" type="right" />
</a-button> </a-button>
@ -280,13 +277,13 @@ export default {
}; };
}, },
watch:{ watch: {
$route(to){ $route(to) {
if(to.hash){ if (to.hash) {
this.setJump(to.hash) this.setJump(to.hash);
}
} }
}, },
},
computed: { computed: {
...mapState('home', ['partners']), ...mapState('home', ['partners']),
@ -324,7 +321,7 @@ export default {
this.partners.forEach(item => { this.partners.forEach(item => {
item.backendSearchList.forEach(list => { item.backendSearchList.forEach(list => {
this.lists.push(list); this.lists.push(list);
}) });
// if (item.typeOfTech === 0 && this.listType.indexOf('高校') === -1) { // if (item.typeOfTech === 0 && this.listType.indexOf('高校') === -1) {
// this.listType.push('高校'); // this.listType.push('高校');
@ -342,10 +339,10 @@ export default {
mounted() { mounted() {
this.$nextTick(() => { this.$nextTick(() => {
if(this.$route.hash){ if (this.$route.hash) {
this.setJump(this.$route.hash) this.setJump(this.$route.hash);
} }
}) });
}, },
methods: { methods: {
@ -354,24 +351,24 @@ export default {
...mapActions('user', ['sendCode', 'sendPicCode']), ...mapActions('user', ['sendCode', 'sendPicCode']),
...mapActions('home', ['getFrontSearchCompany', 'getUserSer']), ...mapActions('home', ['getFrontSearchCompany', 'getUserSer']),
setJump(hash){ setJump(hash) {
if(hash === '#mao1'){ if (hash === '#mao1') {
this.$nextTick(() => { this.$nextTick(() => {
this.changeIndex(0) this.changeIndex(0);
document.getElementById('mao1').scrollIntoView(true) document.getElementById('mao1').scrollIntoView(true);
}) });
} }
if(hash === '#mao3'){ if (hash === '#mao3') {
this.$nextTick(() => { this.$nextTick(() => {
this.changeIndex(2) this.changeIndex(2);
document.getElementById('mao3').scrollIntoView(true) document.getElementById('mao3').scrollIntoView(true);
}) });
} }
if(hash === '#mao4'){ if (hash === '#mao4') {
this.$nextTick(() => { this.$nextTick(() => {
this.changeIndex(3) this.changeIndex(3);
document.getElementById('mao4').scrollIntoView(true) document.getElementById('mao4').scrollIntoView(true);
}) });
} }
}, },
@ -561,17 +558,17 @@ a {
margin: 0 auto; margin: 0 auto;
} }
.w-1200{ .w-1200 {
width: 70%; width: 70%;
margin: 0 auto; margin: 0 auto;
} }
.item-intro{ .item-intro {
text-align: left; text-align: left;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
button{ button {
height: 20px; height: 20px;
padding: 0px; padding: 0px;
color: #fff; color: #fff;
@ -630,7 +627,7 @@ a {
} }
} }
.contact{ .contact {
position: absolute; position: absolute;
bottom: 24px; bottom: 24px;
right: 40px; right: 40px;
@ -680,7 +677,7 @@ a {
background-color: #fff; background-color: #fff;
} }
.con{ .con {
text-align: justify; text-align: justify;
} }
@ -743,8 +740,6 @@ a {
background-color: #13ACC4; background-color: #13ACC4;
} }
} }
} }
.contact-box { .contact-box {
@ -809,11 +804,11 @@ a {
margin-right: 5%; margin-right: 5%;
padding: 0 30px; padding: 0 30px;
border-radius: 4px; border-radius: 4px;
background-color: rgba(19,172,196,0.8); background-color: rgba(19, 172, 196, 0.8);
color: #fff; color: #fff;
} }
.service-title{ .service-title {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
@ -823,7 +818,7 @@ a {
margin-right: 0 !important; margin-right: 0 !important;
} }
.place{ .place {
position: relative; position: relative;
top: -100px; top: -100px;
} }

73
src/views/Industry/Children/Index.vue
View File

@ -41,7 +41,12 @@
<div class="w-1500"> <div class="w-1500">
<div class="inner d-flex flex-wrap" style="margin-top: 40px"> <div class="inner d-flex flex-wrap" style="margin-top: 40px">
<div :class="(index + 1) % 3 === 0 ? 'margin-0' : ''" :key="index" class="item-box mb-8 pointer" v-for="(item, index) in serviceList"> <div
:class="(index + 1) % 3 === 0 ? 'margin-0' : ''"
:key="index"
class="item-box mb-8 pointer"
v-for="(item, index) in serviceList"
>
<!-- <img :src="item.picUrl" @click="showModal(item.id)" style="height: 220px; width: 100%; border: 1px solid #ccc" /> --> <!-- <img :src="item.picUrl" @click="showModal(item.id)" style="height: 220px; width: 100%; border: 1px solid #ccc" /> -->
<p @click="showModal(item.id)" class="font-24 my-4 service-title"> <p @click="showModal(item.id)" class="font-24 my-4 service-title">
@ -51,7 +56,7 @@
<div class="font-16 item-intro mb-2" v-if="item.intro.length > 60"> <div class="font-16 item-intro mb-2" v-if="item.intro.length > 60">
{{ item.intro.slice(0, 60) }} {{ item.intro.slice(0, 60) }}
<a-button @click="showIntro(index)" class="font-16" style="color: #fff!important" type="link"> <a-button @click="showIntro(index)" class="font-16" style="color: #fff !important" type="link">
more more
<a-icon style="font-size: 12px" type="right" /> <a-icon style="font-size: 12px" type="right" />
</a-button> </a-button>
@ -240,13 +245,13 @@ export default {
...mapState('user', ['picCode']), ...mapState('user', ['picCode']),
}, },
watch:{ watch: {
$route(to){ $route(to) {
if(to.hash){ if (to.hash) {
this.setJump(to.hash) this.setJump(to.hash);
}
} }
}, },
},
async created() { async created() {
this.getService(); this.getService();
@ -270,7 +275,7 @@ export default {
param: { param: {
pageNum: 1, pageNum: 1,
type: 1, type: 1,
typeOfPlatform: 2, typeOfPlatform: 4,
}, },
}; };
await this.getFrontSearchCompany(params); await this.getFrontSearchCompany(params);
@ -280,7 +285,7 @@ export default {
this.partners.forEach(item => { this.partners.forEach(item => {
item.backendSearchList.forEach(list => { item.backendSearchList.forEach(list => {
this.lists.push(list); this.lists.push(list);
}) });
// if (item.typeOfTech === 0 && this.listType.indexOf('高校') === -1) { // if (item.typeOfTech === 0 && this.listType.indexOf('高校') === -1) {
// this.listType.push('高校'); // this.listType.push('高校');
@ -298,10 +303,10 @@ export default {
mounted() { mounted() {
this.$nextTick(() => { this.$nextTick(() => {
if(this.$route.hash){ if (this.$route.hash) {
this.setJump(this.$route.hash) this.setJump(this.$route.hash);
} }
}) });
}, },
methods: { methods: {
@ -329,24 +334,24 @@ export default {
} }
}, },
setJump(hash){ setJump(hash) {
if(hash === '#mao1'){ if (hash === '#mao1') {
this.$nextTick(() => { this.$nextTick(() => {
this.changeIndex(0) this.changeIndex(0);
document.getElementById('mao1').scrollIntoView(true) document.getElementById('mao1').scrollIntoView(true);
}) });
} }
if(hash === '#mao2'){ if (hash === '#mao2') {
this.$nextTick(() => { this.$nextTick(() => {
this.changeIndex(1) this.changeIndex(1);
document.getElementById('mao2').scrollIntoView(true) document.getElementById('mao2').scrollIntoView(true);
}) });
} }
if(hash === '#mao3'){ if (hash === '#mao3') {
this.$nextTick(() => { this.$nextTick(() => {
this.changeIndex(3) this.changeIndex(3);
document.getElementById('mao3').scrollIntoView(true) document.getElementById('mao3').scrollIntoView(true);
}) });
} }
}, },
@ -509,13 +514,12 @@ export default {
margin: 0 auto; margin: 0 auto;
} }
.w-1200 {
.w-1200{
width: 70%; width: 70%;
margin: 0 auto; margin: 0 auto;
} }
.item-intro{ .item-intro {
text-align: left; text-align: left;
// text-indent: 2em; // text-indent: 2em;
} }
@ -570,7 +574,8 @@ export default {
text-indent: 2em; text-indent: 2em;
} }
} }
.contact{
.contact {
position: absolute; position: absolute;
bottom: 24px; bottom: 24px;
right: 40px; right: 40px;
@ -695,11 +700,11 @@ export default {
margin-right: 5%; margin-right: 5%;
padding: 0 30px; padding: 0 30px;
border-radius: 4px; border-radius: 4px;
background-color: rgba(19,172,196,0.8); background-color: rgba(19, 172, 196, 0.8);
color: #fff; color: #fff;
} }
.service-title{ .service-title {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
@ -709,17 +714,17 @@ export default {
margin-right: 0 !important; margin-right: 0 !important;
} }
.place{ .place {
position: relative; position: relative;
top: -100px; top: -100px;
} }
.organize-bor { .organize-bor {
.title{ .title {
padding-bottom: 10px; padding-bottom: 10px;
} }
.contact{ .contact {
font-size: 18px; font-size: 18px;
text-align: right; text-align: right;
} }

14
src/views/Knowledge/Knowledge.vue
View File

@ -18,10 +18,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 class="about-font">
学院秉持“陪伴企业成长，让企业少走弯路”的宗旨，产品模块设置遵循企业成长路径，涵盖准备期、初创期、成长期三大阶段，课程形式分为线上和线下，课程内容包括创业培训、市场运营、投融资、股权财税、组织管理、战略创新、认知升级、职业技能提升等。
</div> </div>
</div> </div>
<!-- <div class="contact">乔晓阳：18635939333</div> --> <!-- <div class="contact">乔晓阳：18635939333</div> -->
@ -165,7 +162,8 @@ export default {
text-indent: 2em; text-indent: 2em;
} }
} }
.contact{
.contact {
position: absolute; position: absolute;
bottom: 24px; bottom: 24px;
right: 40px; right: 40px;
@ -180,13 +178,13 @@ export default {
text-align: right; text-align: right;
} }
.center-bor{ .center-bor {
padding: 60px 0; padding: 60px 0;
background-color: #f5f5f5; background-color: #f5f5f5;
margin: 0 auto; margin: 0 auto;
.title{ .title {
margin-bottom: 30px margin-bottom: 30px;
} }
} }

5
src/views/NewPlatform/Children/Develop.vue
View File

@ -16,8 +16,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">
依托“山西绿谷营养与健康研究院”的科技创新资源，荟萃大健康领域内顶级专家（团队）资源， 平台汇集大健康领域内顶级专家团队20余支，共计教授70余人，面向企业提供技术咨询评估、技能培训等专业服务。
以科技企业技术及科技需求为导向，打通校企对接合作通道，对外提供技术顾问、技术培训、技能知识讲座等专业服务。
</div> </div>
</div> </div>
</div> </div>
@ -201,7 +200,7 @@ export default {
color: white; color: white;
font-size: 18px; font-size: 18px;
line-height: 40px; line-height: 40px;
text-align: left; text-align: center;
text-indent: 2em; text-indent: 2em;
} }
} }

128
src/views/NewPlatform/Children/Index.vue
View File

@ -20,19 +20,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">
<!-- 功能食品、生物医药和数字健康产业领域，创新事业部搭建产学研用协同、学科交叉融合、资源开放共享的科技创新平台 山西绿谷营养与健康研究院是采取企业发起、高校院所平台团队兼职加入的方式组建，为民办非企业单位。研究院立足大健康产业，聚焦功能食品、生物医药和数字健康领域，以共性关键技术研发和技术创新服务为核心，致力构建产学研协同、学科交叉融合、资源开放共享的开放式科技创新平台，培育打造中小企业技术创新中心和相关领域重要技术策源地。
实现从科学到技术的转移转化，促进重大基础研究成果产业化，打造企业的技术创新中心，为科技型中小微企业发展提供全链条一体化科技创新服务，
增强以科技创新为核心的企业竞争力，推动企业高质量发展，发挥更加重要作用。 -->
山西绿谷营养与健康研究院由山西绿谷生物科技有限公司联合山西省生物研究院有限公司、交城天娇红农业科技有限公司、
山西百瑞生科技有限公司、山西传控电子科技有限公司、
山西农业大学、山西中医药大学、中国辐射防护研究院共同发起，相关高校院所的相关领域平台和研发团队兼职加入。
<!-- <p>依托新型研发机构和技术创新中心，搭建科技开放共享平台、技术转移转化平台、科技人才团队平台。</p> -->
<p>
研究院旨在按照新型研发机构建设要求，聚焦营养与健康领域，以共性关键技术研发和技术创新服务为核心，通过资源集聚整合与优化配置，
致力构建产学研协同、学科交叉融合、资源开放共享的开放式科技创新平台，组织开展学术交流、公益性知识讲座等活动，
培育打造科技型中小企业技术创新中心和相关领域重要技术策源地，
产学研协同推动科技成果转化与产业化，培育孵化和发展科技型企业，为实现产业高质量发展和特色新兴产业集聚发展提供引领和支撑。
</p>
</div> </div>
</div> </div>
@ -44,10 +32,11 @@
<div class="organize-bor bg-gray"> <div class="organize-bor bg-gray">
<div class="title w-1500"><img src="~assets/about/title1.jpg" /></div> <div class="title w-1500"><img src="~assets/about/title1.jpg" /></div>
<div class="w-1500"> <div class="w-1500">
<div class="mt-2 line-height-30 text-indent-2"> <div class="mt-2 line-height-30 text-indent-2 d-flex">
山西绿谷营养与健康研究院由山西绿谷生物科技有限公司联合山西省生物研究院有限公司、交城天娇红农业科技有限公司、 <img src="@/assets/newPlatform/jiagou.png" style="width: 70%; margin: 15px auto" />
<!-- 山西绿谷营养与健康研究院由山西绿谷生物科技有限公司联合山西省生物研究院有限公司、交城天娇红农业科技有限公司、
山西百瑞生科技有限公司、山西传控电子科技有限公司、 山西百瑞生科技有限公司、山西传控电子科技有限公司、
山西农业大学、山西中医药大学、中国辐射防护研究院共同发起，相关高校院所的相关领域平台和研发团队兼职加入。 山西农业大学、山西中医药大学、中国辐射防护研究院共同发起，相关高校院所的相关领域平台和研发团队兼职加入。 -->
</div> </div>
<div class="contact">冯经理：19935658759</div> <div class="contact">冯经理：19935658759</div>
</div> </div>
@ -101,7 +90,7 @@
<div class="font-16 item-intro mb-4" v-if="item.intro === null ? false : item.intro.length > 60"> <div class="font-16 item-intro mb-4" v-if="item.intro === null ? false : item.intro.length > 60">
{{ item.intro.slice(0, 60) }}... ... {{ item.intro.slice(0, 60) }}... ...
<a-button @click="showIntro(index)" class="font-16" style="color: #fff!important" type="link"> <a-button @click="showIntro(index)" class="font-16" style="color: #fff !important" type="link">
more more
<a-icon style="font-size: 12px" type="right" /> <a-icon style="font-size: 12px" type="right" />
</a-button> </a-button>
@ -110,7 +99,6 @@
<div class="font-16 item-intro" v-if="item.intro === null ? false : item.intro.length <= 60"> <div class="font-16 item-intro" v-if="item.intro === null ? false : item.intro.length <= 60">
<p>{{ item.intro }}</p> <p>{{ item.intro }}</p>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
@ -122,7 +110,7 @@
<div class="title w-1500"> <div class="title w-1500">
<img src="~assets/about/title2.jpg" /> <img src="~assets/about/title2.jpg" />
<div class="partner-type"> <!-- <div class="partner-type">
<div <div
class="partner-type-item" class="partner-type-item"
:class="currType === index ? 'active-item' : ''" :class="currType === index ? 'active-item' : ''"
@ -132,10 +120,10 @@
> >
{{ item }} {{ item }}
</div> </div>
</div> </div> -->
</div> </div>
<div class="w-1200"> <div class="w-1200">
<div class="partner-flex"> <!-- <div class="partner-flex">
<div class="partner-item" v-for="(item, index) in lists" :key="index" :class="!item.logoUrl ? 'partner-txt' : ''"> <div class="partner-item" v-for="(item, index) in lists" :key="index" :class="!item.logoUrl ? 'partner-txt' : ''">
<div class="partner-item-img" v-if="item.logoUrl"> <div class="partner-item-img" v-if="item.logoUrl">
<img :src="item.logoUrl" /> <img :src="item.logoUrl" />
@ -145,6 +133,17 @@
</div> </div>
<div class="partner-name">{{ item.name }}</div> <div class="partner-name">{{ item.name }}</div>
</div> </div>
</div> -->
<div class="active-item" v-for="(item, index) in allLists" :key="index">
<div class="hzhb-title">
{{ item.typeOfTech === 0 ? '功能食品领域' : item.typeOfTech === 1 ? '生物医药领域' : '数字健康领域' }}
</div>
<div class="partner-flex">
<div class="partner-item" v-for="(v, k) in item.backendSearchList" :key="k">
<span class="point"></span>
<div class="flex-1">{{ v.name }}</div>
</div>
</div>
</div> </div>
</div> </div>
</div> </div>
@ -167,6 +166,7 @@ export default {
time: 10000, time: 10000,
listType: [], listType: [],
lists: [], lists: [],
allLists: [],
activeNum: 0, activeNum: 0,
list: [ list: [
{ {
@ -216,23 +216,26 @@ export default {
}; };
await this.getFrontSearchCompany(params); await this.getFrontSearchCompany(params);
this.allLists = this.partners;
this.lists = []; this.lists = [];
this.listType = []; this.listType = [];
this.partners.forEach(item => { this.partners.forEach(item => {
item.backendSearchList.forEach(list => { // item.backendSearchList.forEach(list => {
this.lists.push(list); // this.lists.push(list);
}) // });
// if (item.typeOfTech === 0 && this.listType.indexOf('高校') === -1) { this.lists.push(item.backendSearchList);
// this.listType.push('高校'); if (item.typeOfTech === 0 && this.listType.indexOf('功能食品领域') === -1) {
// } this.listType.push('功能食品领域');
}
// if (item.typeOfTech === 1 && this.listType.indexOf('院所') === -1) {
// this.listType.push('院所'); if (item.typeOfTech === 1 && this.listType.indexOf('生物医药领域') === -1) {
// } this.listType.push('生物医药领域');
}
// if (item.typeOfTech === 2 && this.listType.indexOf('企业') === -1) {
// this.listType.push('企业'); if (item.typeOfTech === 2 && this.listType.indexOf('数字健康领域') === -1) {
// } this.listType.push('数字健康领域');
}
}); });
}, },
@ -358,17 +361,17 @@ a {
margin: 0 auto; margin: 0 auto;
} }
.w-1200{ .w-1200 {
width: 70%; width: 80%;
margin: 0 auto; margin: 0 auto;
} }
.item-intro{ .item-intro {
text-align: left; text-align: left;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
button{ button {
height: 20px; height: 20px;
padding: 0px; padding: 0px;
color: #fff; color: #fff;
@ -427,7 +430,7 @@ a {
} }
} }
.contact{ .contact {
position: absolute; position: absolute;
bottom: 24px; bottom: 24px;
right: 40px; right: 40px;
@ -435,14 +438,13 @@ a {
color: #fff; color: #fff;
font-weight: bold; font-weight: bold;
} }
} }
.organize-bor { .organize-bor {
padding: 40px 0; padding: 40px 0;
padding-bottom: 30px; padding-bottom: 30px;
.contact{ .contact {
font-size: 18px; font-size: 18px;
text-align: right; text-align: right;
} }
@ -507,7 +509,6 @@ a {
background-color: #13ACC4; background-color: #13ACC4;
} }
} }
} }
.contact-box { .contact-box {
@ -573,11 +574,11 @@ a {
margin-right: 5%; margin-right: 5%;
padding: 0 30px; padding: 0 30px;
border-radius: 4px; border-radius: 4px;
background-color: rgba(19,172,196,0.8); background-color: rgba(19, 172, 196, 0.8);
color: #fff; color: #fff;
} }
.service-title{ .service-title {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
@ -587,8 +588,43 @@ a {
margin-right: 0 !important; margin-right: 0 !important;
} }
.place{ .place {
position: relative; position: relative;
top: -100px; top: -100px;
} }
.hzhb-title {
width: 140px;
height: 40px;
line-height: 40px;
text-align: center;
font-size: 16px;
color: #fff;
background-color: #13acc4;
border-radius: 4px;
}
.partner-flex {
flex-wrap: nowrap;
justify-content: space-between;
}
.partner-flex .partner-item {
width: 23%;
margin: 24px 1% 32px;
text-align: left;
flex-direction: row;
font-size: 16px;
align-items: flex-start;
}
.partner-flex .partner-item .point {
display: inline-block;
width: 12px;
height: 12px;
background: #13acc4;
margin-right: 10px;
border-radius: 50%;
margin-top: 5px;
}
</style> </style>

3
src/views/NewPlatform/Children/Share.vue
View File

@ -16,8 +16,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">
依托“山西绿谷营养与健康研究院”的科技创新资源，建立健全科技资源开放共享制度，建成科技资源网络管理服务平台， 平台整合功能食品、生物医药及数字健康领域实验室、中试基地及大型科研设施仪器300余台/套，面向企业可提供研发实验、中间试验、检验检测等科研资源开放共享服务。
实现科技资源配置、管理、服务、监督、评价全链条有机衔接服务体系，对外提供研发试验、检验检测、科技资源共享等服务。
</div> </div>
</div> </div>
</div> </div>

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

@ -16,9 +16,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>
</div> </div>
</div> </div>
@ -192,7 +190,7 @@ export default {
color: white; color: white;
font-size: 18px; font-size: 18px;
line-height: 40px; line-height: 40px;
text-align: left; text-align: center;
text-indent: 2em; text-indent: 2em;
} }
} }

Write Preview
Loading…
Cancel
Save