From 2c5233a3b3eb3318f2fedb468348e8a9dbd375e7 Mon Sep 17 00:00:00 2001
From: ulleo <ulleo.wang@gmail.com>
Date: Wed, 15 May 2024 14:28:26 +0800
Subject: [PATCH] =?UTF-8?q?feat(X-Pack):=E3=80=90=E6=95=B0=E6=8D=AE?=
 =?UTF-8?q?=E5=A1=AB=E6=8A=A5=E3=80=91=E8=A1=A8=E5=8D=95=E7=AE=A1=E7=90=86?=
 =?UTF-8?q?=E5=88=97=E8=A1=A8=E6=A0=B7=E5=BC=8F=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/views/dataFilling/form/index.vue      | 58 ++++++++++++++++++-
 1 file changed, 57 insertions(+), 1 deletion(-)

diff --git a/core/frontend/src/views/dataFilling/form/index.vue b/core/frontend/src/views/dataFilling/form/index.vue
index 170714c021..fff78f0653 100644
--- a/core/frontend/src/views/dataFilling/form/index.vue
+++ b/core/frontend/src/views/dataFilling/form/index.vue
@@ -285,7 +285,10 @@ export default {
             {{ $t('data_fill.form_manage') }}
           </span>
 
-          <div style="padding-left: 20px;padding-right: 20px;">
+          <div
+            style="padding-left: 20px;padding-right: 20px;"
+            class="de-tree"
+          >
 
             <div style="display: flex;flex-direction: row;justify-content: space-between;align-items: center;">
               {{ $t('data_fill.form.form_list_name') }}
@@ -640,4 +643,57 @@ export default {
     color: var(--primary, #3370ff);
   }
 }
+.de-tree {
+  .el-tree-node.is-current.is-focusable {
+    &>.el-tree-node__content {
+      background-color: var(--deWhiteHover, #e0eaff);
+      color: var(--primary, #3370ff);
+    }
+  }
+
+  .el-tree-node__content, .de-el-tree-node__content {
+
+    .el-icon-more,
+    .el-icon-plus {
+      width: 24px;
+      height: 24px;
+      line-height: 24px;
+      text-align: center;
+      font-size: 12px;
+      color: #646a73;
+      cursor: pointer;
+    }
+
+    .el-icon-more:hover,
+    .el-icon-plus:hover {
+      background: rgba(31, 35, 41, 0.1);
+      border-radius: 4px;
+    }
+
+    .el-icon-more:active,
+    .el-icon-plus:active {
+      background: rgba(31, 35, 41, 0.2);
+      border-radius: 4px;
+    }
+  }
+  .el-tree-node__content {
+    height: 40px;
+    border-radius: 4px;
+
+    &:hover {
+      background: rgba(31, 35, 41, 0.1);
+    }
+  }
+
+  .de-el-tree-node__content {
+    .el-button--text {
+      padding: 0 !important;
+    }
+    .el-icon-more {
+      width: 32px;
+      height: 32px;
+      line-height: 32px;
+    }
+  }
+}
 </style>