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.
533 lines
29 KiB
533 lines
29 KiB
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
|
|
),
|
|
]
|
|
|