update

assets/css/common.scss

@@ -120,7 +120,7 @@ ul, li, form, dd, dt, dl {
         width:690px;
         margin:0 auto;
         li{
-            height: 28px;
+            min-height: 28px;
             line-height: 28px;
             font-size: 12px;
             background: url(~/assets/images/11019922.gif) repeat-x left bottom;
@@ -136,7 +136,13 @@ ul, li, form, dd, dt, dl {
                 height:28px;
                 background: url(~/assets/images/11019911.gif) no-repeat center center;
             }
+            .contentTime{
+                display:inline-block;
+            }
             a{
+                &.itemTitle{
+                    margin-right:15px;
+                }
                 color: #004483;
             }
         }

components/FooterBar.vue

 <template>
-    <div class="footer">版权所有　<a href="/html/folder/2208297-1.htm">北京天绿恒力科技有限公司</a>　　<a href="http://www.miitbeian.gov.cn/" target="_blank">京ICP备18028316号-1</a> 京公网安备11010802013435号</div>
+    <div class="footer">版权所有&nbsp;&nbsp;北京天绿恒力科技有限公司&nbsp;&nbsp;<a href="http://www.miitbeian.gov.cn/" target="_blank">京ICP备18028316号-1</a>&nbsp;&nbsp;京公网安备11010802013435号</div>
 </template>
 
 <style lang="scss" scoped>
@@ -11,5 +11,8 @@
     color: #000;
     margin: 10px 0px 20px 0px;
     text-align: left;
+    a{
+        color:#00f;
+    }
 }
 </style>

pages/engineering/drinkingWater/index.vue

@@ -3,7 +3,7 @@
         <div class="currently-node"><div>饮用水消毒</div></div>
         <div class="currently-list">
             <ul>
-                <li class="listItem" v-for="(item, index) in data" :key="index">
+                <li class="listItem" v-for="(item, index) in data.slice(startPage,endPage)" :key="index">
                     <nuxt-link :to="'/engineering/drinkingWater/' + item.id" class="itemTitle">{{item.title}}</nuxt-link>
                     <span class="contentTime">&nbsp;&nbsp;{{item.time}}</span>
                 </li>
@@ -15,6 +15,7 @@
             layout="prev, pager, next"
             prev-text="上一页"
             next-text="下一页"
+            :page-size="pageSize"
             @current-change="handleCurrentChange"
             :total="data.length">
         </el-pagination>
@@ -25,12 +26,21 @@ export default {
     data(){
         return{
             data:this.$store.state.engineering.data.drinkingWater.data,
-            currentPage:1
+            pageSize:20,
+            currentPage:1,
+        }
+    },
+    computed:{
+        startPage(){
+            return this.pageSize*(this.currentPage-1);
+        },
+        endPage(){
+            return  this.startPage + this.pageSize;
         }
     },
     methods:{
         handleCurrentChange(val){
-            console.log(`当前页：${val}`)
+            this.currentPage = val
         }
     }
 }

pages/engineering/hospitalSewage/index.vue

@@ -3,7 +3,7 @@
         <div class="currently-node"><div>医院污水消毒</div></div>
         <div class="currently-list">
             <ul>
-                <li class="listItem" v-for="(item, index) in data" :key="index">
+                <li class="listItem" v-for="(item, index) in data.slice(startPage,endPage)" :key="index">
                     <nuxt-link :to="'/engineering/hospitalSewage/' + item.id" class="itemTitle">{{item.title}}</nuxt-link>
                     <span class="contentTime">&nbsp;&nbsp;{{item.time}}</span>
                 </li>
@@ -15,6 +15,7 @@
             layout="prev, pager, next"
             prev-text="上一页"
             next-text="下一页"
+            :page-size="pageSize"
             @current-change="handleCurrentChange"
             :total="data.length">
         </el-pagination>
@@ -25,12 +26,21 @@ export default {
     data(){
         return{
             data:this.$store.state.engineering.data.hospitalSewage.data,
-            currentPage:1
+            pageSize:20,
+            currentPage:1,
+        }
+    },
+    computed:{
+        startPage(){
+            return this.pageSize*(this.currentPage-1);
+        },
+        endPage(){
+            return  this.startPage + this.pageSize;
         }
     },
     methods:{
         handleCurrentChange(val){
-            console.log(`当前页：${val}`)
+            this.currentPage = val
         }
     }
 }

pages/engineering/mediumWater/index.vue

@@ -3,7 +3,7 @@
         <div class="currently-node">中水消毒</div>
         <div class="currently-list">
             <ul>
