职工信息 树形控件样式

mes-ui/mes-ui-admin-vue3/src/views/heli/employee/DeptTree.vue

@@ -61,3 +61,32 @@ onMounted(async () => {
   await getTree()
 })
 </script>
+
+<style scoped>
+/* 修改树形控件内部节点的高度 */
+.el-tree /deep/ .el-tree-node__content {
+  height: 50px;
+  line-height: 50px; /* 设置内容垂直居中 */
+  transition: background-color 0.3s; /* 鼠标悬停时的过渡效果 */
+}
+
+/* 鼠标悬停时的样式 */
+.el-tree /deep/ .el-tree-node__content:hover {
+  background-color:  rgba(51, 153, 255, 0.3); /* 浅蓝色 */
+}
+
+/* 点击时的样式 */
+.el-tree /deep/ .el-tree-node__content.is-selected {
+  background-color: #212121; /* 深黑色 */
+  color: #ffffff; /* 文字颜色 */
+}
+
+.el-tree--highlight-current /deep/.el-tree-node.is-current>.el-tree-node__content {
+    background-color:  rgba(51, 153, 255, 1);
+    color: #ffffff; /* 文字颜色 */
+
+}
+.el-table--border .el-table__cell {
+border-right:none ;
+}
+</style>