CINXE.COM

会员价格-matchexpo

<!DOCTYPE html> <html> <head> <title>会员价格-matchexpo</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" /> <!-- Meta Pixel Code --> <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> <!-- End Meta Pixel Code --> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-2834372922206562" crossorigin="anonymous"></script> <!-- Google tag (gtag.js) --> <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="全球首家由AI大模型提供的展会服务平台 Matchexpo"/> <meta name="description" content="全球首家由AI大模型提供的展会服务平台 会邦 matchexpo"/> <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> <!-- 导入 Vue 3 --> <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> <!-- 导入压缩js库 --> <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"/> <link href="/assets/css/price/price.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 &amp; 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"> <!-- input --><!-- prepend slot --><!--v-if--> <div class="el-input__wrapper"> <!-- prefix slot --> <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"> <!-- suffix slot --><!--v-if--> </div> <!-- append slot --><!--v-if--> </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" > <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 &amp; 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 &amp; 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 id="price-container" class="price_container"> <div class="page_head"> <div class="page_title"> The world&#039;s first exhibition service platform provided by an AI large model. </div> <div class="page_desc"> Choose the package that suits you. </div> </div> <div class="page_body"> <div class="page_module"> <div class="page_module_item"> <div class="item_title"> Free <i class="iconfont ic_add"></i> </div> <div class="item_content"> <div class="item_price"> 30 days </div> <div class="item_desc"> Experience basic features for free </div> <div v-if="!isLogin" class="item_btn" @click="showLogin"> Try Now </div> <div class="item_attribute_text"> Features include: </div> <div class="item_attribute_list"> <span><i class="iconfont ic_check"></i>News Article 6</span> <span><i class="iconfont ic_check"></i>6 supply and demand posts have been released.</span> <span><i class="iconfont ic_check"></i>Exhibition release without restrictions</span> <span><i class="iconfont ic_check"></i>Exhibition Appointment Service</span> <span><i class="iconfont ic_check"></i>Community</span> <span><i class="iconfont ic_check"></i>Personal Verification</span> <span><i class="iconfont ic_check"></i>Clue Form Center</span> <span><i class="iconfont ic_check"></i>Analyze and Track</span> <span><i class="iconfont ic_check"></i>AI Content Generator</span> <span><i class="iconfont ic_check"></i>Access and Security</span> </div> </div> </div> <div class="page_module_item active"> <div class="item_tag"> Elite </div> <div class="item_title"> {{ getVerName('PLATINUM_VIP') }} <i class="iconfont ic_add"></i> </div> <div class="item_content"> <span class="module_tag">Professional Edition</span> <div class="item_price"> {{ getVerPrice('PLATINUM_VIP') }}/Year </div> <div class="item_desc"> {{ getVerDes('PLATINUM_VIP') }} </div> <div class="item_btn" @click="gotoPayCenter('PLATINUM_VIP')"> Buy Now </div> <div class="item_attribute_text"> Features include: </div> <div class="item_attribute_list"> <span><i class="iconfont ic_check"></i>Unlimited News</span> <span><i class="iconfont ic_check"></i>Supply and demand release, no limit on the number of releases.</span> <span><i class="iconfont ic_check"></i>Unlimited number of historical exhibition releases</span> <span><i class="iconfont ic_check"></i>Exhibition Appointment Service</span> <span><i class="iconfont ic_check"></i>Community</span> <span><i class="iconfont ic_check"></i>Personal Verification</span> <span><i class="iconfont ic_check"></i>Enterprise Certification</span> <span><i class="iconfont ic_check"></i>Clue Form Center</span> <span><i class="iconfont ic_check"></i>AI Customer Lead Recommendations (Unlimited Quantity)</span> <span><i class="iconfont ic_check"></i>Global Industry News</span> <span><i class="iconfont ic_check"></i>Procurement News Recommendation</span> <span><i class="iconfont ic_check"></i>Department Organization</span> <span><i class="iconfont ic_check"></i>Analyze and Track</span> <span><i class="iconfont ic_check"></i>AI Content Generator</span> <span><i class="iconfont ic_check"></i>Support the release of corporate experts to obtain user information.</span> <span><i class="iconfont ic_check"></i>Display products, no quantity limit.</span> <span><i class="iconfont ic_check"></i>Provide industrial sales platform and customized production services.</span> <span><i class="iconfont ic_check"></i>Business Travel Services(An additional payment of 600 yuan is required.)</span> <span><i class="iconfont ic_check"></i>Access and Security</span> </div> </div> </div> <div class="page_module_item"> <div class="item_title"> {{ getVerName('ENTERPRISE_EXPO') }} <i class="iconfont ic_add"></i> </div> <div class="item_content"> <span class="module_tag">Conference Edition</span> <div class="item_price"> {{ getVerPrice('ENTERPRISE_EXPO') }}/Year </div> <div class="item_desc"> {{ getVerDes('ENTERPRISE_EXPO') }} </div> <div class="item_btn" @click="gotoPayCenter('ENTERPRISE_EXPO')"> Buy Now </div> <div class="item_attribute_text"> Features include: </div> <div class="item_attribute_list"> <span><i class="iconfont ic_check"></i>Unlimited News</span> <span><i class="iconfont ic_check"></i>Supply and demand release, no limit on the number of releases.</span> <span><i class="iconfont ic_check"></i>Unlimited number of historical exhibition releases</span> <span><i class="iconfont ic_check"></i>Exhibition Appointment Service</span> <span><i class="iconfont ic_check"></i>Organizing Exhibition Release</span> <span><i class="iconfont ic_check"></i>Community</span> <span><i class="iconfont ic_check"></i>Personal Verification</span> <span><i class="iconfont ic_check"></i>Enterprise Certification</span> <span><i class="iconfont ic_check"></i>Clue Form Center</span> <span><i class="iconfont ic_check"></i>AI Customer Lead Recommendations (Unlimited Quantity)</span> <span><i class="iconfont ic_check"></i>Global Industry News</span> <span><i class="iconfont ic_check"></i>Procurement News Recommendation</span> <span><i class="iconfont ic_check"></i>Department Organization</span> <span><i class="iconfont ic_check"></i>Analyze and Track</span> <span><i class="iconfont ic_check"></i>AI Content Generator</span> <span><i class="iconfont ic_check"></i>Support the release of corporate experts to obtain user information.</span> <span><i class="iconfont ic_check"></i>Display products, no quantity limit.</span> <span><i class="iconfont ic_check"></i>Provide industrial sales platform and customized production services.</span> <span><i class="iconfont ic_check"></i>Booth Sales(Collect commissions by industry, contact with customer service manager.)</span> <span><i class="iconfont ic_check"></i>Ticket Sales(Collect commissions by industry, contact with customer service manager.)</span> <span><i class="iconfont ic_check"></i>Audience Pre-registration Service(Pay for performance)</span> <span><i class="iconfont ic_check"></i>Business Travel Services</span> <span><i class="iconfont ic_check"></i>Access and Security</span> <span><i class="iconfont ic_check"></i>Exclusive Service</span> </div> </div> </div> </div> <div class="page_module"> <div class="module_btn other_module_btn"> More Versions <i class="iconfont ic_down"></i> </div> </div> <div class="page_module other_module" style="display: none"> <div class="page_module_item"> <div class="item_title"> {{ getVerName('STANDARD_VIP') }} <i class="iconfont ic_add"></i> </div> <div class="item_content"> <span class="module_tag">Personal Edition</span> <div class="item_price"> {{ getVerPrice('STANDARD_VIP') }}/Year </div> <div class="item_desc"> {{ getVerDes('STANDARD_VIP') }} </div> <div class="item_btn" @click="gotoPayCenter('STANDARD_VIP')"> Buy Now </div> <div class="item_attribute_text"> Features include: </div> <div class="item_attribute_list"> <span><i class="iconfont ic_check"></i>Unlimited News</span> <span><i class="iconfont ic_check"></i>Supply and demand release, no limit on the number of releases.</span> <span><i class="iconfont ic_check"></i>Unlimited number of historical exhibition releases</span> <span><i class="iconfont ic_check"></i>Exhibition Appointment Service</span> <span><i class="iconfont ic_check"></i>Community</span> <span><i class="iconfont ic_check"></i>Personal Verification</span> <span><i class="iconfont ic_check"></i>Enterprise Certification</span> <span><i class="iconfont ic_check"></i>Clue Form Center</span> <span><i class="iconfont ic_check"></i>AI Customer Lead Recommendation(600 items)</span> <span><i class="iconfont ic_check"></i>Global Industry News</span> <span><i class="iconfont ic_check"></i>Procurement News Recommendation</span> <span><i class="iconfont ic_check"></i>Analyze and Track</span> <span><i class="iconfont ic_check"></i>AI Content Generator</span> <span><i class="iconfont ic_check"></i>Display products, no quantity limit.</span> <span><i class="iconfont ic_check"></i>Provide industrial sales platform and customized production services.</span> <span><i class="iconfont ic_check"></i>Access and Security</span> </div> </div> </div> <div class="page_module_item"> <div class="item_title"> {{ getVerName('ENTERPRISE_PREMIUM') }} <i class="iconfont ic_add"></i> </div> <div class="item_content"> <span class="module_tag">PLUS</span> <div class="item_price"> {{ getVerPrice('ENTERPRISE_PREMIUM') }}/Year </div> <div class="item_desc"> {{ getVerDes('ENTERPRISE_PREMIUM') }} </div> <div class="item_btn" @click="gotoPayCenter('ENTERPRISE_PREMIUM')"> Buy Now </div> <div class="item_attribute_text"> Features include: </div> <div class="item_attribute_list"> <span><i class="iconfont ic_check"></i>Unlimited News</span> <span><i class="iconfont ic_check"></i>Supply and demand release, no limit on the number of releases.</span> <span><i class="iconfont ic_check"></i>Unlimited number of historical exhibition releases</span> <span><i class="iconfont ic_check"></i>Exhibition Appointment Service</span> <span><i class="iconfont ic_check"></i>Community</span> <span><i class="iconfont ic_check"></i>Personal Verification</span> <span><i class="iconfont ic_check"></i>Enterprise Certification</span> <span><i class="iconfont ic_check"></i>Clue Form Center</span> <span><i class="iconfont ic_check"></i>AI Customer Lead Recommendations (Unlimited Quantity)</span> <span><i class="iconfont ic_check"></i>Global Industry News</span> <span><i class="iconfont ic_check"></i>Procurement News Recommendation</span> <span><i class="iconfont ic_check"></i>Department Organization</span> <span><i class="iconfont ic_check"></i>Analyze and Track</span> <span><i class="iconfont ic_check"></i>AI Content Generator</span> <span><i class="iconfont ic_check"></i>Support the release of corporate experts to obtain user information.</span> <span><i class="iconfont ic_check"></i>Display products, no quantity limit.</span> <span><i class="iconfont ic_check"></i>Provide industrial sales platform and customized production services.</span> <span><i class="iconfont ic_check"></i>Booth Sales(Collect commissions by industry, contact with customer service manager.)</span> <span><i class="iconfont ic_check"></i>Ticket Sales(Collect commissions by industry, contact with customer service manager.)</span> <span><i class="iconfont ic_check"></i>Audience Pre-registration Service(Pay for performance)</span> <span><i class="iconfont ic_check"></i>Business Travel Services</span> <span><i class="iconfont ic_check"></i>Access and Security</span> </div> </div> </div> </div> </div> <div class="module_table"> <table> <tbody> <tr class="table_head"> <th> <div class="table_head_module"> <div class="table_title"> Instructions </div> <div class="table_head_text"> <i class="iconfont ic_check"></i>Included in the package<br> <i class="iconfont ic_closeC"></i>Not included in the package </div> </div> </th> <th> <div class="table_head_module"> <div class="table_head_top"> <div class="table_title"> Free </div> <div class="table_head_text"> 30 days<br> Experience basic features for free </div> </div> <div v-if="!isLogin" class="module_btn" @click="showLogin"> Try Now </div> </div> </th> <th> <div class="table_head_module"> <div class="table_head_top"> <div class="table_title"> {{ getVerName('STANDARD_VIP') }} </div> <div class="table_head_text"> {{ getVerPrice('STANDARD_VIP') }}/Year<br> {{ getVerDes('STANDARD_VIP') }} </div> </div> <div class="module_btn" @click="gotoPayCenter('STANDARD_VIP')"> Buy Now </div> </div> </th> <th> <div class="table_head_module"> <div class="table_tag"> Elite </div> <div class="table_head_top"> <div class="table_title"> {{ getVerName('PLATINUM_VIP') }} </div> <div class="table_head_text"> {{ getVerPrice('PLATINUM_VIP') }}/Year<br> {{ getVerDes('PLATINUM_VIP') }} </div> </div> <div class="module_btn" @click="gotoPayCenter('PLATINUM_VIP')"> Buy Now </div> </div> </th> <th> <div class="table_head_module"> <div class="table_head_top"> <div class="table_title"> {{ getVerName('ENTERPRISE_PREMIUM') }} </div> <div class="table_head_text"> {{ getVerPrice('ENTERPRISE_PREMIUM') }}/Year<br> {{ getVerDes('ENTERPRISE_PREMIUM') }} </div> </div> <div class="module_btn" @click="gotoPayCenter('ENTERPRISE_PREMIUM')"> Buy Now </div> </div> </th> <th> <div class="table_head_module"> <div class="table_head_top"> <div class="table_title"> {{ getVerName('ENTERPRISE_EXPO') }} </div> <div class="table_head_text"> {{ getVerPrice('ENTERPRISE_EXPO') }}/Year<br> {{ getVerDes('ENTERPRISE_EXPO') }} </div> </div> <div class="module_btn" @click="gotoPayCenter('ENTERPRISE_EXPO')"> Buy Now </div> </div> </th> </tr> <tr> <th class="th_left"> <div class="th_icon"> <i class="iconfont ic_right"></i> </div> <div class="th_content"> <div class="th_title"> Journalism </div> <div class="th_desc"> Draft, arrange, and publish posts to maintain a steady flow of high-quality news content. </div> </div> </th> <th class="table_value"> 6 articles </th> <th class="table_value"> Unlimited </th> <th class="table_value"> Unlimited </th> <th class="table_value"> Unlimited </th> <th class="table_value"> Unlimited </th> </tr> <tr> <th class="th_left"> <div class="th_icon"> <i class="iconfont ic_right"></i> </div> <div class="th_content"> <div class="th_title"> Supply and demand release </div> <div class="th_desc"> Supply: Announcing the products and services for sale by the company; Demand: Announcing the products and services the company needs to purchase. </div> </div> </th> <th class="table_value"> 6 items </th> <th class="table_value"> Unlimited </th> <th class="table_value"> Unlimited </th> <th class="table_value"> Unlimited </th> <th class="table_value"> Unlimited </th> </tr> <tr> <th class="th_left"> <div class="th_icon"> <i class="iconfont ic_right"></i> </div> <div class="th_content"> <div class="th_title"> Exhibition Release </div> <div class="th_desc"> As an audience, companies can publish their exhibition plans. This will be beneficial for the platform to recommend buyers or partners related to this exhibition. </div> </div> </th> <th class="table_value"> Unlimited </th> <th class="table_value"> Unlimited </th> <th class="table_value"> Unlimited </th> <th class="table_value"> Unlimited </th> <th class="table_value"> Unlimited </th> </tr> <tr> <th class="th_left"> <div class="th_icon"> <i class="iconfont ic_right"></i> </div> <div class="th_content"> <div class="th_title"> Exhibition Appointment Service </div> <div class="th_desc"> As a paid user or corporate client, once you have posted an exhibition event, you can enjoy the exhibition appointment service. </div> </div> </th> <th class="table_value"> <i class="iconfont ic_check"></i> </th> <th class="table_value"> <i class="iconfont ic_check"></i> </th> <th class="table_value"> <i class="iconfont ic_check"></i> </th> <th class="table_value"> <i class="iconfont ic_check"></i> </th> <th class="table_value"> <i class="iconfont ic_check"></i> </th> </tr> <tr> <th class="th_left"> <div class="th_icon"> <i class="iconfont ic_right"></i> </div> <div class="th_content"> <div class="th_title"> Organizing Exhibition Release </div> <div class="th_desc"> Only the exhibition organizers have the authority to release exhibition information. </div> </div> </th> <th class="table_value"> <i class="iconfont ic_closeC"></i> </th> <th class="table_value"> <i class="iconfont ic_closeC"></i> </th> <th class="table_value"> <i class="iconfont ic_closeC"></i> </th> <th class="table_value"> <i class="iconfont ic_closeC"></i> </th> <th class="table_value"> Unlimited </th> </tr> <tr> <th class="th_left"> <div class="th_icon"> <i class="iconfont ic_right"></i> </div> <div class="th_content"> <div class="th_title"> Community </div> <div class="th_desc"> Users can create groups in this community. </div> </div> </th> <th class="table_value"> <i class="iconfont ic_check"></i> </th> <th class="table_value"> <i class="iconfont ic_check"></i> </th> <th class="table_value"> <i class="iconfont ic_check"></i> </th> <th class="table_value"> <i class="iconfont ic_check"></i> </th> <th class="table_value"> <i class="iconfont ic_check"></i> </th> </tr> <tr> <th class="th_left"> <div class="th_icon"> <i class="iconfont ic_right"></i> </div> <div class="th_content"> <div class="th_title"> Personal Verification </div> <div class="th_desc"> Those who have passed personal verification will receive more accurate push notifications from the platform. Only verified users can more easily get cooperation opportunities with potential business partners. </div> </div> </th> <th class="table_value"> <i class="iconfont ic_closeC"></i> </th> <th class="table_value"> <i class="iconfont ic_check"></i> </th> <th class="table_value"> <i class="iconfont ic_check"></i> </th> <th class="table_value"> <i class="iconfont ic_check"></i> </th> <th class="table_value"> <i class="iconfont ic_check"></i> </th> </tr> <tr> <th class="th_left"> <div class="th_icon"> <i class="iconfont ic_right"></i> </div> <div class="th_content"> <div class="th_title"> Enterprise Certification </div> <div class="th_desc"> Conducting business activities in the name of the company. </div> </div> </th> <th class="table_value"> <i class="iconfont ic_closeC"></i> </th> <th class="table_value"> <i class="iconfont ic_check"></i> </th> <th class="table_value"> <i class="iconfont ic_check"></i> </th> <th class="table_value"> <i class="iconfont ic_check"></i> </th> <th class="table_value"> <i class="iconfont ic_check"></i> </th> </tr> <tr> <th class="th_left"> <div class="th_icon"> <i class="iconfont ic_right"></i> </div> <div class="th_content"> <div class="th_title"> Clue Form Center </div> <div class="th_desc"> Provide the function of searching for and downloading clues. </div> </div> </th> <th class="table_value"> <i class="iconfont ic_check"></i> </th> <th class="table_value"> <i class="iconfont ic_check"></i> </th> <th class="table_value"> <i class="iconfont ic_check"></i> </th> <th class="table_value"> <i class="iconfont ic_check"></i> </th> <th class="table_value"> <i class="iconfont ic_check"></i> </th> </tr> <tr> <th class="th_left"> <div class="th_icon"> <i class="iconfont ic_right"></i> </div> <div class="th_content"> <div class="th_title"> AI Customer Lead Recommendation </div> <div class="th_desc"> The platform will recommend potential users based on the industry and supply and demand information provided by the user, as well as their exhibition plans. </div> </div> </th> <th class="table_value"> <i class="iconfont ic_check"></i> </th> <th class="table_value"> 600 items </th> <th class="table_value"> Unlimited </th> <th class="table_value"> Unlimited </th> <th class="table_value"> Unlimited </th> </tr> <tr> <th class="th_left"> <div class="th_icon"> <i class="iconfont ic_right"></i> </div> <div class="th_content"> <div class="th_title"> Global Industry News </div> <div class="th_desc"> Enjoy the platform&#039;s push of high-value global information and business opportunities. </div> </div> </th> <th class="table_value"> <i class="iconfont ic_closeC"></i> </th> <th class="table_value"> <i class="iconfont ic_check"></i> </th> <th class="table_value"> <i class="iconfont ic_check"></i> </th> <th class="table_value"> <i class="iconfont ic_check"></i> </th> <th class="table_value"> <i class="iconfont ic_check"></i> </th> </tr> <tr> <th class="th_left"> <div class="th_icon"> <i class="iconfont ic_right"></i> </div> <div class="th_content"> <div class="th_title"> Procurement News Recommendation </div> <div class="th_desc"> The platform pushes high-value business opportunities based on user&#039;s subscription services. </div> </div> </th> <th class="table_value"> <i class="iconfont ic_closeC"></i> </th> <th class="table_value"> <i class="iconfont ic_check"></i> </th> <th class="table_value"> <i class="iconfont ic_check"></i> </th> <th class="table_value"> <i class="iconfont ic_check"></i> </th> <th class="table_value"> <i class="iconfont ic_check"></i> </th> </tr> <tr> <th class="th_left"> <div class="th_icon"> <i class="iconfont ic_right"></i> </div> <div class="th_content"> <div class="th_title"> Department Organization </div> <div class="th_desc"> Implement employee collaboration, simplify workflow, and manage permissions. </div> </div> </th> <th class="table_value"> <i class="iconfont ic_closeC"></i> </th> <th class="table_value"> <i class="iconfont ic_closeC"></i> </th> <th class="table_value"> <i class="iconfont ic_check"></i> </th> <th class="table_value"> <i class="iconfont ic_check"></i> </th> <th class="table_value"> <i class="iconfont ic_check"></i> </th> </tr> <tr> <th class="th_left"> <div class="th_icon"> <i class="iconfont ic_right"></i> </div> <div class="th_content"> <div class="th_title"> Analyze and Track </div> <div class="th_desc"> Provide analytical data, customize tracking parameters. </div> </div> </th> <th class="table_value"> <i class="iconfont ic_check"></i> </th> <th class="table_value"> <i class="iconfont ic_check"></i> </th> <th class="table_value"> <i class="iconfont ic_check"></i> </th> <th class="table_value"> <i class="iconfont ic_check"></i> </th> <th class="table_value"> <i class="iconfont ic_check"></i> </th> </tr> <tr> <th class="th_left"> <div class="th_icon"> <i class="iconfont ic_right"></i> </div> <div class="th_content"> <div class="th_title"> AI Content Generator </div> <div class="th_desc"> Generate titles for each article and post, reuse the best-performing posts, and automatically create content. </div> </div> </th> <th class="table_value"> <i class="iconfont ic_check"></i> </th> <th class="table_value"> <i class="iconfont ic_check"></i> </th> <th class="table_value"> <i class="iconfont ic_check"></i> </th> <th class="table_value"> <i class="iconfont ic_check"></i> </th> <th class="table_value"> <i class="iconfont ic_check"></i> </th> </tr> <tr> <th class="th_left"> <div class="th_icon"> <i class="iconfont ic_right"></i> </div> <div class="th_content"> <div class="th_title"> Expert </div> <div class="th_desc"> Collecting expert consultation fees on behalf of the company. </div> </div> </th> <th class="table_value"> <i class="iconfont ic_closeC"></i> </th> <th class="table_value"> <i class="iconfont ic_closeC"></i> </th> <th class="table_value"> Support the release of corporate experts to obtain user information. </th> <th class="table_value"> Support the release of corporate experts to obtain user information. </th> <th class="table_value"> Support the release of corporate experts to obtain user information. </th> </tr> <tr> <th class="th_left"> <div class="th_icon"> <i class="iconfont ic_right"></i> </div> <div class="th_content"> <div class="th_title"> Product Showroom </div> <div class="th_desc"> Paid enterprises have the authority to the product showroom. </div> </div> </th> <th class="table_value"> <i class="iconfont ic_closeC"></i> </th> <th class="table_value"> <i class="iconfont ic_closeC"></i> </th> <th class="table_value"> Unlimited </th> <th class="table_value"> Unlimited </th> <th class="table_value"> Unlimited </th> </tr> <tr> <th class="th_left"> <div class="th_icon"> <i class="iconfont ic_right"></i> </div> <div class="th_content"> <div class="th_title"> Industrial Mall </div> <div class="th_desc"> Provide advanced version of industrial mall services. The platform is responsible for underwriting and collecting sales commissions. </div> </div> </th> <th class="table_value"> <i class="iconfont ic_closeC"></i> </th> <th class="table_value"> <i class="iconfont ic_closeC"></i> </th> <th class="table_value"> <i class="iconfont ic_closeC"></i> </th> <th class="table_value"> Provide industrial sales platform and customized production services. </th> <th class="table_value"> Provide industrial sales platform and customized production services. </th> </tr> <tr> <th class="th_left"> <div class="th_icon"> <i class="iconfont ic_right"></i> </div> <div class="th_content"> <div class="th_title"> Booth Sales </div> <div class="th_desc"> Exhibition booth sales rights are exclusive to the event organizer only. </div> </div> </th> <th class="table_value"> <i class="iconfont ic_closeC"></i> </th> <th class="table_value"> <i class="iconfont ic_closeC"></i> </th> <th class="table_value"> <i class="iconfont ic_closeC"></i> </th> <th class="table_value"> <i class="iconfont ic_closeC"></i> </th> <th class="table_value"> Collect commissions by industry, contact with customer service manager. </th> </tr> <tr> <th class="th_left"> <div class="th_icon"> <i class="iconfont ic_right"></i> </div> <div class="th_content"> <div class="th_title"> Ticket Sales </div> <div class="th_desc"> Ticket sales authority is limited to the exhibition organizer only. </div> </div> </th> <th class="table_value"> <i class="iconfont ic_closeC"></i> </th> <th class="table_value"> <i class="iconfont ic_closeC"></i> </th> <th class="table_value"> <i class="iconfont ic_closeC"></i> </th> <th class="table_value"> <i class="iconfont ic_closeC"></i> </th> <th class="table_value"> Collect commissions by industry, contact with customer service manager. </th> </tr> <tr> <th class="th_left"> <div class="th_icon"> <i class="iconfont ic_right"></i> </div> <div class="th_content"> <div class="th_title"> Audience Pre-registration Service </div> <div class="th_desc"> Exhibition booth sales rights are exclusive to the event organizer only. </div> </div> </th> <th class="table_value"> <i class="iconfont ic_closeC"></i> </th> <th class="table_value"> <i class="iconfont ic_closeC"></i> </th> <th class="table_value"> <i class="iconfont ic_closeC"></i> </th> <th class="table_value"> <i class="iconfont ic_closeC"></i> </th> <th class="table_value"> Pay for performance </th> </tr> <tr> <th class="th_left"> <div class="th_icon"> <i class="iconfont ic_right"></i> </div> <div class="th_content"> <div class="th_title"> Business Travel Services </div> <div class="th_desc"> Travel sales permissions are only provided to travel agencies and companies offering trade show consultations. </div> </div> </th> <th class="table_value"> <i class="iconfont ic_closeC"></i> </th> <th class="table_value"> <i class="iconfont ic_closeC"></i> </th> <th class="table_value"> An additional payment of 600 yuan is required. </th> <th class="table_value"> <i class="iconfont ic_closeC"></i> </th> <th class="table_value"> <i class="iconfont ic_check"></i> </th> </tr> <tr> <th class="th_left"> <div class="th_icon"> <i class="iconfont ic_right"></i> </div> <div class="th_content"> <div class="th_title"> Access and Security </div> <div class="th_desc"> Control which features and social accounts your team members can access. </div> </div> </th> <th class="table_value"> <i class="iconfont ic_check"></i> </th> <th class="table_value"> <i class="iconfont ic_check"></i> </th> <th class="table_value"> <i class="iconfont ic_check"></i> </th> <th class="table_value"> <i class="iconfont ic_check"></i> </th> <th class="table_value"> <i class="iconfont ic_check"></i> </th> </tr> <tr> <th class="th_left"> <div class="th_icon"> <i class="iconfont ic_right"></i> </div> <div class="th_content"> <div class="th_title"> Exclusive Service </div> <div class="th_desc"> Exclusive services provided specifically for the organizer </div> </div> </th> <th class="table_value"></th> <th class="table_value"></th> <th class="table_value"></th> <th class="table_value"></th> <th class="table_value"> Exclusive Service<br> Audience Pre-registration Service<br> Chinese users present: According to 35 yuan/person<br> International audience attendance: According to 120 yuan/person<br> Contact the Customer Service Manager </th> </tr> </tbody> </table> </div> </div> </div> <div class="navbar_right" > <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://capi.matchexpo.com/help/modify-certification.html" @click="routeTo('https://capi.matchexpo.com/help/modify-certification.html')"> Modify certification </el-menu-item> <el-menu-item index="Certification fee8" data-route="https://capi.matchexpo.com/help/certification-fee.html" @click="routeTo('https://capi.matchexpo.com/help/certification-fee.html')"> Certification fee </el-menu-item> <el-menu-item index="Certification method7" data-route="https://capi.matchexpo.com/help/certification-method.html" @click="routeTo('https://capi.matchexpo.com/help/certification-method.html')"> Certification method </el-menu-item> <el-menu-item index="Certification conditions6" data-route="https://capi.matchexpo.com/help/certification-conditions.html" @click="routeTo('https://capi.matchexpo.com/help/certification-conditions.html')"> Certification conditions </el-menu-item> <el-menu-item index="Certification naming5" data-route="https://capi.matchexpo.com/help/certification-naming.html" @click="routeTo('https://capi.matchexpo.com/help/certification-naming.html')"> Certification naming </el-menu-item> <el-menu-item index="Certification introduction4" data-route="https://capi.matchexpo.com/help/certification-introduction.html" @click="routeTo('https://capi.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> let priceContainer = initVue({ name: 'price-container', data() { return { verList: [], baseUserInfo: {}, payCenterUrl: 'https://spread-admin.matchexpo.cn/#', appCode: 'MATCHEXPO_GLOBAL', isLogin: false }; }, mounted() { if (this.$config.apiToken) { this.isLogin = true } this.getVerList() this.getUserInfo() $('.th_left').each((index, item) => { $(item).click(() => { if ($(item).hasClass('active')) { $(item).removeClass('active'); } else { $(item).addClass('active'); } }) }) $('.page_module_item').each((index, item) => { let content = $(item).find('.item_content') if (window.innerWidth < 992) { $(content).css('display', 'none'); $(item).click(() => { content = $(item).find('.item_content') if ($(item).hasClass('slid_down')) { $(item).removeClass('slid_down'); } else { $(item).addClass('slid_down'); } if (content.hasClass('active')) { content.slideUp(300); content.removeClass('active') } else { content.slideDown(300); content.addClass('active') } }) } }) let other_module = false $('.other_module_btn').click(() => { if (!other_module) { $('.other_module').slideDown(300) other_module = true } else { $('.other_module').slideUp(300) other_module = false } }) }, methods: { getVerList() { mtpRequest({ url: '/api/trade/ver-list', method: 'get' }).then(res => { let data = [] res.data.forEach(item => { if (item.cycles_type === 6) { data.push(item) } }) this.verList = data }) }, getVerPrice(ver_key) { ver_key = this.appCode + '_' + ver_key const val = this.verList.find(item => { return item.ver_key === ver_key }) if (val) { return val.app_code === 'MATCHEXPO_CN' ? ('¥' + val.price) : ('$' + val.price) } }, getVerName(ver_key) { ver_key = this.appCode + '_' + ver_key const val = this.verList.find(item => { return item.ver_key === ver_key }) if (val) { return val.name } }, getVerDes(ver_key) { ver_key = this.appCode + '_' + ver_key const val = this.verList.find(item => { return item.ver_key === ver_key }) if (val) { return val.des } }, getUserInfo() { this.$nextTick(() => { //获取用户信息 getHeadUserInfo((res) => { this.baseUserInfo = res }) }) }, gotoPayCenter(ver_key) { ver_key = this.appCode + '_' + ver_key if (!this.$config.apiToken) { this.$nextTick(() => { $('#headBox').trigger('loginDialog', 'reloadPage') }) return } if (this.payCenterUrl) { window.open(this.payCenterUrl + '/third-part-login?token=' + encodeURIComponent(this.baseUserInfo.sys_api_token) + '&lang=' + this.$i18n.getLocale() + '&redirect=' + encodeURIComponent('/packet/info?app_code=' + this.appCode + '&key=' + ver_key + '&packet_key=&type=1'), '_blank') } }, showLogin() { this.$nextTick(() => { $('#headBox').trigger('loginDialog', 'reloadPage') }) } } }, "#price-container", []) </script> </body> </html>

Pages: 1 2 3 4 5 6 7 8 9 10