| | |
| | | plain
|
| | | icon="Plus"
|
| | | @click="handleAdd"
|
| | | v-hasPermi="['system:role:add']"
|
| | | >新增</el-button>
|
| | | </el-col>
|
| | | <el-col :span="1.5">
|
| | |
| | | icon="Edit"
|
| | | :disabled="single"
|
| | | @click="handleUpdate"
|
| | | v-hasPermi="['system:role:edit']"
|
| | | >修改</el-button>
|
| | | </el-col>
|
| | | <el-col :span="1.5">
|
| | |
| | | icon="Delete"
|
| | | :disabled="multiple"
|
| | | @click="handleDelete"
|
| | | v-hasPermi="['system:role:remove']"
|
| | | >删除</el-button>
|
| | | </el-col>
|
| | | <el-col :span="1.5">
|
| | |
| | | plain
|
| | | icon="Download"
|
| | | @click="handleExport"
|
| | | v-hasPermi="['system:role:export']"
|
| | | >导出</el-button>
|
| | | </el-col>
|
| | | <right-toolbar v-model:showSearch="showSearch" @queryTable="getList"></right-toolbar>
|
| | |
| | | <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
|
| | | <template #default="scope">
|
| | | <el-tooltip content="修改" placement="top" v-if="scope.row.roleId !== 1">
|
| | | <el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)" v-hasPermi="['system:role:edit']"></el-button>
|
| | | <el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)"></el-button>
|
| | | </el-tooltip>
|
| | | <el-tooltip content="删除" placement="top" v-if="scope.row.roleId !== 1">
|
| | | <el-button link type="primary" icon="Delete" @click="handleDelete(scope.row)" v-hasPermi="['system:role:remove']"></el-button>
|
| | | <el-button link type="primary" icon="Delete" @click="handleDelete(scope.row)"></el-button>
|
| | | </el-tooltip>
|
| | | <el-tooltip content="数据权限" placement="top" v-if="scope.row.roleId !== 1">
|
| | | <el-button link type="primary" icon="CircleCheck" @click="handleDataScope(scope.row)" v-hasPermi="['system:role:edit']"></el-button>
|
| | | <el-button link type="primary" icon="CircleCheck" @click="handleDataScope(scope.row)"></el-button>
|
| | | </el-tooltip>
|
| | | <el-tooltip content="分配用户" placement="top" v-if="scope.row.roleId !== 1">
|
| | | <el-button link type="primary" icon="User" @click="handleAuthUser(scope.row)" v-hasPermi="['system:role:edit']"></el-button>
|
| | | <el-button link type="primary" icon="User" @click="handleAuthUser(scope.row)"></el-button>
|
| | | </el-tooltip>
|
| | | </template>
|
| | | </el-table-column>
|
| | |
| | | <script setup name="Role">
|
| | | import { addRole, changeRoleStatus, dataScope, delRole, getRole, listRole, updateRole, deptTreeSelect } from "@/api/system/role"
|
| | | import { roleMenuTreeselect, treeselect as menuTreeselect } from "@/api/system/menu"
|
| | | import {onMounted} from "vue";
|
| | |
|
| | | const router = useRouter()
|
| | | const { proxy } = getCurrentInstance()
|
| | |
| | | /** 数据范围选项*/
|
| | | const dataScopeOptions = ref([
|
| | | { value: "1", label: "全部数据权限" },
|
| | | { value: "2", label: "自定数据权限" },
|
| | | // { value: "2", label: "自定数据权限" },
|
| | | { value: "3", label: "本部门数据权限" },
|
| | | { value: "4", label: "本部门及以下数据权限" },
|
| | | { value: "5", label: "仅本人数据权限" }
|
| | |
| | | reset()
|
| | | }
|
| | |
|
| | | getList()
|
| | | onMounted(() => {
|
| | | getList();
|
| | | });
|
| | | </script>
|