合同列表字段宽度调整

This commit is contained in:
‘huanghaiixia’
2026-03-03 17:01:17 +08:00
parent 7c8f585f9e
commit 207f8cc311
24 changed files with 102 additions and 173 deletions

View File

@ -142,7 +142,8 @@ const [registerModal, { setModalProps, closeModal }] = useModalInner(async (data
...formState, ...formState,
dateFrom: formState.dateFrom ? dayjs(formState.dateFrom).format('YYYY-MM-DD') : '', dateFrom: formState.dateFrom ? dayjs(formState.dateFrom).format('YYYY-MM-DD') : '',
dateTo: formState.dateTo ? dayjs(formState.dateTo).format('YYYY-MM-DD') : '', dateTo: formState.dateTo ? dayjs(formState.dateTo).format('YYYY-MM-DD') : '',
fileList: formState.fileList || [] fileList: formState.fileList || [],
docTypeName: (optionList.find(v=>v.code == formState.docTypeCode) || {}).fullName
} }
let idx =list.value.findIndex(v => v.docTypeCode == obj.docTypeCode) let idx =list.value.findIndex(v => v.docTypeCode == obj.docTypeCode)
if (idx > -1 && formState.docTypeCode !=curData.value) { if (idx > -1 && formState.docTypeCode !=curData.value) {

View File

@ -245,9 +245,11 @@
formState.bDeptName = res?.dept?.name formState.bDeptName = res?.dept?.name
formState.bDeptId = res?.dept?.id formState.bDeptId = res?.dept?.id
if (!pageId.value) {
formState.comName = res?.comp?.name formState.comName = res?.comp?.name
formState.comId = res?.comp?.id formState.comId = res?.comp?.id
} }
}
const onSearch = (val)=> { const onSearch = (val)=> {
openModalDept(true,{isUpdate: false}) openModalDept(true,{isUpdate: false})
} }

View File

@ -440,9 +440,11 @@
formState.bDeptName = res?.dept?.name formState.bDeptName = res?.dept?.name
formState.bDeptId = res?.dept?.id formState.bDeptId = res?.dept?.id
if (!pageId.value) {
formState.comName = res?.comp?.name formState.comName = res?.comp?.name
formState.comId = res?.comp?.id formState.comId = res?.comp?.id
} }
}
const periodTypeCodeChange = (val) => { const periodTypeCodeChange = (val) => {
if (val === 'Y') { if (val === 'Y') {
rules.dateTo = [{ required: true, message: "该项为必填项", trigger: 'change' }] rules.dateTo = [{ required: true, message: "该项为必填项", trigger: 'change' }]

View File

@ -53,7 +53,7 @@ export const columns: BasicColumn[] = [
title: '合同号', title: '合同号',
componentType: 'input', componentType: 'input',
align: 'left', align: 'left',
width: 200,
sorter: true, sorter: true,
}, },
@ -62,7 +62,7 @@ export const columns: BasicColumn[] = [
title: '合同名称', title: '合同名称',
componentType: 'input', componentType: 'input',
align: 'left', align: 'left',
width: 250,
sorter: true, sorter: true,
}, },
@ -71,7 +71,7 @@ export const columns: BasicColumn[] = [
title: '供应商', title: '供应商',
componentType: 'input', componentType: 'input',
align: 'left', align: 'left',
width: 150,
sorter: true, sorter: true,
}, },
@ -92,31 +92,12 @@ export const columns: BasicColumn[] = [
width: 120, width: 120,
sorter: true, sorter: true,
}, },
{
dataIndex: 'approName',
title: '状态',
componentType: 'input',
align: 'left',
width: 80,
sorter: true,
},
{ {
dataIndex: 'staName', dataIndex: 'staName',
title: '接收站', title: '接收站',
componentType: 'input', componentType: 'input',
align: 'left', align: 'left',
width: 140,
sorter: true,
},
{
dataIndex: 'wasteDesc',
title: '损耗说明',
componentType: 'input',
align: 'left',
sorter: true, sorter: true,
}, },
@ -125,16 +106,16 @@ export const columns: BasicColumn[] = [
title: '合同主体', title: '合同主体',
componentType: 'input', componentType: 'input',
align: 'left', align: 'left',
width: 120,
sorter: true, sorter: true,
}, },
{ {
dataIndex: 'note', dataIndex: 'approName',
title: '备注', title: '状态',
componentType: 'input', componentType: 'input',
align: 'left', align: 'left',
width: 80,
sorter: true, sorter: true,
}, },
]; ];

