mj_firm_former/src/views/permissions/file_permission/filePermission.vue

<template>
  <ibps-layout ref="layout">
    <div slot="west">
      <div class="box">
        <p class="title">用户信息</p>
        <el-input placeholder="输入关键字进行过滤" v-model="filterText">
        </el-input>
        <div class="treeDiv">
          <el-tree ref="tree" :data="peopleData" :props="defaultProps" @node-click="handleNodeClick"
            :filter-node-method="filterNode"></el-tree>
        </div>
      </div>
      <ibps-container :margin-left="205 + 'px'" class="page">
        <detail v-if="show === 'detail'" :id="orgId" />
        <el-alert v-else :closable="false" title="尚未指定一个人员" type="warning" show-icon style="height:50px;" />
      </ibps-container>

    </div>
  </ibps-layout>
</template>
<script>
import { getAllUserInfor } from '@/api/permission/page'
import FixHeight from '@/mixins/height'
import Detail from '../details/fileEchart.vue'


export default {
  components: {
    Detail,
  },
  mixins: [FixHeight],
  data() {
    return {
      show: '',
      rightsArr: ['join', 'delete'],
      rowHandle: true,
      width: 230,
      height: document.clientHeight,
      orgId: '',
      orgName: '',

      peopleData: [],
      filterText: '',
      defaultProps: {
        children: 'children',
        label: 'label'
      }
    }
  },
  mounted() {
    this.loadNode()
  },
  methods: {
    loadNode(node, resolve) {
      this.loading = true
      getAllUserInfor().then(res => {
        this.loading = false
        for (let i of res.variables.data) {
          let data = {}
          data["id"] = i.id_
          data["label"] = i.name_
          this.peopleData.push(data)
        }
      }).catch(res => {
        this.loading = false
      })
    },
    filterNode(value, data) {
      if (!value) return true;
      return data.label.indexOf(value) !== -1;
    },
    handleNodeClick(data) {
      if (data.id === 0 || data.id === '0') {
        this.show = 'empty'
        return
      }
      this.orgId = data.id
      this.show = 'detail'
    },

  }
}
</script>
<style lang="scss" >

</style>