2 lines
7.1 KiB
JavaScript
2 lines
7.1 KiB
JavaScript
import{a8 as b,d as z,P as se,r as p,U as j,T as ue,b as ce,V as me,o as q,c as pe,k as e,m as l,w as f,t as M,e as o,p as fe,y as _,S as _e,W as ve,q as W,R as he,B as ge,C as be,X as ye,a6 as Ie,v as we}from"./index-ce293e15.js";import"./el-tag-3fc9a3c5.js";import"./el-select-73eaf91b.js";import"./el-tree-3fe9ff76.js";import"./el-checkbox-4dcbb825.js";import{E as ke}from"./el-tree-select-22ef24ce.js";import{E as Ee,a as Ve}from"./el-table-column-cabb178a.js";import{E as Ce}from"./el-row-12f29e15.js";import{_ as Te}from"./index-513a4358.js";import{E as Ne}from"./el-col-6a25bef6.js";import{E as Re}from"./el-card-d5e24325.js";import{E as Se,a as qe}from"./el-form-item-16067f4c.js";import"./_Uint8Array-e8d4eb20.js";import"./isEqual-48984780.js";import"./strings-d88802bc.js";import"./_initCloneObject-d640be41.js";import"./_baseClone-e976708f.js";const X=i=>b({url:"/demo/tree/list",method:"get",params:i}),Fe=i=>b({url:"/demo/tree/"+i,method:"get"}),Ue=i=>b({url:"/demo/tree",method:"post",data:i}),xe=i=>b({url:"/demo/tree",method:"put",data:i}),Pe=i=>b({url:"/demo/tree/"+i,method:"delete"}),$e={class:"p-2"},Ae={class:"mb-[10px]"},Be={class:"dialog-footer"},De=z({name:"Tree"}),at=z({...De,setup(i){const{proxy:n}=se(),V=p([]),C=p([]),y=p(!1),I=p(!0),w=p(!0),v=p(!1),F=p(),T=p(),U=p(),s=j({visible:!1,title:""}),x={id:void 0,parentId:void 0,deptId:void 0,userId:void 0,treeName:void 0},G=j({form:{...x},queryParams:{parentId:void 0,deptId:void 0,userId:void 0,treeName:void 0},rules:{id:[{required:!0,message:"主键不能为空",trigger:"blur"}],parentId:[{required:!0,message:"父id不能为空",trigger:"blur"}],deptId:[{required:!0,message:"部门id不能为空",trigger:"blur"}],userId:[{required:!0,message:"用户id不能为空",trigger:"blur"}],treeName:[{required:!0,message:"值不能为空",trigger:"blur"}]}}),{queryParams:k,form:d,rules:H}=ue(G),h=async()=>{v.value=!0;const a=await X(k.value),t=n==null?void 0:n.handleTree(a.data,"id","parentId");t&&(V.value=t,v.value=!1)},P=async()=>{const a=await X();C.value=[];const t={id:0,treeName:"顶级节点",children:[]};t.children=n==null?void 0:n.handleTree(a.data,"id","parentId"),C.value.push(t)},J=()=>{N(),s.visible=!1},N=()=>{var a;d.value={...x},(a=T.value)==null||a.resetFields()},R=()=>{h()},Y=()=>{var a;(a=F.value)==null||a.resetFields(),R()},$=a=>{N(),P(),a&&a.id?d.value.parentId=a.id:d.value.parentId=0,s.visible=!0,s.title="添加测试树"},Z=()=>{w.value=!w.value,A(V.value,w.value)},A=(a,t)=>{a.forEach(u=>{var c;(c=U.value)==null||c.toggleRowExpansion(u,t),u.children&&u.children.length>0&&A(u.children,t)})},ee=async a=>{N(),await P(),a&&(d.value.parentId=a.id);const t=await Fe(a.id);Object.assign(d.value,t.data),s.visible=!0,s.title="修改测试树"},te=()=>{var a;(a=T.value)==null||a.validate(async t=>{t&&(y.value=!0,d.value.id?await xe(d.value).finally(()=>y.value=!1):await Ue(d.value).finally(()=>y.value=!1),n==null||n.$modal.msgSuccess("操作成功"),s.visible=!1,await h())})},le=async a=>{await(n==null?void 0:n.$modal.confirm('是否确认删除测试树编号为"'+a.id+'"的数据项？')),v.value=!0,await Pe(a.id).finally(()=>v.value=!1),await h(),n==null||n.$modal.msgSuccess("删除成功")};return ce(()=>{h()}),(a,t)=>{var K,Q;const u=ge,c=Se,m=be,B=qe,D=Re,L=Ne,ae=Te,oe=Ce,g=Ee,S=ye,re=Ve,ne=ke,de=Ie,E=me("hasPermi"),ie=we;return q(),pe("div",$e,[e(ve,{"enter-active-class":(K=o(n))==null?void 0:K.animate.searchAnimate.enter,"leave-active-class":(Q=o(n))==null?void 0:Q.animate.searchAnimate.leave},{default:l(()=>[f(M("div",Ae,[e(D,{shadow:"hover"},{default:l(()=>[e(B,{model:o(k),ref_key:"queryFormRef",ref:F,inline:!0,"label-width":"68px"},{default:l(()=>[e(c,{label:"树节点名",prop:"treeName"},{default:l(()=>[e(u,{modelValue:o(k).treeName,"onUpdate:modelValue":t[0]||(t[0]=r=>o(k).treeName=r),placeholder:"请输入树节点名",clearable:"",style:{width:"240px"},onKeyup:fe(R,["enter"])},null,8,["modelValue","onKeyup"])]),_:1}),e(c,null,{default:l(()=>[e(m,{type:"primary",icon:"Search",onClick:R},{default:l(()=>[_("搜索")]),_:1}),e(m,{icon:"Refresh",onClick:Y},{default:l(()=>[_("重置")]),_:1})]),_:1})]),_:1},8,["model"])]),_:1})],512),[[_e,o(I)]])]),_:1},8,["enter-active-class","leave-active-class"]),e(D,{shadow:"hover"},{header:l(()=>[e(oe,{gutter:10,class:"mb8"},{default:l(()=>[e(L,{span:1.5},{default:l(()=>[f((q(),W(m,{type:"primary",plain:"",icon:"Plus",onClick:t[1]||(t[1]=r=>$())},{default:l(()=>[_("新增")]),_:1})),[[E,["demo:tree:add"]]])]),_:1},8,["span"]),e(L,{span:1.5},{default:l(()=>[e(m,{type:"info",plain:"",icon:"Sort",onClick:Z},{default:l(()=>[_("展开/折叠")]),_:1})]),_:1},8,["span"]),e(ae,{showSearch:o(I),"onUpdate:showSearch":t[2]||(t[2]=r=>he(I)?I.value=r:null),onQueryTable:h},null,8,["showSearch"])]),_:1})]),default:l(()=>[f((q(),W(re,{data:o(V),"row-key":"id","default-expand-all":o(w),"tree-props":{children:"children",hasChildren:"hasChildren"},ref_key:"treeTableRef",ref:U},{default:l(()=>[e(g,{label:"父id",align:"center",prop:"parentId"}),e(g,{label:"部门id",align:"center",prop:"deptId"}),e(g,{label:"用户id",align:"center",prop:"userId"}),e(g,{label:"树节点名",align:"center",prop:"treeName"}),e(g,{label:"操作",align:"center","class-name":"small-padding fixed-width"},{default:l(r=>[e(S,{content:"修改",placement:"top"},{default:l(()=>[f(e(m,{link:"",type:"primary",icon:"Edit",onClick:O=>ee(r.row)},null,8,["onClick"]),[[E,["demo:tree:edit"]]])]),_:2},1024),e(S,{content:"新增",placement:"top"},{default:l(()=>[f(e(m,{link:"",type:"primary",icon:"Plus",onClick:O=>$(r.row)},null,8,["onClick"]),[[E,["demo:tree:add"]]])]),_:2},1024),e(S,{content:"删除",placement:"top"},{default:l(()=>[f(e(m,{link:"",type:"primary",icon:"Delete",onClick:O=>le(r.row)},null,8,["onClick"]),[[E,["demo:tree:remove"]]])]),_:2},1024)]),_:1})]),_:1},8,["data","default-expand-all"])),[[ie,o(v)]])]),_:1}),e(de,{title:o(s).title,modelValue:o(s).visible,"onUpdate:modelValue":t[7]||(t[7]=r=>o(s).visible=r),width:"500px","append-to-body":""},{footer:l(()=>[M("div",Be,[e(m,{loading:o(y),type:"primary",onClick:te},{default:l(()=>[_("确 定")]),_:1},8,["loading"]),e(m,{onClick:J},{default:l(()=>[_("取 消")]),_:1})])]),default:l(()=>[e(B,{ref_key:"treeFormRef",ref:T,model:o(d),rules:o(H),"label-width":"80px"},{default:l(()=>[e(c,{label:"父id",prop:"parentId"},{default:l(()=>[e(ne,{modelValue:o(d).parentId,"onUpdate:modelValue":t[3]||(t[3]=r=>o(d).parentId=r),data:o(C),props:{value:"id",label:"treeName",children:"children"},"value-key":"id",placeholder:"请选择父id","check-strictly":""},null,8,["modelValue","data"])]),_:1}),e(c,{label:"部门id",prop:"deptId"},{default:l(()=>[e(u,{modelValue:o(d).deptId,"onUpdate:modelValue":t[4]||(t[4]=r=>o(d).deptId=r),placeholder:"请输入部门id"},null,8,["modelValue"])]),_:1}),e(c,{label:"用户id",prop:"userId"},{default:l(()=>[e(u,{modelValue:o(d).userId,"onUpdate:modelValue":t[5]||(t[5]=r=>o(d).userId=r),placeholder:"请输入用户id"},null,8,["modelValue"])]),_:1}),e(c,{label:"值",prop:"treeName"},{default:l(()=>[e(u,{modelValue:o(d).treeName,"onUpdate:modelValue":t[6]||(t[6]=r=>o(d).treeName=r),placeholder:"请输入值"},null,8,["modelValue"])]),_:1})]),_:1},8,["model","rules"])]),_:1},8,["title","modelValue"])])}}});export{at as default};
|