1 |
- import{G as ge,s as Ve,D as ee,U as he}from"./api.uQBPPwVg.js";import{d as J}from"./dictionary.DtqLlNzM.js";import{af as le,S as Ue,ai as R,s as xe,aj as we,V as Ce,X as Oe}from"./index.BQUvI64x.js";import{a as Re,_ as te,r as b,i as Se,w as je,aj as u,c as k,o as d,S as a,K as o,P as y,R as T,a9 as N,u as s,t as ze,J as c,Q as C,b as v,M as Ie,y as oe}from"./vue.D1BjjNmv.js";import{_ as Te}from"./_plugin-vue_export-helper.DlAUqK2U.js";const Ne={key:1},Le={slot:"prepend"},De={style:{padding:"0px 5px"}},We={key:1},$e=["src"],Be=["src"],Je={style:{"text-align":"right",margin:"0"}},qe=Re({__name:"formContent",props:["options","editableTabsItem"],setup(L){const q=L;let r=te({}),g=b([]);b([]);let x=b(!1);const ae=te({title:[{required:!0,message:"必须填写"}],key:[{required:!0,message:"必须填写"}],value:[{required:!0,message:"必须填写"}]}),E=b();let M=b(le()+"api/system/file/"),P=b({Authorization:"JWT "+Ue.get("token")}),D=b(""),W=b(!1);b(null);const ne=()=>{ge({parent:q.options.id,limit:999}).then(n=>{let t=n.data;g.value=t;const p={};for(const _ of t){const i=_.key;_.value?p[i]=_.value:[5,12,14].indexOf(_.form_item_type)!==-1?p[i]=[]:p[i]=_.value,_.form_item_type_label==="array"&&(console.log("test"),ze(()=>{const V=b();console.log(V)}))}r=Object.assign(r,p)})},se=n=>{const t=Object.keys(r),p=Object.values(r);for(const _ in g.value){const i=g.value[_];i.form_item_type_label==="array"&&(i.id,""+i.key),t.map((O,w)=>{if(O===i.key&&(i.form_item_type_label!=="array"&&(i.value=p[w]),["img","imgs"].indexOf(i.form_item_type_label)>-1)){for(const j of i.rule)if(j.required&&i.value===null){R(i.title+"不能为空");return}}})}n&&n.validate(_=>{if(_)Ve(g.value).then(i=>{xe("保存成功"),S&&S()});else return console.log("error submit!!"),!1})},re=n=>{},de=(n,t,p)=>{console.log(n,t),n.id&&ee(n.id).then(_=>{})},A=n=>{D=n.url,W.value=!0},ie=n=>{if(typeof n!="string")return;const t=n.toLowerCase();return t.endsWith(".png")||t.endsWith(".jpeg")||t.endsWith(".jpg")||t.endsWith(".png")||t.endsWith(".bmp")},F=(n,t,p,_)=>{const{code:i,msg:V}=n;if(i===2e3){const{url:O}=n.data,{name:w}=t;if(!ie(w))R("只允许上传图片");else{const z=r[_];(!z||z==="")&&(r[_]=[]);const $={name:w,url:le()+O};r[_].push($)}}else R("上传失败,"+JSON.stringify(V))},G=()=>{R("上传失败")},H=()=>{R("超过文件上传数量")},Q=(n,t,p)=>{var _=0;r[p].map((i,V)=>{i.uid===n.uid&&(_=V)}),r[p].splice(_,1)},ue=n=>{ee(n.id).then(t=>{})},pe=n=>{g.value[n].edit=!0,g.value[n].new_key=g.value[n].key},S=Se("refreshView"),_e=n=>{n.key=JSON.parse(JSON.stringify(n.new_key)),he(n).then(t=>{S&&S()})};return je(q.options,n=>{n&&n.id&&ne()},{immediate:!0}),(n,t)=>{const p=u("el-col"),_=u("el-row"),i=u("el-input"),V=u("el-input-number"),O=u("el-date-picker"),w=u("el-option"),j=u("el-select"),z=u("el-checkbox"),$=u("el-checkbox-group"),fe=u("el-radio"),ce=u("el-radio-group"),X=u("el-switch"),K=u("el-upload"),Y=u("el-dialog"),me=u("table-selector"),B=u("vxe-input"),I=u("vxe-column"),h=u("el-button"),ye=u("el-popover"),ke=u("vxe-table"),ve=u("el-popconfirm"),Z=u("el-form-item"),be=u("el-form");return d(),k("div",null,[a(_,{gutter:20},{default:o(()=>[a(p,{span:4},{default:o(()=>t[3]||(t[3]=[y("变量标题")])),_:1}),a(p,{span:4},{default:o(()=>t[4]||(t[4]=[y("变量名")])),_:1}),a(p,{span:10},{default:o(()=>t[5]||(t[5]=[y("变量值")])),_:1}),a(p,{span:2,offset:1},{default:o(()=>t[6]||(t[6]=[y("是否前端配置")])),_:1}),a(p,{span:3},{default:o(()=>t[7]||(t[7]=[y("操作")])),_:1})]),_:1}),a(be,{ref_key:"formRef",ref:E,model:s(r),"label-width":"0px","label-position":"left",style:{"margin-top":"20px"}},{default:o(()=>[(d(!0),k(T,null,N(s(g),(e,m)=>(d(),c(Z,{prop:["array"].indexOf(e.form_item_type_label)>-1?"":e.key,key:m,rules:e.rule||[]},{default:o(()=>[a(p,{span:4},{default:o(()=>[e.edit?(d(),c(i,{key:0,modelValue:e.title,"onUpdate:modelValue":l=>e.title=l,style:{display:"inline-block",width:"200px"},placeholder:"请输入标题"},null,8,["modelValue","onUpdate:modelValue"])):(d(),k("span",Ne,C(e.title),1))]),_:2},1024),a(p,{span:4},{default:o(()=>[e.edit?(d(),c(i,{key:0,modelValue:e.new_key,"onUpdate:modelValue":l=>e.new_key=l,style:{width:"200px"},placeholder:"请输入变量key"},{default:o(()=>[v("template",Le,[v("span",De,C(L.editableTabsItem.key),1)])]),_:2},1032,["modelValue","onUpdate:modelValue"])):(d(),k("span",We,C(L.editableTabsItem.key)+"."+C(e.key),1))]),_:2},1024),a(p,{span:10},{default:o(()=>[["text","textarea"].indexOf(e.form_item_type_label)>-1?(d(),c(i,{key:m,type:e.form_item_type_label,modelValue:s(r)[e.key],"onUpdate:modelValue":l=>s(r)[e.key]=l,placeholder:e.placeholder,clearable:""},null,8,["type","modelValue","onUpdate:modelValue","placeholder"])):e.form_item_type_label==="number"?(d(),c(V,{key:m+1,modelValue:s(r)[e.key],"onUpdate:modelValue":l=>s(r)[e.key]=l,min:0},null,8,["modelValue","onUpdate:modelValue"])):["datetime","date","time"].indexOf(e.form_item_type_label)>-1?(d(),c(O,{modelValue:s(r)[e.key],"onUpdate:modelValue":l=>s(r)[e.key]=l,key:m+2,type:e.form_item_type_label,placeholder:e.placeholder},null,8,["modelValue","onUpdate:modelValue","type","placeholder"])):e.form_item_type_label==="select"?(d(),c(j,{key:m+3,modelValue:s(r)[e.key],"onUpdate:modelValue":l=>s(r)[e.key]=l,placeholder:e.placeholder,clearable:""},{default:o(()=>[(d(!0),k(T,null,N(s(J)(e.setting)||[],l=>(d(),c(w,{key:l.value,label:l.label,value:l.value},null,8,["label","value"]))),128))]),_:2},1032,["modelValue","onUpdate:modelValue","placeholder"])):e.form_item_type_label==="checkbox"?(d(),c($,{key:m+4,modelValue:s(r)[e.key],"onUpdate:modelValue":l=>s(r)[e.key]=l,placeholder:e.placeholder},{default:o(()=>[(d(!0),k(T,null,N(s(J)(e.setting)||[],l=>(d(),c(z,{key:l.value,label:l.value,value:l.value},{default:o(()=>[y(C(l.label),1)]),_:2},1032,["label","value"]))),128))]),_:2},1032,["modelValue","onUpdate:modelValue","placeholder"])):e.form_item_type_label==="radio"?(d(),c(ce,{key:m+5,modelValue:s(r)[e.key],"onUpdate:modelValue":l=>s(r)[e.key]=l,placeholder:e.placeholder,clearable:""},{default:o(()=>[(d(!0),k(T,null,N(s(J)(e.setting)||[],l=>(d(),c(fe,{key:l.value,label:l.value,value:l.value},{default:o(()=>[y(C(l.label),1)]),_:2},1032,["label","value"]))),128))]),_:2},1032,["modelValue","onUpdate:modelValue","placeholder"])):e.form_item_type_label==="switch"?(d(),c(X,{key:m+6,modelValue:s(r)[e.key],"onUpdate:modelValue":l=>s(r)[e.key]=l,"inactive-value":!1,"active-color":"#13ce66","inactive-color":"#ff4949"},null,8,["modelValue","onUpdate:modelValue"])):["img","imgs"].indexOf(e.form_item_type_label)>-1?(d(),k("div",{key:m+7},[a(K,{action:s(M),headers:s(P),name:"file",accept:"image/*","on-preview":A,"on-success":(l,f,U)=>{F(l,f,U,e.key)},"on-error":G,"on-exceed":H,"before-remove":(l,f)=>{Q(l,f,e.key)},multiple:e.form_item_type_label!=="img",limit:e.form_item_type_label==="img"?1:5,ref_for:!0,ref:"imgUpload_"+e.key,"data-keyname":e.key,"file-list":e.value?e.value:[],"list-type":"picture-card"},{default:o(()=>t[8]||(t[8]=[v("i",{class:"el-icon-plus"},null,-1),v("div",{slot:"tip",class:"el-upload__tip"},"请选取图片,并且只能上传jpg/png文件",-1)])),_:2},1032,["action","headers","on-success","before-remove","multiple","limit","data-keyname","file-list"]),a(Y,{visible:s(W)},{default:o(()=>[v("img",{width:"100%",src:s(D),alt:""},null,8,$e)]),_:1},8,["visible"])])):["file"].indexOf(e.form_item_type_label)>-1?(d(),k("div",{key:m+8},[a(K,{action:s(M),headers:s(P),name:"file","on-preview":A,"on-success":(l,f,U)=>{F(l,f,U,e.key)},"on-error":G,"on-exceed":H,"before-remove":(l,f)=>{Q(l,f,e.key)},limit:5,ref_for:!0,ref:"fileUpload_"+e.key,"data-keyname":e.key,"file-list":e.value,"list-type":"picture-card"},{default:o(()=>t[9]||(t[9]=[v("i",{class:"el-icon-plus"},null,-1),v("div",{slot:"tip",class:"el-upload__tip"},"请选取图片,并且只能上传jpg/png文件",-1)])),_:2},1032,["action","headers","on-success","before-remove","data-keyname","file-list"]),a(Y,{visible:s(W)},{default:o(()=>[v("img",{width:"100%",src:s(D),alt:""},null,8,Be)]),_:1},8,["visible"])])):["foreignkey","manytomany"].indexOf(e.form_item_type_label)>-1?(d(),k("div",{key:m+9},[a(me,{modelValue:s(r)[e.key],"onUpdate:modelValue":l=>s(r)[e.key]=l,"el-props":{pagination:!0,columns:e.setting.searchField},dict:{url:"/api/system/system_config/get_table_data/"+e.id+"/",value:e.setting.primarykey,label:e.setting.field},pagination:!0,multiple:e.form_item_type_label==="manytomany"},null,8,["modelValue","onUpdate:modelValue","el-props","dict","multiple"])])):e.form_item_type_label==="array"?(d(),k("div",{key:m+10},[a(ke,{border:"",resizable:"","auto-resize":"","show-overflow":"","keep-source":"",ref_for:!0,ref:"xTable_"+e.key,height:"200","edit-rules":ae,"edit-config":{trigger:"click",mode:"row",showStatus:!0}},{default:o(()=>[a(I,{field:"title",title:"标题","edit-render":{autofocus:".vxe-input--inner"}},{edit:o(({row:l})=>[a(B,{modelValue:l.title,"onUpdate:modelValue":f=>l.title=f,type:"text"},null,8,["modelValue","onUpdate:modelValue"])]),_:1}),a(I,{field:"key",title:"键名","edit-render":{autofocus:".vxe-input--inner"}},{edit:o(({row:l})=>[a(B,{modelValue:l.key,"onUpdate:modelValue":f=>l.key=f,type:"text"},null,8,["modelValue","onUpdate:modelValue"])]),_:1}),a(I,{field:"value",title:"键值","edit-render":{}},{edit:o(({row:l})=>[a(B,{modelValue:l.value,"onUpdate:modelValue":f=>l.value=f,type:"text"},null,8,["modelValue","onUpdate:modelValue"])]),_:1}),a(I,{title:"操作",width:"100","show-overflow":""},{default:o(({row:l,index:f})=>[a(ye,{placement:"top",width:"160",modelValue:s(x),"onUpdate:modelValue":t[1]||(t[1]=U=>oe(x)?x.value=U:x=U)},{default:o(()=>[t[13]||(t[13]=v("p",null,"删除后无法恢复,确定删除吗?",-1)),v("div",Je,[a(h,{size:"mini",type:"text",onClick:t[0]||(t[0]=U=>oe(x)?x.value=!1:x=!1)},{default:o(()=>t[10]||(t[10]=[y("取消")])),_:1}),a(h,{type:"primary",size:"mini",onClick:U=>de(l,f,e.key)},{default:o(()=>t[11]||(t[11]=[y("确定")])),_:2},1032,["onClick"])]),a(h,{type:"text",slot:"reference"},{default:o(()=>t[12]||(t[12]=[y("删除")])),_:1})]),_:2},1032,["modelValue"])]),_:2},1024)]),_:2},1032,["edit-rules"]),v("div",null,[a(h,{size:"mini",onClick:l=>re("xTable_"+e.key)},{default:o(()=>t[14]||(t[14]=[y("追加")])),_:2},1032,["onClick"])])])):Ie("",!0)]),_:2},1024),a(p,{span:2,offset:1},{default:o(()=>[a(X,{modelValue:e.status,"onUpdate:modelValue":l=>e.status=l,"active-color":"#13ce66","inactive-color":"#ff4949"},null,8,["modelValue","onUpdate:modelValue"])]),_:2},1024),a(p,{span:3},{default:o(()=>[e.edit?(d(),c(h,{key:0,size:"mini",type:"primary",icon:s(we),onClick:l=>_e(e)},{default:o(()=>t[15]||(t[15]=[y("保存")])),_:2},1032,["icon","onClick"])):(d(),c(h,{key:1,size:"mini",type:"primary",icon:s(Ce),onClick:l=>pe(m)},null,8,["icon","onClick"])),a(ve,{title:"确定删除该条数据吗?",onConfirm:l=>ue(e)},{reference:o(()=>[a(h,{size:"mini",type:"danger",icon:s(Oe)},null,8,["icon"])]),_:2},1032,["onConfirm"])]),_:2},1024)]),_:2},1032,["prop","rules"]))),128)),a(Z,null,{default:o(()=>[a(h,{type:"primary",onClick:t[2]||(t[2]=e=>se(E.value))},{default:o(()=>t[16]||(t[16]=[y("确定")])),_:1})]),_:1})]),_:1},8,["model"])])}}}),Ge=Te(qe,[["__scopeId","data-v-d65a9267"]]);export{Ge as default};
|