diff --git a/src/control/grid/grid/grid.scss b/src/control/grid/grid/grid.scss index 5403ae1b5961af41403d0360ebc431c7809495e6..a4244ba76a8297917eca230327527fa7bb0f2cd1 100644 --- a/src/control/grid/grid/grid.scss +++ b/src/control/grid/grid/grid.scss @@ -21,7 +21,7 @@ $control-grid-content: ( $control-grid-page: ( 'text-color': getCssVar('control-grid', 'text-color'), 'height': 50px, - 'padding': calc(getCssVar('padding') / 2) 0, + 'padding': 6px, ); @include b(control-grid) { @@ -103,10 +103,14 @@ $control-grid-page: ( } } - @include b(control-grid-page) { + @include b(grid-page) { + box-sizing: border-box; height: getCssVar('control-grid-page', 'height'); + padding: getCssVar('control-grid-page', 'padding'); @include flex(row, flex-end); - padding: getCssVar('control-grid-page', 'padding'); + .el-pagination { + overflow: auto; + } } } diff --git a/src/control/grid/grid/grid.tsx b/src/control/grid/grid/grid.tsx index 31d72610281047c2b0d7d2d5ba81519c4586a785..50add6c8b165aa35a4d55722158e04e3ca1dbadc 100644 --- a/src/control/grid/grid/grid.tsx +++ b/src/control/grid/grid/grid.tsx @@ -69,6 +69,7 @@ export const GridControl = defineComponent({ const { hideHeader, enablePagingBar, minorSortAppDEFieldId, minorSortDir } = this.c.model; + // 绘制除分组列之外的表格列 const renderColumn = (model: IDEGridColumn, index: number) => { const { codeName: columnName, width } = model; const columnC = this.c.columns[columnName!]; @@ -107,6 +108,34 @@ export const GridControl = defineComponent({ ); }; + + // 绘制表格列 + const renderChildColumn = (model: IDEGridColumn, index: number) => { + if (model.columnType === 'GROUPGRIDCOLUMN') { + const childColumns = + (model as IDEGridGroupColumn).degridColumns?.filter( + item => !item.hideDefault, + ) || []; + const { width } = model; + return ( + + {{ + default: () => { + return childColumns.map((column, index2) => { + return renderChildColumn(column, index2); + }); + }, + }} + + ); + } + return renderColumn(model, index); + }; + return ( { - if (model.columnType === 'GROUPGRIDCOLUMN') { - const childColumns = - (model as IDEGridGroupColumn).degridColumns?.filter( - item => !item.hideDefault, - ) || []; - const { width } = model; - return ( - - {{ - default: () => { - return childColumns.map((column, index2) => { - return renderColumn(column, index2); - }); - }, - }} - - ); - } - return renderColumn(model, index); + return renderChildColumn(model, index); })} {enablePagingBar && ( diff --git a/src/editor/text-box/input/input.scss b/src/editor/text-box/input/input.scss index 21131111b0bac28f0a843df49d1b94c5fd54fd26..12c9c0768f7012ee784a94752ea8135d8d853c63 100644 --- a/src/editor/text-box/input/input.scss +++ b/src/editor/text-box/input/input.scss @@ -1,5 +1,8 @@ @include b('input') { + height: 100%; + .el-input .el-input__inner { + height: 100%; font-size: getCssVar('form-item', 'font-size'); color: getCssVar('form-item', 'text-color'); border-color: getCssVar('form-item', 'border-color'); @@ -16,6 +19,7 @@ } .el-textarea .el-textarea__inner { + height: 100%; font-size: getCssVar('form-item', 'font-size'); color: getCssVar('form-item', 'text-color'); border-color: getCssVar('form-item', 'border-color'); @@ -32,6 +36,10 @@ @include overflow-wrap; } + @include b(input-input) { + height: 100%; + } + @include m(readonly) { color: getCssVar('form-item', 'readonly-color'); }