提交
This commit is contained in:
parent
074522d16b
commit
3c183859e9
|
@ -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>
|
||||||
|
|
|
@ -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' },
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
],
|
],
|
||||||
|
|
|
@ -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>
|
||||||
|
@ -79,73 +50,76 @@ 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() {
|
||||||
|
@ -156,9 +130,9 @@ 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>
|
||||||
|
|
||||||
|
@ -177,7 +151,7 @@ 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;
|
||||||
|
@ -214,7 +188,7 @@ export default {
|
||||||
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;
|
||||||
|
|
|
@ -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: [
|
||||||
|
|
|
@ -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) {
|
||||||
|
|
|
@ -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: '',
|
||||||
|
|
|
@ -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) {}
|
||||||
|
|
|
@ -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;
|
||||||
|
|
|
@ -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;
|
||||||
|
|
|
@ -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;
|
||||||
|
|
|
@ -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;
|
||||||
|
|
|
@ -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) {}
|
||||||
|
|
|
@ -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;
|
||||||
|
|
|
@ -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;
|
||||||
|
|
|
@ -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;"
|
||||||
>
|
>
|
||||||
未来之星控股集团 —为世界创造价值
|
坤合盛世集团 —创造并实现共同价值
|
||||||
</div>
|
</div>
|
||||||
</transition>
|
</transition>
|
||||||
<transition name="fade-slide-left">
|
<transition name="fade-slide-left">
|
||||||
|
|
|
@ -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>
|
||||||
|
@ -226,12 +179,7 @@
|
||||||
<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>
|
||||||
|
@ -341,68 +257,78 @@ 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' },
|
||||||
|
@ -415,8 +341,8 @@ export default {
|
||||||
callback();
|
callback();
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
trigger: 'blur',
|
trigger: 'blur'
|
||||||
},
|
}
|
||||||
],
|
],
|
||||||
email: [
|
email: [
|
||||||
{ required: true, message: '请输入电子邮箱', trigger: 'blur' },
|
{ required: true, message: '请输入电子邮箱', trigger: 'blur' },
|
||||||
|
@ -429,9 +355,9 @@ export default {
|
||||||
callback();
|
callback();
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
trigger: 'blur',
|
trigger: 'blur'
|
||||||
},
|
}
|
||||||
],
|
]
|
||||||
},
|
},
|
||||||
form1: {
|
form1: {
|
||||||
propertiesType: 1,
|
propertiesType: 1,
|
||||||
|
@ -440,18 +366,23 @@ 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' },
|
{
|
||||||
|
required: true,
|
||||||
|
message: '请输入统一社会信用代码',
|
||||||
|
trigger: 'blur'
|
||||||
|
},
|
||||||
{
|
{
|
||||||
validator: function(rule, value, callback) {
|
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}$/;
|
||||||
|
@ -461,8 +392,8 @@ export default {
|
||||||
callback();
|
callback();
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
trigger: 'blur',
|
trigger: 'blur'
|
||||||
},
|
}
|
||||||
],
|
],
|
||||||
phoneNumber: [
|
phoneNumber: [
|
||||||
{ required: true, message: '请输入联系电话', trigger: 'blur' },
|
{ required: true, message: '请输入联系电话', trigger: 'blur' },
|
||||||
|
@ -475,8 +406,8 @@ export default {
|
||||||
callback();
|
callback();
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
trigger: 'blur',
|
trigger: 'blur'
|
||||||
},
|
}
|
||||||
],
|
],
|
||||||
email: [
|
email: [
|
||||||
{ required: true, message: '请输入电子邮箱', trigger: 'blur' },
|
{ required: true, message: '请输入电子邮箱', trigger: 'blur' },
|
||||||
|
@ -489,8 +420,8 @@ export default {
|
||||||
callback();
|
callback();
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
trigger: 'blur',
|
trigger: 'blur'
|
||||||
},
|
}
|
||||||
]
|
]
|
||||||
},
|
},
|
||||||
form: {
|
form: {
|
||||||
|
@ -511,29 +442,29 @@ 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');
|
||||||
|
@ -543,31 +474,36 @@ export default {
|
||||||
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,
|
||||||
|
@ -576,9 +512,10 @@ export default {
|
||||||
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,10 +532,9 @@ 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,
|
||||||
|
@ -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,13 +637,13 @@ 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>
|
||||||
|
|
||||||
|
@ -750,19 +692,19 @@ export default {
|
||||||
}
|
}
|
||||||
.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 {
|
||||||
|
@ -782,7 +724,7 @@ export default {
|
||||||
}
|
}
|
||||||
/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;
|
||||||
|
@ -792,7 +734,7 @@ export default {
|
||||||
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;
|
||||||
|
@ -807,7 +749,7 @@ export default {
|
||||||
}
|
}
|
||||||
/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;
|
||||||
|
@ -847,14 +789,14 @@ export default {
|
||||||
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;
|
||||||
|
@ -863,11 +805,11 @@ export default {
|
||||||
.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;
|
||||||
|
|
|
@ -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) {}
|
||||||
|
|
|
@ -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">
|
||||||
|
|
|
@ -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) {}
|
||||||
|
|
|
@ -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) {}
|
||||||
|
|
Loading…
Reference in New Issue
Block a user