| 123 |
- import{E as T,_ as D}from"./index.27cf50e8.js";import{M as f,j as V,a3 as I,K as N,am as s,aw as L,o as h,a as _,_ as o,U as b,V as B,b as l,Z as p,X as E,Y as M,aF as K,aG as P}from"./vue.aade88c7.js";const u=n=>(K("data-v-65050040"),n=n(),P(),n),R={class:"tree-container layout-pd"},U={class:"tree-head"},j={class:"tree-head-check"},z=u(()=>l("div",{class:"tree-head-one"},"商品 ID",-1)),F=u(()=>l("div",{style:{flex:"1",display:"flex"}},[l("div",{class:"tree-head-two"},"商品名称"),l("div",{class:"tree-head-three"},"描述")],-1)),G={class:"tree-custom-node"},X={style:{flex:"1"}},Y={key:0,style:{flex:"1",display:"flex"}},Z={style:{flex:"1"}},q={style:{flex:"1"}},H=f({name:"pagesTree"}),J=f({...H,setup(n){const t=V(),e=I({treeCheckAll:!1,treeLoading:!1,treeTableData:[],treeDefaultProps:{children:"children",label:"label"},treeSelArr:[],treeLength:0}),g=r=>{let a=0;r.map(c=>{c.children&&(a+=c.children.length)}),e.treeLength=a+r.length},m=()=>{e.treeCheckAll?t.value.setCheckedNodes(e.treeTableData):t.value.setCheckedKeys([])},v=()=>{e.treeSelArr=[],e.treeSelArr=t.value.getCheckedNodes(),e.treeSelArr.length==e.treeLength?e.treeCheckAll=!0:e.treeCheckAll=!1},k=()=>{if(t.value.getCheckedNodes().length<=0){T.warning("请选择元素");return}},S=()=>{e.treeTableData=[{id:1,label:"12987121",label1:"好滋好味鸡蛋仔",label2:"荷兰优质淡奶，奶香浓而不腻",isShow:!0,children:[{id:11,label:"一级 1-1",label1:"好滋好味鸡蛋仔",label2:"荷兰优质淡奶，奶香浓而不腻",isShow:!1},{id:12,label:"一级 1-2",label1:"好滋好味鸡蛋仔",label2:"荷兰优质淡奶，奶香浓而不腻",isShow:!1}]},{id:2,label:"12987122",label1:"好滋好味鸡蛋仔",label2:"荷兰优质淡奶，奶香浓而不腻",isShow:!0,children:[{id:21,label:"二级 2-1",label1:"好滋好味鸡蛋仔",label2:"荷兰优质淡奶，奶香浓而不腻",isShow:!1},{id:22,label:"二级 2-2",label1:"好滋好味鸡蛋仔",label2:"荷兰优质淡奶，奶香浓而不腻",isShow:!1}]},{id:3,label:"12987123",label1:"好滋好味鸡蛋仔",label2:"荷兰优质淡奶，奶香浓而不腻",isShow:!0,children:[{id:31,label:"二级 3-1",label1:"好滋好味鸡蛋仔",label2:"荷兰优质淡奶，奶香浓而不腻",isShow:!1},{id:32,label:"二级 3-2",label1:"好滋好味鸡蛋仔",label2:"荷兰优质淡奶，奶香浓而不腻",isShow:!1},{id:33,label:"二级 3-3",label1:"好滋好味鸡蛋仔",label2:"荷兰优质淡奶，奶香浓而不腻",isShow:!1}]}],g(e.treeTableData)};return N(()=>{S()}),(r,a)=>{const c=s("el-checkbox"),C=s("el-tree"),w=s("SvgIcon"),x=s("el-button"),y=s("el-card"),A=L("loading");return h(),_("div",R,[o(y,{shadow:"hover",header:"element plus Tree 树形控件改成表格"},{default:b(()=>[B((h(),_("div",null,[l("div",U,[l("div",j,[o(c,{modelValue:e.treeCheckAll,"onUpdate:modelValue":a[0]||(a[0]=d=>e.treeCheckAll=d),onChange:m},null,8,["modelValue"])]),z,F]),o(C,{data:e.treeTableData,"show-checkbox":"","node-key":"id",ref_key:"treeTableRef",ref:t,props:e.treeDefaultProps,onCheck:v},{default:b(({node:d,data:i})=>[l("span",G,[l("span",X,p(d.label),1),i.isShow?(h(),_("span",Y,[l("span",Z,p(i.label1),1),l("span",q,p(i.label2),1)])):E("",!0)])]),_:1},8,["data","props"])])),[[A,e.treeLoading]]),o(x,{onClick:k,class:"mt15",size:"default",type:"primary"},{default:b(()=>[o(w,{name:"iconfont icon-shuxingtu"}),M(" 选择元素 ")]),_:1})]),_:1})])}}});const W=D(J,[["__scopeId","data-v-65050040"]]);export{W as default};
- //# sourceMappingURL=index.d0b21822.js.map
|