View File

@ -452,9 +452,11 @@
formState.bDeptName = res?.dept?.name formState.bDeptName = res?.dept?.name
formState.bDeptId = res?.dept?.id formState.bDeptId = res?.dept?.id
if (!pageId.value) {
formState.comName = res?.comp?.name formState.comName = res?.comp?.name
formState.comId = res?.comp?.id formState.comId = res?.comp?.id
} }
}
const getApproList = (val) => { const getApproList = (val) => {
dataListAppro.value = val dataListAppro.value = val

View File

@ -137,7 +137,7 @@
striped: false, striped: false,
actionColumn: { actionColumn: {
width: 160, width: 130,
title: '操作', title: '操作',
dataIndex: 'action', dataIndex: 'action',
slots: { customRender: 'action' }, slots: { customRender: 'action' },

View File

@ -80,7 +80,7 @@ export const columns: BasicColumn[] = [
title: '合同号', title: '合同号',
componentType: 'input', componentType: 'input',
align: 'left', align: 'left',
width:150, width: 200,
sorter: true, sorter: true,
}, },
@ -89,7 +89,7 @@ export const columns: BasicColumn[] = [
title: '合同名称', title: '合同名称',
componentType: 'input', componentType: 'input',
align: 'left', align: 'left',
width: 250,
sorter: true, sorter: true,
}, },
@ -98,7 +98,7 @@ export const columns: BasicColumn[] = [
title: '供应商', title: '供应商',
componentType: 'input', componentType: 'input',
align: 'left', align: 'left',
width: 150,
sorter: true, sorter: true,
}, },
@ -119,16 +119,6 @@ export const columns: BasicColumn[] = [
width: 120, width: 120,
sorter: true, sorter: true,
}, },
{
dataIndex: 'approName',
title: '状态',
componentType: 'input',
align: 'left',
width: 100,
sorter: true,
},
{ {
dataIndex: 'longSpotName', dataIndex: 'longSpotName',
title: '长协/现货', title: '长协/现货',
@ -143,16 +133,15 @@ export const columns: BasicColumn[] = [
title: '合同主体', title: '合同主体',
componentType: 'input', componentType: 'input',
align: 'left', align: 'left',
width: 120,
sorter: true, sorter: true,
}, },
{ {
dataIndex: 'note', dataIndex: 'approName',
title: '备注', title: '状态',
componentType: 'input', componentType: 'input',
align: 'left', align: 'left',
width: 80,
sorter: true, sorter: true,
}, },
]; ];

View File

@ -526,9 +526,11 @@
formState.bDeptName = res?.dept?.name formState.bDeptName = res?.dept?.name
formState.bDeptId = res?.dept?.id formState.bDeptId = res?.dept?.id
if (!pageId.value) {
formState.comName = res?.comp?.name formState.comName = res?.comp?.name
formState.comId = res?.comp?.id formState.comId = res?.comp?.id
} }
}
const tipCheck = () => { const tipCheck = () => {
isExpend.value = !isExpend.value isExpend.value = !isExpend.value
} }

View File

