diff --git a/api/oa/requirement.js b/api/oa/requirement.js
new file mode 100644
index 0000000..823c70d
--- /dev/null
+++ b/api/oa/requirement.js
@@ -0,0 +1,44 @@
+import request from "@/util/oaRequest"
+
+// 查询OA 需求列表
+export function listRequirements(query) {
+  return request({
+    url: '/oa/requirements/list',
+    method: 'get',
+    params: query
+  })
+}
+
+// 查询OA 需求详细
+export function getRequirements(requirementId) {
+  return request({
+    url: '/oa/requirements/' + requirementId,
+    method: 'get'
+  })
+}
+
+// 新增OA 需求
+export function addRequirements(data) {
+  return request({
+    url: '/oa/requirements',
+    method: 'post',
+    data: data
+  })
+}
+
+// 修改OA 需求
+export function updateRequirements(data) {
+  return request({
+    url: '/oa/requirements',
+    method: 'put',
+    data: data
+  })
+}
+
+// 删除OA 需求
+export function delRequirements(requirementId) {
+  return request({
+    url: '/oa/requirements/' + requirementId,
+    method: 'delete'
+  })
+}
diff --git a/components/oa/oa-remind-time/index.vue b/components/oa/oa-remind-time/index.vue
new file mode 100644
index 0000000..0d76dde
--- /dev/null
+++ b/components/oa/oa-remind-time/index.vue
@@ -0,0 +1,101 @@
+<template>
+  <view class="remaining-time" :class="computedClass">
+    <uni-icons 
+      :type="isExpired ? 'clock' : 'time'" 
+      :size="14" 
+      class="icon"
+    ></uni-icons>
+    <text class="text">{{ displayText }}</text>
+  </view>
+</template>
+
+<script>
+export default {
+  name: 'RemainingTime', 
+  props: {
+    // 截至日期（ISO格式，如：'2025-12-31T23:59:59'）
+    expireDate: {
+      type: String,
+      required: true,
+      validator(value) {
+        // 验证日期格式有效性
+        return !isNaN(Date.parse(value));
+      }
+    },
+    // 阈值天数（超过此值为绿色，否则红色）
+    thresholdDays: {
+      type: Number,
+      required: true,
+			default: 3,
+      validator(value) {
+        return value >= 0;
+      }
+    }
+  },
+  computed: {
+    // 计算剩余天数（负数表示逾期）
+    remainingDays() {
+      const now = new Date();
+      const expire = new Date(this.expireDate);
+      const diffTime = expire - now;
+      // 转换为天数并四舍五入
+      return Math.round(diffTime / (1000 * 60 * 60 * 24));
+    },
+    // 是否已逾期
+    isExpired() {
+      return this.remainingDays < 0;
+    },
+    // 显示文本
+    displayText() {
+      if (this.isExpired) {
+        return `已逾期 ${Math.abs(this.remainingDays)} 天`;
+      }
+      return `剩余 ${this.remainingDays} 天`;
+    },
+    // 计算样式类
+    computedClass() {
+      if (this.isExpired) {
+        return 'expired'; // 逾期状态
+      }
+      return this.remainingDays > this.thresholdDays 
+        ? 'normal' // 正常状态（超过阈值）
+        : 'warning'; // 警告状态（低于阈值）
+    }
+  }
+};
+</script>
+
+<style scoped>
+.remaining-time {
+  display: inline-flex;
+  align-items: center;
+  padding: 4rpx 12rpx;
+  border-radius: 20rpx;
+  font-size: 24rpx;
+  line-height: 1;
+}
+
+.icon {
+  margin-right: 8rpx;
+}
+
+.text {
+  font-weight: 500;
+}
+
+/* 正常状态（超过阈值） */
+.normal {
+  color: #00b42a; /* 绿色 */
+}
+
+/* 警告状态（低于阈值） */
+.warning {
+  color: #f53f3f; /* 红色 */
+}
+
+/* 逾期状态 */
+.expired {
+  background-color: #fef0f0;
+  color: #f53f3f; /* 红色背景+红色文字 */
+}
+</style>
\ No newline at end of file
diff --git a/pages.json b/pages.json
index 6eb0bc5..ce9f362 100644
--- a/pages.json
+++ b/pages.json
@@ -549,6 +549,14 @@
 			"navigationBarTitleText" : "项目明细详情",
 			"navigationStyle": "default"
 		}
