From 47546e62a00f9f6b29d6fc73c7ea602af4162de6 Mon Sep 17 00:00:00 2001
From: dengbf <dengbf@aliyun.com>
Date: Fri, 1 Aug 2025 10:58:51 +0800
Subject: [PATCH] =?UTF-8?q?-=20[=E5=85=B3=E8=81=94]=20#[1476864680361984]?=
 =?UTF-8?q?=E9=80=9A=E7=9F=A5=E7=AD=96=E7=95=A5=E8=AF=A6=E6=83=85=E6=A0=B7?=
 =?UTF-8?q?=E5=BC=8F=E8=B0=83=E6=95=B4=20http://192.168.0.96:8090/demo/rdm?=
 =?UTF-8?q?.html#/story-detail/939050947543040/939050947543042/14768646803?=
 =?UTF-8?q?61984?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../notifytactics/notifytactics-edit.vue      | 36 ++++++++++++++-----
 1 file changed, 27 insertions(+), 9 deletions(-)

diff --git a/src/views/pages/framework/notifytactics/notifytactics-edit.vue b/src/views/pages/framework/notifytactics/notifytactics-edit.vue
index d6be6bbc..3ccdd280 100644
--- a/src/views/pages/framework/notifytactics/notifytactics-edit.vue
+++ b/src/views/pages/framework/notifytactics/notifytactics-edit.vue
@@ -56,7 +56,7 @@
           >
             <template slot-scope="{ row }">
               <div class="trigger-list">
-                <div class="title">
+                <div class="title" :class="{'bg-selected': row.isDel || row.isDelActive || row.isShowDetail, 'title-hover-bg': row.notifyList.length > 0}">
                   <div v-if="row.isDel || row.isDelActive" class="title-bg bg-mongolia"></div>
                   <div :class="row.isDel || row.isDelActive ? 'text-mask' : ''">
                     <span class="trigger-name">
@@ -75,13 +75,13 @@
                     </Tooltip>
                   </div>
                   <div v-if="row.notifyList && row.notifyList.length > 0">
-                    <div class="number-box text-title">
+                    <div class="number-box text-title" :class="{'none': row.isDel || row.isDelActive || row.isShowDetail }">
                       <span class="pr-xs">{{ $t('page.actions') }}</span>
                       <Badge :count="row.notifyList.length" type="info"></Badge>
                     </div>
-                    <div class="action-btn bg-block" :class="{'block':row.isDel || row.isDelActive || row.isShowDetail, 'text-mask': row.isDel || row.isDelActive}">
+                    <div class="action-btn" :class="{'block':row.isDel || row.isDelActive || row.isShowDetail, 'text-mask': row.isDel || row.isDelActive}" @click.stop>
                       <span class="tsfont-plus text-action" @click="addCondition(row)">{{ $t('page.actions') }}</span>
-                      <span class="tsfont-broom text-action" @click.stop="emptyData('all', row)">{{ $t('page.clearconfig') }}</span>
+                      <span class="tsfont-broom text-action" @click="emptyData('all', row)">{{ $t('page.clearconfig') }}</span>
                     </div>
                   </div>
                 </div>
@@ -106,13 +106,13 @@
                         </template>
                       </div>
                     </div>
-                    <div v-else class="tsfont-plus add-active text-action" @click="addCondition(row)">{{ $t('page.actions') }}</div>
+                    <div v-else class="tsfont-plus add-active text-action" @click.stop="addCondition(row)">{{ $t('page.actions') }}</div>
                   </div>
-                  <div v-if="row.notifyList.length > 0" class="trigger-detail bg-block bottom-shadow" :class="row.isDel || row.isDelActive || row.isShowDetail? 'block' : ''">
+                  <div v-if="row.notifyList.length > 0" class="trigger-detail bg-block bottom-shadow-primary bg-selected" :class="row.isDel || row.isDelActive || row.isShowDetail? 'block' : ''">
                     <div @click.stop>
                       <DelItme
                         v-if="row.isDel || row.isDelActive"
-                        :delName="delTitle + '?'"
+                        :delName="delTitle"
                         @on-del="delSetting(delType, row)"
                         @on-close="closeSetting(delType, row)"
                       ></DelItme>
@@ -447,7 +447,6 @@ export default {
       }
     },
     onClickOutside() {
-      console.log('点击了');
       this.triggerList.forEach(e => {
         this.$set(e, 'isShowDetail', false);
       });
@@ -483,6 +482,7 @@ export default {
 };
 </script>
 <style lang="less" scoped>
+@import '~@/resources/assets/css/variable.less';
 .action-top {
   position: absolute;
   right: 8px;
@@ -576,7 +576,7 @@ export default {
       position: absolute;
       top: 0;
       z-index: 2;
-      padding: 12px 12px 0;
+      padding: 10px 10px 0;
       .list {
         position: relative;
         border: 1px solid;
@@ -616,6 +616,9 @@ export default {
 .block {
   display: block !important;
 }
+.none {
+  display: none !important;
+}
 .panel-box {
   position: relative;
   .panel-btn {
@@ -624,4 +627,19 @@ export default {
     right: 8px;
   }
 }
+.theme(@primary-grey) {
+  .trigger-list {
+    &:hover {
+      .title.title-hover-bg {
+        background-color: var(--primary-grey, @primary-grey);
+      }
+    } 
+  }
+}
+html {
+  .theme(@default-primary-grey);
+  &.theme-dark {
+    .theme(@dark-primary-grey,);
+  }
+}
 </style>
-- 
Gitee