-                <li class="listItem" v-for="(item, index) in data" :key="index">
+                <li class="listItem" v-for="(item, index) in data.slice(startPage,endPage)" :key="index">
                     <nuxt-link :to="'/engineering/mediumWater/' + item.id" class="itemTitle">{{item.title}}</nuxt-link>
                     <span class="contentTime">&nbsp;&nbsp;{{item.time}}</span>
                 </li>
@@ -15,6 +15,7 @@
             layout="prev, pager, next"
             prev-text="上一页"
             next-text="下一页"
+            :page-size="pageSize"
             @current-change="handleCurrentChange"
             :total="data.length">
         </el-pagination>
@@ -25,12 +26,21 @@ export default {
     data(){
         return{
             data:this.$store.state.engineering.data.mediumWater.data,
-            currentPage:1
+            pageSize:20,
+            currentPage:1,
+        }
+    },
+    computed:{
+        startPage(){
+            return this.pageSize*(this.currentPage-1);
+        },
+        endPage(){
+            return  this.startPage + this.pageSize;
         }
     },
     methods:{
         handleCurrentChange(val){
-            console.log(`当前页：${val}`)
+            this.currentPage = val
         }
     }
 }

pages/news/index.vue

@@ -3,9 +3,9 @@
         <div class="currently-node">新闻动态</div>
         <div class="currently-list">
             <ul>
-                <li class="listItem" v-for="(item, index) in newData" :key="index">
+                <li class="listItem" v-for="(item, index) in newData.slice(startPage,endPage)" :key="index">
                     <nuxt-link :to="'/news/' + item.id" class="itemTitle">{{item.title}}</nuxt-link>
-                    <span class="contentTime">&nbsp;&nbsp;{{item.time}}</span>
+                    <span class="contentTime">{{item.time}}</span>
                 </li>
             </ul>  
         </div>
@@ -15,6 +15,7 @@
             layout="prev, pager, next"
             prev-text="上一页"
             next-text="下一页"
+            :page-size="pageSize"
             @current-change="handleCurrentChange"
             :total="newData.length">
         </el-pagination>
@@ -25,12 +26,21 @@ export default {
     data(){
         return{
             newData:this.$store.state.news.newsData,
-            currentPage:1
+            pageSize:20,
+            currentPage:1,
+        }
+    },
+    computed:{
+        startPage(){
+            return this.pageSize*(this.currentPage-1);
+        },
+        endPage(){
+            return  this.startPage + this.pageSize;
         }
     },
     methods:{
         handleCurrentChange(val){
-            console.log(`当前页：${val}`)
+            this.currentPage = val
         }
     }
 }

pages/product/disinfectant/index.vue

@@ -3,7 +3,7 @@
         <div class="currently-node"><div>水木兰二氧化氯消毒粉</div></div>
         <div class="currently-list">
             <ul>
-                <li class="listItem" v-for="(item, index) in data" :key="index">
+                <li class="listItem" v-for="(item, index) in data.slice(startPage,endPage)" :key="index">
                     <nuxt-link :to="'/product/disinfectant/' + item.id" class="itemTitle">{{item.title}}</nuxt-link>
                     <span class="contentTime">&nbsp;&nbsp;{{item.time}}</span>
                 </li>
@@ -15,6 +15,7 @@
             layout="prev, pager, next"
             prev-text="上一页"
             next-text="下一页"
+            :page-size="pageSize"
             @current-change="handleCurrentChange"
             :total="data.length">
         </el-pagination>
@@ -25,12 +26,21 @@ export default {
     data(){
         return{
             data:this.$store.state.product.data.disinfectant.data,
-            currentPage:1
+            pageSize:20,
+            currentPage:1,
+        }
+    },
+    computed:{
+        startPage(){
+            return this.pageSize*(this.currentPage-1);
+        },
+        endPage(){
+            return  this.startPage + this.pageSize;
         }
     },
     methods:{
         handleCurrentChange(val){
-            console.log(`当前页：${val}`)
+            this.currentPage = val
         }
     }
 }

pages/product/equipment/index.vue

@@ -3,7 +3,7 @@
         <div class="currently-node"><div>绿恒二氧化氯消毒设备</div></div>
         <div class="currently-list">
             <ul>
-                <li class="listItem" v-for="(item, index) in data" :key="index">
+                <li class="listItem" v-for="(item, index) in data.slice(startPage,endPage)" :key="index">
                     <nuxt-link :to="'/product/equipment/' + item.id" class="itemTitle">{{item.title}}</nuxt-link>
                     <span class="contentTime">&nbsp;&nbsp;{{item.time}}</span>
                 </li>
