修改删除冒泡效果

src/components/Confirmation.vue

 <!--
  * @Author: your name
  * @Date: 2021-11-15 14:15:58
- * @LastEditTime: 2021-11-15 14:34:26
- * @LastEditors: Please set LastEditors
+ * @LastEditTime: 2021-11-19 18:35:19
+ * @LastEditors: 赵鹏龙
  * @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
  * @FilePath: \founder_vue\src\components\confrim.vue
 -->
@@ -14,6 +14,7 @@
       :content="content"
       placement="top"
       :open-delay="500"
+      :disabled="disaledToolTipe"
     >
       <slot></slot>
       <el-popconfirm
@@ -43,9 +44,14 @@ export default {
     //是否出现二次选择框
     hintBoo: {
       type: Boolean,
-      default: false,
+      default: false
     },
-  },
+    // 禁用 tooTipe 悬浮标识
+    disaledToolTipe: {
+      type: Boolean,
+      default: false
+    }
+  }
 };
 </script>
 <style lang="scss">
@@ -92,4 +98,4 @@ export default {
   display: flex;
   justify-content: center;
 }
-</style>
\ No newline at end of file
+</style>

src/views/SystemManage/RoleManage.vue

@@ -79,6 +79,7 @@
             content="删除"
             v-if="delimgBoo"
             :hintBoo="true"
+            :disaledToolTipe="true"
           >
             <div slot="reference" class="delicon2">
               <img
@@ -698,6 +699,7 @@ export default {
     }
     .diy-roles {
       .delbtns {
+        padding-right: 1.75rem;
         .delicon {
           padding-right: 1.25rem;
         }