This commit is contained in:
dzj 2024-05-24 19:17:44 +08:00
parent 3541af04a7
commit a853ca8450
5 changed files with 48 additions and 217 deletions

View File

@ -28,9 +28,11 @@ export function backgroundText(){
//首页下方轮播图 //首页下方轮播图
export function smallPicture(){ export function smallPicture(){
return request({ return request({
url:'smallPicture/list' url:'engineering/byState'
}) })
} }
//首页荣誉图片 //首页荣誉图片
export function achievementPic(){ export function achievementPic(){
return request({ return request({
@ -92,3 +94,9 @@ export function honordetail(params){
params params
}) })
} }
//公司简介
export function compony(){
return request({
url:'/companyProfile/list'
})
}

View File

@ -116,13 +116,13 @@
left: 0; left: 0;
bottom: -42px; bottom: -42px;
margin-right: -14px; margin-right: -14px;
z-index: 2;"> z-index: 2;
width: 80vw;">
<div class="swiper2" style="max-width: 80vw;overflow: hidden;height: 100%;"> <div class="swiper2" style="max-width: 80vw;overflow: hidden;height: 100%;">
<div class="swiper-wrapper swiper9"> <div class="swiper-wrapper swiper9" >
<div class="swiper-slide" style="height: 100%;" v-for="item in smallPicturearr" :key="item.id" v-if="item.state=='1'"><img
:src="item.picture" style=" border-radius: 10px;width: 396px;height:263px;"></div>
<div class="swiper-slide" style="cursor: pointer;height: 316px;" v-for="item in smallPicturearr" :key="item.id" v-if="item.state=='1'" @click="projecto(item.id)" >
<img :src="item.picture" style=" width: 100%;height:100%;margin: auto;border-radius: 5%;"></div>
</div> </div>
<div class="swiper-pagination2" style="text-align: center;"></div> <div class="swiper-pagination2" style="text-align: center;"></div>
@ -163,7 +163,7 @@
</div> </div>
<div style="max-width: 80vw;overflow: hidden;height: 100%;margin: auto;"> <div style="max-width: 80vw;overflow: hidden;height: 100%;margin: auto;">
<div class="swiper3"> <div class="swiper3">
<div class="swiper-wrapper swiper9"style="justify-content: center;"> <div class="swiper-wrapper swiper9">
<div class="swiper-slide" v-for="item in achievementarr" :key="item.id" v-if="item.state=='1'" <div class="swiper-slide" v-for="item in achievementarr" :key="item.id" v-if="item.state=='1'"
@click="honorto(item.id)" @click="honorto(item.id)"
style="background-color: rgb(240,246,250);border-radius: 10px;padding: 40px;box-sizing: border-box;cursor: pointer;"> style="background-color: rgb(240,246,250);border-radius: 10px;padding: 40px;box-sizing: border-box;cursor: pointer;">
@ -251,7 +251,7 @@ export default {
this.achievementarr = res.data this.achievementarr = res.data
this.$nextTick(() => { this.$nextTick(() => {
new Swiper('.swiper3', { new Swiper('.swiper3', {
slidesPerView: 4, slidesPerView: 3,
slidesPerGroup: 1, slidesPerGroup: 1,
spaceBetween: 20, spaceBetween: 20,
pagination: { pagination: {
@ -317,6 +317,11 @@ export default {
this.$router.push({ this.$router.push({
path: '/honordetail?id=' + id path: '/honordetail?id=' + id
}) })
},
projecto(id){
this.$router.push({
path: '/projectdetail?id=' + id
})
} }
}, },
beforeDestroy() { beforeDestroy() {

View File

@ -23,20 +23,14 @@
<div v-show="activeName == 'first'"> <div v-show="activeName == 'first'">
<div style="width: 80%;margin: auto;"> <div style="width: 80%;margin: auto;">
<div style="height: 50px;"></div> <div style="height: 50px;"></div>
<div style="font-size: 26px;color:rgba(0,0,0,.6)">飞阳建设</div> <div style="font-size: 26px;color:rgba(0,0,0,.6)">{{componyarr[0].titleUp}}</div>
<div style="color:rgba(60,115,164);font-size:40px">致力于为每位客户提供一流服务</div> <div style="color:rgba(60,115,164);font-size:40px">{{componyarr[0].sketchUp}}</div>
<div style="height: 40px;"></div> <div style="height: 40px;"></div>
<div style="color: rgba(0,0,0,.6);line-height: 30px;"> <div style="color: rgba(0,0,0,.6);line-height: 30px;"v-html="componyarr[0].contentUp">
飞阳建设工程有限公司创立于1963年为福建省建筑业龙头企业具有房屋建筑工程市政公用工程施工总承包一级钢结构工程建筑装修装饰工程环保工程地基
基础工程消防设施工程专业承包一级等资质公司通过IS09001 质量ISO14001 环境OHSMS18001 职业健康安全管理体系认证
<div style="height: 20px;"></div>
公司长期致力于新工艺新科技的革新换代并将新技术推广应用于施工现场近年相继承建国家及省重点工程平潭社会福利院莆田市体育公园飞碟靶场扩建工程
东海域滨海旅游浪漫线景观市政配套等项目并圆满交付使用公司承建的莆田皇冠制罐有限公司建设主生产厂房 鹭燕医药莆田仓储物流中心福州新店西安
置房工程高林学校 等多个项目荣获福建省优质工程闽江杯荣誉称号并获得了保利地产建发地产百威英博(ABInbev) 美国皇冠制罐佳通轮胎
平铝业福清核电湄洲湾核电鹭燕医药等众多国内外客户的赞誉和认可
<div style="height: 70px;"></div>
</div>
</div>
<div style="height: 70px;"></div>
</div> </div>
<div class="about2"> <div class="about2">
<div class="content"> <div class="content">
@ -66,42 +60,27 @@
<div style="width: 80%;margin: auto;"> <div style="width: 80%;margin: auto;">
<div style="height: 50px;"></div> <div style="height: 50px;"></div>
<div style="font-size: 26px;color:rgba(0,0,0,.6)">人才队伍</div> <div style="font-size: 26px;color:rgba(0,0,0,.6)">{{componyarr[0].titleIn}}</div>
<div style="color:rgba(60,115,164);font-size:40px">广纳贤才形成一支高素质的专业管理团队 <div style="color:rgba(60,115,164);font-size:40px">{{componyarr[0].sketchIn}}
</div> </div>
<div style="height: 40px;"></div> <div style="height: 40px;"></div>
<div style="color: rgba(0,0,0,.6);line-height: 18px;" class="init"> <div style="color: rgba(0,0,0,.6);line-height: 18px;" class="init" v-html="componyarr[0].contentIn">
<p>拥有职工3000余人,其中高级职称工程技术人员35人国家一级注册建造师42人</p>
<p>主编或参编了福建省建筑工程常见质量问题控制规程抗浮 锚杆ODEX施工工法等十余项省级标准规范;
</p>
<p>在省级岗位职业技能竞赛中多次获得集体一 等奖等优异成绩;
</p>
<p>公司承办了莆田市首个省级建筑施工现场质量安全文明施工标准化及扬尘专项整治观摩会;
</p>
<p>充分展示了飞阳建设在全省建筑行业的技术实力与话语权
</p>
<div style="height: 40px;"></div>
</div>
</div>
<div style="height: 40px;"></div>
</div> </div>
<div style="width: 80%;margin: auto;"> <div style="width: 80%;margin: auto;">
<div style="font-size: 26px;color:rgba(0,0,0,.6)">创新发展</div> <div style="font-size: 26px;color:rgba(0,0,0,.6)">{{componyarr[0].titleDown}}</div>
<div style="color:rgba(60,115,164);font-size:40px">致力于数据化智能化创新发展 <div style="color:rgba(60,115,164);font-size:40px">{{componyarr[0].sketchDown}}
</div> </div>
<div style="height: 40px;"></div> <div style="height: 40px;"></div>
<div style="color: rgba(0,0,0,.6);line-height: 18px;" class="init"> <div style="color: rgba(0,0,0,.6);line-height: 18px;" class="init" v-html="componyarr[0].contentDown">
<p>为邀应时代变革公司致力于数据化智能化创新发展
</p>
<p>积极探索建筑产业现代化发展趋势
</p>
<p>知识型管理型创新型的团队将为公司持续发展注入无限动力
</p>
<div style="height: 70px;"></div>
</div> </div>
<div style="height: 70px;"></div>
</div> </div>
<div class="about_4"> <div class="about_4">
<div class="content"> <div class="content">
@ -145,10 +124,7 @@
<div v-show="activeName == 'second'"> <div v-show="activeName == 'second'">
<!--时间线--> <!--时间线-->
<div class="timeLine" style="overflow: hidden;"> <div class="timeLine" style="overflow: hidden;">
<!-- <div class="content">
<p class="tit">{{timeLineList[timeIndex].year}}</p>
<p>{{timeLineList[timeIndex].info}}</p>
</div> -->
<div class="ul_box" style="padding: 50px 0px;"> <div class="ul_box" style="padding: 50px 0px;">
@ -178,97 +154,17 @@
grid-column-gap: 2%;"> grid-column-gap: 2%;">
<div style="width: auto;margin-bottom: 20px;border-radius: 10px;cursor: pointer;" v-for="item in honorList" :key="item.id" @click="changeto(item.id)"> <div style="width: auto;margin-bottom: 20px;border-radius: 10px;cursor: pointer;" v-for="item in honorList" :key="item.id" @click="changeto(item.id)">
<div style="background-color: rgb(240,246,250); border-radius: 14px 14px 0 0;"> <div style="background-color: rgb(240,246,250); border-radius: 14px 14px 0 0;">
<!-- <img src="@/assets/images/rongyu/1.png"
style="height: 100%;object-fit: contain;margin: auto;display: block;"> -->
<!-- <img :src="item.picture"
style="width:100%;height: 345px; margin: auto;display: block;scale: 0.85;"> -->
</div> </div>
<!-- <div
style="background-color: rgb(248,248,248);padding-left: 5%;padding-right: 5%; border-radius: 0 0 14px 14px ;height: 100px;overflow: hidden;">
<h3 style="padding: 10px 0 0 0 ;color:rgb(108,108,118);margin: 0;">{{ item.annual }}</h3>
<p style="color:rgb(155,155,155)">
{{ item.name }}
</p>
</div> -->
<div style="height: 100%;text-align: center; border: 5px solid #F8F8F8;"> <div style="height: 100%;text-align: center; border: 5px solid #F8F8F8;">
<img :src="item.picture" alt="200603" style="scale: 0.85;height: 100%;width: 100%"> </div> <img :src="item.picture" alt="200603" style="scale: 0.85;height: 100%;width: 100%"> </div>
</div> </div>
<!-- <div style="width: auto;margin-bottom: 20px;border-radius: 10px;">
<div style="padding: 10% 0;background-color: rgb(240,246,250); border-radius: 14px 14px 0 0;">
<img src="@/assets/images/rongyu/2.png"
style="height: 100%;object-fit: contain;margin: auto;display: block;">
</div>
<div
style="background-color: rgb(248,248,248);padding-left: 5%;padding-right: 5%; border-radius: 0 0 14px 14px ;height: 180px;">
<h3 style="padding: 10px 0 0 0 ;color:rgb(108,108,118);margin: 0;">2019.01</h3>
<p style="color:rgb(155,155,155)">
月美池整治工程荣膺2018年 度市级建筑施
工安全生产标准化优良项目
</p>
</div>
</div>
<div style="width: auto;margin-bottom: 20px;border-radius: 10px;">
<div style="padding: 10% 0;background-color: rgb(240,246,250); border-radius: 14px 14px 0 0;">
<img src="@/assets/images/rongyu/3.png"
style="height: 100%;object-fit: contain;margin: auto;display: block;">
</div>
<div
style="background-color: rgb(248,248,248);padding-left: 5%;padding-right: 5%; border-radius: 0 0 14px 14px ;height: 180px;">
<h3 style="padding: 10px 0 0 0 ;color:rgb(108,108,118);margin: 0;">2019.01</h3>
<p style="color:rgb(155,155,155)">高林学校荣膺2018年度市级建筑施工安全
生产标准化优良项目
</p>
</div>
</div>
<div style="width: auto;margin-bottom: 20px;border-radius: 10px;">
<div style="padding: 10% 0;background-color: rgb(240,246,250); border-radius: 14px 14px 0 0;">
<img src="@/assets/images/rongyu/4.png"
style="height: 100%;object-fit: contain;margin: auto;display: block;">
</div>
<div
style="background-color: rgb(248,248,248);padding-left: 5%;padding-right: 5%; border-radius: 0 0 14px 14px ;height: 180px;">
<h3 style="padding: 10px 0 0 0 ;color:rgb(108,108,118);margin: 0;">2019.01</h3>
<p style="color:rgb(155,155,155)">荣获由荔城区人民政府颁发的2018
度纳税大户二等奖
</p>
</div>
</div>
<div style="width: auto;margin-bottom: 20px;border-radius: 10px;">
<div style="padding: 10% 0;background-color: rgb(240,246,250); border-radius: 14px 14px 0 0;">
<img src="@/assets/images/rongyu/5.png"
style="height: 100%;object-fit: contain;margin: auto;display: block;">
</div>
<div
style="background-color: rgb(248,248,248);padding-left: 5%;padding-right: 5%; border-radius: 0 0 14px 14px ;height: 180px;">
<h3 style="padding: 10px 0 0 0 ;color:rgb(108,108,118);margin: 0;">2019.01</h3>
<p style="color:rgb(155,155,155)">龙海市石码中心小学1#行政综合楼2#教学
楼综合地下室-5#体艺馆工程荣膺第二
十届水仙杯奖优质工程
</p>
</div>
</div> -->
</div> </div>
</div> </div>
<div v-show="activeName == 'fourth'" style="margin-bottom: -50px;"> <div v-show="activeName == 'fourth'" style="margin-bottom: -50px;">
@ -332,7 +228,7 @@
</div> </div>
</template> </template>
<script> <script>
import { honor,culture } from '@/api'; import { honor,culture,compony } from '@/api';
import { honorList } from '@/api'; import { honorList } from '@/api';
export default { export default {
data() { data() {
@ -418,14 +314,17 @@ export default {
"info": "chengli" "info": "chengli"
}], }],
honorList:[], honorList:[],
culturelist:[] culturelist:[],
componyarr:[],
} }
}, },
mounted(){ mounted(){
// honor({'year':'2019'}).then((res)=>{ // honor({'year':'2019'}).then((res)=>{
// console.log(res) // console.log(res)
// }) // })
compony().then((res)=>{
this.componyarr=res.data
})
if(this.$route.query.category){ if(this.$route.query.category){
this.activeName='second' this.activeName='second'
} }

View File

@ -32,31 +32,6 @@
</el-card> </el-card>
</div> </div>
</el-col> </el-col>
<!-- <el-col :span="8" >
<el-card :body-style="{ padding: '0px' }">
<div class="card_img2 mark" >
<div class="date">2020.03.07</div>
</div>
<div>
<div class="news_li_con"><div class="title">核酸筛选检测进工地为疫情期间</div> <div class="introduction">为进一步做好疫情期间复工复产工作,3月6日我司组织华
大生物科技(武汉)有限公司进入保利城六期项目为所有返岗工人和项目管理人员进行新型冠状病毒核酸检测...</div> <div class="more">more...</div> </div>
</div>
</el-card>
</el-col>
<el-col :span="8" >
<el-card :body-style="{ padding: '0px' }">
<div class="card_img3 mark" >
<div class="date">2017.02.19</div>
</div>
<div>
<div class="news_li_con"><div class="title">点赞!莆田市新飞天鞋业有限公司</div> <div class="introduction">江口镇充分发挥辖区内新飞天鞋业有限公司产业链完整的
优势根据上级部署,积极调度该公司转移产能火线生产急需的防疫物资,为打赢新冠肺炎防控阻击战提供充...
</div> <div class="more">more...</div> </div>
</div>
</el-card>
</el-col> -->
</el-row> </el-row>
</div> </div>

View File

@ -30,62 +30,6 @@
</div> </div>
</div> </div>
<!-- <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>
</div>
</div>
<div style="width: 32%;border-radius: 15px 15px 0 0;background-color: rgb(245,245,245);margin-bottom: 2%;">
<img src="@/assets/images/project3.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>
</div>
</div>
<div style="width: 32%;border-radius: 15px 15px 0 0;background-color: rgb(245,245,245);margin-bottom: 2%;">
<img src="@/assets/images/project4.png" style="width: 100%;border-radius: 15px 15px 0 0 ">
<div style="padding: 2px 20px;display:flex ;justify-content: space-between;">
<p>2021P07地块(一期)二期
</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%;">
<img src="@/assets/images/project5.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>
</div>
</div>
<div style="width: 32%;border-radius: 15px 15px 0 0;background-color: rgb(245,245,245);margin-bottom: 2%;">
<img src="@/assets/images/project6.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>
</div>
</div>
<div style="width: 32%;border-radius: 15px 15px 0 0;background-color: rgb(245,245,245);margin-bottom: 2%;">
<img src="@/assets/images/project7.png" style="width: 100%;border-radius: 15px 15px 0 0;">
<div style="padding: 2px 20px;display:flex ;justify-content: space-between;">
<p>J2016P01地块建设工程
</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%;">
<img src="@/assets/images/project8.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>
</div>
</div>
<div style="width: 32%;border-radius: 15px 15px 0 0;background-color: rgb(245,245,245);margin-bottom: 2%;">
<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> -->
<!-- </div>
</div> -->
</div> </div>
<el-pagination style="text-align: center;margin: 60px;" <el-pagination style="text-align: center;margin: 60px;"
background background