| | |
| | | placeholder="请输入搜索内容" |
| | | size="small" clearable ></el-input> |
| | | <el-tree :data="list" ref="tree" |
| | | style="height: 500px;overflow-y: auto;" |
| | | :props="{children: 'children',label: 'name'}" highlight-current node-key="name" default-expand-all |
| | | |
| | | @node-click="handleNodeClick" |
| | |
| | | <el-table |
| | | :data="tableData" |
| | | style="width: 100%;margin-bottom: 20px;height: 600px;overflow: auto;" |
| | | row-key="name" |
| | | row-key="rowId" |
| | | border |
| | | @select="selectTr" |
| | | @selection-change="handleSelectionChange" |
| | |
| | | }).then(res => { |
| | | this.tableData = res.data; |
| | | console.log(this.tableData); |
| | | |
| | | this.formatData(res.data) |
| | | }) |
| | | }, |
| | | modify(){ |
| | | this.modifyevent = true |
| | | }, |
| | | formatData(data){ |
| | | let arr = data; |
| | | for(var i=0;i<arr.length;i++){ |
| | | arr[i].rowId = Math.random(); |
| | | if(arr[i].children != undefined){ |
| | | this.formatData(arr[i].children); |
| | | } |
| | | } |
| | | }, |
| | | //delQueById |
| | | delQueById() { |
| | | this.$axios.post(this.$api.url.delQueById,{ |
| | |
| | | let cc = this.selects.map(el => { |
| | | return el.id |
| | | }) |
| | | // cc.forEach((el,idx) =>{ |
| | | // delete idx[0] |
| | | // }) |
| | | cc.splice(0,1) |
| | | console.log(cc); |
| | | this.delete = cc.join(',') |
| | | console.log(this.delete); |
| | | this.delAllQue() |
| | |
| | | |
| | | // }, |
| | | handleSelectionChange(val) { |
| | | this.selects = val |
| | | this.deleteList = []; |
| | | val.forEach((v) => { |
| | | if (v.id !== undefined) { |
| | |
| | | this.isAllSelect = row.isChecked; |
| | | this.toggleSelect(row, row.isChecked, "tr"); |
| | | }); |
| | | |
| | | }, |
| | | //递归子级 |
| | | toggleSelect(data, flag, type) { |
| | |
| | | height: calc(100% - 20px); |
| | | border-right: 3px solid rgb(245, 247, 251); |
| | | padding: 16px; |
| | | overflow-y: auto; |
| | | } |
| | | |
| | | .thing .left .custom-tree-node span { |