| | |
|---|
| | | father: '', |
|---|
| | | name: '', |
|---|
| | | unit: '', |
|---|
| | | id: '' |
|---|
| | | id:'', |
|---|
| | | |
|---|
| | | }, |
|---|
| | | isAllSelect:false, |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | }, |
|---|
| | | mounted() { |
|---|
| | | this.selectAllleft() |
|---|
| | | this.selectAllright() |
|---|
| | | }, |
|---|
| | | methods: { |
|---|
| | | // 表格树全部选中配置 |
|---|
| | | // 全选/取消选操作 |
|---|
| | | selectAll(val) { |
|---|
| | | this.isAllSelect = !this.isAllSelect; |
|---|
| | | let data = this.tableData; |
|---|
| | | this.toggleSelect(data, this.isAllSelect, "all"); |
|---|
| | | }, |
|---|
| | | //选择某行 |
|---|
| | | selectTr(selection, row) { |
|---|
| | | console.log(selection,row); |
|---|
| | | this.$set(row, "isChecked", !row.isChecked); |
|---|
| | | this.$nextTick(() => { |
|---|
| | | this.isAllSelect = row.isChecked; |
|---|
| | | this.toggleSelect(row, row.isChecked, "tr"); |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | | //递归子级 |
|---|
| | | toggleSelect(data, flag, type) { |
|---|
| | | if (type === "all") { |
|---|
| | | console.log('222'); |
|---|
| | | if (data.length > 0) { |
|---|
| | | data.forEach((item) => { |
|---|
| | | this.toggleSelection(item, flag); |
|---|
| | | if (item.children && item.children.length > 0) { |
|---|
| | | this.toggleSelect(item.children, flag, type); |
|---|
| | | } |
|---|
| | | }); |
|---|
| | | } |
|---|
| | | } else { |
|---|
| | | if (data.children && data.children.length > 0) { |
|---|
| | | data.children.forEach((item) => { |
|---|
| | | item.isChecked = !item.isChecked; |
|---|
| | | this.$refs.multipleTable.toggleRowSelection(item, flag); |
|---|
| | | this.toggleSelect(item, flag, type); |
|---|
| | | }); |
|---|
| | | } |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | handleClose() { |
|---|
| | | |
|---|
| | | }, |
|---|
