|
|
|
@ -10,6 +10,7 @@ const optionsStore = useOptionsStore()
|
|
|
|
|
import { useRoute } from 'vue-router'
|
|
|
|
|
const route = useRoute()
|
|
|
|
|
import { GetClientListByCode, getOrgList, GetClientBank, GetFeeCurrencySelectList } from '/@/api/common'
|
|
|
|
|
import { GetOrgList, ClientCommonGetStlMode, GetClientBankList,GetOrgBankList } from '../../feeSettlement/api'
|
|
|
|
|
// 引入字典数据
|
|
|
|
|
import { getDictOption } from '/@/utils/dictUtil'
|
|
|
|
|
import { placeholderSign } from 'element-plus/es/components/table-v2/src/private'
|
|
|
|
@ -281,10 +282,7 @@ export const formSchema: FormSchema[] = [
|
|
|
|
|
if (e && obj) {
|
|
|
|
|
formModel.customerId = obj.id
|
|
|
|
|
}
|
|
|
|
|
if (!e && !obj) {
|
|
|
|
|
formModel.customerId = ''
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
@ -368,52 +366,147 @@ export const formSchema: FormSchema[] = [
|
|
|
|
|
{
|
|
|
|
|
field: 'customerBankName',
|
|
|
|
|
label: '客户银行',
|
|
|
|
|
component: 'ApiSelect',
|
|
|
|
|
required: false,
|
|
|
|
|
dynamicDisabled: false,
|
|
|
|
|
// show: ({ values }) => {
|
|
|
|
|
// return values.mode=='free';
|
|
|
|
|
// },
|
|
|
|
|
colProps: { span: 4 },
|
|
|
|
|
component: 'ApiSelect',
|
|
|
|
|
componentProps: ({ formModel }) => {
|
|
|
|
|
return {
|
|
|
|
|
api: GetClientBank,
|
|
|
|
|
params: {
|
|
|
|
|
id: formModel.customerId
|
|
|
|
|
api: () => {
|
|
|
|
|
return new Promise((resolve) => {
|
|
|
|
|
console.log(formModel)
|
|
|
|
|
const queryStr = [
|
|
|
|
|
{
|
|
|
|
|
FieldName: 'ClientId',
|
|
|
|
|
FieldValue: formModel.customerId,
|
|
|
|
|
ConditionalType: '0',
|
|
|
|
|
},
|
|
|
|
|
]
|
|
|
|
|
const data = {
|
|
|
|
|
pageCondition: {
|
|
|
|
|
pageIndex: 1,
|
|
|
|
|
pageSize: 20,
|
|
|
|
|
sortConditions: [],
|
|
|
|
|
},
|
|
|
|
|
queryCondition: JSON.stringify(queryStr),
|
|
|
|
|
}
|
|
|
|
|
GetClientBankList(data).then((res) => {
|
|
|
|
|
res.data.forEach(item=>{
|
|
|
|
|
item.showName = item.bankName + ' ' + item.bankAccountNo
|
|
|
|
|
})
|
|
|
|
|
resolve(res)
|
|
|
|
|
})
|
|
|
|
|
})
|
|
|
|
|
},
|
|
|
|
|
labelField: 'bankName',
|
|
|
|
|
valueField: 'id',
|
|
|
|
|
resultField: 'data',
|
|
|
|
|
immediate: false,
|
|
|
|
|
filterOption: (input: string, option: any) => {
|
|
|
|
|
return option.label.toLowerCase().indexOf(input.toLowerCase()) >= 0
|
|
|
|
|
},
|
|
|
|
|
labelField: 'showName',
|
|
|
|
|
valueField: 'bankName',
|
|
|
|
|
resultField: 'data',
|
|
|
|
|
onChange: (e, obj) => {
|
|
|
|
|
console.log(obj)
|
|
|
|
|
if (e && obj) {
|
|
|
|
|
formModel.customerBankId = obj.value
|
|
|
|
|
if (obj) {
|
|
|
|
|
formModel.customerBankId = obj.id
|
|
|
|
|
formModel.customerAccount = obj.bankAccountNo
|
|
|
|
|
}
|
|
|
|
|
if (!e && !obj) {
|
|
|
|
|
formModel.customerBankId = null
|
|
|
|
|
formModel.customerBankName = null
|
|
|
|
|
formModel.customerAccount = null
|
|
|
|
|
if (!obj && !e) {
|
|
|
|
|
formModel.customerBankId = ''
|
|
|
|
|
formModel.customerAccount = ''
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
field: 'customerBankId',
|
|
|
|
|
label: '',
|
|
|
|
|
component: 'Input',
|
|
|
|
|
show: false
|
|
|
|
|
field: 'customerAccount',
|
|
|
|
|
label: '客户账号',
|
|
|
|
|
// show: ({ values }) => {
|
|
|
|
|
// return values.mode=='free';
|
|
|
|
|
// },
|
|
|
|
|
colProps: { span: 4 },
|
|
|
|
|
dynamicDisabled:true,
|
|
|
|
|
component: 'Input'
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
field: 'customerAccount',
|
|
|
|
|
label: '银行账号',
|
|
|
|
|
component: 'Input',
|
|
|
|
|
required: false,
|
|
|
|
|
dynamicDisabled: false,
|
|
|
|
|
colProps: { span: 4 }
|
|
|
|
|
field: 'orgBankName',
|
|
|
|
|
label: '收款账号',
|
|
|
|
|
colProps: { span: 4 },
|
|
|
|
|
component: 'ApiSelect',
|
|
|
|
|
componentProps: ({ formModel }) => {
|
|
|
|
|
return {
|
|
|
|
|
api: () => {
|
|
|
|
|
return new Promise((resolve) => {
|
|
|
|
|
GetOrgBankList().then((res) => {
|
|
|
|
|
res.data.forEach(item=>{
|
|
|
|
|
item.showName = item.bankName + ' ' + item.bankAccountNo
|
|
|
|
|
})
|
|
|
|
|
resolve(res)
|
|
|
|
|
})
|
|
|
|
|
})
|
|
|
|
|
},
|
|
|
|
|
immediate: false,
|
|
|
|
|
labelField: 'showName',
|
|
|
|
|
valueField: 'showName',
|
|
|
|
|
resultField: 'data',
|
|
|
|
|
onChange: (e, obj) => {
|
|
|
|
|
if (obj) {
|
|
|
|
|
formModel.orgBankId = obj.id
|
|
|
|
|
}
|
|
|
|
|
if (!obj && !e) {
|
|
|
|
|
formModel.orgBankId = ''
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
// {
|
|
|
|
|
// field: 'customerBankName',
|
|
|
|
|
// label: '客户银行',
|
|
|
|
|
// component: 'ApiSelect',
|
|
|
|
|
// required: false,
|
|
|
|
|
// dynamicDisabled: false,
|
|
|
|
|
// colProps: { span: 4 },
|
|
|
|
|
// componentProps: ({ formModel }) => {
|
|
|
|
|
// return {
|
|
|
|
|
// 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.value
|
|
|
|
|
// formModel.customerAccount = obj.bankAccountNo
|
|
|
|
|
// }
|
|
|
|
|
// if (!e && !obj) {
|
|
|
|
|
// formModel.customerBankId = null
|
|
|
|
|
// formModel.customerBankName = null
|
|
|
|
|
// formModel.customerAccount = null
|
|
|
|
|
// }
|
|
|
|
|
// }
|
|
|
|
|
// }
|
|
|
|
|
// }
|
|
|
|
|
// },
|
|
|
|
|
// {
|
|
|
|
|
// field: 'customerBankId',
|
|
|
|
|
// label: '',
|
|
|
|
|
// component: 'Input',
|
|
|
|
|
// show: false
|
|
|
|
|
// },
|
|
|
|
|
// {
|
|
|
|
|
// field: 'customerAccount',
|
|
|
|
|
// label: '银行账号',
|
|
|
|
|
// component: 'Input',
|
|
|
|
|
// required: false,
|
|
|
|
|
// dynamicDisabled: false,
|
|
|
|
|
// colProps: { span: 4 }
|
|
|
|
|
// },
|
|
|
|
|
{
|
|
|
|
|
field: 'relativeNO',
|
|
|
|
|
label: '相关号码',
|
|
|
|
@ -478,7 +571,6 @@ export const formSchema: FormSchema[] = [
|
|
|
|
|
dynamicDisabled: false,
|
|
|
|
|
colProps: { span: 4 },
|
|
|
|
|
componentProps: {
|
|
|
|
|
showTime: true,
|
|
|
|
|
allowClear: true,
|
|
|
|
|
format: 'YYYY-MM-DD',
|
|
|
|
|
valueFormat: 'YYYY-MM-DD'
|
|
|
|
|