<template>
    <div style="display: flex;flex-wrap: wrap;justify-content: space-between;">
        <Custom></Custom>
        <Project></Project>
        <Tender></Tender>
        <projectContracts></projectContracts>
        <ProjectPayment></ProjectPayment>
        <PurchaseContracts></PurchaseContracts>
        <Subcontract></Subcontract>
        <ProjectWithdraw></ProjectWithdraw>
    </div>
</template>



<script setup>
import * as echarts from 'echarts';
import { reactive, ref } from "vue"
import Custom from "./components/Custom.vue"
import Project from "./components/Project.vue"
import Tender from "./components/Tender.vue"
import projectContracts from "./components/projectContracts.vue"
import ProjectPayment from "./components/ProjectPayment.vue"
import PurchaseContracts from "./components/PurchaseContracts.vue"
import Subcontract from "./components/Subcontract.vue"
import ProjectWithdraw from "./components/ProjectWithdraw.vue"


</script>