wangchengming/KH_OfficialWebsite
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

提交

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
public/index.html
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>

41
src/components/FootBar.vue
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' },
], ],
}, },
], ],

272
src/components/NavBar.vue
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,80 +46,83 @@
</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 () { data() {
return { return {
menus: [ menus: [
{ {
title: '首页', title: '首页',
path: '/fshg.cc/home', path: '/cnkhp.com/home'
}, },
{ title: '关于我们', path: '/fshg.cc/about' }, { title: '关于我们', path: '/cnkhp.com/about' },
{ {
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: '/newsTrend' },
{ title: '公司资讯', path: '/companyInformation' }, { title: '公司资讯', path: '/companyInformation' },
{ title: '政策法规', path: '/policyRegulations' },
{ title: '行业动态', path: '/industryDynamics' }, { title: '行业动态', path: '/industryDynamics' },
], { title: '政策法规', path: '/policyRegulations' }
]
}, },
{ {
title: '投资与合作', title: '投资与合作',
children: [ children: [
{ title: '投资者', path: '/investor' }, { title: '投资者', path: '/investor' },
{ title: '合作邀约', path: '/cooperationOffer' }, { title: '合作机会', path: '/cooperationOffer' },
{ title: '合作伙伴', path: '/businesspartner' }, { title: '合作伙伴', path: '/businesspartner' }
], ]
}, },
{ {
title: '人才招募', title: '人才招募',
children: [ children: [
{ title: '人才战略', path: '/recruit/talentStrategy' }, { title: '人才战略', path: '/recruit/talentStrategy' },
{ title: '招募信息', path: '/recruit/socialRecruit' }, { title: '招募公告', path: '/recruit/socialRecruit' }
], ]
},
{ title: '联系我们', path: '/cnkhp.com/CU' },
{
title: '客户登录',
jump: 'http://117.72.41.220:9097'
}, },
{ title: '联系我们', path: '/fshg.cc/ContactUs' },
{ {
title: '供应商登录', title: '供应商登录',
jump: 'http://117.72.41.220:9097', jump: 'http://117.72.41.220:9097'
}, }
{ ]
title: '登录',
path: '/',
},
],
}; };
}, },
computed: { computed: {
qrs () { qrs() {
return [ return [
{ icon: '/static/img/nav/icon-wechat-' + this.theme + '.png' }, { 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' }, icon: '/static/img/nav/icon-email-' + this.theme + '.png',
]; listeners: { click: this.handlePost }
}, },
{ icon: '/static/img/nav/icon-earth-' + this.theme + '.png' }
];
}
}, },
methods: { methods: {
handlePost () { handlePost() {
const a = document.createElement('a'); const a = document.createElement('a');
a.href = 'mailto:why@shtril.com'; a.href = 'mailto:why@shtril.com';
document.body.appendChild(a); document.body.appendChild(a);
@ -156,20 +130,20 @@ export default {
document.body.removeChild(a); document.body.removeChild(a);
}, },
winOpen(url) { winOpen(url) {
if(url) window.open(url ,'_blank') 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;
@ -177,133 +151,133 @@ export default {
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>

78
src/router/index.js
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: [

88
src/views/About/CompanyIntroduction/Index.vue
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) {

10
src/views/About/ContactUs/Index.vue
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: '',

14
src/views/Business/CapitalServices/Index.vue
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) {}

12
src/views/Business/Commercial/Index.vue
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;

10
src/views/Business/Construction/Index.vue
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;

12
src/views/Business/EnergyEnvironment/Index.vue
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;

12
src/views/Business/FutureAgriculture/Index.vue
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;

16
src/views/Business/GlobalSupplyChain/Index.vue
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) {}

12
src/views/Business/HealthIndustry/Index.vue
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;

10
src/views/Business/HighTech/Index.vue
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;

2
src/views/Home/Index.vue
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">

516
src/views/Invest/BusinessPartner/Index.vue
View File

@ -2,29 +2,15 @@
<div class="part-building"> <div class="part-building">
<div style="height:104rem;"></div> <div style="height:104rem;"></div>
<div class="screen1"> <div class="screen1">
<img <img :src="screen1.bannerUrl" alt="" style="width:100%;" />
:src="screen1.bannerUrl"
alt=""
style="width:100%;"
/>
</div> </div>
<div class="screen11"> <div class="screen11">
<div class="wrapper1680"> <div class="wrapper1680">
<div class="list-wrapper"> <div class="list-wrapper">
<div <div v-for="(item, index) in screen1.Partner" :key="'itemkey' + index" class="list-item">
v-for="(item, index) in screen1.Partner"
:key="'itemkey' + index"
class="list-item"
>
<transition name="scale"> <transition name="scale">
<div <div class="list-img" :style="`--tde:${0.6 + index * 0.05}s;`">
class="list-img" <img :src="item.imageurl" alt="">
:style="`--tde:${0.6 + index * 0.05}s;`"
>
<img
:src="item.imageurl"
alt=""
>
</div> </div>
</transition> </transition>
</div> </div>
@ -40,22 +26,16 @@
成为合作伙伴 成为合作伙伴
</div> </div>
</div> </div>
<el-form <el-form ref="Partnerform" :model="form1" :rules="form1Rules" label-width="130rem" style="margin-top: 40rem">
ref="Partnerform"
:model="form1"
:rules="form1Rules"
label-width="130rem"
style="margin-top: 40rem"
>
<div class="formBarContent"> <div class="formBarContent">
<el-row> <el-row>
<el-col :span="6"> <el-col :span="6">
<el-form-item label="公司名称(个人)" prop="companyName"> <el-form-item label="单位名称(个人)" prop="companyName">
<el-input v-model="form1.companyName" /> <el-input v-model="form1.companyName" />
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="6"> <el-col :span="6">
<el-form-item label="地址" prop="address"> <el-form-item label="单位地址" prop="address">
<el-input v-model="form1.address" /> <el-input v-model="form1.address" />
</el-form-item> </el-form-item>
</el-col> </el-col>
@ -70,51 +50,35 @@
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-row>
<el-col :span="16">
<el-form-item label="擅长方向"> <el-form-item label="擅长方向">
<el-checkbox-group v-model="form1.fieldType"> <el-checkbox-group v-model="form1.fieldType">
<el-checkbox <el-checkbox v-for="(item, index) in excelInList" :key="'excelIn' + index" :label="item.label" :value="item.value" />
v-for="(item, index) in excelInList"
:key="'excelIn' + index"
:label="item.label"
:value="item.value"
/>
</el-checkbox-group> </el-checkbox-group>
</el-form-item> </el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="其他" >
<el-input v-model="form1.otherNotes" placeholder="请输入其他说明" />
</el-form-item>
</el-col>
</el-row>
<el-row> <el-row>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="优势概念"> <el-form-item label="优势概念">
<el-input <el-input v-model="form1.advantageConcept" :autosize="{ minRows: 6, maxRows: 6 }" type="textarea" />
v-model="form1.advantageConcept"
:autosize="{ minRows: 6, maxRows: 6 }"
type="textarea"
/>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="合作意向概述"> <el-form-item label="合作意向概述">
<el-input <el-input v-model="form1.cooperationIntention" :autosize="{ minRows: 6, maxRows: 6 }" type="textarea" />
v-model="form1.cooperationIntention"
:autosize="{ minRows: 6, maxRows: 6 }"
type="textarea"
/>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-form-item label="附件"> <el-form-item label="附件">
<div class="upload-file"> <div class="upload-file">
<el-upload <el-upload multiple :action="uploadFileUrl" :before-upload="handleBeforeUpload" :file-list="fileList" :limit="limit" :on-error="handleUploadError" :on-exceed="handleExceed" :on-success="handleUploadSuccess" :show-file-list="false" class="upload-file-uploader" ref="fileUpload">
multiple
:action="uploadFileUrl"
:before-upload="handleBeforeUpload"
:file-list="fileList"
:limit="limit"
:on-error="handleUploadError"
:on-exceed="handleExceed"
:on-success="handleUploadSuccess"
:show-file-list="false"
class="upload-file-uploader"
ref="fileUpload"
>
<!-- 上传按钮 --> <!-- 上传按钮 -->
<el-button size="small" type="primary">上传</el-button> <el-button size="small" type="primary">上传</el-button>
<!-- 上传提示 --> <!-- 上传提示 -->
@ -158,22 +122,16 @@
成为供应商 成为供应商
</div> </div>
</div> </div>
<el-form <el-form :model="form" :rules="formRules" ref="Supperform" label-width="140rem" style="margin-top: 40rem">
:model="form"
:rules="formRules"
ref="Supperform"
label-width="140rem"
style="margin-top: 40rem"
>
<div class="formBarContent"> <div class="formBarContent">
<el-row> <el-row>
<el-col :span="6"> <el-col :span="6">
<el-form-item label="公司名称" prop="companyName"> <el-form-item label="单位名称" prop="companyName">
<el-input v-model="form.companyName" /> <el-input v-model="form.companyName" />
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="6"> <el-col :span="6">
<el-form-item label="公司地址" prop="address"> <el-form-item label="单位地址" prop="address">
<el-input v-model="form.address" /> <el-input v-model="form.address" />
</el-form-item> </el-form-item>
</el-col> </el-col>
@ -192,17 +150,12 @@
<el-col :span="12"> <el-col :span="12">
<el-form-item label="企业性质"> <el-form-item label="企业性质">
<el-checkbox-group :max="1" v-model="form.businessNature"> <el-checkbox-group :max="1" v-model="form.businessNature">
<el-checkbox <el-checkbox v-for="(item, index) in enterprisePropertyList" :key="'enterpriseProperty' + index" :label="item.label" :value="item.value" />
v-for="(item, index) in enterprisePropertyList"
:key="'enterpriseProperty' + index"
:label="item.label"
:value="item.value"
/>
</el-checkbox-group> </el-checkbox-group>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="6"> <el-col :span="6">
<el-form-item label="行业领域"> <el-form-item label="行业/领域">
<el-input v-model="form.fieldIndustry" /> <el-input v-model="form.fieldIndustry" />
</el-form-item> </el-form-item>
</el-col> </el-col>
@ -219,19 +172,14 @@
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="6"> <el-col :span="6">
<el-form-item label="网址" > <el-form-item label="网址">
<el-input v-model="form.webAddress" /> <el-input v-model="form.webAddress" />
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="设计开发能力"> <el-form-item label="设计开发能力">
<el-checkbox-group v-model="form.developmentCapability"> <el-checkbox-group v-model="form.developmentCapability">
<el-checkbox <el-checkbox v-for="(item, index) in designCapabilityList" :key="'designCapability' + index" :label="item.label" :value="item.value" />
v-for="(item, index) in designCapabilityList"
:key="'designCapability' + index"
:label="item.label"
:value="item.value"
/>
</el-checkbox-group> </el-checkbox-group>
</el-form-item> </el-form-item>
</el-col> </el-col>
@ -240,24 +188,14 @@
<el-col :span="12"> <el-col :span="12">
<el-form-item label="遵守标准"> <el-form-item label="遵守标准">
<el-checkbox-group v-model="form.complianceStandards"> <el-checkbox-group v-model="form.complianceStandards">
<el-checkbox <el-checkbox v-for="(item, index) in standardsList" :key="'standards' + index" :label="item.label" :value="item.value" />
v-for="(item, index) in standardsList"
:key="'standards' + index"
:label="item.label"
:value="item.value"
/>
</el-checkbox-group> </el-checkbox-group>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="7"> <el-col :span="7">
<el-form-item label="产品已获得的认证"> <el-form-item label="产品已获得的认证">
<el-checkbox-group :max="1" v-model="form.productCertification"> <el-checkbox-group :max="1" v-model="form.productCertification">
<el-checkbox <el-checkbox v-for="(item, index) in authenticationList" :key="'authentication' + index" :label="item.label" :value="item.value" />
v-for="(item, index) in authenticationList"
:key="'authentication' + index"
:label="item.label"
:value="item.value"
/>
</el-checkbox-group> </el-checkbox-group>
</el-form-item> </el-form-item>
</el-col> </el-col>
@ -269,54 +207,32 @@
</el-row> </el-row>
<el-form-item label="质量体系情况"> <el-form-item label="质量体系情况">
<el-checkbox-group v-model="form.qualitySystem"> <el-checkbox-group v-model="form.qualitySystem">
<el-checkbox <el-checkbox v-for="(item, index) in qualitySystemList" :key="'qualitySystem' + index" :label="item.label" :value="item.value" />
v-for="(item, index) in qualitySystemList"
:key="'qualitySystem' + index"
:label="item.label"
:value="item.value"
/>
</el-checkbox-group> </el-checkbox-group>
</el-form-item> </el-form-item>
<el-form-item label="是否具备相关资质"> <el-form-item label="是否具备相关资质">
<el-checkbox-group v-model="form.relevantQualifications"> <el-checkbox-group v-model="form.relevantQualifications">
<el-checkbox <el-checkbox v-for="(item, index) in relevantQualificationList" :key="'relevantQualification' + index" :label="item.label" :value="item.value" />
v-for="(item, index) in relevantQualificationList"
:key="'relevantQualification' + index"
:label="item.label"
:value="item.value"
/>
</el-checkbox-group> </el-checkbox-group>
</el-form-item> </el-form-item>
<el-form-item label="产品案例">
<el-input v-model="form.otherNotes" placeholder="请输入产品案例" />
</el-form-item>
<el-row> <el-row>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="优势概念"> <el-form-item label="优势概念">
<el-input <el-input v-model="form.advantageConcept" :autosize="{ minRows: 6, maxRows: 6 }" type="textarea" />
v-model="form.advantageConcept"
:autosize="{ minRows: 6, maxRows: 6 }"
type="textarea"
/>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="合作意向概述"> <el-form-item label="合作意向概述">
<el-input <el-input v-model="form.cooperationIntention" :autosize="{ minRows: 6, maxRows: 6 }" type="textarea" />
v-model="form.cooperationIntention"
:autosize="{ minRows: 6, maxRows: 6 }"
type="textarea"
/>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-form-item label="附件"> <el-form-item label="附件">
<el-upload <el-upload class="upload-demo" action="https://jsonplaceholder.typicode.com/posts/" :file-list="fileList2">
class="upload-demo" <el-button size="small" type="primary">
action="https://jsonplaceholder.typicode.com/posts/"
:file-list="fileList2"
>
<el-button
size="small"
type="primary"
>
上传 上传
</el-button> </el-button>
</el-upload> </el-upload>
@ -336,78 +252,88 @@
</template> </template>
<script> <script>
import { mapState } from 'vuex'; import { mapState } from 'vuex';
import FootBar from '@/components/FootBar.vue'; import FootBar from '@/components/FootBar.vue';
export default { export default {
components: { components: {
FootBar, FootBar
}, },
data () { data() {
return { return {
screen1: { screen1: {
bannerUrl: '', bannerUrl: '',
Partner: [], Partner: []
}, },
fileList1: [], fileList1: [],
fileList2: [], fileList2: [],
excelInList: [ excelInList: [
{ label: '项目合作', value: '项目合作' }, { label: '项目资源', value: '项目资源' },
{ label: '人脉资源', value: '人脉资源' }, { label: '人脉资源', value: '人脉资源' },
{ label: '创新技术', value: '创新技术' }, { label: '新兴技术', value: '新兴技术' },
{ label: '法律咨询', value: '法律咨询' }, { label: '法律咨询', value: '法律咨询' },
{ label: '投融资', value: '投融资' }, { label: '投资融资', value: '投资融资' },
{ label: '行业经验', value: '行业经验' }, { label: '行业资源', value: '行业资源' },
{ label: '产品', value: '产品' }, { label: '产品资源', value: '产品资源' },
{ label: '资质优势', value: '资质优势' }, { label: '资质认证', value: '资质认证' }
], ],
enterprisePropertyList: [ enterprisePropertyList: [
{ label: '国营', value: '国营' }, { label: '国营', value: '国营' },
{ label: '私营', value: '私营' }, { label: '私营', value: '私营' },
{ label: '合资', value: '合资' }, { label: '合资', value: '合资' },
{ label: '其他', value: '其他' }, { label: '其他', value: '其他' }
], ],
designCapabilityList: [ designCapabilityList: [
{ label: '自主设计开发', value: '自主设计开发' }, { label: '自主设计开发', value: '自主设计开发' },
{ label: '来料加工', value: '来料加工' }, { label: '来料加工', value: '来料加工' },
{ label: '贸易代理', value: '贸易代理' }, { label: '贸易/代理', value: '贸易/代理' }
], ],
standardsList: [ standardsList: [
{ label: '国际标准', value: '国际标准' }, { label: '国际标准', value: '国际标准' },
{ label: '国家标准', value: '国家标准' }, { label: '国家标准', value: '国家标准' },
{ label: '行业标准', value: '行业标准' }, { label: '行业标准', value: '行业标准' },
{ label: '企业标准', value: '企业标准' }, { label: '企业标准', value: '企业标准' }
], ],
authenticationList: [ authenticationList: [
{ label: '3C', value: '3C' }, { label: '3C', value: '3C' },
{ label: 'CE', value: 'CE' },
{ label: 'FCC', value: 'FCC' },
{ label: 'ROHS', value: 'ROHS' }, { label: 'ROHS', value: 'ROHS' },
{ label: '其他说明', value: '其他说明' }, { label: 'GS', value: 'GS' },
{ label: 'CQC', value: 'CQC' },
{ label: '其他说明', value: '其他说明' }
], ],
qualitySystemList: [ qualitySystemList: [
{ label: 'IS09001', value: 'IS09001' }, { label: 'IS09001', value: 'IS09001' },
{ label: 'ISO14001', value: 'ISO14001' }, { label: 'ISO14001', value: 'ISO14001' },
{ label: 'ISO27001', value: 'ISO27001' }, { label: 'ISO27001', value: 'ISO27001' },
{ label: 'QS9000', value: 'QS9000' }, { label: 'QS9000', value: 'QS9000' },
{ label: 'TS16849', value: 'TS16849' }, { label: 'TS16849', value: 'TS16849' }
], ],
relevantQualificationList: [ relevantQualificationList: [
{ label: '专利', value: '专利' }, { label: '专利', value: '专利' },
{ label: '软件著作权', value: '软件著作权' }, { label: '软件著作权', value: '软件著作权' },
{ label: '保密', value: '保密' },
{ label: '建筑类', value: '建筑类' },
{ label: '食品生产许可证', value: '食品生产许可证' }, { label: '食品生产许可证', value: '食品生产许可证' },
{ label: '食品经营许可证', value: '食品经营许可证' }, { label: '食品经营许可证', value: '食品经营许可证' },
{ label: '其他证书', value: '其他证书' }, { label: '药品生产许可证', value: '药品生产许可证' },
{ label: '药字', value: '药字' },
{ label: '妆字', value: '妆字' },
{ label: '进出口', value: '进出口' },
{ label: '其他证书', value: '其他证书' }
], ],
form1Rules: { form1Rules: {
companyName: [ companyName: [
{ required: true, message: '请输入公司名称(个人)', trigger: 'blur' }, { required: true, message: '请输入单位名称(个人)', trigger: 'blur' }
], ],
address: [ address: [
{ required: true, message: '请输入地址', trigger: 'blur' }, { required: true, message: '请输入单位地址', trigger: 'blur' }
], ],
phoneNumber: [ phoneNumber: [
{ required: true, message: '请输入联系电话', trigger: 'blur' }, { required: true, message: '请输入联系电话', trigger: 'blur' },
{ {
validator: function (rule, value, callback) { validator: function(rule, value, callback) {
const reg = /^1[3456789]\d{9}$/; const reg = /^1[3456789]\d{9}$/;
if (!reg.test(value)) { if (!reg.test(value)) {
callback(new Error('请输入手机号')); callback(new Error('请输入手机号'));
@ -415,13 +341,13 @@ export default {
callback(); callback();
} }
}, },
trigger: 'blur', trigger: 'blur'
}, }
], ],
email: [ email: [
{ required: true, message: '请输入电子邮箱', trigger: 'blur' }, { required: true, message: '请输入电子邮箱', trigger: 'blur' },
{ {
validator: function (rule, value, callback) { validator: function(rule, value, callback) {
const reg3 = /^[A-Za-z0-9\u4e00-\u9fa5]+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$/; const reg3 = /^[A-Za-z0-9\u4e00-\u9fa5]+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$/;
if (!reg3.test(value)) { if (!reg3.test(value)) {
callback(new Error('请输入邮箱')); callback(new Error('请输入邮箱'));
@ -429,9 +355,9 @@ export default {
callback(); callback();
} }
}, },
trigger: 'blur', trigger: 'blur'
}, }
], ]
}, },
form1: { form1: {
propertiesType: 1, propertiesType: 1,
@ -440,20 +366,25 @@ export default {
phoneNumber: '', phoneNumber: '',
email: '', email: '',
fieldType: [], fieldType: [],
otherNotes: '',
advantageConcept: '', advantageConcept: '',
cooperationIntention: '', cooperationIntention: ''
}, },
formRules: { formRules: {
companyName: [ companyName: [
{ required: true, message: '请输入公司名称', trigger: 'blur' }, { required: true, message: '请输入单位名称', trigger: 'blur' }
], ],
address: [ address: [
{ required: true, message: '请输入地址', trigger: 'blur' }, { required: true, message: '请输入单位地址', trigger: 'blur' }
], ],
identifierCode: [ identifierCode: [
{ required: true, message: '请输入统一社会信用代码', trigger: 'blur' },
{ {
validator: function (rule, value, callback) { required: true,
message: '请输入统一社会信用代码',
trigger: 'blur'
},
{
validator: function(rule, value, callback) {
const reg = /^[0-9A-HJ-NPQRTUWXY]{2}\d{6}[0-9A-HJ-NPQRTUWXY]{10}$/; const reg = /^[0-9A-HJ-NPQRTUWXY]{2}\d{6}[0-9A-HJ-NPQRTUWXY]{10}$/;
if (!reg.test(value)) { if (!reg.test(value)) {
callback(new Error('请输入统一社会信用代码')); callback(new Error('请输入统一社会信用代码'));
@ -461,13 +392,13 @@ export default {
callback(); callback();
} }
}, },
trigger: 'blur', trigger: 'blur'
}, }
], ],
phoneNumber: [ phoneNumber: [
{ required: true, message: '请输入联系电话', trigger: 'blur' }, { required: true, message: '请输入联系电话', trigger: 'blur' },
{ {
validator: function (rule, value, callback) { validator: function(rule, value, callback) {
const reg = /^1[3456789]\d{9}$/; const reg = /^1[3456789]\d{9}$/;
if (!reg.test(value)) { if (!reg.test(value)) {
callback(new Error('请输入手机号')); callback(new Error('请输入手机号'));
@ -475,13 +406,13 @@ export default {
callback(); callback();
} }
}, },
trigger: 'blur', trigger: 'blur'
}, }
], ],
email: [ email: [
{ required: true, message: '请输入电子邮箱', trigger: 'blur' }, { required: true, message: '请输入电子邮箱', trigger: 'blur' },
{ {
validator: function (rule, value, callback) { validator: function(rule, value, callback) {
const reg3 = /^[A-Za-z0-9\u4e00-\u9fa5]+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$/; const reg3 = /^[A-Za-z0-9\u4e00-\u9fa5]+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$/;
if (!reg3.test(value)) { if (!reg3.test(value)) {
callback(new Error('请输入邮箱')); callback(new Error('请输入邮箱'));
@ -489,8 +420,8 @@ export default {
callback(); callback();
} }
}, },
trigger: 'blur', trigger: 'blur'
}, }
] ]
}, },
form: { form: {
@ -511,74 +442,80 @@ export default {
qualitySystem: [], qualitySystem: [],
relevantQualifications: [], relevantQualifications: [],
advantageConcept: '', advantageConcept: '',
cooperationIntention: '', cooperationIntention: ''
}, },
// 数量限制 // 数量限制
limit: 10, limit: 10,
// 大小限制(MB) // 大小限制(MB)
fileSize: 10, fileSize: 10,
// 文件类型, 例如['png', 'jpg', 'jpeg'] // 文件类型, 例如['png', 'jpg', 'jpeg']
fileType: ["doc", "docx", "xls","xlsx", "ppt", "txt", "pdf"], fileType: ['doc', 'docx', 'xls', 'xlsx', 'ppt', 'txt', 'pdf'],
// 是否显示提示 // 是否显示提示
isShowTip: true, isShowTip: true,
number: 0, number: 0,
uploadList: [], uploadList: [],
// 上传文件服务器地址 // 上传文件服务器地址
uploadFileUrl: process.env.VUE_APP_API_TARGET_URL + "/system/oss/upload", uploadFileUrl: process.env.VUE_APP_API_TARGET_URL + '/system/oss/upload',
fileList: [], fileList: [],
loadingModal: undefined, loadingModal: undefined
}; };
}, },
computed: { computed: {
...mapState({ ...mapState({
scrollTop: state => state.scroll.scrollTop, scrollTop: state => state.scroll.scrollTop,
webScale: state => state.web.scale, webScale: state => state.web.scale
}), })
}, },
created () { created() {
this.$event.$emit('nav-theme', 'light'); this.$event.$emit('nav-theme', 'light');
this.getScreen1Banner(); this.getScreen1Banner();
this.getScreen1Partner(); this.getScreen1Partner();
}, },
methods: { methods: {
async getScreen1Banner () { async getScreen1Banner() {
try { try {
const res = await this.$request.get( const res = await this.$request.get('/official/index/list', {
'/official/index/list', params: {
{ params: { pageNum: 1, pageSize: 1, captionName: '投资与合作/合作伙伴/banner' } }, pageNum: 1,
); pageSize: 1,
captionName: '投资与合作/合作伙伴/banner'
}
});
this.screen1.bannerUrl = res.rows[0].imageurl; this.screen1.bannerUrl = res.rows[0].imageurl;
} catch (error) {} } catch (error) {}
}, },
async getScreen1Partner () { async getScreen1Partner() {
try { try {
const res = await this.$request.get( const res = await this.$request.get('/official/index/list', {
'/official/index/list', params: {
{ params: { pageNum: 1, pageSize: 10, captionName: '投资与合作/合作伙伴/合伙人' } }, pageNum: 1,
); pageSize: 10,
captionName: '投资与合作/合作伙伴/合伙人'
}
});
this.screen1.Partner = res.rows.sort((a, b) => a.orders - b.orders); this.screen1.Partner = res.rows.sort((a, b) => a.orders - b.orders);
} catch (error) {} } catch (error) {}
}, },
handleAddPartner() { handleAddPartner() {
try { try {
this.$refs["Partnerform"].validate(valid => { this.$refs['Partnerform'].validate(valid => {
if (valid) { if (valid) {
this.form1.fieldType = this.form1.fieldType.toString(); this.form1.fieldType = this.form1.fieldType.toString();
this.$request.post( this.$request
'/official/companymessage/add', .post('/official/companymessage/add', this.form1)
this.form1, .then(res => {
).then(res => { if (res.code == 200) {
if(res.code == 200) { this.form1 = {
this.form1= {
propertiesType: 1, propertiesType: 1,
companyName: '', companyName: '',
address: '', address: '',
phoneNumber: '', phoneNumber: '',
email: '', email: '',
fieldType: [], fieldType: [],
otherNotes: '',
advantageConcept: '', advantageConcept: '',
cooperationIntention: '', cooperationIntention: ''
} };
} }
}); });
} }
@ -587,7 +524,7 @@ export default {
}, },
handleAddSupper() { handleAddSupper() {
try { try {
this.$refs["Supperform"].validate(valid => { this.$refs['Supperform'].validate(valid => {
if (valid) { if (valid) {
this.form.businessNature = this.form.businessNature.toString(); this.form.businessNature = this.form.businessNature.toString();
this.form.developmentCapability = this.form.developmentCapability.toString(); this.form.developmentCapability = this.form.developmentCapability.toString();
@ -595,12 +532,11 @@ export default {
this.form.productCertification = this.form.productCertification.toString(); this.form.productCertification = this.form.productCertification.toString();
this.form.qualitySystem = this.form.qualitySystem.toString(); this.form.qualitySystem = this.form.qualitySystem.toString();
this.form.relevantQualifications = this.form.relevantQualifications.toString(); this.form.relevantQualifications = this.form.relevantQualifications.toString();
this.$request.post( this.$request
'/official/companymessage/add', .post('/official/companymessage/add', this.form)
this.form, .then(res => {
).then(res => { if (res.code == 200) {
if(res.code == 200) { this.form = {
this.form= {
propertiesType: 2, propertiesType: 2,
companyName: '', companyName: '',
address: '', address: '',
@ -618,8 +554,8 @@ export default {
qualitySystem: [], qualitySystem: [],
relevantQualifications: [], relevantQualifications: [],
advantageConcept: '', advantageConcept: '',
cooperationIntention: '', cooperationIntention: ''
} };
} }
}); });
} }
@ -634,7 +570,9 @@ export default {
const fileExt = fileName[fileName.length - 1]; const fileExt = fileName[fileName.length - 1];
const isTypeOk = this.fileType.indexOf(fileExt) >= 0; const isTypeOk = this.fileType.indexOf(fileExt) >= 0;
if (!isTypeOk) { if (!isTypeOk) {
this.$message.error(`文件格式不正确, 请上传${this.fileType.join("/")}格式文件!`); this.$message.error(
`文件格式不正确, 请上传${this.fileType.join('/')}格式文件!`
);
return false; return false;
} }
} }
@ -667,7 +605,11 @@ export default {
// 上传成功回调 // 上传成功回调
handleUploadSuccess(res, file) { handleUploadSuccess(res, file) {
if (res.code === 200) { if (res.code === 200) {
this.uploadList.push({ name: res.data.fileName, url: res.data.url, ossId: res.data.ossId }); this.uploadList.push({
name: res.data.fileName,
url: res.data.url,
ossId: res.data.ossId
});
this.uploadedSuccessfully(); this.uploadedSuccessfully();
} else { } else {
this.number--; this.number--;
@ -695,30 +637,30 @@ export default {
// 获取文件名称 // 获取文件名称
getFileName(name) { getFileName(name) {
// 如果是url那么取最后的名字 如果不是直接返回 // 如果是url那么取最后的名字 如果不是直接返回
if (name.lastIndexOf("/") > -1) { if (name.lastIndexOf('/') > -1) {
return name.slice(name.lastIndexOf("/") + 1); return name.slice(name.lastIndexOf('/') + 1);
} else { } else {
return name; return name;
} }
}, }
}, }
}; };
</script> </script>
<style scoped> <style scoped>
.part-building { .part-building {
width: 100%; width: 100%;
} }
.screen11 { .screen11 {
width: 100%; width: 100%;
position: absolute; position: absolute;
top: 0; top: 0;
} }
.screen11 .wrapper1680 { .screen11 .wrapper1680 {
height: 100%; height: 100%;
position: relative; position: relative;
} }
.screen11 .list-wrapper { .screen11 .list-wrapper {
position: absolute; position: absolute;
top: 240rem; top: 240rem;
width: 100%; width: 100%;
@ -726,8 +668,8 @@ export default {
flex-wrap: wrap; flex-wrap: wrap;
padding: 0px 140rem; padding: 0px 140rem;
box-sizing: border-box; box-sizing: border-box;
} }
.screen11 .list-item { .screen11 .list-item {
border-radius: 20rem; border-radius: 20rem;
background: #ffffff; background: #ffffff;
margin: 0 20rem; margin: 0 20rem;
@ -739,156 +681,156 @@ export default {
align-items: center; align-items: center;
justify-content: center; justify-content: center;
cursor: pointer; cursor: pointer;
} }
.screen11 .list-item:hover { .screen11 .list-item:hover {
transform: scale(1.1, 1.1); transform: scale(1.1, 1.1);
} }
.screen11 .list-img { .screen11 .list-img {
width: 160rem; width: 160rem;
height: 760rem; height: 760rem;
display: contents; display: contents;
} }
.screen2 { .screen2 {
padding: 80rem 120rem; padding: 80rem 120rem;
background: #F5F5F7; background: #f5f5f7;
} }
.screen2 .wrapper1680 { .screen2 .wrapper1680 {
box-sizing: border-box; box-sizing: border-box;
background: #FFFFFF; background: #ffffff;
border-radius: 10rem 10rem 10rem 10rem; border-radius: 10rem 10rem 10rem 10rem;
} }
.screen3 { .screen3 {
padding: 0rem 120rem 80rem; padding: 0rem 120rem 80rem;
background: #F5F5F7; background: #f5f5f7;
} }
.screen3 .wrapper1680 { .screen3 .wrapper1680 {
background: #FFFFFF; background: #ffffff;
border-radius: 10rem 10rem 10rem 10rem; border-radius: 10rem 10rem 10rem 10rem;
} }
.el-form-item { .el-form-item {
margin-bottom: 22rem !important; margin-bottom: 22rem !important;
} }
/deep/.el-form-item__label { /deep/.el-form-item__label {
font-size: 14rem; font-size: 14rem;
line-height: 40rem; line-height: 40rem;
padding: 0 12rem 0 0; padding: 0 12rem 0 0;
} }
/deep/.el-form-item__content { /deep/.el-form-item__content {
line-height: 40rem; line-height: 40rem;
font-size: 14rem; font-size: 14rem;
} }
/deep/.el-input { /deep/.el-input {
font-size: 14rem; font-size: 14rem;
} }
/deep/.el-input__inner { /deep/.el-input__inner {
border-radius: 4rem; border-radius: 4rem;
border: 1rem solid #DCDFE6; border: 1rem solid #dcdfe6;
height: 40rem; height: 40rem;
line-height: 40rem; line-height: 40rem;
padding: 0 15rem; padding: 0 15rem;
} }
/deep/.el-checkbox { /deep/.el-checkbox {
font-size: 14rem; font-size: 14rem;
margin-right: 30rem; margin-right: 30rem;
} }
/deep/.el-checkbox__inner { /deep/.el-checkbox__inner {
border: 1rem solid #DCDFE6; border: 1rem solid #dcdfe6;
border-radius: 2rem; border-radius: 2rem;
width: 14rem; width: 14rem;
height: 14rem; height: 14rem;
} }
/deep/.el-checkbox__label { /deep/.el-checkbox__label {
padding-left: 10rem; padding-left: 10rem;
line-height: 19rem; line-height: 19rem;
font-size: 14rem; font-size: 14rem;
} }
/deep/.el-textarea { /deep/.el-textarea {
font-size: 14rem; font-size: 14rem;
} }
/deep/.el-textarea__inner { /deep/.el-textarea__inner {
padding: 5rem 15rem; padding: 5rem 15rem;
border: 1rem solid #DCDFE6; border: 1rem solid #dcdfe6;
border-radius: 4rem; border-radius: 4rem;
height: 138rem !important; height: 138rem !important;
min-height: 138rem !important; min-height: 138rem !important;
} }
/deep/.el-upload-list__item { /deep/.el-upload-list__item {
font-size: 14rem; font-size: 14rem;
margin-top: 5rem; margin-top: 5rem;
border-radius: 4rem; border-radius: 4rem;
} }
/deep/.el-button--small { /deep/.el-button--small {
padding: 9rem 15rem; padding: 9rem 15rem;
font-size: 12rem; font-size: 12rem;
border-radius: 3rem; border-radius: 3rem;
} }
/deep/.el-upload-list{ /deep/.el-upload-list {
display: inline-flex; display: inline-flex;
} }
/deep/.el-upload-list__item-name { /deep/.el-upload-list__item-name {
margin-right: 40rem; margin-right: 40rem;
padding-left: 4rem; padding-left: 4rem;
} }
/deep/.el-upload-list__item-status-label { /deep/.el-upload-list__item-status-label {
right: 5rem; right: 5rem;
} }
/deep/.el-upload__tip { /deep/.el-upload__tip {
font-size: 12rem; font-size: 12rem;
color: #606266; color: #606266;
margin-top: 7rem; margin-top: 7rem;
} }
.formContent { .formContent {
padding: 20rem 0rem 0rem; padding: 20rem 0rem 0rem;
} }
.formBarContent { .formBarContent {
padding: 0rem 30rem; padding: 0rem 30rem;
} }
.formBar { .formBar {
display: inline-block; display: inline-block;
width: 4rem; width: 4rem;
height: 20rem; height: 20rem;
background: #014DB5; background: #014db5;
} }
.formTitle { .formTitle {
display: inline-block; display: inline-block;
padding-left: 10rem; padding-left: 10rem;
font-family: MicrosoftYaHeiSemibold; font-family: MicrosoftYaHeiSemibold;
font-size: 24rem; font-size: 24rem;
color: #014DB5; color: #014db5;
line-height: 64rem; line-height: 64rem;
text-align: justifyLeft; text-align: justifyLeft;
font-style: normal; font-style: normal;
text-transform: none; text-transform: none;
} }
.subBtn { .subBtn {
width: 140rem; width: 140rem;
height: 50rem; height: 50rem;
background: #014DB5; background: #014db5;
border-radius: 4rem; border-radius: 4rem;
font-family: MicrosoftYaHei; font-family: MicrosoftYaHei;
font-size: 18rem; font-size: 18rem;
color: #FFFFFF; color: #ffffff;
text-align: center; text-align: center;
font-style: normal; font-style: normal;
text-transform: none; text-transform: none;
padding: 12rem 20rem; padding: 12rem 20rem;
} }
.upload-file-uploader { .upload-file-uploader {
margin-bottom: 5rem; margin-bottom: 5rem;
} }
.upload-file-list .el-upload-list__item { .upload-file-list .el-upload-list__item {
border: 1rem solid #e4e7ed; border: 1rem solid #e4e7ed;
line-height: 2rem; line-height: 2rem;
margin-bottom: 10rem; margin-bottom: 10rem;
position: relative; position: relative;
} }
.upload-file-list .ele-upload-list__item-content { .upload-file-list .ele-upload-list__item-content {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
color: inherit; color: inherit;
} }
.ele-upload-list__item-content-action .el-link { .ele-upload-list__item-content-action .el-link {
margin-right: 10rem; margin-right: 10rem;
} }
</style> </style>

4
src/views/Invest/CooperationOffer/Index.vue
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) {}

2
src/views/Invest/Investor/Index.vue
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">

2
src/views/Recruit/SocialRecruit/Index.vue
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) {}

4
src/views/Recruit/TalentStrategy/Index.vue
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) {}