Sonoco

<!DOCTYPE html> <html> <head> <title>Sonoco</title> <meta charset="utf-8"/> <meta http-equiv="Cache-Control" content="max-age=31536000"/> <meta http-equiv="Pragma" content="max-age=31536000"/> <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1" />  <script> !function (f, b, e, v, n, t, s) { if (f.fbq) return; n = f.fbq = function () { n.callMethod ? n.callMethod.apply(n, arguments) : n.queue.push(arguments) }; if (!f._fbq) f._fbq = n; n.push = n; n.loaded = !0; n.version = '2.0'; n.queue = []; t = b.createElement(e); t.async = !0; t.src = v; s = b.getElementsByTagName(e)[0]; s.parentNode.insertBefore(t, s) }(window, document, 'script', 'https://connect.facebook.net/en_US/fbevents.js'); fbq('init', '1041230296873208'); fbq('track', 'PageView'); </script> <noscript> <img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=1041230296873208&ev=PageView&noscript=1" /> </noscript>  <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-2834372922206562" crossorigin="anonymous"></script>  <script async src="https://www.googletagmanager.com/gtag/js?id=G-B0EZSHLW6R"></script> <script> window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag('js', new Date()); gtag('config', 'G-B0EZSHLW6R'); </script> <meta name="keywords" content="Sonoco"/> <meta name="description" content="We're a different kind of packaging company. Our integrated packaging solutions help define brand personalities, create unique customer experiences and enhance the quality of products and the quality of life for people around the world. All in the service of our purpose: Better Packaging. Better Life."/> <meta property="og:image" content="https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/2022/0830/630d815374a53.ico"/> <link rel="shortcut icon" href="https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/2022/0830/630d815374a53.ico" type="image/x-icon"/> <script> var ai_chat_url = 'https://ai.starify.cn'; let screen_width = screen.availWidth let white_list = ['/live-stream', '/mobile', '/invite-', '/community', '/supply-demand', '/job', '/city-plan-form'] //过滤白名单-是否进入 /mobile let is_pass = true //是否通过白名单筛选 white_list.forEach(item => { if (location.pathname.indexOf(item) !== -1) { is_pass = false } }) resizeInitWindow() window.addEventListener('resize', () => { resizeInitWindow() }) function resizeInitWindow() { if (window.screen.availWidth < 992) { document.querySelector('html').style.fontSize = ((screen_width / 375) * 62.5) + '%' if (is_pass) { if ((location.pathname.indexOf('/expo') > -1 || location.pathname.indexOf('/news') > -1 || location.pathname.indexOf('/live') > -1 || location.pathname.indexOf('/homepage') > -1)) { //跳转到对应的移动端页面 location.href = '/mobile' + location.pathname } else { //没有相关页面关键词跳转到移动端首页 location.href = '/mobile/index' } } } else { document.querySelector('html').style.fontSize = ((screen_width / 1920) * 62.5) + '%' } } </script> <script src="/common/js-config?v=8.8"></script>  <script src="/assets/lib/jquery-1.11.1.min.js"></script> <script src="/assets/lib/vue@next.js"></script> <script src="/assets/lib/vue-i18n.global.min.js"></script> <script src="/lang/i18n.js?v=8.8"></script> <script src="/lang/module/en-us.js?v=8.8"></script> <script src="/lang/module/en-us-all.min.js?v=8.8"></script> <script src="/assets/lib/axios.min.js"></script>  <script src="/assets/lib/element-plus.js"></script>  <script src="/assets/utils/utils-all.min.js?v=8.8"></script> <script src="/assets/chatgpt-icon/iconfont.js?v=8.8"></script> <link href="/assets/iconfont/iconfont.css?v=8.8" rel="stylesheet" type="text/css"/> <link href="/assets/css/element/index-rem.css?v=8.8" rel="stylesheet" type="text/css"/> <link href="/assets/css/community/recommendUser.css" rel="stylesheet" type="text/css"/> <link href="/assets/css/index.css" rel="stylesheet" type="text/css"/> <link href="/assets/css/index/all.css?v=8.8" rel="stylesheet" type="text/css"/> <link href="/assets/chatgpt-icon/iconfont.css?v=8.8" rel="stylesheet" type="text/css"/> <link href="/assets/css/layout/common.css?v=8.8" rel="stylesheet" type="text/css"/> <script> ToMobileRouter() </script> <script src="/assets/lib/echarts.min.js"></script> <script src="/assets/lib/world.js"></script> <link href="/assets/css/community/dynamicModule.css?v=8.8" rel="stylesheet" type="text/css"/> <link href="/assets/svg/css/flag-icons.min.css?v=8.8" rel="stylesheet" type="text/css"/> <link href="/assets/css/homepage/detail.css?v=8.8" rel="stylesheet" type="text/css"/> <link href="/assets/css/detailsAboutInfo/detailsAboutInfo.css?v=8.8" rel="stylesheet" type="text/css"/> <link href="/assets/css/layout.css?v=8.8" rel="stylesheet" type="text/css"/> </head> <body data-lang="en-us" > <div id="loadingBox" class="loading_container"> <div class="boxes"> <div class="box"> <div></div> <div></div> <div></div> <div></div> </div> <div class="box"> <div></div> <div></div> <div></div> <div></div> </div> <div class="box"> <div></div> <div></div> <div></div> <div></div> </div> <div class="box"> <div></div> <div></div> <div></div> <div></div> </div> </div> </div> <div class="container_body"> <div class="head_container"> <div style=""> <div class="head" id="headBox" > <div class="head_logo aichat_logo" v-if="isAiChatBot"> <svg class="icon svg-icon" aria-hidden="true"> <use xlink:href="#icon-jiqi"></use> </svg> <span>星光GPT大师</span> </div> <a class="head_logo" href="/" v-else> <svg class="icon_en svg-icon" aria-hidden="true"> <use xlink:href="#ic_Matchpages"></use> </svg> </a> <div class="head_menu" style="display: none" > <div class="el-row"> <div class="el-col-3" > <a class="nav_item" href="/"> Home </a> </div> <div class="el-col-3" > <a class="nav_item" href="/news"> News </a> </div> <div class="el-col-5" > <a class="nav_item" href="/expo"> Events & Fairs </a> </div> <div class="el-col-4"> <a class="nav_item" href="/community/dynamic"> Community </a> </div> <div class="el-col-4"> <a class="nav_item" href="/courses"> Curriculum </a> </div> </div> </div> <div class="head_user" v-if="isAiChatBot"> <div class="head_item"> <a class="none_token" v-if="!$config.apiToken" @click="toRoute('/register')"> Register </a> <span class="none_token">{{ baseUserInfo.curr_enterprise_name }}</span> <div class="user_avatar_box"> <img :src="baseUserInfo.curr_enterprise_logo ? $config.ossDomain + baseUserInfo.curr_enterprise_logo : $config.defaultLogo"/> </div> </div> </div> <div class="head_user" v-cloak v-show="!isAiChatBot"> <div class="head_item"> <div class="el-input el-input--large el-input--prefix w-50 m-2">  <div class="el-input__wrapper">  <span class="el-input__prefix" @click="toSearchPage()"> <span class="el-input__prefix-inner"> <i class="icon iconfont ic_search"></i> </span> </span> <input class="el-input__inner" type="text" autocomplete="off" id="head_search">  </div>  </div> </div> <div class="head_item"> <el-dropdown> <div class="fast_box"> <span class="iconfont ic_publish1"></span> <span>Quick publish</span> </div> <template #dropdown> <el-dropdown-menu> <el-dropdown-item @click="toPublishRoute('/event/expo-plan')"> <div class="fast_box_item"> <img src="/assets/image/svg/ic_events.svg"> Launch Exhibition </div> </el-dropdown-item> <el-dropdown-item @click="toPublishRoute('/components/news')"> <div class="fast_box_item"> <img src="/assets/image/svg/ic_earth.svg"> Release information </div> </el-dropdown-item> </el-dropdown-menu> </template> </el-dropdown> </div> <div class="head_item" @click="toNotification('/notification')"> <span class="iconfont ic_notice"></span> <i class="notice_point" v-if="notificationData && notificationData.all_count > 0"><span>{{ notificationData.all_count > 99 ? 99 : notificationData.all_count }}</span></i> </div> <div class="head_item"> <a class="none_token" id="loginBtn" v-if="!$config.apiToken" @click="toRoute('/login')"> Sign in </a> </div> <div class="head_item" style="margin-left:0" > <a class="none_token" v-if="!$config.apiToken" @click="toRoute('/register')"> Register </a> <mtp-user-dropdown @update-user-info="updateUserInfo" v-else> <div class="user_avatar_box"> <img :src="baseUserInfo.curr_enterprise_logo ? $config.ossDomain + baseUserInfo.curr_enterprise_logo : $config.defaultLogo"/> </div> </mtp-user-dropdown> </div> <div class="head_item" v-cloak> <el-popover placement="bottom" :width="250" trigger="hover"> <template #reference> <span class="el-dropdown-link language-dropdown" v-cloak> <span class="iconfont ic_language icon_language"></span> <span>{{ locale.label }}</span> </span> </template> <div class="website-lang"> <div v-for="(website, i) in languages" :key="'web-' + i"> <div class="title">{{ website.name }}</div> <div class="site-languages"> <div class="language" :class="(language.site == currSite && language.value == currLanguage) ? 'selected' : ''" v-for="(language, j) in website.list" :key="'opt-' + j" @click="handleLang(language)" v-cloak> {{ language.label }} </div> </div> </div> </div> </el-popover> </div> </div> <div class="login_dialog"> <el-dialog :append-to-body="true" v-model="LoginDialogVisible" width="52%"> <div> <login-right :success-url="successUrl" @closepopup="closepopup"></login-right> </div> </el-dialog> </div> <el-dialog custom-class="guide_dialog" v-model="showGuideDialog" append-to-body> <div v-if="guideInfo.guide_type === 'new_clue'"> <div class="module_title"> Congratulations </div> <div class="module_desc"> <p v-html="guideInfo.get"></p> </div> <div class="module_btn"> <div @click="routeTo('clue')">View Now</div> </div> </div> <div v-else> <div class="module_title"> Congratulations </div> <div class="module_image"> <img :src="guideInfo.img"> </div> <div class="module_desc"> <p v-html="guideInfo.get"></p> </div> <div class="module_tips"> <p v-html="'('+ guideInfo.source +')'"></p> </div> <div class="module_btn"> <div v-if="guideInfo.type" @click="routeTo(guideInfo.type)">Go publish</div> </div> </div> </el-dialog> </div> <script src="/assets/js/UserDropdown/UserDropdown.js"></script> <script> let head_box = initVue({ name:'headBox', data() { return { showGuideDialog: false, guideInfo: {}, baseUserInfo: {}, currSite: 'overseas', currLanguage: 'en-us', locale: { 'label': 'English', 'value': 'en-us' }, languages: this.$config.languages, locales: this.$config.locales, notificationData: {}, successUrl: '', LoginDialogVisible: false, isAiChatBot: false } }, methods: { initAichatbotType() { if(location.origin === ai_chat_url) { this.isAiChatBot = true } else { this.isAiChatBot = false } }, updateUserInfo(data) { this.baseUserInfo = data }, routeTo(type) { this.showGuideDialog = false if (type && type === 'news') { this.routeCenter('/components/news') return } if (type && type === 'expo') { this.routeCenter('/components/activity') return } if (type && type === 'Live') { this.routeCenter('/components/live') return } if (type && type === 'achievement') { window.open('/achievement') return } if (type && type === 'clue') { this.routeCenter('/clue/clue-list') return } }, routeCenter(path) { let apiToken = this.$config.apiToken if (apiToken) { var homeUrl = encodeURIComponent(path) let centerUrl = this.$config.publishDomain + '/#/auth-login/' + apiToken + '?redirect=' + homeUrl window.open(centerUrl, '_blank') } }, getGuidPerMissionData() { mtpRequest({ url: '/api/user/guide-permission', method: 'get', }).then(res => { this.guideInfo = res.data if (res.data.get) { this.showGuideDialog = true } }) let interval = setInterval(() => { if (!this.showGuideDialog) { clearInterval(interval) interval = null this.getGuidPerMissionData() } }, 10000) }, getNotificationData() { mtpRequest({ url: '/api/user/get-all-notification-data', method: 'get', }).then((res) => { if (res.ret === 0) { this.notificationData = res.data } }) }, handleLang(lang) { this.currSite = lang.site this.currLanguage = lang.value let url = this.$config.siteDomain[lang.site]+ '?lang=' + lang.value this.$i18n.setLocale(lang.value) location.href = url }, toNotification(url) { if (this.$config.apiToken) { window.open(url,'_blank') } else { this.LoginDialogVisible=true this.successUrl= url } }, toPublishRoute(url) { if (this.$config.apiToken) { var homeUrl = encodeURIComponent(url) let centerUrl = this.$config.publishDomain + '/#/auth-login/' + this.$config.apiToken + '?redirect=' + homeUrl window.open(centerUrl, '_blank') } else { this.LoginDialogVisible=true this.successUrl='reloadPage' } }, closepopup(){ this.LoginDialogVisible = false this.successUrl='' }, toSearchPage(param) { const url = new URL(window.location.href) let pathname = url.pathname let pathnameArr = pathname.split('/') pathname = pathnameArr[1] if (param) { window.open('/globalSearch?val='+param + '&from=' + pathname,'_self') } else { window.open('/globalSearch?from=' + pathname,'_self') } }, toRoute(url) { if (location.search) { let params = location.search.replace('?','&') window.open( url + '?redirect=' + location.pathname + params,'_self') } else { window.open( url + '?redirect=' + location.pathname,'_self') } }, }, created() { this.locales.forEach(v => { if (v.value === this.$i18n.getLocale()) { this.locale = v return false } }) this.initAichatbotType() }, mounted() { this.$nextTick(()=>{ showLoginDialog((res)=>{ if (res) { this.successUrl = res } else { this.successUrl = 'closeLoginPopup' } this.LoginDialogVisible = true }) if (this.$config.apiToken) { this.getNotificationData() this.getGuidPerMissionData() } else { this.$loading.completeLoading() } document.getElementById('head_search').addEventListener('keyup',(event)=>{ if (event.keyCode === 13) { let val = document.getElementById('head_search').value if (val) { this.toSearchPage(val) } else { this.toSearchPage() } } }) }) }, }, "#headBox",['loginRight','mtpUserDropdown']); </script> </div> </div> <div class="body_container " id="app"> <div class="navbar_left" style="display: " > <div id="nav_container"> <a class="chat_gpt_box" href="/aichatbot"> <span class="gpt_i"> <svg class="icon svg-icon" aria-hidden="true"> <use xlink:href="#icon-jiqi"></use> </svg> </span> <span v-if="$config.siteName === 'inside'" class="gpt_title">AI大师</span> <span v-else class="gpt_title">AI Master</span> <span class="icon_list"> <i class="iconfont ic_fire"></i> <i class="iconfont ic_fire"></i> <i class="iconfont ic_fire"></i> </span> </a> <div class="nav_container" > <div class="nav_list"> <a class="nav_item" :class="moduleName === 'index' ? 'active' : '' " href="/"> <div class="iconfont_tag"><span class="iconfont ic_home"></span></div> <span>Home</span> </a> <a class="nav_item" :class="moduleName === 'news' ? 'active' : '' " href="/news"> <div class="iconfont_tag"> <span class="iconfont ic_news"></span> </div> <span>News</span> </a> <a class="nav_item" :class="moduleName === 'expo' ? 'active' : '' " href="/expo"> <div class="iconfont_tag"> <span class="iconfont ic_events"></span> </div> <span>Events & Fairs</span> </a> <a class="nav_item" :class="moduleName === 'business-travel' ? 'active' : '' " href="/business-travel"> <div class="iconfont_tag"> <span class="iconfont ic_expert"></span> </div> <span>Business travel</span> </a> <a class="nav_item" :class="moduleName === 'supply-demand' ? 'active' : '' " href="/supply-demand"> <div class="iconfont_tag"> <span class="iconfont ic_FunnelPlotOutlined"></span> </div> <span>Supply & Demand</span> </a> <a class="nav_item" href="/community/dynamic"> <div class="iconfont_tag"> <span class="iconfont ic_Community"></span> </div> <span>Community</span> </a> <a class="nav_item" href="https://www.starify.cn/" target="_blank"> <div class="iconfont_tag"> <span class="iconfont ic_Starify"></span> </div> <span>Marketing tools</span> </a> <a v-show="seeMore" class="nav_item" :class="moduleName === 'special' ? 'active' : '' " href="/community/topics"> <div class="iconfont_tag"> <svg class="icon" aria-hidden="true"> <use xlink:href="#ic_ic_thematic"></use> </svg> </div> <span>Topics</span> </a> <a v-show="seeMore" class="nav_item" :class="moduleName === 'group' ? 'active' : '' " href="/community/group"> <div class="iconfont_tag"> <svg class="icon" aria-hidden="true"> <use xlink:href="#ic_ic_group"></use> </svg> </div> <span>Group</span> </a> <div v-show="!seeMore" class="nav_item see_more" @click="handleSeeMore"> <div class="iconfont_tag"> <span class="iconfont ic_down_line"></span> </div> <span>See more</span> </div> <div v-show="seeMore" class="nav_item see_more" @click="handleSeeMore"> <div class="iconfont_tag"> <span class="iconfont ic_up"></span> </div> <span>fold</span> </div> <div class="divide_box"></div> <a class="nav_item" @click="toPublishRoute('/homepage')"> <div class="iconfont_tag"> <span class="iconfont ic_publish1"></span> </div> <span>Publishing Center</span> </a> <div class="divide_box"></div> <a class="nav_item" :class="moduleName === 'achievement' ? 'active' : '' " @click="toRouteWeb('/achievement')"> <div class="iconfont_tag"><span class="iconfont ic_honor"></span></div> <span>Exhibition record</span> </a> <a class="nav_item" :class="moduleName === 'order' ? 'active' : '' " @click="toRouteWeb('/order')"> <div class="iconfont_tag"> <span class="iconfont ic_order"></span> </div> <span>My order</span> </a> <a class="nav_item" :class="moduleName === 'userCenter' ? 'active' : '' " @click="toRouteWeb('/userCenter')"> <div class="iconfont_tag"> <span class="iconfont ic_collect"></span> </div> <span>My collection</span> </a> <a class="nav_item" :class="moduleName === 'column' ? 'active' : '' " @click="toRouteWeb('/column')"> <div class="iconfont_tag"> <span class="iconfont ic_column"></span> </div> <span>Column setting</span> </a> </div> </div> <div class="nav_btn_list"> <a class="nav_btn_item" @click="toRouteWeb('/achievement?show_create=1','open')"> <span> <div class="ic_honor1 iconfont"></div> Add exhibition plan now </span> </a> <a class="nav_btn_item" @click="toRouteWeb('/achievement?show_create=2','open')"> <span> <div class="ic_h1 iconfont"></div> Add exhibition records at any time </span> </a> <a class="nav_btn_item" href="/city-plan-form"> <span> <div class="ic_h1 iconfont"></div> City Affiliate programme </span> </a> </div> <div class="nav_image_list"> <a v-if="$i18n.getLocale() ==='en-us'" href="https://www.starify.cn/" target="_blank"><img src="" lazyload="true" data-original="https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/2024/0712/6690c31879f19.png" class="invited_img"></a> <a v-else-if="$i18n.getLocale() ==='zh-tw'" href="https://www.starify.cn/" target="_blank"><img src="" lazyload="true" data-original="https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/2024/0712/6690c317f1df5.png" class="invited_img"></a> <a v-else href="https://www.starify.cn/" target="_blank"><img src="" lazyload="true" data-original="https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/2024/0712/6690c3175d81b.png" class="invited_img"></a> </div> </div> <script> let nav_container = initVue({ name:'nav_container', data() { return { isHoverNavbar:false, moduleName:'index', seeMore: false } }, methods:{ handleSeeMore() { if (this.seeMore === false) { this.seeMore = true } else { this.seeMore = false } }, getUrlParam() { if (window.location.pathname) { if (window.location.pathname.indexOf('index') > -1 || window.location.pathname === '/') { this.moduleName = 'index' } else if (window.location.pathname.indexOf('news') > -1) { this.moduleName = 'news' } else if (window.location.pathname.indexOf('expo') > -1) { this.moduleName = 'expo' } else if (window.location.pathname.indexOf('live') > -1) { this.moduleName = 'live' } else if(window.location.pathname.indexOf('achievement') > -1) { this.moduleName = 'achievement' } else if(window.location.pathname.indexOf('order') > -1) { this.moduleName = 'order' } else if(window.location.pathname.indexOf('userCenter') > -1) { this.moduleName = 'userCenter' } else if(window.location.pathname.indexOf('media') > -1) { this.moduleName = 'media' } else if(window.location.pathname.indexOf('supply-demand') > -1) { this.moduleName = 'supply-demand' }else if(window.location.pathname.indexOf('courses') > -1) { this.moduleName = 'courses' } else if(window.location.pathname.indexOf('column') > -1) { this.moduleName = 'column' } else if(window.location.pathname.indexOf('meeting-with-expert') > -1) { this.moduleName = 'meeting-with-expert' }else if(window.location.pathname.indexOf('servicefinder') > -1) { this.moduleName = 'servicefinder' }else if(window.location.pathname.indexOf('business-travel') > -1) { this.moduleName = 'business-travel' }else if(window.location.pathname.indexOf('shop-store') > -1) { this.moduleName = 'shop-store' }else if(window.location.pathname.indexOf('company') > -1) { this.moduleName = 'company' } else { this.moduleName = 'other' } } }, toRouteWeb(url,type) { if (url === '/invitation') { window.open(url,'_blank') return false } if (this.$config.apiToken) { if (type) { window.open(url,'_blank') } else { window.location.href = url } } else { $('#headBox').trigger('loginDialog',url) } }, toPublishRoute(url) { var homeUrl = encodeURIComponent(url) if (this.$config.apiToken) { let centerUrl = this.$config.publishDomain + '/#/auth-login/' + this.$config.apiToken + '?redirect=' + homeUrl window.open(centerUrl, '_blank') } else { let centerUrl = this.$config.publishDomain + '/#/?redirect=' + homeUrl $('#headBox').trigger('loginDialog',centerUrl) } }, }, mounted() { this.$nextTick(()=>{ //更新token的val getUserEvent((res)=>{ if (res) { this.$config.apiToken = res this.$login.setToken(res) } }) }) this.getUrlParam() window.onscroll = ()=>{ if (window.scrollY > 0) { this.isHoverNavbar = true } else { this.isHoverNavbar = false } } } }, "#nav_container"); </script> </div> <div class="app_container"> <div style="display: none"> </div> <div id="homepage_container" > <div class="homepage_container" data-enterprise-id="11674"> <div class="homepage_index"> <div class="homepage_head"> <div class="shadow_box"> <div class="homepage_background"> <img src="https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/2024/0619/667238fa464b5.png" onerror="this.src = 'https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/2022/0830/630d81427a1ab.png'"> </div> <div class="homepage_detail"> <div class="homepage_logo"> <div class="homepage_image"> <img src="https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/2024/0619/667238ef34f90.png" onerror="this.src = 'https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/2021/1221/61c174a200a51.png'"> </div> <div class="homepage_fans" v-cloak> <span @click="showConcernCountPrimary">{{ enterpriseInfo.concern_count }}</span> </div> <div class="homepage_option" v-if="baseUserInfo && enterpriseInfo.status !== 2 && baseUserInfo.curr_enterprise_id !== enterpriseInfo.id" v-cloak> <div class="option_btn letter_btn" @click="createDialog(0)">Message</div> <div class="option_btn" v-show="enterpriseInfo.is_account_concern" @click="enterpriseOpt(1)">Followed</div> <div class="option_btn" v-show="!enterpriseInfo.is_account_concern" @click="enterpriseOpt(0)">Follow</div> </div> </div> <div class="homepage_info"> <div class="homepage_info_head"> <div class="homepage_title"> <div class="homepage_name"> Sonoco <div class="authentication_tag enterprise"> <svg class="icon" aria-hidden="true"> <use xlink:href="#ic_businessV"></use> </svg> <span>Enterprise</span> </div> <div v-if="enterpriseInfo.expert_id" v-cloak> <div class="authentication_tag expert"> <svg class="icon" aria-hidden="true"> <use xlink:href="#ic_expert"></use> </svg> <span>Expert certification</span> </div> </div> </div> <div class="homepage_option" v-cloak> <a class="option_btn" href="https://s.matchexpo.com/9xtn" target="_blank">Visit website</a> <a class="option_btn primary" v-if="!baseUserInfo || (enterpriseInfo.expert_id && baseUserInfo.id !== enterpriseInfo.user_id)" href="?enterprise_id=11674">Consulting</a> </div> </div> </div> <div class="homepage_desc" :class="!showAllDesc ? 'clamp_text' : ''"> We're a different kind of packaging company. Our integrated packaging solutions help define brand personalities, create unique customer experiences and enhance the quality of products and the quality of life for people around the world. All in the service of our purpose: Better Packaging. Better Life. </div> <div class="homepage_option"> <div v-show="!showAllDesc" @click="showAllDesc = true">Show all</div> <div v-show="showAllDesc" @click="showAllDesc = false">Fold</div> </div> <div class="contact_list"> </div> </div> </div> </div> <el-collapse-transition> <div v-show="recommendEnterpriseDialog && recommendEnterpriseList.length > 0" class="collect_user shadow_box"> <div class="el-row collect_user_list owl-carousel"> <div v-for="(item,index) in recommendEnterpriseList" :key="index" class="collect_user_item"> <div class="head" style="background-image: url('https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/2023/0419/643fb034a0e0c.png')"> <div class="close user_close"></div> <div class="avatar"> <img :src="item.logo ? item.logo : '/assets/image/defaultLogo.png'" onerror="this.src = '/assets/image/defaultLogo.png'"/> </div> </div> <div class="content"> <div class="name">{{ item.name }}</div> </div> <div class="user_friend_btn"> <div v-if="item.is_follow == 1" class="option_btn" @click="enterpriseOptOther(1, item)">Followed</div> <div v-else class="option_btn" @click="enterpriseOptOther(0, item)">Follow</div> </div> </div> </div> <i class="iconfont ic_closeC" @click="recommendEnterpriseDialog = false"></i> </div> </el-collapse-transition> <div class="achievement_box shadow_box" v-show="countryDataList.length > 0"> <div class="achievement_container"> <div class="map_container"> <div class="map_container_body" id="map_container_body"></div> <div class="map_container_title"> {{ achievement_data_title }} </div> </div> <div class="data_container"> <div class="data_list"> <div class="data_item" v-for="(item,index) in countryDataList" :key="index"> <div class="data_img"> <span class="fib fi" :class="'fi-' + item.country_code"></span> </div> <div class="data_title"> {{ item.country }}（{{ item.count }}） </div> </div> </div> </div> <div class="show_more_btn"> <div class="more_btn" @click="showMore">See more</div> </div> </div> </div> </div> <div class="homepage_body shadow_box"> <div class="homepage_data_list"> <div class="homepage_data_head"> <div class="tab_list"> <div class="tab_item" :class="tabName === 'news' ? 'active' : ''" @click="changeTab('news')"> <span v-if="baseUserInfo.curr_enterprise_id === enterpriseInfo.id">News</span> <span v-else>News</span> </div> <div class="tab_item" :class="tabName === 'goods' ? 'active' : ''" @click="changeTab('goods')"> <span>Products & Services</span> </div> <div class="tab_item" :class="tabName === 'dynamic' ? 'active' : ''" @click="changeTab('dynamic')"> <span v-if="baseUserInfo.curr_enterprise_id === enterpriseInfo.id">Update</span> <span v-else>Update</span> </div> <div class="tab_item" :class="tabName === 'host' ? 'active' : ''" @click="changeTab('host')"> <span v-if="baseUserInfo.curr_enterprise_id === enterpriseInfo.id">Organized</span> <span v-else>Organized</span> </div> <div v-if="enterpriseInfo.enterprise_certified_id === 0" class="tab_item" :class="tabName === 'audience' ? 'active' : ''" @click="changeTab('audience')"> <span v-if="baseUserInfo.curr_enterprise_id === enterpriseInfo.id">I'm an audience</span> <span v-else>TA is the audience</span> </div> <div class="tab_item" :class="tabName === 'friend' ? 'active' : ''" @click="changeTab('friend')"> <span v-if="baseUserInfo.curr_enterprise_id === enterpriseInfo.id">Friends</span> <span v-else>Friends</span> </div> <div class="tab_item" :class="tabName === 'company' ? 'active' : ''" @click="changeTab('company')"> <span v-if="baseUserInfo.curr_enterprise_id === enterpriseInfo.id">Followed</span> <span v-else>Followed</span> </div> <div class="tab_item" :class="tabName === 'exhibitor' ? 'active' : ''" @click="changeTab('exhibitor')"> <span v-if="baseUserInfo.curr_enterprise_id === enterpriseInfo.id">Exhibitor</span> <span v-else>Exhibitor</span> </div> </div> <div class="second_tab el-row"> <div class="sub_tab_list" v-show="tabName !== 'news' && tabName !=='dynamic' && tabName !=='friend' && tabName !=='goods' && tabName !=='company' && tabName !=='exhibitor'"> <div class="sub_tab_item" :class="activityTab === 'activity' ? 'active' : ''" @click="activityTabClick('activity')"> <span>Exhibition</span> </div> </div> <div class="sub_tab_list" v-show="tabName === 'goods'"> <div class="sub_tab_item" :class="activityTab === 'goods' ? 'active' : ''" @click="activityTabClick('goods')"> <span>Products & Services</span> </div> <div class="sub_tab_item" :class="activityTab === 'activity' ? 'active' : ''" @click="activityTabClick('activity')"> <span>Exhibition</span> </div> </div> <div class="expo_select_type" v-show="tabName === 'host'"> <el-select v-model="subActivityTab" @change="subActivityTabClick" :popper-append-to-body="false"> <el-option label="All" value="all"></el-option> <el-option label="Online" value="onLine"></el-option> <el-option label="Offline" value="offLine"></el-option> <el-option label="Not started" value="notStarted"></el-option> <el-option label="Have in hand" value="ongoing"></el-option> <el-option label="Has ended" value="end"></el-option> </el-select> <el-select v-show="activityTab === 'activity'" :popper-append-to-body="false" v-model="getActivity.type_id" filterable @change="getExpoListData()"> <el-option label="All types" :value="0"></el-option> <el-option v-for="(item,index) in expoTypeList" :key="index " :label="item.name" :value="item.id" /> </el-select> </div> </div> </div> </div> <div class="dynamic_box"> <div id="dynamic" v-show="tabName === 'dynamic'" v-loading="loading" class="dynamic_module homepage_dynamic"> <div class="dynamic_module_list" data-last-page="1" data-total="5"> <div class="module_item"> <div> <div class="delete_btn" v-if="baseUserInfo.curr_enterprise_id === enterpriseInfo.id" @click="deleteDynamic(8)"> <i class="iconfont ic_shanchu"></i> </div> <div class="module_author"> <a class="author_avatar" href="https://www.matchexpo.com/page/sonoco.html"> <img src="https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/2024/0619/667238ef34f90.png" onerror="this.src = '/assets/image/defaultLogo.png'"> </a> <div class="author"> <a class="author_name" href="https://www.matchexpo.com/page/sonoco.html">Sonoco</a> <div class="author_info"> <div class="module_time">5 Months ago</div> <a class="module_tag" href=""></a> </div> </div> </div> <a class="module_title" href="https://www.matchexpo.com/community/dynamic/sonoco——pac-global-recently-awarded-two-of-our-consumer-packages.html">Sonoco——PAC Global recently awarded two of our consumer packages</a> <div class="module_content" @click="$utils.routeTo('https://www.matchexpo.com/community/dynamic/sonoco——pac-global-recently-awarded-two-of-our-consumer-packages.html')" style="cursor: pointer"> <div> <div dir="auto"><a style="list-style-type: none;" tabindex="0" role="link" href="https://www.facebook.com/WeArePACGlobal?__cft__[0]=AZVde7b4HOhYEk2TeKrK6dB51kjkT_qzogTr1M9kz_PQV2j6m6P0sQF6CVmcO9DV6sycPHeV7_7KvXkQmNj6cwL2seCpnwAYkUWi0ii2m815EhVKXOXatLc8zpbN0p6JPfT8Kes6RHMAkhYEulfWSIgigy0uyVj3MRm2wfhr_W6buiHD_JAQc-l_NS7RqPQlnj_t5gspqQC01V55k6nBFeWi&__tn__=-]K-R">PAC Global</a> recently awarded two of our consumer packages—our EnviroCan™ Rigid Paper Container with a paper bottom and our EnviroSense® PaperBlister™ Package for Pentel® R.S.V.P.® pens. We’re grateful to be recognized by our industry for our sustainability efforts. Read more about these award-winning packages here: <a style="list-style-type: none;" tabindex="0" role="link" href="https://l.facebook.com/l.php?u=https%3A%2F%2Fsonoco.me%2F3VkeNcc%3Ffbclid%3DIwZXh0bgNhZW0CMTAAAR1q95QKmjamtM9TT0vxdz0zb535E1lvu7xzGKBexrLzdxXMKrpglELyCnM_aem_ZmFrZWR1bW15MTZieXRlcw&h=AT0y3Kq6E3VNFSEjmElRLO0HJpZfjNVf5zuPrXYSMvEUodYXyQYU05ir3LoyG3YRa1gdFvEdXfP5NcxVjweMN5LS0-ft23spWH4Vf8XT2X1bbSAVXl1DtTNfF7j9ZdW5TGUh&__tn__=-UK-R&c[0]=AT08sPXMWPfUqSPFEdj138o8wovUmTA05w-8oYwfiW_0e3YoZzwy1dF4ANEwdm-yCBakPH6h9H5V8zlkpRl5j07JR8bSfPMT9wDiEdUHQxP7P7WnGQbayan65nmpZd8bXrwHthP8dqRGLalDh6G_1UZjLmnr9UiAyomwDQBNtviHK5xzF5wMEm7Wg5aP_t5Exkh2ZOmaIxStw497cpVluAPC8WhBYZF4FFxe" target="_blank" rel="nofollow noopener noreferrer">https://sonoco.me/3VkeNcc</a></div> </div> <div> <div dir="auto"><a style="list-style-type: none;" tabindex="0" role="link" href="https://www.facebook.com/hashtag/betterpackagingbetterlife?__eep__=6&__cft__[0]=AZVde7b4HOhYEk2TeKrK6dB51kjkT_qzogTr1M9kz_PQV2j6m6P0sQF6CVmcO9DV6sycPHeV7_7KvXkQmNj6cwL2seCpnwAYkUWi0ii2m815EhVKXOXatLc8zpbN0p6JPfT8Kes6RHMAkhYEulfWSIgigy0uyVj3MRm2wfhr_W6buiHD_JAQc-l_NS7RqPQlnj_t5gspqQC01V55k6nBFeWi&__tn__=*NK-R">#BetterPackagingBetterLife</a> <a style="list-style-type: none;" tabindex="0" role="link" href="https://www.facebook.com/hashtag/packagingfortheplanet?__eep__=6&__cft__[0]=AZVde7b4HOhYEk2TeKrK6dB51kjkT_qzogTr1M9kz_PQV2j6m6P0sQF6CVmcO9DV6sycPHeV7_7KvXkQmNj6cwL2seCpnwAYkUWi0ii2m815EhVKXOXatLc8zpbN0p6JPfT8Kes6RHMAkhYEulfWSIgigy0uyVj3MRm2wfhr_W6buiHD_JAQc-l_NS7RqPQlnj_t5gspqQC01V55k6nBFeWi&__tn__=*NK-R">#PackagingforthePlanet</a></div> </div> </div> <ul class="module_media_list media_image " > <li> <img src="" lazyload="true" data-original="https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/2024/0619/667245c8bf24c.jpg" onerror="this.src= '/assets/image/img_default.svg'"/> </li> </ul> <div class="module_option_list"> <a class="module_option" href="https://www.matchexpo.com/community/dynamic/sonoco——pac-global-recently-awarded-two-of-our-consumer-packages.html"> <i class="iconfont ic_share"></i> <span>11413</span> </a> <a class="module_option" href="https://www.matchexpo.com/community/dynamic/sonoco——pac-global-recently-awarded-two-of-our-consumer-packages.html"> <i class="iconfont ic_mes"></i> <span>0</span> </a> <div class="module_option is_thumbs_up" data-thumbs-num="3982" data-id="8"> <i class="iconfont ic_starL"></i> <span>3982</span> </div> </div> </div> </div> <div class="module_item"> <div> <div class="delete_btn" v-if="baseUserInfo.curr_enterprise_id === enterpriseInfo.id" @click="deleteDynamic(7)"> <i class="iconfont ic_shanchu"></i> </div> <div class="module_author"> <a class="author_avatar" href="https://www.matchexpo.com/page/sonoco.html"> <img src="https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/2024/0619/667238ef34f90.png" onerror="this.src = '/assets/image/defaultLogo.png'"> </a> <div class="author"> <a class="author_name" href="https://www.matchexpo.com/page/sonoco.html">Sonoco</a> <div class="author_info"> <div class="module_time">5 Months ago</div> <a class="module_tag" href=""></a> </div> </div> </div> <a class="module_title" href="https://www.matchexpo.com/community/dynamic/sonoco——mentorship，working-together-we-all-succeed.html">Sonoco——Mentorship，working together, we all succeed.</a> <div class="module_content" @click="$utils.routeTo('https://www.matchexpo.com/community/dynamic/sonoco——mentorship，working-together-we-all-succeed.html')" style="cursor: pointer"> <div> <div dir="auto">People don’t build businesses in isolation. Working together, we all succeed. That’s part of the reason why mentorship matters so much at Sonoco.</div> </div> <div> <div dir="auto">Sonoco’s Vice President of Global Talent Management and Safety, Matt Moore shares: “We all find success and encounter failure. I can connect each significant event in my career to a mentor who helped me. From a volunteer fireman in my hometown to a teacher who straightened me out in high school to countless manufacturing leaders along the way—I’ve had the great benefit of people investing in me—helping me learn how to serve others, act with integrity and professionalism and advocate for fairness. Today, the most rewarding part of my role is doing the same for my mentees by sharing my experiences and learning with them.”</div> </div> <div> <div dir="auto">Read about what mentoring looks like at Sonoco: <a style="list-style-type: none;" tabindex="0" role="link" href="https://sonoco.me/3TM8dZL?fbclid=IwZXh0bgNhZW0CMTAAAR3aORGO7RpjZUdyDAq2ov4DpxmwsHfAQbDTnQFfDf7mpmO0Q9zQsADn1Ac_aem_ZmFrZWR1bW15MTZieXRlcw" target="_blank" rel="nofollow noopener noreferrer">https://sonoco.me/3TM8dZL</a></div> </div> <div> <div dir="auto"><a style="list-style-type: none;" tabindex="0" role="link" href="https://www.facebook.com/hashtag/peoplebuildbusinesses?__eep__=6&__cft__[0]=AZXU7AfN8o4Dk__vL6rH3MaiAq10kDR5rqBwsjY7wlnfjMJenHrFQy_LYnxesaM6K82ksnJxgLAxECsv93nFei907lc-7cZI-Ce_80kMmvs4q0oz_We9Gli53MnzPTkplYuXDhNyoU9LYDPcIdGVuedG97gvzrqRd6BcNiODXwJE2jKnEht-guysZG93-GCoCB4ZCn3snbMulZVLT4PV9Rnp&__tn__=*NK-R">#PeopleBuildBusinesses</a> <a style="list-style-type: none;" tabindex="0" role="link" href="https://www.facebook.com/hashtag/mentorship?__eep__=6&__cft__[0]=AZXU7AfN8o4Dk__vL6rH3MaiAq10kDR5rqBwsjY7wlnfjMJenHrFQy_LYnxesaM6K82ksnJxgLAxECsv93nFei907lc-7cZI-Ce_80kMmvs4q0oz_We9Gli53MnzPTkplYuXDhNyoU9LYDPcIdGVuedG97gvzrqRd6BcNiODXwJE2jKnEht-guysZG93-GCoCB4ZCn3snbMulZVLT4PV9Rnp&__tn__=*NK-R">#Mentorship</a></div> </div> </div> <ul class="module_media_list media_image " > <li> <img src="" lazyload="true" data-original="https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/2024/0619/667245c9ad902.jpg" onerror="this.src= '/assets/image/img_default.svg'"/> </li> </ul> <div class="module_option_list"> <a class="module_option" href="https://www.matchexpo.com/community/dynamic/sonoco——mentorship，working-together-we-all-succeed.html"> <i class="iconfont ic_share"></i> <span>11285</span> </a> <a class="module_option" href="https://www.matchexpo.com/community/dynamic/sonoco——mentorship，working-together-we-all-succeed.html"> <i class="iconfont ic_mes"></i> <span>0</span> </a> <div class="module_option is_thumbs_up" data-thumbs-num="3991" data-id="7"> <i class="iconfont ic_starL"></i> <span>3991</span> </div> </div> </div> </div> <div class="module_item"> <div> <div class="delete_btn" v-if="baseUserInfo.curr_enterprise_id === enterpriseInfo.id" @click="deleteDynamic(6)"> <i class="iconfont ic_shanchu"></i> </div> <div class="module_author"> <a class="author_avatar" href="https://www.matchexpo.com/page/sonoco.html"> <img src="https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/2024/0619/667238ef34f90.png" onerror="this.src = '/assets/image/defaultLogo.png'"> </a> <div class="author"> <a class="author_name" href="https://www.matchexpo.com/page/sonoco.html">Sonoco</a> <div class="author_info"> <div class="module_time">5 Months ago</div> <a class="module_tag" href=""></a> </div> </div> </div> <a class="module_title" href="https://www.matchexpo.com/community/dynamic/sonoco——togethertowardstomorrow.html">Sonoco——TogetherTowardsTomorrow</a> <div class="module_content" @click="$utils.routeTo('https://www.matchexpo.com/community/dynamic/sonoco——togethertowardstomorrow.html')" style="cursor: pointer"> <div> <div dir="auto">This past week marked our notable 2024 Strategic Supplier Business Conference <a style="list-style-type: none;" tabindex="0" role="link" href="https://www.facebook.com/hashtag/togethertowardstomorrow?__eep__=6&__cft__[0]=AZVd6oCNT8wb_V9doOwn0wptgg93ipWObgKmR1fYVydlOaDwSRkPKeRttMBTtcOcHmtdUo0Eoief0bAePi54wZsCsbW8PKvZmAfjdo44S1HGVZDKyhzdwlsiV4D7d7e0et76Jun6mPwGKBv9jE52i76DXp7_PlgEfNNxLqq4Brli6B7ylkLuMa_THBns5xIBxmASsNSxt3s1nLeJ8HfS80Wl&__tn__=*NK-R">#TogetherTowardsTomorrow</a>, held in Hartsville, South Carolina. It was a privilege to welcome 300 guests from more than 50 supplying partners, facilitating insightful sessions on our strategic business model, Diversity, Equity & Inclusion (DE&I) initiatives, and sustainability commitments.</div> </div> <div> <div dir="auto"><a style="list-style-type: none;" tabindex="0" role="link" href="https://www.facebook.com/hashtag/betterpackagingbetterlife?__eep__=6&__cft__[0]=AZVd6oCNT8wb_V9doOwn0wptgg93ipWObgKmR1fYVydlOaDwSRkPKeRttMBTtcOcHmtdUo0Eoief0bAePi54wZsCsbW8PKvZmAfjdo44S1HGVZDKyhzdwlsiV4D7d7e0et76Jun6mPwGKBv9jE52i76DXp7_PlgEfNNxLqq4Brli6B7ylkLuMa_THBns5xIBxmASsNSxt3s1nLeJ8HfS80Wl&__tn__=*NK-R">#BetterPackagingBetterLife</a> <a style="list-style-type: none;" tabindex="0" role="link" href="https://www.facebook.com/hashtag/peoplebuildbusinesses?__eep__=6&__cft__[0]=AZVd6oCNT8wb_V9doOwn0wptgg93ipWObgKmR1fYVydlOaDwSRkPKeRttMBTtcOcHmtdUo0Eoief0bAePi54wZsCsbW8PKvZmAfjdo44S1HGVZDKyhzdwlsiV4D7d7e0et76Jun6mPwGKBv9jE52i76DXp7_PlgEfNNxLqq4Brli6B7ylkLuMa_THBns5xIBxmASsNSxt3s1nLeJ8HfS80Wl&__tn__=*NK-R">#PeopleBuildBusinesses</a></div> </div> </div> <ul class="module_media_list media_image " > <li> <img src="" lazyload="true" data-original="https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/2024/0619/667245cb21af2.jpg" onerror="this.src= '/assets/image/img_default.svg'"/> </li> </ul> <div class="module_option_list"> <a class="module_option" href="https://www.matchexpo.com/community/dynamic/sonoco——togethertowardstomorrow.html"> <i class="iconfont ic_share"></i> <span>11257</span> </a> <a class="module_option" href="https://www.matchexpo.com/community/dynamic/sonoco——togethertowardstomorrow.html"> <i class="iconfont ic_mes"></i> <span>0</span> </a> <div class="module_option is_thumbs_up" data-thumbs-num="4004" data-id="6"> <i class="iconfont ic_starL"></i> <span>4004</span> </div> </div> </div> </div> <div class="module_item"> <div> <div class="delete_btn" v-if="baseUserInfo.curr_enterprise_id === enterpriseInfo.id" @click="deleteDynamic(5)"> <i class="iconfont ic_shanchu"></i> </div> <div class="module_author"> <a class="author_avatar" href="https://www.matchexpo.com/page/sonoco.html"> <img src="https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/2024/0619/667238ef34f90.png" onerror="this.src = '/assets/image/defaultLogo.png'"> </a> <div class="author"> <a class="author_name" href="https://www.matchexpo.com/page/sonoco.html">Sonoco</a> <div class="author_info"> <div class="module_time">5 Months ago</div> <a class="module_tag" href=""></a> </div> </div> </div> <a class="module_title" href="https://www.matchexpo.com/community/dynamic/sonoco——safety-training-program.html">Sonoco——safety training program</a> <div class="module_content" @click="$utils.routeTo('https://www.matchexpo.com/community/dynamic/sonoco——safety-training-program.html')" style="cursor: pointer"> <div> <div dir="auto">We do safety differently. At Sonoco, we’re committed to maintaining a safe work environment. Our safety workshops give employees the skills needed to prevent exposures. Learn more about our safety training program on the blog: <a style="list-style-type: none;" tabindex="0" role="link" href="https://l.facebook.com/l.php?u=https%3A%2F%2Fsonoco.me%2F3yCIVpR%3Ffbclid%3DIwZXh0bgNhZW0CMTAAAR3J37lIl1QC5Ni3gG3oANL9ZYTojKq6fDG-KxVACanrbysY_BT9xKyYBkk_aem_ZmFrZWR1bW15MTZieXRlcw&h=AT1N6ziZh5YtWYvabKoZ9bZ4UUPrN407mueAUYjyDZmIu2fivhu-TNEiOykJi_LwC9HzFhs51_OXKX8Bt5XTK1QoqfgDy7211bvWCvhqzjFcHe6UuYaweMPLhgA44TG-NlLy&__tn__=-UK-R&c[0]=AT3I0xUzXJ1BP1Sjjj567OQgr9YymrzG9Y01SazSj4qhr_SOC_425PEA8RaCaBSlx9Z_O_VPgtnbq8fQc_wPm6y0mvHD-vwixnndAiRWxh4bVnCmjTueFsTAvDyDr9VgbSbpnaQWFJVdimLV9vMtW58CcjRosfjI4aZlCG9BOKdkGWwwwqX8kGEmCkG5svg-AGbT0iDSpUK-kIU7OA9sHAY7MXFnrLgAAP0B" target="_blank" rel="nofollow noopener noreferrer">https://sonoco.me/3yCIVpR</a></div> </div> <div> <div dir="auto"><a style="list-style-type: none;" tabindex="0" role="link" href="https://www.facebook.com/hashtag/peoplebuildbusinesses?__eep__=6&__cft__[0]=AZWaRdBLqV2BHTkXAsWGd3kQD5z0VFofKwCS8VlTmwNdAdkuWUewmpBPWL0wL-IDXajrySLP8DlU7qF9MkFDcVEqtFhynpNdwgfQGts_ZGJ10bjQXgUPmZDR72-T96j7-QDNAf501KUcqyNjtZNq0zAQzx6Qo5vZr-hAlLeZXn5kkVSSkwHwmUB2RXlU2j4pv3vrEEhR-k_LMXk8Lqimit7l&__tn__=*NK-R">#PeopleBuildBusinesses</a> <a style="list-style-type: none;" tabindex="0" role="link" href="https://www.facebook.com/hashtag/safety?__eep__=6&__cft__[0]=AZWaRdBLqV2BHTkXAsWGd3kQD5z0VFofKwCS8VlTmwNdAdkuWUewmpBPWL0wL-IDXajrySLP8DlU7qF9MkFDcVEqtFhynpNdwgfQGts_ZGJ10bjQXgUPmZDR72-T96j7-QDNAf501KUcqyNjtZNq0zAQzx6Qo5vZr-hAlLeZXn5kkVSSkwHwmUB2RXlU2j4pv3vrEEhR-k_LMXk8Lqimit7l&__tn__=*NK-R">#Safety</a></div> </div> </div> <ul class="module_media_list media_image " > <li> <img src="" lazyload="true" data-original="https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/2024/0619/667245ca6977c.jpg" onerror="this.src= '/assets/image/img_default.svg'"/> </li> </ul> <div class="module_option_list"> <a class="module_option" href="https://www.matchexpo.com/community/dynamic/sonoco——safety-training-program.html"> <i class="iconfont ic_share"></i> <span>11347</span> </a> <a class="module_option" href="https://www.matchexpo.com/community/dynamic/sonoco——safety-training-program.html"> <i class="iconfont ic_mes"></i> <span>0</span> </a> <div class="module_option is_thumbs_up" data-thumbs-num="3971" data-id="5"> <i class="iconfont ic_starL"></i> <span>3971</span> </div> </div> </div> </div> <div class="module_item"> <div> <div class="delete_btn" v-if="baseUserInfo.curr_enterprise_id === enterpriseInfo.id" @click="deleteDynamic(4)"> <i class="iconfont ic_shanchu"></i> </div> <div class="module_author"> <a class="author_avatar" href="https://www.matchexpo.com/page/sonoco.html"> <img src="https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/2024/0619/667238ef34f90.png" onerror="this.src = '/assets/image/defaultLogo.png'"> </a> <div class="author"> <a class="author_name" href="https://www.matchexpo.com/page/sonoco.html">Sonoco</a> <div class="author_info"> <div class="module_time">5 Months ago</div> <a class="module_tag" href=""></a> </div> </div> </div> <a class="module_title" href="https://www.matchexpo.com/community/dynamic/sonoco——pridemonth，people-build-business.html">Sonoco——PrideMonth，people build business</a> <div class="module_content" @click="$utils.routeTo('https://www.matchexpo.com/community/dynamic/sonoco——pridemonth，people-build-business.html')" style="cursor: pointer"> <div> <div dir="auto">This <a style="list-style-type: none;" tabindex="0" role="link" href="https://www.facebook.com/hashtag/pridemonth?__eep__=6&__cft__[0]=AZWKWnw6rKis9wUZNRdyP7-WDRMQ9c7WJqyCZ_6FGM0voL5VLThuO8pIuc14LvjBsEjgzq5m6Pw0Tq6mr8xamZIXvYZ8ovVH9F9akMbQz13EwSr-66ZpoPbOmgw9UytAR9nqaC36owoBRRUvxittWJ7H65sPeqi_Eix66ppipKIJBXYnATfMuFviUW5SDK8I7t9jDe1OOL9y3Zo-HHtyMXTd&__tn__=*NK-R">#PrideMonth</a>, join us in celebrating all forms of identity and self-expression. Our LGBTQ+ Employee Resource Group highlights these efforts during a virtual <a style="list-style-type: none;" tabindex="0" role="link" href="https://www.facebook.com/hashtag/prideweek?__eep__=6&__cft__[0]=AZWKWnw6rKis9wUZNRdyP7-WDRMQ9c7WJqyCZ_6FGM0voL5VLThuO8pIuc14LvjBsEjgzq5m6Pw0Tq6mr8xamZIXvYZ8ovVH9F9akMbQz13EwSr-66ZpoPbOmgw9UytAR9nqaC36owoBRRUvxittWJ7H65sPeqi_Eix66ppipKIJBXYnATfMuFviUW5SDK8I7t9jDe1OOL9y3Zo-HHtyMXTd&__tn__=*NK-R">#PrideWeek</a> event where employees wear different colored clothing each day representing the colors of the Pride flag. They’ll enter a raffle for prizes while fostering a sense of community and amplifying LGBTQ+ visibility – showing us how a rainbow of differences often precedes our success. <a style="list-style-type: none;" tabindex="0" role="link" href="https://www.facebook.com/hashtag/peoplebuildbusiness?__eep__=6&__cft__[0]=AZWKWnw6rKis9wUZNRdyP7-WDRMQ9c7WJqyCZ_6FGM0voL5VLThuO8pIuc14LvjBsEjgzq5m6Pw0Tq6mr8xamZIXvYZ8ovVH9F9akMbQz13EwSr-66ZpoPbOmgw9UytAR9nqaC36owoBRRUvxittWJ7H65sPeqi_Eix66ppipKIJBXYnATfMuFviUW5SDK8I7t9jDe1OOL9y3Zo-HHtyMXTd&__tn__=*NK-R">#PeopleBuildBusiness</a> <a style="list-style-type: none;" tabindex="0" role="link" href="https://www.facebook.com/hashtag/pride2024?__eep__=6&__cft__[0]=AZWKWnw6rKis9wUZNRdyP7-WDRMQ9c7WJqyCZ_6FGM0voL5VLThuO8pIuc14LvjBsEjgzq5m6Pw0Tq6mr8xamZIXvYZ8ovVH9F9akMbQz13EwSr-66ZpoPbOmgw9UytAR9nqaC36owoBRRUvxittWJ7H65sPeqi_Eix66ppipKIJBXYnATfMuFviUW5SDK8I7t9jDe1OOL9y3Zo-HHtyMXTd&__tn__=*NK-R">#Pride2024</a></div> </div> <div> <div dir="auto">Learn more about diversity, equity and inclusion at Sonoco: <a style="list-style-type: none;" tabindex="0" role="link" href="https://sonoco.me/3C3Ev9X?fbclid=IwZXh0bgNhZW0CMTAAAR1q95QKmjamtM9TT0vxdz0zb535E1lvu7xzGKBexrLzdxXMKrpglELyCnM_aem_ZmFrZWR1bW15MTZieXRlcw" target="_blank" rel="nofollow noopener noreferrer">https://sonoco.me/3C3Ev9X</a></div> </div> <p>ideas?</p> </div> <ul class="module_media_list media_image " > <li> <img src="" lazyload="true" data-original="https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/2024/0619/667245cba5e52.jpg" onerror="this.src= '/assets/image/img_default.svg'"/> </li> </ul> <div class="module_option_list"> <a class="module_option" href="https://www.matchexpo.com/community/dynamic/sonoco——pridemonth，people-build-business.html"> <i class="iconfont ic_share"></i> <span>11434</span> </a> <a class="module_option" href="https://www.matchexpo.com/community/dynamic/sonoco——pridemonth，people-build-business.html"> <i class="iconfont ic_mes"></i> <span>0</span> </a> <div class="module_option is_thumbs_up" data-thumbs-num="3972" data-id="4"> <i class="iconfont ic_starL"></i> <span>3972</span> </div> </div> </div> </div> </div> <el-empty v-if="tabName === 'dynamic' && getDynamic.total === 0" image="https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/2022/0830/630d81556cdc1.png" :image-size="120" description="This homepage has no dynamic information"> <a class="empty_text" v-if="baseUserInfo.curr_enterprise_id === enterpriseInfo.id" href="/community/dynamic">Add your updates</a> </el-empty> </div> <div v-show="tabName === 'dynamic'" class="about_user_module_list"> </div> </div> <div v-if="tabName == 'dynamic' && getDynamic.total > 0"> <el-pagination background layout="prev, pager, next" :current-page="getDynamic.page" :total="getDynamic.total" @current-change="getDynamicData" :page-size="getDynamic.page_size" /> </div> <div id="expo" v-show="(tabName === 'goods' || tabName === 'host') && activityTab === 'activity'" v-loading="loading"> <div class="data_list data-list-0" id="homepage_activity_list" data-total="0" data-page-count="0"> </div> </div> <div v-if="(tabName === 'goods' || tabName === 'host') && activityTab === 'activity' && activity_total > 0"> <el-pagination background layout="prev, pager, next" :current-page="getActivity.page" :total="activity_total" @current-change="getExpoListData" :page-size="10" /> </div> <el-empty v-show="(tabName === 'goods' || tabName === 'host') && activityTab === 'activity' && activity_count == 0" image="https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/2022/0830/630d81556cdc1.png" :image-size="120" description="There is no event on this homepage"> <a class="empty_text" v-if="baseUserInfo.curr_enterprise_id === enterpriseInfo.id" @click="toPublishRoute('/event/expo-plan')">Release event</a> </el-empty> <div id="expo_plan" v-show="(tabName === 'join' || tabName === 'audience') " v-loading="loading"> <div class="data_list expo_plan_list" id="expo_plan_list" data-total="0" data-last-page="1"> </div> </div> <div v-if="(tabName === 'join' || tabName === 'audience') && expoPlanTotal > 0"> <el-pagination background layout="prev, pager, next" :current-page="getExpoPlan.page" :total="expoPlanTotal" @current-change="getExpoPlanData" :page-size="10" /> </div> <el-empty v-show="(tabName === 'join' || tabName === 'audience') && expoPlanTotal === 0" image="https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/2022/0830/630d81556cdc1.png" :image-size="120" description="There is no event on this homepage"> <a class="empty_text" v-if="baseUserInfo.curr_enterprise_id === enterpriseInfo.id" @click="toPublishRoute('/event/expo-plan')">Release event</a> </el-empty> <div id="live" v-show="tabName === 'host' && activityTab === 'live'" v-loading="loading"> <div class="data_list data-list-1" id="homepage_activity_list" data-total="0" data-page-count="0"> </div> </div> <div v-if="tabName === 'host' && activityTab === 'live' && live_total > 0"> <el-pagination background layout="prev, pager, next" :current-page="getActivity.page" :total="live_total" @current-change="getExpoListData" :page-size="10" /> </div> <el-empty v-if="tabName === 'host' && activityTab === 'live' && live_count == 0" image="https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/2022/0830/630d81556cdc1.png" :image-size="120" description="There is no live information on this homepage"> <a class="empty_text" v-if="baseUserInfo.curr_enterprise_id === enterpriseInfo.id" @click="toPublishRoute('/components/live')">Broadcast live</a> </el-empty> <div id="news" v-show="tabName === 'news'" v-loading="loading"> <div class="module_box news-list" data-total="7"> <div class="module_list el-row"> <a class="module_item" href="https://www.matchexpo.com/news/marigold-and-sonoco-partner-to-launch-fully-recyclable-can-with-paper-base.html" target="_self" style="width: auto; height: auto;"> <div class="module_image"> <img src=" https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/2024/0929/66f8a67a4ea2b.png "> </div> <div class="module_info "> <div class="module_info_title"> Marigold and Sonoco partner to launch fully recyclable can with paper base </div> <div class="news_option"> <div class="news_time">1 Months ago</div> <div class="news_data"> <div><span class="iconfont ic_view"></span>130</div> <div><span class="iconfont ic_like"></span>0</div> <div><span class="iconfont ic_mes"></span>0</div> </div> </div> </div> </a> <a class="module_item" href="https://www.matchexpo.com/news/sonoco-to-acquire-eviosys-creating-the-world-s-leading-metal-food-can-and-aerosol-packaging-platform.html" target="_self" style="width: auto; height: auto;"> <div class="module_image"> <img src=" https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/2024/0628/667e54718e59d.png "> </div> <div class="module_info "> <div class="module_info_title"> Sonoco to Acquire Eviosys, Creating The World’s Leading Metal Food Can and Aerosol Packaging Platform </div> <div class="news_option"> <div class="news_time">5 Months ago</div> <div class="news_data"> <div><span class="iconfont ic_view"></span>289</div> <div><span class="iconfont ic_like"></span>0</div> <div><span class="iconfont ic_mes"></span>0</div> </div> </div> </div> </a> <a class="module_item" href="https://www.matchexpo.com/news/bloomberg-markets-industrial-and-consumer-packaging-giant-sonoco-announced-this-week-that-it-will-acquire-can-manufacturer-eviosys-for-nearly-4-billion-.html" target="_self" style="width: auto; height: auto;"> <div class="module_image"> <img src=" https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/2024/0701/66824b9799c65.png "> </div> <div class="module_info "> <div class="module_info_title"> Bloomberg Markets: Industrial and consumer packaging giant Sonoco announced this week that it will acquire can manufacturer Eviosys for nearly $4 billion. </div> <div class="news_option"> <div class="news_time">5 Months ago</div> <div class="news_data"> <div><span class="iconfont ic_view"></span>282</div> <div><span class="iconfont ic_like"></span>0</div> <div><span class="iconfont ic_mes"></span>0</div> </div> </div> </div> </a> <a class="module_item" href="https://www.matchexpo.com/news/pmmi-top-to-top-balancing-needs-for-the-best-solution.html" target="_self" style="width: auto; height: auto;"> <div class="module_image"> <img src=" https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/2024/0613/666aa19ea3d60.png "> </div> <div class="module_info "> <div class="module_info_title"> PMMI Top to Top - Balancing needs for the best solution </div> <div class="news_option"> <div class="news_time">5 Months ago</div> <div class="news_data"> <div><span class="iconfont ic_view"></span>289</div> <div><span class="iconfont ic_like"></span>0</div> <div><span class="iconfont ic_mes"></span>0</div> </div> </div> </div> </a> <a class="module_item" href="https://www.matchexpo.com/news/sonoco-named-as-one-of-america-s-most-responsible-companies.html" target="_self" style="width: auto; height: auto;"> <div class="module_image"> <img src=" https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/2024/0613/666aa088b408f.png "> </div> <div class="module_info "> <div class="module_info_title"> Sonoco Named as One of America’s Most Responsible Companies </div> <div class="news_option"> <div class="news_time">5 Months ago</div> <div class="news_data"> <div><span class="iconfont ic_view"></span>269</div> <div><span class="iconfont ic_like"></span>0</div> <div><span class="iconfont ic_mes"></span>0</div> </div> </div> </div> </a> <a class="module_item" href="https://www.matchexpo.com/news/sonoco-releases-2023-annual-report-.html" target="_self" style="width: auto; height: auto;"> <div class="module_image"> <img src=" https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/2024/0613/666a9e4a3fb36.png "> </div> <div class="module_info "> <div class="module_info_title"> Sonoco Releases 2023 Annual Report: </div> <div class="news_option"> <div class="news_time">5 Months ago</div> <div class="news_data"> <div><span class="iconfont ic_view"></span>205</div> <div><span class="iconfont ic_like"></span>0</div> <div><span class="iconfont ic_mes"></span>0</div> </div> </div> </div> </a> <a class="module_item" href="https://www.matchexpo.com/news/packaging-101-a-glossary-of-packaging-terms.html" target="_self" style="width: auto; height: auto;"> <div class="module_image"> <img src=" https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/2024/0613/666a9bebadb16.jpg "> </div> <div class="module_info "> <div class="module_info_title"> Packaging 101 A Glossary of Packaging Terms </div> <div class="news_option"> <div class="news_time">5 Months ago</div> <div class="news_data"> <div><span class="iconfont ic_view"></span>218</div> <div><span class="iconfont ic_like"></span>0</div> <div><span class="iconfont ic_mes"></span>0</div> </div> </div> </div> </a> </div> </div> </div> <div v-if="tabName === 'news' && blog_total > 0"> <el-pagination background layout="prev, pager, next" :current-page="getBlog.page" :total="blog_total" @current-change="getNewsListData" :page-size="10" /> </div> <el-empty v-if="tabName === 'news' && blog_count == 0" image="https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/2022/0830/630d81556cdc1.png" :image-size="120" description="There is no news on this homepage"> <a class="empty_text" v-if="baseUserInfo.curr_enterprise_id === enterpriseInfo.id" @click="toPublishRoute('/components/news')">Release news</a> </el-empty> <div id="friend" v-show="tabName === 'friend'" v-loading="loading"> <div class="friend-list" data-total="0"> </div> </div> <div v-if="tabName === 'friend' && friend_total > 0"> <el-pagination background layout="prev, pager, next" :current-page="getFriend.page" :total="friend_total" @current-change="getFriendData" :page-size="10" /> </div> <el-empty v-else-if="tabName === 'friend' && friend_total === 0" image="https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/2022/0830/630d81556cdc1.png" :image-size="120" description="There is no relevant information on this homepage"></el-empty> <div id="company" class="company-list" v-show="tabName === 'company'" v-loading="loading"> <div id="client_list"> <div id="company_page" data-page="1" data-total="0"></div> </div> <div v-if="clientListParams.total > 0" class="page_list"> <el-pagination background layout="prev, pager, next" :total="clientListParams.total" :current-page="clientListParams.page" @current-change="getClientListData" :page-size="10"/> </div> <el-empty v-else-if="tabName === 'company' && clientListParams.total === 0" image="https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/2022/0830/630d81556cdc1.png" :image-size="120" description="There is no relevant information on this homepage"></el-empty> </div> <div id="company" class="company-list" v-show="tabName === 'exhibitor'" v-loading="loading"> <div id="exhibitor_list"> <div id="company_page" data-page="1" data-total="0"></div> </div> <div v-if="exhibitorListParams.total > 0" class="page_list"> <el-pagination background layout="prev, pager, next" :total="exhibitorListParams.total" :current-page="exhibitorListParams.page" @current-change="getExhibitorListData" :page-size="10"/> </div> <el-empty v-else-if="tabName === 'exhibitor' && exhibitorListParams.total === 0" image="https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/2022/0830/630d81556cdc1.png" :image-size="120" description="There is no relevant information on this homepage"></el-empty> </div> <el-empty v-show="tabName === 'goods' && activityTab === 'goods'" image="https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/2022/0830/630d81556cdc1.png" :image-size="120" description="The user has not opened a store"></el-empty> </div> </div> <div class="homepage_about_box"> <div class="blog_list_container"> <div style="display: none"> 0 </div> <div class="ad_container ad_container_0"> </div> <div class="user_recommend_box" id="user_recommend"> <div class="group_title user_title"> <div> <i class="iconfont ic_other"></i> <span>People who may be interested</span> </div> <div class="hot_search_option" @click="$friend.getRecommendUserList()"><span class="iconfont ic_sync"></span>Change it</div> </div> <div id="hot_tag_box"> <div class="module_list" data-last-page="1675" style="display: flex;flex-direction: column"> <div class="module_item" data-id="1021406" data-current-page="1"> <div class="module_avatar"> <span>用</span> </div> <div class="group_title user_title"> <div> <div class="user_name">用*4</div> </div> <div class="user_company"> </div> </div> <div> <div class="user_friend_btn" data-user-id="1021406" data-friend-applying="0" data-action="0"> <div class="add_friend" > + Friends </div> <div class="cancel_friend" style="display: none;" > <i class="ic_check iconfont"></i> Requested </div> </div> </div> </div> <div class="module_item" data-id="1021401" data-current-page="1"> <div class="module_avatar"> <img src="https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/2024/0912/66e2b36e87a09.jpeg"/> </div> <div class="group_title user_title"> <div> <div class="user_name">株*社</div> </div> <div class="user_company">株式会社海事プレス社 </div> </div> <div> <div class="user_friend_btn" data-user-id="1021401" data-friend-applying="0" data-action="0"> <div class="add_friend" > + Friends </div> <div class="cancel_friend" style="display: none;" > <i class="ic_check iconfont"></i> Requested </div> </div> </div> </div> <div class="module_item" data-id="1021400" data-current-page="1"> <div class="module_avatar"> <img src="https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/2024/0912/66e2b36aeaf22.jpeg"/> </div> <div class="group_title user_title"> <div> <div class="user_name">株*社</div> </div> <div class="user_company">株式会社日本海事新聞社 </div> </div> <div> <div class="user_friend_btn" data-user-id="1021400" data-friend-applying="0" data-action="0"> <div class="add_friend" > + Friends </div> <div class="cancel_friend" style="display: none;" > <i class="ic_check iconfont"></i> Requested </div> </div> </div> </div> <div class="module_item" data-id="1021399" data-current-page="1"> <div class="module_avatar"> <img src="https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/2024/0912/66e2b36797c7b.jpeg"/> </div> <div class="group_title user_title"> <div> <div class="user_name">有*業</div> </div> <div class="user_company">有限会社有田牧畜産業 </div> </div> <div> <div class="user_friend_btn" data-user-id="1021399" data-friend-applying="0" data-action="0"> <div class="add_friend" > + Friends </div> <div class="cancel_friend" style="display: none;" > <i class="ic_check iconfont"></i> Requested </div> </div> </div> </div> <div class="module_item" data-id="1021398" data-current-page="1"> <div class="module_avatar"> <img src="https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/2024/0912/66e2b3626d25e.jpeg"/> </div> <div class="group_title user_title"> <div> <div class="user_name">J*e</div> </div> <div class="user_company">Ji Pu Tea House </div> </div> <div> <div class="user_friend_btn" data-user-id="1021398" data-friend-applying="0" data-action="0"> <div class="add_friend" > + Friends </div> <div class="cancel_friend" style="display: none;" > <i class="ic_check iconfont"></i> Requested </div> </div> </div> </div> </div> </div> </div> <div class="hot_news_list"> <div class="hot_news_head"> <img src="" lazyload="true" data-original="/assets/image/svg/ic_new.svg"> <span>Latest information</span> </div> <div class="hot_news_body"> <div class="nav_blog_list"> <a class="blog_item" href="https://capi.matchexpo.com/news/central-alliance-carries-out-orkney-ground-investigation.html" target="_self"> <div class="blog_image"> <img src="" lazyload="true" data-original="https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/2023/1225/6588fde5dc1b9.png"> </div> <div class="blog_info"> <div class="blog_title">Central Alliance carries out Orkney ground investigation</div> <div class="blog_desc"> </div> </div> </a> <a class="blog_item" href="https://capi.matchexpo.com/news/kansai-joins-floating-offshore-wind-project-in-norway.html" target="_self"> <div class="blog_image"> <img src="" lazyload="true" data-original="https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/2023/1225/6588fdbb4a334.png"> </div> <div class="blog_info"> <div class="blog_title">Kansai joins floating offshore wind project in Norway</div> <div class="blog_desc"> </div> </div> </a> <a class="blog_item" href="https://capi.matchexpo.com/news/alerion-agrees-35-mw-wind-project-in-wales.html" target="_self"> <div class="blog_image"> <img src="" lazyload="true" data-original="https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/2023/1225/6588fd4d7c367.png"> </div> <div class="blog_info"> <div class="blog_title">Alerion agrees 35 MW wind project in Wales</div> <div class="blog_desc"> </div> </div> </a> <a class="blog_item" href="https://capi.matchexpo.com/news/havfram-wind-signs-contract-with-rwe-for-nordseecluster-offshore-wind-projects.html" target="_self"> <div class="blog_image"> <img src="" lazyload="true" data-original="https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/2023/1225/6588fc63be638.jpg"> </div> <div class="blog_info"> <div class="blog_title">Havfram Wind signs contract with RWE for Nordseecluster offshore wind projects</div> <div class="blog_desc"> </div> </div> </a> <a class="blog_item" href="https://capi.matchexpo.com/news/dla-piper-advises-on-sale-of-nys-ter-wind-farm-cluster.html" target="_self"> <div class="blog_image"> <img src="" lazyload="true" data-original="https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/2023/1225/6588fa728d295.png"> </div> <div class="blog_info"> <div class="blog_title">DLA Piper advises on sale of Nysäter wind farm cluster</div> <div class="blog_desc"> </div> </div> </a> </div> </div> </div> <div class="hot_news_list"> <div class="hot_news_head"> <img src="/assets/image/svg/ic_heart.svg"> Pages you might like</div> <div class="hot_news_body"> <div class="may_like_homepage"> <div class="may_like_homepage_list"> <a class="may_like_homepage_item" href="https://capi.matchexpo.com/page/pg633fdea7964d8.html"> <img src="https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/hbr_uploads/143051ba97b06a95aeb325ca71dffdd2.jpg" onerror="this.src= 'https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/2021/1221/61c174a200a51.png'"> <div class="homepage_name">Haier</div> </a> <a class="may_like_homepage_item" href="https://capi.matchexpo.com/page/pg633fdea78ec0d.html"> <img src="https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/2021/1214/61b7fc8c6b416.jpg" onerror="this.src= 'https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/2021/1221/61c174a200a51.png'"> <div class="homepage_name">Retail Channel</div> </a> <a class="may_like_homepage_item" href="https://capi.matchexpo.com/page/pg633fdea7c57d4.html"> <img src="https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/hbr_uploads/8c1160a49dafb31efbe165bc9abca46b.jpg" onerror="this.src= 'https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/2021/1221/61c174a200a51.png'"> <div class="homepage_name">Rum21</div> </a> <a class="may_like_homepage_item" href="https://capi.matchexpo.com/page/fespa-mexico.html"> <img src="https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/2023/0604/647c305cce8e4.jpg" onerror="this.src= 'https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/2021/1221/61c174a200a51.png'"> <div class="homepage_name">FESPA Mexico</div> </a> </div> </div> </div> </div> <div class="hot_news_list"> <div class="hot_news_head"> <img src="" lazyload="true" data-original="/assets/image/svg/ic_topic.svg"> <span>Today's topic</span> </div> <div class="hot_news_body"> <div class="nav_blog_list"> <a class="blog_item" href="https://www.matchexpo.com/news/CHINAPLAS-2022-国际橡塑展：巴斯夫智造新未来.html" target="_self"> <div class="blog_image"> <img src="" lazyload="true" data-original="https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/2022/0221/621356a30d596.jpg"> </div> <div class="blog_info"> <div class="blog_title">CHINAPLAS 2022 国际橡塑展：巴斯夫智造新未来</div> <div class="blog_desc"> </div> </div> </a> <a class="blog_item" href="https://www.matchexpo.com/news/百事公司再捐100万美元，助力乡村儿童营养健康.html" target="_self"> <div class="blog_image"> <img src="" lazyload="true" data-original="https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/2021/1210/61b31ba5799d1.jpg"> </div> <div class="blog_info"> <div class="blog_title">百事公司再捐100万美元，助力乡村儿童营养健康</div> <div class="blog_desc"> </div> </div> </a> <a class="blog_item" href="https://www.matchexpo.com/news/pg633fdea4e410f.html" target="_self"> <div class="blog_image"> <img src="" lazyload="true" data-original="https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/2021/1216/61bab59189772.jpg"> </div> <div class="blog_info"> <div class="blog_title">万物互联2021——智慧人居场景应用高峰论坛圆满落幕</div> <div class="blog_desc"> </div> </div> </a> </div> </div> </div> <div style="display: none"> 0 </div> <div class="ad_container ad_container_0"> </div> </div> </div> <el-dialog title="Contact information" v-model="addContactDialog" width="30%"> <div class="form_box"> <el-form ref="contactParams" :model="contactParams" :rules="contactParamsRules" label-width="100px"> <el-form-item label="User:" prop="user_name" required> <el-input v-model="contactParams.user_name" :maxlength="50" show-word-limit placeholder="Please enter your name"> </el-input> </el-form-item> <el-form-item label="Corporate name:" prop="company" required> <el-input v-model="contactParams.company" :maxlength="100" show-word-limit placeholder="Please enter your company name"> </el-input> </el-form-item> <el-form-item label="Contact information" prop="phone" required> <el-input v-model="contactParams.phone" placeholder="Please enter your contact information"> </el-input> </el-form-item> <el-form-item label="Email:" prop="email" required> <el-input v-model="contactParams.email" placeholder="Please enter your email address"> </el-input> </el-form-item> <el-form-item label="Description:"> <el-input v-model="contactParams.remark" :rows="4" :maxlength="240" show-word-limit type="textarea" placeholder="Please enter your suggestion"> </el-input> </el-form-item> </el-form> </div> <template #footer> <span class="dialog-footer"> <el-button @click="addContactDialog = false" round>Cancel</el-button> <el-button type="primary" @click="submitPlanContact()" v-loading="saveLoading" round>Submit</el-button> </span> </template> </el-dialog> </div> <el-dialog v-model="activityListDialog" title="Exhibition" append-to-body custom-class="publish_dialog" @close="activityListDialog = false" :close-on-click-modal="false" width="500px"> <el-table :data="activityList" style="width: 100%" v-loading="activityListLoading"> <el-table-column prop="start_time" label="Year" width="150"></el-table-column> <el-table-column prop="start_time" label="Events & Fairs" min-width="200"> <template #default="scope"> <span><a :href="scope.row.activity_route" target="_blank">{{ scope.row.name }}</a></span> </template> </el-table-column> </el-table> <div v-if="activityListParams.total > 3" style="text-align: center;"> <el-button @click="showMoreActivity" type="text">See more</el-button> </div> </el-dialog> </div> </div> <div class="navbar_right" style="display: " > <div class="right_navbar_container" id="right_navbar_container"> <div class="navbar_list"> <el-popover popper-class="right_nav_item" placement="left" :width="100" trigger="click"> <template #reference> <div class="navbar_item"> <el-tooltip class="item" effect="dark" placement="left-start"> <template #content>Matchexporen service number, scan it</template> <span class="iconfont ic_servise"></span> </el-tooltip> </div> </template> <img lazyload="true" data-original="https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/2022/0830/630d815ddd9af.png" src=""> <span style="color: var(--font-color-third); font-size: 12px; display: block; text-align: center">Matchexporen service number, scan it</span> </el-popover> <el-popover popper-class="right_nav_item" placement="left" :width="100" trigger="click"> <template #reference> <div class="navbar_item"> <el-tooltip class="item" effect="dark" placement="left-start"> <template #content>Global exhibition registration: add official account</template> <span class="iconfont ic_Qrcode"></span> </el-tooltip> </div> </template> <img lazyload="true" data-original="https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/2022/0830/630d8161532ac.png" src=""> <span style="color: var(--font-color-third); font-size: 12px; display: block; text-align: center">Global exhibition registration: add official account</span> </el-popover> <div class="navbar_item" @click="showFeedback"> <el-tooltip class="item" effect="dark" content="If you find any problems, please let us know." placement="left-start"> <span class="iconfont ic_opinion"></span> </el-tooltip> </div> <div class="navbar_item" @click="scrollToTop"> <span class="iconfont ic_top"></span> </div> </div> <div class="feedback_dialog"> <el-dialog :append-to-body="true" v-model="dialogVisible" title="Feedback" width="40%" > <div class="feedback_dialog_line"> <el-form ref="feedback" :model="feedback" :rules="feedbackRules" label-width="180px"> <el-form-item label="User:"> <el-input v-model="feedback.user_name" :maxlength="50" show-word-limit placeholder="Please enter your name"> </el-input> </el-form-item> <el-form-item label="Corporate name:"> <el-input v-model="feedback.company_name" :maxlength="100" show-word-limit placeholder="Please enter your company name"> </el-input> </el-form-item> <el-form-item label="Email:" prop="email" required> <el-input v-model="feedback.email" placeholder="Please enter your email address"> </el-input> </el-form-item> <el-form-item label="Description:" prop="content" required> <el-input v-model="feedback.content" :rows="4" :maxlength="240" show-word-limit type="textarea" placeholder="Please enter your suggestion"> </el-input> </el-form-item> <el-form-item labe="Image" prop="pic"> <el-upload :class="{disabled:isFeedbackPicMax}" :action="img_upload_url" :headers="upload_params" list-type="picture-card" multiple :limit="3" :on-success="handleSuccess" :before-upload="beforeAvatarUpload" :on-remove="handleRemove" :on-change="handleChange"> <div class="el-upload__text">Upload screenshot</div> </el-upload> </el-form-item> </el-form> </div> <template #footer> <span class="dialog-footer"> <el-button @click="dialogVisible = false" round>Cancel</el-button> <el-button type="primary" @click="submitFeedback()" v-loading="saveLoading" round>Submit</el-button> </span> </template> </el-dialog> </div> </div> <script> let right_navbar_container = initVue({ name:'right_navbar_container', data() { const valiEmail = (rule, value, callback) => { // 邮箱验证 if (!isEmail(value)) { callback(new Error('The email format is incorrect. Please enter the correct email')) } else { callback() } } return { isFeedbackPicMax: false, dialogVisible:false, feedbackPicDialogVisible:false, feedbackValue:'', saveLoading:false, img_upload_url: this.$config.uploadUrl, upload_params: { 'api-token': this.$config.apiToken, }, dialogImageUrl: '', feedback: { content: '', user_name: '', company_name: '', email: '', pic: [] }, feedbackRules :{ content: [ { required: true, message: 'Please enter your suggestion', trigger: 'blur', }, ], email: [ { required: true, message: 'Please enter your email address', trigger: 'blur', }, { validator: valiEmail, trigger: ['blur', 'change'], }, ] }, baseUserInfo: {}, } }, methods:{ scrollToTop() { window.scrollTo(0,1000) }, submitFeedback() { this.$refs.feedback.validate(valid => { if (valid) { let params = this.feedback this.saveLoading = true mtpRequest({ url:'/api/user/feedback', method: 'post', data:params }).then(res=>{ if (res.ret === 0) { this.saveLoading = false this.$message.success('Feedback submitted successfully') this.dialogVisible = false } }).finally(() => { this.saveLoading = false }) } else { return false } }) }, showFeedback() { if (this.$config.apiToken) { this.dialogVisible = true } else { $('#headBox').trigger('loginDialog','reloadPage') } }, getUserInfo() { this.$nextTick(()=>{ //获取用户信息 getHeadUserInfo((res)=>{ this.baseUserInfo = res this.feedback.user_name = res.nick_name this.feedback.company_name = res.curr_enterprise_name this.feedback.email = res.email }) }) /*mtpRequest({ url: '/api/user/base-account', method: 'post', }).then(res=>{ this.baseUserInfo = res.data this.feedback.user_name = res.data.nick_name this.feedback.company_name = res.data.curr_enterprise_name this.feedback.email = res.data.email })*/ }, CutFeedbackValue(){ this.feedbackValue=this.$utils.cutByte(this.feedbackValue,240,'') }, handleRemove(file, fileList) { const index = this.feedback.pic.indexOf(file.file) this.feedback.pic.splice(index, 1) if (fileList.length < 3) { this.isFeedbackPicMax = false } }, handleSuccess(response) { this.feedback.pic.push(response.file) }, handleChange(file, fileList) { if (fileList.length >= 3) { this.isFeedbackPicMax = true } }, beforeAvatarUpload(file) { const isImage = /^image\/.*$/.test(file.type) const isLt2M = file.size / 1024 / 1024 < 2 if (!isImage) { this.$message.error('Image format error') } if (!isLt2M && isImage) { this.$message.error('Image size cannot exceed 2M') } return isImage && isLt2M } }, mounted() { this.$nextTick(()=>{ //更新token的val getUserEvent((res)=>{ if (res) { this.$config.apiToken = res this.$login.setToken(res) } }) }) this.getUserInfo() }, },"#right_navbar_container"); </script> </div> </div> <div> <div style=""> <div id="bottom_container"> <div class="bottom_head"></div> <div class="bottom" > <div class="bottom_main"> <div class="bottom_left"> <a class="bottom_logo" href="/"> <svg class="icon_en svg-icon" aria-hidden="true"> <use xlink:href="#ic_Matchpages"></use> </svg> </a> <div class="bottom_desc"> Matchexpo is an exhibition community platform for event & fair community in China, serving the essential functions of exhibitions, events, fairs, assisting ticket sales, visitor registration and booth reservation, allowing organizers to create, share, find and participate in activities, creating community space for organizers and exhibitors, finding their partners and helping them expand<br> </div> </div> <div class="bottom_center"> <div class="bottom_list"> <div class="bottom_line"> <a class="bottom_item" href="/contact-us">Contact Us</a> <a class="bottom_item" href="/user-agreement">User Agreement</a> <a class="bottom_item" href="/about-us">About Us</a> <a class="bottom_item" href="/price">Member Price</a> </div> <div class="bottom_line"> <a class="bottom_item" href="/copyright-notice">Copyright notice</a> <a class="bottom_item" href="/privacy-policy">Privacy Policy</a> <a class="bottom_item" href="/our-mission">Our Mission</a> </div> <div class="bottom_line"> <a class="bottom_item" href="/certification-specification">Certification specification</a> <a class="bottom_item" :href="helpUrl">Help Center</a> <a class="bottom_item" href="/advertisement">Advertising cooperation</a> </div> <div class="bottom_line"> <a class="bottom_item" href="/integrity-report">Integrity Report</a> <a class="bottom_item" href="/cooperative-partner">Cooperative partners</a> <a class="bottom_item" href="/link">Links</a> </div> <div class="bottom_line"> <a class="bottom_item" href="/channel">Channel Cooperation</a> <div class="bottom_item" @click="toHomepage('/certification/enterprise')">Enterprise certification</div> <a class="bottom_item" href="/invitation">Invite friends</a> </div> </div> </div> <div class="bottom_right"> <div class="bottom_qrcode_list"> <div class="bottom_qrcode"> <img src="" lazyload="true" data-original="https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/2022/0830/630d8161532ac.png"> <span>Follow official account</span> </div> <div class="bottom_qrcode"> <img lazyload="true" data-original="https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/2022/0830/630d815ddd9af.png" src=""> <span>Online support</span> </div> </div> <div class="platform_list"> <div class="platform_item" style="background:#1877F2"> <i class="iconfont ic_facebook1" ></i> </div> <div class="platform_item" style="background:#1DA1F2"> <i class="iconfont ic_twitter1"></i> </div> <div class="platform_item" style="background: #2867B2"> <i class="iconfont ic_linkedin1"></i> </div> <div class="platform_item" style="background: #FF0000"> <i class="iconfont ic_youtube" ></i> </div> <div class="platform_item" style="background: #F00073"> <i class="iconfont ic_instagram"></i> </div> <div class="platform_item" style="background: #E60023"> <i class="iconfont ic_pinterest1" ></i> </div> </div> </div> </div> </div> <div class="bottom_text"> <div> <span>Matchexpo: Event Marketing Platform </span> <span @click="handleLang('overseas', 'en-us')">International</span> - <span @click="handleLang('overseas', 'zh-tw')">Chinese Traditional</span> - <span @click="handleLang('inside', 'zh-cn')">Chinese Simplified</span> </div> | <a href="https://www.matchpages.cn/" target="_blank"> <span>Matchpages Web Builder</span> </a> | <a href="https://www.starify.cn/" target="_blank"> <span>Starify omni-Channel Chatbot</span> </a> </div> <div class="copyright"> 2019-2022。 Matchexpo | Wuhan Matchexpo Technology Co., Ltd. All rights reserved. <a href="https://beian.miit.gov.cn/#/Integrated/index" target="_blank"> <img src="https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/2022/0830/630d8153bd984.png" /> <span style="margin-right: 4px">鄂ICP备2022017323号 </span> </a> <a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=42018502006493" target="_blank"> <img src="https://matchexpo.obs.cn-north-1.myhuaweicloud.com/common/2022/0830/630d812ede0c6.gif" class="icon_public_security" /> <span>鄂公网安备 42018502006493</span> </a> <div> Room 03, Floor 3, Building 4, Gezhouba Sun City, No. 40, Gaoxin 4th Road, Donghu New Technology Development Zone, Wuhan </div> </div> <script src="https://oss.starify.cn/prod/starigy/w_chat/install/js/5fd0a346-23e4-8052-fd6c-999f94c6f1b4.js" async></script> <div style="display: none"> <el-menu :default-active="activeIndex" :collapse="isCollapse" class="el-menu-vertical-demo"> <el-sub-menu index="Enterprise Certification4"> <template #title> <span>Enterprise Certification</span> </template> <el-menu-item index="Modify certification9" data-route="https://www.matchexpo.com/help/modify-certification.html" @click="routeTo('https://www.matchexpo.com/help/modify-certification.html')"> Modify certification </el-menu-item> <el-menu-item index="Certification fee8" data-route="https://www.matchexpo.com/help/certification-fee.html" @click="routeTo('https://www.matchexpo.com/help/certification-fee.html')"> Certification fee </el-menu-item> <el-menu-item index="Certification method7" data-route="https://www.matchexpo.com/help/certification-method.html" @click="routeTo('https://www.matchexpo.com/help/certification-method.html')"> Certification method </el-menu-item> <el-menu-item index="Certification conditions6" data-route="https://www.matchexpo.com/help/certification-conditions.html" @click="routeTo('https://www.matchexpo.com/help/certification-conditions.html')"> Certification conditions </el-menu-item> <el-menu-item index="Certification naming5" data-route="https://www.matchexpo.com/help/certification-naming.html" @click="routeTo('https://www.matchexpo.com/help/certification-naming.html')"> Certification naming </el-menu-item> <el-menu-item index="Certification introduction4" data-route="https://www.matchexpo.com/help/certification-introduction.html" @click="routeTo('https://www.matchexpo.com/help/certification-introduction.html')"> Certification introduction </el-menu-item> </el-sub-menu> </el-menu> </div> </div> <script> let bottom_container = initVue({ name:'bottomContainer', data() { return { url:'', helpUrl:'' } }, methods: { getHelpUrl() { this.$nextTick(()=>{ let list = document.querySelectorAll('#bottom_container .el-menu-item') let arr = [] list.forEach(item=>{ if (item.getAttribute('data-route')) { arr.push(item.getAttribute('data-route')) } }) if (arr.length > 0) { this.helpUrl = arr[0] } else { this.helpUrl = '/help' } }) }, toBottomPage(url) { window.open('/bottom#' + url,'_self') }, toHomepage(url) { var homeUrl = encodeURIComponent(url) if (this.$config.apiToken) { let centerUrl = this.$config.publishDomain + '/#/auth-login/' + this.$config.apiToken + '?redirect=' + homeUrl window.open(centerUrl, '_blank') } else { let centerUrl = this.$config.publishDomain + '?redirect=' + homeUrl $('#headBox').trigger('loginDialog',centerUrl) } }, handleLang(site, value) { let url = this.$config.siteDomain[site]+ '?lang=' + value this.$i18n.setLocale(value) location.href = url } }, mounted() { this.$nextTick(()=>{ //更新token的val getUserEvent((res)=>{ if (res) { this.$config.apiToken = res this.$login.setToken(res) } }) this.getHelpUrl() }) }, }, "#bottom_container"); </script> </div> </div> </div> <script> //移除loading效果 let loading_box = document.getElementById("loadingBox") function completeLoading() { if (loading_box) { loading_box.style.opacity = '0'; setTimeout(() => { if (document.querySelector('.container_body')) { document.querySelector('.container_body').style.opacity = '1'; } document.getElementById("loadingBox").style.display = "none"; }, 400) } } //初始化loading效果 function initLoading() { document.getElementById("loadingBox").style.display = ""; document.getElementById("loadingBox").style.opacity = '1'; } $(() => { setTimeout(() => { lazyload() }, 100) document.addEventListener('scroll', () => { lazyload() }, {passive: true}) setInterval(() => { lazyload() }, 1000) function lazyload() { var viewHeight = document.body.clientHeight //可视区域的高度 //获取所有要进行懒加载的图片 const lazyloadImg = document.querySelectorAll('img[data-original][lazyload]') lazyloadImg.forEach(item => { let rect = item.getBoundingClientRect()//获取每一个img元素的宽高以及距离视口顶部的距离 if (rect.top <= viewHeight && rect.top > -rect.height) { item.src = item.dataset.original item.removeAttribute('data-original') item.removeAttribute('lazyload') if (!item.onerror) { item.onerror = () => { item.src = '/assets/image/img_default.svg' } } item.style.opacity = 1 } }) } }) function getActiveTag() { let tag = document.querySelector('.active_tag') let tag_index = 0 document.querySelectorAll('.left_nav_list .nav_item').forEach((item, index) => { if (JSON.stringify(item.classList).indexOf('active') > -1) { tag_index = index } }) if (document.querySelector('.left_nav_list .active')) { let top = document.querySelector('.left_nav_list .active').offsetTop tag.style.top = parseInt(top) + 'px' tag.style.opacity = 1 } } /*判断是否禁用cookie*/ if (!(navigator.cookieEnabled && typeof window.localStorage !== 'undefined')) { ElementPlus.ElMessage({ message: 'Please allow all cookies in your browser settings and try again', type: 'warning', }) } /*获取站点*/ function returnSiteName() { window.siteName = 'overseas'; return 'overseas' } returnSiteName() /*数字转中文*/ function NumberToChinese(num) { var chnNumChar = ['Zero', 'One', 'Two', 'Three', 'Four', 'Five', 'Six', 'Seven', 'Eight', 'Nine']; var chnUnitSection = ['', '0k', 'Billion', 'Trillion', 'Billion'] var chnUnitChar = ['', 'Ten', 'Hundred', 'Thousand'] function SectionToChinese(section) { // 节内转换算法 var strIns = '', chnStr = ''; var unitPos = 0; var zero = true; while (section > 0) { var v = section % 10; if (v === 0) { if (!zero) { zero = true; chnStr = chnNumChar[v] + chnStr; } } else { zero = false; strIns = chnNumChar[v]; strIns += chnUnitChar[unitPos]; chnStr = strIns + chnStr; } unitPos++; section = Math.floor(section / 10); } return chnStr; } // 转换算法主函数 var unitPos = 0; var strIns = '', chnStr = ''; var needZero = false; if (num === 0) { return chnNumChar[0]; } while (num > 0) { var section = num % 10000; if (needZero) { chnStr = chnNumChar[0] + chnStr; } strIns = SectionToChinese(section); strIns += (section !== 0) ? chnUnitSection[unitPos] : chnUnitSection[0]; chnStr = strIns + chnStr; needZero = (section < 1000) && (section > 0); num = Math.floor(num / 10000); unitPos++; } return chnStr; } /*日期转化*/ function getWeekDay(time) { time = new Date(time) var dayarray = new Array("Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday") var montharray = new Array("January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December") var year = time.getYear() if (year < 1000) year += 1900 var day = time.getDay() var month = time.getMonth() var daym = time.getDate() if (daym < 10) daym = "0" + daym var hours = time.getHours() var minutes = time.getMinutes() var seconds = time.getSeconds() var dn = "AM" if (hours >= 12) dn = "PM" if (hours > 12) { hours = hours - 12 } if (hours == 0) hours = 12 if (minutes <= 9) minutes = "0" + minutes if (seconds <= 9) seconds = "0" + seconds return dayarray[day] + ", " + montharray[month] + "" + daym + ", " + year + " " + hours + ":" + minutes + ":" + seconds + " " + dn } /*判断单位缩写*/ function formatNumber(number) { let lang = 'en-us'; let length = (number + '').length; //数字长度 let str = number + ''; if (lang === 'en-us') { if (length > 9) { //亿单位 str = (number / 1000000000).toFixed(1) + 'Billion' } else if (length > 6) { //万单位 str = (number / 1000000).toFixed(1) + 'Million' } else if (length > 3) { //千单位 str = (number / 1000).toFixed(1) + 'Thousand' } else { return number; } return str; } else { if (length > 8) { //亿单位 str = (number / 100000000).toFixed(1) + 'Hundred million' } else if (length > 4) { //万单位 str = (number / 10000).toFixed(1) + '0k' } else if (length > 3) { //千单位 str = (number / 1000).toFixed(1) + 'Thousand' } else { return number; } return str; } } /*时间转化*/ function timeTran(theTime) { let nowTime = new Date().getTime(); let dur = (nowTime - new Date(theTime).getTime()) / 1000; if (dur <= 60) { return 'Just'; } else if (dur <= 3600) { let number = parseInt(dur / 60) let s = (number > 1 ? 's' : '') return number + ' Minutes ago'.replace('{s}', s) } else if (dur <= 86400) { let number = parseInt(dur / 3600) let s = (number > 1 ? 's' : '') return number + ' Hours ago'.replace('{s}', s) } else if (dur <= 86400 * 30) { let number = parseInt(dur / 86400) let s = (number > 1 ? 's' : '') return number + ' Days ago'.replace('{s}', s) } else if (dur <= 86400 * 30 * 12) { let number = parseInt(dur / (86400 * 30)) let s = (number > 1 ? 's' : '') return number + ' Months ago'.replace('{s}', s) } else { let number = parseInt(dur / (86400 * 30 * 12)) let s = (number > 1 ? 's' : '') return number + ' Last year'.replace('{s}', s) } } // 记录访问referrer var referrer = document.referrer var user_referrer = window.localStorage.getItem('user_referrer') if (!user_referrer) { user_referrer = [] } else { user_referrer = JSON.parse(user_referrer) } if (typeof referrer === 'string' && user_referrer.length < 20) { var recorded = 0 user_referrer.forEach(item => { if (item == referrer) { recorded = 1 } }) if (recorded === 0) { user_referrer.push(referrer) window.localStorage.setItem('user_referrer', JSON.stringify(user_referrer)) } } </script> <script type="module"> import homepage_mixins from '/assets/js/homepage/homepage.js' let homepage_container = initVue({ name:'homepage_container', mixins: [homepage_mixins], },"#homepage_container"); </script> </body> </html>

CINXE.COM

Sonoco