Commit 62a23e3f authored by shangbj's avatar shangbj

增加荣誉资质

parent 74e3fc0b
...@@ -10,7 +10,6 @@ ...@@ -10,7 +10,6 @@
export default { export default {
asyncData({ params, store, error }) { asyncData({ params, store, error }) {
const item = [].find((item) => String(item.id) === params.id) const item = [].find((item) => String(item.id) === params.id)
console.log(item)
if (!item) { if (!item) {
return error({ message: '页面不存在', statusCode: 404 }) return error({ message: '页面不存在', statusCode: 404 })
} }
......
...@@ -10,7 +10,6 @@ ...@@ -10,7 +10,6 @@
export default { export default {
asyncData({ params, store, error }) { asyncData({ params, store, error }) {
const item = store.state.news.newsData.find((item) => String(item.id) === params.id) const item = store.state.news.newsData.find((item) => String(item.id) === params.id)
console.log(item)
if (!item) { if (!item) {
return error({ message: '页面不存在', statusCode: 404 }) return error({ message: '页面不存在', statusCode: 404 })
} }
......
<template> <template>
<div class="clearfix content"> <div class="clearfix content">
<div class="left-con-wrap"> <div class="left-con-wrap">
<dl class="column-list">
<dt>产品展示</dt>
<dd>
<div v-for="(item,key) in columnData" :key="key">
<nuxt-link :to="'/product/'+key">{{ item.name }}</nuxt-link>
</div>
</dd>
</dl>
<ProductImgList /> <ProductImgList />
<ContactUs /> <ContactUs />
</div> </div>
...@@ -14,6 +22,11 @@ import ProductImgList from '~/components/ProductImgList.vue' ...@@ -14,6 +22,11 @@ import ProductImgList from '~/components/ProductImgList.vue'
import ContactUs from '~/components/ContactUs.vue' import ContactUs from '~/components/ContactUs.vue'
export default { export default {
data(){
return {
columnData: this.$store.state.product.data
}
},
components:{ components:{
ProductImgList, ProductImgList,
ContactUs, ContactUs,
......
<template> <template>
<div class="clearfix content"> <div class="clearfix content">
<div class="left-con-wrap"> <div class="left-con-wrap">
<dl class="column-list">
<dt>产品展示</dt>
<dd>
<div v-for="(item,key) in columnData" :key="key">
<nuxt-link :to="'/product/'+key">{{ item.name }}</nuxt-link>
</div>
</dd>
</dl>
<ProductImgList /> <ProductImgList />
<ContactUs /> <ContactUs />
</div> </div>
...@@ -14,6 +22,11 @@ import ProductImgList from '~/components/ProductImgList.vue' ...@@ -14,6 +22,11 @@ import ProductImgList from '~/components/ProductImgList.vue'
import ContactUs from '~/components/ContactUs.vue' import ContactUs from '~/components/ContactUs.vue'
export default { export default {
data(){
return {
columnData: this.$store.state.product.data
}
},
components:{ components:{
ProductImgList, ProductImgList,
ContactUs, ContactUs,
......
<template> <template>
<div class="clearfix content"> <div class="clearfix content">
<div class="left-con-wrap"> <div class="left-con-wrap">
<dl class="column-list">
<dt>产品展示</dt>
<dd>
<div v-for="(item,key) in columnData" :key="key">
<nuxt-link :to="'/product/'+key">{{ item.name }}</nuxt-link>
</div>
</dd>
</dl>
<ProductImgList /> <ProductImgList />
<ContactUs /> <ContactUs />
</div> </div>
...@@ -14,6 +22,11 @@ import ProductImgList from '~/components/ProductImgList.vue' ...@@ -14,6 +22,11 @@ import ProductImgList from '~/components/ProductImgList.vue'
import ContactUs from '~/components/ContactUs.vue' import ContactUs from '~/components/ContactUs.vue'
export default { export default {
data(){
return {
columnData: this.$store.state.product.data
}
},
components:{ components:{
ProductImgList, ProductImgList,
ContactUs, ContactUs,
......
<template> <template>
<div>荣誉资质</div> <div class="clearfix content">
<div class="left-con-wrap">
<ProductImgList />
<ContactUs />
</div>
<div class="right-con-wrap">
<nuxt-child :key="$route.params.id"/>
</div>
</div>
</template> </template>
<script>
import ProductImgList from '~/components/ProductImgList.vue'
import ContactUs from '~/components/ContactUs.vue'
export default {
components:{
ProductImgList,
ContactUs,
}
}
</script>
<style lang="scss">
</style>
<template>
<div class="currently-wrap">
<div class="currently-node">荣誉资质</div>
<div class="currently-title">{{title}}</div>
<div class="currently-text" v-html="con"></div>
</div>
</template>
<script>
export default {
asyncData({ params, store, error }) {
const item = store.state.qualifications.data.find((item) => String(item.id) === params.id)
if (!item) {
return error({ message: '页面不存在', statusCode: 404 })
}
return item
},
head() {
return {
}
}
}
</script>
<template>
<div class="currently-wrap">
<div class="currently-node">荣誉资质</div>
<div class="currently-list">
<ul>
<li class="listItem" v-for="(item, index) in data" :key="index">
<nuxt-link :to="'/qualifications/' + item.id" class="itemTitle">{{item.title}}</nuxt-link>
<span class="contentTime">&nbsp;&nbsp;{{item.time}}</span>
</li>
</ul>
</div>
<el-pagination
class="elPage"
background
layout="prev, pager, next"
prev-text="上一页"
next-text="下一页"
@current-change="handleCurrentChange"
:total="data.length">
</el-pagination>
</div>
</template>
<script>
export default {
data(){
return{
data:this.$store.state.qualifications.data,
currentPage:1
}
},
methods:{
handleCurrentChange(val){
console.log(`当前页:${val}`)
}
}
}
</script>
<style lang="scss" scoped>
</style>
export const state = () => ({
data: [
{
title:'“母亲水窖”捐赠证书',
id:20,
thumbnail:'/images/qualifications/02001.jpg',
time:'2014-09-22',
con:`<p style="text-align: center"><img alt="" src="/images/qualifications/02001.jpg" style="height:600px; width:427px"></p>`
},
{
title:'营业执照',
id:19,
thumbnail:'/images/qualifications/01901.jpg',
time:'2011-03-03',
con:`<p style="text-align: center"><img alt="" src="/images/qualifications/01901.jpg"></p>`
},
{
title:'组织机构代码证',
id:18,
thumbnail:'/images/qualifications/01801.jpg',
time:'2011-03-01',
con:`<p>&nbsp;</p>
<p style="text-align: center"><img alt="" src="/images/qualifications/01801.jpg" style="height:447px; width:600px"></p>`
},
{
title:'税务登记证',
id:17,
thumbnail:'/images/qualifications/01701.jpg',
time:'2011-03-01',
con:`<p>&nbsp;</p>
<p style="text-align: center">&nbsp;&nbsp;<img alt="" src="/images/qualifications/01701.jpg"></p>`
},
{
title:'ISO9001质量体系认证证书',
id:16,
thumbnail:'/images/qualifications/01601.jpg',
time:'2011-02-26',
con:`<p style="text-align: center"><img alt="" src="/images/qualifications/01601.jpg" style="height:600px; width:427px"></p>`
},
{
title:'ISO14001环境管理体系认证证书',
id:15,
thumbnail:'/images/qualifications/01501.jpg',
time:'2011-02-25',
con:`<p style="text-align: center"><img alt="" src="/images/qualifications/01501.jpg" style="height:600px; width:429px"></p>`
},
{
title:'产品认证证书',
id:14,
thumbnail:'/images/qualifications/01401.jpg',
time:'2011-02-24',
con:`<p>&nbsp;</p>
<p style="text-align: center"><img alt="" src="/images/qualifications/01401.jpg" style="height:600px; width:428px"></p>`
},
{
title:'绿恒纯二氧化氯发生器卫生许可批件',
id:13,
thumbnail:'/images/qualifications/01301.jpg',
time:'2011-02-23',
con:`<p>&nbsp;</p>
<p style="text-align: center">&nbsp; <img src="/images/qualifications/01301.jpg"><br>
<img src="/images/qualifications/01302.jpg"><br>
&nbsp;</p>`
},
{
title:'绿恒臭氧发生器卫生许可批件',
id:12,
thumbnail:'/images/qualifications/01201.jpg',
time:'2011-02-22',
con:`<p>&nbsp;</p>
<p style="text-align: center"><img alt="" src="/images/qualifications/01201.jpg"></p>`
},
{
title:'水木兰消毒粉卫生部许可批件',
id:11,
thumbnail:'/images/qualifications/01101.jpg',
time:'2011-02-21',
con:`<p align="center">&nbsp;</p>
<p align="center"><img class="" alt="" src="/images/qualifications/01101.jpg"></p>`
},
{
title:'绿恒商标注册证',
id:10,
thumbnail:'/images/qualifications/01001.jpg',
time:'2011-02-20',
con:`<p align="center"><img class="" alt="" src="/images/qualifications/01001.jpg"></p>`
},
{
title:'水木兰商标注册证',
id:9,
thumbnail:'/images/qualifications/00901.jpg',
time:'2011-02-19',
con:`<p align="center"><img class="" alt="" width="500" height="688" src="/images/qualifications/00901.jpg"></p>`
},
{
title:'计算机软件著作权登记证书-1',
id:8,
thumbnail:'/images/qualifications/00801.jpg',
time:'2011-02-14',
con:`<p align="center"><img style="width: 606px; height: 417px" class="" alt="" width="582" height="413" src="/images/qualifications/00801.jpg"></p>`
},
{
title:'计算机软件著作权登记证书-2',
id:7,
thumbnail:'/images/qualifications/00701.jpg',
time:'2011-02-13',
con:`<p align="center"><img style="width: 604px; height: 419px" class="" alt="" width="582" height="409" src="/images/qualifications/00701.jpg"></p>`
},
{
title:'计算机软件著作权登记证书-3',
id:6,
thumbnail:'/images/qualifications/00601.jpg',
time:'2011-02-12',
con:`<p align="center">&nbsp;</p>
<p align="center"><img style="width: 610px; height: 402px" class="" alt="" width="542" height="396" src="/images/qualifications/00601.jpg"></p>`
},
{
title:'计算机软件著作权登记证书-4',
id:5,
thumbnail:'/images/qualifications/00501.jpg',
time:'2011-02-11',
con:`<p align="center"><img style="width: 600px; height: 408px" class="" alt="" width="542" height="397" src="/images/qualifications/00501.jpg"></p>`
},
{
title:'计算机软件著作权登记证书-5',
id:4,
thumbnail:'/images/qualifications/00401.jpg',
time:'2011-02-10',
con:`<p align="center"><img style="width: 614px; height: 414px" class="" alt="" width="542" height="399" src="/images/qualifications/00401.jpg"></p>`
},
{
title:'计算机软件著作权登记证书-6',
id:3,
thumbnail:'/images/qualifications/00301.jpg',
time:'2011-02-09',
con:`<p align="center"><img class="" alt="" width="616" height="415" src="/images/qualifications/00301.jpg"></p>`
},
{
title:'抗震救灾爱心捐赠证书-1',
id:2,
thumbnail:'/images/qualifications/00201.jpg',
time:'2011-02-08',
con:`<p><img alt="" src="/images/qualifications/00201.jpg"></p>`
},
{
title:'抗震救灾爱心捐赠证书-2',
id:1,
thumbnail:'/images/qualifications/00101.jpg',
time:'2011-02-07',
con:`<p><img alt="" src="/images/qualifications/00101.jpg" style="height:442px; width:584px"></p>`
},
{
title:'水利部办公厅感谢信',
id:0,
thumbnail:'/images/qualifications/00001.jpg',
time:'2011-02-06',
con:`<p style="text-align: center"><img alt="" src="/images/qualifications/00001.jpg" style="height:630px; width:508px"></p>`
},
],
})
\ 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