https://www.dobechina.com/_nuxt/DbfxoNZq.js

1import{_ as Q}from"./CBXirGWz.js";import{e as z,c as x,b as p,o as r,O as Y,z as E,a as e,j as D,t as _,h as V,g as X,F,f as I,u as c,r as w,s as L,w as W,i as Z,_ as ee,m as P,v as B,x as C,y as S,p as T,q as M,l as te,k as se}from"./D2aQOE80.js";import{_ as H}from"./BkITgeHN.js";import{_ as le}from"./XN-zYdhT.js";import{b as oe,S as ne}from"./jum1MT55.js";import{M as N}from"./Cd0hboPT.js";import{u as ae}from"./DHq9Vnfd.js";import"./GVcZMxrB.js";const pe={class:"w-full relative"},ie=z({__name:"section1",props:{infoData:{}},setup(k){const t=k,s=Y(),g=()=>{var a;s.push(`/projects/hub/${(a=t.infoData)==null?void 0:a.id}#footer`)};return(a,d)=>{var n,i;const o=Q;return r(),x("section",pe,[p(o,{src:(n=a.infoData)==null?void 0:n.cover_image,title:(i=a.infoData)==null?void 0:i.name,onClickButton:g},null,8,["src","title"])])}}}),de={class:"w-full md:h-[120px] h-[120px] flex"},ce={key:0,class:"md:w-[4px] w-[4px] md:h-[110px] h-[110px] bg-[#BF0008] md:mt-[10px] mt-[10px]"},re={class:"text-[#221815] md:text-[48px] text-[48px]"},xe={class:"text-[#BF0008] md:text-[24px] text-[24px]"},ue={key:1,class:"md:w-[4px] w-[4px] md:h-[110px] h-[110px] bg-[#BF0008] md:mt-[10px] mt-[10px]"},O=z({__name:"title-box",props:{en:{},cn:{},isLeft:{type:Boolean}},setup(k){return(t,s)=>(r(),x("div",de,[t.isLeft?E("",!0):(r(),x("div",ce)),e("div",{class:D(["flex flex-col justify-between",t.isLeft?"md:pr-[25px] pr-[25px] items-end":"md:pl-[25px] pl-[25px] items-start"])},[e("div",re,_(t.cn),1),e("div",xe,_(t.en),1)],2),t.isLeft?(r(),x("div",ue)):E("",!0)]))}}),he={class:"w-full md:h-[1020px] h-[1590px] relative"},me={class:"absolute top-0 left-0 z-10 w-full flex md:flex-row flex-col items-center justify-between md:pt-[102px] pt-[102px] md:pl-[346px] md:pr-[190px] px-0 md:gap-[167px] gap-[67px]"},fe={class:"flex flex-col flex-1 px-[46px] md:px-0"},ge={class:"text-justify w-full md:text-[16px] text-[16px] md:leading-[48px] leading-[48px] text-[#333333] md:pt-[60px] pt-[60px]"},_e={class:"w-full"},ve={class:"w-full grid grid-cols-5 md:gap-[67px] gap-[67px] items-center"},be={class:"flex flex-col items-center justify-center md:gap-[10px] gap-[10px] md:mt-[120px] mt-[120px]"},we={class:"flex-shrink-0 relative"},ye={class:"md:w-[106px] w-[106px] md:h-[155px] h-[155px] flex-shrink-0"},je={class:"flex-shrink-0 md:text-[16px] text-[16px] text-[#221815] text-nowrap whitespace-nowrap"},$e={class:"md:w-[89px] w-[89px] md:h-[158px] h-[158px] flex-shrink-0"},ke={class:"absolute bottom-0 left-0 z-0"},De={class:"md:block hidden absolute md:bottom-[58px] bottom-[58px] left-0 z-0"},ze=z({__name:"section2",props:{infoData:{}},setup(k){const t=k,s=V(()=>{var d;return(((d=t.infoData)==null?void 0:d.landmark)||[]).slice(0,4).map(o=>({name:o}))});function g(a){return a!=null&&a.includes(`\r
2`)?a.split(`\r
3`):[a]}return(a,d)=>{var i,f,v;const o=O,n=H;return r(),x("section",he,[e("div",me,[e("div",fe,[p(o,{en:"PROJECT INTRODUCTION",cn:"项目介绍"}),e("div",ge,[(r(!0),x(F,null,I(g((i=a.infoData)==null?void 0:i.instroductions),(j,b)=>(r(),x("div",{key:b},_(j),1))),128))]),e("div",_e,[e("div",ve,[e("div",be,[e("div",we,[p(n,{class:"md:w-[80px] w-[80px] md:h-[33px] h-[33px] object-cover",src:"/img/layout/logo.png",alt:"mandr",placeholder:[72,33],width:"72",height:"33",loading:"lazy"})]),e("div",ye,[p(n,{class:"w-full h-full object-cover",src:"https://dobe-website.oss-cn-shanghai.aliyuncs.com/fronted/img/projects/mandr/section2-3.png",alt:"mandr",placeholder:[108,191],width:"108",height:"191",loading:"lazy"})])]),(r(!0),x(F,null,I(c(s),(j,b)=>(r(),x("div",{key:j.name,class:D(["flex flex-col items-center justify-center md:gap-[10px] gap-[10px]",{"md:mt-[80px] mt-[80px]":b===1||b===3}])},[e("div",je,_(j.name),1),e("div",$e,[p(n,{class:"w-full h-full object-cover",src:"https://dobe-website.oss-cn-shanghai.aliyuncs.com/fronted/img/projects/mandr/section2-4.png",alt:"mandr",placeholder:[108,191],width:"108",height:"191",loading:"lazy"})])],2))),128))])])]),(f=a.infoData)!=null&&f.intro_image?(r(),X(n,{key:0,class:"md:w-[489px] w-full md:h-[642px] h-[642px] object-cover flex-shrink-0",src:(v=a.infoData)==null?void 0:v.intro_image,alt:"mandr",placeholder:[489,642],width:"489",height:"642",loading:"lazy"},null,8,["src"])):E("",!0)]),e("div",ke,[p(n,{class:"md:w-[1920px] w-[1920px] md:h-[546px] h-[546px] object-cover flex-shrink-0",src:"https://dobe-website.oss-cn-shanghai.aliyuncs.com/fronted/img/projects/hub/section2-2.png",alt:"mandr",placeholder:[1920,546],width:"1920",height:"546",loading:"lazy"})]),e("div",De,[p(n,{class:"md:w-[307px] w-[307px] md:h-[273px] h-[273px] object-cover flex-shrink-0",src:"https://dobe-website.oss-cn-shanghai.aliyuncs.com/fronted/img/projects/hub/section2-3.png",alt:"mandr",placeholder:[307,273],width:"307",height:"273",loading:"lazy"})])])}}}),Fe={class:"flex items-center md:gap-[48px] gap-[48px]"},Be={class:"flex flex-col items-center justify-center"},U=z({__name:"title-box-horizontal",props:{en:{},cn:{},isWhite:{type:Boolean}},setup(k){return(t,s)=>(r(),x("div",Fe,[e("div",{class:D(["md:w-[100px] w-[100px] md:h-[2px] h-[2px] relative",t.isWhite?"bg-white":"bg-[#BF0008]"])},[e("div",{class:D(["absolute md:top-[-2px] top-[-2px] md:right-[8px] right-[8px] md:w-[40px] w-[40px] md:h-[4px] h-[4px]",t.isWhite?"bg-white":"bg-[#BF0008]"])},null,2)],2),e("div",Be,[e("div",{class:D(["md:text-[24px] text-[24px]",t.isWhite?"text-white":"text-[#BF0008]"])},_(t.en),3),e("div",{class:D(["md:text-[48px] text-[48px]",t.isWhite?"text-white":"text-[#221815]"])},_(t.cn),3)]),e("div",{class:D(["md:w-[100px] w-[100px] md:h-[2px] h-[2px] relative",t.isWhite?"bg-white":"bg-[#BF0008]"])},[e("div",{class:D(["absolute md:top-[-2px] top-[-2px] md:left-[8px] left-[8px] md:w-[40px] w-[40px] md:h-[4px] h-[4px]",t.isWhite?"bg-white":"bg-[#BF0008]"])},null,2)],2)]))}}),Ce={class:"w-full relative"},Se={class:"absolute top-0 left-0 w-full md:pt-[92px] pt-[92px]"},Ne={class:"w-full flex items-center justify-center md:pb-[88px] pb-[88px]"},Ie={class:"w-full md:h-[163px] h-[163px] relative"},Le={class:"absolute z-10 w-full h-full md:px-[426px] px-[46px] flex items-center justify-between"},Pe=["onMouseenter","onClick"],He={class:"w-full h-full md:pt-[40px] pt-[40px] absolute z-10 flex flex-col items-center justify-center"},Te={class:"md:size-[20px] size-[20px] rounded-full flex items-center justify-center flex-shrink-0 bg-[rgba(255,255,255,0.5)]"},Me={class:"md:text-[20px] text-[20px] text-white flex-shrink-0 text-nowrap whitespace-nowrap"},Ae={class:"w-full flex items-center justify-center md:gap-[90px] gap-[90px] md:py-[40p

3x] py-[40px] px-[100px] md:px-0"},Re={class:"flex flex-col items-center justify-center md:gap-[24px] gap-[24px] text-white"},Ve={class:"flex items-end md:gap-[8px] gap-[8px]"},Ee={class:"md:text-[20px] text-[20px] md:pb-[14px] pb-[14px]"},Oe=z({__name:"section3",props:{infoData:{}},setup(k){const t=k,s=w(0),g=V(()=>{var i,f,v;return[{name:"公交",id:2,img:"https://dobe-website.oss-cn-shanghai.aliyuncs.com/fronted/img/projects/hub/section3-3.png",desc1:"71路中运量",desc2:"189/141/941路/虹桥商务区1、2路",text:(i=t.infoData)==null?void 0:i.trans_subway},{name:"地铁",id:3,img:"https://dobe-website.oss-cn-shanghai.aliyuncs.com/fronted/img/projects/hub/section3-4.png",desc1:"虹桥火车站：2号线/10号线/17号线",desc2:"虹桥T2航站楼：2号线/10号线",text:(f=t.infoData)==null?void 0:f.trans_bus},{name:"自驾",id:4,img:"https://dobe-website.oss-cn-shanghai.aliyuncs.com/fronted/img/projects/hub/section3-5.png",desc1:"5min 内环高架",desc2:"20min 淮海路商圈",text:(v=t.infoData)==null?void 0:v.trans_driver}]}),a=V(()=>g.value[s.value]);L(()=>{s.value=1});const d=w(!1),o=w("");function n(){var i;d.value=!0,o.value=(i=t.infoData)==null?void 0:i.trans_link}return(i,f)=>{var u,l;const v=H,j=U,b=le;return r(),x(F,null,[e("section",Ce,[p(v,{class:"md:w-[1920px] w-full md:h-[754px] h-[754px] object-cover flex-shrink-0",src:"https://dobe-website.oss-cn-shanghai.aliyuncs.com/fronted/img/projects/hub/section3-1.png",alt:"mandr",placeholder:[1920,754],width:"1920",height:"754",loading:"lazy"}),e("div",Se,[e("div",Ne,[p(j,{en:"REGIONAL TRAFFIC",cn:"区位交通",isWhite:""})]),e("div",Ie,[e("div",Le,[(r(!0),x(F,null,I(c(g),(h,m)=>(r(),x("div",{key:h.id,class:"md:w-[163px] w-[163px] md:h-[163px] h-[163px] flex flex-col items-center justify-center md:gap-[6px] gap-[6px] relative",onMouseenter:$=>s.value=m,onClick:$=>s.value=m},[p(v,{class:D(["object-cover absolute z-20",{"md:w-[22px] w-[22px] md:h-[36px] h-[36px] md:top-[32px] top-[32px] md:left-[72px] left-[72px]":m===0,"md:w-[26px] w-[26px] md:h-[28px] h-[28px] md:top-[40px] top-[40px] md:left-[68px] left-[68px]":m===1,"md:w-[28px] w-[28px] md:h-[29px] h-[29px] md:top-[40px] top-[40px] md:left-[68px] left-[68px]":m===2,"md:w-[30px] w-[30px] md:h-[24px] h-[24px] md:top-[40px] top-[40px] md:left-[66px] left-[66px]":m===3}]),src:h.img,alt:"loft",placeholder:[82,82],width:"82",height:"82",loading:"lazy"},null,8,["class","src"]),e("div",He,[e("div",Te,[e("div",{class:D(["md:size-[10px] size-[10px] rounded-full",[c(s)===m?"bg-[#BF0008]":"bg-transparent"]])},null,2)]),e("div",Me,_(h.name),1)]),e("div",{class:D(["absolute z-0 md:w-[163px] w-[163px] md:h-[163px] h-[163px] rounded-full flex items-center justify-center",[c(s)===m?"bg-[rgba(191,0,8,0.2)]":"bg-transparent"]])},[e("div",{class:D(["md:size-[130px] size-[130px] rounded-full",[c(s)===m?"bg-[#BF0008]":"bg-transparent"]])},null,2)],2)],40,Pe))),128))]),f[1]||(f[1]=e("div",{class:"absolute z-0 md:top-[84px] top-[84px] left-0 w-full h-[1px] md:px-[444px] px-[444px]"},[e("div",{class:"w-full h-full bg-white"})],-1))]),e("div",Ae,[e("div",Re,[e("div",Ve,[e("span",Ee,_((u=c(a))==null?void 0:u.text),1)])])]),e("div",{class:"w-full flex items-center justify-center"},[e("div",{class:"md:w-[157px] w-[157px] md:h-[48px] h-[48px] border border-[#BF0008] md:rounded-[6px] rounded-[6px] flex items-center justify-center text-[#BF0008] md:text-[16px] text-[16px] cursor-pointer relative overflow-hidden group"},[f[2]||(f[2]=e("div",{class:"absolute inset-0 bg-[#BF0008] origin-left transform scale-x-0 transition-transform duration-300 ease-in-out group-hover:scale-x-100"},null,-1)),e("span",{class:"cursor-pointer relative z-10 group-hover:text-white transition-colors duration-300",onClick:n}," 查看区位图 ")])])])]),p(b,{visible:c(d),src:(l=c(a))==null?void 0:l.img,onClose:f[0]||(f[0]=h=>d.value=!1)},null,8,["visible","src"])],64)}}}),We={class:"w-full relative"},Xe={class:"absolute top-0 left-0 w-full"},Ue={class:"w-full md:pl-[1292px] pl-[46px] md:pt-[102px] pt-[102px]"},qe={class:"w-full md:h-[474px] h-[474px] absolute md:top-[320px] top-[320px] right-0 z-20 md:px-[384px] px-[46px]"},Ge={class:"flex flex-col justify-center items-end"},Je={class:"md:text-[48px] text-[48px] text-[#E50012] font-bold"}

