From 041ac526007a31aa4c45b38e41f40302060a0efb Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=A0=82=E7=B3=96?= <qq2178503051@163.com>
Date: Wed, 3 Dec 2025 10:01:37 +0800
Subject: [PATCH] =?UTF-8?q?feat(hand-factory):=20=E6=96=B0=E5=A2=9E?=
 =?UTF-8?q?=E6=94=B6=E8=B4=A7=E9=A1=B5=E9=9D=A2=E5=8F=8A=E5=8F=91=E8=B4=A7?=
 =?UTF-8?q?=E8=AE=A1=E5=88=92API?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

新增收货页面功能，包含收货计划选择、钢卷号筛选、收货表单提交等
添加发货计划相关API接口，包括查询、新增、修改、删除和报表统计
---
 apps/hand-factory/api/wms/deliveryPlan.js     |  59 ++
 .../components/klp-ui/k-tabbar/k-tabbar.vue   |   8 +
 apps/hand-factory/pages.json                  |  28 +-
 apps/hand-factory/pages/easycode/easycode.vue |   7 -
 apps/hand-factory/pages/index.vue             |  26 +-
 apps/hand-factory/pages/receive/receive.vue   | 708 ++++++++++++++++++
 .../static/images/tabbar/receive.png          | Bin 0 -> 4054 bytes
 .../static/images/tabbar/receive_.png         | Bin 0 -> 4067 bytes
 .../steelmill/src/components/ModelPreview.vue |  14 +
 apps/steelmill/src/pages/steelmill2/Index.vue |   4 -
 .../steelmill/src/pages/steelmill2/Scene2.vue | 261 +------
 .../src/pages/steelmill2/SceneRight.vue       |   4 -
 12 files changed, 826 insertions(+), 293 deletions(-)
 create mode 100644 apps/hand-factory/api/wms/deliveryPlan.js
 create mode 100644 apps/hand-factory/components/klp-ui/k-tabbar/k-tabbar.vue
 create mode 100644 apps/hand-factory/pages/receive/receive.vue
 create mode 100644 apps/hand-factory/static/images/tabbar/receive.png
 create mode 100644 apps/hand-factory/static/images/tabbar/receive_.png
 create mode 100644 apps/steelmill/src/components/ModelPreview.vue

diff --git a/apps/hand-factory/api/wms/deliveryPlan.js b/apps/hand-factory/api/wms/deliveryPlan.js
new file mode 100644
index 0000000..2d07b34
--- /dev/null
+++ b/apps/hand-factory/api/wms/deliveryPlan.js
@@ -0,0 +1,59 @@
+import request from '@/utils/request'
+
+// 查询发货计划列表
+export function listDeliveryPlan(query) {
+  return request({
+    url: '/wms/deliveryPlan/list',
+    method: 'get',
+    params: query
+  })
+}
+
+// 查询发货计划详细
+export function getDeliveryPlan(planId) {
+  return request({
+    url: '/wms/deliveryPlan/' + planId,
+    method: 'get'
+  })
+}
+
+// 新增发货计划
+export function addDeliveryPlan(data) {
+  return request({
+    url: '/wms/deliveryPlan',
+    method: 'post',
+    data: data
+  })
+}
+
+// 修改发货计划
+export function updateDeliveryPlan(data) {
+  return request({
+    url: '/wms/deliveryPlan',
+    method: 'put',
+    data: data
+  })
+}
+
+// 删除发货计划
+export function delDeliveryPlan(planId) {
+  return request({
+    url: '/wms/deliveryPlan/' + planId,
+    method: 'delete'
+  })
+}
+
+// 获取发货报表统计信息
+/**
+ * 
+ * @param {*} query.startTime 开始时间
+ * @param {*} query.endTime 结束时间
+ * @returns 
+ */
+export function getDeliveryReport(query) {
+  return request({
+    url: '/wms/deliveryPlan/report',
+    method: 'get',
+    params: query
+  })
+}
\ No newline at end of file
diff --git a/apps/hand-factory/components/klp-ui/k-tabbar/k-tabbar.vue b/apps/hand-factory/components/klp-ui/k-tabbar/k-tabbar.vue
new file mode 100644
index 0000000..02409e3
--- /dev/null
+++ b/apps/hand-factory/components/klp-ui/k-tabbar/k-tabbar.vue
@@ -0,0 +1,8 @@
+<template>
+</template>
+
+<script>
+</script>
+
+<style>
+</style>
\ No newline at end of file
diff --git a/apps/hand-factory/pages.json b/apps/hand-factory/pages.json
index 109fb1a..19e0832 100644
--- a/apps/hand-factory/pages.json
+++ b/apps/hand-factory/pages.json
@@ -69,6 +69,12 @@
 		{
 			"navigationBarTitleText" : "查看钢卷"
 		}
+	},
+	{
+		"path": "pages/receive/receive",
+		"style": {
+			"navigationBarTitleText": "钢卷收货"
+		}
 	}
 	// {
 	//   "path": "pages/register",
