34 lines
1.2 KiB
Vue
34 lines
1.2 KiB
Vue
|
<template>
|
|||
|
|
<div class="proj-board-container" v-loading="isDataLoading">
|
|||
|
|
<a-layout-content class="flex flex-col gap-2" v-if="!isDataLoading">
|
|||
|
|
<!-- 返回前面一页的按钮，以及项目整体情况 -->
|
|||
|
|
<Title :pInfo="loadingData"></Title>
|
|||
|
|
<!-- 时间线显示项目情况 -->
|
|||
|
|
<time-line :pInfo="loadingData"></time-line>
|
|||
|
|
<!-- 以轮次为合集展示需求下面的测试项数、用例数，测试类型下面测试项和用例数量 -->
|
|||
|
|
<round-info v-for="item in loadingData.statistics" :data="item"></round-info>
|
|||
|
|
</a-layout-content>
|
|||
|
|
</div>
|
|||
|
|
</template>
|
|||
|
|
|
|||
|
|
<script setup>
|
|||
|
|
import Title from "./cpns/Title.vue"
|
|||
|
|
import TimeLine from "./cpns/TimeLine.vue"
|
|||
|
|
import projectApi from "@/api/project/project"
|
|||
|
|
import { useRoute } from "vue-router"
|
|||
|
|
import RoundInfo from "./cpns/RoundInfo.vue"
|
|||
|
|
const route = useRoute()
|
|||
|
|
// hooks
|
|||
|
|
import useFetchData from "@/hooks/fetchData"
|
|||
|
|
const fetchData = async () => {
|
|||
|
|
return projectApi.getBoardInfo(route.params.projectId)
|
|||
|
|
}
|
|||
|
|
const { loadingData, isDataLoading } = useFetchData({}, fetchData)
|
|||
|
|
</script>
|
|||
|
|
|
|||
|
|
<style lang="less" scoped>
|
|||
|
|
:deep(.ma-content-block) {
|
|||
|
|
box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
|
|||
|
|
}
|
|||
|
|
</style>
|