修改树形选择器组件

RuoYi

2022-04-25 cc844b6b7c6a012ac41237c58cb598886694c6a6

修改树形选择器组件

 src/views/system/dept/index.vue

@@ -97,11 +97,13 @@
            <el-row>

               <el-col :span="24" v-if="form.parentId !== 0">

                  <el-form-item label="上级部门" prop="parentId">

                     <tree-select

                        v-model:value="form.parentId"

                        :options="deptOptions"

                        :objMap="{ value: 'deptId', label: 'deptName', children: 'children' }"

                     <el-tree-select

                        v-model="form.parentId"

                        :data="deptOptions"

                        :props="{ value: 'deptId', label: 'deptName', children: 'children' }"

                        value-key="deptId"

                        placeholder="选择上级部门"

                        check-strictly

                     />

                  </el-form-item>

               </el-col>

@@ -222,9 +224,9 @@
  handleQuery();

}

/** 新增按钮操作 */

async function handleAdd(row) {

function handleAdd(row) {

  reset();

  await listDept().then(response => {

  listDept().then(response => {

    deptOptions.value = proxy.handleTree(response.data, "deptId");

  });

  if (row != undefined) {

@@ -242,9 +244,9 @@
  });

}

/** 修改按钮操作 */

async function handleUpdate(row) {

function handleUpdate(row) {

  reset();

  await listDeptExcludeChild(row.deptId).then(response => {

  listDeptExcludeChild(row.deptId).then(response => {

    deptOptions.value = proxy.handleTree(response.data, "deptId");

  });

  getDept(row.deptId).then(response => {


 src/views/system/menu/index.vue

@@ -103,11 +103,13 @@
            <el-row>

               <el-col :span="24">

                  <el-form-item label="上级菜单">

                     <tree-select

                        v-model:value="form.parentId"

                        :options="menuOptions"

                        :objMap="{ value: 'menuId', label: 'menuName', children: 'children' }"

                     <el-tree-select

                        v-model="form.parentId"

                        :data="menuOptions"

                        :props="{ value: 'menuId', label: 'menuName', children: 'children' }"

                        value-key="menuId"

                        placeholder="选择上级菜单"

                        check-strictly

                     />

                  </el-form-item>

               </el-col>

@@ -332,9 +334,9 @@
  });

}

/** 查询菜单下拉树结构 */

async function getTreeselect() {

function getTreeselect() {

  menuOptions.value = [];

  await listMenu().then(response => {

  listMenu().then(response => {

    const menu = { menuId: 0, menuName: "主类目", children: [] };

    menu.children = proxy.handleTree(response.data, "menuId");

    menuOptions.value.push(menu);

@@ -386,9 +388,9 @@
  handleQuery();

}

/** 新增按钮操作 */

async function handleAdd(row) {

function handleAdd(row) {

  reset();

  await getTreeselect();

  getTreeselect();

  if (row != null && row.menuId) {

    form.value.parentId = row.menuId;

  } else {


 src/views/system/user/index.vue

@@ -207,11 +207,13 @@
               </el-col>

               <el-col :span="12">

                  <el-form-item label="归属部门" prop="deptId">

                     <tree-select

                        v-model:value="form.deptId"

                        :options="deptOptions"

                     <el-tree-select

                        v-model="form.deptId"

                        :data="deptOptions"

                        :props="{ value: 'id', label: 'label', children: 'children' }"

                        value-key="id"

                        placeholder="请选择归属部门"

                        :objMap="{ value: 'id', label: 'label', children: 'children' }"

                        check-strictly

                     />

                  </el-form-item>

               </el-col>