From eaa59f774f0f2eb8bcdc35eb639c2c9eca8036b0 Mon Sep 17 00:00:00 2001
From: 86156 <823267011@qq.com>
Date: Tue, 11 Nov 2025 12:21:15 +0800
Subject: [PATCH] =?UTF-8?q?app=E4=B8=89=E7=BA=A7=E5=90=8E=E7=AB=AF?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 apps/hand-factory/pages/easycode/easycode.vue | 252 ++++++++++++++----
 1 file changed, 203 insertions(+), 49 deletions(-)

diff --git a/apps/hand-factory/pages/easycode/easycode.vue b/apps/hand-factory/pages/easycode/easycode.vue
index 94b59ca..4dc7cd0 100644
--- a/apps/hand-factory/pages/easycode/easycode.vue
+++ b/apps/hand-factory/pages/easycode/easycode.vue
@@ -1,17 +1,49 @@
 <template>
 	<view class="container">
-		<!-- 标题区域 -->
-		<view class="page-title">操作类型选择</view>
+		<!-- 分条操作区 -->
+		<view class="section-card split-section">
+			<view class="section-title">
+				<text class="title-icon">✂️</text>
+				<text class="title-text">分条操作</text>
+			</view>
+			<view class="btn-grid">
+				<button 
+					v-for='item in splitTypes' 
+					:key="item.dictValue" 
+					@click="handleScan(item.dictValue)" 
+					class="type-btn split-btn">
+					{{ item.dictLabel }}
+				</button>
+			</view>
+		</view>
 
-		<!-- 操作类型按钮区域 -->
-		<view class="btn-grid">
-			<button v-for='item in types' :key="item.dictValue" @click="handleScan(item.dictValue)" class="type-btn">
-				{{ item.dictLabel }}
-			</button>
+		<!-- 其他操作区 -->
+		<view class="section-card other-section">
+			<view class="section-title">
+				<text class="title-icon">🔧</text>
+				<text class="title-text">其他操作</text>
+			</view>
+			<view class="btn-grid">
+				<button 
+					v-for='item in otherTypes' 
+					:key="item.dictValue" 
+					@click="handleScan(item.dictValue)" 
+					class="type-btn other-btn">
+					{{ item.dictLabel }}
+				</button>
+			</view>
+		</view>
 
-			<button class="type-btn" style="background-color: orange;" @click="handleTranfer">移库</button>
-
-			<button class="type-btn" style="background-color: greenyellow;" @click="handleShip">发货</button>
+		<!-- 快捷操作区 -->
+		<view class="section-card quick-section">
+			<view class="section-title">
+				<text class="title-icon">⚡</text>
+				<text class="title-text">快捷操作</text>
+			</view>
+			<view class="btn-grid quick-grid">
+				<button class="type-btn move-btn" @click="handleTranfer">移库</button>
+				<button class="type-btn ship-btn" @click="handleShip">发货</button>
+			</view>
 		</view>
 
 		<uni-popup ref="tranferPopup" type="bottom">
@@ -92,6 +124,22 @@
 				form: {}
 			}
 		},