@ -137,7 +137,7 @@
striped: false, striped: false,
actionColumn: { actionColumn: {
width: 160, width: 130,
title: '操作', title: '操作',
dataIndex: 'action', dataIndex: 'action',
slots: { customRender: 'action' }, slots: { customRender: 'action' },

View File

@ -71,7 +71,7 @@ export const columns: BasicColumn[] = [
title: '合同号', title: '合同号',
componentType: 'input', componentType: 'input',
align: 'left', align: 'left',
width: 200,
sorter: true, sorter: true,
}, },
@ -80,7 +80,7 @@ export const columns: BasicColumn[] = [
title: '合同名称', title: '合同名称',
componentType: 'input', componentType: 'input',
align: 'left', align: 'left',
width: 250,
sorter: true, sorter: true,
}, },
@ -89,7 +89,7 @@ export const columns: BasicColumn[] = [
title: '供应商', title: '供应商',
componentType: 'input', componentType: 'input',
align: 'left', align: 'left',
width: 150,
sorter: true, sorter: true,
}, },
@ -113,21 +113,12 @@ export const columns: BasicColumn[] = [
width: 120 width: 120
}, },
{
dataIndex: 'approName',
title: '状态',
componentType: 'input',
align: 'left',
width: 100,
sorter: true,
},
{ {
dataIndex: 'pointUpName', dataIndex: 'pointUpName',
title: '上载点', title: '上载点',
componentType: 'input', componentType: 'input',
align: 'left', align: 'left',
width: 160,
sorter: true, sorter: true,
}, },
@ -136,7 +127,7 @@ export const columns: BasicColumn[] = [
title: '是否托运', title: '是否托运',
componentType: 'input', componentType: 'input',
align: 'left', align: 'left',
width: 100, width: 80,
sorter: true, sorter: true,
}, },
@ -145,16 +136,15 @@ export const columns: BasicColumn[] = [
title: '合同主体', title: '合同主体',
componentType: 'input', componentType: 'input',
align: 'left', align: 'left',
width: 120,
sorter: true, sorter: true,
}, },
{ {
dataIndex: 'note', dataIndex: 'approName',
title: '备注', title: '状态',
componentType: 'input', componentType: 'input',
align: 'left', align: 'left',
width: 80,
sorter: true, sorter: true,
}, },
]; ];

View File

@ -387,9 +387,11 @@
formState.bDeptName = res?.dept?.name formState.bDeptName = res?.dept?.name
formState.bDeptId = res?.dept?.id formState.bDeptId = res?.dept?.id
if (!pageId.value) {
formState.comName = res?.comp?.name formState.comName = res?.comp?.name
formState.comId = res?.comp?.id formState.comId = res?.comp?.id
} }
}
const getApproList = (val) => { const getApproList = (val) => {
dataListAppro.value = val dataListAppro.value = val
} }

View File

@ -140,7 +140,7 @@
striped: false, striped: false,
actionColumn: { actionColumn: {
width: 160, width: 130,
title: '操作', title: '操作',
dataIndex: 'action', dataIndex: 'action',
slots: { customRender: 'action' }, slots: { customRender: 'action' },

View File

@ -72,7 +72,7 @@ export const columns: BasicColumn[] = [
title: '合同号', title: '合同号',
componentType: 'input', componentType: 'input',
align: 'left', align: 'left',
width: 200,
sorter: true, sorter: true,
}, },
@ -81,7 +81,7 @@ export const columns: BasicColumn[] = [
title: '合同名称', title: '合同名称',
componentType: 'input', componentType: 'input',
align: 'left', align: 'left',
width: 250,
sorter: true, sorter: true,
}, },
@ -90,7 +90,7 @@ export const columns: BasicColumn[] = [
title: '客户', title: '客户',
componentType: 'input', componentType: 'input',
align: 'left', align: 'left',
width: 150,
sorter: true, sorter: true,
}, },
@ -112,30 +112,12 @@ export const columns: BasicColumn[] = [
sorter: true, sorter: true,
}, },
{
dataIndex: 'approName',
title: '状态',
componentType: 'input',
align: 'left',
width: 100,
sorter: true,
},
{ {
dataIndex: 'pointUpName', dataIndex: 'pointUpName',
title: '交割点', title: '交割点',
componentType: 'input', componentType: 'input',
align: 'left', align: 'left',
width: 160,
sorter: true,
},
{
dataIndex: 'transName',
title: '是否托运',
componentType: 'input',
align: 'left',
width: 100,
sorter: true, sorter: true,
}, },
@ -144,16 +126,16 @@ export const columns: BasicColumn[] = [
title: '合同主体', title: '合同主体',
componentType: 'input', componentType: 'input',
align: 'left', align: 'left',
width: 120,
sorter: true, sorter: true,
}, },
{ {
dataIndex: 'note', dataIndex: 'approName',
title: '备注', title: '状态',
componentType: 'input', componentType: 'input',
align: 'left', align: 'left',
width: 80,
sorter: true, sorter: true,
}, },
]; ];

View File

