diff --git a/src/assets/build.png b/src/assets/build.png new file mode 100644 index 0000000..a7129cb Binary files /dev/null and b/src/assets/build.png differ diff --git a/src/assets/image.jpeg b/src/assets/image.jpeg new file mode 100644 index 0000000..14d40c2 Binary files /dev/null and b/src/assets/image.jpeg differ diff --git a/src/common/portrait.styl b/src/common/portrait.styl index 4170d4a..ff31be9 100644 --- a/src/common/portrait.styl +++ b/src/common/portrait.styl @@ -319,6 +319,9 @@ width:100%; } +img{ + max-width: 100% +} // font .font-big{ font-size: 60px; @@ -426,6 +429,15 @@ h2{ color: #13ACC4; } +.ant-btn-link{ + border-color: transparent!important; +} + +.ant-btn-primary-disabled, .ant-btn-primary.disabled, .ant-btn-primary[disabled], .ant-btn-primary-disabled:hover, .ant-btn-primary.disabled:hover, .ant-btn-primary[disabled]:hover, .ant-btn-primary-disabled:focus, .ant-btn-primary.disabled:focus, .ant-btn-primary[disabled]:focus, .ant-btn-primary-disabled:active, .ant-btn-primary.disabled:active, .ant-btn-primary[disabled]:active, .ant-btn-primary-disabled.active, .ant-btn-primary.disabled.active, .ant-btn-primary[disabled].active{ + border-color: #d9d9d9!important; + color: rgba(0, 0, 0, 0.25)!important; +} + .base-bg{ background: #13ACC4 } @@ -455,3 +467,7 @@ h2{ .line-height-30{ line-height: 30px } + +.line-height-36{ + line-height: 36px +} diff --git a/src/components/CoreOrgan/CoreOrgan.vue b/src/components/CoreOrgan/CoreOrgan.vue new file mode 100644 index 0000000..593b341 --- /dev/null +++ b/src/components/CoreOrgan/CoreOrgan.vue @@ -0,0 +1,65 @@ + + + + + diff --git a/src/components/FooterPage/FooterPage.vue b/src/components/FooterPage/FooterPage.vue index af1581d..3b94734 100644 --- a/src/components/FooterPage/FooterPage.vue +++ b/src/components/FooterPage/FooterPage.vue @@ -28,7 +28,10 @@
400-789-789
- +
diff --git a/src/components/HeadNav/HeadNav.vue b/src/components/HeadNav/HeadNav.vue index d2ad2b6..42ce3f3 100644 --- a/src/components/HeadNav/HeadNav.vue +++ b/src/components/HeadNav/HeadNav.vue @@ -2,13 +2,23 @@
- + {{ item.name }}   - + {{ con.title }} @@ -19,7 +29,12 @@ - + @@ -73,7 +88,7 @@ export default { url: '/NewPlatform/News', }, { - title: '科技创新服务', + title: '知识培训服务平台', url: '/NewPlatform/NewService', }, ], diff --git a/src/components/Index/IndexNewList.vue b/src/components/Index/IndexNewList.vue index c92ed8f..702ee42 100644 --- a/src/components/Index/IndexNewList.vue +++ b/src/components/Index/IndexNewList.vue @@ -11,6 +11,7 @@
diff --git a/src/components/Introduce/PartnerShip.vue b/src/components/Introduce/PartnerShip.vue index 4dbea66..09d2579 100644 --- a/src/components/Introduce/PartnerShip.vue +++ b/src/components/Introduce/PartnerShip.vue @@ -11,7 +11,7 @@ class="font-bold-24 title-color" >{{ item.typeOfTech===0 ? '高校' : item.typeOfTech===1 ? '院所' : '企业' }}

