计量弹框字段调整

This commit is contained in:
‘huanghaiixia’
2026-03-12 17:53:49 +08:00
parent 05261ff3a3
commit 63e3249987

View File

@ -2,20 +2,14 @@
<BasicModal v-bind="$attrs" @register="registerModal" width="85%" :title="getTitle" @ok="handleSubmit" @visible-change="handleVisibleChange">
<a-spin :spinning="spinning" tip="加载中...">
<BasicTable @register="registerTable" v-if="showTable">
<BasicTable @register="registerTable" v-if="showTable" class="PngMeasureSalesPurForm">
<template #bodyCell="{ column, record }">
<template v-if="column.dataIndex === 'qtySalesGj'">
{{ Number.format(Number.parse(record.qtySalesGj),numFormat) }}
</template>
<template v-if="column.dataIndex === 'qtyMeaGj'">
{{ Number.format(Number.parse(record.qtyMeaGj || 0),numFormat) }}
</template>
<template v-if="column.dataIndex === 'qtySalesM3'">
{{ Number.format(Number.parse(record.qtySalesM3),numFormat) }}
</template>
<template v-if="column.dataIndex === 'qtyMeaM3'">
{{Number.format(Number.parse(record.qtyMeaM3 || 0),numFormat) }}
</template>
</template>
</BasicTable>
@ -59,21 +53,16 @@
getPopupContainer: () => document.body,
},
},
{
field: 'suCode',
label: '供应商名称/简称/编码',
component: 'Input',
},
{
field: 'pointUpName',
label: '上载点',
component: 'Input',
},
{
field: 'pointDelyName',
label: '下载点',
component: 'Input',
},
{
field: 'suCode',
label: '供应商名称/简称/编码',
component: 'Input',
},
];
const columns: BasicColumn[] = [
{
@ -83,16 +72,7 @@
align: 'left',
width: 120,
ellipsis: true,
sorter: true,
},
{
dataIndex: 'dateMea',
title: '计量日期',
componentType: 'input',
align: 'left',
width: 120,
sorter: true,
},
{
dataIndex: 'pointDelyName',
@ -101,7 +81,6 @@
align: 'left',
ellipsis: true,
width: 120,
sorter: true,
},
{
dataIndex: 'suSname',
@ -110,9 +89,7 @@
align: 'left',
ellipsis: true,
width: 150,
sorter: true,
},
{
dataIndex: 'pointUpName',
title: '上载点',
@ -120,88 +97,20 @@
align: 'left',
ellipsis: true,
width: 120,
sorter: true,
},
{
dataIndex: 'qtySalesGj',
title: '批复量(吉焦)',
componentType: 'input',
align: 'left',
width: 120,
sorter: true,
},
{
dataIndex: 'qtySalesM3',
title: '批复量(方)',
componentType: 'input',
align: 'left',
width: 120,
sorter: true,
},
{
dataIndex: 'qtyMeaGj',
title: '完成量(吉焦)',
componentType: 'input',
align: 'left',
width: 120,
sorter: true,
},
{
dataIndex: 'qtyMeaM3',
title: '完成量(方)',
componentType: 'input',
align: 'left',
width: 120,
sorter: true,
},
{
dataIndex: 'rateM3Gj',
title: '比值(方/吉焦)',
componentType: 'input',
align: 'left',
width: 120,
sorter: true,
},
{
dataIndex: 'cfmCuUserName',
title: '确认人',
componentType: 'input',
align: 'left',
width: 110,
sorter: true,
},
{
dataIndex: 'cfmCuUserTime',
title: '确认时间',
componentType: 'input',
align: 'left',
width: 180,
sorter: true,
},
{
dataIndex: 'cfmEmpName',
title: '业务确认人',
componentType: 'input',
align: 'left',
width: 110,
sorter: true,
},
{
dataIndex: 'cfmEmpTime',
title: '业务确认时间',
componentType: 'input',
align: 'left',
width: 150,
sorter: true,
},
{
dataIndex: 'ksName',
@ -210,25 +119,13 @@
align: 'left',
ellipsis: true,
width: 150,
sorter: true,
},
{
dataIndex: 'kpName',
title: '采购合同',
componentType: 'input',
align: 'left',
ellipsis: true,
width: 150,
sorter: true,
},
{
dataIndex: 'comName',
title: '交易主体',
componentType: 'input',
align: 'left',
width: 120,
sorter: true,
},
];
const spinning = ref(false);
@ -256,7 +153,7 @@
formConfig: {
labelCol:{span: 9},
schemas: codeFormSchema,
fieldMapToTime: [['dateFrom', ['startDate', 'endDate'], 'YYYY-MM-DD']],
fieldMapToTime: [['datePlan', ['startDate', 'endDate'], 'YYYY-MM-DD']],
showResetButton: true,
},
immediate: false,
@ -309,7 +206,13 @@
}
</script>
<style >
.PngMeasureSalesPurForm .basicCol{
position: inherit !important;
top: 0;
}
</style>
<style lang="less" scoped>
:deep( .ant-col-8:nth-child(1)) {
width: 360px !important;
@ -318,22 +221,15 @@
:deep(.ant-col-8:nth-child(1) .ant-form-item-label) {
width: 80px !important;
}
:deep( .ant-col-8:nth-child(4)) {
:deep( .ant-col-8:nth-child(3)) {
width: 360px !important;
max-width: 360px !important;;
}
:deep(.ant-col-8:nth-child(4) .ant-form-item-label) {
width: 80px !important;
}
:deep( .ant-col-8:nth-child(2)) {
width: 360px !important;
max-width: 360px !important;;
}
:deep(.ant-col-8:nth-child(2) .ant-form-item-label) {
:deep(.ant-col-8:nth-child(3) .ant-form-item-label) {
width: 150px !important;
max-width: 150px !important;
}
:deep(.ant-col-8:nth-child(2) .ant-form-item-label label) {
:deep(.ant-col-8:nth-child(3) .ant-form-item-label label) {
width: 150px !important;
max-width: 150px !important;
}