@@ -129,6 +135,7 @@
     "navigationBarBackgroundColor": "#FFFFFF"
   },
 	"tabBar": {
+		"selectedColor": "#17abe3",
 		"list": [
 			{
 				"text": "产线",
@@ -136,25 +143,30 @@
 				"selectedIconPath": "/static/images/tabbar/home_.png",
 				"iconPath": "/static/images/tabbar/home.png"
 			},
+			// {
+			// 	"text": "扫码",
+			// 	"pagePath": "pages/code/code",
+			// 	"selectedIconPath": "/static/images/tabbar/work_.png",
+			// 	"iconPath": "/static/images/tabbar/work.png"
+			// },
 			{
 				"text": "扫码",
-				"pagePath": "pages/code/code",
+				"pagePath": "pages/easycode/easycode",
 				"selectedIconPath": "/static/images/tabbar/work_.png",
 				"iconPath": "/static/images/tabbar/work.png"
 			},
+			{
+				"text": "收货",
+				"pagePath": "pages/receive/receive",
+				"selectedIconPath": "/static/images/tabbar/receive_.png",
+				"iconPath": "/static/images/tabbar/receive.png"
+			},
 			{
 				"text": "我的",
 				"pagePath": "pages/mine/index",
 				"selectedIconPath": "/static/images/tabbar/mine_.png",
 				"iconPath": "/static/images/tabbar/mine.png"
 			}
-			// {
-			// 	"text": "扫码2",
-			// 	"pagePath": "pages/easycode/easycode",
-			// 	"selectedIconPath": "/static/images/tabbar/work_.png",
-			// 	"iconPath": "/static/images/tabbar/work.png"
-			// }
-	
 		]
 	},
 	"easycom": {
diff --git a/apps/hand-factory/pages/easycode/easycode.vue b/apps/hand-factory/pages/easycode/easycode.vue
index dc2996d..b6688d9 100644
--- a/apps/hand-factory/pages/easycode/easycode.vue
+++ b/apps/hand-factory/pages/easycode/easycode.vue
@@ -104,13 +104,6 @@
 				</view>
 			</view>
 		</uni-popup>
-
-		<!-- 退出登录按钮（固定在底部） -->
-		<view class="logout-container">
-			<button @click='handleLogout' class="logout-btn">
-				退出登录
-			</button>
-		</view>
 	</view>
 </template>
 
diff --git a/apps/hand-factory/pages/index.vue b/apps/hand-factory/pages/index.vue
index a727b55..038ec44 100644
--- a/apps/hand-factory/pages/index.vue
+++ b/apps/hand-factory/pages/index.vue
@@ -1,5 +1,4 @@
 <template>
-	<!-- 模板内容保持不变（注释部分可根据需求保留） -->
 </template>
 
 <script>
@@ -13,12 +12,6 @@ export default {
 		// 已跳转过则不再执行逻辑
 		if (this.hasJumped) return;
 
-		// 显示加载状态，提升用户感知
-		// uni.showLoading({
-		// 	title: '验证身份中...',
-		// 	mask: true // 防止用户重复操作
-		// });
-
 		// 检查用户角色
 		this.$store.dispatch('GetInfo')
 			.then(res => {
@@ -32,6 +25,10 @@ export default {
 				const roles = res.data.roles;
 				
 				if (roles.includes('admin')) {
+					uni.setTabBarItem({
+						index: 0,
+						visible: true
+					});
 					// 管理员角色跳转
 					uni.switchTab({
 						url: '/pages/line/line',
@@ -49,7 +46,13 @@ export default {
 					});
 				} else if (roles.includes('worker')) {
 					// 工人角色跳转
-					uni.navigateTo({
+					// 设置tab内容
+					// 设置产线和复杂扫码不可见
+					uni.setTabBarItem({
+						index: 0,
+						visible: false
+					});
+					uni.switchTab({
 						url: '/pages/easycode/easycode',
 						success: () => {
 							this.hasJumped = true; // 标记已跳转
@@ -70,10 +73,13 @@ export default {
 						icon: 'none',
 						duration: 2000
 					});
-					
+					uni.setTabBarItem({
+						index: 0,
+						visible: false
+					});
 					// 延迟跳转，确保提示被用户看到
 					setTimeout(() => {
-						uni.navigateTo({
+						uni.switchTab({
 							url: '/pages/easycode/easycode',
 							success: () => {
 								this.hasJumped = true;
diff --git a/apps/hand-factory/pages/receive/receive.vue b/apps/hand-factory/pages/receive/receive.vue
new file mode 100644
index 0000000..e455a73
--- /dev/null
+++ b/apps/hand-factory/pages/receive/receive.vue
@@ -0,0 +1,708 @@
+<template>
+	<view class="container">
+		<!-- 筛选栏 -->
+		<view class="filter-bar">
+			<!-- 左侧：收货计划选择 -->
+			<view class="plan-select" @click="openPlanPopup">
+				<uni-icons type="shop" size="20" color="#666"></uni-icons>
+				<text class="plan-text">{{ currentPlan.planNo || '选择收货计划' }}</text>
+				<uni-icons type="arrowright" size="16" color="#999"></uni-icons>
+			</view>
+
+			<!-- 右侧：钢卷号筛选 -->
+			<view class="coil-filter">
+				<input v-model="currentCoilNo" placeholder="请输入钢卷号筛选" clearable @confirm="fetchList" class="coil-input"></input>
+				<uni-icons type="search" size="18" color="#666" @click="fetchList(true)"></uni-icons>
+			</view>
+		</view>
+
+		<!-- 收货计划选择悬浮窗 -->
+		<uni-popup ref="planPopup" type="bottom" :mask-click="true" height="70%">
+			<view class="popup-container">
+				<!-- 弹窗头部 -->
+				<view class="popup-header">
+					<text class="popup-title">选择收货计划</text>
+					<uni-icons type="close" size="20" @click="closePlanPopup"></uni-icons>
+				</view>
+
+				<!-- 计划筛选输入框 -->
+				<view class="plan-search">
+					<input v-model="planKeyword" placeholder="请输入计划编号筛选" clearable class="plan-search-input"
+						@confirm="fetchDeliveryPlan"></input>
+					<uni-icons type="search" size="18" color="#666" @click="fetchDeliveryPlan(true)"></uni-icons>
+				</view>
+
+				<!-- 收货计划列表 -->
+				<view class="plan-list">
+					<uni-list v-if="planList.length">
+						<uni-list-item v-for="(item, index) in planList" :key="index" :title="item.planName" clickable
+							@click="selectPlan(item)"></uni-list-item>
+					</uni-list>
+					<view class="empty-tip" v-else>暂无收货计划数据</view>
+
+					<!-- 加载更多 -->
+					<uni-load-more :status="planHasMore ? 'more' : 'noMore'" @clickLoadMore="fetchDeliveryPlan(false)"
+						v-if="planList.length"></uni-load-more>
+				</view>
+			</view>
+		</uni-popup>
+		
+		<uni-popup ref='receivePopup'>
+			<!-- 表单区域 -->
+			<view class="form-card" v-if="form.coilId">
+				<view class="card-title">
+					<text class="title-dot"></text>
+					<text class="title-text">录入信息</text>
+				</view>
+			
+				<!-- 当前钢卷号 -->
+				<view class="form-item">
+					<text class="form-label">当前钢卷号</text>
+					<input v-model="form.currentCoilNo" placeholder="请输入当前钢卷号" class="form-input" />
+				</view>
+			
+				<!-- 班组 -->
+				<view class="form-item">
+					<text class="form-label">班组</text>
+					<input v-model="form.team" placeholder="请输入班组名称" class="form-input" :disabled="form.dataType === 0"
+						:class="{ 'form-input-disabled': form.dataType === 0 }" />
+				</view>
+			
+				<!-- 库区选择 -->
+				<view class="form-item form-item-optional">
+					<text class="form-label-optional">目标库位</text>
+					<klp-warehouse-picker v-model="form.warehouseId" :disabled="form.dataType === 0" placeholder="请选择目标库区" />
+				</view>
+			
+			<!-- 	<view class="form-item form-item-optional">
+					<text class="form-label-optional">真实库区</text>
+					<klp-warehouse-picker v-model="form.actualWarehouseId" :disabled="form.dataType === 0"
+						placeholder="请选择目标库区" ware-type="actual" />
+				</view> -->
+			
+				<!-- 物品类型、产品、原材料选择（使用封装组件） -->
+				<klp-material-picker 
+					:item-type.sync="form.itemType" 
+					:item-id.sync="form.itemId" 
+					:disabled="form.dataType === 0" 
+					:page-size="2000" 
+				/>
+			
+				<!-- 毛重 -->
+				<view class="form-item form-item-optional">
+					<text class="form-label-optional">毛重 (吨)</text>
+					<input v-model="form.grossWeight" type="digit" placeholder="请输入毛重（选填）" class="form-input"
+						:disabled="form.dataType === 0" :class="{ 'form-input-disabled': form.dataType === 0 }" />
+				</view>
+			
+				<!-- 净重 -->
+				<view class="form-item form-item-optional">
+					<text class="form-label-optional">净重 (吨)</text>
+					<input v-model="form.netWeight" type="digit" placeholder="请输入净重（选填）" class="form-input"
+						:disabled="form.dataType === 0" :class="{ 'form-input-disabled': form.dataType === 0 }" />
+				</view>
+			
+				<!-- 操作者信息 -->
+				<view class="operator-info">
+					<text class="operator-label">操作人：</text>
+					<text class="operator-name">{{ operatorName }}</text>
+				</view>
+			
+				<!-- 操作按钮 -->
+				<view class="action-buttons">
+					<button v-if="form.dataType === 1" class="btn btn-primary" @click="confirmReceive" :disabled="loading">
+						{{ loading ? '提交中...' : '确认收货' }}
+					</button>
+				</view>
+			</view>
+		</uni-popup>
+
+		<!-- 主列表区域 -->
+		<view class="main-list">
+			<scroll-view class="list-scroll" scroll-y>
+				<uni-list v-if="list.length">
+					<uni-list-item clickable v-for="(item, index) in list" :key="index" @click="openReceivePopup(item)"
+						:title="`钢卷号：${item.currentCoilNo || '-'}`" :note="`操作时间：${item.updateTime || '-'}`">
+					</uni-list-item>
+				</uni-list>
+				<view class="empty-tip" v-else>暂无待操作数据</view>
+
+				<!-- 加载更多 -->
+				<uni-load-more :status="hasMore ? 'more' : 'noMore'" @clickLoadMore="fetchList(false)"
+					v-if="list.length"></uni-load-more>
+			</scroll-view>
+		</view>
+	</view>
+</template>
+
+<script>
+	import {
+		listPendingAction,
+		updatePendingAction
+	} from '@/api/wms/pendingAction';
+	import {
+		listDeliveryPlan
+	} from '@/api/wms/deliveryPlan.js';
+	import {
+		updateMaterialCoilSimple,
+		getMaterialCoil
+	} from '@/api/wms/coil.js'
+
+	// 入库操作编码
+	const ACTION_TYPE = 401;
+	// 收货计划类型编码
+	const RECEIVE_PLAN_TYPE = 1;
+	// 未开始操作状态
+	const ACTION_STATUS = 0;
+
+	export default {
+		data() {
+			return {
+				// 主列表数据
+				list: [],
+				currentPlan: {}, // 当前选中的收货计划
+				currentCoilNo: undefined, // 当前输入的钢卷号
+				hasMore: false, // 是否有更多主列表数据
+				pageNum: 1, // 主列表页码
+				pageSize: 10, // 每页条数
+				refreshing: false, // 下拉刷新状态
+
+				// 收货计划弹窗相关
+				planKeyword: '', // 计划筛选关键词
+				planList: [], // 收货计划列表
+				planHasMore: false, // 计划列表是否有更多
+				planPageNum: 1, // 计划列表页码
+				popupShow: false, // 弹窗显示状态
+
+				form: {},
+				loading: false,
+				currentAction: {},
+			};
+		},
+		computed: {
+			// 获取当前操作者昵称
+			operatorName() {
+				return this.$store.state.user.nickName || this.$store.state.user.name || '未知'
+			}
+		},
+		onShow() {
+			// 页面显示时初始化加载数据
+			this.fetchList(true);
+		},
+		methods: {
+			/**
+			 * 获取待操作列表数据
+			 * @param {Boolean} isRefresh 是否刷新（重置页码）
+			 */
+			async fetchList(isRefresh = false) {
+				try {
+					// 刷新时重置页码和加载状态
+					if (isRefresh) {
+						this.pageNum = 1;
+						this.refreshing = true;
+					}
+
+					// 构造请求参数
+					const params = {
+						actionStatus: ACTION_STATUS,
+						actionType: ACTION_TYPE,
+						warehouseId: this.currentPlan.planId || '', // 选中的计划ID
+						currentCoilNo: this.currentCoilNo || '', // 钢卷号
+						pageNum: this.pageNum,
+						pageSize: this.pageSize
+					};
+
+					// 请求接口
+					const res = await listPendingAction(params);
+					if (res.code === 200) {
+						const list = res.rows || [];
+						// 刷新时替换数据，加载更多时追加数据
+						this.list = isRefresh ? list : [...this.list, ...list];
+						// 判断是否有更多数据
+						this.hasMore = this.pageNum * this.pageSize < res.total;
+					}
+
+					console.log(this.list, '需要渲染的数据')
+				} catch (err) {
+					console.error('获取待操作列表失败：', err);
+					uni.showToast({
+						title: '数据加载失败',
+						icon: 'none'
+					});
+				} finally {
+					// 结束下拉刷新状态
+					this.refreshing = false;
+					// 加载更多时页码+1
+					if (!isRefresh) this.pageNum++;
+				}
+			},
+
+			/**
+			 * 获取收货计划列表
+			 * @param {Boolean} isRefresh 是否刷新（重置页码）
+			 */
+			async fetchDeliveryPlan(isRefresh = false) {
+				try {
+					if (isRefresh) {
+						this.planPageNum = 1;
+					}
+
+					// 构造请求参数
+					const params = {
+						planType: RECEIVE_PLAN_TYPE,
+						planName: this.planKeyword || '', // 计划编号筛选
+						pageNum: this.planPageNum,
+						pageSize: this.pageSize
+					};
+
+					const res = await listDeliveryPlan(params);
+					if (res.code === 200) {
+						const list = res.rows || [];
+
+						this.planList = isRefresh ? list : [...this.planList, ...list];
+						this.planHasMore = this.planPageNum * this.pageSize < res.total;
+					}
+				} catch (err) {
+					console.error('获取收货计划失败：', err);
+					uni.showToast({
+						title: '计划加载失败',
+						icon: 'none'
+					});
+				} finally {
+					if (!isRefresh) this.planPageNum++;
+				}
+			},
+
+			/**
+			 * 打开收货计划弹窗
+			 */
+			openPlanPopup() {
+				this.$refs.planPopup.open();
+				// 打开弹窗时加载计划数据
+				this.fetchDeliveryPlan(true);
+			},
+
+			/**
+			 * 关闭收货计划弹窗
+			 */
+			closePlanPopup() {
+				this.$refs.planPopup.close();
+			},
+
+			/**
+			 * 打开收货弹窗
+			 */
+			openReceivePopup(row) {
+				this.$refs.receivePopup.open('bottom')
+				getMaterialCoil(row.coilId).then(res => {
+					this.form = res.data;
+					this.currentAction = row;
+				})
+			},
+
+			/**
+			 * 确认收货
+			 */
+			confirmReceive(row) {
+				const currentAction = this.currentAction;
+				const form = this.form;
+				const that = this;
+				uni.showModal({
+					title: '确定要收货吗？',
+					success() {
+						// console.log(currentAction, form)
+						that.loading = true;
+						Promise.all([
+							updatePendingAction({
+								...currentAction,
+								actionStatus: 2
+							}),
+							updateMaterialCoilSimple({
+								...form,
+								dataType: 1
+							})
+						]).then(_ => {
+							uni.showToast({
+								title: '钢卷已收货'
+							});
+							that.fetchList(true);
+							that.loading = false;
+							that.$refs.receivePopup.close()
+						})
+					}
+				})
+			},
+
+			/**
+			 * 选择收货计划
+			 * @param {Object} plan 选中的计划对象
+			 */
+			selectPlan(plan) {
+				this.currentPlan = plan;
+				this.closePlanPopup();
+				// 选择计划后重新加载主列表
+				this.fetchList(true);
+			},
+
+			/**
+			 * 下拉刷新触发（修正后事件可正常绑定）
+			 */
+			onPullDownRefresh() {
+				this.fetchList(true);
+			},
+
+			/**
+			 * 页面上拉加载（可选：补充页面级上拉加载）
+			 */
+			onReachBottom() {
+				if (this.hasMore) {
+					this.fetchList(false);
+				}
+			}
+		},
+		// 补充页面级上拉加载钩子（可选，增强体验）
+		onReachBottom() {
+			this.onReachBottom();
+		}
+	};
+</script>
+
+<style scoped lang="scss">
+	.container {
+		width: 100%;
+		height: 100vh;
+		background-color: #f5f5f5;
+		display: flex;
+		flex-direction: column;
+	}
+
+	/* 筛选栏样式 */
+	.filter-bar {
+		display: flex;
+		align-items: center;
+		padding: 10rpx 20rpx;
+		background-color: #fff;
+		border-bottom: 1px solid #eee;
+	}
+
+	.plan-select {
+		display: flex;
+		align-items: center;
+		gap: 8rpx;
+		padding: 10rpx 15rpx;
+		background-color: #f8f8f8;
+		border-radius: 6rpx;
+		margin-right: 20rpx;
+		min-width: 200rpx;
+	}
+
+	.plan-text {
+		font-size: 28rpx;
+		color: #333;
+		flex: 1;
+	}
+
+	.coil-filter {
+		display: flex;
+		align-items: center;
+		flex: 1;
+		background-color: #f8f8f8;
+		border-radius: 6rpx;
+		padding: 0 15rpx;
+	}
+
+	.coil-input {
+		flex: 1;
+		font-size: 28rpx;
+	}
+
+	/* 弹窗样式 */
+	.popup-container {
+		width: 100%;
+		height: 100%;
+		background-color: #fff;
+		display: flex;
+		flex-direction: column;
+	}
+
+	.popup-header {
+		display: flex;
+		align-items: center;
+		justify-content: space-between;
+		padding: 20rpx;
+		border-bottom: 1px solid #eee;
+	}
+
+	.popup-title {
+		font-size: 32rpx;
+		font-weight: bold;
+		color: #333;
+	}
+
+	.plan-search {
+		display: flex;
+		align-items: center;
+		gap: 10rpx;
+		padding: 15rpx 20rpx;
+		border-bottom: 1px solid #eee;
+	}
+
+	.plan-search-input {
+		flex: 1;
+		font-size: 28rpx;
+	}
+
+	.plan-list {
+		flex: 1;
+		overflow-y: auto;
+		padding: 10rpx;
+	}
+
+	/* 列表样式 */
+	.main-list {
+		flex: 1;
+		overflow: hidden;
+	}
+
+	.list-scroll {
+		width: 100%;
+		height: 100%;
+	}
+
+	.uni-list {
+		background-color: #fff;
+		margin: 10rpx;
+		border-radius: 8rpx;
+	}
+
+	.uni-list-item {
+		font-size: 28rpx;
+	}
+
+	/* 空数据提示 */
+	.empty-tip {
+		text-align: center;
+		padding: 50rpx 0;
+		font-size: 28rpx;
+		color: #999;
+	}
+
+	/* 加载更多样式 */
+	.uni-load-more {
+		margin: 20rpx 0;
+	}
+	
+	.form-card {
+		background: #fff;
+		border-radius: 16rpx;
+		padding: 30rpx;
+		overflow: scroll;
+		height: 70vh;
+		box-shadow: 0 2rpx 12rpx rgba(0, 0, 0, 0.04);
+	}
+	
+	.card-title {
+		display: flex;
+		align-items: center;
+		justify-content: space-between;
+		margin-bottom: 25rpx;
+		padding-bottom: 20rpx;
+		border-bottom: 1rpx solid #f0f0f0;
+	
+		.title-dot {
+			width: 8rpx;
+			height: 28rpx;
+			background: #007aff;
+			border-radius: 4rpx;
+			margin-right: 12rpx;
+		}
+	
+		.title-text {
+			flex: 1;
+			font-size: 32rpx;
+			font-weight: 600;
+			color: #333;
+		}
+	
+		.status-badge {
+			font-size: 22rpx;
+			padding: 4rpx 12rpx;
+			border-radius: 12rpx;
+			margin-right: 10rpx;
+	
+			&.status-1 {
+				background: #d1f2eb;
+				color: #0c6957;
+			}
+	
+			&.status-0 {
+				background: #f8d7da;
+				color: #721c24;
+			}
+		}
+	
+		.more-btn {
+			display: flex;
+			align-items: center;
+			gap: 8rpx;
+			padding: 8rpx 16rpx;
+			background: #f0f7ff;
+			border-radius: 20rpx;
+			border: 1rpx solid #007aff;
+	
+			.icon-more {
+				font-size: 24rpx;
+				color: #007aff;
+			}
+	
+			.more-text {
+				font-size: 24rpx;
+				color: #007aff;
+			}
+		}
+	}
+	
+	/* 信息网格 */
+	.info-grid {
+		display: flex;
+		flex-wrap: wrap;
+		gap: 20rpx;
+	
+		.info-item {
+			flex: 1;
+			min-width: 45%;
+			background: #f8f9fa;
+			padding: 20rpx;
+			border-radius: 12rpx;
+	
+			&.full-width {
+				flex: 0 0 100%;
+			}
+	
+			.item-label {
+				display: block;
+				font-size: 24rpx;
+				color: #999;
+				margin-bottom: 10rpx;
+			}
+	
+			.item-value {
+				display: block;
+				font-size: 28rpx;
+				color: #333;
+				font-weight: 500;
+			}
+		}
+	}
+	
+	/* 表单项 */
+	.form-item {
+		margin-bottom: 30rpx;
+	
+		&:last-of-type {
+			margin-bottom: 0;
+		}
+	
+		.form-label {
+			display: block;
+			font-size: 28rpx;
+			color: #333;
+			margin-bottom: 15rpx;
+			font-weight: 500;
+	
+			&::before {
+				content: '*';
+				color: #ff4d4f;
+				margin-right: 6rpx;
+			}
+		}
+	
+		.form-label-optional {
+			display: block;
+			font-size: 28rpx;
+			color: #333;
+			margin-bottom: 15rpx;
+			font-weight: 500;
+		}
+	
+		.form-input {
+			width: 100%;
+			height: 88rpx;
+			padding: 0 24rpx;
+			background: #f8f9fa;
+			border: 2rpx solid #e8e8e8;
+			border-radius: 12rpx;
+			font-size: 28rpx;
+			color: #333;
+			box-sizing: border-box;
+			transition: all 0.3s;
+	
+			&:focus {
+				background: #fff;
+				border-color: #007aff;
+			}
+	
+			&.form-input-disabled {
+				background: #f5f5f5;
+				color: #999;
+				cursor: not-allowed;
+			}
+		}
+	}
+	
+	/* 操作者信息 */
+	.operator-info {
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		padding: 20rpx 0;
+		margin-top: 20rpx;
+	
+		.operator-label {
+			font-size: 26rpx;
+			color: #999;
+		}
+	
+		.operator-name {
+			font-size: 26rpx;
+			color: #007aff;
+			font-weight: 500;
+		}
+	}
+	
+	/* 操作按钮 */
+	.action-buttons {
+		display: flex;
+		gap: 20rpx;
+		margin-top: 30rpx;
+	
+		.btn {
+			flex: 1;
+			height: 88rpx;
+			border-radius: 12rpx;
+			font-size: 30rpx;
+			font-weight: 500;
+			border: none;
+			transition: all 0.2s;
+	
+			&:active {
+				transform: scale(0.98);
+			}
+	
+			&[disabled] {
+				opacity: 0.6;
+			}
+		}
+	
+		.btn-secondary {
+			background: #f5f5f5;
+			color: #666;
+		}
+	
+		.btn-primary {
+			background: linear-gradient(135deg, #007aff 0%, #0051d5 100%);
+			color: #fff;
+			box-shadow: 0 4rpx 16rpx rgba(0, 122, 255, 0.3);
+		}
+	}
+</style>
\ No newline at end of file
diff --git a/apps/hand-factory/static/images/tabbar/receive.png b/apps/hand-factory/static/images/tabbar/receive.png
new file mode 100644
index 0000000000000000000000000000000000000000..8f0e7b637b2eb77270066bb2e0050540b4e36e72
GIT binary patch
literal 4054
zcmZu!XIK;4+Jz7xz@-|g0-;Kgj!Hx%bb`PE5~M?<h$tL7(j`Gq=}m}qBoq~-$&pTI
z1`I_3snSal4I-dal{=pA=XZb1>}T&;d%f$OJ@Y(kJ+`tm;ba$PXJBC9M4B4f0OR1F
z3&H~2YwceZGca%`BMtS?;f(YmryFagXCC-r#Ji(pbZb06C6}IjGu-QE<Y#Q+YdRCP
z&$#tC;Cis9)V%HUHssl0Y2Tq2?}k+rKf4d<2x$DW17oYIs@zmmR9;dj6s7%(`_m*6
z$%uE<mi_>o1wVo^_SYAWQ4Z#}_S*s<_S(C;y1qJ$2)0xaf|$aDO5e!N9!lUYrpZG(
zqG$Q-?Ck2?Mn4;>gZNC<C*3$(HDgm0Nd0@w`bBJ(2oPJ^WUYRh*zKQNIiJyG%#|22
zN`TrF4wht>E}lSD3!xMR0_pk*8JbCSQ^Khfmf+phRBhbdXZ2H@jc^DZ>L~<EXB2+-
zY7YnacjU9;;cO`=82s^2m@V+&#ds|yhRqb#)gKb`zvl5FU#!4w08p8;Qvk~Z;u~b-
z5luqm#ev5w$_^w05C{;Q;h6z1l`jL)rn%Z>w<RSF!=|YE1i?ia*`!79ItWWJvUxs0
zW|L_^?=*YzI0PssWj<$@7b?pSK=>U#YO?{n(&N=Icis$yd!}t?HVlR}mrP}s{1-6$
ze9|f69G~e1Ct{^U7KSa{EdNXKJPeCoWPtwm0k-;FJANGmbhp6?^FH*bSHh-9T;Ej_
z0mwxng~XVE`u}mrN}mPl&%P&r69h(&!K~=-GCcH1HfcdKTTLT?1lsfhj|1xC%FsqA
zpa*lcmr3%10LT9U+?dq|<j!V81OfHN0SY%*8QBPFR~5~q7}@$EmII#w#gm!dMn2LR
zXqd6MtvR?6;A$+(TT$c5K)lV6Il`yLfwMR}|C5eIG=L(aqn)qn==_R|h;Y!+)$I<V
z1U?cCRkGf`=$9gagvUrr?Xve2h1M&7T`$p4wwpI%e}HW5=x`pR?44|dMWteLKSe})
zb|1jg+gz=;*)N5ymg^KwgdrGG@hMYUzdrXJOg7gfYabcN-KE#b?5Wtm{(NO|cy}k_
zpn91OUWAmG*ls9wivpck5xpOVu1F$iVN0jmEHm((gbA^&uSJu3W+0A7>(?su?3@PJ
zz^NBMQX5FrgYBh;D6&peg*c3xzJO|LbrPu5q`JS9!v^rOR-w+b$To}e5wEP?e@Jl`
zH^_0gLP7<emEsxI%gpiZyWs18tVi?J2etbvpPAFX`$7=w=_=<R`}1%oEcb?yK<VYv
z^Cm6S>fi3(Py513MkK+#%<6nuew=ZH=<Rsa9=v8KC{!?cxM;(5E|~{%^&Pyqt+lf=
z<{|go74X-uU$r)d#{=t|Jga5{&(F`(LCEhhQR2&-#$1of)6Ij^CM?x^B?fSLAtHu0
z{WzU=MBFEK9CA&Qc$f8%RaSK9G&g1)@vXw&^ZU_J1d}d2KfJ;C>3-xU`$JbJUXJ}5
zP>*WcuKrZ3VCqk8;nsuSdz3LZ^T;ZNx;H-+^0i|~RFZdpu8fjGd(V57V>8|M-(huu
z5o0ud`|g_un<MI}L}&9Ym-utuZuQ=0AbhvFJVvcCrcz5}+!~{ZNVKbjPdlY+nW-DS
ztl?hQ!qMSw5K^Ns<n^63cB|MszGuH7v#6VASh(T+{b=a@aw73d4@Uk3r&EAnAh)S5
z1wau;1QFqRcI36GYJMn}h*(0-WCN4O>-4wXXLfr`7W$aok;fUBy;}SMnj_X#s@UUG
zyP8o%i4p9!sbBi0C{$RI(!02k2u0wu&W5!1jd>^C@Ff_~9mu_7cOelY#v4|wG0kB%
zTpzdHdae8Owfj9>s=jL9)Osh$bLhh^7`KG_t9FK(0V@$p;Z!-wc}WYA^IR?(Id>ZH
zZX=xbjf~gcd~Y=Y+Ic#c(lh0nxegNIqmoD_yC0ZV1BBrFrK@qMSKTdK#1pDh-{fT6
z45Q(_dJhbOtI51Mi=BW>d_Jvj5VNehaI@(1)@f>@T-FI*as|z04!?uP3$F>IYlg}y
z$~{b;_?peIJVnD)@33d|1*Ijxe-`QC<BO5FZEHjQ!0?*Of@a%kVhd3#pPVvD$mp#T
zF6G6)RA2(rf=bz8EJNU4qF^a2>1#!99i)9@WV^uMZFs|hCv`<^r=SvX;eLz9<c!i=
z?lGsd0<i^~N$1K2pONR!vzxCJn8O0z3(trM+><Nu@=*Uk?2Kv`^UmX8yT7!smw6&@
zIs5)Yfa8WMb?`|wY1}k@a`Rr>ko@-Rle2{*S;{ln5HM$a=Xpv-m+GyKGhbZf0vI(3
z-AuMa>#yKCjgt>E*FOE?q}-7|cAl7;LYg<rS&^YCvpAhLME+Y$(Pc;eV5L(`9S==J
z1YOF0&yA`48pVyi<Cw&x|Kq6bsJgv6-7RnL=tcQ7;V`aTgKi}qzB4y7>*y`*n)r;P
z|JYYIdoYo9)}lYT0bgOS)ag=UXI}qT)y=Mk$lHa^YMn#MX;Uhj_-oCiS9SCYsv0{t
zsg6GuL#>&683YH5jSiTukFC14Q=ZVbRApN9t{NR}2(e5D4?HUW(MgM*Gbov+mYbrn
zFdGzu?*r<F{)Lnk{gzb8l{b#xRh(;m?mQc#*238<)u=ZUoM}tGo7U8^3g?Nym=lUz
z@6v71${VF`c__Aya6bnz<B%U2L+h(kcq==Nvbqz?5(7Ko#%p0$tH;z6Qrj@;l03@8
zYIT~aVsdt#Di7DU{CopEc-X=hG3)iwMQsB9bf&PY-#%tVh4ohcv&n~oV*lfS&(mtY
z!jdJ~<DE-*X8)6u^KZ1S{H?DmO$U?0qPDNK={?N2I;j!e2g3FC$xCx-_L%LIfs;2<
z;*={ob4&Bwx0$SsGnYZwe2Zk+9P$s<)n(&hnw}IN`CMfEuXy%L-@MRLCe!yD`y0H_
z*E%sK6}d{)h#HPyu9qVr1AGR&UU>UU=33bn((8|Sw?tyF;^hm(58qX#KwMoIZrKb8
zj$rVm%_xq5)3LXSkJlIL%YMVNzpD7TbGd!e;o@KnGK60*nE90>=oRnR19o@8OYtps
z?7HI1oHIqT$q|}WDQu$BeaJ`UUMvkw7WQ2+YiPw8(R~<5s8N-aLsVb#h4UYoWqynL
z1(hsIl~?z4R}&6~HkdoaE6v11z&-Y&`Gs0U_czwk&UOuq+m`)DsGpofiJRFH?@)g}
zBdsKS*M%#uS0yw0)T2mKlv*us<1ud`{R4VlEYEf6<;zJTaRz&RmvHv*h22_(L0n8d
zV!7G&d2TV|=39UjuMBRt!?9@0)deceuH}zfDFcuUglZ(dzsJX<38K-jGb&lAtSQ+r
z{CvLDB#Nn?lelXZ=Bts|Sa^rivA%%0HvxX`A3>Gln}+>RKaXb;e6jPMyhGLg3|tBC
zRCKH!Cd}*j>y_5{XmEh1%sGP1xn<i`S+ko8jHEI9X|0D;e}>|O;8jo%6YKT)6%{QD
zzb9YuVBGU3G=aY%8M;5{7h0(LG1}Q9nf+dK?^V~TQR3C{kKjt@)8i+UAChmqT?^V;
zyeNw;Wto`kYnj2d()^%oRh(6Zy>H`;B?3dn{rwD<eeX0af_kVo)xoSLC#vq}b@i5P
zq_-|RuTP*yBlZ(Xd?p5jJ^fo+nikFZ-ptmYV)pn<HOwPahG)+-O0=}wPCqffa)c>T
zBmGX*PXF?3Sxl+2s`8=G2d>W3hgV%edXT9B%ZmqBiKb4TAi5Q%cf7JgfIbT9nSA$J
z)dUuuq5P}&Tw=3D9z$h`FDm!ES_ePyl=0346-&c;bwPsX43{+-&6~B70!G4)d*lCV
z=n8f<(Pkq!eELS(VXYh$Gdt(aO9LrlB~Z1M79|&BZooP?9uK4*P_gPAtzJT)u`9J4
zhNUubLP@le1f!D>$NG}9gK^^efroe3-oJzxN?|%KufE3U%Jan5CLiS==;Bk<xkn@w
zgmVhdlEWOpS|8mDG{Qr}dSY#0s-HXXG%dTWzDJ@gkp*~$60^9WWsd!FkPpAwB1iD>
z7SL1W>k1j7b^pvhzlGCwXp0?eDgmy9nRHkw9=dVTBzU#Ti}(-e61CmH-b8@j32JR=
z`4(H)KP~T~0%GR1KX-RefEg}tcS}P}E+r0ZW3Rt%=>XW=#$5@2b}1MZn#<FQ0^BE|
zCVH@-7jTRTGSbD`FJ|=-pav_{(>uV*M}i~P5g7UJD4;k2WIkHaiUZpNdOAk=DIj}z
z-*)_3$@Ea^r<SAk&}8M`iW>H?`K_?NrP$lu3%_1wu3B-i{xfpw*tRo*!3u7@z(Z1S
zabWc%&7mP@K#23Y*F7jOS`(hTo)0!r#;%XX(FH6JAo(jgLCTi_UwV(lv->vSdOy%I
zgIfVt+NuFNX@zLbK0y?!(w;d2E6ulD1GNDg`oHHhU>ilH0T;lg6WVeVG2$S;N8Cy-
zPXBL?T?N~?us{Po0BW91NKt~$WFUgP5&Ox26^9my!Sf0LW2?>7=%$Iy2it^5t~);k
zkm`Gqb?g!VA`8-LEeq5b?ihTj|K~+Y>;IjD1aeK5fUUYMV7$>9FI#YcNycH&GAJ3q
zcwcNvQiK2vLX7_fn9`m;x$gk9<FG>xrvcRC8q%kYK;CFv&D$9V)+@YCe|rHNJqJpr
zTWU&xWKif$P*ecqp$nrEVvFOzLB*M`s`0=v2kxFdjsR*#7`OG75IxOIVcEzE&|^IW
zaM^}hCIScW6s?dU2viY7+fqCMz1c`FB`hHo1wxXYri_gdAR&j|^}ii~7w@>(cnJt?
zgM)ms_a*>6<GZ=dS!~}AWwGB8ALMy&1Jab(I+GCGK=-UkmX8tF5g;EV)fOBH(CS!)
zn1LNZW#I9tDmz|06bLCcG_-0Nu&M0vi!LN^Y_d-*na|`CG1y_s-oV;gd6=5qE6xWz
zWDM5#&HNWKnH<{T5}I6F%ZY$pr^o-(0}}FdNiZr60Hm$3Wkp2*R1rty$Q7WO-ZRn%
z<2=MXi-K#{|NR%jx7)*mD9{XuCb$E<yR-A*Wo4yu=Of}e<j<cGlexIC;8!Y_Dj5?H
z@^=z=ac1)b^yMr><-xPAJ==DOc@YuFy?qUW>Ff`ZdgX$GYf49xiBL#=YE!Lv@<uhn
zetCa?U-a{F;(>p)DM~pmU?Ifi1Nah<hZ+5j6a9YXRGoqt7*0>`-{Iy5(mBhYSkA;S
XI?8nJ!Ip6mu)=^evNU|9kHP&HAg)bD

literal 0
HcmV?d00001

diff --git a/apps/hand-factory/static/images/tabbar/receive_.png b/apps/hand-factory/static/images/tabbar/receive_.png
new file mode 100644
index 0000000000000000000000000000000000000000..bc95b2ad2599279530ac25af43199f36575b534f
GIT binary patch
literal 4067
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

literal 0
HcmV?d00001

diff --git a/apps/steelmill/src/components/ModelPreview.vue b/apps/steelmill/src/components/ModelPreview.vue
new file mode 100644
index 0000000..cb5768a
--- /dev/null
+++ b/apps/steelmill/src/components/ModelPreview.vue
@@ -0,0 +1,14 @@
+<template>
+  <div id="model-preview" ref="viewport"></div>
+</template>
+
+<script setup lang="ts">
+import { ref, onMounted } from 'vue';
+
+const props = defineExpose({
+  modelName: {
+    type: String,
+    default: '',
+  },
+});
+</script>
diff --git a/apps/steelmill/src/pages/steelmill2/Index.vue b/apps/steelmill/src/pages/steelmill2/Index.vue
index f589146..8f35f08 100644
--- a/apps/steelmill/src/pages/steelmill2/Index.vue
+++ b/apps/steelmill/src/pages/steelmill2/Index.vue
@@ -231,9 +231,6 @@
     <template #right v-if="showSider">
       <SceneRight />
     </template>
-    <template #main>
-      <Scene ref="sceneRef" />
-    </template>
   </LayoutScreen>
 </template>
 <script setup lang="ts">
@@ -241,7 +238,6 @@ import LayoutScreen from '@/pages/components/LayoutScreen.vue';
 import Header from '@/pages/components/Header.vue';
 import Status from './components/Status.vue';
 import SceneRight from './SceneRight.vue';
-import Scene from './Scene.vue';
 import { onMounted, provide, ref } from 'vue';
 import { injectContextKey } from './context';
 import signals from 'signals';
diff --git a/apps/steelmill/src/pages/steelmill2/Scene2.vue b/apps/steelmill/src/pages/steelmill2/Scene2.vue
index f35f806..187149b 100644
--- a/apps/steelmill/src/pages/steelmill2/Scene2.vue
+++ b/apps/steelmill/src/pages/steelmill2/Scene2.vue
@@ -1,267 +1,8 @@
 <template>
-  <div id="popover-viewport" ref="viewport" :style="{ width: `${width}px`, height: `${height}px` }"></div>
+  <div id="popover-viewport" ref="viewport"></div>
 </template>
 <script setup lang="ts">
-import { computed, onMounted, onUnmounted, ref, watchEffect } from 'vue';
-import { Player } from '@/three';
-import * as THREE from 'three';
-import {
-  // CSS2DObject,
-  EffectComposer,
-  OutputPass,
-  RenderPass,
-  SMAAPass,
-  RoomEnvironment,
-  // ShaderPass,
-  // GammaCorrectionShader,
-} from 'three/examples/jsm/Addons.js';
-import equips from '../data/steelmill';
-import { useElementSize } from '@vueuse/core';
-const equipmentInfos = ref([
-  equips.Bianqieji,
-  equips.Cuzhaji,
-  equips.Dianhulu,
-  equips.Duanqieji,
-  // equips.Gaolu,
-  equips.Jiarelu,
-  equips.Jingzhaji,
-  equips.Lianzhu,
-  equips.Panjuanji,
-  equips.Tieshuiguan,
-  equips.Zhengpingji,
-  equips.Zhongzhaji,
-  equips.Zhuanlu,
-  equips.Zhuzhaji,
-]);
-const modelNames = computed(() => {
-  return equipmentInfos.value.map((v) => v.key).filter((v) => v !== 'GaoLu');
-});
 
-let models: THREE.Group<THREE.Object3DEventMap>[] = [];
-
-const player = new Player();
-const viewport = ref<HTMLElement>();
-
-let composer: EffectComposer;
-let pmremGenerator: THREE.PMREMGenerator;
-const props = defineProps<{
-  modelName?: string;
-  width?: number;
-  height?: number;
-  visible?: boolean;
-  // models: THREE.Group<THREE.Object3DEventMap>[];
-}>();
-
-const { width: offsetWidth, height: offsetHeight } = useElementSize(viewport);
-watchEffect(() => {
-  if (offsetWidth.value > 0 && offsetHeight.value > 0) {
-    // console.log('setSize', offsetWidth.value, offsetHeight.value);
-    // player.renderer?.clear();
-
-    player.setSize(offsetWidth.value, offsetHeight.value);
-  }
-});
-watchEffect(
-  () => {
-    if (props.visible) {
-      player.controls?.reset(false);
-      visibleModel(props.modelName);
-      player.play();
-    } else {
-      player.stop();
-    }
-  },
-  { flush: 'post' }
-);
-async function loadModels() {
-  const tasks = modelNames.value.map((name) => async () => {
-    const glb = await player.loader.loadFile(`/models/steelmill2/${name}.glb`);
-    glb.name = name;
-    glb.userData.name = name;
-    return glb;
-  });
-
-  models = await Promise.all(tasks.map((task) => task()));
-}
-function visibleModel(name?: string) {
-  models.forEach((model) => {
-    if (model.name === name) {
-      // console.log('visible', name, model);
-
-      model.visible = true;
-      const focusObject = player.scene.getObjectByName(props.modelName || '');
-      let scalar = 1.5;
-      // if (name === 'Dianhulu') {
-      //   scalar = 1.5;
-      // }
-      // if (name === 'Lianzhu') {
-      //   scalar = 1.5;
-      // }
-      // if (name === 'Zhongzhaji') {
-      //   scalar = 1.2;
-      // }
-      // if (name === 'Bianqieji') {
-      //   scalar = 1.6;
-      // }
-      // if (name === 'Zhengpingji') {
-      //   scalar = 1.5;
-      // }
-      // if (name === 'Cuzhaji') {
-      //   scalar = 1.2;
-      // }
-      // if (name === 'Jiarelu') {
-      //   scalar = 1.5;
-      // }
-      // if (name === 'zhuan_lu') {
-      //   scalar = 1.2;
-      // }
-      // if (name === 'Zhuzhaji') {
-      //   scalar = 1.2;
-      // }
-      // if (name === 'Jingzhaji') {
-      //   scalar = 1.4;
-      // }
-      // if (name === 'Duanqieji') {
-      //   scalar = 1.2;
-      // }
-      if (focusObject) {
-        player.controls?.focus(focusObject, { scalar });
-      }
-      // player.controls?.reset();
-      // player.controls?.focus2(model);
-    } else {
-      model.visible = false;
-    }
-  });
-}
-onMounted(async () => {
-  // console.log('viewport', viewport.value?.offsetHeight);
-  player.setSize(props.width || viewport.value!.offsetWidth, props.height || viewport.value!.offsetHeight);
-  player.setPixelRatio(window.devicePixelRatio);
-  player.scene.fog = new THREE.Fog(0xcccccc, 2, 450);
-
-  viewport.value!.appendChild(player.dom);
-  player.addControls();
-  // const grid = new THREE.GridHelper(30, 15, 0xcccccc, 0x999999);
-  // player.scene.add(grid);
-  // ground
-  // {
-  //   const ground = new THREE.Mesh(
-  //     new THREE.PlaneGeometry(30, 30, 1, 1),
-  //     new THREE.MeshPhongMaterial({ color: 0xa0adaf, shininess: 150 })
-  //   );
-
-  //   ground.rotation.x = -Math.PI / 2; // rotates X/Y to X/Z
-  //   ground.receiveShadow = true;
-  //   player.scene.add(ground);
-  // }
-  // Lights
-  {
-    const ambientLight = new THREE.AmbientLight(0xffffff, 2);
-    // ambientLight.layers.set(1);
-    player.scene.add(ambientLight);
-
-    const spotLight = new THREE.SpotLight(0xffffff, 80);
-    spotLight.angle = Math.PI / 4;
-    spotLight.penumbra = 0.2;
-    spotLight.position.set(0, 8, 3);
-    spotLight.castShadow = false;
-    spotLight.shadow.camera.near = 3;
-    spotLight.shadow.camera.far = 30;
-    spotLight.shadow.mapSize.width = 1024;
-    spotLight.shadow.mapSize.height = 1024;
-    // spotLight.layers.set(1);
-    player.scene.add(spotLight);
-    // player.addObject(new THREE.SpotLightHelper(spotLight));
-
-    const dirLight = new THREE.DirectionalLight(0x55505a, 4);
-    dirLight.position.set(0, 8, 3);
-    dirLight.castShadow = false;
-    dirLight.shadow.camera.near = 1;
-    dirLight.shadow.camera.far = 10;
-
-    dirLight.shadow.camera.right = 1;
-    dirLight.shadow.camera.left = -1;
-    dirLight.shadow.camera.top = 1;
-    dirLight.shadow.camera.bottom = -1;
-
-    dirLight.shadow.mapSize.width = 1024;
-    dirLight.shadow.mapSize.height = 1024;
-    // dirLight.layers.set(1);
-    player.scene.add(dirLight);
-  }
-  // composer
-  {
-    composer = new EffectComposer(player.renderer!);
-    const renderPass = new RenderPass(player.scene!, player.camera!);
-    composer.addPass(renderPass);
-    const { offsetWidth: width, offsetHeight: height } = player.cavans;
-
-    const pixelRatio = player.renderer!.getPixelRatio();
-
-    const smaaPass = new SMAAPass(width * pixelRatio, height * pixelRatio);
-    composer.addPass(smaaPass);
-    // // 创建伽马校正通道
-    // const gammaPass = new ShaderPass(GammaCorrectionShader);
-    // composer.addPass(gammaPass);
-    const outputPass = new OutputPass();
-    composer.addPass(outputPass);
-  }
-
-  await loadModels();
-  models.forEach((model) => {
-    model.scale.multiplyScalar(0.4);
-
-    player.addObject(model);
-    if (['zhuan_lu', 'Jingzhaji'].includes(model.name)) {
-      const animations = model.animations;
-      for (const ani of animations) {
-        player.addAnimation(animations, ani.name, model);
-      }
-    }
-    // console.log('model', model.name, model);
-  });
-  // player.scene.traverse((item) => {
-  //   if (item.type === 'Group') {
-  //     console.log(item.name, item);
-  //   }
-  // });
-
-  // player.controls?.addEventListener('change', (ev) => {
-  //   console.log('camera', ev.target.target, ev.target.object.position, player.camera!.position);
-  // });
-  player.controls!.autoRotate = true;
-  player?.camera?.position.set(8.434432723983832, 9.526646692338861, 6.038920583677303);
-  player.controls?.saveState();
-
-  player.enableShadows();
-  visibleModel(props.modelName);
-  // const focusObject = player.scene.getObjectByName(props.modelName || '');
-  // if (focusObject) {
-  //   player.controls?.focus2(focusObject,);
-  // }
-  pmremGenerator = new THREE.PMREMGenerator(player.renderer!);
-  pmremGenerator.compileEquirectangularShader();
-  player.scene.environment = pmremGenerator.fromScene(new RoomEnvironment(), 0.04, 0.01, 20).texture;
-  player.events.resize.add((width, height) => {
-    composer.setSize(width, height);
-  });
-  player.events.update.add((_timer) => {
-    composer.render();
-  });
-  player.events.stop.add(() => {
-    // console.log('player.events.stop in scene2.vue');
-  });
-  player.events.start.add(() => {
-    // console.log('player.events.start in scene2.vue');
-  });
-  // player.play();
-});
-onUnmounted(() => {
-  pmremGenerator?.dispose();
-  composer?.dispose();
-  player.dispose();
-});
 </script>
 <style lang="scss" scoped>
 #popover-viewport {
diff --git a/apps/steelmill/src/pages/steelmill2/SceneRight.vue b/apps/steelmill/src/pages/steelmill2/SceneRight.vue
index 4163e93..ab8c2a4 100644
--- a/apps/steelmill/src/pages/steelmill2/SceneRight.vue
+++ b/apps/steelmill/src/pages/steelmill2/SceneRight.vue
@@ -1,8 +1,5 @@
 <template>
   <div id="viewport">
-    <div class="canvas">
-      <scene2 :model-name="selectedObjectInfo?.key" :visible="showPopover"></scene2>
-    </div>
     <div class="detail" v-if="selectedObjectInfo">
       <div v-for="prop in Object.keys(selectedObjectInfo)" :key="prop">
         <div v-if="prop !== 'name' && prop != 'key'">
@@ -28,7 +25,6 @@ import {
   ProgressiveLightMap,
 } from 'three/examples/jsm/Addons.js';
 import { useContext } from './context';
-import Scene2 from './Scene2.vue';
 const player = new Player();
 const shadowMapRes = 512,
   lightMapRes = 1024,