generated from liutk/owl-admin-base
2 lines
7.5 KiB
JavaScript
2 lines
7.5 KiB
JavaScript
import{_ as L}from"./BsChYa3B.js";import{_ as q}from"./vMQG2-nS.js";import{_ as D}from"./2HdClNfd.js";import{u as $}from"./CbPrn0tb.js";import{d as A,u as I,w,c as a,a as _,I as R,f as l,b as t,t as c,g as m,F as f,v as h,h as u,o,D as S}from"./BVoAI2xn.js";import{u as y}from"./RFvW8Sgv.js";import{u as B}from"./P_oyKTOd.js";import"./C584n0hD.js";const C={class:"w-full"},P={class:"space-y-[28px] sm:space-y-[32px] md:space-y-[36px] lg:space-y-[40px] xl:space-y-[48px] pt-[28px] sm:pt-[32px] md:pt-[36px] lg:pt-[40px] xl:pt-[48px]"},N={key:0,class:"w-full px-[18px] sm:px-[15px]"},V={class:"w-full"},H={class:"flex flex-col items-center w-full"},M={key:0,class:"mt-[18px] sm:mt-[18px] md:mt-[20px] lg:mt-[22px] xl:mt-[24px] mb-[20px] lg:mb-[60px] text-center text-[12px] sm:text-[14px] md:text-[16px] lg:text-[18px] xl:text-[20px] text-[#333333] leading-relaxed"},U={class:"w-full overflow-x-auto overflow-y-visible flex flex-row items-stretch justify-start sm:justify-center gap-[18px] sm:gap-[12px] md:gap-[18px] lg:gap-[24px] xl:gap-[30px] pb-[15px]"},z=["src","alt"],G={class:"absolute inset-0 cursor-pointer flex flex-col items-center justify-center bg-[#3A7DB9] bg-opacity-[0.7] group-hover:bg-opacity-[0.15] transition-all duration-300 ease-out"},J={class:"text-[12px] sm:text-[14px] md:text-[18px] lg:text-[20px] xl:text-[22px] text-[#FFFFFF] font-bold transform transition-transform duration-300 ease-out group-hover:-translate-y-[4px]"},K={class:"px-[18px] sm:px-[12px] text-center text-[12px] sm:text-[10px] md:text-[12px] lg:text-[13px] xl:text-[14px] text-[#FFFFFF] leading-relaxed transform transition-transform duration-300 ease-out group-hover:-translate-y-[2px]"},O={key:1,class:"w-full"},Q={class:"flex flex-col items-center"},W={class:"mt-[20px] sm:mt-[24px] md:mt-[28px] lg:mt-[34px] xl:mt-[40px] w-full px-[18px] sm:px-[20px] md:px-[24px] lg:px-[28px] xl:px-[30px] max-w-full sm:max-w-[400px] md:max-w-[560px] lg:max-w-[720px] xl:max-w-[920px] xl:mx-auto"},X=["src"],Y={key:2,class:"w-full"},Z={class:"flex flex-col items-center"},tt={class:"mt-[20px] sm:mt-[24px] md:mt-[28px] lg:mt-[34px] xl:mt-[40px] max-w-full overflow-x-auto overflow-y-hidden"},et={class:"inline-grid grid-rows-2 grid-flow-col mx-auto"},st=["src"],xt={key:3,class:"!mt-0"},pt={class:"w-full bg-[url('/images/业务范围/核心优势背景.png')] bg-cover bg-center bg-no-repeat py-[20px] sm:py-[24px] md:py-[28px] lg:py-[34px] xl:py-[40px] pt-[28px] sm:pt-[32px] md:pt-[36px] lg:pt-[40px] xl:pt-[48px]"},lt={class:"flex flex-col items-center"},at={class:"mt-[56px] sm:mt-[72px] md:mt-[96px] lg:mt-[120px] xl:mt-[144px] grid grid-cols-2 sm:grid-cols-4 gap-x-[12px] gap-y-[16px] sm:gap-x-[16px] sm:gap-y-[20px] lg:gap-x-[20px] lg:gap-y-[24px]"},ot={class:"-translate-y-[44px] sm:-translate-y-[52px] md:-translate-y-[64px] lg:-translate-y-[76px] xl:-translate-y-[88px]"},nt=["src"],rt={class:"text-[#333333] text-[14px] sm:text-[16px] md:text-[20px] lg:text-[24px] xl:text-[28px] text-center"},it={class:"mt-[8px] px-[12px] sm:px-[14px] md:px-[16px] lg:px-[18px] xl:px-[20px] text-center text-[#999999] text-[12px] sm:text-[13px] md:text-[15px] lg:text-[16px] xl:text-[18px]"},wt=A({__name:"[id]",async setup(ct){let r,d;const b=I(),v=$(),i=u(()=>String(b.params.id||"")),{data:F}=([r,d]=w(async()=>y("business-tabs",async()=>await v.get("/api/project_cates"))),r=await r,d(),r),k=u(()=>{const x=F.value;return!x||x.code!==200||!Array.isArray(x.data)?[]:x.data.map(e=>({id:String(e.id),name:e.title}))}),g=u({get:()=>i.value,set:x=>{const e=String(x||"");!e||e===i.value||S(`/business/${e}`)}}),{data:T}=([r,d]=w(async()=>y(()=>`business-detail-${i.value}`,async()=>await v.get(`/api/project_cates/${i.value}`),{watch:[i]})),r=await r,d(),r),s=u(()=>{const x=T.value;if(!x||x.code!==200||!x.data)return null;const e=x.data;return{name:e.title,description:e.description,dataList:(e.children||[]).map(n=>({title:n.title,content:n.description||"",url:n.cover})),serviceProcess:e.flows?.cover||"",professionalEquipments:(e.photos||[]).map(n=>n.cover),coreAdvantages:(e.advances||[]).map(n=>({title:n.title,content:n.description||"",url:n.cover}))}});return B({title:()=>s.value?.name?`${s.value.name} - 业务范围`:"业务范围",description:()=>{const x=s.value?.dataList?.[0]?.content;return x||"业务范围"},ogTitle:()=>s.value?.name?`${s.value.name} - 业务范围`:"业务范围",ogDescription:()=>{const x=s.value?.dataList?.[0]?.content;return x||"业务范围"},ogImage:()=>s.value?.professionalEquipments?.[0]||s.value?.serviceProcess||""||void 0}),(x,e)=>{const n=L,j=q,E=D;return o(),a("div",C,[_(n,{title:"业务范围",img:"/images/业务范围/业务范围.png"}),_(j,{tabs:l(k),activeTab:l(g),"onUpdate:activeTab":e[0]||(e[0]=p=>R(g)?g.value=p:null),title:"业务范围"},null,8,["tabs","activeTab"]),t("div",P,[(l(s)?.dataList||[]).length>0?(o(),a("div",N,[t("div",V,[t("div",H,[_(E,{title:l(s)?.name||""},null,8,["title"]),l(s)?.description?(o(),a("p",M,c(l(s)?.description||""),1)):m("",!0),t("div",U,[(o(!0),a(f,null,h(l(s)?.dataList||[],p=>(o(),a("div",{key:p.title,class:"group flex-shrink-0 w-[140px] h-[183px] sm:w-[170px] sm:h-[200px] md:w-[210px] md:h-[260px] lg:w-[240px] lg:h-[310px] xl:w-[280px] xl:h-[365px] relative overflow-hidden shadow-[0_4px_12px_rgba(0,0,0,0.12)] transition-all duration-300 ease-out hover:-translate-y-1 hover:shadow-[0_12px_24px_rgba(0,0,0,0.18)]"},[t("img",{class:"object-cover w-full h-full transition-transform duration-300 ease-out transform group-hover:scale-105",src:p.url,alt:p.title,draggable:"false"},null,8,z),t("div",G,[t("span",J,c(p.title),1),e[1]||(e[1]=t("div",{class:"w-[30px] h-[2px] sm:w-[26px] sm:h-[1px] bg-[#FEFEFE] my-[12px] sm:my-[8px] opacity-90 group-hover:opacity-100 transition-opacity duration-300"},null,-1)),t("p",K,c(p.content),1)])]))),128))])])])])):m("",!0),l(s)?.serviceProcess?(o(),a("div",O,[t("div",Q,[e[2]||(e[2]=t("h1",{class:"text-[17px] sm:text-[20px] md:text-[24px] lg:text-[28px] xl:text-[34px] text-[#333333]"}," 服务流程 ",-1)),t("div",W,[t("img",{class:"w-full h-auto",src:l(s)?.serviceProcess,alt:"",draggable:"false"},null,8,X)])])])):m("",!0),(l(s)?.professionalEquipments||[]).length>0?(o(),a("div",Y,[t("div",Z,[e[3]||(e[3]=t("h1",{class:"text-[17px] sm:text-[20px] md:text-[24px] lg:text-[28px] xl:text-[34px] text-[#333333]"}," 专业设备 ",-1)),t("div",tt,[t("div",et,[(o(!0),a(f,null,h(l(s)?.professionalEquipments,p=>(o(),a("div",{class:"overflow-hidden shadow-md group w-[190px] h-[115px] sm:w-[240px] sm:h-[145px] md:w-[320px] md:h-[193px] lg:w-[400px] lg:h-[242px] xl:w-[480px] xl:h-[290px] flex-shrink-0",key:p},[t("img",{class:"object-cover w-full h-full transition-all duration-300 ease-in-out group-hover:scale-110 group-hover:-translate-y-2",src:p,alt:"",draggable:"false"},null,8,st)]))),128))])])])])):m("",!0),(l(s)?.coreAdvantages||[]).length>0?(o(),a("div",xt,[t("div",pt,[t("div",lt,[e[4]||(e[4]=t("h1",{class:"text-[17px] sm:text-[20px] md:text-[24px] lg:text-[28px] xl:text-[34px] text-[#333333]"}," 核心优势 ",-1)),t("div",at,[(o(!0),a(f,null,h(l(s)?.coreAdvantages||[],p=>(o(),a("div",{key:p.title,class:"bg-[#FFFFFF] flex flex-col items-center justify-start transition-all duration-300 ease-in-out hover:shadow-lg w-[175px] h-[211px] sm:w-[200px] sm:h-[240px] md:w-[260px] md:h-[300px] lg:w-[310px] lg:h-[340px] xl:w-[350px] xl:h-[369px]"},[t("div",ot,[t("img",{class:"w-[88px] h-[88px] sm:w-[104px] sm:h-[104px] md:w-[128px] md:h-[128px] lg:w-[152px] lg:h-[152px] xl:w-[176px] xl:h-[176px] mx-auto",src:p.url,alt:"",draggable:"false"},null,8,nt),t("h1",rt,c(p.title),1),t("p",it,c(p.content),1)])]))),128))])])])])):m("",!0)])])}}});export{wt as default};
|