diff --git a/src/control/medit-view-panel/medit-view-panel.scss b/src/control/medit-view-panel/medit-view-panel.scss index 881053b9db65184aaa2a5590d34c547fd78a4c0f..c66f597655c2d759161fae6ca0e99152e7fc4034 100644 --- a/src/control/medit-view-panel/medit-view-panel.scss +++ b/src/control/medit-view-panel/medit-view-panel.scss @@ -52,6 +52,16 @@ $control-multieditviewpanel: ( } } } + + .el-tabs__new-tab { + display: flex; + align-items: center; + width: auto; + height: var(--el-tabs-header-height); + margin: 0; + border: 0; + border-bottom: 2px solid var(--el-border-color-light); + } } } diff --git a/src/control/medit-view-panel/medit-view-panel.tsx b/src/control/medit-view-panel/medit-view-panel.tsx index f16399d69b9bd2e8a0c0492e564b0aa8b9b6bf5b..dedd2e18e35232012ea3d790ab0ba657b05488b2 100644 --- a/src/control/medit-view-panel/medit-view-panel.tsx +++ b/src/control/medit-view-panel/medit-view-panel.tsx @@ -122,41 +122,53 @@ export const MEditViewPanelControl = defineComponent({ onTabChange={this.onTabChange} onTabAdd={() => this.c.handleAdd()} > - {this.c.state.panelUiItems.map(item => { - return ( - - {{ - label: () => { - return ( -
- {item.srfmajortext} - - this.handleTabDelete(item, event) - } - > -
- ); - }, - default: () => { - return ( - this.c.state.activeTab === item.id && - h(viewShell, { - context: item.context, - params: item.params, - viewId: this.c.model.embeddedAppViewId, - onDataChange: (args: DataChangeEvent) => - this.c.onViewDataChange(args, item.id), - onCreated: (event: EventBase) => - this.c.onViewCreated(event, item.id), - }) - ); - }, - }} -
- ); - })} + {{ + addIcon: () => { + return ( + + + {ibiz.i18n.t('app.add')} + + ); + }, + default: () => { + return this.c.state.panelUiItems.map(item => { + return ( + + {{ + label: () => { + return ( +
+ {item.srfmajortext} + + this.handleTabDelete(item, event) + } + > +
+ ); + }, + default: () => { + return ( + this.c.state.activeTab === item.id && + h(viewShell, { + context: item.context, + params: item.params, + viewId: this.c.model.embeddedAppViewId, + onDataChange: (args: DataChangeEvent) => + this.c.onViewDataChange(args, item.id), + onCreated: (event: EventBase) => + this.c.onViewCreated(event, item.id), + }) + ); + }, + }} +
+ ); + }); + }, + }} ); };