+	},
+	{
+		"path" : "pages/workbench/requirement/requirement",
+		"style" : 
+		{
+			"navigationBarTitleText" : "采购需求",
+			"navigationStyle": "default"
+		}
 	}
   ],
   "tabBar": {
diff --git a/pages/workbench/article/article.vue b/pages/workbench/article/article.vue
index c10d594..92bdcc3 100644
--- a/pages/workbench/article/article.vue
+++ b/pages/workbench/article/article.vue
@@ -17,7 +17,7 @@
 					mode="cover"></image>
 				<view class="user-meta">
 					<view class="user-name">
-						{{ article.author || '未知用户' }}
+						{{ article.createBy || '未知用户' }}
 						<!-- <view class="user-level">Lv.1</view> -->
 					</view>
 					<view class="user-time-area">
@@ -81,7 +81,6 @@
 							.then(res => {
 								this.article = {
 									...res.data,
-									author: res.data.createBy,
 									title: res.data.noticeTitle,
 									content: res.data.noticeContent,
 								};
diff --git a/pages/workbench/index/index.vue b/pages/workbench/index/index.vue
index 63b6bfc..cd72cc9 100644
--- a/pages/workbench/index/index.vue
+++ b/pages/workbench/index/index.vue
@@ -103,6 +103,12 @@ export default {
 				  url: '/pages/workbench/feedback/feedback',
 					category: "信息中心"
 				},
+				{
+					text: '采购需求',
+					icon: '/static/images/requirement.png',
+					url: '/pages/workbench/requirement/requirement',
+					category: "信息中心"
+				},
 				{
 					text: '客户管理',
 					icon: '/static/images/customer.png',
diff --git a/pages/workbench/requirement/requirement.vue b/pages/workbench/requirement/requirement.vue
new file mode 100644
index 0000000..9c5bfbb
--- /dev/null
+++ b/pages/workbench/requirement/requirement.vue
@@ -0,0 +1,619 @@
+<template>
+	<view class="report-schedule">
+		<!-- header始终显示 -->
+		<view class="search-bar">
+			<view class="search-container">
+				<view class="task-type-button-container">
+					<view class="task-type-button" @click="openDrawer">
+						<uni-icons type="settings" color="#2979ff" size="22"></uni-icons>
+					</view>
+				</view>
+				<view class="search-input custom-search-input">
+					<input v-model="queryParams.title" class="input" type="text" placeholder="搜索采购需求" @confirm="onSearch"
+						@keyup.enter="onSearch" />
+					<view class="search-icon" @click="onSearch">
+						<uni-icons type="search" color="#bbb" size="20"></uni-icons>
+					</view>
+					<view v-if="searchName" class="clear-icon" @click="onClearSearch">
+						<uni-icons type="closeempty" color="#bbb" size="18"></uni-icons>
+					</view>
+				</view>
+				<view class="add-button" @click="handleAdd">
+					<uni-icons type="plusempty" color="#2979ff" size="22"></uni-icons>
+				</view>
+			</view>
+		</view>
+
+		<!-- 筛选抽屉 -->
+		<uni-drawer ref="drawerRef" mode="left" :width="320">
+			<view class="drawer-content">
+				<view class="drawer-title">筛选</view>
+				<view class="drawer-form">
+					<view class="drawer-form-item">
+						<text class="drawer-label">需求方</text>
+						<oa-user-select v-model="queryParams.requesterId" placeholder="请选择需求方" />
+					</view>
+					<view class="drawer-form-item">
+						<text class="drawer-label">负责人</text>
+						<oa-user-select v-model="queryParams.ownerId" placeholder="请选择负责人" />
+					</view>
+					<view class="drawer-form-item">
+						<text class="drawer-label">关联项目</text>
+						<oa-project-select v-model="queryParams.projectId" placeholder="请选择关联项目" />
+					</view>
+				</view>
+				<view class="drawer-btns">
+					<button class="drawer-btn-primary" @click="applyFilterAndClose">确定</button>
+					<button class="drawer-btn" @click="resetFilterAndClose">重置</button>
+					<button class="drawer-btn" @click="closeDrawer">关闭</button>
+				</view>
+			</view>
+		</uni-drawer>
+
+		<view>
+			<!-- 自定义列表，右滑菜单（uni-ui实现） -->
+			<scroll-view scroll-y style="height: 100vh;" @scrolltolower="loadMore">
+				<view v-if="customerList.length">
+					<uni-swipe-action>
+						<block v-for="(item, index) in customerList" :key="item.requirementId">
+							<uni-swipe-action-item :right-options="getSwipeOptions(item)" @click="swipeActionClick($event, item)"
+								style="margin-bottom: 16rpx;">
+								<view class="card">
+									<view class="card-title">
+										<text class="project">{{ item.title }}</text>
+										<uni-tag v-if="item.status == 2" type="success" text="已完成"></uni-tag>
+										<oa-remind-time v-else :expireDate="item.deadline" :thresholdDays="3"></oa-remind-time>
+									</view>
+									<view class="card-content">
+										<view>需求方({{ item.requesterNickName }}) -> 负责人({{ item.ownerNickName }})</view>
+										<view>关联项目：{{ item.projectName }}</view>
+										<view>需求描述：{{ item.description }}</view>
+										<view>截止日期：{{ item.deadline }}</view>
+									</view>
+								</view>
+							</uni-swipe-action-item>
+						</block>
+					</uni-swipe-action>
+				</view>
+				<view v-else class="empty">暂无数据</view>
+				<view class="load-more-tips">
+					<u-loading-icon v-if="loadingMore" text="加载中..." size="20" textSize="14" />
+					<text v-else-if="!hasMore && customerList.length">没有更多了</text>
+				</view>
+			</scroll-view>
+
+			<!-- 新增/编辑弹窗 -->
+			<uni-popup ref="popupRef" type="bottom">
+				<view class="popup-content">
+					<view class="uni-form">
+						<view class="uni-form-item">
+							<text class="uni-form-label">需求标题</text>
+							<u-input v-model="form.title" placeholder="请输入客户名称" />
+						</view>
+						<view class="uni-form-item">
+							<text class="uni-form-label">需求描述</text>
+							<uni-easyinput v-model="form.description" type="textarea" placeholder="请输入需求描述" />
+						</view>
+						
+						<view class="uni-form-item">
+							<text class="uni-form-label">负责人</text>
+							<oa-user-select v-model="form.ownerId" placeholder="请选择负责人" />
+						</view>
+						
+						<view class="uni-form-item">
+							<text class="uni-form-label">关联项目</text>
+							<oa-project-select v-model="form.projectId" placeholder="请选择关联项目" />
+						</view>
+						
+						<view class="uni-form-item">
+							<text class="uni-form-label">截至日期</text>
+							<uni-datetime-picker v-model="form.deadline" type="datetime" placeholder="请选择截止日期"
+								style="width:100%" />
+						</view>
+
+						<view class="uni-form-item">
+							<text class="uni-form-label">备注</text>
+							<u-input v-model="form.remark" type="textarea" placeholder="请输入备注" />
+						</view>
+					</view>
+					<view class="popup-btns">
+						<u-button type="primary" @click="submitForm">确定</u-button>
+						<u-button @click="closePopup">取消</u-button>
+					</view>
+				</view>
+			</uni-popup>
+		</view>
+	</view>
+</template>
+
+<script>
+	import {
+		addRequirements,
+		delRequirements,
+		updateRequirements,
+		getRequirements,
+		listRequirements
+	} from '@/api/oa/requirement.js'
+
+	export default {
+		data() {
+			return {
+				queryParams: {
+					pageNum: 1,
+					pageSize: 10,
+					expressId: undefined,
+					description: undefined,
+					reportTime: undefined,
+					reportBy: undefined,
+					status: undefined,
+				},
+				projectOptions: [],
+				headerOptions: [],
+				customerList: [],
+				total: 0,
+				single: true,
+				multiple: true,
+				form: {},
+				showStartDate: false,
+				showEndDate: false,
+				swipeOptions: [{
+						text: '编辑',
+						style: {
+							backgroundColor: '#2979ff',
+							color: '#fff'
+						}
+					},
+					{
+						text: '删除',
+						style: {
+							backgroundColor: '#fa3534',
+							color: '#fff'
+						}
+					}
+				],
+				// 新增：筛选相关
+				searchName: '',
+				filterProject: '',
+				filterHeader: '',
+				filterDateRange: [],
+				pageNum: 1,
+				pageSize: 10,
+				loadingMore: false,
+				hasMore: true,
+				startLoading: false,
+				startPopupOpen: false,
+				_startScheduleId: null,
+				showGanttView: false,
+				ganttChartData: {
+					categories: [],
+					series: []
+				}
+			}
+		},
+		onLoad() {
+			this.pageNum = 1
+			this.hasMore = true
+			this.handleQuery()
+		},
+		methods: {
+			openDrawer() {
+				this.$refs.drawerRef.open();
+			},
+			closeDrawer() {
+				this.$refs.drawerRef.close();
+			},
+			applyFilterAndClose() {
+				this.applyFilter();
+				this.closeDrawer();
+			},
+			resetFilterAndClose() {
+				this.resetFilter();
+				this.closeDrawer();
+			},
+			// 搜索框检索
+			onSearch() {
+				this.searchName = this.searchName
+				this.handleQuery()
+			},
+			onClearSearch() {
+				this.searchName = ''
+				this.queryParams.scheduleName = ''
+				this.handleQuery()
+			},
+			// 筛选抽屉应用
+			applyFilter() {
+				this.queryParams.projectId = this.filterProject
+				this.queryParams.header = this.filterHeader
+				if (this.filterDateRange && this.filterDateRange.length === 2) {
+					this.queryParams.dateRange = this.filterDateRange
+				} else {
+					this.queryParams.dateRange = []
+				}
+				this.handleQuery()
+			},
+			// 筛选抽屉重置
+			resetFilter() {
+				this.queryParams = {
+					...this.queryParams,
+					level: undefined,
+					source: undefined,
+					industryId: undefined,
+				}
+			},
+			handleQuery() {
+				this.pageNum = 1
+				this.hasMore = true
+				this.queryParams.pageNum = 1
+				if (this.queryParams.dateRange && this.queryParams.dateRange.length === 2) {
+					this.queryParams.startDate = this.queryParams.dateRange[0]
+					this.queryParams.endDate = this.queryParams.dateRange[1]
+				} else {
+					this.queryParams.startDate = ''
+					this.queryParams.endDate = ''
+				}
+				this.getList()
+			},
+			getList() {
+				this.loadingMore = true
+				this.queryParams.pageNum = this.pageNum
+				this.queryParams.pageSize = this.pageSize
+				listRequirements(this.queryParams).then(res => {
+					const rows = res.rows || []
+					if (this.pageNum === 1) {
+						this.customerList = rows
+					} else {
+						this.customerList = this.customerList.concat(rows)
+					}
+					// 判断是否还有更多
+					this.hasMore = rows.length === this.pageSize
+					this.total = res.total || 0
+				}).finally(() => {
+					this.loadingMore = false
+				})
+			},
+			loadMore() {
+				if (!this.hasMore || this.loadingMore) return
+				this.pageNum++
+				this.getList()
+			},
+			handleAdd() {
+				this.form = {
+					requirementId: this.$store.state.user.id,
+					title: undefined,
+					requesterId: undefined,
+					ownerId: undefined,
+					projectId: undefined,
+					description: undefined,
+					deadline: undefined,
+					status: 0,
+					remark: undefined,
+					accessory: undefined,
+					createBy: undefined,
+					createTime: undefined,
+					updateBy: undefined,
+					updateTime: undefined,
+					delFlag: undefined
+				}
+				this.$refs.popupRef.open('bottom')
+			},
+			handleUpdate(row) {
+				getRequirements(row.requirementId).then(res => {
+					this.form = res.data || {}
+					this.$refs.popupRef.open('bottom')
+				})
+			},
+			handleDelete(item) {
+				uni.showModal({
+					title: '确认删除',
+					content: `确定要删除排产“${item.scheduleName}”吗？`,
+					success: (res) => {
+						if (res.confirm) {
+							const ids = item ? [item.requirementId] : this.selectedIds
+							delRequirements(ids).then(() => {
+								uni.showToast({
+									title: '删除成功',
+									icon: 'success'
+								})
+								this.getList()
+							})
+						}
+					}
+				})
+			},
+			handleExport() {
+				// 导出逻辑可根据实际API实现
+				uni.showToast({
+					title: '导出功能开发中',
+					icon: 'none'
+				})
+			},
+			submitForm() {
+				if (this.form.requirementId) {
+					updateRequirements(this.form).then(() => {
+						uni.showToast({
+							title: '修改成功',
+							icon: 'success'
+						})
+						this.closePopup()
+						this.getList()
+					})
+				} else {
+					addRequirements(this.form).then(() => {
+						uni.showToast({
+							title: '新增成功',
+							icon: 'success'
+						})
+						this.closePopup()
+						this.getList()
+					})
+				}
+			},
+			closePopup() {
+				this.$refs.popupRef.close()
+			},
+			getSwipeOptions(item) {
+				const options = [{
+						text: '编辑',
+						style: {
+							backgroundColor: '#2979ff',
+							color: '#fff'
+						}
+					},
+					{
+						text: '删除',
+						style: {
+							backgroundColor: '#fa3534',
+							color: '#fff'
+						}
+					}
+				];
+				if (!item.status || item.status != 2) {
+					options.push({
+						text: '完成',
+						style: { backgroundColor: '#19be6b', color: '#fff' }
+					});
+				}
+				return options;
+			},
+			swipeActionClick(e, item) {
+				const text = e.content.text;
+				if (text === '编辑') {
+					this.handleUpdate(item);
+				} else if (text === '删除') {
+					this.handleDelete(item);
+				} else if (text === '完成') {
+					this.handleFinish(item);
+				}
+			},
+			handleFinish(row) {
+				updateRequirements({
+					...row,
+					status: 2
+				}).then(_ => {
+					uni.showToast({
+						title: "采购完成"
+					})
+					this.getList()
+				})
+			}
+		}
+	}
+</script>
+
+<style scoped>
+	.report-schedule {
+		min-height: 100vh;
+		background-color: #f5f5f5;
+		padding-bottom: 120rpx;
+	}
+
+	.search-bar {
+		padding: 20rpx;
+		position: sticky;
+		top: 0;
+		z-index: 100;
+		background: #fff;
+	}
+
+	.search-container {
+		display: flex;
+		align-items: center;
+		gap: 20rpx;
+	}
+
+	.task-type-button-container {
+		display: flex;
+		gap: 12rpx;
+	}
+
+	.task-type-button {
+		width: 60rpx;
+		height: 60rpx;
+		background-color: transparent;
+		border-radius: 50%;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+	}
+
+	.search-input {
+		flex: 1;
+		position: relative;
+		display: flex;
+		align-items: center;
+		background: #f5f5f5;
+		border-radius: 100rpx;
+		padding: 0 24rpx;
+		height: 60rpx;
+	}
+
+	.input {
+		flex: 1;
+		border: none;
+		background: transparent;
+		font-size: 30rpx;
+		outline: none;
+		height: 60rpx;
+		line-height: 60rpx;
+	}
+
+	.search-icon {
+		margin-left: 8rpx;
+		display: flex;
+		align-items: center;
+	}
+
+	.clear-icon {
+		margin-left: 8rpx;
+		display: flex;
+		align-items: center;
+	}
+
+	.drawer-content {
+		padding: 32rpx 24rpx 24rpx 24rpx;
+	}
+
+	.drawer-title {
+		font-size: 32rpx;
+		font-weight: bold;
+		margin-bottom: 24rpx;
+	}
+
+	.drawer-form {
+		margin-bottom: 32rpx;
+	}
+
+	.drawer-form-item {
+		margin-bottom: 24rpx;
+	}
+
+	.drawer-label {
+		display: block;
+		font-size: 28rpx;
+		color: #333;
+		margin-bottom: 8rpx;
+	}
+
+	.drawer-btns {
+		display: flex;
+		gap: 16rpx;
+		margin-top: 24rpx;
+	}
+
+	.drawer-btn-primary {
+		flex: 1;
+		background: #2979ff;
+		color: #fff;
+		border: none;
+		border-radius: 8rpx;
+		padding: 16rpx 0;
+		font-size: 28rpx;
+	}
+
+	.drawer-btn {
+		flex: 1;
+		background: #f5f5f5;
+		color: #333;
+		border: none;
+		border-radius: 8rpx;
+		padding: 16rpx 0;
+		font-size: 28rpx;
+	}
+
+	.card {
+		background: #fff;
+		border-radius: 16rpx;
+		box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.05);
+		padding: 24rpx;
+	}
+
+	.card-title {
+		display: flex;
+		justify-content: space-between;
+		align-items: center;
+		font-weight: bold;
+		margin-bottom: 12rpx;
+	}
+
+	.project {
+		color: #2979ff;
+	}
+
+	.status {
+		font-size: 24rpx;
+		padding: 0 12rpx;
+		border-radius: 8rpx;
+	}
+
+	.status-1 {
+		background: #e0f7fa;
+		color: #009688;
+	}
+
+	.status-0,
+	.status-undefined {
+		background: #fffbe6;
+		color: #faad14;
+	}
+
+	.status-other {
+		background: #fbeff2;
+		color: #e91e63;
+	}
+
+	.card-content view {
+		margin-bottom: 8rpx;
+		color: #666;
+		font-size: 26rpx;
+	}
+
+	.empty {
+		text-align: center;
+		color: #bbb;
+		margin: 40rpx 0;
+	}
+
+	.popup-content {
+		padding: 24rpx;
+		background: #fff;
+		border-radius: 16rpx 16rpx 0 0;
+	}
+
+	.uni-form {
+		margin-bottom: 32rpx;
+		max-height: 50vh;
+		overflow-y: scroll;
+	}
+
+	.uni-form-item {
+		margin-bottom: 32rpx;
+	}
+
+	.uni-form-label {
+		display: block;
+		font-size: 28rpx;
+		color: #333;
+		margin-bottom: 8rpx;
+	}
+
+	.load-more-tips {
+		text-align: center;
+		color: #bbb;
+		padding: 24rpx 0 32rpx 0;
+		font-size: 28rpx;
+	}
+
+	.card-ops {
+		margin-top: 16rpx;
+		display: flex;
+		gap: 16rpx;
+	}
+
+	.gantt-toggle-bar {
+		display: flex;
+		gap: 16rpx;
+		padding: 16rpx 0 8rpx 0;
+		background: #fff;
+		justify-content: flex-end;
+	}
+</style>
\ No newline at end of file
diff --git a/static/images/requirement.png b/static/images/requirement.png
new file mode 100644
index 0000000..bcfe920
Binary files /dev/null and b/static/images/requirement.png differ