|
|
@ -3,7 +3,7 @@ |
|
|
|
<!-- 页面 头部 --> |
|
|
|
<!-- 页面 头部 --> |
|
|
|
<VHeader></VHeader> |
|
|
|
<VHeader></VHeader> |
|
|
|
<!-- 页面 广告条 --> |
|
|
|
<!-- 页面 广告条 --> |
|
|
|
<div class="cjy-banner"> |
|
|
|
<div class="cjy-banner m-t-100"> |
|
|
|
<div class="cjy-banner-text"> |
|
|
|
<div class="cjy-banner-text"> |
|
|
|
<div class="title">{{ banner_data.title }}</div> |
|
|
|
<div class="title">{{ banner_data.title }}</div> |
|
|
|
<div class="subtitle">{{ banner_data.subtitle }}</div> |
|
|
|
<div class="subtitle">{{ banner_data.subtitle }}</div> |
|
|
@ -38,7 +38,7 @@ |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</el-col> |
|
|
|
</el-col> |
|
|
|
<el-col :span="12" class="info" v-html="company_info.content"></el-col> |
|
|
|
<el-col :span="12" class="info" v-html="company_info.introduction"></el-col> |
|
|
|
</el-row> |
|
|
|
</el-row> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
@ -77,7 +77,7 @@ |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="cjy-page-item3 m-t-large"> |
|
|
|
<div class="cjy-page-item3 m-t-large"> |
|
|
|
<div class="v-container"> |
|
|
|
<div> |
|
|
|
<div class="cjy-about-title">企业历程</div> |
|
|
|
<div class="cjy-about-title">企业历程</div> |
|
|
|
<div class="cjy-about-step-info">投入资源提升技术,满足客户需求</div> |
|
|
|
<div class="cjy-about-step-info">投入资源提升技术,满足客户需求</div> |
|
|
|
<div class="cjy-about-step row"> |
|
|
|
<div class="cjy-about-step row"> |
|
|
@ -98,13 +98,13 @@ |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
<div class="v-container"> |
|
|
|
<div class="v-container"> |
|
|
|
<div class="cjy-about-title text-center m-t-large">资质证书及相关软著</div> |
|
|
|
<div class="cjy-about-title text-center m-t-large m-b-base">资质证书及相关软著</div> |
|
|
|
<el-carousel :interval="5000" arrow="always" class="certificate"> |
|
|
|
<el-carousel :interval="5000" arrow="always" class="certificate"> |
|
|
|
<el-carousel-item v-for="group in groupedCertificates" :key="group"> |
|
|
|
<el-carousel-item v-for="group in groupedCertificates" :key="group"> |
|
|
|
<div class="row cjy-about-certificate"> |
|
|
|
<div class="row cjy-about-certificate"> |
|
|
|
<div class="col-77" v-for="(item, index) in group" :key="index"> |
|
|
|
<div class="col-77" v-for="(item, index) in group" :key="index"> |
|
|
|
<div class="list-item flex-align-center"> |
|
|
|
<div class="list-item flex-align-center"> |
|
|
|
<el-image class="img" :src="item.url" :preview-src-list="[item.url]"> |
|
|
|
<el-image class="img" :src="item" :preview-src-list="[item]"> |
|
|
|
</el-image> |
|
|
|
</el-image> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
@ -220,25 +220,11 @@ |
|
|
|
this.certificates = [res.data.image] |
|
|
|
this.certificates = [res.data.image] |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
// this.certificates = [ |
|
|
|
|
|
|
|
// {url: "https://www.lutongwulian.com/uploads/190506/1-1Z506153411551.jpg"}, |
|
|
|
|
|
|
|
// {url: "https://www.lutongwulian.com/uploads/190506/1-1Z506153411551.jpg"}, |
|
|
|
|
|
|
|
// {url: "https://www.lutongwulian.com/uploads/190506/1-1Z506153411551.jpg"}, |
|
|
|
|
|
|
|
// {url: "https://www.lutongwulian.com/uploads/190506/1-1Z506153411551.jpg"}, |
|
|
|
|
|
|
|
// {url: "https://www.lutongwulian.com/uploads/190506/1-1Z506153411551.jpg"}, |
|
|
|
|
|
|
|
// {url: "https://www.lutongwulian.com/uploads/190506/1-1Z506153411551.jpg"}, |
|
|
|
|
|
|
|
// {url: "https://www.lutongwulian.com/uploads/230324/1-230324141324Y9.png"}, |
|
|
|
|
|
|
|
// {url: "https://www.lutongwulian.com/uploads/230324/1-230324141324Y9.png"}, |
|
|
|
|
|
|
|
// {url: "https://www.lutongwulian.com/uploads/230324/1-230324141324Y9.png"}, |
|
|
|
|
|
|
|
// {url: "https://www.lutongwulian.com/uploads/230324/1-230324141324Y9.png"}, |
|
|
|
|
|
|
|
// {url: "https://www.lutongwulian.com/uploads/230324/1-230324141324Y9.png"}, |
|
|
|
|
|
|
|
// {url: "https://www.lutongwulian.com/uploads/230324/1-230324141324Y9.png"}, |
|
|
|
|
|
|
|
// {url: "https://www.lutongwulian.com/uploads/230324/1-230324141324Y9.png"}, |
|
|
|
|
|
|
|
// {url: "https://www.lutongwulian.com/uploads/230324/1-230324141324Y9.png"}, |
|
|
|
|
|
|
|
// ] |
|
|
|
|
|
|
|
this.groupCertificates(); // 调用分组方法 |
|
|
|
this.groupCertificates(); // 调用分组方法 |
|
|
|
}, |
|
|
|
}, |
|
|
|
groupCertificates() { |
|
|
|
groupCertificates() { |
|
|
|
|
|
|
|
|
|
|
|
if (this.certificates && this.certificates.length > 0) { |
|
|
|
if (this.certificates && this.certificates.length > 0) { |
|
|
|
for (let i = 0; i < this.certificates.length; i += 14) { |
|
|
|
for (let i = 0; i < this.certificates.length; i += 14) { |
|
|
|
this.groupedCertificates.push(this.certificates.slice(i, i + 14)); |
|
|
|
this.groupedCertificates.push(this.certificates.slice(i, i + 14)); |
|
|
@ -246,7 +232,7 @@ |
|
|
|
} else { |
|
|
|
} else { |
|
|
|
this.groupedCertificates = [] |
|
|
|
this.groupedCertificates = [] |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
console.log('adfs',this.groupedCertificates) |
|
|
|
}, |
|
|
|
}, |
|
|
|
//获取企业风采 函数 |
|
|
|
//获取企业风采 函数 |
|
|
|
async getDemeanour() { |
|
|
|
async getDemeanour() { |
|
|
@ -272,7 +258,9 @@ |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.cjy-page-item3 { |
|
|
|
.cjy-page-item3 { |
|
|
|
background: url("~@/assets/images/about-step-bg.jpg"); |
|
|
|
padding: 70px 50px 50px 380px; |
|
|
|
|
|
|
|
height: 514px; |
|
|
|
|
|
|
|
background: url("~@/assets/images/about-step-bg.png"); |
|
|
|
background-size: contain; |
|
|
|
background-size: contain; |
|
|
|
background-position: left; |
|
|
|
background-position: left; |
|
|
|
background-repeat: no-repeat; |
|
|
|
background-repeat: no-repeat; |
|
|
|