init
This commit is contained in:
dzj
parent
3541af04a7
commit
a853ca8450
@ -28,9 +28,11 @@ export function backgroundText(){
|
||||
//首页下方轮播图
|
||||
export function smallPicture(){
|
||||
return request({
|
||||
url:'smallPicture/list'
|
||||
url:'engineering/byState'
|
||||
})
|
||||
}
|
||||
|
||||
|
||||
//首页荣誉图片
|
||||
export function achievementPic(){
|
||||
return request({
|
||||
@ -91,4 +93,10 @@ export function honordetail(params){
|
||||
url:'/honor/byId',
|
||||
params
|
||||
})
|
||||
}
|
||||
//公司简介
|
||||
export function compony(){
|
||||
return request({
|
||||
url:'/companyProfile/list'
|
||||
})
|
||||
}
|
||||
@ -116,13 +116,13 @@
|
||||
left: 0;
|
||||
bottom: -42px;
|
||||
margin-right: -14px;
|
||||
z-index: 2;">
|
||||
z-index: 2;
|
||||
width: 80vw;">
|
||||
<div class="swiper2" style="max-width: 80vw;overflow: hidden;height: 100%;">
|
||||
<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-wrapper swiper9" >
|
||||
|
||||
<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 class="swiper-pagination2" style="text-align: center;"></div>
|
||||
@ -163,7 +163,7 @@
|
||||
</div>
|
||||
<div style="max-width: 80vw;overflow: hidden;height: 100%;margin: auto;">
|
||||
<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'"
|
||||
@click="honorto(item.id)"
|
||||
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.$nextTick(() => {
|
||||
new Swiper('.swiper3', {
|
||||
slidesPerView: 4,
|
||||
slidesPerView: 3,
|
||||
slidesPerGroup: 1,
|
||||
spaceBetween: 20,
|
||||
pagination: {
|
||||
@ -317,6 +317,11 @@ export default {
|
||||
this.$router.push({
|
||||
path: '/honordetail?id=' + id
|
||||
})
|
||||
},
|
||||
projecto(id){
|
||||
this.$router.push({
|
||||
path: '/projectdetail?id=' + id
|
||||
})
|
||||
}
|
||||
},
|
||||
beforeDestroy() {
|
||||
|
||||
@ -23,20 +23,14 @@
|
||||
<div v-show="activeName == 'first'">
|
||||
<div style="width: 80%;margin: auto;">
|
||||
<div style="height: 50px;"></div>
|
||||
<div style="font-size: 26px;color:rgba(0,0,0,.6)">飞阳建设</div>
|
||||
<div style="color:rgba(60,115,164);font-size:40px">致力于为每位客户提供一流服务</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">{{componyarr[0].sketchUp}}</div>
|
||||
<div style="height: 40px;"></div>
|
||||
<div style="color: rgba(0,0,0,.6);line-height: 30px;">
|
||||
飞阳建设工程有限公司创立于1963年，为福建省建筑业龙头企业。具有房屋建筑工程、市政公用工程施工总承包一级，钢结构工程、建筑装修装饰工程、环保工程、地基
|
||||
基础工程、消防设施工程专业承包一级等资质。公司通过IS09001 质量、ISO14001 环境、OHSMS18001 职业健康安全管理体系认证。
|
||||
<div style="height: 20px;"></div>
|
||||
公司长期致力于新工艺、新科技的革新换代，并将新技术推广应用于施工现场。近年相继承建国家及省重点工程平潭社会福利院、莆田市体育公园飞碟靶场扩建工程、环
|
||||
东海域滨海旅游浪漫线景观市政配套等项目并圆满交付使用。公司承建的“莆田皇冠制罐有限公司建设主生产厂房”、“ 鹭燕医药莆田仓储物流中心”、“福州新店西安
|
||||
置房工程”、“高林学校” 等多个项目荣获福建省优质工程“闽江杯”荣誉称号。并获得了保利地产、建发地产、百威英博(ABInbev) 、美国皇冠制罐、佳通轮胎、南
|
||||
平铝业、福清核电、湄洲湾核电、鹭燕医药等众多国内外客户的赞誉和认可。
|
||||
<div style="height: 70px;"></div>
|
||||
<div style="color: rgba(0,0,0,.6);line-height: 30px;"v-html="componyarr[0].contentUp">
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<div style="height: 70px;"></div>
|
||||
</div>
|
||||
<div class="about2">
|
||||
<div class="content">
|
||||
@ -66,42 +60,27 @@
|
||||
|
||||
<div style="width: 80%;margin: auto;">
|
||||
<div style="height: 50px;"></div>
|
||||
<div style="font-size: 26px;color:rgba(0,0,0,.6)">人才队伍</div>
|
||||
<div style="color:rgba(60,115,164);font-size:40px">广纳贤才形成一支高素质的专业管理团队
|
||||
<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">{{componyarr[0].sketchIn}}
|
||||
</div>
|
||||
<div style="height: 40px;"></div>
|
||||
<div style="color: rgba(0,0,0,.6);line-height: 18px;" class="init">
|
||||
<p>拥有职工3000余人,其中高级职称工程技术人员35人、国家一级注册建造师42人。</p>
|
||||
<p>主编或参编了“福建省建筑工程常见质量问题控制规程”、“抗浮 锚杆ODEX施工工法”等十余项省级标准规范;
|
||||
</p>
|
||||
<p>在省级岗位职业技能竞赛中多次获得集体一、二、 三 等奖等优异成绩;
|
||||
</p>
|
||||
<p>公司承办了莆田市首个省级建筑施工现场质量、安全文明施工标准化及扬尘专项整治观摩会;
|
||||
</p>
|
||||
<p>充分展示了飞阳建设在全省建筑行业的技术实力与话语权。
|
||||
</p>
|
||||
<div style="height: 40px;"></div>
|
||||
<div style="color: rgba(0,0,0,.6);line-height: 18px;" class="init" v-html="componyarr[0].contentIn">
|
||||
|
||||
</div>
|
||||
|
||||
<div style="height: 40px;"></div>
|
||||
</div>
|
||||
<div style="width: 80%;margin: auto;">
|
||||
|
||||
<div style="font-size: 26px;color:rgba(0,0,0,.6)">创新发展</div>
|
||||
<div style="color:rgba(60,115,164);font-size:40px">致力于数据化、智能化创新发展
|
||||
<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">{{componyarr[0].sketchDown}}
|
||||
</div>
|
||||
<div style="height: 40px;"></div>
|
||||
<div style="color: rgba(0,0,0,.6);line-height: 18px;" class="init">
|
||||
<p>为邀应时代变革，公司致力于数据化、智能化创新发展，
|
||||
</p>
|
||||
<p>积极探索建筑产业现代化发展趋势。
|
||||
<div style="color: rgba(0,0,0,.6);line-height: 18px;" class="init" v-html="componyarr[0].contentDown">
|
||||
|
||||
|
||||
</p>
|
||||
<p>知识型、管理型、创新型的团队将为公司持续发展注入无限动力。
|
||||
</p>
|
||||
|
||||
<div style="height: 70px;"></div>
|
||||
|
||||
</div>
|
||||
|
||||
<div style="height: 70px;"></div>
|
||||
</div>
|
||||
<div class="about_4">
|
||||
<div class="content">
|
||||
@ -145,10 +124,7 @@
|
||||
<div v-show="activeName == 'second'">
|
||||
<!--时间线-->
|
||||
<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;">
|
||||
|
||||
@ -178,96 +154,16 @@
|
||||
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="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
|
||||
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;">
|
||||
|
||||
|
||||
<img :src="item.picture" alt="200603" style="scale: 0.85;height: 100%;width: 100%"> </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>
|
||||
@ -332,7 +228,7 @@
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
import { honor,culture } from '@/api';
|
||||
import { honor,culture,compony } from '@/api';
|
||||
import { honorList } from '@/api';
|
||||
export default {
|
||||
data() {
|
||||
@ -418,14 +314,17 @@ export default {
|
||||
"info": "chengli"
|
||||
}],
|
||||
honorList:[],
|
||||
culturelist:[]
|
||||
culturelist:[],
|
||||
componyarr:[],
|
||||
}
|
||||
},
|
||||
mounted(){
|
||||
// honor({'year':'2019'}).then((res)=>{
|
||||
// console.log(res)
|
||||
// })
|
||||
|
||||
compony().then((res)=>{
|
||||
this.componyarr=res.data
|
||||
})
|
||||
if(this.$route.query.category){
|
||||
this.activeName='second'
|
||||
}
|
||||
|
||||
@ -32,31 +32,6 @@
|
||||
</el-card>
|
||||
</div>
|
||||
</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>
|
||||
</div>
|
||||
|
||||
|
||||
@ -30,62 +30,6 @@
|
||||
|
||||
</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>
|
||||
<el-pagination style="text-align: center;margin: 60px;"
|
||||
background
|
||||
|
||||
Loading…
Reference in New Issue
Block a user