diff --git a/api/hj.js b/api/hj.js
index 1786320..f5d11e2 100644
--- a/api/hj.js
+++ b/api/hj.js
@@ -118,3 +118,9 @@ export const reqDeletePackagingFromTrain = (id='')=>get(`TrainNumberManage/Delet
  * @param {Object} params - { projectId, pageindex, pagesize, state }
  */
 export const reqPipelineComponentList = (params={})=>get(`/PipelineComponent/GetPipelineComponentList?projectId=${params.projectId}&pageindex=${params.pageindex}&pagesize=${params.pagesize}&state=${params.state}`)
+
+/**
+ * 预制组件验收
+ * @param {Object} params - { PipelineComponentId, PersonId, Message }
+ */
+export const reqPipelineComponentAccept = (params={})=>get(`/PipelineComponent/GetComponentConfirmArrival?PipelineComponentId=${params.PipelineComponentId}&PersonId=${params.PersonId}&Message=${params.Message}`)
diff --git a/pipe/precast/detail.vue b/pipe/precast/detail.vue
index bca7a7c..ce7794f 100644
--- a/pipe/precast/detail.vue
+++ b/pipe/precast/detail.vue
@@ -3,108 +3,211 @@
 		<!-- 基本信息 -->
 		<view class="info-group">
 			<view class="info-item">
-				<text class="info-label">预制图纸名称</text>
-				<text class="info-value">{{ form.DrawingName || '--' }}</text>
+				<text class="info-label">组件编号</text>
+				<text class="info-value">{{ info.PipelineComponentCode || '--' }}</text>
 			</view>
 			<view class="info-item">
-				<text class="info-label">组件编号</text>
-				<text class="info-value">{{ form.PipelineComponentCode || '--' }}</text>
+				<text class="info-label">预制图纸名称</text>
+				<text class="info-value">{{ info.DrawingName || '--' }}</text>
 			</view>
 			<view class="info-item">
 				<text class="info-label">物流箱号</text>
-				<text class="info-value">{{ form.BoxNumber || '--' }}</text>
+				<text class="info-value">{{ info.BoxNumber || '--' }}</text>
+			</view>
+			<view class="info-item">
+				<text class="info-label">组件状态</text>
+				<text class="card-tag" :class="'status-' + info.State">{{ getStatus(info.State) }}</text>
+			</view>
+			<view v-if="info.State == -1 || info.State == -2" class="info-item">
+				<text class="info-label">验收意见</text>
+				<text class="info-value">{{ info.Remark || '--' }}</text>
 			</view>
 			<view class="info-item">
 				<text class="info-label">计划安装日期</text>
-				<text class="info-value">{{ form.PlanStartDate || '--' }}</text>
+				<text class="info-value">{{ info.PlanStartDate || '--' }}</text>
 			</view>
 			<view class="info-item">
 				<text class="info-label">验收人</text>
-				<text class="info-value">{{ form.ReceiveMan || '--' }}</text>
+				<text class="info-value">{{ info.ReceiveMan || '--' }}</text>
 			</view>
 			<view class="info-item">
 				<text class="info-label">验收日期</text>
-				<text class="info-value">{{ form.ReceiveDate || '--' }}</text>
-			</view>
-			<view class="info-item">
-				<text class="info-label">状态</text>
-				<text class="card-tag" :class="getStatusClass(form.State)">{{ getStatus(form.State) }}</text>
+				<text class="info-value">{{ info.ReceiveDate || '--' }}</text>
 			</view>
 		</view>
+
+		<!-- 验收操作 -->
+		<view v-if="isShow && info.State == 0" class="info-group">
+			<view class="info-item">
+				<text class="info-label">是否通过</text>
+				<u-radio-group v-model="isPass" @change="onPassChange">
+					<u-radio :name="1" label="通过" active-color="#3577FF"></u-radio>
+					<u-radio :name="0" label="不通过" active-color="#3577FF" style="margin-left: 32rpx;"></u-radio>
+				</u-radio-group>
+			</view>
+			<view v-if="isPass == 0" class="info-item">
+				<text class="info-label">验收意见</text>
+				<u-input 
+					type="select" 
+					:value="idea || '请选择验收意见'" 
+					readonly 
+					@click="onShowIdea"
+					placeholder="请选择验收意见"
+				></u-input>
+			</view>
+		</view>
+
+		<!-- 底部按钮 -->
+		<view v-if="isShow && info.State == 0" class="bottom-btns">
+			<u-button size="medium" type="primary" @click="saveModel">验收</u-button>
+		</view>
+
+		<!-- 验收意见选择弹窗 -->
+		<nbd-select v-model="showIdea" v-model:model="selectedIdea" title="选择验收意见" :list="ideaList"
+			label-key="label" value-key="value" @confirm="onIdeaConfirm" />
 	</view>
 </template>
 
 <script setup>
 	import { ref } from 'vue'
 	import { onLoad } from '@dcloudio/uni-app'
+	import { storeToRefs } from 'pinia'
+	import { useUserStore } from '@/store'
+	import { reqPipelineComponentById, reqPipelineComponentAccept } from '@/api/hj.js'
 
-	// 表单数据
-	const form = ref({
-		PipelineComponentId: '',
-		DrawingName: '',
-		PipelineComponentCode: '',
-		BoxNumber: '',
-		PlanStartDate: '',
-		ReceiveMan: '',
-		ReceiveDate: '',
-		State: 0
-	})
+	// ==== 状态库 ====
+	const userStore = useUserStore()
+	const { currentProject, userInfo } = storeToRefs(userStore)
 
-	// 获取状态文本
-	const getStatus = (state) => {
-		const statusMap = {
-			0: '未验收',
-			1: '已验收',
-			2: '已出库',
+	// ===== 数据 =====
+	const info = ref({})
+	const from = ref('1')
+	const isShow = ref(false)
+	const id = ref(null)
+
+	// 验收相关
+	const isPass = ref(1)
+	const showIdea = ref(false)
+	const selectedIdea = ref({ label: '', value: '' })
+	const idea = ref('')
+	const ideaList = ref([
+		{ label: '焊缝外观成形差', value: '焊缝外观成形差' },
+		{ label: '未酸洗', value: '未酸洗' },
+		{ label: '标识不全', value: '标识不全' },
+		{ label: '污迹', value: '污迹' },
+		{ label: '未进行成品保护', value: '未进行成品保护' }
+	])
+
+	// ===== 状态文本 =====
+	const getStatus = (val) => {
+		const map = {
+			'0': '未验收',
+			'1': '已验收',
+			'2': '已出库',
 			'-2': '待整改',
 			'-1': '已整改'
 		}
-		return statusMap[state] || '--'
+		return map[String(val)] || '--'
 	}
 
-	// 获取状态样式类
-	const getStatusClass = (state) => {
-		const classMap = {
-			0: 'status-0',
-			1: 'status-2',
-			2: 'status-3',
-			'-2': 'status-1',
-			'-1': 'status-2'
-		}
-		return classMap[state] || 'status-0'
-	}
-
-	// 获取详情
+	// ===== 获取详情 =====
 	const getInfo = async (id) => {
 		try {
-			// 替换为实际的API调用
-			const res = {
-				code: 1,
-				data: {
-					PipelineComponentId: id,
-					DrawingName: '预制组件A-001',
-					PipelineComponentCode: 'PC-2024-001',
-					BoxNumber: 'BOX-001',
-					PlanStartDate: '2024-01-15',
-					ReceiveMan: '张三',
-					ReceiveDate: '',
-					State: 0
-				}
+			const params = {
+				projectId: currentProject.value?.ProjectId,
+				personId: userInfo.value?.PersonId,
+				PipelineComponentId: id
 			}
-
+			const res = await reqPipelineComponentById(params)
 			if (res.code === 1) {
-				form.value = { ...form.value, ...res.data }
+				info.value = res.data.pipelineComponentItem
+				if (from.value === '0' && res.data.isPower) {
+					isShow.value = true
+				}
 			}
 		} catch (error) {
 			console.error('获取预制组件详情失败:', error)
+			uni.showToast({
+				title: '加载失败',
+				icon: 'none'
+			})
 		}
 	}
 
-	// 生命周期
-	onLoad((options) => {
-		const id = options?.id || ''
-		if (id) {
-			getInfo(id)
+	// ===== 验收相关操作 =====
+	const onPassChange = (val) => {
+		isPass.value = val
+		// 切换为"通过"时清空验收意见
+		if (val === 1) {
+			idea.value = ''
+			selectedIdea.value = { label: '', value: '' }
 		}
+	}
+
+	const onShowIdea = () => {
+		showIdea.value = true
+	}
+
+	const onIdeaConfirm = (item) => {
+		idea.value = item.label
+		selectedIdea.value = item
+		showIdea.value = false
+	}
+
+	const saveModel = () => {
+		if (isPass.value === 0 && !idea.value) {
+			uni.showToast({
+				title: '请选择验收意见',
+				icon: 'none'
+			})
+			return
+		}
+
+		uni.showModal({
+			title: '确认验收',
+			content: `确定要验收该组件吗？`,
+			success: async (modalRes) => {
+				if (modalRes.confirm) {
+					try {
+						const params = {
+							PipelineComponentId: id.value,
+							PersonId: userInfo.value?.PersonId,
+							Message: isPass.value === 1 ? '' : idea.value
+						}
+						const res = await reqPipelineComponentAccept(params)
+						if (res.code === 1) {
+							uni.showToast({
+								title: '验收成功',
+								icon: 'success',
+								duration: 3000
+							})
+							setTimeout(() => {
+								uni.reLaunch({
+									url: '/pages/index/index'
+								})
+							}, 2000)
+						} else {
+							uni.showToast({
+								title: res.msg || '网络异常',
+								icon: 'none'
+							})
+						}
+					} catch (error) {
+						console.error('验收失败:', error)
+						uni.showToast({
+							title: '网络异常',
+							icon: 'none'
+						})
+					}
+				}
+			}
+		})
+	}
+
+	// ===== 生命周期 =====
+	onLoad((query) => {
+		id.value = query.id
+		from.value = query.from
+		getInfo(query.id)
 	})
-</script>
\ No newline at end of file
+</script>