我发起的菜单

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

@@ -1,36 +1,42 @@
 <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>
+  <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-tab-pane label='我发起的' name='3'>
+        <MyInstance v-if="activeName == '3'" />
+      </el-tab-pane>
+    </el-tabs>
+  </div>
 </template>
 
-<script setup lang="ts">
+<script setup lang='ts'>
 import { ref } from 'vue'
 import TodoTask from './todo/index.vue'
 import DoneTask from './done/index.vue'
+import MyInstance from './myInstance/index.vue'
 import { mainHeight } from '@/utils/layout'
+
 defineOptions({
-    // name: 'bpm/task'
+  // name: 'bpm/task'
 })
 const activeName = ref('1')
 
 const layout = mainHeight(63) as any
 </script>
 
-<style lang="scss" scoped>
+<style lang='scss' scoped>
 .bars_w {
-    width: 100%;
-    height: 500px;
+  width: 100%;
+  height: 500px;
 }
+
 :deep(.el-tabs__content) {
-    height: v-bind('layout.height');
-    overflow-y: auto;
+  height: v-bind('layout.height');
+  overflow-y: auto;
 }
 </style>