123

cdTMP/src/layout/project-layout.vue

@@ -1,7 +1,7 @@
 <template>
     <a-layout class="layout">
         <div class="navbar layout-navbar">
-            <NavBar :title="$route.query.name" />
+            <NavBar :title="projectInfo.name" />
         </div>
         <a-layout class="layout">
             <a-layout class="layout layout-demo">
@@ -11,6 +11,10 @@
                             <a-input style="height: 32px"></a-input>
                             <a-button>搜索</a-button>
                         </a-input-group>
+                        <a-input-group class="mb-2 w-full flex items-center justify-between" size="mini">
+                            <a-button class="w-1/2" type="primary">增加轮次</a-button>
+                            <a-button class="w-1/2" type="primary" status="danger">删除轮次</a-button>
+                        </a-input-group>
                         <a-tree
                             :data="treeData"
                             size="small"
@@ -23,11 +27,11 @@
                         ></a-tree>
                     </div>
                 </a-layout-sider>
-            </a-layout>
-            <a-layout class="layout-content">
-                <a-layout-content class="work-area">
-                    <PageLayout />
-                </a-layout-content>
+                <a-layout class="layout-content">
+                    <a-layout-content class="work-area project-layout">
+                        <PageLayout />
+                    </a-layout-content>
+                </a-layout>
             </a-layout>
         </a-layout>
     </a-layout>
@@ -39,6 +43,7 @@ import NavBar from "@/layout/components/navbar.vue"
 import PageLayout from "@/layout/page-layout.vue"
 import projectApi from "@/api/project/project"
 import { useRoute } from "vue-router"
+import { useRouter } from "vue-router"
 // 缩小后的menu菜单
 const drawerVisible = ref(false)
 provide("toggleDrawerMenu", () => {
@@ -47,26 +52,62 @@ provide("toggleDrawerMenu", () => {
 // 树状
 /// 初始化round轮次数据
 const route = useRoute()
+const router = useRouter()
 const treeRef = ref()
 const treeData = ref([])
-const projectId = ref(route.query.id)
+const projectInfo = ref({ ...route.query })
+const projectId = ref(route.query.projectId)
 onMounted(async () => {
     const roundData = await projectApi.getRoundInfo(projectId)
     treeData.value = roundData
 })
-/// 点击树状节点-参数传入为key的值
+/// 点击树状节点-参数1:节点数组，参数2:树node对象
 const pointNode = (value, data) => {
-    console.log("点击的节点为:", value)
     console.log(data.node)
+    if (data.node.level === "0") {
+        router.push({ name: "round", query: { ...projectInfo.value, key: data.node.key } })
+    }
+    if (data.node.level === "1") {
+        router.push({ name: "designDemand", query: { ...projectInfo.value, key: data.node.key } })
+    }
+    if (data.node.level === "2") {
+        router.push({ name: "testDemand", query: { ...projectInfo.value, key: data.node.key } })
+    }
+    if (data.node.level === "3") {
+        router.push({ name: "case", query: { ...projectInfo.value, key: data.node.key } })
+    }
 }
-/// 动态加载函数-参数当前节点点击下箭头
+/// 动态加载函数-参数1:树node对象
 const loadMore = (nodeData) => {
     console.log("动态加载的节点为：", nodeData) // 输出点击节点的key,以及添加上去的level属性
-    return new Promise(async (resolve) => {
-        const res = await projectApi.getDemandInfo(route.query.id, nodeData.key, nodeData.level)
-        nodeData.children = res
-        resolve()
-    })
+    if (nodeData.level == "0") {
+        return new Promise(async (resolve) => {
+            const res = await projectApi.getDemandInfo(projectInfo.value.id, nodeData.key, nodeData.level)
+            nodeData.children = res
+            resolve()
+        })
+    }
+    if (nodeData.level == '1') {
+        return new Promise(async (resolve) => {
+            const res = await projectApi.getTestInfo(projectInfo.value.id, nodeData.key, nodeData.level)
+            nodeData.children = res
+            resolve()
+        })
+    }
+    if (nodeData.level == '2') {
+        return new Promise(async (resolve) => {
+            const res = await projectApi.getCaseInfo(projectInfo.value.id, nodeData.key, nodeData.level)
+            nodeData.children = res
+            resolve()
+        })
+    }
+    if (nodeData.level == '3') {
+        return new Promise(async (resolve) => {
+            const res = await projectApi.getProblemInfo(projectInfo.value.id, nodeData.key, nodeData.level)
+            nodeData.children = res
+            resolve()
+        })
+    }
 }
 </script>
 
@@ -74,6 +115,9 @@ const loadMore = (nodeData) => {
 .tree {
     height: 100%;
 }
+.layout {
+    display: flex;
+}
 .layout-demo :deep(.arco-layout-sider) {
     width: 300px !important;
 }
@@ -113,11 +157,18 @@ const loadMore = (nodeData) => {
         overflow-y: hidden;
     }
 }
-
+.layout-demo {
+    position: relative;
+}
 .layout-content {
+    position: absolute;
+    top: 60px;
+    left: 300px;
     min-height: 100vh;
+    width: 100% - 300px;
     overflow-y: auto;
     background-color: var(--color-fill-2);
     transition: padding 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
+    position: absolute;
 }
 </style>