|
|
|
|
@ -1,3 +1,161 @@
|
|
|
|
|
<template>
|
|
|
|
|
<!-- 搜索工作区 -->
|
|
|
|
|
<ContentWrap>
|
|
|
|
|
<Search :schema="allSchemas.searchSchema" @search="setSearchParams" @reset="setSearchParams" />
|
|
|
|
|
</ContentWrap>
|
|
|
|
|
<ContentWrap>
|
|
|
|
|
<!-- 操作工具栏 -->
|
|
|
|
|
<div class="mb-10px">
|
|
|
|
|
<XButton
|
|
|
|
|
type="primary"
|
|
|
|
|
preIcon="ep:zoom-in"
|
|
|
|
|
:title="t('action.add')"
|
|
|
|
|
v-hasPermi="['system:role:create']"
|
|
|
|
|
@click="handleCreate()"
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
<!-- 列表 -->
|
|
|
|
|
<Table
|
|
|
|
|
:columns="allSchemas.tableColumns"
|
|
|
|
|
:selection="false"
|
|
|
|
|
:data="tableObject.tableList"
|
|
|
|
|
:loading="tableObject.loading"
|
|
|
|
|
:pagination="{
|
|
|
|
|
total: tableObject.total
|
|
|
|
|
}"
|
|
|
|
|
v-model:pageSize="tableObject.pageSize"
|
|
|
|
|
v-model:currentPage="tableObject.currentPage"
|
|
|
|
|
@register="register"
|
|
|
|
|
>
|
|
|
|
|
<template #type="{ row }">
|
|
|
|
|
<DictTag :type="DICT_TYPE.SYSTEM_ROLE_TYPE" :value="row.type" />
|
|
|
|
|
</template>
|
|
|
|
|
<template #status="{ row }">
|
|
|
|
|
<DictTag :type="DICT_TYPE.COMMON_STATUS" :value="row.status" />
|
|
|
|
|
</template>
|
|
|
|
|
<template #createTime="{ row }">
|
|
|
|
|
<span>{{ dayjs(row.createTime).format('YYYY-MM-DD HH:mm:ss') }}</span>
|
|
|
|
|
</template>
|
|
|
|
|
<template #action="{ row }">
|
|
|
|
|
<XTextButton
|
|
|
|
|
preIcon="ep:edit"
|
|
|
|
|
:title="t('action.edit')"
|
|
|
|
|
v-hasPermi="['system:role:update']"
|
|
|
|
|
@click="handleUpdate(row.id)"
|
|
|
|
|
/>
|
|
|
|
|
<XTextButton
|
|
|
|
|
preIcon="ep:view"
|
|
|
|
|
:title="t('action.detail')"
|
|
|
|
|
v-hasPermi="['system:role:update']"
|
|
|
|
|
@click="handleDetail(row.id)"
|
|
|
|
|
/>
|
|
|
|
|
<XTextButton
|
|
|
|
|
preIcon="ep:basketball"
|
|
|
|
|
title="菜单权限"
|
|
|
|
|
v-hasPermi="['system:permission:assign-role-menu']"
|
|
|
|
|
@click="handleScope('menu', row)"
|
|
|
|
|
/>
|
|
|
|
|
<XTextButton
|
|
|
|
|
preIcon="ep:coin"
|
|
|
|
|
title="数据权限"
|
|
|
|
|
v-hasPermi="['system:permission:assign-role-data-scope']"
|
|
|
|
|
@click="handleScope('data', row)"
|
|
|
|
|
/>
|
|
|
|
|
<XTextButton
|
|
|
|
|
preIcon="ep:delete"
|
|
|
|
|
:title="t('action.del')"
|
|
|
|
|
v-hasPermi="['system:role:delete']"
|
|
|
|
|
@click="delList(row.id, false)"
|
|
|
|
|
/>
|
|
|
|
|
</template>
|
|
|
|
|
</Table>
|
|
|
|
|
</ContentWrap>
|
|
|
|
|
|
|
|
|
|
<XModal v-model="dialogVisible" :title="dialogTitle">
|
|
|
|
|
<!-- 对话框(添加 / 修改) -->
|
|
|
|
|
<Form
|
|
|
|
|
v-if="['create', 'update'].includes(actionType)"
|
|
|
|
|
:schema="allSchemas.formSchema"
|
|
|
|
|
:rules="rules"
|
|
|
|
|
ref="formRef"
|
|
|
|
|
/>
|
|
|
|
|
<!-- 对话框(详情) -->
|
|
|
|
|
<Descriptions
|
|
|
|
|
v-if="actionType === 'detail'"
|
|
|
|
|
:schema="allSchemas.detailSchema"
|
|
|
|
|
:data="detailRef"
|
|
|
|
|
/>
|
|
|
|
|
<!-- 操作按钮 -->
|
|
|
|
|
<template #footer>
|
|
|
|
|
<XButton
|
|
|
|
|
v-if="['create', 'update'].includes(actionType)"
|
|
|
|
|
type="primary"
|
|
|
|
|
:title="t('action.save')"
|
|
|
|
|
:loading="loading"
|
|
|
|
|
@click="submitForm()"
|
|
|
|
|
/>
|
|
|
|
|
<XButton :loading="loading" :title="t('dialog.close')" @click="dialogVisible = false" />
|
|
|
|
|
</template>
|
|
|
|
|
</XModal>
|
|
|
|
|
<XModal v-model="dialogScopeVisible" :title="dialogScopeTitle">
|
|
|
|
|
<el-form :model="dataScopeForm">
|
|
|
|
|
<el-form-item label="角色名称">
|
|
|
|
|
<el-input v-model="dataScopeForm.name" :disabled="true" />
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<el-form-item label="角色标识">
|
|
|
|
|
<el-input v-model="dataScopeForm.code" :disabled="true" />
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<!-- 分配角色的数据权限对话框 -->
|
|
|
|
|
<el-form-item label="权限范围" v-if="actionScopeType === 'data'">
|
|
|
|
|
<el-select v-model="dataScopeForm.dataScope">
|
|
|
|
|
<el-option
|
|
|
|
|
v-for="item in dataScopeDictDatas"
|
|
|
|
|
:key="parseInt(item.value)"
|
|
|
|
|
:label="item.label"
|
|
|
|
|
:value="parseInt(item.value)"
|
|
|
|
|
/>
|
|
|
|
|
</el-select>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<!-- 分配角色的菜单权限对话框 -->
|
|
|
|
|
<el-form-item
|
|
|
|
|
label="权限范围"
|
|
|
|
|
v-if="
|
|
|
|
|
actionScopeType === 'menu' || dataScopeForm.dataScope === SystemDataScopeEnum.DEPT_CUSTOM
|
|
|
|
|
"
|
|
|
|
|
>
|
|
|
|
|
<el-card class="box-card">
|
|
|
|
|
<template #header>
|
|
|
|
|
父子联动(选中父节点，自动选择子节点):
|
|
|
|
|
<el-switch v-model="checkStrictly" inline-prompt active-text="是" inactive-text="否" />
|
|
|
|
|
全选/全不选:
|
|
|
|
|
<el-switch
|
|
|
|
|
v-model="treeNodeAll"
|
|
|
|
|
inline-prompt
|
|
|
|
|
active-text="是"
|
|
|
|
|
inactive-text="否"
|
|
|
|
|
@change="handleCheckedTreeNodeAll()"
|
|
|
|
|
/>
|
|
|
|
|
</template>
|
|
|
|
|
<el-tree
|
|
|
|
|
ref="treeRef"
|
|
|
|
|
node-key="id"
|
|
|
|
|
show-checkbox
|
|
|
|
|
:default-checked-keys="defaultCheckedKeys"
|
|
|
|
|
:check-strictly="!checkStrictly"
|
|
|
|
|
:props="defaultProps"
|
|
|
|
|
:data="treeOptions"
|
|
|
|
|
empty-text="加载中，请稍后"
|
|
|
|
|
/>
|
|
|
|
|
</el-card>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-form>
|
|
|
|
|
<!-- 操作按钮 -->
|
|
|
|
|
<template #footer>
|
|
|
|
|
<XButton type="primary" :title="t('action.save')" :loading="loading" @click="submitScope()" />
|
|
|
|
|
<XButton :loading="loading" :title="t('dialog.close')" @click="dialogScopeVisible = false" />
|
|
|
|
|
</template>
|
|
|
|
|
</XModal>
|
|
|
|
|
</template>
|
|
|
|
|
<script setup lang="ts">
|
|
|
|
|
import { onMounted, reactive, ref, unref } from 'vue'
|
|
|
|
|
import dayjs from 'dayjs'
|
|
|
|
|
@ -57,10 +215,10 @@ const handleCreate = () => {
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// 修改操作
|
|
|
|
|
const handleUpdate = async (row: RoleVO) => {
|
|
|
|
|
const handleUpdate = async (rowId: number) => {
|
|
|
|
|
setDialogTile('update')
|
|
|
|
|
// 设置数据
|
|
|
|
|
const res = await RoleApi.getRoleApi(row.id)
|
|
|
|
|
const res = await RoleApi.getRoleApi(rowId)
|
|
|
|
|
unref(formRef)?.setValues(res)
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
@ -183,171 +341,3 @@ onMounted(() => {
|
|
|
|
|
init()
|
|
|
|
|
})
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
<template>
|
|
|
|
|
<!-- 搜索工作区 -->
|
|
|
|
|
<ContentWrap>
|
|
|
|
|
<Search :schema="allSchemas.searchSchema" @search="setSearchParams" @reset="setSearchParams" />
|
|
|
|
|
</ContentWrap>
|
|
|
|
|
<ContentWrap>
|
|
|
|
|
<!-- 操作工具栏 -->
|
|
|
|
|
<div class="mb-10px">
|
|
|
|
|
<el-button type="primary" v-hasPermi="['system:role:create']" @click="handleCreate">
|
|
|
|
|
<Icon icon="ep:zoom-in" class="mr-5px" /> {{ t('action.add') }}
|
|
|
|
|
</el-button>
|
|
|
|
|
</div>
|
|
|
|
|
<!-- 列表 -->
|
|
|
|
|
<Table
|
|
|
|
|
:columns="allSchemas.tableColumns"
|
|
|
|
|
:selection="false"
|
|
|
|
|
:data="tableObject.tableList"
|
|
|
|
|
:loading="tableObject.loading"
|
|
|
|
|
:pagination="{
|
|
|
|
|
total: tableObject.total
|
|
|
|
|
}"
|
|
|
|
|
v-model:pageSize="tableObject.pageSize"
|
|
|
|
|
v-model:currentPage="tableObject.currentPage"
|
|
|
|
|
@register="register"
|
|
|
|
|
>
|
|
|
|
|
<template #type="{ row }">
|
|
|
|
|
<DictTag :type="DICT_TYPE.SYSTEM_ROLE_TYPE" :value="row.type" />
|
|
|
|
|
</template>
|
|
|
|
|
<template #status="{ row }">
|
|
|
|
|
<DictTag :type="DICT_TYPE.COMMON_STATUS" :value="row.status" />
|
|
|
|
|
</template>
|
|
|
|
|
<template #createTime="{ row }">
|
|
|
|
|
<span>{{ dayjs(row.createTime).format('YYYY-MM-DD HH:mm:ss') }}</span>
|
|
|
|
|
</template>
|
|
|
|
|
<template #action="{ row }">
|
|
|
|
|
<el-button
|
|
|
|
|
link
|
|
|
|
|
type="primary"
|
|
|
|
|
v-hasPermi="['system:role:update']"
|
|
|
|
|
@click="handleUpdate(row)"
|
|
|
|
|
>
|
|
|
|
|
<Icon icon="ep:edit" class="mr-1px" /> {{ t('action.edit') }}
|
|
|
|
|
</el-button>
|
|
|
|
|
<el-button
|
|
|
|
|
link
|
|
|
|
|
type="primary"
|
|
|
|
|
v-hasPermi="['system:role:update']"
|
|
|
|
|
@click="handleDetail(row)"
|
|
|
|
|
>
|
|
|
|
|
<Icon icon="ep:view" class="mr-1px" /> {{ t('action.detail') }}
|
|
|
|
|
</el-button>
|
|
|
|
|
<el-button
|
|
|
|
|
link
|
|
|
|
|
type="primary"
|
|
|
|
|
v-hasPermi="['system:permission:assign-role-menu']"
|
|
|
|
|
@click="handleScope('menu', row)"
|
|
|
|
|
>
|
|
|
|
|
<Icon icon="ep:basketball" class="mr-1px" /> 菜单权限
|
|
|
|
|
</el-button>
|
|
|
|
|
<el-button
|
|
|
|
|
link
|
|
|
|
|
type="primary"
|
|
|
|
|
v-hasPermi="['system:permission:assign-role-data-scope']"
|
|
|
|
|
@click="handleScope('data', row)"
|
|
|
|
|
>
|
|
|
|
|
<Icon icon="ep:coin" class="mr-1px" /> 数据权限
|
|
|
|
|
</el-button>
|
|
|
|
|
<el-button
|
|
|
|
|
link
|
|
|
|
|
type="primary"
|
|
|
|
|
v-hasPermi="['system:role:delete']"
|
|
|
|
|
@click="delList(row.id, false)"
|
|
|
|
|
>
|
|
|
|
|
<Icon icon="ep:delete" class="mr-1px" /> {{ t('action.del') }}
|
|
|
|
|
</el-button>
|
|
|
|
|
</template>
|
|
|
|
|
</Table>
|
|
|
|
|
</ContentWrap>
|
|
|
|
|
|
|
|
|
|
<XModal v-model="dialogVisible" :title="dialogTitle">
|
|
|
|
|
<!-- 对话框(添加 / 修改) -->
|
|
|
|
|
<Form
|
|
|
|
|
v-if="['create', 'update'].includes(actionType)"
|
|
|
|
|
:schema="allSchemas.formSchema"
|
|
|
|
|
:rules="rules"
|
|
|
|
|
ref="formRef"
|
|
|
|
|
/>
|
|
|
|
|
<!-- 对话框(详情) -->
|
|
|
|
|
<Descriptions
|
|
|
|
|
v-if="actionType === 'detail'"
|
|
|
|
|
:schema="allSchemas.detailSchema"
|
|
|
|
|
:data="detailRef"
|
|
|
|
|
/>
|
|
|
|
|
<!-- 操作按钮 -->
|
|
|
|
|
<template #footer>
|
|
|
|
|
<el-button
|
|
|
|
|
v-if="['create', 'update'].includes(actionType)"
|
|
|
|
|
type="primary"
|
|
|
|
|
:loading="loading"
|
|
|
|
|
@click="submitForm"
|
|
|
|
|
>
|
|
|
|
|
{{ t('action.save') }}
|
|
|
|
|
</el-button>
|
|
|
|
|
<el-button @click="dialogVisible = false">{{ t('dialog.close') }}</el-button>
|
|
|
|
|
</template>
|
|
|
|
|
</XModal>
|
|
|
|
|
<XModal v-model="dialogScopeVisible" :title="dialogScopeTitle">
|
|
|
|
|
<el-form :model="dataScopeForm">
|
|
|
|
|
<el-form-item label="角色名称">
|
|
|
|
|
<el-input v-model="dataScopeForm.name" :disabled="true" />
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<el-form-item label="角色标识">
|
|
|
|
|
<el-input v-model="dataScopeForm.code" :disabled="true" />
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<!-- 分配角色的数据权限对话框 -->
|
|
|
|
|
<el-form-item label="权限范围" v-if="actionScopeType === 'data'">
|
|
|
|
|
<el-select v-model="dataScopeForm.dataScope">
|
|
|
|
|
<el-option
|
|
|
|
|
v-for="item in dataScopeDictDatas"
|
|
|
|
|
:key="parseInt(item.value)"
|
|
|
|
|
:label="item.label"
|
|
|
|
|
:value="parseInt(item.value)"
|
|
|
|
|
/>
|
|
|
|
|
</el-select>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<!-- 分配角色的菜单权限对话框 -->
|
|
|
|
|
<el-form-item
|
|
|
|
|
label="权限范围"
|
|
|
|
|
v-if="
|
|
|
|
|
actionScopeType === 'menu' || dataScopeForm.dataScope === SystemDataScopeEnum.DEPT_CUSTOM
|
|
|
|
|
"
|
|
|
|
|
>
|
|
|
|
|
<el-card class="box-card">
|
|
|
|
|
<template #header>
|
|
|
|
|
父子联动(选中父节点，自动选择子节点):
|
|
|
|
|
<el-switch v-model="checkStrictly" inline-prompt active-text="是" inactive-text="否" />
|
|
|
|
|
全选/全不选:
|
|
|
|
|
<el-switch
|
|
|
|
|
v-model="treeNodeAll"
|
|
|
|
|
inline-prompt
|
|
|
|
|
active-text="是"
|
|
|
|
|
inactive-text="否"
|
|
|
|
|
@change="handleCheckedTreeNodeAll()"
|
|
|
|
|
/>
|
|
|
|
|
</template>
|
|
|
|
|
<el-tree
|
|
|
|
|
ref="treeRef"
|
|
|
|
|
node-key="id"
|
|
|
|
|
show-checkbox
|
|
|
|
|
:default-checked-keys="defaultCheckedKeys"
|
|
|
|
|
:check-strictly="!checkStrictly"
|
|
|
|
|
:props="defaultProps"
|
|
|
|
|
:data="treeOptions"
|
|
|
|
|
empty-text="加载中，请稍后"
|
|
|
|
|
/>
|
|
|
|
|
</el-card>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-form>
|
|
|
|
|
<!-- 操作按钮 -->
|
|
|
|
|
<template #footer>
|
|
|
|
|
<el-button type="primary" :loading="loading" @click="submitScope">
|
|
|
|
|
{{ t('action.save') }}
|
|
|
|
|
</el-button>
|
|
|
|
|
<el-button @click="dialogScopeVisible = false">{{ t('dialog.close') }}</el-button>
|
|
|
|
|
</template>
|
|
|
|
|
</XModal>
|
|
|
|
|
</template>
|
|
|
|
|
|
xingyu4j
3 years ago