update

assets/css/common.scss

@@ -74,4 +74,30 @@ ul, li, form, dd, dt, dl {
         line-height: 150%;
         color: #000;
     }
+    .currently-list{
+        text-align:left;
+        width:690px;
+        margin:0 auto;
+        li{
+            height: 28px;
+            line-height: 28px;
+            font-size: 12px;
+            background: url(~/assets/images/11019922.gif) repeat-x left bottom;
+            padding-left:25px;
+            position: relative;
+            color:#000;
+            &:after{
+                content: "";
+                position: absolute;
+                left:5px;
+                top:-1px;
+                width:9px;
+                height:28px;
+                background: url(~/assets/images/11019911.gif) no-repeat center center;
+            }
+            a{
+                color: #004483;
+            }
+        }
+    }
 }
\ No newline at end of file

pages/engineering.vue

 <template>
-    <div>工程业绩</div>
+    <div class="clearfix content">
+        <div class="left-con-wrap">
+            <NewsScrollList />
+            <ProductImgList />    
+        </div>
+        <div class="right-con-wrap"> 
+            <div class="currently-node">工程业绩</div>  
+            <el-row class="engineering-column">
+                <el-col :span="8">
+                    <nuxt-link to="/engineering/drinkingWater"><img src="~assets/images/11029917.jpg"></nuxt-link>
+                </el-col>
+                <el-col :span="8">
+                    <nuxt-link to="/engineering/hospitalSewage"><img src="~assets/images/11029920.jpg"></nuxt-link>
+                </el-col>
+                <el-col :span="8">
+                    <nuxt-link to="/engineering/mediumWater"><img src="~assets/images/11029919.jpg"></nuxt-link>
+                </el-col>
+            </el-row>
+        </div>
+    </div>
 </template>
+<script>
+import ProductImgList from '~/components/ProductImgList.vue'
+import NewsScrollList from '~/components/NewsScrollList.vue'
+
+export default {
+    components:{
+        ProductImgList,
+        NewsScrollList,
+    },
+}
+</script>
+<style lang="scss">
+.engineering-column{
+    padding:20px;
+}
+</style>

pages/engineering/DrinkingWater.vue

 <template>
-    <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>
+<script>
+import ProductImgList from '~/components/ProductImgList.vue'
+import ContactUs from '~/components/ContactUs.vue'
+
+export default {
+    components:{
+        ProductImgList,
+        ContactUs,
+    }
+}
+</script>
+<style lang="scss">
+
+</style>

pages/engineering/drinkingWater/_id.vue

+<template>
+    <div class="currently-wrap">
+        <div class="currently-node">新闻动态</div>
+        <div class="currently-title">{{title}}</div>
+        <div class="currently-time">发布时间：{{time}}</div>
+        <div class="currently-text" v-html="con"></div>
+    </div>
+</template>
+<script>
+export default {
+    asyncData({ params, store, error }) {
+        const item = store.state.news.newsData.find((item) => String(item.id) === params.id)
+        console.log(item)
+        if (!item) {
+            return error({ message: 'User not found', statusCode: 404 })
+        }
+        return item
+    },
+    head() {
+        return {
+        }
+    }
+}
+</script>
+

pages/engineering/drinkingWater/index.vue

+<template>
+    <div class="currently-wrap">
+        <div class="currently-node">饮用水消毒</div>
+        <div class="currently-list">
+            <ul>
+                <li class="listItem" v-for="(item, index) in newData" :key="index">
+                    <nuxt-link :to="'/news/' + item.id" class="itemTitle">{{item.title}}</nuxt-link>
+                    <span class="contentTime">&nbsp;&nbsp;{{item.time}}</span>
+                </li>
+            </ul>
+            <el-pagination
+                class="elPage"
+                background
+                layout="prev, pager, next"
+                prev-text="上一页"
+                next-text="下一页"
+                @current-change="handleCurrentChange"
+                :total="newData.length">
+            </el-pagination>
+        </div>
+    </div>
+</template>
+<script>
+export default {
+    data(){
+        return{
+            newData:this.$store.state.news.newsData,
+            currentPage:1
+        }
+    },
+    methods:{
+        handleCurrentChange(val){
+            console.log(`当前页：${val}`)
+        }
+    }
+}
+</script>
+<style lang="scss" scoped>
+
+</style>
+

pages/index.vue

@@ -80,13 +80,13 @@
                         </el-row>
                         <el-row class="engineering-column">
                             <el-col :span="8">
-                                <nuxt-link to="/engineering/DrinkingWater"><img src="~assets/images/11029917.jpg"></nuxt-link>
+                                <nuxt-link to="/engineering/drinkingWater"><img src="~assets/images/11029917.jpg"></nuxt-link>
                             </el-col>
                             <el-col :span="8">
-                                <nuxt-link to="/engineering/HospitalSewage"><img src="~assets/images/11029920.jpg"></nuxt-link>
+                                <nuxt-link to="/engineering/hospitalSewage"><img src="~assets/images/11029920.jpg"></nuxt-link>
                             </el-col>
                             <el-col :span="8">
-                                <nuxt-link to="/engineering/MediumWater"><img src="~assets/images/11029919.jpg"></nuxt-link>
+                                <nuxt-link to="/engineering/mediumWater"><img src="~assets/images/11029919.jpg"></nuxt-link>
                             </el-col>
                         </el-row>
                     </dd>

pages/news/index.vue

@@ -36,31 +36,6 @@ export default {
 }
 </script>
 <style lang="scss" scoped>
-.currently-list{
-    text-align:left;
-    width:690px;
-    margin:0 auto;
-    li{
-        height: 28px;
-        line-height: 28px;
-        font-size: 12px;
-        background: url(~/assets/images/11019922.gif) repeat-x left bottom;
-        padding-left:25px;
-        position: relative;
-        color:#000;
-        &:after{
-            content: "";
-            position: absolute;
-            left:5px;
-            top:-1px;
-            width:9px;
-            height:28px;
-            background: url(~/assets/images/11019911.gif) no-repeat center center;
-        }
-        a{
-            color: #004483;
-        }
-    }
-}
+
 </style>
 

pages/profile.vue

@@ -8,7 +8,7 @@
                         <nuxt-link to="/profile">公司简介</nuxt-link>
                     </div>
                     <div v-for="item in profileData" :key="item.id">
-                    <nuxt-link :to="'/profile/'+item.id">{{ item.name }}</nuxt-link>
+                        <nuxt-link :to="'/profile/'+item.id">{{ item.name }}</nuxt-link>
                     </div>
                 </dd>
             </dl>

plugins/element-ui.js

@@ -6,6 +6,7 @@ import {
   Row,
   Col,
   Carousel,
+  CarouselItem,
   Notification,
   Pagination,
 } from 'element-ui'
@@ -14,6 +15,8 @@ export default () => {
   Vue.use(Row)
   Vue.use(Col)
   Vue.use(Carousel)
+  Vue.use(CarouselItem)
   Vue.use(Pagination)
   Vue.prototype.$notify = Notification
+
 }
\ No newline at end of file