@@ -15,6 +15,7 @@
             layout="prev, pager, next"
             prev-text="上一页"
             next-text="下一页"
+            :page-size="pageSize"
             @current-change="handleCurrentChange"
             :total="data.length">
         </el-pagination>
@@ -25,12 +26,21 @@ export default {
     data(){
         return{
             data:this.$store.state.product.data.equipment.data,
-            currentPage:1
+            pageSize:20,
+            currentPage:1,
+        }
+    },
+    computed:{
+        startPage(){
+            return this.pageSize*(this.currentPage-1);
+        },
+        endPage(){
+            return  this.startPage + this.pageSize;
         }
     },
     methods:{
         handleCurrentChange(val){
-            console.log(`当前页：${val}`)
+            this.currentPage = val
         }
     }
 }

pages/product/index.vue

@@ -31,6 +31,9 @@ export default {
         ProductImgList,
         ContactUs,
     },
+    beforeCreate(){
+        window.location.href="/product/equipment"
+    }
 }
 </script>
 <style lang="scss">

pages/product/ozonizer/index.vue

@@ -3,7 +3,7 @@
         <div class="currently-node"><div>臭氧发生器</div></div>
         <div class="currently-list">
             <ul>
-                <li class="listItem" v-for="(item, index) in data" :key="index">
+                <li class="listItem" v-for="(item, index) in data.slice(startPage,endPage)" :key="index">
                     <nuxt-link :to="'/product/ozonizer/' + item.id" class="itemTitle">{{item.title}}</nuxt-link>
                     <span class="contentTime">&nbsp;&nbsp;{{item.time}}</span>
                 </li>
@@ -15,6 +15,7 @@
             layout="prev, pager, next"
             prev-text="上一页"
             next-text="下一页"
+            :page-size="pageSize"
             @current-change="handleCurrentChange"
             :total="data.length">
         </el-pagination>
@@ -25,12 +26,21 @@ export default {
     data(){
         return{
             data:this.$store.state.product.data.ozonizer.data,
-            currentPage:1
+            pageSize:20,
+            currentPage:1,
+        }
+    },
+    computed:{
+        startPage(){
+            return this.pageSize*(this.currentPage-1);
+        },
+        endPage(){
+            return  this.startPage + this.pageSize;
         }
     },
     methods:{
         handleCurrentChange(val){
-            console.log(`当前页：${val}`)
+            this.currentPage = val
         }
     }
 }

pages/qualifications/index.vue

@@ -3,7 +3,7 @@
         <div class="currently-node">荣誉资质</div>
         <div class="currently-list">
             <ul>
-                <li class="listItem" v-for="(item, index) in data" :key="index">
+                <li class="listItem" v-for="(item, index) in data.slice(startPage,endPage)" :key="index">
                     <nuxt-link :to="'/qualifications/' + item.id" class="itemTitle">{{item.title}}</nuxt-link>
                 </li>
             </ul>  
@@ -14,6 +14,7 @@
             layout="prev, pager, next"
             prev-text="上一页"
             next-text="下一页"
+            :page-size="pageSize"
             @current-change="handleCurrentChange"
             :total="data.length">
         </el-pagination>
@@ -24,12 +25,21 @@ export default {
     data(){
         return{
             data:this.$store.state.qualifications.data,
-            currentPage:1
+            pageSize:20,
+            currentPage:1,
+        }
+    },
+    computed:{
+        startPage(){
+            return this.pageSize*(this.currentPage-1);
+        },
+        endPage(){
+            return  this.startPage + this.pageSize;
         }
     },
     methods:{
         handleCurrentChange(val){
-            console.log(`当前页：${val}`)
+            this.currentPage = val
         }
     }
 }

store/index.js

@@ -2,7 +2,7 @@ export const state = () => ({
     engineeringData:[
         {
             title:'北京朝阳区农村改水',
-            url:'#'
+            url:'/engineering/drinkingWater/37'
         },
         {
             title:'北京市海淀区农村改水',
@@ -38,15 +38,15 @@ export const state = () => ({
         },
         {
             title:'北京豆各庄水厂',
-            url:'#'
+            url:'/engineering/drinkingWater/36'
         },
         {
             title:'北京航天城供水站',
-            url:'#'
+            url:'/engineering/drinkingWater/33'
         },
         {
             title:'北京楼梓庄水厂',
-            url:'#'
+            url:'/engineering/drinkingWater/35'
         },
         {
             title:'珠海三灶国际机场',