2 lines
7.9 KiB
JavaScript
2 lines
7.9 KiB
JavaScript
import{c as x,d as R,l as q,E as H,G as $,o as J,b as u,e as t,t as i,p as c,F as C,h as Z,k as L,m as l,z as d,H as P,B as D,r as g,C as v,g as m,j as w,I as G,J as U,_ as O}from"./index-eVF4AHSu.js";const K=x();function Q(o,n){return{id:typeof o.id=="number"?o.id:n+1,titleZh:String(o.titleZh??o.title??`政策占位 ${n+1}`),summaryZh:String(o.summaryZh??o.summary??""),iconUrl:typeof o.iconUrl=="string"?o.iconUrl:null}}async function W(){try{const o=await K.get("/portal/franchise/policies");return Array.isArray(o)?o.map((n,f)=>Q(n&&typeof n=="object"?n:{},f)):[]}catch(o){return console.warn("[portal/franchise/policies] fallback:",o),[{id:1,titleZh:"品牌支持",summaryZh:"终端形象与传播物料占位说明。",iconUrl:null},{id:2,titleZh:"培训赋能",summaryZh:"安装与售前培训体系占位。",iconUrl:null},{id:3,titleZh:"营销协同",summaryZh:"活动与投放协同占位条目。",iconUrl:null},{id:4,titleZh:"区域保护",summaryZh:"渠道与报备机制占位条目。",iconUrl:null}]}}const X=x();async function Y(o){await X.postJson("/portal/contact/submit",o)}const ee={class:"contact-page"},te={class:"contact-banner"},se={class:"container"},ae={class:"title-lg"},oe={class:"banner-desc"},le={class:"container"},de={key:0,class:"policy-grid"},ie={class:"policy-icon"},ne={viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round"},ce=["d"],re={class:"policy-title"},ue={class:"policy-desc muted"},ve={class:"contact-layout"},me={class:"contact-info surface"},pe={class:"info-block"},fe=["href"],be={class:"info-block"},_e={class:"info-value"},he={class:"info-block"},ye={class:"info-value"},ge={class:"info-block info-brand"},Ve={class:"info-label muted"},ke={class:"info-value-small"},Ce={class:"contact-form surface"},Ze={class:"form-row"},we={class:"form-row"},Ue=R({__name:"ContactView",setup(o){const{t:n}=q(),f=H(),{displayNameZh:M,sloganZh:S,hotline:V,email:A,addressZh:N}=$(f);f.ensureLoaded();const b=g([]);J(async()=>{try{b.value=await W()}catch(y){console.error("[ContactView] policies",y)}});const _=g(),h=g(!1),B=[{label:"加盟咨询",value:"join"},{label:"工程合作",value:"cooperate"},{label:"客户反馈",value:"feedback"},{label:"其他",value:"other"}],s=G({type:"join",name:"",phone:"",email:"",company:"",message:""}),j={name:[{required:!0,message:"请输入姓名",trigger:"blur"}],phone:[{required:!0,message:"请输入联系电话",trigger:"blur"}],message:[{required:!0,message:"请输入留言内容",trigger:"blur"}]};async function z(){if(!(!_.value||!await _.value.validate().catch(()=>!1))){h.value=!0;try{await Y({type:s.type,name:s.name,phone:s.phone,email:s.email||void 0,company:s.company||void 0,message:s.message}),U.success("提交成功，我们会尽快联系您！"),s.name="",s.phone="",s.email="",s.company="",s.message=""}catch(e){console.error("[ContactView] submit",e),U.error("提交失败，请稍后重试")}finally{h.value=!1}}}const k={"icon-brand":"M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z","icon-training":"M12 6.253v13m0-13C10.832 5.477 9.246 5 7.5 5S4.168 5.477 3 6.253v13C4.168 18.477 5.754 18 7.5 18s3.332.477 4.5 1.253m0-13C13.168 5.477 14.754 5 16.5 5c1.747 0 3.332.477 4.5 1.253v13C19.832 18.477 18.247 18 16.5 18c-1.746 0-3.332.477-4.5 1.253","icon-marketing":"M11 5.882V19.24a1.76 1.76 0 01-3.417.592l-2.147-6.15M18 13a3 3 0 100-6M5.436 13.683A4.001 4.001 0 017 6h1.832c4.1 0 7.625-1.234 9.168-3v14c-1.543-1.766-5.067-3-9.168-3H7a3.988 3.988 0 01-1.564-.317z","icon-protection":"M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z"};return(y,e)=>{const F=v("el-radio-button"),T=v("el-radio-group"),r=v("el-form-item"),p=v("el-input"),E=v("el-button"),I=v("el-form");return m(),u("div",ee,[t("section",te,[t("div",se,[e[6]||(e[6]=t("div",{class:"kicker-en"},"FRANCHISE & CONTACT",-1)),t("h1",ae,i(c(n)("contact.title")),1),t("p",oe,i(c(n)("contact.subtitle")),1)])]),t("div",le,[b.value.length?(m(),u("div",de,[(m(!0),u(C,null,Z(b.value,a=>(m(),u("div",{key:a.id,class:"policy-card surface"},[t("div",ie,[(m(),u("svg",ne,[t("path",{d:k[a.icon]||k["icon-brand"]},null,8,ce)]))]),t("h3",re,i(a.titleZh),1),t("p",ue,i(a.summaryZh),1)]))),128))])):L("",!0),t("div",ve,[t("div",me,[t("div",pe,[e[7]||(e[7]=t("div",{class:"info-label muted"},"品牌热线",-1)),t("a",{class:"info-value info-tel",href:`tel:${c(V)}`},i(c(V)),9,fe)]),t("div",be,[e[8]||(e[8]=t("div",{class:"info-label muted"},"电子邮箱",-1)),t("div",_e,i(c(A)),1)]),t("div",he,[e[9]||(e[9]=t("div",{class:"info-label muted"},"公司地址",-1)),t("div",ye,i(c(N)),1)]),t("div",ge,[t("div",Ve,i(c(M)),1),t("div",ke,i(c(S)),1)])]),t("div",Ce,[e[11]||(e[11]=t("h3",{class:"form-title"},"在线留言",-1)),l(I,{ref_key:"formRef",ref:_,model:s,rules:j,"label-position":"top",size:"large",onSubmit:P(z,["prevent"])},{default:d(()=>[l(r,{label:"咨询类型",prop:"type"},{default:d(()=>[l(T,{modelValue:s.type,"onUpdate:modelValue":e[0]||(e[0]=a=>s.type=a)},{default:d(()=>[(m(),u(C,null,Z(B,a=>l(F,{key:a.value,value:a.value},{default:d(()=>[w(i(a.label),1)]),_:2},1032,["value"])),64))]),_:1},8,["modelValue"])]),_:1}),t("div",Ze,[l(r,{label:"姓名",prop:"name"},{default:d(()=>[l(p,{modelValue:s.name,"onUpdate:modelValue":e[1]||(e[1]=a=>s.name=a),placeholder:"请输入您的姓名"},null,8,["modelValue"])]),_:1}),l(r,{label:"电话",prop:"phone"},{default:d(()=>[l(p,{modelValue:s.phone,"onUpdate:modelValue":e[2]||(e[2]=a=>s.phone=a),placeholder:"请输入联系电话"},null,8,["modelValue"])]),_:1})]),t("div",we,[l(r,{label:"邮箱",prop:"email"},{default:d(()=>[l(p,{modelValue:s.email,"onUpdate:modelValue":e[3]||(e[3]=a=>s.email=a),placeholder:"请输入电子邮箱（选填）"},null,8,["modelValue"])]),_:1}),l(r,{label:"公司名称",prop:"company"},{default:d(()=>[l(p,{modelValue:s.company,"onUpdate:modelValue":e[4]||(e[4]=a=>s.company=a),placeholder:"请输入公司名称（选填）"},null,8,["modelValue"])]),_:1})]),l(r,{label:"留言内容",prop:"message"},{default:d(()=>[l(p,{modelValue:s.message,"onUpdate:modelValue":e[5]||(e[5]=a=>s.message=a),type:"textarea",rows:5,placeholder:"请描述您的需求或咨询内容..."},null,8,["modelValue"])]),_:1}),l(r,null,{default:d(()=>[l(E,{type:"primary",loading:h.value,class:"submit-btn","native-type":"submit"},{default:d(()=>[...e[10]||(e[10]=[w(" 提交留言 ",-1)])]),_:1},8,["loading"])]),_:1})]),_:1},8,["model"])])]),e[12]||(e[12]=D('<div class="process-section surface" data-v-2bf2dced><h3 class="process-title" data-v-2bf2dced>加盟流程</h3><div class="process-steps" data-v-2bf2dced><div class="step" data-v-2bf2dced><div class="step-num" data-v-2bf2dced>01</div><div class="step-text" data-v-2bf2dced>咨询了解</div></div><div class="step-arrow" data-v-2bf2dced>→</div><div class="step" data-v-2bf2dced><div class="step-num" data-v-2bf2dced>02</div><div class="step-text" data-v-2bf2dced>实地考察</div></div><div class="step-arrow" data-v-2bf2dced>→</div><div class="step" data-v-2bf2dced><div class="step-num" data-v-2bf2dced>03</div><div class="step-text" data-v-2bf2dced>提交申请</div></div><div class="step-arrow" data-v-2bf2dced>→</div><div class="step" data-v-2bf2dced><div class="step-num" data-v-2bf2dced>04</div><div class="step-text" data-v-2bf2dced>签订合同</div></div><div class="step-arrow" data-v-2bf2dced>→</div><div class="step" data-v-2bf2dced><div class="step-num" data-v-2bf2dced>05</div><div class="step-text" data-v-2bf2dced>店面装修</div></div><div class="step-arrow" data-v-2bf2dced>→</div><div class="step" data-v-2bf2dced><div class="step-num" data-v-2bf2dced>06</div><div class="step-text" data-v-2bf2dced>盛大开业</div></div></div></div>',1))])])}}}),Me=O(Ue,[["__scopeId","data-v-2bf2dced"]]);export{Me as default};
|