|
|
@ -5,10 +5,11 @@
|
|
|
|
-->
|
|
|
|
-->
|
|
|
|
<template>
|
|
|
|
<template>
|
|
|
|
<div class="cost-entry-main-info">
|
|
|
|
<div class="cost-entry-main-info">
|
|
|
|
<a-form layout="vertical" class="ds-form-detail">
|
|
|
|
<a-form>
|
|
|
|
<a-row :gutter="15">
|
|
|
|
<a-row :gutter="15">
|
|
|
|
<a-col v-for="(item, index) in list" :span="item.span" :key='item.value + index'>
|
|
|
|
<a-col v-for="(item, index) in list" :span="item.span" :key='item.value + index'>
|
|
|
|
<a-form-item
|
|
|
|
<a-form-item
|
|
|
|
|
|
|
|
:class="{ noBorder: item.field == 'cbm' || item.field == 'dischargePort' || item.field == 'invoiceNo' || item.field == 'note' }"
|
|
|
|
:label="item.label"
|
|
|
|
:label="item.label"
|
|
|
|
>
|
|
|
|
>
|
|
|
|
<div>
|
|
|
|
<div>
|
|
|
@ -27,21 +28,21 @@
|
|
|
|
{ label: '委托编号', field: 'customerNo', span: 4, value: '' },
|
|
|
|
{ label: '委托编号', field: 'customerNo', span: 4, value: '' },
|
|
|
|
{ label: '主题单号', field: 'mblno', span: 4, value: '' },
|
|
|
|
{ label: '主题单号', field: 'mblno', span: 4, value: '' },
|
|
|
|
{ label: '箱型箱量', field: 'packingType', span: 4, value: '' },
|
|
|
|
{ label: '箱型箱量', field: 'packingType', span: 4, value: '' },
|
|
|
|
{ label: '件数', field: 'pkgs', span: 3, value: '' },
|
|
|
|
{ label: '件数', field: 'pkgs', span: 4, value: '' },
|
|
|
|
{ label: '毛重', field: 'kgs', span: 3, value: '' },
|
|
|
|
{ label: '毛重', field: 'kgs', span: 4, value: '' },
|
|
|
|
{ label: '尺码', field: 'cbm', span: 3, value: '' },
|
|
|
|
{ label: '尺码', field: 'cbm', span: 4, value: '' },
|
|
|
|
{ label: '发票号', field: 'invoiceNo', span: 3, value: '' },
|
|
|
|
{ label: '委托单位', field: 'customerName', span: 8, value: '' },
|
|
|
|
{ label: '委托单位', field: 'customerName', span: 4, value: '' },
|
|
|
|
|
|
|
|
{ label: '卸货港', field: 'dischargePort', span: 4, value: '' },
|
|
|
|
|
|
|
|
{ label: '船名', field: 'vessel', span: 4, value: '' },
|
|
|
|
{ label: '船名', field: 'vessel', span: 4, value: '' },
|
|
|
|
{ label: '航次', field: 'voyno', span: 3, value: '' },
|
|
|
|
{ label: '航次', field: 'voyno', span: 4, value: '' },
|
|
|
|
{ label: '揽货人', field: 'sale', span: 3, value: '' },
|
|
|
|
{ label: '装货港', field: 'loadPort', span: 4, value: '' },
|
|
|
|
{ label: 'ETD', field: 'etd', span: 3, value: '' },
|
|
|
|
{ label: '卸货港', field: 'dischargePort', span: 4, value: '' },
|
|
|
|
{ label: '付费方式', field: 'mblFrt', span: 3, value: '' },
|
|
|
|
{ label: '揽货人', field: 'sale', span: 4, value: '' },
|
|
|
|
|
|
|
|
{ label: 'ETD', field: 'etd', span: 4, value: '' },
|
|
|
|
|
|
|
|
{ label: '付费方式', field: 'mblFrt', span: 4, value: '' },
|
|
|
|
{ label: '分提单号', field: 'hblno', span: 4, value: '' },
|
|
|
|
{ label: '分提单号', field: 'hblno', span: 4, value: '' },
|
|
|
|
{ label: '目的地', field: 'destination', span: 4, value: '' },
|
|
|
|
{ label: '目的地', field: 'destination', span: 4, value: '' },
|
|
|
|
{ label: '装货港', field: 'loadPort', span: 4, value: '' },
|
|
|
|
{ label: '发票号', field: 'invoiceNo', span: 4, value: '' },
|
|
|
|
{ label: '备注', field: 'note', span: 12, value: '' },
|
|
|
|
{ label: '备注', field: 'note', span: 24, value: '' },
|
|
|
|
])
|
|
|
|
])
|
|
|
|
const props = defineProps({
|
|
|
|
const props = defineProps({
|
|
|
|
data: { type: [Object, Array] }
|
|
|
|
data: { type: [Object, Array] }
|
|
|
@ -53,6 +54,9 @@
|
|
|
|
list.value.forEach(item => {
|
|
|
|
list.value.forEach(item => {
|
|
|
|
for(let key in val) {
|
|
|
|
for(let key in val) {
|
|
|
|
if (item.field === key) {
|
|
|
|
if (item.field === key) {
|
|
|
|
|
|
|
|
if (key == 'etd' && val[key]) {
|
|
|
|
|
|
|
|
val[key] = val[key].split(' ')[0]
|
|
|
|
|
|
|
|
}
|
|
|
|
item.value = val[key]
|
|
|
|
item.value = val[key]
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
@ -62,11 +66,31 @@
|
|
|
|
)
|
|
|
|
)
|
|
|
|
</script>
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
|
|
<style>
|
|
|
|
<style lang="less">
|
|
|
|
.cost-entry-main-info {
|
|
|
|
.cost-entry-main-info {
|
|
|
|
|
|
|
|
.ant-form-item-label {
|
|
|
|
|
|
|
|
label {
|
|
|
|
|
|
|
|
font-size: 12px;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
.ant-form-item-control-input-content {
|
|
|
|
|
|
|
|
font-size: 12px;
|
|
|
|
|
|
|
|
font-weight: 600;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
.ant-form-item {
|
|
|
|
|
|
|
|
margin-bottom: 4px;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
.ant-form-item-control {
|
|
|
|
|
|
|
|
border-right: 1px solid #CED5D9;
|
|
|
|
|
|
|
|
}
|
|
|
|
background-color: #ffffff;
|
|
|
|
background-color: #ffffff;
|
|
|
|
padding: 6px 20px 0 20px;
|
|
|
|
padding: 6px 20px 0 20px;
|
|
|
|
border: 1px solid #E8EBED;
|
|
|
|
border: 1px solid #E8EBED;
|
|
|
|
border-top: none;
|
|
|
|
border-top: none;
|
|
|
|
|
|
|
|
.noBorder {
|
|
|
|
|
|
|
|
.ant-form-item-control {
|
|
|
|
|
|
|
|
border-right: none;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
</style>
|
|
|
|
</style>
|