| | |
|---|
| | | <span>{{(pageNum - 1) * pageSize + scope.$index + 1}}</span>
|
|---|
| | | </template>
|
|---|
| | | </el-table-column>
|
|---|
| | | <el-table-column type="selection" :reserve-selection="true" width="55"></el-table-column>
|
|---|
| | | <el-table-column type="selection" :reserve-selection="true" :selectable="checkSelectable" width="55" />
|
|---|
| | | <el-table-column label="角色编号" align="center" prop="roleId" />
|
|---|
| | | <el-table-column label="角色名称" align="center" prop="roleName" />
|
|---|
| | | <el-table-column label="权限字符" align="center" prop="roleKey" />
|
|---|
| | |
|---|
| | | methods: {
|
|---|
| | | /** 单击选中行数据 */
|
|---|
| | | clickRow(row) {
|
|---|
| | | if (this.checkSelectable(row)) {
|
|---|
| | | this.$refs.table.toggleRowSelection(row);
|
|---|
| | | }
|
|---|
| | | },
|
|---|
| | | // 多选框选中数据
|
|---|
| | | handleSelectionChange(selection) {
|
|---|
| | |
|---|
| | | getRowKey(row) {
|
|---|
| | | return row.roleId;
|
|---|
| | | },
|
|---|
| | | // 检查角色状态
|
|---|
| | | checkSelectable(row) {
|
|---|
| | | return row.status === "0" ? true : false;
|
|---|
| | | },
|
|---|
| | | /** 提交按钮 */
|
|---|
| | | submitForm() {
|
|---|
| | | const userId = this.form.userId;
|
|---|
