From 8f96197aa51b1ab5e2451faf0e9b289b9e111b17 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=8E=8B=E6=96=87=E6=98=8A?=
 <15984991+wwh2328692301@user.noreply.gitee.com>
Date: Wed, 20 May 2026 11:09:08 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=B7=BB=E5=8A=A0=E5=BE=85=E5=8A=9E?=
 =?UTF-8?q?=E4=BA=8B=E9=A1=B9=E6=A8=A1=E5=9D=97=E5=8F=8A=E7=9B=B8=E5=85=B3?=
 =?UTF-8?q?=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

新增待办事项页面，包含钢卷列表展示、筛选功能、钢卷详情页，支持重贴标签操作和查看改判/调拨记录，同时添加底部 tab 栏入口和对应图标资源
---
 apps/hand-factory/api/wms/todo.js             |  19 +
 apps/hand-factory/pages.json                  |  31 +-
 apps/hand-factory/pages/todo/coil-detail.vue  | 387 ++++++++++++++
 .../pages/todo/components/coil-card.vue       | 238 +++++++++
 .../pages/todo/components/filter-bar.vue      | 317 ++++++++++++
 .../pages/todo/components/record-popup.vue    | 446 +++++++++++++++++
 .../pages/todo/components/relabel-popup.vue   | 222 ++++++++
 apps/hand-factory/pages/todo/index.vue        | 473 ++++++++++++++++++
 .../static/images/tabbar/todo.png             | Bin 0 -> 4108 bytes
 .../static/images/tabbar/todo_.png            | Bin 0 -> 5008 bytes
 10 files changed, 2121 insertions(+), 12 deletions(-)
 create mode 100644 apps/hand-factory/api/wms/todo.js
 create mode 100644 apps/hand-factory/pages/todo/coil-detail.vue
 create mode 100644 apps/hand-factory/pages/todo/components/coil-card.vue
 create mode 100644 apps/hand-factory/pages/todo/components/filter-bar.vue
 create mode 100644 apps/hand-factory/pages/todo/components/record-popup.vue
 create mode 100644 apps/hand-factory/pages/todo/components/relabel-popup.vue
 create mode 100644 apps/hand-factory/pages/todo/index.vue
 create mode 100644 apps/hand-factory/static/images/tabbar/todo.png
 create mode 100644 apps/hand-factory/static/images/tabbar/todo_.png

diff --git a/apps/hand-factory/api/wms/todo.js b/apps/hand-factory/api/wms/todo.js
new file mode 100644
index 0000000..e0fca91
--- /dev/null
+++ b/apps/hand-factory/api/wms/todo.js
@@ -0,0 +1,19 @@
+import request from '@/utils/request'
+
+// 查询改判记录（根据钢卷ID）
+export function listChangeHistory(coilId) {
+  return request({
+    url: '/wms/coilQualityRejudge/list',
+    method: 'get',
+    params: { coilId }
+  })
+}
+
+// 查询调拨记录（根据钢卷ID）
+export function listTransferHistory(coilId) {
+  return request({
+    url: '/wms/transferOrderItem/list',
+    method: 'get',
+    params: { coilId }
+  })
+}
diff --git a/apps/hand-factory/pages.json b/apps/hand-factory/pages.json
index c4c3a32..cb8e484 100644
--- a/apps/hand-factory/pages.json
+++ b/apps/hand-factory/pages.json
@@ -100,6 +100,19 @@
 		"style": {
 			"navigationBarTitleText": "发货"
 		}
+	},
+	{
+		"path": "pages/todo/index",
+		"style": {
+			"navigationBarTitleText": "待办事项",
+			"navigationStyle": "custom"
+		}
+	},
+	{
+		"path": "pages/todo/coil-detail",
+		"style": {
+			"navigationBarTitleText": "钢卷详情"
+		}
 	}
 	],
   "globalStyle": {
@@ -116,24 +129,18 @@
 				"selectedIconPath": "/static/images/tabbar/home_.png",
 				"iconPath": "/static/images/tabbar/home.png"
 			},
