2 lines
3.2 KiB
JavaScript
2 lines
3.2 KiB
JavaScript
import{d as j,u as E,m as P,c as g,b as e,t as n,f as t,g as k,e as o,w as u,H,i as v,j as i,o as V,k as N,I as y}from"./index-CzwJBVIC.js";import{p as U,_ as Z}from"./index-8GqMb-ax.js";const z={class:"contact-page"},B={class:"page-banner"},I={class:"container page-banner-content"},M={class:"section"},S={class:"container"},A={class:"contact-grid"},D={class:"contact-info"},F={key:0,class:"info-card"},T={class:"info-item"},q={class:"info-item"},G={class:"info-item"},J={class:"info-item"},K={class:"contact-form"},L=j({__name:"ContactPage",setup(O){const{t:l,locale:h}=E(),s=v(null),p=v(!1),a=v({name:"",email:"",subject:"",content:""});P(async()=>{try{const r=await U.getContact();s.value=r.data}catch{}});async function f(){if(!a.value.name||!a.value.email||!a.value.content){y.warning("请填写必要信息");return}p.value=!0;try{y.success("留言提交成功，我们会尽快与您联系！"),a.value={name:"",email:"",subject:"",content:""}}catch{}p.value=!1}return(r,c)=>{const m=i("el-input"),_=i("el-form-item"),b=i("el-col"),w=i("el-row"),x=i("el-button"),C=i("el-form");return V(),g("div",z,[e("section",B,[c[4]||(c[4]=e("div",{class:"page-banner-overlay"},null,-1)),e("div",I,[e("h1",null,n(t(l)("contact.title")),1)])]),e("section",M,[e("div",S,[e("div",A,[e("div",D,[s.value?(V(),g("div",F,[e("div",T,[e("h3",null,n(t(l)("contact.phone")),1),e("p",null,n(s.value.phoneZh||s.value.phoneEn||"-"),1)]),e("div",q,[e("h3",null,n(t(l)("contact.email")),1),e("p",null,n(s.value.emailZh||s.value.emailEn||"-"),1)]),e("div",G,[e("h3",null,n(t(l)("contact.address")),1),e("p",null,n(t(h)==="zh"?s.value.addressZh:s.value.addressEn||"-"),1)]),e("div",J,[e("h3",null,n(t(l)("contact.businessHours")),1),e("p",null,n(t(h)==="zh"?s.value.businessHoursZh:s.value.businessHoursEn||"-"),1)])])):k("",!0)]),e("div",K,[e("h2",null,n(t(l)("contact.message")),1),o(C,{model:a.value,"label-position":"top",onSubmit:H(f,["prevent"])},{default:u(()=>[o(w,{gutter:20},{default:u(()=>[o(b,{span:12,xs:24},{default:u(()=>[o(_,{label:t(l)("contact.name")},{default:u(()=>[o(m,{modelValue:a.value.name,"onUpdate:modelValue":c[0]||(c[0]=d=>a.value.name=d),placeholder:t(l)("contact.namePlaceholder")},null,8,["modelValue","placeholder"])]),_:1},8,["label"])]),_:1}),o(b,{span:12,xs:24},{default:u(()=>[o(_,{label:t(l)("contact.emailField")},{default:u(()=>[o(m,{modelValue:a.value.email,"onUpdate:modelValue":c[1]||(c[1]=d=>a.value.email=d),placeholder:t(l)("contact.emailPlaceholder")},null,8,["modelValue","placeholder"])]),_:1},8,["label"])]),_:1})]),_:1}),o(_,{label:t(l)("contact.subject")},{default:u(()=>[o(m,{modelValue:a.value.subject,"onUpdate:modelValue":c[2]||(c[2]=d=>a.value.subject=d),placeholder:t(l)("contact.subjectPlaceholder")},null,8,["modelValue","placeholder"])]),_:1},8,["label"]),o(_,{label:t(l)("contact.content")},{default:u(()=>[o(m,{modelValue:a.value.content,"onUpdate:modelValue":c[3]||(c[3]=d=>a.value.content=d),type:"textarea",rows:5,placeholder:t(l)("contact.contentPlaceholder")},null,8,["modelValue","placeholder"])]),_:1},8,["label"]),o(x,{type:"primary",size:"large",onClick:f,loading:p.value},{default:u(()=>[N(n(t(l)("contact.submit")),1)]),_:1},8,["loading"])]),_:1},8,["model"])])])])])])}}}),W=Z(L,[["__scopeId","data-v-97ae2465"]]);export{W as default};
|