diff --git a/core/core-frontend/src/views/chart/components/editor/filter/auth-tree-chart/FilterFiled.vue b/core/core-frontend/src/views/chart/components/editor/filter/auth-tree-chart/FilterFiled.vue
index 3ce9582533..3a84dfecd7 100644
--- a/core/core-frontend/src/views/chart/components/editor/filter/auth-tree-chart/FilterFiled.vue
+++ b/core/core-frontend/src/views/chart/components/editor/filter/auth-tree-chart/FilterFiled.vue
@@ -533,9 +533,9 @@ const emits = defineEmits(['update:item', 'del'])
                   <span>+</span>
                 </li>
               </ul>
-              <button class="select-all" @click="selectAll">
+              <el-button style="width: 100%" type="primary" @click="selectAll">
                 {{ t('auth.select_all') }}
-              </button>
+              </el-button>
             </div>
             <div class="mod-left right-de">
               <div class="right-top clearfix">
@@ -577,23 +577,19 @@ const emits = defineEmits(['update:item', 'del'])
                   >
                     <label>{{ i }}</label>
                   </el-tooltip>
-                  <el-icon @click="delChecks(idx)" style="opacity: 1">
-                    <Icon name="icon_delete-trash_outlined"
-                      ><icon_deleteTrash_outlined class="svg-icon"
-                    /></Icon>
+                  <el-icon @click="delChecks(idx)" style="color: #646a73">
+                    <Icon><icon_deleteTrash_outlined class="svg-icon" /></Icon>
                   </el-icon>
                 </li>
               </ul>
               <div class="right-menu-foot">
                 <div class="footer-left">&nbsp;</div>
-                <div class="confirm-btn" @click="confirm">
+                <el-button type="primary" @click="confirm">
                   {{ t('auth.sure') }}
-                </div>
+                </el-button>
                 <div class="footer-right">
-                  <el-icon @click="clearAll">
-                    <Icon name="icon_delete-trash_outlined"
-                      ><icon_deleteTrash_outlined class="svg-icon"
-                    /></Icon>
+                  <el-icon style="color: #646a73" @click="clearAll">
+                    <Icon><icon_deleteTrash_outlined class="svg-icon" /></Icon>
                   </el-icon>
                 </div>
               </div>
@@ -1039,44 +1035,6 @@ const emits = defineEmits(['update:item', 'del'])
       }
     }
 
-    .select-all {
-      box-sizing: border-box;
-      margin: 0;
-      overflow: visible;
-      position: relative;
-      font-weight: 400;
-      white-space: nowrap;
-      border: 1px solid transparent;
-      transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-      user-select: none;
-      touch-action: manipulation;
-      padding: 0 15px;
-      font-size: 12px;
-      outline: 0;
-      color: #fff;
-      border-color: #2e74ff;
-      text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12);
-      box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);
-      align-items: center;
-      justify-content: center;
-      line-height: 1;
-      -webkit-appearance: button;
-      cursor: pointer;
-      border-radius: 0;
-      background: #2153d4;
-      padding-left: 5px;
-      text-align: center;
-      display: inline-block;
-      width: 100%;
-      height: 25px;
-
-      &:hover {
-        border: 1px solid transparent;
-        background: #4794ff;
-        color: #fff;
-      }
-    }
-
     .right-top {
       color: rgba(0, 0, 0, 0.65);
       text-align: left;
@@ -1114,7 +1072,7 @@ const emits = defineEmits(['update:item', 'del'])
       height: 30px;
       text-align: right;
       line-height: 30px;
-      margin-top: 5px;
+      margin-top: 9px;
       border-top: 1px solid hsla(0, 0%, 59%, 0.1);
 
       .footer-left {
@@ -1127,35 +1085,6 @@ const emits = defineEmits(['update:item', 'del'])
         padding-left: 10px;
         cursor: pointer;
       }
-
-      .confirm-btn {
-        box-sizing: border-box;
-        position: relative;
-        font-weight: 400;
-        white-space: nowrap;
-        text-align: center;
-        background-image: none;
-        border: 1px solid transparent;
-        transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-        user-select: none;
-        touch-action: manipulation;
-        height: 28px;
-        padding: 0 15px;
-        font-size: 12px;
-        border-radius: 2px;
-        outline: 0;
-        color: #fff;
-        background-color: #2e74ff;
-        border-color: #2e74ff;
-        text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12);
-        box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);
-        display: inline-flex;
-        align-items: center;
-        justify-content: center;
-        line-height: 1;
-        -webkit-appearance: button;
-        cursor: pointer;
-      }
     }
   }
 }