+			{
+				"text": "待办",
+				"pagePath": "pages/todo/index",
+				"selectedIconPath": "/static/images/tabbar/todo_.png",
+				"iconPath": "/static/images/tabbar/todo.png"
+			},
 			{
 				"text": "扫码",
 				"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/search/search",
-			// 	"selectedIconPath": "/static/images/tabbar/search_.png",
-			// 	"iconPath": "/static/images/tabbar/search.png"
-			// },
 			{
 				"text": "报餐",
 				"pagePath": "pages/meal/meal",
diff --git a/apps/hand-factory/pages/todo/coil-detail.vue b/apps/hand-factory/pages/todo/coil-detail.vue
new file mode 100644
index 0000000..b518afa
--- /dev/null
+++ b/apps/hand-factory/pages/todo/coil-detail.vue
@@ -0,0 +1,387 @@
+<template>
+  <view class="detail-container">
+    <!-- 头部信息卡片 -->
+    <view class="header-card">
+      <view class="header-title">
+        <text class="title-text">钢卷信息</text>
+        <text class="coil-no">{{ coilInfo.currentCoilNo || '-' }}</text>
+      </view>
+      <view class="header-subtitle">
+        <text class="subtitle-text">入场钢卷号: {{ coilInfo.enterCoilNo || '-' }}</text>
+      </view>
+    </view>
+    
+    <!-- 基础信息 -->
+    <view class="info-section">
+      <view class="section-title">
+        <text class="title-icon">📋</text>
+        <text class="title-text">基础信息</text>
+      </view>
+      <view class="info-grid">
+        <view class="info-item">
+          <text class="label">厂家卷号</text>
+          <text class="value">{{ coilInfo.factoryCoilNo || '-' }}</text>
+        </view>
+        <view class="info-item">
+          <text class="label">物料类型</text>
+          <text class="value">{{ coilInfo.itemType || '-' }}</text>
+        </view>
+        <view class="info-item">
+          <text class="label">产品名称</text>
+          <text class="value">{{ coilInfo.itemName || '-' }}</text>
+        </view>
+        <view class="info-item">
+          <text class="label">规格</text>
+          <text class="value">{{ coilInfo.specification || '-' }}</text>
+        </view>
+        <view class="info-item">
+          <text class="label">材质</text>
+          <text class="value">{{ coilInfo.material || '-' }}</text>
+        </view>
+        <view class="info-item">
+          <text class="label">厂家</text>
+          <text class="value">{{ coilInfo.manufacturer || '-' }}</text>
+        </view>
+      </view>
+    </view>
+    
+    <!-- 库存信息 -->
+    <view class="info-section">
+      <view class="section-title">
+        <text class="title-icon">📦</text>
+        <text class="title-text">库存信息</text>
+      </view>
+      <view class="info-grid">
+        <view class="info-item">
+          <text class="label">逻辑库区</text>
+          <text class="value">{{ coilInfo.warehouseName || '-' }}</text>
+        </view>
+        <view class="info-item">
+          <text class="label">实际库区</text>
+          <text class="value">{{ coilInfo.actualWarehouseName || '-' }}</text>
+        </view>
+        <view class="info-item">
+          <text class="label">净重(吨)</text>
+          <text class="value">{{ coilInfo.netWeight || '-' }}</text>
+        </view>
+        <view class="info-item">
+          <text class="label">毛重(吨)</text>
+          <text class="value">{{ coilInfo.grossWeight || '-' }}</text>
+        </view>
+        <view class="info-item">
+          <text class="label">长度(米)</text>
+          <text class="value">{{ coilInfo.length || '-' }}</text>
+        </view>
+        <view class="info-item">
+          <text class="label">质量状态</text>
+          <text class="value" :class="getQualityClass(coilInfo.qualityStatus)">
+            {{ coilInfo.qualityStatus || '-' }}
+          </text>
+        </view>
+      </view>
+    </view>
+    
+    <!-- 加工信息 -->
+    <view class="info-section">
+      <view class="section-title">
+        <text class="title-icon">⚙️</text>
+        <text class="title-text">加工信息</text>
+      </view>
+      <view class="info-grid">
+        <view class="info-item">
+          <text class="label">表面处理</text>
+          <text class="value">{{ coilInfo.surfaceTreatment || '-' }}</text>
+        </view>
+        <view class="info-item">
+          <text class="label">镀层质量</text>
+          <text class="value">{{ coilInfo.coatingWeight || '-' }}</text>
+        </view>
+        <view class="info-item">
+          <text class="label">包装要求</text>
+          <text class="value">{{ coilInfo.packaging || '-' }}</text>
+        </view>
+        <view class="info-item">
+          <text class="label">切边</text>
+          <text class="value">{{ coilInfo.cuttingEdge || '-' }}</text>
+        </view>
+        <view class="info-item">
+          <text class="label">班组</text>
+          <text class="value">{{ coilInfo.team || '-' }}</text>
+        </view>
+        <view class="info-item">
+          <text class="label">备注</text>
+          <text class="value">{{ coilInfo.remark || '-' }}</text>
+        </view>
+      </view>
+    </view>
+    
+    <!-- 操作信息 -->
+    <view class="info-section">
+      <view class="section-title">
+        <text class="title-icon">👤</text>
+        <text class="title-text">操作信息</text>
+      </view>
+      <view class="info-list">
+        <view class="list-item">
+          <text class="label">创建人</text>
+          <text class="value">{{ coilInfo.creator || '-' }}</text>
+        </view>
+        <view class="list-item">
+          <text class="label">创建时间</text>
+          <text class="value">{{ coilInfo.createTime || '-' }}</text>
+        </view>
+        <view class="list-item">
+          <text class="label">更新人</text>
+          <text class="value">{{ coilInfo.updater || '-' }}</text>
+        </view>
+        <view class="list-item">
+          <text class="label">更新时间</text>
+          <text class="value">{{ coilInfo.updateTime || '-' }}</text>
+        </view>
+      </view>
+    </view>
+    
+    <!-- 底部操作栏 -->
+    <view class="footer-bar" v-if="actionId">
+      <button class="btn btn-primary" @click="handleComplete">
+        <text class="btn-icon">✓</text>
+        <text class="btn-text">完成待办</text>
+      </button>
+    </view>
+  </view>
+</template>
+
+<script>
+import { getMaterialCoil } from '@/api/wms/coil'
+
+export default {
+  data() {
+    return {
+      coilId: null,
+      actionId: null,
+      coilInfo: {},
+      loading: false
+    }
+  },
+  onLoad(options) {
+    this.coilId = options.coilId
+    this.actionId = options.actionId
+    if (this.coilId) {
+      this.fetchDetail()
+    } else {
+      uni.showToast({
+        title: '参数错误',
+        icon: 'none'
+      })
+      setTimeout(() => {
+        uni.navigateBack()
+      }, 1500)
+    }
+  },
+  methods: {
+    async fetchDetail() {
+      this.loading = true
+      try {
+        const res = await getMaterialCoil(this.coilId)
+        this.coilInfo = res.data || {}
+      } catch (error) {
+        console.error('获取详情失败:', error)
+        uni.showToast({
+          title: '获取详情失败: ' + (error.message || '未知错误'),
+          icon: 'none'
+        })
+      } finally {
+        this.loading = false
+      }
+    },
+    
+    getQualityClass(status) {
+      if (!status) return ''
+      const statusMap = {
+        'A': 'quality-a',
+        'B': 'quality-b',
+        'C': 'quality-c',
+        'D': 'quality-d'
+      }
+      return statusMap[status] || ''
+    },
+    
+    async handleComplete() {
+      uni.showToast({
+        title: '功能开发中',
+        icon: 'none'
+      })
+    }
+  }
+}
+</script>
+
+<style scoped lang="scss">
+.detail-container {
+  min-height: 100vh;
+  background: #f5f7fa;
+  padding-bottom: 140rpx;
+  
+  .header-card {
+    background: linear-gradient(135deg, #1a73e8 0%, #4285f4 100%);
+    padding: 40rpx 30rpx;
+    
+    .header-title {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      margin-bottom: 16rpx;
+      
+      .title-text {
+        font-size: 32rpx;
+        color: rgba(255, 255, 255, 0.8);
+      }
+      
+      .coil-no {
+        font-size: 36rpx;
+        color: #ffffff;
+        font-weight: 600;
+      }
+    }
+    
+    .header-subtitle {
+      .subtitle-text {
+        font-size: 26rpx;
+        color: rgba(255, 255, 255, 0.7);
+      }
+    }
+  }
+  
+  .info-section {
+    background: #ffffff;
+    margin: 20rpx;
+    border-radius: 16rpx;
+    overflow: hidden;
+    box-shadow: 0 2rpx 12rpx rgba(0, 0, 0, 0.04);
+    
+    .section-title {
+      display: flex;
+      align-items: center;
+      padding: 24rpx 30rpx;
+      border-bottom: 1rpx solid #f0f0f0;
+      
+      .title-icon {
+        font-size: 32rpx;
+        margin-right: 12rpx;
+      }
+      
+      .title-text {
+        font-size: 30rpx;
+        font-weight: 600;
+        color: #333333;
+      }
+    }
+    
+    .info-grid {
+      display: flex;
+      flex-wrap: wrap;
+      padding: 20rpx;
+      
+      .info-item {
+        width: 50%;
+        padding: 16rpx 10rpx;
+        box-sizing: border-box;
+        
+        .label {
+          display: block;
+          font-size: 24rpx;
+          color: #999999;
+          margin-bottom: 8rpx;
+        }
+        
+        .value {
+          font-size: 28rpx;
+          color: #333333;
+          font-weight: 500;
+          
+          &.quality-a {
+            color: #52c41a;
+          }
+          
+          &.quality-b {
+            color: #1890ff;
+          }
+          
+          &.quality-c {
+            color: #faad14;
+          }
+          
+          &.quality-d {
+            color: #ff4d4f;
+          }
+        }
+      }
+    }
+    
+    .info-list {
+      padding: 0 30rpx;
+      
+      .list-item {
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        padding: 24rpx 0;
+        border-bottom: 1rpx solid #f0f0f0;
+        
+        &:last-child {
+          border-bottom: none;
+        }
+        
+        .label {
+          font-size: 28rpx;
+          color: #666666;
+        }
+        
+        .value {
+          font-size: 28rpx;
+          color: #333333;
+        }
+      }
+    }
+  }
+  
+  .footer-bar {
+    position: fixed;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    background: #ffffff;
+    padding: 20rpx 30rpx;
+    padding-bottom: calc(20rpx + env(safe-area-inset-bottom));
+    box-shadow: 0 -2rpx 12rpx rgba(0, 0, 0, 0.06);
+    
+    .btn {
+      width: 100%;
+      height: 88rpx;
+      line-height: 88rpx;
+      background: #1a73e8;
+      color: #ffffff;
+      font-size: 32rpx;
+      font-weight: 600;
+      border-radius: 12rpx;
+      border: none;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      
+      &::after {
+        border: none;
+      }
+      
+      .btn-icon {
+        font-size: 32rpx;
+        margin-right: 12rpx;
+      }
+      
+      .btn-text {
+        font-size: 32rpx;
+      }
+    }
+  }
+}
+</style>
diff --git a/apps/hand-factory/pages/todo/components/coil-card.vue b/apps/hand-factory/pages/todo/components/coil-card.vue
new file mode 100644
index 0000000..7004358
--- /dev/null
+++ b/apps/hand-factory/pages/todo/components/coil-card.vue
@@ -0,0 +1,238 @@
+<template>
+  <view class="coil-card">
+    <!-- 头部信息 -->
+    <view class="card-header">
+      <view class="header-item">
+        <text class="label">入场钢卷号</text>
+        <text class="value">{{ data.enterCoilNo || '-' }}</text>
+      </view>
+    </view>
+    
+    <!-- 主体信息 -->
+    <view class="card-body">
+      <view class="info-row">
+        <view class="info-item">
+          <text class="label">当前钢卷号</text>
+          <text class="value highlight">{{ data.currentCoilNo || '-' }}</text>
+        </view>
+        <view class="info-item">
+          <text class="label">产品类型</text>
+          <text class="value">{{ data.itemName || '-' }}</text>
+        </view>
+      </view>
+      
+      <view class="info-row">
+        <view class="info-item">
+          <text class="label">实际库区</text>
+          <text class="value">{{ data.actualWarehouseName || '-' }}</text>
+        </view>
+        <view class="info-item">
+          <text class="label">备注</text>
+          <text class="value">{{ data.remark || '-' }}</text>
+        </view>
+      </view>
+      
+      <view class="info-row">
+        <view class="info-item">
+          <text class="label">调拨类型</text>
+          <text class="value tag" v-if="data.transferType">{{ data.transferType }}</text>
+          <text class="value" v-else>-</text>
+        </view>
+        <view class="info-item">
+          <text class="label">改判原因</text>
+          <text class="value">{{ data.changeReason || '-' }}</text>
+        </view>
+      </view>
+    </view>
+    
+    <!-- 操作按钮 -->
+    <view class="card-footer" v-if="showActions">
+      <view class="action-btn primary" @click.stop="handleRelabel">
+        <text class="btn-icon">🏷️</text>
+        <text class="btn-text">重贴标签</text>
+      </view>
+      <view class="action-btn" @click.stop="handleViewRecord">
+        <text class="btn-icon">📋</text>
+        <text class="btn-text">查看记录</text>
+      </view>
+      <view class="action-btn" @click.stop="handleViewDetail">
+        <text class="btn-icon">👁️</text>
+        <text class="btn-text">查看详情</text>
+      </view>
+    </view>
+  </view>
+</template>
+
+<script>
+export default {
+  name: 'CoilCard',
+  props: {
+    data: {
+      type: Object,
+      required: true,
+      default: () => ({})
+    },
+    showActions: {
+      type: Boolean,
+      default: true
+    }
+  },
+  methods: {
+    handleRelabel() {
+      this.$emit('relabel', this.data)
+    },
+    handleViewRecord() {
+      this.$emit('view-record', this.data)
+    },
+    handleViewDetail() {
+      this.$emit('view-detail', this.data)
+    }
+  }
+}
+</script>
+
+<style scoped lang="scss">
+.coil-card {
+  background: #ffffff;
+  border-radius: 16rpx;
+  margin-bottom: 24rpx;
+  box-shadow: 0 4rpx 16rpx rgba(0, 0, 0, 0.06);
+  overflow: hidden;
+  
+  .card-header {
+    background: linear-gradient(135deg, #1a73e8 0%, #4285f4 100%);
+    padding: 24rpx 30rpx;
+    
+    .header-item {
+      display: flex;
+      align-items: center;
+      
+      .label {
+        font-size: 26rpx;
+        color: rgba(255, 255, 255, 0.8);
+        margin-right: 16rpx;
+      }
+      
+      .value {
+        font-size: 32rpx;
+        color: #ffffff;
+        font-weight: 600;
+      }
+    }
+  }
+  
+  .card-body {
+    padding: 24rpx 30rpx;
+    
+    .info-row {
+      display: flex;
+      margin-bottom: 20rpx;
+      
+      &:last-child {
+        margin-bottom: 0;
+      }
+      
+      .info-item {
+        flex: 1;
+        display: flex;
+        flex-direction: column;
+        
+        .label {
+          font-size: 24rpx;
+          color: #999999;
+          margin-bottom: 8rpx;
+        }
+        
+        .value {
+          font-size: 28rpx;
+          color: #333333;
+          word-break: break-all;
+          word-wrap: break-word;
+          overflow-wrap: break-word;
+          line-height: 1.4;
+          
+          &.highlight {
+            color: #1a73e8;
+            font-weight: 500;
+          }
+          
+          &.tag {
+            display: inline-block;
+            background: #e8f0fe;
+            color: #1a73e8;
+            padding: 4rpx 16rpx;
+            border-radius: 8rpx;
+            font-size: 24rpx;
+            white-space: nowrap;
+          }
+        }
+      }
+    }
+  }
+  
+  .card-footer {
+    display: flex;
+    padding: 20rpx 30rpx;
+    border-top: 1rpx solid #f0f0f0;
+    gap: 16rpx;
+    
+    .action-btn {
+      flex: 1;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      padding: 16rpx 0;
+      border-radius: 8rpx;
+      background: #f5f5f5;
+      transition: all 0.2s;
+      
+      &:active {
+        opacity: 0.8;
+      }
+      
+      &.primary {
+        background: #1a73e8;
+        
+        .btn-text {
+          color: #ffffff;
+        }
+      }
+      
+      .btn-icon {
+        font-size: 28rpx;
+        margin-right: 8rpx;
+      }
+      
+      .btn-text {
+        font-size: 26rpx;
+        color: #666666;
+      }
+    }
+  }
+}
+
+/* H5 浏览器特定样式 */
+/* #ifdef H5 */
+.coil-card {
+  cursor: pointer;
+  
+  &:hover {
+    box-shadow: 0 6rpx 20rpx rgba(0, 0, 0, 0.1);
+  }
+  
+  .card-footer {
+    .action-btn {
+      cursor: pointer;
+      
+      &:hover {
+        opacity: 0.9;
+      }
+      
+      &:active {
+        opacity: 0.8;
+      }
+    }
+  }
+}
+/* #endif */
+</style>
diff --git a/apps/hand-factory/pages/todo/components/filter-bar.vue b/apps/hand-factory/pages/todo/components/filter-bar.vue
new file mode 100644
index 0000000..d7600fa
--- /dev/null
+++ b/apps/hand-factory/pages/todo/components/filter-bar.vue
@@ -0,0 +1,317 @@
+<template>
+  <view class="filter-bar">
+    <view class="filter-header" @click="toggleExpand">
+      <view class="filter-title">
+        <text class="title-icon">🔍</text>
+        <text class="title-text">筛选条件</text>
+      </view>
+      <view class="filter-toggle">
+        <text class="toggle-text">{{ isExpanded ? '收起' : '展开' }}</text>
+        <text class="toggle-icon" :class="{ 'expanded': isExpanded }">▼</text>
+      </view>
+    </view>
+    
+    <view class="filter-content" v-show="isExpanded">
+      <view class="filter-row">
+        <view class="filter-item">
+          <text class="item-label">入场卷号</text>
+          <input 
+            class="item-input" 
+            v-model="form.enterCoilNo" 
+            placeholder="请输入入场钢卷号"
+            placeholder-class="input-placeholder"
+          />
+        </view>
+        <view class="filter-item">
+          <text class="item-label">当前卷号</text>
+          <input 
+            class="item-input" 
+            v-model="form.currentCoilNo" 
+            placeholder="请输入当前钢卷号"
+            placeholder-class="input-placeholder"
+          />
+        </view>
+      </view>
+      
+      <view class="filter-row">
+        <view class="filter-item">
+          <text class="item-label">产品名称</text>
+          <input 
+            class="item-input" 
+            v-model="form.itemName" 
+            placeholder="请选择物料"
+            placeholder-class="input-placeholder"
+          />
+        </view>
+        <view class="filter-item">
+          <text class="item-label">规格</text>
+          <input 
+            class="item-input" 
+            v-model="form.itemSpecification" 
+            placeholder="请选择规格"
+            placeholder-class="input-placeholder"
+          />
+        </view>
+      </view>
+      
+      <view class="filter-row">
+        <view class="filter-item">
+          <text class="item-label">材质</text>
+          <input 
+            class="item-input" 
+            v-model="form.itemMaterial" 
+            placeholder="请选择材质"
+            placeholder-class="input-placeholder"
+          />
+        </view>
+        <view class="filter-item">
+          <text class="item-label">厂家</text>
+          <input 
+            class="item-input" 
+            v-model="form.itemManufacturer" 
+            placeholder="请选择厂家"
+            placeholder-class="input-placeholder"
+          />
+        </view>
+      </view>
+      
+      <view class="filter-actions">
+        <button class="btn btn-reset" @click="handleReset" :disabled="loading">
+          <text v-if="!loading">重置</text>
+          <text v-else>重置中...</text>
+        </button>
+        <button class="btn btn-search" @click="handleSearch" :disabled="loading">
+          <text v-if="!loading">搜索</text>
+          <text v-else>搜索中...</text>
+        </button>
+      </view>
+      
+      <!-- 筛选结果统计 -->
+      <view v-if="showResult" class="filter-result">
+        <text class="result-text">找到 {{ total }} 条记录</text>
+        <text class="result-close" @click="hideResult">✕</text>
+      </view>
+    </view>
+  </view>
+</template>
+
+<script>
+export default {
+  name: 'FilterBar',
+  props: {
+    loading: {
+      type: Boolean,
+      default: false
+    },
+    total: {
+      type: Number,
+      default: 0
+    }
+  },
+  data() {
+    return {
+      isExpanded: false,
+      showResult: false,
+      form: {
+        enterCoilNo: '',
+        currentCoilNo: '',
+        itemName: '',
+        itemSpecification: '',
+        itemMaterial: '',
+        itemManufacturer: ''
+      }
+    }
+  },
+  methods: {
+    toggleExpand() {
+      this.isExpanded = !this.isExpanded
+    },
+    handleReset() {
+      this.form = {
+        enterCoilNo: '',
+        currentCoilNo: '',
+        itemName: '',
+        itemSpecification: '',
+        itemMaterial: '',
+        itemManufacturer: ''
+      }
+      this.showResult = false
+      this.$emit('reset')
+      // 显示重置成功提示
+      uni.showToast({
+        title: '已重置',
+        icon: 'success',
+        duration: 1500
+      })
+    },
+    handleSearch() {
+      this.showResult = true
+      this.isExpanded = false // 搜索后自动收起筛选栏
+      this.$emit('search', { ...this.form })
+    },
+    hideResult() {
+      this.showResult = false
+    }
+  }
+}
+</script>
+
+<style scoped lang="scss">
+.filter-bar {
+  background: #ffffff;
+  border-radius: 16rpx;
+  margin-bottom: 24rpx;
+  box-shadow: 0 2rpx 12rpx rgba(0, 0, 0, 0.04);
+  overflow: hidden;
+  
+  .filter-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 24rpx 30rpx;
+    border-bottom: 1rpx solid #f0f0f0;
+    
+    .filter-title {
+      display: flex;
+      align-items: center;
+      
+      .title-icon {
+        font-size: 32rpx;
+        margin-right: 12rpx;
+      }
+      
+      .title-text {
+        font-size: 30rpx;
+        font-weight: 600;
+        color: #333333;
+      }
+    }
+    
+    .filter-toggle {
+      display: flex;
+      align-items: center;
+      
+      .toggle-text {
+        font-size: 26rpx;
+        color: #666666;
+        margin-right: 8rpx;
+      }
+      
+      .toggle-icon {
+        font-size: 24rpx;
+        color: #999999;
+        transition: transform 0.2s;
+        
+        &.expanded {
+          transform: rotate(180deg);
+        }
+      }
+    }
+  }
+  
+  .filter-content {
+    padding: 24rpx 30rpx;
+    
+    .filter-row {
+      display: flex;
+      gap: 20rpx;
+      margin-bottom: 20rpx;
+      
+      &:last-child {
+        margin-bottom: 0;
+      }
+      
+      .filter-item {
+        flex: 1;
+        
+        .item-label {
+          display: block;
+          font-size: 24rpx;
+          color: #666666;
+          margin-bottom: 12rpx;
+        }
+        
+        .item-input {
+          height: 72rpx;
+          background: #f8f8f8;
+          border-radius: 8rpx;
+          padding: 0 20rpx;
+          font-size: 28rpx;
+          color: #333333;
+          
+          &::placeholder {
+            color: #cccccc;
+          }
+        }
+        
+        .input-placeholder {
+          color: #cccccc;
+        }
+      }
+    }
+    
+    .filter-actions {
+      display: flex;
+      gap: 20rpx;
+      margin-top: 30rpx;
+      padding-top: 24rpx;
+      border-top: 1rpx solid #f0f0f0;
+      
+      .btn {
+        flex: 1;
+        height: 80rpx;
+        line-height: 80rpx;
+        text-align: center;
+        border-radius: 8rpx;
+        font-size: 28rpx;
+        border: none;
+        
+        &::after {
+          border: none;
+        }
+        
+        &.btn-reset {
+          background: #f5f5f5;
+          color: #666666;
+        }
+        
+        &.btn-search {
+          background: #1a73e8;
+          color: #ffffff;
+          
+          &:disabled {
+            opacity: 0.6;
+          }
+        }
+        
+        &:disabled {
+          opacity: 0.6;
+          cursor: not-allowed;
+        }
+      }
+      
+      .filter-result {
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        margin-top: 20rpx;
+        padding: 16rpx 20rpx;
+        background: #e8f4fd;
+        border-radius: 8rpx;
+        
+        .result-text {
+          font-size: 26rpx;
+          color: #1a73e8;
+          font-weight: 500;
+        }
+        
+        .result-close {
+          font-size: 28rpx;
+          color: #666666;
+          padding: 4rpx 8rpx;
+        }
+      }
+    }
+  }
+}
+</style>
diff --git a/apps/hand-factory/pages/todo/components/record-popup.vue b/apps/hand-factory/pages/todo/components/record-popup.vue
new file mode 100644
index 0000000..b3e3cae
--- /dev/null
+++ b/apps/hand-factory/pages/todo/components/record-popup.vue
@@ -0,0 +1,446 @@
+<template>
+  <uni-popup ref="popup" type="bottom" :safe-area="true">
+    <view class="popup-container">
+      <view class="popup-header">
+        <text class="popup-title">{{ title }}</text>
+        <text class="popup-close" @click="close">✕</text>
+      </view>
+      
+      <view class="popup-content">
+        <!-- Tab切换 -->
+        <view class="tab-bar">
+          <view 
+            class="tab-item" 
+            :class="{ active: activeTab === 'change' }"
+            @click="activeTab = 'change'"
+          >
+            <text class="tab-text">改判记录</text>
+          </view>
+          <view 
+            class="tab-item" 
+            :class="{ active: activeTab === 'transfer' }"
+            @click="activeTab = 'transfer'"
+          >
+            <text class="tab-text">调拨记录</text>
+          </view>
+        </view>
+        
+        <!-- 改判记录列表 -->
+        <scroll-view 
+          v-show="activeTab === 'change'" 
+          scroll-y 
+          class="record-list"
+          :style="{ height: scrollHeight + 'px' }"
+          @scrolltolower="onLoadMoreChange"
+        >
+          <view v-if="changeRecords.length === 0" class="empty-state">
+            <text class="empty-icon">📋</text>
+            <text class="empty-text">暂无改判记录</text>
+          </view>
+          <view 
+            v-else
+            v-for="(record, index) in changeRecords" 
+            :key="index"
+            class="record-item"
+          >
+            <view class="record-header">
+              <text class="record-type">{{ getRejudgeTypeText(record.rejudgeType) }}</text>
+              <text class="record-time">{{ formatTime(record.createTime) }}</text>
+            </view>
+            <view class="record-body">
+              <view class="record-row">
+                <text class="label">原值：</text>
+                <text class="value old">{{ record.originalValue }}</text>
+              </view>
+              <view class="record-row">
+                <text class="label">新值：</text>
+                <text class="value new">{{ record.newValue }}</text>
+              </view>
+              <view class="record-row">
+                <text class="label">改判原因：</text>
+                <text class="value">{{ record.rejudgeReason }}</text>
+              </view>
+              <view class="record-row">
+                <text class="label">操作人：</text>
+                <text class="value">{{ record.createBy }}</text>
+              </view>
+              <view class="record-row" v-if="record.remark">
+                <text class="label">备注：</text>
+                <text class="value">{{ record.remark }}</text>
+              </view>
+            </view>
+          </view>
+        </scroll-view>
+        
+        <!-- 调拨记录列表 -->
+        <scroll-view 
+          v-show="activeTab === 'transfer'" 
+          scroll-y 
+          class="record-list"
+          :style="{ height: scrollHeight + 'px' }"
+          @scrolltolower="onLoadMoreTransfer"
+        >
+          <view v-if="transferRecords.length === 0" class="empty-state">
+            <text class="empty-icon">📋</text>
+            <text class="empty-text">暂无调拨记录</text>
+          </view>
+          <view 
+            v-else
+            v-for="(record, index) in transferRecords" 
+            :key="index"
+            class="record-item"
+          >
+            <view class="record-header">
+              <text class="record-type">{{ getTransferTypeText(record.transferType) }}</text>
+              <text class="record-time">{{ formatTime(record.createTime) }}</text>
+            </view>
+            <view class="record-body">
+              <view class="record-row">
+                <text class="label">调拨单号：</text>
+                <text class="value">{{ record.transferOrderNo }}</text>
+              </view>
+              <view class="record-row">
+                <text class="label">原库区：</text>
+                <text class="value">{{ record.fromWarehouseName }}</text>
+              </view>
+              <view class="record-row">
+                <text class="label">目标库区：</text>
+                <text class="value new">{{ record.toWarehouseName }}</text>
+              </view>
+              <view class="record-row">
+                <text class="label">调拨数量：</text>
+                <text class="value">{{ record.transferQuantity }}</text>
+              </view>
+              <view class="record-row">
+                <text class="label">操作人：</text>
+                <text class="value">{{ record.createBy }}</text>
+              </view>
+              <view class="record-row" v-if="record.remark">
+                <text class="label">备注：</text>
+                <text class="value">{{ record.remark }}</text>
+              </view>
+            </view>
+          </view>
+        </scroll-view>
+      </view>
+    </view>
+  </uni-popup>
+</template>
+
+<script>
+import { listChangeHistory, listTransferHistory } from '@/api/wms/todo'
+
+export default {
+  name: 'RecordPopup',
+  props: {
+    title: {
+      type: String,
+      default: '查看记录'
+    }
+  },
+  data() {
+    return {
+      activeTab: 'change',
+      changeRecords: [],
+      transferRecords: [],
+      coilId: null,
+      scrollHeight: 400 // 默认滚动区域高度
+    }
+  },
+  mounted() {
+    this.calcScrollHeight()
+  },
+  methods: {
+    open(coilId) {
+      this.coilId = coilId
+      this.activeTab = 'change'
+      this.$refs.popup.open()
+      // 延迟计算高度和加载数据，确保弹窗已渲染
+      this.$nextTick(() => {
+        this.calcScrollHeight()
+        this.fetchRecords()
+      })
+    },
+    close() {
+      this.$refs.popup.close()
+    },
+    async fetchRecords() {
+      if (!this.coilId) return
+      
+      uni.showLoading({ title: '加载中...' })
+      try {
+        // 获取改判记录
+        const changeRes = await listChangeHistory(this.coilId)
+        this.changeRecords = changeRes.rows || []
+        
+        // 获取调拨记录
+        const transferRes = await listTransferHistory(this.coilId)
+        this.transferRecords = transferRes.rows || []
+        
+        // 显示记录数量提示
+        const totalCount = this.changeRecords.length + this.transferRecords.length
+        if (totalCount > 0) {
+          uni.showToast({
+            title: `找到 ${totalCount} 条记录`,
+            icon: 'none',
+            duration: 2000
+          })
+        }
+      } catch (error) {
+        console.error('获取记录失败:', error)
+        uni.showToast({
+          title: '获取记录失败: ' + (error.message || '未知错误'),
+          icon: 'none'
+        })
+      } finally {
+        uni.hideLoading()
+      }
+    },
+    
+    // 获取改判类型文本
+    getRejudgeTypeText(type) {
+      const typeMap = {
+        'quality': '质量改判',
+        'specification': '规格改判',
+        'material': '材质改判',
+        'other': '其他改判'
+      }
+      return typeMap[type] || '改判记录'
+    },
+    
+    // 获取调拨类型文本
+    getTransferTypeText(type) {
+      const typeMap = {
+        'in': '入库调拨',
+        'out': '出库调拨',
+        'move': '库内调拨',
+        'return': '退货调拨'
+      }
+      return typeMap[type] || '调拨记录'
+    },
+    
+    // 格式化时间
+    formatTime(time) {
+      if (!time) return '-'
+      const date = new Date(time)
+      const year = date.getFullYear()
+      const month = String(date.getMonth() + 1).padStart(2, '0')
+      const day = String(date.getDate()).padStart(2, '0')
+      const hour = String(date.getHours()).padStart(2, '0')
+      const minute = String(date.getMinutes()).padStart(2, '0')
+      return `${year}-${month}-${day} ${hour}:${minute}`
+    },
+    
+    // 计算滚动区域高度
+    calcScrollHeight() {
+      const systemInfo = uni.getSystemInfoSync()
+      const windowHeight = systemInfo.windowHeight
+      const safeAreaBottom = systemInfo.safeAreaInsets?.bottom || 0
+      const tabBarHeight = 50 // TabBar高度
+      
+      // 弹窗最大高度为屏幕高度的80%，减去底部安全区域和TabBar
+      const popupMaxHeight = windowHeight * 0.8 - safeAreaBottom - tabBarHeight
+      
+      // 减去：弹窗头部(约60px) + Tab栏(约50px)
+      const headerHeight = 60
+      const tabHeight = 50
+      
+      this.scrollHeight = popupMaxHeight - headerHeight - tabHeight - 20 // 20px为底部padding
+      
+      console.log('计算滚动高度:', {
+        windowHeight,
+        safeAreaBottom,
+        tabBarHeight,
+        popupMaxHeight,
+        scrollHeight: this.scrollHeight
+      })
+    },
+    
+    // 加载更多改判记录
+    onLoadMoreChange() {
+      console.log('加载更多改判记录')
+      // 如果需要分页加载，可以在这里实现
+    },
+    
+    // 加载更多调拨记录
+    onLoadMoreTransfer() {
+      console.log('加载更多调拨记录')
+      // 如果需要分页加载，可以在这里实现
+    }
+  }
+}
+</script>
+
+<style scoped lang="scss">
+.popup-container {
+  background: #ffffff;
+  border-radius: 24rpx 24rpx 0 0;
+  max-height: 80vh;
+  display: flex;
+  flex-direction: column;
+  margin-bottom: constant(safe-area-inset-bottom);
+  margin-bottom: env(safe-area-inset-bottom);
+  
+  .popup-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 30rpx;
+    border-bottom: 1rpx solid #f0f0f0;
+    
+    .popup-title {
+      font-size: 32rpx;
+      font-weight: 600;
+      color: #333333;
+    }
+    
+    .popup-close {
+      font-size: 36rpx;
+      color: #999999;
+      padding: 10rpx;
+    }
+  }
+  
+  .popup-content {
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+    overflow: hidden;
+    
+    .tab-bar {
+      display: flex;
+      padding: 20rpx 30rpx;
+      border-bottom: 1rpx solid #f0f0f0;
+      
+      .tab-item {
+        flex: 1;
+        text-align: center;
+        padding: 20rpx 0;
+        position: relative;
+        
+        .tab-text {
+          font-size: 30rpx;
+          color: #666666;
+        }
+        
+        &.active {
+          .tab-text {
+            color: #1a73e8;
+            font-weight: 600;
+          }
+          
+          &::after {
+            content: '';
+            position: absolute;
+            bottom: 0;
+            left: 50%;
+            transform: translateX(-50%);
+            width: 60rpx;
+            height: 4rpx;
+            background: #1a73e8;
+            border-radius: 2rpx;
+          }
+        }
+      }
+    }
+    
+    .record-list {
+      flex: 1;
+      padding: 20rpx 30rpx;
+      overflow-y: auto;
+      -webkit-overflow-scrolling: touch;
+      
+      .empty-state {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        justify-content: center;
+        padding: 100rpx 0;
+        
+        .empty-icon {
+          font-size: 80rpx;
+          margin-bottom: 20rpx;
+        }
+        
+        .empty-text {
+          font-size: 28rpx;
+          color: #999999;
+        }
+      }
+      
+      .record-item {
+        background: #f8f8f8;
+        border-radius: 12rpx;
+        padding: 24rpx;
+        margin-bottom: 20rpx;
+        
+        .record-header {
+          display: flex;
+          justify-content: space-between;
+          align-items: flex-start;
+          margin-bottom: 16rpx;
+          padding-bottom: 16rpx;
+          border-bottom: 1rpx solid #eeeeee;
+          gap: 20rpx;
+          
+          .record-type {
+            font-size: 28rpx;
+            font-weight: 600;
+            color: #1a73e8;
+            flex: 1;
+            word-break: break-all;
+            line-height: 1.4;
+          }
+          
+          .record-time {
+            font-size: 24rpx;
+            color: #999999;
+            flex-shrink: 0;
+            white-space: nowrap;
+          }
+        }
+        
+        .record-body {
+          .record-row {
+            display: flex;
+            margin-bottom: 12rpx;
+            align-items: flex-start;
+            
+            &:last-child {
+              margin-bottom: 0;
+            }
+            
+            .label {
+              font-size: 26rpx;
+              color: #666666;
+              width: 140rpx;
+              flex-shrink: 0;
+              line-height: 1.5;
+            }
+            
+            .value {
+              font-size: 26rpx;
+              color: #333333;
+              flex: 1;
+              word-break: break-all;
+              word-wrap: break-word;
+              overflow-wrap: break-word;
+              line-height: 1.5;
+              
+              &.old {
+                color: #999999;
+                text-decoration: line-through;
+              }
+              
+              &.new {
+                color: #1a73e8;
+                font-weight: 500;
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+}
+</style>
diff --git a/apps/hand-factory/pages/todo/components/relabel-popup.vue b/apps/hand-factory/pages/todo/components/relabel-popup.vue
new file mode 100644
index 0000000..2437627
--- /dev/null
+++ b/apps/hand-factory/pages/todo/components/relabel-popup.vue
@@ -0,0 +1,222 @@
+<template>
+  <uni-popup ref="popup" type="center" :safe-area="true">
+    <view class="popup-container">
+      <view class="popup-header">
+        <text class="popup-title">重贴标签</text>
+        <text class="popup-close" @click="close">✕</text>
+      </view>
+      
+      <view class="popup-content">
+        <!-- 钢卷信息展示 -->
+        <view class="coil-info">
+          <view class="info-row">
+            <text class="label">入场钢卷号：</text>
+            <text class="value">{{ coilInfo.enterCoilNo || '-' }}</text>
+          </view>
+          <view class="info-row">
+            <text class="label">当前钢卷号：</text>
+            <text class="value highlight">{{ coilInfo.currentCoilNo || '-' }}</text>
+          </view>
+          <view class="info-row">
+            <text class="label">产品名称：</text>
+            <text class="value">{{ coilInfo.itemName || '-' }}</text>
+          </view>
+        </view>
+        
+        <!-- 操作人信息 -->
+        <view class="operator-info">
+          <text class="label">操作人：</text>
+          <text class="value">{{ operatorName }}</text>
+        </view>
+      </view>
+      
+      <view class="popup-footer">
+        <button class="btn btn-cancel" @click="close">取消</button>
+        <button class="btn btn-confirm" @click="handleConfirm" :disabled="loading">
+          {{ loading ? '提交中...' : '确认重贴' }}
+        </button>
+      </view>
+    </view>
+  </uni-popup>
+</template>
+
+<script>
+import { relabelCoil, completeTodoAction } from '@/api/wms/todo'
+
+export default {
+  name: 'RelabelPopup',
+  data() {
+    return {
+      loading: false,
+      coilInfo: {}
+    }
+  },
+  computed: {
+    operatorName() {
+      return this.$store.state.user.nickName || this.$store.state.user.name || '未知'
+    }
+  },
+  methods: {
+    open(coilInfo) {
+      this.coilInfo = coilInfo
+      this.$refs.popup.open()
+    },
+    close() {
+      this.$refs.popup.close()
+    },
+    async handleConfirm() {
+      this.loading = true
+      try {
+        // 1. 提交重贴标签操作
+        await relabelCoil({
+          coilId: this.coilInfo.coilId,
+          currentCoilNo: this.coilInfo.currentCoilNo,
+          operator: this.operatorName,
+          operateTime: new Date().toISOString()
+        })
+        
+        // 2. 完成待办操作
+        if (this.coilInfo.actionId) {
+          await completeTodoAction(this.coilInfo.actionId)
+        }
+        
+        uni.showToast({
+          title: '重贴标签成功',
+          icon: 'success'
+        })
+        
+        this.close()
+        this.$emit('success')
+      } catch (error) {
+        console.error('重贴标签失败:', error)
+        uni.showToast({
+          title: '操作失败，请重试',
+          icon: 'none'
+        })
+      } finally {
+        this.loading = false
+      }
+    }
+  }
+}
+</script>
+
+<style scoped lang="scss">
+.popup-container {
+  background: #ffffff;
+  border-radius: 16rpx;
+  width: 80vw;
+  max-width: 600rpx;
+  overflow: hidden;
+  
+  .popup-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 30rpx;
+    border-bottom: 1rpx solid #f0f0f0;
+    
+    .popup-title {
+      font-size: 32rpx;
+      font-weight: 600;
+      color: #333333;
+    }
+    
+    .popup-close {
+      font-size: 36rpx;
+      color: #999999;
+      padding: 10rpx;
+    }
+  }
+  
+  .popup-content {
+    padding: 30rpx;
+    
+    .coil-info {
+      background: #f8f8f8;
+      border-radius: 12rpx;
+      padding: 24rpx;
+      margin-bottom: 30rpx;
+      
+      .info-row {
+        display: flex;
+        margin-bottom: 16rpx;
+        
+        &:last-child {
+          margin-bottom: 0;
+        }
+        
+        .label {
+          font-size: 26rpx;
+          color: #666666;
+          width: 160rpx;
+          flex-shrink: 0;
+        }
+        
+        .value {
+          font-size: 26rpx;
+          color: #333333;
+          flex: 1;
+          
+          &.highlight {
+            color: #1a73e8;
+            font-weight: 500;
+          }
+        }
+      }
+    }
+    
+    .operator-info {
+      display: flex;
+      align-items: center;
+      padding-top: 20rpx;
+      border-top: 1rpx solid #f0f0f0;
+      
+      .label {
+        font-size: 26rpx;
+        color: #666666;
+      }
+      
+      .value {
+        font-size: 26rpx;
+        color: #333333;
+        font-weight: 500;
+      }
+    }
+  }
+  
+  .popup-footer {
+    display: flex;
+    padding: 20rpx 30rpx 40rpx;
+    gap: 20rpx;
+    
+    .btn {
+      flex: 1;
+      height: 88rpx;
+      line-height: 88rpx;
+      text-align: center;
+      border-radius: 8rpx;
+      font-size: 30rpx;
+      border: none;
+      
+      &::after {
+        border: none;
+      }
+      
+      &.btn-cancel {
+        background: #f5f5f5;
+        color: #666666;
+      }
+      
+      &.btn-confirm {
+        background: #1a73e8;
+        color: #ffffff;
+        
+        &:disabled {
+          opacity: 0.6;
+        }
+      }
+    }
+  }
+}
+</style>
diff --git a/apps/hand-factory/pages/todo/index.vue b/apps/hand-factory/pages/todo/index.vue
new file mode 100644
index 0000000..e7a0657
--- /dev/null
+++ b/apps/hand-factory/pages/todo/index.vue
@@ -0,0 +1,473 @@
+<template>
+  <view class="todo-container">
+    <!-- 自定义导航栏 -->
+    <view class="custom-nav-bar" :style="{ paddingTop: statusBarHeight + 'px' }">
+      <view class="nav-content">
+        <text class="nav-title">待办事项</text>
+      </view>
+    </view>
+    
+    <!-- Tab切换 -->
+    <view class="tab-bar">
+      <view 
+        v-for="tab in tabs" 
+        :key="tab.key"
+        class="tab-item"
+        :class="{ active: activeTab === tab.key }"
+        @click="handleTabChange(tab.key)"
+      >
+        <text class="tab-text">{{ tab.label }}</text>
+        <text v-if="tab.badge > 0" class="tab-badge">{{ tab.badge }}</text>
+      </view>
+    </view>
+    
+    <!-- 筛选栏 -->
+    <filter-bar 
+      :loading="loading" 
+      :total="total"
+      @search="handleSearch" 
+      @reset="handleReset" 
+    />
+    
+    <!-- 列表内容 -->
+    <scroll-view 
+      scroll-y 
+      class="list-container"
+      :refresher-enabled="true"
+      :refresher-triggered="refreshing"
+      @refresherrefresh="onRefresh"
+      @scrolltolower="onLoadMore"
+    >
+      <!-- 待贴标签列表 -->
+      <view v-if="activeTab === 'label'" class="coil-list">
+        <coil-card 
+          v-for="item in list" 
+          :key="item.actionId"
+          :data="item"
+          @relabel="handleRelabel"
+          @view-record="handleViewRecord"
+          @view-detail="handleViewDetail"
+        />
+      </view>
+      
+      <!-- 其他Tab占位 -->
+      <view v-else class="placeholder-page">
+        <text class="placeholder-icon">🚧</text>
+        <text class="placeholder-text">功能开发中</text>
+      </view>
+      
+      <!-- 空状态 -->
+      <view v-if="activeTab === 'label' && list.length === 0 && !loading" class="empty-state">
+        <text class="empty-icon">📭</text>
+        <text class="empty-text">暂无待办事项</text>
+      </view>
+      
+      <!-- 加载状态 -->
+      <view v-if="loading && list.length === 0" class="loading-state">
+        <uni-load-more status="loading" />
+      </view>
+      
+      <!-- 加载更多 -->
+      <view v-if="activeTab === 'label' && list.length > 0" class="load-more-wrapper" @click="onLoadMore">
+        <uni-load-more 
+          :status="loadMoreStatus"
+          :content-text="{ contentdown: '点击加载更多', contentrefresh: '加载中...', contentnomore: '没有更多了' }"
+        />
+      </view>
+    </scroll-view>
+    
+    <!-- 记录弹窗 -->
+    <record-popup ref="recordPopup" />
+    
+    <!-- 重贴标签弹窗 -->
+    <relabel-popup ref="relabelPopup" @success="handleRelabelSuccess" />
+  </view>
+</template>
+
+<script>
+import { listMaterialCoil } from '@/api/wms/coil'
+import FilterBar from './components/filter-bar.vue'
+import CoilCard from './components/coil-card.vue'
+import RecordPopup from './components/record-popup.vue'
+import RelabelPopup from './components/relabel-popup.vue'
+
+export default {
+  components: {
+    FilterBar,
+    CoilCard,
+    RecordPopup,
+    RelabelPopup
+  },
+  data() {
+    return {
+      statusBarHeight: 0,
+      tabs: [
+        { key: 'label', label: '待贴标签', badge: 0 },
+        { key: 'inspect', label: '检验任务', badge: 0 },
+        { key: 'approval', label: '质保书审批', badge: 0 },
+        { key: 'other', label: '其他代办', badge: 0 }
+      ],
+      activeTab: 'label',
+      list: [],
+      loading: false,
+      refreshing: false,
+      query: {
+        pageNum: 1,
+        pageSize: 10,
+        enterCoilNo: '',
+        currentCoilNo: '',
+        itemName: '',
+        itemSpecification: '',
+        itemMaterial: '',
+        itemManufacturer: '',
+        hasTransferType: true  // 待贴标签只显示有调拨类型的钢卷
+      },
+      total: 0
+    }
+  },
+  created() {
+    // 获取状态栏高度
+    const systemInfo = uni.getSystemInfoSync()
+    this.statusBarHeight = systemInfo.statusBarHeight || 0
+  },
+  computed: {
+    loadMoreStatus() {
+      if (this.loading) return 'loading'
+      if (this.list.length >= this.total) return 'noMore'
+      return 'more'
+    }
+  },
+  onLoad() {
+    this.fetchList()
+  },
+  methods: {
+    // 切换Tab
+    handleTabChange(key) {
+      this.activeTab = key
+      if (key === 'label') {
+        this.fetchList()
+      }
+    },
+    
+    // 获取列表数据
+    async fetchList(isLoadMore = false) {
+      if (this.loading) return
+      
+      this.loading = true
+      try {
+        console.log('开始获取列表，查询参数:', this.query)
+        const res = await listMaterialCoil(this.query)
+        console.log('获取列表响应:', res)
+        
+        const rows = res.rows || []
+        this.total = res.total || 0
+        
+        console.log('解析后的数据:', { rows, total: this.total })
+        
+        if (isLoadMore) {
+          this.list = [...this.list, ...rows]
+        } else {
+          this.list = rows
+        }
+        
+        // 更新待贴标签数量
+        const labelTab = this.tabs.find(t => t.key === 'label')
+        if (labelTab) {
+          labelTab.badge = this.total
+        }
+      } catch (error) {
+        console.error('获取列表失败:', error)
+        uni.showToast({
+          title: '获取数据失败: ' + (error.message || '未知错误'),
+          icon: 'none'
+        })
+      } finally {
+        this.loading = false
+        this.refreshing = false
+      }
+    },
+    
+    // 搜索
+    handleSearch(form) {
+      this.query = {
+        ...this.query,
+        ...form,
+        pageNum: 1
+      }
+      this.fetchList()
+    },
+    
+    // 重置
+    handleReset() {
+      this.query = {
+        pageNum: 1,
+        pageSize: 10,
+        enterCoilNo: '',
+        currentCoilNo: '',
+        itemName: '',
+        itemSpecification: '',
+        itemMaterial: '',
+        itemManufacturer: '',
+        hasTransferType: true
+      }
+      this.fetchList()
+    },
+    
+    // 下拉刷新
+    onRefresh() {
+      this.refreshing = true
+      this.query.pageNum = 1
+      this.fetchList()
+    },
+    
+    // 加载更多
+    onLoadMore() {
+      console.log('触发加载更多', {
+        listLength: this.list.length,
+        total: this.total,
+        loading: this.loading,
+        pageNum: this.query.pageNum
+      })
+      if (this.list.length >= this.total || this.loading) {
+        console.log('加载更多被阻止：已到最后一页或正在加载中')
+        return
+      }
+      this.query.pageNum++
+      console.log('加载第', this.query.pageNum, '页')
+      this.fetchList(true)
+    },
+    
+    // 重贴标签
+    handleRelabel(coilInfo) {
+      this.$refs.relabelPopup.open(coilInfo)
+    },
+    
+    // 重贴标签成功回调
+    handleRelabelSuccess() {
+      this.fetchList()
+    },
+    
+    // 查看记录
+    handleViewRecord(coilInfo) {
+      const coilId = coilInfo.coilId || coilInfo.materialCoilId
+      if (!coilId) {
+        uni.showToast({
+          title: '无法获取钢卷ID',
+          icon: 'none'
+        })
+        return
+      }
+      this.$refs.recordPopup.open(coilId)
+    },
+    
+    // 查看详情
+    handleViewDetail(coilInfo) {
+      const coilId = coilInfo.coilId || coilInfo.materialCoilId
+      if (!coilId) {
+        uni.showToast({
+          title: '无法获取钢卷ID',
+          icon: 'none'
+        })
+        return
+      }
+      uni.navigateTo({
+        url: `/pages/todo/coil-detail?coilId=${coilId}`
+      })
+    }
+  }
+}
+</script>
+
+<style scoped lang="scss">
+.todo-container {
+  min-height: 100vh;
+  background: #f5f7fa;
+  display: flex;
+  flex-direction: column;
+  
+  .custom-nav-bar {
+    background: #ffffff;
+    border-bottom: 1rpx solid #f0f0f0;
+    
+    .nav-content {
+      height: 88rpx;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      
+      .nav-title {
+        font-size: 34rpx;
+        font-weight: 600;
+        color: #333333;
+      }
+    }
+  }
+  
+  .tab-bar {
+    display: flex;
+    background: #ffffff;
+    padding: 0 10rpx;
+    border-bottom: 1rpx solid #f0f0f0;
+    overflow-x: auto;
+    -webkit-overflow-scrolling: touch;
+    scrollbar-width: none;
+    &::-webkit-scrollbar {
+      display: none;
+    }
+    
+    .tab-item {
+      flex: 0 0 auto;
+      min-width: 140rpx;
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      justify-content: center;
+      padding: 20rpx 16rpx;
+      position: relative;
+      
+      .tab-text {
+        font-size: 26rpx;
+        color: #666666;
+        white-space: nowrap;
+        line-height: 1.2;
+      }
+      
+      .tab-badge {
+        position: absolute;
+        top: 8rpx;
+        right: 8rpx;
+        min-width: 32rpx;
+        height: 32rpx;
+        line-height: 32rpx;
+        text-align: center;
+        background: #ff4d4f;
+        color: #ffffff;
+        font-size: 20rpx;
+        border-radius: 16rpx;
+        padding: 0 8rpx;
+      }
+      
+      &.active {
+        .tab-text {
+          color: #1a73e8;
+          font-weight: 600;
+        }
+        
+        &::after {
+          content: '';
+          position: absolute;
+          bottom: 0;
+          left: 50%;
+          transform: translateX(-50%);
+          width: 40rpx;
+          height: 4rpx;
+          background: #1a73e8;
+          border-radius: 2rpx;
+        }
+      }
+    }
+  }
+  
+  .list-container {
+    flex: 1;
+    padding: 20rpx;
+    box-sizing: border-box;
+    
+    .coil-list {
+      padding-bottom: 40rpx;
+    }
+    
+    .load-more-wrapper {
+      padding: 30rpx 0;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      
+      &:active {
+        opacity: 0.7;
+      }
+    }
+    
+    .placeholder-page {
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      justify-content: center;
+      padding: 200rpx 0;
+      
+      .placeholder-icon {
+        font-size: 120rpx;
+        margin-bottom: 30rpx;
+      }
+      
+      .placeholder-text {
+        font-size: 32rpx;
+        color: #999999;
+      }
+    }
+    
+    .empty-state {
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      justify-content: center;
+      padding: 200rpx 0;
+      
+      .empty-icon {
+        font-size: 120rpx;
+        margin-bottom: 30rpx;
+      }
+      
+      .empty-text {
+        font-size: 32rpx;
+        color: #999999;
+      }
+    }
+    
+    .loading-state {
+      padding: 100rpx 0;
+    }
+  }
+}
+
+/* 浏览器环境适配 */
+@media screen and (min-width: 768px) {
+  .todo-container {
+    max-width: 750rpx;
+    margin: 0 auto;
+    
+    .tab-bar {
+      .tab-item {
+        min-width: 160rpx;
+        
+        .tab-text {
+          font-size: 28rpx;
+        }
+      }
+    }
+  }
+}
+
+/* H5 浏览器特定样式 */
+/* #ifdef H5 */
+.todo-container {
+  .tab-bar {
+    .tab-item {
+      cursor: pointer;
+      
+      &:hover {
+        background: rgba(26, 115, 232, 0.05);
+      }
+    }
+  }
+  
+  .coil-card {
+    cursor: pointer;
+    
+    &:hover {
+      box-shadow: 0 6rpx 20rpx rgba(0, 0, 0, 0.1);
+    }
+  }
+}
+/* #endif */
+</style>
diff --git a/apps/hand-factory/static/images/tabbar/todo.png b/apps/hand-factory/static/images/tabbar/todo.png
new file mode 100644
index 0000000000000000000000000000000000000000..21e130d8e788d2ad97508c62ae7d65d618481b47
GIT binary patch
literal 4108
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
G{r><2moMf3

literal 0
HcmV?d00001

diff --git a/apps/hand-factory/static/images/tabbar/todo_.png b/apps/hand-factory/static/images/tabbar/todo_.png
new file mode 100644
index 0000000000000000000000000000000000000000..80b979c5a3356c09cf37f1ca742c0da982293448
GIT binary patch
literal 5008
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
a-+ox4z)NM}p*%Hd0~qR>BFnTL9{&eNattW|

literal 0
HcmV?d00001