@ -418,9 +418,11 @@
formState.bDeptName = res?.dept?.name formState.bDeptName = res?.dept?.name
formState.bDeptId = res?.dept?.id formState.bDeptId = res?.dept?.id
if (!pageId.value) {
formState.comName = res?.comp?.name formState.comName = res?.comp?.name
formState.comId = res?.comp?.id formState.comId = res?.comp?.id
} }
}
const getApproList = (val) => { const getApproList = (val) => {
dataListAppro.value = val dataListAppro.value = val
} }

View File

@ -139,7 +139,7 @@
striped: false, striped: false,
actionColumn: { actionColumn: {
width: 160, width: 130,
title: '操作', title: '操作',
dataIndex: 'action', dataIndex: 'action',
slots: { customRender: 'action' }, slots: { customRender: 'action' },

View File

@ -80,7 +80,7 @@ export const columns: BasicColumn[] = [
title: '合同号', title: '合同号',
componentType: 'input', componentType: 'input',
align: 'left', align: 'left',
width:150, width: 200,
sorter: true, sorter: true,
}, },
@ -89,7 +89,7 @@ export const columns: BasicColumn[] = [
title: '合同名称', title: '合同名称',
componentType: 'input', componentType: 'input',
align: 'left', align: 'left',
width: 250,
sorter: true, sorter: true,
}, },
@ -98,7 +98,7 @@ export const columns: BasicColumn[] = [
title: '客户', title: '客户',
componentType: 'input', componentType: 'input',
align: 'left', align: 'left',
width: 150,
sorter: true, sorter: true,
}, },
@ -119,16 +119,6 @@ export const columns: BasicColumn[] = [
width: 120, width: 120,
sorter: true, sorter: true,
}, },
{
dataIndex: 'approName',
title: '状态',
componentType: 'input',
align: 'left',
width: 100,
sorter: true,
},
{ {
dataIndex: 'longSpotName', dataIndex: 'longSpotName',
title: ' 长协/现货', title: ' 长协/现货',
@ -143,16 +133,15 @@ export const columns: BasicColumn[] = [
title: '合同主体', title: '合同主体',
componentType: 'input', componentType: 'input',
align: 'left', align: 'left',
width: 120,
sorter: true, sorter: true,
}, },
{ {
dataIndex: 'note', dataIndex: 'approName',
title: '备注', title: '状态',
componentType: 'input', componentType: 'input',
align: 'left', align: 'left',
width: 80,
sorter: true, sorter: true,
}, },
]; ];

View File

@ -528,9 +528,11 @@
formState.bDeptName = res?.dept?.name formState.bDeptName = res?.dept?.name
formState.bDeptId = res?.dept?.id formState.bDeptId = res?.dept?.id
if (!pageId.value) {
formState.comName = res?.comp?.name formState.comName = res?.comp?.name
formState.comId = res?.comp?.id formState.comId = res?.comp?.id
} }
}
const tipCheck = () => { const tipCheck = () => {
isExpend.value = !isExpend.value isExpend.value = !isExpend.value
} }

View File

@ -138,7 +138,7 @@
striped: false, striped: false,
actionColumn: { actionColumn: {
width: 160, width: 130,
title: '操作', title: '操作',
dataIndex: 'action', dataIndex: 'action',
slots: { customRender: 'action' }, slots: { customRender: 'action' },

View File

@ -67,7 +67,7 @@ export const columns: BasicColumn[] = [
title: '合同号', title: '合同号',
componentType: 'input', componentType: 'input',
align: 'left', align: 'left',
width: 200,
sorter: true, sorter: true,
}, },
@ -76,7 +76,7 @@ export const columns: BasicColumn[] = [
title: '合同名称', title: '合同名称',
componentType: 'input', componentType: 'input',
align: 'left', align: 'left',
width: 200, width: 250,
sorter: true, sorter: true,
}, },
@ -85,16 +85,7 @@ export const columns: BasicColumn[] = [
title: '客户', title: '客户',
componentType: 'input', componentType: 'input',
align: 'left', align: 'left',
width: 150,
sorter: true,
},
{
dataIndex: 'onlineSign',
title: '竞拍',
componentType: 'input',
align: 'left',
width: 90,
sorter: true, sorter: true,
}, },
@ -115,31 +106,28 @@ export const columns: BasicColumn[] = [
width: 120, width: 120,
sorter: true, sorter: true,
}, },
{ {
dataIndex: 'approName', dataIndex: 'onlineSign',
title: '状态', title: '竞拍',
componentType: 'input', componentType: 'input',
align: 'left', align: 'left',
width: 100, width: 60,
sorter: true, sorter: true,
}, },
{ {
dataIndex: 'comName', dataIndex: 'comName',
title: '合同主体', title: '合同主体',
componentType: 'input', componentType: 'input',
align: 'left', align: 'left',
width: 120,
sorter: true, sorter: true,
}, },
{ {
dataIndex: 'note', dataIndex: 'approName',
title: '备注', title: '状态',
componentType: 'input', componentType: 'input',
align: 'left', align: 'left',
width: 80,
sorter: true, sorter: true,
}, },
]; ];

