2 lines
9.0 KiB
JavaScript
2 lines
9.0 KiB
JavaScript
import{_ as U}from"./C2iyXILq.js";import{g as q,j as V,p as B,q as z,c as a,l as T,t as l,s as A,n as x,T as C,o as n,x as _,b as k,a as e,F as b,r as y,y as M,m as c,d,z as g,v as F}from"./CX81I8Qo.js";const W=q({__name:"NotificationToast",props:{message:{default:""},type:{default:"success"},duration:{default:3e3}},emits:["close"],setup(h,{emit:v}){const f=h,m=V(!1),w=v;return B(()=>f.message,o=>{o&&(m.value=!0,setTimeout(()=>{m.value=!1,setTimeout(()=>{w("close")},300)},f.duration))},{immediate:!0}),(o,u)=>(n(),z(C,{to:"body"},[o.message?(n(),a("div",{key:0,class:x(["fixed top-4 right-4 p-4 rounded-lg shadow-lg z-50 transform transition-all duration-300",o.type==="success"?"bg-green-500":"bg-red-500","text-white"]),style:A({transform:m.value?"translateY(0)":"translateY(-100%)"})},l(o.message),7)):T("",!0)]))}}),$={class:"section"},D={class:"container"},E={class:"grid md:grid-cols-3 gap-8 mb-16"},Y={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"},I={class:"text-gray-600 mb-2 text-center"},L={class:"text-2xl font-semibold text-secondary text-center"},O={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"},P={class:"grid md:grid-cols-2 gap-12"},G={class:"bg-white p-8 rounded-lg shadow-lg"},J={class:"grid md:grid-cols-2 gap-6"},K={class:"grid md:grid-cols-2 gap-6"},Q=["value"],R=["disabled"],X={key:0},Z={key:1},ee={class:"bg-white p-8 rounded-lg shadow-lg mb-8"},te={class:"space-y-6"},se={class:"w-12 h-12 bg-gradient-to-br from-secondary/20 to-secondary/10 rounded-full flex items-center justify-center mr-4"},oe={class:"text-xl font-semibold mb-2"},ne={class:"text-gray-600"},ae={class:"section bg-gray-50"},le={class:"container"},re={class:"grid md:grid-cols-2 gap-8"},ie={class:"text-2xl font-semibold mb-4"},de={class:"text-gray-600 leading-relaxed"},me=q({__name:"contact",setup(h){const v=[{icon:"fas fa-phone",title:"电话咨询",subtitle:"周一至周日 9:00-21:00",content:"400-123-4567",type:"phone"},{icon:"fas fa-envelope",title:"邮件咨询",subtitle:"7*24小时邮件支持",content:"contact@example.com",type:"email"},{icon:"fab fa-weixin",title:"微信咨询",subtitle:"扫描下方二维码",content:"",type:"wechat"}],f=[{icon:"fas fa-map-marker-alt",title:"北京总部",content:"北京市朝阳区某某大厦10层"},{icon:"fas fa-subway",title:"交通方式",content:"地铁6号线某某站A出口步行5分钟"},{icon:"far fa-clock",title:"办公时间",content:"周一至周五: 9:00-18:00"}],m=[{value:"cloud",label:"云服务咨询"},{value:"migration",label:"上云迁移"},{value:"solution",label:"解决方案咨询"},{value:"price",label:"价格咨询"},{value:"other",label:"其他"}],w=[{question:"如何开始使用AWS云服务？",answer:"您可以通过我们的咨询服务，获取专业的AWS云服务解决方案建议。我们的团队将根据您的具体需求，为您提供最适合的云服务方案。"},{question:"如何获取技术支持？",answer:"我们提供7*24小时技术支持服务，您可以通过电话、邮件或在线咨询等方式联系我们的技术支持团队。"},{question:"如何计算使用成本？",answer:"我们提供详细的成本评估服务，可以根据您的具体使用场景和需求，为您提供准确的成本预估和优化建议。"},{question:"如何申请试用服务？",answer:"您可以通过在线咨询或直接联系我们的销售团队，申请AWS云服务的试用。我们将为您提供专业的试用方案和技术支持。"}],o=_({name:"",company:"",email:"",phone:"",service:"",message:""}),u=V(!1),r=_({message:"",type:"success"}),S=async()=>{u.value=!0;try{await new Promise(p=>setTimeout(p,1500)),r.message="提交成功！我们会尽快与您联系。",r.type="success",Object.keys(o).forEach(p=>{o[p]=""})}catch{r.message="抱歉，提交失败，请稍后重试。",r.type="error"}finally{u.value=!1}};return(p,t)=>{const j=U,N=W;return n(),a("div",null,[k(j,{title:"联系我们",subtitle:"随时欢迎您的咨询，我们将为您提供专业的云服务解决方案"}),e("section",$,[e("div",D,[e("div",E,[(n(),a(b,null,y(v,(s,i)=>e("div",{key:i,class:"bg-white p-8 rounded-lg shadow-lg hover:shadow-xl transition-all duration-300 transform hover:-translate-y-1"},[e("div",Y,[e("i",{class:x(["text-secondary text-3xl",s.icon])},null,2)]),e("h3",H,l(s.title),1),e("p",I,l(s.subtitle),1),e("p",L,l(s.content),1),s.type==="wechat"?(n(),a("div",O,t[7]||(t[7]=[e("i",{class:"fas fa-qrcode text-6xl text-secondary"},null,-1)]))):T("",!0)])),64))]),e("div",P,[e("div",G,[t[16]||(t[16]=e("h2",{class:"text-3xl font-bold mb-8 text-center"},"在线咨询",-1)),e("form",{onSubmit:M(S,["prevent"]),class:"space-y-6"},[e("div",J,[e("div",null,[t[8]||(t[8]=e("label",{class:"block text-sm font-medium text-gray-700 mb-2",for:"name"},[d(" 姓名 "),e("span",{class:"text-red-500"},"*")],-1)),c(e("input",{type:"text",id:"name","onUpdate:modelValue":t[0]||(t[0]=s=>o.name=s),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),[[g,o.name]])]),e("div",null,[t[9]||(t[9]=e("label",{class:"block text-sm font-medium text-gray-700 mb-2",for:"company"},[d(" 公司名称 "),e("span",{class:"text-red-500"},"*")],-1)),c(e("input",{type:"text",id:"company","onUpdate:modelValue":t[1]||(t[1]=s=>o.company=s),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),[[g,o.company]])])]),e("div",K,[e("div",null,[t[10]||(t[10]=e("label",{class:"block text-sm font-medium text-gray-700 mb-2",for:"email"},[d(" 邮箱 "),e("span",{class:"text-red-500"},"*")],-1)),c(e("input",{type:"email",id:"email","onUpdate:modelValue":t[2]||(t[2]=s=>o.email=s),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),[[g,o.email]])]),e("div",null,[t[11]||(t[11]=e("label",{class:"block text-sm font-medium text-gray-700 mb-2",for:"phone"},[d(" 电话 "),e("span",{class:"text-red-500"},"*")],-1)),c(e("input",{type:"tel",id:"phone","onUpdate:modelValue":t[3]||(t[3]=s=>o.phone=s),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),[[g,o.phone]])])]),e("div",null,[t[13]||(t[13]=e("label",{class:"block text-sm font-medium text-gray-700 mb-2",for:"service"},[d(" 咨询服务 "),e("span",{class:"text-red-500"},"*")],-1)),c(e("select",{id:"service","onUpdate:modelValue":t[4]||(t[4]=s=>o.service=s),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[12]||(t[12]=e("option",{value:""},"请选择咨询服务",-1)),(n(),a(b,null,y(m,(s,i)=>e("option",{key:i,value:s.value},l(s.label),9,Q)),64))],512),[[F,o.service]])]),e("div",null,[t[14]||(t[14]=e("label",{class:"block text-sm font-medium text-gray-700 mb-2",for:"message"},[d(" 咨询内容 "),e("span",{class:"text-red-500"},"*")],-1)),c(e("textarea",{id:"message","onUpdate:modelValue":t[5]||(t[5]=s=>o.message=s),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),[[g,o.message]])]),e("button",{type:"submit",disabled:u.value,class:x(["w-full py-4 px-6 rounded-lg text-white text-lg font-semibold",u.value?"bg-gray-400":"bg-secondary hover:bg-secondary/90 transition-colors duration-300"])},[u.value?(n(),a("span",X,t[15]||(t[15]=[e("i",{class:"fas fa-spinner fa-spin mr-2"},null,-1),d("提交中... ")]))):(n(),a("span",Z,"提交咨询"))],10,R)],32)]),e("div",null,[e("div",ee,[t[17]||(t[17]=e("h2",{class:"text-3xl font-bold mb-8 text-center"},"公司地址",-1)),e("div",te,[(n(),a(b,null,y(f,(s,i)=>e("div",{key:i,class:"flex items-start"},[e("div",se,[e("i",{class:x(["text-secondary text-xl",s.icon])},null,2)]),e("div",null,[e("h4",oe,l(s.title),1),e("p",ne,l(s.content),1)])])),64))])]),t[18]||(t[18]=e("div",{class:"w-full h-96 rounded-lg shadow-lg overflow-hidden bg-gray-200 flex items-center justify-center"},[e("i",{class:"fas fa-map-marked-alt text-6xl text-gray-400"}),e("span",{class:"ml-4 text-gray-500"},"地图加载位置")],-1))])])])]),e("section",ae,[e("div",le,[t[19]||(t[19]=e("h2",{class:"text-4xl font-bold text-center mb-6"},"常见问题",-1)),t[20]||(t[20]=e("p",{class:"text-xl text-center text-gray-600 mb-12"},"解答您最关心的问题",-1)),e("div",re,[(n(),a(b,null,y(w,(s,i)=>e("div",{key:i,class:"bg-white p-8 rounded-lg shadow-lg hover:shadow-xl transition-all duration-300 transform hover:-translate-y-1"},[e("h3",ie,l(s.question),1),e("p",de,l(s.answer),1)])),64))])])]),k(N,{message:r.message,type:r.type,onClose:t[6]||(t[6]=s=>r.message="")},null,8,["message","type"])])}}});export{me as default};
|