微调

frontend/src/views/home/components/tree.vue

@@ -33,7 +33,9 @@
   </div>
 </template>
 <script lang='ts' setup>
+import { type Plan } from '@/api/plan/interface';
 import { Menu, Platform, CircleCheck,Loading } from '@element-plus/icons-vue'
+import { onMounted, ref, watch } from 'vue';
 import { useRouter } from 'vue-router'
 
 const router = useRouter()
@@ -46,11 +48,13 @@ const defaultProps = {
 const searchForm = ref({
   planName: '',
 })
-const defaultChecked = ref([])
+const defaultChecked = ref<number[]>([])  // 明确类型为 number[]
 const getTreeData = (val: any) => {
   defaultChecked.value = []
   data.value = val
-  defaultChecked.value.push(data.value[0].children[0].id)
+  if (data.value.length > 0 && data.value[0].children.length > 0) {
+    defaultChecked.value.push(data.value[0].children[0].id as number)
+  }
 }
 const filterText = ref('')
 const treeRef = ref()
@@ -66,11 +70,10 @@ watch(
     deep: true,
   },
 )
-const handleNodeClick = (data) => {
- // console.log(data)
-  updateSelectedTreeNode()
+const handleNodeClick = (data: Plan.ResPlan) => {
+  updateSelectedTreeNode(data.id)
 }
-const filterNode = (value: string, data) => {
+const filterNode = (value: string, data: any) => {
   if (!value) return true
   return data.name.includes(value)
 }