diff --git a/src/api/routine/gw.ts b/src/api/routine/gw.ts
index 26782a5..15e53d2 100644
--- a/src/api/routine/gw.ts
+++ b/src/api/routine/gw.ts
@@ -145,12 +145,6 @@ export function getGwFlowByIdApi(id: string) {
   return get(`/api/gw/getGwFlowById?id=${id}`);
 }
 
-/**
- * 转办公文
- */
-export function gwTransferApi(params: any) {
-  return post('/api/gw/transfer', params);
-}
 
 /**
  * 分页查询某人的待办和已办公文
@@ -158,3 +152,47 @@ export function gwTransferApi(params: any) {
 export function findUserTodosApi(approveStatus: string, jsId: string, pageNum: number = 1, pageSize: number = 20) {
   return get('/api/gw/findUserTodos', { approveStatus, jsId, pageNum, pageSize });
 }
+
+// ===== 新增：统一的流程接口 =====
+
+/**
+ * 公文申请
+ */
+export function gwSqApi(params: any) {
+  return post('/api/gw/sq', params);
+}
+
+/**
+ * 公文审批
+ */
+export function gwSpApi(params: any) {
+  return post('/api/gw/sp', params);
+}
+
+/**
+ * 公文转办
+ */
+export function gwTransferApi(params: any) {
+  return post('/api/gw/transfer', params);
+}
+
+/**
+ * 公文终止
+ */
+export function gwStopApi(params: any) {
+  return post('/api/gw/stop', params);
+}
+
+/**
+ * 公文重新提交
+ */
+export function gwCxtjApi(params: any) {
+  return post('/api/gw/cxtj', params);
+}
+
+/**
+ * 公文协调
+ */
+export function gwXtApi(params: any) {
+  return post('/api/gw/xt', params);
+}
diff --git a/src/pages/view/routine/gwlz/gwFlow.vue b/src/pages/view/routine/gwlz/gwFlow.vue
index 1df893a..8f337f9 100644
--- a/src/pages/view/routine/gwlz/gwFlow.vue
+++ b/src/pages/view/routine/gwlz/gwFlow.vue
@@ -31,48 +31,48 @@
         <view class="section-title">附件</view>
         <view class="file-list" v-if="hasAttachments">
           <!-- 显示所有解析后的附件 -->
-          <view 
-            v-for="(file, index) in parsedAttachments" 
-            :key="(file as any).id || index" 
-            class="file-item"
+          <view
+              v-for="(file, index) in parsedAttachments"
+              :key="(file as any).id || index"
+              class="file-item"
           >
             <view class="file-icon">
-              <image 
-                :src="getFileIcon(getFileSuffix(file))" 
-                class="icon-image"
-                mode="aspectFit"
+              <image
+                  :src="getFileIcon(getFileSuffix(file))"
+                  class="icon-image"
+                  mode="aspectFit"
               />
             </view>
             <view class="file-info">
               <text class="file-name">{{ getFileName(file) }}</text>
             </view>
             <view class="file-actions">
-              <u-button 
-                v-if="canPreview(getFileSuffix(file)) && !isVideo(getFileSuffix(file))" 
-                text="预览" 
-                size="mini" 
-                type="primary" 
-                @click="previewFile(file)"
+              <u-button
+                  v-if="canPreview(getFileSuffix(file)) && !isVideo(getFileSuffix(file))"
+                  text="预览"
+                  size="mini"
+                  type="primary"
+                  @click="previewFile(file)"
               />
-              <u-button 
-                v-if="isVideo(getFileSuffix(file))" 
-                text="播放" 
-                size="mini" 
-                type="success"
-                @click="previewFile(file)"
+              <u-button
+                  v-if="isVideo(getFileSuffix(file))"
+                  text="播放"
+                  size="mini"
+                  type="success"
+                  @click="previewFile(file)"
               />
-              <u-button 
-                v-if="isImage(getFileSuffix(file))" 
-                text="查看" 
-                size="mini" 
-                type="warning"
-                @click="previewFile(file)"
+              <u-button
+                  v-if="isImage(getFileSuffix(file))"
+                  text="查看"
+                  size="mini"
+                  type="warning"
+                  @click="previewFile(file)"
               />
-              <u-button 
-                text="下载" 
-                size="mini" 
-                type="info"
-                @click="downloadFileAction(file)"
+              <u-button
+                  text="下载"
+                  size="mini"
+                  type="info"
+                  @click="downloadFileAction(file)"
               />
             </view>
           </view>
@@ -82,136 +82,9 @@
         </view>
       </view>
 
-      <!-- 当前处理人 -->
-      <view class="approver-section">
-        <view class="section-title">当前审批人</view>
-        <view class="approver-list">
-          <view 
-            v-for="approver in approvers" 
-            :key="approver.id" 
-            class="approver-item"
-          >
-            <view class="approver-info">
-              <text class="order">{{ approver.order }}</text>
-              <text class="name">{{ approver.userName }}</text>
-              <text class="dept">{{ approver.deptName }}</text>
-              <text class="status" :class="getApproverStatusClass(approver.approveStatus)">
-                {{ getApproverStatusText(approver.approveStatus) }}
-              </text>
-            </view>
-            <!-- 显示审批意见和审批时间 -->
-            <view class="approver-detail" v-if="approver.approveRemark || approver.approveTime">
-              <view class="approval-info" v-if="approver.approveRemark">
-                <text class="info-label">审批意见：</text>
-                <text class="info-value">{{ approver.approveRemark }}</text>
-              </view>
-              <view class="approval-info" v-if="approver.approveTime">
-                <text class="info-label">审批时间：</text>
-                <text class="info-value">{{ formatTime(approver.approveTime) }}</text>
-              </view>
-            </view>
-          </view>
-        </view>
-      </view>
-
-      <!-- 抄送人 -->
-      <view class="cc-section">
-        <view class="section-title">抄送人</view>
-        <view class="cc-list">
-          <view 
-            v-for="ccUser in displayedCcUsers" 
-            :key="ccUser.id" 
-            class="cc-item"
-          >
-            <view class="cc-info">
-              <text class="name">{{ ccUser.userName }}</text>
-              <text class="dept">{{ ccUser.deptName }}</text>
-              <text class="status" :class="getCCStatusClass(ccUser.status)">
-                {{ getCCStatusText(ccUser.status) }}
-              </text>
-            </view>
-          </view>
-        </view>
-        <!-- 更多按钮 -->
-        <view 
-          v-if="ccUsers.length > 2" 
-          class="more-button"
-          @click="toggleCcExpanded"
-        >
-          <text class="more-text">
-            {{ ccExpanded ? '收起' : `更多(${ccUsers.length - 2})` }}
-          </text>
-          <text class="more-icon" :class="{ expanded: ccExpanded }">▼</text>
-        </view>
-      </view>
-
-      <!-- 操作记录 -->
-      <view class="log-section">
-        <view class="section-title">操作记录</view>
-        <view class="log-list">
-          <view 
-            v-for="log in displayedOperationLogs" 
-            :key="log.id" 
-            class="log-item"
-          >
-            <view class="log-header">
-              <text class="operator">{{ log.operatorName }}</text>
-              <text class="time">{{ formatTime(log.operationTime) }}</text>
-            </view>
-            <view class="log-content">
-              <text class="content">{{ log.operationContent }}</text>
-            </view>
-            <view class="log-detail" v-if="log.beforeChange || log.afterChange">
-              <u-button 
-                text="详情" 
-                size="mini" 
-                @click="showLogDetail(log)"
-              />
-            </view>
-          </view>
-        </view>
-        <!-- 更多按钮 -->
-        <view 
-          v-if="operationLogs.length > 2" 
-          class="more-button"
-          @click="toggleLogExpanded"
-        >
-          <text class="more-text">
-            {{ logExpanded ? '收起' : `更多(${operationLogs.length - 2})` }}
-          </text>
-          <text class="more-icon" :class="{ expanded: logExpanded }">▼</text>
-        </view>
-      </view>
-
     </view>
