From 84db55b69039267acc0f211ea5a5d9afc9ee28cc Mon Sep 17 00:00:00 2001
From: leiqiaochu <leiqiaochu@aossci.com>
Date: Mon, 20 Mar 2023 10:54:42 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E5=88=A0=E9=99=A4=E6=8C=89=E9=92=AE?=
 =?UTF-8?q?=E9=A2=9C=E8=89=B2=E5=91=8A=E8=AD=A6=E5=8D=A1=E7=89=87?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Alarm/Configuration/Save/Scene/index.vue  | 113 ++++++++++--------
 1 file changed, 60 insertions(+), 53 deletions(-)

diff --git a/src/views/rule-engine/Alarm/Configuration/Save/Scene/index.vue b/src/views/rule-engine/Alarm/Configuration/Save/Scene/index.vue
index feff4533..240f2032 100644
--- a/src/views/rule-engine/Alarm/Configuration/Save/Scene/index.vue
+++ b/src/views/rule-engine/Alarm/Configuration/Save/Scene/index.vue
@@ -18,59 +18,66 @@
             </j-space>
         </template>
         <template #card="slotProps">
-            <SceneCard
-                :value="slotProps"
-                @click="handleClick"
-                :actions="getActions(slotProps, 'card')"
-                :status="slotProps.state?.value"
-                :statusText="slotProps.state?.text"
-                :statusNames="{
-                    started: 'success',
-                    disable: 'error',
-                }"
-            >
-                <template #type>
-                    <span
-                        ><img
-                            :height="16"
-                            :src="typeMap.get(slotProps.triggerType)?.icon"
-                            style="margin-right: 5px"
-                        />{{ typeMap.get(slotProps.triggerType)?.text }}</span
-                    >
-                </template>
-                <template #img>
-                    <img :src="typeMap.get(slotProps.triggerType)?.img" />
-                </template>
-                <template #title>
-                    <Ellipsis style="width: calc(100% - 100px)">
-                        <span style="font-size: 16px; font-weight: 600">
-                            {{ slotProps.name }}
-                        </span>
-                    </Ellipsis>
-                </template>
-                <template #subTitle>
-                    <Ellipsis :lineClamp="2">
-                        说明：{{
-                            slotProps?.description ||
-                            typeMap.get(slotProps.triggerType)?.tip
-                        }}
-                    </Ellipsis>
-                </template>
-                <template #actions="item">
-                    <PermissionButton
-                        :disabled="item.disabled"
-                        :popConfirm="item.popConfirm"
-                        :tooltip="{
-                            ...item.tooltip,
-                        }"
-                        @click="item.onClick"
-                        :hasPermission="'rule-engine/Alarm/Configuration:'+item.key"
-                    >
-                        <AIcon :type="item.icon" />
-                        <span>{{ item?.text }}</span>
-                    </PermissionButton>
-                </template>
-            </SceneCard>
+            <CardBox
+                    :value="slotProps"
+                    :actions="getActions(slotProps, 'card')"
+                    :status="slotProps.state?.value"
+                    :statusText="slotProps.state?.text"
+                    :statusNames="{
+                        started: 'processing',
+                        disable: 'error',
+                    }"
+                >
+                    <template #type>
+                        <span
+                            ><img
+                                :height="16"
+                                :src="typeMap.get(slotProps.triggerType)?.icon"
+                                style="margin-right: 5px"
+                            />{{
+                                typeMap.get(slotProps.triggerType)?.text
+                            }}</span
+                        >
+                    </template>
+                    <template #img>
+                        <img :src="typeMap.get(slotProps.triggerType)?.img" />
+                    </template>
+                    <template #content>
+                        <Ellipsis style="width: calc(100% - 100px)">
+                            <span style="font-size: 16px; font-weight: 600">
+                                {{ slotProps.name }}
+                            </span>
+                        </Ellipsis>
+                        <Ellipsis :lineClamp="2">
+                            <div class="subTitle">
+                                说明：{{
+                                    slotProps?.description ||
+                                    typeMap.get(slotProps.triggerType)?.tip
+                                }}
+                            </div>
+                        </Ellipsis>
+                    </template>
+                    <template #actions="item">
+                        <PermissionButton
+                            :disabled="item.disabled"
+                            :popConfirm="item.popConfirm"
+                            :tooltip="{
+                                ...item.tooltip,
+                            }"
+                            @click="item.onClick"
+                            :hasPermission="'rule-engine/Scene:' + item.key"
+                        >
+                            <AIcon
+                                type="DeleteOutlined"
+                                v-if="item.key === 'delete'"
+                            />
+                            <template v-else>
+                                <AIcon :type="item.icon" />
+                                <span>{{ item?.text }}</span>
+                            </template>
+                        </PermissionButton>
+                    </template>
+                </CardBox>
         </template>
     </JProTable>
     <Save