-
+
![]()
@@ -21,12 +21,16 @@
联盟介绍
about >
-
- 查看更多 >> +
+ 查看更多 >>
+
-
-
-
-
@@ -59,6 +61,10 @@ export default {
}
diff --git a/src/views/search/index.vue b/src/views/search/index.vue
index f47f4e5..0b627a0 100644
--- a/src/views/search/index.vue
+++ b/src/views/search/index.vue
@@ -3,15 +3,16 @@
在工业和信息化部的大力支持和指导下，由中国信息通信研究院联合制造业、通信业、互联网等企业于2016年2月1日共同发起成立..
+由一线食品生产、装备、解决方案提供商等共同发起成立的中国食品工业互联网产业联盟旨在更好的引导食品工业企业加强智能装备、智能工厂、云计算、物联网、移动互联网、大数据等...
- 查看更多 >> +
-
+
- {{item.issueStartTime}}
+
-
+
+
+
+ {{item.title}}
{{item.issueStartTime}}
+
+
2020年互联网大会
-
-
+
+
2020年转型升级论坛
-
+
成果发布 +
RESULTS
+RESULTS
-
+
-
-
+
- 
-
- {{item.sendtime}}
+ {{item.issueStartTime}}
【白皮书】{{item.title}}
+{{item.typeName}}{{item.title}}
+
@@ -137,39 +154,31 @@
-
@@ -180,22 +189,10 @@ export default {
name:'home',
data(){
return {
- carouselPicList:[
- // require('../../assets/home/carousel-1.png'),
- // require('../../assets/home/carousel-2.png'),
- // require('../../assets/home/carousel-3.png'),
- ],
+ carouselPicList:[],
newsList:[],
informationList:[],
- noticeList:[ //通知列表
- // {sendtime:'2020-05-10',title:'工业和信息化部办公厅关于推动工业互联网加快发展',content:'各省、自治区、直辖市及计划单列市、新疆生产建设兵团工业和信息化主 管部门，各省、自治区、直辖市通信管理局，中国电信集团有限公司。'},
- // {sendtime:'2020-05-09',title:'工业和信息化部办公厅关于公布2019年工业互联网试2019年工业互联网试',content:'各省、自治区、直辖市及计划单列市工业和信息化主管部门，各省、自治区 、直辖市通信管理局，各有关单位。'},
- // {sendtime:'2020-05-08',title:'北京市经济和信息化局关于开展2020年工信部工业互',content:'各有关单位：根据工信部及我局工作安排，现将2020年工信部工业互联网 创新发展工程项目（以下简称“项目”）有关工作通知如下。'},
- // {sendtime:'2020-05-07',title:'江门市工业和信息化局转发关于组织推进 “5G+工业”',content:'各市（含定州、辛集市）工业和信息化局、通信发展管理办公室，中国联通 河北分公司、中国电信河北分公司、中国移动河北分公司、河北广电网络。'},
- // {sendtime:'2020-05-08',title:'关于进一步加快工业互联网发展的通知',content:'各省、自治区、直辖市及计划单列市工业和信息化主管部门，各省、自治区 、直辖市通信管理局，各有关单位。'},
- // {sendtime:'2020-05-07',title:'关于天津市钢铁、水泥企业 2018年度工序单位产品',content:'按照工业和信息化部《2019年工业节能监察重点工作计划》（工信部节函 〔2019〕77号）和《关于下达2019年国家重大工业节能监察任务及经费。'},
- // {sendtime:'2020-06-07',title:'ssssssssssssssss 2018年度工序单位产品',content:'按照工业和信息化部《2019年工业节能监察重点工作计划》（工信部节函 〔2019〕77号）和《关于下达2019年国家重大工业节能监察任务及经费。'},
- ],
+ noticeList:[],
}
},
mounted(){
@@ -221,9 +218,9 @@ export default {
initNewsOrInformation(type){
let newsParams = {
"pageNum": 1,
- "pageSize": 13,
+ "pageSize": 8,
"search": {
- "type": type //联盟动态
+ "type": type //联盟动态 or 资讯
},
"sort": ""
}
@@ -246,6 +243,9 @@ export default {
this.informationList = res.data.list
})
},
+ showNoticeDetail(item){
+ this.$router.push({name:'noticeShow',query:{'id':item.id,'title':item.topicTypeText}})
+ },
changeTitleBox(e,type){
let aDoc = document.getElementsByName("title-box")
for (let i = 0; i < aDoc.length; i++) {
@@ -255,6 +255,9 @@ export default {
e.currentTarget.className = "title-box is-active"
// e.target.className = "title-box is-active"
this.initNewsOrInformation(type)
+ },
+ jump(){
+ this.$router.push({name:'electronicMeetings'})
}
}
@@ -265,12 +268,13 @@ export default {
position: relative;
width: 1200px;
margin: 0 auto;
- padding: 30px 0;
+ padding: 40px 0 0;
}
.block1 {
position: relative;
width:100%;
- background: linear-gradient(180deg, #01496E, #1B5C7D);
+ // background: linear-gradient(180deg, #01496E, #1B5C7D);
+ background-color:#F3F3F3;
.block1-carousel {
position: relative;
display: inline-block;
@@ -283,7 +287,7 @@ export default {
height: 100%;
left: 0;
top: 0;
- padding: 230px 80px 20px;
+ padding: 200px 80px 20px;
color: #fff;
background: rgba(0,0,0,.5);
}
@@ -299,8 +303,8 @@ export default {
width: 100%;
padding: 20px;
height: 394px;
- color: #646464;
- background: #fff;
+ color: #fff;
+ background: url('../../assets/home/about-bg.png')
}
.other-box {
position: relative;
@@ -333,12 +337,12 @@ export default {
.block2 {
position: relative;
width: 100%;
- background: #F3F3F3;
+ background-color:#F3F3F3;
.left-box {
position: relative;
display: inline-block;
vertical-align: top;
- width: 200px;
+ width: 240px;
height: 400px;
z-index: 10;
}
@@ -346,7 +350,7 @@ export default {
position: relative;
vertical-align: top;
display: inline-block;
- width: 1000px;
+ width: 960px;
height: 400px;
background: #fff;
z-index: 5;
@@ -362,12 +366,12 @@ export default {
.title-box {
position: relative;
cursor: pointer;
- text-align: center;
+ // text-align: center;
padding: 15px;
- width: 200px;
+ width: 100%;
height: 200px;
color: #FFFFFF;
- background: #8D8D8D;
+ background-color: #8D8D8D;
&::after {
content: " ";
position: absolute;
@@ -375,12 +379,28 @@ export default {
height: 15px;
right: -8px;
top: 50%;
- background: #8D8D8D;
+ background-color: #8D8D8D;
transform: translateY(-50%) rotate(45deg);
}
}
+ .dongtai {
+ position: relative;
+ width: 100%;
+ height: 100%;
+ background-image: url('../../assets/home/dongtai.png');
+ background-repeat: no-repeat;
+ background-position: 100% 100%;
+ }
+ .zixun {
+ position: relative;
+ width: 100%;
+ height: 100%;
+ background-image: url('../../assets/home/zixun.png');
+ background-repeat: no-repeat;
+ background-position: 100% 100%;
+ }
.is-active {
- background: #01496E !important;
+ background-color: #01496E !important;
&::after {
content: " ";
position: absolute;
@@ -389,12 +409,13 @@ export default {
right: -8px;
top: 50%;
transform: translateY(-50%) rotate(45deg);
- background: #01496E !important;
+ background-color: #01496E !important;
}
}
.meeting {
position: relative;
display: inline-block;
+ cursor: pointer;
width: calc(50% - 15px);
height: 220px;
color: #fff;
@@ -409,11 +430,11 @@ export default {
top: 0;
width: 100%;
height: 100%;
- background: rgba(0,0,0,0.5);
+ background: rgba(0,0,0,0.2);
}
&:hover {
&:after {
- background: rgba(0,0,0,0.2);
+ background: rgba(0,0,0,0);
}
}
}
@@ -429,11 +450,12 @@ export default {
.block3 {
position: relative;
width: 100%;
+ background-color:#F3F3F3;
.tab-box {
position: relative;
display: inline-block;
width: calc(25% - 15px);
- height: 175px;
+ height: 245px;
margin-right: 20px;
padding: 15px 40px;
color: #fff;
@@ -445,15 +467,17 @@ export default {
position: absolute;
left: 0;
top: 0;
- width: 0;
+ width: 100%;
+
height: 100%;
- background: rgba(0,0,0,0.5);
+ background: rgba(0,0,0,0.6);
transition:none;
// z-index: 5;
}
&:hover {
&:after {
- width: 100%;
+ // width: 0;
+ background: rgba(0,0,0,0.4);
transition: All 0.3s ease-in-out;
}
}
@@ -484,11 +508,12 @@ export default {
.block4 {
position: relative;
width: 100%;
+ background-color:#F3F3F3;
.tab-box {
position: relative;
display: inline-block;
vertical-align: top;
- width:200px;
+ width:300px;
height: 200px;
padding:40px 20px;
color: #fff;
@@ -520,12 +545,19 @@ export default {
}
.title-0 {
position: relative;
- text-align: center;
+ text-align: left;
font-size: 34px;
font-family: Microsoft YaHei;
font-weight: bold;
line-height: 51px;
}
+.title-0-en {
+ position: absolute;
+ right: 0;
+ bottom: 0;
+ font-size: 22px;
+ opacity: 0.4;
+}
.title-1 {
position: relative;
display: inline-block;
@@ -542,7 +574,7 @@ export default {
bottom: 0px;
width: 50px;
height: 4px;
- background: #d1d1d1;
+ background: #fff;
transition: All 0.3s ease-in-out;
}
&:hover {
@@ -553,8 +585,8 @@ export default {
}
.content {
position: relative;
- line-height: 30px;
- font-size: 14px;
+ line-height: 25px;
+ font-size: 12px;
// color: rgba(255,255,255,0.8);
}
.mybutton-1 {
@@ -576,9 +608,9 @@ export default {
.bottom-line {
position: absolute;
bottom: -26px;
- left: 50%;
- transform: translateX(-50%);
- width: 50px;
+ left: 0;
+ // transform: translateX(-50%);
+ width: 140px;
height: 4px;
border: 2px solid;
z-index: 10;
@@ -590,7 +622,8 @@ export default {
color: #999999;
font-family:PingFang SC;
border-bottom: 1px dotted #dcdcdc;
- margin: 10px 30px;
+ // margin: 10px 30px;
+ margin: 0 30px;
.date-block {
position: relative;
display: inline-block;
@@ -607,15 +640,26 @@ export default {
width: calc(100% - 90px);
height: 46px;
padding: 0 15px;
- &::before {
- content: " ";
- position: absolute;
- top: 28%;
- left: -10px;
- width: 6px;
- height: 6px;
- background: #8D8D8D;
- border-radius: 50%;
+ // &::before {
+ // content: " ";
+ // position: absolute;
+ // top: 28%;
+ // left: -10px;
+ // width: 6px;
+ // height: 6px;
+ // background: #8D8D8D;
+ // border-radius: 50%;
+ // }
+ .content-type-box {
+ position: relative;
+ display: inline-block;
+ width: 70px;
+ text-align: center;
+ background-color: #0077A2;
+ padding: 2px 9px;
+ margin-right: 10px;
+ color: #fff;
+ font-size: 12px;
}
}
.content-block-first {
@@ -626,13 +670,17 @@ export default {
padding: 0 15px;
}
.text-date {
+ position: relative;
+ display: inline-block;
+ height: 46px;
+ line-height: 46px;
text-align: center;
font-size: 14px;
- vertical-align: super;
+ vertical-align: top;
}
.text-title {
font-size: 18px;
- margin: 6px 0;
+ padding: 13px 0;
font-weight:500;
color: #666666;
white-space: nowrap;
@@ -647,8 +695,59 @@ export default {
-webkit-box-orient: vertical;
}
&:hover {
- .text-title {
- color: #3893c7;
+ background: #01496E;
+ .text-title,.text-content,.text-date {
+ color: #fff;
+ }
+ }
+}
+.notice-list2 {
+ position: relative;
+ background-color: rgba(255,255,255,0);
+ cursor: pointer;
+ color: #999999;
+ font-family:PingFang SC;
+ border-bottom: 1px dotted #dcdcdc;
+ margin: 0 10px;
+ .content-block {
+ position: relative;
+ display: inline-block;
+ width: calc(100% - 90px);
+ height: 46px;
+ // padding: 0 15px;
+ .content-type-box {
+ position: relative;
+ display: inline-block;
+ width: 70px;
+ text-align: center;
+ background-color: #0077A2;
+ padding: 2px 9px;
+ margin-right: 10px;
+ color: #fff;
+ font-size: 12px;
+ }
+ }
+ .text-date {
+ position: relative;
+ display: inline-block;
+ height: 46px;
+ line-height: 46px;
+ text-align: center;
+ font-size: 14px;
+ vertical-align: top;
+ }
+ .text-title {
+ font-size: 18px;
+ padding: 13px 0;
+ font-weight:500;
+ color: #666666;
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ }
+ &:hover {
+ .text-title,.text-date {
+ color: #0077A2;
}
}
}
diff --git a/src/views/layout/components/footer.vue b/src/views/layout/components/footer.vue
index 2cb8c99..c515ed6 100644
--- a/src/views/layout/components/footer.vue
+++ b/src/views/layout/components/footer.vue
@@ -38,18 +38,20 @@
-
- {{item.sendtime}}
+ {{item.issueStartTime}}
【白皮书】{{item.title}}
+{{item.typeName}}{{item.title}}
公共服务 +
PUBLIC SERVICE
+PUBLIC SERVICE
--
-
+
-
+ 
-
- 
-
-
- 工业互联网
资源池
+ 
-
- 工业互联网标识解析
食品行业二级节点
- 工业互联网信息模型
综合服务平台
- 
-
-
- 可信服务评估评测
-
+ 
-
- 食品工业智能
制造平台
- 工业大数据
产业创新平台
+
+
食品工业互联网
公共服务平台
更多
-AII微信公众号
+CFIIS微信公众号
- 京ICP备09013372号-15 工业互联网产业联盟版权所有 技术支持：福通互联 + 京ICP备09014127号-2 中国食品工业互联网产业联盟版权所有 技术支持： + 福通互联 +
查询结果
+
@@ -19,28 +20,56 @@
-
{{item.sendtime}}
【白皮书】{{item.title}}
+{{item.title}}