diff --git a/api/common/upload.js b/api/common/upload.js
index 9e4b7e3..9476d7b 100644
--- a/api/common/upload.js
+++ b/api/common/upload.js
@@ -1,7 +1,5 @@
 import { getToken } from '@/util/auth'
-import request from "@/util/oaRequest"
-
-const BASE_URL = 'http://110.41.139.73:8080'
+import request, { BASE_URL } from "@/util/oaRequest"
 
 export function uploadImage(filePath) {
   console.log('[uploadImage] 开始上传:', filePath)
@@ -53,81 +51,74 @@ export function uploadImage(filePath) {
 export function uploadFile(file, options = {}) {
   const {
     allowedTypes = ['doc', 'xls', 'ppt', 'txt', 'pdf', 'docx', 'xlsx', 'png', 'jpg', 'jpeg', 'zip', 'rar', '7z', 'dwg'],
-    maxSize = 200, // 默认200MB
+    maxSize = 200,
     extraData = 1
   } = options
 
   return new Promise((resolve, reject) => {
-    // 文件类型验证
-    const ext = file.name.split('.').pop().toLowerCase()
-    if (allowedTypes && !allowedTypes.includes(ext)) {
-      reject(new Error(`文件格式不正确，请上传${allowedTypes.join('/')}格式文件！`))
-      return
-    }
+    const fileName = file?.name || file?.fileName || file?.originalName || ''
+    const filePath = file?.path || file?.tempFilePath || file?.url || file?.filePath || ''
+    const fileSize = Number(file?.size || 0)
 
-    // 文件大小验证
-    if (maxSize && file.size / 1024 / 1024 > maxSize) {
-      reject(new Error(`上传文件大小不能超过 ${maxSize} MB！`))
-      return
-    }
+    console.log('[uploadFile] 入参:', { fileName, filePath, fileSize, type: file?.type, raw: file })
 
-    // 验证文件路径
-    if (!file.path) {
+    if (!filePath) {
       reject(new Error('文件路径为空'))
       return
     }
 
-    console.log('[uploadFile] 开始上传文件:', {
-      name: file.name,
-      size: file.size,
-      path: file.path,
-      type: file.type
-    })
+    const ext = (fileName.split('.').pop() || '').toLowerCase()
+    if (allowedTypes && ext && !allowedTypes.includes(ext)) {
+      reject(new Error(`文件格式不正确，请上传 ${allowedTypes.join('/')} 格式文件！`))
+      return
+    }
 
-    // 处理文件路径（安卓平台）
-    let filePath = file.path
+    if (maxSize && fileSize > 0 && fileSize / 1024 / 1024 > maxSize) {
+      reject(new Error(`上传文件大小不能超过 ${maxSize} MB！`))
+      return
+    }
+
+    let realPath = filePath
     // #ifdef APP-PLUS
-    if (typeof plus !== 'undefined' && plus.io) {
-      if (!filePath.startsWith('/') && !filePath.startsWith('file://')) {
-        filePath = plus.io.convertLocalFileSystemURL(filePath)
+    if (typeof plus !== 'undefined' && plus.io && realPath && !realPath.startsWith('file://') && !realPath.startsWith('/')) {
+      try {
+        realPath = plus.io.convertLocalFileSystemURL(realPath)
+      } catch (e) {
+        console.warn('[uploadFile] 路径转换失败，使用原始路径', e)
       }
     }
     // #endif
 
+    console.log('[uploadFile] 开始上传文件:', { fileName, realPath, fileSize, type: file?.type })
+
     uni.uploadFile({
       url: BASE_URL + '/system/oss/upload',
-      filePath,
+      filePath: realPath,
       name: 'file',
-      formData: {
-        isPublic: extraData
-      },
-      header: {
-        'Authorization': 'Bearer ' + getToken()
-      },
+      formData: { isPublic: extraData },
+      header: { Authorization: 'Bearer ' + getToken() },
       success: (res) => {
         console.log('[uploadFile] 上传响应:', res)
         try {
           const data = typeof res.data === 'string' ? JSON.parse(res.data) : res.data
           if (data.code === 200) {
-            console.log('[uploadFile] 上传成功:', data.data)
             resolve({
               ossId: data.data.ossId,
               url: data.data.url,
               fileName: data.data.fileName,
-              originalName: file.name
+              originalName: fileName
             })
           } else {
-            console.error('[uploadFile] 上传失败:', data)
-            reject(data.msg || '上传失败')
+            reject(new Error(data.msg || '上传失败'))
           }
         } catch (e) {
           console.error('[uploadFile] 解析返回数据失败:', e, res.data)
-          reject('上传返回格式错误')
+          reject(new Error('上传返回格式错误'))
         }
       },
       fail: (err) => {
         console.error('[uploadFile] 上传接口调用失败:', err)
-        reject(err)
+        reject(new Error(err?.errMsg || err?.message || '上传失败'))
       }
     })
   })
@@ -139,7 +130,7 @@ export function uploadFile(file, options = {}) {
  * @param {Object} options - 上传选项
  * @returns {Promise} 返回上传结果数组
  */
-export function uploadFiles(files, options = {}) {
+export async function uploadFiles(files, options = {}) {
   const {
     allowedTypes = ['doc', 'xls', 'ppt', 'txt', 'pdf', 'docx', 'xlsx', 'png', 'jpg', 'jpeg', 'zip', 'rar', '7z', 'dwg'],
     maxSize = 200,
@@ -205,7 +196,7 @@ export function listByIds(ossId) {
  * @param {Array} ossIds - OSS ID数组
  * @returns {Promise} 返回文件信息数组
  */
-export function getFilesByIds(ossIds) {
+export async function getFilesByIds(ossIds) {
   if (!ossIds || ossIds.length === 0) {
     return Promise.resolve([])
   }
diff --git a/api/hrm/flow.js b/api/hrm/flow.js
index 7880b75..2416c9e 100644
--- a/api/hrm/flow.js
+++ b/api/hrm/flow.js
@@ -25,6 +25,14 @@ export function listTodoFlowTask(assigneeUserId) {
   })
 }
 
+export function listDoneFlowTask(userId, query) {
+  return request({
+    url: '/hrm/flow/task/historyList',
+    method: 'get',
+    params: { pageNum: 1, pageSize: 200, ...query }
+  })
+}
+
 // 业务维度：按 bizType + bizId 查询当前待办任务（后端需提供）
 export function getTodoTaskByBiz(bizType, bizId, assigneeUserId) {
   return request({
diff --git a/package (2).json b/package (2).json
new file mode 100644
index 0000000..709d6b8
--- /dev/null
+++ b/package (2).json	
@@ -0,0 +1,25 @@
+{
+    "id": "x-native-uploader",
+    "name": "x-native-uploader 原生文件上传组件",
+    "displayName": "x-native-uploader 原生文件上传组件",
+    "version": "1.0.2",
+    "description": "跨平台的文件上传组件，专为解决 UniApp 在 App 端文件选择与上传的痛点而设计。它集成了 Native.js 的能力，支持在 Android 和 iOS 上调用原生文件选择器",
+    "keywords": [
+        "文件上传"
+    ],
+    "dcloudext": {
+        "type": "component-vue",
+        "sale": {
+            "regular": {
+                "price": "0.00"
+            },
+            "sourcecode": {
+                "price": "0.00"
+            }
+        }
+    },
+    "uni_modules": {
+        "dependencies": [],
+        "encrypt": []
+    }
+}
\ No newline at end of file
diff --git a/pages.json b/pages.json
index da8d436..935ca99 100644
--- a/pages.json
+++ b/pages.json
@@ -1,6 +1,5 @@
 {
   "pages": [
-    //pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages
     {
       "path": "pages/login/index"
     },
@@ -558,6 +557,41 @@
 			"navigationStyle": "default"
 		}
 	},
+	{
+		"path": "pages/workbench/hrm/leave/leave",
+		"style": {
+			"navigationBarTitleText": "请假申请",
+			"navigationStyle": "default"
+		}
+	},
+	{
+		"path": "pages/workbench/hrm/travel/travel",
+		"style": {
+			"navigationBarTitleText": "出差申请",
+			"navigationStyle": "default"
+		}
+	},
+	{
+		"path": "pages/workbench/hrm/seal/seal",
+		"style": {
+			"navigationBarTitleText": "用印申请",
+			"navigationStyle": "default"
+		}
+	},
+	{
+		"path": "pages/workbench/hrm/reimburse/reimburse",
+		"style": {
+			"navigationBarTitleText": "报销申请",
+			"navigationStyle": "default"
+		}
+	},
+	{
+		"path": "pages/workbench/hrm/apply/apply",
+		"style": {
+			"navigationBarTitleText": "拨款申请",
+			"navigationStyle": "default"
+		}
+	},
 	{
 		"path": "pages/workbench/hrm/approve/approve",
 		"style": {
@@ -579,18 +613,11 @@
 			"navigationStyle": "default"
 		}
 	},
-	{
-		"path": "pages/workbench/hrm/apply/apply",
-		"style": {
-			"navigationBarTitleText": "我的申请",
-			"navigationStyle": "default"
-		}
-	},
 	{
 		"path": "pages/hrm/approve/approve",
 		"style": {
 			"navigationBarTitleText": "办公审批",
-			"navigationStyle": "default"
+			"navigationStyle": "custom"
 		}
 	}
   ],
diff --git a/pages/hrm/approve/approve.vue b/pages/hrm/approve/approve.vue
index 89d0569..fba72ec 100644
--- a/pages/hrm/approve/approve.vue
+++ b/pages/hrm/approve/approve.vue
@@ -1,632 +1,640 @@
 <template>
 	<view class="hrm-page">
-		<!-- 顶部统计栏 -->
-		<view class="summary-bar">
-			<view class="summary-right">
-				<view class="metric">
-					<view class="metric-value">{{ todoCount }}</view>
-					<view class="metric-label">待审批</view>
-				</view>
+		<view class="page-spacer"></view>
+		<view class="page-nav">
+			<view class="nav-tabs nav-tabs--top">
+				<view class="nav-tab" :class="{ active: activeTopTab === 'approval' }" @click="switchTopTab('approval')">我的审批</view>
+				<view class="nav-tab" :class="{ active: activeTopTab === 'apply' }" @click="switchTopTab('apply')">发起申请</view>
 			</view>
 		</view>
 
-		<!-- 筛选栏 -->
-		<view class="filter-bar">
-			<view style="display: flex; align-items: center; gap: 16rpx; flex: 1">
-				<span class="filter-label">申请类型：</span>
-				<picker @change="handleBizTypeChange" :value="bizTypeIndex" :range="bizTypeList" range-key="label">
-					<view class="picker-text">{{ bizTypeList[bizTypeIndex].label }}</view>
-				</picker>
-			</view>
-			
-			<button class="refresh-btn" size="mini" @click="loadTodoList">
-				刷新
-			</button>
-		</view>
-
-		<!-- 待审批列表 -->
-		<scroll-view class="approval-list" scroll-y>
-			<!-- 加载中 -->
-			<view v-if="loading" class="loading-container">
-				<uni-load-more type="loading" color="#409EFF"></uni-load-more>
-			</view>
-
-			<!-- 空数据 -->
-			<view v-else-if="todoList.length === 0" class="empty-container">
-				<uni-icons type="empty" size="60" color="#909399"></uni-icons> 
-				<view class="empty-text">暂无待审批任务</view>
-			</view>
-
-			<!-- 列表项 -->
-			<view v-else class="list-item" v-for="(item, index) in todoList" :key="index" @click="goDetail(item)"
-				@longpress="showActionMenu(item)">
-				<!-- 申请类型标签 -->
-				<view class="item-tag" :class="getBizTypeTagType(item.bizType)">
-					{{ getBizTypeText(item.bizType) }}
-				</view>
-
-				<!-- 核心信息 -->
-				<view class="item-main">
-					<view class="applicant">
-						<uni-icons type="user" size="14" color="#8a8f99"></uni-icons>
-						{{ formatApplicant(item) }}
+		<view v-if="activeTopTab === 'approval'" class="tab-panel lower-panel">
+			<view class="sub-tabs sub-tabs--underline">
+				<view class="sub-tab" :class="{ active: activeApprovalTab === 'todo' }" @click="switchApprovalTab('todo')">
+					<view class="tab-label-row">
+						<text>待处理</text>
+						<view v-if="summary.todo > 0" class="tab-badge">
+							<view class="tab-dot"></view>
+							<text class="tab-badge-num">{{ summary.todo }}</text>
+						</view>
 					</view>
-					<view class="request-info">{{ formatRequestInfo(item) }}</view>
-					<!-- <view class="node-info">当前节点：{{ formatNodeName(item) }}</view> -->
-					<view class="time-info">{{ formatDate(item.createTime) }}</view>
 				</view>
+				<view class="sub-tab" :class="{ active: activeApprovalTab === 'done' }" @click="switchApprovalTab('done')">已处理</view>
+				<view class="sub-tab" :class="{ active: activeApprovalTab === 'cc' }" @click="switchApprovalTab('cc')">抄送我</view>
+			</view>
 
-				<!-- 状态标签 -->
-				<view class="status-tag" :class="statusType(item.status)">
-					{{ statusText(item.status) }}
+			<view class="type-row">
+				<scroll-view class="type-scroll" scroll-x show-scrollbar="false">
+					<view class="type-tabs">
+						<view class="type-tab" :class="{ active: bizTypeIndex === 0 }" @click="setBizType(0)">全部</view>
+						<view class="type-tab" v-for="(item, index) in bizTypeList.slice(1)" :key="item.value" :class="{ active: bizTypeIndex === index + 1 }" @click="setBizType(index + 1)">{{ item.label }}</view>
+					</view>
+				</scroll-view>
+				<view class="refresh-row" @click="refreshCurrentList">
+					<uni-icons type="refreshempty" size="18" color="#1677ff"></uni-icons>
 				</view>
 			</view>
-		</scroll-view>
+
+			<scroll-view class="approval-list" scroll-y>
+				<view v-if="loading" class="loading-container">
+					<uni-load-more type="loading" color="#409EFF"></uni-load-more>
+				</view>
+
+				<view v-else-if="currentList.length === 0" class="empty-container">
+					<uni-icons type="empty" size="60" color="#909399"></uni-icons>
+					<view class="empty-text">{{ emptyText }}</view>
+				</view>
+
+				<view v-else class="list-item" v-for="(item, index) in currentList" :key="item.taskId || item.instId || index" @click="goDetail(item)" @longpress="showActionMenu(item)">
+					<view class="item-tag" :class="getBizTypeTagType(item.bizType)">{{ getBizTypeText(item.bizType) }}</view>
+					<view class="item-main">
+						<view class="applicant">
+							<uni-icons type="user" size="14" color="#8a8f99"></uni-icons>
+							{{ formatApplicant(item) }}
+						</view>
+						<view class="request-info">{{ formatRequestInfo(item) }}</view>
+						<view class="time-info">{{ formatDate(item.createTime || item.startTime) }}</view>
+					</view>
+					<view class="status-tag" :class="statusType(item.status)">{{ statusText(item.status) }}</view>
+				</view>
+			</scroll-view>
+		</view>
+
+		<view v-else class="tab-panel apply-panel lower-panel">
+
+			<view class="apply-list">
+				<view class="apply-item" v-for="item in applyTypes" :key="item.key" @click="goCreate(item.key)">
+					<view class="apply-item-main">
+						<view class="apply-item-title">{{ item.title }}</view>
+						<view class="apply-item-desc">{{ item.desc }}</view>
+					</view>
+					<uni-icons type="right" size="18" color="#111827"></uni-icons>
+				</view>
+			</view>
+		</view>
 	</view>
 </template>
 
 <script>
-	import {
-		listEmployee
-	} from '@/api/hrm';
-	import { getUserProfile } from '@/api/oa/user.js';
-	import {
-		approveFlowTask,
-		listTodoFlowTask,
-		rejectFlowTask
-	} from '@/api/hrm/flow';
+import { getUserProfile } from '@/api/oa/user.js';
+import { approveFlowTask, listMyFlowInstance, listTodoFlowTask, listDoneFlowTask, rejectFlowTask } from '@/api/hrm/flow';
 
-	export default {
-		name: 'HrmApproval',
-		data() {
-			return {
-				// 员工列表
-				employees: [],
-				// 待审批列表
-				todoList: [],
-				loading: false,
-				todoCount: 0,
-				todayCount: 0,
-				// 筛选条件
-				query: {
-					bizType: ''
-				},
-				// 申请类型筛选器配置
-				bizTypeList: [{
-						label: '全部',
-						value: ''
-					},
-					{
-						label: '请假',
-						value: 'leave'
-					},
-					{
-						label: '出差',
-						value: 'travel'
-					},
-					{
-						label: '用印',
-						value: 'seal'
-					},
-					{
-						label: '报销',
-						value: 'reimburse'
-					},
-					{
-						label: '拨款',
-						value: 'appropriation'
-					}
-				],
-				bizTypeIndex: 0,
-				// 审批操作弹窗
-				actionDialog: {
-					visible: false,
-					title: '',
-					type: '', // approve/reject
-					task: null
-				},
-				actionForm: {
-					remark: ''
-				},
-				actionSubmitting: false,
-				currentOaUserId: ''
+export default {
+	name: 'HrmApproval',
+	data() {
+		return {
+			activeTopTab: 'approval',
+			activeApprovalTab: 'todo',
+			loading: false,
+			todoList: [],
+			doneList: [],
+			ccList: [],
+			summary: {
+				todo: 0,
+				done: 0,
+				cc: 0
+			},
+			query: {
+				bizType: ''
+			},
+			bizTypeList: [
+				{ label: '全部', value: '' },
+				{ label: '请假', value: 'leave' },
+				{ label: '出差', value: 'travel' },
+				{ label: '用印', value: 'seal' },
+				{ label: '报销', value: 'reimburse' },
+				{ label: '拨款', value: 'appropriation' }
+			],
+			bizTypeIndex: 0,
+			currentOaUserId: '',
+			roleGroup: [],
+			applyTypes: [
+				{ key: 'leave', title: '请假申请', desc: '发起请假流程，支持多种请假类型' },
+				{ key: 'travel', title: '出差申请', desc: '发起出差流程，支持附件与审批流转' },
+				{ key: 'seal', title: '用印申请', desc: '发起用印流程，上传文件并提交审批' },
+				{ key: 'reimburse', title: '报销申请', desc: '发起报销流程，填写金额与凭证' },
+				{ key: 'appropriation', title: '拨款申请', desc: '发起拨款流程，填写用途与金额' }
+			]
+		}
+	},
+	onShow() {
+		this.fetchUserProfile().then(() => {
+			this.refreshCurrentList();
+		});
+	},
+	computed: {
+		currentList() {
+			if (this.activeApprovalTab === 'todo') return this.todoList;
+			if (this.activeApprovalTab === 'done') return this.doneList;
+			return this.ccList;
+		},
+		emptyText() {
+			const map = {
+				todo: '暂无待处理审批',
+				done: '暂无已处理记录',
+				cc: '暂无抄送消息'
+			};
+			return map[this.activeApprovalTab] || '暂无数据';
+		}
+	},
+	methods: {
+		goBack() {
+			uni.navigateBack({ delta: 1 });
+		},
+		async fetchUserProfile() {
+			try {
+				const response = await getUserProfile();
+				const user = response?.data?.user || {};
+				const roles = user.roles?.map(item => item.roleKey) || [];
+				this.$store.commit('oa/SET_STATE', user);
+				this.currentOaUserId = user.userId || '';
+				this.roleGroup = roles;
+				return user;
+			} catch (error) {
+				console.error('获取用户个人信息失败:', error);
+				this.roleGroup = [];
+				return null;
 			}
 		},
-		onShow() {
-			this.fetchUserProfile().then(() => {
-				this.loadEmployees();
+		switchTopTab(tab) {
+			this.activeTopTab = tab;
+			if (tab === 'approval') {
+				this.refreshCurrentList();
+			}
+		},
+		switchApprovalTab(tab) {
+			this.activeApprovalTab = tab;
+			this.refreshCurrentList();
+		},
+		refreshCurrentList() {
+			if (this.activeTopTab !== 'approval') return;
+			if (this.activeApprovalTab === 'todo') {
 				this.loadTodoList();
+				return;
+			}
+			if (this.activeApprovalTab === 'done') {
+				this.loadDoneList();
+				return;
+			}
+			this.loadCcList();
+		},
+		setBizType(index) {
+			this.bizTypeIndex = index;
+			this.query.bizType = this.bizTypeList[index].value;
+			this.refreshCurrentList();
+		},
+		async loadTodoList() {
+			this.loading = true;
+			try {
+				const res = await listTodoFlowTask(this.currentOaUserId);
+				let list = res.data || [];
+				if (this.query.bizType) list = list.filter(item => item.bizType === this.query.bizType);
+				this.todoList = list;
+				this.summary.todo = list.length;
+			} catch (err) {
+				console.error('加载待办任务失败:', err);
+				this.todoList = [];
+				this.summary.todo = 0;
+				uni.showToast({ title: '加载待办任务失败', icon: 'none' });
+			} finally {
+				this.loading = false;
+			}
+		},
+		async loadDoneList() {
+			this.loading = true;
+			try {
+				const res = await listDoneFlowTask();
+				let list = (res.rows || res.data || []);
+				if (this.query.bizType) list = list.filter(item => item.bizType === this.query.bizType);
+				this.doneList = list;
+				this.summary.done = list.length;
+			} catch (err) {
+				console.error('加载已处理记录失败:', err);
+				this.doneList = [];
+				this.summary.done = 0;
+				uni.showToast({ title: '加载已处理记录失败', icon: 'none' });
+			} finally {
+				this.loading = false;
+			}
+		},
+		async loadCcList() {
+			this.loading = true;
+			try {
+				const res = await listMyFlowInstance({ pageNum: 1, pageSize: 200 });
+				let list = (res.rows || res.data || []).filter(item => item.ccFlag === 1 || item.isCc === 1 || item.readFlag === 0);
+				if (this.query.bizType) list = list.filter(item => item.bizType === this.query.bizType);
+				this.ccList = list;
+				this.summary.cc = list.length;
+			} catch (err) {
+				console.error('加载抄送记录失败:', err);
+				this.ccList = [];
+				this.summary.cc = 0;
+				uni.showToast({ title: '加载抄送记录失败', icon: 'none' });
+			} finally {
+				this.loading = false;
+			}
+		},
+		getBizTypeText(type) {
+			const map = { leave: '请假', travel: '出差', seal: '用印', reimburse: '报销', appropriation: '拨款' };
+			return map[type] || type || '-';
+		},
+		getBizTypeTagType(type) {
+			const map = { leave: 'primary', travel: 'success', seal: 'warning', reimburse: 'danger', appropriation: 'danger' };
+			return map[type] || 'info';
+		},
+		statusText(status) {
+			const map = { pending: '待审批', draft: '草稿', approved: '已通过', rejected: '已驳回', running: '审批中', finished: '已完成', revoked: '已撤销' };
+			return map[status] || status || '-';
+		},
+		statusType(status) {
+			const map = { pending: 'warning', running: 'warning', draft: 'info', approved: 'success', rejected: 'danger', finished: 'success', revoked: 'danger' };
+			return map[status] || 'info';
+		},
+		formatDate(val) {
+			if (!val) return '';
+			const d = new Date(val);
+			const p = n => (n < 10 ? `0${n}` : n);
+			return `${d.getFullYear()}-${p(d.getMonth() + 1)}-${p(d.getDate())} ${p(d.getHours())}:${p(d.getMinutes())}`;
+		},
+		formatEmpLabel(emp) {
+			if (!emp) return '未指定';
+			const name = emp.empName || emp.nickName || emp.userName || '';
+			const dept = emp.deptName ? ` · ${emp.deptName}` : '';
+			return `${name || '员工'}${dept}`.trim();
+		},
+		formatApplicant(task) {
+			if (!task) return '未指定';
+			const biz = task.bizData || {};
+			return biz.empName || biz.applicantName || task.empName || task.applicantName || task.assigneeNickName || task.userName || '未指定';
+		},
+		formatRequestInfo(task) {
+			if (!task) return '-';
+			const biz = task.bizData || {};
+			if (task.bizType === 'leave') return `${biz.leaveType || '请假'} · ${this.formatDuration(biz)}`;
+			if (task.bizType === 'travel') return `${biz.travelType || '出差'} · ${biz.destination || ''}`;
+			if (task.bizType === 'seal') return `${biz.sealType || '用印'} · ${biz.applyFileIds ? '已上传文件' : '未上传'}`;
+			if (task.bizType === 'reimburse') return `${biz.reimburseType || '报销'} · 金额: ${(biz.totalAmount ?? 0)}元`;
+			if (task.bizType === 'appropriation') return `${biz.appropriationType || '拨款'} · 金额: ${(biz.amount ?? 0)}元`;
+			return task.bizTitle || '-';
+		},
+		formatDuration(biz) {
+			if (biz.hours) return `${biz.hours}h`;
+			if (biz.startTime && biz.endTime) {
+				const ms = new Date(biz.endTime).getTime() - new Date(biz.startTime).getTime();
+				if (ms > 0) return `${(ms / 3600000).toFixed(1)}h`;
+			}
+			return '-';
+		},
+		goDetail(task) {
+			if (!task) return;
+			const bizId = task.bizId || task.instId;
+			const bizType = task.bizType;
+			if (!bizType || !bizId) {
+				uni.showToast({ title: '缺少业务信息，无法打开详情', icon: 'none' });
+				return;
+			}
+			uni.navigateTo({ url: `/pages/workbench/hrm/detail/detail?bizId=${bizId}&bizType=${bizType}` });
+		},
+		goCreate(type) {
+			const map = {
+				leave: '/pages/workbench/hrm/leave/leave',
+				travel: '/pages/workbench/hrm/travel/travel',
+				seal: '/pages/workbench/hrm/seal/seal',
+				reimburse: '/pages/workbench/hrm/reimburse/reimburse',
+				appropriation: '/pages/workbench/hrm/apply/apply'
+			};
+			uni.navigateTo({ url: map[type] || '/pages/workbench/hrm/apply/apply' });
+		},
+		goTravelEarlyEnd() {
+			uni.showToast({ title: '请进入出差详情后发起提前结束', icon: 'none' });
+		},
+		showActionMenu(task) {
+			if (this.activeApprovalTab !== 'todo') {
+				this.goDetail(task);
+				return;
+			}
+			uni.showActionSheet({
+				itemList: ['查看详情', '审批通过', '审批驳回', '出差提前结束'],
+				success: (res) => {
+					switch (res.tapIndex) {
+						case 0:
+							this.goDetail(task);
+							break;
+						case 1:
+							approveFlowTask(task.taskId).then(() => {
+								uni.showToast({ title: '已通过审批', icon: 'none' });
+								this.refreshCurrentList();
+							});
+							break;
+						case 2:
+							rejectFlowTask(task.taskId).then(() => {
+								uni.showToast({ title: '已驳回', icon: 'none' });
+								this.refreshCurrentList();
+							});
+							break;
+						
+					}
+				}
 			});
 		},
-		methods: {
-			// 格式化员工信息展示（不展示各类ID）
-			formatEmpLabel(emp) {
-				if (!emp) return '';
-				const name = emp.empName || emp.nickName || emp.userName || '';
-				const dept = emp.deptName ? ` · ${emp.deptName}` : '';
-				return `${name || '员工'}${dept}`.trim();
-			},
-			async fetchUserProfile() {
-				try {
-					const response = await getUserProfile();
-					const user = response?.data?.user || {};
-					const roles = user.roles?.map(item => item.roleKey) || [];
-					this.$store.commit('oa/SET_STATE', user);
-					this.currentOaUserId = user.userId || '';
-					this.roleGroup = roles;
-					return user;
-				} catch (error) {
-					console.error('获取用户个人信息失败:', error);
-					this.roleGroup = [];
-					return null;
-				}
-			},
-			// 格式化申请人信息（优先展示姓名，不展示ID）
-			formatApplicant(task) {
-				if (!task) return '未指定';
-				const biz = task.bizData || {};
-				const directName =
-					biz.empName ||
-					biz.applicantName ||
-					biz.userName ||
-					biz.nickName ||
-					task.empName ||
-					task.applicantName ||
-					task.userName ||
-					task.nickName ||
-					'';
-				if (directName) {
-					return directName;
-				}
-				const empId = biz.empId || task.empId;
-				const emp = this.employees.find(e => String(e.empId) === String(empId));
-				if (emp) {
-					return this.formatEmpLabel(emp);
-				}
-				return '未指定';
-			},
-			// 格式化申请信息
-			formatRequestInfo(task) {
-				if (!task.bizData) return '加载中...';
-				const biz = task.bizData;
-				if (task.bizType === 'leave') {
-					return `${biz.leaveType || '请假'} · ${this.formatDuration(biz)}`;
-				} else if (task.bizType === 'travel') {
-					return `${biz.travelType || '出差'} · ${biz.destination || ''}`;
-				} else if (task.bizType === 'seal') {
-					return `${biz.sealType || '用印'} · ${biz.applyFileIds ? '已上传文件' : '未上传'}`;
-				} else if (task.bizType === 'reimburse') {
-					const amt = biz.totalAmount != null ? biz.totalAmount : 0;
-					return `${biz.reimburseType || '报销'} · 金额: ${amt}元`;
-				} else if (task.bizType === 'appropriation') {
-					const amt = biz.amount != null ? biz.amount : 0;
-					return `${biz.appropriationType || '拨款'} · 金额: ${amt}元`; 
-				}
-				return '-';
-			},
-			// 格式化节点名称
-			formatNodeName(task) {
-				return `节点 #${task.nodeId}`;
-			},
-			// 获取申请类型文本
-			getBizTypeText(type) {
-				const map = {
-					leave: '请假',
-					travel: '出差',
-					seal: '用印',
-					reimburse: '报销',
-					appropriation: '拨款'
-				};
-				return map[type] || type || '-';
-			},
-			// 获取申请类型标签样式
-			getBizTypeTagType(type) {
-				const map = {
-					leave: 'primary',
-					travel: 'success',
-					seal: 'warning',
-					reimburse: 'danger',
-					appropriation: 'danger'
-				};
-				return map[type] || 'info';
-			},
-			// 获取状态文本
-			statusText(status) {
-				const map = {
-					pending: '待审批',
-					draft: '草稿',
-					approved: '已通过',
-					rejected: '已驳回'
-				};
-				return map[status] || status || '-';
-			},
-			// 获取状态标签样式
-			statusType(status) {
-				if (!status) return 'info';
-				const map = {
-					pending: 'warning',
-					draft: 'info',
-					approved: 'success',
-					rejected: 'danger'
-				};
-				return map[status] || 'info';
-			},
-			// 格式化日期
-			formatDate(val) {
-				if (!val) return '';
-				const d = new Date(val);
-				const p = n => (n < 10 ? `0${n}` : n);
-				return `${d.getFullYear()}-${p(d.getMonth() + 1)}-${p(d.getDate())} ${p(d.getHours())}:${p(d.getMinutes())}`;
-			},
-			// 格式化时长
-			formatDuration(biz) {
-				if (biz.hours) return `${biz.hours}h`;
-				if (biz.startTime && biz.endTime) {
-					const ms = new Date(biz.endTime).getTime() - new Date(biz.startTime).getTime();
-					if (ms > 0) return `${(ms / 3600000).toFixed(1)}h`;
-				}
-				return '-';
-			},
-			// 加载员工列表
-			loadEmployees() {
-				listEmployee({
-					pageNum: 1,
-					pageSize: 1000
-				}).then(res => {
-					this.employees = res.rows || res.data || [];
-				}).catch(() => {
-					this.employees = [];
-				});
-			},
-			// 获取当前用户ID（优先 store，其次接口返回）
-			resolveCurrentUserId(profileUser) {
-				const storeId = this.$store?.getters?.storeOaId || this.$store?.state?.oa?.id;
-				if (storeId) return storeId;
-				return profileUser?.userId || profileUser?.id || profileUser?.empId || '';
-			},
-			// 加载待办列表
-			async loadTodoList() {
-				this.loading = true;
-				try {
-					// const profileUser = await this.fetchUserProfile();
-					// const userId = this.resolveCurrentUserId(profileUser);
-					// if (!userId) {
-					// 	this.todoList = [];
-					// 	this.todoCount = 0;
-					// 	uni.showToast({
-					// 		title: '当前登录信息未就绪，请稍后重试',
-					// 		icon: 'none'
-					// 	});
-					// 	return;
-					// }
-					const res = await listTodoFlowTask(this.currentOaUserId);
-					let list = res.data || [];
-					// 前端过滤 bizType
-					if (this.query.bizType) {
-						list = list.filter(item => item.bizType === this.query.bizType);
-					}
-
-					this.todoList = list;
-					this.todoCount = list.length;
-					this.todayCount = 0;
-				} catch (err) {
-					console.error('加载待办任务失败:', err);
-					this.todoList = [];
-					this.todoCount = 0;
-					uni.showToast({
-						title: '加载待办任务失败',
-						icon: 'none'
-					});
-				} finally {
-					this.loading = false;
-				}
-			},
-			// 跳转详情页
-			goDetail(task) {
-				if (!task || !task.bizId) {
-					uni.showToast({
-						title: '缺少bizId，无法打开详情',
-						icon: 'none'
-					});
-					return;
-				}
-				if (!task || !task.bizType) {
-					uni.showToast({
-						title: '未知的申请类型',
-						icon: 'none'
-					});
-					return;
-				}
-				uni.navigateTo({
-					url: `/pages/workbench/hrm/detail/detail?bizId=${task.bizId}&bizType=${task.bizType}`
-				});
-			},
-			// 申请类型筛选变更
-			handleBizTypeChange(e) {
-				this.bizTypeIndex = e.detail.value;
-				this.query.bizType = this.bizTypeList[this.bizTypeIndex].value;
-				this.loadTodoList();
-			},
-			// 长按弹出操作菜单
-			showActionMenu(task) {
-				uni.showActionSheet({
-					itemList: ['查看详情', '审批通过', '审批驳回'],
-					success: (res) => {
-						switch (res.tapIndex) {
-							case 0: // 查看详情
-								this.goDetail(task);
-								break;
-							case 1: // 审批通过
-								approveFlowTask(task.taskId).then(() => {
-									uni.showToast({
-										title: '已通过审批',
-										icon: 'none'
-									})
-									this.loadTodoList()
-								})
-								break;
-							case 2: // 审批驳回
-								rejectFlowTask(task.taskId).then(() => {
-									uni.showToast({
-										title: '已驳回',
-										icon: 'none'
-									})
-									this.loadTodoList()
-								})
-								break;
-						}
-					},
-					fail: (res) => {
-						console.log('取消操作:', res);
-					}
-				});
-			},
-			// 提交审批操作
-			submitAction() {
-				if (!this.actionDialog.task) return;
-				this.actionSubmitting = true;
-				const {
-					task,
-					type
-				} = this.actionDialog;
-				const action = type === 'approve' ? approveFlowTask : rejectFlowTask;
-
-				action(task.taskId, {
-						remark: this.actionForm.remark
-					})
-					.then(() => {
-						uni.showToast({
-							title: type === 'approve' ? '审批通过' : '已驳回',
-							icon: 'success'
-						});
-						this.actionDialog.visible = false;
-						this.loadTodoList();
-					})
-					.catch(err => {
-						console.error('审批操作失败:', err);
-						uni.showToast({
-							title: '操作失败',
-							icon: 'error'
-						});
-					})
-					.finally(() => {
-						this.actionSubmitting = false;
-						this.actionForm.remark = '';
-					});
-			}
-		}
 	}
+}
 </script>
 
 <style lang="scss" scoped>
-	.hrm-page {
-		min-height: 100vh;
-		background-color: #f8f9fb;
-		padding: 16rpx;
-	}
+.hrm-page {
+	min-height: 100vh;
+	background: #fff;
+	box-sizing: border-box;
+}
 
-	// 顶部统计栏
-	.summary-bar {
-		display: flex;
-		justify-content: space-between;
-		align-items: center;
-		gap: 16rpx;
-		padding: 20rpx;
-		margin-bottom: 16rpx;
-		border: 1px solid #e6e8ed;
-		border-radius: 10rpx;
-		background: #ffffff;
+.page-spacer {
+	height: var(--status-bar-height, 44px);
+	background: #fff;
+}
 
+.page-nav {
+	position: sticky;
+	top: var(--status-bar-height, 44px);
+	z-index: 10;
+	background: #fff;
+	padding: 12rpx 16rpx 0;
+	border-bottom: 1rpx solid #eef2f7;
+}
 
-		.summary-right {
-			display: flex;
-			gap: 16rpx;
+.nav-tabs {
+	display: flex;
+	justify-content: center;
+	gap: 42rpx;
+}
 
-			.metric {
-				min-width: 100rpx;
-				padding: 12rpx 16rpx;
-				border: 1px solid #e6e8ed;
-				border-radius: 10rpx;
-				background: #fcfdff;
-				text-align: center;
+.nav-tabs--top {
+	padding-bottom: 8rpx;
+}
 
-				.metric-value {
-					font-size: 32rpx;
-					font-weight: 800;
-					color: #2b2f36;
-					line-height: 1.2;
-				}
+.nav-tab {
+	position: relative;
+	padding: 10rpx 0 14rpx;
+	font-size: 30rpx;
+	font-weight: 600;
+	color: #6b7280;
+}
 
-				.metric-label {
-					margin-top: 4rpx;
-					font-size: 24rpx;
-					color: #8a8f99;
-				}
-			}
-		}
-	}
+.nav-tab.active {
+	color: #1677ff;
+}
 
-	// 筛选栏
-	.filter-bar {
-		display: flex;
-		align-items: center;
-		justify-content: space-between;
-		padding: 16rpx;
-		background: #fff;
-		border-radius: 8rpx;
-		margin-bottom: 16rpx;
-		box-sizing: border-box;
+.nav-tab.active::after {
+	content: '';
+	position: absolute;
+	left: 0;
+	right: 0;
+	bottom: 0;
+	height: 3rpx;
+	background: #1677ff;
+}
 
-		.filter-label {
-			font-size: 28rpx;
-			color: #333;
-		}
+.tab-panel {
+	padding: 0 16rpx;
+}
 
-		.picker-text {
-			flex: 1;
-			font-size: 28rpx;
-			color: #666;
-			padding: 8rpx 16rpx;
-			border: 1px solid #e6e8ed;
-			border-radius: 6rpx;
-		}
+.lower-panel {
+	padding-top: 14rpx;
+}
 
-		.refresh-btn {
-			background-color: #409eff;
-			color: #fff;
-			border: none;
-			border-radius: 6rpx;
-			font-size: 24rpx;
-			padding: 8rpx 16rpx;
-		}
-	}
+.sub-tabs {
+	display: flex;
+	justify-content: flex-start;
+	gap: 32rpx;
+	margin: 4rpx 0 14rpx;
+	padding-bottom: 8rpx;
+}
 
-	// 审批列表
-	.approval-list {
-		height: calc(100vh - 280rpx);
+.sub-tab {
+	position: relative;
+	padding: 8rpx 0 14rpx;
+	font-size: 28rpx;
+	font-weight: 500;
+	color: #6b7280;
+}
 
-		.loading-container {
-			display: flex;
-			justify-content: center;
-			align-items: center;
-			height: 200rpx;
-		}
+.sub-tab.active {
+	color: #1677ff;
+}
 
-		.empty-container {
-			display: flex;
-			flex-direction: column;
-			justify-content: center;
-			align-items: center;
-			padding: 100rpx 0;
+.sub-tab.active::after {
+	content: '';
+	position: absolute;
+	left: 0;
+	right: 0;
+	bottom: 0;
+	height: 3rpx;
+	background: #1677ff;
+}
 
-			.empty-text {
-				margin-top: 20rpx;
-				font-size: 28rpx;
-				color: #909399;
-			}
-		}
+.tab-label-row {
+	display: flex;
+	align-items: center;
+	gap: 8rpx;
+}
 
-		.list-item {
-			display: flex;
-			align-items: flex-start;
-			gap: 16rpx;
-			padding: 20rpx;
-			margin-bottom: 12rpx;
-			background: #fff;
-			border-radius: 10rpx;
-			box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.04);
+.tab-badge {
+	display: inline-flex;
+	align-items: center;
+	gap: 4rpx;
+}
 
-			.item-tag {
-				padding: 6rpx 12rpx;
-				border-radius: 4rpx;
-				font-size: 22rpx;
-				color: #fff;
+.tab-dot {
+	width: 12rpx;
+	height: 12rpx;
+	border-radius: 50%;
+	background: #ff4d4f;
+	box-shadow: 0 0 0 6rpx rgba(255, 77, 79, 0.14);
+}
 
-				&.primary {
-					background-color: #409eff;
-				}
+.tab-badge-num {
+	min-width: 24rpx;
+	height: 24rpx;
+	line-height: 24rpx;
+	padding: 0 6rpx;
+	border-radius: 999rpx;
+	background: #ff4d4f;
+	color: #fff;
+	font-size: 18rpx;
+	font-weight: 700;
+	text-align: center;
+}
 
-				&.success {
-					background-color: #67c23a;
-				}
+.type-strip,
+.type-row {
+	display: flex;
+	align-items: center;
+	gap: 12rpx;
+	padding: 2rpx 0 12rpx;
+}
 
-				&.warning {
-					background-color: #e6a23c;
-				}
+.type-scroll {
+	flex: 1;
+	white-space: nowrap;
+}
 
-				&.danger {
-					background-color: #f56c6c;
-				}
+.type-tabs {
+	display: inline-flex;
+	gap: 20rpx;
+	min-width: 100%;
+	align-items: center;
+}
 
-				&.info {
-					background-color: #909399;
-				}
-			}
+.type-tab {
+	position: relative;
+	flex: 0 0 auto;
+	padding: 10rpx 0 12rpx;
+	font-size: 26rpx;
+	font-weight: 500;
+	color: #6b7280;
+}
 
-			.item-main {
-				flex: 1;
-				display: flex;
-				flex-direction: column;
-				gap: 8rpx;
+.type-tab.active {
+	color: #1677ff;
+}
 
-				.applicant {
-					font-size: 28rpx;
-					color: #333;
-					display: flex;
-					align-items: center;
-					gap: 8rpx;
-				}
+.type-tab.active::after {
+	content: '';
+	position: absolute;
+	left: 0;
+	right: 0;
+	bottom: 0;
+	height: 3rpx;
+	background: #1677ff;
+}
 
-				.request-info {
-					font-size: 26rpx;
-					color: #666;
-				}
+.refresh-row {
+	width: 52rpx;
+	height: 52rpx;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	flex: 0 0 auto;
+}
 
-				.node-info {
-					font-size: 24rpx;
-					color: #888;
-				}
+.approval-list {
+	height: calc(100vh - 196rpx);
+	padding: 0 16rpx;
+}
 
-				.time-info {
-					font-size: 22rpx;
-					color: #999;
-					margin-top: 4rpx;
-				}
-			}
+.loading-container,
+.empty-container {
+	display: flex;
+	justify-content: center;
+	align-items: center;
+}
 
-			.status-tag {
-				padding: 6rpx 12rpx;
-				border-radius: 4rpx;
-				font-size: 22rpx;
-				color: #fff;
+.loading-container {
+	height: 180rpx;
+}
 
-				&.warning {
-					background-color: #e6a23c;
-				}
+.empty-container {
+	flex-direction: column;
+	padding: 110rpx 0;
+}
 
-				&.info {
-					background-color: #909399;
-				}
+.empty-text {
+	margin-top: 16rpx;
+	font-size: 26rpx;
+	color: #98a2b3;
+}
 
-				&.success {
-					background-color: #67c23a;
-				}
+.list-item {
+	display: flex;
+	align-items: flex-start;
+	gap: 12rpx;
+	padding: 16rpx 0;
+	margin-bottom: 0;
+	background: #fff;
+	border-bottom: 1rpx solid #f0f0f0;
+}
 
-				&.danger {
-					background-color: #f56c6c;
-				}
-			}
-		}
-	}
+.item-tag,
+.status-tag {
+	padding: 0;
+	border-radius: 0;
+	font-size: 22rpx;
+	color: #6b7280;
+	background: transparent !important;
+}
+
+.item-main {
+	flex: 1;
+	display: flex;
+	flex-direction: column;
+	gap: 6rpx;
+}
+
+.applicant {
+	display: flex;
+	align-items: center;
+	gap: 8rpx;
+	font-size: 26rpx;
+	font-weight: 600;
+	color: #111827;
+}
+
+.request-info { font-size: 26rpx; color: #6b7280; }
+.time-info { font-size: 24rpx; color: #9ca3af; }
+
+.apply-panel {
+	padding-top: 16rpx;
+}
+
+.apply-feature-card {
+	height: 120rpx;
+	margin: 0 0 16rpx;
+	padding: 0 24rpx;
+	background: linear-gradient(135deg, #eef6ff 0%, #f7fbff 100%);
+	border: 1rpx solid #dbeafe;
+	border-radius: 16rpx;
+	display: flex;
+	align-items: center;
+	justify-content: flex-end;
+}
+
+.apply-list {
+	background: #fff;
+	border-radius: 16rpx;
+	overflow: hidden;
+	box-shadow: 0 6rpx 20rpx rgba(17, 24, 39, 0.05);
+}
+
+.apply-item {
+	display: flex;
+	align-items: center;
+	justify-content: space-between;
+	gap: 16rpx;
+	padding: 24rpx;
+	border-bottom: 1rpx solid #f3f4f6;
+}
+
+.apply-item:last-child {
+	border-bottom: none;
+}
+
+.apply-item-main {
+	flex: 1;
+	min-width: 0;
+}
+
+.apply-item-title {
+	font-size: 30rpx;
+	font-weight: 600;
+	line-height: 1.4;
+	color: #111827;
+}
+
+.apply-item-desc {
+	margin-top: 8rpx;
+	font-size: 24rpx;
+	line-height: 1.5;
+	color: #6b7280;
+}
 
-	// 审批意见输入框
-	.remark-textarea {
-		width: 100%;
-		min-height: 120rpx;
-		padding: 16rpx;
-		border: 1px solid #e6e8ed;
-		border-radius: 8rpx;
-		font-size: 28rpx;
-		box-sizing: border-box;
-	}
 </style>
\ No newline at end of file
diff --git a/pages/workbench/hrm/apply/apply.vue b/pages/workbench/hrm/apply/apply.vue
index 120c987..560bf52 100644
--- a/pages/workbench/hrm/apply/apply.vue
+++ b/pages/workbench/hrm/apply/apply.vue
@@ -1,627 +1,43 @@
 <template>
-	<view class="hrm-page">
-		<!-- 筛选栏 -->
-		<view class="filter-bar">
-			<view style="display: flex; align-items: center; gap: 16rpx; flex: 1">
-				<span class="filter-label">申请类型：</span>
-				<picker @change="handleBizTypeChange" :value="bizTypeIndex" :range="bizTypeList" range-key="label">
-					<view class="picker-text">{{ bizTypeList[bizTypeIndex].label }}</view>
-				</picker>
-			</view>
-
-			<button class="refresh-btn" size="mini" @click="loadHistory">
-				刷新
-			</button>
-		</view>
-
-		<!-- 待审批列表 -->
-		<scroll-view class="approval-list" scroll-y>
-			<!-- 加载中 -->
-			<view v-if="loading" class="loading-container">
-				<uni-load-more type="loading" color="#409EFF"></uni-load-more>
-			</view>
-
-			<!-- 空数据 -->
-			<view v-else-if="todoList.length === 0" class="empty-container">
-				<uni-icons type="empty" size="60" color="#909399"></uni-icons>
-				<view class="empty-text">暂无待审批任务</view>
-			</view>
-
-			<!-- 列表项 -->
-			<view v-else class="list-item" v-for="(item, index) in todoList" :key="index" @click="goDetail(item)">
-				<!-- 申请类型标签 -->
-				<view class="item-tag" :class="getBizTypeTagType(item.bizType)">
-					{{ getBizTypeText(item.bizType) }}
-				</view>
-
-				<!-- 核心信息 -->
-				<view class="item-main">
-					<view class="applicant">
-						<uni-icons type="user" size="14" color="#8a8f99"></uni-icons>
-						{{ item.bizTitle || '暂未标识' }}
-					</view>
-					<!-- <view class="request-info">{{ formatRequestInfo(item) }}</view> -->
-					<!-- <view class="node-info">当前节点：{{ formatNodeName(item) }}</view> -->
-					<view class="time-info">{{ formatDate(item.createTime) }}</view>
-				</view>
-
-				<!-- 状态标签 -->
-				<view class="status-tag" :class="statusType(item.status)">
-					{{ statusText(item.status) }}
-				</view>
-			</view>
-		</scroll-view>
-	</view>
+	<request-form
+		title="拨款申请"
+		subtitle="填写拨款信息，支持手机端快速提交"
+		biz-type="appropriation"
+		:request-api="submitApply"
+		:initial-form="initialForm"
+		:sections="sections"
+		:flow-fields="flowFields"
+	/>
 </template>
 
 <script>
-	import { listMyFlowInstance } from '@/api/hrm/flow';
+import RequestForm from '@/components/hrm/RequestForm.vue'
+import { addAppropriationReq } from '@/api/hrm/appropriation'
 
-	export default {
-		name: 'HrmApproval',
-		data() {
-			return {
-				// 员工列表
-				employees: [],
-				// 待审批列表
-				todoList: [],
-				loading: false,
-				todoCount: 0,
-				todayCount: 0,
-				// 筛选条件
-				query: {
-					bizType: ''
-				},
-				// 申请类型筛选器配置
-				bizTypeList: [{
-						label: '全部',
-						value: ''
-					},
-					{
-						label: '请假',
-						value: 'leave'
-					},
-					{
-						label: '出差',
-						value: 'travel'
-					},
-					{
-						label: '用印',
-						value: 'seal'
-					},
-					{
-						label: '报销',
-						value: 'reimburse'
-					}
-				],
-				bizTypeIndex: 0,
-				// 审批操作弹窗
-				actionDialog: {
-					visible: false,
-					title: '',
-					type: '', // approve/reject
-					task: null
-				},
-				actionForm: {
-					remark: ''
-				},
-				actionSubmitting: false
-			}
-		},
-		onLoad() {
-			this.loadEmployees();
-		},
-		onShow() {
-			this.loadHistory();
-		},
-		methods: {
-			//     async loadCurrentEmployee () {
-			//       try {
-			//         const userId = this.$store?.state?.user?.id
-			//         if (!userId) {
-			//           this.$message.warning('无法获取当前用户信息，请重新登录')
-			//           this.loadHistory() // Still try to load history if user is not found
-			//           return
-			//         }
-
-			//         const res = await getEmployeeByUserId(userId)
-			//         if (res.code === 200 && res.data) {
-			//           this.currentEmp = res.data
-			//         } else {
-			//           this.$message.warning('未找到当前用户对应的员工信息')
-			//         }
-			//       } catch (err) {
-			//         console.error('加载员工信息失败', err)
-			//         this.$message.error('加载员工信息失败')
-			//       } finally {
-			//         this.loadHistory()
-			//       }
-			//     },
-			async loadHistory() {
-				try {
-					const params = {
-						pageNum: 1,
-						pageSize: 100,
-						// bizType: this.historyQuery.type || undefined, // 业务类型：leave/travel/seal/reimburse
-					}
-					const res = await listMyFlowInstance(params)
-					if (res.code === 200) {
-						this.todoList = res.rows || []
-						this.todoCount = res.total || 0
-					} else {
-						this.historyList = []
-						this.historyTotal = 0
-					}
-				} catch (err) {
-					console.error('加载申请历史失败:', err)
-					this.historyList = []
-					this.historyTotal = 0
-				}
-			},
-			// 格式化员工信息展示
-			formatEmpLabel(emp) {
-				if (!emp) return '';
-				const name = emp.empName || emp.nickName || emp.userName || '';
-				const no = emp.empNo ? ` · ${emp.empNo}` : '';
-				const dept = emp.deptName ? ` · ${emp.deptName}` : '';
-				return `${name || '员工'}${no}${dept}`.trim();
-			},
-			// 格式化申请人信息
-			formatApplicant(task) {
-				if (!task.bizData) return '加载中...';
-				const empId = task.bizData.empId;
-				const emp = this.employees.find(e => String(e.empId) === String(empId));
-				if (emp) {
-					return this.formatEmpLabel(emp);
-				}
-				return empId ? `员工ID:${empId}` : '未指定';
-			},
-			// 格式化申请信息
-			formatRequestInfo(task) {
-				if (!task.bizData) return '加载中...';
-				const biz = task.bizData;
-				if (task.bizType === 'leave') {
-					return `${biz.leaveType || '请假'} · ${this.formatDuration(biz)}`;
-				} else if (task.bizType === 'travel') {
-					return `${biz.travelType || '出差'} · ${biz.destination || ''}`;
-				} else if (task.bizType === 'seal') {
-					return `${biz.sealType || '用印'} · ${biz.applyFileIds ? '已上传文件' : '未上传'}`;
-				} else if (task.bizType === 'reimburse') {
-					const amt = biz.totalAmount != null ? biz.totalAmount : 0;
-					return `${biz.reimburseType || '报销'} · 金额: ${amt}元`;
-				}
-				return '-';
-			},
-			// 格式化节点名称
-			formatNodeName(task) {
-				return `节点 #${task.nodeId}`;
-			},
-			// 获取申请类型文本
-			getBizTypeText(type) {
-				const map = {
-					leave: '请假',
-					travel: '出差',
-					seal: '用印',
-					reimburse: '报销'
-				};
-				return map[type] || type || '-';
-			},
-			// 获取申请类型标签样式
-			getBizTypeTagType(type) {
-				const map = {
-					leave: 'primary',
-					travel: 'success',
-					seal: 'warning',
-					reimburse: 'danger'
-				};
-				return map[type] || 'info';
-			},
-			// 获取状态文本
-			statusText(status) {
-				const map = {
-					pending: '待审批',
-					running: '待审批',
-					draft: '草稿',
-					approved: '已通过',
-					rejected: '已驳回'
-				};
-				return map[status] || status || '-';
-			},
-			// 获取状态标签样式
-			statusType(status) {
-				if (!status) return 'info';
-				const map = {
-					pending: 'warning',
-					running: 'warning',
-					draft: 'info',
-					approved: 'success',
-					rejected: 'danger'
-				};
-				return map[status] || 'info';
-			},
-			// 格式化日期
-			formatDate(val) {
-				if (!val) return '';
-				const d = new Date(val);
-				const p = n => (n < 10 ? `0${n}` : n);
-				return `${d.getFullYear()}-${p(d.getMonth() + 1)}-${p(d.getDate())} ${p(d.getHours())}:${p(d.getMinutes())}`;
-			},
-			// 格式化时长
-			formatDuration(biz) {
-				if (biz.hours) return `${biz.hours}h`;
-				if (biz.startTime && biz.endTime) {
-					const ms = new Date(biz.endTime).getTime() - new Date(biz.startTime).getTime();
-					if (ms > 0) return `${(ms / 3600000).toFixed(1)}h`;
-				}
-				return '-';
-			},
-			// 加载员工列表
-			loadEmployees() {
-				listEmployee({
-					pageNum: 1,
-					pageSize: 1000
-				}).then(res => {
-					this.employees = res.rows || res.data || [];
-				}).catch(() => {
-					this.employees = [];
-				});
-			},
-			// 加载待办列表
-			async loadTodoList() {
-				this.loading = true;
-				try {
-					const userId = this.$store?.getters.storeOaId;
-					console.log(this.$store?.getters.storeOaId)
-					if (!userId) {
-						uni.showToast({
-							title: '无法获取当前用户信息，请重新登录',
-							icon: 'error'
-						});
-						this.loading = false;
-						return;
-					}
-					const res = await listTodoFlowTask(userId);
-					let list = res.data || [];
-					// 前端过滤 bizType
-					if (this.query.bizType) {
-						list = list.filter(item => item.bizType === this.query.bizType);
-					}
-
-					this.todoList = list;
-					this.todoCount = list.length;
-					this.todayCount = 0; // 可根据实际需求实现今日处理数量统计
-				} catch (err) {
-					console.error('加载待办任务失败:', err);
-					uni.showToast({
-						title: '加载待办任务失败',
-						icon: 'error'
-					});
-					this.todoList = [];
-					this.todoCount = 0;
-				} finally {
-					this.loading = false;
-				}
-			},
-			// 跳转详情页
-			goDetail(task) {
-				if (!task || !task.bizId) {
-					uni.showToast({
-						title: '缺少bizId，无法打开详情',
-						icon: 'none'
-					});
-					return;
-				}
-				if (!task || !task.bizType) {
-					uni.showToast({
-						title: '未知的申请类型',
-						icon: 'none'
-					});
-					return;
-				}
-				uni.navigateTo({
-					url: `/pages/workbench/hrm/detail/detail?bizId=${task.bizId}&bizType=${task.bizType}`
-				});
-			},
-			// 申请类型筛选变更
-			handleBizTypeChange(e) {
-				this.bizTypeIndex = e.detail.value;
-				this.query.bizType = this.bizTypeList[this.bizTypeIndex].value;
-				this.loadTodoList();
-			},
-			// 长按弹出操作菜单
-			showActionMenu(task) {
-				uni.showActionSheet({
-					itemList: ['查看详情', '审批通过', '审批驳回'],
-					success: (res) => {
-						switch (res.tapIndex) {
-							case 0: // 查看详情
-								this.goDetail(task);
-								break;
-							case 1: // 审批通过
-								approveFlowTask(task.taskId).then(() => {
-									uni.showToast({
-										title: '已通过审批',
-										icon: 'none'
-									})
-									this.loadTodoList()
-								})
-								break;
-							case 2: // 审批驳回
-								rejectFlowTask(task.taskId).then(() => {
-									uni.showToast({
-										title: '已驳回',
-										icon: 'none'
-									})
-									this.loadTodoList()
-								})
-								break;
-						}
-					},
-					fail: (res) => {
-						console.log('取消操作:', res);
-					}
-				});
-			},
-			// 提交审批操作
-			submitAction() {
-				if (!this.actionDialog.task) return;
-				this.actionSubmitting = true;
-				const {
-					task,
-					type
-				} = this.actionDialog;
-				const action = type === 'approve' ? approveFlowTask : rejectFlowTask;
-
-				action(task.taskId, {
-						remark: this.actionForm.remark
-					})
-					.then(() => {
-						uni.showToast({
-							title: type === 'approve' ? '审批通过' : '已驳回',
-							icon: 'success'
-						});
-						this.actionDialog.visible = false;
-						this.loadTodoList();
-					})
-					.catch(err => {
-						console.error('审批操作失败:', err);
-						uni.showToast({
-							title: '操作失败',
-							icon: 'error'
-						});
-					})
-					.finally(() => {
-						this.actionSubmitting = false;
-						this.actionForm.remark = '';
-					});
-			}
+export default {
+	components: { RequestForm },
+	data() {
+		return {
+			initialForm: { appropriationType: '', amount: '', reason: '', remark: '' },
+			sections: [
+				{ key: 'basic', title: '基础信息', fields: [
+					{ key: 'appropriationType', label: '拨款类型', type: 'select', required: true, placeholder: '请选择拨款类型', options: ['项目拨款', '部门拨款', '专项拨款', '备用金拨款', '其他'] },
+					{ key: 'amount', label: '拨款金额', type: 'input', inputType: 'digit', required: true, placeholder: '请输入金额' }
+				]},
+				{ key: 'desc', title: '说明', fields: [
+					{ key: 'reason', label: '用途说明', type: 'textarea', required: true, placeholder: '请说明拨款用途与依据' },
+					{ key: 'remark', label: '备注', type: 'textarea', required: false, placeholder: '可选' }
+				]}
+			],
+			flowFields: [
+				{ key: 'appropriationType', label: '拨款类型', required: true },
+				{ key: 'amount', label: '拨款金额', required: true },
+				{ key: 'reason', label: '用途说明', required: true }
+			]
 		}
-	}
+	},
+	methods: { submitApply(payload) { return addAppropriationReq(payload) } }
+}
 </script>
 
-<style lang="scss" scoped>
-	.hrm-page {
-		min-height: 100vh;
-		background-color: #f8f9fb;
-		padding: 16rpx;
-	}
-
-	// 顶部统计栏
-	.summary-bar {
-		display: flex;
-		justify-content: space-between;
-		align-items: center;
-		gap: 16rpx;
-		padding: 20rpx;
-		margin-bottom: 16rpx;
-		border: 1px solid #e6e8ed;
-		border-radius: 10rpx;
-		background: #ffffff;
-
-		.summary-left {
-			.page-title {
-				font-size: 32rpx;
-				font-weight: 800;
-				color: #2b2f36;
-				line-height: 1.2;
-			}
-
-			.page-desc {
-				margin-top: 8rpx;
-				font-size: 24rpx;
-				color: #8a8f99;
-			}
-		}
-
-		.summary-right {
-			display: flex;
-			gap: 16rpx;
-
-			.metric {
-				min-width: 100rpx;
-				padding: 12rpx 16rpx;
-				border: 1px solid #e6e8ed;
-				border-radius: 10rpx;
-				background: #fcfdff;
-				text-align: center;
-
-				.metric-value {
-					font-size: 32rpx;
-					font-weight: 800;
-					color: #2b2f36;
-					line-height: 1.2;
-				}
-
-				.metric-label {
-					margin-top: 4rpx;
-					font-size: 24rpx;
-					color: #8a8f99;
-				}
-			}
-		}
-	}
-
-	// 筛选栏
-	.filter-bar {
-		display: flex;
-		align-items: center;
-		justify-content: space-between;
-		padding: 16rpx;
-		background: #fff;
-		border-radius: 8rpx;
-		margin-bottom: 16rpx;
-		box-sizing: border-box;
-
-		.filter-label {
-			font-size: 28rpx;
-			color: #333;
-		}
-
-		.picker-text {
-			flex: 1;
-			font-size: 28rpx;
-			color: #666;
-			padding: 8rpx 16rpx;
-			border: 1px solid #e6e8ed;
-			border-radius: 6rpx;
-		}
-
-		.refresh-btn {
-			background-color: #409eff;
-			color: #fff;
-			border: none;
-			border-radius: 6rpx;
-			font-size: 24rpx;
-			padding: 8rpx 16rpx;
-		}
-	}
-
-	// 审批列表
-	.approval-list {
-		height: calc(100vh - 160rpx);
-
-		.loading-container {
-			display: flex;
-			justify-content: center;
-			align-items: center;
-			height: 200rpx;
-		}
-
-		.empty-container {
-			display: flex;
-			flex-direction: column;
-			justify-content: center;
-			align-items: center;
-			padding: 100rpx 0;
-
-			.empty-text {
-				margin-top: 20rpx;
-				font-size: 28rpx;
-				color: #909399;
-			}
-		}
-
-		.list-item {
-			display: flex;
-			align-items: flex-start;
-			gap: 16rpx;
-			padding: 20rpx;
-			margin-bottom: 12rpx;
-			background: #fff;
-			border-radius: 10rpx;
-			box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.04);
-
-			.item-tag {
-				padding: 6rpx 12rpx;
-				border-radius: 4rpx;
-				font-size: 22rpx;
-				color: #fff;
-
-				&.primary {
-					background-color: #409eff;
-				}
-
-				&.success {
-					background-color: #67c23a;
-				}
-
-				&.warning {
-					background-color: #e6a23c;
-				}
-
-				&.danger {
-					background-color: #f56c6c;
-				}
-
-				&.info {
-					background-color: #909399;
-				}
-			}
-
-			.item-main {
-				flex: 1;
-				display: flex;
-				flex-direction: column;
-				gap: 8rpx;
-
-				.applicant {
-					font-size: 28rpx;
-					color: #333;
-					display: flex;
-					align-items: center;
-					gap: 8rpx;
-				}
-
-				.request-info {
-					font-size: 26rpx;
-					color: #666;
-				}
-
-				.node-info {
-					font-size: 24rpx;
-					color: #888;
-				}
-
-				.time-info {
-					font-size: 22rpx;
-					color: #999;
-					margin-top: 4rpx;
-				}
-			}
-
-			.status-tag {
-				padding: 6rpx 12rpx;
-				border-radius: 4rpx;
-				font-size: 22rpx;
-				color: #fff;
-
-				&.warning {
-					background-color: #e6a23c;
-				}
-
-				&.info {
-					background-color: #909399;
-				}
-
-				&.success {
-					background-color: #67c23a;
-				}
-
-				&.danger {
-					background-color: #f56c6c;
-				}
-			}
-		}
-	}
-
-	// 审批意见输入框
-	.remark-textarea {
-		width: 100%;
-		min-height: 120rpx;
-		padding: 16rpx;
-		border: 1px solid #e6e8ed;
-		border-radius: 8rpx;
-		font-size: 28rpx;
-		box-sizing: border-box;
-	}
-</style>
\ No newline at end of file
+<style scoped></style>
\ No newline at end of file
diff --git a/pages/workbench/hrm/leave/leave.vue b/pages/workbench/hrm/leave/leave.vue
index 1f29314..fa45e4d 100644
--- a/pages/workbench/hrm/leave/leave.vue
+++ b/pages/workbench/hrm/leave/leave.vue
@@ -1,946 +1,50 @@
 <template>
-  <view class="request-detail">
-    <!-- 页面标题栏 -->
-    <view class="page-header" v-if="!embedded">
-      <uni-nav-bar 
-        left-icon="back" 
-        title="请假详情" 
-        @clickLeft="navigateBack"
-        right-text="刷新"
-        @clickRight="loadDetail"
-      ></uni-nav-bar>
-    </view>
-
-    <!-- 主内容区 -->
-    <scroll-view class="content-scroll" scroll-y>
-      <!-- 加载中状态 -->
-      <view v-if="loading" class="loading-container">
-        <uni-load-more type="loading" color="#409EFF"></uni-load-more>
-      </view>
-
-      <view v-else class="content-wrapper">
-        <!-- 顶部摘要 -->
-        <view class="form-summary">
-          <view class="summary-left">
-            <view class="summary-title">{{ detail.leaveType || '请假申请' }}</view>
-            <view class="summary-sub">
-              申请编号：{{ detail.bizId || '-' }} · 
-              状态：<view class="status-tag" :class="statusType">{{ statusText }}</view>
-            </view>
-          </view>
-          <view class="summary-right">
-            <view class="summary-item">
-              <view class="k">申请人</view>
-              <view class="v">{{ detail.createBy || '-' }}<text v-if="detail.empNo" class="text-muted">({{ detail.empNo }})</text></view>
-            </view>
-            <view class="summary-item">
-              <view class="k">请假时长</view>
-              <view class="v">{{ detail.hours || '0' }} 小时</view>
-            </view>
-          </view>
-        </view>
-
-        <!-- 请假日期信息 -->
-        <view class="block-title">请假日期</view>
-        <view class="inner-card">
-          <view class="descriptions-list">
-            <view class="descriptions-item">
-              <view class="label">开始时间</view>
-              <view class="value date-time">{{ formatDate(detail.startTime) }}</view>
-            </view>
-            <view class="descriptions-item">
-              <view class="label">结束时间</view>
-              <view class="value date-time">{{ formatDate(detail.endTime) }}</view>
-            </view>
-            <view class="descriptions-item">
-              <view class="label">请假类型</view>
-              <view class="value">{{ detail.leaveType || '-' }}</view>
-            </view>
-            <view class="descriptions-item">
-              <view class="label">时长(小时)</view>
-              <view class="value">{{ detail.hours || '0' }} 小时</view>
-            </view>
-            <view class="descriptions-item">
-              <view class="label">创建时间</view>
-              <view class="value">{{ formatDate(detail.createTime) }}</view>
-            </view>
-            <view class="descriptions-item">
-              <view class="label">更新时间</view>
-              <view class="value">{{ formatDate(detail.updateTime) }}</view>
-            </view>
-          </view>
-        </view>
-
-        <!-- 请假理由说明 -->
-        <view class="block-title">请假理由说明</view>
-        <view class="inner-card">
-          <view class="reason-section">
-            <view class="reason-label">事由</view>
-            <view class="reason-content">{{ detail.reason || '未填写' }}</view>
-          </view>
-          <view v-if="detail.handover" class="reason-section">
-            <view class="reason-label">工作交接</view>
-            <view class="reason-content">{{ detail.handover }}</view>
-          </view>
-          <view v-if="detail.remark" class="reason-section">
-            <view class="reason-label">备注</view>
-            <view class="reason-content">{{ detail.remark }}</view>
-          </view>
-        </view>
-
-        <!-- 申请附件 -->
-        <view class="block-title">申请附件</view>
-        <view class="inner-card" v-if="attachmentLoading">
-          <view class="loading-small">
-            <uni-load-more type="loading" color="#409EFF" size="small"></uni-load-more>
-          </view>
-        </view>
-        <view class="inner-card" v-else>
-          <view v-if="attachmentList.length > 0" class="attachment-list">
-            <view v-for="file in attachmentList" :key="file.ossId" class="attachment-item">
-              <view class="file-info">
-                <uni-icons type="paper" size="24" color="#9aa3b2"></uni-icons>
-                <view class="file-details">
-                  <view class="file-name">{{ file.originalName || file.fileName || `文件${file.ossId}` }}</view>
-                  <view class="file-meta">
-                    <text v-if="file.fileSize">{{ formatFileSize(file.fileSize) }}</text>
-                    <text v-if="file.createTime" class="file-time">{{ formatDate(file.createTime) }}</text>
-                  </view>
-                </view>
-              </view>
-              <view class="file-actions">
-                <button class="file-btn" size="mini" @click="previewFile(file)">预览</button>
-                <button class="file-btn" size="mini" @click="downloadFile(file.ossId)">下载</button>
-              </view>
-            </view>
-          </view>
-          <view v-else class="empty">暂无附件</view>
-        </view>
-
-        <!-- 审批意见 -->
-        <view v-if="currentTask" class="approve-section">
-          <view class="section-title">审批意见</view>
-          <textarea 
-            v-model="approveForm.comment"
-            placeholder="请输入审批意见（可选）"
-            class="approve-textarea"
-          ></textarea>
-        </view>
-
-        <!-- 审批操作按钮 -->
-        <view v-if="!embedded && (canApprove || canWithdraw)" class="action-buttons">
-          <button 
-            v-if="canApprove" 
-            class="btn approve-btn" 
-            :loading="actionLoading"
-            @click="handleApprove"
-          >
-            通过
-          </button>
-          <button 
-            v-if="canApprove" 
-            class="btn reject-btn" 
-            :loading="actionLoading"
-            @click="handleReject"
-          >
-            驳回
-          </button>
-          <button 
-            v-if="canWithdraw" 
-            class="btn withdraw-btn" 
-            :loading="actionLoading"
-            @click="handleWithdraw"
-          >
-            撤回
-          </button>
-        </view>
-
-        <!-- 流转历史 -->
-        <view class="flow-history">
-          <view class="section-title">流转历史</view>
-          <view v-if="flowHistory.length > 0" class="timeline">
-            <view 
-              v-for="(item, index) in flowHistory" 
-              :key="index"
-              class="timeline-item"
-            >
-              <!-- 时间轴点 -->
-              <view class="timeline-dot" :class="getTimelineType(item.action)"></view>
-              <!-- 时间轴内容 -->
-              <view class="timeline-content">
-                <view class="timeline-time">{{ formatDate(item.createTime) }}</view>
-                <view class="timeline-card">
-                  <view class="action-text">{{ getActionText(item.action) }}</view>
-                  <view class="operator">处理人: {{ item.createBy || '系统' }}</view>
-                  <view v-if="item.comment" class="comment">意见: {{ item.comment }}</view>
-                </view>
-              </view>
-            </view>
-          </view>
-          <view v-else class="no-data">暂无流转记录</view>
-        </view>
-      </view>
-    </scroll-view>
-  </view>
+	<request-form
+		title="请假申请"
+		subtitle="请完善请假信息，支持手机端快速提交"
+		biz-type="leave"
+		:request-api="submitLeave"
+		:initial-form="initialForm"
+		:sections="sections"
+		:flow-fields="flowFields"
+	/>
 </template>
 
 <script>
-// 导入API（需适配Uniapp的request请求，此处保留原API结构，实际需替换为uni.request）
-import { getLeaveReq } from '@/api/hrm/leave'
-import { getTodoTaskByBiz, approveFlowTask, rejectFlowTask, withdrawFlowTask, listFlowAction, queryInstanceByBiz, getFlowInstance, listFlowNode } from '@/api/hrm/flow'
-import { listByIds } from '@/api/oa/oss'
+import RequestForm from '@/components/hrm/RequestForm.vue'
+import { addLeaveReq } from '@/api/hrm/leave'
 
 export default {
-  name: 'LeaveDetail',
-  props: {
-    embedded: { type: Boolean, default: false }
-  },
-  data() {
-    return {
-      loading: false,
-      actionLoading: false,
-      detail: {},
-      currentTask: null,
-      flowHistory: [],
-      approveForm: {
-        comment: ''
-      },
-      attachmentList: [],
-      attachmentLoading: false,
-      flowInstance: null, // 流程实例信息
-      flowNodes: [], // 流程节点列表
-      currentNode: null, // 当前节点信息
-      bizId: null // 从onLoad获取的业务ID
-    }
-  },
-  computed: {
-    statusText() {
-      const statusMap = {
-        'draft': '草稿',
-        'pending': '审批中',
-        'approved': '已通过',
-        'rejected': '已驳回',
-        'withdrawn': '已撤回'
-      }
-      return statusMap[this.detail.status] || this.detail.status || '未知'
-    },
-    statusType() {
-      const typeMap = {
-        'draft': 'info',
-        'pending': 'warning',
-        'approved': 'success',
-        'rejected': 'danger',
-        'withdrawn': 'info'
-      }
-      return typeMap[this.detail.status] || 'info'
-    },
-    canWithdraw() {
-      // 只有待审批状态且是当前用户提交的才能撤回
-      return this.detail.status === 'pending' && this.detail.createBy === this.$store.getters.name
-    },
-    canApprove() {
-      // 只有待审批状态且是当前用户待审批的才能审批
-      return this.detail.status === 'pending' && (this.currentTask?.assigneeUserName === this.$store.getters.name || this.currentTask?.assigneeUserId === this.$store.getters.id)
-    }
-  },
-  onLoad(options) {
-    // Uniapp通过onLoad获取页面参数
-    this.bizId = options.bizId || options.id
-    this.loadDetail()
-  },
-  methods: {
-    // 返回上一页（适配Uniapp路由）
-    navigateBack() {
-      uni.navigateBack({
-        delta: 1
-      })
-    },
-    async loadDetail() {
-      const bizId = this.bizId
-      if (!bizId) return
-      
-      this.loading = true
-      try {
-        // 加载请假单详情
-        const detailRes = await getLeaveReq(bizId)
-        this.detail = detailRes.data || {}
-        
-        // 加载流程实例信息
-        await this.loadFlowInstance()
-        
-        // 加载当前待办任务
-        await this.loadCurrentTask()
-        
-        // 加载流转历史和附件
-        await Promise.all([
-          this.loadFlowHistory(),
-          this.loadAttachments()
-        ])
-      } catch (error) {
-        console.error('加载详情失败:', error)
-        uni.showToast({
-          title: '加载详情失败',
-          icon: 'error'
-        })
-      } finally {
-        this.loading = false
-      }
-    },
-    
-    async loadCurrentTask() {
-      const bizId = this.bizId
-      if (!bizId) {
-        this.currentTask = null
-        return
-      }
-      try {
-        const res = await getTodoTaskByBiz('leave', bizId)
-        this.currentTask = res?.data || null
-      } catch (error) {
-        console.error('加载待办任务失败:', error)
-        this.currentTask = null
-      }
-    },
-    async loadFlowInstance() {
-      if (!this.detail.instId) {
-        // 如果没有instId，尝试通过bizType和bizId查询
-        try {
-          const res = await queryInstanceByBiz('leave', this.bizId)
-          const instances = res.data || []
-          if (instances.length > 0) {
-            this.flowInstance = instances[0]
-            this.detail.instId = instances[0].instId
-            // 加载流程节点信息
-            await this.loadFlowNodes()
-            // 根据当前节点ID查找节点信息
-            if (this.flowInstance.currentNodeId) {
-              this.currentNode = this.flowNodes.find(n => n.nodeId === this.flowInstance.currentNodeId) || null
-            }
-          }
-        } catch (e) {
-          console.error('加载流程实例失败:', e)
-        }
-      } else {
-        // 如果有instId，直接加载
-        try {
-          const res = await getFlowInstance(this.detail.instId)
-          this.flowInstance = res.data || null
-          // 加载流程节点信息
-          await this.loadFlowNodes()
-          // 根据当前节点ID查找节点信息
-          if (this.flowInstance && this.flowInstance.currentNodeId) {
-            this.currentNode = this.flowNodes.find(n => n.nodeId === this.flowInstance.currentNodeId) || null
-          }
-        } catch (e) {
-          console.error('加载流程实例失败:', e)
-        }
-      }
-    },
-    async loadFlowNodes() {
-      if (!this.flowInstance || !this.flowInstance.tplId) {
-        this.flowNodes = []
-        return
-      }
-      try {
-        const res = await listFlowNode({ tplId: this.flowInstance.tplId, pageNum: 1, pageSize: 500 })
-        this.flowNodes = res.rows || res.data || []
-      } catch (e) {
-        console.error('加载流程节点失败:', e)
-        this.flowNodes = []
-      }
-    },
-
-    async loadFlowHistory() {
-      // 基于 instId 拉取流转历史（优先用 instId；无则不查）
-      const instId = this.detail?.instId
-      if (!instId) {
-        this.flowHistory = []
-        return
-      }
-      try {
-        const res = await listFlowAction({ instId, pageNum: 1, pageSize: 200 })
-        this.flowHistory = res.rows || res.data || []
-      } catch (error) {
-        this.flowHistory = []
-      }
-    },
-    
-    async handleApprove() {
-      await this.handleAction('approve', '通过成功', '通过')
-    },
-    
-    async handleReject() {
-      await this.handleAction('reject', '已驳回', '驳回')
-    },
-    
-    async handleWithdraw() {
-      await this.handleAction('withdraw', '已撤回', '撤回')
-    },
-    
-    async handleAction(action, successMsg, actionName) {
-      if (!this.currentTask?.taskId) {
-        uni.showToast({
-          title: '未找到待办任务',
-          icon: 'none'
-        })
-        return
-      }
-      
-      // Uniapp确认弹窗
-      uni.showModal({
-        title: '提示',
-        content: `确定${actionName}该申请吗？`,
-        success: async (res) => {
-          if (res.confirm) {
-            this.actionLoading = true
-            try {
-              const payload = { remark: this.approveForm.comment }
-
-              if (action === 'approve') {
-                await approveFlowTask(this.currentTask.taskId, payload)
-              } else if (action === 'reject') {
-                await rejectFlowTask(this.currentTask.taskId, payload)
-              } else if (action === 'withdraw') {
-                await withdrawFlowTask(this.currentTask.taskId, payload)
-              }
-
-              uni.showToast({
-                title: successMsg,
-                icon: 'success'
-              })
-              await this.loadDetail()
-              // 清空审批意见
-              this.approveForm.comment = ''
-            } catch (error) {
-              console.error(`${actionName}失败:`, error)
-              uni.showToast({
-                title: error.message || `${actionName}失败`,
-                icon: 'error'
-              })
-            } finally {
-              this.actionLoading = false
-            }
-          }
-        }
-      })
-    },
-    
-    formatDate(val) {
-      if (!val) return '-'
-      const d = new Date(val)
-      const p = n => (n < 10 ? `0${n}` : n)
-      return `${d.getFullYear()}-${p(d.getMonth() + 1)}-${p(d.getDate())} ${p(d.getHours())}:${p(d.getMinutes())}`
-    },
-    
-    getActionText(action) {
-      const map = {
-        'submit': '提交申请',
-        'approve': '通过',
-        'reject': '驳回',
-        'withdraw': '撤回',
-        'cancel': '取消'
-      }
-      return map[action] || action
-    },
-    
-    getTimelineType(action) {
-      const map = {
-        'submit': 'primary',
-        'approve': 'success',
-        'reject': 'danger',
-        'withdraw': 'info',
-        'cancel': 'info'
-      }
-      return map[action] || 'info'
-    },
-    async loadAttachments() {
-      const fileIds = this.detail.accessoryApplyIds || this.detail.applyFileIds
-      if (!fileIds) {
-        this.attachmentList = []
-        return
-      }
-      const ids = String(fileIds).split(',').map(id => id.trim()).filter(Boolean)
-      if (ids.length === 0) {
-        this.attachmentList = []
-        return
-      }
-      this.attachmentLoading = true
-      try {
-        const res = await listByIds(ids)
-        this.attachmentList = res.data || []
-      } catch (e) {
-        uni.showToast({
-          title: '加载附件失败：' + (e.message || '未知错误'),
-          icon: 'error'
-        })
-        this.attachmentList = []
-      } finally {
-        this.attachmentLoading = false
-      }
-    },
-    formatFileSize(bytes) {
-      if (!bytes) return '-'
-      const units = ['B', 'KB', 'MB', 'GB']
-      let size = Number(bytes)
-      let unitIndex = 0
-      while (size >= 1024 && unitIndex < units.length - 1) {
-        size /= 1024
-        unitIndex++
-      }
-      return `${size.toFixed(2)} ${units[unitIndex]}`
-    },
-    // 移动端附件预览
-    previewFile(file) {
-      if (file.url) {
-        // 图片类文件直接预览，其他文件提示下载
-        const fileExt = (file.originalName || '').split('.').pop().toLowerCase()
-        const imageExts = ['jpg', 'jpeg', 'png', 'gif', 'bmp']
-        
-        if (imageExts.includes(fileExt)) {
-          uni.previewImage({
-            urls: [file.url],
-            current: file.url
-          })
-        } else {
-          uni.showModal({
-            title: '提示',
-            content: '该文件不支持预览，是否下载？',
-            success: (res) => {
-              if (res.confirm) {
-                this.downloadFile(file.ossId)
-              }
-            }
-          })
-        }
-      } else {
-        uni.showToast({
-          title: '文件URL不存在',
-          icon: 'none'
-        })
-      }
-    },
-    // 移动端附件下载
-    downloadFile(ossId) {
-      uni.showLoading({
-        title: '下载中...'
-      })
-      // Uniapp下载文件API
-      uni.downloadFile({
-        url: `/system/oss/download/${ossId}`,
-        success: (res) => {
-          uni.hideLoading()
-          if (res.statusCode === 200) {
-            // 打开下载的文件
-            uni.openDocument({
-              filePath: res.tempFilePath,
-              showMenu: true,
-              fail: (err) => {
-                uni.showToast({
-                  title: '打开文件失败',
-                  icon: 'error'
-                })
-              }
-            })
-          } else {
-            uni.showToast({
-              title: '下载失败',
-              icon: 'error'
-            })
-          }
-        },
-        fail: (err) => {
-          uni.hideLoading()
-          uni.showToast({
-            title: '下载失败：' + err.message,
-            icon: 'error'
-          })
-        }
-      })
-    }
-  }
+	components: { RequestForm },
+	data() {
+		return {
+			initialForm: { leaveType: '', startTime: '', endTime: '', hours: '', reason: '', handover: '', remark: '' },
+			sections: [
+				{ key: 'basic', title: '基础信息', fields: [
+					{ key: 'leaveType', label: '请假类型', type: 'select', required: true, placeholder: '请选择请假类型', options: ['年假', '事假', '病假', '调休', '婚假', '丧假', '其他'] },
+					{ key: 'startTime', label: '开始时间', type: 'datetime', required: true, placeholder: '请选择开始时间' },
+					{ key: 'endTime', label: '结束时间', type: 'datetime', required: true, placeholder: '请选择结束时间' },
+					{ key: 'hours', label: '时长(小时)', type: 'computed', required: true, placeholder: '自动计算' }
+				]},
+				{ key: 'desc', title: '说明', fields: [
+					{ key: 'reason', label: '事由', type: 'textarea', required: true, placeholder: '请填写请假原因' },
+					{ key: 'handover', label: '工作交接', type: 'textarea', required: false, placeholder: '请填写交接安排（可选）' },
+					{ key: 'remark', label: '备注', type: 'textarea', required: false, placeholder: '可选' }
+				]}
+			],
+			flowFields: [
+				{ key: 'leaveType', label: '请假类型', required: true },
+				{ key: 'startTime', label: '开始时间', required: true },
+				{ key: 'endTime', label: '结束时间', required: true },
+				{ key: 'hours', label: '时长', required: true },
+				{ key: 'reason', label: '事由', required: true }
+			]
+		}
+	},
+	methods: {
+		submitLeave(payload) { return addLeaveReq(payload) }
+	}
 }
 </script>
 
-<style lang="scss" scoped>
-.request-detail {
-  min-height: 100vh;
-  background-color: #f5f5f5;
-  
-  .page-header {
-    background-color: #fff;
-  }
-
-  .content-scroll {
-    height: calc(100vh - 44px);
-    padding: 16rpx;
-  }
-
-  .loading-container {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    height: 400rpx;
-  }
-
-  .content-wrapper {
-    gap: 16rpx;
-    display: flex;
-    flex-direction: column;
-  }
-
-  .form-summary {
-    display: flex;
-    flex-direction: column;
-    gap: 12rpx;
-    padding: 16rpx;
-    border: 1px solid #e6e8ed;
-    border-radius: 10rpx;
-    background: linear-gradient(180deg, #ffffff 0%, #fbfcfe 100%);
-  }
-
-  .summary-title {
-    font-size: 32rpx;
-    font-weight: 800;
-    color: #2b2f36;
-  }
-
-  .summary-sub {
-    font-size: 24rpx;
-    color: #8a8f99;
-  }
-
-  .status-tag {
-    padding: 4rpx 8rpx;
-    border-radius: 4rpx;
-    font-size: 22rpx;
-    color: #fff;
-    
-    &.success {
-      background-color: #67c23a;
-    }
-    &.danger {
-      background-color: #f56c6c;
-    }
-    &.warning {
-      background-color: #e6a23c;
-    }
-    &.info {
-      background-color: #909399;
-    }
-  }
-
-  .summary-right {
-    display: flex;
-    gap: 24rpx;
-    margin-top: 12rpx;
-  }
-
-  .summary-item .k {
-    font-size: 24rpx;
-    color: #8a8f99;
-  }
-
-  .summary-item .v {
-    margin-top: 4rpx;
-    font-weight: 700;
-    color: #2b2f36;
-    font-size: 26rpx;
-  }
-
-  .text-muted {
-    color: #909399;
-    margin-left: 8rpx;
-    font-size: 22rpx;
-  }
-
-  .block-title {
-    margin: 16rpx 0 8rpx;
-    padding-left: 10rpx;
-    font-weight: 700;
-    color: #2f3440;
-    border-left: 6rpx solid #9aa3b2;
-    font-size: 28rpx;
-  }
-
-  .inner-card {
-    border: 1px solid #e6e8ed;
-    border-radius: 8rpx;
-    background-color: #fff;
-    padding: 16rpx;
-  }
-
-  .descriptions-list {
-    display: flex;
-    flex-wrap: wrap;
-  }
-
-  .descriptions-item {
-    width: 50%;
-    margin-bottom: 16rpx;
-    display: flex;
-    flex-direction: column;
-    
-    &:last-child {
-      margin-bottom: 0;
-    }
-  }
-
-  .descriptions-item .label {
-    font-size: 24rpx;
-    color: #8a8f99;
-    margin-bottom: 4rpx;
-  }
-
-  .descriptions-item .value {
-    font-size: 26rpx;
-    color: #2b2f36;
-  }
-
-  .date-time {
-    font-weight: 600;
-    color: #2b2f36;
-  }
-
-  .reason-section {
-    margin-bottom: 16rpx;
-  }
-
-  .reason-section:last-child {
-    margin-bottom: 0;
-  }
-
-  .reason-label {
-    font-size: 26rpx;
-    font-weight: 600;
-    color: #606266;
-    margin-bottom: 8rpx;
-  }
-
-  .reason-content {
-    padding: 16rpx;
-    background: #f8f9fa;
-    border-radius: 6rpx;
-    color: #2b2f36;
-    line-height: 1.6;
-    white-space: pre-wrap;
-    word-break: break-word;
-    font-size: 26rpx;
-  }
-
-  .loading-small {
-    padding: 20rpx 0;
-    text-align: center;
-  }
-
-  .attachment-list {
-    display: flex;
-    flex-direction: column;
-    gap: 10rpx;
-  }
-
-  .attachment-item {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    padding: 10rpx 12rpx;
-    border: 1px solid #e6e8ed;
-    border-radius: 8rpx;
-    background: #fafbfc;
-  }
-
-  .file-info {
-    display: flex;
-    align-items: center;
-    gap: 10rpx;
-    flex: 1;
-  }
-
-  .file-details {
-    flex: 1;
-  }
-
-  .file-name {
-    font-weight: 600;
-    color: #2b2f36;
-    margin-bottom: 4rpx;
-    font-size: 26rpx;
-  }
-
-  .file-meta {
-    font-size: 22rpx;
-    color: #8a8f99;
-    display: flex;
-    gap: 12rpx;
-  }
-
-  .file-time {
-    margin-left: 8rpx;
-  }
-
-  .file-actions {
-    display: flex;
-    gap: 8rpx;
-  }
-
-  .file-btn {
-    font-size: 22rpx;
-    padding: 4rpx 8rpx;
-    background-color: #f5f7fa;
-    color: #409eff;
-    border: none;
-    border-radius: 4rpx;
-  }
-
-  .empty {
-    color: #a0a3ad;
-    font-size: 24rpx;
-    padding: 20rpx 0;
-    text-align: center;
-  }
-
-  .approve-section {
-    margin-top: 20rpx;
-    background: #f8f9fa;
-    padding: 15rpx;
-    border-radius: 8rpx;
-  }
-
-  .section-title {
-    font-size: 28rpx;
-    font-weight: bold;
-    margin-bottom: 10rpx;
-    color: #303133;
-  }
-
-  .approve-textarea {
-    width: 100%;
-    padding: 12rpx;
-    border: 1px solid #e6e8ed;
-    border-radius: 8rpx;
-    background-color: #fff;
-    min-height: 120rpx;
-    font-size: 26rpx;
-  }
-
-  .action-buttons {
-    display: flex;
-    gap: 16rpx;
-    margin-top: 20rpx;
-  }
-
-  .btn {
-    flex: 1;
-    height: 80rpx;
-    line-height: 80rpx;
-    border-radius: 8rpx;
-    font-size: 28rpx;
-    border: none;
-    
-    &.approve-btn {
-      background-color: #67c23a;
-      color: #fff;
-    }
-    
-    &.reject-btn {
-      background-color: #f56c6c;
-      color: #fff;
-    }
-    
-    &.withdraw-btn {
-      background-color: #409eff;
-      color: #fff;
-    }
-  }
-
-  .flow-history {
-    margin-top: 30rpx;
-  }
-
-  .no-data {
-    text-align: center;
-    color: #909399;
-    padding: 40rpx 0;
-    font-size: 24rpx;
-  }
-
-  .timeline {
-    position: relative;
-    padding-left: 30rpx;
-    margin-left: 10rpx;
-    
-    &::before {
-      content: '';
-      position: absolute;
-      left: 10rpx;
-      top: 10rpx;
-      bottom: 10rpx;
-      width: 2rpx;
-      background-color: #e6e8ed;
-    }
-  }
-
-  .timeline-item {
-    position: relative;
-    margin-bottom: 30rpx;
-    
-    &:last-child {
-      margin-bottom: 0;
-    }
-  }
-
-  .timeline-dot {
-    position: absolute;
-    left: -36rpx;
-    top: 0;
-    width: 20rpx;
-    height: 20rpx;
-    border-radius: 50%;
-    
-    &.primary {
-      background-color: #409eff;
-    }
-    &.success {
-      background-color: #67c23a;
-    }
-    &.danger {
-      background-color: #f56c6c;
-    }
-    &.info {
-      background-color: #909399;
-    }
-  }
-
-  .timeline-content {
-    background-color: #fff;
-    border-radius: 8rpx;
-    padding: 16rpx;
-    box-shadow: 0 2rpx 12rpx rgba(0, 0, 0, 0.04);
-  }
-
-  .timeline-time {
-    font-size: 22rpx;
-    color: #909399;
-    margin-bottom: 8rpx;
-  }
-
-  .action-text {
-    font-size: 26rpx;
-    font-weight: 600;
-    color: #303133;
-    margin-bottom: 8rpx;
-  }
-
-  .operator {
-    font-size: 24rpx;
-    color: #606266;
-    margin-bottom: 4rpx;
-  }
-
-  .comment {
-    font-size: 24rpx;
-    color: #606266;
-    padding-top: 8rpx;
-    border-top: 1px solid #f0f0f0;
-  }
-}
-</style>
\ No newline at end of file
+<style scoped></style>
\ No newline at end of file
diff --git a/pages/workbench/hrm/reimburse/reimburse.vue b/pages/workbench/hrm/reimburse/reimburse.vue
index 87b6899..e4c7fcb 100644
--- a/pages/workbench/hrm/reimburse/reimburse.vue
+++ b/pages/workbench/hrm/reimburse/reimburse.vue
@@ -1,22 +1,44 @@
 <template>
-	<view>
-		
-	</view>
+	<request-form
+		title="报销申请"
+		subtitle="填写报销信息，支持手机端快速提交"
+		biz-type="reimburse"
+		:request-api="submitReimburse"
+		:initial-form="initialForm"
+		:sections="sections"
+		:flow-fields="flowFields"
+	/>
 </template>
 
 <script>
-	export default {
-		data() {
-			return {
-				
-			}
-		},
-		methods: {
-			
+import RequestForm from '@/components/hrm/RequestForm.vue'
+import { addReimburseReq } from '@/api/hrm/reimburse'
+
+export default {
+	components: { RequestForm },
+	data() {
+		return {
+			initialForm: { reimburseType: '', totalAmount: '', applyFileIds: '', reason: '', remark: '' },
+			sections: [
+				{ key: 'basic', title: '基础信息', fields: [
+					{ key: 'reimburseType', label: '报销类型', type: 'select', required: true, placeholder: '请选择报销类型', options: ['差旅报销', '招待报销', '采购报销', '办公报销', '其他'] },
+					{ key: 'totalAmount', label: '报销金额', type: 'input', inputType: 'digit', required: true, placeholder: '请输入金额' },
+					{ key: 'applyFileIds', label: '附件', type: 'file', required: false, placeholder: '上传附件文件' }
+				]},
+				{ key: 'desc', title: '说明', fields: [
+					{ key: 'reason', label: '事由', type: 'textarea', required: true, placeholder: '请说明报销用途' },
+					{ key: 'remark', label: '备注', type: 'textarea', required: false, placeholder: '可选' }
+				]}
+			],
+			flowFields: [
+				{ key: 'reimburseType', label: '报销类型', required: true },
+				{ key: 'totalAmount', label: '报销金额', required: true },
+				{ key: 'reason', label: '事由', required: true }
+			]
 		}
-	}
+	},
+	methods: { submitReimburse(payload) { return addReimburseReq(payload) } }
+}
 </script>
 
-<style>
-
-</style>
\ No newline at end of file
+<style scoped></style>
\ No newline at end of file
diff --git a/pages/workbench/hrm/seal/seal.vue b/pages/workbench/hrm/seal/seal.vue
index 87b6899..9571623 100644
--- a/pages/workbench/hrm/seal/seal.vue
+++ b/pages/workbench/hrm/seal/seal.vue
@@ -1,22 +1,43 @@
 <template>
-	<view>
-		
-	</view>
+	<request-form
+		title="用印申请"
+		subtitle="填写用印信息，支持手机端快速提交"
+		biz-type="seal"
+		:request-api="submitSeal"
+		:initial-form="initialForm"
+		:sections="sections"
+		:flow-fields="flowFields"
+	/>
 </template>
 
 <script>
-	export default {
-		data() {
-			return {
-				
-			}
-		},
-		methods: {
-			
+import RequestForm from '@/components/hrm/RequestForm.vue'
+import { addSealReq } from '@/api/hrm/seal'
+
+export default {
+	components: { RequestForm },
+	data() {
+		return {
+			initialForm: { sealType: '', applyFileIds: '', reason: '', remark: '' },
+			sections: [
+				{ key: 'basic', title: '基础信息', fields: [
+					{ key: 'sealType', label: '用印类型', type: 'select', required: true, placeholder: '请选择用印类型', options: ['合同用印', '公章', '财务章', '法人章', '其他'] },
+					{ key: 'applyFileIds', label: '附件', type: 'file', required: true, placeholder: '上传盖章文件' }
+				]},
+				{ key: 'desc', title: '说明', fields: [
+					{ key: 'reason', label: '用途说明', type: 'textarea', required: true, placeholder: '请说明盖章用途与背景' },
+					{ key: 'remark', label: '备注', type: 'textarea', required: false, placeholder: '可选' }
+				]}
+			],
+			flowFields: [
+				{ key: 'sealType', label: '用印类型', required: true },
+				{ key: 'applyFileIds', label: '附件', required: true },
+				{ key: 'reason', label: '用途说明', required: true }
+			]
 		}
-	}
+	},
+	methods: { submitSeal(payload) { return addSealReq(payload) } }
+}
 </script>
 
-<style>
-
-</style>
\ No newline at end of file
+<style scoped></style>
\ No newline at end of file
diff --git a/pages/workbench/hrm/travel/travel.vue b/pages/workbench/hrm/travel/travel.vue
index 87b6899..0e84c10 100644
--- a/pages/workbench/hrm/travel/travel.vue
+++ b/pages/workbench/hrm/travel/travel.vue
@@ -1,22 +1,48 @@
 <template>
-	<view>
-		
-	</view>
+	<request-form
+		title="出差申请"
+		subtitle="填写出差信息，支持手机端快速提交"
+		biz-type="travel"
+		:request-api="submitTravel"
+		:initial-form="initialForm"
+		:sections="sections"
+		:flow-fields="flowFields"
+	/>
 </template>
 
 <script>
-	export default {
-		data() {
-			return {
-				
-			}
-		},
-		methods: {
-			
+import RequestForm from '@/components/hrm/RequestForm.vue'
+import { addTravelReq } from '@/api/hrm/travel'
+
+export default {
+	components: { RequestForm },
+	data() {
+		return {
+			initialForm: { travelType: '', startTime: '', endTime: '', destination: '', reason: '', applyFileIds: '', remark: '' },
+			sections: [
+				{ key: 'basic', title: '基础信息', fields: [
+					{ key: 'travelType', label: '出差类型', type: 'select', required: true, placeholder: '请选择出差类型', options: ['客户拜访', '项目支持', '培训学习', '会议会展', '验收交付', '其他'] },
+					{ key: 'startTime', label: '开始时间', type: 'datetime', required: true, placeholder: '请选择开始时间' },
+					{ key: 'endTime', label: '结束时间', type: 'datetime', required: true, placeholder: '请选择结束时间' },
+					{ key: 'destination', label: '目的地', type: 'city', required: true, placeholder: '请选择全球城市' }
+				]},
+				{ key: 'desc', title: '说明', fields: [
+					{ key: 'reason', label: '事由', type: 'textarea', required: true, placeholder: '请说明出差目的与任务' },
+					{ key: 'applyFileIds', label: '附件', type: 'file', required: false, placeholder: '上传附件文件' },
+					{ key: 'remark', label: '备注', type: 'textarea', required: false, placeholder: '可选' }
+				]}
+			],
+			flowFields: [
+				{ key: 'travelType', label: '出差类型', required: true },
+				{ key: 'startTime', label: '开始时间', required: true },
+				{ key: 'endTime', label: '结束时间', required: true },
+				{ key: 'destination', label: '目的地', required: true },
+				{ key: 'reason', label: '事由', required: true }
+			]
 		}
-	}
+	},
+	methods: { submitTravel(payload) { return addTravelReq(payload) } }
+}
 </script>
 
-<style>
-
-</style>
\ No newline at end of file
+<style scoped></style>
\ No newline at end of file
diff --git a/uni_modules/uni-file-picker/changelog.md b/uni_modules/uni-file-picker/changelog.md
index fa33677..5320eb2 100644
--- a/uni_modules/uni-file-picker/changelog.md
+++ b/uni_modules/uni-file-picker/changelog.md
@@ -1,3 +1,13 @@
+## 1.1.3（2025-12-03）
+- 修复: 腾讯云目录错误导致的上传错误问题
+## 1.1.2（2025-09-17）
+- 修复 设置readonly属性后内容插槽失效的问题。
+## 1.1.1（2025-09-03）
+- 修复 动态dir目录，不生效的问题
+## 1.1.0（2025-09-02）
+- 新增 dir 属性，可以选择上传目录
+## 1.0.13（2025-08-18）
+- 修复 删除文件后，返回信息不包含file对象的问题
 ## 1.0.12（2025-04-14）
 - 修复 支付宝小程序 上传样式问题
 ## 1.0.10（2024-07-09）
diff --git a/uni_modules/uni-file-picker/components/uni-file-picker/uni-file-picker.vue b/uni_modules/uni-file-picker/components/uni-file-picker/uni-file-picker.vue
index 872cf74..cf67ac7 100644
--- a/uni_modules/uni-file-picker/components/uni-file-picker/uni-file-picker.vue
+++ b/uni_modules/uni-file-picker/components/uni-file-picker/uni-file-picker.vue
@@ -4,17 +4,13 @@
 			<text class="file-title">{{ title }}</text>
 			<text class="file-count">{{ filesList.length }}/{{ limitLength }}</text>
 		</view>
-		<upload-image v-if="fileMediatype === 'image' && showType === 'grid'" :readonly="readonly"
-			:image-styles="imageStyles" :files-list="filesList" :limit="limitLength" :disablePreview="disablePreview"
-			:delIcon="delIcon" @uploadFiles="uploadFiles" @choose="choose" @delFile="delFile">
+		<upload-image v-if="fileMediatype === 'image' && showType === 'grid'" :readonly="readonly" :image-styles="imageStyles" :files-list="filesList" :limit="limitLength" :disablePreview="disablePreview" :delIcon="delIcon" @uploadFiles="uploadFiles" @choose="choose" @delFile="delFile">
 			<slot>
 				<view class="icon-add"></view>
 				<view class="icon-add rotate"></view>
 			</slot>
 		</upload-image>
-		<upload-file v-if="fileMediatype !== 'image' || showType !== 'grid'" :readonly="readonly"
-			:list-styles="listStyles" :files-list="filesList" :showType="showType" :delIcon="delIcon"
-			@uploadFiles="uploadFiles" @choose="choose" @delFile="delFile">
+		<upload-file v-if="fileMediatype !== 'image' || showType !== 'grid'" :readonly="readonly" :list-styles="listStyles" :files-list="filesList" :showType="showType" :delIcon="delIcon" @uploadFiles="uploadFiles" @choose="choose" @delFile="delFile">
 			<slot><button type="primary" size="mini">选择文件</button></slot>
 		</upload-file>
 	</view>
@@ -181,18 +177,23 @@
 			sourceType: {
 				type: Array,
 				default () {
-					return  ['album', 'camera']
+					return ['album', 'camera']
 				}
 			},
 			provider: {
 				type: String,
 				default: '' // 默认上传到 unicloud 内置存储 extStorage 扩展存储
+			},
+			dir: {
+				type: String,
+				default: ''
 			}
 		},
 		data() {
 			return {
 				files: [],
-				localValue: []
+				localValue: [],
+				dirPath: ''
 			}
 		},
 		watch: {
@@ -208,6 +209,12 @@
 				},
 				immediate: true
 			},
+			dir: {
+				handler(newVal) {
+					this.dirPath = newVal
+				},
+				immediate: true
+			},
 		},
 		computed: {
 			filesList() {
@@ -282,19 +289,19 @@
 				return this.uploadFiles(files)
 			},
 			async setValue(newVal, oldVal) {
-				const newData =  async (v) => {
+				const newData = async (v) => {
 					const reg = /cloud:\/\/([\w.]+\/?)\S*/
 					let url = ''
-					if(v.fileID){
+					if (v.fileID) {
 						url = v.fileID
-					}else{
+					} else {
 						url = v.url
 					}
 					if (reg.test(url)) {
 						v.fileID = url
 						v.url = await this.getTempFileURL(url)
 					}
-					if(v.url) v.path = v.url
+					if (v.url) v.path = v.url
 					return v
 				}
 				if (this.returnType === 'object') {
@@ -305,13 +312,13 @@
 					}
 				} else {
 					if (!newVal) newVal = []
-					for(let i =0 ;i < newVal.length ;i++){
+					for (let i = 0; i < newVal.length; i++) {
 						let v = newVal[i]
 						await newData(v)
 					}
 				}
 				this.localValue = newVal
-				if (this.form && this.formItem &&!this.is_reset) {
+				if (this.form && this.formItem && !this.is_reset) {
 					this.is_reset = false
 					this.formItem.setValue(this.localValue)
 				}
@@ -368,7 +375,9 @@
 			 * @param {Object} res
 			 */
 			async chooseFileCallback(res) {
+
 				const _extname = get_extname(this.fileExtname)
+
 				const is_one = (Number(this.limitLength) === 1 &&
 						this.disablePreview &&
 						!this.disabled) ||
@@ -394,11 +403,13 @@
 					let filedata = await get_file_data(files[i], this.fileMediatype)
 					filedata.progress = 0
 					filedata.status = 'ready'
-					this.files.push(filedata)
-					currentData.push({
+					// fix by mehaotian ,统一返回，删除也包含file对象
+					let fileTempData = {
 						...filedata,
 						file: files[i]
-					})
+					}
+					this.files.push(fileTempData)
+					currentData.push(fileTempData)
 				}
 				this.$emit('select', {
 					tempFiles: currentData,
@@ -409,13 +420,24 @@
 				if (!this.autoUpload || this.noSpace) {
 					res.tempFiles = []
 				}
-				res.tempFiles.forEach((fileItem, index) => {
+				res.tempFiles.map((fileItem, index) => {
 					this.provider && (fileItem.provider = this.provider);
 					const fileNameSplit = fileItem.name.split('.')
 					const ext = fileNameSplit.pop()
 					const fileName = fileNameSplit.join('.').replace(/[\s\/\?<>\\:\*\|":]/g, '_')
-					fileItem.cloudPath = fileName + '_' + Date.now() + '_' + index + '.' + ext
+					// 选择文件目录上传
+					let dir = this.dirPath || ''; // 防止用户传入的 dir 不正常
+					// 检查最后一个字符是否为 '/'（同时处理空字符串情况）
+					if (dir && dir[dir.length - 1] !== '/') {
+						dir += '/';
+					}
+
+					fileItem.cloudPath = dir + fileName + '_' + Date.now() + '_' + index + '.' + ext
+					fileItem.cloudPathAsRealPath = true
+
+					return fileItem
 				})
+				return res
 			},
 
 			/**
@@ -462,7 +484,7 @@
 						const reg = /cloud:\/\/([\w.]+\/?)\S*/
 						if (reg.test(item.url)) {
 							this.files[index].url = await this.getTempFileURL(item.url)
-						}else{
+						} else {
 							this.files[index].url = item.url
 						}
 
@@ -551,7 +573,7 @@
 				let data = []
 				if (this.returnType === 'object') {
 					data = this.backObject(this.files)[0]
-					this.localValue = data?data:null
+					this.localValue = data ? data : null
 				} else {
 					data = this.backObject(this.files)
 					if (!this.localValue) {
@@ -581,12 +603,12 @@
 						name: v.name,
 						path: v.path,
 						size: v.size,
-						fileID:v.fileID,
+						fileID: v.fileID,
 						url: v.url,
 						// 修改删除一个文件后不能再上传的bug, #694
-            uuid: v.uuid,
-            status: v.status,
-            cloudPath: v.cloudPath
+						uuid: v.uuid,
+						status: v.status,
+						cloudPath: v.cloudPath
 					})
 				})
 				return newFilesData
diff --git a/uni_modules/uni-file-picker/components/uni-file-picker/upload-file.vue b/uni_modules/uni-file-picker/components/uni-file-picker/upload-file.vue
index 625d92e..0d26379 100644
--- a/uni_modules/uni-file-picker/components/uni-file-picker/upload-file.vue
+++ b/uni_modules/uni-file-picker/components/uni-file-picker/upload-file.vue
@@ -8,8 +8,7 @@
 			<!-- ,'is-list-card':showType === 'list-card' -->
 
 			<view class="uni-file-picker__lists-box" v-for="(item ,index) in list" :key="index" :class="{
-				'files-border':index !== 0 && styles.dividline}"
-			 :style="index !== 0 && styles.dividline &&borderLineStyle">
+				'files-border':index !== 0 && styles.dividline}" :style="index !== 0 && styles.dividline &&borderLineStyle">
 				<view class="uni-file-picker__item">
 					<!-- :class="{'is-text-image':showType === 'list'}" -->
 					<!-- 	<view class="files__image is-text-image">
@@ -22,8 +21,7 @@
 					</view>
 				</view>
 				<view v-if="(item.progress && item.progress !== 100) ||item.progress===0 " class="file-picker__progress">
-					<progress class="file-picker__progress-item" :percent="item.progress === -1?0:item.progress" stroke-width="4"
-					 :backgroundColor="item.errMsg?'#ff5a5f':'#EBEBEB'" />
+					<progress class="file-picker__progress-item" :percent="item.progress === -1?0:item.progress" stroke-width="4" :backgroundColor="item.errMsg?'#ff5a5f':'#EBEBEB'" />
 				</view>
 				<view v-if="item.status === 'error'" class="file-picker__mask" @click.stop="uploadFiles(item,index)">
 					点击重试
@@ -37,7 +35,7 @@
 <script>
 	export default {
 		name: "uploadFile",
-		emits:['uploadFiles','choose','delFile'],
+		emits: ['uploadFiles', 'choose', 'delFile'],
 		props: {
 			filesList: {
 				type: Array,
@@ -70,9 +68,9 @@
 					}
 				}
 			},
-			readonly:{
-				type:Boolean,
-				default:false
+			readonly: {
+				type: Boolean,
+				default: false
 			}
 		},
 		computed: {
@@ -322,4 +320,4 @@
 	}
 
 	/* #endif */
-</style>
+</style>
\ No newline at end of file
diff --git a/uni_modules/uni-file-picker/components/uni-file-picker/upload-image.vue b/uni_modules/uni-file-picker/components/uni-file-picker/upload-image.vue
index ff48466..0ce5eb7 100644
--- a/uni_modules/uni-file-picker/components/uni-file-picker/upload-image.vue
+++ b/uni_modules/uni-file-picker/components/uni-file-picker/upload-image.vue
@@ -16,7 +16,7 @@
 				</view>
 			</view>
 		</view>
-		<view v-if="filesList.length < limit && !readonly" class="file-picker__box" :style="boxStyle">
+		<view v-if="filesList.length < limit" class="file-picker__box" :style="boxStyle">
 			<view class="file-picker__box-content is-add" :style="borderStyle" @click="choose">
 				<slot></slot>
 			</view>
@@ -142,12 +142,15 @@
 				this.$emit("uploadFiles", item)
 			},
 			choose() {
+				if(this.readonly) return
 				this.$emit("choose")
 			},
 			delFile(index) {
+				if(this.readonly) return
 				this.$emit('delFile', index)
 			},
 			prviewImage(img, index) {
+				if(this.readonly) return
 				let urls = []
 				if(Number(this.limit) === 1&&this.disablePreview&&!this.disabled){
 					this.$emit("choose")
diff --git a/uni_modules/uni-file-picker/package.json b/uni_modules/uni-file-picker/package.json
index 830bb7e..b13e315 100644
--- a/uni_modules/uni-file-picker/package.json
+++ b/uni_modules/uni-file-picker/package.json
@@ -1,7 +1,7 @@
 {
   "id": "uni-file-picker",
   "displayName": "uni-file-picker 文件选择上传",
-  "version": "1.0.12",
+  "version": "1.1.3",
   "description": "文件选择上传组件，可以选择图片、视频等任意文件并上传到当前绑定的服务空间",
   "keywords": [
     "uni-ui",
@@ -11,12 +11,14 @@
 ],
   "repository": "https://github.com/dcloudio/uni-ui",
   "engines": {
-    "HBuilderX": ""
+    "HBuilderX": "",
+    "uni-app": "^4.33",
+    "uni-app-x": ""
   },
   "directories": {
     "example": "../../temps/example_temps"
   },
-"dcloudext": {
+  "dcloudext": {
     "sale": {
       "regular": {
         "price": "0.00"
@@ -34,53 +36,70 @@
       "permissions": "无"
     },
     "npmurl": "https://www.npmjs.com/package/@dcloudio/uni-ui",
-    "type": "component-vue"
+    "type": "component-vue",
+    "darkmode": "x",
+    "i18n": "x",
+    "widescreen": "x"
   },
   "uni_modules": {
-    "dependencies": ["uni-scss"],
+    "dependencies": [
+      "uni-scss"
+    ],
     "encrypt": [],
     "platforms": {
       "cloud": {
-        "tcb": "y",
-        "aliyun": "y",
-        "alipay": "n"
+        "tcb": "√",
+        "aliyun": "√",
+        "alipay": "√"
       },
       "client": {
-        "App": {
-            "app-vue": "y",
-            "app-nvue": "n",
-            "app-harmony": "u",
-            "app-uvue": "u"
+        "uni-app": {
+          "vue": {
+            "vue2": "√",
+            "vue3": "√"
+          },
+          "web": {
+            "safari": "√",
+            "chrome": "√"
+          },
+          "app": {
+            "vue": "√",
+            "nvue": "-",
+            "android": "√",
+            "ios": "√",
+            "harmony": "√"
+          },
+          "mp": {
+            "weixin": "√",
+            "alipay": "√",
+            "toutiao": "√",
+            "baidu": "√",
+            "kuaishou": "√",
+            "jd": "-",
+            "harmony": "-",
+            "qq": "√",
+            "lark": "-"
+          },
+          "quickapp": {
+            "huawei": "√",
+            "union": "√"
+          }
         },
-        "H5-mobile": {
-          "Safari": "y",
-          "Android Browser": "y",
-          "微信浏览器(Android)": "y",
-          "QQ浏览器(Android)": "y"
-        },
-        "H5-pc": {
-          "Chrome": "y",
-          "IE": "y",
-          "Edge": "y",
-          "Firefox": "y",
-          "Safari": "y"
-        },
-        "小程序": {
-          "微信": "y",
-          "阿里": "y",
-          "百度": "y",
-          "字节跳动": "y",
-          "QQ": "y"
-        },
-        "快应用": {
-          "华为": "u",
-          "联盟": "u"
-        },
-        "Vue": {
-            "vue2": "y",
-            "vue3": "y"
+        "uni-app-x": {
+          "web": {
+            "safari": "-",
+            "chrome": "-"
+          },
+          "app": {
+            "android": "-",
+            "ios": "-",
+            "harmony": "-"
+          },
+          "mp": {
+            "weixin": "-"
+          }
         }
       }
     }
   }
-}
+}
\ No newline at end of file
diff --git a/uni_modules/uni-file-picker/readme.md b/uni_modules/uni-file-picker/readme.md
index c8399a5..7393e6c 100644
--- a/uni_modules/uni-file-picker/readme.md
+++ b/uni_modules/uni-file-picker/readme.md
@@ -7,5 +7,4 @@
 
 文件选择上传组件，可以选择图片、视频等任意文件并上传到当前绑定的服务空间
 
-### [查看文档](https://uniapp.dcloud.io/component/uniui/uni-file-picker)
-#### 如使用过程中有任何问题，或者您对uni-ui有一些好的建议，欢迎加入 uni-ui 交流群：871950839 
\ No newline at end of file
+### [查看文档](https://uniapp.dcloud.io/component/uniui/uni-file-picker)
\ No newline at end of file
diff --git a/util/oaRequest.js b/util/oaRequest.js
index 1cd3942..8406ca8 100644
--- a/util/oaRequest.js
+++ b/util/oaRequest.js
@@ -4,8 +4,8 @@ import { toast, tansParams } from './common'
 import { getSMSCodeFromOa, loginOaByPhone } from '../api/oa/login'
 
 let timeout = 10000
-const baseUrl = 'http://49.232.154.205:18081'
-//const baseUrl = 'http://192.168.31.116:8080'
+//const baseUrl = 'http://49.232.154.205:18081'
+export const BASE_URL = 'http://192.168.31.116:8080'
 
 // 显示loading提示
 const showLoading = (title = '正在登录OA系统...') => {
@@ -46,7 +46,7 @@ const request = config => {
     uni.request({
         method: config.method || 'get',
         timeout: config.timeout ||  timeout,
-        url: config.baseUrl || baseUrl + config.url,
+        url: config.baseUrl || BASE_URL + config.url,
         data: config.data,
         header: config.header,
         dataType: 'json'