You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
2 lines
3.1 KiB
2 lines
3.1 KiB
4 months ago
|
import{aP as w,d as z,r as g,ax as F,ao as h,G as L,z as S,a as y,c as C,b as s,q as x,e as r,h as l,H as P,f as H,I as J,ae as O,h6 as Q,a7 as v,aj as R,an as T,bD as W,ak as $,bc as X,ab as Y,aQ as Z,_ as ee}from"./index-e450010e.js";function oe(n){return w({url:"/systemapi/customer_form/gainFormGroupInfo",method:"post",data:n})}function te(n){return w({url:"/systemapi/customer_form/addCustomerFormGroup",method:"post",data:n})}const se={class:"formGroupBox"},re=["src"],le={style:{flex:"auto"}},ae=z({__name:"lowCodeFormGroupPage",props:{drawerWith:{type:Number,default:0},groupKey:{type:String,default:""}},emits:["refreshPage"],setup(n,{emit:V}){const i=n,c=V,p=g(!0),e=F({title:"",icon:"",ordid:"",sort:50}),m=g(h),E="/api/upordown",u=g(!1),k=F({title:[{required:!0,message:"分组名称不能为空",trigger:"blur"},{min:1,max:50,message:"名称长度为1-50个字符",trigger:"blur"}]}),I=o=>{e.title!=""||e.icon!=""||e.sort!=50||e.ordid!=""?O.confirm("编辑好的数据是否提交?").then(()=>{G()}).catch(()=>{c("refreshPage","formPageGroup")}):c("refreshPage","formPageGroup")},G=()=>{u.value=!0,m.value.validate(o=>{if(o)if(i.groupKey!=""){let t={id:i.groupKey,title:e.title,sort:e.sort,icon:e.icon};Q(t).then(d=>{v({message:d.msg,type:"success"}),_()}).finally(()=>{u.value=!1})}else te(e).then(t=>{v({message:t.msg,type:"success"}),_()}).finally(()=>{u.value=!1});else u.value=!1})},B=o=>o.type!=="image/jpeg"&&o.type!=="image/png"?(v.error("Avatar picture must be JPG format!"),!1):!0,U=(o,t,d)=>{e.icon=o.data.url},_=()=>{c("refreshPage","formPageGroup"),K()},K=()=>{e.title="",e.icon="",e.sort=50,e.ordid="",m.value.resetFields()};return L(()=>{i.groupKey!=""&&oe({id:i.groupKey}).then(({data:o})=>{console.log("编辑表单分组",o),e.title=o.title,e.icon=o.icon,e.sort=o.sort,e.ordid=o.ordid})}),(o,t)=>{const d=R,f=T,N=W,A=S("Plus"),D=$,M=X,j=h,b=Y,q=Z;return y(),C(q,{modelValue:l(p),"onUpdate:modelValue":t[3]||(t[3]=a=>J(p)?p.value=a:null),title:"编辑表单分组","before-close":I,class:"drawerGroupClass"},{footer:s(()=>[x("div",le,[r(b,{type:"primary",loading:l(u),onClick:t[2]||(t[2]=a=>G())},{default:s(()=>[P("提交")]),_:1},8,["loading"]),r(b,{onClick:_},{default:s(()=>[P("取消")]),_:1})])]),default:s(()=>[x("div",se,[r(j,{ref_key:"ruleFormGroup",ref:m,model:l(e),rules:l(k),"label-width":"auto",style:{"max-width":"600px"}},{default:s(()=>[r(f,{label:"分组名称",prop:"title"},{default:s(()=>[r(d,{modelValue:l(e).title,"onUpdate:modelValue":t[0]||(t[0]=a=>l(e).title=a)},null,8,["modelValue"])]),_:1}),r(f,{label:"排序"},{default:s(()=>[r(N,{modelValue:l(e).sort,"onUpdate:modelValue":t[1]||(t[1]=a=>l(e).sort=a),"controls-position":"right"},null,8,["modelValue"])]),_:1}),r(f,{label:"封面"},{default:s(()=>[r(M,{class:"avatar-uploader",action:E,"show-file-list":!1,"on-success":U,"before-upload":B},{default:s(()=>[l(e).icon?(y(),H("img",{key:0,src:l(e).icon,class:"avatar"},null,8,re)):(y(),C(D,{key:1,class:"avatar-uploader-icon"},{default:s(()=>[r(A)]),_:1}))]),_:1})]),_:1})]),_:1},8,["model","rules"])])]),_:1},8,["modelValue"])}}});const ue=ee(ae,[["__scopeId","data-v-4fe9c852"]]);export{ue as default};
|