1 line
5.7 KiB
JavaScript
1 line
5.7 KiB
JavaScript
|
(window.webpackJsonp=window.webpackJsonp||[]).push([["chunk-2400"],{"1XQY":function(e,t,n){"use strict";var a=n("jZRq");n.n(a).a},"6bP5":function(e,t,n){"use strict";var a=n("Qq1u");n.n(a).a},Oplo:function(e,t,n){"use strict";n.r(t);var a=n("itRl"),i=n("rfXi"),l=n.n(i),r=n("Kw5r");function o(e,t,n,a,i){var s=[],c=[];return l()(e).forEach(function(e){void 0===e._expanded&&r.default.set(e,"_expanded",t);var l=1;if(void 0!==a&&null!==a&&(l=a+1),r.default.set(e,"_level",l),n?(r.default.set(e,"parent",n),s[l]||(s[l]=0),r.default.set(e,"_marginLeft",s[l]+n._marginLeft),r.default.set(e,"_width",e[i]/n[i]*n._width),s[l]+=e._width):(s[e.id]=[],s[e.id][l]=0,r.default.set(e,"_marginLeft",0),r.default.set(e,"_width",1)),c.push(e),e.children&&e.children.length>0){var d=o(e.children,t,e,l,i);c=c.concat(d)}}),c}var s={name:"CustomTreeTableDemo",components:{treeTable:a.a},data:function(){return{func:o,expandAll:!1,data:{id:1,event:"事件1",timeLine:100,comment:"无",children:[{id:2,event:"事件2",timeLine:10,comment:"无"},{id:3,event:"事件3",timeLine:90,comment:"无",children:[{id:4,event:"事件4",timeLine:5,comment:"无"},{id:5,event:"事件5",timeLine:10,comment:"无"},{id:6,event:"事件6",timeLine:75,comment:"无",children:[{id:7,event:"事件7",timeLine:50,comment:"无",children:[{id:71,event:"事件71",timeLine:25,comment:"xx"},{id:72,event:"事件72",timeLine:5,comment:"xx"},{id:73,event:"事件73",timeLine:20,comment:"xx"}]},{id:8,event:"事件8",timeLine:25,comment:"无"}]}]}]},args:[null,null,"timeLine"]}},methods:{message:function(e){this.$message.info(e.event)}}},c=n("KHd+"),d=Object(c.a)(s,function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{staticClass:"app-container"},[n("el-tag",{staticStyle:{"margin-bottom":"20px"}},[n("a",{attrs:{href:"https://github.com/PanJiaChen/vue-element-admin/tree/master/src/components/TreeTable",target:"_blank"}},[e._v("Documentation")])]),e._v(" "),n("tree-table",{attrs:{data:e.data,"eval-func":e.func,"eval-args":e.args,"expand-all":e.expandAll,border:""}},[n("el-table-column",{attrs:{label:"事件"},scopedSlots:e._u([{key:"default",fn:function(t){return[n("span",{staticStyle:{color:"sandybrown"}},[e._v(e._s(t.row.event))]),e._v(" "),n("el-tag",[e._v(e._s(t.row.timeLine+"ms"))])]}}])}),e._v(" "),n("el-table-column",{attrs:{label:"时间线"},scopedSlots:e._u([{key:"default",fn:function(e){return[n("el-tooltip",{attrs:{content:e.row.timeLine+"ms",effect:"dark",placement:"left"}},[n("div",{staticClass:"processContainer"},[n("div",{staticClass:"process",style:{width:500*e.row._width+"px",background:e.row._width>.5?"rgba(233,0,0,.5)":"rgba(0,0,233,0.5)",marginLeft:500*e.row._marginLeft+"px"}},[n("span",{staticStyle:{display:"inline-block"}})])])])]}}])}),e._v(" "),n("el-table-column",{attrs:{label:"操作",width:"200"},scopedSlots:e._u([{key:"default",fn:function(t){return[n("el-button",{attrs:{type:"text"},on:{click:function(n){e.message(t.row)}}},[e._v("点击")])]}}])})],1)],1)},[],!1,null,null,null);d.options.__file="customTreeTable.vue";t.default=d.exports},Qq1u:function(e,t,n){},itRl:function(e,t,n){"use strict";var a=n("jr1U"),i=n.n(a),l=n("rfXi"),r=n.n(l),o=n("Kw5r");function s(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null,a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:null,i=[];return r()(e).forEach(function(e){void 0===e._expanded&&o.default.set(e,"_expanded",t);var l=1;if(void 0!==a&&null!==a&&(l=a+1),o.default.set(e,"_level",l),n&&o.default.set(e,"parent",n),i.push(e),e.children&&e.children.length>0){var r=s(e.children,t,e,l);i=i.concat(r)}}),i}var c={name:"TreeTable",props:{data:{type:[Array,Object],required:!0},columns:{type:Array,default:function(){return[]}},evalFunc:Function,evalArgs:Array,expandAll:{type:Boolean,default:!1}},computed:{formatData:function(){var e=void 0;e=Array.isArray(this.data)?this.data:[this.data];var t=this.evalFunc||s,n=this.evalArgs?i()([e,this.expandAll],this.evalArgs):[e,this.expandAll];return t.apply(null,n)}},methods:{showRow:function(e){var t=!e.row.parent||e.row.parent._expanded&&e.row.pare
|