-
-
-
-    <!-- 底部固定按钮 -->
-    <view class="bottom-actions" v-if="canCurrentUserOperate">
-      <!-- 驳回按钮暂时隐藏 -->
-      <!-- <u-button 
-        text="驳回" 
-        type="error" 
-        size="large" 
-        @click="handleReject"
-      /> -->
-      <u-button 
-        text="转办" 
-        type="warning" 
-        size="large" 
-        @click="handleTransfer"
-      />
-      <u-button 
-        text="同意" 
-        type="primary" 
-        size="large" 
-        @click="handleApprove"
-      />
-    </view>
-
-
-
+    <!-- 审批流程 -->
+    <LcglSp :yw-id="gwInfo.id" yw-type="GW"/>
 
 
     <!-- 操作记录详情弹窗 -->
@@ -219,7 +92,7 @@
       <view class="detail-modal">
         <view class="detail-header">
           <text class="detail-title">操作详情</text>
-          <u-button text="关闭" @click="showLogDetailModal = false" />
+          <u-button text="关闭" @click="showLogDetailModal = false"/>
         </view>
         <view class="detail-content">
           <view class="detail-item" v-if="currentLog.beforeChange">
@@ -263,43 +136,67 @@
           </view>
         </view>
         <view class="download-actions" v-if="!isDownloading">
-          <u-button 
-            text="取消" 
-            type="default" 
-            size="large" 
-            @click="cancelDownload"
-            style="margin-right: 10px;"
+          <u-button
+              text="取消"
+              type="default"
+              size="large"
+              @click="cancelDownload"
+              style="margin-right: 10px;"
           />
-          <u-button 
-            text="确认下载" 
-            type="primary" 
-            size="large" 
-            @click="confirmDownload"
+          <u-button
+              text="确认下载"
+              type="primary"
+              size="large"
+              @click="confirmDownload"
           />
         </view>
       </view>
     </u-popup>
+    <template #bottom>
+      <YwConfirm
+          :spApi="gwSpApi"
+          :stopApi="gwStopApi"
+          :transferApi="gwTransferApi"
+          :params="spParams"
+          :showXt="false"
+          :showReject="true"
+          :showTransfer="true"
+          :showApprove="true"
+          :showReturn="false"
+          :showStop="false"
+          :showXtDk="false"/>
+    </template>
   </BasicLayout>
 </template>
 
 <script setup lang="ts">
-import { ref, onMounted, computed } from "vue";
+import {ref, onMounted, computed} from "vue";
 import BasicLayout from "@/components/BasicLayout/Layout.vue";
-import { navigateTo } from "@/utils/uniapp";
+import {navigateTo} from "@/utils/uniapp";
 
-import { getGwFlowByIdApi, gwApproveApi } from "@/api/routine/gw";
+import {getGwFlowByIdApi, gwApproveApi, gwSpApi, gwTransferApi, gwStopApi} from "@/api/routine/gw";
 import dayjs from "dayjs";
