<template>
    <div class="router">
        <el-row :gutter="5" style="margin-bottom:5px;">
            <el-col :span="10">
                <el-card>
                    <el-tabs v-model="activeName">
                        <el-tab-pane label="待办事项" name="0"></el-tab-pane>
                        <el-tab-pane label="已办事项" name="1"></el-tab-pane>
                        <el-tab-pane label="待阅事项" name="2"></el-tab-pane>
                    </el-tabs>
                    <el-empty description="无事项"/>
                </el-card>
            </el-col>
            <el-col :span="14">
                <el-card>
                    <el-tabs v-model="activeName2">
                        <el-tab-pane label="我发起的流程" name="0"></el-tab-pane>
                        <el-tab-pane label="我已审的流程" name="1"></el-tab-pane>
                    </el-tabs>
                    <el-empty description="无流程"/>
                </el-card>
            </el-col>
        </el-row>
    </div>
</template>
<script setup lang="ts">
import {ref,reactive} from 'vue'
const activeName = ref('0')
const activeName2 = ref('0')
const activeName3 = ref('0')
const missions = reactive<Array<any>>([
    {
        name:'任务A',
        description:'您将要执行任务A,去前往中非国际***公司窃取目标数据',
        client:'黄*林'
    },
    {
        name:'任务B',
        description:'去tx获取内部开发数据',
        client:'马*特'
    }
])
</script>
<style></style>