'飞阳动态内容第一版'

package-lock.json

@@ -8,6 +8,7 @@
       "name": "feiyang",
       "version": "0.1.0",
       "dependencies": {
+        "axios": "^1.6.8",
         "element-ui": "^2.15.14",
         "register-service-worker": "^1.7.2",
         "swiper": "^5.4.5",
@@ -3041,6 +3042,11 @@
         "babel-runtime": "6.x"
       }
     },
+    "node_modules/asynckit": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmmirror.com/asynckit/-/asynckit-0.4.0.tgz",
+      "integrity": "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q=="
+    },
     "node_modules/at-least-node": {
       "version": "1.0.0",
       "resolved": "https://registry.npmmirror.com/at-least-node/-/at-least-node-1.0.0.tgz",
@@ -3085,6 +3091,16 @@
         "node": ">= 0.4"
       }
     },
+    "node_modules/axios": {
+      "version": "1.6.8",
+      "resolved": "https://registry.npmmirror.com/axios/-/axios-1.6.8.tgz",
+      "integrity": "sha512-v/ZHtJDU39mDpyBoFVkETcd/uNdxrWRrg3bKpOKzXFA6Bvqopts6ALSMU3y6ijYxbw2B+wPrIv46egTzJXCLGQ==",
+      "dependencies": {
+        "follow-redirects": "^1.15.6",
+        "form-data": "^4.0.0",
+        "proxy-from-env": "^1.1.0"
+      }
+    },
     "node_modules/babel-helper-vue-jsx-merge-props": {
       "version": "2.0.3",
       "resolved": "https://registry.npmmirror.com/babel-helper-vue-jsx-merge-props/-/babel-helper-vue-jsx-merge-props-2.0.3.tgz",
@@ -3638,6 +3654,17 @@
       "integrity": "sha512-IfEDxwoWIjkeXL1eXcDiow4UbKjhLdq6/EuSVR9GMN7KVH3r9gQ83e73hsz1Nd1T3ijd5xv1wcWRYO+D6kCI2w==",
       "dev": true
     },
+    "node_modules/combined-stream": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmmirror.com/combined-stream/-/combined-stream-1.0.8.tgz",
+      "integrity": "sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==",
+      "dependencies": {
+        "delayed-stream": "~1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
     "node_modules/commander": {
       "version": "8.3.0",
       "resolved": "https://registry.npmmirror.com/commander/-/commander-8.3.0.tgz",
@@ -4388,6 +4415,14 @@
         "node": ">= 0.4"
       }
     },
+    "node_modules/delayed-stream": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmmirror.com/delayed-stream/-/delayed-stream-1.0.0.tgz",
+      "integrity": "sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==",
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
     "node_modules/depd": {
       "version": "2.0.0",
       "resolved": "https://registry.npmmirror.com/depd/-/depd-2.0.0.tgz",
@@ -5135,7 +5170,6 @@
       "version": "1.15.6",
       "resolved": "https://registry.npmmirror.com/follow-redirects/-/follow-redirects-1.15.6.tgz",
       "integrity": "sha512-wWN62YITEaOpSK584EZXJafH1AGpO8RVgElfkuXbTOrPX4fIfOyEpW/CsiNd8JdYrAoOvafRTOEnvsO++qCqFA==",
-      "dev": true,
       "engines": {
         "node": ">=4.0"
       },
@@ -5154,6 +5188,19 @@
         "is-callable": "^1.1.3"
       }
     },
+    "node_modules/form-data": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmmirror.com/form-data/-/form-data-4.0.0.tgz",
+      "integrity": "sha512-ETEklSGi5t0QMZuiXoA/Q6vcnxcLQP5vdugSpuAyi6SVGi2clPPp+xgEhuMaHC+zGgn31Kd235W35f7Hykkaww==",
+      "dependencies": {
+        "asynckit": "^0.4.0",
+        "combined-stream": "^1.0.8",
+        "mime-types": "^2.1.12"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
     "node_modules/forwarded": {
       "version": "0.2.0",
       "resolved": "https://registry.npmmirror.com/forwarded/-/forwarded-0.2.0.tgz",
@@ -6732,7 +6779,6 @@
       "version": "1.52.0",
       "resolved": "https://registry.npmmirror.com/mime-db/-/mime-db-1.52.0.tgz",
       "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==",
-      "dev": true,
       "engines": {
         "node": ">= 0.6"
       }
@@ -6741,7 +6787,6 @@
       "version": "2.1.35",
       "resolved": "https://registry.npmmirror.com/mime-types/-/mime-types-2.1.35.tgz",
       "integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==",
-      "dev": true,
       "dependencies": {
         "mime-db": "1.52.0"
       },
@@ -8104,6 +8149,11 @@
         "node": ">= 0.10"
       }
     },
+    "node_modules/proxy-from-env": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmmirror.com/proxy-from-env/-/proxy-from-env-1.1.0.tgz",
+      "integrity": "sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg=="
+    },
     "node_modules/pseudomap": {
       "version": "1.0.2",
       "resolved": "https://registry.npmmirror.com/pseudomap/-/pseudomap-1.0.2.tgz",
@@ -12987,6 +13037,11 @@
         "babel-runtime": "6.x"
       }
     },
