行业会议研讨_走访调研_会展服务-隆众资讯

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>行业会议研讨_走访调研_会展服务-隆众资讯</title> <meta name="keywords" content="石油研讨会,化工行业经济形势分析会,新能源会议,石油焦会议,市场调研,实地走访调研,会展服务" /> <meta name="description" content="隆众资讯举办各类行业研讨,推介会议以及实地走访调研,覆盖大宗商品行业品种百余个,以行业发展痛点和趋势为切入点,高效整合各项资源,针对行业发展趋势,开展产业交流和上下游交流研讨会,全面了解市场发展格局,分析和预测大宗商品价格波动品种,解读和答疑行业热点" /> <link rel="stylesheet" href="//img1.oilchem.net/css/style.css"> <link rel="stylesheet" href="https://a1static.oilchem.net/meeting/swiper/swiper-bundle.min.css"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=9; IE=8; IE=7; IE=edge; chrome=1"> <meta name="author" content="mysteel" /> <meta name="copyright" content="copyright 2020 www.oilchem.net" /> <meta name="publishTime" content="2025-04-09 08:13:40:040" /> <meta name="baidu-site-verification" content="Rjon2dhDF0" /> <link href="//img1.oilchem.net/css/style.css" rel="stylesheet"> <link rel="stylesheet" href="https://a1static.oilchem.net/element-ui/index.css"> <link rel="stylesheet" href="https://a1static.oilchem.net/css/style_new.css"> <link rel="stylesheet" href="https://img1.oilchem.net/css/public_lz.css"> <link rel="icon" href="https://www.oilchem.net/favicon.ico" type="image/x-icon" />  <style> * { outline: none; border: none; } [v-cloak] { display: none; } #app #nav { box-shadow: 0 10px 10px 0 #f5f5f5; padding: 30px 0 20px; margin-bottom: 10px; } #app #nav .extra { display: none; } #app #nav .show .extra { display: block; position: relative; top: -65px; border: 1px solid #c4c4c4; border-top: none; z-index: 10; } #app #nav .show .extra .extra-top { color: #d45a5e; width: 118px; height: 85px; line-height: 85px; box-sizing: border-box; background: #f6f6f6; border-top: 3px solid #d45a5e; } #app #nav .show .extra .extra-bottom>div { font-size: 14px; color: #666; font-weight: normal; height: 35px; line-height: 35px; box-sizing: border-box; border-top: 1px solid #c4c4c4; background: #fff; } #app #nav .show .extra .extra-bottom>div.active { width: 140px; position: relative; left: -10px; top: 1px; border: 1px solid #c4c4c4; color: #d45a5e; } #app #nav .top { display: flex; justify-content: space-between; align-items: center; height: 40px; margin: 40px auto; width: 1200px; } #app .logo { width: 554px; height: 34px; cursor: pointer; background: url('https://a1static.oilchem.net/meeting/logo-nav-new.png?123') no-repeat; } #app #nav .top .search-box { display: flex; } #app #nav .top .search-box .input { width: 275px; border-radius: 20px 0 0 20px; padding-left: 14px; font-size: 14px; color: #9b9b9b; border: 1px solid #9b9b9b; } #app #nav .top .search-box .go { width: 105px; text-align: center; line-height: 40px; background: #cc3338; border-radius: 0 20px 20px 0; color: #fff; font-size: 16px; cursor: pointer; } #app #nav .bottom { width: 1200px; margin: 0 auto; display: flex; justify-content: space-around; font-size: 18px; } #app #nav .item { height: 40px; line-height: 40px; text-align: center; width: 120px; font-weight: bold; cursor: pointer; position: relative; } #app #nav>.active:after, #app #nav .bottom>.active:after { content: ''; display: block; position: absolute; width: 120px; height: 9px; bottom: -20px; background: url('https://a1static.oilchem.net/meeting/nav.png') no-repeat center; } #app .models .models-item .el-image img, #exhibition .exhibition-left .item .el-image img, #exhibition .exhibition-right .el-image img, #main .content .content-left .meeting .item .el-image img, #main .content .content-right .el-image img { transition: all 0.5s; } #app .models .models-item .el-image img:hover, #exhibition .exhibition-left .item .el-image img:hover, #exhibition .exhibition-right .el-image img:hover, #main .content .content-left .meeting .item .el-image img:hover, #main .content .content-right .el-image img:hover { transform: scale(1.1); transition: transform 0.5s; } #main .expert .el-card.is-always-shadow:hover { box-shadow: 0 5px 12px 0 rgb(0 0 0 / 50%); } </style> <style> #app { padding-top: 31px; } #banner .el-carousel__container { height: 480px; } #banner .banner-bottom { width: 1200px; height: 40px; display: flex; justify-content: space-between; align-items: center; left: 50%; top: 50px; position: absolute; margin-left: -600px; z-index: 666; } #banner .banner-bottom .logo { width: 554px; height: 34px; background: url(https://a1static.oilchem.net/meeting/logo_new.png?123) no-repeat; } #banner .banner-bottom .search-box { display: flex; } #banner .search-box .left { width: 275px; background: rgba(186, 199, 236, 0.5); border-radius: 20px 0 0 20px; padding-left: 14px; font-size: 16px; color: #fafbfe; } #banner .search-box .left::placeholder { color: #fafbfe; } #banner .search-box .right { width: 105px; text-align: center; line-height: 40px; background: #cc3338; border-radius: 0 20px 20px 0; color: #fff; font-size: 18px; cursor: pointer; } #models { position: relative; top: -45px; width: 1240px; margin: 0 auto; z-index: 10; overflow: hidden; height: fit-content; } #models .top { box-sizing: border-box; height: 45px; border: 20px solid rgba(255, 255, 255, 0.5); border-bottom: none; } #models>.bottom { padding: 0 20px; position: relative; top: -25px; } #models #nav { display: flex; justify-content: space-around; font-size: 18px; margin-bottom: 50px; background: #fff; padding: 25px 0 20px; box-shadow: none; } .models { margin-bottom: 20px; } .models .models-title { display: flex; justify-content: space-between; height: 30px; margin-bottom: 20px; } .models-title .models-title-left { display: flex; align-items: center; } .models-title .models-title-left .title { color: #333; font-size: 22px; border-left: 4px solid #cc3336; padding-left: 17px; margin-right: 30px; font-weight: bold; } .models-title .models-title-left .item { padding: 0 15px; height: 24px; line-height: 24px; text-align: center; color: #808080; font-size: 16px; cursor: pointer; } .models-title .models-title-left .item.active { background: #cc3336; color: #fff; font-weight: bold; } .models-title-right { display: flex; align-items: center; cursor: pointer; color: #999; font-size: 16px; } .models-title-right img { margin-right: 10px; } .models .models-item { cursor: pointer; } .models .models-item .el-image { box-sizing: border-box; width: 285px; height: 160px; border: 1px solid #ddd; border-bottom: none; display: block; } .models .models-item .models-item-content { border: 1px solid #ddd; border-top: none; margin-bottom: 50px; padding-left: 20px; line-height: 36px; color: #333; font-size: 14px; } .models .models-item .models-item-content .name { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 263px; font-size: 15px; } .models .models-item .models-item-content .bottom { display: flex; color: #999; font-size: 12px; } .models .models-item .models-item-content .bottom .time { margin-right: 10px; width: 67px; } .models .models-item .models-item-content .bottom .position { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; max-width: 185px; } #experts { background: url(https://a1static.oilchem.net/meeting/index/experts.png) no-repeat; background-size: 100% 378px; } #experts .title { width: 1200px; margin: 0 auto; height: 90px; display: flex; align-items: center; justify-content: space-between; color: #fff; } #experts .title .name { font-size: 26px; border-left: 4px solid #cc3336; padding-left: 17px; font-weight: bold; } #experts .title .more { font-size: 16px; cursor: pointer; width: auto; } #experts .title .more img { margin-right: 8px; } #experts .banner { width: 1200px; margin: 0 auto 50px; position: relative; } #experts .banner .toggle { border: 1px solid #fff; width: 35px; height: 50px; line-height: 50px; font-size: 16px; color: #fff; text-align: center; font-size: 25px; } #experts .banner .toggle:after { display: none; } #experts .banner .swiper-button-prev { left: -57px; margin-top: -40px; } #experts .banner .swiper-button-next { right: -57px; margin-top: -40px; } #experts .banner .swiper-container { width: 1200px; } #experts .banner .swiper-container .swiper-slide:hover { cursor: pointer; } #experts .banner .swiper-container .swiper-slide:hover .expert-bottom { background: #cc3336; border-color: transparent; } #experts .banner .swiper-container .swiper-slide:hover .expert-bottom div { color: #fff; } #experts .banner .swiper-container .swiper-slide { height: 367px !important; } #experts .banner .swiper-container .swiper-slide img { width: 100%; height: 287px; display: block; object-fit: fill; top: 0; left: 0; cursor: pointer; } #experts .banner .swiper-container .swiper-slide .expert-bottom { position: absolute; width: 100%; left: 0; bottom: 0; box-sizing: border-box; display: flex; flex-direction: column; justify-content: center; align-items: center; height: 80px; font-size: 16px; background: #f9f9f9; border: 1px solid #e1e0e0; cursor: pointer; } #experts .swiper-slide .expert-bottom .name { font-size: 24px; color: #333; padding-bottom: 10px; } #experts .swiper-slide .expert-bottom .post { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 100%; box-sizing: border-box; text-align: center; padding: 0 10px; } #media .title { font-size: 26px; text-align: center; margin-bottom: 35px; font-weight: bold; } #media .title:after { display: block; content: ''; position: relative; top: 10px; left: 50%; margin-left: -12.5px; width: 25px; height: 4px; background: #cc3336; } #media .media { width: 1200px; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between; } #media .media .item { width: 175px; height: 82px; display: flex; align-items: center; justify-content: center; margin-bottom: 20px; border: 1px solid #d1d1d1; border-radius: 10px; } #exhibition { display: flex; width: 1200px; margin: 0 auto; margin-top: -65px; position: relative; z-index: 999; } #exhibition .exhibition-left { flex: 1; } #exhibition .exhibition-left .title { display: flex; align-items: center; justify-content: space-between; height: 30px; } #exhibition .exhibition-left .title, #exhibition .exhibition-right .title { color: #333; font-size: 22px; border-left: 4px solid #cc3336; padding-left: 17px; margin-bottom: 30px; } #exhibition .exhibition-left .title .title-right { font-size: 14px; color: #666; cursor: pointer; } #exhibition .exhibition-right { box-sizing: border-box; width: 285px; margin-left: 20px; } #exhibition .exhibition-left .item { display: flex; margin-bottom: 30px; cursor: pointer; } #exhibition .exhibition-left .item .el-image { width: 285px; height: 160px; margin-right: 25px; } #exhibition .exhibition-left .item .item-content { flex: 1; display: flex; flex-direction: column; } #exhibition .exhibition-left .item .item-content .exhibitionName { font-size: 18px; color: #333; width: 585px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } #exhibition .exhibition-left .item .item-content .detail { font-size: 14px; color: #999; margin: 25px 0; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; } #exhibition .exhibition-left .item .item-content .more { width: auto; font-size: 14px; color: #cc3336; } #exhibition .exhibition-right .el-image { width: 285px; height: 160px; margin-bottom: 30px; cursor: pointer; } /* 日历 */ .calendar-tk { position: fixed; right: 50px; bottom: 10px; width: 200px; height: 200px; z-index: 99 } .calendar-tk-bg { height: 100%; background-image: url(https://a1static.oilchem.net/gg/uploads/meeting/calendar-tk.png); background-size: 100%; cursor: pointer; } .calendar-tk-cls { position: absolute; top: 0; right: 0px; width: 25px; height: 25px; border-radius: 50%; opacity: 0.8; z-index: 2; background: url(https://img1.oilchem.net/2018/popup/pop_cls.png); background-size: 100% } .calendar-box { position: fixed; width: 100%; top: 0; bottom: 0; z-index: 999; } .calendar-box-bg { background: rgba(255, 255, 255, 0.6); position: absolute; width: 100%; height: 100% } .calendar-box-pop { width: 1000px; font-size: 16px; border: 1px solid #cc3338; position: absolute; z-index: 999; left: 50%; margin-left: -500px; top: 100px; } .calendar-box .el-calendar-table { border-collapse: collapse; } .calendar-box .el-calendar-table:not(.is-range) td.next { /*隐藏下个月的日期*/ display: none; } .calendar-box .el-calendar-table:not(.is-range) td.prev { /*隐藏上个月的日期*/ visibility: hidden; } .calendar-box-cls { position: absolute; right: 3px; top: 3px; width: 25px; height: 25px; border-radius: 50%; opacity: 0.8; z-index: 2; background: url(https://img1.oilchem.net/2018/popup/pop_cls.png); background-size: 100%; } .el-calendar__header { position: relative; padding: 0; height: 70px; } .el-calendar__title { position: absolute; width: 100%; bottom: 0; text-align: center; line-height: 40px; background: #cc3338; color: #fff; } .el-calendar__button-group { display: none; } .calendar-button { position: absolute; top: 0; z-index: 9 } .calendar-button button { border: none; font-size: 15px; font-weight: bold; background: transparent; height: 30px; padding: 0 30px; cursor: pointer; } .calendar-button button.current { background: #cc3338; color: #fff; } .el-calendar-table .el-calendar-day { position: relative; font-weight: bold; } .hasMeet { position: absolute; left: 0; width: 100%; height: 100%; padding: 8px; box-sizing: border-box; top: 0; background: #f5d6d6; } .el-tooltip__popper.is-light { border-color: #f5d6d6; } .el-tooltip__popper.is-light[x-placement^=right] .popper__arrow { border-right-color: #f5d6d6 } .meet-i { margin-bottom: 5px; padding-left: 10px; position: relative; } .meet-i::before { content: ''; position: absolute; left: 0; top: 6px; width: 4px; height: 4px; background-color: #cc3338; border-radius: 50%; margin-right: 5px; vertical-align: middle; } /* end日历 */ /* 左广告 */ .selectionActivity1 { position: fixed; width: 170px; height: 170px; bottom: 10px; left: 50px; z-index: 99 } .selectionActivity1 .selectionActivity_in1 { display: block; height: 100%; background: url(https://a1static.oilchem.net/gg/uploads/202105/fukuang2.png) no-repeat center bottom; background-size: 100% 100% } .selectionActivity1 .selectionActivityCls1 { position: absolute; top: 0; right: 0px; width: 25px; height: 25px; border-radius: 50%; opacity: 0.8; z-index: 2; background: url(https://img1.oilchem.net/2018/popup/pop_cls.png); background-size: 100%; } </style> </head> <body> <link rel="stylesheet" type="text/css" href="https://a1static.oilchem.net/logincenter/css/alertLogin.css"> <div id="login_div" style="position: fixed; _position: absolute; width: 900px; height: 512px; padding: 0; margin: 0; top: 50%; left: -9999px; margin: -165px 0 0 -276px; z-index: 20000001; visibility: hidden;"> <iframe id="login_frame" height="100%" scrolling="no" width="100%" frameborder="0" src="about:blank;"></iframe> </div> <div id="layoutBg" class="layoutBg"></div> <div class="topp1"> <div class="topin"> <div class="topp1-left"> <span class="left" id="header_menu_top_login"> <a href="javascript:void(0);" onclick="openAlert()" class="tpbtn left">点我登录</a> <a href="https://member.oilchem.net/reg/reg.html" target="_blank" class="tpbtn left" id="zhuce1">免费注册</a> </span> </div> <div class="right"> <ol class="home_nav nav"> <li><a href="https://about.oilchem.net/" target="_blank">关于我们</a></a></li> <li><a href="https://www.oilchem.net/map/" target="_blank">网站导航</a></li> <li class="ot" style="padding-left:10px"> <a href="javascript:void(0)" target="_blank">数据服务<em></em></a> <div class="otdiv otdiv3"> <dl> <dt class="red">价格中心导航</dt> <dd> <a href="https://dc.oilchem.net/page/#/list?channelIdNew=1695&name=%E6%9F%B4%E6%B2%B9&businessType=3" target="_blank">市场价格</a> <a href="https://dc.oilchem.net/page/#/list?channelIdNew=1695&name=%E6%9F%B4%E6%B2%B9&businessType=2" target="_blank">企业价格</a> <a href="https://dc.oilchem.net/page/#/list?channelIdNew=1695&name=%E6%9F%B4%E6%B2%B9&businessType=4" target="_blank">国际价格</a> </dd> </dl> <dl> <dt class="red">数据导航</dt> <dd> <a href="https://dt.oilchem.net/home?token=e04924a6a985d282626fc25d67a59485" target="_blank">数据终端</a>  </dd> </dl> <dl> <dt class="red">资讯订阅</dt> <dd> <a href="https://member.oilchem.net/#/mypagesetup" target="_blank">点我订阅——>资讯订阅</a> </dd> </dl> <dl> <dt class="red">隆众客服</dt> <dd>客服热线：400-658-1688</dd> <dd>客服QQ号：2305736941</dd> <dd>客服微信：kefu2305736941</dd> <dd>客服邮箱：service@oilchem.net</dd> </dl> </div> </li> <li><a href="https://en.oilchem.net/" target="_blank" class="red">English</a></li> </ol> </div> <div class="right"> <ul class="nav"> <li> <a href="https://dc.oilchem.net/page/#/index" target="_blank">新版价格中心</a> </li> <li> <a href="https://www.oilchem.net/dt/" target="_blank">数据终端</a> </li> <li> <a href="https://www.oilchem.net/report/" target="_blank">报告中心</a> </li> <li> <a href="https://meeting.oilchem.net/" target="_blank">隆众会议</a> </li> <li> <a href="https://consult.oilchem.net/" target="_blank">隆众咨询</a> </li> <li> <a href="https://video.oilchem.net/" target="_blank">隆众微视</a> </li> <li class="ot"> <a href="https://a1static.oilchem.net/gg/uploads/ydpt/" target="_blank"> <i></i>手机端<em></em> </a> <div class="otdiv otdiv2"> <img src="https://a1static.oilchem.net/lzhome/images/phone_erweima.png" alt=""> <p>扫码下载APP</p> </div> </li> <li> <a href="https://www.mysteel.com/" target="_blank">我的钢铁</a> </li> </ul> </div> </div> </div> <div id="app" v-cloak> <banner id="banner">  <el-carousel :interval="5000" arrow="always" loop> <el-carousel-item v-for="item in bannerList" :key="item.title"> <el-image :src="item.imagePath" fit="cover" style="height: 100%;cursor: pointer;" @click="openUrl(item.url)"> </el-image> </el-carousel-item> </el-carousel>  <div class="banner-bottom"> <div class="logo"></div> <div class="search-box"> <input type="text" class="left" placeholder="会议名称" v-model="searchValue"> <div class="right" @click="search">搜索</div> </div> </div> </banner>  <div id="models"> <div class="top"></div> <div class="bottom"> <nav id="nav"> <div @click="openUrl(item.url)" :class="['item',activeNav == index ? 'active' : '']" v-for="(item,index) in navList" :key="index"> <span>{{item.name}}</span> <div class="extra" v-if="item.name == '年度会议'"> <div class="extra-top">年度会议</div> <div class="extra-bottom"> <div @click="openUrl(one.url)" v-for="one in item.extra" :key="one.date">{{one.date}} </div> </div> </div> </div> </nav> <div class="models" v-for="(value,key) in models" :key="key"> <div class="models-title"> <div class="models-title-left"> <div class="title">{{key}}</div> <div :class="['item', activeModel[key] == '全部' ? 'active' : '']" @click="changeModels(key, '全部')">全部</div> <div v-for="(item,name) in value" v-if="name != '全部'" :key="name" :class="['item', activeModel[key] == name ? 'active' : '']" @click="changeModels(key, name)"> {{name}} </div> </div> <div class="models-title-right" @click="openUrl('/page/meeting')"> <img src="https://a1static.oilchem.net/meeting/index/all.png"> 查看全年会议 </div> </div> <el-row :gutter="20"> <el-col :span="6" class="models-item" v-for="item in value[activeModel[key]]" :key="item.id"> <div @click="showMeeting(item)"> <el-image :src="item.imageUrl" fit="cover"></el-image> <div class="models-item-content"> <div class="name">{{item.meetingName}}</div> <div class="bottom"> <span class="time">{{item.startDate}}</span> <span class="position">{{item.generalLocation}}</span> </div> </div> </div> </el-col> </el-row> </div> <div class="models"> <div class="models-title"> <div class="models-title-left"> <div class="title">相约直播</div> </div>  <div class="models-title-right" @click="openUrl('https://video.oilchem.net')"> <img src="https://a1static.oilchem.net/meeting/index/all.png"> 查看全部直播 </div> </div> <el-row :gutter="20"> <el-col :span="6" class="models-item" v-for="(item,index) in meetLive" :key="index"> <div @click="openUrl(item.previewLink)"> <el-image :src="item.previewPictureUrl" fit="cover"></el-image> <div class="models-item-content"> <div class="name">{{item.videoName}}</div> <div class="bottom"> <span class="time">{{dayjs(item.liveBroadcastTimeStart).format('YYYY-MM-DD')}}</span>  </div> </div> </div> </el-col> </el-row> </div> </div> </div>    <div id="exhibition"> <div class="exhibition-left"> <div class="title"> <div class="title-left">会议资讯</div> <div class="title-right" @click="openUrl('/page/exhibition')">【更多】</div> </div> <div class="item" v-for="item in exhibitionList" :key="item.id" @click="showExhibition(item)"> <el-image :src="item.imgUrl" fit="fill"></el-image> <div class="item-content"> <span class="exhibitionName" :title="item.exhibitionName">{{item.title}}</span> <span class="detail" :title="item.briefIntroduction">{{item.introduction}}</span> <span class="more">[查看详情]</span> </div> </div> </div>  </div>        </div> <div class="footter"> <div class="footter2"> <div class="footterin" style="text-align: center;"> <a href="//about.oilchem.net/" target="_blank" rel="nofollow">关于我们</a>     |<a href="https://www.oilchem.net/agreement/userAgreement.html" target="_blank" rel="nofollow">版权声明</a> |<a href="https://www.oilchem.net/agreement/privacyAgreement.html" target="_blank" rel="nofollow">隐私政策</a> |<a href="//img1.oilchem.net/download/隆众网络诊断工具.rar" target="_blank" rel="nofollow" id="netDiag">网络诊断工具</a> |<a href="//img1.oilchem.net/2016/cookies/" target="_blank" rel="nofollow">故障解决</a>  |<a href="https://about.oilchem.net/templates/pageZhaopin/joinUs.html" target="_blank" rel="nofollow">人才招聘</a> |<a href="https://about.oilchem.net/templates/page/contactUs.html" target="_blank" rel="nofollow">联系我们</a> |<a href="https://www.oilchem.net/map/" target="_blank" rel="nofollow">网站地图</a> </div> </div> <div class="footter3"> <div class="ftright"> <p>增值电信业务经营许可证鲁B2-20080117 / 隆众客服热线：400-658-1688</p> <p>山东隆众信息技术有限公司 <a href="https://beian.miit.gov.cn" target="_blank" style="color:#ababab;text-decoration: underline;" rel="nofollow">鲁ICP备18001665号-2</a></p> <p>CopyRight ◎ 2021 oilchem.net All rights reserved.</p> </div> </div> <div class=" footter4"> <div class="footterin"> <img src="https://a1static.oilchem.net/images/jiangpai.jpg" border="0"> <div class="footterpp"> <a class="ftpp1"><p>国家发改委价格监测中心<br>数据合作平台</p></a> <a class="ftpp2"><p>国务院发展研究中心<br>战略合作单位</p></a> <a class="ftpp3"><p>国家商务部<br>典型统计合作企业</p></a> <a class="ftpp4"><p>中国石油和化工<br>公共服务示范平台</p></a> <a class="ftpp5" style="line-height: 34px;"><p>APEC合作伙伴</p></a> <a class="ftpp6"><p>国家重点<br>高新技术企业</p></a> </div> </div> </div> </div>  <div class="ybb_conct"> <div class="ybb_bar"> <ul> <li class="ybb_top">返回顶部</li> <li class="ybb_phone">0533-7026993</li> <li class="ybb_QQ"> <a target="_blank" href="//wpa.qq.com/msgrd?v=3&uin=2904295804&site=qq&menu=yes&from=message&isappinstalled=0" title="即刻发送您的需求" rel="nofollow">在线客服</a> </li> <li class="ybb_weibo"> <a target="_blank" href="//weibo.com/oilchemnet" title="微博" rel="nofollow">微博</a> </li> <li class="ybb_ercode" style="height: 48px;">微信二维码 <br> <img class="hd_qr" src="https://img1.oilchem.net/img/meetingCode.jpg" width="125" alt="微信二维码"> </li> </ul> </div> </div> <button class="material-scrolltop" type="button"></button>   <script src="https://a1static.oilchem.net/plugin/axios@0.27.0/dist/axios.min.js"></script> <script src="https://a1static.oilchem.net/plugin/polyfill.min.js"></script> <script src="https://a.mysteelcdn.com/oilchem/web/js/jquery.lz.5.1.min.js?v=20200806"></script>  <script charset="UTF-8" type="text/javascript" src="https://a1static.oilchem.net/logincenter/cstaticdun/load.min.js"></script> <script src="https://a1static.oilchem.net/logincenter/js/newLoginDialog.js?v=20221026"></script> <script src="https://a1static.oilchem.net/logincenter/js/cookiesUtils.js"></script> <script src="https://a1static.oilchem.net/logincenter/js/md5.js"></script> <script src="https://a1static.oilchem.net/meeting/swiper/swiper-bundle.min.js"></script> <script src="https://a1static.oilchem.net/js/dayjs.min.js"></script> <script src="https://a1static.oilchem.net/plugin/vue@2.6.12/dist/vue.min.js"></script> <script src="https://a1static.oilchem.net/js/vue-seamless-scroll.min.js"></script> <script src="https://a1static.oilchem.net/element-ui/index.js"></script> <script> var navList = [{ name: '首页', url: '/' }, { name: '行业会议', url: '/page/meeting' }, { name: '相约直播', url: 'https://video.oilchem.net' }, { name: '年度会议', extra: [{ date: '2024年8月', url: '//gl.oilchem.net/oilchem/crudeoil/queryNewsModel/lzyanp/1611' }, { date: '2023年11月', url: '//gl.oilchem.net/oilchem/crudeoil/queryNewsModel/lzyanp/1603' }, { date: '2023年8月', url: '//gl.oilchem.net/oilchem/crudeoil/queryNewsModel/lzyanp/1586' }, { date: '2022年8月', url: '//gl.oilchem.net/oilchem/crudeoil/queryNewsModel/lzyanp/1561' }, { date: '2021年7月', url: '//gl.oilchem.net/oilchem/crudeoil/queryNewsModel/lzyanp/1516' }, { date: '2020年11月', url: '//gl.oilchem.net/oilchem/crudeoil/queryNewsModel/lzyanp/1060' }, { date: '2019年12月', url: '//gl.oilchem.net/oilchem/crudeoil/queryNewsModel/lzyanp/35' }] }, { name: '会议资讯', url: '/page/exhibition' }, // { // name: '行业专家', // url: '/page/experts' // }, //{ // name: '资料下载', // url: '/page/download' //}, { name: '合作方案', url: '/page/cooperation' }, { name: '关于我们', url: '/page/about' }] var weblang = "0"; var This_Server_Name = "www.oilchem.net"; var Url_Port = ""; $(function () { if ($("#header_menu_top_login").length > 0) { if (LzWeb.App.loginNavigation.getloginstate() == false) { if ($.cookie('auto') != null && $.cookie('auto') == 1) { LzWeb.App.loginNavigation.init(1); } else { LzWeb.App.loginNavigation.init(); } } else { LzWeb.App.loginNavigation.init(); } } // 悬浮窗口 $(".ybb_conct").hover(function () { $(".ybb_conct").css("right", "5px"); $(".ybb_bar .ybb_ercode").css('height', '200px'); }, function () { $(".ybb_conct").css("right", "-133px"); $(".ybb_bar .ybb_ercode").css('height', '48px'); }); // 返回顶部 $(".ybb_top").click(function () { $("html,body").animate({ 'scrollTop': '0px' }, 300) }); $('.nav .ot').hover(function () { $(this).addClass('selhover') }, function () { $(this).removeClass('selhover') }) /* $('body').on('click', '#nav .item', function () { console.log($(this).find('>span').text().trim(),'click') }) */ $('body').on('mouseenter', '#nav .item', function () { console.log($(this).find('>span').text().trim(),'hover') if ($(this).find('>span').text().trim() !== '年度会议') { return false } $(this).addClass('show') }) $('body').on('mouseleave', '#nav .item', function () { $(this).removeClass('show') }) $('#nav .extra-bottom div').hover(function () { $(this).siblings().removeClass('active') $(this).addClass('active') }, function () { $(this).removeClass('active') }) $('.logo').click(function () { window.open('https://www.oilchem.net') }) }) </script> <script src='//a.mysteelcdn.com/mysteel_public/js/statistic-102138.js?v=2024-07-12' defer></script> <script> new Vue({ el: '#app', data: { bannerList: [], activeNav: 0, searchValue: '', navList: navList, models: {}, activeModel: {}, meetLive: [], expertsList: [], exhibitionList: [], reportList: [], mediaList: [{ id: 1, url: 'https://www.baidu.com' }, { id: 2, url: 'https://www.baidu.com' }, { id: 3, url: 'https://www.baidu.com' }, { id: 4, url: 'https://www.baidu.com' }, { id: 5, url: 'https://www.baidu.com' }, { id: 6, url: 'https://www.baidu.com' }, { id: 7, url: 'https://www.baidu.com' }, { id: 8, url: 'https://www.baidu.com' }, { id: 9, url: 'https://www.baidu.com' }, { id: 10, url: 'https://www.baidu.com' }, { id: 11, url: 'https://www.baidu.com' }, { id: 12, url: 'https://www.baidu.com' }, { id: 13, url: 'https://www.baidu.com' }, { id: 14, url: 'https://www.baidu.com' }, { id: 15, url: 'https://www.baidu.com' }, { id: 16, url: 'https://www.baidu.com' }, { id: 17, url: 'https://www.baidu.com' }, { id: 18, url: 'https://www.baidu.com' }], meetList: [], showCalendar: false, showCalendarTggl: true, calendarDate: new Date() }, created: function created() { // banner this.getBanner(1, 15, 'bannerList'); // 行业会议走访调研 this.getModels(); // 相约直播 this.getMeetLive(); // 行业专家 // this.getExperts(); //会议资讯 this.getExhibition(); // 会议报道 this.getBanner(3, 2, 'reportList'); }, methods: { search: function search() { if (!this.searchValue.trim()) { this.$message.error('请输入搜索值'); return false; } window.open('/page/meeting?meetingName=' + encodeURIComponent(this.searchValue.trim())); }, getBanner: function getBanner(position, limit, list) { var _this = this; if (limit === void 0) { limit = 15; } axios({ url: 'https://meeting.oilchem.net/popularization/queryList', method: 'POST', params: { limit: limit, position: position } }).then(function (res) { _this.$data[list] = res.data.response; }); }, getModels: function getModels() { var _this2 = this; axios({ url: 'https://meeting.oilchem.net/meeting/queryByModeNames', params: { modeNameList: '行业会议,走访调研' } }).then(function (res) { for (var key in res.data.response) { _this2.activeModel[key] = '全部'; } _this2.models = res.data.response; }); }, changeModels: function changeModels(key, name) { this.activeModel[key] = name; this.$forceUpdate(); }, // getMeetLive: function getMeetLive() { // var _this3 = this; // axios({ // url: 'https://meeting.oilchem.net/meeting/queryArticles', // params: { // columnId: 31942 // } // }).then(function (res) { // _this3.meetLive = res.data.response; // }); // }, getMeetLive() { axios({ url: 'https://list.oilchem.net/column-list/query-live-broadcast-preview-list', data: { isShow: 1, completeTime: dayjs().valueOf(), pageNum: 1, pageSize: 10 }, }).then(({ data }) => { if (data && data.response.list.length > 0) { this.meetLive = data.response.list.splice(0, 4) this.meetLive.sort((a, b) => b.liveBroadcastTimeStart - a.liveBroadcastTimeStart) //倒叙 this.meetLive = this.meetLive } }); }, // getExperts: function getExperts() { // var _this4 = this; // axios({ // url: 'https://meeting.oilchem.net/industryExperts/homepage' // }).then(function (res) { // _this4.expertsList = res.data.response; // _this4.$nextTick(function () { // new Swiper('.swiper-container', { // slidesPerView: 5, // slidesPerGroup: 5, // spaceBetween: 26, // loop: true, // // loopFillGroupWithBlank: true, // navigation: { // nextEl: '.swiper-button-next', // prevEl: '.swiper-button-prev' // } // }); // }); // }); // }, getExhibition: function getExhibition() { var _this5 = this; axios({ url: 'https://meeting.oilchem.net/exhibition/pageInfo', params: { showType: 0, pageNum: 1, pageSize: 2 } }).then(function (res) { _this5.exhibitionList = res.data.response.list; }); }, openUrl: function openUrl(url) { if (url) { window.open(url); } }, // 查看会议资讯详情 showExhibition: function showExhibition(item) { var exhibitionUrl = item.exhibitionUrl || item.url; window.open(exhibitionUrl ? exhibitionUrl : '/page/exhibition-detail/' + item.id, '_self'); }, // 查看行业会议详情 showMeeting: function showMeeting(item) { var id = item.id, meetingUrl = item.meetingUrl; window.open(meetingUrl ? meetingUrl : '/page/meeting-detail/' + id, '_self'); }, // 查看行业专家 showExpert: function showExpert(id) { sessionStorage.setItem('expertId', id); window.open('/page/expert-detail', '_self'); }, /**日历*/ //查询前后三个月会议 getCalendarData: function getCalendarData() { var _this = this; var loading = this.$loading({ lock: true, text: 'Loading', spinner: 'el-icon-loading' }); axios({ method: 'post', url: 'https://meeting.oilchem.net/meeting/queryMeetings', data: { queryStartDate: dayjs().subtract(1, 'month').startOf('month').format('YYYYMMDD'), queryEndDate: dayjs().add(1, 'month').endOf('month').format('YYYYMMDD'), pageNum: 1, pageSize: 100 } }).then(function (res) { var list = res.data.response.list; _this.meetList = list; loading.close(); }); }, // 日历格式 isTooltip: function isTooltip(date) { return date && this.meetList.findIndex(function (item) { return item.startDate == date.split('-').join(''); }) > -1; }, // 点击显示日历 showCalendarBox: function showCalendarBox() { var _this2 = this; this.calendarDate = new Date() this.getCalendarData(); this.showCalendar = true; this.showCalendarTggl = false; this.$nextTick(function () { document.querySelectorAll('.el-button-group .el-button')[1].querySelector('span').innerText = '本月'; document.querySelector('.calendar-button').onclick = function (e) { var e = e || event; $(e.target).addClass('current').siblings().removeClass('current'); if (e.target.innerText === '当月') { _this2.calendarDate = new Date(); } else if (e.target.innerText === '上月') { _this2.calendarDate = dayjs().subtract(1, 'month').toDate(); } else if (e.target.innerText === '下月') { _this2.calendarDate = dayjs().add(1, 'month').toDate(); } }; }); } /**end日历*/ } }); </script> </body> </html>

CINXE.COM

行业会议研讨_走访调研_会展服务-隆众资讯