2 lines
6.0 KiB
JavaScript
2 lines
6.0 KiB
JavaScript
import{d as O,r as $,v as L,g as n,z as y,k as c,w as a,e as l,b as d,t as g,c as U,F as P,y as k,x as B,l as j,P as G,_ as J}from"./index-C9WLPmkt.js";const K={class:"h5app-header"},Q={class:"h5app-title"},W={class:"merchant-select-area"},X={class:"merchant-select-area"},Y=O({__name:"H5AppForm",props:{modelValue:{},index:{},canDelete:{type:Boolean},existingPrefixes:{},weixinMerchants:{},alipayMerchants:{}},emits:["update:modelValue","delete","change","defaultChange"],setup(v,{expose:D,emit:q}){const _=v,p=q,x=$(),t=L({get:()=>_.modelValue,set:V=>p("update:modelValue",V)}),E={name:[{required:!0,message:"请输入H5应用名称",trigger:"blur"},{max:50,message:"H5应用名称不能超过50个字符",trigger:"blur"}],appid:[{required:!0,message:"请输入AppId",trigger:"blur"},{max:50,message:"AppId不能超过50个字符",trigger:"blur"}],appsecret:[{required:!0,message:"请输入AppSecret",trigger:"blur"}],order_prefix:[{required:!0,message:"请输入订单前缀",trigger:"blur"},{validator:(V,e,i)=>{if(!e){i(new Error("请输入订单前缀"));return}if(e.length!==2){i(new Error("订单前缀必须为2位字符"));return}if(_.existingPrefixes.filter((C,s)=>s!==_.index).includes(e)){i(new Error("订单前缀已被其他H5应用使用"));return}i()},trigger:"blur"}]},u=()=>{p("change")},F=()=>{t.value.is_default===1&&p("defaultChange",_.index),p("change")},M=()=>{p("change")},S=()=>{p("delete",_.index)};return D({validate:async()=>{if(!x.value)return!1;try{return await x.value.validate(),!0}catch{return!1}}}),(V,e)=>{const i=n("el-tag"),w=n("el-icon"),C=n("el-button"),s=n("el-input"),r=n("el-form-item"),m=n("el-col"),b=n("el-row"),H=n("el-radio"),N=n("el-radio-group"),h=n("el-option"),I=n("el-select"),A=n("el-tab-pane"),R=n("el-tabs"),T=n("el-form"),z=n("el-card");return c(),y(z,{class:"h5app-card",shadow:"hover"},{header:a(()=>[d("div",K,[d("span",Q,[l(i,{type:t.value.is_default===1?"success":"info",size:"small"},{default:a(()=>[g(B(t.value.is_default===1?"默认":"非默认"),1)]),_:1},8,["type"]),g(" "+B(t.value.name||"新H5应用"),1)]),l(C,{type:"danger",link:"",disabled:!v.canDelete,onClick:S},{default:a(()=>[l(w,null,{default:a(()=>[l(j(G))]),_:1}),e[9]||(e[9]=g("删除 ",-1))]),_:1},8,["disabled"])])]),default:a(()=>[l(T,{ref_key:"formRef",ref:x,model:t.value,rules:E,"label-width":"100px",class:"h5app-form"},{default:a(()=>[l(b,{gutter:20},{default:a(()=>[l(m,{span:12},{default:a(()=>[l(r,{label:"H5名称",prop:"name"},{default:a(()=>[l(s,{modelValue:t.value.name,"onUpdate:modelValue":e[0]||(e[0]=o=>t.value.name=o),placeholder:"请输入H5应用名称",maxlength:"50",onInput:u},null,8,["modelValue"])]),_:1})]),_:1}),l(m,{span:12},{default:a(()=>[l(r,{label:"AppId",prop:"appid"},{default:a(()=>[l(s,{modelValue:t.value.appid,"onUpdate:modelValue":e[1]||(e[1]=o=>t.value.appid=o),placeholder:"请输入AppId",maxlength:"50",onInput:u},null,8,["modelValue"])]),_:1})]),_:1})]),_:1}),l(b,{gutter:20},{default:a(()=>[l(m,{span:12},{default:a(()=>[l(r,{label:"AppSecret",prop:"appsecret"},{default:a(()=>[l(s,{modelValue:t.value.appsecret,"onUpdate:modelValue":e[2]||(e[2]=o=>t.value.appsecret=o),type:"password",placeholder:"请输入AppSecret","show-password":"",onInput:u},null,8,["modelValue"])]),_:1})]),_:1}),l(m,{span:12},{default:a(()=>[l(r,{label:"域名",prop:"domain"},{default:a(()=>[l(s,{modelValue:t.value.domain,"onUpdate:modelValue":e[3]||(e[3]=o=>t.value.domain=o),placeholder:"请输入域名，多个用逗号分隔",onInput:u},null,8,["modelValue"]),e[10]||(e[10]=d("div",{class:"form-tip"},"用于自动匹配H5应用，多个域名用逗号分隔",-1))]),_:1})]),_:1})]),_:1}),l(b,{gutter:20},{default:a(()=>[l(m,{span:12},{default:a(()=>[l(r,{label:"订单前缀",prop:"order_prefix"},{default:a(()=>[l(s,{modelValue:t.value.order_prefix,"onUpdate:modelValue":e[4]||(e[4]=o=>t.value.order_prefix=o),placeholder:"请输入2位订单前缀",maxlength:"2",onInput:u},null,8,["modelValue"]),e[11]||(e[11]=d("div",{class:"form-tip"},"必须为2位字符，用于区分不同H5应用的订单",-1))]),_:1})]),_:1}),l(m,{span:12},{default:a(()=>[l(r,{label:"是否默认",prop:"is_default"},{default:a(()=>[l(N,{modelValue:t.value.is_default,"onUpdate:modelValue":e[5]||(e[5]=o=>t.value.is_default=o),onChange:F},{default:a(()=>[l(H,{value:1},{default:a(()=>[...e[12]||(e[12]=[g("是",-1)])]),_:1}),l(H,{value:0},{default:a(()=>[...e[13]||(e[13]=[g("否",-1)])]),_:1})]),_:1},8,["modelValue"]),e[14]||(e[14]=d("div",{class:"form-tip"},"默认H5应用用于未匹配域名时的兜底",-1))]),_:1})]),_:1})]),_:1}),l(r,{label:"支付方式",prop:"pay_type"},{default:a(()=>[l(R,{modelValue:t.value.pay_type,"onUpdate:modelValue":e[8]||(e[8]=o=>t.value.pay_type=o),type:"card",onTabChange:M},{default:a(()=>[l(A,{label:"微信支付",name:"wechat"},{default:a(()=>[d("div",W,[l(r,{label:"关联商户","label-width":"80px"},{default:a(()=>[l(I,{modelValue:t.value.wx_merchants,"onUpdate:modelValue":e[6]||(e[6]=o=>t.value.wx_merchants=o),multiple:"",placeholder:"请选择关联的微信支付商户",style:{width:"100%"},onChange:u},{default:a(()=>[(c(!0),U(P,null,k(v.weixinMerchants,(o,f)=>(c(),y(h,{key:f,label:o.name||`商户${f+1}`,value:o.mch_id},null,8,["label","value"]))),128))]),_:1},8,["modelValue"]),e[15]||(e[15]=d("div",{class:"form-tip"},"选择该H5应用可使用的微信支付商户",-1))]),_:1})])]),_:1}),l(A,{label:"支付宝支付",name:"alipay"},{default:a(()=>[d("div",X,[l(r,{label:"关联商户","label-width":"80px"},{default:a(()=>[l(I,{modelValue:t.value.ali_merchant_index,"onUpdate:modelValue":e[7]||(e[7]=o=>t.value.ali_merchant_index=o),placeholder:"请选择关联的支付宝商户",style:{width:"100%"},onChange:u},{default:a(()=>[l(h,{label:"不关联",value:-1}),(c(!0),U(P,null,k(v.alipayMerchants,(o,f)=>(c(),y(h,{key:f,label:o.name||`商户${f+1}`,value:f},null,8,["label","value"]))),128))]),_:1},8,["modelValue"]),e[16]||(e[16]=d("div",{class:"form-tip"},"选择该H5应用使用的支付宝商户",-1))]),_:1})])]),_:1})]),_:1},8,["modelValue"])]),_:1})]),_:1},8,["model"])]),_:1})}}}),ae=J(Y,[["__scopeId","data-v-8de55e0a"]]);export{ae as default};
|