https://cdn-tc.pingcode.com/static/site/pc/_next/static/chunks/7475-3f184b048816d931.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7475],{97475:function(s,e,i){i.d(e,{kP:function(){return IndustrySolutionBanner},Mq:function(){return SolutionAdvantage},LA:function(){return SolutionBanner},cs:function(){return SolutionFramework},cx:function(){return SolutionScenario}});var t=i(11315),n=i(30334),l=i(95744),a=i(17517),o=i(28382);function IndustrySolutionBanner(s){let{banner:e}=s,{title:i,description:l,backgroundImage:c,mobileBackgroundImage:r}=e;return(0,t.jsxs)("div",{className:"industry-solution-banner",children:[(0,t.jsx)("img",{src:(0,o.z)("/illustrations/solution/".concat(c)),className:"banner-img"}),(0,t.jsx)("img",{src:(0,o.z)("/illustrations/solution/".concat(r)),className:"mobile-banner-img banner-img"}),(0,t.jsx)("div",{className:"content-wrapper",children:(0,t.jsxs)("div",{className:"solution-banner-content",children:[(0,t.jsx)("div",{className:"solution-banner-title",dangerouslySetInnerHTML:{__html:i}}),(0,t.jsx)("div",{className:"solution-banner-desc",dangerouslySetInnerHTML:{__html:l}}),(0,t.jsxs)("div",{className:"button-group",children:[(0,t.jsx)("button",{className:"default-btn",onClick:()=>{a.Y.emit("handleShowDownloadForm",!0,n.Vb.automotiveElectronics)},children:"立即下载"}),(0,t.jsx)("button",{className:"default-btn btn-outline",onClick:()=>{a.Y.emit("openFormModal",!0,"预约演示",n.xE.automotiveElectronics)},children:"预约演示"})]})]})})]})}let SolutionAdvantage=class SolutionAdvantage extends l.Component{render(){return(0,t.jsx)("section",{className:"solution-advantage-page",children:(0,t.jsxs)("div",{className:"solution-advantage-wrapper",children:[(0,t.jsx)("h4",{className:"solution-advantage-title",children:"解决方案优势"}),(0,t.jsx)("div",{className:"solution-advantage-content",children:this.props.advantageInfo.map((s,e)=>(0,t.jsxs)("div",{className:"solution-advantage-item",children:[(0,t.jsx)("div",{className:"advantage-item-icon",children:(0,t.jsx)("img",{src:(0,o.z)("/illustrations/solution/".concat(s.icon)),alt:s.title})}),(0,t.jsxs)("div",{className:"advantage-item-desc",children:[(0,t.jsx)("div",{className:"advantage-item-desc-title",children:s.title}),(0,t.jsx)("div",{className:"advantage-item-desc-content",children:s.description})]})]},e))})]})})}};var c=i(19565);function SolutionBanner(s){let{banner:e}=s,{title:i,description:n,bannerImg:l}=e,r=(0,c.y)("/signup");return(0,t.jsx)("div",{className:"solution-banner",children:(0,t.jsxs)("div",{className:"solution-wrapper clearfix",children:[(0,t.jsxs)("div",{className:"solution-banner-left",children:[(0,t.jsx)("h1",{className:"solution-title",children:i}),(0,t.jsx)("p",{className:"solution-desc",children:n}),(0,t.jsxs)("div",{className:"banner-btn",children:[(0,t.jsx)("a",{className:"btn",href:r,target:"_blank",rel:"nofollow",children:"免费试用"}),(0,t.jsx)("button",{className:"btn btn-outline",onClick:()=>{a.Y.emit("openFormModal",!0,"预约演示")},children:"预约演示"})]})]}),(0,t.jsx)("div",{className:"solution-banner-right",children:(0,t.jsx)("img",{src:(0,o.z)("/illustrations/solution/".concat(l)),alt:i})})]})})}let SolutionFramework=class SolutionFramework extends l.Component{render(){let{title:s,frameworkImg:e}=this.props.frameworkInfo;return(0,t.jsx)("section",{className:"solution-framework-page",children:(0,t.jsxs)("div",{className:"solution-framework-wrapper clearfix",children:[(0,t.jsx)("h4",{className:"solution-framework-title",children:s}),(0,t.jsx)("div",{className:"solution-framework-img-box",children:(0,t.jsx)("img",{src:(0,o.z)("/illustrations/solution/".concat(e)),alt:s})})]})})}};var r=i(50696),d=i(60382),m=i.n(d);let SolutionScenario=class SolutionScenario extends l.Component{componentDidMount(){let s=this;this.swiperImpl=new r.Z(".solution-scenario-pc-swiper",{autoplay:0,initialSlide:0,direction:"horizontal",loop:!1,on:{slideChangeTransitionStart:function(){s.switchStep(this.activeIndex)}}}),this.switchStep(0)}switchStep(s){this.swiperImpl.slideTo(s);let e=this.sceneNavRef.current.querySelectorAll(".solution-scenario-pc-switch-item")[s];this.setState({step:s,swiperNavCurrentStyle:{width:"".concat(e.clientWidth,"px"),translateX:"translateX(".concat(e.getBoundingClientRect().left-this.sceneNavRef.current.getBoundingClientRect().left,"px)")}})}toggleStepFold(s){this.setState({mobileStep:s})}render(){return(0,t.jsx)("section",{className:"solution-scenario",children:(0,t.jsxs)("div",{className:"solution-scenario-wrapper clearfix",children:[(0,t.jsx)("h4",{className:"solution-scenario-title",children:"典型业务场景"}),(0,t.jsx)("div",{className:"solution-scenario-detail",children:(0,t.jsxs)("div",{className:"solution-scenario-swiper-wrapper",children:[(0,t.jsxs)("ul",{ref:this.sceneNavRef,className:"solution-scenario-pc-switch",children:[this.props.scenes.map((s,e)=>(0,t.jsxs)("li",{className:m()({"solution-scenario-pc-switch-item":!0,active:e===this.state.step}),onMouseEnter:()=>this.switchStep(e),children:[(0,t.jsx)("div",{className:"solution-scenario-pc-switch-icon",children:e+1}),(0,t.jsx)("div",{className:"solution-scenario-pc-switch-title",children:s.stepTitle})]},e)),(0,t.jsx)("li",{className:"solution-scenario-switch-active-line",style:{width:this.state.swiperNavCurrentStyle.width,transform:this.state.swiperNavCurrentStyle.translateX}})]}),(0,t.jsx)("div",{className:"solution-scenario-pc-swiper",children:(0,t.jsx)("div",{className:"swiper-wrapper",children:this.props.scenes.map((s,e)=>(0,t.jsxs)("div",{className:"swiper-slide clearfix",children:[(0,t.jsxs)("div",{className:"solution-pc-swiper-left",children:[(0,t.jsxs)("div",{className:"solution-pc-swiper-title-line",children:[(0,t.jsx)("div",{className:"solution-pc-swiper-icon",children:e+1}),(0,t.jsx)("div",{className:"solution-pc-swiper-title",children:s.stepTitle})]}),(0,t.jsxs)("div",{className:"solution-pc-swiper-des",children:[(0,t.jsx)("div",{className:"solution-scenario-des-title",children:s.stepDesTitle}),(0,t.jsx)("ul",{className:"solution-scenario-des-content",children:s.stepDesContent.map((s,e)=>(0,t.jsx)("li",{dangerouslySetInnerHTML:{__html:s}},e))})]})]}),(0,t.jsx)("div",{className:"solution-pc-swiper-right",children:(0,t.jsx)("div",{className:"solution-pc-swiper-img-box",children:(0,t.jsx)("img",{src:(0,o.z)("/illustrations/solution/".concat(s.stepImg)),alt:s.stepImgAlt})})})]},e))})})]})}),(0,t.jsx)("div",{className:"solution-scenario-detail-sm",children:(0,t.jsx)("ul",{className:"solution-scenario-list",children:this.props.scenes.map((s,e)=>(0,t.jsxs)("li",{className:m()({"solution-scenario-sm-item":!0,active:e===this.state.mobileStep}),style:{height:e===this.state.mobileStep?s.stepLineHeight||"auto":"56px"},children:[(0,t.jsx)("div",{className:"solution-scenario-sm-line-box",children:(0,t.jsxs)("div",{className:"solution-scenario-sm-line",onClick:()=>this.toggleStepFold(e),children:[(0,t.jsxs)("div",{className:"solution-scenario-sm-title",children:[(0,t.jsx)("span",{children:s.stepTitle}),(0,t.jsx)("span",{className:"solution-scenario-sm-title-icon",children:e+1})]}),(0,t.jsx)("div",{className:m()({"solution-scenario-sm-fold":!0,active:e===this.state.mobileStep}),children:(0,t.jsx)("span",{children:e===this.state.mobileStep?"-":"+"})})]})}),(0,t.jsxs)("div",{className:"solution-scenario-sm-content",children:[(0,t.jsx)("div",{className:"solution-scenario-sm-words-box",children:(0,t.jsxs)("div",{className:"solution-scenario-sm-words",children:[(0,t.jsx)("div",{className:"solution-scenario-des-title",children:null==s?void 0:s.stepDesTitle}),(0,t.jsx)("ul",{className:"solution-scenario-des-content",children:s.stepDesContent.map((s,e)=>(0,t.jsx)("li",{dangerouslySetInnerHTML:{__html:s}},e))})]})}),(0,t.jsx)("div",{className:"solution-scenario-sm-img-box",children:(0,t.jsx)("img",{style:{maxHeight:s.stepImgMaxHeight},src:(0,o.z)("/illustrations/solution/".concat(s.stepImg)),alt:s.stepImgAlt})})]})]},e))})})]})})}constructor(s){super(s),this.state={step:0,mobileStep:0,swiperNavCurrentStyle:{}},this.swiperImpl=null,this.sceneNavRef=l.createRef(),this.switchStep=this.switchStep.bind(this),this.toggleStepFold=this.toggleStepFold.bind(this)}}}}]);