2 lines
9.2 KiB
JavaScript
2 lines
9.2 KiB
JavaScript
import{_ as N}from"./CMPzECfg.js";import{g as $,k,q as O,s as U,c as l,m as V,t as n,x as B,n as v,T as S,o as r,j as z,y as K,b as q,a as t,F as b,r as h,z as C,p as u,d as m,A as p,v as M}from"./DSWUVrVG.js";const F=$({__name:"NotificationToast",props:{message:{default:""},type:{default:"success"},duration:{default:3e3}},emits:["close"],setup(w,{emit:_}){const g=w,f=k(!1),x=_;return O(()=>g.message,i=>{i&&(f.value=!0,setTimeout(()=>{f.value=!1,setTimeout(()=>{x("close")},300)},g.duration))},{immediate:!0}),(i,a)=>(r(),U(S,{to:"body"},[i.message?(r(),l("div",{key:0,class:v(["fixed top-4 right-4 p-4 rounded-lg shadow-lg z-50 transform transition-all duration-300",i.type==="success"?"bg-green-500":"bg-red-500","text-white"]),style:B({transform:f.value?"translateY(0)":"translateY(-100%)"})},n(i.message),7)):V("",!0)]))}}),D={class:"section"},E={class:"container"},Y={class:"grid md:grid-cols-3 gap-8 mb-16"},A={class:"w-20 h-20 bg-gradient-to-br from-secondary/20 to-secondary/10 rounded-full flex items-center justify-center mx-auto mb-6"},H={class:"text-2xl font-semibold mb-4 text-center"},L={class:"text-gray-600 mb-2 text-center"},P={class:"text-2xl font-semibold text-secondary text-center"},G={key:0,class:"w-32 h-32 bg-gradient-to-br from-secondary/20 to-secondary/10 rounded-lg mx-auto flex items-center justify-center mt-4"},J={class:"grid md:grid-cols-2 gap-12"},Q={class:"bg-white p-8 rounded-lg shadow-lg"},R={class:"text-3xl font-bold mb-8 text-center"},W={class:"grid md:grid-cols-2 gap-6"},X={class:"block text-sm font-medium text-gray-700 mb-2",for:"name"},Z={class:"block text-sm font-medium text-gray-700 mb-2",for:"company"},tt={class:"grid md:grid-cols-2 gap-6"},et={class:"block text-sm font-medium text-gray-700 mb-2",for:"email"},st={class:"block text-sm font-medium text-gray-700 mb-2",for:"phone"},ot={class:"block text-sm font-medium text-gray-700 mb-2",for:"service"},nt={value:""},at=["value"],rt={class:"block text-sm font-medium text-gray-700 mb-2",for:"message"},lt=["disabled"],it={key:0},ct={key:1},dt={class:"bg-white p-8 rounded-lg shadow-lg mb-8"},mt={class:"text-3xl font-bold mb-8 text-center"},ut={class:"space-y-6"},ft={class:"w-12 h-12 bg-gradient-to-br from-secondary/20 to-secondary/10 rounded-full flex items-center justify-center mr-4"},yt={class:"text-xl font-semibold mb-2"},pt={class:"text-gray-600"},gt={class:"section bg-gray-50"},bt={class:"container"},ht={class:"text-4xl font-bold text-center mb-6"},vt={class:"text-xl text-center text-gray-600 mb-12"},xt={class:"grid md:grid-cols-2 gap-8"},wt={class:"text-2xl font-semibold mb-4"},_t={class:"text-gray-600 leading-relaxed"},$t=$({__name:"contact",setup(w){const{t:_}=z(),g=[{icon:"fas fa-phone",titleKey:"contact.methods.phone.title",subtitleKey:"contact.methods.phone.subtitle",contentKey:"contact.methods.phone.content",type:"phone"},{icon:"fas fa-envelope",titleKey:"contact.methods.email.title",subtitleKey:"contact.methods.email.subtitle",contentKey:"contact.methods.email.content",type:"email"},{icon:"fab fa-weixin",titleKey:"contact.methods.wechat.title",subtitleKey:"contact.methods.wechat.subtitle",contentKey:"",type:"wechat"}],f=[{icon:"fas fa-map-marker-alt",titleKey:"contact.companyInfo.beijing.title",contentKey:"contact.companyInfo.beijing.content"},{icon:"fas fa-subway",titleKey:"contact.companyInfo.transport.title",contentKey:"contact.companyInfo.transport.content"},{icon:"far fa-clock",titleKey:"contact.companyInfo.hours.title",contentKey:"contact.companyInfo.hours.content"}],x=[{value:"cloud",labelKey:"contact.form.serviceOptions.cloud"},{value:"migration",labelKey:"contact.form.serviceOptions.migration"},{value:"solution",labelKey:"contact.form.serviceOptions.solution"},{value:"price",labelKey:"contact.form.serviceOptions.price"},{value:"other",labelKey:"contact.form.serviceOptions.other"}],i=[{questionKey:"contact.faq.items.q1.question",answerKey:"contact.faq.items.q1.answer"},{questionKey:"contact.faq.items.q2.question",answerKey:"contact.faq.items.q2.answer"},{questionKey:"contact.faq.items.q3.question",answerKey:"contact.faq.items.q3.answer"},{questionKey:"contact.faq.items.q4.question",answerKey:"contact.faq.items.q4.answer"}],a=K({name:"",company:"",email:"",phone:"",service:"",message:""}),y=k(!1),c=K({message:"",type:"success"}),I=async()=>{y.value=!0;try{await new Promise(s=>setTimeout(s,1500)),c.message="提交成功！我们会尽快与您联系。",c.type="success",Object.keys(a).forEach(s=>{a[s]=""})}catch{c.message="抱歉，提交失败，请稍后重试。",c.type="error"}finally{y.value=!1}};return(s,e)=>{const T=N,j=F;return r(),l("div",null,[q(T,{title:s.$t("contact.hero.title"),subtitle:s.$t("contact.hero.subtitle")},null,8,["title","subtitle"]),t("section",D,[t("div",E,[t("div",Y,[(r(),l(b,null,h(g,(o,d)=>t("div",{key:d,class:"bg-white p-8 rounded-lg shadow-lg hover:shadow-xl transition-all duration-300 transform hover:-translate-y-1"},[t("div",A,[t("i",{class:v(["text-secondary text-3xl",o.icon])},null,2)]),t("h3",H,n(s.$t(o.titleKey)),1),t("p",L,n(s.$t(o.subtitleKey)),1),t("p",P,n(s.$t(o.contentKey)),1),o.type==="wechat"?(r(),l("div",G,e[7]||(e[7]=[t("i",{class:"fas fa-qrcode text-6xl text-secondary"},null,-1)]))):V("",!0)])),64))]),t("div",J,[t("div",Q,[t("h2",R,n(s.$t("contact.form.title")),1),t("form",{onSubmit:C(I,["prevent"]),class:"space-y-6"},[t("div",W,[t("div",null,[t("label",X,[m(n(s.$t("contact.form.name"))+" ",1),e[8]||(e[8]=t("span",{class:"text-red-500"},"*",-1))]),u(t("input",{type:"text",id:"name","onUpdate:modelValue":e[0]||(e[0]=o=>a.name=o),required:"",class:"w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-secondary focus:border-transparent transition-colors duration-300"},null,512),[[p,a.name]])]),t("div",null,[t("label",Z,[m(n(s.$t("contact.form.company"))+" ",1),e[9]||(e[9]=t("span",{class:"text-red-500"},"*",-1))]),u(t("input",{type:"text",id:"company","onUpdate:modelValue":e[1]||(e[1]=o=>a.company=o),required:"",class:"w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-secondary focus:border-transparent transition-colors duration-300"},null,512),[[p,a.company]])])]),t("div",tt,[t("div",null,[t("label",et,[m(n(s.$t("contact.form.email"))+" ",1),e[10]||(e[10]=t("span",{class:"text-red-500"},"*",-1))]),u(t("input",{type:"email",id:"email","onUpdate:modelValue":e[2]||(e[2]=o=>a.email=o),required:"",class:"w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-secondary focus:border-transparent transition-colors duration-300"},null,512),[[p,a.email]])]),t("div",null,[t("label",st,[m(n(s.$t("contact.form.phone"))+" ",1),e[11]||(e[11]=t("span",{class:"text-red-500"},"*",-1))]),u(t("input",{type:"tel",id:"phone","onUpdate:modelValue":e[3]||(e[3]=o=>a.phone=o),required:"",class:"w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-secondary focus:border-transparent transition-colors duration-300"},null,512),[[p,a.phone]])])]),t("div",null,[t("label",ot,[m(n(s.$t("contact.form.service"))+" ",1),e[12]||(e[12]=t("span",{class:"text-red-500"},"*",-1))]),u(t("select",{id:"service","onUpdate:modelValue":e[4]||(e[4]=o=>a.service=o),required:"",class:"w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-secondary focus:border-transparent transition-colors duration-300"},[t("option",nt,n(s.$t("contact.form.placeholders.selectService")),1),(r(),l(b,null,h(x,(o,d)=>t("option",{key:d,value:o.value},n(s.$t(o.labelKey)),9,at)),64))],512),[[M,a.service]])]),t("div",null,[t("label",rt,[m(n(s.$t("contact.form.message"))+" ",1),e[13]||(e[13]=t("span",{class:"text-red-500"},"*",-1))]),u(t("textarea",{id:"message","onUpdate:modelValue":e[5]||(e[5]=o=>a.message=o),rows:"4",required:"",class:"w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-secondary focus:border-transparent transition-colors duration-300"},null,512),[[p,a.message]])]),t("button",{type:"submit",disabled:y.value,class:v(["w-full py-4 px-6 rounded-lg text-white text-lg font-semibold",y.value?"bg-gray-400":"bg-secondary hover:bg-secondary/90 transition-colors duration-300"])},[y.value?(r(),l("span",it,[e[14]||(e[14]=t("i",{class:"fas fa-spinner fa-spin mr-2"},null,-1)),m(n(s.$t("contact.form.submitting")),1)])):(r(),l("span",ct,n(s.$t("contact.form.submit")),1))],10,lt)],32)]),t("div",null,[t("div",dt,[t("h2",mt,n(s.$t("contact.companyInfo.title")),1),t("div",ut,[(r(),l(b,null,h(f,(o,d)=>t("div",{key:d,class:"flex items-start"},[t("div",ft,[t("i",{class:v(["text-secondary text-xl",o.icon])},null,2)]),t("div",null,[t("h4",yt,n(s.$t(o.titleKey)),1),t("p",pt,n(s.$t(o.contentKey)),1)])])),64))])]),e[15]||(e[15]=t("div",{class:"w-full h-96 rounded-lg shadow-lg overflow-hidden bg-gray-200 flex items-center justify-center"},[t("i",{class:"fas fa-map-marked-alt text-6xl text-gray-400"}),t("span",{class:"ml-4 text-gray-500"},"地图加载位置")],-1))])])])]),t("section",gt,[t("div",bt,[t("h2",ht,n(s.$t("contact.faq.title")),1),t("p",vt,n(s.$t("contact.faq.subtitle")),1),t("div",xt,[(r(),l(b,null,h(i,(o,d)=>t("div",{key:d,class:"bg-white p-8 rounded-lg shadow-lg hover:shadow-xl transition-all duration-300 transform hover:-translate-y-1"},[t("h3",wt,n(s.$t(o.questionKey)),1),t("p",_t,n(s.$t(o.answerKey)),1)])),64))])])]),q(j,{message:c.message,type:c.type,onClose:e[6]||(e[6]=o=>c.message="")},null,8,["message","type"])])}}});export{$t as default};
|