Compare commits

...

2 Commits

@ -1164,6 +1164,7 @@ export const freeSearchFormSchema: FormSchema[] = [
defaultValue: '1', defaultValue: '1',
componentProps: () => { componentProps: () => {
return { return {
allowClear: false,
options: [ options: [
{ {
label: '应收', label: '应收',
@ -1179,7 +1180,7 @@ export const freeSearchFormSchema: FormSchema[] = [
}, },
{ {
label: '费用名称', label: '费用名称',
field: 'feeName', field: 'feeId',
component: 'ApiSelect', component: 'ApiSelect',
required: false, required: false,
dynamicDisabled: false, dynamicDisabled: false,
@ -1190,16 +1191,16 @@ export const freeSearchFormSchema: FormSchema[] = [
return new Promise((resolve) => { return new Promise((resolve) => {
GetFeeCodeSelectList().then((res) => { GetFeeCodeSelectList().then((res) => {
res.data.forEach((item) => { res.data.forEach((item) => {
item.label = item.code + '-' + item.name item.labelName = item.code + '-' + item.name
}) })
resolve(res) resolve(res)
}) })
}) })
}, },
immediate: false, immediate: false,
labelField: 'labelName',
valueField: 'id', valueField: 'id',
resultField: 'data', resultField: 'data',
// mode: 'multiple',
filterOption: (input: string, option: any) => { filterOption: (input: string, option: any) => {
return option.label.toLowerCase().indexOf(input.toLowerCase()) >= 0 return option.label.toLowerCase().indexOf(input.toLowerCase()) >= 0
}, },

@ -391,7 +391,7 @@ function addInfos() {
const data = { const data = {
currencyFrom: 'RMB', currencyFrom: 'RMB',
currencyTo: item.currency, currencyTo: item.currency,
feeType: 1 feeType: getForm().getFieldsValue().feeType
} }
GetExchangeRate(data).then(res => { GetExchangeRate(data).then(res => {
exchangarr.value.push(res.data) exchangarr.value.push(res.data)
@ -466,7 +466,7 @@ function addInfos() {
const data = { const data = {
currencyFrom: 'RMB', currencyFrom: 'RMB',
currencyTo: item.currency, currencyTo: item.currency,
feeType: item.feeType feeType: getForm().getFieldsValue().feeType
} }
GetExchangeRate(data).then(res => { GetExchangeRate(data).then(res => {
exchangarr.value.push(res.data) exchangarr.value.push(res.data)
@ -530,7 +530,7 @@ function addInfosFee() {
const data = { const data = {
currencyFrom: currency.value, currencyFrom: currency.value,
currencyTo: item.currency, currencyTo: item.currency,
feeType: item.feeType feeType: getForm().getFieldsValue().feeType
} }
GetExchangeRate(data).then(res => { GetExchangeRate(data).then(res => {
exchangarr.value.push(res.data) exchangarr.value.push(res.data)

@ -1159,6 +1159,7 @@ export const freeSearchFormSchema: FormSchema[] = [
defaultValue: '2', defaultValue: '2',
componentProps: () => { componentProps: () => {
return { return {
allowClear: false,
options: [ options: [
{ {
label: '应收', label: '应收',
@ -1174,7 +1175,7 @@ export const freeSearchFormSchema: FormSchema[] = [
}, },
{ {
label: '费用名称', label: '费用名称',
field: 'feeName', field: 'feeId',
component: 'ApiSelect', component: 'ApiSelect',
required: false, required: false,
dynamicDisabled: false, dynamicDisabled: false,

@ -396,7 +396,7 @@ function addInfos() {
const data = { const data = {
currencyFrom: 'RMB', currencyFrom: 'RMB',
currencyTo: item.currency, currencyTo: item.currency,
feeType: item.feeType feeType: getForm().getFieldsValue().feeType
} }
GetExchangeRate(data).then(res => { GetExchangeRate(data).then(res => {
exchangarr.value.push(res.data) exchangarr.value.push(res.data)
@ -471,7 +471,7 @@ function addInfos() {
const data = { const data = {
currencyFrom: 'RMB', currencyFrom: 'RMB',
currencyTo: item.currency, currencyTo: item.currency,
feeType: item.feeType feeType: getForm().getFieldsValue().feeType
} }
GetExchangeRate(data).then(res => { GetExchangeRate(data).then(res => {
exchangarr.value.push(res.data) exchangarr.value.push(res.data)
@ -535,7 +535,7 @@ function addInfosFee() {
const data = { const data = {
currencyFrom: currency.value, currencyFrom: currency.value,
currencyTo: item.currency, currencyTo: item.currency,
feeType: item.feeType feeType: getForm().getFieldsValue().feeType
} }
GetExchangeRate(data).then(res => { GetExchangeRate(data).then(res => {
exchangarr.value.push(res.data) exchangarr.value.push(res.data)

@ -294,6 +294,13 @@ const columns = [
}, },
readOnly: true, readOnly: true,
}, },
{
title: '币别',
width: 100,
data: 'currency',
type: 'numeric',
readOnly: true,
},
] ]
// //
const settings = { const settings = {

@ -402,9 +402,13 @@ function changeApply() {
const data = { const data = {
currencyFrom: 'RMB', currencyFrom: 'RMB',
currencyTo: item.currency, currencyTo: item.currency,
feeType: item.feeType,
rateType:1, rateType:1,
} }
if(route.query.type=='free'){
data.feeType = getFormFree().getFieldsValue().feeType
} else {
data.feeType = getForm().getFieldsValue().feeType
}
GetExchangeRate(data).then(res => { GetExchangeRate(data).then(res => {
exchangarr.value.push(res.data) exchangarr.value.push(res.data)
resolve(true); resolve(true);
@ -488,9 +492,13 @@ function addDetailFree() {
const data = { const data = {
currencyFrom: 'RMB', currencyFrom: 'RMB',
currencyTo: item.currency, currencyTo: item.currency,
feeType: 1,
rateType:1, rateType:1,
} }
if(route.query.type=='free'){
data.feeType = getFormFree().getFieldsValue().feeType
} else {
data.feeType = getForm().getFieldsValue().feeType
}
GetExchangeRate(data).then(res => { GetExchangeRate(data).then(res => {
exchangarr.value.push(res.data) exchangarr.value.push(res.data)
resolve(true); resolve(true);
@ -819,7 +827,11 @@ function addDetailed(type) {
const data = { const data = {
currencyFrom: 'RMB', currencyFrom: 'RMB',
currencyTo: item.currency, currencyTo: item.currency,
feeType: 1 }
if(route.query.type=='free'){
data.feeType = getFormFree().getFieldsValue().feeType
} else {
data.feeType = getForm().getFieldsValue().feeType
} }
GetExchangeRate(data).then(res => { GetExchangeRate(data).then(res => {
exchangarr.value.push(res.data) exchangarr.value.push(res.data)

@ -17,7 +17,7 @@
<div class="left"> <div class="left">
<iframe width="100%" height="800px" :src="fileUrl" frameborder="0"></iframe> <iframe width="100%" height="800px" :src="fileUrl" frameborder="0"></iframe>
</div> </div>
<div class="right"> <div class="right goods-table">
<BasicForm @register="registerForm"> <BasicForm @register="registerForm">
</BasicForm> </BasicForm>
<hot-table style="margin-top: 20px;" ref="hotmain" :data="list" :settings="settings"> <hot-table style="margin-top: 20px;" ref="hotmain" :data="list" :settings="settings">
@ -39,7 +39,7 @@ import { InboxOutlined } from '@ant-design/icons-vue';
import { BasicForm, useForm } from '/@/components/Form/index' import { BasicForm, useForm } from '/@/components/Form/index'
import { aiForm } from './baseInfo.tsx' import { aiForm } from './baseInfo.tsx'
import { HotTable } from '@handsontable/vue3' import { HotTable } from '@handsontable/vue3'
import { AddMultiFiles } from '/@/components/File/api.js' import { AddMultiFiles } from '../../../../../components/File/api.js'
import { useRouter, useRoute } from 'vue-router' import { useRouter, useRoute } from 'vue-router'
import { getDictOption } from '/@/utils/dictUtil' import { getDictOption } from '/@/utils/dictUtil'
const route = useRoute() const route = useRoute()
@ -346,4 +346,19 @@ defineExpose({
:deep(.ant-drawer-body) { :deep(.ant-drawer-body) {
padding-bottom: 0px; padding-bottom: 0px;
} }
</style>
<style lang='less'>
.goods-table {
.handsontable {
.wtHider {
max-height: 240px!important;
min-height: 160px;
}
.htCheckboxRendererInput {
position: relative;
z-index: 999;
}
}
}
</style> </style>

@ -214,7 +214,7 @@ export const basicInfoFormSchema: FormSchema[] = [
componentProps: ({ formModel, formActionType }) => { componentProps: ({ formModel, formActionType }) => {
return { return {
api: GetSupplierListByCode, api: GetSupplierListByCode,
params: { code: 'contract' }, params: { code: 'isContract' },
labelField: 'pinYinCode', labelField: 'pinYinCode',
valueField: 'shortName', valueField: 'shortName',
showName: 'shortName', showName: 'shortName',
@ -328,7 +328,7 @@ export const basicInfoFormSchema: FormSchema[] = [
componentProps: ({ formModel }) => { componentProps: ({ formModel }) => {
return { return {
api: GetSupplierListByCode, api: GetSupplierListByCode,
params: { code: 'booking' }, params: { code: 'isBooking' },
labelField: 'pinYinCode', labelField: 'pinYinCode',
valueField: 'shortName', valueField: 'shortName',
showName: 'description', showName: 'description',
@ -2749,7 +2749,7 @@ export const otherInfoFormSchema: FormSchema[] = [
componentProps: ({ formModel }) => { componentProps: ({ formModel }) => {
return { return {
api: GetSupplierListByCode, api: GetSupplierListByCode,
params: { code: 'truck' }, params: { code: 'isTruck' },
labelField: 'pinYinCode', labelField: 'pinYinCode',
valueField: 'shortName', valueField: 'shortName',
showName: 'description', showName: 'description',
@ -2783,7 +2783,7 @@ export const otherInfoFormSchema: FormSchema[] = [
componentProps: ({ formModel }) => { componentProps: ({ formModel }) => {
return { return {
api: GetSupplierListByCode, api: GetSupplierListByCode,
params: { code: 'agent' }, params: { code: 'isAgent' },
labelField: 'pinYinCode', labelField: 'pinYinCode',
showName: 'description', showName: 'description',
valueField: 'shortName', valueField: 'shortName',
@ -2812,7 +2812,7 @@ export const otherInfoFormSchema: FormSchema[] = [
componentProps: ({ formModel }) => { componentProps: ({ formModel }) => {
return { return {
api: GetSupplierListByCode, api: GetSupplierListByCode,
params: { code: 'yard' }, params: { code: 'isYard' },
labelField: 'pinYinCode', labelField: 'pinYinCode',
showName: 'description', showName: 'description',
valueField: 'shortName', valueField: 'shortName',
@ -2847,7 +2847,7 @@ export const otherInfoFormSchema: FormSchema[] = [
componentProps: ({ formModel }) => { componentProps: ({ formModel }) => {
return { return {
api: GetSupplierListByCode, api: GetSupplierListByCode,
params: { code: 'shipagency' }, params: { code: 'isShipagency' },
labelField: 'pinYinCode', labelField: 'pinYinCode',
showName: 'description', showName: 'description',
valueField: 'shortName', valueField: 'shortName',
@ -2882,7 +2882,7 @@ export const otherInfoFormSchema: FormSchema[] = [
componentProps: ({ formModel }) => { componentProps: ({ formModel }) => {
return { return {
api: GetSupplierListByCode, api: GetSupplierListByCode,
params: { code: 'custom' }, params: { code: 'isCustom' },
labelField: 'pinYinCode', labelField: 'pinYinCode',
valueField: 'shortName', valueField: 'shortName',
showName: 'description', showName: 'description',
@ -2995,7 +2995,7 @@ export const otherInfoFormSchema: FormSchema[] = [
// 客户类别下拉框数据 // 客户类别下拉框数据
const customTypeDict = ref([]) const customTypeDict = ref([])
const personList = ref([]) const personList = ref([])
getDictOption('infoclient-ArrclientTag').then((data) => { getDictOption('djy_cust_prop').then((data) => {
customTypeDict.value = data customTypeDict.value = data
}) })
// 关系人表单 // 关系人表单
@ -3427,7 +3427,7 @@ export const aiForm: FormSchema[] = [
label: '主提单号', label: '主提单号',
labelSlot: 'mblno', labelSlot: 'mblno',
component: 'Input', component: 'Input',
colProps: { span: 12 }, colProps: { span: 6 },
componentProps: ({ formModel }) => { componentProps: ({ formModel }) => {
return { return {
oninput: () => { oninput: () => {
@ -3446,7 +3446,7 @@ export const aiForm: FormSchema[] = [
label: '船名', label: '船名',
field: 'vessel', field: 'vessel',
component: 'ApiSelect', component: 'ApiSelect',
colProps: { span: 12 }, colProps: { span: 6 },
componentProps: ({ formModel }) => { componentProps: ({ formModel }) => {
return { return {
api: GetVesselSelectList, api: GetVesselSelectList,
@ -3470,7 +3470,7 @@ export const aiForm: FormSchema[] = [
label: '海关航次', label: '海关航次',
field: 'voyno', field: 'voyno',
component: 'ApiSelect', component: 'ApiSelect',
colProps: { span: 12 }, colProps: { span: 6 },
componentProps: () => { componentProps: () => {
return { return {
api: GetVoynoSelectList, api: GetVoynoSelectList,
@ -3492,7 +3492,7 @@ export const aiForm: FormSchema[] = [
field: 'carrier', field: 'carrier',
labelSlot: 'carrierId', labelSlot: 'carrierId',
component: 'ApiSelect', component: 'ApiSelect',
colProps: { span: 12 }, colProps: { span: 6 },
componentProps: ({ formModel, formActionType }) => { componentProps: ({ formModel, formActionType }) => {
return { return {
api: GetCarrierSelectList, api: GetCarrierSelectList,
@ -3516,7 +3516,7 @@ export const aiForm: FormSchema[] = [
field: 'service', field: 'service',
label: '运输条款', label: '运输条款',
component: 'ApiSelect', component: 'ApiSelect',
colProps: { span: 12 }, colProps: { span: 6 },
componentProps: ({ formModel }) => { componentProps: ({ formModel }) => {
return { return {
api: GetServiceSelectList, api: GetServiceSelectList,
@ -3557,7 +3557,7 @@ export const aiForm: FormSchema[] = [
labelSlot: 'customerName', labelSlot: 'customerName',
field: 'customerName', field: 'customerName',
component: 'ApiSelect', component: 'ApiSelect',
colProps: { span: 12 }, colProps: { span: 6 },
componentProps: ({ formModel, formActionType }) => { componentProps: ({ formModel, formActionType }) => {
return { return {
api: GetControllerClientList, api: GetControllerClientList,
@ -3582,7 +3582,7 @@ export const aiForm: FormSchema[] = [
label: '客户编号', label: '客户编号',
component: 'Input', component: 'Input',
required: false, required: false,
colProps: { span: 12 }, colProps: { span: 6 },
}, },
{ {
label: '', label: '',
@ -3601,7 +3601,7 @@ export const aiForm: FormSchema[] = [
label: '品名', label: '品名',
component: 'ApiSelect', component: 'ApiSelect',
labelSlot: 'goodsName', labelSlot: 'goodsName',
colProps: { span: 12 }, colProps: { span: 6 },
componentProps: ({ formModel }) => { componentProps: ({ formModel }) => {
return { return {
api: GetClientGoodsList, api: GetClientGoodsList,
@ -3636,7 +3636,7 @@ export const aiForm: FormSchema[] = [
label: '装货港', label: '装货港',
field: 'loadPortCode', field: 'loadPortCode',
component: 'ApiSelect', component: 'ApiSelect',
colProps: { span: 12 }, colProps: { span: 6 },
componentProps: ({ formModel, formActionType }) => { componentProps: ({ formModel, formActionType }) => {
return { return {
api: GetClientPortSelectList, api: GetClientPortSelectList,
@ -3662,7 +3662,7 @@ export const aiForm: FormSchema[] = [
label: '卸货港', label: '卸货港',
field: 'dischargePortCode', field: 'dischargePortCode',
component: 'ApiSelect', component: 'ApiSelect',
colProps: { span: 12 }, colProps: { span: 6 },
componentProps: ({ formModel, formActionType }) => { componentProps: ({ formModel, formActionType }) => {
return { return {
api: GetClientPortSelectList, api: GetClientPortSelectList,
@ -3692,7 +3692,7 @@ export const aiForm: FormSchema[] = [
label: '交货地', label: '交货地',
field: 'deliveryPlaceCode', field: 'deliveryPlaceCode',
component: 'ApiSelect', component: 'ApiSelect',
colProps: { span: 12 }, colProps: { span: 6 },
componentProps: ({ formModel }) => { componentProps: ({ formModel }) => {
return { return {
api: GetClientPortSelectList, api: GetClientPortSelectList,
@ -3718,7 +3718,7 @@ export const aiForm: FormSchema[] = [
label: '收货地', label: '收货地',
field: 'receiptPlaceCode', field: 'receiptPlaceCode',
component: 'ApiSelect', component: 'ApiSelect',
colProps: { span: 12 }, colProps: { span: 6 },
componentProps: ({ formModel }) => { componentProps: ({ formModel }) => {
return { return {
api: GetClientPortSelectList, api: GetClientPortSelectList,
@ -3745,7 +3745,7 @@ export const aiForm: FormSchema[] = [
field: 'loadPort', field: 'loadPort',
component: 'Input', component: 'Input',
required: false, required: false,
colProps: { span: 12 }, colProps: { span: 6 },
componentProps: ({ formModel }) => { componentProps: ({ formModel }) => {
return { return {
oninput: () => { oninput: () => {
@ -3765,7 +3765,7 @@ export const aiForm: FormSchema[] = [
field: 'dischargePort', field: 'dischargePort',
component: 'Input', component: 'Input',
required: false, required: false,
colProps: { span: 12 }, colProps: { span: 6 },
componentProps: ({ formModel }) => { componentProps: ({ formModel }) => {
return { return {
oninput: () => { oninput: () => {
@ -3785,7 +3785,7 @@ export const aiForm: FormSchema[] = [
field: 'deliveryPlace', field: 'deliveryPlace',
component: 'Input', component: 'Input',
required: false, required: false,
colProps: { span: 12 }, colProps: { span: 6 },
componentProps: ({ formModel }) => { componentProps: ({ formModel }) => {
return { return {
oninput: () => { oninput: () => {
@ -3805,7 +3805,7 @@ export const aiForm: FormSchema[] = [
field: 'receiptPlace', field: 'receiptPlace',
component: 'Input', component: 'Input',
required: false, required: false,
colProps: { span: 12 }, colProps: { span: 6 },
componentProps: ({ formModel }) => { componentProps: ({ formModel }) => {
return { return {
oninput: () => { oninput: () => {
@ -3825,7 +3825,7 @@ export const aiForm: FormSchema[] = [
label: '订舱编号', label: '订舱编号',
labelSlot: 'bookingNo', labelSlot: 'bookingNo',
component: 'Input', component: 'Input',
colProps: { span: 12 }, colProps: { span: 6 },
componentProps: ({ formModel }) => { componentProps: ({ formModel }) => {
return { return {
oninput: () => { oninput: () => {
@ -3839,7 +3839,7 @@ export const aiForm: FormSchema[] = [
label: '开船日期', label: '开船日期',
labelSlot: 'etd', labelSlot: 'etd',
component: 'DatePicker', component: 'DatePicker',
colProps: { span: 12 }, colProps: { span: 6 },
componentProps: { componentProps: {
allowClear: true, allowClear: true,
valueFormat: 'YYYY-MM-DD' valueFormat: 'YYYY-MM-DD'
@ -3849,7 +3849,7 @@ export const aiForm: FormSchema[] = [
field: 'closingDate', field: 'closingDate',
label: '截港时间', label: '截港时间',
component: 'DatePicker', component: 'DatePicker',
colProps: { span: 12 }, colProps: { span: 6 },
componentProps: { componentProps: {
showTime: true, showTime: true,
allowClear: true, allowClear: true,
@ -3860,7 +3860,7 @@ export const aiForm: FormSchema[] = [
field: 'eta', field: 'eta',
label: '预抵日期', label: '预抵日期',
component: 'DatePicker', component: 'DatePicker',
colProps: { span: 12 }, colProps: { span: 6 },
componentProps: { componentProps: {
allowClear: true, allowClear: true,
valueFormat: 'YYYY-MM-DD', valueFormat: 'YYYY-MM-DD',
@ -3870,7 +3870,7 @@ export const aiForm: FormSchema[] = [
field: 'openPortDate', field: 'openPortDate',
label: '截VGM时间', label: '截VGM时间',
component: 'DatePicker', component: 'DatePicker',
colProps: { span: 12 }, colProps: { span: 6 },
componentProps: { componentProps: {
allowClear: true, allowClear: true,
showTime: true, showTime: true,
@ -3881,7 +3881,7 @@ export const aiForm: FormSchema[] = [
field: 'closeDocDate', field: 'closeDocDate',
label: '截单时间', label: '截单时间',
component: 'DatePicker', component: 'DatePicker',
colProps: { span: 12 }, colProps: { span: 6 },
componentProps: { componentProps: {
showTime: true, showTime: true,
allowClear: true, allowClear: true,
@ -3892,7 +3892,7 @@ export const aiForm: FormSchema[] = [
label: '签单地代码', label: '签单地代码',
field: 'issuePlaceCode', field: 'issuePlaceCode',
component: 'ApiSelect', component: 'ApiSelect',
colProps: { span: 12 }, colProps: { span: 6 },
componentProps: ({ formModel }) => { componentProps: ({ formModel }) => {
return { return {
api: GetClientPortSelectList, api: GetClientPortSelectList,
@ -3919,7 +3919,7 @@ export const aiForm: FormSchema[] = [
field: 'issuePlace', field: 'issuePlace',
component: 'Input', component: 'Input',
required: false, required: false,
colProps: { span: 12 }, colProps: { span: 6 },
componentProps: ({ formModel }) => { componentProps: ({ formModel }) => {
return { return {
oninput: () => { oninput: () => {
@ -3940,7 +3940,7 @@ export const aiForm: FormSchema[] = [
component: 'Input', component: 'Input',
required: false, required: false,
dynamicDisabled: false, dynamicDisabled: false,
colProps: { span: 12 }, colProps: { span: 6 },
}, },
{ {
label: '', label: '',
@ -3952,7 +3952,7 @@ export const aiForm: FormSchema[] = [
label: '订舱口', label: '订舱口',
field: 'forwarder', field: 'forwarder',
component: 'ApiSelect', component: 'ApiSelect',
colProps: { span: 12 }, colProps: { span: 6 },
componentProps: ({ formModel }) => { componentProps: ({ formModel }) => {
return { return {
api: GetSupplierListByCode, api: GetSupplierListByCode,
@ -3984,7 +3984,7 @@ export const aiForm: FormSchema[] = [
field: 'shipAgency', field: 'shipAgency',
component: 'ApiSelect', component: 'ApiSelect',
labelSlot: 'shipAgencyId', labelSlot: 'shipAgencyId',
colProps: { span: 12 }, colProps: { span: 6 },
componentProps: ({ formModel }) => { componentProps: ({ formModel }) => {
return { return {
api: GetSupplierListByCode, api: GetSupplierListByCode,
@ -4015,7 +4015,7 @@ export const aiForm: FormSchema[] = [
field: 'yard', field: 'yard',
label: '场站', label: '场站',
component: 'ApiSelect', component: 'ApiSelect',
colProps: { span: 12 }, colProps: { span: 6 },
componentProps: ({ formModel }) => { componentProps: ({ formModel }) => {
return { return {
api: GetSupplierListByCode, api: GetSupplierListByCode,
@ -4046,7 +4046,7 @@ export const aiForm: FormSchema[] = [
label: '客服', label: '客服',
field: 'customerServiceName', field: 'customerServiceName',
component: 'ApiSelect', component: 'ApiSelect',
colProps: { span: 12 }, colProps: { span: 6 },
componentProps: ({ formModel }) => { componentProps: ({ formModel }) => {
return { return {
api: GetCustomerServiceList, api: GetCustomerServiceList,

@ -123,25 +123,29 @@ export const detailForm: FormSchema[] = [
required: true, required: true,
rules: [{ message: '请输入服务项目名称' }], rules: [{ message: '请输入服务项目名称' }],
component: 'Input', component: 'Input',
colProps: { span: 4 }, colProps: { span: 24 },
}, },
{ {
field: 'serviceProjectCode', field: 'serviceProjectCode',
label: '服务项目代码', label: '服务项目代码',
required: true,
rules: [{ message: '请输入服务项目代码' }],
component: 'Input', component: 'Input',
colProps: { span: 4 }, colProps: { span: 24 },
}, },
{ {
field: 'sortNo', field: 'sortNo',
label: '排序', label: '排序',
component: 'Input', component: 'Input',
colProps: { span: 4 }, colProps: { span: 24 },
}, },
{ {
field: 'serviceProjectNote', field: 'serviceProjectNote',
label: '服务项目说明', label: '服务项目说明',
required: true,
rules: [{ message: '请输入服务项目说明' }],
component: 'Input', component: 'Input',
colProps: { span: 4 }, colProps: { span: 24 },
}, },

@ -51,6 +51,11 @@
</BasicTable> </BasicTable>
<a-modal width="800px" @cancel="open = false" :visible="open" title="服务项目"> <a-modal width="800px" @cancel="open = false" :visible="open" title="服务项目">
<BasicForm @register="registerForm"></BasicForm> <BasicForm @register="registerForm"></BasicForm>
<template #footer>
<a-button @click="open=false"></a-button>
<a-button type="primary" @click="handleSave"></a-button>
<a-button type="primary" @click="handleSave"></a-button>
</template>
</a-modal> </a-modal>
</div> </div>
</template> </template>
@ -59,7 +64,7 @@ import { ref } from 'vue'
import { GetList, InvoiceApplicationDelete, Withdraw, ApplyAudit } from './api.js' import { GetList, InvoiceApplicationDelete, Withdraw, ApplyAudit } from './api.js'
import { BasicTable, useTable } from '/@/components/Table' import { BasicTable, useTable } from '/@/components/Table'
import { BasicForm, useForm } from '/@/components/Form/index' import { BasicForm, useForm } from '/@/components/Form/index'
import { columns, searchFormSchema,detailForm } from './columns' import { columns, searchFormSchema, detailForm } from './columns'
import { useMessage } from '/@/hooks/web/useMessage' import { useMessage } from '/@/hooks/web/useMessage'
const { createMessage } = useMessage() const { createMessage } = useMessage()
import { useGo } from '/@/hooks/web/usePage' import { useGo } from '/@/hooks/web/usePage'
@ -105,13 +110,16 @@ const [registerForm, { resetFields, setFieldsValue, validate, updateSchema, getF
labelWidth: 100, labelWidth: 100,
schemas: detailForm, schemas: detailForm,
showActionButtonGroup: false, showActionButtonGroup: false,
readonly: true,
}) })
function GoDetailed(type) { function GoDetailed(type) {
if (!type) { if (!type) {
open.value = true
} }
} }
async function handleSave(){
await validate()
console.log(getFieldsValue())
}
function FnDel() { function FnDel() {
} }

Loading…
Cancel
Save