This commit is contained in:
wangchengming 2024-12-13 16:55:59 +08:00
parent 074522d16b
commit 3c183859e9
20 changed files with 977 additions and 1136 deletions

View File

@ -5,7 +5,7 @@
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1.0"> <meta name="viewport" content="width=device-width,initial-scale=1.0">
<link rel="icon" href="<%= BASE_URL %>logo.png"> <link rel="icon" href="<%= BASE_URL %>logo.png">
<title>未来之星</title> <title>坤合盛世</title>
<link rel="preload" href="/static/fontFace/Microsoft-YaHei-Semibold.ttc" as="font" type="font/ttc" crossorigin> <link rel="preload" href="/static/fontFace/Microsoft-YaHei-Semibold.ttc" as="font" type="font/ttc" crossorigin>
<link rel="preload" href="/static/fontFace/Microsoft-YaHei-Regular.ttc" as="font" type="font/ttc" crossorigin> <link rel="preload" href="/static/fontFace/Microsoft-YaHei-Regular.ttc" as="font" type="font/ttc" crossorigin>
<link rel="preload" href="/static/fontFace/Microsoft-YaHei-Light.ttc" as="font" type="font/ttc" crossorigin> <link rel="preload" href="/static/fontFace/Microsoft-YaHei-Light.ttc" as="font" type="font/ttc" crossorigin>

View File

@ -113,7 +113,7 @@
</div> </div>
<div style="flex: 1;"></div> <div style="flex: 1;"></div>
<!-- <div style="display: flex;align-items: center;color: #999999;font-size: 14rem;line-height: 1;"> <!-- <div style="display: flex;align-items: center;color: #999999;font-size: 14rem;line-height: 1;">
<div>版权所有© 未来之星</div> <div>版权所有© 坤合盛世</div>
<div style="width: 1rem;height: 14rem;background-color: #999999;margin: 0 12rem;"></div> <div style="width: 1rem;height: 14rem;background-color: #999999;margin: 0 12rem;"></div>
<div> <div>
<a <a
@ -148,29 +148,28 @@ export default {
{ {
title: '关于我们', title: '关于我们',
children: [ children: [
{ title: '简介', path: '/fshg.cc/about#screen1' }, { title: '简介', path: '/cnkhp.com/about#screen1' },
{ title: '使命', path: '/fshg.cc/about#screen3' }, { title: '使命和愿景', path: '/cnkhp.com/about#screen3' },
{ title: '愿景', path: '/fshg.cc/about#screen4' }, { title: '理念和价值观', path: '/cnkhp.com/about#screen4' },
{ title: '价值观', path: '/fshg.cc/about#screen5' }, { title: '感恩', path: '/cnkhp.com/about#screen5' },
], ],
}, },
{ {
title: '业务领域', title: '业务范围',
children: [ children: [
{ title: '资本服务', path: '/Cs.futurestar.cc' }, { title: '资本服务', path: '/Cs.cnkhp.com' },
{ title: '高新技术', path: '/Tech.futurestar.cc' }, { title: '高新技术', path: '/Tech.cnkhp.com' },
{ title: '能源与环境', path: '/EE.futurestar.cc' }, { title: '大健康产业', path: '/HI.cnkhp.com' },
{ title: '全球供应链', path: '/GSC.futurestar.cc' }, { title: '基础设施', path: '/BI.cnkhp.com' },
{ title: '商业管理', path: '/BM.futurestar.cc' }, { title: '能源环保', path: '/EE.cnkhp.com' },
{ title: '健康产业', path: '/HI.futurestar.cc' }, { title: '供应链管理', path: '/SCm.cnkhp.com' },
{ title: '基础设施', path: '/BI.futurestar.cc' }, { title: '农业发展', path: '/AD.cnkhp.com' },
{ title: '未来农业', path: '/FA.futurestar.cc' }, { title: '商业服务', path: '/BM.cnkhp.com' }
], ],
}, },
{ {
title: '新闻资讯', title: '新闻资讯',
children: [ children: [
{ title: '公告通知', path: '/newsTrend' },
{ title: '公司资讯', path: '/companyInformation' }, { title: '公司资讯', path: '/companyInformation' },
{ title: '政策法规', path: '/policyRegulations' }, { title: '政策法规', path: '/policyRegulations' },
{ title: '行业动态', path: '/industryDynamics' }, { title: '行业动态', path: '/industryDynamics' },
@ -180,7 +179,7 @@ export default {
title: '投资与合作', title: '投资与合作',
children: [ children: [
{ title: '投资者', path: '/investor' }, { title: '投资者', path: '/investor' },
{ title: '合作邀约', path: '/cooperationOffer' }, { title: '合作机会', path: '/cooperationOffer' },
{ title: '合作伙伴', path: '/businesspartner' }, { title: '合作伙伴', path: '/businesspartner' },
], ],
}, },
@ -188,7 +187,7 @@ export default {
title: '人才招募', title: '人才招募',
children: [ children: [
{ title: '人才战略', path: '/recruit/talentStrategy' }, { title: '人才战略', path: '/recruit/talentStrategy' },
{ title: '招募信息', path: '/recruit/socialRecruit' }, { title: '招募公告', path: '/recruit/socialRecruit' },
], ],
}, },
], ],
@ -196,9 +195,11 @@ export default {
{ {
title: '联系我们', title: '联系我们',
children: [ children: [
{ title: '热线电话:', value: '400-001-6725', src: '/static/img/foot/icon-phone.png' }, { title: '热线电话:', value: '400-863-6001', src: '/static/img/foot/icon-phone.png' },
{ title: '公司网址:', value: 'www.Fshg.cc', src: '/static/img/foot/icon-website.png' }, { title: '电子邮箱:', value: 'Info@cnkhp.com', src: '/static/img/foot/icon-website.png' },
{ title: '总部地址:', value: '海南省三亚市天涯区育春路7巷9号', src: '/static/img/foot/icon-address.png' }, { title: '企业微信:', value: 'KHPINC', src: '/static/img/foot/icon-website.png' },
{ title: '注册地址:', value: '海南省三亚市吉阳区榆亚路195号2楼 【572011】', src: '/static/img/foot/icon-address.png' },
{ title: '版权信息:', value: 'Copyright © KUNHE PROSPERITY INC.', src: '/static/img/foot/icon-website.png' },
], ],
}, },
], ],

View File

