初始版本提交
This commit is contained in:
yaoyn
499
src/hooks/web/useWorkFlowForm.ts
Normal file
499
src/hooks/web/useWorkFlowForm.ts
Normal file
@ -0,0 +1,499 @@
|
||||
import { buildOption } from '/@/utils/helper/designHelper';
|
||||
import { FormProps } from '/@/components/Form';
|
||||
import { separator } from '/@/views/workflow/design/bpmn/config/info';
|
||||
import { TaskApproveOpinion, WorkFlowFormParams } from '/@/model/workflow/bpmnConfig';
|
||||
import { FormConfigItem } from '/@/model/workflow/formSetting';
|
||||
import { FormSchema } from '/@/components/Form';
|
||||
import { TableItem } from '/@/model/workflow/formSetting';
|
||||
import { disableTypes, hiddenComponentType, requiredDisabled } from '/@bpmn/config/formPermission';
|
||||
/*
|
||||
**根据权限 修改JSON配置**
|
||||
data{
|
||||
formJson 表单json配置
|
||||
formConfigChildren 工作流节点表单权限配置
|
||||
formConfigKey 唯一节点表单key
|
||||
opinions 意见簿意见
|
||||
opinionsComponents 意见簿组件
|
||||
}
|
||||
isViewProcess 是否查看流程
|
||||
uploadComponentIds: 所有上传文件的文件夹id 【因为流程需要统计每个节点的附件汇总】
|
||||
*/
|
||||
export function changeFormJson(
|
||||
data: {
|
||||
formJson: any; // 表单json配置 FormJson | FormProps
|
||||
formConfigChildren: Array<FormConfigItem>; // 工作流节点表单权限配置
|
||||
formConfigKey: String; //唯一节点表单key
|
||||
opinions?: Array<TaskApproveOpinion> | undefined; //意见簿意见
|
||||
opinionsComponents?: Array<string> | undefined; //意见簿组件
|
||||
},
|
||||
isViewProcess: Boolean,
|
||||
uploadComponentIds: Array<string>,
|
||||
) {
|
||||
const returnData = handlerFormPermission(
|
||||
data.formJson.list ? buildOption(data.formJson, false) : data.formJson,
|
||||
data.formConfigChildren,
|
||||
data.formConfigKey,
|
||||
isViewProcess,
|
||||
{ uploadComponentIds, opinions: data.opinions, opinionsComponents: data.opinionsComponents },
|
||||
);
|
||||
// uploadComponent 带上所有上传文件的文件夹id
|
||||
return returnData;
|
||||
}
|
||||
// 获取工作流表单权限map
|
||||
/*
|
||||
返回Map
|
||||
[
|
||||
字段唯一Key:{
|
||||
{
|
||||
edit:是否可编辑权限,
|
||||
view:是否可查看权限,
|
||||
disabled:是否禁用权限,
|
||||
children:[] 子表数据
|
||||
}
|
||||
}
|
||||
]
|
||||
*/
|
||||
export function getPermissionConfigMap(formConfigChildren) {
|
||||
const map = new Map();
|
||||
formConfigChildren.forEach((element) => {
|
||||
map.set(element.key, element);
|
||||
});
|
||||
|
||||
return map;
|
||||
}
|
||||
function handlerFormPermission(
|
||||
buildOptionJson: FormProps,
|
||||
formConfigChildren,
|
||||
formKey,
|
||||
isViewProcess,
|
||||
otherParams,
|
||||
) {
|
||||
const permissionConfigMap = getPermissionConfigMap(formConfigChildren);
|
||||
const formShow: Number = 0; //表单是否有显示的组件，有则大于0
|
||||
buildOptionJson.schemas = schemeList(
|
||||
buildOptionJson.schemas,
|
||||
permissionConfigMap,
|
||||
formKey,
|
||||
formShow,
|
||||
isViewProcess,
|
||||
otherParams,
|
||||
);
|
||||
return {
|
||||
buildOptionJson,
|
||||
uploadComponentIds: otherParams.uploadComponentIds,
|
||||
};
|
||||
}
|
||||
|
||||
function schemeList(
|
||||
schemas,
|
||||
permissionConfigMap,
|
||||
formKey,
|
||||
formShow,
|
||||
isViewProcess,
|
||||
otherParams,
|
||||
tableName?,
|
||||
) {
|
||||
schemas = schemas.map((schema) => {
|
||||
if (['Card', 'Grid', 'Tab'].includes(schema.component)) {
|
||||
formShow += 1;
|
||||
if (schema.children && schema.children.length > 0) {
|
||||
schema.children.forEach((ele2) => {
|
||||
if (ele2.list && ele2.list.length > 0) {
|
||||
ele2.list = schemeList(
|
||||
ele2.list,
|
||||
permissionConfigMap,
|
||||
formKey,
|
||||
formShow,
|
||||
isViewProcess,
|
||||
otherParams,
|
||||
tableName,
|
||||
);
|
||||
}
|
||||
});
|
||||
}
|
||||
} else if (schema.component === 'TableLayout') {
|
||||
formShow += 1;
|
||||
if (schema.children && schema.children.length > 0) {
|
||||
schema.children.forEach((ele2) => {
|
||||
if (ele2.list && ele2.list.length > 0) {
|
||||
ele2.list.forEach((ele3) => {
|
||||
if (ele3.children && ele3.children.length > 0) {
|
||||
ele3.children = schemeList(
|
||||
ele3.children,
|
||||
permissionConfigMap,
|
||||
formKey,
|
||||
formShow,
|
||||
isViewProcess,
|
||||
otherParams,
|
||||
tableName,
|
||||
);
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
}
|
||||
} else if (schema.component == 'SubForm') {
|
||||
if (
|
||||
schema.componentProps &&
|
||||
schema.componentProps.columns &&
|
||||
schema.componentProps.columns.length > 0
|
||||
) {
|
||||
const permissionConfig = permissionConfigMap.has(schema.key)
|
||||
? permissionConfigMap.get(schema.key)
|
||||
: null;
|
||||
|
||||
// 查看流程
|
||||
if (isViewProcess) {
|
||||
schema.dynamicDisabled = true;
|
||||
}
|
||||
if (!permissionConfig?.view) {
|
||||
schema.show = false;
|
||||
} else {
|
||||
formShow += 1;
|
||||
if (!permissionConfig?.edit) {
|
||||
schema.dynamicDisabled = true;
|
||||
}
|
||||
}
|
||||
schema.componentProps.columns = schema.componentProps.columns.map((ele3) => {
|
||||
const tableItemPermissionConfig = permissionConfig.children.find((x) => {
|
||||
if (x.key) {
|
||||
return x.key === ele3.key;
|
||||
}
|
||||
if (x.fieldId) {
|
||||
return x.fieldId === ele3.dataIndex;
|
||||
}
|
||||
});
|
||||
|
||||
return getSchemePermissionItem(
|
||||
ele3,
|
||||
tableItemPermissionConfig,
|
||||
formKey,
|
||||
isViewProcess,
|
||||
otherParams,
|
||||
);
|
||||
});
|
||||
}
|
||||
} else if (schema.component == 'OneForOne') {
|
||||
const permissionConfig = permissionConfigMap.has(schema.key)
|
||||
? permissionConfigMap.get(schema.key)
|
||||
: null;
|
||||
if (!permissionConfig?.view) {
|
||||
schema.show = false;
|
||||
} else {
|
||||
formShow += 1;
|
||||
}
|
||||
if (schema.componentProps?.childSchemas?.length > 0) {
|
||||
const onePermissionConfigMap = getPermissionConfigMap(permissionConfig.children);
|
||||
schema.componentProps.childSchemas = schemeList(
|
||||
schema.componentProps.childSchemas,
|
||||
onePermissionConfigMap,
|
||||
formKey,
|
||||
formShow,
|
||||
isViewProcess,
|
||||
otherParams,
|
||||
schema.field,
|
||||
);
|
||||
}
|
||||
} else {
|
||||
const permissionConfig = permissionConfigMap.has(schema.key)
|
||||
? permissionConfigMap.get(schema.key)
|
||||
: null;
|
||||
|
||||
schema = getSchemePermissionItem(
|
||||
schema,
|
||||
permissionConfig,
|
||||
formKey,
|
||||
isViewProcess,
|
||||
otherParams,
|
||||
tableName,
|
||||
);
|
||||
if (permissionConfig?.view) {
|
||||
formShow += 1;
|
||||
}
|
||||
}
|
||||
|
||||
return schema;
|
||||
});
|
||||
|
||||
return formShow > 0 ? schemas : null;
|
||||
}
|
||||
|
||||
function getSchemePermissionItem(
|
||||
schema,
|
||||
permissionConfig,
|
||||
formKey,
|
||||
isViewProcess,
|
||||
otherParams,
|
||||
tableName?,
|
||||
) {
|
||||
if (permissionConfig) {
|
||||
//查看
|
||||
schema.show = permissionConfig.view;
|
||||
// 必填
|
||||
|
||||
if (schema.componentProps) schema.componentProps.required = permissionConfig.required;
|
||||
schema.required = permissionConfig.required;
|
||||
//编辑
|
||||
|
||||
if (schema.componentProps) schema.componentProps.disabled = !permissionConfig.edit;
|
||||
schema.dynamicDisabled = !permissionConfig.edit;
|
||||
|
||||
// 查看流程
|
||||
if (isViewProcess) {
|
||||
schema.dynamicDisabled = true;
|
||||
}
|
||||
} else {
|
||||
schema.show = false;
|
||||
schema.dynamicDisabled = true;
|
||||
}
|
||||
// 修改意见簿
|
||||
if (schema.component == 'Opinion') {
|
||||
const key = formKey + separator + schema.key;
|
||||
schema.defaultValue = [];
|
||||
if (otherParams.opinionsComponents?.includes(key)) {
|
||||
schema.defaultValue = otherParams.opinions;
|
||||
}
|
||||
}
|
||||
// 上传组件集合
|
||||
if (schema.component == 'Upload') {
|
||||
let key = '';
|
||||
if (tableName) {
|
||||
key = formKey + separator + tableName + separator + schema.field;
|
||||
} else {
|
||||
key = formKey + separator + schema.field;
|
||||
}
|
||||
|
||||
otherParams.uploadComponentIds.push(key);
|
||||
}
|
||||
if (permissionConfig?.isSubTable) {
|
||||
// 子表单上传组件集合
|
||||
if (schema.componentType == 'Upload') {
|
||||
const key =
|
||||
formKey + separator + permissionConfig.tableName + separator + permissionConfig.fieldId;
|
||||
|
||||
otherParams.uploadComponentIds.push(key);
|
||||
}
|
||||
}
|
||||
return schema;
|
||||
}
|
||||
|
||||
// 根据工作流页面权限，设置表单属性（必填，禁用，显示）
|
||||
export function changeWorkFlowForm(formProps: FormProps, obj: WorkFlowFormParams) {
|
||||
const {
|
||||
formConfigChildren,
|
||||
formConfigKey,
|
||||
opinions,
|
||||
opinionsComponents,
|
||||
isViewProcess,
|
||||
uploadIds,
|
||||
formModels,
|
||||
} = obj;
|
||||
const returnData: {
|
||||
buildOptionJson: FormProps;
|
||||
uploadComponentIds: Array<string>;
|
||||
formModels: any;
|
||||
isViewProcess: boolean;
|
||||
} = {
|
||||
buildOptionJson: {}, //重新的配置Json文件
|
||||
uploadComponentIds: [], //
|
||||
formModels,
|
||||
isViewProcess: false,
|
||||
};
|
||||
try {
|
||||
const { buildOptionJson, uploadComponentIds } = changeFormJson(
|
||||
{
|
||||
formJson: formProps,
|
||||
formConfigChildren,
|
||||
formConfigKey: formConfigKey,
|
||||
opinions,
|
||||
opinionsComponents,
|
||||
},
|
||||
isViewProcess,
|
||||
uploadIds,
|
||||
);
|
||||
returnData.buildOptionJson = buildOptionJson;
|
||||
returnData.uploadComponentIds = uploadComponentIds;
|
||||
return returnData;
|
||||
} catch (error) {
|
||||
return returnData;
|
||||
}
|
||||
}
|
||||
// 根据表单json 生成权限配置
|
||||
export function getWorkflowPermissionConfig(schema) {
|
||||
let children: Array<TableItem> = [];
|
||||
if (schema.length > 0) {
|
||||
children = getSchemasConfig(schema);
|
||||
}
|
||||
return children;
|
||||
}
|
||||
|
||||
function getSchemasConfig(list: FormSchema[]) {
|
||||
const arr: Array<TableItem> = [];
|
||||
if (list && list.length > 0) {
|
||||
list.forEach((ele1) => {
|
||||
if (['Card', 'Grid', 'Tab'].includes(ele1.component)) {
|
||||
if (ele1.children && ele1.children.length > 0) {
|
||||
ele1.children.forEach((ele2) => {
|
||||
if (ele2.list && ele2.list.length > 0) {
|
||||
arr.push(...getSchemasConfig(ele2.list));
|
||||
}
|
||||
});
|
||||
}
|
||||
} else if (ele1.component === 'TableLayout') {
|
||||
if (ele1.children && ele1.children.length > 0) {
|
||||
ele1.children.forEach((ele2) => {
|
||||
if (ele2.list && ele2.list.length > 0) {
|
||||
ele2.list.forEach((ele3) => {
|
||||
if (ele3.children && ele3.children.length > 0) {
|
||||
arr.push(...getSchemasConfig(ele3.children));
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
}
|
||||
} else if (ele1.component == 'SubForm') {
|
||||
arr.push(getTableConfig(ele1));
|
||||
} else if (ele1.component === 'OneForOne') {
|
||||
const obj: TableItem = getItemConfig(ele1);
|
||||
obj.isSubTable = true;
|
||||
obj.showChildren = false;
|
||||
const tempList: FormSchema[] = ele1.componentProps?.childSchemas || [];
|
||||
obj.children.push(...getSchemasConfig(tempList));
|
||||
arr.push(obj);
|
||||
} else {
|
||||
arr.push(getItemConfig(ele1));
|
||||
}
|
||||
});
|
||||
}
|
||||
return arr;
|
||||
}
|
||||
|
||||
function getItemConfig(element) {
|
||||
const children: Array<TableItem> = [];
|
||||
let required = true;
|
||||
let view = true;
|
||||
let edit = true;
|
||||
let disabled = false;
|
||||
let isSaveTable = false; //组件是否存表
|
||||
const type = element.type;
|
||||
if (disableTypes.includes(element.type)) {
|
||||
required = false;
|
||||
view = true;
|
||||
edit = false;
|
||||
disabled = true;
|
||||
}
|
||||
if (requiredDisabled.includes(element.type)) {
|
||||
required = false;
|
||||
}
|
||||
// 隐藏组件权限不要设置
|
||||
if (element.type === hiddenComponentType) {
|
||||
required = false;
|
||||
view = false;
|
||||
edit = false;
|
||||
disabled = true;
|
||||
}
|
||||
if (element.type === 'input' && element.componentProps.isSave) {
|
||||
required = false;
|
||||
view = true;
|
||||
edit = false;
|
||||
disabled = true;
|
||||
isSaveTable = true;
|
||||
}
|
||||
return {
|
||||
required,
|
||||
view,
|
||||
edit,
|
||||
disabled,
|
||||
isSaveTable,
|
||||
tableName: '',
|
||||
fieldName: element.label,
|
||||
fieldId: element.field,
|
||||
isSubTable: false,
|
||||
showChildren: true,
|
||||
type,
|
||||
key: element.key,
|
||||
children,
|
||||
};
|
||||
}
|
||||
function getTableConfig(element) {
|
||||
const children: Array<TableItem> = [];
|
||||
if (
|
||||
element.componentProps &&
|
||||
element.componentProps.columns &&
|
||||
element.componentProps.columns.length > 0
|
||||
) {
|
||||
element.componentProps.columns.forEach((ele2) => {
|
||||
if (ele2.dataIndex) children.push(getTableItemConfig(element.field, ele2));
|
||||
});
|
||||
}
|
||||
return {
|
||||
required: true,
|
||||
view: true,
|
||||
edit: true,
|
||||
disabled: false,
|
||||
isSubTable: true,
|
||||
showChildren: false,
|
||||
tableName: element.field,
|
||||
fieldName: element.label,
|
||||
fieldId: element.field,
|
||||
type: element.type,
|
||||
key: element.key,
|
||||
children,
|
||||
};
|
||||
}
|
||||
function getTableItemConfig(tableName: string, element) {
|
||||
let isSaveTable = false; //组件是否存表
|
||||
if (element.type === 'input' && element.componentProps.isSave) {
|
||||
isSaveTable = true;
|
||||
}
|
||||
return {
|
||||
required: true,
|
||||
view: true,
|
||||
edit: true,
|
||||
disabled: false,
|
||||
isSubTable: true,
|
||||
isSaveTable,
|
||||
showChildren: false,
|
||||
tableName: tableName,
|
||||
fieldName: element.title,
|
||||
fieldId: element.dataIndex,
|
||||
type: element.type,
|
||||
key: element.key,
|
||||
children: [],
|
||||
};
|
||||
}
|
||||
|
||||
// 辅助设置表单Disabled
|
||||
export function changeSchemaDisabled(schemas) {
|
||||
const layoutComponents = ['tab', 'grid', 'card'];
|
||||
schemas?.map((info) => {
|
||||
if (layoutComponents.includes(info.type!)) {
|
||||
info.children?.map((childInfo) => {
|
||||
childInfo.list.map((com) => {
|
||||
if (layoutComponents.includes(com.type)) {
|
||||
changeSchemaDisabled(childInfo.list);
|
||||
} else {
|
||||
com.dynamicDisabled = true;
|
||||
}
|
||||
});
|
||||
});
|
||||
} else if (info.type == 'table-layout') {
|
||||
info.children?.map((childInfo) => {
|
||||
childInfo.list.map((com) => {
|
||||
com.children.map((el) => {
|
||||
if (layoutComponents.includes(el.type) || el.type == 'table-layout') {
|
||||
changeSchemaDisabled(com.children);
|
||||
} else {
|
||||
el.dynamicDisabled = true;
|
||||
}
|
||||
});
|
||||
});
|
||||
});
|
||||
} else if (info.type == 'one-for-one') {
|
||||
changeSchemaDisabled(info.componentProps.childSchemas);
|
||||
} else {
|
||||
info.dynamicDisabled = true;
|
||||
}
|
||||
});
|
||||
return schemas;
|
||||
}
|
||||
Reference in New Issue
Block a user