角色管理新增分配用户功能

RuoYi

2021-07-05 90c41d498c98ba872f20250c0025303a07bfa894

 ruoyi-ui/src/views/system/role/index.vue

@@ -135,17 +135,21 @@
          <el-button

            size="mini"

            type="text"

            icon="el-icon-circle-check"

            @click="handleDataScope(scope.row)"

            v-hasPermi="['system:role:edit']"

          >数据权限</el-button>

          <el-button

            size="mini"

            type="text"

            icon="el-icon-delete"

            @click="handleDelete(scope.row)"

            v-hasPermi="['system:role:remove']"

          >删除</el-button>

          <el-dropdown size="mini" @command="(command) => handleCommand(command, scope.row)">

            <span class="el-dropdown-link">

              <i class="el-icon-d-arrow-right el-icon--right"></i>更多

            </span>

            <el-dropdown-menu slot="dropdown">

              <el-dropdown-item command="handleDataScope" icon="el-icon-circle-check"

                v-hasPermi="['system:role:edit']">数据权限</el-dropdown-item>

              <el-dropdown-item command="handleAuthUser" icon="el-icon-user"

                v-hasPermi="['system:role:edit']">分配用户</el-dropdown-item>

            </el-dropdown-menu>

          </el-dropdown>

        </template>

      </el-table-column>

    </el-table>

@@ -469,6 +473,19 @@
      this.single = selection.length!=1

      this.multiple = !selection.length

    },

    // 更多操作触发

    handleCommand(command, row) {

      switch (command) {

        case "handleDataScope":

          this.handleDataScope(row);

          break;

        case "handleAuthUser":

          this.handleAuthUser(row);

          break;

        default:

          break;

      }

    },

    // 树权限（展开/折叠）

    handleCheckedTreeExpand(value, type) {

      if (type == 'menu') {

@@ -548,6 +565,11 @@
        this.title = "分配数据权限";

      });

    },

    /** 分配用户操作 */

    handleAuthUser: function(row) {

      const roleId = row.roleId;

      this.$router.push("/auth/user/" + roleId);

    },

    /** 提交按钮 */

    submitForm: function() {

      this.$refs["form"].validate(valid => {