CINXE.COM
产品展示-中国国际口腔设备器材博览会,CDS口腔展,CDS,CSA
<!DOCTYPE html> <html lang="zh"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta charset="utf-8" /> <title>产品展示-中国国际口腔设备器材博览会,CDS口腔展,CDS,CSA</title> <link href="/Content/images/act/logofict.png" rel="shortcut icon" type="image/x-icon" /> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="maximum-scale=1,user-scalable=yes"> <meta name="viewport" content="initial-scale=1, maximum-scale=1"> <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-status-bar-style" content="black"> <link href="/Content/bootstrap.min.css" rel="stylesheet" type="text/css" /> <link href="//at.alicdn.com/t/font_2324421_4tndl03w47d.css" rel="stylesheet" type="text/css" /> <link href="/Content/swiper.min.css" rel="stylesheet" /> <link href="/Content/layui/css/layui.css" rel="stylesheet" /> <link href="/Content/idangerous.swiper.css" rel="stylesheet" /> <link rel="stylesheet" type="text/css" href="//at.alicdn.com/t/font_2435410_6teaijuf9qu.css" /> <link href="/Content/others/scss/all.css" rel="stylesheet" /> <link href="/Content/element.css" rel="stylesheet" /> <link href="/Support/element-ui/lib/theme-chalk/index.css" rel="stylesheet" /> <script src="/Content/vue.min.js"></script> <script src="/Content/axios.min.js"></script> <script src="/Content/element.js"></script> <script src="/Content/jquery.min.js"></script> <script src="/Content/others/js/idangerous.swiper.min.js"></script> <script src="/Content/layui/layui.js"></script> <link href="/Content/Site.css?t=1012a" rel="stylesheet" /> <script src="/Content/layui/layui.js"></script> <script src="/bundles/jquery?v=PCQhtGuFWXsxH7_kB3EJgnzZy0A8DCQllwjZLhbx6d81"></script> <script src="/bundles/jqueryval?v=-LBluAy8RCerCeY6Znb0Tevy6thazzCjTqMfv4QtNyU1"></script> <link href="/Content/css?v=r_QY4MGreEejbVewl9Ua_91NTk1d6yCifcNefD0Tgks1" rel="stylesheet"/> <script src="/bundles/modernizr?v="></script> <meta name="keywords" content="产品展示-中国国际口腔设备器材博览会,CDS口腔展,CDS" /> <meta name="description" content="产品展示-中国国际口腔设备器材博览会（简称CDS）是由中华口腔医学会及国药励展联手打造的以汇集国内外口腔行业领先企业,涵盖口腔产品全产业链,以推广新产品、新技术，现场体验互动为核心,促进口腔生产经销企业提升品牌、促进贸易采购、交流合作的平台。" /> <meta name="author" content="慕渊会展云 | www.huizhanren.com" /> <!--[if lt IE 9]> <script src="/Scripts/html5shiv.min.js"></script> <script src="/Scripts/respond.min.js"></script> <![endif]--> <!--百度统计--> <script> var _hmt = _hmt || []; (function () { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?b2613b12d8e3da9c017391ae175956b7"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> <!--百度统计--> </head> <body> <header class="header"> <div class="container topic-bar"> <div class="row content-wrapper"> <div class="col-lg-6 col-md-6 col-xs-6 col-sm-6 logo"> <p class="site-title"><a href="/" title="上海CDS口腔展" style="background-image:url('/Content/Uploads/2024.09/f815847b-bae3-4e7c-ac12-0db0a69512ef.png')"></a></p> </div> <div class="col-lg-6 col-md-6 col-xs-6 col-sm-6 right"> <div class="language"> <a href="/" title="中文" class="cn hover">中文</a> <a href="/en" title="English" class="en">English</a> </div> <div class="cuttime"> 距开展还有 <span class="day">0</span> 天 </div> </div> </div> <i class="iconfont icon-navigation"></i> </div> <div class="menu-bar"> <div class="menu-zhe"></div> <div class="container" id="menu_top"> <nav class="row content-wrapper menu"> <div> <div class="menu_list" id="nav_menu"><div class='nav_menu_child' id='nav_home'><a href='/' title='首页'><div class='ch'>首页</div><div class='en'></div></a></div><div class="nav_menu_children"><a href="/Download//?cid=161" title="学术会议" target="_blank"><div class="ch">学术会议</div><div class="en"></div></a><div class="nav_menu_1"><div class="nav_content"><div class="nav_content_head"><img src="/Content/cds/images/banners/学术会议小.png" /></div><div class="nav_content_menu"><div class="nav_menu_1_child"><a href="/Download//?cid=161" title="会议通知" target="_top"><div class="ch">会议通知</div><div class="en"></div></a></div><div class="nav_menu_1_child"><a href="/conference-credits" title="大会学分" target="_top"><div class="ch">大会学分</div><div class="en"></div></a></div></div></div></div></div><div class="nav_menu_child"><a href="/News/Index/1/?cid=1" title="展览活动" target="_top"><div class="ch">展览活动</div><div class="en"></div></a> </div><div class="nav_menu_children"><a href="https://23162.sciconf.cn/cn/reg/index/23162/?cid=73" title="参会注册" target="_top"><div class="ch">参会注册</div><div class="en"></div></a><div class="nav_menu_1"><div class="nav_content"><div class="nav_content_head"><img src="/Content/cds/images/banners/参会注册小.png" /></div><div class="nav_content_menu"><div class="nav_menu_1_child"><a href="https://23162.sciconf.cn/cn/reg/index/23162/?cid=73" title="年会注册" target="_blank"><div class="ch">年会注册</div><div class="en"></div></a></div><div class="nav_menu_1_child"><a href="https://reg.reed-sinopharm.com/pc/#/login?id=450bbd990ff64beeb6e95f6836dbf149&channelUuid=f0f805291698406985b495439975d2a5/?cid=13" title="展览参观" target="_blank"><div class="ch">展览参观</div><div class="en"></div></a></div><div class="nav_menu_1_child"><a href="/Download//?cid=90" title="下载中心" target="_top"><div class="ch">下载中心</div><div class="en"></div></a></div></div></div></div></div><div class="nav_menu_children"><a href="https://tianbao.chinadentalshow.com/join-login/?cid=72" title="展商服务" target="_top"><div class="ch">展商服务</div><div class="en"></div></a><div class="nav_menu_1"><div class="nav_content"><div class="nav_content_head"><img src="/Content/cds/images/banners/展商服务小.png" /></div><div class="nav_content_menu"><div class="nav_menu_1_child"><a href="https://tianbao.chinadentalshow.com/join-login/?cid=72" title="展位预定" target="_blank"><div class="ch">展位预定</div><div class="en"></div></a></div><div class="nav_menu_1_child"><a href="/market-sponsorship" title="市场赞助" target="_blank"><div class="ch">市场赞助</div><div class="en"></div></a></div><div class="nav_menu_1_child"><a href="https://tianbao.chinadentalshow.com/exhibition/login/alogin/?cid=157" title="展商中心" target="_blank"><div class="ch">展商中心</div><div class="en"></div></a></div><div class="nav_menu_1_child"><a href="/Download//?cid=158" title="下载中心" target="_top"><div class="ch">下载中心</div><div class="en"></div></a></div></div></div></div></div><div class="nav_menu_child menu_hover"><a href="/exhibitorlist/?cid=4" title="产品展示" target="_top"><div class="ch">产品展示</div><div class="en"></div></a> </div><div class="nav_menu_children"><a href="/hotel-reservations" title="商旅服务" target="_blank"><div class="ch">商旅服务</div><div class="en"></div></a><div class="nav_menu_1"><div class="nav_content"><div class="nav_content_head"><img src="\Content\cds\images\banners\商旅服务小.png" /></div><div class="nav_content_menu"><div class="nav_menu_1_child"><a href="/hotel-reservations" title="酒店预定" target="_blank"><div class="ch">酒店预定</div><div class="en"></div></a></div></div></div></div></div><div class="nav_menu_children"><a href="/conference-Introduction" title="关于我们" target="_top"><div class="ch">关于我们</div><div class="en"></div></a><div class="nav_menu_1"><div class="nav_content"><div class="nav_content_head"><img src="\Content\cds\images\banners\关于我们小.png" /></div><div class="nav_content_menu"><div class="nav_menu_1_child"><a href="/conference-Introduction" title="大会介绍" target="_top"><div class="ch">大会介绍</div><div class="en"></div></a></div><div class="nav_menu_1_child"><a href="/sponsor" title="主办方" target="_top"><div class="ch">主办方</div><div class="en"></div></a></div><div class="nav_menu_1_child"><a href="/contact-Us" title="联系我们" target="_top"><div class="ch">联系我们</div><div class="en"></div></a></div></div></div></div></div></div> </div> </nav> </div> </div> </header> <div id="body" class="main-content"> <div class="banner"> </div> </div> <div class="main-info"> <div class="container"> <div class="body-content clear-fix"> <style> .ex-swiper-container { ExhibitorQuery height: 158px; text-align: center; } #show-table .layui-col-md6{ width:50%; float:left; } .groupList .group { border: 1px solid #f5f5f5; color:#333; border-radius: 5px; margin-top: 15px; } .groupList .group .item { font-size: 18px; padding: 12px 12px; background-color: #f5f5f5; border-radius: 5px; cursor: pointer; } .groupList .group .item > .iconfont { float: right; padding-top: 5px; color:#999; } .groupList .group .item:hover { background-color: #03caba; color: #fff; } .groupList .group .item:hover > .iconfont { color: #fff; } .list-group-item {border:none; height: 0; transition: height 2s; -webkit-transition: height 2s; overflow: hidden; padding: 0; } .groupList .group.hover .item { border-radius: 5px 5px 0 0; background-color: #03caba; color: #fff; } .groupList .group.hover .list-group-item { height: auto; padding: 10px 15px; } .groupList .group.hover .iconfont { color: #fff; transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); margin-top: 3px; } .item{ background-color: #fff; box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0.1); } .item_top { color: #333; display: flex; } .line { display: flex; align-items: flex-end; margin-bottom: 0.16rem; } .name { margin-right: 5px; font-weight: 400; } .job { font-size: 12px; color: #666; } .phone { font-size: 14px; color: #333; } .info2 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .rn-type { display: inline-block; font-size: 14px; padding: 0px 5px; margin-right: 12px; margin-bottom: 12px; border-width: 1px; border-style: solid; } .el-carousel__container { position: relative; height: 130px; } </style> <div class="layContent" style="background: #fff;" id="app"> <div class="ex"> <div class="layui-container"> <div class="ex-menu"> <i class="icon iconfont icon-house s-blue"></i> 您当前位置： <a href="/">首页</a> > <a class="s-blue">产品展示</a> </div> <div class="ex-tab"> <div class="layui-row search-wrap"> <div class="m-search"> <input type="text" placeholder="搜索产品名称" class="layui-input" id="ex-search-input"> <div class="search-txt" id="ex-search">搜索</div> </div> </div> <div class="layui-row tab-nav"> <div class="layui-col-md6" id="type-select"> 选择： <span class="active" id="展商" data-type="展商"><a>展商</a></span> <span id="展品" data-type="展品"><a>展品</a></span> </div> </div> </div> <div class="ex-layout"> <div class="exl-l"> <!-- 推荐展会 --> <div class="ex-exhibitor"> <div class="ex-title">展会项目</div> <form class="layui-form"> <div class="groupList"> <div class="group"> <div class="item"> <span class="name">CDS</span> <span class="iconfont icon-xiangxia"></span> </div> <div class="list-group-item"> <div class="layui-form-item"> <div class="layui-row"> <div class="layui-col-md1"> <input type="checkbox" class="exhibition-selected" lay-filter="exhibition-selected" lay-skin="primary" value="ff585cff-0db2-4c27-a5f1-f23debad39b8" name="exhibition-selected" checked> </div> <div class="layui-col-md11"> 2025FDI世界口腔医学大会 </div> </div> </div> <div class="layui-form-item"> <div class="layui-row"> <div class="layui-col-md1"> <input type="checkbox" class="exhibition-selected" lay-filter="exhibition-selected" lay-skin="primary" value="c4b9bc35-d2a4-442b-911f-827756ca5b3b" name="exhibition-selected" checked> </div> <div class="layui-col-md11"> 中华口腔医学会口腔修复学专业委员会第18次口腔修复学学术会议 </div> </div> </div> <div class="layui-form-item"> <div class="layui-row"> <div class="layui-col-md1"> <input type="checkbox" class="exhibition-selected" lay-filter="exhibition-selected" lay-skin="primary" value="d319bf61-0bfe-4136-89f0-96390cdf723c" name="exhibition-selected" checked> </div> <div class="layui-col-md11"> 中华口腔医学会民营口腔医疗分会第16次民营口腔年会 </div> </div> </div> <div class="layui-form-item"> <div class="layui-row"> <div class="layui-col-md1"> <input type="checkbox" class="exhibition-selected" lay-filter="exhibition-selected" lay-skin="primary" value="fe746a97-f328-4d22-8e86-3e91f7df5c25" name="exhibition-selected" checked> </div> <div class="layui-col-md11"> CDS测试展会 </div> </div> </div> <div class="layui-form-item"> <div class="layui-row"> <div class="layui-col-md1"> <input type="checkbox" class="exhibition-selected" lay-filter="exhibition-selected" lay-skin="primary" value="c5c6beaa-b562-41f9-a140-5929694a4e37" name="exhibition-selected" checked> </div> <div class="layui-col-md11"> 2024中国国际口腔设备器材博览会 </div> </div> </div> <div class="layui-form-item"> <div class="layui-row"> <div class="layui-col-md1"> <input type="checkbox" class="exhibition-selected" lay-filter="exhibition-selected" lay-skin="primary" value="bbf87969-22d7-4d23-b14c-67777dc2aa65" name="exhibition-selected" checked> </div> <div class="layui-col-md11"> 中华口腔医学会第十四次中国民营口腔年会 </div> </div> </div> <div class="layui-form-item"> <div class="layui-row"> <div class="layui-col-md1"> <input type="checkbox" class="exhibition-selected" lay-filter="exhibition-selected" lay-skin="primary" value="73f1fbc2-c5b6-4ce1-ab49-8715677f5b70" name="exhibition-selected" checked> </div> <div class="layui-col-md11"> 2023中国国际口腔设备器材博览会 </div> </div> </div> </div> </div> </div> </form> </div> <script> var _exhibitionMap =[{"Id":"ff585cff-0db2-4c27-a5f1-f23debad39b8","IsShow":1},{"Id":"c4b9bc35-d2a4-442b-911f-827756ca5b3b","IsShow":1},{"Id":"d319bf61-0bfe-4136-89f0-96390cdf723c","IsShow":1},{"Id":"fe746a97-f328-4d22-8e86-3e91f7df5c25","IsShow":1},{"Id":"c5c6beaa-b562-41f9-a140-5929694a4e37","IsShow":1},{"Id":"bbf87969-22d7-4d23-b14c-67777dc2aa65","IsShow":0},{"Id":"73f1fbc2-c5b6-4ce1-ab49-8715677f5b70","IsShow":0}]; </script> <!-- 类别 --> <style> .ex-ca-content { max-height: 1338px; overflow-y: scroll; } .ex-ca-content::-webkit-scrollbar { display: none; } </style> <div class="ex-ca" id="category-tab"> <div class="ex-title">类别</div> <div class="ex-ca-content"> <div id="f59094f3-949c-4457-849a-71fdd3aa623d" class="ex-ca-item category-00000000-0000-0000-0000-000000000000 category-item" data-id="f59094f3-949c-4457-849a-71fdd3aa623d" data-name="口腔护理" data-exhibitionId="00000000-0000-0000-0000-000000000000">口腔护理</div> <div id="ffb982fd-d11c-491c-95ba-b18e03b5ec7b" class="ex-ca-item category-00000000-0000-0000-0000-000000000000 category-item" data-id="ffb982fd-d11c-491c-95ba-b18e03b5ec7b" data-name="医用耗材" data-exhibitionId="00000000-0000-0000-0000-000000000000">医用耗材</div> <div id="283e0bcc-b2fd-4c2e-a552-efa5e30e6744" class="ex-ca-item category-00000000-0000-0000-0000-000000000000 category-item" data-id="283e0bcc-b2fd-4c2e-a552-efa5e30e6744" data-name="修复/粘接" data-exhibitionId="00000000-0000-0000-0000-000000000000">修复/粘接</div> <div id="4e7236fd-bbef-43ad-8e66-1c3cfe197d3d" class="ex-ca-item category-00000000-0000-0000-0000-000000000000 category-item" data-id="4e7236fd-bbef-43ad-8e66-1c3cfe197d3d" data-name="针/锉/磨头" data-exhibitionId="00000000-0000-0000-0000-000000000000">针/锉/磨头</div> <div id="88f13f42-2f87-4ac5-aa36-6bcfffb6548f" class="ex-ca-item category-00000000-0000-0000-0000-000000000000 category-item" data-id="88f13f42-2f87-4ac5-aa36-6bcfffb6548f" data-name="口腔/根管" data-exhibitionId="00000000-0000-0000-0000-000000000000">口腔/根管</div> <div id="f30086ca-e839-46b5-a2ad-b54571ca7b93" class="ex-ca-item category-00000000-0000-0000-0000-000000000000 category-item" data-id="f30086ca-e839-46b5-a2ad-b54571ca7b93" data-name="矫正正畸" data-exhibitionId="00000000-0000-0000-0000-000000000000">矫正正畸</div> <div id="d38ec045-e1b7-4797-b37d-ab36ebac0771" class="ex-ca-item category-00000000-0000-0000-0000-000000000000 category-item" data-id="d38ec045-e1b7-4797-b37d-ab36ebac0771" data-name="口腔器械" data-exhibitionId="00000000-0000-0000-0000-000000000000">口腔器械</div> <div id="5fad0477-92a5-46b8-80e6-12d849dae5b7" class="ex-ca-item category-00000000-0000-0000-0000-000000000000 category-item" data-id="5fad0477-92a5-46b8-80e6-12d849dae5b7" data-name="口腔设备" data-exhibitionId="00000000-0000-0000-0000-000000000000">口腔设备</div> <div id="8bae84c4-4fa5-4af2-89f9-8ba448670c04" class="ex-ca-item category-00000000-0000-0000-0000-000000000000 category-item" data-id="8bae84c4-4fa5-4af2-89f9-8ba448670c04" data-name="口腔种植" data-exhibitionId="00000000-0000-0000-0000-000000000000">口腔种植</div> <div id="f719a1f8-69e0-4f3f-946d-49c02f4df77d" class="ex-ca-item category-00000000-0000-0000-0000-000000000000 category-item" data-id="f719a1f8-69e0-4f3f-946d-49c02f4df77d" data-name="医患沟通" data-exhibitionId="00000000-0000-0000-0000-000000000000">医患沟通</div> <div id="43215561-86af-4df8-bf92-b11ac83b7a43" class="ex-ca-item category-00000000-0000-0000-0000-000000000000 category-item" data-id="43215561-86af-4df8-bf92-b11ac83b7a43" data-name="口腔技工" data-exhibitionId="00000000-0000-0000-0000-000000000000">口腔技工</div> <div id="d687edc4-5c83-4e5b-bf04-3cd4b3cba80c" class="ex-ca-item category-00000000-0000-0000-0000-000000000000 category-item" data-id="d687edc4-5c83-4e5b-bf04-3cd4b3cba80c" data-name="口腔药物" data-exhibitionId="00000000-0000-0000-0000-000000000000">口腔药物</div> <div id="f03cb501-fe90-43ed-b610-acb5419ba44a" class="ex-ca-item category-00000000-0000-0000-0000-000000000000 category-item" data-id="f03cb501-fe90-43ed-b610-acb5419ba44a" data-name="服饰" data-exhibitionId="00000000-0000-0000-0000-000000000000">服饰</div> </div> </div> </div> <div class="exl-r"> <!-- 供需信息 --> <div class="ex-info"> <div class="exi-l"> <div class="ex-swiper-container swiper-container"> <el-carousel indicator-position="outside"> <el-carousel-item v-for="item in hallList" :key="item"> <div> <div class="item" style=""> <div class="item_top"> <div class="logo" style="margin-right: 10px;"> <img :src="item.headImg" style="border-radius: 50%;width: 60px;height: 60px;" v-if="item.headImg"> <img src="/favicon.ico" style="border-radius: 50%;width: 60px;height: 60px;" v-else /> </div> <div class="details" style="width: 100%;"> <div class="line" style="justify-content: space-between;display: flex;align-items: center;"> <div> <span class="name">{{item.name}}</span> <span class="job" v-if="item.jobTitle">{{item.jobTitle}}</span> </div> <div class="create_time"> {{item.inDate}} </div> </div> <div class="info2" style="display: flex;max-width:500px;margin-top:12px"> <span class="rn-type" v-if="item.publishType == '医疗器械成品'" style="color:#03caba">{{item.publishType}}</span> <span class="rn-type" v-if="(item.publishType == '医疗器械成品' && item.productType) || (item.publishType == '医疗器械成品' && item.type2)" style="color:#03caba;max-width: 66%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;"> <span v-if="item.productType || item.type2">{{item.productType?item.productType:item.type2}}</span> </span> <span class="rn-type" v-if="item.publishType == '制造供应链'" style="color:#03caba">{{item.publishType}}</span> <span class="rn-type" v-if="(item.publishType == '制造供应链' && item.productType) || (item.publishType == '制造供应链' && item.type2)" style="color:#03caba;max-width: 66%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;"> <span v-if="item.productType || item.type2">{{item.productType?item.productType:item.type2}}</span> </span> <span class="rn-type" v-if="item.publishType == '招商发布'" style="color:#03caba">{{item.publishType}}</span> <span class="rn-type" v-if="(item.publishType == '招商发布' && item.supplyProductName) || (item.publishType == '招商发布' && item.information)" style="color:#03caba;max-width: 66%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;"> <span v-if="item.supplyProductName || item.information">{{item.supplyProductName?item.supplyProductName:item.information}} </span> </span> </div> </div> </div> <div class="item_bottom" style="font-size: 14px; text-align: left;"> <div class="daili marTop15"> <span class="span1"> <span class="color9">采购截止日期：</span> {{item.endTime}} </span> </div> <div class="daili marTop15" style="overflow: hidden;text-overflow: ellipsis;white-space: nowrap;"> <span class="span2"> <span class="color9">采购描述：</span> {{item.remark}} </span> </div> <div class="bottom-btn"> </div> </div> </div> </div> </el-carousel-item> </el-carousel> </div> </div> <div class="exi-r"> <div class="ex-btn s-1"><a style="text-decoration:none" href="/Demand">免费发布供需</a></div> <div class="ex-btn"> <a style="text-decoration:none" href="/Demand">查看更多热门供需</a></div> </div> </div> <div class="clear"></div> <!-- 公司列表 --> <div id="show-table"></div> <!--页码--> <div id="show-table-page" class="gy-page"></div> </div> </div> </div> </div> </div> <script> new Vue({ el: '#app', data: function () { return { token:"", hallList:[], pageIndex:"", pageSize:"", } }, mounted () { this.token = "Bearer eyJhbGciOiJSUzI1NiIsImtpZCI6IjhhOTUxOWRmNDBkNjMxYmFhOWJkMDg0MzM4MTUwMDVlIiwidHlwIjoiSldUIn0.eyJuYmYiOjE3MzI2NzE2MjEsImV4cCI6MTczMjY4NjAyMSwiaXNzIjoiaHR0cHM6Ly9hdXRoLmNoaW5hZGVudGFsc2hvdy5jb20iLCJhdWQiOlsiaHR0cHM6Ly9hdXRoLmNoaW5hZGVudGFsc2hvdy5jb20vcmVzb3VyY2VzIiwic3luYWlyIl0sImNsaWVudF9pZCI6ImNsb3VkLmV4aGliaXRpb24iLCJzY29wZSI6WyJzeW5haXIiXX0.r84ZtuJMsu09QUQpw3VW1hv1OFgmzkGQyeeFPvGIq9D6JL_u7byo_BPJGD4jbzXLl2ZwuAE6uLMK8_OiklJiqd7IHwN16rkIlK5cJmDc4SgK_Meb5mdj_m0mIb_tEsKVWQdiSFcj3H27FKvpNqfUNJDhXS7ukUmwK3CdkogEEg4ojgYsqYG0PYeIesTIVrzv0vdhmHnCZTPAxN_HrJR5jl9A6hnSA5vOhoD3fTasZpn2nduzORaIUvHqkB-Tnmmt7GuWVmPiBDC6WrOxoTNh_jQNWYfRdi5cjzFuaWWoewPT9iQcv7_dhnU5ZIAtiSRBe5AK7ngHD7CdfbjUFL8d3A"; this.testGet() }, methods: { testGet () { let body = { pageSize: 10, pageIndex: 1, } axios.post('https://api.chinadentalshow.com/api/NewRealease/getAllReleaseAndSupply', { ...body }) .then(response => { response.data.items.forEach((e) => { e.inTime = e.inTime.substring(0, 10) e.inDate = e.inDate.substring(0, 10) e.endTime = e.endTime ? e.endTime.substring(0, 10) : '无' e.productArea=e.productArea?(JSON.parse(e.productArea).toString()).replace(/,/g, '/'):'' const categoryArr = [] const categoryArr1 = [] if (e.productType) { const category = JSON.parse(e.productType) if (category.Value) { categoryArr.push(category.Value) if (category.List[0]) { categoryArr.push(category.List[0].Value) if (category.List[0].List) { categoryArr.push(category.List[0].List[0].Value) } } e.productType = (categoryArr.toString()).replace(/,/g, '/') } } if (e.supplyProductCategory) { const category1 = JSON.parse(e.supplyProductCategory) if (category1.Value) { categoryArr1.push(category1.Value) if (category1.List[0]) { categoryArr1.push(category1.List[0].Value) if (category1.List[0].List) { categoryArr1.push(category1.List[0].List[0].Value) } } e.supplyProductCategory = (categoryArr1.toString()).replace(/,/g, '/') } } console.log(categoryArr.toString(), typeof categoryArr.toString()) }) this.hallList=response.data.items console.log(this.hallList,'列表') }) .catch(function (error) { // 请求失败处理 console.log(error); }); }, } }) var pageIndex = 1; var pageSize = 12; var totalCount = 0; var categoryId = 0; var currentType = "展商"; function fistLoadCategory() { if (categoryId > 0 && categoryId == 14) { $("#e2bcf890-978f-4c16-8678-5f1959af3d10").addClass("active"); $("#展商").removeClass("active"); $("#展品").addClass("active"); } } fistLoadCategory(); layui.use('form', function () { var laydate = layui.laydate //日期 , laypage = layui.laypage //分页 , layer = layui.layer //弹层 , table = layui.table //表格 , carousel = layui.carousel //轮播 , upload = layui.upload //上传 , element = layui.element //元素操作 等等... , form = layui.form; //各种基于事件的操作，下面会有进一步介绍 //form.on('select(mp-selector)', function (data) { // console.log(data.elem); //得到select原始DOM对象 // console.log(data.value); //得到被选中的值 // console.log(data.othis); //得到美化后的DOM对象 // alert('选中页数' + data.value); //}); // 展会选择 form.on('checkbox(exhibition-selected)', function (data) { switch (data.elem.checked) { case true: $(".category-" + data.value).show(); break; default: $(".category-" + data.value).hide(); break; } $("#category-tab div.ex-ca-item").removeClass("active"); //RefreshDemand(); OnTypeChange(); }); }); $(".category-item").click(function () { if ($(this).hasClass("active")) { $(this).removeClass("active"); } else { $(this).addClass("active"); } OnTypeChange(); }) $("#ex-search").click(function () { InitPageInfo(); OnTypeChange(); }) // 获取选中的展会 function GetExhibitionSelected() { var exhibitionIds = []; $("input:checkbox[name=exhibition-selected]:checked").each(function () { exhibitionIds.push($(this).val()); }); return exhibitionIds; }; //获取选中的展品类别名称 function GetCategoies() { var categoies = []; $(".category-item.active").each(function () { categoies.push($(this).data("name")); }) return categoies; } // 刷新供需 function RefreshDemand() { return "123"; var exhibitionIds = GetExhibitionSelected(); if (exhibitionIds.length == 0) { $('#demand').html(''); return; } $.ajax({ type: "GET", url: '/Demand/Demand', traditional: true,//防止深度序列化 datatype: "html", success: function (data) { $('#demand').html(data); }, error: function () { } }); } // 获取搜索词 function GetSearchText() { return $("#ex-search-input").val(); } // 查询类型选择 function OnTypeChange(type) { currentType = type || $("#type-select span.active").data("type") || "展商"; switch (currentType) { case "展品": ProductQuery(false); break; case "首发新品": ProductQuery(true); break; default: ExhibitorQuery(); break; } } $("#type-select span").click(function () { $("#type-select span").removeClass("active"); $(this).addClass("active"); OnTypeChange($(this).data("type")); }) function ExhibitorQuery() { GetPageInfo(); var exhibitionIds = GetExhibitionSelected(); if (exhibitionIds.length == 0) { $('#show-table').html(''); InitPageInfo(); ShowPage(); return; } var categories = GetCategoies(); var search = GetSearchText(); $.ajax({ type: "POST", url: '/exhibitorlist/ExhibitorQuery', traditional: true,//防止深度序列化 contentType: "application/json", data: JSON.stringify({ exhibitionIds: exhibitionIds, categories: categories, text: search, pageSize: pageSize, pageIndex: pageIndex, exhibitionMap:_exhibitionMap }), datatype: "html", beforeSend: function () { layer.load(1); }, success: function (data) { $('#show-table').html(data); ShowPage(); }, error: function () { }, complete: function () { layer.closeAll('loading'); } }); } function ProductQuery(isNew) { GetPageInfo(); var exhibitionIds = GetExhibitionSelected(); if (exhibitionIds.length == 0) { $('#show-table').html(''); InitPageInfo(); ShowPage(); return; } var categories = GetCategoies(); var search = GetSearchText(); $.ajax({ type: "POST", url: '/exhibitorlist/ProductQuery', traditional: true,//防止深度序列化 contentType: "application/json", data: JSON.stringify({ exhibitionIds: exhibitionIds, categories: categories, text: search, pageSize: pageSize, pageIndex: pageIndex, isNew: isNew }), datatype: "html", beforeSend: function () { layer.load(1); }, success: function (data) { $('#show-table').html(data); ShowPage(); }, error: function () { }, complete: function () { layer.closeAll('loading'); } }); } // 获取页信息 function GetPageInfo() { pageIndex = $("#pageIndex").val() || 1; pageSize = $("#pageSize").val() || 12; totalCount = $("#totalCount").val() || 0; } function InitPageInfo() { $("#pageIndex").val(1); $("#pageSize").val(10); $("#totalCount").val(0); } function ShowPage() { GetPageInfo(); layui.use('laypage', function () { var laypage = layui.laypage; laypage.render({ elem: 'show-table-page' , count: totalCount //数据总数，从服务端得到 , limit: pageSize , curr: pageIndex , prev:"<" , next:">" , first:"<<" , last:">>" , jump: function (obj, first) { // obj包含了当前分页的所有参数，比如： // console.log(obj.curr); //得到当前页，以便向服务端请求对应页的数据。 // console.log(obj.limit); //得到每页显示的条数 $("#pageIndex").val(obj.curr); $("#pageSize").val(obj.limit); if(obj.curr > 1) { $('html,body').animate({ scrollTop: 400, }); } //首次不执行 if (!first) { OnTypeChange(); } } }); }); } //首次加载供需 //RefreshDemand(); OnTypeChange(); </script> <script> $(function () { $(".groupList .group .item").click(function () { $(this).parent().toggleClass("hover"); }) setTimeout(function () { var mySwiper = new Swiper('.ex-swiper-container', { slidesPerView: 4, autoplay: 3000, loop: true, mode: 'vertical' }); }, 1000); }) </script> </div> </div> </div> <footer class="footer"> <div class="container"> <div class="row footer-wrapper"> <div class="container"> <div class="row footer-info"> <div class="col-lg-4 col-md-3 host"> <p class="title"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">联系我们</font></font></p> <p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">国药励展展览责任有限公司</font></font></p> <p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">北京市朝阳区新源南路1-3号，平安国际金融中心B座15层</font></font></p> <p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">邮编：100027</font></font></p> <p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">电话：010-84556622</font></font></p> </div> <div class="col-lg-4 col-md-3 host"><font style="vertical-align: inherit;"> </font></div> <div class="col-lg-4 col-md-3 host"> <p class="title"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">主办方</font></font></font></p> <font style="vertical-align: inherit;"><span><img src="/ckfinder/userfiles/images/%E6%9C%AA%E6%A0%87%E9%A2%98-1.png" style="height: 80px;" /><img src="/Content/cds/images/foot-logo2.png" style="height: 66px;" /></span></font></div> </div> <div class="row footer-copy"> <p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">2024 </font></font><span style="font-size: 14px; text-indent: 28px;">©</span><font style="vertical-align: inherit;"><font style="vertical-align: inherit;"> 国药励展展览有限责任公司 | </font></font><a href="http://beian.miit.gov.cn/" target="_blank"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">京ICP备06050757号-23</font></font></a><font style="vertical-align: inherit;"><font style="vertical-align: inherit;"> | </font></font><a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010802037428" target="_blank"><img src="/content/images/gongan.png" /><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">京公网安备 11010802037428号</font></font></a></font></p> </div> </div> </div> </div> </footer> <div class="sinoma-act ad-hide" style="display:none"> <div class="ad-cutClose"> <img src="/Content/images/act/x.png" id="CloseImage" style="float:right;width:30px;height:30px" /> </div> <div class="ad-cut"> <a href="/sinoma" target="_blank"> <img src="/Content/images/act/ad-cut.png" /> </a> </div> </div> <div id="break-top"></div> <style> #break-top { display: none; position: fixed; background-image: url(/Content/images/fixbar-icon.png); background-position: -108px 0; width: 54px; height: 54px; bottom: 12%; background-color: #03caba; right: 30px; cursor: pointer; z-index: 99; } </style> <script> $(function () { $(window).scroll(function () { if ($(window).scrollTop() >= 120) { $("#break-top").fadeIn(600); } else { $("#break-top").fadeOut(600); } }); $('#break-top').click(function () { $('body,html').animate({ scrollTop: 0 }, 600); }); }); </script> <div id="quick-right" class="quick-right"> <a href="https://reg.reed-sinopharm.com/pc/#/login?id=450bbd990ff64beeb6e95f6836dbf149&channelUuid=f0f805291698406985b495439975d2a5" target="_blank"> <div class="item">免费参观</div> </a> <a href="http://tianbao.chinadentalshow.com/join-login" target="_blank"> <div class="item">展位预定</div> </a> <a href="/Information/?cid=153" target="_blank"> <div class="item">联系方式</div> </a> <a href="https://23162.sciconf.cn/cn/reg/index/23162" target="_blank"> <div class="item">会议注册</div> </a> </div> <style> .quick-right { position: fixed; right: 0; top: 35%; z-index: 1; font-size: 16px; font-weight: normal; font-stretch: normal; line-height: 18px; letter-spacing: 0px; } .quick-right a { text-decoration: none; padding: 0; } .quick-right .item { width: 120px; height: 42px; background-color: #03caba; border-radius: 16px 0px 0px 16px; color: #fff; line-height: 42px; text-align: center; margin-top: 10px; } @media(max-width:992px) { .quick-right { display: none; } } </style> <script src="/Support/camera/scripts/jquery.easing.1.3.js"></script> <script src="/Scripts/swiper.min.js"></script> <script src="/Scripts/bootstrap.min.js" type="text/javascript"></script> <script src="/Support/layer/layer.js"></script> <script src="/Scripts/jquery.zlight.menu.1.0.min.js"></script> <script src="/Content/JavaScript.js?v=0124a"></script> <script> $(function () { // 所有data-herf 跳转链接 $('div').on('click', '[data-href]', function (e) { e.preventDefault(); e.stopPropagation(); var url = $(this).attr('data-href'); var orgin = window.location.protocol + "//" + window.location.hostname + (window.location.port ? ':' + window.location.port : ''); window.location.href = orgin + url; }); }) </script> <!--流量统计--> <div style="display:none;"> <script type="text/javascript" src="https://s9.cnzz.com/z_stat.php?id=1279769284&web_id=1279769284"></script> </div> <!--流量统计--> </body> </html>