From f5d07977bba6ca78730d399e099d4277a7c31563 Mon Sep 17 00:00:00 2001 From: dzj <1140318653@qq.com> Date: Sat, 11 May 2024 14:54:48 +0800 Subject: [PATCH] =?UTF-8?q?=E5=B7=AE=E5=B7=A5=E7=A8=8B=E8=AF=A6=E6=83=85?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/api/index.js | 30 ++++++++-- src/assets/global.css | 2 +- src/views/HomeView.vue | 99 ++++++++++++++++++++++----------- src/views/aboutus.vue | 80 +++++++++++++++++++-------- src/views/contactus.vue | 118 +++++++++++++++++++++++++++++++++++++--- src/views/detail.vue | 26 ++++++++- src/views/news.vue | 53 ++++++++++++------ src/views/project.vue | 51 +++++++++++++---- 8 files changed, 358 insertions(+), 101 deletions(-) diff --git a/src/api/index.js b/src/api/index.js index de8db2e..c1511fe 100644 --- a/src/api/index.js +++ b/src/api/index.js @@ -1,13 +1,9 @@ import request from '@/request' //获取工程项目内容 注意分类待修改 -export function getproject(){ +export function getproject(params){ return request({ url:'engineering/list', - params:{ - type:'房屋建筑', - page:'0', - size:'6' - } + params }) } //获取新闻内容 @@ -54,3 +50,25 @@ export function swiperimg(){ url:'fengmian/list' }) } +//新闻详情 +export function newsdetail(params){ + return request({ + url:'article/articleDetails', + params + }) +} +//官网公司荣誉展示 +export function honorList(params) { + return request({ + url: '/honor/list', + params + }) +} +//留言 +export function message(params) { + return request({ + url: '/messageBoard/create', + method: 'post', + data: params + }) +} \ No newline at end of file diff --git a/src/assets/global.css b/src/assets/global.css index eadf5f3..94dff18 100644 --- a/src/assets/global.css +++ b/src/assets/global.css @@ -1,4 +1,4 @@ -body,html{ +*{ margin: 0; padding: 0; } diff --git a/src/views/HomeView.vue b/src/views/HomeView.vue index 09acfd3..28a912b 100644 --- a/src/views/HomeView.vue +++ b/src/views/HomeView.vue @@ -38,7 +38,7 @@
-
+

+
-

飞阳建设工程业务领域
+ +

+ +

-

飞阳包含房屋建筑市政公路、工业建筑，金属门窗、”钢结构广等业务领域 -

-

- 致力于数据化、智能化创新发展，积极探索建筑产业现代化发展趋势 -

+
+ +
-
-
-
-
-
+ +
+
-
+
荣获行业诸多奖项
- 拥有一支高素质的专业管理团队MORE... + 拥有一支高素质的专业管理团队MORE...
@@ -184,18 +183,21 @@ import Swiper from 'swiper' import 'swiper/css/swiper.min.css' -import { achievementPic, hyDtai,swiperimg,getnews } from '@/api' +import { achievementPic, hyDtai,swiperimg,getnews,backgroundText,smallPicture } from '@/api' export default { data() { return { hydata:{src:''}, imgarr:[], achievementarr:[], - newsitem:{} + newsitem:{}, + bgtextitem:{}, + smallPicturearr:[] } }, mounted() { + //大图轮播图 swiperimg().then((res)=>{ this.imgarr=res.data @@ -225,6 +227,20 @@ export default { hyDtai().then((res)=>{ this.hydata.src=res.data[0].picture this.hydata.content=res.data[0].content + }) + //背景图文轮播图 + smallPicture().then((res)=>{ + this.smallPicturearr=res.data + this.$nextTick(()=>{ + new Swiper('.swiper2', { + slidesPerView: 3, + slidesPerGroup: 1, + spaceBetween: 20, + pagination: { + el: '.swiper-pagination2' + } + }) + }) }) //荣誉展示 achievementPic().then((res)=>{ @@ -239,12 +255,17 @@ export default { } }) }) - }) //新闻展示 getnews({'page':0}).then((res)=>{ this.newsitem=res.data.content[1] }) + //图文展示 + backgroundText().then((res)=>{ + this.bgtextitem=res.data[0] + + }) + // 创建交叉观察器实例 // this.observer = new IntersectionObserver(entries => { // entries.forEach(entry => { @@ -265,23 +286,27 @@ export default { // 初始化Swiper - - - new Swiper('.swiper2', { - slidesPerView: 3, - slidesPerGroup: 1, - spaceBetween: 20, - pagination: { - el: '.swiper-pagination1' - } - }) }, methods:{ - changeto(){ - this.$router.push({ + switchto(){ + this.$router.push({ + path:'/aboutus' + }) + }, + changeto(id){ + if(id){ + + this.$router.push({ + path:'/detail?id='+id + }) + }else{ + console.log(id) + this.$router.push({ path:'/news' }) + } + } }, beforeDestroy() { @@ -450,7 +475,7 @@ padding-bottom: 24px; padding-top: 140px; width: 100%; height: 604px; - background: url(../assets/images/index3.png) no-repeat center; + background: url(http://1.94.20.201/fyapi/images/86e81da7-b406-45ad-a8b6-94be672da4a2.png) no-repeat center; background-attachment: fixed; background-size: cover; } @@ -459,6 +484,7 @@ padding-bottom: 24px; font-size: 48px; color: RGB(48, 113, 183); line-height: 60px; + margin-top:48px; margin-bottom: 14px; font-weight: lighter; } @@ -491,4 +517,13 @@ padding-bottom: 24px; color: RGB(48, 113, 183); display: inline-block; } +.init p{ + margin: 0 !important; +} + .init2{ + font-size: 16px; + line-height: 24px; + color: rgba(255, 255, 255, .5); + font-weight: bold; +} diff --git a/src/views/aboutus.vue b/src/views/aboutus.vue index c2c660c..9e96587 100644 --- a/src/views/aboutus.vue +++ b/src/views/aboutus.vue @@ -70,7 +70,7 @@
广纳贤才形成一支高素质的专业管理团队
-
+

拥有职工3000余人,其中高级职称工程技术人员35人、国家一级注册建造师42人。

主编或参编了“福建省建筑工程常见质量问题控制规程”、“抗浮 锚杆ODEX施工工法”等十余项省级标准规范;

@@ -90,8 +90,8 @@
致力于数据化、智能化创新发展
-
-

为腰应时代变革，公司致力于数据化、智能化创新发展， +

+

为邀应时代变革，公司致力于数据化、智能化创新发展，

积极探索建筑产业现代化发展趋势。 @@ -153,19 +153,19 @@

    -
    +
  • -
    {{ item.timestamp }}
    • -
    +
    @@ -176,25 +176,27 @@
    -
    +
    - - + +
    -

    2019.01

    + style="background-color: rgb(248,248,248);padding-left: 5%;padding-right: 5%; border-radius: 0 0 14px 14px ;height: 100px;overflow: hidden;"> +

    {{ item.annual }}

    - J2016P01地块建设工程(1-14号楼及联合地下 + + {{ item.name }}

    -
    +
    @@ -331,6 +333,7 @@