| | |
|---|
| | | props:['tableData','tableType'], |
|---|
| | | created() {}, |
|---|
| | | mounted() { |
|---|
| | | |
|---|
| | | }, |
|---|
| | | methods: { |
|---|
| | | // 表格树全部选中配置 |
|---|
| | | // 全选/取消选操作 |
|---|
| | | selectAll(val) { |
|---|
| | | this.isAllSelect = !this.isAllSelect; |
|---|
| | | let data = this.tableData; |
|---|
| | | this.toggleSelect(data, this.isAllSelect, "all"); |
|---|
| | | }, |
|---|
| | | //选择某行 |
|---|
| | | selectTr(selection, row) { |
|---|
| | | this.$set(row, "isChecked", !row.isChecked); |
|---|
| | |
|---|
| | | } |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | //改变选中 |
|---|
| | | toggleSelection(row, flag) { |
|---|
| | | this.$set(row, "isChecked", flag); |
|---|
| | | this.$nextTick(() => { |
|---|
| | | if (flag) { |
|---|
| | | this.$refs.multipleTable.toggleRowSelection(row, flag); |
|---|
| | | } else { |
|---|
| | | this.$refs.multipleTable.clearSelection(); |
|---|
| | | } |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | | selectAll(val) { |
|---|
| | | this.isAllSelect = !this.isAllSelect; |
|---|
| | | let data = this.tableData; |
|---|
| | | this.toggleSelect(data, this.isAllSelect, "all"); |
|---|
| | | }, |
|---|
| | | handleSelectionChange(val) { |
|---|
| | | this.deleteList = []; |
|---|
| | | val.forEach((v) => { |
|---|
| | | if (v.id !== undefined) { |
|---|
| | | this.deleteList.push(v.id); |
|---|
| | | } |
|---|
| | | this.searchIdFun(v); |
|---|
| | | }); |
|---|
| | | this.$emit("childData",this.deleteList); |
|---|
| | | }, |
|---|
| | | //递归查找选中数据id |
|---|
| | | searchIdFun(data){ |
|---|
| | | let obj = data; |
|---|
| | | if(obj.children != undefined){ |
|---|
| | | this.searchIdFun(obj.children); |
|---|
| | | }else{ |
|---|
| | | this.deleteList.push(obj.id); |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | // 表格树全部选中配置 结束 |
|---|
| | | showDialog(){ |
|---|
| | |
|---|
| | | /* .standard .el-table__body { |
|---|
| | | height: 100%; |
|---|
| | | } */ |
|---|
| | | .standard .el-table .el-table__row:not([class*="el-table__row--level-"]) td:nth-child(3){ |
|---|
| | | /* .standard .el-table .el-table__row:not([class*="el-table__row--level-"]) td:nth-child(3){ |
|---|
| | | padding-left: 23px !important; |
|---|
| | | } |
|---|
| | | } */ |
|---|
| | | </style> |
|---|
