194 lines
8.9 KiB
JavaScript
194 lines
8.9 KiB
JavaScript
import React from 'react'
|
||
import { connect } from 'dva'
|
||
import { Button } from 'antd'
|
||
import TableParamShowPage from './TableParamShowPage'
|
||
import ColumnShowPage from './ColumnShowPage'
|
||
import BtnShowPage from '../Common/BtnShowPage'
|
||
import TablePanelShowPage from './TablePanelShowPage'
|
||
import PageConfigShowBaseComponent from "../Lib/PageConfigShowBaseComponent"
|
||
import { guid, extendRule } from "../../../utils/common"
|
||
|
||
class TableShowPage extends PageConfigShowBaseComponent {
|
||
constructor (props) {
|
||
super(props)
|
||
this.state = {
|
||
data: {},
|
||
paginationIndex: 1,
|
||
paginationTotalCount: 0,
|
||
rowData: {},
|
||
visible: false
|
||
}
|
||
};
|
||
onRowDropDownFilter (params) {
|
||
this.onEditFilter(params)
|
||
}
|
||
|
||
onEditFilter = (params) => {
|
||
const { params: selectParams, colConfig } = params
|
||
if (colConfig.field === 'Nav_ParamScheme.NAME') {
|
||
extendRule(selectParams, 'ENABLE_STATUS', 1, 0)
|
||
}
|
||
};
|
||
onGetTableConfig () {
|
||
const tableConfig = {
|
||
sort: 'NUM',
|
||
order: 0,
|
||
api: 'PF/PageTable/OrderPaged',
|
||
columns: [
|
||
{ field: 'LABEL_NAME', label: '显示名称', isRequire: true },
|
||
{ field: 'CODE', label: '编号', isRequire: true },
|
||
{ field: 'TABLE_NAME', label: '表名' },
|
||
{ field: 'DATA_TABLE', label: '数据库表名' },
|
||
{ field: 'SHOW_CHECK', label: '是否显示选择列', isBool: true },
|
||
{ field: 'IS_SHOW_ROW_NO', label: '显示序号', isBool: true },
|
||
{ field: 'API_URL', label: 'API接口' },
|
||
{ field: 'SEND_TYPE', label: '发送方式' },
|
||
{ field: 'SORT', label: '排序字段' },
|
||
{ field: 'ORDER', label: '排序方式', data: { options: '升序:0,降序:1' } },
|
||
{ field: 'RELATION_FIELD', label: '与父表关联字段' },
|
||
{ field: 'DEL_API_URL', label: '删除API接口' },
|
||
{ field: 'BATCH_DEL_API_URL', label: '批次API接口' },
|
||
{ field: 'CLASS_FUNC_NAME', label: '自定义样式函数' },
|
||
{ field: 'FOOTER_SUM_TYPE', label: '页脚汇总类型', data: { enumName: 'TableFooterSumTypeEnum' } },
|
||
{ field: 'CUSTOM_PARAMS', label: '自定义参数', promptInfo: '自定义参数 格式：参数名称=参数值 多个参数时以||分割' },
|
||
{ field: 'NUM', label: '顺序索引' },
|
||
],
|
||
deleteApi: 'PF/PageTable/Delete',
|
||
editConfig: {
|
||
data: {
|
||
ORG_ID: this.props.orgId,
|
||
PAGE_FORM_ID: this.props.formId,
|
||
NUM: 0,
|
||
SEND_TYPE: 'Post',
|
||
ORDER: 0,
|
||
PARENT_ID: this.props.parentId
|
||
},
|
||
columns: [
|
||
{ controlType: 1, field: 'LABEL_NAME', label: '显示名称', isRequire: true },
|
||
{ controlType: 1, field: 'CODE', label: '编号', isRequire: true },
|
||
{ controlType: 1, field: 'TABLE_NAME', label: '表名' },
|
||
{ controlType: 1, field: 'DATA_TABLE', label: '数据库表名' },
|
||
{ controlType: 4, field: 'SHOW_CHECK', label: '显示选择列' },
|
||
{ controlType: 1, field: 'MAX_SELECT', label: '最多可选数', promptInfo: '多选最多可选择个数' },
|
||
{ controlType: 4, field: 'IS_SHOW_ROW_NO', label: '显示序号' },
|
||
{ controlType: 1, field: 'API_URL', label: 'API接口' },
|
||
{ controlType: 1, field: 'SEND_TYPE', label: '发送方式' },
|
||
{ controlType: 1, field: 'SORT', label: '排序字段' },
|
||
{ controlType: 3, field: 'ORDER', label: '排序方式', data: { options: '升序:0,降序:1' } },
|
||
{ controlType: 1, field: 'SORTS', label: '多字段排序字段', promptInfo: '多个使用逗号隔开' },
|
||
{ controlType: 1, field: 'ORDERS', label: '多字段排序方式', promptInfo: '（0：升序，1：降序） 多个使用逗号隔开' },
|
||
{ controlType: 1, field: 'POSITION', label: '分页位置', promptInfo: 'top|bottom|both（默认bottom)' },
|
||
{ controlType: 1, field: 'WIDTH', label: '表格宽度' },
|
||
{ controlType: 1, field: 'HEIGTH', label: '表格高度' },
|
||
{ controlType: 1, field: 'CLASS_FIELD', label: '样式字段' },
|
||
{ controlType: 1, field: 'DEL_API_URL', label: '删除API接口' },
|
||
{ controlType: 1, field: 'BATCH_DEL_API_URL', label: '批次API接口' },
|
||
{ controlType: 1, field: 'RELATION_FIELD', label: '与父表关联字段' },
|
||
{ controlType: 1, field: 'PARENT_RELATION_FIELD', label: '父表关联字段', promptInfo: '子表关联父表，父表字段名称 默认为ID' },
|
||
{
|
||
controlType: 9, field: 'Nav_ParamScheme.NAME', label: '实体参数模板', data: {
|
||
api: 'PF/ParamScheme/OrderPaged',
|
||
navField: 'NAME,ID',
|
||
saveField: 'Nav_ParamScheme.NAME,PARAM_SCHEME_ID',
|
||
idField: 'PARAM_SCHEME_ID',
|
||
}
|
||
},
|
||
{ controlType: 3, field: 'FILTER_ORG_TYPE', label: '过滤组织类型', data: { enumName: 'PFFilterOrgTypeEnum' } },
|
||
{ controlType: 1, field: 'CLASS_FUNC_NAME', label: '自定义样式函数' },
|
||
{ controlType: 3, field: 'FOOTER_SUM_TYPE', label: '页脚汇总类型', data: { enumName: 'TableFooterSumTypeEnum' } },
|
||
{ controlType: 1, field: 'CUSTOM_PARAMS', label: '自定义参数', promptInfo: '自定义参数 格式：参数名称=参数值 多个参数时以||分割' },
|
||
{ controlType: 1, field: 'NUM', label: '顺序索引' },
|
||
{ controlType: 4, field: 'IS_SHOW_CARD', label: '卡片显示' },
|
||
{ controlType: 1, field: 'PIC_CODE_FIELD', label: '卡片图片配置' },
|
||
{ controlType: 4, field: 'NO_SELECT_FIELD', label: '禁止过滤参数' },
|
||
{ controlType: 1, field: 'TITLE', label: '导出文件标题' },
|
||
{ controlType: 4, field: 'IGNORE_ORG_RULE', label: '忽略组织权限' }
|
||
],
|
||
getApi: 'PF/PageTable/Get',
|
||
saveApi: 'PF/PageTable/Update',
|
||
onFilter: this.onEditFilter,
|
||
},
|
||
rule: {
|
||
rules: [
|
||
{ field: 'PAGE_FORM_ID', operator: 1, value: this.props.formId },
|
||
{ field: 'PARENT_ID', operator: 1, value: this.props.parentId }
|
||
]
|
||
},
|
||
rowBtns: [
|
||
{ id: guid(), btnType: 7, code: 'edit' },
|
||
{ id: guid(), btnType: 4, code: 'delete' },
|
||
{ id: guid(), btnType: 7, code: 'column' },
|
||
{ id: guid(), btnType: 7, code: 'table' },
|
||
{ id: guid(), btnType: 7, code: 'tableParam' },
|
||
{ id: guid(), btnType: 7, code: 'btn' },
|
||
{ id: guid(), btnType: 7, code: 'panel' },
|
||
]
|
||
}
|
||
return [tableConfig]
|
||
}
|
||
|
||
onTableBtnParam (params) {
|
||
const { btnConfig, record } = params ? params : {}
|
||
if (btnConfig.code === 'column') {
|
||
return {
|
||
content: <ColumnShowPage orgId={this.props.orgId} pageTableId={record.ID}>
|
||
<Button icon={'bars'} type={'default'} size={'small'} title={'字段'} />
|
||
</ColumnShowPage>
|
||
}
|
||
}
|
||
else if (btnConfig.code === 'table') {
|
||
return {
|
||
content: <TableShowPage formId={this.props.formId} orgId={this.props.orgId} parentId={record.ID} dispatch={this.props.dispatch} app={this.props.app} login={this.props.login} custom={this.props.custom} >
|
||
<Button icon={'folder-add'} type={'default'} size={'small'} title={'管理'} />
|
||
</TableShowPage>
|
||
}
|
||
}
|
||
else if (btnConfig.code === 'tableParam') {
|
||
return {
|
||
content: <TableParamShowPage orgId={this.props.orgId} pageTableId={record.ID}>
|
||
<Button icon={'info'} type={'default'} size={'small'} title={'过滤'} />
|
||
</TableParamShowPage>
|
||
}
|
||
}
|
||
else if (btnConfig.code === 'btn') {
|
||
return {
|
||
content: <BtnShowPage orgId={this.props.orgId} tableId={record.ID} btnPageType={0}>
|
||
<Button icon={'star'} type={'default'} size={'small'} title={'按钮'} />
|
||
</BtnShowPage>
|
||
}
|
||
}
|
||
else if (btnConfig.code === 'panel') {
|
||
return {
|
||
content: <TablePanelShowPage orgId={this.props.orgId} pageTableId={record.ID}>
|
||
<Button icon={'info'} css={'default'} size={'small'} title={'区域'} />
|
||
</TablePanelShowPage>
|
||
}
|
||
}
|
||
return super.onTableBtnParam(params)
|
||
}
|
||
|
||
|
||
getRowOtherBtns ({ record }) {
|
||
return <>
|
||
<ColumnShowPage orgId={this.props.orgId} pageTableId={record.ID}>
|
||
<Button icon={'bars'} type={'default'}>字段</Button>
|
||
</ColumnShowPage>
|
||
|
||
<TableShowPage formId={this.props.formId} orgId={this.props.orgId} parentId={record.ID} dispatch={this.props.dispatch} app={this.props.app} login={this.props.login} custom={this.props.custom} >
|
||
<Button icon={'folder-add'} type={'default'}>管理</Button>
|
||
</TableShowPage>
|
||
|
||
<TableParamShowPage orgId={this.props.orgId} pageTableId={record.ID}>
|
||
<Button icon={'info'} type={'default'}>过滤</Button>
|
||
</TableParamShowPage>
|
||
|
||
<BtnShowPage orgId={this.props.orgId} tableId={record.ID} btnPageType={0}>
|
||
<Button icon={'star'} type={'default'}>按钮</Button>
|
||
</BtnShowPage>
|
||
</>
|
||
}
|
||
|
||
}
|
||
|
||
export default connect(({ login, app, loading, custom }) => ({ login, app, loading, custom }))(TableShowPage)
|