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

View File

@ -5,7 +5,7 @@
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<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-Regular.ttc" as="font" type="font/ttc" crossorigin>
<link rel="preload" href="/static/fontFace/Microsoft-YaHei-Light.ttc" as="font" type="font/ttc" crossorigin>

View File

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

View File

@ -1,49 +1,20 @@
<template>
<div
class="nav-bar-wrapper"
:class="{
<div class="nav-bar-wrapper" :class="{
'nav-bar-shadow': shadow,
}"
:style="{ backgroundColor: bgColor }"
>
<div
class="nav-bar"
:class="'nav-bar-' + theme"
>
}" :style="{ backgroundColor: bgColor }">
<div class="nav-bar" :class="'nav-bar-' + theme">
<div class="nav-left">
<div
class="logo-wrapper"
@click="$router.push('/')"
>
<img
:src="'/static/img/logo-' + theme +'.png'"
alt=""
style="height: 100%;"
/>
<div class="logo-wrapper" @click="$router.push('/')">
<img :src="'/static/img/logo-' + theme +'.png'" alt="" style="height: 100%;" />
</div>
</div>
<div class="nav-center">
<div class="nav-menus">
<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 || ''})"
>
<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 || ''})">
<span>{{ menu.title }}</span>
<div
class="nav-submenus"
v-if="menu.children"
>
<div class="nav-submenus" v-if="menu.children">
<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 || ''} )"
>
<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 || ''} )">
<span>{{ childMenu.title }}</span>
</div>
</div>
@ -79,73 +50,76 @@ export default {
props: {
theme: { validator: v => ['dark', 'light'].includes(v), default: 'dark' },
bgColor: { type: String, default: '#ffffff00' },
shadow: { type: Boolean, default: false },
shadow: { type: Boolean, default: false }
},
data() {
return {
menus: [
{
title: '首页',
path: '/fshg.cc/home',
path: '/cnkhp.com/home'
},
{ title: '关于我们', path: '/fshg.cc/about' },
{ title: '关于我们', path: '/cnkhp.com/about' },
{
title: '业务领域',
title: '业务范围',
children: [
{ title: '资本服务', path: '/Cs.futurestar.cc' },
{ title: '高新技术', path: '/Tech.futurestar.cc' },
{ title: '能源与环境', path: '/EE.futurestar.cc' },
{ title: '全球供应链', path: '/GSC.futurestar.cc' },
{ title: '商业管理', path: '/BM.futurestar.cc' },
{ title: '健康产业', path: '/HI.futurestar.cc' },
{ title: '基础设施', path: '/BI.futurestar.cc' },
{ title: '未来农业', path: '/FA.futurestar.cc' },
],
{ title: '资本服务', path: '/Cs.cnkhp.com' },
{ title: '高新技术', path: '/Tech.cnkhp.com' },
{ title: '大健康产业', path: '/HI.cnkhp.com' },
{ title: '基础设施', path: '/BI.cnkhp.com' },
{ title: '能源环保', path: '/EE.cnkhp.com' },
{ title: '供应链管理', path: '/SCm.cnkhp.com' },
{ title: '农业发展', path: '/AD.cnkhp.com' },
{ title: '商业服务', path: '/BM.cnkhp.com' }
]
},
{
title: '新闻资讯',
children: [
{ title: '公告通知', path: '/newsTrend' },
// { title: '', path: '/newsTrend' },
{ title: '公司资讯', path: '/companyInformation' },
{ title: '政策法规', path: '/policyRegulations' },
{ title: '行业动态', path: '/industryDynamics' },
],
{ title: '政策法规', path: '/policyRegulations' }
]
},
{
title: '投资与合作',
children: [
{ title: '投资者', path: '/investor' },
{ title: '合作邀约', path: '/cooperationOffer' },
{ title: '合作伙伴', path: '/businesspartner' },
],
{ title: '合作机会', path: '/cooperationOffer' },
{ title: '合作伙伴', path: '/businesspartner' }
]
},
{
title: '人才招募',
children: [
{ 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: '供应商登录',
jump: 'http://117.72.41.220:9097',
},
{
title: '登录',
path: '/',
},
],
jump: 'http://117.72.41.220:9097'
}
]
};
},
computed: {
qrs() {
return [
{ icon: '/static/img/nav/icon-wechat-' + this.theme + '.png' },
{ icon: '/static/img/nav/icon-email-' + this.theme + '.png', listeners: { click: this.handlePost } },
{ icon: '/static/img/nav/icon-earth-' + this.theme + '.png' },
];
{
icon: '/static/img/nav/icon-email-' + this.theme + '.png',
listeners: { click: this.handlePost }
},
{ icon: '/static/img/nav/icon-earth-' + this.theme + '.png' }
];
}
},
methods: {
handlePost() {
@ -156,9 +130,9 @@ export default {
document.body.removeChild(a);
},
winOpen(url) {
if(url) window.open(url ,'_blank')
if (url) window.open(url, '_blank');
}
}
},
};
</script>
@ -177,7 +151,7 @@ export default {
align-items: center;
padding: 28rem 60rem;
box-sizing: border-box;
transition: background-color .3s;
transition: background-color 0.3s;
}
.nav-left {
width: 0;
@ -214,7 +188,7 @@ export default {
left: 0;
width: 100%;
height: 2rem;
background-color: #F0D145;
background-color: #f0d145;
}
.nav-submenus {
position: absolute;

View File

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

View File

@ -4,15 +4,6 @@
class="screen1"
id="screen1"
>
<!-- <video
ref="video"
:src="playingVideoSrc"
style="width: 100%;filter: blur(2rem);"
autoplay
:controls="false"
loop="true"
muted="true"
></video> -->
<img
src="/static/img/about/aboutBanner.png"
alt=""
@ -36,75 +27,8 @@
{{ textEn }}
</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 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
v-for="(item, index) in screenList"
:key="index"
@ -305,7 +229,7 @@ export default {
offsets: [1800],
offsetLevel: -1,
imgSrc: '',
type: '我们的使命',
type: '使命和愿景',
title: '',
content: ``,
},
@ -313,7 +237,7 @@ export default {
offsets: [2500],
offsetLevel: -1,
imgSrc: '',
type: '我们的愿景',
type: '理念和价值观',
title: '',
content: ``,
},
@ -321,7 +245,7 @@ export default {
offsets: [3200],
offsetLevel: -1,
title: '我们的价值观',
contentCn: '我们的价值观体现并定义了未来之星工作的意义。\n它们是我们文化和经营方式的核心。',
contentCn: '我们的价值观体现并定义了坤合盛世工作的意义。\n它们是我们文化和经营方式的核心。',
list: [],
},
screen6: {
@ -392,10 +316,10 @@ export default {
// this.getScreen1Banner();
this.getScreen1DialogVideo();
// this.getScreen2ListData();
this.getScreenListContent('我们的使命', this.screen3);
this.getScreenListContent('我们的愿景', this.screen4);
this.getScreenListContent('使命和愿景', this.screen3);
this.getScreenListContent('理念和价值观', this.screen4);
this.getScreen5ListData();
this.getScreen6ListData();
// this.getScreen6ListData();
},
mounted () {
if (this.$route.hash) {

View File

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

View File

@ -431,7 +431,7 @@ export default {
try {
const res = await this.$request.get(
'/official/index/list',
{ params: { pageNum: 1, pageSize: 1, captionName: '业务领域/资本服务/主要内容' } },
{ params: { pageNum: 1, pageSize: 1, captionName: '业务范围/资本服务/主要内容' } },
);
this.screen2.title = res.rows[0].businessName;
this.screen2.contentCn = res.rows[0].titleChinese;
@ -443,7 +443,7 @@ export default {
try {
const res = await this.$request.get(
'/official/index/list',
{ params: { pageNum: 1, pageSize: 1, captionName: '业务领域/资本服务/项目描述' } },
{ params: { pageNum: 1, pageSize: 1, captionName: '业务范围/资本服务/项目描述' } },
);
this.screen3.titleCn = res.rows[0].businessName;
this.screen3.contentCn = res.rows[0].titleChinese;
@ -453,7 +453,7 @@ export default {
try {
const res = await this.$request.get(
'/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);
} catch (error) {}
@ -462,7 +462,7 @@ export default {
try {
const res = await this.$request.get(
'/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);
} catch (error) {}
@ -490,7 +490,7 @@ export default {
try {
const res = await this.$request.get(
'/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.contentCn = res.rows[0].titleChinese;
@ -501,7 +501,7 @@ export default {
try {
const res = await this.$request.get(
'/official/index/list',
{ params: { pageNum: 1, pageSize: 1, captionName: '业务领域/资本服务/渠道描述' } },
{ params: { pageNum: 1, pageSize: 1, captionName: '业务范围/资本服务/渠道描述' } },
);
this.screen6.titleCn = res.rows[0].businessName;
this.screen6.contentCn = res.rows[0].titleChinese;
@ -511,7 +511,7 @@ export default {
try {
const res = await this.$request.get(
'/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);
} catch (error) {}

View File

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

View File

@ -284,7 +284,7 @@ export default {
try {
const res = await this.$request.get(
'/official/index/list',
{ params: { pageNum: 1, pageSize: 1, captionName: '业务领域/基础设施/主要内容' } },
{ params: { pageNum: 1, pageSize: 1, captionName: '业务范围/基础设施/主要内容' } },
);
this.screen2.title = res.rows[0].businessName;
this.screen2.contentCn = res.rows[0].titleChinese;
@ -296,7 +296,7 @@ export default {
try {
const res = await this.$request.get(
'/official/index/list',
{ params: { pageNum: 1, pageSize: 1, captionName: '业务领域/基础设施/项目描述' } },
{ params: { pageNum: 1, pageSize: 1, captionName: '业务范围/基础设施/项目描述' } },
);
this.screen3.titleCn = res.rows[0].businessName;
this.screen3.contentCn = res.rows[0].titleChinese;
@ -306,7 +306,7 @@ export default {
try {
const res = await this.$request.get(
'/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);
} catch (error) {}
@ -315,7 +315,7 @@ export default {
try {
const res = await this.$request.get(
'/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);
} catch (error) {}
@ -324,7 +324,7 @@ export default {
try {
const res = await this.$request.get(
'/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.contentCn = res.rows[0].titleChinese;

View File

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

View File

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

View File

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

View File

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

View File

@ -323,7 +323,7 @@ export default {
try {
const res = await this.$request.get(
'/official/index/list',
{ params: { pageNum: 1, pageSize: 1, captionName: '业务领域/高新技术/主要内容' } },
{ params: { pageNum: 1, pageSize: 1, captionName: '业务范围/高新技术/主要内容' } },
);
this.screen2.title = res.rows[0].businessName;
this.screen2.contentCn = res.rows[0].titleChinese;
@ -335,7 +335,7 @@ export default {
try {
const res = await this.$request.get(
'/official/index/list',
{ params: { pageNum: 1, pageSize: 1, captionName: '业务领域/高新技术/项目描述' } },
{ params: { pageNum: 1, pageSize: 1, captionName: '业务范围/高新技术/项目描述' } },
);
this.screen3.titleCn = res.rows[0].businessName;
this.screen3.contentCn = res.rows[0].titleChinese;
@ -345,7 +345,7 @@ export default {
try {
const res = await this.$request.get(
'/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);
} catch (error) {}
@ -354,7 +354,7 @@ export default {
try {
const res = await this.$request.get(
'/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);
} catch (error) {}
@ -363,7 +363,7 @@ export default {
try {
const res = await this.$request.get(
'/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.contentCn = res.rows[0].titleChinese;

View File

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

View File

@ -2,29 +2,15 @@
<div class="part-building">
<div style="height:104rem;"></div>
<div class="screen1">
<img
:src="screen1.bannerUrl"
alt=""
style="width:100%;"
/>
<img :src="screen1.bannerUrl" alt="" style="width:100%;" />
</div>
<div class="screen11">
<div class="wrapper1680">
<div class="list-wrapper">
<div
v-for="(item, index) in screen1.Partner"
:key="'itemkey' + index"
class="list-item"
>
<div v-for="(item, index) in screen1.Partner" :key="'itemkey' + index" class="list-item">
<transition name="scale">
<div
class="list-img"
:style="`--tde:${0.6 + index * 0.05}s;`"
>
<img
:src="item.imageurl"
alt=""
>
<div class="list-img" :style="`--tde:${0.6 + index * 0.05}s;`">
<img :src="item.imageurl" alt="">
</div>
</transition>
</div>
@ -40,22 +26,16 @@
成为合作伙伴
</div>
</div>
<el-form
ref="Partnerform"
:model="form1"
:rules="form1Rules"
label-width="130rem"
style="margin-top: 40rem"
>
<el-form ref="Partnerform" :model="form1" :rules="form1Rules" label-width="130rem" style="margin-top: 40rem">
<div class="formBarContent">
<el-row>
<el-col :span="6">
<el-form-item label="公司名称(个人)" prop="companyName">
<el-form-item label="单位名称(个人)" prop="companyName">
<el-input v-model="form1.companyName" />
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="地址" prop="address">
<el-form-item label="单位地址" prop="address">
<el-input v-model="form1.address" />
</el-form-item>
</el-col>
@ -70,51 +50,35 @@
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="16">
<el-form-item label="擅长方向">
<el-checkbox-group v-model="form1.fieldType">
<el-checkbox
v-for="(item, index) in excelInList"
:key="'excelIn' + index"
:label="item.label"
:value="item.value"
/>
<el-checkbox v-for="(item, index) in excelInList" :key="'excelIn' + index" :label="item.label" :value="item.value" />
</el-checkbox-group>
</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-col :span="12">
<el-form-item label="优势概念">
<el-input
v-model="form1.advantageConcept"
:autosize="{ minRows: 6, maxRows: 6 }"
type="textarea"
/>
<el-input v-model="form1.advantageConcept" :autosize="{ minRows: 6, maxRows: 6 }" type="textarea" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="合作意向概述">
<el-input
v-model="form1.cooperationIntention"
:autosize="{ minRows: 6, maxRows: 6 }"
type="textarea"
/>
<el-input v-model="form1.cooperationIntention" :autosize="{ minRows: 6, maxRows: 6 }" type="textarea" />
</el-form-item>
</el-col>
</el-row>
<el-form-item label="附件">
<div class="upload-file">
<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"
>
<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">
<!-- 上传按钮 -->
<el-button size="small" type="primary">上传</el-button>
<!-- 上传提示 -->
@ -158,22 +122,16 @@
成为供应商
</div>
</div>
<el-form
:model="form"
:rules="formRules"
ref="Supperform"
label-width="140rem"
style="margin-top: 40rem"
>
<el-form :model="form" :rules="formRules" ref="Supperform" label-width="140rem" style="margin-top: 40rem">
<div class="formBarContent">
<el-row>
<el-col :span="6">
<el-form-item label="公司名称" prop="companyName">
<el-form-item label="单位名称" prop="companyName">
<el-input v-model="form.companyName" />
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="公司地址" prop="address">
<el-form-item label="单位地址" prop="address">
<el-input v-model="form.address" />
</el-form-item>
</el-col>
@ -192,17 +150,12 @@
<el-col :span="12">
<el-form-item label="企业性质">
<el-checkbox-group :max="1" v-model="form.businessNature">
<el-checkbox
v-for="(item, index) in enterprisePropertyList"
:key="'enterpriseProperty' + index"
:label="item.label"
:value="item.value"
/>
<el-checkbox v-for="(item, index) in enterprisePropertyList" :key="'enterpriseProperty' + index" :label="item.label" :value="item.value" />
</el-checkbox-group>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="行业领域">
<el-form-item label="行业/领域">
<el-input v-model="form.fieldIndustry" />
</el-form-item>
</el-col>
@ -226,12 +179,7 @@
<el-col :span="12">
<el-form-item label="设计开发能力">
<el-checkbox-group v-model="form.developmentCapability">
<el-checkbox
v-for="(item, index) in designCapabilityList"
:key="'designCapability' + index"
:label="item.label"
:value="item.value"
/>
<el-checkbox v-for="(item, index) in designCapabilityList" :key="'designCapability' + index" :label="item.label" :value="item.value" />
</el-checkbox-group>
</el-form-item>
</el-col>
@ -240,24 +188,14 @@
<el-col :span="12">
<el-form-item label="遵守标准">
<el-checkbox-group v-model="form.complianceStandards">
<el-checkbox
v-for="(item, index) in standardsList"
:key="'standards' + index"
:label="item.label"
:value="item.value"
/>
<el-checkbox v-for="(item, index) in standardsList" :key="'standards' + index" :label="item.label" :value="item.value" />
</el-checkbox-group>
</el-form-item>
</el-col>
<el-col :span="7">
<el-form-item label="产品已获得的认证">
<el-checkbox-group :max="1" v-model="form.productCertification">
<el-checkbox
v-for="(item, index) in authenticationList"
:key="'authentication' + index"
:label="item.label"
:value="item.value"
/>
<el-checkbox v-for="(item, index) in authenticationList" :key="'authentication' + index" :label="item.label" :value="item.value" />
</el-checkbox-group>
</el-form-item>
</el-col>
@ -269,54 +207,32 @@
</el-row>
<el-form-item label="质量体系情况">
<el-checkbox-group v-model="form.qualitySystem">
<el-checkbox
v-for="(item, index) in qualitySystemList"
:key="'qualitySystem' + index"
:label="item.label"
:value="item.value"
/>
<el-checkbox v-for="(item, index) in qualitySystemList" :key="'qualitySystem' + index" :label="item.label" :value="item.value" />
</el-checkbox-group>
</el-form-item>
<el-form-item label="是否具备相关资质">
<el-checkbox-group v-model="form.relevantQualifications">
<el-checkbox
v-for="(item, index) in relevantQualificationList"
:key="'relevantQualification' + index"
:label="item.label"
:value="item.value"
/>
<el-checkbox v-for="(item, index) in relevantQualificationList" :key="'relevantQualification' + index" :label="item.label" :value="item.value" />
</el-checkbox-group>
</el-form-item>
<el-form-item label="产品案例">
<el-input v-model="form.otherNotes" placeholder="请输入产品案例" />
</el-form-item>
<el-row>
<el-col :span="12">
<el-form-item label="优势概念">
<el-input
v-model="form.advantageConcept"
:autosize="{ minRows: 6, maxRows: 6 }"
type="textarea"
/>
<el-input v-model="form.advantageConcept" :autosize="{ minRows: 6, maxRows: 6 }" type="textarea" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="合作意向概述">
<el-input
v-model="form.cooperationIntention"
:autosize="{ minRows: 6, maxRows: 6 }"
type="textarea"
/>
<el-input v-model="form.cooperationIntention" :autosize="{ minRows: 6, maxRows: 6 }" type="textarea" />
</el-form-item>
</el-col>
</el-row>
<el-form-item label="附件">
<el-upload
class="upload-demo"
action="https://jsonplaceholder.typicode.com/posts/"
:file-list="fileList2"
>
<el-button
size="small"
type="primary"
>
<el-upload class="upload-demo" action="https://jsonplaceholder.typicode.com/posts/" :file-list="fileList2">
<el-button size="small" type="primary">
上传
</el-button>
</el-upload>
@ -341,68 +257,78 @@ import FootBar from '@/components/FootBar.vue';
export default {
components: {
FootBar,
FootBar
},
data() {
return {
screen1: {
bannerUrl: '',
Partner: [],
Partner: []
},
fileList1: [],
fileList2: [],
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: '资质认证' }
],
enterprisePropertyList: [
{ label: '国营', value: '国营' },
{ label: '私营', value: '私营' },
{ label: '合资', value: '合资' },
{ label: '其他', value: '其他' },
{ label: '其他', value: '其他' }
],
designCapabilityList: [
{ label: '自主设计开发', value: '自主设计开发' },
{ label: '来料加工', value: '来料加工' },
{ label: '贸易代理', value: '贸易代理' },
{ label: '贸易/代理', value: '贸易/代理' }
],
standardsList: [
{ label: '国际标准', value: '国际标准' },
{ label: '国家标准', value: '国家标准' },
{ label: '行业标准', value: '行业标准' },
{ label: '企业标准', value: '企业标准' },
{ label: '企业标准', value: '企业标准' }
],
authenticationList: [
{ label: '3C', value: '3C' },
{ label: 'CE', value: 'CE' },
{ label: 'FCC', value: 'FCC' },
{ label: 'ROHS', value: 'ROHS' },
{ label: '其他说明', value: '其他说明' },
{ label: 'GS', value: 'GS' },
{ label: 'CQC', value: 'CQC' },
{ label: '其他说明', value: '其他说明' }
],
qualitySystemList: [
{ label: 'IS09001', value: 'IS09001' },
{ label: 'ISO14001', value: 'ISO14001' },
{ label: 'ISO27001', value: 'ISO27001' },
{ label: 'QS9000', value: 'QS9000' },
{ label: 'TS16849', value: 'TS16849' },
{ label: 'TS16849', value: 'TS16849' }
],
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: '其他证书' }
],
form1Rules: {
companyName: [
{ required: true, message: '请输入公司名称(个人)', trigger: 'blur' },
{ required: true, message: '请输入单位名称(个人)', trigger: 'blur' }
],
address: [
{ required: true, message: '请输入地址', trigger: 'blur' },
{ required: true, message: '请输入单位地址', trigger: 'blur' }
],
phoneNumber: [
{ required: true, message: '请输入联系电话', trigger: 'blur' },
@ -415,8 +341,8 @@ export default {
callback();
}
},
trigger: 'blur',
},
trigger: 'blur'
}
],
email: [
{ required: true, message: '请输入电子邮箱', trigger: 'blur' },
@ -429,9 +355,9 @@ export default {
callback();
}
},
trigger: 'blur',
},
],
trigger: 'blur'
}
]
},
form1: {
propertiesType: 1,
@ -440,18 +366,23 @@ export default {
phoneNumber: '',
email: '',
fieldType: [],
otherNotes: '',
advantageConcept: '',
cooperationIntention: '',
cooperationIntention: ''
},
formRules: {
companyName: [
{ required: true, message: '请输入公司名称', trigger: 'blur' },
{ required: true, message: '请输入单位名称', trigger: 'blur' }
],
address: [
{ required: true, message: '请输入地址', trigger: 'blur' },
{ required: true, message: '请输入单位地址', trigger: 'blur' }
],
identifierCode: [
{ required: true, message: '请输入统一社会信用代码', trigger: 'blur' },
{
required: true,
message: '请输入统一社会信用代码',
trigger: 'blur'
},
{
validator: function(rule, value, callback) {
const reg = /^[0-9A-HJ-NPQRTUWXY]{2}\d{6}[0-9A-HJ-NPQRTUWXY]{10}$/;
@ -461,8 +392,8 @@ export default {
callback();
}
},
trigger: 'blur',
},
trigger: 'blur'
}
],
phoneNumber: [
{ required: true, message: '请输入联系电话', trigger: 'blur' },
@ -475,8 +406,8 @@ export default {
callback();
}
},
trigger: 'blur',
},
trigger: 'blur'
}
],
email: [
{ required: true, message: '请输入电子邮箱', trigger: 'blur' },
@ -489,8 +420,8 @@ export default {
callback();
}
},
trigger: 'blur',
},
trigger: 'blur'
}
]
},
form: {
@ -511,29 +442,29 @@ export default {
qualitySystem: [],
relevantQualifications: [],
advantageConcept: '',
cooperationIntention: '',
cooperationIntention: ''
},
//
limit: 10,
// (MB)
fileSize: 10,
// , ['png', 'jpg', 'jpeg']
fileType: ["doc", "docx", "xls","xlsx", "ppt", "txt", "pdf"],
fileType: ['doc', 'docx', 'xls', 'xlsx', 'ppt', 'txt', 'pdf'],
//
isShowTip: true,
number: 0,
uploadList: [],
//
uploadFileUrl: process.env.VUE_APP_API_TARGET_URL + "/system/oss/upload",
uploadFileUrl: process.env.VUE_APP_API_TARGET_URL + '/system/oss/upload',
fileList: [],
loadingModal: undefined,
loadingModal: undefined
};
},
computed: {
...mapState({
scrollTop: state => state.scroll.scrollTop,
webScale: state => state.web.scale,
}),
webScale: state => state.web.scale
})
},
created() {
this.$event.$emit('nav-theme', 'light');
@ -543,31 +474,36 @@ export default {
methods: {
async getScreen1Banner() {
try {
const res = await this.$request.get(
'/official/index/list',
{ params: { pageNum: 1, pageSize: 1, captionName: '投资与合作/合作伙伴/banner' } },
);
const res = await this.$request.get('/official/index/list', {
params: {
pageNum: 1,
pageSize: 1,
captionName: '投资与合作/合作伙伴/banner'
}
});
this.screen1.bannerUrl = res.rows[0].imageurl;
} catch (error) {}
},
async getScreen1Partner() {
try {
const res = await this.$request.get(
'/official/index/list',
{ params: { pageNum: 1, pageSize: 10, captionName: '投资与合作/合作伙伴/合伙人' } },
);
const res = await this.$request.get('/official/index/list', {
params: {
pageNum: 1,
pageSize: 10,
captionName: '投资与合作/合作伙伴/合伙人'
}
});
this.screen1.Partner = res.rows.sort((a, b) => a.orders - b.orders);
} catch (error) {}
},
handleAddPartner() {
try {
this.$refs["Partnerform"].validate(valid => {
this.$refs['Partnerform'].validate(valid => {
if (valid) {
this.form1.fieldType = this.form1.fieldType.toString();
this.$request.post(
'/official/companymessage/add',
this.form1,
).then(res => {
this.$request
.post('/official/companymessage/add', this.form1)
.then(res => {
if (res.code == 200) {
this.form1 = {
propertiesType: 1,
@ -576,9 +512,10 @@ export default {
phoneNumber: '',
email: '',
fieldType: [],
otherNotes: '',
advantageConcept: '',
cooperationIntention: '',
}
cooperationIntention: ''
};
}
});
}
@ -587,7 +524,7 @@ export default {
},
handleAddSupper() {
try {
this.$refs["Supperform"].validate(valid => {
this.$refs['Supperform'].validate(valid => {
if (valid) {
this.form.businessNature = this.form.businessNature.toString();
this.form.developmentCapability = this.form.developmentCapability.toString();
@ -595,10 +532,9 @@ export default {
this.form.productCertification = this.form.productCertification.toString();
this.form.qualitySystem = this.form.qualitySystem.toString();
this.form.relevantQualifications = this.form.relevantQualifications.toString();
this.$request.post(
'/official/companymessage/add',
this.form,
).then(res => {
this.$request
.post('/official/companymessage/add', this.form)
.then(res => {
if (res.code == 200) {
this.form = {
propertiesType: 2,
@ -618,8 +554,8 @@ export default {
qualitySystem: [],
relevantQualifications: [],
advantageConcept: '',
cooperationIntention: '',
}
cooperationIntention: ''
};
}
});
}
@ -634,7 +570,9 @@ export default {
const fileExt = fileName[fileName.length - 1];
const isTypeOk = this.fileType.indexOf(fileExt) >= 0;
if (!isTypeOk) {
this.$message.error(`文件格式不正确, 请上传${this.fileType.join("/")}格式文件!`);
this.$message.error(
`文件格式不正确, 请上传${this.fileType.join('/')}格式文件!`
);
return false;
}
}
@ -667,7 +605,11 @@ export default {
//
handleUploadSuccess(res, file) {
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();
} else {
this.number--;
@ -695,13 +637,13 @@ export default {
//
getFileName(name) {
// url
if (name.lastIndexOf("/") > -1) {
return name.slice(name.lastIndexOf("/") + 1);
if (name.lastIndexOf('/') > -1) {
return name.slice(name.lastIndexOf('/') + 1);
} else {
return name;
}
},
},
}
}
};
</script>
@ -750,19 +692,19 @@ export default {
}
.screen2 {
padding: 80rem 120rem;
background: #F5F5F7;
background: #f5f5f7;
}
.screen2 .wrapper1680 {
box-sizing: border-box;
background: #FFFFFF;
background: #ffffff;
border-radius: 10rem 10rem 10rem 10rem;
}
.screen3 {
padding: 0rem 120rem 80rem;
background: #F5F5F7;
background: #f5f5f7;
}
.screen3 .wrapper1680 {
background: #FFFFFF;
background: #ffffff;
border-radius: 10rem 10rem 10rem 10rem;
}
.el-form-item {
@ -782,7 +724,7 @@ export default {
}
/deep/.el-input__inner {
border-radius: 4rem;
border: 1rem solid #DCDFE6;
border: 1rem solid #dcdfe6;
height: 40rem;
line-height: 40rem;
padding: 0 15rem;
@ -792,7 +734,7 @@ export default {
margin-right: 30rem;
}
/deep/.el-checkbox__inner {
border: 1rem solid #DCDFE6;
border: 1rem solid #dcdfe6;
border-radius: 2rem;
width: 14rem;
height: 14rem;
@ -807,7 +749,7 @@ export default {
}
/deep/.el-textarea__inner {
padding: 5rem 15rem;
border: 1rem solid #DCDFE6;
border: 1rem solid #dcdfe6;
border-radius: 4rem;
height: 138rem !important;
min-height: 138rem !important;
@ -847,14 +789,14 @@ export default {
display: inline-block;
width: 4rem;
height: 20rem;
background: #014DB5;
background: #014db5;
}
.formTitle {
display: inline-block;
padding-left: 10rem;
font-family: MicrosoftYaHeiSemibold;
font-size: 24rem;
color: #014DB5;
color: #014db5;
line-height: 64rem;
text-align: justifyLeft;
font-style: normal;
@ -863,11 +805,11 @@ export default {
.subBtn {
width: 140rem;
height: 50rem;
background: #014DB5;
background: #014db5;
border-radius: 4rem;
font-family: MicrosoftYaHei;
font-size: 18rem;
color: #FFFFFF;
color: #ffffff;
text-align: center;
font-style: normal;
text-transform: none;

View File

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

View File

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

View File

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

View File

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