比对检测计划

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

@@ -33,14 +33,14 @@
                       :style="{color:node.label=='未检'?'#fac858':node.label=='检测中'?'#ee6666':'#91cc75'}" />
             <!-- 节点名称 -->
             <span>{{ node.label }}</span>
-           <!-- 子节点右侧图标 + tooltip -->
+            <!-- 子节点右侧图标 + tooltip -->
             <el-tooltip 
-              v-if="data.pid" 
+              v-if="data.name == '34535'" 
               placement="top" 
               :manual="true"
-              :content="'子计划信息'">
+              content="子计划信息">
               <Menu
-                @click.stop="detail()"
+                @click.stop="childDetail(node.data)"
                 style="width: 16px; height: 16px; margin-left: 8px; cursor: pointer; color: var(--el-color-primary)"
               />
             </el-tooltip>
@@ -49,6 +49,8 @@
       </el-tree>
     </div>
   </div>
+  <SourceOpen  ref='openSourceView' :width="width" :height="height"></SourceOpen>
+
 </template>
 <script lang='ts' setup>
 import { type Plan } from '@/api/plan/interface';
@@ -57,7 +59,10 @@ import { nextTick, onMounted, ref, watch } from 'vue';
 import { useRouter } from 'vue-router'
 import {useCheckStore} from "@/stores/modules/check";
 import { ElTooltip } from 'element-plus';
+import SourceOpen from '@/views/plan/planList/components/childrenPlan.vue'
 
+
+const openSourceView = ref()
 const router = useRouter()
 const checkStore = useCheckStore()
 const filterText = ref('')
@@ -96,7 +101,6 @@ const getTreeData = (val: any) => {
 
 //点击表格后左侧树刷新，高亮显示对应节点
 const  clickTableToTree = (val: any,id:any) => {
-
   defaultChecked.value = []
   data.value = val
   let node = ref('')
@@ -119,8 +123,10 @@ const  clickTableToTree = (val: any,id:any) => {
   }
 }
 
-const {updateSelectedTreeNode}  = defineProps<{
+const {updateSelectedTreeNode,width,height}  = defineProps<{
     updateSelectedTreeNode:Function;
+    width: number;
+    height: number;
   }>();
 watch(
   () => searchForm.value.planName,
@@ -155,11 +161,16 @@ const filterNode = (value: string, data: any) => {
    return data.name.includes(value)
 }
 
-
 // 点击详情
 const detail = () => {
   router.push('/plan/planList')
 }
+
+
+const childDetail = (data: Plan.ResPlan) => {
+  openSourceView.value.open("检测计划详情",data)
+}
+
 onMounted(() => {
  // console.log()
 })