@ -1,49 +1,20 @@
<template> <template>
<div <div class="nav-bar-wrapper" :class="{
class="nav-bar-wrapper"
:class="{
'nav-bar-shadow': shadow, 'nav-bar-shadow': shadow,
}" }" :style="{ backgroundColor: bgColor }">
:style="{ backgroundColor: bgColor }" <div class="nav-bar" :class="'nav-bar-' + theme">
>
<div
class="nav-bar"
:class="'nav-bar-' + theme"
>
<div class="nav-left"> <div class="nav-left">
<div <div class="logo-wrapper" @click="$router.push('/')">
class="logo-wrapper" <img :src="'/static/img/logo-' + theme +'.png'" alt="" style="height: 100%;" />
@click="$router.push('/')"
>
<img
:src="'/static/img/logo-' + theme +'.png'"
alt=""
style="height: 100%;"
/>
</div> </div>
</div> </div>
<div class="nav-center"> <div class="nav-center">
<div class="nav-menus"> <div class="nav-menus">
<div <div v-for="menu in menus" :key="menu.path" class="nav-menu" :class="{ 'current-route': $route.path.startsWith(menu.path) && menu.path !== '/' }" @click.stop="menu.children || menu.jump ? winOpen(menu.jump) : $router.push({ path: menu.hash ? '' : menu.path , hash: menu?.hash || ''})">
v-for="menu in menus"
:key="menu.path"
class="nav-menu"
:class="{ 'current-route': $route.path.startsWith(menu.path) && menu.path !== '/' }"
@click.stop="menu.children || menu.jump ? winOpen(menu.jump) : $router.push({ path: menu.hash ? '' : menu.path , hash: menu?.hash || ''})"
>
<span>{{ menu.title }}</span> <span>{{ menu.title }}</span>
<div <div class="nav-submenus" v-if="menu.children">
class="nav-submenus"
v-if="menu.children"
>
<div> <div>
<div <div v-for="childMenu in menu.children" :key="childMenu.title + childMenu.path" class="nav-submenu" :class="{ 'current-route': $route.path === childMenu.path }" @click.stop="$router.push({path:childMenu.path, hash: childMenu?.hash || ''} )">
v-for="childMenu in menu.children"
:key="childMenu.title + childMenu.path"
class="nav-submenu"
:class="{ 'current-route': $route.path === childMenu.path }"
@click.stop="$router.push({path:childMenu.path, hash: childMenu?.hash || ''} )"
>
<span>{{ childMenu.title }}</span> <span>{{ childMenu.title }}</span>
</div> </div>
</div> </div>
@ -75,235 +46,238 @@
</template> </template>
<script> <script>
export default { export default {
props: { props: {
theme: { validator: v => ['dark', 'light'].includes(v), default: 'dark' }, theme: { validator: v => ['dark', 'light'].includes(v), default: 'dark' },
bgColor: { type: String, default: '#ffffff00' }, bgColor: { type: String, default: '#ffffff00' },
shadow: { type: Boolean, default: false }, shadow: { type: Boolean, default: false }
},
data () {
return {
menus: [
{
title: '首页',
path: '/fshg.cc/home',
},
{ title: '关于我们', path: '/fshg.cc/about' },
{
title: '业务领域',
children: [
{ title: '资本服务', path: '/Cs.futurestar.cc' },
{ title: '高新技术', path: '/Tech.futurestar.cc' },
{ title: '能源与环境', path: '/EE.futurestar.cc' },
{ title: '全球供应链', path: '/GSC.futurestar.cc' },
{ title: '商业管理', path: '/BM.futurestar.cc' },
{ title: '健康产业', path: '/HI.futurestar.cc' },
{ title: '基础设施', path: '/BI.futurestar.cc' },
{ title: '未来农业', path: '/FA.futurestar.cc' },
],
},
{
title: '新闻资讯',
children: [
{ title: '公告通知', path: '/newsTrend' },
{ title: '公司资讯', path: '/companyInformation' },
{ title: '政策法规', path: '/policyRegulations' },
{ title: '行业动态', path: '/industryDynamics' },
],
},
{
title: '投资与合作',
children: [
{ title: '投资者', path: '/investor' },
{ title: '合作邀约', path: '/cooperationOffer' },
{ title: '合作伙伴', path: '/businesspartner' },
],
},
{
title: '人才招募',
children: [
{ title: '人才战略', path: '/recruit/talentStrategy' },
{ title: '招募信息', path: '/recruit/socialRecruit' },
],
},
{ title: '联系我们', path: '/fshg.cc/ContactUs' },
{
title: '供应商登录',
jump: 'http://117.72.41.220:9097',
},
{
title: '登录',
path: '/',
},
],
};
},
computed: {
qrs () {
return [
{ icon: '/static/img/nav/icon-wechat-' + this.theme + '.png' },
{ icon: '/static/img/nav/icon-email-' + this.theme + '.png', listeners: { click: this.handlePost } },
{ icon: '/static/img/nav/icon-earth-' + this.theme + '.png' },
];
}, },
}, data() {
methods: { return {
handlePost () { menus: [
const a = document.createElement('a'); {
a.href = 'mailto:why@shtril.com'; title: '首页',
document.body.appendChild(a); path: '/cnkhp.com/home'
a.click(); },
document.body.removeChild(a); { title: '关于我们', path: '/cnkhp.com/about' },
{
title: '业务范围',
children: [
{ title: '资本服务', path: '/Cs.cnkhp.com' },
{ title: '高新技术', path: '/Tech.cnkhp.com' },
{ title: '大健康产业', path: '/HI.cnkhp.com' },
{ title: '基础设施', path: '/BI.cnkhp.com' },
{ title: '能源环保', path: '/EE.cnkhp.com' },
{ title: '供应链管理', path: '/SCm.cnkhp.com' },
{ title: '农业发展', path: '/AD.cnkhp.com' },
{ title: '商业服务', path: '/BM.cnkhp.com' }
]
},
{
title: '新闻资讯',
children: [
// { title: '', path: '/newsTrend' },
{ title: '公司资讯', path: '/companyInformation' },
{ title: '行业动态', path: '/industryDynamics' },
{ title: '政策法规', path: '/policyRegulations' }
]
},
{
title: '投资与合作',
children: [
{ title: '投资者', path: '/investor' },
{ title: '合作机会', path: '/cooperationOffer' },
{ title: '合作伙伴', path: '/businesspartner' }
]
},
{
title: '人才招募',
children: [
{ title: '人才战略', path: '/recruit/talentStrategy' },
{ title: '招募公告', path: '/recruit/socialRecruit' }
]
},
{ title: '联系我们', path: '/cnkhp.com/CU' },
{
title: '客户登录',
jump: 'http://117.72.41.220:9097'
},
{
title: '供应商登录',
jump: 'http://117.72.41.220:9097'
}
]
};
}, },
winOpen(url) { computed: {
if(url) window.open(url ,'_blank') qrs() {
return [
{ icon: '/static/img/nav/icon-wechat-' + this.theme + '.png' },
{
icon: '/static/img/nav/icon-email-' + this.theme + '.png',
listeners: { click: this.handlePost }
},
{ icon: '/static/img/nav/icon-earth-' + this.theme + '.png' }
];
}
},
methods: {
handlePost() {
const a = document.createElement('a');
a.href = 'mailto:why@shtril.com';
document.body.appendChild(a);
a.click();
document.body.removeChild(a);
},
winOpen(url) {
if (url) window.open(url, '_blank');
}
} }
}, };
};
</script> </script>
<style scoped> <style scoped>
.nav-bar-wrapper { .nav-bar-wrapper {
width: 100%; width: 100%;
} }
.nav-bar-shadow { .nav-bar-shadow {
box-shadow: 0 5rem 20rem #00000016; box-shadow: 0 5rem 20rem #00000016;
} }
.nav-bar { .nav-bar {
width: 1920rem; width: 1920rem;
margin: 0 auto; margin: 0 auto;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
padding: 28rem 60rem; padding: 28rem 60rem;
box-sizing: border-box; box-sizing: border-box;
transition: background-color .3s; transition: background-color 0.3s;
} }
.nav-left { .nav-left {
width: 0; width: 0;
flex: 1; flex: 1;
} }
.logo-wrapper { .logo-wrapper {
width: 460rem; width: 460rem;
height: 76rem; height: 76rem;
cursor: pointer; cursor: pointer;
} }
.nav-menus { .nav-menus {
display: flex; display: flex;
} }
.nav-center { .nav-center {
padding-left: 300rem; padding-left: 300rem;
box-sizing: border-box; box-sizing: border-box;
} }
.nav-menu { .nav-menu {
font-family: MicrosoftYaHeiLight; font-family: MicrosoftYaHeiLight;
font-weight: 300; font-weight: 300;
font-size: 20rem; font-size: 20rem;
line-height: 76rem; line-height: 76rem;
cursor: pointer; cursor: pointer;
position: relative; position: relative;
} }
.nav-menu:not(:last-of-type) { .nav-menu:not(:last-of-type) {
/* margin-right: 100rem; */ /* margin-right: 100rem; */
margin-right: 70rem; margin-right: 70rem;
} }
.nav-menu:hover::after { .nav-menu:hover::after {
content: ''; content: '';
position: absolute; position: absolute;
bottom: 20rem; bottom: 20rem;
left: 0; left: 0;
width: 100%; width: 100%;
height: 2rem; height: 2rem;
background-color: #F0D145; background-color: #f0d145;
} }
.nav-submenus { .nav-submenus {
position: absolute; position: absolute;
top: 100%; top: 100%;
left: 0; left: 0;
padding: 10rem 0; padding: 10rem 0;
display: none; display: none;
} }
.nav-submenus > div { .nav-submenus > div {
padding: 10rem 30rem; padding: 10rem 30rem;
border-radius: 4rem; border-radius: 4rem;
box-shadow: 0 5rem 20rem #00000016; box-shadow: 0 5rem 20rem #00000016;
} }
.nav-submenu { .nav-submenu {
font-size: 18rem; font-size: 18rem;
line-height: 42rem; line-height: 42rem;
text-align: center; text-align: center;
white-space: nowrap; white-space: nowrap;
} }
.nav-menu:hover .nav-submenus { .nav-menu:hover .nav-submenus {
display: block; display: block;
} }
.nav-right { .nav-right {
width: 0; width: 0;
flex: 1; flex: 1;
display: flex; display: flex;
justify-content: flex-end; justify-content: flex-end;
} }
/* theme-dark --- start */ /* theme-dark --- start */
.nav-bar-dark { .nav-bar-dark {
color: #ffffff; color: #ffffff;
} }
.nav-bar-dark .nav-submenus > div { .nav-bar-dark .nav-submenus > div {
background-color: rgba(255, 255, 255, 0.98); background-color: rgba(255, 255, 255, 0.98);
} }
.nav-bar-dark .nav-submenu { .nav-bar-dark .nav-submenu {
color: rgba(17, 17, 17, 0.6); color: rgba(17, 17, 17, 0.6);
} }
.nav-bar-dark .nav-submenu:hover { .nav-bar-dark .nav-submenu:hover {
color: rgba(17, 17, 17, 1); color: rgba(17, 17, 17, 1);
} }
.nav-bar-dark .nav-submenu.current-route { .nav-bar-dark .nav-submenu.current-route {
color: rgba(17, 17, 17, 1); color: rgba(17, 17, 17, 1);
} }
.nav-bar-dark .nav-submenu:not(:last-child) { .nav-bar-dark .nav-submenu:not(:last-child) {
border-bottom: 1rem solid rgba(0, 0, 0, 0.1); border-bottom: 1rem solid rgba(0, 0, 0, 0.1);
} }
/* theme-dark --- end */ /* theme-dark --- end */
/* theme-light --- start */ /* theme-light --- start */
.nav-bar-light { .nav-bar-light {
color: #111111; color: #111111;
} }
.nav-bar-light .nav-submenus > div { .nav-bar-light .nav-submenus > div {
background-color: rgba(255, 255, 255, 0.98); background-color: rgba(255, 255, 255, 0.98);
} }
.nav-bar-light .nav-submenu { .nav-bar-light .nav-submenu {
color: rgba(17, 17, 17, 0.6); color: rgba(17, 17, 17, 0.6);
} }
.nav-bar-light .nav-submenu:hover { .nav-bar-light .nav-submenu:hover {
color: rgba(17, 17, 17, 1); color: rgba(17, 17, 17, 1);
} }
.nav-bar-light .nav-submenu.current-route { .nav-bar-light .nav-submenu.current-route {
color: rgba(17, 17, 17, 1); color: rgba(17, 17, 17, 1);
} }
.nav-bar-light .nav-submenu:not(:last-child) { .nav-bar-light .nav-submenu:not(:last-child) {
border-bottom: 1rem solid rgba(0, 0, 0, 0.1); border-bottom: 1rem solid rgba(0, 0, 0, 0.1);
} }
/* theme-light --- end */ /* theme-light --- end */
.qr-codes { .qr-codes {
display: flex; display: flex;
align-items: center; align-items: center;
position: relative; position: relative;
} }
.qr-code { .qr-code {
cursor: pointer; cursor: pointer;
} }
.qr-code + .qr-code { .qr-code + .qr-code {
margin-left: 69rem; margin-left: 69rem;
} }
.weixin{ .weixin {
width: 71rem; width: 71rem;
position: absolute; position: absolute;
top:50rem; top: 50rem;
display: none; display: none;
} }
.qr-codes .qr-code:last-child { .qr-codes .qr-code:last-child {
margin-left: 59rem; margin-left: 59rem;
} }
.qr-codes .qr-code:first-child:hover .weixin{ .qr-codes .qr-code:first-child:hover .weixin {
display: block; display: block;
} }
</style> </style>

