Admin.UI/src/views/admin/user/org.vue

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

微信扫码关注公众号，代码整理好后第一时间通知你。

<template>
  <my-container v-loading="pageLoading">
    <template #header>
      <el-input
        v-model="filterText"
        placeholder="筛选部门"
        clearable
      />
    </template>
    <el-tree
      ref="tree"
      :props="{
        label: 'name',
      }"
      :data="tree"
      node-key="id"
      :current-node-key="currentNodeKey"
      default-expand-all
      highlight-current
      :expand-on-click-node="false"
      :indent="16"
      :filter-node-method="filterNode"
      @current-change="onCurrentChange"
    />
  </my-container>
</template>

<script>
import { listToTree } from '@/utils/tree'
import orgApi from '@/api/admin/org'

/**
 * 用户部门
 */
export default {
  name: 'MyUserOrg',
  _sync: {
    disabled: true
  },
  data() {
    return {
      filterText: '',
      tree: [],
      pageLoading: false,
      currentNodeKey: 0
    }
  },
  watch: {
    filterText(val) {
      this.$refs.tree.filter(val)
    }
  },
  mounted() {
    this.getList()
  },
  methods: {
    filterNode(value, data) {
      if (!value) return true
      return data.name.indexOf(value) !== -1
    },