3,Ke={class:"md:w-[627px] w-[627px] md:text-[16px] text-[16px] text-[#221815] md:leading-[36px] leading-[36px] flex flex-col text-right"},Qe={class:"absolute md:bottom-[48px] bottom-[48px] md:right-[384px] right-[46px] z-40 flex items-center md:gap-[62px] gap-[62px]"},Ye=z({__name:"section4",props:{list:{}},setup(k){const t=w([]),s=w(null);function g(i){s.value=i}const a=w(0);function d(i){a.value=i.realIndex}function o(){s.value&&s.value.slidePrev(1e3)}function n(){s.value&&s.value.slideNext(1e3)}return(i,f)=>{const v=H,j=O;return r(),x("section",We,[p(v,{class:"md:w-[1920px] w-full md:h-[810px] h-[810px] object-cover flex-shrink-0",src:"https://dobe-website.oss-cn-shanghai.aliyuncs.com/fronted/img/projects/hub/section4-1.png",alt:"mandr",placeholder:[1920,810],width:"1920",height:"810",loading:"lazy"}),e("div",Xe,[e("div",Ue,[p(j,{en:"DESIGN CONCEPT",cn:"设计理念",isLeft:""})]),e("div",qe,[p(c(ne),{class:"w-full md:h-[474px] h-[474px]","slides-per-view":1,"space-between":0,centeredSlides:!1,speed:1200,modules:c(t),onSwiper:g,onSlideChange:d},{default:W(()=>[(r(!0),x(F,null,I(i.list,(b,u)=>(r(),X(c(oe),{key:b.id,class:"w-full h-full"},{default:W(()=>[e("div",Ge,[e("div",Je,_(b.title),1),f[0]||(f[0]=e("div",{class:"md:w-[102px] w-[102px] md:h-[4px] h-[4px] md:my-[31px] my-[31px] gradient-hr-red"},null,-1)),e("div",Ke,_(b.sub_title),1)])]),_:2},1024))),128))]),_:1},8,["modules"])])]),e("div",Qe,[p(v,{class:"md:w-[83px] w-[83px] md:h-[82px] h-[82px] object-cover cursor-pointer",src:"https://dobe-website.oss-cn-shanghai.aliyuncs.com/fronted/img/projects/hub/section4-2.png",alt:"prev",placeholder:[83,82],width:"83",height:"82",loading:"lazy",onClick:o}),p(v,{class:"md:w-[83px] w-[83px] md:h-[82px] h-[82px] object-cover cursor-pointer",src:"https://dobe-website.oss-cn-shanghai.aliyuncs.com/fronted/img/projects/hub/section4-3.png",alt:"next",placeholder:[83,82],width:"83",height:"82",loading:"lazy",onClick:n})])])}}}),Ze={class:"w-full relative"},et={class:"absolute top-0 left-0 w-full h-full"},tt={class:"w-full md:px-[260px] px-[46px] md:pt-[102px] pt-[102px] md:pb-[84px] pb-[84px]"},st={class:"absolute inset-0 md:px-[38px] px-[38px] md:pt-[350px] pt-[350px] w-full h-full flex flex-col md:gap-[28px] gap-[28px]"},lt={class:"md:text-[24px] text-[24px] text-white md:leading-[30px] leading-[30px] font-bold"},ot={class:"md:text-[16px] text-[16px] text-[#fff] md:leading-[30px] leading-[30px] opacity-0 group-hover:opacity-100 transition-opacity duration-300"},nt={class:"md:hidden flex-1 w-full grid grid-cols-2 px-[46px] gap-[34px]"},at={class:"absolute top-0 left-0 w-full h-full pt-[100px]"},pt={class:"px-[24px] md:text-[24px] text-[24px] text-[#fff] font-bold pt-[24px] pb-[24px]"},it={class:"px-[24px] text-[16px] text-[#fff] md:leading-[36px] leading-[36px] text-justify transition-all duration-500 ease-in-out"},dt=z({__name:"section5",setup(k){const t=w([{id:1,name:"十大会员服务",logo:"https://dobe-website.oss-cn-shanghai.aliyuncs.com/fronted/img/projects/mandr/section5-2.png",img:"https://dobe-website.oss-cn-shanghai.aliyuncs.com/fronted/img/projects/hub/section5-2.png",desc:"德必集团为入驻企业提供联合党建、社群活动、创业导师团、人才服务、品牌推广、智慧空间管理、政策对接、财务顾问、工商注册、资本对接等“十大会员服务”，为企业提供系统优质的微生态创业环境，助力文科创企业的持续发展。"},{id:2,name:"轻公司生态圈",logo:"https://dobe-website.oss-cn-shanghai.aliyuncs.com/fronted/img/projects/mandr/section5-3.png",img:"https://dobe-website.oss-cn-shanghai.aliyuncs.com/fronted/img/projects/hub/section5-3.png",desc:"德必园区连接数千家轻公司，通过搭建企业服务体系，与园区内外部资源对接——企业与资源、企业与企业、人与人，内外圈层，跨界合作，自由联接。德必轻公司生态圈，从空间到人，联结共创未来！"},{id:3,name:"国际企业关联",logo:"https://dobe-website.oss-cn-shanghai.aliyuncs.com/fronted/img/projects/mandr/section5-4.png",img:"https://dobe-website.oss-cn-shanghai.aliyuncs.com/fronted/img/projects/hub/section5-4.png",desc:"通过全球资源网络，为企业提供深度嵌入式“N+1”国际业务服务，实现企业客户的经济与社会效益最大化。助力中国文科创企业走向国际市场，致力于连通国际文创、科创企业，实现创新和价值的自由流动。"},{id:4,name:"基础企业服务",logo:"https://dobe-website.oss-cn-shanghai.aliyuncs.com/fronted/img/projects/mandr/section5-5.png",img:"https://dobe-website.oss-cn-shanghai.aliyuncs.com/fronted/img/projects/hub/section5-4.png",desc:"5A级智能化办公及物业服务系统，为所有客户提供专业åŒ

3–管理和国际标准化服务，包括日常楼宇服务、安全预防管理、紧急事件处理、智能运营服务等。"}]),s=w(null),g=w(!1),a=w(0),d=w(0),o=w(0);let n=w(0),i;const f=u=>{var l;g.value=!0,a.value=u.pageX,n.value=u.pageX,d.value=((l=s.value)==null?void 0:l.scrollLeft)||0,o.value=0,s.value&&(s.value.style.transition="none"),cancelAnimationFrame(i)},v=u=>{if(!g.value||!s.value)return;u.preventDefault();const l=u.pageX-n.value;n.value=u.pageX;const h=s.value.scrollWidth-s.value.clientWidth,m=s.value.scrollLeft;if(m<=0&&(l>0||o.value>0)){o.value=Math.min(o.value+l*.3,260),s.value.style.transform=`translateX(${o.value}px)`;return}if(m>=h&&(l<0||o.value<0)){o.value=Math.max(o.value+l*.3,-260),s.value.style.transform=`translateX(${o.value}px)`;return}o.value!==0&&(o.value=0,s.value.style.transform=""),s.value.scrollLeft=d.value-(u.pageX-a.value)},j=()=>{if(!s.value||Math.abs(o.value)<.1){o.value=0,s.value&&(s.value.style.transform="",s.value.style.transition="");return}o.value*=.8,s.value.style.transform=`translateX(${o.value}px)`,i=requestAnimationFrame(j)},b=()=>{g.value&&(g.value=!1,s.value&&(s.value.style.transition="transform 0.3s ease-out"),j())};return Z(()=>{cancelAnimationFrame(i)}),(u,l)=>{const h=H,m=O;return r(),x("section",Ze,[p(h,{class:"md:w-[1920px] w-full md:h-[933px] h-[1233px] object-cover flex-shrink-0",src:"https://dobe-website.oss-cn-shanghai.aliyuncs.com/fronted/img/projects/hub/section5-1.png",alt:"mandr",placeholder:[1920,933],width:"1920",height:"933",loading:"lazy"}),e("div",et,[e("div",tt,[p(m,{en:"BRAND SERVICE",cn:"品牌服务"})]),e("div",{ref_key:"scrollContainer",ref:s,class:"hidden w-full md:px-[260px] px-[260px] select-none md:flex items-center md:gap-[46px] gap-[46px] overflow-y-hidden overflow-x-auto no-scrollbar md:pb-[84px] pb-[84px]",onMousedown:f,onMousemove:v,onMouseup:b,onMouseleave:b},[(r(!0),x(F,null,I(c(t),$=>(r(),x("div",{key:$.id,class:"md:w-[430px] w-[430px] md:h-[537px] h-[537px] flex-shrink-0 cursor-grab transition-all duration-300 group relative"},[p(h,{class:"w-full h-full object-cover pointer-events-none",draggable:"false",src:$.img,alt:"debi",placeholder:[430,537],width:"430",height:"537",loading:"lazy"},null,8,["src"]),e("div",st,[e("div",lt,_($.name),1),e("div",ot,_($.desc),1)])]))),128))],544),e("ul",nt,[(r(!0),x(F,null,I(c(t),$=>(r(),x("li",{key:$.id,class:"w-full h-[387px] flex flex-col items-center border border-[#fff] pt-[24px] relative"},[p(h,{class:"w-full h-full object-cover pointer-events-none",draggable:"false",src:$.img,alt:"debi",placeholder:[430,537],width:"430",height:"537",loading:"lazy"},null,8,["src"]),e("div",at,[e("div",pt,_($.name),1),e("div",it,_($.desc),1)])]))),128))])])])}}}),ct=ee(dt,[["__scopeId","data-v-e0b393b6"]]),rt={class:"w-full bg-[#F4F1F3] md:px-[260px] px-[46px] md:pt-[115px] pt-[115px] md:pb-[100px] pb-[100px]"},xt={class:"w-full flex items-center justify-center md:pb-[68px] pb-[68px]"},ut={class:"w-full flex md:flex-row flex-col"},ht={class:"md:w-[700px] w-full md:h-[709px] h-[709px] relative flex-shrink-0"},mt={class:"flex-1 md:h-[709px] h-[709px] grid grid-cols-3 grid-rows-3"},ft={class:"text-[#221815] md:text-[20px] text-[20px] font-bold"},gt={class:"text-[#666] md:text-[16px] text-[16px]"},_t=z({__name:"section6",props:{infoData:{},list:{}},setup(k){return(t,s)=>{var d;const g=U,a=H;return r(),x("section",rt,[e("div",xt,[p(g,{en:"RENTAL INFORMATION",cn:"租赁信息"})]),e("div",ut,[e("div",ht,[p(a,{class:"w-full h-full object-cover",src:(d=t.infoData)==null?void 0:d.rent_image,alt:"mandr",placeholder:[700,709],width:"700",height:"709",loading:"lazy"},null,8,["src"]),s[0]||(s[0]=e("div",{class:"absolute top-0 left-0 w-full h-full md:p-[25px] p-[25px]"},[e("div",{class:"w-full h-full border border-white"})],-1))]),e("div",mt,[(r(!0),x(F,null,I(t.list,(o,n)=>(r(),x("div",{key:o.id,class:D(["w-full h-full flex flex-col items-center justify-center md:gap-[15px] gap-[15px] py-[50px] md:py-0",{"bg-[#feebeb]":n%2===0,"bg-white":n%2===1}])},[p(a,{class:"w-[46px] md:w-[46px] object-scale-down",src:o.icon,alt:"mandr",placeholder:[46,46],width:"46",height:"46",loading:"lazy"},null,8,["src"]),e("div",ft,_(o.title),1),e("div",gt,_(o.sub_title),1)],2))),128))])])])}}}),vt={id:"footer",class:"hidden w-full md:h-[620px] h-[620px] relative bg-[#F6F6F6] md:flex"},bt={class:"md:pt-[78px] pt-[78px] md:pl-[74px] pl-[74px] flex-1 h-full"},wt={class:"flex items-center md:gap-[48px] gap-[48px] md:pb-[24px] pb-[24px]"},yt={class:"flex md:gap-[15px] gap-[15px] md:pt-[38px] pt-[38px] md:pb-[18px] pb-[18px]"},jt={class:"flex flex-col md:gap-[4px] gap-[4px]"},$t={class:"md:text-[20px] text-[20px] text-[#BF0008]"},kt={class:"flex md:gap-[15px] gap-[15px]"},Dt={class:"flex flex-col"},zt={class:"md:text-[20px] text-[20px] text-[#221815] font-bold"},Ft={class:"w-full grid md:grid-cols-[272px_272px] md:gap-[24px] gap-[24px]"},Bt={class:"w-full md:h-[65px] h-[65px] border border-[rgba(191,0,8,0.4)] md:rounded-[10px] rounded-[10px] overflow-hidden md:px-[20px] px-[20px]"},Ct={class:"w-full md:h-[65px] h-[65px] border border-[rgba(191,0,8,0.4)] md:rounded-[10px] rounded-[10px] overflow-hidden md:px-[20px] px-[20px]"},St={class:"w-full md:h-[65px] h-[65px] border border-[rgba(191,0,8,0.4)] md:rounded-[10px] rounded-[10px] overflow-hidden md:px-[20px] px-[20px]"},Nt={class:"w-full md:h-[65px] h-[65px] border border-[rgba(191,0,8,0.4)] md:rounded-[10px] rounded-[10px] overflow-hidden md:px-[20px] px-[20px]"},It={class:"w-full relative md:hidden"},Lt={class:"absolute top-0 left-0 w-full h-full pt-[30px] flex flex-col items-center justify-center px-[46px]"},Pt={class:"w-full h-[649px] bg-[rgba(255,255,255,0.9)] flex flex-col"},Ht={class:"flex-1 pl-[46px] pt-[30px]"},Tt={class:"flex gap-[15px] pt-[38px] pb-[18px]"},Mt={class:"flex flex-col gap-[4px]"},At={class:"text-[20px] text-[#BF0008]"},Rt={class:"flex gap-[15px]"},Vt={class:"flex flex-col"},Et={class:"text-[20px] text-[#221815] font-bold"},Ot={class:"flex-1 h-full pl-[46px]"},Wt={class:"w-full h-full grid grid-cols-[272px_272px] gap-[28px] pb-[28px]"},Xt={class:"w-full h-[65px] border border-[rgba(191,0,8,0.4)] rounded-[10px] overflow-hidden px-[20px]"},Ut={class:"w-full h-[65px] border border-[rgba(191,0,8,0.4)] rounded-[10px] overflow-hidden px-[20px]"},qt={class:"w-full h-[65px] border border-[rgba(191,0,8,0.4)] rounded-[10px] overflow-hidden px-[20px]"},Gt={class:"w-full h-[65px] border border-[rgba(191,0,8,0.4)] rounded-[10px] overflow-hidden px-[20px]"},Jt=z({__name:"section8",props:{infoData:{}},async setup(k){let t,s;const g=k,a=w(""),d=w(""),o=w(""),n=w(""),i=w(!1),f=()=>a.value.trim()?d.value.trim()?o.value.trim()?n.value.trim()?!0:(N.error("请输入区域"),!1):(N.error("请输入城市"),!1):(N.error("请输入手机号"),!1):(N.error("请输入姓名"),!1),{data:v,execute:j}=([t,s]=P(async()=>T("formData_hub",async()=>{var l;return await M.post("/api/message/add",{name:a.value,phone:d.value,city:o.value,area:n.value,park_name:(l=g.infoData)==null?void 0:l.name})},{}

3)),t=await t,s(),t),b=async()=>{var u,l;if(!i.value&&f())try{i.value=!0,await j(),((u=v.value)==null?void 0:u.code)===200?(N.success("预约成功"),a.value="",d.value="",o.value="",n.value=""):N.error(((l=v.value)==null?void 0:l.message)||"预约失败，请稍后重试")}catch{N.error("系统错误，请稍后重试")}finally{i.value=!1}};return(u,l)=>{var m,$,A,R;const h=H;return r(),x(F,null,[e("section",vt,[p(h,{class:"md:w-[1009px] w-[1009px] md:h-[620px] h-[620px] object-cover",src:"https://dobe-website.oss-cn-shanghai.aliyuncs.com/fronted/img/projects/hub/section8-1.png",alt:"logo",width:"1009",height:"620",loading:"lazy"}),e("div",bt,[p(h,{class:"md:w-[185px] md:h-[77px] w-[185px] h-[77px] object-cover",src:"/img/layout/logo.png",alt:"logo",width:"185",height:"77",loading:"lazy"}),e("div",wt,[e("div",yt,[p(h,{class:"md:w-[49px] w-[49px] md:h-[48px] h-[48px] object-cover",src:"https://dobe-website.oss-cn-shanghai.aliyuncs.com/fronted/img/projects/mandr/section8-2.png",alt:"mandr",placeholder:[49,48],width:"49",height:"48",loading:"lazy"}),e("div",jt,[l[8]||(l[8]=e("div",{class:"md:text-[16px] text-[16px] text-[#221815]"},"欢迎咨询",-1)),e("div",$t,_((m=u.infoData)==null?void 0:m.links_phone),1)])]),e("div",kt,[p(h,{class:"md:w-[49px] w-[49px] md:h-[48px] h-[48px] object-cover",src:"https://dobe-website.oss-cn-shanghai.aliyuncs.com/fronted/img/projects/mandr/section8-3.png",alt:"mandr",placeholder:[49,48],width:"49",height:"48",loading:"lazy"}),e("div",Dt,[l[9]||(l[9]=e("div",{class:"md:text-[16px] text-[16px] text-[#221815]"},"项目地址",-1)),e("div",zt,_(($=u.infoData)==null?void 0:$.links_address),1)])])]),e("ul",Ft,[e("li",Bt,[B(e("input",{"onUpdate:modelValue":l[0]||(l[0]=y=>S(a)?a.value=y:null),type:"text",placeholder:"姓名",class:"flex-1 h-full text-[#221815] md:text-[16px] text-[16px] focus:outline-0 bg-transparent placeholder:text-[#999]"},null,512),[[C,c(a)]])]),e("li",Ct,[B(e("input",{"onUpdate:modelValue":l[1]||(l[1]=y=>S(d)?d.value=y:null),type:"text",placeholder:"电话",class:"flex-1 h-full text-[#221815] md:text-[16px] text-[16px] focus:outline-0 bg-transparent placeholder:text-[#999]"},null,512),[[C,c(d)]])]),e("li",St,[B(e("input",{"onUpdate:modelValue":l[2]||(l[2]=y=>S(o)?o.value=y:null),type:"text",placeholder:"城市",class:"flex-1 h-full text-[#221815] md:text-[16px] text-[16px] focus:outline-0 bg-transparent placeholder:text-[#999]"},null,512),[[C,c(o)]])]),e("li",Nt,[B(e("input",{"onUpdate:modelValue":l[3]||(l[3]=y=>S(n)?n.value=y:null),type:"text",placeholder:"区域",class:"flex-1 h-full text-[#221815] md:text-[16px] text-[16px] focus:outline-0 bg-transparent placeholder:text-[#999]"},null,512),[[C,c(n)]])]),e("li",{onClick:b,class:"w-full col-span-2 md:h-[65px] h-[65px] bg-[#BF0008] md:rounded-[10px] rounded-[10px] overflow-hidden flex items-center justify-center text-white md:text-[23px] text-[23px] font-bold cursor-pointer"}," 免费预约参观 ")])])]),e("section",It,[p(h,{class:"w-full h-[823px] object-cover",src:"https://dobe-website.oss-cn-shanghai.aliyuncs.com/fronted/img/projects/hub/section8-1.png",alt:"logo",width:"1009",height:"620",loading:"lazy"}),e("div",Lt,[e("div",Pt,[e("div",Ht,[p(h,{class:"md:w-[185px] md:h-[77px] w-[185px] h-[77px] object-cover",src:"/img/layout/logo.png",alt:"logo",width:"185",height:"77",loading:"lazy"}),e("div",Tt,[p(h,{class:"w-[49px] h-[48px] object-cover",src:"https://dobe-website.oss-cn-shanghai.aliyuncs.com/fronted/img/projects/mandr/section8-2.png",alt:"mandr",placeholder:[49,48],width:"49",height:"48",loading:"lazy"}),e("div",Mt,[l[10]||(l[10]=e("div",{class:"text-[16px] text-[#221815]"},"欢迎咨询",-1)),e("div",At,_((A=u.infoData)==null?void 0:A.links_phone),1)])]),e("div",Rt,[p(h,{class:"w-[49px] h-[48px] object-cover",src:"https://dobe-website.oss-cn-shanghai.aliyuncs.com/fronted/img/projects/mandr/section8-3.png",alt:"mandr",placeholder:[49,48],width:"49",height:"48",loading:"lazy"}),e("div",Vt,[l[11]||(l[11]=e("div",{class:"text-[16px] text-[#221815]"},"项目地址",-1)),e("div",Et,_((R=u.infoData)==null?void 0:R.links_address),1)])])]),e("div",Ot,[e("ul",Wt,[e("li",Xt,[B(e("input",{"onUpdate:modelValue":l[4]||(l[4]=y=>S(a)?a.value=y:null),type:"text",placeholder:"姓名",class:"flex-1 h-full text-[#221815] text-[16px] focus:outline-0 bg-transparent placeholder:text-[#999]"},null,512),[[C,c(a)]])]),e("li",Ut,[B(e("input",{"onUpdate:modelValue":l[5]||(l[5]=y=>S(d)?d.value=y:null),type:"text",placeholder:"电话",class:"flex-1 h-full text-[#221815] text-[16px] focus:outline-0 bg-transparent placeholder:text-[#999]"},null,512),[[C,c(d)]])]),e("li",qt,[B(e("input",{"onUpdate:modelValue":l[6]||(l[6]=y=>S(o)?o.value=y:null),type:"text",placeholder:"城市",class:"flex-1 h-full text-[#221815] text-[16px] focus:outline-0 bg-transparent placeholder:text-[#999]"},null,512),[[C,c(o)]])]),e("li",Gt,[B(e("input",{"onUpdate:modelValue":l[7]||

3(l[7]=y=>S(n)?n.value=y:null),type:"text",placeholder:"区域",class:"flex-1 h-full text-[#221815] text-[16px] focus:outline-0 bg-transparent placeholder:text-[#999]"},null,512),[[C,c(n)]])]),e("li",{onClick:b,class:"w-full col-span-2 h-[65px] bg-[#BF0008] rounded-[10px] overflow-hidden flex items-center justify-center text-white text-[23px] font-bold cursor-pointer"}," 免费预约参观 ")])])])])])],64)}}}),Kt={class:"w-full overflow-x-hidden min-h-screen"},ns=z({__name:"[id]",async setup(k){let t,s;const g=se(),{setSEOInfo:a}=ae(),{$seo:d}=te(),o=([t,s]=P(()=>d(g.path)),t=await t,s(),t);a(o);const n=V(()=>g.params.id),{data:i,execute:f}=([t,s]=P(async()=>T(`projectInfo_${n}`,async()=>(await M.get(`/api/project/info?id=${n.value}`)).data,{watch:[n]})),t=await t,s(),t);L(()=>{f()});const{data:v,execute:j}=([t,s]=P(async()=>T(`designList_${n}`,async()=>(await M.get(`/api/design/index?project_id=${n.value}&page=1&limit=100`)).data,{watch:[n]})),t=await t,s(),t);L(()=>{j()});const{data:b,execute:u}=([t,s]=P(async()=>T(`rentalList_${n}`,async()=>(await M.get(`api/rent/index?project_id=${n.value}`)).data,{watch:[n]})),t=await t,s(),t);L(()=>{u()});const{data:l,execute:h}=([t,s]=P(async()=>T("projectNewsList",async()=>(await M.get("api/articles/index?page=1&limit=3&cate=3")).data.articles,{immediate:!1,watch:[n]})),t=await t,s(),t);return L(()=>{h()}),L(()=>{document.body.style.overflow="auto",document.body.style.scrollbarWidth="none",window.scrollTo(0,0)}),(m,$)=>{const A=ie,R=ze,y=Oe,q=Ye,G=ct,J=_t,K=Jt;return r(),x("main",Kt,[p(A,{infoData:c(i)},null,8,["infoData"]),p(R,{infoData:c(i)},null,8,["infoData"]),p(y,{infoData:c(i)},null,8,["infoData"]),p(q,{list:c(v)},null,8,["list"]),p(G),p(J,{infoData:c(i),list:c(b)},null,8,["infoData","list"]),p(K,{infoData:c(i)},null,8,["infoData"])])}}});export{ns as default};