Browse Source

轮播图添加

master
aBin 5 years ago
parent
commit
e77e76387b
  1. 1
      .env.development
  2. 1
      .env.production
  3. BIN
      src/assets/index01.png
  4. BIN
      src/assets/index02.png
  5. BIN
      src/assets/index03.png
  6. BIN
      src/assets/index04.png
  7. BIN
      src/assets/index05.png
  8. 4
      src/common/platform.styl
  9. 20
      src/components/HeadNav/HeadNav.vue
  10. 6
      src/components/Introduce/ContactMap.vue
  11. 15
      src/components/Introduce/ContactUs.vue
  12. 5
      src/router/index.js
  13. 8
      src/views/About/Children/Introduce.vue
  14. 1
      src/views/About/components/LeftNav.vue
  15. 26
      src/views/Activity/Activity.vue
  16. 4
      src/views/Business/Business.vue
  17. 24
      src/views/Challenge/Children/Solicitation.vue
  18. 1
      src/views/Challenge/components/LeftNav.vue
  19. 5
      src/views/ContactUs/ContactUs.vue
  20. 35
      src/views/Develop/Develop.vue
  21. 15
      src/views/FirstPage/FirstPage.vue
  22. 29
      src/views/Hatch/Children/Space.vue
  23. 1
      src/views/Hatch/components/LeftNav.vue
  24. 116
      src/views/ItInformation/ActDetails.vue
  25. 2
      src/views/ItInformation/ItInformation.vue
  26. 4
      src/views/Policy/components/PolicyList.vue
  27. 24
      src/views/ServiceMarket/Children/InnovativeService.vue
  28. 79
      src/views/ServiceMarket/Children/Institute.vue
  29. 1
      src/views/ServiceMarket/components/LeftNav.vue
  30. 22
      src/views/Study/StuDetails.vue

1
.env.development

@ -4,7 +4,6 @@ VUE_APP_SCENE=wiki
VUE_APP_BASE_URL=http://www.sxwikionline.com/
VUE_APP_API_URL=http://www.sxwikionline.com/gateway
VUE_APP_PROXY_URL=/gateway
VUE_APP_PUBLIC_PATH=/wiki
VUE_APP_MSG_URL=wss://test.tall.wiki/websocket/message/v4.0/ws
VUE_APP_TITLE=绿谷在线
VUE_APP_DESCRIPTION=绿谷在线管理后台

1
.env.production

@ -4,7 +4,6 @@ VUE_APP_SCENE=wiki
VUE_APP_BASE_URL=http://www.sxwikionline.com/
VUE_APP_API_URL=http://www.sxwikionline.com/gateway
VUE_APP_PROXY_URL=/gateway
VUE_APP_PUBLIC_PATH=/wiki
VUE_APP_MSG_URL=wss://www.tall.wiki/websocket/message/v4.0/ws
VUE_APP_TITLE=绿谷在线
VUE_APP_DESCRIPTION=绿谷在线管理后台

BIN
src/assets/index01.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 3.8 KiB

BIN
src/assets/index02.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 3.6 KiB

BIN
src/assets/index03.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 4.0 KiB

BIN
src/assets/index04.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 170 KiB

BIN
src/assets/index05.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 84 KiB

4
src/common/platform.styl

