diff --git a/orion-ops-ui/src/views/asset/host-group/components/host-group-view-setting.vue b/orion-ops-ui/src/views/asset/host-group/components/host-group-view-setting.vue
index 7e5e3bac..30f08bd3 100644
--- a/orion-ops-ui/src/views/asset/host-group/components/host-group-view-setting.vue
+++ b/orion-ops-ui/src/views/asset/host-group/components/host-group-view-setting.vue
@@ -71,6 +71,26 @@
     console.log(key);
   };
 
+  const { loading: treeLoading, setLoading: setTreeLoading } = useLoading();
+  const { loading: dataLoading, setLoading: setDataLoading } = useLoading();
+
+  const tree = ref();
+
+  // 添加根节点
+  const addRootNode = () => {
+    tree.value.addRootNode();
+  };
+
+  // 刷新树
+  const refreshTree = () => {
+    tree.value.fetchTreeData();
+  };
+
+  // 选中分组
+  const selectGroup = (key: number) => {
+    console.log(key);
+  };
+
 </script>
 
 <style lang="less" scoped>