From a33e3dd3f943862df3404cd1e32707774df40d04 Mon Sep 17 00:00:00 2001
From: xieyonghong <18010623010@163.com>
Date: Mon, 27 Mar 2023 19:36:26 +0800
Subject: [PATCH] fix: bug#10767

---
 src/views/rule-engine/Scene/index.vue | 31 ++++++++++++++++++++-------
 1 file changed, 23 insertions(+), 8 deletions(-)

diff --git a/src/views/rule-engine/Scene/index.vue b/src/views/rule-engine/Scene/index.vue
index 44ad893d..539cea60 100644
--- a/src/views/rule-engine/Scene/index.vue
+++ b/src/views/rule-engine/Scene/index.vue
@@ -53,13 +53,17 @@
                             </span>
                         </Ellipsis>
                       <div class="subTitle">
+                        <span class='subTitle-title'>
                         说明：
-                        <Ellipsis :lineClamp="2">
-                                {{
-                                    slotProps?.description ||
-                                    typeMap.get(slotProps.triggerType)?.tip
-                                }}
-                        </Ellipsis>
+                        </span>
+                        <span class='subTitle-content'>
+                          <Ellipsis :lineClamp="2">
+                                  {{
+                                      slotProps?.description ||
+                                      typeMap.get(slotProps.triggerType)?.tip
+                                  }}
+                          </Ellipsis>
+                        </span>
                       </div>
                     </template>
                     <template #actions="item">
@@ -378,10 +382,21 @@ const handleView = (id: string, triggerType: string) => {
 };
 </script>
 
-<style scoped>
+<style scoped lang='less'>
 .subTitle {
+  position: relative;
+  margin-top: 10px;
+
+  .subTitle-title {
+    position: absolute;
+    top: 0;
+    left: 0;
+  }
+
+  .subTitle-content {
     color: rgba(0, 0, 0, 0.65);
     font-size: 14px;
-    margin-top: 10px;
+    text-indent: 38px;
+  }
 }
 </style>
\ No newline at end of file