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

    实体空间

    -

    实体空间由孵化场所、公共实验室、中试基地部分组成。

    - 孵化场所分为运营办公区、公共空间区、独立空间区和开放办公区。公共空间区包括路演厅(项目路演、知识培训、产品展示等多项功能)、会议室、洽谈室、第三空间(创业咖啡)。开放空间区按功能食品、生物医药、数字健康领域进行分区设置。 + 孵化场所位于山西综改示范区晋阳街 202 + 号英语周报大厦八层，设孵化场所、公共实验室、中试基地三部分。设有独立办公空间、开放共享空间、路演厅、会议室、洽谈室等，公共空间面积 + 1399 平米，现有入驻企业60余家，聘请技术、管理、法律、投融资等方面 18 + 位专家为创业导师，可为入驻企业提供专业化高水平创业辅导服务。

    @@ -49,8 +47,7 @@

    - 虚拟众创空间主要面向非入驻实体空间从事功能食品、生物医药和大健康产业相关研发服务和生产的企业。 - 虚拟众创空间依托绿谷数字化平台进行建设，入驻企业可享受实体众创空间的各种创新创业服务，参加相关创新创业活动。 + 线上虚拟空间旨在面向从事功能食品、生物医药和大健康等相关产业研发及生产的非入驻实体空间企业，共享创新创业资源，打造线上线下一体化发展模式和运营服务体系。入驻企业可享受实体众创空间的各种创新创业服务，免费参加相关技术创新和创业辅导活动等。

    @@ -97,9 +94,9 @@ 需求填报

    -
    +
    {{ item.intro.slice(0, 60) }}... ... - + more @@ -280,12 +277,12 @@ export default { }; }, - watch:{ - $route(to){ - if(to.hash){ - this.setJump(to.hash) + watch: { + $route(to) { + if (to.hash) { + this.setJump(to.hash); } - } + }, }, computed: { @@ -324,7 +321,7 @@ export default { this.partners.forEach(item => { item.backendSearchList.forEach(list => { this.lists.push(list); - }) + }); // if (item.typeOfTech === 0 && this.listType.indexOf('高校') === -1) { // this.listType.push('高校'); @@ -342,10 +339,10 @@ export default { mounted() { this.$nextTick(() => { - if(this.$route.hash){ - this.setJump(this.$route.hash) + if (this.$route.hash) { + this.setJump(this.$route.hash); } - }) + }); }, methods: { @@ -354,24 +351,24 @@ export default { ...mapActions('user', ['sendCode', 'sendPicCode']), ...mapActions('home', ['getFrontSearchCompany', 'getUserSer']), - setJump(hash){ - if(hash === '#mao1'){ + setJump(hash) { + if (hash === '#mao1') { this.$nextTick(() => { - this.changeIndex(0) - document.getElementById('mao1').scrollIntoView(true) - }) + this.changeIndex(0); + document.getElementById('mao1').scrollIntoView(true); + }); } - if(hash === '#mao3'){ + if (hash === '#mao3') { this.$nextTick(() => { - this.changeIndex(2) - document.getElementById('mao3').scrollIntoView(true) - }) + this.changeIndex(2); + document.getElementById('mao3').scrollIntoView(true); + }); } - if(hash === '#mao4'){ + if (hash === '#mao4') { this.$nextTick(() => { - this.changeIndex(3) - document.getElementById('mao4').scrollIntoView(true) - }) + this.changeIndex(3); + document.getElementById('mao4').scrollIntoView(true); + }); } }, @@ -561,22 +558,22 @@ a { margin: 0 auto; } -.w-1200{ +.w-1200 { width: 70%; margin: 0 auto; } -.item-intro{ - text-align: left; - display: flex; - flex-direction: column; +.item-intro { + text-align: left; + display: flex; + flex-direction: column; - button{ - height: 20px; - padding: 0px; - color: #fff; - text-align: right; - } + button { + height: 20px; + padding: 0px; + color: #fff; + text-align: right; + } } .text-center { @@ -626,11 +623,11 @@ a { font-size: 20px; line-height: 40px; text-align: left; - text-indent: 2em; + text-indent: 2em; } } - .contact{ + .contact { position: absolute; bottom: 24px; right: 40px; @@ -680,7 +677,7 @@ a { background-color: #fff; } - .con{ + .con { text-align: justify; } @@ -743,8 +740,6 @@ a { background-color: #13ACC4; } } - - } .contact-box { @@ -803,17 +798,17 @@ a { } .item-box { - position: relative; - width: 30%; - height: 180px; - margin-right: 5%; - padding: 0 30px; - border-radius: 4px; - background-color: rgba(19,172,196,0.8); - color: #fff; + position: relative; + width: 30%; + height: 180px; + margin-right: 5%; + padding: 0 30px; + border-radius: 4px; + background-color: rgba(19, 172, 196, 0.8); + color: #fff; } -.service-title{ +.service-title { display: flex; justify-content: space-between; align-items: center; @@ -823,8 +818,8 @@ a { margin-right: 0 !important; } -.place{ - position: relative; - top: -100px; +.place { + position: relative; + top: -100px; } diff --git a/src/views/Industry/Children/Index.vue b/src/views/Industry/Children/Index.vue index 22685a2..8f57b16 100644 --- a/src/views/Industry/Children/Index.vue +++ b/src/views/Industry/Children/Index.vue @@ -41,7 +41,12 @@
    -
    +

    @@ -51,7 +56,7 @@

    {{ item.intro.slice(0, 60) }} - + more @@ -240,12 +245,12 @@ export default { ...mapState('user', ['picCode']), }, - watch:{ - $route(to){ - if(to.hash){ - this.setJump(to.hash) + watch: { + $route(to) { + if (to.hash) { + this.setJump(to.hash); } - } + }, }, async created() { @@ -270,7 +275,7 @@ export default { param: { pageNum: 1, type: 1, - typeOfPlatform: 2, + typeOfPlatform: 4, }, }; await this.getFrontSearchCompany(params); @@ -280,7 +285,7 @@ export default { this.partners.forEach(item => { item.backendSearchList.forEach(list => { this.lists.push(list); - }) + }); // if (item.typeOfTech === 0 && this.listType.indexOf('高校') === -1) { // this.listType.push('高校'); @@ -298,10 +303,10 @@ export default { mounted() { this.$nextTick(() => { - if(this.$route.hash){ - this.setJump(this.$route.hash) + if (this.$route.hash) { + this.setJump(this.$route.hash); } - }) + }); }, methods: { @@ -329,24 +334,24 @@ export default { } }, - setJump(hash){ - if(hash === '#mao1'){ + setJump(hash) { + if (hash === '#mao1') { this.$nextTick(() => { - this.changeIndex(0) - document.getElementById('mao1').scrollIntoView(true) - }) + this.changeIndex(0); + document.getElementById('mao1').scrollIntoView(true); + }); } - if(hash === '#mao2'){ + if (hash === '#mao2') { this.$nextTick(() => { - this.changeIndex(1) - document.getElementById('mao2').scrollIntoView(true) - }) + this.changeIndex(1); + document.getElementById('mao2').scrollIntoView(true); + }); } - if(hash === '#mao3'){ + if (hash === '#mao3') { this.$nextTick(() => { - this.changeIndex(3) - document.getElementById('mao3').scrollIntoView(true) - }) + this.changeIndex(3); + document.getElementById('mao3').scrollIntoView(true); + }); } }, @@ -509,13 +514,12 @@ export default { margin: 0 auto; } - -.w-1200{ +.w-1200 { width: 70%; margin: 0 auto; } -.item-intro{ +.item-intro { text-align: left; // text-indent: 2em; } @@ -570,7 +574,8 @@ export default { text-indent: 2em; } } - .contact{ + + .contact { position: absolute; bottom: 24px; right: 40px; @@ -581,9 +586,9 @@ export default { } .service-box { - padding-top: 40px; - display: flex; - flex-direction: column; + padding-top: 40px; + display: flex; + flex-direction: column; .title { text-align: left; @@ -689,17 +694,17 @@ export default { } .item-box { - position: relative; - width: 30%; - height: 180px; - margin-right: 5%; - padding: 0 30px; - border-radius: 4px; - background-color: rgba(19,172,196,0.8); - color: #fff; + position: relative; + width: 30%; + height: 180px; + margin-right: 5%; + padding: 0 30px; + border-radius: 4px; + background-color: rgba(19, 172, 196, 0.8); + color: #fff; } -.service-title{ +.service-title { display: flex; justify-content: space-between; align-items: center; @@ -709,17 +714,17 @@ export default { margin-right: 0 !important; } -.place{ - position: relative; - top: -100px; +.place { + position: relative; + top: -100px; } .organize-bor { - .title{ + .title { padding-bottom: 10px; } - .contact{ + .contact { font-size: 18px; text-align: right; } diff --git a/src/views/Knowledge/Knowledge.vue b/src/views/Knowledge/Knowledge.vue index 5d03e42..7ab723f 100644 --- a/src/views/Knowledge/Knowledge.vue +++ b/src/views/Knowledge/Knowledge.vue @@ -18,10 +18,7 @@ @@ -39,8 +36,8 @@
    -
    -
    +
    +
    .inner { - margin: 0px auto; - padding: 30px 0; + margin: 0px auto; + padding: 30px 0; } .banner-box { @@ -165,7 +162,8 @@ export default { text-indent: 2em; } } - .contact{ + + .contact { position: absolute; bottom: 24px; right: 40px; @@ -180,14 +178,14 @@ export default { text-align: right; } -.center-bor{ - padding: 60px 0; - background-color: #f5f5f5; - margin: 0 auto; +.center-bor { + padding: 60px 0; + background-color: #f5f5f5; + margin: 0 auto; - .title{ - margin-bottom: 30px - } + .title { + margin-bottom: 30px; + } } .bg-white { diff --git a/src/views/NewPlatform/Children/Develop.vue b/src/views/NewPlatform/Children/Develop.vue index 9611ca1..2b24707 100644 --- a/src/views/NewPlatform/Children/Develop.vue +++ b/src/views/NewPlatform/Children/Develop.vue @@ -16,8 +16,7 @@
    @@ -201,8 +200,8 @@ export default { color: white; font-size: 18px; line-height: 40px; - text-align: left; - text-indent: 2em; + text-align: center; + text-indent: 2em; } } } diff --git a/src/views/NewPlatform/Children/Index.vue b/src/views/NewPlatform/Children/Index.vue index 982528a..8292b09 100644 --- a/src/views/NewPlatform/Children/Index.vue +++ b/src/views/NewPlatform/Children/Index.vue @@ -20,19 +20,7 @@ @@ -44,10 +32,11 @@
    -
    - 山西绿谷营养与健康研究院由山西绿谷生物科技有限公司联合山西省生物研究院有限公司、交城天娇红农业科技有限公司、 +
    + +
    冯经理：19935658759
    @@ -101,7 +90,7 @@
    {{ item.intro.slice(0, 60) }}... ... - + more @@ -110,7 +99,6 @@

    {{ item.intro }}

    -
    @@ -122,7 +110,7 @@
    -
    +
    -
    + +
    +
    + {{ item.typeOfTech === 0 ? '功能食品领域' : item.typeOfTech === 1 ? '生物医药领域' : '数字健康领域' }} +
    +
    +
    + +
    {{ v.name }}
    +
    +
    @@ -167,6 +166,7 @@ export default { time: 10000, listType: [], lists: [], + allLists: [], activeNum: 0, list: [ { @@ -216,23 +216,26 @@ export default { }; await this.getFrontSearchCompany(params); + this.allLists = this.partners; + this.lists = []; this.listType = []; this.partners.forEach(item => { - item.backendSearchList.forEach(list => { - this.lists.push(list); - }) - // 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 === 2 && this.listType.indexOf('企业') === -1) { - // this.listType.push('企业'); - // } + // item.backendSearchList.forEach(list => { + // this.lists.push(list); + // }); + this.lists.push(item.backendSearchList); + 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 === 2 && this.listType.indexOf('数字健康领域') === -1) { + this.listType.push('数字健康领域'); + } }); }, @@ -358,22 +361,22 @@ a { margin: 0 auto; } -.w-1200{ - width: 70%; +.w-1200 { + width: 80%; margin: 0 auto; } -.item-intro{ - text-align: left; - display: flex; - flex-direction: column; +.item-intro { + text-align: left; + display: flex; + flex-direction: column; - button{ - height: 20px; - padding: 0px; - color: #fff; - text-align: right; - } + button { + height: 20px; + padding: 0px; + color: #fff; + text-align: right; + } } .text-center { @@ -427,7 +430,7 @@ a { } } - .contact{ + .contact { position: absolute; bottom: 24px; right: 40px; @@ -435,14 +438,13 @@ a { color: #fff; font-weight: bold; } - } .organize-bor { padding: 40px 0; padding-bottom: 30px; - .contact{ + .contact { font-size: 18px; text-align: right; } @@ -457,9 +459,9 @@ a { } .service-box { - padding: 40px 0; - display: flex; - flex-direction: column; + padding: 40px 0; + display: flex; + flex-direction: column; .title { text-align: left; @@ -507,7 +509,6 @@ a { background-color: #13ACC4; } } - } .contact-box { @@ -567,17 +568,17 @@ a { } .item-box { - position: relative; - width: 30%; - height: 180px; - margin-right: 5%; - padding: 0 30px; - border-radius: 4px; - background-color: rgba(19,172,196,0.8); - color: #fff; + position: relative; + width: 30%; + height: 180px; + margin-right: 5%; + padding: 0 30px; + border-radius: 4px; + background-color: rgba(19, 172, 196, 0.8); + color: #fff; } -.service-title{ +.service-title { display: flex; justify-content: space-between; align-items: center; @@ -587,8 +588,43 @@ a { margin-right: 0 !important; } -.place{ - position: relative; - top: -100px; +.place { + position: relative; + 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; } diff --git a/src/views/NewPlatform/Children/Share.vue b/src/views/NewPlatform/Children/Share.vue index 75041be..4f5fee1 100644 --- a/src/views/NewPlatform/Children/Share.vue +++ b/src/views/NewPlatform/Children/Share.vue @@ -16,8 +16,7 @@
    @@ -271,7 +270,7 @@ export default { font-size: 18px; line-height: 40px; text-align: left; - text-indent: 2em; + text-indent: 2em; } } } diff --git a/src/views/NewPlatform/Children/Transfer.vue b/src/views/NewPlatform/Children/Transfer.vue index 837ded1..ed25d82 100644 --- a/src/views/NewPlatform/Children/Transfer.vue +++ b/src/views/NewPlatform/Children/Transfer.vue @@ -16,9 +16,7 @@
    @@ -192,8 +190,8 @@ export default { color: white; font-size: 18px; line-height: 40px; - text-align: left; - text-indent: 2em; + text-align: center; + text-indent: 2em; } } }