-import { useUserStore } from "@/store/modules/user";
-import { imagUrl } from "@/utils";
-import { 
-  isVideo, 
-  isImage, 
-  canPreview, 
-  previewFile as previewFileUtil, 
-  previewVideo as previewVideoUtil, 
+import {useUserStore} from "@/store/modules/user";
+import {imagUrl} from "@/utils";
+import {
+  isVideo,
+  isImage,
+  canPreview,
+  previewFile as previewFileUtil,
+  previewVideo as previewVideoUtil,
   previewImage as previewImageUtil,
   downloadFile
 } from "@/utils/filePreview";
+import LcglSp from "@/components/LcglSp/index.vue";
+import YwConfirm from "@/pages/components/YwConfirm/index.vue";
+import {useDataStore} from "@/store/modules/data";
+const { setData, getXxts } = useDataStore();
+const spParams = computed(() => {
+return{
+  xxtsId: getXxts.id,
+  ywId: gwInfo.value.id
+}
+})
 
 // 类型定义
 interface GwInfo {
@@ -365,9 +262,6 @@ interface OperationLog {
 }
 
 
-
-
-
 // 获取页面参数
 const gwId = ref("");
 
@@ -379,7 +273,7 @@ const downloadFileName = ref('');
 const isDownloading = ref(false);
 
 // 用户store
-const { getUser, getJs } = useUserStore();
+const {getUser, getJs} = useUserStore();
 
 // 数据
 const gwInfo = ref<GwInfo>({} as GwInfo);
@@ -397,7 +291,7 @@ const logExpanded = ref(false);
 // 计算属性：解析后的附件列表
 const parsedAttachments = computed(() => {
   const attachments = [];
-  
+
   // 处理files数组
   if (gwInfo.value.files && gwInfo.value.files.length > 0) {
     attachments.push(...gwInfo.value.files);
@@ -405,25 +299,25 @@ const parsedAttachments = computed(() => {
   // 处理逗号分隔的fileUrl字符串
   else if (gwInfo.value.fileUrl) {
     const fileUrls = gwInfo.value.fileUrl.split(',').map(url => url.trim()).filter(url => url);
-    
+
     // 解析fileName字符串（如果存在）
     let fileNames: string[] = [];
     if (gwInfo.value.fileName) {
       fileNames = gwInfo.value.fileName.split(',').map(name => name.trim()).filter(name => name);
     }
-    
+
     // 将URL字符串转换为文件对象
     fileUrls.forEach((url, index) => {
       // 优先使用解析出的文件名，如果没有则从URL提取
       let displayName = fileNames[index] || url.split('/').pop() || `文件${index + 1}`;
       const fileFormat = url.split('.').pop() || 'unknown';
-      
+
       // 如果文件名包含扩展名，去掉扩展名（保持resourName不包含扩展名）
       let resourName = displayName;
       if (displayName.includes('.' + fileFormat)) {
         resourName = displayName.replace('.' + fileFormat, '');
       }
-      
+
       attachments.push({
         id: `file_${index}`,
         name: displayName, // 保持原始文件名（可能包含扩展名）
@@ -435,7 +329,7 @@ const parsedAttachments = computed(() => {
       });
     });
   }
-  
+
   return attachments;
 });
 
@@ -466,26 +360,26 @@ const canCurrentUserOperate = computed(() => {
   const getUser = userStore.getUser;
   const getJs = userStore.getJs;
   const currentUserId = getJs?.id;
-  
+
   if (!currentUserId || !approvers.value || approvers.value.length === 0) {
     return false;
   }
-  
+
   // 查找当前用户对应的审批人记录
   const currentUserApprover = approvers.value.find(approver => {
     return approver.userId === currentUserId || approver.id === currentUserId;
   });
-  
+
   if (!currentUserApprover) {
     return false;
   }
-  
+
   // 如果审批状态是approved或rejected，则不能操作
   const approveStatus = currentUserApprover.approveStatus;
   if (approveStatus === 'approved' || approveStatus === 'rejected') {
     return false;
   }
-  
+
   return true;
 });
 
@@ -495,11 +389,11 @@ const getGwInfo = async () => {
   try {
     // 调用新的API接口获取公文流程信息
     const response = await getGwFlowByIdApi(gwId.value);
-    
+
     if (response.resultCode === 1) {
       // 设置公文信息
       gwInfo.value = response.result.gwInfo;
-      
+
       // 设置审批人、抄送人、操作日志信息
       approvers.value = response.result.approvers || [];
       ccUsers.value = response.result.ccUsers || [];
@@ -517,19 +411,6 @@ const getGwInfo = async () => {
 };
 
 
-
-
-
-
-
-
-
-
-
-
-
-
-
 // 显示操作日志详情
 const showLogDetail = (log: OperationLog) => {
   currentLog.value = log;
@@ -586,15 +467,15 @@ const handleTransfer = () => {
     approvers: encodeURIComponent(JSON.stringify(approvers.value)),
     ccUsers: encodeURIComponent(JSON.stringify(ccUsers.value)) // 添加抄送人数据
   };
-  
+
   // 同时存储到本地存储，作为备用方案
   uni.setStorageSync('transferData', {
-    xxtsInfo: { id: gwId.value },
+    xxtsInfo: {id: gwId.value},
     gwInfo: gwInfo.value,
     approvers: approvers.value,
     ccUsers: ccUsers.value // 添加抄送人数据
   });
-  
+
   // 跳转到转办页面
   navigateTo(`/pages/view/routine/gwlz/gwTransfer?id=${params.id}&title=${params.title}&xxtsInfo=${params.xxtsInfo}&gwInfo=${params.gwInfo}&approvers=${params.approvers}&ccUsers=${params.ccUsers}`);
 };
@@ -629,20 +510,20 @@ const approveGw = async () => {
       title: '正在处理...',
       mask: true
     });
-    
+
     // 获取当前用户ID - 应该从jsData中获取
     const currentUserId = getJs?.id;
     if (!currentUserId) {
       throw new Error('无法获取当前用户信息');
     }
-    
+
     // 获取当前用户在审批人列表中的ID
     const currentUserApproverId = getCurrentUserApproverId(currentUserId);
-    
+
     if (!currentUserApproverId) {
       throw new Error('无法获取当前用户的审批人记录');
     }
-    
+
     // 构建同意数据
     const approveData = {
       xxtsId: gwId.value, // 这里应该是xxtsInfo的ID，需要根据实际数据结构调整
@@ -652,20 +533,20 @@ const approveGw = async () => {
       spRule: gwInfo.value?.spRule, // 从gwInfo中获取spRule字段
       currentUserId: currentUserId
     };
-    
+
     // 调用同意API - 使用正确的API函数
     const response = await gwApproveApi(approveData);
-    
+
     // 隐藏加载提示
     uni.hideLoading();
-    
+
     if (response.resultCode === 1) {
       uni.showToast({
         title: "同意成功",
         icon: "success",
         duration: 1500
       });
-      
+
       // 延迟返回上一级并刷新
       setTimeout(() => {
         // 返回上一级页面
@@ -680,11 +561,11 @@ const approveGw = async () => {
     } else {
       throw new Error(response.message || '同意失败');
     }
-    
+
   } catch (error: any) {
     // 隐藏加载提示
     uni.hideLoading();
-    
+
     uni.showToast({
       title: error.message || "同意失败",
       icon: "error",
@@ -697,15 +578,15 @@ const getCurrentUserApproverStatus = () => {
   const userStore = useUserStore();
   const getJs = userStore.getJs;
   const currentUserId = getJs?.id;
-  
+
   if (!currentUserId || !approvers.value || approvers.value.length === 0) {
     return '未知';
   }
-  
+
   const currentUserApprover = approvers.value.find(approver => {
     return approver.userId === currentUserId || approver.id === currentUserId;
   });
-  
+
   return currentUserApprover?.approveStatus || '未知';
 };
 
@@ -714,14 +595,14 @@ const getCurrentUserApproverId = (currentUserId: string) => {
   if (!approvers.value || approvers.value.length === 0) {
     return null;
   }
-  
+
   // 查找当前用户对应的审批人记录
   const currentUserApprover = approvers.value.find(approver => {
     const matchByUserId = approver.userId === currentUserId;
     const matchById = approver.id === currentUserId;
     return matchByUserId || matchById;
   });
-  
+
   return currentUserApprover?.id || null;
 };
 
@@ -732,15 +613,15 @@ const previewSingleFile = (event?: Event) => {
     event.stopPropagation();
     event.preventDefault();
   }
-  
+
   if (!gwInfo.value.fileUrl) {
     return;
   }
-  
+
   const fileUrl = imagUrl(gwInfo.value.fileUrl);
   const fileName = gwInfo.value.fileName || '未知文件';
   const fileFormat = gwInfo.value.fileFormat || '';
-  
+
   // 根据文件类型选择预览方式
   if (isVideo(fileFormat)) {
     handlePreviewVideoSingle(fileUrl, fileName);
@@ -761,16 +642,16 @@ const downloadSingleFile = (event?: Event) => {
     event.stopPropagation();
     event.preventDefault();
   }
-  
+
   if (!gwInfo.value.fileUrl) {
     return;
   }
-  
+
   const finalUrl = imagUrl(gwInfo.value.fileUrl);
   const fileName = gwInfo.value.fileName || '未知文件';
   const fileFormat = gwInfo.value.fileFormat || '';
   const fullFileName = fileFormat ? `${fileName}.${fileFormat}` : fileName;
-  
+
   // 显示下载路径选择弹窗
   showDownloadPathModal(finalUrl, fullFileName);
 };
@@ -782,12 +663,12 @@ const previewFile = (file: FileInfo, event?: Event) => {
     event.stopPropagation();
     event.preventDefault();
   }
-  
+
   // 确定文件URL和名称
   const fileUrl = file.resourUrl ? imagUrl(file.resourUrl) : file.url;
   const fileName = file.resourName ? `${file.resourName}.${file.resSuf}` : file.name;
   const fileSuf = file.resSuf || file.name.split('.').pop() || '';
-  
+
   // 根据文件类型选择预览方式
   if (isVideo(fileSuf)) {
     handlePreviewVideo(file);
@@ -806,60 +687,60 @@ const handlePreviewDocument = (file: FileInfo) => {
   const fileUrl = file.resourUrl ? imagUrl(file.resourUrl) : file.url;
   const fileName = file.resourName ? `${file.resourName}.${file.resSuf}` : file.name;
   const fileSuf = file.resSuf || file.name.split('.').pop() || '';
-  
+
   previewFileUtil(fileUrl, fileName, fileSuf)
-    .catch((error: any) => {
-      // 预览失败时尝试下载
-      downloadFileAction(file);
-    });
+      .catch((error: any) => {
+        // 预览失败时尝试下载
+        downloadFileAction(file);
+      });
 };
 
 // 单个附件文档预览
 const handlePreviewDocumentSingle = (fileUrl: string, fileName: string, fileFormat: string) => {
   const fullFileName = fileFormat ? `${fileName}.${fileFormat}` : fileName;
-  
+
   previewFileUtil(fileUrl, fullFileName, fileFormat)
-    .catch((error: any) => {
-      // 预览失败时尝试下载
-      downloadSingleFile();
-    });
+      .catch((error: any) => {
+        // 预览失败时尝试下载
+        downloadSingleFile();
+      });
 };
 
 // 视频预览
 const handlePreviewVideo = (file: FileInfo) => {
   const videoUrl = file.resourUrl ? imagUrl(file.resourUrl) : file.url;
   const videoName = file.resourName || file.name;
-  
+
   previewVideoUtil(videoUrl, videoName)
-    .catch((error: any) => {
-      // 视频预览失败时的处理
-    });
+      .catch((error: any) => {
+        // 视频预览失败时的处理
+      });
 };
 
 // 单个附件视频预览
 const handlePreviewVideoSingle = (videoUrl: string, videoName: string) => {
   previewVideoUtil(videoUrl, videoName)
-    .catch((error: any) => {
-      // 视频预览失败时的处理
-    });
+      .catch((error: any) => {
+        // 视频预览失败时的处理
+      });
 };
 
 // 图片预览
 const handlePreviewImage = (file: FileInfo) => {
   const imageUrl = file.resourUrl ? imagUrl(file.resourUrl) : file.url;
-  
+
   previewImageUtil(imageUrl)
-    .catch((error: any) => {
-      // 图片预览失败时的处理
-    });
+      .catch((error: any) => {
+        // 图片预览失败时的处理
+      });
 };
 
 // 单个附件图片预览
 const handlePreviewImageSingle = (imageUrl: string) => {
   previewImageUtil(imageUrl)
-    .catch((error: any) => {
-      // 图片预览失败时的处理
-    });
+      .catch((error: any) => {
+        // 图片预览失败时的处理
+      });
 };
 
 // 文件下载 - 支持选择下载路径
@@ -869,13 +750,13 @@ const downloadFileAction = (file: FileInfo, event?: Event) => {
     event.stopPropagation();
     event.preventDefault();
   }
-  
+
   const finalUrl = file.resourUrl ? imagUrl(file.resourUrl) : imagUrl(file.url);
   // 获取原始文件名
   const originalFileName = getOriginalFileName(file);
-  
-  console.log('下载文件:', { finalUrl, originalFileName, file });
-  
+
+  console.log('下载文件:', {finalUrl, originalFileName, file});
+
   // 显示下载路径选择弹窗
   showDownloadPathModal(finalUrl, originalFileName);
 };
@@ -926,7 +807,7 @@ const getFileSuffix = (file: FileInfo) => {
 // 获取文件图标
 const getFileIcon = (fileType: string) => {
   const type = fileType.toLowerCase();
-  
+
   switch (type) {
     case 'pdf':
       return '/static/base/view/pdf.png';
@@ -1059,7 +940,7 @@ const getOriginalFileName = (file: FileInfo) => {
     const urlFileName = file.url.split('/').pop() || '未知文件';
     fileName = urlFileName;
   }
-  
+
   return fileName;
 };
 
@@ -1074,16 +955,16 @@ const showDownloadPathModal = (url: string, fileName: string) => {
 const confirmDownload = () => {
   // 设置下载状态
   isDownloading.value = true;
-  
+
   // 检查当前平台
   const systemInfo = uni.getSystemInfoSync();
-  const { platform } = systemInfo;
-  
+  const {platform} = systemInfo;
+
   // 备用检测方法
   const isH5 = platform === 'web' || typeof window !== 'undefined';
-  
-  console.log('平台检测:', { platform, systemInfo, isH5 });
-  
+
+  console.log('平台检测:', {platform, systemInfo, isH5});
+
   if (isH5) {
     console.log('使用H5下载方式');
     // H5环境下使用直接链接下载，避免跨域问题
@@ -1092,36 +973,36 @@ const confirmDownload = () => {
     console.log('使用原生下载方式');
     // 原生环境下使用原有下载方式
     downloadFile(downloadUrl.value, downloadFileName.value)
-      .then(() => {
-        // 下载成功后关闭弹窗
-        isDownloading.value = false;
-        showDownloadModal.value = false;
-        uni.showToast({
-          title: "下载成功",
-          icon: "success",
+        .then(() => {
+          // 下载成功后关闭弹窗
+          isDownloading.value = false;
+          showDownloadModal.value = false;
+          uni.showToast({
+            title: "下载成功",
+            icon: "success",
+          });
+        })
+        .catch((error) => {
+          console.error('下载失败:', error);
+          // 下载失败后也关闭弹窗
+          isDownloading.value = false;
+          showDownloadModal.value = false;
+          uni.showToast({
+            title: "下载失败",
+            icon: "error",
+          });
         });
-      })
-      .catch((error) => {
-        console.error('下载失败:', error);
-        // 下载失败后也关闭弹窗
-        isDownloading.value = false;
-        showDownloadModal.value = false;
-        uni.showToast({
-          title: "下载失败",
-          icon: "error",
-        });
-      });
   }
 };
 
 // H5环境下的下载方法
 const downloadForH5 = (url: string, fileName: string) => {
   try {
-    console.log('H5下载开始:', { url, fileName });
-    
+    console.log('H5下载开始:', {url, fileName});
+
     // 直接使用强制下载方式，避免打开文件
     forceDownload(url, fileName);
-      
+
   } catch (error) {
     console.error('H5下载失败:', error);
     // 如果整个方法失败，回退到直接链接方式
@@ -1132,54 +1013,54 @@ const downloadForH5 = (url: string, fileName: string) => {
 // 强制下载方法
 const forceDownload = (url: string, fileName: string) => {
   try {
-    console.log('尝试强制下载:', { url, fileName });
-    
+    console.log('尝试强制下载:', {url, fileName});
+
     // 方法1: 使用fetch下载文件内容，然后创建blob下载
     fetch(url, {
       method: 'GET',
       mode: 'cors',
       cache: 'no-cache'
     })
-    .then(response => {
-      if (!response.ok) {
-        throw new Error(`HTTP error! status: ${response.status}`);
-      }
-      return response.blob();
-    })
-    .then(blob => {
-      console.log('文件下载成功，创建blob下载');
-      
-      // 创建blob URL
-      const blobUrl = window.URL.createObjectURL(blob);
-      
-      // 创建下载链接
-      const link = document.createElement('a');
-      link.href = blobUrl;
-      link.download = fileName;
-      link.style.display = 'none';
-      
-      // 添加到DOM并触发点击
-      document.body.appendChild(link);
-      link.click();
-      
-      // 清理DOM和blob URL
-      document.body.removeChild(link);
-      window.URL.revokeObjectURL(blobUrl);
-      
-      // 下载成功后关闭弹窗
-      isDownloading.value = false;
-      showDownloadModal.value = false;
-      uni.showToast({
-        title: "下载成功",
-        icon: "success",
-      });
-    })
-    .catch(error => {
-      console.error('Fetch下载失败，尝试其他方法:', error);
-      // 如果fetch失败，尝试其他方法
-      tryAlternativeDownload(url, fileName);
-    });
-    
+        .then(response => {
+          if (!response.ok) {
+            throw new Error(`HTTP error! status: ${response.status}`);
+          }
+          return response.blob();
+        })
+        .then(blob => {
+          console.log('文件下载成功，创建blob下载');
+
+          // 创建blob URL
+          const blobUrl = window.URL.createObjectURL(blob);
+
+          // 创建下载链接
+          const link = document.createElement('a');
+          link.href = blobUrl;
+          link.download = fileName;
+          link.style.display = 'none';
+
+          // 添加到DOM并触发点击
+          document.body.appendChild(link);
+          link.click();
+
+          // 清理DOM和blob URL
+          document.body.removeChild(link);
+          window.URL.revokeObjectURL(blobUrl);
+
+          // 下载成功后关闭弹窗
+          isDownloading.value = false;
+          showDownloadModal.value = false;
+          uni.showToast({
+            title: "下载成功",
+            icon: "success",
+          });
+        })
+        .catch(error => {
+          console.error('Fetch下载失败，尝试其他方法:', error);
+          // 如果fetch失败，尝试其他方法
+          tryAlternativeDownload(url, fileName);
+        });
+
   } catch (error) {
     console.error('强制下载失败，尝试其他方法:', error);
     tryAlternativeDownload(url, fileName);
@@ -1189,29 +1070,29 @@ const forceDownload = (url: string, fileName: string) => {
 // 尝试替代下载方法
 const tryAlternativeDownload = (url: string, fileName: string) => {
   console.log('尝试替代下载方法');
-  
+
   // 方法1: 使用XMLHttpRequest下载
   try {
     const xhr = new XMLHttpRequest();
     xhr.open('GET', url, true);
     xhr.responseType = 'blob';
-    
-    xhr.onload = function() {
+
+    xhr.onload = function () {
       if (xhr.status === 200) {
         const blob = xhr.response;
         const blobUrl = window.URL.createObjectURL(blob);
-        
+
         const link = document.createElement('a');
         link.href = blobUrl;
         link.download = fileName;
         link.style.display = 'none';
-        
+
         document.body.appendChild(link);
         link.click();
         document.body.removeChild(link);
-        
+
         window.URL.revokeObjectURL(blobUrl);
-        
+
         // 下载成功后关闭弹窗
         isDownloading.value = false;
         showDownloadModal.value = false;
@@ -1219,21 +1100,21 @@ const tryAlternativeDownload = (url: string, fileName: string) => {
           title: "下载成功",
           icon: "success",
         });
-        
+
         console.log('XMLHttpRequest下载成功');
       } else {
         throw new Error(`HTTP error! status: ${xhr.status}`);
       }
     };
-    
-    xhr.onerror = function() {
+
+    xhr.onerror = function () {
       console.error('XMLHttpRequest下载失败');
       console.log('调用手动下载提示');
       showManualDownloadModal(url, fileName);
     };
-    
+
     xhr.send();
-    
+
   } catch (error) {
     console.error('XMLHttpRequest失败:', error);
     console.log('调用手动下载提示（catch）');
@@ -1244,7 +1125,7 @@ const tryAlternativeDownload = (url: string, fileName: string) => {
 // 显示手动下载提示
 const showManualDownloadModal = (url: string, fileName: string) => {
   console.log('尝试原生下载');
-  
+
   // 尝试使用浏览器原生下载
   try {
     const link = document.createElement('a');
@@ -1252,19 +1133,19 @@ const showManualDownloadModal = (url: string, fileName: string) => {
     link.download = fileName;
     link.target = '_blank';
     link.style.display = 'none';
-    
+
     document.body.appendChild(link);
     link.click();
     document.body.removeChild(link);
-    
+
     console.log('原生下载已触发');
-    
+
     // 延迟关闭弹窗，给用户时间看到下载开始
     setTimeout(() => {
       isDownloading.value = false;
       showDownloadModal.value = false;
     }, 1000);
-    
+
     uni.showToast({
       title: "开始下载",
       icon: "success",
@@ -1285,28 +1166,28 @@ const showManualDownloadModal = (url: string, fileName: string) => {
 const directDownload = (url: string, fileName: string) => {
   try {
     // 修改URL添加下载参数
-    const downloadUrl = url.includes('?') 
-      ? `${url}&download=1&attachment=1` 
-      : `${url}?download=1&attachment=1`;
-    
+    const downloadUrl = url.includes('?')
+        ? `${url}&download=1&attachment=1`
+        : `${url}?download=1&attachment=1`;
+
     const link = document.createElement('a');
     link.href = downloadUrl;
     link.download = fileName;
     link.target = '_self'; // 使用_self而不是_blank
     link.style.display = 'none';
-    
+
     // 添加到DOM并触发点击
     document.body.appendChild(link);
     link.click();
-    
+
     // 清理DOM
     document.body.removeChild(link);
-    
+
     uni.showToast({
       title: "开始下载",
       icon: "success",
     });
-    
+
   } catch (error) {
     console.error('直接下载失败:', error);
     // 最后的方法：提示用户手动下载
@@ -1323,10 +1204,10 @@ const directDownload = (url: string, fileName: string) => {
 const fallbackDownload = (url: string, fileName: string) => {
   try {
     console.log('使用备用下载方法');
-    
+
     // 使用直接下载方法
     directDownload(url, fileName);
-    
+
   } catch (error) {
     console.error('备用下载也失败:', error);
     // 最后的方法：提示用户手动下载
@@ -1347,18 +1228,18 @@ const cancelDownload = () => {
 // 获取创建人名称
 const getCreatorName = (tjrId: string) => {
   if (!tjrId) return "未知";
-  
+
   try {
     // 尝试从多种缓存中获取用户信息，参考gwAdd.vue的实现
     const teacherCache = uni.getStorageSync('teacherCache');
     const globalTeacherData = uni.getStorageSync('globalTeacherData');
     const localData = uni.getStorageSync('data');
-    
+
     // 方式1: 从teacherCache获取
     if (teacherCache && teacherCache[tjrId]) {
       return teacherCache[tjrId].jsxm || tjrId;
     }
-    
+
     // 方式2: 从globalTeacherData获取
     if (globalTeacherData && globalTeacherData.length > 0) {
       const teacher = globalTeacherData.find((t: any) => t.id === tjrId);
@@ -1366,7 +1247,7 @@ const getCreatorName = (tjrId: string) => {
         return teacher.jsxm;
       }
     }
-    
+
     // 方式3: 从data缓存中的allJs获取（参考gwAdd.vue）
     if (localData && localData.allJs && localData.allJs.result) {
       const allTeachers = localData.allJs.result;
@@ -1375,7 +1256,7 @@ const getCreatorName = (tjrId: string) => {
         return teacher.jsxm;
       }
     }
-    
+
     // 如果缓存中没有找到，返回ID
     return `用户${tjrId}`;
   } catch (error) {
@@ -1386,32 +1267,32 @@ const getCreatorName = (tjrId: string) => {
 onMounted(() => {
   // 尝试多种方式获取页面参数
   let pageId = "";
-  
+
   // 方式1: 通过 getCurrentPages() 获取
   const pages = getCurrentPages();
-  
+
   if (pages.length > 0) {
     const currentPage = pages[pages.length - 1];
-    
+
     // 尝试不同的属性获取参数
     const options = (currentPage as any).options || {};
-    
+
     pageId = options.id || "";
   }
-  
+
   // 方式2: 如果方式1没有获取到，尝试从URL解析
   if (!pageId) {
     try {
       // 获取当前页面URL
       const currentUrl = window.location.href;
-      
+
       // 在uni-app H5环境中，参数通常在hash部分
       const hash = window.location.hash;
-      
+
       if (hash && hash.includes('?')) {
         // 从hash中提取查询参数
         const queryString = hash.split('?')[1];
-        
+
         // 解析查询参数
         const urlParams = new URLSearchParams(queryString);
         pageId = urlParams.get('id') || "";
@@ -1424,13 +1305,13 @@ onMounted(() => {
       // URL解析失败
     }
   }
-  
+
   // 方式3: 如果前两种方式都没有获取到，尝试从路由参数获取
   if (!pageId) {
     try {
       // 获取当前页面的完整路径
       const currentPath = window.location.pathname;
-      
+
       // 从路径中提取参数（如果路径包含参数）
       const pathMatch = currentPath.match(/\/gwFlow\/([^/?]+)/);
       if (pathMatch) {
@@ -1440,10 +1321,10 @@ onMounted(() => {
       // 路径解析失败
     }
   }
-  
+
   // 设置gwId
   gwId.value = pageId;
-  
+
   if (gwId.value) {
     getGwInfo();
   }
@@ -1479,18 +1360,18 @@ onMounted(() => {
 .info-item {
   display: flex;
   margin-bottom: 15px;
-  
+
   .label {
     width: 80px;
     color: #666;
     font-size: 14px;
   }
-  
+
   .value {
     flex: 1;
     color: #333;
     font-size: 14px;
-    
+
     &.title-bold {
       font-weight: bold;
       font-size: 16px;
@@ -1502,21 +1383,47 @@ onMounted(() => {
   padding: 2px 8px;
   border-radius: 4px;
   font-size: 12px;
-  
-  &.status-draft { background: #f0f0f0; color: #666; }
-  &.status-pending { background: #fff7e6; color: #fa8c16; }
-  &.status-approved { background: #f6ffed; color: #52c41a; }
-  &.status-rejected { background: #fff2f0; color: #ff4d4f; }
+
+  &.status-draft {
+    background: #f0f0f0;
+    color: #666;
+  }
+
+  &.status-pending {
+    background: #fff7e6;
+    color: #fa8c16;
+  }
+
+  &.status-approved {
+    background: #f6ffed;
+    color: #52c41a;
+  }
+
+  &.status-rejected {
+    background: #fff2f0;
+    color: #ff4d4f;
+  }
 }
 
 .urgency-tag {
   padding: 2px 8px;
   border-radius: 4px;
   font-size: 12px;
-  
-  &.urgency-normal { background: #f0f0f0; color: #666; }
-  &.urgency-high { background: #fff7e6; color: #fa8c16; }
-  &.urgency-urgent { background: #fff2f0; color: #ff4d4f; }
+
+  &.urgency-normal {
+    background: #f0f0f0;
+    color: #666;
+  }
+
+  &.urgency-high {
+    background: #fff7e6;
+    color: #fa8c16;
+  }
+
+  &.urgency-urgent {
+    background: #fff2f0;
+    color: #ff4d4f;
+  }
 }
 
 .file-item {
@@ -1528,12 +1435,12 @@ onMounted(() => {
   margin-bottom: 10px;
   background: #fafafa;
   transition: all 0.3s ease;
-  
+
   &:active {
     transform: translateY(1px);
     box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
   }
-  
+
   .file-icon {
     margin-right: 12px;
     width: 32px;
@@ -1541,16 +1448,16 @@ onMounted(() => {
     display: flex;
     align-items: center;
     justify-content: center;
-    
+
     .icon-image {
       width: 28px;
       height: 28px;
     }
   }
-  
+
   .file-info {
     flex: 1;
-    
+
     .file-name {
       display: block;
       font-weight: 500;
@@ -1558,13 +1465,13 @@ onMounted(() => {
       color: #333;
       font-size: 14px;
     }
-    
+
     .file-size {
       font-size: 12px;
       color: #666;
       margin-right: 8px;
     }
-    
+
     .file-type {
       font-size: 11px;
       color: #999;
@@ -1573,13 +1480,13 @@ onMounted(() => {
       border-radius: 4px;
     }
   }
-  
+
   .file-actions {
     display: flex;
     gap: 4px;
     flex-wrap: wrap;
     justify-content: flex-end;
-    
+
     .u-button {
       min-width: 20px;
       height: 26px;
@@ -1605,11 +1512,11 @@ onMounted(() => {
   border: 1px solid #eee;
   border-radius: 4px;
   margin-bottom: 10px;
-  
+
   .approver-info,
   .cc-info {
     flex: 1;
-    
+
     .order {
       background: #007aff;
       color: white;
@@ -1618,29 +1525,52 @@ onMounted(() => {
       font-size: 12px;
       margin-right: 8px;
     }
-    
+
     .name {
       font-weight: 500;
       margin-right: 8px;
     }
-    
+
     .dept {
       color: #666;
       font-size: 12px;
       margin-right: 8px;
     }
-    
+
     .status {
       padding: 2px 6px;
       border-radius: 4px;
       font-size: 12px;
-      
-      &.status-pending { background: #fff7e6; color: #fa8c16; }
-      &.status-approved { background: #f6ffed; color: #52c41a; }
-      &.status-rejected { background: #fff2f0; color: #ff4d4f; }
-      &.status-skipped { background: #f0f0f0; color: #666; }
-      &.status-unread { background: #fff7e6; color: #fa8c16; }
-      &.status-read { background: #f6ffed; color: #52c41a; }
+
+      &.status-pending {
+        background: #fff7e6;
+        color: #fa8c16;
+      }
+
+      &.status-approved {
+        background: #f6ffed;
+        color: #52c41a;
+      }
+
+      &.status-rejected {
+        background: #fff2f0;
+        color: #ff4d4f;
+      }
+
+      &.status-skipped {
+        background: #f0f0f0;
+        color: #666;
+      }
+
+      &.status-unread {
+        background: #fff7e6;
+        color: #fa8c16;
+      }
+
+      &.status-read {
+        background: #f6ffed;
+        color: #52c41a;
+      }
     }
   }
 }
@@ -1651,22 +1581,22 @@ onMounted(() => {
   background: #f8f9fa;
   border-radius: 4px;
   border-left: 3px solid #007aff;
-  
+
   .approval-info {
     display: flex;
     margin-bottom: 8px;
-    
+
     &:last-child {
       margin-bottom: 0;
     }
-    
+
     .info-label {
       width: 80px;
       color: #666;
       font-size: 12px;
       flex-shrink: 0;
     }
-    
+
     .info-value {
       flex: 1;
       color: #333;
@@ -1688,23 +1618,23 @@ onMounted(() => {
   border-radius: 6px;
   cursor: pointer;
   transition: all 0.3s ease;
-  
+
   &:active {
     background: #e9ecef;
     transform: translateY(1px);
   }
-  
+
   .more-text {
     font-size: 14px;
     color: #007aff;
     margin-right: 6px;
   }
-  
+
   .more-icon {
     font-size: 12px;
     color: #007aff;
     transition: transform 0.3s ease;
-    
+
     &.expanded {
       transform: rotate(180deg);
     }
@@ -1716,26 +1646,26 @@ onMounted(() => {
   border: 1px solid #eee;
   border-radius: 4px;
   margin-bottom: 10px;
-  
+
   .log-header {
     display: flex;
     justify-content: space-between;
     margin-bottom: 8px;
-    
+
     .operator {
       font-weight: 500;
       color: #007aff;
     }
-    
+
     .time {
       font-size: 12px;
       color: #666;
     }
   }
-  
+
   .log-content {
     margin-bottom: 8px;
-    
+
     .type {
       background: #f0f0f0;
       padding: 2px 6px;
@@ -1743,7 +1673,7 @@ onMounted(() => {
       font-size: 12px;
       margin-right: 8px;
     }
-    
+
     .content {
       color: #333;
     }
@@ -1774,27 +1704,27 @@ onMounted(() => {
 
 .modal-content {
   padding: 20px;
-  
+
   .modal-header {
     display: flex;
     justify-content: space-between;
     align-items: center;
     margin-bottom: 20px;
-    
+
     .modal-title {
       font-size: 16px;
       font-weight: bold;
     }
   }
-  
+
   .search-section {
     margin-bottom: 20px;
   }
-  
+
   .position-section {
     display: flex;
     align-items: center;
-    
+
     .position-label {
       margin-right: 10px;
     }
@@ -1805,29 +1735,29 @@ onMounted(() => {
   width: 80vw;
   max-width: 400px;
   padding: 20px;
-  
+
   .detail-header {
     display: flex;
     justify-content: space-between;
     align-items: center;
     margin-bottom: 20px;
-    
+
     .detail-title {
       font-size: 16px;
       font-weight: bold;
     }
   }
-  
+
   .detail-content {
     .detail-item {
       margin-bottom: 15px;
-      
+
       .detail-label {
         font-weight: 500;
         color: #666;
         margin-right: 10px;
       }
-      
+
       .detail-value {
         color: #333;
         word-break: break-all;
@@ -1842,28 +1772,28 @@ onMounted(() => {
   padding: 20px;
   background: #fff;
   border-radius: 12px;
-  
+
   .download-header {
     text-align: center;
     margin-bottom: 20px;
     padding-bottom: 15px;
     border-bottom: 1px solid #eee;
-    
+
     .download-title {
       font-size: 18px;
       font-weight: bold;
       color: #333;
     }
   }
-  
+
   .download-content {
     margin-bottom: 25px;
-    
+
     .file-info-section {
       display: flex;
       align-items: flex-start;
       margin-bottom: 15px;
-      
+
       .file-label {
         font-weight: 500;
         color: #666;
@@ -1871,7 +1801,7 @@ onMounted(() => {
         flex-shrink: 0;
         width: 60px;
       }
-      
+
       .file-name {
         color: #333;
         font-size: 14px;
@@ -1883,12 +1813,12 @@ onMounted(() => {
         border: 1px solid #e9ecef;
       }
     }
-    
+
     .path-info-section {
       display: flex;
       align-items: center;
       margin-bottom: 15px;
-      
+
       .path-label {
         font-weight: 500;
         color: #666;
@@ -1896,41 +1826,41 @@ onMounted(() => {
         flex-shrink: 0;
         width: 60px;
       }
-      
+
       .path-text {
         color: #007aff;
         font-size: 14px;
         flex: 1;
       }
     }
-    
+
     .download-tips {
       text-align: center;
-      
+
       .tips-text {
         color: #999;
         font-size: 12px;
       }
     }
   }
-  
+
   .download-actions {
     display: flex;
     justify-content: center;
     gap: 10px;
-    
+
     .u-button {
       flex: 1;
       max-width: 120px;
     }
   }
-  
+
   .download-progress {
     display: flex;
     flex-direction: column;
     align-items: center;
     padding: 20px 0;
-    
+
     .progress-spinner {
       width: 24px;
       height: 24px;
@@ -1940,7 +1870,7 @@ onMounted(() => {
       animation: spin 1s linear infinite;
       margin-bottom: 10px;
     }
-    
+
     .progress-text {
       color: #666;
       font-size: 14px;
@@ -1949,7 +1879,11 @@ onMounted(() => {
 }
 
 @keyframes spin {
-  0% { transform: rotate(0deg); }
-  100% { transform: rotate(360deg); }
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
 }
 </style>
diff --git a/src/pages/view/routine/gwlz/index.vue b/src/pages/view/routine/gwlz/index.vue
index ccaa049..3e502a9 100644
--- a/src/pages/view/routine/gwlz/index.vue
+++ b/src/pages/view/routine/gwlz/index.vue
@@ -119,6 +119,7 @@ import { onShow } from "@dcloudio/uni-app";
 import { navigateTo } from "@/utils/uniapp";
 import BasicSearch from "@/components/BasicSearch/Search.vue";
 import { gwFindPageApi, findUserTodosApi } from "@/api/routine/gw";
+import { gwSqApi, gwSpApi, gwTransferApi, gwStopApi, gwCxtjApi, gwXtApi } from "@/api/routine/gw";
 import dayjs from "dayjs";
 import { imagUrl } from "@/utils";
 import { useUserStore } from "@/store/modules/user";
@@ -148,6 +149,7 @@ interface GwListItem {
   fileFormat?: string;
   files?: FileInfo[];
   spZbqd?: string; // 审批人ID（逗号分隔，从审批人表查询）
+  spResult?: string; // 审批结果：A-待处理，B-同意，C-驳回，D-终止
   tjrtime?: string; // 提交时间
   [key: string]: any;
 }
@@ -278,8 +280,8 @@ const loadUserTodos = async (approveStatus: string, jsId: string) => {
     loading.value = true;
     uni.showLoading({ title: '加载中...' });
     
-    // 只调用 findUserTodos 分页接口
-    const response = await findUserTodosApi(approveStatus, jsId, 1, 1000); // 设置较大的pageSize以获取所有数据
+    // 调用 findUserTodos 分页接口，使用合理的分页大小
+    const response = await findUserTodosApi(approveStatus, jsId, 1, 50); // 使用合理的分页大小
     
     // 检查响应格式 - 根据实际返回的数据结构
     const result = (response as any).data || response;
@@ -374,27 +376,58 @@ const getStatusText = (status: string) => {
   return statusMap[status] || "未知";
 };
 
-// 获取按钮文本
+// 获取按钮文本 - 参考教师请假的逻辑
 const getButtonText = (item: GwListItem) => {
   const currentTeacherId = getCurrentTeacherId();
-  const { gwStatus, spZbqd } = item;
+  const { gwStatus, spZbqd, spResult } = item;
   
-  // 如果当前教师ID在spZbqd中，且状态为B（提交），则显示"审批"
-  if (currentTeacherId && spZbqd && gwStatus === 'B') {
+  // 如果是待办状态且当前用户是审批人，显示"审批"
+  if (currentTeacherId && spZbqd && gwStatus === 'B' && activeTab.value === 'pending') {
     const approverIds = spZbqd.split(',').map(id => id.trim());
     if (approverIds.includes(currentTeacherId)) {
       return '审批';
     }
   }
   
+  // 如果是已办状态，根据审批结果显示不同按钮
+  if (activeTab.value === 'approved') {
+    if (spResult === 'B') {
+      return '已同意';
+    } else if (spResult === 'C') {
+      return '已驳回';
+    } else if (spResult === 'D') {
+      return '已终止';
+    }
+  }
+  
   // 其他情况显示"详情"
   return '详情';
 };
 
-// 获取按钮样式类
+// 获取按钮样式类 - 参考教师请假的样式
 const getButtonClass = (item: GwListItem) => {
   const buttonText = getButtonText(item);
-  return buttonText === '审批' ? 'action-button-approve' : 'action-button-detail';
+  const currentTeacherId = getCurrentTeacherId();
+  const { gwStatus, spZbqd, spResult } = item;
+  
+  // 审批按钮样式
+  if (buttonText === '审批') {
+    return 'action-button-approve';
+  }
+  
+  // 已办状态按钮样式
+  if (activeTab.value === 'approved') {
+    if (spResult === 'B') {
+      return 'action-button-approved'; // 已同意
+    } else if (spResult === 'C') {
+      return 'action-button-rejected'; // 已驳回
+    } else if (spResult === 'D') {
+      return 'action-button-stopped'; // 已终止
+    }
+  }
+  
+  // 默认详情按钮样式
+  return 'action-button-detail';
 };
 
 // 紧急程度相关函数已删除
@@ -877,7 +910,10 @@ onUnmounted(() => {
 
 // 按钮样式，与状态标签大小相同
 .action-button-approve,
-.action-button-detail {
+.action-button-detail,
+.action-button-approved,
+.action-button-rejected,
+.action-button-stopped {
   padding: 4px 8px !important;
   border-radius: 12px !important;
   font-size: 12px !important;
@@ -901,6 +937,24 @@ onUnmounted(() => {
   border: none !important;
 }
 
+.action-button-approved {
+  background: linear-gradient(135deg, #66bb6a 0%, #4caf50 100%) !important;
+  color: white !important;
+  border: none !important;
+}
+
+.action-button-rejected {
+  background: linear-gradient(135deg, #ef5350 0%, #e53935 100%) !important;
+  color: white !important;
+  border: none !important;
+}
+
+.action-button-stopped {
+  background: linear-gradient(135deg, #9e9e9e 0%, #757575 100%) !important;
+  color: white !important;
+  border: none !important;
+}
+
 // 响应式优化
 @media (max-width: 375px) {
   .query-component {