Skip to content

B
bjgee
Commit 9b2aafe8 authored by shangbj's avatar shangbj
Browse files
Options

更改结构制作新闻动态、添加新闻

parent f44fb464
Hide whitespace changes
Inline Side-by-side
Showing with 334 additions and 56 deletions
components/NewsScrollList.vue
View file @ 9b2aafe8
......@@ -5,10 +5,10 @@
<no-ssr>
<vue-seamless-scroll :data="newsData" :class-option="optionTop" class="product-seamless-warp">
<ul class="item">
<li v-for="(item,index) in newsData" :key="index">
<nuxt-link :to="item.url">
<li v-for="(item,index) in newsData" v-if="index<10" :key="item.id">
<!-- <nuxt-link :to="item.url"> -->
{{item.title}}
</nuxt-link>
<!-- </nuxt-link> -->
</li>
</ul>
</vue-seamless-scroll>
......@@ -21,7 +21,7 @@
export default {
data(){
return {
newsData:this.$store.state.newsListData,
newsData:this.$store.state.news.newsData,
}
},
computed:{
......
components/index/News.vue
View file @ 9b2aafe8
......@@ -12,8 +12,8 @@
</dt>
<dd>
<ul>
<li v-for="(item, index) in dataSource" v-if="index<10" :key="index">
<a :href="item.url" :title="item.title">
<li v-for="(item,index) in dataSource" v-if="index<10" :key="item.id">
<a href="#" :title="item.title">
{{item.title}}
</a>
{{item.time}}
......
pages/index.vue
View file @ 9b2aafe8
......@@ -109,7 +109,7 @@ export default {
return {
productData:this.$store.state.productData,
qualificationsData:this.$store.state.qualificationsData,
newsData:this.$store.state.newsListData,
newsData:this.$store.state.news.newsData,
engineeringData:this.$store.state.engineeringData,
}
},
......@@ -131,7 +131,7 @@ export default {
limitMoveNum: 4
}
}
},
}
}
</script>
......
pages/news.vue
View file @ 9b2aafe8
<template>
<div>新闻动态</div>
<div class="clearfix content">
<div class="left-con-wrap">
<ProductImgList />
</div>
<div class="right-con-wrap">
<nuxt-child :key="$route.params.id"/>
</div>
</div>
</template>
<script>
import ProductImgList from '~/components/ProductImgList.vue'
export default {
components:{
NewsScrollList,
ProductImgList,
},
asyncData({ store }) {
return { newsData: store.state.news.newsData}
}
}
</script>
<style lang="scss">
.left-con-wrap{
.column-list{
width: 210px;
padding-top: 15px;
text-align: left;
dt{
height: 18px;
background: url(~assets/images/11019921.gif) no-repeat left top;
font-size: 14px;
font-weight: bold;
color: #004483;
padding: 3px 0px 0px 12px;
}
dd{
border: 1px solid #E1E1E1;
font-size: 14px;
text-align: center;
padding: 8px;
div{
height: 20px;
border-bottom: 1px solid #EEEEEE;
font-weight: bold;
padding-top: 4px;
text-align: left;
padding-left: 20px;
a{
color:#004483;
&.nuxt-link-exact-active{
color:#0982B9;
}
}
}
}
}
}
.right-con-wrap{
min-height: 600px;
text-align: left;
padding-top: 15px;
.currently-node{
height: 25px;
background: url(~assets/images/11019918.gif) no-repeat 5px top;
padding: 2px 0px 0px 20px;
font-size: 14px;
font-weight: bold;
color: #004483;
}
.currently-text {
padding: 20px;
font-size: 14px;
line-height: 150%;
color: #000;
}
}
</style>
pages/news/_id.vue 0 → 100644
View file @ 9b2aafe8
<template>
<div>
<div class="currently-node">{{name}}</div>
<div class="currently-text" v-html="detail"></div>
</div>
</template>
<script>
export default {
asyncData({ params, store, error }) {
const item = store.state.newsData.find((item) => String(item.id) === params.id)
if (!item) {
return error({ message: 'User not found', statusCode: 404 })
}
return item
},
head() {
return {
title: this.name
}
}
}
</script>
pages/news/index.vue 0 → 100644
View file @ 9b2aafe8
<template>
<div>
<div class="currently-node">新闻动态</div>
<div class="currently-text">
<p style="text-align: center">
<span style="font-size:16px">公司介绍</span>
</p>
</div>
</div>
</template>
store/index.js
View file @ 9b2aafe8
export const state = () => ({
newsListData: [
{
title:'公司通过《职业健康安全管理体系》认证',
url:'/html/report/18060087-1.htm',
time:'2018-06-04',
},
{
title:'八达岭长城景区用水消毒工程顺利完工',
url:'/html/report/18060087-1.htm',
time:'2018-06-04',
},
{
title:'天绿科技造福人类的旗帜恒久飘扬',
url:'/html/report/18060087-1.htm',
time:'2018-06-04',
},
{
title:'农村供水消毒技术及设备的选择与应用',
url:'/html/report/18060087-1.htm',
time:'2018-06-04',
},
{
title:'智能型柜式纯二氧化氯发生器参展水博会受好评',
url:'/html/report/18060087-1.htm',
time:'2018-06-04',
},
{
title:'喜报：中标大兴区村镇供水消毒设备采购及运行维护项目',
url:'/html/report/16080002-1.htm',
time:'2018-06-04',
},
{
title:'喜报：中标唐山市2016年度地下水治理设备采购标',
url:'/html/report/16080002-1.htm',
time:'2018-06-04',
},
{
title:'进军“农村饮水健康行动项目消毒设备工程”',
url:'/html/report/16080002-1.htm',
time:'2018-06-04',
},
{
title:'喜报：祝贺我公司成功中标“深州市2015年第一批农村饮水安全工程”项目',
url:'/html/report/16080002-1.htm',
time:'2018-06-04',
}
],
engineeringData:[
{
title:'北京朝阳区农村改水',
......
store/news.js 0 → 100644
View file @ 9b2aafe8
export const state = () => ({
newsData: [
// {
// title:'绿恒二氧化氯发生器获得北京市卫生许可批件',
// id:0,
// time:'2005-08-09',
// con:`<p>　　经专家评审，绿恒二氧化氯发生器符合《北京市生活饮用水卫生监督管理条例》的规定，获得了由北京市卫生局颁发的《北京市生活饮用水供水设备及用品卫生许可批件》。<br>
// 　　&nbsp;批准文号：京卫水字（2005）JS第1199号</p>`
// },
{
title:'祝贺公司全体员工体育比赛活动圆满结束',
id:22,
time:'2010-03-29',
con:`<p>　　日前我公司以“生命在于运动，喜迎2010年”为主题组织全体员工举办了各种强身健体而又充满乐趣的体育比赛活动。此次活动包括了踢踺子、跳绳、托球跑、夹球跑和排球等各种简单而又有趣的项目比赛，每个员工按照分组的方式，分别以个人、双人、小组的方式积极参加了各个项目的比赛，各个小组之间的比赛争夺过程激烈而有趣，让所有员工在运动中享受了它所带来的乐趣，也让大家彻底放松了身心。新的一年已经开始，通过此次活动，大家又能够以富有激情的心态和十足的信心面对新的一年，相信通过大家的努力，天绿的明天会更加美好和辉煌！</p>
<p align="center"><img class="" alt="" src="/images/news/02201.jpg"></p>
<p align="center"><img class="" alt="" src="/images/news/02202.jpg"></p>
<p align="center"><img class="" width="427" height="248" alt="" src="/images/news/02203.jpg"></p>
<p align="center"><img class="" width="427" height="248" alt="" src="/images/news/02204.jpg"></p>`
},
{
title:'喜报：祝贺我公司签署顺义区2009年新农村五项基础设施建设安全饮水工程二氧化氯消毒设备供应合同',
id:21,
time:'2010-03-29',
con:`<p>　　我公司于2010年3月15日签署顺义区2009年新农村五项基础设施建设安全饮水工程二氧化氯消毒设备供应合同，至此,我公司已为北京地区农村安全饮水工程提供二氧化氯消毒设备突破1000台，占北京地区市场份额60%以上。</p>`
},
{
title:'喜报:我公司荣获水利部农村安全饮水中心推荐优秀产品称号',
id:20,
time:'2009-09-15',
con:`<p>　　2009年8月30日，我公司荣获水利部农村安全饮水中心推荐优秀产品称号，至此，我公司已连续三年荣获此荣誉称号。绿恒消毒设备正在努力走进更多的家庭，为更多的家庭输入纯净、安全的饮水。</p>`
},
{
title:'公司顺利通过ISO9001:2000年审',
id:19,
time:'2009-09-10',
con:`<p>　　公司在2009年的质量认证审核中，顺利通过中国质量认证集团的质量审核，取得ISO9001:2000认证证书。</p>
<p align="center"><img class="" alt="" src="/images/news/01901.jpg"><img class="" alt="" width="218" height="300" src="/images/news/01902.jpg"></p>
<p align="center"><img class="" alt="" src="/images/news/01903.jpg"></p>`
},
{
title:'我公司工程部参观学习水厂',
id:18,
time:'2009-07-03',
con:`<p>　　2009年6月26日，我公司员工到昌平北七家水厂，北七家污水处理厂和顺义温榆河污水处理厂现场参观学习水处理工艺。</p>
<p align="center"><img class="" alt="" src="/images/news/01801.jpg"></p>
<p align="center"><img class="" alt="" src="/images/news/01802.jpg"></p>
<p align="center"><img class="" alt="" width="500" height="375" src="/images/news/01803.jpg"></p>`
},
{
title:'喜报：中标延庆县2008年农民安全饮水工程（第二标段）设备及材料采购项目',
id:17,
time:'2008-11-13',
con:`<p>　　我公司成功中标延庆县2008年农民安全饮水工程（第二标段）设备及材料采购项目！</p>`
},
{
title:'喜报：中标平谷区2008年农民安全饮水工程采购项目',
id:16,
time:'2008-09-24',
con:`<p>　　我公司成功中标平谷区2008年农民安全饮水工程采购项目！</p>`
},
{
title:'喜报：中标顺义区2008年农民安全饮水工程二氧化氯消毒设备采购项目',
id:15,
time:'2008-09-19',
con:`<p>　　我公司成功中标顺义区2008年农民安全饮水工程二氧化氯消毒设备采购项目！</p>`
},
{
title:'我公司全体员工心系四川震区灾民向四川地震灾区捐款',
id:14,
time:'2008-05-20',
con:`<p>　　&nbsp;2008年5月12日下午14时28分，四川省汶川县发生8级地震，波及北京、江苏、贵州、宁夏等省区，造成严重的人员和财产损失。我公司全体员工纷纷解囊为四川地震灾区人民捐款。款项已于2008年5月20日通过开户银行汇至四川省红十字会。</p>`
},
{
title:'我公司组织全体员工春游',
id:13,
time:'2008-04-30',
con:`<p>　　2008年4月30日下午，我公司组织全体员工到北京植物园春游。北京植物园地处北京西山山脉，与著名的香山交相辉映，其旖旎的绿色风光令全体员工身心大为放松。</p>`
},
{
title:'我公司员工参加“北京城市供水一日游”活动',
id:12,
time:'2007-09-03',
con:`<p>　　2007年9月1日，我公司员工参加市自来水集团组织的题为“珍惜水资源，共建首都和谐供用水环境”的北京城市供水一日游大型公益活动，通过本次参观我们了解了自来水厂应用的先进设备和技术工艺以及从取水、澄清、杀菌到检测等一系列自来水的生产过程，从而深刻认识到：自来水不自来，自来水来之不易的道理，增强了珍惜水资源、文明规范用水的自觉性。</p>`
},
{
title:'祝贺我公司顺利通过ISO9001-2000质量管理体系认证',
id:11,
time:'2007-07-22',
con:`<p>　　祝贺北京天绿恒力科技有限公司顺利通过ISO9001-2000质量管理体系认证，获得了认证证书，注册号：04007Q12450ROS</p>
<p>　　ISO9001-2000质量管理体系的认证通过，象征着北京天绿恒力科技有限公司的质量管理及服务方面又迈上了一个新的台阶，相信质量管理体系的建立和贯彻运行，将有助于公司不断提升质量管理水平，在市场竞争中树立良好的企业形象和产品信誉，为用户提供质量可靠、物美价廉的高性价比产品。</p>
<p>&nbsp;</p>`
},
{
title:'北京市涉水卫生批件（绿恒二氧化氯发生器）通过复审',
id:10,
time:'2007-07-18',
con:`<p>　　&nbsp;我公司自主研发生产的绿恒二氧化氯发生器，在2005年8月获得的《北京市生活饮用水供水设备及用品卫生许可批件》，于2007年7月顺利通过复审。</p>`
},
{
title:'2007年度公司年会圆满结束',
id:9,
time:'2007-02-11',
con:`<p>　　2007年2月，北京天绿恒力科技有限公司举办了公司年会，总结了2006年公司取得的骄人业绩；展望未来，全体员工信心百倍，力争创造更优战绩！<br>
　　年会期间，公司还组织了多项体育活动比赛以及节目精彩的联欢晚会！整个年会彰显了欢乐祥和的、精诚团结的企业氛围！</p>`
},
{
title:'喜报：中标北京市顺义区农村安全饮水工程项目',
id:8,
time:'2006-12-20',
con:`<p>　　在顺义区2006年农村安全饮水工程消毒设备采购及安装项目招标中，我公司凭借良好的信誉、质量过硬的产品（绿恒二氧化氯发生器）和优质的服务中标！</p>`
},
{
title:'2006年度公司羽毛球比赛决出胜负',
id:7,
time:'2006-11-03',
con:`<span id="CurrentlyText"><p>　　为了丰富员工的业余生活，增强全体员工的凝聚力，培养员工的团队合作精神，公司每年定期举办羽毛球比赛，今年的羽毛球比赛因为全体员工积极参加，参赛者技术纯熟，使得激烈的比赛更加彰显了精彩！</p>
<p align="center"><img class="" alt="" src="/images/news/00701.jpg"></p>
<p align="center"><img class="" alt="" src="/images/news/00702.jpg"></p></span>`
},
{
title:'绿恒二氧化氯发生器荣获得国家卫生部卫生许可批件',
id:6,
time:'2006-11-21',
con:`<p>　　经专家评审，绿恒二氧化氯发生器符合《生活饮用水卫生监督管理办法》的有关规定，获得了《中华人民共和国卫生部国产涉及饮用水卫生安全产品卫生许可批件》。<br>
　　批准文号：卫水字（2006）第0148号</p>`
},
{
title:'喜报：中标北京市海淀区农村饮用水机井消毒设施采购项目',
id:5,
time:'2006-09-01',
con:`<p>　　我公司成功中标北京市海淀区农村饮用水机井消毒设施采购项目！</p>`
},
{
title:'喜报：中标北京市大兴安全饮水工程项目',
id:4,
time:'2006-08-11',
con:`<p>　　我公司成功中标大兴区农村安全饮水设备政府采购项目！</p>`
},
{
title:'水木兰牌二氧化氯消毒粉获得国家卫生部卫生许可批件',
id:3,
time:'2006-03-20',
con:`<p>　　经专家评审，水木兰牌二氧化氯消毒粉获得了由中华人民国和国卫生部颁发的《中华人民共和国卫生部国产消毒药剂和消毒器械卫生许可批件》。<br>
　　批准文号：卫消字（2006）第0079号</p>`
},
{
title:'参加北京市农村饮水水质净化消毒设备应用评估会并做技术报告',
id:2,
time:'2006-03-07',
con:`<p>信息来源： 北京水务网站 　<br>
时间：2006-03-07<br>
&nbsp;<br>
　　本站讯（记者刘立志 通讯员裴永刚）3月2日，市水利水电技术中心召开了“北京市农村饮水水质净化消毒设备应用评估会”，聘请了中国工程院李圭白院士、局副总工等8名净化消毒技术专家担任评委。市审计局农业环保分局、11个区县水务局的主管领导和技术人员参加了这次会议。<br>
　　9家在30万农民安全饮水工程中提供设备的企业汇报了所售设备的实际应用效果和售后服务情况，相关区县水务局通报了设备的实际使用情况。据此，专家对9家企业进行了评估，并为各区县今年净化消毒设备的选用提出了宝贵建议。</p>
<p align="center"><img class="" alt="" width="350" height="263" src="/images/news/00201.jpg"></p>`
},
{
title:'为北京市朝阳区农村安全饮水工程消毒设施操作人员进行培训',
id:1,
time:'2005-12-27',
con:`<p>　　朝阳新闻（<a href="http://news.bjchy.gov.cn/today/today29285.htm" target="_blank">http://news.bjchy.gov.cn/today/today29285.htm</a>）<br>
　　朝阳区首批供水站管理员取得上岗证<br>
　　2005-12-27 11：38：04.0<br>
&nbsp;<br>
　　在12月16日举行的朝阳区农村安全饮水工程消毒设施培训班上，来自崔各庄、孙河等7个乡的8名供水站管理人员顺利通过相关考试，成为我区第一批领到上岗证的供水站管理员。<br>
　　保障农民安全用水，不仅要有安全清洁的供水水源，提供符合国家供水水质要求的水源水，还要有消毒等供水处理设施，使所供的水达到国家生活饮用水标准。据介绍：目前我区129处更新水源井工程已全部完工，并且全部配备了目前国内最先进的高纯型二氧化氯消毒设备，以消除在蓄水、配水、输水过程中可能产生的污染。为了使这套设备更好地运行，朝阳区水务局会同区卫生局和北京天绿恒力科技有限公司联手举办了全区农村安全饮水工程消毒设施培训班，对我区15个乡的一百多名单村供水站管理人员进行培训。他们在通过严格的理论考试和实际操作考核后方能取得上岗资格。（崔云龙 刘迎雪）</p>`
},
{
title:'绿恒二氧化氯发生器获得北京市卫生许可批件',
id:0,
time:'2005-08-09',
con:`<p>　　经专家评审，绿恒二氧化氯发生器符合《北京市生活饮用水卫生监督管理条例》的规定，获得了由北京市卫生局颁发的《北京市生活饮用水供水设备及用品卫生许可批件》。<br>
　　&nbsp;批准文号：京卫水字（2005）JS第1199号</p>`
},
// {
// title:'八达岭长城景区用水消毒工程顺利完工',
// url:'/html/report/18060087-1.htm',
// time:'2018-06-04',
// },
// {
// title:'天绿科技造福人类的旗帜恒久飘扬',
// url:'/html/report/18060087-1.htm',
// time:'2018-06-04',
// },
// {
// title:'农村供水消毒技术及设备的选择与应用',
// url:'/html/report/18060087-1.htm',
// time:'2018-06-04',
// },
// {
// title:'智能型柜式纯二氧化氯发生器参展水博会受好评',
// url:'/html/report/18060087-1.htm',
// time:'2018-06-04',
// },
// {
// title:'喜报：中标大兴区村镇供水消毒设备采购及运行维护项目',
// url:'/html/report/16080002-1.htm',
// time:'2018-06-04',
// },
// {
// title:'喜报：中标唐山市2016年度地下水治理设备采购标',
// url:'/html/report/16080002-1.htm',
// time:'2018-06-04',
// },
// {
// title:'进军“农村饮水健康行动项目消毒设备工程”',
// url:'/html/report/16080002-1.htm',
// time:'2018-06-04',
// },
// {
// title:'喜报：祝贺我公司成功中标“深州市2015年第一批农村饮水安全工程”项目',
// url:'/html/report/16080002-1.htm',
// time:'2018-06-04',
// }
],
})
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment