完成人员树形前端页面

licp

2024-05-15 69acb8efd5f318e7c08727d3f071eceab1edc846

完成人员树形前端页面

 src/components/view/person-manage.vue

@@ -46,32 +46,31 @@

    .search {
        background-color: #fff;
        height: 80px;
        height: 60px;
        display: flex;
        align-items: center;
    }

    .search_thing {
        width: 350px;
        width: 250px;
        display: flex;
        align-items: center;
    }

    .search_label {
        width: 110px;
        width: 90px;
        font-size: 14px;
        text-align: right;
    }

    .search_input {
        width: calc(100% - 110px);
        width: calc(100% - 90px);
    }

    .table {
        margin-top: 10px;
        margin-top: 4px;
        background-color: #fff;
        height: calc(100% - 100px);
        padding: 20px;
        height: calc(100% - 44px);
    }
</style>
<style>
@@ -89,8 +88,7 @@
        <!-- <el-row class="title">
      <el-col :span="12" style="padding-left: 20px;">用户管理</el-col>
      <el-col :span="12" style="text-align: right;">
        <el-button size="medium" type="primary" @click="openthirdParty">获取三方人员</el-button>
        <el-button size="medium" type="primary" @click="opeaAdd" v-if="addPower">新增用户</el-button>

      </el-col>
    </el-row> -->
    <div class="left">
@@ -150,6 +148,10 @@
        <div class="search_thing" style="padding-left: 30px;">
          <el-button size="small" @click="refresh()">重 置</el-button>
          <el-button size="small" type="primary" @click="refreshTable()">查 询</el-button>
        </div>
        <div class="search_thing">
          <el-button size="small" type="primary" @click="openthirdParty">获取三方人员</el-button>
          <el-button size="small" type="primary" @click="opeaAdd" v-if="addPower">新增用户</el-button>
        </div>
      </div>
      <div class="table">
@@ -313,6 +315,7 @@
                upIndex: 0,
                addDia: false,
                addPower: true,
        delStandardTree:true,
        addDia0:false,
        addOb:{
          fatherId:'',
@@ -430,6 +433,12 @@
      nodeClose(data, node, el) {
                $($(el.$el).find('.node_i')[0]).attr('class', 'node_i el-icon-folder')
            },
      getNodeParent(val) {
                if (val.parent != null) {
                    this.selectTree += ' - ' + val.label
                    this.getNodeParent(val.parent)
                }
            },
      remove(node, data) {
                this.$confirm("是否删除该层级", "提示", {
                    type: "error"
@@ -461,6 +470,32 @@
          this.refreshTable()
                })
            },
      addStandardTree() {
                if (this.addOb.name == null || this.addOb.factory == '') {
                    this.$message.error('构架名称是必填项')
                    return
                }
                this.addLoad = true
                this.$axios.post(this.$api.department.addDepartment, this.addOb, {
                    headers: {
                        'Content-Type': 'application/json'
                    }
                }).then(res => {
                    if (res.code === 201) {
                        this.addLoad = false
                        return
                    }
                    this.$message.success('添加成功')
                    this.addDia0 = false
                    this.selectTreeList()
                    this.addLoad = false
          this.addOb.name = ''
          this.addOb.fatherId = ''
                }).catch(e => {
                    this.addDia0 = false
                    this.addLoad = false
                })
            },
        }
    }
</script>