feat(frontend):分组场景菜单控制优化，默认隐藏，鼠标移上后显示

frontend/src/views/chart/group/Group.vue

@@ -41,7 +41,7 @@
             :expand-on-click-node="true"
             @node-click="nodeClick"
           >
-            <span slot-scope="{ node, data }" class="custom-tree-node">
+            <span slot-scope="{ node, data }" class="custom-tree-node father">
               <span style="display: flex;flex: 1;width: 0;">
                 <span v-if="data.type === 'scene'">
                   <!--                  <el-button-->
@@ -53,7 +53,7 @@
                 </span>
                 <span style="margin-left: 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;" :title="data.name">{{ data.name }}</span>
               </span>
-              <span v-if="hasDataPermission('manage',data.privileges)">
+              <span v-if="hasDataPermission('manage',data.privileges)" class="child">
                 <span v-if="data.type ==='group'" @click.stop>
                   <el-dropdown trigger="click" size="small" @command="clickAdd">
                     <span class="el-dropdown-link">
@@ -150,12 +150,12 @@
         highlight-current
         @node-click="sceneClick"
       >
-        <span slot-scope="{ node, data }" class="custom-tree-node-list">
+        <span slot-scope="{ node, data }" class="custom-tree-node-list father">
           <span style="display: flex;flex: 1;width: 0;">
             <span><svg-icon :icon-class="data.type" /></span>
             <span style="margin-left: 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;" :title="data.name">{{ data.name }}</span>
           </span>
-          <span v-if="hasDataPermission('manage',data.privileges)">
+          <span v-if="hasDataPermission('manage',data.privileges)" class="child">
             <span style="margin-left: 12px;" @click.stop>
               <el-dropdown trigger="click" size="small" @command="clickMore">
                 <span class="el-dropdown-link">
@@ -692,4 +692,10 @@ export default {
     white-space: nowrap;
     text-overflow: ellipsis;
   }
+  .father .child {
+    display: none;
+  }
+  .father:hover .child {
+    display: inline;
+  }
 </style>

frontend/src/views/dataset/group/Group.vue

@@ -41,7 +41,7 @@
             :expand-on-click-node="true"
             @node-click="nodeClick"
           >
-            <span slot-scope="{ node, data }" class="custom-tree-node">
+            <span slot-scope="{ node, data }" class="custom-tree-node father">
               <span style="display: flex;flex: 1;width: 0;">
                 <span v-if="data.type === 'scene'">
                   <!--                  <el-button-->
@@ -53,7 +53,7 @@
                 </span>
                 <span style="margin-left: 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;" :title="data.name">{{ data.name }}</span>
               </span>
-              <span v-if="hasDataPermission('manage',data.privileges)">
+              <span v-if="hasDataPermission('manage',data.privileges)" class="child">
                 <span v-if="data.type ==='group'" @click.stop>
                   <el-dropdown trigger="click" size="small" @command="clickAdd">
                     <span class="el-dropdown-link">
@@ -179,7 +179,7 @@
         highlight-current
         @node-click="sceneClick"
       >
-        <span slot-scope="{ node, data }" class="custom-tree-node-list">
+        <span slot-scope="{ node, data }" class="custom-tree-node-list father">
           <span style="display: flex;flex: 1;width: 0;">
             <span>
               <svg-icon v-if="data.type === 'db'" icon-class="ds-db" class="ds-icon-db" />
@@ -193,7 +193,7 @@
             </span>
             <span style="margin-left: 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;" :title="data.name">{{ data.name }}</span>
           </span>
-          <span v-if="hasDataPermission('manage',data.privileges)">
+          <span v-if="hasDataPermission('manage',data.privileges)" class="child">
             <span style="margin-left: 12px;" @click.stop>
               <el-dropdown trigger="click" size="small" @command="clickMore">
                 <span class="el-dropdown-link">
@@ -634,4 +634,10 @@ export default {
     white-space: nowrap;
     text-overflow: ellipsis;
   }
+  .father .child {
+    display: none;
+  }
+  .father:hover .child {
+    display: inline;
+  }
 </style>