n20-common-lib 1.2.45 → 1.3.1

package/src/components/NstcG6Components/NstcForm/A_DEMO/config/config_3.js

@@ -0,0 +1,1222 @@
+import { amountFormat } from '@/filters'
+import { yesOrNo } from '@/utils/eumn'
+import store from '@/store'
+import Vue from 'vue'
+
+const domestic = '国内通行证'
+
+const isRequired = true
+
+// 开证日期
+let temp_date_issueDate = ''
+// 开证金额
+let temp_blAmount = ''
+
+// 当前开证模式
+let current_open_model = ''
+// 当前子母证类型
+let current_open_type = ''
+function getTime(date) {
+    if (date) {
+        return new Date(date).getTime()
+    } else {
+        return 0
+    }
+}
+
+const config = [
+    {
+        formConfig: [
+            {
+                mold: 'input',
+                name: '变更原因',
+                prop: 'modifyReason',
+                placeholder: '请输入',
+                renderable: false,
+                isRequired
+            },
+            {
+                mold: 'datepicker',
+                name: '变更时间',
+                prop: 'modifyDate',
+                placeholder: '请输入',
+                default: '',
+                renderable: false,
+                isRequired
+            }
+        ]
+    },
+    {
+        title: '信用证基本信息',
+        formConfig: [
+            [{
+                mold: 'selectindialog',
+                name: '申请单',
+                prop: 'applyId',
+                url: '/api/nstc-lcms/open/apply/query',
+                title: '申请单列表',
+                valueKey: 'applyId',
+                labelKey: 'applyId',
+                showPagination: false,
+                clearable: true,
+                columns: [
+                    {
+                        label: '申请单号',
+                        prop: 'applyId'
+                    },
+                    {
+                        label: '国内/国际信用证',
+                        prop: 'creditKindLabel'
+                    },
+                    {
+                        label: '开证人',
+                        prop: 'appName'
+                    },
+                    {
+                        label: '受益人',
+                        prop: 'beneName'
+                    },
+                    {
+                        label: '币种',
+                        prop: 'currencyName'
+                    },
+                    {
+                        label: '开证金额',
+                        prop: 'blAmount',
+                        formatter: function(row, column, cellValue, index) {
+                            console.log(index)
+                            return amountFormat(cellValue, 2) + ' 元'
+                        }
+                    },
+                    {
+                        label: '开证日期',
+                        prop: 'issueDate'
+                    },
+                    {
+                        label: '有效期',
+                        prop: 'dueDate'
+                    }
+                ],
+                async queryDataFormatter(data) {
+                    const keys = ['currency', 'CreditKind']
+                    const { lcms } = await store.dispatch('common/getEnums', { lcms: keys })
+                    function getLabel(arr, key) {
+                        const temp = arr.filter(i => { return i.value === key })
+                        return temp.length ? temp[0].label : ''
+                    }
+                    return data.map(i => {
+                        i[`currencyName`] = getLabel(lcms[`currency`], i[`currency`])
+                        i[`creditKindLabel`] = getLabel(lcms[`CreditKind`], i[`creditKind`])
+                        return i
+                    })
+                },
+                link: [
+                    'creditKind', // 国内国际信用证
+                    'creditType', // 信用证类型
+                    'payDateType', // 兑用方式
+                    'forwardPayDateDay', // 远期天数
+                    'payType', // 即期/远期
+                    'currency', // 币种
+                    'blAmount', // 开证金额
+                    'issueDate', // 开证日期
+                    'floatProp', // 金额浮动比例
+                    'dueDate', // 有效期
+                    'advisingOpenBankName', // 通知行
+                    'recourse', // 是否有追索权
+                    'creditNature', // 是否可以撤销
+                    'partialShipments', // 是否分装
+                    'transhipment', // 是否转船
+                    'endPlace', // 目的港
+                    'startPlace', // 起运港
+                    'outletid'
+                ].map(prop => ({
+                    prop,
+                    handler: (val) => {
+                        if (!val || !val.applyId) {
+                            return {}
+                        } else if (['outletid'].includes(prop)) {
+                            // 特殊处理的
+                            return {
+                                default: {
+                                    assId: val.outletid + '',
+                                    assBankName: val[`outletName`],
+                                    bankCode: val[`bank`]
+                                }
+                            }
+                        } else {
+                            return {
+                                default: val[prop]
+                            }
+                        }
+                    }
+                }))
+            }],
+            [
+                {
+                    mold: 'select',
+                    name: '国内/国际信用证',
+                    prop: 'creditKind',
+                    options: [],
+                    default: 'ILC',
+                    link: ['advisingBankName', 'openModel', 'creditType'].map(prop => ({
+                        prop,
+                        handler: async(val) => {
+                            if (prop === 'advisingBankName') {
+                                return {
+                                    name: val === 'DLC' ? '转开/通知行' : '通知行'
+                                }
+                            } else if (prop === 'openModel') {
+                                return {
+                                    renderable: val === 'ILC'
+                                }
+                            } else if (prop === 'creditType') {
+                                const { lcms: { CreditType }} = await store.dispatch('common/getEnums', { lcms: ['CreditType'] })
+                                CreditType[1].disabled = val === 'DLC'
+                                return {
+                                    options: CreditType.filter(i => { return !i.disabled })
+                                }
+                            }
+                        }
+                    }))
+                },
+                {
+                    mold: 'select',
+                    name: '开证模式',
+                    prop: 'openModel',
+                    options: [],
+                    default: 3,
+                    isRequired,
+                    // renderable: false,
+                    link: [
+                        {
+                            mold: 'select',
+                            name: '母/子',
+                            prop: 'openType',
+                            width: 120,
+                            default: 0,
+                            isRequired,
+                            labelWidth: '84px',
+                            options: [
+                                { label: '母', value: 0 },
+                                { label: '子', value: 1 }
+                            ],
+                            // 这个函数只有link里面才有这样的函数
+                            change(val) {
+                                current_open_type = val
+                            },
+                            handler(val) {
+                                current_open_model = val
+                                return {
+                                    renderable: val === 1
+                                }
+                            }
+                        }
+                    ]
+                }
+            ],
+            [
+                {
+                    mold: 'input',
+                    name: '信用证号',
+                    prop: 'blNo',
+                    isNotZh: true,
+                    isRequired
+                },
+                {
+                    mold: 'select',
+                    name: '开证方式',
+                    prop: 'openWay',
+                    options: [],
+                    default: 1,
+                    isRequired,
+                    link: [{
+                        mold: 'selectindialog',
+                        name: '代开申请人',
+                        prop: 'openInputor',
+                        width: 120,
+                        labelWidth: '1',
+                        handler(val) {
+                            return {
+                                renderable: val === 2
+                            }
+                        },
+                        url: '/api/nstc-lcms/open/relCorp/query',
+                        isRequired,
+                        labelKey: 'relCorpFullName',
+                        valueKey: 'relCorpId',
+                        formLabelWidth: 96,
+                        formConfig: [
+                            {
+                                mold: 'input',
+                                name: '单位名称',
+                                prop: 'relCorpFullName',
+                                width: '180px'
+                            },
+                            {
+                                mold: 'input',
+                                name: '组织编号',
+                                prop: 'relCorpNo',
+                                width: '180px'
+                            }
+                        ],
+                        columns: [
+                            {
+                                label: '组织编号',
+                                prop: 'relCorpNo'
+                            },
+                            {
+                                label: '单位中文名称',
+                                prop: 'relCorpFullName'
+                            },
+                            {
+                                label: '单位简称',
+                                prop: 'relCorpName'
+                            },
+                            {
+                                label: '单位类型',
+                                prop: 'relCorpType'
+                            }
+                        ]
+                    }]
+                }
+            ],
+            [
+                {
+                    mold: 'selectindialog',
+                    name: '开证行名称',
+                    title: '选择银行',
+                    prop: 'outletid',
+                    url: '/api/nstc-lcms/open/association/list/query',
+                    remote: true,
+                    clearable: true,
+                    valueKey: 'assId',
+                    labelKey: 'assBankName',
+                    formLabelWidth: 96,
+                    query: 'assBankName',
+                    isRequired,
+                    formConfig: [
+                        {
+                            mold: 'input',
+                            name: '网点编号',
+                            prop: 'assBankCode',
+                            width: '180px'
+                        },
+                        {
+                            mold: 'input',
+                            name: '网点名称',
+                            prop: 'assBankName',
+                            width: '180px'
+                        }
+                    ],
+                    columns: [
+                        {
+                            label: '网点编号',
+                            prop: 'assBankCode'
+                        },
+                        {
+                            label: '网点名称',
+                            prop: 'assBankName'
+                        }
+                    ]
+                },
+                {
+                    mold: 'select',
+                    name: '信用证类型',
+                    prop: 'creditType',
+                    options: [],
+                    default: 'DOCUMENTARY',
+                    isRequired
+                }
+            ],
+            [
+                {
+                    mold: 'select',
+                    name: '即期/远期',
+                    prop: 'payType',
+                    options: [],
+                    default: 'FORWARD',
+                    isRequired,
+                    link: [{
+                        mold: 'input',
+                        name: '远期天数',
+                        prop: 'forwardPayDateDay',
+                        numberRule: { max: 10000, min: 0, precision: 0 },
+                        class: ['nstc-rate-num', 'forward-date-box'],
+                        width: 120,
+                        unit: '天',
+                        isRequired,
+                        labelWidth: '50',
+                        handler(val) {
+                            return {
+                                renderable: val === 'FORWARD'
+                            }
+                        }
+                    }, {
+                        prop: 'payDateType',
+                        async handler(val) {
+                            let def = null
+                            let options = []
+
+                            if (val) {
+                                const { lcms: { PayDateType }} = await store.dispatch('common/getEnums', { lcms: ['PayDateType'] })
+
+                                if (val === 'FORWARD') {
+                                    options = PayDateType.filter(item => !['due'].includes(item.value))
+                                } else {
+                                    options = PayDateType.filter(item => !['delay', 'acceptance'].includes(item.value))
+                                }
+                                def = options[0].value
+                            }
+
+                            return {
+                                default: def,
+                                options
+                            }
+                        }
+                    }]
+                },
+                {
+                    mold: 'select',
+                    name: '兑用方式',
+                    prop: 'payDateType',
+                    options: [],
+                    default: 'negotiation',
+                    isRequired
+                }
+            ],
+            [
+                {
+                    mold: 'select',
+                    name: '币种',
+                    prop: 'currency',
+                    options: [],
+                    isRequired
+                },
+                {
+                    mold: 'input',
+                    name: '开证金额',
+                    prop: 'blAmount',
+                    placeholder: '请保留两位小数',
+                    numberRule: { min: 0, precision: 2, isMoney: true },
+                    type: 'number',
+                    isRequired,
+                    link: [{
+                        prop: 'issueFee',
+                        handler(val) {
+                            temp_blAmount = val
+                            return val
+                        }
+                    }]
+                }
+            ],
+            [
+                {
+                    mold: 'datepicker',
+                    name: '开证日期',
+                    prop: 'issueDate',
+                    isRequired,
+                    link: [
+                        {
+                            prop: 'dueDate',
+                            handler(val) {
+                                if (!val) {
+                                    return {
+                                        default: null
+                                    }
+                                }
+                                temp_date_issueDate = val
+                                return {
+                                    pickerOptions: {
+                                        disabledDate(time) {
+                                            return time.getTime() < new Date(val).getTime()
+                                        }
+                                    }
+                                }
+                            }
+                        },
+                        {
+                            prop: 'lastShipmentDate',
+                            handler(val) {
+                                console.log('set time')
+                                if (!val) {
+                                    return {
+                                        default: null
+                                    }
+                                }
+                                return {
+                                    pickerOptions: {
+                                        disabledDate(time) {
+                                            return time.getTime() < new Date(val).getTime()
+                                        }
+                                    }
+                                }
+                            }
+                        }
+                    ]
+                },
+                {
+                    mold: 'input',
+                    name: '金额浮动比例',
+                    prop: 'floatProp',
+                    placeholder: '请保留两位小数',
+                    numberRule: { max: 100, min: 0, precision: 2 },
+                    class: ['nstc-rate-num'],
+                    default: 0,
+                    unit: '%',
+                    isRequired
+                }
+            ],
+            [
+                {
+                    mold: 'datepicker',
+                    name: '有效期',
+                    prop: 'dueDate',
+                    isRequired,
+                    link: [
+                        {
+                            prop: 'lastShipmentDate',
+                            handler(val) {
+                                if (!val) {
+                                    return {}
+                                }
+                                return {
+                                    pickerOptions: {
+                                        disabledDate(time) {
+                                            const min = new Date(temp_date_issueDate).getTime()
+                                            const max = new Date(val).getTime()
+                                            const s = time.getTime()
+                                            return temp_date_issueDate ? ((s < min) || (s > max)) : (s > max)
+                                        }
+                                    }
+                                }
+                            }
+                        }
+                    ]
+                },
+                {
+                    mold: 'input',
+                    name: '通知行',
+                    prop: 'advisingOpenBankName'
+                }
+            ],
+            [
+                {
+                    mold: 'radio',
+                    name: '是否有追索权',
+                    prop: 'recourse',
+                    options: yesOrNo,
+                    default: 1,
+                    isRequired
+                },
+                {
+                    mold: 'radio',
+                    name: '是否可撤销',
+                    prop: 'creditNature',
+                    options: [
+                        { label: '是', value: 'ALLOWUNDO' },
+                        { label: '否', value: 'NOTUNDO' }
+                    ],
+                    default: 'ALLOWUNDO',
+                    isRequired
+                }
+            ],
+            [
+                {
+                    mold: 'radio',
+                    name: '是否允许分装',
+                    prop: 'partialShipments',
+                    options: yesOrNo,
+                    default: 1,
+                    isRequired
+                },
+                {
+                    mold: 'radio',
+                    name: '是否允许转船',
+                    prop: 'transhipment',
+                    options: yesOrNo,
+                    default: 1,
+                    isRequired
+                }
+            ],
+            [
+                {
+                    mold: 'input',
+                    name: '目的港',
+                    prop: 'endPlace'
+                },
+                {
+                    mold: 'input',
+                    name: '起运港',
+                    prop: 'startPlace'
+                }
+            ],
+            [
+                {
+                    mold: 'datepicker',
+                    name: '最迟装运期',
+                    prop: 'lastShipmentDate',
+                    default: null,
+                    isRequired
+                },
+                {
+                    mold: 'input',
+                    name: '开证行电话',
+                    prop: 'appBankTel',
+                    maxLength: 11
+                }
+            ],
+            [
+                {
+                    mold: 'input',
+                    name: '开证行地址',
+                    prop: 'appBankAddr',
+                    maxLength: 96
+                },
+                {
+                    mold: 'input',
+                    name: '开证行邮编',
+                    prop: 'appBankPostCode',
+                    maxlength: 9
+                }
+            ],
+            [
+                {
+                    mold: 'input',
+                    name: '开证行传真',
+                    prop: 'appBankFax'
+                },
+                {
+                    mold: 'input',
+                    name: '转开/通知行号',
+                    prop: 'advisingOpenBankNo',
+                    maxLength: 7
+                }
+            ]
+        ]
+    },
+    {
+        title: '开证人/受益人信息',
+        formConfig: [
+            [
+                {
+                    mold: 'selectindialog',
+                    title: '选择单位',
+                    name: '开证人-名称',
+                    prop: 'appNo',
+                    isRequired,
+                    remote: true,
+                    clearable: true,
+                    showPagination: true,
+                    placeholder: '请输入/选择',
+                    url: '/api/nstc-lcms/open/client/query',
+                    labelKey: 'cltName',
+                    valueKey: 'cltNo',
+                    query: 'cltName',
+                    queryParams: {
+                        cltNoFull: ''
+                    },
+                    formLabelWidth: 96,
+                    width: '290px',
+                    formConfig: [
+                        {
+                            mold: 'input',
+                            name: '单位编号',
+                            prop: 'cltNo',
+                            width: '180px'
+                        },
+                        {
+                            mold: 'input',
+                            name: '单位名称',
+                            prop: 'cltName',
+                            width: '180px'
+                        }
+                    ],
+                    columns: [
+                        {
+                            label: '单位编号',
+                            prop: 'cltNo'
+                        },
+                        {
+                            label: '单位名称',
+                            prop: 'cltName'
+                        }
+                    ],
+                    link: [{
+                        prop: 'appAccountNo',
+                        handler(val) {
+                            let queryParams = {}
+
+                            if (val) {
+                                queryParams.cltNo = val.cltNo
+                                // 通过bus将参数抛出去
+                            }
+                            Vue.prototype.$bus.$emit('import_lcms_register_search_bene', val ? val.cltNo : '')
+
+                            return {
+                                queryParams,
+                                disabled: !val
+                            }
+                        }
+                    }
+                    ]
+                },
+                {
+                    mold: 'selectindialog',
+                    title: '受益人',
+                    name: '受益人-名称',
+                    prop: 'beneNo',
+                    placeholder: '请输入/选择',
+                    url: '/api/nstc-lcms/open/relCorp/query',
+                    labelKey: 'relCorpFullName',
+                    valueKey: 'relCorpNo',
+                    query: 'relCorpFullName',
+                    queryParams: {
+                        cltNoFull: ''
+                    },
+                    isRequired,
+                    remote: true,
+                    clearable: true,
+                    showPagination: true,
+                    formLabelWidth: 96,
+                    formConfig: [
+                        {
+                            mold: 'input',
+                            name: '单位中文名称',
+                            prop: 'relCorpFullName',
+                            width: '180px'
+                        },
+                        {
+                            mold: 'input',
+                            name: '组织编号',
+                            prop: 'relCorpNo',
+                            width: '180px'
+                        }
+                    ],
+                    columns: [
+                        {
+                            label: '组织编号',
+                            prop: 'relCorpNo'
+                        },
+                        {
+                            label: '单位中文名称',
+                            prop: 'relCorpFullName'
+                        },
+                        {
+                            label: '单位简称',
+                            prop: 'relCorpName'
+                        },
+                        {
+                            label: '单位类型',
+                            prop: 'relCorpTypeName'
+                        }
+                    ],
+                    link: [{
+                        prop: 'beneAccountNo',
+                        handler(val) {
+                            let queryParams = {}
+
+                            if (val) {
+                                queryParams.relCorpId = val.relCorpId
+                                // 通过bus将参数抛出去
+                            }
+                            Vue.prototype.$bus.$emit('import_lcms_register_search_app', val ? val.cltNo : '')
+
+                            return {
+                                queryParams,
+                                disabled: !val
+                            }
+                        }
+                    }
+                    ],
+                    // 当开证模式前对背 且为母证， 表格里面只能选成员单位
+                    async queryDataFormatter(data) {
+                        if (+current_open_model === 1 && current_open_type === 1) {
+                            data = data.filter(i => {
+                                return +i[`relCorpType`] === 1
+                            })
+                        }
+                        return data
+                    }
+                }
+            ],
+            [
+                {
+                    mold: 'selectindialog',
+                    title: '账号选择',
+                    name: '开证人-账号',
+                    remote: true,
+                    clearable: true,
+                    prop: 'appAccountNo',
+                    placeholder: '请输入/选择',
+                    url: '/api/nstc-lcms/open/account/query',
+                    labelKey: 'accountNo',
+                    valueKey: 'accountId',
+                    query: 'accountNo',
+                    formLabelWidth: 96,
+                    showPagination: true,
+                    disabled: true,
+                    formConfig: [
+                        {
+                            mold: 'input',
+                            name: '账号',
+                            prop: 'accountNo',
+                            width: '180px'
+                        },
+                        {
+                            mold: 'select',
+                            name: '金融机构',
+                            prop: 'bankNo',
+                            options: [],
+                            width: '180px'
+                        }
+                    ],
+                    columns: [
+                        {
+                            label: '账号',
+                            prop: 'accountNo'
+                        },
+                        {
+                            label: '户名',
+                            prop: 'accountName'
+                        },
+                        {
+                            label: '助记名',
+                            prop: 'memoryName'
+                        },
+                        {
+                            label: '币种',
+                            prop: 'currencyName'
+                        },
+                        {
+                            label: '金融机构',
+                            prop: 'bankName'
+                        }
+                    ],
+                    link: [{
+                        prop: 'appBankNo',
+                        handler(val) {
+                            if (val) {
+                                const def = val ? val.bankNo : null
+                                return {
+                                    default: def
+                                }
+                            }
+                        }
+                    }]
+                },
+                {
+                    mold: 'selectindialog',
+                    title: '账号选择',
+                    name: '受益人-账号',
+                    remote: true,
+                    clearable: true,
+                    prop: 'beneAccountNo',
+                    placeholder: '请输入/选择',
+                    url: '/api/nstc-lcms/open/relAccount/query',
+                    labelKey: 'accountNo',
+                    valueKey: 'relAccId',
+                    query: 'accountNo',
+                    formLabelWidth: 96,
+                    showPagination: true,
+                    disabled: true,
+                    formConfig: [
+                        {
+                            mold: 'input',
+                            name: '账号',
+                            prop: 'accountNo',
+                            width: '180px'
+                        },
+                        {
+                            mold: 'select',
+                            name: '金融机构',
+                            prop: 'bankNo',
+                            options: [],
+                            width: '180px'
+                        }
+                    ],
+                    columns: [
+                        {
+                            label: '账号',
+                            prop: 'accountNo'
+                        },
+                        {
+                            label: '户名',
+                            prop: 'accountName'
+                        },
+                        {
+                            label: '助记名',
+                            prop: 'memoryName'
+                        },
+                        {
+                            label: '币种',
+                            prop: 'currencyName'
+                        },
+                        {
+                            label: '金融机构',
+                            prop: 'bankName'
+                        }
+                    ],
+                    link: [{
+                        prop: 'beneOpenBankNo',
+                        handler(val) {
+                            const def = val ? val.bankNo : null
+
+                            return {
+                                default: def
+                            }
+                        }
+                    }]
+                }
+            ],
+            [
+                {
+                    mold: 'select',
+                    name: '开证人-开户行',
+                    prop: 'appBankNo',
+                    width: 294,
+                    filterable: true,
+                    disabled: true
+                },
+                {
+                    mold: 'select',
+                    name: '受益人-开户行',
+                    width: 294,
+                    filterable: true,
+                    prop: 'beneOpenBankNo',
+                    disabled: true
+                }
+            ],
+            [
+                {
+                    mold: 'input',
+                    name: '开证人-地址',
+                    prop: 'appAddr',
+                    renderable: false
+                },
+                {
+                    mold: 'input',
+                    name: '受益人-地址',
+                    prop: 'beneAddr',
+                    renderable: false
+                }
+            ],
+            [
+                {
+                    mold: 'input',
+                    name: '开证人-邮编',
+                    prop: 'appPostCode',
+                    renderable: false,
+                    maxlength: 9
+                },
+                {
+                    mold: 'input',
+                    name: '受益人-邮编',
+                    prop: 'benePostCode',
+                    renderable: false,
+                    maxlength: 9
+                }
+            ]
+        ]
+    },
+    {
+        title: '信用证业务信息',
+        formConfig: [
+            [
+                {
+                    mold: 'input',
+                    name: '合同编号',
+                    prop: 'contractNo'
+                },
+                {
+                    mold: 'input',
+                    name: '合同金额',
+                    prop: 'contractAmount',
+                    numberRule: { min: 0, precision: 2, isMoney: true },
+                    isMoney: true
+                }
+            ],
+            [
+                {
+                    mold: 'input',
+                    name: '货物描述',
+                    prop: 'description',
+                    width: 836,
+                    isRequired
+                }
+            ],
+            [
+                {
+                    mold: 'input',
+                    name: '其他条款',
+                    prop: 'otherClause',
+                    width: 836
+                }
+            ]
+        ]
+    },
+    {
+        title: '开证成本',
+        formConfig: [
+            [
+                {
+                    mold: 'input',
+                    name: '开证费率',
+                    prop: 'openRate',
+                    class: ['nstc-rate-num'],
+                    unit: '%',
+                    numberRule: { max: 100, min: 0, precision: 6 },
+                    link: [
+                        {
+                            prop: 'issueFee',
+                            handler(val) {
+                                return {
+                                    default: temp_blAmount ? Number(temp_blAmount * val / 100).toFixed(2) : ''
+                                }
+                            }
+                        }
+                    ]
+                },
+                {
+                    mold: 'input',
+                    name: '开证手续费',
+                    prop: 'issueFee',
+                    numberRule: { min: 0, precision: 2, isMoney: true }
+                }
+            ],
+            [
+                {
+                    mold: 'input',
+                    name: '综合成本',
+                    prop: 'synCost',
+                    numberRule: { min: 0, precision: 2, isMoney: true },
+                    isRequired
+                },
+                {
+                    mold: 'input',
+                    name: '其他费用',
+                    numberRule: { min: 0, precision: 2, isMoney: true },
+                    prop: 'otherAmount'
+                }
+            ]
+        ]
+    },
+    {
+        title: '预算现金流',
+        formConfig: [
+            [
+                {
+                    mold: 'selectindialog',
+                    name: '预算科目',
+                    prop: 'budgetKmcode',
+                    unit: '元',
+                    formConfig: [
+                        {
+                            mold: 'input',
+                            name: '单位编号',
+                            prop: 'cltNo'
+                        },
+                        {
+                            mold: 'intervalinput',
+                            name: '单位名称',
+                            prop: 'cltName'
+                        }
+                    ],
+                    columns: [
+                        {
+                            label: '单位编号',
+                            prop: 'cltNo'
+                        },
+                        {
+                            label: '单位名称',
+                            prop: 'cltName'
+                        }
+                    ]
+                },
+                {
+                    mold: 'input',
+                    name: '现金流',
+                    prop: 'flowno'
+                }
+            ]
+        ]
+    }
+]
+
+const rules = config
+    .reduce((prev, next) => ([
+        ...prev,
+        ...next.formConfig
+    ]), [])
+    .reduce((prev, next) => ([
+        ...prev,
+        ...Array.isArray(next) ? next : [next]
+    ]), [])
+    .reduce((prev, next) => {
+        if (next.link) {
+            const links = next.link.filter(item => !!item.mold)
+
+            return [
+                ...prev,
+                next,
+                ...links
+            ]
+        }
+
+        return [
+            ...prev,
+            next
+        ]
+    }, [])
+    .filter(item => item.isRequired)
+    .reduce((res, curr) => {
+        const isInput = curr.mold === 'input' || (curr.prop === 'dueDate' || 'lastShipmentDate')
+
+        return {
+            ...res,
+            [curr.prop]: {
+                required: true,
+                message: `请${isInput ? '输入' : '选择'}${curr.name}`,
+                trigger: isInput ? 'blur' : 'change'
+                // whitespace: isInput || undefined,
+                // ...isInput
+                //   ? {
+                //     transform(val) {
+                //       return typeof val === 'string' ? val.trim() : val
+                //     }
+                //   }
+                //   : {}
+            }
+        }
+    }, {})
+
+const paymentPlanColumns = [
+    {
+        width: 80,
+        label: '操作',
+        component: {
+            template: `<div>
+          <i
+            v-if="scope.row.addFlag"
+            class="el-icon-circle-plus-outline guarantee-icon"
+            style="margin-right: 10px"
+            @click.stop="addRepaymentPlan"
+          />
+          <i class="el-icon-delete guarantee-icon" @click="deleteRepaymentPlan(scope.$index)" />
+      </div>`, // <!--            v-if="scope.addFlag"-->
+            methods: {
+                addRepaymentPlan() {
+                    this.$bus.$emit('addRepaymentPlan', {})
+                },
+                deleteRepaymentPlan(index) {
+                    this.$bus.$emit('deleteRepaymentPlan', { index })
+                }
+            }
+        }
+    },
+    {
+        label: '付款计划编号',
+        minWidth: 100,
+        prop: 'creditPayNo'
+    },
+    {
+        label: '计划状态',
+        prop: 'planState',
+        formatter(row, column, val) {
+            return val ? '已执行' : '未执行'
+        }
+    },
+    {
+        label: '是否已关联到单',
+        minWidth: 110,
+        prop: 'isRelation',
+        formatter(row, column, val) {
+            return val === 1 ? '是' : '否'
+        }
+    },
+    {
+        label: '最迟装运日',
+        width: 150,
+        prop: 'latestShipmentDate',
+        component: {
+            template: `<el-date-picker
+        v-model='scope.row.latestShipmentDate'
+        :disabled="scope.row.disableFlag || scope.row.isEdit"
+        :pickerOptions="scope.row.pickerOptions"
+        value-format="yyyy-MM-dd"
+        style='width: 100%'
+        placeholder="请选择"
+      />`
+        }
+    },
+    {
+        label: '预计装运日',
+        width: 150,
+        prop: 'expectShipmentDate',
+        component: {
+            template: `<el-date-picker
+        v-model='scope.row.expectShipmentDate'
+        :disabled="!scope.row.latestShipmentDate || scope.row.isEdit"
+        :pickerOptions="pickerOptions(scope.row.issueDateTemp, scope.row.latestShipmentDate)"
+        value-format="yyyy-MM-dd"
+        style='width: 100%'
+        placeholder="请选择"
+        />`,
+            methods: {
+                pickerOptions(start, end) {
+                    return {
+                        disabledDate(time) {
+                            const f = start ? time.getTime() < getTime(start) : false
+                            const s = end ? time.getTime() > getTime(end) : false
+                            return (f || s)
+                        }
+                    }
+                }
+            }
+        }
+    },
+    {
+        label: '预计付款日',
+        width: 150,
+        prop: 'expectPayDate',
+        component: {
+            template: `<el-date-picker
+            v-model='scope.row.expectPayDate'
+            :disabled="!scope.row.expectShipmentDate || scope.row.isEdit"
+            :pickerOptions="pickerOptions(scope.row.expectShipmentDate)"
+            value-format="yyyy-MM-dd"
+            style='width: 100%'
+            placeholder="请选择" />`,
+            methods: {
+                pickerOptions(val) {
+                    return {
+                        disabledDate(time) {
+                            return time.getTime() < new Date(val).getTime()
+                        }
+                    }
+                }
+            }
+        }
+    },
+    {
+        label: '预计付款金额',
+        minWidth: 100,
+        prop: 'expectPayAmount',
+        component: {
+            template: `<el-input
+            v-model='scope.row.expectPayAmount'
+            v-nstc-number="{min:0,precision:2,isMoney:true}"
+            :disabled='scope.row.isEdit'
+            type="number"
+            class="nstc-amount-num"
+            placeholder="请输入"
+         />`
+        }
+    }
+]
+
+export {
+    domestic,
+    config,
+    rules,
+    paymentPlanColumns
+}