CINXE.COM

<!DOCTYPE html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta http-equiv="content-language" content="zh-CN" /> <meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no" /> <meta name="apple-mobile-web-app-capable" content="yes" /> <meta name="apple-mobile-web-app-status-bar-style" content="black" /> <meta name="format-detection" content="telephone=no" /> <meta name="keywords" content="正泰在持续推进落实“产业化、科技化、国际化”的战略部署中，形成了“绿色能源、智能电气、智慧低碳”三大产业集群和“正泰国际、科创孵化”两大平台。" /> <meta name="description" content="绿色能源、智能电气、智慧低碳、正泰国际、科创孵化" /> <meta name="renderer" content="webkit"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <title>构筑“3+2”产业发展新动能</title> <link href="favicon.ico" rel="shortcut icon"> <link href="css/hamburgers.css" rel="stylesheet" type="text/css" /> <link href="css/boc_reset.css" rel="stylesheet" type="text/css" /> <link href="js/swiper/swiper.css" rel="stylesheet" type="text/css" /> <script type="text/javascript" src="js/jquery-3.5.1.min.js"></script> <script type="text/javascript" src="js/jquery.easing.1.3.js"></script> <script type="text/javascript" src="js/jquery.transit.js"></script> <script type="text/javascript" src="js/html5.js"></script> <script type="text/javascript" src="js/new_bocfe.js"></script> <script type="text/javascript" src="js/swiper/swiper.min.js"></script> <script type="text/javascript" src="js/vue.min.js"></script> <script type="text/javascript" src="js/axios.min.js"></script> <script type="text/javascript" src="./inc/header.js"></script> <script type="text/javascript" src="./inc/comm.js"></script> </head> <body class="headeractive cssanimations"> <div id="header"></div> <div id="app" v-cloak> <div class="greenlist1 ovh"> <div class="pc-block por ovh probox1"> <div class="dianbox dianbox6 f-no-b-center anim_emt l_to_r a-del4" data-index="1"> <div class="dian por"><img class="dianicon tran-middle" src="img/i2dian.png" alt=""> <img src="img/i2img2.png" alt="" class="quan tran-middle"> </div> <div class="span tit-20 f-no-s-center por ovh"><div class="txt">输配电</div></div> </div> <div class="dianbox dianbox7 f-no-b-center anim_emt l_to_r a-del5" data-index="0"> <div class="dian por"><img class="dianicon tran-middle" src="img/i2dian.png" alt=""> <img src="img/i2img2.png" alt="" class="quan tran-middle"> </div> <div class="span tit-20 f-no-s-center por ovh"><div class="txt">电线电缆</div></div> </div> <div class="dianbox dianbox8 f-no-b-center anim_emt l_to_r a-del6" data-index="3"> <div class="dian por"><img class="dianicon tran-middle" src="img/i2dian.png" alt=""> <img src="img/i2img2.png" alt="" class="quan tran-middle"> </div> <div class="span tit-20 f-no-s-center por ovh"><div class="txt">仪器仪表</div></div> </div> <div class="dianbox dianbox9 f-no-b-center anim_emt l_to_r a-del7" data-index="2"> <div class="dian por"><img class="dianicon tran-middle" src="img/i2dian.png" alt=""> <img src="img/i2img2.png" alt="" class="quan tran-middle"> </div> <a href="./spec.html?id=94"><div class="span tit-20 f-no-s-center por ovh"><div class="txt">低压电器</div></div></a> </div> <div class="dianbox dianbox10 f-no-b-center anim_emt l_to_r a-del8" data-index="7"> <div class="dian por"><img class="dianicon tran-middle" src="img/i2dian.png" alt=""> <img src="img/i2img2.png" alt="" class="quan tran-middle"> </div> <div class="span tit-20 f-no-s-center por ovh"><div class="txt">智能装备</div></div> </div> <div class="dianbox dianbox11 f-no-b-center anim_emt l_to_r a-del9" data-index="4"> <div class="dian por"><img class="dianicon tran-middle" src="img/i2dian.png" alt=""> <img src="img/i2img2.png" alt="" class="quan tran-middle"> </div> <div class="span tit-20 f-no-s-center por ovh"><div class="txt">建筑电器</div></div> </div> <div class="dianbox dianbox12 f-no-b-center anim_emt l_to_r a-del10" data-index="5"> <div class="dian por"><img class="dianicon tran-middle" src="img/i2dian.png" alt=""> <img src="img/i2img2.png" alt="" class="quan tran-middle"> </div> <div class="span tit-20 f-no-s-center por ovh"><div class="txt">智能控制</div></div> </div> <div class="dianbox dianbox13 f-no-b-center anim_emt l_to_r a-del10" data-index="6"> <div class="dian por"><img class="dianicon tran-middle" src="img/i2dian.png" alt=""> <img src="img/i2img2.png" alt="" class="quan tran-middle"> </div> <div class="span tit-20 f-no-s-center por ovh"><div class="txt">物联技术</div></div> </div> <video class="anim_emt scale_down a-del1" loop muted autoplay src="video/nzndq.mp4"></video> </div> <div class="m-block por ovh"> <img class="anim_emt scale_down a-del1 mporimg" src="img/zndq.jpg" alt=""> </div> </div> <div class="n-business"> <div class="business-list1 position"> <div class="contentbox f-no-b-start"> <div class="title col-000 tit-36 line-1 text-bold por anim_emt r_to_l a-del1">智能电气产业集群</div> <div class="text tit-16 anim_emt r_to_l a-del2" v-html="item1.content"> </div> </div> <div class="contentbox2 f-no-b-start anim_emt b_to_t a-del1" v-if="itemlist3.length>0"> <div class="leftbox"> <div class="tab-container por ovh"> <div class="swiper-wrapper "> <div class="swiper-slide" v-for="(v,i) in itemlist3" :key="i"><div class="item tit-22 por"><span>{{v.title}}</span><div class="sp tit-24 text-bold centerv">{{v.title}}</div></div></div> </div> </div> </div> <div class="rightbox por ovh anim_emt b_to_t a-del3"> <div class="imgbox-container"> <div class="swiper-wrapper"> <div class="swiper-slide" v-for="(v,i) in itemlist3" :key="i"> <img :src="v.photo" alt=""> <div class="bg img-cover" style="background-image:url(img/busimg.png);"></div> <div class="text f-no-b-start"> <div class="textl"> <div class="tit3 tit-24 col-fff line-2">{{v.title}}</div> <div class="p tit-16 col-fff" v-html="v.content"> </div> </div> <a href="javascript:;" data-dialog="somedialog" @click="infoClick(v.id)" class="more more2 tit-16 col-fff line-1 f-no-c-center" v-if="v.al==1">案例详情</a> <a :href="v.link ? v.link :'javascript:;'" :target="v.link=='' ? v.link :'_blank'" class="more tit-16 col-fff line-1 f-no-c-center" v-if="v.link">发现更多</a> </div> </div> </div> <div class="swiper-pagination m-block-768"></div> </div> </div> </div> <div class="contentbox2 noinfor f-no-b-start anim_emt b_to_t a-del1" v-else> <span class="text-center tit-18 col-999" style="position:relative;z-index:4;width:100%;">暂无信息</span> </div> </div> <div class="news-itemlist7 position" v-if="item5list.length>0"> <div class="bg img-cover" style="background-image:url(newimg/itemlist7bg.jpg);"></div> <div class="contentbox"> <div class="title col-000 tit-36 line-1 text-bold por">相关产品</div> <div class="warp-porducts por ovh"> <div class="porducts-container por ovh"> <div class="swiper-wrapper"> <div class="swiper-slide" v-for="(v,i) in item5list" :key="i"> <div class="itembox f-no-b-start"> <a :href="v.link ? v.link :'javascript:;'" :target="v.link=='' ? v.link :'_blank'" class="img f-no-c-start"> <img :src="v.photo" alt=""> </a> <div class="textbox"> <div class="tit3 tit-40 col-222 line-2 enfon text-bold" v-html="v.title"></div> <div class="p tit-16 col-666 line-6" v-html="v.content"> </div> <div class="libox f-no" v-if="v.desc"> <div class="litem" v-for="(v2,i2) in v.desc" :key="i2"> <div class="su enfon text-bold tit-26 line-2">{{v2.title}}</div> <p class="tit-16 col-222 line-4" v-html="v2.content"></p> </div> </div> </div> </div> </div> </div> <div class="swiper-pagination"></div> </div> <div class="button-prev f-no-c-center"> <svg t="1694758854793" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4030" width="200" height="200"><path d="M384 883.08c-8.19 0-16.38-3.12-22.62-9.38-12.5-12.5-12.5-32.75 0-45.25L677.83 512 361.38 195.55c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L734.4 478.07c18.72 18.72 18.72 49.16 0 67.88L406.62 873.7c-6.24 6.25-14.43 9.38-22.62 9.38z m305.14-359.77h0.31-0.31z" p-id="4031"></path></svg> </div> <div class="button-next f-no-c-center"> <svg t="1694758854793" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4030" width="200" height="200"><path d="M384 883.08c-8.19 0-16.38-3.12-22.62-9.38-12.5-12.5-12.5-32.75 0-45.25L677.83 512 361.38 195.55c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L734.4 478.07c18.72 18.72 18.72 49.16 0 67.88L406.62 873.7c-6.24 6.25-14.43 9.38-22.62 9.38z m305.14-359.77h0.31-0.31z" p-id="4031"></path></svg> </div> </div> </div> </div> <div class="news-itemlist7 position" v-else> <div class="bg img-cover" style="background-image: url("newimg/itemlist7bg.jpg");"></div> <div class="contentbox"> <div class="title col-000 tit-36 line-1 text-bold por">相关产品</div> <div class="text-center tit-18 col-999" style="padding-top:1rem;">暂无信息</div> </div> </div> <div class="business-list2 position"> <div class="contentbox"> <div class="title col-000 tit-36 line-1 text-bold por anim_emt b_to_t a-del1">案例展示</div> </div> <div class="ul-container pc-block-768 por anim_emt b_to_t a-del2" v-if="itemlist2.length>0"> <div class="swiper-wrapper"> <div class="swiper-slide f-no" v-for="(v,i) in listTemp" :key="i"> <a :href="v2.link ? v2.link :'javascript:;'" :target="v2.link=='' ? v2.link :'_blank'" title="" class="item" v-for="(v2,i2) in v" :key="i2" v-if="i2==0"> <div class="img" style="cursor: pointer;"> <img :src="v2.photo" alt=""> </div> <div class="text f-no-b-start"> <div class="tit3 tit-26 col-000 text-bold line-2" style="width:100%;">{{v2.title}}</div> <div class="tit4 tit-16 col-fff" v-html="v2.content"></div> <div class="more tit-16 f-no-c-center line-1">查看详情</div> </div> </a> <div class="item2box"> <a :href="v2.link ? v2.link :'javascript:;'" :target="v2.link=='' ? v2.link :'_blank'" title="" class="item2" v-for="(v2,i2) in v" :key="i2" v-if="i2>=1"> <div class="img" style=" cursor: pointer;"> <img :src="v2.photo" alt=""> </div> <div class="text"> <div class="tit3 tit-22 col-000 text-bold line-2" style="width:100%;">{{v2.title}}</div> <div class="tit4 tit-16 col-fff" v-html="v2.content"></div> <div class="more tit-16 f-no-c-center line-1">查看详情</div> </div> </a> </div> </div> <div class="swiper-slide"> <div class="item2"></div> </div> </div> <div class="button-prev f-no-c-center"> <svg t="1687832841966" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5681" width="200" height="200"><path d="M724.231168 170.105856L380.529664 510.181376l341.477376 345.111552c15.1552 15.154176 15.100928 39.7824-0.116736 55.000064-15.220736 15.220736-39.844864 15.271936-54.99392-3.771392L302.629888 542.255104c-4.916224-5.499904-10.561536-11.995136-11.497472-15.504384-5.75488-14.301184-2.874368-31.873024 8.63744-46.317568l369.355776-369.3568c15.284224-11.387904 40.022016-11.447296 55.243776 3.776512 15.217664 15.220736 15.158272 39.958528-0.13312 55.251968l-0.00512 0.001024z" p-id="5682"></path></svg> </div> <div class="button-next f-no-c-center"> <svg t="1687832841966" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5681" width="200" height="200"><path d="M724.231168 170.105856L380.529664 510.181376l341.477376 345.111552c15.1552 15.154176 15.100928 39.7824-0.116736 55.000064-15.220736 15.220736-39.844864 15.271936-54.99392-3.771392L302.629888 542.255104c-4.916224-5.499904-10.561536-11.995136-11.497472-15.504384-5.75488-14.301184-2.874368-31.873024 8.63744-46.317568l369.355776-369.3568c15.284224-11.387904 40.022016-11.447296 55.243776 3.776512 15.217664 15.220736 15.158272 39.958528-0.13312 55.251968l-0.00512 0.001024z" p-id="5682"></path></svg> </div> </div> <div class="ul-container m-block-768 por anim_emt b_to_t a-del2" v-if="itemlist2.length>0"> <div class="swiper-wrapper"> <div class="swiper-slide f-no" v-for="(v,i) in itemlist2" :key="i"> <a :href="v.link ? v.link :'javascript:;'" :target="v.link=='' ? v.link :'_blank'" title="" class="item"> <div class="img"> <img :src="v.photo" alt=""> </div> <div class="text"> <div class="tit3 tit-26 col-000 text-bold line-2">{{v.title}}</div> <div class="tit4 tit-16 col-fff" v-html="v.content"></div> <div class="more tit-16 f-no-c-center line-1">查看详情</div> </div> </a> </div> </div> <div class="swiper-pagination"></div> </div> <div class="container por anim_emt b_to_t a-del2" v-else> <div class="text-center tit-18 col-999" style="padding-top:1rem;">暂无信息</div> </div> </div> </div> <div id="somedialog" class="dialog dialog-news"> <div class="dialog__overlay"></div> <div class="dialog__content"> <div class="contentbox"> <div class="titletop tit-45 tit-45 col-000 line-2 text-bold">{{maintitle.subtitle}}</div> <div v-for="(v,i) in infolist" :key="i"> <div class="itemtop" v-if="v.types==1"> <div class="title col-000 tit-36 line-1 text-bold por">{{v.title}}</div> <div class="p tit-16 " v-html="v.content"> </div> </div> <div class="itemlist2" v-else-if="v.types==2"> <div class="title col-000 tit-36 line-1 text-bold por">{{v.title}}</div> <div class="videobox"> <div class="img por ovh"> <img class="img1" :src="v.photo" alt=""> <div class="videobtn tran-middle f-no-c-center" :data-video="v.files" data-dialog="somedialog2"> <svg class="svgs" viewBox="0 0 54 54"> <path class="path-loop-bg" d="M27,2A25,25,0,1,1,2,27,25,25,0,0,1,27,2" style="fill: none;stroke: #fff;stroke-width: 2px;opacity: 0.5; "></path> <path class="path-loop" d="M27,2A25,25,0,1,1,2,27,25,25,0,0,1,27,2" style="fill: none; stroke: #fff;stroke-width: 2px; "></path> </svg> <svg t="1685413982009" class="icon tram-middle" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2424" width="200" height="200"><path d="M897.143467 597.051733l-464.648534 311.5264c-46.976 31.488-110.592 18.944-142.08-28.023466A102.4 102.4 0 0 1 273.066667 823.5264V200.4736c0-56.5504 45.8496-102.4 102.4-102.4a102.4 102.4 0 0 1 57.028266 17.348267l464.64 311.5264c46.976 31.488 59.528533 95.104 28.032 142.08a102.4 102.4 0 0 1-28.023466 28.023466z" p-id="2425"></path></svg> </div> </div> </div> </div> <div class="itemlist3" v-else-if="v.types==3"> <div class="title col-000 tit-36 line-1 text-bold por">{{v.title}}</div> <div class="ul f-no-b-start"> <div class="li ovh por" v-for="(v2,i2) in v.attachment" :key="i2"> <div class="bg img-cover" :style="{backgroundImage:'url('+v2.url+')'}"></div> <div class="tit tit-20 text-bold f-no-c-center col-fff line-1" v-if="v2.title">{{v2.title}}</div> <div class="tit tit-20 text-bold f-no-c-center col-fff line-1" style="display:none;" v-else></div> </div> </div> </div> <div class="itemlist4" v-else-if="v.types==4"> <div class="title col-000 tit-36 line-1 text-bold por">{{v.title}}</div> <div class="ul f-no"> <div class="wli" v-for="(v2,i2) in v.attachment" :key="i2"> <div class="img f-no-c-center"> <img :src="v2.url" alt=""> </div> <div class="li f-no-c-center"> <div class="sptit tit-18 text-bold line-4" v-html="v2.title"> </div> </div> </div> </div> </div> </div> <a :href="maintitle.link1 ? maintitle.link1 :'javascript:;'" title="" class="more tit-16 f-no-c-center line-1" v-if="maintitle.link1">更多案例</a> </div> <button class="action closebtn f-no-c-center" data-dialog-close> <img src="img/colsebtn.png" alt=""> </button> </div> </div> <div class="news-itemlist5 position" v-if="item3list.length>0"> <div class="title col-000 tit-36 line-1 text-bold por">合作伙伴</div> <div class="ul-container2 por ovh"> <div class="swiper-wrapper"> <div class="swiper-slide" v-for="(v,i) in item3list" :key="i"> <div class="li f-no-c-center"> <img :src="v.photo" alt=""> </div> </div> </div> <div class="swiper-pagination"></div> </div> </div> <div class="news-itemlist5 position" v-else> <div class="title col-000 tit-36 line-1 text-bold por">合作伙伴</div> <div class="text-center tit-18 col-999" style="padding-top:1rem;">暂无信息</div> </div> <div class="news-itemlist6" v-if="item4list.length>0"> <div class="share-container por ovh"> <div class="swiper-wrapper"> <div class="swiper-slide" v-for="(v,i) in item4list" :key="i"> <div class="li f-no-b-start"> <div class="img"> <img :src="v.photo" alt=""> </div> <div class="txtbox"> <div class="tit3 tit-22 col-333 line-2">{{v.title}}</div> <div class="tit4 tit-16 col-000 line-2 text-bold">扫码关注更多</div> </div> </div> </div> </div> <div class="swiper-pagination"></div> </div> </div> <div class="news-itemlist6" v-else> <div class="text-center tit-18 col-999" style="padding-top:1rem;">暂无信息</div> </div> <div id="somedialog2" class="dialog"> <div class="dialog__overlay"></div> <div class="dialog__content"> <div class="video"> <video muted autoplay loop controls src=""></video> </div> <button class="action closebtn f-no-c-center" data-dialog-close><svg t="1615443457830" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="10004" width="200" height="200"> <path d="M801.62816 222.37184a30.72 30.72 0 0 1 0 43.43808L555.43808 512l246.19008 246.21056a30.72 30.72 0 1 1-43.43808 43.43808L512 555.43808 265.8304 801.62816a30.72 30.72 0 1 1-43.45856-43.43808L468.54144 512l-246.1696-246.1696a30.72 30.72 0 1 1 43.43808-43.45856L512 468.54144l246.21056-246.1696a30.72 30.72 0 0 1 43.43808 0z" p-id="10005"></path> </svg> </button> </div> </div> </div> <div class="warpfooter" include="inc/footer.html"></div> <script type="text/javascript" src="js/main.js"></script> <link rel="stylesheet" href="alert/css/dialog.css"> <link rel="stylesheet" href="alert/css/dialog-sandra.css"> <script type="text/javascript" src="alert/js/modernizr.custom.js"></script> <script type="text/javascript" src="alert/js/classie.js"></script> <script type="text/javascript" src="alert/js/dialogFx.js"></script> <script type="text/javascript">$(function(){var electrical =new Vue({el:'#app',data:{item1:{},itemlist2:{},itemlist3:{},arrTemp:[],infolist:[],maintitle:{},list3:[],item3list:[],item4list:[],item5list:[] },mounted() {const url =baseURL + 'business_electrical';axios.get(url).then(res =>{console.log(res.data);var alldata =res.data;if(alldata.item !==null){this.item1.content =alldata.item.content;} this.itemlist2 =alldata.item2;this.itemlist2.forEach((item) =>{this.content =item.content;this.photo =item.photo;this.title =item.title;this.link =item.link;});this.itemlist3 =alldata.item_list;this.item3list =alldata.item3;this.item4list =alldata.item4;this.item5list =alldata.item5;this.$nextTick(function () {scrollAni();var imgswiper =new Swiper('.imgbox-container',{slidesPerView:1,spaceBetween:0,initialSlide :2,speed:800,effect :'fade',onlyExternal :true,slidesPerGroup :1,pagination:'.imgbox-container .swiper-pagination',breakpoints:{996:{initialSlide :0,spaceBetween:10,paginationClickable :true,onlyExternal :false,effect :'slide' },767:{initialSlide :0,spaceBetween:10,paginationClickable :true,onlyExternal :false,effect :'slide' } } }) var tabswiper =new Swiper('.business-list1 .tab-container',{slidesPerView:6,spaceBetween:45,initialSlide :2,speed:600,paginationClickable :true,onlyExternal :true,preventClicks :false,centeredSlides :true,autoplay:3500,autoplayDisableOnInteraction :false,direction :'vertical',onTransitionStart:function(swiper){imgswiper.slideTo(swiper.activeIndex,1000,false);},breakpoints:{1481:{slidesPerView:5,spaceBetween:30,},1024:{slidesPerView:5,spaceBetween:20,} } }) var newulswiper =new Swiper('.news-itemlist5 .ul-container2',{spaceBetween:0,speed:800,pagination:'.news-itemlist5 .swiper-pagination',paginationClickable :true,autoplay:3500,autoplayDisableOnInteraction :false,slidesPerView:5,slidesPerColumn:3,slidesPerColumnFill :'row',breakpoints:{1024:{slidesPerView:4,slidesPerColumn:3,},767:{slidesPerView:2,slidesPerColumn:3,} } }) var shareswiper =new Swiper('.share-container',{spaceBetween:10,speed:800,pagination:'.share-container .swiper-pagination',paginationClickable :true,autoplay:3500,autoplayDisableOnInteraction :false,slidesPerView:5,breakpoints:{1280:{slidesPerView:4,spaceBetween:20 },960:{slidesPerView:3,spaceBetween:20 },767:{slidesPerView:2,slidesPerGroup :2,spaceBetween:20 },425:{slidesPerView:2,slidesPerGroup :2,spaceBetween:20 } } }) if ($(".news-itemlist5 .swiper-pagination span").length<=1) {$(".news-itemlist5 .swiper-pagination").stop().hide();} if ($(".share-container .swiper-pagination span").length<=1) {$(".share-container .swiper-pagination").stop().hide();} setTimeout(function(){$('.greenlist1 .probox1 .dianbox').click(function(){var indexid =$(this).attr("data-index");tabswiper.stopAutoplay();$(".business-list1 .tab-container .swiper-slide").eq(indexid).click();$('html,body').stop().animate({scrollTop:$('.position').eq(0).offset().top},500) setTimeout(function(){tabswiper.startAutoplay();},3000) }) },1000) setTimeout(function(){$(".business-list1 .tab-container .swiper-slide").on("click",function(){$(this).addClass("cur").siblings().removeClass("cur");tabswiper.slideTo($(this).index()+0,1000,false);imgswiper.slideTo($(this).index(),1000,false);}) },500) var ulswiper =new Swiper('.ul-container',{slidesPerView:"auto",spaceBetween:0,speed:600,paginationClickable :true,pagination:'.business-list2 .swiper-pagination',prevButton:'.business-list2 .button-prev',nextButton:'.business-list2 .button-next',onInit:function(swiper){$(".business-list2 .button-prev").stop().hide();},onTransitionStart:function(swiper){if (swiper.activeIndex ==0) {$(".business-list2 .button-prev").stop().hide();}else{$(".business-list2 .button-prev").stop().show();} console.log(parseInt(parseInt($(".business-list2 .ul-container.pc-block-768 .swiper-slide").length)-2));if (swiper.activeIndex ==parseInt(parseInt($(".business-list2 .ul-container.pc-block-768 .swiper-slide").length)-2)) {$(".business-list2 .button-next").stop().hide();}else{$(".business-list2 .button-next").stop().show();} },breakpoints:{768:{slidesPerView:1,spaceBetween:20 },} }) var _id =getUrlParam('md');if(_id){setTimeout(function(){$('html,body').stop().animate({scrollTop:$('.position').eq(_id).offset().top},500) },1000) } $(".contentbox2 .rightbox .more2").on("click",function(){var dlgtrigger =$(this).attr("data-dialog");var somedialog =$('#'+dlgtrigger)[0];var dlg =new DialogFx(somedialog,{onOpenDialog :function(instance ) {$("body,html").addClass("ovh") },onCloseDialog :function(instance ) {$("body,html").removeClass("ovh") } });dlg.toggle(dlg) }) var porductswiper =new Swiper('.porducts-container',{slidesPerView:1,spaceBetween:20,speed:800,prevButton:'.warp-porducts .button-prev',nextButton:'.warp-porducts .button-next',pagination:'.warp-porducts .swiper-pagination',paginationClickable :true,autoplay:3500,autoplayDisableOnInteraction :false }) }) }) },methods:{infoClick(id) {const infoUrl =baseURL + 'pro_cases_info';const FormDatas =new FormData();FormDatas.append('id',id) axios.post(infoUrl,FormDatas).then(res =>{console.log(res.data) let alldata =res.data;this.infolist =res.data.list;this.maintitle =alldata.info;this.$nextTick(function () {$(".itemlist2 .videobtn").on("click",function(){var dlgtrigger =$(this).attr("data-dialog");var dlgvideo =$(this).attr("data-video");var somedialog =$('#'+dlgtrigger)[0];$("#somedialog2 video").attr("src",dlgvideo);var dlg =new DialogFx(somedialog,{onOpenDialog :function(instance ) {$('#somedialog2 video').get(0).play();},onCloseDialog :function(instance ) {$('#somedialog2 video').get(0).pause();} });dlg.toggle(dlg) }) }) }) } },computed:{listTemp() {let index =0 const count =3 const arrTemp =[] const experts =this.itemlist2;for (let i =0;i < this.itemlist2.length;i++) {index =parseInt(i / count) if (arrTemp.length <=index) {arrTemp.push([]) } arrTemp[index].push(experts[i]) } return arrTemp } } }) }) </script> </body> </html>