| 123 |
- import{M as p,j as D,a3 as T,K as V,am as s,aw as I,o as h,a as _,_ as o,U as b,V as N,b as l,Z as f,X as L,Y as B,aF as j,aG as E}from"./vue.60d2ee98.js";import{E as M,_ as U}from"./index.beaea096.js";const u=n=>(j("data-v-5653ef7f"),n=n(),E(),n),K={class:"tree-container layout-pd"},P={class:"tree-head"},R={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=p({name:"pagesTree"}),J=p({...H,setup(n){const t=D(),e=T({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},v=()=>{e.treeCheckAll?t.value.setCheckedNodes(e.treeTableData):t.value.setCheckedKeys([])},m=()=>{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){M.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 V(()=>{S()}),(r,a)=>{const c=s("el-checkbox"),x=s("el-tree"),C=s("SvgIcon"),w=s("el-button"),y=s("el-card"),A=I("loading");return h(),_("div",K,[o(y,{shadow:"hover",header:"element plus Tree 树形控件改成表格"},{default:b(()=>[N((h(),_("div",null,[l("div",P,[l("div",R,[o(c,{modelValue:e.treeCheckAll,"onUpdate:modelValue":a[0]||(a[0]=d=>e.treeCheckAll=d),onChange:v},null,8,["modelValue"])]),z,F]),o(x,{data:e.treeTableData,"show-checkbox":"","node-key":"id",ref_key:"treeTableRef",ref:t,props:e.treeDefaultProps,onCheck:m},{default:b(({node:d,data:i})=>[l("span",G,[l("span",X,f(d.label),1),i.isShow?(h(),_("span",Y,[l("span",Z,f(i.label1),1),l("span",q,f(i.label2),1)])):L("v-if",!0)])]),_:1},8,["data","props"])])),[[A,e.treeLoading]]),o(w,{onClick:k,class:"mt15",size:"default",type:"primary"},{default:b(()=>[o(C,{name:"iconfont icon-shuxingtu"}),B(" 选择元素 ")]),_:1})]),_:1})])}}});const W=U(J,[["__scopeId","data-v-5653ef7f"],["__file","C:/Users/89282/Desktop/xmgl_yjy/project-manager/h5/src/views/pages/tree/index.vue"]]);export{W as default};
- //# sourceMappingURL=index.f2ba7b3a.js.map
|
