完成人员树形前端页面

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>