diff --git a/core/core-frontend/src/views/chart/components/editor/filter/auth-tree/FilterFiled.vue b/core/core-frontend/src/views/chart/components/editor/filter/auth-tree/FilterFiled.vue
index f2e64514d4..56fd1331fb 100644
--- a/core/core-frontend/src/views/chart/components/editor/filter/auth-tree/FilterFiled.vue
+++ b/core/core-frontend/src/views/chart/components/editor/filter/auth-tree/FilterFiled.vue
@@ -408,9 +408,9 @@ const emits = defineEmits(['update:item', 'del'])
                   <span>+</span>
                 </li>
               </ul>
-              <button class="select-all" @click="selectAll">
+              <el-button style="width: 100%" type="primary" @click="selectAll">
                 {{ t('auth.select_all') }}
-              </button>
+              </el-button>
             </div>
             <div class="mod-left right-de">
               <div class="right-top clearfix">
@@ -452,23 +452,19 @@ const emits = defineEmits(['update:item', 'del'])
                   >
                     <label>{{ i }}</label>
                   </el-tooltip>
-                  <el-icon @click="delChecks(idx)" style="opacity: 1">
-                    <Icon name="icon_delete-trash_outlined"
-                      ><icon_deleteTrash_outlined class="svg-icon"
-                    /></Icon>
+                  <el-icon @click="delChecks(idx)" style="color: #646a73">
+                    <Icon><icon_deleteTrash_outlined class="svg-icon" /></Icon>
                   </el-icon>
                 </li>
               </ul>
               <div class="right-menu-foot">
                 <div class="footer-left">&nbsp;</div>
-                <div class="confirm-btn" @click="confirm">
+                <el-button type="primary" @click="confirm">
                   {{ t('auth.sure') }}
-                </div>
+                </el-button>
                 <div class="footer-right">
-                  <el-icon @click="clearAll">
-                    <Icon name="icon_delete-trash_outlined"
-                      ><icon_deleteTrash_outlined class="svg-icon"
-                    /></Icon>
+                  <el-icon style="color: #646a73" @click="clearAll">
+                    <Icon><icon_deleteTrash_outlined class="svg-icon" /></Icon>
                   </el-icon>
                 </div>
               </div>
@@ -899,44 +895,6 @@ const emits = defineEmits(['update:item', 'del'])
       }
     }
 
-    .select-all {
-      box-sizing: border-box;
-      margin: 0;
-      overflow: visible;
-      position: relative;
-      font-weight: 400;
-      white-space: nowrap;
-      border: 1px solid transparent;
-      transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-      user-select: none;
-      touch-action: manipulation;
-      padding: 0 15px;
-      font-size: 12px;
-      outline: 0;
-      color: #fff;
-      border-color: #2e74ff;
-      text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12);
-      box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);
-      align-items: center;
-      justify-content: center;
-      line-height: 1;
-      -webkit-appearance: button;
-      cursor: pointer;
-      border-radius: 0;
-      background: #2153d4;
-      padding-left: 5px;
-      text-align: center;
-      display: inline-block;
-      width: 100%;
-      height: 25px;
-
-      &:hover {
-        border: 1px solid transparent;
-        background: #4794ff;
-        color: #fff;
-      }
-    }
-
     .right-top {
       color: rgba(0, 0, 0, 0.65);
       text-align: left;
@@ -974,7 +932,7 @@ const emits = defineEmits(['update:item', 'del'])
       height: 30px;
       text-align: right;
       line-height: 30px;
-      margin-top: 5px;
+      margin-top: 9px;
       border-top: 1px solid hsla(0, 0%, 59%, 0.1);
 
       .footer-left {
@@ -987,35 +945,6 @@ const emits = defineEmits(['update:item', 'del'])
         padding-left: 10px;
         cursor: pointer;
       }
-
-      .confirm-btn {
-        box-sizing: border-box;
-        position: relative;
-        font-weight: 400;
-        white-space: nowrap;
-        text-align: center;
-        background-image: none;
-        border: 1px solid transparent;
-        transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-        user-select: none;
-        touch-action: manipulation;
-        height: 28px;
-        padding: 0 15px;
-        font-size: 12px;
-        border-radius: 2px;
-        outline: 0;
-        color: #fff;
-        background-color: #2e74ff;
-        border-color: #2e74ff;
-        text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12);
-        box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);
-        display: inline-flex;
-        align-items: center;
-        justify-content: center;
-        line-height: 1;
-        -webkit-appearance: button;
-        cursor: pointer;
-      }
     }
   }
 }