+		computed: {
+			// 分条操作列表（100-199）
+			splitTypes() {
+				return this.types.filter(item => {
+					const value = parseInt(item.dictValue);
+					return value >= 100 && value <= 199;
+				});
+			},
+			// 其他操作列表（200-299等）
+			otherTypes() {
+				return this.types.filter(item => {
+					const value = parseInt(item.dictValue);
+					return value < 100 || value > 199;
+				});
+			}
+		},
 		methods: {
 			handleLogout() {
 				this.$modal.confirm('确定注销并退出系统吗？').then(() => {
@@ -182,7 +230,7 @@
 								scanDevice: this.getDeviceInfo(),
 								warehouseId: coilData.warehouseId,
 								priority: 0, // 默认普通优先级
-								remark: `移动端扫码创建 - ${this.getActionTypeName(actionType)}`
+								remark: `移动端扫码创建-${this.getActionTypeName(actionType)}`
 							};
 
 							console.log('5. 创建待操作记录，数据：', pendingData);
@@ -532,59 +580,165 @@
 
 <style scoped>
 	.container {
-		padding: 20rpx;
+		padding: 15rpx;
 		min-height: 100vh;
 		background-color: #f5f7fa;
 		display: flex;
 		flex-direction: column;
 		align-items: center;
+		padding-bottom: 120rpx;
 	}
 
 	/* 页面标题 */
 	.page-title {
-		font-size: 32rpx;
+		font-size: 30rpx;
 		font-weight: bold;
 		color: #333;
-		padding: 20rpx 0;
-		margin-bottom: 30rpx;
+		padding: 10rpx 0;
+		margin-bottom: 15rpx;
 		text-align: center;
 	}
 
+	/* 分区卡片 */
+	.section-card {
+		width: 100%;
+		background: #fff;
+		border-radius: 16rpx;
+		padding: 20rpx;
+		margin-bottom: 15rpx;
+		box-shadow: 0 2rpx 12rpx rgba(0, 0, 0, 0.05);
+	}
+
+	/* 分区标题 */
+	.section-title {
+		display: flex;
+		align-items: center;
+		margin-bottom: 12rpx;
+		padding-bottom: 10rpx;
+		border-bottom: 2rpx solid #f0f0f0;
+	}
+
+	.title-icon {
+		font-size: 32rpx;
+		margin-right: 10rpx;
+	}
+
+	.title-text {
+		font-size: 28rpx;
+		font-weight: bold;
+		color: #333;
+	}
+
+	/* 分条区域特殊样式 */
+	.split-section {
+		border-left: 4rpx solid #409eff;
+	}
+
+	.split-section .section-title {
+		border-bottom-color: #409eff;
+	}
+
+	/* 其他操作区域特殊样式 */
+	.other-section {
+		border-left: 4rpx solid #909399;
+	}
+
+	.other-section .section-title {
+		border-bottom-color: #909399;
+	}
+
+	/* 快捷操作区域特殊样式 */
+	.quick-section {
+		border-left: 4rpx solid #67c23a;
+	}
+
+	.quick-section .section-title {
+		border-bottom-color: #67c23a;
+	}
+
 	/* 按钮网格布局 */
 	.btn-grid {
-	  display: grid; 
-	  grid-template-columns: 200rpx 200rpx 200rpx;
-	  /* 固定按钮宽度 */
-	  grid-template-rows: repeat(4, 1fr);
-	  gap: 40rpx;
-	  /* 按钮间距 */
-	  margin-bottom: 60rpx;
+		display: grid; 
+		grid-template-columns: repeat(3, 1fr);
+		gap: 15rpx;
+	}
+
+	/* 快捷操作区按钮网格 - 两列 */
+	.quick-grid {
+		grid-template-columns: repeat(2, 1fr);
+		gap: 20rpx;
+	}
+
+	.quick-grid .type-btn {
+		height: 120rpx;
+		font-size: 28rpx;
 	}
 	
-	/* 操作类型按钮样式 - 修改后 */
+	/* 操作类型按钮样式 - 工业化简洁风格 */
 	.type-btn {
-	  width: 200rpx;
-	  height: 150rpx;
-	  white-space: normal; /* 允许文字换行 */
-	  line-height: 1.4; /* 适配换行的行高 */
-	  padding: 10rpx 0; /* 上下内边距优化 */
-	  font-size: 30rpx; /* 字体缩小 */
-	  color: #333;
-	  background-color: #fff;
-	  border-radius: 12rpx;
-	  border: none;
-	  box-shadow: 0 4rpx 10rpx rgba(0, 0, 0, 0.05);
-	  transition: all 0.2s ease;
-	  text-align: center;
-	  display: flex;
-	  align-items: center;
-	  justify-content: center;
+		width: 100%;
+		height: 110rpx;
+		white-space: normal;
+		line-height: 1.4;
+		padding: 10rpx;
+		font-size: 26rpx;
+		font-weight: 600;
+		border-radius: 10rpx;
+		border: 2rpx solid transparent;
+		box-shadow: none;
+		transition: all 0.2s ease;
+		text-align: center;
+		display: flex;
+		align-items: center;
+		justify-content: center;
 	}
-	
-	.type-btn:active {
-	  background-color: #f0f0f0;
-	  box-shadow: 0 2rpx 5rpx rgba(0, 0, 0, 0.1);
-	  transform: scale(0.98);
+
+	/* 分条按钮样式 - 浅蓝色 */
+	.split-btn {
+		background-color: #e3f2fd;
+		color: #1976d2;
+		border-color: #1976d2;
+	}
+
+	.split-btn:active {
+		background-color: #bbdefb;
+		opacity: 0.9;
+	}
+
+	/* 其他操作按钮样式 - 浅灰色 */
+	.other-btn {
+		background-color: #f5f5f5;
+		color: #606266;
+		border-color: #909399;
+	}
+
+	.other-btn:active {
+		background-color: #e0e0e0;
+		opacity: 0.9;
+	}
+
+	/* 移库按钮 - 黄色 */
+	.move-btn {
+		background-color: #fff9e6;
+		color: #e6a23c;
+		border-color: #e6a23c;
+	}
+
+	.move-btn:active {
+		background-color: #fff3cc;
+		opacity: 0.9;
+	}
+
+	/* 发货按钮 - 绿色 */
+	.ship-btn {
+		background-color: #e8f5e9;
+		color: #67c23a;
+		border-color: #67c23a;
+	}
+
+	.ship-btn:active {
+		background-color: #c8e6c9;
+		opacity: 0.9;
 	}
 
 	/* 退出登录按钮容器 */
@@ -600,15 +754,15 @@
 	/* 退出登录按钮样式 */
 	.logout-btn {
 		width: 100%;
-		height: 90rpx;
-		line-height: 90rpx;
+		height: 80rpx;
+		line-height: 80rpx;
 		/* 文字竖直居中 */
-		font-size: 30rpx;
+		font-size: 28rpx;
 		color: #fff;
 		background-color: #ff4d4f;
-		border-radius: 16rpx;
+		border-radius: 12rpx;
 		border: none;
-		box-shadow: 0 4rpx 10rpx rgba(255, 77, 79, 0.2);
+		box-shadow: 0 2rpx 8rpx rgba(255, 77, 79, 0.15);
 		transition: all 0.2s ease;
 	}