From 5315559c67f4bac160f3b386295e235d8f3af0ae Mon Sep 17 00:00:00 2001
From: Cano1997 <1978141412@qq.com>
Date: Thu, 7 Aug 2025 10:31:15 +0800
Subject: [PATCH] =?UTF-8?q?style:=20=E5=A4=9A=E7=BC=96=E8=BE=91=E9=9D=A2?=
 =?UTF-8?q?=E6=9D=BF=E4=B8=8A=E5=88=86=E9=A1=B5=E6=A0=B7=E5=BC=8F=E8=B0=83?=
 =?UTF-8?q?=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../medit-view-panel/medit-view-panel.scss    | 10 +++
 .../medit-view-panel/medit-view-panel.tsx     | 82 +++++++++++--------
 2 files changed, 57 insertions(+), 35 deletions(-)

diff --git a/src/control/medit-view-panel/medit-view-panel.scss b/src/control/medit-view-panel/medit-view-panel.scss
index 881053b9d..c66f59765 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 f16399d69..dedd2e18e 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 (
-              <el-tab-pane key={item.id + item.srfmajortext} name={item.id}>
-                {{
-                  label: () => {
-                    return (
-                      <div class={this.ns.b('tab-label')}>
-                        <span>{item.srfmajortext}</span>
-                        <ion-icon
-                          name='close-outline'
-                          onClick={(event: MouseEvent) =>
-                            this.handleTabDelete(item, event)
-                          }
-                        ></ion-icon>
-                      </div>
-                    );
-                  },
-                  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),
-                      })
-                    );
-                  },
-                }}
-              </el-tab-pane>
-            );
-          })}
+          {{
+            addIcon: () => {
+              return (
+                <el-button>
+                  <ion-icon name='add'></ion-icon>
+                  {ibiz.i18n.t('app.add')}
+                </el-button>
+              );
+            },
+            default: () => {
+              return this.c.state.panelUiItems.map(item => {
+                return (
+                  <el-tab-pane key={item.id + item.srfmajortext} name={item.id}>
+                    {{
+                      label: () => {
+                        return (
+                          <div class={this.ns.b('tab-label')}>
+                            <span>{item.srfmajortext}</span>
+                            <ion-icon
+                              name='close-outline'
+                              onClick={(event: MouseEvent) =>
+                                this.handleTabDelete(item, event)
+                              }
+                            ></ion-icon>
+                          </div>
+                        );
+                      },
+                      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),
+                          })
+                        );
+                      },
+                    }}
+                  </el-tab-pane>
+                );
+              });
+            },
+          }}
         </el-tabs>
       );
     };
-- 
Gitee