diff --git a/core/core-frontend/src/views/visualized/data/dataset/auth-tree/FilterFiled.vue b/core/core-frontend/src/views/visualized/data/dataset/auth-tree/FilterFiled.vue
index a9bf861fd6..ae5d85e88d 100644
--- a/core/core-frontend/src/views/visualized/data/dataset/auth-tree/FilterFiled.vue
+++ b/core/core-frontend/src/views/visualized/data/dataset/auth-tree/FilterFiled.vue
@@ -403,9 +403,9 @@ const emits = defineEmits(['update:item', 'del'])
                   <span>+</span>
                 </li>
               </ul>
-              <button class="select-all" @click="selectAll">
+              <el-button style="width: 100%" type="primary" @click="selectAll">
                 {{ t('auth.select_all') }}
-              </button>
+              </el-button>
             </div>
             <div class="mod-left right-de">
               <div class="right-top clearfix">
@@ -447,23 +447,19 @@ const emits = defineEmits(['update:item', 'del'])
                   >
                     <label>{{ i }}</label>
                   </el-tooltip>
-                  <el-icon @click="delChecks(idx)" style="opacity: 1">
-                    <Icon name="icon_delete-trash_outlined"
-                      ><icon_deleteTrash_outlined class="svg-icon"
-                    /></Icon>
+                  <el-icon @click="delChecks(idx)" style="color: #646a73">
+                    <Icon><icon_deleteTrash_outlined class="svg-icon" /></Icon>
                   </el-icon>
                 </li>
               </ul>
               <div class="right-menu-foot">
                 <div class="footer-left">&nbsp;</div>
-                <div class="confirm-btn" @click="confirm">
+                <el-button type="primary" @click="confirm">
                   {{ t('auth.sure') }}
-                </div>
+                </el-button>
                 <div class="footer-right">
-                  <el-icon @click="clearAll">
-                    <Icon name="icon_delete-trash_outlined"
-                      ><icon_deleteTrash_outlined class="svg-icon"
-                    /></Icon>
+                  <el-icon style="color: #646a73" @click="clearAll">
+                    <Icon><icon_deleteTrash_outlined class="svg-icon" /></Icon>
                   </el-icon>
                 </div>
               </div>
@@ -893,44 +889,6 @@ const emits = defineEmits(['update:item', 'del'])
       }
     }
 
-    .select-all {
-      box-sizing: border-box;
-      margin: 0;
-      overflow: visible;
-      position: relative;
-      font-weight: 400;
-      white-space: nowrap;
-      border: 1px solid transparent;
-      transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-      user-select: none;
-      touch-action: manipulation;
-      padding: 0 15px;
-      font-size: 12px;
-      outline: 0;
-      color: #fff;
-      border-color: #2e74ff;
-      text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12);
-      box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);
-      align-items: center;
-      justify-content: center;
-      line-height: 1;
-      -webkit-appearance: button;
-      cursor: pointer;
-      border-radius: 0;
-      background: #2153d4;
-      padding-left: 5px;
-      text-align: center;
-      display: inline-block;
-      width: 100%;
-      height: 25px;
-
-      &:hover {
-        border: 1px solid transparent;
-        background: #4794ff;
-        color: #fff;
-      }
-    }
-
     .right-top {
       color: rgba(0, 0, 0, 0.65);
       text-align: left;
@@ -968,7 +926,7 @@ const emits = defineEmits(['update:item', 'del'])
       height: 30px;
       text-align: right;
       line-height: 30px;
-      margin-top: 5px;
+      margin-top: 9px;
       border-top: 1px solid hsla(0, 0%, 59%, 0.1);
 
       .footer-left {
@@ -981,35 +939,6 @@ const emits = defineEmits(['update:item', 'del'])
         padding-left: 10px;
         cursor: pointer;
       }
-
-      .confirm-btn {
-        box-sizing: border-box;
-        position: relative;
-        font-weight: 400;
-        white-space: nowrap;
-        text-align: center;
-        background-image: none;
-        border: 1px solid transparent;
-        transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-        user-select: none;
-        touch-action: manipulation;
-        height: 28px;
-        padding: 0 15px;
-        font-size: 12px;
-        border-radius: 2px;
-        outline: 0;
-        color: #fff;
-        background-color: #2e74ff;
-        border-color: #2e74ff;
-        text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12);
-        box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);
-        display: inline-flex;
-        align-items: center;
-        justify-content: center;
-        line-height: 1;
-        -webkit-appearance: button;
-        cursor: pointer;
-      }
     }
   }
 }