提交

web-admin/src/components/bx/base/BxApprovalFlowTabs.vue

@@ -0,0 +1,42 @@
+<template>
+  <div class="dlg-view-section dlg-view-section-tabs">
+    <el-tabs v-model="activeTab" class="dlg-view-flow-tabs">
+      <el-tab-pane label="审批进度" name="flow">
+        <div class="flow-scroll">
+          <ApprovalFlowView :nodes="nodes" :loading="loading" />
+        </div>
+      </el-tab-pane>
+      <el-tab-pane label="审批历史" name="history">
+        <div class="flow-scroll">
+          <ApprovalHistoryView :items="history" :loading="loading" />
+        </div>
+      </el-tab-pane>
+    </el-tabs>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ref, watch } from 'vue'
+import ApprovalFlowView from './ApprovalFlowView.vue'
+import ApprovalHistoryView from './ApprovalHistoryView.vue'
+
+const props = withDefaults(
+  defineProps<{
+    nodes: unknown[]
+    history: unknown[]
+    loading?: boolean
+  }>(),
+  {
+    loading: false
+  }
+)
+
+const activeTab = ref('flow')
+
+watch(
+  () => [props.nodes, props.history],
+  () => {
+    activeTab.value = 'flow'
+  }
+)
+</script>