View File

@ -355,9 +355,11 @@
formState.bDeptName = res?.dept?.name formState.bDeptName = res?.dept?.name
formState.bDeptId = res?.dept?.id formState.bDeptId = res?.dept?.id
if (!pageId.value) {
formState.comName = res?.comp?.name formState.comName = res?.comp?.name
formState.comId = res?.comp?.id formState.comId = res?.comp?.id
} }
}
const dateCfmChange = (val) => { const dateCfmChange = (val) => {
if (formState.dateCfmFrom || formState.dateCfmTo) { if (formState.dateCfmFrom || formState.dateCfmTo) {
rules.periodTypeCode = [{ required: true, message: "该项为必填项", trigger: 'change' }] rules.periodTypeCode = [{ required: true, message: "该项为必填项", trigger: 'change' }]

View File

@ -140,7 +140,7 @@
striped: false, striped: false,
actionColumn: { actionColumn: {
width: 160, width: 130,
title: '操作', title: '操作',
dataIndex: 'action', dataIndex: 'action',
slots: { customRender: 'action' }, slots: { customRender: 'action' },

View File

@ -59,7 +59,7 @@ export const columns: BasicColumn[] = [
title: '合同号', title: '合同号',
componentType: 'input', componentType: 'input',
align: 'left', align: 'left',
width: 200,
sorter: true, sorter: true,
}, },
@ -68,7 +68,7 @@ export const columns: BasicColumn[] = [
title: '合同名称', title: '合同名称',
componentType: 'input', componentType: 'input',
align: 'left', align: 'left',
width: 250,
sorter: true, sorter: true,
}, },
@ -77,7 +77,7 @@ export const columns: BasicColumn[] = [
title: '供应商', title: '供应商',
componentType: 'input', componentType: 'input',
align: 'left', align: 'left',
width: 150,
sorter: true, sorter: true,
}, },
@ -99,21 +99,12 @@ export const columns: BasicColumn[] = [
sorter: true, sorter: true,
}, },
{
dataIndex: 'approName',
title: '状态',
componentType: 'input',
align: 'left',
width: 80,
sorter: true,
},
{ {
dataIndex: 'pointName', dataIndex: 'pointName',
title: '上下载点', title: '上下载点',
componentType: 'input', componentType: 'input',
align: 'left', align: 'left',
width: 140,
sorter: true, sorter: true,
}, },
@ -122,16 +113,16 @@ export const columns: BasicColumn[] = [
title: '合同主体', title: '合同主体',
componentType: 'input', componentType: 'input',
align: 'left', align: 'left',
width: 120,
sorter: true, sorter: true,
}, },
{ {
dataIndex: 'note', dataIndex: 'approName',
title: '备注', title: '状态',
componentType: 'input', componentType: 'input',
align: 'left', align: 'left',
width: 80,
sorter: true, sorter: true,
}, },
]; ];

View File

@ -458,9 +458,11 @@
formState.bDeptName = res?.dept?.name formState.bDeptName = res?.dept?.name
formState.bDeptId = res?.dept?.id formState.bDeptId = res?.dept?.id
if (!pageId.value) {
formState.comName = res?.comp?.name formState.comName = res?.comp?.name
formState.comId = res?.comp?.id formState.comId = res?.comp?.id
} }
}
const getApproList = (val) => { const getApproList = (val) => {
dataListAppro.value = val dataListAppro.value = val
} }

View File

@ -137,7 +137,7 @@
striped: false, striped: false,
actionColumn: { actionColumn: {
width: 160, width: 130,
title: '操作', title: '操作',
dataIndex: 'action', dataIndex: 'action',
slots: { customRender: 'action' }, slots: { customRender: 'action' },