| | |
| | | <div class="scrollable-container"> |
| | | <div class="content"> |
| | | <el-tree :data="deptOptions" :props="defaultProps" :expand-on-click-node="false" |
| | | :filter-node-method="filterNode" ref="tree" node-key="id" :default-expanded-keys="treeId" |
| | | :filter-node-method="filterNode" ref="tree1" node-key="id" :default-expanded-keys="treeId" |
| | | highlight-current @node-click="handleNodeClick" :render-content="renderContent" v-loading="loadings" /> |
| | | </div> |
| | | </div> |
| | |
| | | const lastId = newVal[newVal.length - 1] || "532"; |
| | | const node = this.findNodeById(this.deptOptions, lastId); |
| | | if (node) { |
| | | this.$refs.tree.setCurrentKey(lastId); |
| | | this.$refs.tree1.setCurrentKey(lastId); |
| | | const nodeElement = document.querySelector(`.el-tree-node[data-key="${lastId}"] .el-tree-node__content`); |
| | | if (nodeElement) { |
| | | nodeElement.click(); |
| | |
| | | }, |
| | | methods: { |
| | | debounceFilter: debounce(function (val) { |
| | | this.$refs.tree.filter(val); |
| | | this.$refs.tree1.filter(val); |
| | | }, 300), |
| | | precomputePinyin() { |
| | | const traverse = (nodes) => { |
| | |
| | | getAllChildListById(data).then(() => { |
| | | this.loading = false; |
| | | }); |
| | | this.deptName = ""; |
| | | // 手动调用过滤方法(需等待 DOM 更新) |
| | | this.$nextTick(() => { |
| | | this.$refs.tree1.filter(this.deptName); |
| | | }); |
| | | }, |
| | | handleClose() { |
| | | this.cancel(); |
| | |
| | | resetQuery() { |
| | | this.resetForm("queryForm"); |
| | | this.queryParams.proId = undefined; |
| | | this.$refs.tree.setCurrentKey(null); |
| | | this.$refs.tree1.setCurrentKey(null); |
| | | this.handleQuery(); |
| | | }, |
| | | flexColumnWidth(column) { |
| | |
| | | } |
| | | } |
| | | }); |
| | | this.deptName = ""; |
| | | // 手动调用过滤方法(需等待 DOM 更新) |
| | | this.$nextTick(() => { |
| | | this.$refs.tree1.filter(this.deptName); |
| | | }); |
| | | }, |
| | | processSubmission(isUpdate, isY) { |
| | | if (isUpdate) { |