| | |
|---|
| | | <el-tree :data="list" ref="tree" :props="{ children: 'children', label: 'name' }" node-key="id" |
|---|
| | | :filter-node-method="filterNode" @node-click="handleNodeClick" highlight-current @node-expand="nodeOpen" |
|---|
| | | @node-collapse="nodeClose" v-loading="treeLoad" :expand-on-click-node="false" |
|---|
| | | :default-expanded-keys="expandedKeys" :default-checked-keys="[1]"> |
|---|
| | | :default-expanded-keys="expandedKeys" :default-checked-keys="defaultCheckedKeys"> |
|---|
| | | <div class="custom-tree-node" slot-scope="{ node, data }"> |
|---|
| | | <el-row style="width: 100%;"> |
|---|
| | | <el-col :span="21" :class="{sort:node.level>3}"> |
|---|
| | |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | selectField: {}, |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | defaultCheckedKeys:[] |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | mounted() { |
|---|
| | |
|---|
| | | this.treeLoad = true |
|---|
| | | this.$axios.get(this.$api.department.selectDepartmentLim).then(res => { |
|---|
| | | this.list = res.data |
|---|
| | | this.refresh() |
|---|
| | | this.list.forEach(a => { |
|---|
| | | a.children.forEach(b => { |
|---|
| | | this.expandedKeys.push(b.id) |
|---|
| | | }) |
|---|
| | | }) |
|---|
| | | this.treeLoad = false |
|---|
| | | this.defaultCheckedKeys = [this.list[0].id] |
|---|
| | | this.componentData.entity.departLimsId = this.list[0].id; |
|---|
| | | this.selectTree = this.list[0].name |
|---|
| | | this.refreshTable() |
|---|