- +
@@ -27,7 +31,7 @@ export default { return {}; }, - computed: mapState('home', ['content']), + computed: mapState('home', ['content', 'titleCode']), async created() { this.setContent(''); @@ -40,5 +44,3 @@ export default { }, }; - - diff --git a/src/store/modules/home/actions.js b/src/store/modules/home/actions.js index ce6811a..c2a7a46 100644 --- a/src/store/modules/home/actions.js +++ b/src/store/modules/home/actions.js @@ -56,6 +56,7 @@ const actions = { if (code === 200) { if (data && data.length > 0 && data[0] && data[0].length > 0 && data[0][0].detail) { commit('setContent', data[0][0].detail.content); + commit('setTitleCode', data[0][0].detail.titleCode); } } else { message.error(msg || '查询失败'); @@ -74,7 +75,7 @@ const actions = { * 11 关于我们-公司介绍 * 12 关于我们-组织机构 * 32 创新平台-创新资源平台 - * 33 创新平台-科技创新服务 + * 33 创新平台-知识培训服务平台 * 41 孵化平台-众创空间 * 42 孵化平台-公共实验室 * 43 孵化平台-中试基地 diff --git a/src/store/modules/home/mutations.js b/src/store/modules/home/mutations.js index d2e5ff2..0473552 100644 --- a/src/store/modules/home/mutations.js +++ b/src/store/modules/home/mutations.js @@ -117,6 +117,15 @@ const mutations = { state.content = data; }, + /** + * 存储介绍页TitleCode + * @param {object} state + * @param {object} code + */ + setTitleCode(state, code) { + state.titleCode = code; + }, + /** * 改变子页面banner图 * @param {object} state diff --git a/src/store/modules/home/state.js b/src/store/modules/home/state.js index 484cb8f..fd3dee5 100644 --- a/src/store/modules/home/state.js +++ b/src/store/modules/home/state.js @@ -20,6 +20,7 @@ const state = { actCurrent: 1, // 活动公告当前处于第几页 actDetail: {}, // 当前活动公告详情 content: '', // 介绍页图文 + titleCode: '', // 介绍页titleCode bannerLists: [], // 子页面banner图 partners: [], // 合作伙伴 衍生企业 // 公司介绍 diff --git a/src/views/About/Children/Introduce.vue b/src/views/About/Children/Introduce.vue index 581c3fc..3abd83e 100644 --- a/src/views/About/Children/Introduce.vue +++ b/src/views/About/Children/Introduce.vue @@ -22,7 +22,7 @@ export default { components: { Banner, HNav, BreadCrumb, RichText }, data() { return { - title: '公司介绍', + title: '关于我们-公司介绍', showPage: 11, arr: [ { name: '关于我们', url: '/About/Introduce' }, diff --git a/src/views/About/Children/Organ.vue b/src/views/About/Children/Organ.vue index 4fd1e20..9638f0b 100644 --- a/src/views/About/Children/Organ.vue +++ b/src/views/About/Children/Organ.vue @@ -5,13 +5,7 @@
- -
-
- 公司下设行政事业部、创新事业部、孵化事业部和产业事业部。联系人:小武 电话:0351-5223175 -
- -
+
@@ -21,14 +15,14 @@ import Banner from 'components/Banner/Banner.vue'; import HNav from './../components/HNav.vue'; import BreadCrumb from 'components/BreadCrumb/BreadCrumb.vue'; -// import RichText from 'components/Introduce/RichText.vue'; +import RichText from 'components/Introduce/RichText.vue'; export default { name: 'Introduce', - components: { Banner, HNav, BreadCrumb }, + components: { Banner, HNav, BreadCrumb, RichText }, data() { return { - title: '组织机构', + title: '关于我们-组织机构', showPage: 12, arr: [ { name: '关于我们', url: '/About/Introduce' }, diff --git a/src/views/Activity/Activity.vue b/src/views/Activity/Activity.vue index 0c019bc..6a1a50c 100644 --- a/src/views/Activity/Activity.vue +++ b/src/views/Activity/Activity.vue @@ -22,15 +22,20 @@ />
-
-
-

{{ item.title }}

-

{{ item.content }}

-

- 时间:{{ item.releaseTime }}-{{ item.closeTime }} - 地点:{{ item.address }} -

+
+
+

{{ monthEnglish[item.releaseTime.split('-')[1] - 1] }}.

+

{{ item.releaseTime.split(' ')[0].split('-')[2] }}

+

{{ item.title }}

+

{{ item.content }}

+

+ + 时间:{{ item.releaseTime }} + -{{ item.closeTime }} + + 地点:{{ item.address }} +

@@ -70,6 +75,7 @@ export default { }, aList: [], lists: [], + monthEnglish: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Spt', 'Oct', 'Nov', 'Dec'], }; }, computed: mapState('home', ['actList', 'actIpCon', 'actCurrent']), @@ -135,11 +141,13 @@ export default { this.setActList(this.aList); this.getData(); }, + // 改变当前显示页数 onShowSizeChange(current, size) { this.setActCurrent(current); this.getData(); }, + // 跳转到详情界面 jumpDetails(item) { this.setActDetail(item); @@ -162,10 +170,18 @@ export default { background: #fff; } +.search { + position: absolute; + right: 24px; + top: 20px; +} + .policy-box { - .div-box { + .policy-list { position: relative; + width: 100%; height: 238px; + overflow: hidden; background: #fff; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); margin-top: 24px; @@ -174,9 +190,10 @@ export default { } .item-title { + margin-left: 200px; overflow: hidden; display: -webkit-box; - font-size: 20px; + font-size: 24px; color: rgba(0, 0, 0, 0.65); font-family: Microsoft YaHei; font-weight: bold; @@ -185,18 +202,19 @@ export default { } .item-content { + margin-left: 200px; text-indent: 2em; + font-size: 16px; + color: rgba(0, 0, 0, 0.35); + font-family: Microsoft YaHei; overflow: hidden; display: -webkit-box; - font-size: 14px; - color: rgba(0, 0, 0, 0.65); - font-family: Microsoft YaHei; - font-weight: bold; - -webkit-line-clamp: 3; + -webkit-line-clamp: 4; -webkit-box-orient: vertical; } .source { + cursor: pointer; font-family: Microsoft YaHei; font-weight: 400; opacity: 1; @@ -207,6 +225,7 @@ export default { font-size: 14px; font-family: Microsoft YaHei; font-weight: 400; + color: rgba(0, 0, 0, 0.25); opacity: 1; } @@ -218,7 +237,6 @@ export default { font-family: Microsoft YaHei; font-weight: 400; line-height: 22px; - color: rgba(0, 0, 0, 0.65); opacity: 1; margin-bottom: 0; @@ -227,10 +245,42 @@ export default { } } +.date-box { + height: 188px !important; + width: 188px !important; + position: absolute !important; + top: 0 !important; + // box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); + text-align: center; + box-shadow: none !important; + padding: 25px; + margin-top: 24px; + + p { + margin-bottom: 0 !important; + } +} + +.date-mon { + font-size: 40px; + height: 40px; + line-height: 40px; + font-weight: 500; + color: #13ACC4; +} + +.date-day { + font-size: 70px; + height: 80px; + line-height: 80px; + font-weight: bold; + color: #13ACC4; +} + .source-time { + margin-left: 200px; position: absolute; - bottom: 60px; - color: rgba(0, 0, 0, 0.45); + bottom: 26px; margin-bottom: 0; } @@ -238,10 +288,4 @@ export default { margin-top: 68px; text-align: right; } - -.search { - position: absolute; - right: 24px; - top: 20px; -} diff --git a/src/views/ContactUs/ContactUs.vue b/src/views/ContactUs/ContactUs.vue index b194744..30d0637 100644 --- a/src/views/ContactUs/ContactUs.vue +++ b/src/views/ContactUs/ContactUs.vue @@ -27,10 +27,7 @@ export default { data() { return { title: '联系我们', - arr: [ - { name: '关于我们', url: '/About/Introduce' }, - { name: '联系我们', url: '' }, - ], + arr: [{ name: '联系我们', url: '' }], }; }, }; diff --git a/src/views/FirstPage/FirstPage.vue b/src/views/FirstPage/FirstPage.vue index f03d088..ed55014 100644 --- a/src/views/FirstPage/FirstPage.vue +++ b/src/views/FirstPage/FirstPage.vue @@ -11,7 +11,7 @@ -

+
{{ server.chinese }} {{ server.english }} @@ -40,7 +40,8 @@
{{ platform.firstName }}
@@ -63,35 +64,40 @@ export default { data() { return { services: [ - { id: '01', chinese: '创新服务', english: 'INNOVATIVE' }, - { id: '02', chinese: '孵化服务', english: 'INCUBATION' }, - { id: '03', chinese: '产业服务', english: 'INDUSTRIAL' }, + { id: '01', chinese: '创新服务', english: 'INNOVATIVE', url: '/NewPlatform/NewCore' }, + { id: '02', chinese: '孵化服务', english: 'INCUBATION', url: '/IncubationPlatform/MakerSpace' }, + { id: '03', chinese: '产业服务', english: 'INDUSTRIAL', url: '/Industry/Union' }, ], platforms: [ { id: '04', firstName: '创新挑战', secondName: '', + url: '/Challenge/Solicitation', }, { id: '05', firstName: '科技资源开放共享', secondName: '服务平台', + url: '/NewPlatform/Share', }, { id: '06', firstName: '知识产权与技术', secondName: '转移转化服务平台', + url: '/NewPlatform/Transfer', }, { id: '07', firstName: '知识培训服务平台', secondName: '', + url: '/Knowledge', }, { id: '08', firstName: '知识培训服务平台', secondName: '', + url: '/NewPlatform/NewService', }, ], lists: [ diff --git a/src/views/IncubationPlatform/Children/PilotBase.vue b/src/views/IncubationPlatform/Children/PilotBase.vue index b7daf0a..a4faaec 100644 --- a/src/views/IncubationPlatform/Children/PilotBase.vue +++ b/src/views/IncubationPlatform/Children/PilotBase.vue @@ -22,7 +22,7 @@ export default { components: { Banner, HNav, BreadCrumb, RichText }, data() { return { - title: '中试基地', + title: '孵化平台-中试基地', showPage: 43, arr: [ { name: '孵化平台', url: '/IncubationPlatform/MakerSpace' }, diff --git a/src/views/IncubationPlatform/Children/PublicLaboratory.vue b/src/views/IncubationPlatform/Children/PublicLaboratory.vue index e3314ce..b701fe5 100644 --- a/src/views/IncubationPlatform/Children/PublicLaboratory.vue +++ b/src/views/IncubationPlatform/Children/PublicLaboratory.vue @@ -22,7 +22,7 @@ export default { components: { Banner, HNav, BreadCrumb, RichText }, data() { return { - title: '公共实验室', + title: '孵化平台-公共实验室', showPage: 42, arr: [ { name: '孵化平台', url: '/IncubationPlatform/MakerSpace' }, diff --git a/src/views/IncubationPlatform/Children/Tutor.vue b/src/views/IncubationPlatform/Children/Tutor.vue index 8099b53..224faf4 100644 --- a/src/views/IncubationPlatform/Children/Tutor.vue +++ b/src/views/IncubationPlatform/Children/Tutor.vue @@ -33,7 +33,7 @@ export default { components: { Banner, HNav, BreadCrumb, RichText }, data() { return { - title: '创业导师', + title: '孵化平台-创业导师', showPage: 44, arr: [ { name: '孵化平台', url: '/IncubationPlatform/MakerSpace' }, diff --git a/src/views/ItInformation/ItInformation.vue b/src/views/ItInformation/ItInformation.vue index 92fe255..f55468c 100644 --- a/src/views/ItInformation/ItInformation.vue +++ b/src/views/ItInformation/ItInformation.vue @@ -5,24 +5,20 @@ --> @@ -26,13 +28,14 @@ export default { diff --git a/src/views/NewPlatform/Children/Core.vue b/src/views/NewPlatform/Children/Core.vue index 7d71e8a..ce022aa 100644 --- a/src/views/NewPlatform/Children/Core.vue +++ b/src/views/NewPlatform/Children/Core.vue @@ -7,12 +7,9 @@
协同创新中心
- 山西绿谷生物科技股份有限公司立足功能食品、生物医药和大健康产业,聚焦“创新”、聚力“孵化”、聚合“产业”, - 致力建设集创新链、孵化链和产业链为一体,产学研协同、多学科交叉、大中小企业融通、 - 线上线下相结合的融合发展机制和开放式创新创业平台,培育打造全链条一体化新型社会研发机构和创新创业生态系统, - 构筑专业化、集群化、园区化、产业发展新模式和新业态。公司秉持“创新、开放、协同、融合”发展理 - 念,以“赋能健康中国,筑梦绿色未来”为愿景,以“构建创新创业生态,发展特色产业集群,打造全链条一体化开放 - 式创新创业高地”为使命,大力推动建设“共融共生,共建 共创”价值共同体。 + + +
@@ -21,8 +18,8 @@
组织机构
- 公司采取理事会、经理层、事业部组织架构,公司理事会组成按理事会章程执行,经理层设总经理 1 名、副总经理 2-3 名,各事业部设部长 1 - 名、副部长 1 名。 + +
@@ -31,7 +28,10 @@
中心架构
-
+
协同创新中心围绕研发领域设立功能食品、现代医药、生物医学工程及数字健康开发四大协同创新平台,根据研发方向设若干研发单元。
+
@@ -49,9 +49,7 @@
申请加入
- 申请加入文字介绍申请加入文字介绍申请加入文字介绍申请加入文字介绍申请加入文字介绍申请加入文字介绍 - 申请加入文字介绍申请加入文字介绍申请加入文字介绍申请加入文字介绍申请加入文字介绍申请加入文字介绍 - 申请加入文字介绍申请加入文字介绍申请加入文字介绍申请加入文字介绍申请加入文字介绍申请加入文字介绍申请加入文字介绍申请加入文字介绍 + 申请加入文字介绍
@@ -66,13 +64,17 @@ import HNav from './../components/HNav.vue'; import BreadCrumb from 'components/BreadCrumb/BreadCrumb.vue'; import DeEnt from './components/DeEnt.vue'; import NewModel from './../components/NewModel.vue'; +import RichText from 'components/Introduce/RichText.vue'; +import CoreOrgan from 'components/CoreOrgan/CoreOrgan.vue'; + export default { name: 'Core', - components: { HNav, BreadCrumb, DeEnt, NewModel }, + components: { HNav, BreadCrumb, DeEnt, NewModel, RichText, CoreOrgan }, data() { return { str: '这是中心界面', - title: '协同创新中心', + title: '创新平台-协同创新中心', + title1: '创新平台-组织机构', typeOfPlatform: '创新平台', arr: [ { name: '创新平台', url: '/NewPlatform/NewCore' }, @@ -82,19 +84,37 @@ export default { treedata: [ { //一定一定要注意这里有[] - name: '本科发展方向', + name: '协同创新中心', children: [ - { name: '考研' }, { - name: '就业', - children: [{ name: '相关就业详见菜单栏‘培养方向’' }], + name: '功能食品协同创新平台', + children: [ + { name: '功能食品资源开发' }, + { name: '营养健康功能因子分再鉴定及作用机制探究' }, + { name: '功能食品关键加工技术研发' }, + { name: '功能食品安全评价与风险监测' }, + ], + }, + { + name: '现代医药协同创新平台', + children: [ + { name: '中医药与天然药物资源开发利用' }, + { name: '医药生物技术' }, + { name: '新药研发' }, + { name: '药理药效研究与安全评价' }, + ], + }, + { + name: '生物医学工程协同创新平台', + children: [{ name: '生物信息技术' }, { name: '生物医学工程研发' }, { name: '生物力学和生物材料' }], }, - { name: '考公' }, { - name: '留学', - children: [{ name: '相关文件(申请流程、交换要求)' }], + name: '数字健康开发协同创新平台', + children: [{ name: '健康医疗大数据挖掘与分析' }, { name: '基于纳米传感器的医疗健康' }, { name: '传染病预测预鉴数字技术' }], }, - { name: '创业' }, + { name: '科技资源共享服务平台' }, + { name: '知识产权与技术转移转化服务平台' }, + { name: '知识培训服务平台' }, ], }, ], diff --git a/src/views/NewPlatform/Children/Develop.vue b/src/views/NewPlatform/Children/Develop.vue index e516685..5a65679 100644 --- a/src/views/NewPlatform/Children/Develop.vue +++ b/src/views/NewPlatform/Children/Develop.vue @@ -4,7 +4,9 @@
-
平台建设中...
+
+ +
@@ -32,13 +34,14 @@ export default { diff --git a/src/views/NewPlatform/Children/Platform.vue b/src/views/NewPlatform/Children/Platform.vue index 1469f91..4dcaf6f 100644 --- a/src/views/NewPlatform/Children/Platform.vue +++ b/src/views/NewPlatform/Children/Platform.vue @@ -6,16 +6,21 @@
-
-
+
+

{{ item.title }}

{{ item.content }}

- +
-
- +
+

{{ item.title }}

{{ item.content }}

@@ -45,25 +50,19 @@ export default { list: [ { title: '科技资源开放共享服务平台', - content: - '山西绿谷生物科技股份有限公司立足功能食品、生物医药和大健康产业,聚焦“创新”、聚力“孵化”、聚合“产业”,' + - '致力建设集创新链、孵化链和产业链为一体,产学研协同、多学科交叉、大中小企业...', + content: '研发试验、检验检测、资源共享', imgUrl: 'https://www.sxwikionline.com/gateway/greenvalley/uploads/upload/20210104/86d502b304944e0c849bff8dcf55ac08.jpg', url: '/NewPlatform/Share', }, { title: '知识产权与技术转移转化服务平台', - content: - '山西绿谷生物科技股份有限公司立足功能食品、生物医药和大健康产业,聚焦“创新”、聚力“孵化”、聚合“产业”,' + - '致力建设集创新链、孵化链和产业链为一体,产学研协同、多学科交叉、大中小企业...', + content: '知识产权、成果转化、技术转移', imgUrl: 'https://www.sxwikionline.com/gateway/greenvalley/uploads/upload/20210104/4f9b898da25e48d3b73b47345ed14a9a.jpg', url: '/NewPlatform/Transfer', }, { title: '知识培训服务平台', - content: - '山西绿谷生物科技股份有限公司立足功能食品、生物医药和大健康产业,聚焦“创新”、聚力“孵化”、聚合“产业”,' + - '致力建设集创新链、孵化链和产业链为一体,产学研协同、多学科交叉、大中小企业...', + content: '技术培训、管理培训、知识讲座', imgUrl: 'https://www.sxwikionline.com/gateway/greenvalley/uploads/upload/20210104/f5fb570cfd7547279138a591818325e0.jpg', url: '/NewPlatform/Develop', }, diff --git a/src/views/NewPlatform/Children/Service.vue b/src/views/NewPlatform/Children/Service.vue index fb1dfe0..cd72b4f 100644 --- a/src/views/NewPlatform/Children/Service.vue +++ b/src/views/NewPlatform/Children/Service.vue @@ -17,6 +17,17 @@ >购物车 后可通过顶部菜单栏的购物车查看。
+
+ +
+ ① 申请服务:选择服务项目 +
② 提交委托单/协议:电话或其他方式联系买家,填写并提交委托单/协议 线下沟通 +
③ 确认委托单/协议:卖家提供服务时间及价格,买家确认委托单/协议。 签订协议 +
④ 付款:接受线上或线下支付,可分批次付款。 +
⑤ 接受服务:买家提供材料(试验样品或试验方案等),卖家提供服务 +
⑥ 获得结果:卖家提交结果及发票,买家获取结果。 +
+
@@ -82,6 +100,7 @@ export default { arr.push(item); } } + console.log('arr: ', arr); return arr; } return arr; diff --git a/src/views/NewPlatform/components/HNav.vue b/src/views/NewPlatform/components/HNav.vue index 264f528..9629b55 100644 --- a/src/views/NewPlatform/components/HNav.vue +++ b/src/views/NewPlatform/components/HNav.vue @@ -1,8 +1,11 @@ @@ -23,7 +26,7 @@ export default { url: '/NewPlatform/News', }, { - title: '科技创新服务', + title: '知识培训服务平台', url: '/NewPlatform/NewService', }, ],