358 lines
9.8 KiB
Vue
358 lines
9.8 KiB
Vue
<template>
|
||
<div style="width: 100%;">
|
||
<div class="banner">
|
||
<span v-if="JSON.stringify(logoInfoNew)!=='{}'" style="font-size: 38px">
|
||
{{ logoInfoNew.home.bannerTitle }} <span style="color: #0e0b0b">全球领先的AI服务运营商</span>
|
||
</span>
|
||
<!-- <span style="color: #0e0b0b">Company Introduction</span>-->
|
||
</div>
|
||
<div class="mainBox" style="padding-top: 35px">
|
||
<!-- <div style="text-align: center;font-weight: bold;font-size: 26px;margin: 50px 0 15px;">公司介绍</div>-->
|
||
<div class="inBox">
|
||
<div class="leftBox">
|
||
<img v-if="JSON.stringify(logoInfoNew)!=='{}'"
|
||
:src="logoInfoNew.home.logoImg"
|
||
alt="">
|
||
</div>
|
||
<div v-if="JSON.stringify(logoInfoNew)!=='{}'" class="rightBox">
|
||
|
||
<p v-for="(i,index) in logoInfoNew.about.content" :key="index">
|
||
{{ i }}
|
||
</p>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
<div class="zizhi">
|
||
<div style="width: 1400px;">
|
||
<div
|
||
style="text-align:center;font-size: 26px;font-weight: bold;margin: 55px 0;width: 100%;margin-bottom: 50px ">
|
||
公司资质
|
||
</div>
|
||
<LogoTwo></LogoTwo>
|
||
</div>
|
||
</div>
|
||
<div class="why">
|
||
<!-- <div style="font-size: 26px;font-weight: bold;margin: 55px 0">-->
|
||
<!-- 使命、愿景、价值观-->
|
||
<!-- </div>-->
|
||
<ul class="whyUl">
|
||
<li>
|
||
<span class="icon"><img
|
||
src="./img/1.png"
|
||
alt=""></span>
|
||
<div class="title">使命</div>
|
||
<div class="description">
|
||
<span
|
||
style="color:#222F60;font-weight: bold;margin-bottom: 10px;display: flex;justify-content: center;align-items: center">让AI无处不在，让智能如此简单</span>
|
||
<!-- 公司将通过生态合作形式构建强大的算力基础设施，让算力能够随时随地为客户所用。同时，简化人工智能的应用流程，降低使用门槛，使智能技术能够更加便捷地服务于各行各业。-->
|
||
|
||
</div>
|
||
</li>
|
||
<li>
|
||
<span class="icon"><img
|
||
src="./img/2.png"
|
||
alt=""></span>
|
||
<div class="title">愿景</div>
|
||
<div class="description">
|
||
<span
|
||
style="color:#222F60;font-weight: bold;margin-bottom: 10px;display: flex;justify-content: center;align-items: center">全球领先的AI服务运营商</span>
|
||
<!-- 成为全球领先的人工智能服务运营商，公司不满足于国内外AI发展和服务现状，追求在人工智能领域持续创新和发展。公司将不断探索新的技术和商业模式，引领AI智能服务的发展潮流。-->
|
||
|
||
</div>
|
||
</li>
|
||
<li>
|
||
<span class="icon"><img
|
||
src="./img/3.png"
|
||
alt=""></span>
|
||
<div class="title">价值观</div>
|
||
<div class="description">
|
||
<span
|
||
style="color:#222F60;font-weight: bold;margin-bottom: 10px;display: flex;justify-content: center;align-items: center">卓越、开放、创新</span>
|
||
<!-- “卓越”价值观意味着精益求精，永争第一。“开放”价值观鼓励公司与外部合作伙伴进行广泛的合作。-->
|
||
<!-- “创新”则要求公司不断探索新的技术和业务模式，推动产品和服务的升级。-->
|
||
|
||
</div>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
<div class="ad">
|
||
<div
|
||
style="text-align:center;font-size: 26px;font-weight: bold;margin: 55px 0;width: 100%;margin-bottom: 50px ">
|
||
平台优势
|
||
</div>
|
||
<ul class="adUl">
|
||
<li>
|
||
<div class="iconBox">
|
||
<img
|
||
src="./img/5.png"
|
||
alt="">
|
||
</div>
|
||
<div class="content">
|
||
<span>精准定位</span>
|
||
<span
|
||
class="description">专注于为各行业提供专业、高效的人工智能解决方案，助力企业智能化转型。</span>
|
||
</div>
|
||
</li>
|
||
<li>
|
||
<div class="iconBox">
|
||
<img
|
||
src="./img/6.png"
|
||
alt="">
|
||
</div>
|
||
<div class="content">
|
||
<span>技术服务</span>
|
||
<span
|
||
class="description">提供人工智能相关的技术服务，为企业解决复杂的技术难题。</span>
|
||
</div>
|
||
</li>
|
||
<li>
|
||
<div class="iconBox">
|
||
<img
|
||
src="./img/7.png"
|
||
alt="">
|
||
</div>
|
||
<div class="content">
|
||
<span>产品定制</span>
|
||
<span
|
||
class="description">根据企业的特定需求，定制开发人工智能产品，满足不同场景的应用需求。</span>
|
||
</div>
|
||
</li>
|
||
|
||
<li>
|
||
<div class="iconBox">
|
||
<img
|
||
src="./img/4.png"
|
||
alt="">
|
||
</div>
|
||
<div class="content">
|
||
<span>产业赋能 </span>
|
||
<span
|
||
class="description">通过人工智能技术，为传统产业赋能，提升产业的竞争力和创新能力。</span>
|
||
</div>
|
||
</li>
|
||
<li>
|
||
<div class="iconBox">
|
||
<img
|
||
src="./img/2.png"
|
||
alt="">
|
||
</div>
|
||
<div class="content">
|
||
<span>一站式、本地化服务</span>
|
||
<span
|
||
class="description">从售前、售中到售后提供一站式全方位服务</span>
|
||
</div>
|
||
</li>
|
||
<li>
|
||
<div class="iconBox">
|
||
<img
|
||
src="./img/8.png"
|
||
alt="">
|
||
</div>
|
||
<div class="content">
|
||
<span>提供AI基础设施与模型服务</span>
|
||
<span
|
||
class="description">提供整体底层技术架构和系统支持及模型服务</span>
|
||
</div>
|
||
</li>
|
||
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</template>
|
||
|
||
<script>
|
||
import Vue from 'vue'
|
||
import LogoTwo from "@/views/homePage/mainPage/logoG/logoTwo.vue";
|
||
import {mapGetters, mapState} from "vuex";
|
||
|
||
export default Vue.extend({
|
||
name: "aboubt",
|
||
components: {LogoTwo},
|
||
computed: {
|
||
...mapGetters(["sidebar", "avatar", "device"]),
|
||
...mapState({
|
||
isShowPanel: (state) => state.product.showHomeNav,
|
||
navIndex: (state) => state.product.navIndex,
|
||
gridObj: state => state.operationAnalysis.gridObj,
|
||
mybalance: state => state.user.mybalance,
|
||
logoutUrl: state => state.login.logoutUrl,
|
||
loginState: state => state.login.loginState,
|
||
logoInfoNew: state => state.product.logoInfoNew,
|
||
|
||
|
||
}),
|
||
showRegisterButton() {
|
||
const orgType = window.sessionStorage.getItem('org_type');
|
||
const userId = window.sessionStorage.getItem('userId');
|
||
console.log("此时是:", orgType !== '2' && orgType !== '3' && userId !== null)
|
||
return orgType !== '2' && orgType !== '3' && userId === null;
|
||
},
|
||
username() {
|
||
return sessionStorage.getItem('username') || '';
|
||
},
|
||
|
||
},
|
||
})
|
||
</script>
|
||
|
||
|
||
<style scoped lang="scss">
|
||
.banner {
|
||
background: url("./img/banner.png") no-repeat center center;
|
||
display: flex;
|
||
justify-content: center;
|
||
background-size: cover;
|
||
align-items: center;
|
||
height: 250px;
|
||
flex-direction: column;
|
||
font-weight: bold;
|
||
//color: white;
|
||
span {
|
||
background: linear-gradient(to right, #275AFF, #2EBDFA); /* 渐变方向颜色 */
|
||
-webkit-background-clip: text; /* 关键属性：裁剪背景到文字 */
|
||
background-clip: text;
|
||
color: transparent; /* 文字颜色透明 */
|
||
display: inline-block; /* 确保渐变生效 */
|
||
}
|
||
}
|
||
|
||
.mainBox {
|
||
width: 100%;
|
||
display: flex;
|
||
justify-content: flex-start;
|
||
align-items: center;
|
||
flex-direction: column;
|
||
|
||
.inBox {
|
||
display: flex;
|
||
justify-content: space-between;
|
||
align-items: center;
|
||
width: 1450px;
|
||
|
||
.leftBox {
|
||
width: 25%;
|
||
height: 100%;
|
||
|
||
img {
|
||
width: 300px;
|
||
}
|
||
}
|
||
|
||
.rightBox {
|
||
width: 75%;
|
||
height: 100%;
|
||
line-height: 2;
|
||
}
|
||
}
|
||
|
||
|
||
}
|
||
|
||
.why {
|
||
width: 100%;
|
||
display: flex;
|
||
flex-direction: column;
|
||
justify-content: flex-start;
|
||
align-items: center;
|
||
height: 500px;
|
||
background: url("./img/jiajiebg.png");
|
||
background-position: center;
|
||
background-size: cover;
|
||
|
||
.whyUl {
|
||
padding-top: 90px;
|
||
width: 1300px;
|
||
display: flex;
|
||
justify-content: space-around;
|
||
align-items: center;
|
||
|
||
li {
|
||
width: 280px;
|
||
height: 310px;
|
||
background: white;
|
||
display: flex;
|
||
flex-direction: column;
|
||
justify-content: center;
|
||
align-items: center;
|
||
padding: 0 20px;
|
||
|
||
img {
|
||
width: 47px;
|
||
height: 45px;
|
||
}
|
||
|
||
.title {
|
||
margin: 15px 0;
|
||
font-size: 26px;
|
||
font-weight: bold;
|
||
}
|
||
|
||
|
||
.description {
|
||
color: #999;
|
||
font-size: 14px;
|
||
line-height: 2;
|
||
//margin-top: 15px;
|
||
}
|
||
}
|
||
}
|
||
}
|
||
|
||
.ad {
|
||
flex-direction: column;
|
||
width: 100%;
|
||
display: flex;
|
||
justify-content: flex-start;
|
||
align-items: center;
|
||
|
||
.adUl {
|
||
width: 1400px;
|
||
display: flex;
|
||
flex-wrap: wrap;
|
||
justify-content: center;
|
||
|
||
|
||
li {
|
||
margin-bottom: 45px;
|
||
display: flex;
|
||
justify-content: flex-start;
|
||
align-items: center;
|
||
width: 30% !important;
|
||
max-width: 30%;
|
||
padding-right: 15px;
|
||
|
||
|
||
.content {
|
||
display: flex;
|
||
flex-direction: column;
|
||
justify-content: space-around;
|
||
align-items: flex-start;
|
||
padding-left: 15px;
|
||
font-size: 16px;
|
||
|
||
.description {
|
||
margin-top: 8px;
|
||
color: #666;
|
||
font-size: 14px;
|
||
line-height: 1.5;
|
||
}
|
||
}
|
||
|
||
img {
|
||
width: 50px;
|
||
height: 50px;
|
||
}
|
||
}
|
||
}
|
||
}
|
||
|
||
.zizhi {
|
||
width: 100%;
|
||
padding-bottom: 15px;
|
||
display: flex;
|
||
justify-content: center;
|
||
align-items: center;
|
||
}
|
||
</style>
|