1 |
- import{G as ge,s as Ve,D as ee,U as he}from"./api.Dj_d1eMS.js";import{d as B}from"./dictionary.CMTeZcju.js";import{F as le,S as Ue,R as xe,T as we,U as Ce,t as Oe,Y as j}from"./index.CbDucVWP.js";import{a as Re,_ as te,r as b,i as Se,w as Te,aj as i,c as k,o as r,S as a,K as o,P as y,R as z,a9 as I,J as f,Q as C,b as v,M as je,u as s,y as oe,t as ze}from"./vue.YrNK8sx4.js";import{_ as Ie}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"}},Ee=Re({__name:"formContent",props:["options","editableTabsItem"],setup(N){const J=N;let d=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 q=b(le()+"api/system/file/"),F=b({Authorization:"JWT "+Ue.get("token")}),L=b(""),D=b(!1);b(null);const ne=()=>{ge({parent:J.options.id,limit:999}).then(n=>{let t=n.data;g.value=t;const u={};for(const p of t){const _=p.key;p.value?u[_]=p.value:[5,12,14].indexOf(p.form_item_type)!==-1?u[_]=[]:u[_]=p.value,p.form_item_type_label==="array"&&(console.log("test"),ze(()=>{const V=b();console.log(V)}))}d=Object.assign(d,u)})},se=n=>{const t=Object.keys(d),u=Object.values(d);for(const p in g.value){const _=g.value[p];_.form_item_type_label==="array"&&(_.id,""+_.key),t.map((O,w)=>{O===_.key&&(_.form_item_type_label!=="array"&&(_.value=u[w]),["img","imgs"].indexOf(_.form_item_type_label)>-1)})}n&&n.validate(p=>{if(p)Ve(g.value).then(_=>{Oe("保存成功"),R&&R()});else return console.log("error submit!!"),!1})},de=n=>{},re=(n,t,u)=>{console.log(n,t),n.id&&ee(n.id).then(p=>{})},M=n=>{L=n.url,D.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")},P=(n,t,u,p)=>{const{code:_,msg:V}=n;if(_===2e3){const{url:O}=n.data,{name:w}=t;if(!ie(w))j("只允许上传图片");else{const S=d[p];(!S||S==="")&&(d[p]=[]);const W={name:w,url:le()+O};d[p].push(W)}}else j("上传失败,"+JSON.stringify(V))},A=()=>{j("上传失败")},G=()=>{j("超过文件上传数量")},H=(n,t,u)=>{var p=0;d[u].map((_,V)=>{_.uid===n.uid&&(p=V)}),d[u].splice(p,1)},ue=n=>{ee(n.id).then(t=>{})},pe=n=>{g.value[n].edit=!0,g.value[n].new_key=g.value[n].key},R=Se("refreshView"),_e=n=>{n.key=JSON.parse(JSON.stringify(n.new_key)),he(n).then(t=>{R&&R()})};return Te(J.options,n=>{n&&n.id&&ne()},{immediate:!0}),(n,t)=>{const u=i("el-col"),p=i("el-row"),_=i("el-input"),V=i("el-input-number"),O=i("el-date-picker"),w=i("el-option"),Q=i("el-select"),S=i("el-checkbox"),W=i("el-checkbox-group"),ce=i("el-radio"),fe=i("el-radio-group"),Y=i("el-switch"),K=i("el-upload"),X=i("el-dialog"),me=i("table-selector"),$=i("vxe-input"),T=i("vxe-column"),h=i("el-button"),ye=i("el-popover"),ke=i("vxe-table"),ve=i("el-popconfirm"),Z=i("el-form-item"),be=i("el-form");return r(),k("div",null,[a(p,{gutter:20},{default:o(()=>[a(u,{span:4},{default:o(()=>t[3]||(t[3]=[y("变量标题")])),_:1}),a(u,{span:4},{default:o(()=>t[4]||(t[4]=[y("变量名")])),_:1}),a(u,{span:10},{default:o(()=>t[5]||(t[5]=[y("变量值")])),_:1}),a(u,{span:2,offset:1},{default:o(()=>t[6]||(t[6]=[y("是否前端配置")])),_:1}),a(u,{span:3},{default:o(()=>t[7]||(t[7]=[y("操作")])),_:1})]),_:1}),a(be,{ref_key:"formRef",ref:E,model:s(d),"label-width":"0px","label-position":"left",style:{"margin-top":"20px"}},{default:o(()=>[(r(!0),k(z,null,I(s(g),(e,m)=>(r(),f(Z,{prop:["array"].indexOf(e.form_item_type_label)>-1?"":e.key,key:m,rules:e.rule||[]},{default:o(()=>[a(u,{span:4},{default:o(()=>[e.edit?(r(),f(_,{key:0,modelValue:e.title,"onUpdate:modelValue":l=>e.title=l,style:{display:"inline-block",width:"200px"},placeholder:"请输入标题"},null,8,["modelValue","onUpdate:modelValue"])):(r(),k("span",Ne,C(e.title),1))]),_:2},1024),a(u,{span:4},{default:o(()=>[e.edit?(r(),f(_,{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(N.editableTabsItem.key),1)])]),_:2},1032,["modelValue","onUpdate:modelValue"])):(r(),k("span",We,C(N.editableTabsItem.key)+"."+C(e.key),1))]),_:2},1024),a(u,{span:10},{default:o(()=>[["text","textarea"].indexOf(e.form_item_type_label)>-1?(r(),f(_,{key:m,type:e.form_item_type_label,modelValue:s(d)[e.key],"onUpdate:modelValue":l=>s(d)[e.key]=l,placeholder:e.placeholder,clearable:""},null,8,["type","modelValue","onUpdate:modelValue","placeholder"])):e.form_item_type_label==="number"?(r(),f(V,{key:m+1,modelValue:s(d)[e.key],"onUpdate:modelValue":l=>s(d)[e.key]=l,min:0},null,8,["modelValue","onUpdate:modelValue"])):["datetime","date","time"].indexOf(e.form_item_type_label)>-1?(r(),f(O,{modelValue:s(d)[e.key],"onUpdate:modelValue":l=>s(d)[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"?(r(),f(Q,{key:m+3,modelValue:s(d)[e.key],"onUpdate:modelValue":l=>s(d)[e.key]=l,placeholder:e.placeholder,clearable:""},{default:o(()=>[(r(!0),k(z,null,I(s(B)(e.setting)||[],l=>(r(),f(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"?(r(),f(W,{key:m+4,modelValue:s(d)[e.key],"onUpdate:modelValue":l=>s(d)[e.key]=l,placeholder:e.placeholder},{default:o(()=>[(r(!0),k(z,null,I(s(B)(e.setting)||[],l=>(r(),f(S,{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"?(r(),f(fe,{key:m+5,modelValue:s(d)[e.key],"onUpdate:modelValue":l=>s(d)[e.key]=l,placeholder:e.placeholder,clearable:""},{default:o(()=>[(r(!0),k(z,null,I(s(B)(e.setting)||[],l=>(r(),f(ce,{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"?(r(),f(Y,{key:m+6,modelValue:s(d)[e.key],"onUpdate:modelValue":l=>s(d)[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?(r(),k("div",{key:m+7},[a(K,{action:s(q),headers:s(F),name:"file",accept:"image/*","on-preview":M,"on-success":(l,c,U)=>{P(l,c,U,e.key)},"on-error":A,"on-exceed":G,"before-remove":(l,c)=>{H(l,c,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(X,{visible:s(D)},{default:o(()=>[v("img",{width:"100%",src:s(L),alt:""},null,8,$e)]),_:1},8,["visible"])])):["file"].indexOf(e.form_item_type_label)>-1?(r(),k("div",{key:m+8},[a(K,{action:s(q),headers:s(F),name:"file","on-preview":M,"on-success":(l,c,U)=>{P(l,c,U,e.key)},"on-error":A,"on-exceed":G,"before-remove":(l,c)=>{H(l,c,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(X,{visible:s(D)},{default:o(()=>[v("img",{width:"100%",src:s(L),alt:""},null,8,Be)]),_:1},8,["visible"])])):["foreignkey","manytomany"].indexOf(e.form_item_type_label)>-1?(r(),k("div",{key:m+9},[a(me,{modelValue:s(d)[e.key],"onUpdate:modelValue":l=>s(d)[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"?(r(),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(T,{field:"title",title:"标题","edit-render":{autofocus:".vxe-input--inner"}},{edit:o(({row:l})=>[a($,{modelValue:l.title,"onUpdate:modelValue":c=>l.title=c,type:"text"},null,8,["modelValue","onUpdate:modelValue"])]),_:1}),a(T,{field:"key",title:"键名","edit-render":{autofocus:".vxe-input--inner"}},{edit:o(({row:l})=>[a($,{modelValue:l.key,"onUpdate:modelValue":c=>l.key=c,type:"text"},null,8,["modelValue","onUpdate:modelValue"])]),_:1}),a(T,{field:"value",title:"键值","edit-render":{}},{edit:o(({row:l})=>[a($,{modelValue:l.value,"onUpdate:modelValue":c=>l.value=c,type:"text"},null,8,["modelValue","onUpdate:modelValue"])]),_:1}),a(T,{title:"操作",width:"100","show-overflow":""},{default:o(({row:l,index:c})=>[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=>re(l,c,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=>de("xTable_"+e.key)},{default:o(()=>t[14]||(t[14]=[y("追加")])),_:2},1032,["onClick"])])])):je("",!0)]),_:2},1024),a(u,{span:2,offset:1},{default:o(()=>[a(Y,{modelValue:e.status,"onUpdate:modelValue":l=>e.status=l,"active-color":"#13ce66","inactive-color":"#ff4949"},null,8,["modelValue","onUpdate:modelValue"])]),_:2},1024),a(u,{span:3},{default:o(()=>[e.edit?(r(),f(h,{key:0,size:"mini",type:"primary",icon:s(xe),onClick:l=>_e(e)},{default:o(()=>t[15]||(t[15]=[y("保存")])),_:2},1032,["icon","onClick"])):(r(),f(h,{key:1,size:"mini",type:"primary",icon:s(we),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(Ce)},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=Ie(Ee,[["__scopeId","data-v-dccfc1d1"]]);export{Ge as default};
|