|
|
|
@ -9,7 +9,7 @@ import { useOptionsStore } from '/@/store/modules/options'
|
|
|
|
|
const optionsStore = useOptionsStore()
|
|
|
|
|
import { useRoute } from 'vue-router'
|
|
|
|
|
const route = useRoute()
|
|
|
|
|
import { GetClientListByCode, getOrgList } from '/@/api/common'
|
|
|
|
|
import { GetClientListByCode, getOrgList, GetClientBank } from '/@/api/common'
|
|
|
|
|
// 引入字典数据
|
|
|
|
|
import { getDictOption } from '/@/utils/dictUtil'
|
|
|
|
|
import { placeholderSign } from 'element-plus/es/components/table-v2/src/private'
|
|
|
|
@ -260,6 +260,7 @@ export const formSchema: FormSchema[] = [
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
field: 'line1',
|
|
|
|
|
component: 'Divider',
|
|
|
|
|
colProps: {
|
|
|
|
|
span: 24
|
|
|
|
@ -274,18 +275,20 @@ export const formSchema: FormSchema[] = [
|
|
|
|
|
colProps: { span: 4 },
|
|
|
|
|
componentProps: ({ formModel }) => {
|
|
|
|
|
return {
|
|
|
|
|
option: optionsStore.getOptionsByCode('GetClientListByCode'),
|
|
|
|
|
labelField: 'shortName',
|
|
|
|
|
api: GetClientListByCode,
|
|
|
|
|
labelField: 'pinYinCode',
|
|
|
|
|
valueField: 'shortName',
|
|
|
|
|
showName: 'shortName',
|
|
|
|
|
resultField: 'data',
|
|
|
|
|
filterOption: (input: string, option: any) => {
|
|
|
|
|
return option.label.toLowerCase().indexOf(input.toLowerCase()) >= 0
|
|
|
|
|
},
|
|
|
|
|
immediate: false,
|
|
|
|
|
onChange: (e, obj) => {
|
|
|
|
|
if (e && obj) {
|
|
|
|
|
formModel.customerId = obj.id
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
if (!e && !obj) {
|
|
|
|
|
formModel.customerId = ''
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
@ -296,27 +299,48 @@ export const formSchema: FormSchema[] = [
|
|
|
|
|
show: false
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
field: 'customerBankId',
|
|
|
|
|
field: 'customerBankName',
|
|
|
|
|
label: '开户行',
|
|
|
|
|
component: 'ApiSelect',
|
|
|
|
|
required: false,
|
|
|
|
|
dynamicDisabled: false,
|
|
|
|
|
colProps: { span: 4 },
|
|
|
|
|
componentProps: () => {
|
|
|
|
|
componentProps: ({ formModel }) => {
|
|
|
|
|
return {
|
|
|
|
|
option: optionsStore.getOptionsByCode('getClientBankList'),
|
|
|
|
|
api: GetClientBank,
|
|
|
|
|
params: {
|
|
|
|
|
id: formModel.customerId
|
|
|
|
|
},
|
|
|
|
|
labelField: 'bankName',
|
|
|
|
|
valueField: 'id',
|
|
|
|
|
resultField: 'data',
|
|
|
|
|
immediate: false,
|
|
|
|
|
filterOption: (input: string, option: any) => {
|
|
|
|
|
return option.label.toLowerCase().indexOf(input.toLowerCase()) >= 0
|
|
|
|
|
},
|
|
|
|
|
onChange: (e, obj) => {
|
|
|
|
|
console.log(obj)
|
|
|
|
|
if (e && obj) {
|
|
|
|
|
formModel.customerBankId = obj.id
|
|
|
|
|
formModel.customerAccount = obj.bankAccountNo
|
|
|
|
|
}
|
|
|
|
|
if (!e && !obj) {
|
|
|
|
|
formModel.customerBankId = null
|
|
|
|
|
formModel.customerBankName = null
|
|
|
|
|
formModel.customerAccount = null
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
field: 'customerBank',
|
|
|
|
|
field: 'customerBankId',
|
|
|
|
|
label: '',
|
|
|
|
|
component: 'Input',
|
|
|
|
|
show: false
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
field: 'customerAccount',
|
|
|
|
|
label: '开户行账号',
|
|
|
|
|
component: 'Input',
|
|
|
|
|
required: false,
|
|
|
|
@ -324,32 +348,110 @@ export const formSchema: FormSchema[] = [
|
|
|
|
|
colProps: { span: 4 }
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
field: 'applicationNO',
|
|
|
|
|
label: '申请编号',
|
|
|
|
|
component: 'Input',
|
|
|
|
|
dynamicDisabled: true,
|
|
|
|
|
label: '所属分部',
|
|
|
|
|
field: 'saleOrgName',
|
|
|
|
|
component: 'ApiSelect',
|
|
|
|
|
required: false,
|
|
|
|
|
colProps: { span: 4 },
|
|
|
|
|
// render: ({ model, field }) => {
|
|
|
|
|
// return h(resolveComponent('span') as ComponentOptions, {
|
|
|
|
|
// value: model[field]
|
|
|
|
|
// })
|
|
|
|
|
// }
|
|
|
|
|
calssName: 'saleOrgId',
|
|
|
|
|
componentProps: ({ formModel }) => {
|
|
|
|
|
return {
|
|
|
|
|
api: getOrgList,
|
|
|
|
|
labelField: 'label',
|
|
|
|
|
valueField: 'value',
|
|
|
|
|
resultField: 'data',
|
|
|
|
|
immediate: false,
|
|
|
|
|
onChange: (e, obj) => {
|
|
|
|
|
if (e && obj) {
|
|
|
|
|
formModel.saleOrgName = obj.label
|
|
|
|
|
formModel.saleOrgId = obj.id
|
|
|
|
|
}
|
|
|
|
|
if (!e && !obj) {
|
|
|
|
|
formModel.saleOrgName = null
|
|
|
|
|
formModel.saleOrgId = null
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
field: 'statusText',
|
|
|
|
|
label: '状态',
|
|
|
|
|
field: 'saleDeptId',
|
|
|
|
|
label: '',
|
|
|
|
|
component: 'Input',
|
|
|
|
|
dynamicDisabled: true,
|
|
|
|
|
colProps: { span: 4 },
|
|
|
|
|
// render: ({ model, field }) => {
|
|
|
|
|
// return h(resolveComponent('span') as ComponentOptions, {
|
|
|
|
|
// value: model[field]
|
|
|
|
|
// })
|
|
|
|
|
// }
|
|
|
|
|
show: false,
|
|
|
|
|
},
|
|
|
|
|
// {
|
|
|
|
|
// field: 'applicationNO',
|
|
|
|
|
// label: '申请编号',
|
|
|
|
|
// component: 'Input',
|
|
|
|
|
// dynamicDisabled: true,
|
|
|
|
|
// colProps: { span: 4 },
|
|
|
|
|
// },
|
|
|
|
|
// {
|
|
|
|
|
// field: 'statusText',
|
|
|
|
|
// label: '状态',
|
|
|
|
|
// component: 'Input',
|
|
|
|
|
// dynamicDisabled: true,
|
|
|
|
|
// colProps: { span: 4 },
|
|
|
|
|
// },
|
|
|
|
|
// {
|
|
|
|
|
// field: 'createTime',
|
|
|
|
|
// label: '申请日期',
|
|
|
|
|
// component: 'DatePicker',
|
|
|
|
|
// dynamicDisabled: false,
|
|
|
|
|
// colProps: { span: 4 },
|
|
|
|
|
// componentProps: {
|
|
|
|
|
// showTime: true,
|
|
|
|
|
// allowClear: true,
|
|
|
|
|
// format: 'YYYY-MM-DD HH:mm:ss',
|
|
|
|
|
// valueFormat: 'YYYY-MM-DD HH:mm:ss'
|
|
|
|
|
// },
|
|
|
|
|
// },
|
|
|
|
|
// {
|
|
|
|
|
// field: 'currency',
|
|
|
|
|
// label: '币别',
|
|
|
|
|
// component: 'ApiSelect',
|
|
|
|
|
// required: false,
|
|
|
|
|
// dynamicDisabled: false,
|
|
|
|
|
// defaultValue: null,
|
|
|
|
|
// colProps: { span: 4 },
|
|
|
|
|
// componentProps: () => {
|
|
|
|
|
// return {
|
|
|
|
|
// option: optionsStore.getOptionsByCode('GetFeeCurrencySelectList'),
|
|
|
|
|
// labelField: 'name',
|
|
|
|
|
// valueField: 'codeName',
|
|
|
|
|
// placeholder: '原币申请',
|
|
|
|
|
// resultField: 'data',
|
|
|
|
|
// immediate: false,
|
|
|
|
|
// filterOption: (input: string, option: any) => {
|
|
|
|
|
// return option.label.toLowerCase().indexOf(input.toLowerCase()) >= 0
|
|
|
|
|
// }
|
|
|
|
|
// }
|
|
|
|
|
// }
|
|
|
|
|
// },
|
|
|
|
|
// {
|
|
|
|
|
// field: 'settlementType',
|
|
|
|
|
// label: '结算方式',
|
|
|
|
|
// component: 'ApiSelect',
|
|
|
|
|
// required: false,
|
|
|
|
|
// dynamicDisabled: false,
|
|
|
|
|
// colProps: { span: 4 },
|
|
|
|
|
// componentProps: () => {
|
|
|
|
|
// return {
|
|
|
|
|
// option: optionsStore.getOptionsByCode('GetClientStlModeSelectList'),
|
|
|
|
|
// labelField: 'stlName',
|
|
|
|
|
// valueField: 'id',
|
|
|
|
|
// resultField: 'data',
|
|
|
|
|
// immediate: false,
|
|
|
|
|
// filterOption: (input: string, option: any) => {
|
|
|
|
|
// return option.label.toLowerCase().indexOf(input.toLowerCase()) >= 0
|
|
|
|
|
// }
|
|
|
|
|
// }
|
|
|
|
|
// }
|
|
|
|
|
// },
|
|
|
|
|
{
|
|
|
|
|
field: 'createTime',
|
|
|
|
|
label: '申请日期',
|
|
|
|
|
field: 'paymentDate',
|
|
|
|
|
label: '申请支付日期',
|
|
|
|
|
component: 'DatePicker',
|
|
|
|
|
dynamicDisabled: false,
|
|
|
|
|
colProps: { span: 4 },
|
|
|
|
@ -358,62 +460,38 @@ export const formSchema: FormSchema[] = [
|
|
|
|
|
allowClear: true,
|
|
|
|
|
format: 'YYYY-MM-DD HH:mm:ss',
|
|
|
|
|
valueFormat: 'YYYY-MM-DD HH:mm:ss'
|
|
|
|
|
},
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
field: 'currency',
|
|
|
|
|
label: '币别',
|
|
|
|
|
component: 'ApiSelect',
|
|
|
|
|
required: false,
|
|
|
|
|
dynamicDisabled: false,
|
|
|
|
|
defaultValue: null,
|
|
|
|
|
colProps: { span: 4 },
|
|
|
|
|
componentProps: () => {
|
|
|
|
|
return {
|
|
|
|
|
option: optionsStore.getOptionsByCode('GetFeeCurrencySelectList'),
|
|
|
|
|
labelField: 'name',
|
|
|
|
|
valueField: 'codeName',
|
|
|
|
|
placeholder: '原币申请',
|
|
|
|
|
resultField: 'data',
|
|
|
|
|
immediate: false,
|
|
|
|
|
filterOption: (input: string, option: any) => {
|
|
|
|
|
return option.label.toLowerCase().indexOf(input.toLowerCase()) >= 0
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
field: 'line2',
|
|
|
|
|
component: 'Divider',
|
|
|
|
|
colProps: {
|
|
|
|
|
span: 24
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
field: 'settlementType',
|
|
|
|
|
label: '结算方式',
|
|
|
|
|
component: 'ApiSelect',
|
|
|
|
|
field: 'chequeRemarks',
|
|
|
|
|
label: '发票备注',
|
|
|
|
|
component: 'InputTextArea',
|
|
|
|
|
required: false,
|
|
|
|
|
dynamicDisabled: false,
|
|
|
|
|
colProps: { span: 4 },
|
|
|
|
|
componentProps: () => {
|
|
|
|
|
return {
|
|
|
|
|
option: optionsStore.getOptionsByCode('GetClientStlModeSelectList'),
|
|
|
|
|
labelField: 'stlName',
|
|
|
|
|
valueField: 'id',
|
|
|
|
|
resultField: 'data',
|
|
|
|
|
immediate: false,
|
|
|
|
|
filterOption: (input: string, option: any) => {
|
|
|
|
|
return option.label.toLowerCase().indexOf(input.toLowerCase()) >= 0
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
// defaultValue: '',
|
|
|
|
|
colProps: { span: 8 },
|
|
|
|
|
componentProps: {
|
|
|
|
|
autoSize: { minRows: 3, maxRows: 3 },
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
field: 'paymentDate',
|
|
|
|
|
label: '申请支付日期',
|
|
|
|
|
component: 'DatePicker',
|
|
|
|
|
field: 'note',
|
|
|
|
|
label: '备注',
|
|
|
|
|
component: 'InputTextArea',
|
|
|
|
|
required: false,
|
|
|
|
|
dynamicDisabled: false,
|
|
|
|
|
colProps: { span: 4 },
|
|
|
|
|
// defaultValue: '',
|
|
|
|
|
colProps: { span: 16 },
|
|
|
|
|
componentProps: {
|
|
|
|
|
showTime: true,
|
|
|
|
|
allowClear: true,
|
|
|
|
|
format: 'YYYY-MM-DD HH:mm:ss',
|
|
|
|
|
valueFormat: 'YYYY-MM-DD HH:mm:ss'
|
|
|
|
|
},
|
|
|
|
|
autoSize: { minRows: 3, maxRows: 3 },
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
// {
|
|
|
|
|
// field: 'createBy',
|
|
|
|
|