feat:修改表格的底层样式

This commit is contained in:
zhouz
2026-07-27 10:39:02 +08:00
parent 66dca91e7d
commit b54fbb614a
4 changed files with 30 additions and 23 deletions

View File

@@ -43,7 +43,7 @@ setupVbenVxeTable({
vxeUI.setConfig({
grid: {
align: 'center',
border: false,
border: true,
columnConfig: {
resizable: true,
},

View File

@@ -334,7 +334,7 @@ export function useGridColumns(): VxeTableGridOptions<WmsIostorInvApi.IostorInv>
{
field: 'billCode',
title: '单据编号',
minWidth: 120,
minWidth: 150,
slots: { default: 'billCode' },
},
{

View File

@@ -143,7 +143,7 @@ const [Grid, gridApi] = useVbenVxeGrid({
</script>
<template>
<Page auto-content-height class="iostorinv-page">
<Page auto-content-height>
<FormModal @success="handleRefresh" />
<AllocationModal @success="handleRefresh" />
<DetailModal />
@@ -216,23 +216,3 @@ const [Grid, gridApi] = useVbenVxeGrid({
</Grid>
</Page>
</template>
<style scoped>
.iostorinv-page :deep(.vxe-cell--checkbox .vxe-checkbox--icon) {
color: #2563eb;
filter: drop-shadow(0 0 1px rgb(255 255 255 / 90%));
}
.iostorinv-page
:deep(.vxe-body--row.row--hover .vxe-cell--checkbox .vxe-checkbox--icon),
.iostorinv-page
:deep(.vxe-body--row.row--current .vxe-cell--checkbox .vxe-checkbox--icon) {
color: #1d4ed8;
filter: drop-shadow(0 0 2px #fff);
}
.iostorinv-page :deep(.vxe-cell--checkbox.is--checked .vxe-checkbox--icon),
.iostorinv-page :deep(.vxe-cell--checkbox.is--indeterminate .vxe-checkbox--icon) {
color: #1d4ed8;
}
</style>