@ -6,7 +6,7 @@
.nav-item {
cursor: pointer;
height: 80px;
line-height: 80px;
// line-height: 80px;
background: #fff;
margin: 0 4px 6px 0;
text-align: center;
@ -20,7 +20,7 @@
.nav-item-active {
cursor: pointer;
height: 80px;
line-height: 80px;
// line-height: 80px;
margin: 0 4px 6px 0;
text-align: center;
background: #007CC1 !important;

20
src/components/HeadNav/HeadNav.vue

@ -2,13 +2,23 @@
<div class="white d-flex flex-row flex-nowrap px-10 align-center">
<img @click="jumUrl('/')" alt class="logo-img" src="@/assets/logo.png" style="cursor: pointer" />
<div class="flex-1 ml-8">
<a-dropdown :disabled="item.children && item.children.length > 0 ? false : true" :key="a" class="list-down" v-for="(item, a) in list">
<a-dropdown
:disabled="item.children && item.children.length > 0 ? false : true"
:key="a"
class="list-down"
v-for="(item, a) in list"
>
<a @click="jumUrl(item.url)" class="ant-dropdown-link">
{{ item.name }}&nbsp;&nbsp;
<a-icon type="down" v-show="item.children && item.children.length > 0" />
</a>
<a-menu slot="overlay">
<a-menu-item :key="b" class="px-6 py-3" style="text-align: center" v-for="(con, b) in item.children">
<a-menu-item
:key="b"
class="px-6 py-3"
style="text-align: center"
v-for="(con, b) in item.children"
>
<a @click="jumUrl(con.url)">{{ con.title }}</a>
</a-menu-item>
</a-menu>
@ -20,7 +30,11 @@
<template slot="title">
<span>点击查看购物车</span>
</template>
<a-icon @click="$router.push('/Cart')" class="baseColor icon-head icon-head-right pointer" type="shopping-cart" />
<a-icon
@click="$router.push('/Cart')"
class="baseColor icon-head icon-head-right pointer"
type="shopping-cart"
/>
</a-tooltip>
<router-link tag="span" to="/login">
<a-icon class="icon-head pointer" style="right: 50px" type="user" />

6
src/components/Introduce/ContactMap.vue

@ -30,12 +30,12 @@ export default {
var point = new BMap.Point(112.561731, 37.789483);
map.centerAndZoom(point, 18);
var marker = new BMap.Marker(point); //
// marker.setTitle('西');
// marker.setTitle('西');
map.addOverlay(marker); //
var content = '<table>';
content = content + '<tr><td> 山西维基</td></tr>';
content = content + '<tr><td> 山西创时代企业孵化器有限公司</td></tr>';
content = content + '<tr><td></td></tr>';
content = content + '<tr><td> 山西省太原市小店区电商街与发展路交叉路口西侧中绿环保五层</td></tr>';
content = content + '<tr><td> 山西综改示范区太原学府园区发展路15号中绿大厦503室</td></tr>';
content += '</table>';
var infowindow = new BMap.InfoWindow(content);
marker.openInfoWindow(infowindow);

15
src/components/Introduce/ContactUs.vue

@ -17,22 +17,22 @@
<div class="flex-1 align-center flex-wrap flex-column">
<a-icon class="user" type="user" />
<br />
<span class="concat-us-tips">张三三</span>
<span class="concat-us-tips">王部长</span>
</div>
<div class="flex-1 align-center flex-wrap flex-column">
<a-icon class="user" type="phone" />
<br />
<span class="concat-us-tips">15500000000</span>
<span class="concat-us-tips">18003513318</span>
</div>
<div class="flex-1 align-center flex-wrap flex-column">
<a-icon class="user" type="mail" />
<br />
<span class="concat-us-tips">123456.com</span>
<span class="concat-us-tips">wjzh114@163.com</span>
</div>
<div class="flex-1 align-center flex-wrap flex-column">
<a-icon class="user" type="environment" />
<br />
<span class="concat-us-tips">山西省太原市</span>
<span class="concat-us-tips">山西综改示范区太原学府园区发展路15号中绿大厦503室</span>
</div>
</div>
<div class="contact d-flex flex-nowrap">
@ -64,17 +64,18 @@ export default {
<style lang="stylus" scoped>
.user {
font-size: 100px;
padding: 20px;
font-size: 80px;
padding: 24px;
border: 1px solid rgba(112, 112, 112, 0.4);
color: #007cc1;
border-radius: 50%;
}
.concat-us-tips {
font-size: 30px;
font-size: 20px;
font-weight: bold;
color: #000;
padding: 0 8px;
}
.contact {

5
src/router/index.js

@ -229,6 +229,11 @@ const routes = [
name: 'ItInformation',
component: () => import(/* webpackChunkName: "cooperative-enterprise" */ 'views/ItInformation/ItInformation.vue'),
},
{
path: '/ItInformation/ActDetails',
name: 'ActDetails',
component: () => import(/* webpackChunkName: "cooperative-enterprise" */ 'views/ItInformation/ActDetails.vue'),
},
];
const router = new VueRouter({

8
src/views/About/Children/Introduce.vue

@ -38,16 +38,16 @@ export default {
'研究院的介绍包含研究院,公司架构,和各中心的介绍。' +
'各中心介绍包含科创体系与科创能力咨询服务中心、知识产权与技术转移咨询服务中心、' +
'数字化转型咨询服务中心、科技信息咨询服务中心、科创战略协同研究中心、' +
'山西奥依工业设计咨询服务中心;研究院的介绍包含研究院,公司架构,和各中心的介绍。',
imgUrl: 'https://www.sxwikionline.com/gateway/greenvalley/uploads/upload/20210104/86d502b304944e0c849bff8dcf55ac08.jpg',
'山西奥依工业设计咨询服务中心;',
imgUrl: 'https://www.sxwikionline.com/gateway/greenvalley/uploads/upload/logo/gsjs01.png',
},
{
title: '',
content:
'各中心介绍包含科创体系与科创能力咨询服务中心、' +
'研究院的介绍包含研究院,公司架构,和各中心的介绍。各中心介绍包含科创体系与科创能力咨询服务中心、' +
'知识产权与技术转移咨询服务中心、数字化转型咨询服务中心、科技信息咨询服务中心、' +
'科创战略协同研究中心、山西奥依工业设计咨询服务中心',
imgUrl: 'https://www.sxwikionline.com/gateway/greenvalley/uploads/upload/20210104/4f9b898da25e48d3b73b47345ed14a9a.jpg',
imgUrl: 'https://www.sxwikionline.com/gateway/greenvalley/uploads/upload/logo/gsjs02.png',
},
],
};

1
src/views/About/components/LeftNav.vue

@ -11,6 +11,7 @@
:class="activeNum === index ? 'nav-item-active' : 'nav-item'"
:key="index"
@click="jump(item.url, index)"
class="d-flex flex-column justify-center"
v-for="(item, index) in list"
>{{ item.title }}</div>
</div>

26
src/views/Activity/Activity.vue

@ -12,18 +12,25 @@
<a-checkbox :checked="sta.jz === 1" @click="cSta('jz')">讲座</a-checkbox>
<a-checkbox :checked="sta.sl === 1" @click="cSta('sl')">沙龙</a-checkbox>
</span>
<a-input-search @search="getData" class="search" enter-button="搜索" placeholder="请输入..." style="width: 381px" v-model="iptCon" />
<a-input-search
@search="getData"
class="search"
enter-button="搜索"
placeholder="请输入..."
style="width: 381px"
v-model="iptCon"
/>
</div>
<div class="policy-box">
<div :key="index" class="policy-list" v-for="(item, index) in lists">
<div @click="jumpDetails(item)" class="date-box pointer" v-if="item.releaseTime">
<!-- <p class="date-mon">{{ monthEnglish[item.releaseTime.split('-')[1] - 1] }}.</p>
<p class="date-day">{{ item.releaseTime.split(' ')[0].split('-')[2] }}</p> -->
<a-icon type="notification" class="pol-icon" />
<p class="date-day">{{ item.releaseTime.split(' ')[0].split('-')[2] }}</p>-->
<a-icon class="pol-icon" type="notification" />
</div>
<p @click="jumpDetails(item)" class="item-title pointer">{{ item.title }}</p>
<p @click="jumpDetails(item)" class="item-content pointer">{{ item.content }}</p>
<p class="source-time">
<p class="source-time d-flex flex-column">
<span class="source">
时间{{ item.releaseTime }}
<span v-if="item.closeTime">-{{ item.closeTime }}</span>
@ -31,7 +38,10 @@
<span class="source">地点{{ item.address }}</span>
</p>
<p class="original">
<a-button disabled v-if="item.releaseTime && Date.parse(item.releaseTime) < Date.parse(nowData)">报名已结束</a-button>
<a-button
disabled
v-if="item.releaseTime && Date.parse(item.releaseTime) < Date.parse(nowData)"
>报名已结束</a-button>
<enroll :act-name="item.title" :activity-id="item.activityId" v-else />
</p>
</div>
@ -231,7 +241,7 @@ export default {
text-indent: 2em;
font-size: 16px;
line-height: 36px;
color: rgba(0, 0, 0, 0.35);
color: rgba(0, 0, 0, 0.65);
font-family: Microsoft YaHei;
overflow: hidden;
display: -webkit-box;
@ -302,8 +312,10 @@ export default {
.source-time {
margin-left: 200px;
position: absolute;
bottom: 26px;
bottom: 10px;
margin-bottom: 0;
line-height: 30px;
color: rgba(0, 0, 0, 0.45);
}
.pagination {

4
src/views/Business/Business.vue

@ -16,13 +16,13 @@
<p class="introduce-content">{{ item.content }}</p>
</div>
<img />
<video width="50%" :poster="item.imgUrl" controls>
<video :poster="item.imgUrl" class="fill-height" controls width="50%">
<source src="https://www.sxwikionline.com/greenvalley/01.mp4" type="video/mp4" />
<source src="https://www.sxwikionline.com/greenvalley/01.mp4" type="video/ogg" />
</video>
</div>
<div class="d-flex justify-space-between" v-else>
<video width="50%" :poster="item.imgUrl" controls>
<video :poster="item.imgUrl" class="fill-height" controls width="50%">
<source src="https://www.sxwikionline.com/greenvalley/02.mp4" type="video/mp4" />
<source src="https://www.sxwikionline.com/greenvalley/02.mp4" type="video/ogg" />
</video>

24
src/views/Challenge/Children/Solicitation.vue

@ -1,3 +1,10 @@
<!--
* @Author: wally
* @email: 18603454788@163.com
* @Date: 2021-01-14 12:20:06
* @LastEditors: wally
* @LastEditTime: 2021-01-15 21:47:40
-->
<template>
<div class="white">
<div class="words-content">
@ -13,22 +20,11 @@
<p class="con-con">
研究院的介绍包含研究院公司架构和各中心的介绍各中心介绍包含科创体系与科创能力咨询服务中心
知识产权与技术转移咨询服务中心数字化转型咨询服务中心科技信息咨询服务中心科创战略协同研究中心
山西奥依工业设计咨询服务中心研究院的介绍包含研究院公司架构和各中心的介绍
各中心介绍包含科创体系与科创能力咨询服务中心知识产权与技术转移咨询服务中心数字化转型咨询服务中心
科技信息咨询服务中心科创战略协同研究中心山西奥依工业设计咨询服务中心
研究院的介绍包含研究院公司架构和各中心的介绍各中心介绍包含科创体系与科创能力咨询服务中心
知识产权与技术转移咨询服务中心数字化转型咨询服务中心科技信息咨询服务中心科创战略协同研究中心
山西奥依工业设计咨询服务中心研究院的介绍包含研究院公司架构和各中心的介绍
各中心介绍包含科创体系与科创能力咨询服务中心知识产权与技术转移咨询服务中心数字化转型咨询服务中心
科技信息咨询服务中心科创战略协同研究中心山西奥依工业设计咨询服务中心
研究院的介绍包含研究院公司架构和各中心的介绍各中心介绍包含科创体系与科创能力咨询服务中心
知识产权与技术转移咨询服务中心数字化转型咨询服务中心科技信息咨询服务中心科创战略协同研究中心
山西奥依工业设计咨询服务中心研究院的介绍包含研究院公司架构和各中心的介绍
各中心介绍包含科创体系与科创能力咨询服务中心知识产权与技术转移咨询服务中心数字化转型咨询服务中心
科技信息咨询服务中心科创战略协同研究中心山西奥依工业设计咨询服务中心
山西奥依工业设计咨询服务中心研究院的介绍包含研究院公司架构和各中心的介绍各中心介绍包含科创体系与科创能力咨询服务中心
知识产权与技术转移咨询服务中心数字化转型咨询服务中心科技信息咨询服务中心科创战略协同研究中心山西奥依工业设计咨询服务中心
</p>
</div>
<a-button type="primary" class="btn">我要发榜</a-button>
<a-button class="btn" type="primary">我要发榜</a-button>
</div>
</template>

1
src/views/Challenge/components/LeftNav.vue

@ -11,6 +11,7 @@
:class="activeNum === index ? 'nav-item-active' : 'nav-item'"
:key="index"
@click="jump(item.url, index)"
class="d-flex flex-column justify-center"
v-for="(item, index) in list"
>{{ item.title }}</div>
</div>

5
src/views/ContactUs/ContactUs.vue

@ -6,11 +6,6 @@
</div>
<!-- 加入我们 -->
<div class="white pa-5 mt-4 mb-7" style="padding-bottom: 100px">
<p class="font-bold-24 title-color">加入我们</p>
<rich-text :title="title" />
<p class="font-bold-24 title-color">公司理念</p>
<rich-text :title="title" />
<p class="font-bold-24 title-color">应聘岗位</p>
<rich-text :title="title" />
<model class="mt-8" style="float: right" />
</div>

35
src/views/Develop/Develop.vue

@ -3,24 +3,34 @@
* @email: 18603454788@163.com
* @Date: 2021-01-14 13:10:21
* @LastEditors: wally
* @LastEditTime: 2021-01-15 21:30:26
* @LastEditTime: 2021-01-15 21:46:32
-->
<template>
<div>
<banner :show-page="41" />
<div class="inner" style="padding: 0 25px; position: relative; padding-bottom: 50px">
<p class="dev-title">数智开发界面</p>
<p class="dev-content">
研究院的介绍包含研究院公司架构和各中心的介绍 各中心介绍包含科创体系与科创能力咨询服务中心知识产权与技术转移咨询服务中心
数字化转型咨询服务中心科技信息咨询服务中心科创战略协同研究中心
山西奥依工业设计咨询服务中心研究院的介绍包含研究院公司架构和各中心的介绍
各中心介绍包含科创体系与科创能力咨询服务中心知识产权与技术转移咨询服务中心
数字化转型咨询服务中心科技信息咨询服务中心科创战略协同研究中心山西奥依工业设计咨询服务中心
</p>
<div class="inner" style="padding: 0 25px; padding-bottom: 50px">
<p class="dev-title">维基数智</p>
<div class="dev-content line-height-30">
<div>
传控科技成立于2015年8月由资深电子产品工程师携自动化和计算机专业相关同仁创立
围绕时物链条构建软硬件开放平台致力于成为智能传感器控制系统解决方案和关键设备供应商
</div>
<div>
传控科技以传感器控制技术为核心进行开源模块及电子产品的研发生产电子信息技术及网络应用的开发
咨询服务培训等业务覆盖数字工厂数字医疗数字管理三大方向自主研发产品先后应用于国家电力
北京科学技术委员会山大一院北京深孵咨询服务有限公司等企事业单位清华大学北京大学山西大学中北大学等高校
</div>
<div>
传控科技拥有发明专利和知识产权二十余项并且拥有国内及美国注册商标任意环ANYRINGCCSENS
老吾老幼吾幼传控可及时物链条等已通过ISO9001认证
</div>
</div>
<div class="d-flex flex-row-reverse mt-8">
<a-button class="dev-btn" type="primary">项目合作</a-button>
</div>
</div>
<div class="inner dev-img-box d-flex flex-wrap" style="margin-top: 40px !important; margin-bottom: 40px !important">
<div :key="index" class="d-flex" style="width: 50%" v-for="(item, index) in lists">
<img :src="item" @click="showProfile = true" style="width: 100%; cursor: pointer" />
@ -86,7 +96,8 @@ export default {
}
.dev-btn {
position: absolute;
right: 25px;
width: 170px;
height: 62px;
font-size: 28px;
}
</style>

15
src/views/FirstPage/FirstPage.vue

@ -41,7 +41,7 @@
<div class="py-8 white">
<div
:key="index"
@click="$router.push('/ItInformation')"
@click="jumpDetails(list)"
class="font-20 d-flex flex-nowrap justify-start px-10 py-4 pointer"
v-for="(list, index) in lists"
>
@ -51,6 +51,11 @@
v-if="list.time"
>{{ $moment(+list.time * 1000).format('YYYY-MM-DD') }}</div>
</div>
<div
@click="$router.push('/ItInformation')"
class="font-16 pointer px-6 pt-3"
style="text-align: right;color:#007cc1"
>查看更多>></div>
</div>
</div>
<!-- 创业学院 -->
@ -130,10 +135,10 @@ export default {
},
//
// jumpDetails(item) {
// this.setActDetail(item);
// this.$router.push('/ActDetails');
// },
jumpDetails(item) {
this.setActDetail(item);
this.$router.push('/ItInformation/ActDetails');
},
},
};
</script>

29
src/views/Hatch/Children/Space.vue

@ -16,7 +16,7 @@
<div style="padding: 0 25px">
<div style="padding-bottom: 80px; position: relative">
<div class="words-content">
<p class="words-title">需求征集</p>
<p class="words-title">高新众创空间介绍</p>
<p class="con-con">
研究院的介绍包含研究院公司架构和各中心的介绍各中心介绍包含科创体系与科创能力咨询服务中心
知识产权与技术转移咨询服务中心数字化转型咨询服务中心科技信息咨询服务中心科创战略协同研究中心
@ -25,22 +25,27 @@
科技信息咨询服务中心科创战略协同研究中心山西奥依工业设计咨询服务中心
</p>
</div>
<a-button type="primary" class="btn">申请加入</a-button>
<a-button class="btn" type="primary">申请加入</a-button>
</div>
<div>
<div class="content-box">
<div :key="index" style="cursor: pointer" v-for="(item, index) in list" @click="jumpUrl(index)">
<div
:key="index"
@click="jumpUrl(index)"
style="cursor: pointer"
v-for="(item, index) in list"
>
<div class="d-flex justify-space-between" v-if="index % 2 === 0">
<img :src="item.imgUrl" style="width: 48%" />
<div class="introduce-box" style="width: 52% !important">
<p class="introduce-title">{{ item.title }}</p>
<p class="introduce-content">{{ item.content }}</p>
<div class="introduce-title">{{ item.title }}</div>
<div class="introduce-content">{{ item.content }}</div>
</div>
</div>
<div class="d-flex justify-space-between" v-else>
<div class="introduce-box" style="width: 52% !important">
<p class="introduce-title">{{ item.title }}</p>
<p class="introduce-content">{{ item.content }}</p>
<div class="introduce-title">{{ item.title }}</div>
<div class="introduce-content">{{ item.content }}</div>
</div>
<img :src="item.imgUrl" style="width: 48%" />
</div>
@ -60,9 +65,8 @@ export default {
content:
'研究院的介绍包含研究院,公司架构,和各中心的介绍。' +
'各中心介绍包含科创体系与科创能力咨询服务中心、知识产权与技术转移咨询服务中心、' +
'数字化转型咨询服务中心、科技信息咨询服务中心、科创战略协同研究中心、' +
'山西奥依工业设计咨询服务中心;研究院的介绍包含研究院,公司架构,和各中心的介绍。',
imgUrl: 'https://www.sxwikionline.com/gateway/greenvalley/uploads/upload/20210104/86d502b304944e0c849bff8dcf55ac08.jpg',
'数字化转型咨询服务中心、科技信息咨询服务中心',
imgUrl: 'https://www.sxwikionline.com/gateway/greenvalley/uploads/upload/logo/zckj01.png',
},
{
title: '虚拟孵化器',
@ -70,7 +74,7 @@ export default {
'各中心介绍包含科创体系与科创能力咨询服务中心、' +
'知识产权与技术转移咨询服务中心、数字化转型咨询服务中心、科技信息咨询服务中心、' +
'科创战略协同研究中心、山西奥依工业设计咨询服务中心',
imgUrl: 'https://www.sxwikionline.com/gateway/greenvalley/uploads/upload/20210104/4f9b898da25e48d3b73b47345ed14a9a.jpg',
imgUrl: 'https://www.sxwikionline.com/gateway/greenvalley/uploads/upload/logo/zckj02.png',
},
],
};
@ -89,7 +93,10 @@ export default {
<style lang="stylus" scoped>
.introduce-title {
font-size: 24px !important;
color: #007CC1 !important;
margin-bottom: 20px;
margin-top: 0 !important;
}
.words-title {

1
src/views/Hatch/components/LeftNav.vue

@ -11,6 +11,7 @@
:class="activeNum === index ? 'nav-item-active' : 'nav-item'"
:key="index"
@click="jump(item.url, index)"
class="d-flex flex-column justify-center"
v-for="(item, index) in list"
>
{{ item.title }}

116
src/views/ItInformation/ActDetails.vue

@ -0,0 +1,116 @@
<template>
<div class="box">
<div>
<div class="policy-title">
<span>{{ actDetail.title }}</span>
</div>
<div class="policy-info">
<span>
<a-icon
class="baseColor"
style="font-size: 14px; margin-right: 10px"
type="clock-circle"
/>
<span>{{ actDetail.releaseTime }}-{{ actDetail.closeTime }}</span>
</span>
<span style="margin-left: 60px">
<a-icon class="baseColor" style="margin-right: 10px" type="environment" />
<span>{{ actDetail.address }}</span>
</span>
</div>
<div class="policy-content" v-dompurify-html="actDetail.content"></div>
</div>
</div>
</template>
<script>
import { mapState } from 'vuex';
export default {
name: 'ActDetails',
data() {
return {};
},
computed: mapState('home', ['actDetail']),
created() {},
methods: {},
};
</script>
<style lang="stylus" scoped>
.box {
width: 1260px;
position: relative;
margin: 80px auto;
background: #fff;
min-height: 1037px;
overflow: hidden;
opacity: 1;
padding-bottom: 480px;
}
.back-btn {
width: 80px;
position: absolute;
right: 0;
}
.policy-title {
height: 120px;
font-size: 24px;
font-family: Microsoft YaHei;
font-weight: 400;
color: rgba(0, 0, 0, 0.85);
opacity: 1;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
padding: 0 150px;
border-bottom: 1px solid #707070;
}
.policy-info {
height: 76px;
line-height: 76px;
text-align: center;
}
.policy-content {
padding: 0 25px;
font-size: 16px;
color: rgba(0, 0, 0, 0.65);
font-weight: 400;
font-family: Microsoft YaHei;
}
.coms-style {
height: 480px;
padding: 25px 0;
border-top: 2px solid #ccc;
position: absolute;
bottom: 0;
width: 100%;
}
.coms-top {
height: 280px;
padding: 0 25px;
overflow: auto;
box-shadow: 0 0 5px #ccc;
}
.coms-btm {
margin-top: 20px;
padding: 0 10px;
}
.coms-content {
background: rgba(19, 172, 196, 0.1);
}
.sub {
position: absolute;
right: 20px;
bottom: 20px;
}
</style>

2
src/views/ItInformation/ItInformation.vue

@ -85,7 +85,7 @@ export default {
//
jumpDetails(item) {
this.setActDetail(item);
this.$router.push('/ActDetails');
this.$router.push('/ItInformation/ActDetails');
},
},
};

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

@ -35,8 +35,8 @@
</div>
<div class="policy-box d-flex flex-wrap flex-row">
<div :class="(index + 1) % 2 === 0 ? 'ml' : 'mr'" :key="index" v-for="(item, index) in lists">
<p class="item-title">{{ item.title }}</p>
<p class="item-content">{{ item.intro }}</p>
<p @click="LookSource(item.id)" class="item-title pointer">{{ item.title }}</p>
<p @click="LookSource(item.id)" class="item-content pointer">{{ item.intro }}</p>
<!-- <p class="item-content" v-html="item.content"></p> -->
<p>
<span

24
src/views/ServiceMarket/Children/InnovativeService.vue

@ -36,29 +36,7 @@ export default {
data() {
return {
title: '服务超市-科技创新服务',
list: [
// {
// title: '西',
// content:
// '' +
// '' +
// '' +
// '西',
// imgUrl: 'https://www.sxwikionline.com/gateway/greenvalley/uploads/upload/20210104/86d502b304944e0c849bff8dcf55ac08.jpg',
// },
// {
// title: '',
// content:
// '' +
// '' +
// '西',
// imgUrl: 'https://www.sxwikionline.com/gateway/greenvalley/uploads/upload/20210104/4f9b898da25e48d3b73b47345ed14a9a.jpg',
// },
],
// arr: [
// { name: '', url: '/ServiceMarket/InnovativeService' },
// { name: '', url: '/ServiceMarket/InnovativeService' },
// ],
list: [],
};
},

79
src/views/ServiceMarket/Children/Institute.vue

@ -9,9 +9,12 @@
<img src="~assets/fwcs01.png" />
</div>
<div>
<div
class="font-16 textColor line-height-36"
>协同创新中心围绕研发领域设立功能食品现代医药生物医学工程及数字健康开发四大协同创新平台根据研发方向设若干研发单元</div>
<div class="font-16 textColor line-height-36">
山西智汇协同创新研究院有限公司是维基智汇科技有限公司旗下集创新创业咨询服务和协同创新为一体的新型研发机构
研究院秉承创新开放协作共赢的发展理念坚持专业化高端化市场化国际化发展路线立足新科技革命和产业发展前沿
聚焦创新创业发展需求以为不同创新主体提供定制化科创整体解决方案为核心以数智网络平台战略合作平台和知识培训平台为支撑
以资源整合和协同创新研究为引擎致力打造共融共生共创共享的全链条一体化开放式创新创业咨询服务体系构筑创新创业生态系统
</div>
</div>
</div>
</div>
@ -19,16 +22,19 @@
<!-- 公司架构 -->
<div class="white">
<div class="d-flex flex-nowrap inner">
<div style="width:17%"></div>
<div style="width: 17%"></div>
<div class="flex-1">
<div class="px-3 py-10">
<div class="d-flex flex-row fill-width justify-center py-10">
<img src="~assets/fwcs02.png" />
</div>
<div>
<div
class="font-16 textColor line-height-36"
>协同创新中心围绕研发领域设立功能食品现代医药生物医学工程及数字健康开发四大协同创新平台根据研发方向设若干研发单元</div>
<div class="font-16 textColor line-height-36">
研究院下没六个咨询服务中心和一个专家委员会科创体系与科创能力咨询服务中心知识产权与技术转移咨询服务中心数字化转型咨询服务中心科技信息咨询服务中心科创战略协同研究中心山西奥依工业设计咨询服务中心
</div>
<div class="font-16 textColor line-height-36">
以中心为主体以团队为单元以平台为支撑围绕创新创业发展需求整合各类优质资源打造全链条一体化开放式创新创业新生态
</div>
<div :style="{ height: '500px' }" id="treeChart"></div>
</div>
</div>
@ -37,7 +43,7 @@
</div>
<!-- 中心介绍 -->
<div class="d-flex flex-nowrap inner">
<div style="width:17%"></div>
<div style="width: 17%"></div>
<div class="flex-1 flex-row fill-width justify-center pt-10">
<div class="px-3 py-10">
<img src="~assets/fwcs03.png" />
@ -46,12 +52,7 @@
</div>
<div class="inner pb-10">
<div class="d-flex flex-row flex-wrap">
<div
:class="(index + 1) % 3 === 0 ? 'mr0' : ''"
:key="index"
class="pic-box pb-10"
v-for="(item,index) in list"
>
<div :class="(index + 1) % 3 === 0 ? 'mr0' : ''" :key="index" class="pic-box pb-10" v-for="(item, index) in list">
<div class="pic d-flex align-center justify-center">
<img :src="item.url" class="fill-width fill-height" />
<span class="font-bold-18 white--text">{{ item.title }}</span>
@ -104,37 +105,21 @@ export default {
treedata: [
{
//[]
name: '协同创新中心',
name: '山西智汇协同创新研究院有限公司',
children: [
{ name: '三大平台', children: [{ name: '数智网络平台' }, { name: '战略合作平台' }, { name: '知识培训平台' }] },
{ name: '专家委员会' },
{
name: '功能食品协同创新平台',
name: '咨询服务中心',
children: [
{ name: '功能食品资源开发' },
{ name: '营养健康功能因子分再鉴定及作用机制探究' },
{ name: '功能食品关键加工技术研发' },
{ name: '功能食品安全评价与风险监测' },
{ name: '科创体系与科创能力咨询服务中心' },
{ name: '知识产权与技术转移咨询服务中心' },
{ name: '数字化转型咨询服务中心' },
{ name: '科技信息咨询服务中心' },
{ name: '科创战略协同研究中心' },
{ name: '山西奥依工业设计咨询服务中心' },
],
},
{
name: '现代医药协同创新平台',
children: [
{ name: '中医药与天然药物资源开发利用' },
{ name: '医药生物技术' },
{ name: '新药研发' },
{ name: '药理药效研究与安全评价' },
],
},
{
name: '生物医学工程协同创新平台',
children: [{ name: '生物信息技术' }, { name: '生物医学工程研发' }, { name: '生物力学和生物材料' }],
},
{
name: '数字健康开发协同创新平台',
children: [{ name: '健康医疗大数据挖掘与分析' }, { name: '基于纳米传感器的医疗健康' }, { name: '传染病预测预鉴数字技术' }],
},
{ name: '科技资源共享服务平台' },
{ name: '知识产权与技术转移转化服务平台' },
{ name: '创新服务' },
],
},
],
@ -157,23 +142,23 @@ export default {
{
type: 'tree',
data: this.treedata,
top: '2%',
left: '12%',
bottom: '1%',
right: '36%',
left: '30%',
right: '2%',
top: '8%',
bottom: '2%',
symbol: 'emptyCircle',
symbolSize: 7,
lineStyle: { width: 4 },
itemStyle: { borderWidth: 3, borderColor: '#E77816' },
label: { position: 'left', verticalAlign: 'middle', align: 'right', fontSize: 16 },
leaves: {
label: {
position: 'right',
position: 'top',
verticalAlign: 'middle',
align: 'left',
align: 'right',
},
},
expandAndCollapse: true,
animationDuration: 550,
animationDurationUpdate: 750,
},
],

1
src/views/ServiceMarket/components/LeftNav.vue

@ -11,6 +11,7 @@
:class="activeNum === index ? 'nav-item-active' : 'nav-item'"
:key="index"
@click="jump(item.url, index)"
class="d-flex flex-column justify-center"
v-for="(item, index) in list"
>{{ item.title }}</div>
</div>

22
src/views/Study/StuDetails.vue

@ -18,19 +18,31 @@
</div>
<div class="fill-width px-3">
<div class="coms-top mt-8">
<div v-if="coms && coms.length>0">
<div :key="index" class="my-8" v-for="(item, index) in coms">
<p style="color: #999">
<a-avatar
:size="30"
<!-- <a-avatar
:src="item.avatarUrl"
alt
style="margin-top: -4px; margin-right: 4px"
size="large"
style="margin-top: -4px; margin-right: 8px"
v-if="item.avatarUrl"
/>-->
<a-avatar
alt
size="large"
src="https://www.sxwikionline.com/gateway/greenvalley/uploads/upload/logo/logo_bottom.png"
style="margin-top: -4px; margin-right: 8px"
/>
<span style="margin-right: 10px">{{ item.userName }}</span>
<span class="coms-content">{{ item.content }}{{ item.content }}{{ item.content }}</span>
<span
class="coms-content px-2 py-1 font-14 line-height-36"
>{{ item.content }}{{ item.content }}{{ item.content }}</span>
</p>
</div>
</div>
<div v-else>暂无评论</div>
</div>
<div class="fill-width mt-8">
<a-textarea
placeholder="请输入内容..."
@ -117,7 +129,7 @@ export default {
}
.coms-top {
height: 280px;
max-height: 280px;
padding: 0 25px;
overflow: auto;
// box-shadow: 0 0 5px #ccc;

Loading…
Cancel
Save