DESKTOP-00SUCB6\Administrator
4 years ago
37 changed files with 1634 additions and 552 deletions
@ -1,8 +1,10 @@ |
|||||
config = { |
config = { |
||||
API_URL: 'http://172.119.51.18:8081', |
API_URL: 'http://172.119.51.140:8081', |
||||
COCKPIT_API_URL: 'http://www.fatoaniic.com/api', |
CODE_URL: 'http://172.119.51.140:8082', |
||||
LOGIN_URL: 'http://www.fatoaniic.com/#/login', |
UPLOAD_URL: "http://172.119.51.140:8082/attachment/uploadOne", |
||||
APP_URL:'http://nmsj.org.cn/', |
// COCKPIT_API_URL: 'http://www.fatoaniic.com/api',
|
||||
SHOW_URL: "http://121.36.65.171:8787/file/", |
// LOGIN_URL: 'http://www.fatoaniic.com/#/login',
|
||||
UPLOAD_URL: "http://www.fatoaniic.com/api/api-ftp/ftp/upload", |
// APP_URL:'http://nmsj.org.cn/',
|
||||
|
// SHOW_URL: "http://121.36.65.171:8787/file/",
|
||||
|
|
||||
} |
} |
||||
|
|||||
|
After Width: | Height: | Size: 309 KiB |
|
After Width: | Height: | Size: 40 KiB |
|
After Width: | Height: | Size: 309 KiB |
|
After Width: | Height: | Size: 152 KiB |
|
After Width: | Height: | Size: 181 KiB |
|
After Width: | Height: | Size: 309 KiB |
|
After Width: | Height: | Size: 309 KiB |
|
After Width: | Height: | Size: 309 KiB |
|
After Width: | Height: | Size: 40 KiB |
@ -0,0 +1,26 @@ |
|||||
|
import request from '@/utils/request'; |
||||
|
|
||||
|
//区域查询接口
|
||||
|
export function getArea(params) { |
||||
|
return request({ |
||||
|
baseURL:config.CODE_URL, |
||||
|
url: '/common/getComboList_2/40010/'+params, |
||||
|
method: 'get' |
||||
|
}); |
||||
|
} |
||||
|
//行业大类查询接口
|
||||
|
export function getBigIndustryList() { |
||||
|
return request({ |
||||
|
baseURL:config.CODE_URL, |
||||
|
url: '/common/getComboList_1/40008', |
||||
|
method: 'get' |
||||
|
}); |
||||
|
} |
||||
|
//行业小类查询接口
|
||||
|
export function getSmallIndustryList(params) { |
||||
|
return request({ |
||||
|
baseURL:config.CODE_URL, |
||||
|
url: '/common/getComboList_2/40009/'+params, |
||||
|
method: 'get' |
||||
|
}); |
||||
|
} |
||||
|
After Width: | Height: | Size: 152 KiB |
|
After Width: | Height: | Size: 181 KiB |
@ -0,0 +1,61 @@ |
|||||
|
<template> |
||||
|
<div class="banner"> |
||||
|
<img class="banner-bg" :src="_getImage(title,'banner-bg.png')"/> |
||||
|
<div class="banner-content"> |
||||
|
<span class="banner-title">{{title}}</span> |
||||
|
</div> |
||||
|
</div> |
||||
|
</template> |
||||
|
<script> |
||||
|
export default { |
||||
|
name:"banner", |
||||
|
data(){ |
||||
|
return { |
||||
|
title:this.$route.query.title || this.$route.matched[1].meta.title |
||||
|
} |
||||
|
}, |
||||
|
watch:{ |
||||
|
'$route'(to,from){ |
||||
|
this.title = this.$route.query.title || this.$route.matched[1].meta.title |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
<style lang="scss" scoped> |
||||
|
.banner { |
||||
|
position: relative; |
||||
|
.banner-bg { |
||||
|
width: 100%; |
||||
|
} |
||||
|
.banner-content { |
||||
|
position: absolute; |
||||
|
width: 1200px; |
||||
|
height: 50px; |
||||
|
left: 50%; |
||||
|
transform: translateX(-50%); |
||||
|
bottom: 100px; |
||||
|
background: transparent; |
||||
|
color: #fff; |
||||
|
font-size: 30px; |
||||
|
font-weight: 600; |
||||
|
} |
||||
|
.banner-title { |
||||
|
position: relative; |
||||
|
&::before { |
||||
|
content: " "; |
||||
|
position: absolute; |
||||
|
left: 0; |
||||
|
bottom: -10px; |
||||
|
width: 50px; |
||||
|
height: 4px; |
||||
|
background: #fff; |
||||
|
transition: All 0.3s ease-in-out; |
||||
|
} |
||||
|
&:hover { |
||||
|
&::before { |
||||
|
width: 100%; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,146 @@ |
|||||
|
<template> |
||||
|
<div class="app-container"> |
||||
|
<img class="banner-bg" :src="_getImage('转型升级论坛','top-banner.jpg')"/> |
||||
|
<br><br><br> |
||||
|
<span class="title">论坛新闻</span> |
||||
|
<el-divider></el-divider> |
||||
|
<div class="notice-list" v-for="(item,index) in noticeList.slice(0,4)" :key="index"> |
||||
|
<div class="content-block"> |
||||
|
<p class="text-title" style="font-size:14px;"><span style="color:#01496E;"></span>{{item.title}}</p> |
||||
|
</div> |
||||
|
<span class="text-date">{{item.issueStartTime}}</span> |
||||
|
</div> |
||||
|
<el-pagination |
||||
|
layout="prev, pager, next" |
||||
|
:current-page.sync="currentPage" |
||||
|
:page-size="10" |
||||
|
:total="total"> |
||||
|
</el-pagination> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import {getNoticeList} from "@/api/notice" |
||||
|
export default { |
||||
|
name: "newsForum", |
||||
|
data() { |
||||
|
return { |
||||
|
noticeList:[], |
||||
|
currentPage:1, |
||||
|
total:0 |
||||
|
}; |
||||
|
}, |
||||
|
mounted() { |
||||
|
this.initData() |
||||
|
}, |
||||
|
methods:{ |
||||
|
initData(){ |
||||
|
let params = { |
||||
|
"pageNum": this.currentPage, |
||||
|
"pageSize": 10, |
||||
|
"search": { |
||||
|
"type": "LTXW" |
||||
|
}, |
||||
|
"sort": "" |
||||
|
} |
||||
|
getNoticeList(params).then(res => { |
||||
|
console.log(res); |
||||
|
this.noticeList = res.data.list |
||||
|
this.total = res.data.count |
||||
|
}) |
||||
|
} |
||||
|
} |
||||
|
}; |
||||
|
</script> |
||||
|
<style rel="stylesheet/scss" lang="scss" scoped> |
||||
|
.banner-bg { |
||||
|
position: relative; |
||||
|
width: 100%; |
||||
|
} |
||||
|
.title { |
||||
|
position: relative; |
||||
|
color: #1e50ae; |
||||
|
font-size: 18px; |
||||
|
padding: 0 10px; |
||||
|
font-weight: bold; |
||||
|
font-family: 微软雅黑; |
||||
|
&::before { |
||||
|
content: " "; |
||||
|
position: absolute; |
||||
|
left: 0; |
||||
|
bottom: -25px; |
||||
|
width: 100%; |
||||
|
height: 4px; |
||||
|
background: #1e50ae; |
||||
|
} |
||||
|
} |
||||
|
.notice-list { |
||||
|
position: relative; |
||||
|
background-color: rgba(255,255,255,0); |
||||
|
cursor: pointer; |
||||
|
color: #999999; |
||||
|
font-family:PingFang SC; |
||||
|
border-bottom: 1px dotted #dcdcdc; |
||||
|
margin: 10px 30px; |
||||
|
.date-block { |
||||
|
position: relative; |
||||
|
display: inline-block; |
||||
|
vertical-align: top; |
||||
|
width: 67px; |
||||
|
height: 67px; |
||||
|
margin: 10px 10px 10px 0; |
||||
|
padding: 13px 0; |
||||
|
background-color: #E4E4E4; |
||||
|
} |
||||
|
.content-block { |
||||
|
position: relative; |
||||
|
display: inline-block; |
||||
|
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%; |
||||
|
} |
||||
|
} |
||||
|
.content-block-first { |
||||
|
position: relative; |
||||
|
display: inline-block; |
||||
|
width: calc(100% - 90px); |
||||
|
height: 103px; |
||||
|
padding: 0 15px; |
||||
|
} |
||||
|
.text-date { |
||||
|
text-align: center; |
||||
|
font-size: 14px; |
||||
|
vertical-align: super; |
||||
|
} |
||||
|
.text-title { |
||||
|
font-size: 18px; |
||||
|
margin: 6px 0; |
||||
|
font-weight:500; |
||||
|
color: #666666; |
||||
|
white-space: nowrap; |
||||
|
overflow: hidden; |
||||
|
text-overflow: ellipsis; |
||||
|
} |
||||
|
.text-content { |
||||
|
font-size: 14px; |
||||
|
overflow: hidden; |
||||
|
display: -webkit-box; |
||||
|
-webkit-line-clamp:2; |
||||
|
-webkit-box-orient: vertical; |
||||
|
} |
||||
|
&:hover { |
||||
|
.text-title { |
||||
|
color: #3893c7; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,146 @@ |
|||||
|
<template> |
||||
|
<div class="app-container"> |
||||
|
<img class="banner-bg" :src="_getImage('互联网大会','top-banner.jpg')"/> |
||||
|
<br><br><br> |
||||
|
<span class="title">大会新闻</span> |
||||
|
<el-divider></el-divider> |
||||
|
<div class="notice-list" v-for="(item,index) in noticeList.slice(0,4)" :key="index"> |
||||
|
<div class="content-block"> |
||||
|
<p class="text-title" style="font-size:14px;"><span style="color:#01496E;"></span>{{item.title}}</p> |
||||
|
</div> |
||||
|
<span class="text-date">{{item.issueStartTime}}</span> |
||||
|
</div> |
||||
|
<el-pagination |
||||
|
layout="prev, pager, next" |
||||
|
:current-page.sync="currentPage" |
||||
|
:page-size="10" |
||||
|
:total="total"> |
||||
|
</el-pagination> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import {getNoticeList} from "@/api/notice" |
||||
|
export default { |
||||
|
name: "newsMeeting", |
||||
|
data() { |
||||
|
return { |
||||
|
noticeList:[], |
||||
|
currentPage:1, |
||||
|
total:0 |
||||
|
}; |
||||
|
}, |
||||
|
mounted() { |
||||
|
this.initData() |
||||
|
}, |
||||
|
methods:{ |
||||
|
initData(){ |
||||
|
let params = { |
||||
|
"pageNum": this.currentPage, |
||||
|
"pageSize": 10, |
||||
|
"search": { |
||||
|
"type": "DHXW" |
||||
|
}, |
||||
|
"sort": "" |
||||
|
} |
||||
|
getNoticeList(params).then(res => { |
||||
|
console.log(res); |
||||
|
this.noticeList = res.data.list |
||||
|
this.total = res.data.count |
||||
|
}) |
||||
|
} |
||||
|
} |
||||
|
}; |
||||
|
</script> |
||||
|
<style rel="stylesheet/scss" lang="scss" scoped> |
||||
|
.banner-bg { |
||||
|
position: relative; |
||||
|
width: 100%; |
||||
|
} |
||||
|
.title { |
||||
|
position: relative; |
||||
|
color: #1e50ae; |
||||
|
font-size: 18px; |
||||
|
padding: 0 10px; |
||||
|
font-weight: bold; |
||||
|
font-family: 微软雅黑; |
||||
|
&::before { |
||||
|
content: " "; |
||||
|
position: absolute; |
||||
|
left: 0; |
||||
|
bottom: -25px; |
||||
|
width: 100%; |
||||
|
height: 4px; |
||||
|
background: #1e50ae; |
||||
|
} |
||||
|
} |
||||
|
.notice-list { |
||||
|
position: relative; |
||||
|
background-color: rgba(255,255,255,0); |
||||
|
cursor: pointer; |
||||
|
color: #999999; |
||||
|
font-family:PingFang SC; |
||||
|
border-bottom: 1px dotted #dcdcdc; |
||||
|
margin: 10px 30px; |
||||
|
.date-block { |
||||
|
position: relative; |
||||
|
display: inline-block; |
||||
|
vertical-align: top; |
||||
|
width: 67px; |
||||
|
height: 67px; |
||||
|
margin: 10px 10px 10px 0; |
||||
|
padding: 13px 0; |
||||
|
background-color: #E4E4E4; |
||||
|
} |
||||
|
.content-block { |
||||
|
position: relative; |
||||
|
display: inline-block; |
||||
|
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%; |
||||
|
} |
||||
|
} |
||||
|
.content-block-first { |
||||
|
position: relative; |
||||
|
display: inline-block; |
||||
|
width: calc(100% - 90px); |
||||
|
height: 103px; |
||||
|
padding: 0 15px; |
||||
|
} |
||||
|
.text-date { |
||||
|
text-align: center; |
||||
|
font-size: 14px; |
||||
|
vertical-align: super; |
||||
|
} |
||||
|
.text-title { |
||||
|
font-size: 18px; |
||||
|
margin: 6px 0; |
||||
|
font-weight:500; |
||||
|
color: #666666; |
||||
|
white-space: nowrap; |
||||
|
overflow: hidden; |
||||
|
text-overflow: ellipsis; |
||||
|
} |
||||
|
.text-content { |
||||
|
font-size: 14px; |
||||
|
overflow: hidden; |
||||
|
display: -webkit-box; |
||||
|
-webkit-line-clamp:2; |
||||
|
-webkit-box-orient: vertical; |
||||
|
} |
||||
|
&:hover { |
||||
|
.text-title { |
||||
|
color: #3893c7; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,128 @@ |
|||||
|
<template> |
||||
|
<div> |
||||
|
<banner></banner> |
||||
|
<div class="content"> |
||||
|
<div class="app-container"> |
||||
|
<h2 class="text-center">{{noticeTitle}}</h2> |
||||
|
<p v-if="source" class="text-center font-size-13"><br> |
||||
|
<span style="margin-right:30px;">发布于：{{issueStartTime}}</span>来源： |
||||
|
<span style="color:#8a8a8a;">{{source}}</span> |
||||
|
</p> |
||||
|
<el-divider></el-divider> |
||||
|
<p class="ql-editor" v-html="content"></p> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
</template> |
||||
|
<script> |
||||
|
import banner from '@/components/banner'; |
||||
|
import {getNoticeInfo,getNoticeList} from "@/api/notice" |
||||
|
import 'quill/dist/quill.snow.css' |
||||
|
export default { |
||||
|
name:"noticeShow", |
||||
|
data(){ |
||||
|
return { |
||||
|
ID: this.$route.query.id || '', |
||||
|
content:``, |
||||
|
// title:this.$route.query.title || '', |
||||
|
noticeTitle:'', |
||||
|
source:'', |
||||
|
issueStartTime:'' |
||||
|
} |
||||
|
}, |
||||
|
components: { |
||||
|
banner |
||||
|
}, |
||||
|
watch:{ |
||||
|
'$route'(to,from){ |
||||
|
this.resetDara() |
||||
|
this.initData() |
||||
|
} |
||||
|
}, |
||||
|
mounted(){ |
||||
|
this.initData() |
||||
|
}, |
||||
|
methods:{ |
||||
|
//根据id获取公告详情 |
||||
|
initData() { |
||||
|
if(this.ID) |
||||
|
{ |
||||
|
let params = { |
||||
|
"pageNum": 1, |
||||
|
"pageSize": 1, |
||||
|
"search": { |
||||
|
"type": this.ID |
||||
|
}, |
||||
|
"sort": "" |
||||
|
} |
||||
|
getNoticeList(params).then(res => { |
||||
|
if(res.data && res.data.list.length > 0) |
||||
|
{ |
||||
|
getNoticeInfo(res.data.list[0].id).then(res => { |
||||
|
if (res.data) { |
||||
|
this.content = res.data.content |
||||
|
this.noticeTitle = res.data.title |
||||
|
this.source = res.data.source |
||||
|
this.issueStartTime = res.data.issueStartTime |
||||
|
} |
||||
|
}) |
||||
|
} |
||||
|
}) |
||||
|
} |
||||
|
|
||||
|
}, |
||||
|
resetDara(){ |
||||
|
this.ID = this.$route.query.id || '', |
||||
|
this.content = ``, |
||||
|
// this.title = this.$route.query.title || '', |
||||
|
this.noticeTitle = '', |
||||
|
this.source = '' |
||||
|
this.issueStartTime = "" |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
<style lang="scss" scoped> |
||||
|
.banner { |
||||
|
position: relative; |
||||
|
.banner-bg { |
||||
|
width: 100%; |
||||
|
} |
||||
|
.banner-content { |
||||
|
position: absolute; |
||||
|
width: 1200px; |
||||
|
height: 50px; |
||||
|
left: 50%; |
||||
|
transform: translateX(-50%); |
||||
|
bottom: 100px; |
||||
|
background: transparent; |
||||
|
color: #fff; |
||||
|
font-size: 30px; |
||||
|
font-weight: 600; |
||||
|
} |
||||
|
.banner-title { |
||||
|
position: relative; |
||||
|
&::before { |
||||
|
content: " "; |
||||
|
position: absolute; |
||||
|
left: 0; |
||||
|
bottom: -10px; |
||||
|
width: 50px; |
||||
|
height: 4px; |
||||
|
background: #fff; |
||||
|
transition: All 0.3s ease-in-out; |
||||
|
} |
||||
|
&:hover { |
||||
|
&::before { |
||||
|
width: 100%; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
.content { |
||||
|
position: relative; |
||||
|
min-height: 500px; |
||||
|
background: #dddddd91; |
||||
|
} |
||||
|
</style> |
||||
@ -1,31 +0,0 @@ |
|||||
<template> |
|
||||
<div class="app-container"> |
|
||||
<p class="ql-editor" v-html="content"></p> |
|
||||
</div> |
|
||||
</template> |
|
||||
<script> |
|
||||
import {getNoticeInfo} from "@/api/notice" |
|
||||
import 'quill/dist/quill.snow.css' |
|
||||
export default { |
|
||||
name:"noticeShow", |
|
||||
data(){ |
|
||||
return { |
|
||||
ID: this.$route.query.id || '', |
|
||||
content:`` |
|
||||
} |
|
||||
}, |
|
||||
mounted(){ |
|
||||
this.initData() |
|
||||
}, |
|
||||
methods:{ |
|
||||
//根据id获取公告详情 |
|
||||
initData() { |
|
||||
getNoticeInfo(this.ID).then(res => { |
|
||||
if (res.data) { |
|
||||
this.content = res.data.content |
|
||||
} |
|
||||
}) |
|
||||
}, |
|
||||
} |
|
||||
} |
|
||||
</script> |
|
||||
@ -0,0 +1,87 @@ |
|||||
|
<template> |
||||
|
<div class="app-container"> |
||||
|
<p class="title">平台</p> |
||||
|
<div class="platform-box platform-bg-1"> |
||||
|
<a class="title-1" style="z-index:1000;" target="_blank" href="http://wwww.ftiia.com/">食品行业工业互联网标识解析二级节点</a> |
||||
|
</div> |
||||
|
<div class="platform-box platform-bg-2"> |
||||
|
<a class="title-1" style="z-index:1000;" target="_blank" href="">食品工业智能制造平台</a> |
||||
|
</div> |
||||
|
<div class="platform-box platform-bg-1"> |
||||
|
<a class="title-1" style="z-index:1000;" target="_blank" href="http://platform.ftiia.com/">工业互联网公共服务平台</a> |
||||
|
</div> |
||||
|
</div> |
||||
|
</template> |
||||
|
<script> |
||||
|
export default { |
||||
|
name: "platform", |
||||
|
data() { |
||||
|
return { |
||||
|
}; |
||||
|
}, |
||||
|
mounted() { |
||||
|
}, |
||||
|
methods:{ |
||||
|
} |
||||
|
}; |
||||
|
</script> |
||||
|
<style rel="stylesheet/scss" lang="scss" scoped> |
||||
|
.title { |
||||
|
position: relative; |
||||
|
height: 60px; |
||||
|
cursor: default; |
||||
|
line-height: 60px; |
||||
|
margin: 15px 0; |
||||
|
font-size: 28px; |
||||
|
color: #000; |
||||
|
} |
||||
|
.title-1 { |
||||
|
position: relative; |
||||
|
display: inline-block; |
||||
|
cursor: pointer; |
||||
|
height: 60px; |
||||
|
line-height: 60px; |
||||
|
margin: 15px 0; |
||||
|
font-size: 24px; |
||||
|
// color: #fff; |
||||
|
} |
||||
|
.platform-box { |
||||
|
position: relative; |
||||
|
display: inline-block; |
||||
|
cursor: pointer; |
||||
|
vertical-align: top; |
||||
|
width: 320px; |
||||
|
height: 330px; |
||||
|
margin-right: 20px; |
||||
|
padding: 15px 40px; |
||||
|
color: #fff; |
||||
|
&:last-child { |
||||
|
margin-right: 0; |
||||
|
} |
||||
|
&:after { |
||||
|
content: " "; |
||||
|
position: absolute; |
||||
|
left: 0; |
||||
|
top: 0; |
||||
|
width: 0; |
||||
|
height: 100%; |
||||
|
background: rgba(0,0,0,0.5); |
||||
|
transition:none; |
||||
|
// z-index: 5; |
||||
|
} |
||||
|
&:hover { |
||||
|
&:after { |
||||
|
width: 100%; |
||||
|
transition: All 0.3s ease-in-out; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
.platform-bg-1 { |
||||
|
background: url('../../assets/public/platform-1.jpg') no-repeat; |
||||
|
background-size: 100% 100%; |
||||
|
} |
||||
|
.platform-bg-2 { |
||||
|
background: url('../../assets/public/platform-2.jpg') no-repeat; |
||||
|
background-size: 100% 100%; |
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,114 @@ |
|||||
|
<template> |
||||
|
<div class="app-container"> |
||||
|
<div class="app-main"> |
||||
|
<p class="font-size-24 font-weight-bold line-height-2em">查询结果</p> |
||||
|
<el-divider></el-divider> |
||||
|
<div class="notice-list" v-for="(item,index) in noticeList.slice(0,10)" :key="index"> |
||||
|
<div class="content-block"> |
||||
|
<p class="text-title" style="font-size:14px;"><span style="color:#01496E;">【白皮书】</span>{{item.title}}</p> |
||||
|
</div> |
||||
|
<span class="text-date">{{item.sendtime}}</span> |
||||
|
</div> |
||||
|
<el-pagination |
||||
|
layout="prev, pager, next" |
||||
|
:current-page.sync="currentPage" |
||||
|
:page-size="10" |
||||
|
:total="total"> |
||||
|
</el-pagination> |
||||
|
</div> |
||||
|
</div> |
||||
|
</template> |
||||
|
<script> |
||||
|
export default { |
||||
|
name:"search", |
||||
|
data(){ |
||||
|
return { |
||||
|
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年国家重大工业节能监察任务及经费。'}, |
||||
|
], |
||||
|
currentPage:1, |
||||
|
total:0 |
||||
|
} |
||||
|
}, |
||||
|
mounted(){ |
||||
|
|
||||
|
}, |
||||
|
methods:{ |
||||
|
|
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
<style lang="scss" scoped> |
||||
|
.notice-list { |
||||
|
position: relative; |
||||
|
background-color: rgba(255,255,255,0); |
||||
|
cursor: pointer; |
||||
|
color: #999999; |
||||
|
font-family:PingFang SC; |
||||
|
border-bottom: 1px dotted #dcdcdc; |
||||
|
margin: 0 30px; |
||||
|
height: 46px; |
||||
|
.content-block { |
||||
|
position: relative; |
||||
|
display: inline-block; |
||||
|
width: calc(100% - 150px); |
||||
|
height: 46px; |
||||
|
line-height: 46px; |
||||
|
padding: 0 15px; |
||||
|
&::before { |
||||
|
content: " "; |
||||
|
position: absolute; |
||||
|
top: 20px; |
||||
|
left: -10px; |
||||
|
width: 6px; |
||||
|
height: 6px; |
||||
|
background: #8D8D8D; |
||||
|
border-radius: 50%; |
||||
|
} |
||||
|
} |
||||
|
.content-block-first { |
||||
|
position: relative; |
||||
|
display: inline-block; |
||||
|
width: calc(100% - 90px); |
||||
|
height: 103px; |
||||
|
padding: 0 15px; |
||||
|
} |
||||
|
.text-date { |
||||
|
position: relative; |
||||
|
display: inline-block; |
||||
|
height: 46px; |
||||
|
width: 150px; |
||||
|
line-height: 46px; |
||||
|
text-align: center; |
||||
|
font-size: 14px; |
||||
|
vertical-align: bottom; |
||||
|
} |
||||
|
.text-title { |
||||
|
font-size: 18px; |
||||
|
// margin: 6px 0; |
||||
|
font-weight:500; |
||||
|
color: #666666; |
||||
|
white-space: nowrap; |
||||
|
overflow: hidden; |
||||
|
text-overflow: ellipsis; |
||||
|
} |
||||
|
.text-content { |
||||
|
font-size: 14px; |
||||
|
overflow: hidden; |
||||
|
display: -webkit-box; |
||||
|
-webkit-line-clamp:2; |
||||
|
-webkit-box-orient: vertical; |
||||
|
} |
||||
|
&:hover { |
||||
|
.text-title { |
||||
|
color: #3893c7; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,12 @@ |
|||||
|
<template> |
||||
|
<div> |
||||
|
<router-view name="banner"/> |
||||
|
<router-view/> |
||||
|
</div> |
||||
|
|
||||
|
</template> |
||||
|
<script> |
||||
|
export default { |
||||
|
name:"mytemplate" |
||||
|
} |
||||
|
</script> |
||||
Loading…
Reference in new issue