部门管理树状

xiangpei

2024-07-07 33889c6b19467e2f8dae9990359704adc6e3419d

 src/views/education/department/edit.vue

@@ -5,6 +5,14 @@
      <el-form-item label="部门：" required>
        <el-input v-model="form.name"></el-input>
      </el-form-item>
      <el-form-item label="上级部门：">
        <el-cascader
          clearable
          v-model="form.parentId"
          :options="cascaderList"
          :props="{ checkStrictly: true }"
          ></el-cascader>
      </el-form-item>
<!--      <el-form-item label="部门：" required>-->
<!--        <el-select v-model="form.level" placeholder="部门">-->
<!--          <el-option v-for="item in levelEnum" :key="item.key" :value="item.key" :label="item.value"></el-option>-->
@@ -34,12 +42,15 @@
export default {
  data () {
    return {
      // 部门级联下拉
      cascaderList: [],
      // 部门人员
      deptUserList: [],
      depart: [],
      form: {
        id: null,
        name: '',
        parentId: null,
        adminId: null
        // level: 1,
        // levelName: ''
@@ -66,7 +77,15 @@
      _this.fig = 0 // 是编辑
    }
  },
  mounted() {
    this.getCascaderList()
  },
  methods: {
    getCascaderList() {
      departmentApi.cascaderList().then(res => {
        this.cascaderList = res.response
      })
    },
    getUserSelect (id) {
      departmentApi.getDeptUserList(id).then(res => {
        this.deptUserList = res.response
@@ -79,6 +98,7 @@
      // let obj = {
      //   name: this.form.name
      // }
      _this.form.parentId = _this.form.parentId[0]
      if (_this.fig === 1) {
        departmentApi.addData(this.form.name).then(res => {
          console.log(res)