from dash import dcc, html
import feffery_antd_components as fac
import feffery_utils_components as fuc
from flask import session
import json
import uuid
import callbacks.system_c.notice_c
from config.global_config import ApiBaseUrlConfig
from api.notice import get_notice_list_api
from api.dict import query_dict_data_list_api
def render(*args, **kwargs):
button_perms = kwargs.get('button_perms')
option = []
option_table = []
info = query_dict_data_list_api(dict_type='sys_notice_type')
if info.get('code') == 200:
data = info.get('data')
option = [dict(label=item.get('dict_label'), value=item.get('dict_value')) for item in data]
option_table = [
dict(label=item.get('dict_label'), value=item.get('dict_value'), css_class=item.get('css_class')) for item
in data]
option_dict = {item.get('value'): item for item in option_table}
notice_params = dict(page_num=1, page_size=10)
table_info = get_notice_list_api(notice_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(tag='正常', color='blue')
else:
item['status'] = dict(tag='关闭', color='volcano')
if str(item.get('notice_type')) in option_dict.keys():
item['notice_type'] = dict(
tag=option_dict.get(str(item.get('notice_type'))).get('label'),
color=json.loads(option_dict.get(str(item.get('notice_type'))).get('css_class')).get('color')
)
item['key'] = str(item['notice_id'])
item['operation'] = [
{
'content': '修改',
'type': 'link',
'icon': 'antd-edit'
} if 'system:notice:edit' in button_perms else {},
{
'content': '删除',
'type': 'link',
'icon': 'antd-delete'
} if 'system:notice:remove' in button_perms else {},
]
return [
dcc.Store(id='notice-button-perms-container', data=button_perms),
# 通知公告管理模块操作类型存储容器
dcc.Store(id='notice-operations-store'),
dcc.Store(id='notice-operations-store-bk'),
# 通知公告管理模块修改操作行key存储容器
dcc.Store(id='notice-edit-id-store'),
# 通知公告管理模块删除操作行key存储容器
dcc.Store(id='notice-delete-ids-store'),
fac.AntdRow(
[
fac.AntdCol(
[
fac.AntdRow(
[
fac.AntdCol(
html.Div(
[
fac.AntdForm(
[
fac.AntdFormItem(
fac.AntdInput(
id='notice-notice_title-input',
placeholder='请输入公告标题',
autoComplete='off',
allowClear=True,
style={
'width': 240
}
),
label='公告标题',
style={'paddingBottom': '10px'},
),
fac.AntdFormItem(
fac.AntdInput(
id='notice-update_by-input',
placeholder='请输入操作人员',
autoComplete='off',
allowClear=True,
style={
'width': 240
}
),
label='操作人员',
style={'paddingBottom': '10px'},
),
fac.AntdFormItem(
fac.AntdSelect(
id='notice-notice_type-select',
placeholder='公告类型',
options=option,
style={
'width': 240
}
),
label='类型',
style={'paddingBottom': '10px'},
),
fac.AntdFormItem(
fac.AntdDateRangePicker(
id='notice-create_time-range',
style={
'width': 240
}
),
label='创建时间',
style={'paddingBottom': '10px'},
),
fac.AntdFormItem(
fac.AntdButton(
'搜索',
id='notice-search',
type='primary',
icon=fac.AntdIcon(
icon='antd-search'
)
),
style={'paddingBottom': '10px'},
),
fac.AntdFormItem(
fac.AntdButton(
'重置',
id='notice-reset',
icon=fac.AntdIcon(
icon='antd-sync'
)
),
style={'paddingBottom': '10px'},
)
],
layout='inline',
)
],
id='notice-search-form-container',
hidden=False
),
)
]
),
fac.AntdRow(
[
fac.AntdCol(
fac.AntdSpace(
[
fac.AntdButton(
[
fac.AntdIcon(
icon='antd-plus'
),
'新增',
],
id={
'type': 'notice-operation-button',
'index': 'add'
},
style={
'color': '#1890ff',
'background': '#e8f4ff',
'border-color': '#a3d3ff'
}
) if 'system:notice:add' in button_perms else [],
fac.AntdButton(
[
fac.AntdIcon(
icon='antd-edit'
),
'修改',
],
id={
'type': 'notice-operation-button',
'index': 'edit'
},
disabled=True,
style={
'color': '#71e2a3',
'background': '#e7faf0',
'border-color': '#d0f5e0'
}
) if 'system:notice:edit' in button_perms else [],
fac.AntdButton(
[
fac.AntdIcon(
icon='antd-minus'
),
'删除',
],
id={
'type': 'notice-operation-button',
'index': 'delete'
},
disabled=True,
style={
'color': '#ff9292',
'background': '#ffeded',
'border-color': '#ffdbdb'
}
) if 'system:notice:remove' 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='notice-hidden',
shape='circle'
),
id='notice-hidden-tooltip',
title='隐藏搜索'
)
),
html.Div(
fac.AntdTooltip(
fac.AntdButton(
[
fac.AntdIcon(
icon='antd-sync'
),
],
id='notice-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='notice-list-table',
data=table_data,
columns=[
{
'dataIndex': 'notice_id',
'title': '序号',
'renderOptions': {
'renderType': 'ellipsis'
},
},
{
'dataIndex': 'notice_title',
'title': '公告标题',
'renderOptions': {
'renderType': 'ellipsis'
},
},
{
'dataIndex': 'notice_type',
'title': '公告类型',
'renderOptions': {
'renderType': 'tags'
},
},
{
'dataIndex': 'status',
'title': '状态',
'renderOptions': {
'renderType': 'tags'
},
},
{
'dataIndex': 'create_by',
'title': '创建者',
'renderOptions': {
'renderType': 'ellipsis'
},
},
{
'dataIndex': 'create_time',
'title': '创建时间',
'renderOptions': {
'renderType': 'ellipsis'
},
},
{
'title': '操作',
'dataIndex': 'operation',
'renderOptions': {
'renderType': 'button'
},
}
],
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.AntdRow(
[
fac.AntdCol(
fac.AntdFormItem(
fac.AntdInput(
id='notice-notice_title',
style={
'width': '100%'
}
),
id='notice-notice_title-form-item',
required=True,
label='公告标题',
labelCol={
'span': 6
},
wrapperCol={
'span': 18
}
),
span=12
),
fac.AntdCol(
fac.AntdFormItem(
fac.AntdSelect(
id='notice-notice_type',
options=option,
style={
'width': '100%'
}
),
id='notice-notice_type-form-item',
required=True,
label='公告类型',
labelCol={
'span': 6
},
wrapperCol={
'span': 18
}
),
span=12
)
],
gutter=5
),
fac.AntdRow(
[
fac.AntdCol(
fac.AntdFormItem(
fac.AntdRadioGroup(
id='notice-status',
options=[
{
'label': '正常',
'value': '0'
},
{
'label': '关闭',
'value': '1'
}
],
style={
'width': '100%'
}
),
id='notice-status-form-item',
label='状态',
labelCol={
'span': 3
},
wrapperCol={
'span': 21
}
),
span=24
),
],
gutter=5
),
fac.AntdRow(
[
fac.AntdCol(
fac.AntdFormItem(
fuc.FefferyRichTextEditor(
id='notice-content',
editorConfig={
'placeholder': '请输入...'
},
uploadImage={
'server': f'{ApiBaseUrlConfig.BaseUrl}/common/uploadForEditor',
'fieldName': 'file',
'maxFileSize': 10 * 1024 * 1024,
'maxNumberOfFiles': 10,
'meta': {
'baseUrl': ApiBaseUrlConfig.BaseUrl,
'uploadId': str(uuid.uuid4()),
'taskPath': 'notice'
},
'metaWithUrl': True,
'headers': {
'Authorization': 'Bearer ' + session.get('Authorization')
},
'withCredentials': True,
'timeout': 5 * 1000,
'base64LimitSize': 500 * 1024
},
uploadVideo={
'server': f'{ApiBaseUrlConfig.BaseUrl}/common/uploadForEditor',
'fieldName': 'file',
'maxFileSize': 100 * 1024 * 1024,
'maxNumberOfFiles': 3,
'meta': {
'baseUrl': ApiBaseUrlConfig.BaseUrl,
'uploadId': str(uuid.uuid4()),
'taskPath': 'notice'
},
'metaWithUrl': True,
'headers': {
'Authorization': 'Bearer ' + session.get('Authorization')
},
'withCredentials': True,
'timeout': 15 * 1000
},
editorStyle={
'height': 300,
'width': '100%'
},
style={
'marginBottom': 15
}
),
id='notice-notice_content-form-item',
label='内容',
labelCol={
'span': 3
},
wrapperCol={
'span': 21
}
),
span=24
),
],
gutter=5
)
],
style={
'marginRight': '30px'
}
)
],
id='notice-modal',
mask=False,
width=900,
renderFooter=True,
okClickClose=False
),
# 删除通知公告二次确认modal
fac.AntdModal(
fac.AntdText('是否确认删除？', id='notice-delete-text'),
id='notice-delete-confirm-modal',
visible=False,
title='提示',
renderFooter=True,
centered=True
),
]