From 35dd70ef08ba7bebae4b06782acab9d852da8dda Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=A5=94=E8=B7=91=E7=9A=84=E9=9D=A2=E6=9D=A1?=
 <1262327911@qq.com>
Date: Sat, 11 Mar 2023 20:40:02 +0800
Subject: [PATCH] =?UTF-8?q?perf:=20=E4=BC=98=E5=8C=96=E9=A1=B5=E9=9D=A2?=
 =?UTF-8?q?=E4=BA=A4=E4=BA=92?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Pages/ThemeColorSelect/index.vue  |  3 ++-
 .../components/ChartEventInteraction/index.vue   | 16 +++++++++++-----
 2 files changed, 13 insertions(+), 6 deletions(-)

diff --git a/src/components/Pages/ThemeColorSelect/index.vue b/src/components/Pages/ThemeColorSelect/index.vue
index 38c9d819..c81de444 100644
--- a/src/components/Pages/ThemeColorSelect/index.vue
+++ b/src/components/Pages/ThemeColorSelect/index.vue
@@ -36,7 +36,7 @@
       </div>
       <div class="model-footer">
         中国色列表来自于：
-        <n-a href="http://zhongguose.com">http://zhongguose.com</n-a>
+        <n-a href="http://zhongguose.com" target="_blank">http://zhongguose.com</n-a>
       </div>
     </div>
   </n-modal>
@@ -157,6 +157,7 @@ $height: 85vh;
     }
   }
   .model-footer {
+    z-index: 1;
     text-align: end;
   }
 }
diff --git a/src/views/chart/ContentConfigurations/components/ChartEvent/components/ChartEventInteraction/index.vue b/src/views/chart/ContentConfigurations/components/ChartEvent/components/ChartEventInteraction/index.vue
index 73f2a4e6..34d55146 100644
--- a/src/views/chart/ContentConfigurations/components/ChartEvent/components/ChartEventInteraction/index.vue
+++ b/src/views/chart/ContentConfigurations/components/ChartEvent/components/ChartEventInteraction/index.vue
@@ -25,7 +25,7 @@
     >
       <n-space justify="space-between">
         <n-text>关联组件 - {{ cardIndex + 1 }}</n-text>
-        <n-button type="error" secondary size="small" @click="evDeleteEventsFn(cardIndex)">
+        <n-button type="error" text  size="small" @click="evDeleteEventsFn(cardIndex)">
           <template #icon>
             <n-icon>
               <close-icon />
@@ -36,7 +36,7 @@
 
       <n-divider style="margin: 10px 0" />
 
-      <n-tag :bordered="false" type="success"> 选择目标组件 </n-tag>
+      <n-tag :bordered="false" type="primary"> 选择目标组件 </n-tag>
 
       <setting-item-box name="触发事件" :alone="true">
         <n-input-group v-if="interactActions">
@@ -78,7 +78,7 @@
         </tbody>
       </n-table>
 
-      <n-tag class="go-mt-3" :bordered="false" type="info"> 关联目标组件请求参数 </n-tag>
+      <n-tag class="go-mt-3" :bordered="false" type="primary"> 关联目标组件请求参数 </n-tag>
 
       <setting-item-box
         :name="requestParamsItem"
@@ -117,8 +117,9 @@ import { CreateComponentType, CreateComponentGroupType } from '@/packages/index.
 import { RequestParamsTypeEnum } from '@/enums/httpEnum'
 import { InteractEventOn } from '@/enums/eventEnum'
 import { icon } from '@/plugins'
-import { useTargetData } from '../../../hooks/useTargetData.hook'
 import noData from '@/assets/images/canvas/noData.png'
+import { goDialog } from '@/utils'
+import { useTargetData } from '../../../hooks/useTargetData.hook'
 
 const { CloseIcon, AddIcon } = icon.ionicons5
 
@@ -176,7 +177,12 @@ const evAddEventsFn = () => {
 }
 
 const evDeleteEventsFn = (index: number) => {
-  targetData.value.events.interactEvents.splice(index, 1)
+  goDialog({
+    message: '是否删除此关联交互模块?',
+    onPositiveCallback: () => {
+      targetData.value.events.interactEvents.splice(index, 1)
+    }
+  })
 }
 
 // 颜色