556 lines
12 KiB
TypeScript
556 lines
12 KiB
TypeScript
|
import { FormProps, FormSchema } from '/@/components/Form';
|
|||
|
|
import { BasicColumn } from '/@/components/Table';
|
|||
|
|
|
|||
|
|
export const formConfig = {
|
|||
|
|
useCustomConfig: false,
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
export const searchFormSchema: FormSchema[] = [
|
|||
|
|
{
|
|||
|
|
field: 'dateFrom',
|
|||
|
|
label: '入库日期',
|
|||
|
|
component: 'RangePicker',
|
|||
|
|
componentProps: {
|
|||
|
|
format: 'YYYY-MM-DD',
|
|||
|
|
style: { width: '100%' },
|
|||
|
|
getPopupContainer: () => document.body,
|
|||
|
|
},
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
{
|
|||
|
|
field: 'comId',
|
|||
|
|
label: '公司',
|
|||
|
|
component: 'Select',
|
|||
|
|
componentProps: {
|
|||
|
|
showSearch: true,
|
|||
|
|
optionFilterProp: 'label',
|
|||
|
|
filterOption: (input: string, option: any) => {
|
|||
|
|
return option.label.toLowerCase().indexOf(input.toLowerCase()) >= 0;
|
|||
|
|
},
|
|||
|
|
options: [],
|
|||
|
|
placeholder: '请选择',
|
|||
|
|
allowClear: true,
|
|||
|
|
|
|||
|
|
getPopupContainer: () => document.body,
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
field: 'staName',
|
|||
|
|
label: '接收站',
|
|||
|
|
component: 'Input',
|
|||
|
|
},
|
|||
|
|
];
|
|||
|
|
|
|||
|
|
export const columns: BasicColumn[] = [
|
|||
|
|
|
|||
|
|
|
|||
|
|
{
|
|||
|
|
dataIndex: 'typeName',
|
|||
|
|
title: '入库类型',
|
|||
|
|
componentType: 'input',
|
|||
|
|
align: 'left',
|
|||
|
|
|
|||
|
|
sorter: true,
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
dataIndex: 'ssNo',
|
|||
|
|
title: '船期编号',
|
|||
|
|
componentType: 'input',
|
|||
|
|
align: 'left',
|
|||
|
|
|
|||
|
|
sorter: true,
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
dataIndex: 'staName',
|
|||
|
|
title: '接收站',
|
|||
|
|
componentType: 'input',
|
|||
|
|
align: 'left',
|
|||
|
|
|
|||
|
|
sorter: true,
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
{
|
|||
|
|
dataIndex: 'dateIn',
|
|||
|
|
title: '入库日期',
|
|||
|
|
componentType: 'input',
|
|||
|
|
align: 'left',
|
|||
|
|
|
|||
|
|
sorter: true,
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
{
|
|||
|
|
dataIndex: 'qtyMmbtu',
|
|||
|
|
title: '入库热值(MMBtu)',
|
|||
|
|
componentType: 'input',
|
|||
|
|
align: 'left',
|
|||
|
|
|
|||
|
|
sorter: true,
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
{
|
|||
|
|
dataIndex: 'qtyTon',
|
|||
|
|
title: '入库重量(吨)',
|
|||
|
|
componentType: 'input',
|
|||
|
|
align: 'left',
|
|||
|
|
|
|||
|
|
sorter: true,
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
{
|
|||
|
|
dataIndex: 'qtyM3L',
|
|||
|
|
title: '入库体积(标方)',
|
|||
|
|
componentType: 'input',
|
|||
|
|
align: 'left',
|
|||
|
|
|
|||
|
|
sorter: true,
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
{
|
|||
|
|
dataIndex: 'qtyM3',
|
|||
|
|
title: '入库体积(方)',
|
|||
|
|
componentType: 'input',
|
|||
|
|
align: 'left',
|
|||
|
|
|
|||
|
|
sorter: true,
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
{
|
|||
|
|
dataIndex: 'qtyGj',
|
|||
|
|
title: '入库热值(吉焦)',
|
|||
|
|
componentType: 'input',
|
|||
|
|
align: 'left',
|
|||
|
|
|
|||
|
|
sorter: true,
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
dataIndex: 'kName',
|
|||
|
|
title: '合同',
|
|||
|
|
componentType: 'input',
|
|||
|
|
align: 'left',
|
|||
|
|
|
|||
|
|
sorter: true,
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
dataIndex: 'suName',
|
|||
|
|
title: '供应商',
|
|||
|
|
componentType: 'input',
|
|||
|
|
align: 'left',
|
|||
|
|
|
|||
|
|
sorter: true,
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
dataIndex: 'comName',
|
|||
|
|
title: '公司',
|
|||
|
|
componentType: 'input',
|
|||
|
|
align: 'left',
|
|||
|
|
|
|||
|
|
sorter: true,
|
|||
|
|
},
|
|||
|
|
];
|
|||
|
|
//表单事件
|
|||
|
|
export const formEventConfigs = {
|
|||
|
|
0: [
|
|||
|
|
{
|
|||
|
|
type: 'circle',
|
|||
|
|
color: '#2774ff',
|
|||
|
|
text: '开始节点',
|
|||
|
|
icon: '#icon-kaishi',
|
|||
|
|
bgcColor: '#D8E5FF',
|
|||
|
|
isUserDefined: false,
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
color: '#F6AB01',
|
|||
|
|
icon: '#icon-chushihua',
|
|||
|
|
text: '初始化表单',
|
|||
|
|
bgcColor: '#f9f5ea',
|
|||
|
|
isUserDefined: false,
|
|||
|
|
nodeInfo: { processEvent: [] },
|
|||
|
|
},
|
|||
|
|
],
|
|||
|
|
1: [
|
|||
|
|
{
|
|||
|
|
color: '#B36EDB',
|
|||
|
|
icon: '#icon-shujufenxi',
|
|||
|
|
text: '获取表单数据',
|
|||
|
|
detail: '(新增无此操作)',
|
|||
|
|
bgcColor: '#F8F2FC',
|
|||
|
|
isUserDefined: false,
|
|||
|
|
nodeInfo: { processEvent: [] },
|
|||
|
|
},
|
|||
|
|
],
|
|||
|
|
2: [
|
|||
|
|
{
|
|||
|
|
color: '#F8625C',
|
|||
|
|
icon: '#icon-jiazai',
|
|||
|
|
text: '加载表单',
|
|||
|
|
bgcColor: '#FFF1F1',
|
|||
|
|
isUserDefined: false,
|
|||
|
|
nodeInfo: { processEvent: [] },
|
|||
|
|
},
|
|||
|
|
],
|
|||
|
|
3: [
|
|||
|
|
{
|
|||
|
|
color: '#6C6AE0',
|
|||
|
|
icon: '#icon-jsontijiao',
|
|||
|
|
text: '提交表单',
|
|||
|
|
bgcColor: '#F5F4FF',
|
|||
|
|
isUserDefined: false,
|
|||
|
|
nodeInfo: { processEvent: [] },
|
|||
|
|
},
|
|||
|
|
],
|
|||
|
|
4: [
|
|||
|
|
{
|
|||
|
|
type: 'circle',
|
|||
|
|
color: '#F8625C',
|
|||
|
|
text: '结束节点',
|
|||
|
|
icon: '#icon-jieshuzhiliao',
|
|||
|
|
bgcColor: '#FFD6D6',
|
|||
|
|
isLast: true,
|
|||
|
|
isUserDefined: false,
|
|||
|
|
},
|
|||
|
|
],
|
|||
|
|
};
|
|||
|
|
export const formProps: FormProps = {
|
|||
|
|
labelCol: { span: 3, offset: 0 },
|
|||
|
|
labelAlign: 'right',
|
|||
|
|
layout: 'horizontal',
|
|||
|
|
size: 'default',
|
|||
|
|
schemas: [
|
|||
|
|
{
|
|||
|
|
key: 'ac1418db9f3f4c6f8914a5e8efe5434d',
|
|||
|
|
field: 'id',
|
|||
|
|
label: 'id',
|
|||
|
|
type: 'input',
|
|||
|
|
component: 'Input',
|
|||
|
|
colProps: { span: 24 },
|
|||
|
|
defaultValue: '',
|
|||
|
|
componentProps: {
|
|||
|
|
width: '100%',
|
|||
|
|
span: '',
|
|||
|
|
defaultValue: '',
|
|||
|
|
labelWidthMode: 'fix',
|
|||
|
|
labelFixWidth: 120,
|
|||
|
|
responsive: false,
|
|||
|
|
respNewRow: false,
|
|||
|
|
placeholder: '请输入id',
|
|||
|
|
prefix: '',
|
|||
|
|
suffix: '',
|
|||
|
|
addonBefore: '',
|
|||
|
|
addonAfter: '',
|
|||
|
|
disabled: false,
|
|||
|
|
allowClear: false,
|
|||
|
|
showLabel: true,
|
|||
|
|
required: false,
|
|||
|
|
rules: [],
|
|||
|
|
events: {},
|
|||
|
|
isSave: false,
|
|||
|
|
isShow: true,
|
|||
|
|
scan: false,
|
|||
|
|
style: { width: '100%' },
|
|||
|
|
},
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
key: '466d90ea02e44444b372eb326c6fa5cc',
|
|||
|
|
field: 'typeCode',
|
|||
|
|
label: '入库类型',
|
|||
|
|
type: 'input',
|
|||
|
|
component: 'Input',
|
|||
|
|
colProps: { span: 24 },
|
|||
|
|
defaultValue: '',
|
|||
|
|
componentProps: {
|
|||
|
|
width: '100%',
|
|||
|
|
span: '',
|
|||
|
|
defaultValue: '',
|
|||
|
|
labelWidthMode: 'fix',
|
|||
|
|
labelFixWidth: 120,
|
|||
|
|
responsive: false,
|
|||
|
|
respNewRow: false,
|
|||
|
|
placeholder: '请输入入库类型',
|
|||
|
|
prefix: '',
|
|||
|
|
suffix: '',
|
|||
|
|
addonBefore: '',
|
|||
|
|
addonAfter: '',
|
|||
|
|
disabled: false,
|
|||
|
|
allowClear: false,
|
|||
|
|
showLabel: true,
|
|||
|
|
required: false,
|
|||
|
|
rules: [],
|
|||
|
|
events: {},
|
|||
|
|
isSave: false,
|
|||
|
|
isShow: true,
|
|||
|
|
scan: false,
|
|||
|
|
style: { width: '100%' },
|
|||
|
|
},
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
key: '468932b802e349c6a860b3f4f11bedd2',
|
|||
|
|
field: 'staCode',
|
|||
|
|
label: '接收站',
|
|||
|
|
type: 'input',
|
|||
|
|
component: 'Input',
|
|||
|
|
colProps: { span: 24 },
|
|||
|
|
defaultValue: '',
|
|||
|
|
componentProps: {
|
|||
|
|
width: '100%',
|
|||
|
|
span: '',
|
|||
|
|
defaultValue: '',
|
|||
|
|
labelWidthMode: 'fix',
|
|||
|
|
labelFixWidth: 120,
|
|||
|
|
responsive: false,
|
|||
|
|
respNewRow: false,
|
|||
|
|
placeholder: '请输入接收站',
|
|||
|
|
prefix: '',
|
|||
|
|
suffix: '',
|
|||
|
|
addonBefore: '',
|
|||
|
|
addonAfter: '',
|
|||
|
|
disabled: false,
|
|||
|
|
allowClear: false,
|
|||
|
|
showLabel: true,
|
|||
|
|
required: false,
|
|||
|
|
rules: [],
|
|||
|
|
events: {},
|
|||
|
|
isSave: false,
|
|||
|
|
isShow: true,
|
|||
|
|
scan: false,
|
|||
|
|
style: { width: '100%' },
|
|||
|
|
},
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
key: 'f6a0ca29c2de4e1c8f4cfdc1cb2589e3',
|
|||
|
|
field: 'dateIn',
|
|||
|
|
label: '入库日期',
|
|||
|
|
type: 'input',
|
|||
|
|
component: 'Input',
|
|||
|
|
colProps: { span: 24 },
|
|||
|
|
defaultValue: '',
|
|||
|
|
componentProps: {
|
|||
|
|
width: '100%',
|
|||
|
|
span: '',
|
|||
|
|
defaultValue: '',
|
|||
|
|
labelWidthMode: 'fix',
|
|||
|
|
labelFixWidth: 120,
|
|||
|
|
responsive: false,
|
|||
|
|
respNewRow: false,
|
|||
|
|
placeholder: '请输入入库日期',
|
|||
|
|
prefix: '',
|
|||
|
|
suffix: '',
|
|||
|
|
addonBefore: '',
|
|||
|
|
addonAfter: '',
|
|||
|
|
disabled: false,
|
|||
|
|
allowClear: false,
|
|||
|
|
showLabel: true,
|
|||
|
|
required: false,
|
|||
|
|
rules: [],
|
|||
|
|
events: {},
|
|||
|
|
isSave: false,
|
|||
|
|
isShow: true,
|
|||
|
|
scan: false,
|
|||
|
|
style: { width: '100%' },
|
|||
|
|
},
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
key: 'aa14d4672e9f4d799ac9df94222bd34c',
|
|||
|
|
field: 'qtyUnloadMmbtu',
|
|||
|
|
label: '入库热值（MMBtu）',
|
|||
|
|
type: 'input',
|
|||
|
|
component: 'Input',
|
|||
|
|
colProps: { span: 24 },
|
|||
|
|
defaultValue: '',
|
|||
|
|
componentProps: {
|
|||
|
|
width: '100%',
|
|||
|
|
span: '',
|
|||
|
|
defaultValue: '',
|
|||
|
|
labelWidthMode: 'fix',
|
|||
|
|
labelFixWidth: 120,
|
|||
|
|
responsive: false,
|
|||
|
|
respNewRow: false,
|
|||
|
|
placeholder: '请输入入库热值（MMBtu）',
|
|||
|
|
prefix: '',
|
|||
|
|
suffix: '',
|
|||
|
|
addonBefore: '',
|
|||
|
|
addonAfter: '',
|
|||
|
|
disabled: false,
|
|||
|
|
allowClear: false,
|
|||
|
|
showLabel: true,
|
|||
|
|
required: false,
|
|||
|
|
rules: [],
|
|||
|
|
events: {},
|
|||
|
|
isSave: false,
|
|||
|
|
isShow: true,
|
|||
|
|
scan: false,
|
|||
|
|
style: { width: '100%' },
|
|||
|
|
},
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
key: 'bfa65959cbd0461a883b9e68312af2ed',
|
|||
|
|
field: 'qtyUnloadTon',
|
|||
|
|
label: '入库重量（吨）',
|
|||
|
|
type: 'input',
|
|||
|
|
component: 'Input',
|
|||
|
|
colProps: { span: 24 },
|
|||
|
|
defaultValue: '',
|
|||
|
|
componentProps: {
|
|||
|
|
width: '100%',
|
|||
|
|
span: '',
|
|||
|
|
defaultValue: '',
|
|||
|
|
labelWidthMode: 'fix',
|
|||
|
|
labelFixWidth: 120,
|
|||
|
|
responsive: false,
|
|||
|
|
respNewRow: false,
|
|||
|
|
placeholder: '请输入入库重量（吨）',
|
|||
|
|
prefix: '',
|
|||
|
|
suffix: '',
|
|||
|
|
addonBefore: '',
|
|||
|
|
addonAfter: '',
|
|||
|
|
disabled: false,
|
|||
|
|
allowClear: false,
|
|||
|
|
showLabel: true,
|
|||
|
|
required: false,
|
|||
|
|
rules: [],
|
|||
|
|
events: {},
|
|||
|
|
isSave: false,
|
|||
|
|
isShow: true,
|
|||
|
|
scan: false,
|
|||
|
|
style: { width: '100%' },
|
|||
|
|
},
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
key: '2a8f62a8ebda4ff989fa25d8d54e7e09',
|
|||
|
|
field: 'qtyUnloadM3L',
|
|||
|
|
label: '入库体积（标方）',
|
|||
|
|
type: 'input',
|
|||
|
|
component: 'Input',
|
|||
|
|
colProps: { span: 24 },
|
|||
|
|
defaultValue: '',
|
|||
|
|
componentProps: {
|
|||
|
|
width: '100%',
|
|||
|
|
span: '',
|
|||
|
|
defaultValue: '',
|
|||
|
|
labelWidthMode: 'fix',
|
|||
|
|
labelFixWidth: 120,
|
|||
|
|
responsive: false,
|
|||
|
|
respNewRow: false,
|
|||
|
|
placeholder: '请输入入库体积（标方）',
|
|||
|
|
prefix: '',
|
|||
|
|
suffix: '',
|
|||
|
|
addonBefore: '',
|
|||
|
|
addonAfter: '',
|
|||
|
|
disabled: false,
|
|||
|
|
allowClear: false,
|
|||
|
|
showLabel: true,
|
|||
|
|
required: false,
|
|||
|
|
rules: [],
|
|||
|
|
events: {},
|
|||
|
|
isSave: false,
|
|||
|
|
isShow: true,
|
|||
|
|
scan: false,
|
|||
|
|
style: { width: '100%' },
|
|||
|
|
},
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
key: 'd8b3ed3faa4447429d21e02b7cd7e04a',
|
|||
|
|
field: 'qtyUnloadM3',
|
|||
|
|
label: '入库体积（方）',
|
|||
|
|
type: 'input',
|
|||
|
|
component: 'Input',
|
|||
|
|
colProps: { span: 24 },
|
|||
|
|
defaultValue: '',
|
|||
|
|
componentProps: {
|
|||
|
|
width: '100%',
|
|||
|
|
span: '',
|
|||
|
|
defaultValue: '',
|
|||
|
|
labelWidthMode: 'fix',
|
|||
|
|
labelFixWidth: 120,
|
|||
|
|
responsive: false,
|
|||
|
|
respNewRow: false,
|
|||
|
|
placeholder: '请输入入库体积（方）',
|
|||
|
|
prefix: '',
|
|||
|
|
suffix: '',
|
|||
|
|
addonBefore: '',
|
|||
|
|
addonAfter: '',
|
|||
|
|
disabled: false,
|
|||
|
|
allowClear: false,
|
|||
|
|
showLabel: true,
|
|||
|
|
required: false,
|
|||
|
|
rules: [],
|
|||
|
|
events: {},
|
|||
|
|
isSave: false,
|
|||
|
|
isShow: true,
|
|||
|
|
scan: false,
|
|||
|
|
style: { width: '100%' },
|
|||
|
|
},
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
key: '2207b761f3174315b7aa1210e46520ad',
|
|||
|
|
field: 'qtyUnloadGj',
|
|||
|
|
label: '入库热值（吉焦）',
|
|||
|
|
type: 'input',
|
|||
|
|
component: 'Input',
|
|||
|
|
colProps: { span: 24 },
|
|||
|
|
defaultValue: '',
|
|||
|
|
componentProps: {
|
|||
|
|
width: '100%',
|
|||
|
|
span: '',
|
|||
|
|
defaultValue: '',
|
|||
|
|
labelWidthMode: 'fix',
|
|||
|
|
labelFixWidth: 120,
|
|||
|
|
responsive: false,
|
|||
|
|
respNewRow: false,
|
|||
|
|
placeholder: '请输入入库热值（吉焦）',
|
|||
|
|
prefix: '',
|
|||
|
|
suffix: '',
|
|||
|
|
addonBefore: '',
|
|||
|
|
addonAfter: '',
|
|||
|
|
disabled: false,
|
|||
|
|
allowClear: false,
|
|||
|
|
showLabel: true,
|
|||
|
|
required: false,
|
|||
|
|
rules: [],
|
|||
|
|
events: {},
|
|||
|
|
isSave: false,
|
|||
|
|
isShow: true,
|
|||
|
|
scan: false,
|
|||
|
|
style: { width: '100%' },
|
|||
|
|
},
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
key: 'd0586501498a4919af8468af574fdd83',
|
|||
|
|
field: 'suCode',
|
|||
|
|
label: '供应商',
|
|||
|
|
type: 'input',
|
|||
|
|
component: 'Input',
|
|||
|
|
colProps: { span: 24 },
|
|||
|
|
defaultValue: '',
|
|||
|
|
componentProps: {
|
|||
|
|
width: '100%',
|
|||
|
|
span: '',
|
|||
|
|
defaultValue: '',
|
|||
|
|
labelWidthMode: 'fix',
|
|||
|
|
labelFixWidth: 120,
|
|||
|
|
responsive: false,
|
|||
|
|
respNewRow: false,
|
|||
|
|
placeholder: '请输入供应商',
|
|||
|
|
prefix: '',
|
|||
|
|
suffix: '',
|
|||
|
|
addonBefore: '',
|
|||
|
|
addonAfter: '',
|
|||
|
|
disabled: false,
|
|||
|
|
allowClear: false,
|
|||
|
|
showLabel: true,
|
|||
|
|
required: false,
|
|||
|
|
rules: [],
|
|||
|
|
events: {},
|
|||
|
|
isSave: false,
|
|||
|
|
isShow: true,
|
|||
|
|
scan: false,
|
|||
|
|
style: { width: '100%' },
|
|||
|
|
},
|
|||
|
|
},
|
|||
|
|
],
|
|||
|
|
showActionButtonGroup: false,
|
|||
|
|
buttonLocation: 'center',
|
|||
|
|
actionColOptions: { span: 24 },
|
|||
|
|
showResetButton: false,
|
|||
|
|
showSubmitButton: false,
|
|||
|
|
hiddenComponent: [],
|
|||
|
|
};
|