<!-- 任务监控盒子组件 -->
<template>
    <div class="card">
        <div class="text-left textStyle ">
            <span>任务监控</span>
        </div>
        <div class="flex flex-wrap ">
            <taskMonitoringCard></taskMonitoringCard>
        </div>
    </div>
</template>

<script lang="ts" setup>

import taskMonitoringCard from './taskCard.vue'

defineProps({
    title: {
        type: String,
        default: ''
    },
    desc: {
        type: String,
        default: ''
    }
})
</script>

<style lang="scss" scoped>
.card {
    background: #ffffff;
    margin-top: 12px;
    border: 1.5px solid rgb(193, 188, 188);
    height: 53vh;
    width: 95.5%;
    display: flex;
    gap: 20px;
    // flex-wrap: wrap;
    
    .textStyle {
        writing-mode: vertical-lr;
        font-size: 24px;
        letter-spacing: 3px;
        // margin-top: -1.5%;
        text-align: center;
    }
}


</style>
