1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
| <!--
| * @Date: 2025-08-10 14:14:58
| * @LastEditors: gaoshp
| * @LastEditTime: 2025-08-17 11:29:34
| * @FilePath: /mdmweb/src/views/flowmgr/processQuery.vue
| -->
| <template>
| <basic-container>
| <el-tabs
| v-model="activeName"
| type="card"
| class="demo-tabs"
| >
| <el-tab-pane label="进行中" name="todo">
| <processQuery1 v-if="activeName==='todo'"></processQuery1>
| </el-tab-pane>
| <el-tab-pane label="已结束" name="done">
| <processQuery2 v-if="activeName==='done'"> </processQuery2>
| </el-tab-pane>
| <el-tab-pane label="异常流程" name="error">
| <processQuery3 v-if="activeName==='error'"> </processQuery3>
| </el-tab-pane>
| </el-tabs>
| </basic-container>
| </template>
| <script>
| import processQuery1 from './processQuery1.vue';
| import processQuery2 from './processQuery2.vue';
| import processQuery3 from './processQuery3.vue';
| export default {
| components: {
| processQuery2,
| processQuery1,
| processQuery3
| },
| data() {
| return {
| activeName: 'todo',
| };
| },
| methods: {
| handleTabClick(tab, event) {
| console.log(tab, event);
| },
| },
| }
| </script>
|
|
