feat:修改表格的底层样式
This commit is contained in:
@@ -43,7 +43,7 @@ setupVbenVxeTable({
|
||||
vxeUI.setConfig({
|
||||
grid: {
|
||||
align: 'center',
|
||||
border: false,
|
||||
border: true,
|
||||
columnConfig: {
|
||||
resizable: true,
|
||||
},
|
||||
|
||||
@@ -334,7 +334,7 @@ export function useGridColumns(): VxeTableGridOptions<WmsIostorInvApi.IostorInv>
|
||||
{
|
||||
field: 'billCode',
|
||||
title: '单据编号',
|
||||
minWidth: 120,
|
||||
minWidth: 150,
|
||||
slots: { default: 'billCode' },
|
||||
},
|
||||
{
|
||||
|
||||
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user