微调

src/views/system/bpm/task/index.vue

@@ -0,0 +1,36 @@
+<template>
+    <div class="default-main">
+        <el-tabs v-model="activeName" type="border-card">
+            <el-tab-pane label="待办任务" name="1">
+                <TodoTask v-if="activeName == '1'" />
+            </el-tab-pane>
+            <el-tab-pane label="已办任务" name="2">
+                <DoneTask v-if="activeName == '2'" />
+            </el-tab-pane>
+        </el-tabs>
+    </div>
+</template>
+
+<script setup lang="ts">
+import { ref } from 'vue'
+import TodoTask from './todo/index.vue'
+import DoneTask from './done/index.vue'
+import { mainHeight } from '@/utils/layout'
+defineOptions({
+    name: 'bpm/task'
+})
+const activeName = ref('1')
+
+const layout = mainHeight(63) as any
+</script>
+
+<style lang="scss" scoped>
+.bars_w {
+    width: 100%;
+    height: 500px;
+}
+:deep(.el-tabs__content) {
+    height: v-bind('layout.height');
+    overflow-y: auto;
+}
+</style>