+    "asynckit": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmmirror.com/asynckit/-/asynckit-0.4.0.tgz",
+      "integrity": "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q=="
+    },
     "at-least-node": {
       "version": "1.0.0",
       "resolved": "https://registry.npmmirror.com/at-least-node/-/at-least-node-1.0.0.tgz",
@@ -13016,6 +13071,16 @@
         "possible-typed-array-names": "^1.0.0"
       }
     },
+    "axios": {
+      "version": "1.6.8",
+      "resolved": "https://registry.npmmirror.com/axios/-/axios-1.6.8.tgz",
+      "integrity": "sha512-v/ZHtJDU39mDpyBoFVkETcd/uNdxrWRrg3bKpOKzXFA6Bvqopts6ALSMU3y6ijYxbw2B+wPrIv46egTzJXCLGQ==",
+      "requires": {
+        "follow-redirects": "^1.15.6",
+        "form-data": "^4.0.0",
+        "proxy-from-env": "^1.1.0"
+      }
+    },
     "babel-helper-vue-jsx-merge-props": {
       "version": "2.0.3",
       "resolved": "https://registry.npmmirror.com/babel-helper-vue-jsx-merge-props/-/babel-helper-vue-jsx-merge-props-2.0.3.tgz",
@@ -13487,6 +13552,14 @@
       "integrity": "sha512-IfEDxwoWIjkeXL1eXcDiow4UbKjhLdq6/EuSVR9GMN7KVH3r9gQ83e73hsz1Nd1T3ijd5xv1wcWRYO+D6kCI2w==",
       "dev": true
     },
+    "combined-stream": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmmirror.com/combined-stream/-/combined-stream-1.0.8.tgz",
+      "integrity": "sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==",
+      "requires": {
+        "delayed-stream": "~1.0.0"
+      }
+    },
     "commander": {
       "version": "8.3.0",
       "resolved": "https://registry.npmmirror.com/commander/-/commander-8.3.0.tgz",
@@ -14050,6 +14123,11 @@
         "object-keys": "^1.1.1"
       }
     },
+    "delayed-stream": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmmirror.com/delayed-stream/-/delayed-stream-1.0.0.tgz",
+      "integrity": "sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ=="
+    },
     "depd": {
       "version": "2.0.0",
       "resolved": "https://registry.npmmirror.com/depd/-/depd-2.0.0.tgz",
@@ -14685,8 +14763,7 @@
     "follow-redirects": {
       "version": "1.15.6",
       "resolved": "https://registry.npmmirror.com/follow-redirects/-/follow-redirects-1.15.6.tgz",
-      "integrity": "sha512-wWN62YITEaOpSK584EZXJafH1AGpO8RVgElfkuXbTOrPX4fIfOyEpW/CsiNd8JdYrAoOvafRTOEnvsO++qCqFA==",
+      "integrity": "sha512-wWN62YITEaOpSK584EZXJafH1AGpO8RVgElfkuXbTOrPX4fIfOyEpW/CsiNd8JdYrAoOvafRTOEnvsO++qCqFA=="
-      "dev": true
     },
     "for-each": {
       "version": "0.3.3",
@@ -14697,6 +14774,16 @@
         "is-callable": "^1.1.3"
       }
     },
+    "form-data": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmmirror.com/form-data/-/form-data-4.0.0.tgz",
+      "integrity": "sha512-ETEklSGi5t0QMZuiXoA/Q6vcnxcLQP5vdugSpuAyi6SVGi2clPPp+xgEhuMaHC+zGgn31Kd235W35f7Hykkaww==",
+      "requires": {
+        "asynckit": "^0.4.0",
+        "combined-stream": "^1.0.8",
+        "mime-types": "^2.1.12"
+      }
+    },
     "forwarded": {
       "version": "0.2.0",
       "resolved": "https://registry.npmmirror.com/forwarded/-/forwarded-0.2.0.tgz",
@@ -15953,14 +16040,12 @@
     "mime-db": {
       "version": "1.52.0",
       "resolved": "https://registry.npmmirror.com/mime-db/-/mime-db-1.52.0.tgz",
-      "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==",
+      "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg=="
-      "dev": true
     },
     "mime-types": {
       "version": "2.1.35",
       "resolved": "https://registry.npmmirror.com/mime-types/-/mime-types-2.1.35.tgz",
       "integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==",
-      "dev": true,
       "requires": {
         "mime-db": "1.52.0"
       }
@@ -16963,6 +17048,11 @@
         }
       }
     },
