76 lines
1.7 KiB
Vue
76 lines
1.7 KiB
Vue
<template>
|
|
<div class="projectContent">
|
|
<div class="left">
|
|
<leftTop class="leftTop"></leftTop>
|
|
<leftBottom class="leftBottom"></leftBottom>
|
|
</div>
|
|
<div class="center">
|
|
<centerTop class="centerTop"></centerTop>
|
|
<centerBottom class="centerBottom"></centerBottom>
|
|
</div>
|
|
<div class="right">
|
|
<rightAll class="rightAll"></rightAll>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import leftTop from "@/views/commandScreen/commandCenter/leftTop.vue";
|
|
import leftBottom from "@/views/commandScreen/commandCenter/leftBottom.vue";
|
|
import centerTop from "@/views/commandScreen/commandCenter/centerTop.vue";
|
|
import centerBottom from "@/views/commandScreen/commandCenter/centerBottom.vue";
|
|
import rightAll from "@/views/commandScreen/commandCenter/rightAll.vue";
|
|
import { GlobalStore } from "@/stores";
|
|
const store = GlobalStore();
|
|
import { getWorkerStatisticsCountApi, getProjectDetail } from "@/api/modules/projectOverview";
|
|
import { ref, onMounted, onBeforeUnmount,nextTick } from "vue";
|
|
const statisticsCount = ref(null as any);
|
|
|
|
const projectData = ref(null as any);
|
|
</script>
|
|
<style lang="scss" scoped>
|
|
.projectContent {
|
|
width: 100%;
|
|
height: 100%;
|
|
display: flex;
|
|
.left {
|
|
height: 100%;
|
|
width: 26%;
|
|
.leftTop {
|
|
height: 35%;
|
|
}
|
|
.leftBottom {
|
|
height: 65%;
|
|
margin: 3% 0 3% 0;
|
|
}
|
|
}
|
|
.center {
|
|
width: 46%;
|
|
margin: 0 1%;
|
|
|
|
.centerTop {
|
|
height: 53.8%;
|
|
// margin-bottom: 3%;
|
|
}
|
|
.centerBottom {
|
|
height: 44.2%;
|
|
margin: 2% 0 0 0;
|
|
}
|
|
}
|
|
.right {
|
|
width: 26%;
|
|
height: 100%;
|
|
// .rightAll {
|
|
// height: 32%;
|
|
// }
|
|
// .rightCenter {
|
|
// height: 33%;
|
|
// margin: 3% 0 3% 0;
|
|
// }
|
|
// .rightBottom {
|
|
// height: 32%;
|
|
// }
|
|
}
|
|
}
|
|
</style>
|