View File

@ -10,56 +10,56 @@ const RouteView = {
const routes = [ const routes = [
{ {
path: '/', path: '/',
redirect: '/fshg.cc/home', redirect: '/cnkhp.com/home',
}, },
{ {
path: '/fshg.cc/home', path: '/cnkhp.com/home',
component: (resolve) => require(['../views/Home/Index.vue'], resolve), component: (resolve) => require(['../views/Home/Index.vue'], resolve),
}, },
{ {
path: '/fshg.cc/business', path: '/cnkhp.com/business',
component: RouteView, component: RouteView,
children: [ children: [
{ {
path: '/Cs.futurestar.cc', path: '/Cs.cnkhp.com',
component: (resolve) => component: (resolve) =>
require(['../views/Business/CapitalServices/Index.vue'], resolve), require(['../views/Business/CapitalServices/Index.vue'], resolve),
}, },
{ {
path: '/Tech.futurestar.cc', path: '/Tech.cnkhp.com',
component: (resolve) => component: (resolve) =>
require(['../views/Business/HighTech/Index.vue'], resolve), require(['../views/Business/HighTech/Index.vue'], resolve),
}, },
{ {
path: '/EE.futurestar.cc', path: '/HI.cnkhp.com',
component: (resolve) =>
require(['../views/Business/EnergyEnvironment/Index.vue'], resolve),
},
{
path: '/GSC.futurestar.cc',
component: (resolve) =>
require(['../views/Business/GlobalSupplyChain/Index.vue'], resolve),
},
{
path: '/BM.futurestar.cc',
component: (resolve) =>
require(['../views/Business/Commercial/Index.vue'], resolve),
},
{
path: '/HI.futurestar.cc',
component: (resolve) => component: (resolve) =>
require(['../views/Business/HealthIndustry/Index.vue'], resolve), require(['../views/Business/HealthIndustry/Index.vue'], resolve),
}, },
{ {
path: '/BI.futurestar.cc', path: '/BI.cnkhp.com',
component: (resolve) => component: (resolve) =>
require(['../views/Business/Construction/Index.vue'], resolve), require(['../views/Business/Construction/Index.vue'], resolve),
}, },
{ {
path: '/FA.futurestar.cc', path: '/EE.cnkhp.com',
component: (resolve) =>
require(['../views/Business/EnergyEnvironment/Index.vue'], resolve),
},
{
path: '/SCm.cnkhp.com',
component: (resolve) =>
require(['../views/Business/GlobalSupplyChain/Index.vue'], resolve),
},
{
path: '/AD.cnkhp.com',
component: (resolve) => component: (resolve) =>
require(['../views/Business/FutureAgriculture/Index.vue'], resolve), require(['../views/Business/FutureAgriculture/Index.vue'], resolve),
}, },
{
path: '/BM.cnkhp.com',
component: (resolve) =>
require(['../views/Business/Commercial/Index.vue'], resolve),
},
{ {
path: '/business/index', path: '/business/index',
component: (resolve) => component: (resolve) =>
@ -83,20 +83,20 @@ const routes = [
], ],
}, },
{ {
path: '/newsTrend', path: '/cnkhp.com/news',
component: RouteView, component: RouteView,
redirect: '/newsTrend/list', redirect: '/companyInformation',
children: [ children: [
{ // {
path: '/newsTrend/list', // path: '/newsTrend/list',
component: (resolve) => // component: (resolve) =>
require(['../views/NewsTrends/Index.vue'], resolve), // require(['../views/NewsTrends/Index.vue'], resolve),
}, // },
{ // {
path: '/newsTrend/detail/:newsId', // path: '/newsTrend/detail/:newsId',
component: (resolve) => // component: (resolve) =>
require(['../views/NewsTrends/NewsDetail.vue'], resolve), // require(['../views/NewsTrends/NewsDetail.vue'], resolve),
}, // },
{ {
path: '/companyInformation', path: '/companyInformation',
component: (resolve) => component: (resolve) =>
@ -134,12 +134,12 @@ const routes = [
component: RouteView, component: RouteView,
children: [ children: [
{ {
path: '/fshg.cc/about', path: '/cnkhp.com/about',
component: (resolve) => component: (resolve) =>
require(['../views/About/CompanyIntroduction/Index.vue'], resolve), require(['../views/About/CompanyIntroduction/Index.vue'], resolve),
}, },
{ {
path: '/fshg.cc/ContactUs', path: '/cnkhp.com/CU',
component: (resolve) => component: (resolve) =>
require(['../views/About/ContactUs/Index.vue'], resolve), require(['../views/About/ContactUs/Index.vue'], resolve),
}, },
@ -168,7 +168,7 @@ const routes = [
], ],
}, },
{ {
path: '/recruit', path: '/cnkhp.com/HR',
component: RouteView, component: RouteView,
children: [ children: [
{ {
@ -184,7 +184,7 @@ const routes = [
], ],
}, },
{ {
path: '/Invest', path: '/cnkhp.com/IC',
component: RouteView, component: RouteView,
redirect: '/cooperationOffer', redirect: '/cooperationOffer',
children: [ children: [

View File

@ -4,15 +4,6 @@
class="screen1" class="screen1"
id="screen1" id="screen1"
> >
<!-- <video
ref="video"
:src="playingVideoSrc"
style="width: 100%;filter: blur(2rem);"
autoplay
:controls="false"
loop="true"
muted="true"
></video> -->
<img <img
src="/static/img/about/aboutBanner.png" src="/static/img/about/aboutBanner.png"
alt="" alt=""
@ -36,75 +27,8 @@
{{ textEn }} {{ textEn }}
</div> </div>
<div style="flex: 1;"></div> <div style="flex: 1;"></div>
<!-- <div
style="width: 61rem;height: 61rem;cursor: pointer;"
@click="handleShowVideo"
>
<img
src="/static/img/icon/icon-video-play.png"
alt=""
style="width: 100%;height: 100%;"
>
</div> -->
<!-- <div style="font-size: 24rem;line-height: 1;margin-top: 34rem;font-family: MicrosoftYaHeiLight;">
观看视频
</div> -->
</div> </div>
</div> </div>
<!-- <div class="screen2">
<div class="wrapper1920">
<div class="list-wrapper">
<div
v-for="(item, index) in screen2.list"
:key="item.id"
class="list-item"
>
<transition :name="'curtain-' + (index % 2 === 0 ? 'right' : 'left')">
<div
v-show="screen2.offsetLevel >= index"
class="image-wrapper"
style="--tdu:0.5s;"
>
<img
:src="item.imageurl"
alt=""
style="width:100%;height:100%;"
>
</div>
</transition>
<transition :name="'curtain-' + (index % 2 === 0 ? 'right' : 'left')">
<div
v-show="screen2.offsetLevel >= index"
class="content-wrapper"
style="--tdu:0.5s;--tde:0.5s;"
>
<div class="title">
{{ item.businessName }}
</div>
<div
v-if="item.titleChinese"
class="content-first"
>
{{ item.titleChinese }}
</div>
<div
v-if="item.titleEnglish"
class="content-secondary"
>
{{ item.titleEnglish }}
</div>
<transition :name="'curtain-' + (index % 2 === 0 ? 'right' : 'left')">
<div
v-show="screen2.offsetLevel >= index"
style="--tdu:0.8s;--tde:0.5s;width:66rem;height:4rem;background-color:#D70D18;margin:40rem 5rem 0;"
></div>
</transition>
</div>
</transition>
</div>
</div>
</div>
</div> -->
<div <div
v-for="(item, index) in screenList" v-for="(item, index) in screenList"
:key="index" :key="index"
@ -305,7 +229,7 @@ export default {
offsets: [1800], offsets: [1800],
offsetLevel: -1, offsetLevel: -1,
imgSrc: '', imgSrc: '',
type: '我们的使命', type: '使命和愿景',
title: '', title: '',
content: ``, content: ``,
}, },
@ -313,7 +237,7 @@ export default {
offsets: [2500], offsets: [2500],
offsetLevel: -1, offsetLevel: -1,
imgSrc: '', imgSrc: '',
type: '我们的愿景', type: '理念和价值观',
title: '', title: '',
content: ``, content: ``,
}, },
@ -321,7 +245,7 @@ export default {
offsets: [3200], offsets: [3200],
offsetLevel: -1, offsetLevel: -1,
title: '我们的价值观', title: '我们的价值观',
contentCn: '我们的价值观体现并定义了未来之星工作的意义。\n它们是我们文化和经营方式的核心。', contentCn: '我们的价值观体现并定义了坤合盛世工作的意义。\n它们是我们文化和经营方式的核心。',
list: [], list: [],
}, },
screen6: { screen6: {
@ -392,10 +316,10 @@ export default {
// this.getScreen1Banner(); // this.getScreen1Banner();
this.getScreen1DialogVideo(); this.getScreen1DialogVideo();
// this.getScreen2ListData(); // this.getScreen2ListData();
this.getScreenListContent('我们的使命', this.screen3); this.getScreenListContent('使命和愿景', this.screen3);
this.getScreenListContent('我们的愿景', this.screen4); this.getScreenListContent('理念和价值观', this.screen4);
this.getScreen5ListData(); this.getScreen5ListData();
this.getScreen6ListData(); // this.getScreen6ListData();
}, },
mounted () { mounted () {
if (this.$route.hash) { if (this.$route.hash) {

View File

@ -143,14 +143,14 @@ export default {
}, },
screen2: { screen2: {
title: '服务热线', title: '服务热线',
lineNumber: '400-001-6725', lineNumber: '400-863-6001',
lineTime: '服务时间周一至周五AM 09:00-12:00 PM 01:00-06:00', lineTime: '服务时间周一至周五AM 09:00-12:00 PM 01:00-06:00',
}, },
contacts: [ contacts: [
{ title: '公司网址', value: 'www.Fshg.cc', src: '/static/img/contactUs/website.png' }, { title: '公司网址', value: 'www.cnkhp.com', src: '/static/img/contactUs/website.png' },
{ title: '公司邮箱', value: 'Info@Fshg.cc', src: '/static/img/contactUs/email.png' }, { title: '公司邮箱', value: 'Info@cnkhp.com', src: '/static/img/contactUs/email.png' },
{ title: '公众号', value: 'FutureStarHolding', src: '/static/img/contactUs/publicAccount.png' }, { title: '公众号', value: 'khpinc', src: '/static/img/contactUs/publicAccount.png' },
{ title: '公司地址', value: '海南省三亚市天涯区育春路七巷九号', src: '/static/img/contactUs/address.png' }, { title: '公司地址', value: '海南省三亚市吉阳区榆亚路195号2楼', src: '/static/img/contactUs/address.png' },
], ],
form: { form: {
captionName: '', captionName: '',

View File

@ -431,7 +431,7 @@ export default {
try { try {
const res = await this.$request.get( const res = await this.$request.get(
'/official/index/list', '/official/index/list',
{ params: { pageNum: 1, pageSize: 1, captionName: '业务领域/资本服务/主要内容' } }, { params: { pageNum: 1, pageSize: 1, captionName: '业务范围/资本服务/主要内容' } },
); );
this.screen2.title = res.rows[0].businessName; this.screen2.title = res.rows[0].businessName;
this.screen2.contentCn = res.rows[0].titleChinese; this.screen2.contentCn = res.rows[0].titleChinese;
@ -443,7 +443,7 @@ export default {
try { try {
const res = await this.$request.get( const res = await this.$request.get(
'/official/index/list', '/official/index/list',
{ params: { pageNum: 1, pageSize: 1, captionName: '业务领域/资本服务/项目描述' } }, { params: { pageNum: 1, pageSize: 1, captionName: '业务范围/资本服务/项目描述' } },
); );
this.screen3.titleCn = res.rows[0].businessName; this.screen3.titleCn = res.rows[0].businessName;
this.screen3.contentCn = res.rows[0].titleChinese; this.screen3.contentCn = res.rows[0].titleChinese;
@ -453,7 +453,7 @@ export default {
try { try {
const res = await this.$request.get( const res = await this.$request.get(
'/official/index/list', '/official/index/list',
{ params: { pageNum: 1, pageSize: 6, captionName: '业务领域/资本服务/项目案例' } }, { params: { pageNum: 1, pageSize: 6, captionName: '业务范围/资本服务/项目案例' } },
); );
this.screen3.list = res.rows.sort((a, b) => a.orders - b.orders); this.screen3.list = res.rows.sort((a, b) => a.orders - b.orders);
} catch (error) {} } catch (error) {}
@ -462,7 +462,7 @@ export default {
try { try {
const res = await this.$request.get( const res = await this.$request.get(
'/official/index/list', '/official/index/list',
{ params: { pageNum: 1, pageSize: 2, captionName: '业务领域/资本服务/技术支持' } }, { params: { pageNum: 1, pageSize: 2, captionName: '业务范围/资本服务/技术支持' } },
); );
this.screen4.list = res.rows.sort((a, b) => a.orders - b.orders); this.screen4.list = res.rows.sort((a, b) => a.orders - b.orders);
} catch (error) {} } catch (error) {}
@ -490,7 +490,7 @@ export default {
try { try {
const res = await this.$request.get( const res = await this.$request.get(
'/official/index/list', '/official/index/list',
{ params: { pageNum: 1, pageSize: 1, captionName: '业务领域/资本服务/joinus' } }, { params: { pageNum: 1, pageSize: 1, captionName: '业务范围/资本服务/joinus' } },
); );
this.screen5.joinUs.title = res.rows[0].businessName; this.screen5.joinUs.title = res.rows[0].businessName;
this.screen5.joinUs.contentCn = res.rows[0].titleChinese; this.screen5.joinUs.contentCn = res.rows[0].titleChinese;
@ -501,7 +501,7 @@ export default {
try { try {
const res = await this.$request.get( const res = await this.$request.get(
'/official/index/list', '/official/index/list',
{ params: { pageNum: 1, pageSize: 1, captionName: '业务领域/资本服务/渠道描述' } }, { params: { pageNum: 1, pageSize: 1, captionName: '业务范围/资本服务/渠道描述' } },
); );
this.screen6.titleCn = res.rows[0].businessName; this.screen6.titleCn = res.rows[0].businessName;
this.screen6.contentCn = res.rows[0].titleChinese; this.screen6.contentCn = res.rows[0].titleChinese;
@ -511,7 +511,7 @@ export default {
try { try {
const res = await this.$request.get( const res = await this.$request.get(
'/official/index/list', '/official/index/list',
{ params: { pageNum: 1, pageSize: 4, captionName: '业务领域/资本服务/资本渠道' } }, { params: { pageNum: 1, pageSize: 4, captionName: '业务范围/资本服务/资本渠道' } },
); );
this.screen6.list = res.rows.sort((a, b) => a.orders - b.orders); this.screen6.list = res.rows.sort((a, b) => a.orders - b.orders);
} catch (error) {} } catch (error) {}

View File

@ -20,7 +20,7 @@
class="text-posi-abs" class="text-posi-abs"
style="--t:99rem;--l:0rem;--fs:72rem;--c:#111111;--ff:MicrosoftYaHeiLight;--tde:0.3s;" style="--t:99rem;--l:0rem;--fs:72rem;--c:#111111;--ff:MicrosoftYaHeiLight;--tde:0.3s;"
> >
商业管理 商业服务
</div> </div>
</transition> </transition>
<transition name="fade-slide-bottom"> <transition name="fade-slide-bottom">
@ -284,7 +284,7 @@ export default {
try { try {
const res = await this.$request.get( const res = await this.$request.get(
'/official/index/list', '/official/index/list',
{ params: { pageNum: 1, pageSize: 1, captionName: '业务领域/商业管理/主要内容' } }, { params: { pageNum: 1, pageSize: 1, captionName: '业务范围/商业服务/主要内容' } },
); );
this.screen2.title = res.rows[0].businessName; this.screen2.title = res.rows[0].businessName;
this.screen2.contentCn = res.rows[0].titleChinese; this.screen2.contentCn = res.rows[0].titleChinese;
@ -296,7 +296,7 @@ export default {
try { try {
const res = await this.$request.get( const res = await this.$request.get(
'/official/index/list', '/official/index/list',
{ params: { pageNum: 1, pageSize: 1, captionName: '业务领域/商业管理/项目描述' } }, { params: { pageNum: 1, pageSize: 1, captionName: '业务范围/商业服务/项目描述' } },
); );
this.screen3.titleCn = res.rows[0].businessName; this.screen3.titleCn = res.rows[0].businessName;
this.screen3.contentCn = res.rows[0].titleChinese; this.screen3.contentCn = res.rows[0].titleChinese;
@ -306,7 +306,7 @@ export default {
try { try {
const res = await this.$request.get( const res = await this.$request.get(
'/official/index/list', '/official/index/list',
{ params: { pageNum: 1, pageSize: 6, captionName: '业务领域/商业管理/项目案例' } }, { params: { pageNum: 1, pageSize: 6, captionName: '业务范围/商业服务/项目案例' } },
); );
this.screen3.list = res.rows.sort((a, b) => a.orders - b.orders); this.screen3.list = res.rows.sort((a, b) => a.orders - b.orders);
} catch (error) {} } catch (error) {}
@ -315,7 +315,7 @@ export default {
try { try {
const res = await this.$request.get( const res = await this.$request.get(
'/official/index/list', '/official/index/list',
{ params: { pageNum: 1, pageSize: 2, captionName: '业务领域/商业管理/技术支持' } }, { params: { pageNum: 1, pageSize: 2, captionName: '业务范围/商业服务/技术支持' } },
); );
this.screen4.list = res.rows.sort((a, b) => a.orders - b.orders); this.screen4.list = res.rows.sort((a, b) => a.orders - b.orders);
} catch (error) {} } catch (error) {}
@ -324,7 +324,7 @@ export default {
try { try {
const res = await this.$request.get( const res = await this.$request.get(
'/official/index/list', '/official/index/list',
{ params: { pageNum: 1, pageSize: 1, captionName: '业务领域/商业管理/joinus' } }, { params: { pageNum: 1, pageSize: 1, captionName: '业务范围/商业服务/joinus' } },
); );
this.screen5.joinUs.title = res.rows[0].businessName; this.screen5.joinUs.title = res.rows[0].businessName;
this.screen5.joinUs.contentCn = res.rows[0].titleChinese; this.screen5.joinUs.contentCn = res.rows[0].titleChinese;

View File

@ -284,7 +284,7 @@ export default {
try { try {
const res = await this.$request.get( const res = await this.$request.get(
'/official/index/list', '/official/index/list',
{ params: { pageNum: 1, pageSize: 1, captionName: '业务领域/基础设施/主要内容' } }, { params: { pageNum: 1, pageSize: 1, captionName: '业务范围/基础设施/主要内容' } },
); );
this.screen2.title = res.rows[0].businessName; this.screen2.title = res.rows[0].businessName;
this.screen2.contentCn = res.rows[0].titleChinese; this.screen2.contentCn = res.rows[0].titleChinese;
@ -296,7 +296,7 @@ export default {
try { try {
const res = await this.$request.get( const res = await this.$request.get(
'/official/index/list', '/official/index/list',
{ params: { pageNum: 1, pageSize: 1, captionName: '业务领域/基础设施/项目描述' } }, { params: { pageNum: 1, pageSize: 1, captionName: '业务范围/基础设施/项目描述' } },
); );
this.screen3.titleCn = res.rows[0].businessName; this.screen3.titleCn = res.rows[0].businessName;
this.screen3.contentCn = res.rows[0].titleChinese; this.screen3.contentCn = res.rows[0].titleChinese;
@ -306,7 +306,7 @@ export default {
try { try {
const res = await this.$request.get( const res = await this.$request.get(
'/official/index/list', '/official/index/list',
{ params: { pageNum: 1, pageSize: 6, captionName: '业务领域/基础设施/项目案例' } }, { params: { pageNum: 1, pageSize: 6, captionName: '业务范围/基础设施/项目案例' } },
); );
this.screen3.list = res.rows.sort((a, b) => a.orders - b.orders); this.screen3.list = res.rows.sort((a, b) => a.orders - b.orders);
} catch (error) {} } catch (error) {}
@ -315,7 +315,7 @@ export default {
try { try {
const res = await this.$request.get( const res = await this.$request.get(
'/official/index/list', '/official/index/list',
{ params: { pageNum: 1, pageSize: 2, captionName: '业务领域/基础设施/技术支持' } }, { params: { pageNum: 1, pageSize: 2, captionName: '业务范围/基础设施/技术支持' } },
); );
this.screen4.list = res.rows.sort((a, b) => a.orders - b.orders); this.screen4.list = res.rows.sort((a, b) => a.orders - b.orders);
} catch (error) {} } catch (error) {}
@ -324,7 +324,7 @@ export default {
try { try {
const res = await this.$request.get( const res = await this.$request.get(
'/official/index/list', '/official/index/list',
{ params: { pageNum: 1, pageSize: 1, captionName: '业务领域/基础设施/joinus' } }, { params: { pageNum: 1, pageSize: 1, captionName: '业务范围/基础设施/joinus' } },
); );
this.screen5.joinUs.title = res.rows[0].businessName; this.screen5.joinUs.title = res.rows[0].businessName;
this.screen5.joinUs.contentCn = res.rows[0].titleChinese; this.screen5.joinUs.contentCn = res.rows[0].titleChinese;

View File

@ -20,7 +20,7 @@
class="text-posi-abs" class="text-posi-abs"
style="--t:99rem;--l:0rem;--fs:72rem;--c:#111111;--ff:MicrosoftYaHeiLight;--tde:0.3s;" style="--t:99rem;--l:0rem;--fs:72rem;--c:#111111;--ff:MicrosoftYaHeiLight;--tde:0.3s;"
> >
能源与环境 能源环保
</div> </div>
</transition> </transition>
<transition name="fade-slide-bottom"> <transition name="fade-slide-bottom">
@ -285,7 +285,7 @@ export default {
try { try {
const res = await this.$request.get( const res = await this.$request.get(
'/official/index/list', '/official/index/list',
{ params: { pageNum: 1, pageSize: 1, captionName: '业务领域/能源与环境/主要内容' } }, { params: { pageNum: 1, pageSize: 1, captionName: '业务范围/能源环保/主要内容' } },
); );
this.screen2.title = res.rows[0].businessName; this.screen2.title = res.rows[0].businessName;
this.screen2.contentCn = res.rows[0].titleChinese; this.screen2.contentCn = res.rows[0].titleChinese;
@ -297,7 +297,7 @@ export default {
try { try {
const res = await this.$request.get( const res = await this.$request.get(
'/official/index/list', '/official/index/list',
{ params: { pageNum: 1, pageSize: 1, captionName: '业务领域/能源与环境/项目描述' } }, { params: { pageNum: 1, pageSize: 1, captionName: '业务范围/能源环保/项目描述' } },
); );
this.screen3.titleCn = res.rows[0].businessName; this.screen3.titleCn = res.rows[0].businessName;
this.screen3.contentCn = res.rows[0].titleChinese; this.screen3.contentCn = res.rows[0].titleChinese;
@ -307,7 +307,7 @@ export default {
try { try {
const res = await this.$request.get( const res = await this.$request.get(
'/official/index/list', '/official/index/list',
{ params: { pageNum: 1, pageSize: 4, captionName: '业务领域/能源与环境/项目案例' } }, { params: { pageNum: 1, pageSize: 4, captionName: '业务范围/能源环保/项目案例' } },
); );
this.screen3.list = res.rows.sort((a, b) => a.orders - b.orders); this.screen3.list = res.rows.sort((a, b) => a.orders - b.orders);
} catch (error) {} } catch (error) {}
@ -316,7 +316,7 @@ export default {
try { try {
const res = await this.$request.get( const res = await this.$request.get(
'/official/index/list', '/official/index/list',
{ params: { pageNum: 1, pageSize: 2, captionName: '业务领域/能源与环境/技术支持' } }, { params: { pageNum: 1, pageSize: 2, captionName: '业务范围/能源环保/技术支持' } },
); );
this.screen4.list = res.rows.sort((a, b) => a.orders - b.orders); this.screen4.list = res.rows.sort((a, b) => a.orders - b.orders);
} catch (error) {} } catch (error) {}
@ -325,7 +325,7 @@ export default {
try { try {
const res = await this.$request.get( const res = await this.$request.get(
'/official/index/list', '/official/index/list',
{ params: { pageNum: 1, pageSize: 1, captionName: '业务领域/能源与环境/joinus' } }, { params: { pageNum: 1, pageSize: 1, captionName: '业务范围/能源环保/joinus' } },
); );
this.screen5.joinUs.title = res.rows[0].businessName; this.screen5.joinUs.title = res.rows[0].businessName;
this.screen5.joinUs.contentCn = res.rows[0].titleChinese; this.screen5.joinUs.contentCn = res.rows[0].titleChinese;

View File

@ -20,7 +20,7 @@
class="text-posi-abs" class="text-posi-abs"
style="--t:99rem;--l:0rem;--fs:72rem;--c:#111111;--ff:MicrosoftYaHeiLight;--tde:0.3s;" style="--t:99rem;--l:0rem;--fs:72rem;--c:#111111;--ff:MicrosoftYaHeiLight;--tde:0.3s;"
> >
未来农业 农业发展
</div> </div>
</transition> </transition>
<transition name="fade-slide-bottom"> <transition name="fade-slide-bottom">
@ -284,7 +284,7 @@ export default {
try { try {
const res = await this.$request.get( const res = await this.$request.get(
'/official/index/list', '/official/index/list',
{ params: { pageNum: 1, pageSize: 1, captionName: '业务领域/未来农业/主要内容' } }, { params: { pageNum: 1, pageSize: 1, captionName: '业务范围/农业发展/主要内容' } },
); );
this.screen2.title = res.rows[0].businessName; this.screen2.title = res.rows[0].businessName;
this.screen2.contentCn = res.rows[0].titleChinese; this.screen2.contentCn = res.rows[0].titleChinese;
@ -296,7 +296,7 @@ export default {
try { try {
const res = await this.$request.get( const res = await this.$request.get(
'/official/index/list', '/official/index/list',
{ params: { pageNum: 1, pageSize: 1, captionName: '业务领域/未来农业/项目描述' } }, { params: { pageNum: 1, pageSize: 1, captionName: '业务范围/农业发展/项目描述' } },
); );
this.screen3.titleCn = res.rows[0].businessName; this.screen3.titleCn = res.rows[0].businessName;
this.screen3.contentCn = res.rows[0].titleChinese; this.screen3.contentCn = res.rows[0].titleChinese;
@ -306,7 +306,7 @@ export default {
try { try {
const res = await this.$request.get( const res = await this.$request.get(
'/official/index/list', '/official/index/list',
{ params: { pageNum: 1, pageSize: 6, captionName: '业务领域/未来农业/项目案例' } }, { params: { pageNum: 1, pageSize: 6, captionName: '业务范围/农业发展/项目案例' } },
); );
this.screen3.list = res.rows.sort((a, b) => a.orders - b.orders); this.screen3.list = res.rows.sort((a, b) => a.orders - b.orders);
} catch (error) {} } catch (error) {}
@ -315,7 +315,7 @@ export default {
try { try {
const res = await this.$request.get( const res = await this.$request.get(
'/official/index/list', '/official/index/list',
{ params: { pageNum: 1, pageSize: 4, captionName: '业务领域/未来农业/技术支持' } }, { params: { pageNum: 1, pageSize: 4, captionName: '业务范围/农业发展/技术支持' } },
); );
this.screen4.list = res.rows.sort((a, b) => a.orders - b.orders); this.screen4.list = res.rows.sort((a, b) => a.orders - b.orders);
} catch (error) {} } catch (error) {}
@ -324,7 +324,7 @@ export default {
try { try {
const res = await this.$request.get( const res = await this.$request.get(
'/official/index/list', '/official/index/list',
{ params: { pageNum: 1, pageSize: 1, captionName: '业务领域/未来农业/joinus' } }, { params: { pageNum: 1, pageSize: 1, captionName: '业务范围/农业发展/joinus' } },
); );
this.screen5.joinUs.title = res.rows[0].businessName; this.screen5.joinUs.title = res.rows[0].businessName;
this.screen5.joinUs.contentCn = res.rows[0].titleChinese; this.screen5.joinUs.contentCn = res.rows[0].titleChinese;

View File

@ -20,7 +20,7 @@
class="text-posi-abs" class="text-posi-abs"
style="--t:99rem;--l:0rem;--fs:72rem;--c:#111111;--ff:MicrosoftYaHeiLight;--tde:0.3s;" style="--t:99rem;--l:0rem;--fs:72rem;--c:#111111;--ff:MicrosoftYaHeiLight;--tde:0.3s;"
> >
全球供应链 供应链管理
</div> </div>
</transition> </transition>
<transition name="fade-slide-bottom"> <transition name="fade-slide-bottom">
@ -344,7 +344,7 @@ export default {
try { try {
const res = await this.$request.get( const res = await this.$request.get(
'/official/index/list', '/official/index/list',
{ params: { pageNum: 1, pageSize: 1, captionName: '业务领域/全球供应链/主要内容' } }, { params: { pageNum: 1, pageSize: 1, captionName: '业务范围/供应链管理/主要内容' } },
); );
this.screen2.title = res.rows[0].businessName; this.screen2.title = res.rows[0].businessName;
this.screen2.contentCn = res.rows[0].titleChinese; this.screen2.contentCn = res.rows[0].titleChinese;
@ -356,7 +356,7 @@ export default {
try { try {
const res = await this.$request.get( const res = await this.$request.get(
'/official/index/list', '/official/index/list',
{ params: { pageNum: 1, pageSize: 1, captionName: '业务领域/全球供应链/项目描述' } }, { params: { pageNum: 1, pageSize: 1, captionName: '业务范围/供应链管理/项目描述' } },
); );
this.screen3.titleCn = res.rows[0].businessName; this.screen3.titleCn = res.rows[0].businessName;
this.screen3.contentCn = res.rows[0].titleChinese; this.screen3.contentCn = res.rows[0].titleChinese;
@ -366,7 +366,7 @@ export default {
try { try {
const res = await this.$request.get( const res = await this.$request.get(
'/official/index/list', '/official/index/list',
{ params: { pageNum: 1, pageSize: 6, captionName: '业务领域/全球供应链/项目案例' } }, { params: { pageNum: 1, pageSize: 6, captionName: '业务范围/供应链管理/项目案例' } },
); );
this.screen3.list = res.rows.sort((a, b) => a.orders - b.orders); this.screen3.list = res.rows.sort((a, b) => a.orders - b.orders);
} catch (error) {} } catch (error) {}
@ -375,7 +375,7 @@ export default {
try { try {
const res = await this.$request.get( const res = await this.$request.get(
'/official/index/list', '/official/index/list',
{ params: { pageNum: 1, pageSize: 2, captionName: '业务领域/全球供应链/技术支持' } }, { params: { pageNum: 1, pageSize: 2, captionName: '业务范围/供应链管理/技术支持' } },
); );
this.screen4.list = res.rows.sort((a, b) => a.orders - b.orders); this.screen4.list = res.rows.sort((a, b) => a.orders - b.orders);
} catch (error) {} } catch (error) {}
@ -384,7 +384,7 @@ export default {
try { try {
const res = await this.$request.get( const res = await this.$request.get(
'/official/index/list', '/official/index/list',
{ params: { pageNum: 1, pageSize: 1, captionName: '业务领域/全球供应链/joinus' } }, { params: { pageNum: 1, pageSize: 1, captionName: '业务范围/供应链管理/joinus' } },
); );
this.screen5.joinUs.title = res.rows[0].businessName; this.screen5.joinUs.title = res.rows[0].businessName;
this.screen5.joinUs.contentCn = res.rows[0].titleChinese; this.screen5.joinUs.contentCn = res.rows[0].titleChinese;
@ -395,7 +395,7 @@ export default {
try { try {
const res = await this.$request.get( const res = await this.$request.get(
'/official/index/list', '/official/index/list',
{ params: { pageNum: 1, pageSize: 1, captionName: '业务领域/全球供应链/供应链描述' } }, { params: { pageNum: 1, pageSize: 1, captionName: '业务范围/供应链管理/供应链描述' } },
); );
this.screen6.titleCn = res.rows[0].businessName; this.screen6.titleCn = res.rows[0].businessName;
this.screen6.contentCn = res.rows[0].titleChinese; this.screen6.contentCn = res.rows[0].titleChinese;
@ -405,7 +405,7 @@ export default {
try { try {
const res = await this.$request.get( const res = await this.$request.get(
'/official/index/list', '/official/index/list',
{ params: { pageNum: 1, pageSize: 5, captionName: '业务领域/全球供应链/供应链流程' } }, { params: { pageNum: 1, pageSize: 5, captionName: '业务范围/供应链管理/供应链流程' } },
); );
this.screen6.list = res.rows.sort((a, b) => a.orders - b.orders); this.screen6.list = res.rows.sort((a, b) => a.orders - b.orders);
} catch (error) {} } catch (error) {}

View File

@ -20,7 +20,7 @@
class="text-posi-abs" class="text-posi-abs"
style="--t:99rem;--l:0rem;--fs:72rem;--c:#111111;--ff:MicrosoftYaHeiLight;--tde:0.3s;" style="--t:99rem;--l:0rem;--fs:72rem;--c:#111111;--ff:MicrosoftYaHeiLight;--tde:0.3s;"
> >
健康产业 健康产业
</div> </div>
</transition> </transition>
<transition name="fade-slide-bottom"> <transition name="fade-slide-bottom">
@ -284,7 +284,7 @@ export default {
try { try {
const res = await this.$request.get( const res = await this.$request.get(
'/official/index/list', '/official/index/list',
{ params: { pageNum: 1, pageSize: 1, captionName: '业务领域/健康产业/主要内容' } }, { params: { pageNum: 1, pageSize: 1, captionName: '业务范围/大健康产业/主要内容' } },
); );
this.screen2.title = res.rows[0].businessName; this.screen2.title = res.rows[0].businessName;
this.screen2.contentCn = res.rows[0].titleChinese; this.screen2.contentCn = res.rows[0].titleChinese;
@ -296,7 +296,7 @@ export default {
try { try {
const res = await this.$request.get( const res = await this.$request.get(
'/official/index/list', '/official/index/list',
{ params: { pageNum: 1, pageSize: 1, captionName: '业务领域/健康产业/项目描述' } }, { params: { pageNum: 1, pageSize: 1, captionName: '业务范围/大健康产业/项目描述' } },
); );
this.screen3.titleCn = res.rows[0].businessName; this.screen3.titleCn = res.rows[0].businessName;
this.screen3.contentCn = res.rows[0].titleChinese; this.screen3.contentCn = res.rows[0].titleChinese;
@ -306,7 +306,7 @@ export default {
try { try {
const res = await this.$request.get( const res = await this.$request.get(
'/official/index/list', '/official/index/list',
{ params: { pageNum: 1, pageSize: 6, captionName: '业务领域/健康产业/项目案例' } }, { params: { pageNum: 1, pageSize: 6, captionName: '业务范围/大健康产业/项目案例' } },
); );
this.screen3.list = res.rows.sort((a, b) => a.orders - b.orders); this.screen3.list = res.rows.sort((a, b) => a.orders - b.orders);
} catch (error) {} } catch (error) {}
@ -315,7 +315,7 @@ export default {
try { try {
const res = await this.$request.get( const res = await this.$request.get(
'/official/index/list', '/official/index/list',
{ params: { pageNum: 1, pageSize: 2, captionName: '业务领域/健康产业/技术支持' } }, { params: { pageNum: 1, pageSize: 2, captionName: '业务范围/大健康产业/技术支持' } },
); );
this.screen4.list = res.rows.sort((a, b) => a.orders - b.orders); this.screen4.list = res.rows.sort((a, b) => a.orders - b.orders);
} catch (error) {} } catch (error) {}
@ -324,7 +324,7 @@ export default {
try { try {
const res = await this.$request.get( const res = await this.$request.get(
'/official/index/list', '/official/index/list',
{ params: { pageNum: 1, pageSize: 1, captionName: '业务领域/健康产业/joinus' } }, { params: { pageNum: 1, pageSize: 1, captionName: '业务范围/大健康产业/joinus' } },
); );
this.screen5.joinUs.title = res.rows[0].businessName; this.screen5.joinUs.title = res.rows[0].businessName;
this.screen5.joinUs.contentCn = res.rows[0].titleChinese; this.screen5.joinUs.contentCn = res.rows[0].titleChinese;

View File

@ -323,7 +323,7 @@ export default {
try { try {
const res = await this.$request.get( const res = await this.$request.get(
'/official/index/list', '/official/index/list',
{ params: { pageNum: 1, pageSize: 1, captionName: '业务领域/高新技术/主要内容' } }, { params: { pageNum: 1, pageSize: 1, captionName: '业务范围/高新技术/主要内容' } },
); );
this.screen2.title = res.rows[0].businessName; this.screen2.title = res.rows[0].businessName;
this.screen2.contentCn = res.rows[0].titleChinese; this.screen2.contentCn = res.rows[0].titleChinese;
@ -335,7 +335,7 @@ export default {
try { try {
const res = await this.$request.get( const res = await this.$request.get(
'/official/index/list', '/official/index/list',
{ params: { pageNum: 1, pageSize: 1, captionName: '业务领域/高新技术/项目描述' } }, { params: { pageNum: 1, pageSize: 1, captionName: '业务范围/高新技术/项目描述' } },
); );
this.screen3.titleCn = res.rows[0].businessName; this.screen3.titleCn = res.rows[0].businessName;
this.screen3.contentCn = res.rows[0].titleChinese; this.screen3.contentCn = res.rows[0].titleChinese;
@ -345,7 +345,7 @@ export default {
try { try {
const res = await this.$request.get( const res = await this.$request.get(
'/official/index/list', '/official/index/list',
{ params: { pageNum: 1, pageSize: 6, captionName: '业务领域/高新技术/项目案例' } }, { params: { pageNum: 1, pageSize: 6, captionName: '业务范围/高新技术/项目案例' } },
); );
this.screen3.list = res.rows.sort((a, b) => a.orders - b.orders); this.screen3.list = res.rows.sort((a, b) => a.orders - b.orders);
} catch (error) {} } catch (error) {}
@ -354,7 +354,7 @@ export default {
try { try {
const res = await this.$request.get( const res = await this.$request.get(
'/official/index/list', '/official/index/list',
{ params: { pageNum: 1, pageSize: 2, captionName: '业务领域/高新技术/技术支持' } }, { params: { pageNum: 1, pageSize: 2, captionName: '业务范围/高新技术/技术支持' } },
); );
this.screen4.list = res.rows.sort((a, b) => a.orders - b.orders); this.screen4.list = res.rows.sort((a, b) => a.orders - b.orders);
} catch (error) {} } catch (error) {}
@ -363,7 +363,7 @@ export default {
try { try {
const res = await this.$request.get( const res = await this.$request.get(
'/official/index/list', '/official/index/list',
{ params: { pageNum: 1, pageSize: 1, captionName: '业务领域/高新技术/joinus' } }, { params: { pageNum: 1, pageSize: 1, captionName: '业务范围/高新技术/joinus' } },
); );
this.screen5.joinUs.title = res.rows[0].businessName; this.screen5.joinUs.title = res.rows[0].businessName;
this.screen5.joinUs.contentCn = res.rows[0].titleChinese; this.screen5.joinUs.contentCn = res.rows[0].titleChinese;

View File

@ -40,7 +40,7 @@
class="text-posi-abs" class="text-posi-abs"
style="--r:1rem;--t:95rem;--ff:MicrosoftYaHeiSemibold;--fs:14rem;--fw:400;" style="--r:1rem;--t:95rem;--ff:MicrosoftYaHeiSemibold;--fs:14rem;--fw:400;"
> >
未来之星控股集团&nbsp;&nbsp;&nbsp;&nbsp;为世界创造价值 坤合盛世集团&nbsp;&nbsp;&nbsp;&nbsp;创造并实现共同价值
</div> </div>
</transition> </transition>
<transition name="fade-slide-left"> <transition name="fade-slide-left">

File diff suppressed because it is too large Load Diff

View File

@ -230,7 +230,7 @@ export default {
try { try {
const res = await this.$request.get( const res = await this.$request.get(
'/official/index/list', '/official/index/list',
{ params: { pageNum: 1, pageSize: 1, captionName: '投资与合作/合作邀约/banner' } }, { params: { pageNum: 1, pageSize: 1, captionName: '投资与合作/合作机会/banner' } },
); );
this.screen1.bannerUrl = res.rows[0].imageurl; this.screen1.bannerUrl = res.rows[0].imageurl;
} catch (error) {} } catch (error) {}
@ -239,7 +239,7 @@ export default {
try { try {
const res = await this.$request.get( const res = await this.$request.get(
'/official/index/list', '/official/index/list',
{ params: { pageNum: 1, pageSize: 1, captionName: '投资与合作/合作邀约/简介' } }, { params: { pageNum: 1, pageSize: 1, captionName: '投资与合作/合作机会/简介' } },
); );
Object.assign(this.screen2, res.rows[0]); Object.assign(this.screen2, res.rows[0]);
} catch (error) {} } catch (error) {}

View File

@ -16,7 +16,7 @@
@tab-click="handleChosePane" @tab-click="handleChosePane"
> >
<el-tab-pane <el-tab-pane
label="投资者" label="投资者新闻"
name="first" name="first"
> >
<div class="news-wrapper"> <div class="news-wrapper">

View File

@ -248,7 +248,7 @@ export default {
try { try {
const res = await this.$request.get( const res = await this.$request.get(
'/official/index/list', '/official/index/list',
{ params: { pageNum: 1, pageSize: 1, captionName: '人才招募/招募信息/banner' } }, { params: { pageNum: 1, pageSize: 1, captionName: '人才招募/招募公告/banner' } },
); );
this.screen1.bannerUrl = res.rows[0].imageurl; this.screen1.bannerUrl = res.rows[0].imageurl;
} catch (error) {} } catch (error) {}

View File

@ -142,7 +142,7 @@ export default {
try { try {
const res = await this.$request.get( const res = await this.$request.get(
'/official/index/list', '/official/index/list',
{ params: { pageNum: 1, pageSize: 1, captionName: '人才招募/人才战略/领域的综合发展' } }, { params: { pageNum: 1, pageSize: 1, captionName: '人才招募/人才战略/领域的综合发展' } },
); );
Object.assign(this.screen2, res.rows[0]); Object.assign(this.screen2, res.rows[0]);
} catch (error) {} } catch (error) {}
@ -151,7 +151,7 @@ export default {
try { try {
const res = await this.$request.get( const res = await this.$request.get(
'/official/index/list', '/official/index/list',
{ params: { pageNum: 1, pageSize: 1, captionName: '人才招募/人才战略/创新与探索的氛围' } }, { params: { pageNum: 1, pageSize: 1, captionName: '人才招募/人才战略/探索与创新的氛围' } },
); );
Object.assign(this.screen3, res.rows[0]); Object.assign(this.screen3, res.rows[0]);
} catch (error) {} } catch (error) {}