You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
715 lines
36 KiB
715 lines
36 KiB
1 month ago
|
from dash import dcc, html
|
||
|
import feffery_antd_components as fac
|
||
|
|
||
|
import callbacks.system_c.role_c.role_c
|
||
|
from . import data_scope, allocate_user
|
||
|
from api.role import get_role_list_api
|
||
|
|
||
|
|
||
|
def render(*args, **kwargs):
|
||
|
button_perms = kwargs.get('button_perms')
|
||
|
|
||
|
role_params = dict(page_num=1, page_size=10)
|
||
|
table_info = get_role_list_api(role_params)
|
||
|
table_data = []
|
||
|
page_num = 1
|
||
|
page_size = 10
|
||
|
total = 0
|
||
|
if table_info['code'] == 200:
|
||
|
table_data = table_info['data']['rows']
|
||
|
page_num = table_info['data']['page_num']
|
||
|
page_size = table_info['data']['page_size']
|
||
|
total = table_info['data']['total']
|
||
|
for item in table_data:
|
||
|
if item['status'] == '0':
|
||
|
item['status'] = dict(checked=True, disabled=item['role_id'] == 1)
|
||
|
else:
|
||
|
item['status'] = dict(checked=False, disabled=item['role_id'] == 1)
|
||
|
item['key'] = str(item['role_id'])
|
||
|
if item['role_id'] == 1:
|
||
|
item['operation'] = []
|
||
|
else:
|
||
|
item['operation'] = fac.AntdSpace(
|
||
|
[
|
||
|
fac.AntdButton(
|
||
|
'修改',
|
||
|
id={
|
||
|
'type': 'role-operation-table',
|
||
|
'operation': 'edit',
|
||
|
'index': str(item['role_id'])
|
||
|
},
|
||
|
type='link',
|
||
|
icon=fac.AntdIcon(
|
||
|
icon='antd-edit'
|
||
|
),
|
||
|
style={
|
||
|
'padding': 0
|
||
|
}
|
||
|
) if 'system:role:edit' in button_perms else [],
|
||
|
fac.AntdButton(
|
||
|
'删除',
|
||
|
id={
|
||
|
'type': 'role-operation-table',
|
||
|
'operation': 'delete',
|
||
|
'index': str(item['role_id'])
|
||
|
},
|
||
|
type='link',
|
||
|
icon=fac.AntdIcon(
|
||
|
icon='antd-delete'
|
||
|
),
|
||
|
style={
|
||
|
'padding': 0
|
||
|
}
|
||
|
) if 'system:role:remove' in button_perms else [],
|
||
|
fac.AntdPopover(
|
||
|
fac.AntdButton(
|
||
|
'更多',
|
||
|
type='link',
|
||
|
icon=fac.AntdIcon(
|
||
|
icon='antd-more'
|
||
|
),
|
||
|
style={
|
||
|
'padding': 0
|
||
|
}
|
||
|
),
|
||
|
content=fac.AntdSpace(
|
||
|
[
|
||
|
fac.AntdButton(
|
||
|
'数据权限',
|
||
|
id={
|
||
|
'type': 'role-operation-table',
|
||
|
'operation': 'datascope',
|
||
|
'index': str(item['role_id'])
|
||
|
},
|
||
|
type='text',
|
||
|
block=True,
|
||
|
icon=fac.AntdIcon(
|
||
|
icon='antd-check-circle'
|
||
|
),
|
||
|
style={
|
||
|
'padding': 0
|
||
|
}
|
||
|
),
|
||
|
fac.AntdButton(
|
||
|
'分配用户',
|
||
|
id={
|
||
|
'type': 'role-operation-table',
|
||
|
'operation': 'allocation',
|
||
|
'index': str(item['role_id'])
|
||
|
},
|
||
|
type='text',
|
||
|
block=True,
|
||
|
icon=fac.AntdIcon(
|
||
|
icon='antd-user'
|
||
|
),
|
||
|
style={
|
||
|
'padding': 0
|
||
|
}
|
||
|
),
|
||
|
],
|
||
|
direction='vertical'
|
||
|
),
|
||
|
placement='bottomRight'
|
||
|
) if 'system:role:edit' in button_perms else []
|
||
|
]
|
||
|
)
|
||
|
|
||
|
return [
|
||
|
dcc.Store(id='role-button-perms-container', data=button_perms),
|
||
|
# 用于导出成功后重置dcc.Download的状态,防止多次下载文件
|
||
|
dcc.Store(id='role-export-complete-judge-container'),
|
||
|
# 绑定的导出组件
|
||
|
dcc.Download(id='role-export-container'),
|
||
|
# 角色管理模块操作类型存储容器
|
||
|
dcc.Store(id='role-operations-store'),
|
||
|
dcc.Store(id='role-operations-store-bk'),
|
||
|
# 角色管理模块修改操作行key存储容器
|
||
|
dcc.Store(id='role-edit-id-store'),
|
||
|
# 角色管理模块删除操作行key存储容器
|
||
|
dcc.Store(id='role-delete-ids-store'),
|
||
|
# 角色管理模块菜单权限存储容器
|
||
|
dcc.Store(id='role-menu-store'),
|
||
|
dcc.Store(id='current-role-menu-store'),
|
||
|
# 角色管理模块数据权限存储容器
|
||
|
dcc.Store(id='role-dept-store'),
|
||
|
dcc.Store(id='current-role-dept-store'),
|
||
|
fac.AntdRow(
|
||
|
[
|
||
|
fac.AntdCol(
|
||
|
[
|
||
|
fac.AntdRow(
|
||
|
[
|
||
|
fac.AntdCol(
|
||
|
html.Div(
|
||
|
[
|
||
|
fac.AntdForm(
|
||
|
[
|
||
|
fac.AntdFormItem(
|
||
|
fac.AntdInput(
|
||
|
id='role-role_name-input',
|
||
|
placeholder='请输入角色名称',
|
||
|
autoComplete='off',
|
||
|
allowClear=True,
|
||
|
style={
|
||
|
'width': 220
|
||
|
}
|
||
|
),
|
||
|
label='角色名称',
|
||
|
style={'paddingBottom': '10px'},
|
||
|
),
|
||
|
fac.AntdFormItem(
|
||
|
fac.AntdInput(
|
||
|
id='role-role_key-input',
|
||
|
placeholder='请输入权限字符',
|
||
|
autoComplete='off',
|
||
|
allowClear=True,
|
||
|
style={
|
||
|
'width': 220
|
||
|
}
|
||
|
),
|
||
|
label='权限字符',
|
||
|
style={'paddingBottom': '10px'},
|
||
|
),
|
||
|
fac.AntdFormItem(
|
||
|
fac.AntdSelect(
|
||
|
id='role-status-select',
|
||
|
placeholder='角色状态',
|
||
|
options=[
|
||
|
{
|
||
|
'label': '正常',
|
||
|
'value': '0'
|
||
|
},
|
||
|
{
|
||
|
'label': '停用',
|
||
|
'value': '1'
|
||
|
}
|
||
|
],
|
||
|
style={
|
||
|
'width': 220
|
||
|
}
|
||
|
),
|
||
|
label='状态',
|
||
|
style={'paddingBottom': '10px'},
|
||
|
),
|
||
|
fac.AntdFormItem(
|
||
|
fac.AntdDateRangePicker(
|
||
|
id='role-create_time-range',
|
||
|
style={
|
||
|
'width': 240
|
||
|
}
|
||
|
),
|
||
|
label='创建时间',
|
||
|
style={'paddingBottom': '10px'},
|
||
|
),
|
||
|
fac.AntdFormItem(
|
||
|
fac.AntdButton(
|
||
|
'搜索',
|
||
|
id='role-search',
|
||
|
type='primary',
|
||
|
icon=fac.AntdIcon(
|
||
|
icon='antd-search'
|
||
|
)
|
||
|
),
|
||
|
style={'paddingBottom': '10px'},
|
||
|
),
|
||
|
fac.AntdFormItem(
|
||
|
fac.AntdButton(
|
||
|
'重置',
|
||
|
id='role-reset',
|
||
|
icon=fac.AntdIcon(
|
||
|
icon='antd-sync'
|
||
|
)
|
||
|
),
|
||
|
style={'paddingBottom': '10px'},
|
||
|
)
|
||
|
],
|
||
|
layout='inline',
|
||
|
)
|
||
|
],
|
||
|
id='role-search-form-container',
|
||
|
hidden=False
|
||
|
),
|
||
|
)
|
||
|
]
|
||
|
),
|
||
|
fac.AntdRow(
|
||
|
[
|
||
|
fac.AntdCol(
|
||
|
html.Div(
|
||
|
[
|
||
|
fac.AntdButton(
|
||
|
[
|
||
|
fac.AntdIcon(
|
||
|
icon='antd-plus'
|
||
|
),
|
||
|
'新增',
|
||
|
],
|
||
|
id={
|
||
|
'type': 'role-operation-button',
|
||
|
'operation': 'add'
|
||
|
},
|
||
|
style={
|
||
|
'color': '#1890ff',
|
||
|
'background': '#e8f4ff',
|
||
|
'border-color': '#a3d3ff',
|
||
|
'marginRight': '10px'
|
||
|
}
|
||
|
) if 'system:role:add' in button_perms else [],
|
||
|
fac.AntdButton(
|
||
|
[
|
||
|
fac.AntdIcon(
|
||
|
icon='antd-edit'
|
||
|
),
|
||
|
'修改',
|
||
|
],
|
||
|
id={
|
||
|
'type': 'role-operation-button',
|
||
|
'operation': 'edit'
|
||
|
},
|
||
|
disabled=True,
|
||
|
style={
|
||
|
'color': '#71e2a3',
|
||
|
'background': '#e7faf0',
|
||
|
'border-color': '#d0f5e0',
|
||
|
'marginRight': '10px'
|
||
|
}
|
||
|
) if 'system:role:edit' in button_perms else [],
|
||
|
fac.AntdButton(
|
||
|
[
|
||
|
fac.AntdIcon(
|
||
|
icon='antd-minus'
|
||
|
),
|
||
|
'删除',
|
||
|
],
|
||
|
id={
|
||
|
'type': 'role-operation-button',
|
||
|
'operation': 'delete'
|
||
|
},
|
||
|
disabled=True,
|
||
|
style={
|
||
|
'color': '#ff9292',
|
||
|
'background': '#ffeded',
|
||
|
'border-color': '#ffdbdb',
|
||
|
'marginRight': '10px'
|
||
|
}
|
||
|
) if 'system:role:remove' in button_perms else [],
|
||
|
fac.AntdButton(
|
||
|
[
|
||
|
fac.AntdIcon(
|
||
|
icon='antd-arrow-down'
|
||
|
),
|
||
|
'导出',
|
||
|
],
|
||
|
id='role-export',
|
||
|
style={
|
||
|
'color': '#ffba00',
|
||
|
'background': '#fff8e6',
|
||
|
'border-color': '#ffe399',
|
||
|
'marginRight': '10px'
|
||
|
}
|
||
|
) if 'system:role:export' in button_perms else [],
|
||
|
],
|
||
|
style={
|
||
|
'paddingBottom': '10px'
|
||
|
}
|
||
|
),
|
||
|
span=16
|
||
|
),
|
||
|
fac.AntdCol(
|
||
|
fac.AntdSpace(
|
||
|
[
|
||
|
html.Div(
|
||
|
fac.AntdTooltip(
|
||
|
fac.AntdButton(
|
||
|
[
|
||
|
fac.AntdIcon(
|
||
|
icon='antd-search'
|
||
|
),
|
||
|
],
|
||
|
id='role-hidden',
|
||
|
shape='circle'
|
||
|
),
|
||
|
id='role-hidden-tooltip',
|
||
|
title='隐藏搜索'
|
||
|
)
|
||
|
),
|
||
|
html.Div(
|
||
|
fac.AntdTooltip(
|
||
|
fac.AntdButton(
|
||
|
[
|
||
|
fac.AntdIcon(
|
||
|
icon='antd-sync'
|
||
|
),
|
||
|
],
|
||
|
id='role-refresh',
|
||
|
shape='circle'
|
||
|
),
|
||
|
title='刷新'
|
||
|
)
|
||
|
),
|
||
|
],
|
||
|
style={
|
||
|
'float': 'right',
|
||
|
'paddingBottom': '10px'
|
||
|
}
|
||
|
),
|
||
|
span=8,
|
||
|
style={
|
||
|
'paddingRight': '10px'
|
||
|
}
|
||
|
)
|
||
|
],
|
||
|
gutter=5
|
||
|
),
|
||
|
fac.AntdRow(
|
||
|
[
|
||
|
fac.AntdCol(
|
||
|
fac.AntdSpin(
|
||
|
fac.AntdTable(
|
||
|
id='role-list-table',
|
||
|
data=table_data,
|
||
|
columns=[
|
||
|
{
|
||
|
'dataIndex': 'role_id',
|
||
|
'title': '角色编号',
|
||
|
'renderOptions': {
|
||
|
'renderType': 'ellipsis'
|
||
|
},
|
||
|
},
|
||
|
{
|
||
|
'dataIndex': 'role_name',
|
||
|
'title': '角色名称',
|
||
|
'renderOptions': {
|
||
|
'renderType': 'ellipsis'
|
||
|
},
|
||
|
},
|
||
|
{
|
||
|
'dataIndex': 'role_key',
|
||
|
'title': '权限字符',
|
||
|
'renderOptions': {
|
||
|
'renderType': 'ellipsis'
|
||
|
},
|
||
|
},
|
||
|
{
|
||
|
'dataIndex': 'role_sort',
|
||
|
'title': '显示顺序',
|
||
|
'renderOptions': {
|
||
|
'renderType': 'ellipsis'
|
||
|
},
|
||
|
},
|
||
|
{
|
||
|
'dataIndex': 'status',
|
||
|
'title': '状态',
|
||
|
'renderOptions': {
|
||
|
'renderType': 'switch'
|
||
|
},
|
||
|
},
|
||
|
{
|
||
|
'dataIndex': 'create_time',
|
||
|
'title': '创建时间',
|
||
|
'renderOptions': {
|
||
|
'renderType': 'ellipsis'
|
||
|
},
|
||
|
},
|
||
|
{
|
||
|
'title': '操作',
|
||
|
'width': 180,
|
||
|
'dataIndex': 'operation',
|
||
|
}
|
||
|
],
|
||
|
rowSelectionType='checkbox',
|
||
|
rowSelectionWidth=50,
|
||
|
bordered=True,
|
||
|
pagination={
|
||
|
'pageSize': page_size,
|
||
|
'current': page_num,
|
||
|
'showSizeChanger': True,
|
||
|
'pageSizeOptions': [10, 30, 50, 100],
|
||
|
'showQuickJumper': True,
|
||
|
'total': total
|
||
|
},
|
||
|
mode='server-side',
|
||
|
style={
|
||
|
'width': '100%',
|
||
|
'padding-right': '10px'
|
||
|
}
|
||
|
),
|
||
|
text='数据加载中'
|
||
|
),
|
||
|
)
|
||
|
]
|
||
|
),
|
||
|
],
|
||
|
span=24
|
||
|
)
|
||
|
],
|
||
|
gutter=5
|
||
|
),
|
||
|
|
||
|
# 新增和编辑角色表单modal
|
||
|
fac.AntdModal(
|
||
|
[
|
||
|
fac.AntdForm(
|
||
|
[
|
||
|
fac.AntdFormItem(
|
||
|
fac.AntdInput(
|
||
|
id={
|
||
|
'type': 'role-form-value',
|
||
|
'index': 'role_name',
|
||
|
'required': True
|
||
|
},
|
||
|
placeholder='请输入角色名称',
|
||
|
allowClear=True,
|
||
|
style={
|
||
|
'width': 350
|
||
|
}
|
||
|
),
|
||
|
label='角色名称',
|
||
|
required=True,
|
||
|
id={
|
||
|
'type': 'role-form-label',
|
||
|
'index': 'role_name',
|
||
|
'required': True
|
||
|
},
|
||
|
labelCol={
|
||
|
'span': 6
|
||
|
},
|
||
|
wrapperCol={
|
||
|
'span': 18
|
||
|
}
|
||
|
),
|
||
|
fac.AntdFormItem(
|
||
|
fac.AntdInput(
|
||
|
id={
|
||
|
'type': 'role-form-value',
|
||
|
'index': 'role_key',
|
||
|
'required': True
|
||
|
},
|
||
|
placeholder='请输入权限字符',
|
||
|
allowClear=True,
|
||
|
style={
|
||
|
'width': 350
|
||
|
}
|
||
|
),
|
||
|
label=html.Div(
|
||
|
[
|
||
|
fac.AntdTooltip(
|
||
|
fac.AntdIcon(
|
||
|
icon='antd-question-circle'
|
||
|
),
|
||
|
title='控制器中定义的权限字符,如:common'
|
||
|
),
|
||
|
fac.AntdText('权限字符')
|
||
|
]
|
||
|
),
|
||
|
required=True,
|
||
|
id={
|
||
|
'type': 'role-form-label',
|
||
|
'index': 'role_key',
|
||
|
'required': True
|
||
|
},
|
||
|
labelCol={
|
||
|
'span': 6
|
||
|
},
|
||
|
wrapperCol={
|
||
|
'span': 18
|
||
|
}
|
||
|
),
|
||
|
fac.AntdFormItem(
|
||
|
fac.AntdInputNumber(
|
||
|
id={
|
||
|
'type': 'role-form-value',
|
||
|
'index': 'role_sort',
|
||
|
'required': True
|
||
|
},
|
||
|
placeholder='请输入角色顺序',
|
||
|
defaultValue=0,
|
||
|
min=0,
|
||
|
style={
|
||
|
'width': 350
|
||
|
}
|
||
|
),
|
||
|
label='角色顺序',
|
||
|
required=True,
|
||
|
id={
|
||
|
'type': 'role-form-label',
|
||
|
'index': 'role_sort',
|
||
|
'required': True
|
||
|
},
|
||
|
labelCol={
|
||
|
'span': 6
|
||
|
},
|
||
|
wrapperCol={
|
||
|
'span': 18
|
||
|
}
|
||
|
),
|
||
|
fac.AntdFormItem(
|
||
|
fac.AntdRadioGroup(
|
||
|
id={
|
||
|
'type': 'role-form-value',
|
||
|
'index': 'status',
|
||
|
'required': False
|
||
|
},
|
||
|
options=[
|
||
|
{
|
||
|
'label': '正常',
|
||
|
'value': '0'
|
||
|
},
|
||
|
{
|
||
|
'label': '停用',
|
||
|
'value': '1'
|
||
|
},
|
||
|
],
|
||
|
style={
|
||
|
'width': 350
|
||
|
}
|
||
|
),
|
||
|
label='状态',
|
||
|
id={
|
||
|
'type': 'role-form-label',
|
||
|
'index': 'status',
|
||
|
'required': False
|
||
|
},
|
||
|
labelCol={
|
||
|
'span': 6
|
||
|
},
|
||
|
wrapperCol={
|
||
|
'span': 18
|
||
|
}
|
||
|
),
|
||
|
fac.AntdFormItem(
|
||
|
[
|
||
|
fac.AntdRow(
|
||
|
[
|
||
|
fac.AntdCol(
|
||
|
fac.AntdCheckbox(
|
||
|
id='role-menu-perms-radio-fold-unfold',
|
||
|
label='展开/折叠'
|
||
|
),
|
||
|
span=7,
|
||
|
),
|
||
|
fac.AntdCol(
|
||
|
fac.AntdCheckbox(
|
||
|
id='role-menu-perms-radio-all-none',
|
||
|
label='全选/全不选'
|
||
|
),
|
||
|
span=8,
|
||
|
),
|
||
|
fac.AntdCol(
|
||
|
fac.AntdCheckbox(
|
||
|
id='role-menu-perms-radio-parent-children',
|
||
|
label='父子联动',
|
||
|
checked=True
|
||
|
),
|
||
|
span=6,
|
||
|
),
|
||
|
],
|
||
|
style={
|
||
|
'paddingTop': '6px'
|
||
|
}
|
||
|
),
|
||
|
fac.AntdRow(
|
||
|
fac.AntdCol(
|
||
|
html.Div(
|
||
|
[
|
||
|
fac.AntdTree(
|
||
|
id='role-menu-perms',
|
||
|
treeData=[],
|
||
|
multiple=True,
|
||
|
checkable=True,
|
||
|
showLine=False,
|
||
|
selectable=False
|
||
|
)
|
||
|
],
|
||
|
style={
|
||
|
'border': 'solid 1px rgba(0, 0, 0, 0.2)',
|
||
|
'border-radius': '5px',
|
||
|
'width': 350
|
||
|
}
|
||
|
)
|
||
|
),
|
||
|
style={
|
||
|
'paddingTop': '6px'
|
||
|
}
|
||
|
),
|
||
|
],
|
||
|
label='菜单权限',
|
||
|
id='role-menu-perms-form-item',
|
||
|
labelCol={
|
||
|
'span': 6
|
||
|
},
|
||
|
wrapperCol={
|
||
|
'span': 18
|
||
|
}
|
||
|
),
|
||
|
fac.AntdFormItem(
|
||
|
fac.AntdInput(
|
||
|
id={
|
||
|
'type': 'role-form-value',
|
||
|
'index': 'remark',
|
||
|
'required': False
|
||
|
},
|
||
|
placeholder='请输入内容',
|
||
|
allowClear=True,
|
||
|
mode='text-area',
|
||
|
style={
|
||
|
'width': 350
|
||
|
}
|
||
|
),
|
||
|
label='备注',
|
||
|
id={
|
||
|
'type': 'role-form-label',
|
||
|
'index': 'remark',
|
||
|
'required': False
|
||
|
},
|
||
|
labelCol={
|
||
|
'span': 6
|
||
|
},
|
||
|
wrapperCol={
|
||
|
'span': 18
|
||
|
}
|
||
|
),
|
||
|
]
|
||
|
)
|
||
|
],
|
||
|
id='role-modal',
|
||
|
mask=False,
|
||
|
width=600,
|
||
|
renderFooter=True,
|
||
|
okClickClose=False
|
||
|
),
|
||
|
|
||
|
# 删除角色二次确认modal
|
||
|
fac.AntdModal(
|
||
|
fac.AntdText('是否确认删除?', id='role-delete-text'),
|
||
|
id='role-delete-confirm-modal',
|
||
|
visible=False,
|
||
|
title='提示',
|
||
|
renderFooter=True,
|
||
|
centered=True
|
||
|
),
|
||
|
|
||
|
# 数据权限modal
|
||
|
fac.AntdModal(
|
||
|
data_scope.render(),
|
||
|
id='role-datascope-modal',
|
||
|
title='数据权限',
|
||
|
mask=False,
|
||
|
width=600,
|
||
|
renderFooter=True,
|
||
|
okClickClose=False
|
||
|
),
|
||
|
|
||
|
# 分配用户modal
|
||
|
fac.AntdModal(
|
||
|
allocate_user.render(button_perms),
|
||
|
id='role_to_allocated_user-modal',
|
||
|
title='分配用户',
|
||
|
mask=False,
|
||
|
maskClosable=False,
|
||
|
width=1000,
|
||
|
renderFooter=False,
|
||
|
okClickClose=False
|
||
|
)
|
||
|
]
|