From 0ec7376989346a8d08af9da7ea61a2ca435d73e9 Mon Sep 17 00:00:00 2001
From: zlwu <704541015@qq.com>
Date: Fri, 28 Aug 2026 10:54:57 +0800
Subject: [PATCH] feat(web-admin): show history button on OA start approval
 cards

Co-authored-by: Cursor <cursoragent@cursor.com>
---
 web-admin/src/views/oa-approval/start/index.vue | 13 ++++++++++++-
 1 file changed, 12 insertions(+), 1 deletion(-)

diff --git a/web-admin/src/views/oa-approval/start/index.vue b/web-admin/src/views/oa-approval/start/index.vue
index c3dd9325..70444557 100644
--- a/web-admin/src/views/oa-approval/start/index.vue
+++ b/web-admin/src/views/oa-approval/start/index.vue
@@ -74,6 +74,10 @@
                 </span>
               </div>
               <div class="oa-app-card__ops">
+                <el-button class="oa-app-card__btn" @click.stop="openHistory(row)">
+                  <el-icon><Clock /></el-icon>
+                  历史记录
+                </el-button>
                 <el-button class="oa-app-card__btn primary" @click.stop="onPick(row)">
                   <el-icon><Promotion /></el-icon>
                   发起
@@ -89,6 +93,7 @@
         @saved="onDialogSaved"
         @submitted="onDialogSubmitted"
       />
+      <OaAppHistoryDialog ref="historyDialogRef" />
     </section>
   </div>
 </template>
@@ -96,10 +101,11 @@
 <script setup lang="ts">
   import { computed, onMounted, ref } from 'vue'
   import { useRoute, useRouter } from 'vue-router'
-  import { Promotion, Search } from '@element-plus/icons-vue'
+  import { Clock, Promotion, Search } from '@element-plus/icons-vue'
   import { ElMessage } from 'element-plus'
   import { fetchOaGroupList, fetchOaTemplates } from '@/api/oaApproval'
   import OaAppIcon from '@/components/oa-approval/OaAppIcon.vue'
+  import OaAppHistoryDialog from '@/components/oa-approval/OaAppHistoryDialog.vue'
   import OaStartFormDialog from '@/components/oa-approval/OaStartFormDialog.vue'
   import { refreshOaMenuBadges } from '@/utils/oa-menu-badge'
 
@@ -113,6 +119,7 @@
   const searchKeyword = ref('')
   const activeGroupId = ref('')
   const startDialogRef = ref<InstanceType<typeof OaStartFormDialog> | null>(null)
+  const historyDialogRef = ref<InstanceType<typeof OaAppHistoryDialog> | null>(null)
 
   const displayGroups = computed(() => {
     const kw = (searchKeyword.value || '').trim().toLowerCase()
@@ -160,6 +167,10 @@
     await startDialogRef.value?.openForApp(row)
   }
 
+  function openHistory(row: any) {
+    historyDialogRef.value?.open({ id: row.id, appName: row.appName })
+  }
+
   function onDialogSaved() {
     void refreshOaMenuBadges()
   }