+    "proxy-from-env": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmmirror.com/proxy-from-env/-/proxy-from-env-1.1.0.tgz",
+      "integrity": "sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg=="
+    },
     "pseudomap": {
       "version": "1.0.2",
       "resolved": "https://registry.npmmirror.com/pseudomap/-/pseudomap-1.0.2.tgz",

package.json

@@ -1,5 +1,5 @@
 {
-  "name": "feiyang",
+  "name": "",
   "version": "0.1.0",
   "private": true,
   "scripts": {
@@ -7,6 +7,7 @@
     "build": "vue-cli-service build"
   },
   "dependencies": {
+    "axios": "^1.6.8",
     "element-ui": "^2.15.14",
     "register-service-worker": "^1.7.2",
     "swiper": "^5.4.5",

public/index.html

@@ -5,7 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width,initial-scale=1.0">
     <link rel="icon" href="<%= BASE_URL %>favicon.ico">
-    <title><%= htmlWebpackPlugin.options.title %></title>
+    <title>飞阳建设工程有限公司</title>
   
 
   </head>

src/App.vue

@@ -12,10 +12,7 @@
             <el-menu-item index="5">人才招聘</el-menu-item>
             <el-menu-item index="6">联系我们</el-menu-item>
             </el-menu>       
-          
         </div>
-        
-     
             </div>
     <router-view/>
     <div class="footer">
@@ -35,8 +32,9 @@
         <a href="">网站地图</a>
         <a href="" target="_blank">设计支持</a>
       </div>
-      <div class="socials_wrap" style="display: inline-block;">
+      <div class="socials_wrap" style="display: inline-block;position: relative;">
-       <img src="@/assets/images/微信.png" style="margin-left: 15px;">
+       <img class="weixin" src="@/assets/images/微信.png" style="margin-left: 15px;">
+       <div class="weChat_img"><img src="@/assets/微信二维码.png"></div>
        <img src="@/assets/images/移动端.png" style="margin-left: 10px;">
       </div>
     </div>
@@ -45,6 +43,7 @@
   </div>
 </template>
 <script>
+import request from '@/request/index.js'
 export default{
   data(){
     return{
@@ -63,6 +62,7 @@ export default{
   mounted() {
     // 监听滚动事件
     window.addEventListener('scroll', this.handleScroll);
+    console.log(request,111)
   },
   beforeDestroy() {
     // 组件销毁前移除滚动事件监听
@@ -159,8 +159,8 @@ this.$router.push({
 }
 .header {
   box-sizing: border-box;
-    width: 80%;
+    width: 90%;
-    min-width: 1280px;
+    // min-width: 1280px;
     height: 82px;
     margin: auto;
     position: relative;
@@ -169,7 +169,7 @@ this.$router.push({
     background-color: white;
    border-radius: 10px;
    font-size: 14px;
-
+   -webkit-transition: all .4s;
    font-weight: bold;
 }
 
@@ -182,4 +182,42 @@ this.$router.push({
    max-width: 100% !important;
 }
 
+.weChat_img {
+    position: absolute;
+    top: -115px;
+    left: -26%;
+    width: 107px;
+    height: 107px;
+  
+    border-radius: 5px;
+    -webkit-border-radius: 5px;
+    -moz-border-radius: 5px;
+    -ms-border-radius: 5px;
+    -o-border-radius: 5px;
+    z-index: 99;
+    opacity: 0;
+    filter: Alpha(opacity = 0);
+    -webkit-transform: scale(0, 1);
+    transform: scale(0, 1);
+    -webkit-transform-origin: top center;
+    transform-origin: top center;
+    will-change: opacity;
+    -webkit-transition: transform .4s, opacity .4s, -webkit-transform .4s;
+    transition: transform .4s, opacity .4s, -webkit-transform .4s;
+    padding: 5px;
+}
+
+.socials_wrap .weChat_img img {
+    width: 100%;
+    height: 100%;
+}
+.socials_wrap img:hover + .weChat_img {
+    opacity: 1;
+    filter: Alpha(opacity = 100);
+    -webkit-transform: scale(1, 1);
+    transform: scale(1, 1);
+    -moz-transform: scale(1, 1);
+    -ms-transform: scale(1, 1);
+    -o-transform: scale(1, 1);
+}
 </style>

src/api/index.js

@@ -0,0 +1,55 @@
+import request from '@/request'
+//获取工程项目内容 注意分类待修改
+export function getproject(){
+    return request({
+        url:'engineering/list',
+        params:{
+            type:'房屋建筑',
+            page:'0',
+            size:'6'
+        }
+    })
+}
+//获取新闻内容
+export function getnews(){
+    return request({
+        url:'article/list'
+    })
+}
+//获取首页行业动态内容
+export function hyDtai(){
+    return request({
+        url:'hyDtai/list'
+    })
+}
+//获取背景图文内容
+export function backgroundText(){
+    return request({
+        url:'backgroundText/list'
+    })
+} 
+//首页下方轮播图  
+export function smallPicture(){
+    return request({
+        url:'smallPicture/list'
+    })
+} 
+//首页荣誉图片  
+export function achievementPic(){
+    return request({
+        url:'achievementPic/list'
+    })
+} 
+//首页荣誉图片  
+export function honor(year){
+    return request({
+        url:'honor/list',
+        params:year
+    })
+} 
+//首页大轮播图
+export function swiperimg(){
+    return request({
+        url:'fengmian/list'
+    })
+} 

src/request/index.js

@@ -0,0 +1,6 @@
+import axios from "axios";
+const request=axios.create({
+    baseURL:'http://1.94.20.201/fyapi/h5',
+    timeout:5000
+})
+export default request

src/router/index.js

@@ -6,6 +6,7 @@ import news from '@/views/news.vue'
 import project  from '@/views/project.vue'
 import recruit from '@/views/recruit.vue'
 import contactus from '@/views/contactus.vue'
+import detail from '@/views/detail.vue'
 Vue.use(VueRouter)
 
 const routes = [
@@ -34,6 +35,10 @@ const routes = [
   {
     path:'/contactus',
     component:contactus
+  },
+  {
+    path:'/detail',
+    component:detail
   }
 ]
 
@@ -42,5 +47,8 @@ const router = new VueRouter({
   base: process.env.BASE_URL,
   routes
 })
-
+router.beforeEach((to, from, next) => {
+  window.scrollTo(0, 0);
+  next();
+});
 export default router

src/views/HomeView.vue

@@ -5,10 +5,8 @@
       <div class="bd" style="height: 581px;position: relative;">
         <div class="swiper-container swiper5">
           <div class="swiper-wrapper">
-            <div class="swiper-slide"><img src="@/assets/images/1.png" style="width: 100%;height:100%;"></div>
+            <div class="swiper-slide" v-for="item in imgarr" :key="item.id"><img :src="item.url" style="width: 100%;height:100%;"></div>
-            <div class="swiper-slide"><img src="@/assets/images/2.png" style="width: 100%;height:100%;"></div>
+           
-            <div class="swiper-slide"><img src="@/assets/images/3.png" style="width: 100%;height:100%;"></div>
-            <div class="swiper-slide"><img src="@/assets/images/4.png" style="width: 100%;height:100%;"></div>
           </div>
           <div class="swiper-pagination"></div>
           <div class="swiper-button-prev"></div><!--左箭头。如果放置在swiper外面，需要自定义样式。-->
@@ -21,7 +19,7 @@
 
     </div>
     <div class="Wrapper index" style="">
-      <div class="index_1" style="width: 80%;margin: 0 auto;padding: 10px 0;">
+      <div class="index_1" style="width: 80%;margin: 0 auto;padding: 50px 0;">
         <div class="content-top">
           <div class="content-left">
             <h3>企业新闻</h3>
@@ -35,71 +33,68 @@
     保利发展控股股票代码</h3>
                         <h5 class="red green"><em style="display: block;">8.03</em>RMB</h5>
                     </div> -->
+                    <!-- 暂定动态 -->
+                    <div style="width: 50%;"></div>
+
           </div>
           <div class="content-right">
             <div class="index-top">
               <h3 style="    font-size: 24px;
     color: #3c3c48;
     color: rgba(60, 60, 72, .8);
-    line-height: 30px;">飞阳建设南江滨东大道获得福州市2020年度市政道路工程品质</h3>
+    line-height: 30px;">{{newsitem.name}}</h3>
               <h5 style="    width: auto;
     float: none;
     font-size: 30px;
     color: #c0a988;
     margin: 3px 0 6px;    line-height: 1;
     font-weight: bold;
-    letter-spacing: -.2px;font-family: 'Rajdhani';">2023.12.31</h5>
+    letter-spacing: -.2px;font-family: 'Rajdhani';">{{newsitem.releaseTime}}</h5>
               <p style="    color: rgba(115, 115, 124, .6);    font-size: 13px;
     color: #95959d;
     line-height: 24px;
-    text-align: justify;">最近,一场以品质为核心的比拼在福州城区多条道路悄悄展开。聚焦工程质量、路面铺装、绿化景观、安全文明等“赛点” ，包括我
+    text-align: justify;">{{newsitem.source}}
-                司承建的南江滨东大道项目在内的74个在建市政道路工程进行百日比拼。作为三江口片区的进出城主通道,南江滨东大道上每日车来
-                车往，但因过往重型车辆较多,路面出现沉降等病害。针对需进行沉降病害处理的车行道，工程采用高分子聚
               </p>
             </div>
-            <div>
+            <div style="overflow: hidden;">
-              <h5 style="    font-family: 'Rajdhani';
+            
-    font-size: 23px;
+           
-    color: #8e8e95;
-    line-height: 1;
-    font-weight: bold;
-    letter-spacing: -.2px;
-    float: left;
-    margin: 0;
-    width: 18%;">2020.03.07 </h5>
-              <h3 style="    float: left;
-              margin: 0;
-    width: 78%;
-    font-size: 17px;
-    color: #8e8e95;
-    color: rgba(142, 142, 149, .8);
-    line-height: normal;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;">核酸筛选检测进工地为疫情期间有序复工送上“定心丸”</h3>
             </div>
+            <div   @click="changeto" style="cursor: pointer;">
+              
+						<div class="dot_box" style="    font-size: 0;
+            margin-top: 20px;
+            top: -2px;
+            display: inline-block;
+    text-align: center;
+    position: relative;"
+   
+    >
+							<div class="i"></div>
+							<div class="i"></div>
+							<div class="i"></div>
+						</div>
+						<div class="text">更多新闻</div>
+					</div>
           </div>
 
 
 
         </div>
       </div>
-      <div class="index_2" style="padding-bottom: 40px;width: 80%;margin: 0 auto;">
+      <div class="index_2" style="padding-bottom: 75px;width: 80%;margin: 0 auto;">
         <div style="display: flex;">
           <div class="content2-left">
             <div>
               <h3>行业动态</h3>
               <h6>INDUSTRY TRENDS</h6>
             </div>
-            <div class="textbox">
+            <div class="textbox" v-html="hydata.content">
-              <h3>齐心战役 民族担当</h3>
+            
-              <!-- <h3></h3> -->
-              <h5>飞阳建设援建疫情防控集中点</h5>
-              <!-- <h5></h5> -->
             </div>
           </div>
           <div class="content2-right">
-            <img src="@/assets/images/vedio.png" style="width: 100%;object-fit: contain;">
+            <img :src="hydata.src" style="width: 100%;object-fit: contain;">
           </div>
         </div>
       </div>
@@ -168,10 +163,8 @@
       <div style="max-width: 80vw;overflow: hidden;height: 100%;margin: auto;">
       <div class="swiper3" >
               <div class="swiper-wrapper swiper9" >
-                <div class="swiper-slide" style="background-color: rgb(240,246,250);border-radius: 10px;padding: 40px;box-sizing: border-box;"><img src="@/assets/images/4 荣誉1.png" style=" width: 100%;margin: auto;"></div>
+                <div class="swiper-slide" v-for="item in achievementarr" :key="item.id" style="background-color: rgb(240,246,250);border-radius: 10px;padding: 40px;box-sizing: border-box;"><img :src="item.url" style=" width: 100%;margin: auto;"></div>
-                <div class="swiper-slide" style="background-color: rgb(240,246,250);border-radius: 10px;padding: 40px;box-sizing: border-box;"><img src="@/assets/images/4 荣誉2.png" style=" width: 100%;margin: auto;"></div>
+               
-                <div class="swiper-slide" style="background-color: rgb(240,246,250);border-radius: 10px;padding: 40px;box-sizing: border-box;"><img src="@/assets/images/4 荣誉3.png" style=" width: 100%;margin: auto;"></div>
-                <div class="swiper-slide" style="background-color: rgb(240,246,250);border-radius: 10px;padding: 40px;box-sizing: border-box;"><img src="@/assets/images/4 荣誉4.png" style=" width: 100%;margin: auto;"></div>
                 
               </div>
               <div class="swiper-pagination1" style="text-align: center;"></div>
@@ -191,14 +184,67 @@
 
 import Swiper from 'swiper'
 import 'swiper/css/swiper.min.css'
+import { achievementPic, hyDtai,swiperimg,getnews } from '@/api'
 export default {
   data() {
     return {
-
+        hydata:{src:''},
+        imgarr:[],
+        achievementarr:[],
+        newsitem:{}
     }
 
   },
   mounted() {
+    //大图轮播图
+    swiperimg().then((res)=>{
+     this.imgarr=res.data
+     this.$nextTick(()=>{
+      new Swiper('.swiper5', {
+      loop: true,
+      autoplay: {
+        delay: 4100,
+        disableOnInteraction: false,
+      },
+
+      pagination: {
+        el: '.swiper-pagination',
+
+      },
+      navigation: {
+        nextEl: '.swiper-button-next',
+        prevEl: '.swiper-button-prev',
+      },
+    }
+    )
+     })
+     
+    })
+
+//行业动态
+    hyDtai().then((res)=>{
+   this.hydata.src=res.data[0].picture
+   this.hydata.content=res.data[0].content
+    })
+    //荣誉展示
+    achievementPic().then((res)=>{
+      this.achievementarr=res.data
+      this.$nextTick(()=>{
+        new Swiper('.swiper3', {
+      slidesPerView: 4,
+      slidesPerGroup: 1,
+      spaceBetween: 20,
+      pagination: {
+        el: '.swiper-pagination1'
+      }
+    })
+      })
+    
+    })
+    //新闻展示
+    getnews().then((res)=>{
+     this.newsitem=res.data[1]
+    })
     // 创建交叉观察器实例
     // this.observer = new IntersectionObserver(entries => {
     //   entries.forEach(entry => {
@@ -220,23 +266,7 @@ export default {
 
     // 初始化Swiper
 
-    new Swiper('.swiper5', {
-      loop: true,
-      autoplay: {
-        delay: 4100,
-        disableOnInteraction: false,
-      },
 
-      pagination: {
-        el: '.swiper-pagination',
-
-      },
-      navigation: {
-        nextEl: '.swiper-button-next',
-        prevEl: '.swiper-button-prev',
-      },
-    }
-    )
     new Swiper('.swiper2', {
       slidesPerView: 3,
       slidesPerGroup: 1,
@@ -245,14 +275,14 @@ export default {
         el: '.swiper-pagination1'
       }
     })
-    new Swiper('.swiper3', {
+   
-      slidesPerView: 4,
+  },
-      slidesPerGroup: 1,
+  methods:{
-      spaceBetween: 20,
+    changeto(){
-      pagination: {
+     this.$router.push({
-        el: '.swiper-pagination1'
+      path:'/news'
-      }
+     })
-    })
+    }
   },
   beforeDestroy() {
     // 在组件销毁之前停止观察器
@@ -384,7 +414,7 @@ h6 {
 
 .index-top {
   position: relative;
-
+padding-bottom: 24px;
   margin-bottom: 24px;
   border-bottom: 2px solid #c9c9c9;
   border-bottom: 2px solid rgba(201, 201, 201, .5);
@@ -447,4 +477,18 @@ h6 {
   width: 100%;
  
 }
+.dot_box .i{
+  display: inline-block;
+    width: 6px;
+    height: 6px;
+
+    background-color: RGB(48, 113, 183);
+    border-radius: 50%;
+    margin: 0 2px;
+}
+ .text {
+    font-size: 14.5px;
+    color: RGB(48, 113, 183);
+    display: inline-block;
+}
 </style>

src/views/aboutus.vue

@@ -12,7 +12,7 @@
                         <el-tabs v-model="activeName" @tab-click="handleClick">
                             <el-tab-pane label="公司简介" name="first"></el-tab-pane>
                             <el-tab-pane label="公司荣誉" name="second"></el-tab-pane>
-                            <el-tab-pane label="组织架构" name="third"></el-tab-pane>
+                    
                             <el-tab-pane label="企业文化" name="fourth"></el-tab-pane>
                         </el-tabs>
 
@@ -278,7 +278,7 @@
 
                     </div>
                     <div
-                        style="background-color: rgb(248,248,248);padding: 40px 42px 0;    border-radius: 0 0 14px 14px ;line-height: 24px;height: 230px;">
+                        style="background-color: rgb(248,248,248);padding: 36px 42px 0;    border-radius: 0 0 14px 14px ;line-height: 24px;height: 230px;">
                         <h3 style="color:rgb(108,108,118);margin: 0;">企业愿景</h3>
                         <h5>CORPORATE <br>VISION</h5>
                         <p style="color: rgb(169,169,169);margin: 0;font-size: 14px;">成为载誉八闽的一流建筑承包商</p>
@@ -294,7 +294,7 @@
 
                     </div>
                     <div
-                        style="background-color: rgb(248,248,248);padding: 40px 42px 0;    border-radius: 0 0 14px 14px ;line-height: 24px;height: 230px;">
+                        style="background-color: rgb(248,248,248);padding: 36px 42px 0;    border-radius: 0 0 14px 14px ;line-height: 24px;height: 230px;">
                         <h3 style="color:rgb(108,108,118);margin: 0;">企业使命</h3>
                         <h5>CORPORATE <br>MISSION</h5>
                         <p style="color: rgb(169,169,169);margin: 0;font-size: 14px;">不断提升管理和服务能力</p>
@@ -310,7 +310,7 @@
 
                     </div>
                     <div
-                        style="background-color: rgb(248,248,248);padding: 40px 42px 0;    border-radius: 0 0 14px 14px ;line-height: 24px;height: 230px;">
+                        style="background-color: rgb(248,248,248);padding: 36px 42px 0;    border-radius: 0 0 14px 14px ;line-height: 24px;height: 230px;">
                         <h3 style="color:rgb(108,108,118);margin: 0;">核心价值观</h3>
                         <h5>CORPORATE <br>VALUES</h5>
                         <p style="color: rgb(169,169,169);margin: 0;font-size: 14px;">敢言道正 树立榜样 尊重他人 客观持平 贵乎自知
@@ -330,6 +330,7 @@
     </div>
 </template>
 <script>
+import { honor } from '@/api';
 export default {
     data() {
         return {
@@ -341,58 +342,51 @@ export default {
                 "fontsize": 18,
                 "year": "2019",
                 "bgcolor": "#e4e7ed",
-                "size": "28",
+    
-                "info": "工作室更名为：西安拓美网络科技有限公司"
             }, {
                 "timestamp": "2023年",
                 "color": "#999",
                 "fontsize": 18,
                 "size": "28",
                 "bgcolor": "#e4e7ed",
-                "year": "2018",
+          
-                "info": "工作室更名为：西安拓美网络科技有限公司"
             }, {
                 "timestamp": "2022年",
                 "color": "#999",
                 "fontsize": 18,
                 "size": "28",
                 "bgcolor": "#e4e7ed",
-                "year": "2017",
+            
-                "info": "工作室更名为：西安拓美网络科技有限公司"
             }, {
                 "timestamp": "2021年",
                 "color": "#999",
                 "fontsize": 18,
                 "size": "28",
                 "year": "2016",
-                "bgcolor": "#e4e7ed",
+       
-                "info": "工作室更名为：西安拓美网络科技有限公司"
             }, {
                 "timestamp": "2020年",
                 "color": "#999",
                 "fontsize": 18,
                 "year": "2015",
                 "size": "28",
-                "bgcolor": "#e4e7ed",
+         
-                "info": "工作室更名为：西安拓美网络科技有限公司"
             }, {
                 "timestamp": "2019年",
                 "color": "#999",
                 "fontsize": 18,
                 "size": "28",
                 "bgcolor": "#e4e7ed",
-                "year": "2014",
+        
-                "info": "工作室更名为：西安拓美网络科技有限公司"
             }, {
                 "timestamp": "2018年",
                 "color": "#999",
                 "fontsize": 18,
                 "size": "28",
                 "bgcolor": "#e4e7ed",
-                "year": "2013",
+              
-                "info": "工作室更名为：西安拓美网络科技有限公司"
             }, {
-                "timestamp": "2017及",
+                "timestamp": "2017及前",
                 "color": "#999",
                 "fontsize": 18,
                 "size": "28",
@@ -403,6 +397,11 @@ export default {
             }]
         }
     },
+    mounted(){
+        // honor({'year':'2019'}).then((res)=>{
+        //   console.log(res)
+        // })
+    },
     methods: {
         handleClick(tab, event) {
             console.log(tab.index);

src/views/contactus.vue

@@ -51,7 +51,7 @@
                        <img src="@/assets/images/weixin.png" style="width: 100%;">
                     </div>
                 </div>
-<div style="height: 60px;"></div>
+<div style="height: 85px;"></div>
 <div>
     <div style="background-color: rgb(232,232,232);padding: 8px 15px;border-radius: 14px 14px 0 0;display: flex;">
     <img src="@/assets/images/留言图标.png" style="width: 40;object-fit: contain;">

src/views/detail.vue

@@ -0,0 +1,187 @@
+<template>
+    <div>
+        <div class="page_ban">
+            <div class="img compbg"></div>
+            <div class="content">
+                <div class="page_nav">
+                    <div class="name">
+                        <a style="padding: 0;" href="">新闻资讯</a> <a href="javascript:;">企业新闻</a>
+                    </div>
+                    <div class="list" style="bottom:-15px">
+                        <el-tabs v-model="activeName" @tab-click="handleClick">
+                            <el-tab-pane label="新闻详情" name="first"></el-tab-pane>
+                                                 
+                        </el-tabs>
+
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div class="Wrapper news_d">
+        <div class="content" style="text-align: center;">
+            <div class="name">动态标题</div>
+            <div class="top-box">   <div class="date">动态创建时间2024.2.3</div> </div>
+            <div class="divider"></div>
+            <div>后台数据内容</div>
+           </div>
+             
+               
+                <div class="con">
+              
+                </div>
+            </div>
+        </div>
+
+</template>
+<script>
+</script>
+<style scoped>
+ .divider {
+    width: 100%;
+    height: 3px;
+    background-color: #0059a7;
+    position: static;
+    margin-bottom: 28px;
+}
+.name {
+    font-size: 30px;
+    color: #0007a9;
+    color: rgba(0, 7, 169, .8);
+    line-height: 36px;
+}
+.news_d {
+    padding: 60px 0 90px;
+    overflow: hidden;
+}
+.Wrapper {
+    position: relative;
+    background-color: #fff;
+    z-index: 100;
+}
+.news_d .name {
+    font-size: 30px;
+    color: #0007a9;
+    color: rgba(0, 7, 169, .8);
+    line-height: 36px;
+}
+
+::v-deep .el-tabs__item {
+
+color: rgba(255, 255, 255, 0.8);
+border: none;
+}
+
+::v-deep .el-tabs__nav-wrap::after {
+background-color: transparent;
+}
+.news_d .con p {
+    font-size: 14.5px;
+    color: #8e8e95;
+    line-height: 26px;
+    margin-bottom: 26px;
+    text-align: justify;
+}
+
+
+.compbg {
+    background-image: url('../assets/images/banner.png');
+}
+
+.page_ban {
+    height: 404px;
+    position: relative;
+    text-align: center;
+    z-index: 101;
+}
+
+.page_ban .img {
+    width: 100%;
+    height: 100%;
+
+    background-size: cover;
+    position: absolute;
+    left: 0;
+    top: 0;
+    z-index: -1;
+}
+.top-box{
+    margin: 16px 0 30px;
+}
+.date{
+  
+    font-size: 26px;
+    color: #dfd4c3;
+    line-height: 1;
+  
+    bottom: 20px;
+    padding: 0 30px;
+    width: 100%;
+}
+.page_ban .content {
+    position: relative;
+    height: 100%;
+}
+.content {
+    width: 80%;
+    margin: 0 auto;
+}
+
+.page_nav {
+    width: 100%;
+    position: absolute;
+    left: 0;
+    bottom: 0;
+}
+div,
+li {
+    box-sizing: border-box;
+}
+
+.page_nav .name {
+    float: left;
+}
+
+.page_nav .list {
+    position: relative;
+    float: right;
+    margin-right: -35px;
+}
+
+.page_nav a {
+    float: left;
+    line-height: 76px;
+    position: relative;
+    font-size: 14.5px;
+
+    color: white;
+    font-weight: bold;
+    text-decoration: none;
+}
+
+.page_nav .name a {
+    padding-left: 30px;
+    /* background: url() no-repeat left 30px; */
+}
+
+.page_nav .list {
+    position: relative;
+    float: right;
+    margin-right: -35px;
+}
+
+.page_nav .list a {
+    color: #e7dfd2;
+    color: rgba(231, 223, 210, .7);
+    margin-right: 35px;
+}
+
+.page_nav a {
+    float: left;
+    line-height: 76px;
+    position: relative;
+    font-size: 14.5px;
+
+    color: rgba(255, 255, 255, 0.8);
+    font-weight: bold;
+}
+</style>

src/views/news.vue

@@ -10,7 +10,7 @@
                     <div class="list" style="bottom:-15px">
                         <el-tabs v-model="activeName" @tab-click="handleClick">
                             <el-tab-pane label="企业新闻" name="first"></el-tab-pane>
-                            <el-tab-pane label="行业动态" name="second"></el-tab-pane>
+                   
                            
                         </el-tabs>
 
@@ -20,20 +20,19 @@
         </div>
         <div style="height: 80px;"></div>
         <div style="width: 80%;margin: auto;">
-            <el-row>
+            <el-row style="display: flex;flex-wrap: wrap;">
-  <el-col :span="8" >
+  <el-col :span="8" v-for="item in newslist" :key="item.id" class="colitem">
     <el-card :body-style="{ padding: '0px' }">
-      <div class="card_img1 mark" >
+      <div class="card_img1 mark" :style="{ 'background-image': 'url(' + item.pic + ')' }" >
         <div class="date">2020.12.31</div>
       </div>
       <div>
-        <div class="news_li_con"><div class="title">飞阳建设南江滨东大道获得福州</div> <div class="introduction">最近，一场以品质为核心的比拼在福州城区多条道路悄悄
+        <div class="news_li_con"><div class="title">飞阳建设南江滨东大道获得福州</div> <div class="introduction" v-html="item.content"></div>  <div class="more">more...</div> </div>
-展开。聚焦工程质量、路面铺装、绿化景观、安全文明等"赛点"，包括我司承建的南江滨东大道项目在内的...</div>  <div class="more">more...</div> </div>
        
       </div>
     </el-card>
   </el-col>
-  <el-col :span="8" >
+  <!-- <el-col :span="8" >
     <el-card :body-style="{ padding: '0px' }">
       <div class="card_img2 mark" >
         <div class="date">2020.03.07</div>
@@ -57,7 +56,7 @@
        
       </div>
     </el-card>
-  </el-col>
+  </el-col> -->
 </el-row>
         </div>
         <div style="height: 70px;"></div>
@@ -80,14 +79,20 @@
 </template>
 <script>
 import '@/assets/images/news1.png'
+import { getnews } from '@/api';
 export default{
     data(){
         return{
             activeName:'first',
-            newslist:[{},{},{},{},{},{}]
+            newslist:[],
 
         }
     },
+    mounted(){
+       getnews().then((res)=>{
+           this.newslist=res.data
+       })
+    },
     methods:{
         handleClick(){
 
@@ -216,7 +221,7 @@ li {
 }
 .card_img1{
     border-radius: 14px;
-    background-image: url('../assets/images/news1.png');
+
     position: relative;
     width: 100%;
     height: 307px;
@@ -247,6 +252,10 @@ li {
     margin-bottom: 16px;
    border-radius: 14px;
 }
+.colitem{
+display: inline-block;
+float: none;
+}
 .mark::before{
     
     content: '';
@@ -272,6 +281,8 @@ li {
 .news_li_con {
     position: relative;
 padding-left: 28px;
+height: 200px;
+overflow: hidden;
 }
  .news_li_con:before {
     content: '';
@@ -311,7 +322,8 @@ padding-left: 28px;
     -webkit-box-orient: vertical;
 }
  .more {
-    font-family: 'Rajdhani';
+   position:absolute;
+   bottom: 0;
     font-size: 18px;
     color: #3958cd;
     line-height: 1;

src/views/project.vue

@@ -11,7 +11,7 @@
                 </div>
             </div>
         </div>
-        <div style="margin: 60px 0px;text-align: center;" >
+        <div style="margin: 13px 0px;text-align: center;" >
     <el-radio-group v-model="radio3" style="margin: auto;" >
       <el-radio-button class="myself" style="border-radius: 26px;margin-right:18px" label="1" border>房屋建筑</el-radio-button>
       <el-radio-button style="border-radius: 26px;margin-right:18px" label="2" border >市政公路</el-radio-button>
@@ -21,13 +21,13 @@
     </el-radio-group>
   </div>
   <div class="content2" style="width: 80%;margin: auto;display: flex;justify-content: space-between;flex-wrap: wrap;">
-    <div style="width: 32%;border-radius: 15px 15px 0 0 ;background-color: rgb(245,245,245);margin-bottom: 2%;">
+    <div v-for="item in  PrijectList" style="width: 32%;border-radius: 15px 15px 0 0 ;background-color: rgb(245,245,245);margin-bottom: 2%;">
-     <img src="@/assets/images/project1.png" style="width: 100%;border-radius: 15px 15px 0 0 ;">
+     <img :src="item.url" style="width: 100%;border-radius: 15px 15px 0 0 ;">
      <div style="padding: 2px 20px;display:flex ;justify-content: space-between;">
-    <p>兴国幼儿园</p><p class="project-font" >MORE...</p>
+    <p>{{item.name}}</p><p class="project-font" >MORE...</p>
     </div>
     </div>
-    <div style="width: 32%;border-radius: 15px 15px 0 0;background-color: rgb(245,245,245);margin-bottom: 2%;">
+    <!-- <div style="width: 32%;border-radius: 15px 15px 0 0;background-color: rgb(245,245,245);margin-bottom: 2%;">
      <img src="@/assets/images/project2.png" style="width: 100%;border-radius: 15px 15px 0 0 ;">
      <div style="padding: 2px 20px;display:flex ;justify-content: space-between;">
     <p>漳州龙海石码中心小学</p><p class="project-font" >MORE...</p>
@@ -78,9 +78,9 @@
      <img src="@/assets/images/project9.png" style="width: 100%;border-radius: 15px 15px 0 0;">
      <div style="padding: 2px 20px;display:flex ;justify-content: space-between;">
     <p>南安保利香槟公馆
-</p><p class="project-font" >MORE...</p>
+</p><p class="project-font" >MORE...</p> -->
-    </div>
+    <!-- </div>
-    </div>
+    </div> -->
    
     
   </div>
@@ -96,13 +96,20 @@
     
 </template>
 <script>
+import { getproject } from '@/api';
 export default{
     data(){
         return{
             activeName:'first',
-            radio3:'1'
+            radio3:'1',
+            PrijectList:[]
         }
     },
+    mounted(){
+         getproject().then((res)=>{
+            this.PrijectList=res.data.content
+         })
+    },
     methods:{
         handleClick(){