diff --git a/CHANGELOG.md b/CHANGELOG.md
index 3f26beeb6cc0ec76da27fc16d36f03db07d91377..0cb065f35c2363528c20f2bf54a3cf20f1546879 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -7,6 +7,10 @@
 
 ## [Unreleased]
 
+### Change
+
+- 优化按钮组和关系分页上方下拉列表 popover 关闭模式
+
 ## [0.0.28] - 2024-10-18
 
 ### Added
diff --git a/src/common/button-list/button-list.tsx b/src/common/button-list/button-list.tsx
index 4df5b5751a1a1388a670ef6452511e2f0828cf16..3fcf224b59ff666f8f6a7372790a233a3bdd53ae 100644
--- a/src/common/button-list/button-list.tsx
+++ b/src/common/button-list/button-list.tsx
@@ -69,12 +69,12 @@ export const IBizButtonList = defineComponent({
     };
 
     /**
-     * 打开 Popover
+     * 改变Popover显示
      * @param e
      */
-    const openPopover = (e: MouseEvent) => {
+    const onChangePopover = (e: MouseEvent) => {
       e.stopPropagation();
-      showPopover.value = true;
+      showPopover.value = !showPopover.value;
     };
 
     const details = computed(() => {
@@ -167,7 +167,7 @@ export const IBizButtonList = defineComponent({
             reference: (): VNode => {
               const { caption, sysImage, showCaption } = props.model;
               return (
-                <van-button onClick={openPopover}>
+                <van-button onClick={onChangePopover}>
                   {sysImage && (
                     <iBizIcon
                       class={ns.em('popover', 'icon')}
diff --git a/src/control/drtab/drtab.scss b/src/control/drtab/drtab.scss
index 141b4bd4bb6e2d2230b6c7b635b7090f926a328a..817776317a528e9db73daf1455b073a2fd1df762 100644
--- a/src/control/drtab/drtab.scss
+++ b/src/control/drtab/drtab.scss
@@ -1,5 +1,5 @@
 @include b(control-drtab) {
-  padding: 0 getCssVar(spacing, tight);
+  padding: getCssVar(spacing, tight);
   background-color: getCssVar(view, bg-color);
 
   .van-button {
@@ -45,10 +45,11 @@
 
       .caption {
         flex-grow: 1;
-        padding-right: getCssVar(spacing, base);
-
+        .text {
+          margin-right: rem(6px);
+        }
         .ibiz-badge {
-          margin-left: rem(6px);
+          margin-right: rem(6px);
         }
       }
 
diff --git a/src/control/drtab/drtab.tsx b/src/control/drtab/drtab.tsx
index eb61a66c3d7de406f1a8d94ce00d586c7fd3738f..89fee60a5067753d23c0d3e9c13f3c7e0c9599d4 100644
--- a/src/control/drtab/drtab.tsx
+++ b/src/control/drtab/drtab.tsx
@@ -38,7 +38,7 @@ export const DRTabControl = defineComponent({
     const tabPosition =
       (c.view.model as IAppDETabExplorerView).tabLayout?.toLowerCase() || 'top';
 
-    const referenceTab = computed(() => {
+    const activeTab = computed(() => {
       return c.state.drTabPages.find(tab => tab.tag === c.state.activeName);
     });
 
@@ -63,12 +63,12 @@ export const DRTabControl = defineComponent({
     };
 
     /**
-     * 打开Popover
+     * 打开/关闭 Popover
      * @param e
      */
-    const openPopover = (e: MouseEvent) => {
+    const onChangePopover = (e: MouseEvent) => {
       e.stopPropagation();
-      showPopover.value = true;
+      showPopover.value = !showPopover.value;
     };
 
     onUnmounted(() => {
@@ -98,7 +98,7 @@ export const DRTabControl = defineComponent({
                         >
                           {tab.sysImage && <iBizIcon icon={tab.sysImage} />}
                           <div class={'caption'}>
-                            <span>{tab.caption}</span>
+                            <span class={'text'}>{tab.caption}</span>
                             {tab.counterId && (
                               <iBizBadge
                                 value={counterData[tab.counterId]}
@@ -119,15 +119,21 @@ export const DRTabControl = defineComponent({
             },
             reference: () => {
               return (
-                <van-button onClick={openPopover}>
-                  {referenceTab.value?.sysImage && (
+                <van-button onClick={onChangePopover}>
+                  {activeTab.value?.sysImage && (
                     <iBizIcon
                       class={ns.em('dropdown-list', 'icon')}
-                      icon={referenceTab.value.sysImage}
+                      icon={activeTab.value.sysImage}
                     />
                   )}
                   <span class={ns.em('dropdown-list', 'caption')}>
-                    {referenceTab.value?.caption}
+                    {activeTab.value?.caption}
+                    {activeTab.value?.counterId && (
+                      <iBizBadge
+                        value={counterData[activeTab.value.counterId]}
+                        counterMode={activeTab.value.counterMode}
+                      />
+                    )}
                   </span>
                   <ion-icon name='chevron-down-outline'></ion-icon>
                 </van-button>