From e7711f4267b3dc986615b0ce4234b5bff7cc9257 Mon Sep 17 00:00:00 2001
From: qiankanghui <kanghui.qian@xujiesoft.com>
Date: Wed, 27 May 2026 13:10:11 +0800
Subject: [PATCH] =?UTF-8?q?feat(inspection):=20=E6=96=B0=E5=A2=9E=E5=BE=85?=
 =?UTF-8?q?=E5=8A=9E=E5=88=97=E8=A1=A8=E5=B9=B6=E4=BC=98=E5=8C=96=E6=8E=92?=
 =?UTF-8?q?=E7=A8=8B=E7=95=8C=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 新增 myTodoList.vue 页面实现 QC 人员待办功能
- 在 inspectionScheduleView.vue 中添加无数据提示状态
- 重构排程表单的 QC 人员选择逻辑，区分显示名称和提交用户名
- 添加路由参数监听功能，支持从待办页面跳转到申请单列表
- 优化多个检验模块的搜索表单项布局和样式
- 在申请单列表中实现 Excel 导出功能
- 移除主表格的红色背景样式标记
- 添加定时刷新机制确保待办数据实时更新
---
 .../inspection/com_inspectionScheduleView.vue |  96 +++--
 .../inspection/inspectionPendingList.vue      | 112 +++---
 .../inspection/inspectionRequestAudit.vue     |  12 +-
 .../inspection/inspectionRequestList.vue      |  50 ++-
 .../inspection/inspectionScheduleList.vue     |   6 +-
 src/views/modules/inspection/myTodoList.vue   | 336 ++++++++++++++++++
 6 files changed, 516 insertions(+), 96 deletions(-)
 create mode 100644 src/views/modules/inspection/myTodoList.vue

diff --git a/src/views/modules/inspection/com_inspectionScheduleView.vue b/src/views/modules/inspection/com_inspectionScheduleView.vue
index caa3856..9eb7f58 100644
--- a/src/views/modules/inspection/com_inspectionScheduleView.vue
+++ b/src/views/modules/inspection/com_inspectionScheduleView.vue
@@ -1,7 +1,15 @@
 <template>
   <div class="schedule-container">
-    <!-- 左侧：QC人员清单 -->
-    <div class="left-panel">
+    <!-- 无数据提示 -->
+    <div v-if="!hasSelectedData" class="empty-state">
+      <i class="el-icon-info" style="font-size: 48px; color: #c0c4cc;"></i>
+      <p style="color: #909399; margin-top: 16px;">请先在主表中选择需要排程的申请单</p>
+    </div>
+
+    <!-- 有数据时显示正常内容 -->
+    <template v-else>
+      <!-- 左侧：QC人员清单 -->
+      <div class="left-panel">
       <div class="panel-title">QC人员清单</div>
 
       <el-table
@@ -62,6 +70,7 @@
         </div>
       </div>
     </div>
+    </template>
 
     <!-- 排程弹窗 -->
     <el-dialog
@@ -74,20 +83,14 @@
         :model="scheduleForm"
         :rules="scheduleRules"
         ref="scheduleForm"
-        label-width="110px"
-        size="small">
-        <el-form-item label="QC人员：" prop="qcOperator">
-          <el-select
+        size="small"
+        label-position="top">
+        <el-form-item label="QC人员：">
+          <el-input
             v-model="scheduleForm.qcOperator"
-            placeholder="请选择QC人员"
-            style="width: 100%;">
-            <el-option
-              v-for="qc in qcList"
-              :key="qc.id"
-              :label="qc.qcName"
-              :value="qc.qcName">
-            </el-option>
-          </el-select>
+            disabled
+            style="width: 100px;">
+          </el-input>
         </el-form-item>
 
         <el-form-item label="计划验货日期：" prop="planStartDate">
@@ -166,15 +169,13 @@ export default {
       // 排程弹窗
       scheduleDialogVisible: false,
       scheduleForm: {
-        qcOperator: '',
+        qcOperator: '',  // 显示名称（用于展示）
+        qcUserName: '',  // 用户名（用于提交）
         planStartDate: '',
         planEndDate: '',
         remark: ''
       },
       scheduleRules: {
-        qcOperator: [
-          { required: true, message: '请选择QC人员', trigger: 'change' }
-        ],
         planStartDate: [
           { required: true, message: '请选择开始日期', trigger: 'change' }
         ]
@@ -182,6 +183,30 @@ export default {
     }
   },
 
+  computed: {
+    // 判断是否有选中的主表数据
+    hasSelectedData () {
+      return this.requestNos && this.requestNos.length > 0
+    }
+  },
+
+  watch: {
+    // 监听主表数据变化
+    requestNos: {
+      handler (newVal) {
+        if (newVal && newVal.length > 0) {
+          // 有数据时加载QC列表
+          this.loadQcList()
+        } else {
+          // 无数据时清空状态
+          this.selectedQc = null
+          this.scheduleDays = []
+        }
+      },
+      immediate: true
+    }
+  },
+
   methods: {
     // 加载QC人员列表
     loadQcList () {
@@ -221,35 +246,38 @@ export default {
     // qc: QC人员数据（从左侧表格点击排程按钮）
     openScheduleDialog (task, qc) {
       let requestNos = []
-      
+
       // 如果是从左侧QC表格点击排程按钮
       if (qc && !task) {
         // 优先使用父组件传入的requestNos（即当前选中行的申请单号）
         requestNos = this.requestNos || []
         // 自动选中当前QC
         this.scheduleForm.qcOperator = qc.qcName || qc.userName
+        this.scheduleForm.qcUserName = qc.userName
       } else if (task && task.requestNo) {
         // 从排程视图点击任务
         requestNos = [task.requestNo]
         this.scheduleForm.qcOperator = this.selectedQc ? this.selectedQc.qcName : ''
+        this.scheduleForm.qcUserName = this.selectedQc ? this.selectedQc.userName : ''
       } else {
         // 批量排程
         requestNos = this.requestNos || []
         this.scheduleForm.qcOperator = this.selectedQc ? this.selectedQc.qcName : ''
+        this.scheduleForm.qcUserName = this.selectedQc ? this.selectedQc.userName : ''
       }
-      
+
       if (requestNos.length === 0) {
         this.$message.warning('请先在主表中选择需要排程的申请单')
         return
       }
-      
+
       this.scheduleForm.requestNos = requestNos
-      
+
       // 重置表单
       this.scheduleForm.planStartDate = ''
       this.scheduleForm.planEndDate = ''
       this.scheduleForm.remark = ''
-      
+
       this.scheduleDialogVisible = true
     },
 
@@ -264,7 +292,7 @@ export default {
           }).then(() => {
             const params = {
               requestNos: this.scheduleForm.requestNos,
-              qcOperator: this.scheduleForm.qcOperator,
+              qcOperator: this.scheduleForm.qcUserName,  // 使用用户名提交
               planStartDate: this.scheduleForm.planStartDate,
               planEndDate: this.scheduleForm.planEndDate || this.scheduleForm.planStartDate,
               remark: this.scheduleForm.remark
@@ -308,7 +336,7 @@ export default {
         if (data.code === 0 && data.list) {
           // 生成未来10天的日期结构
           const days = this.generateNextDays(10)
-          
+
           // 将后端返回的数据按日期分组
           const tasksByDate = {}
           data.list.forEach(task => {
@@ -324,13 +352,13 @@ export default {
               planEndDate: task.planEndDate
             })
           })
-          
+
           // 将任务分配到对应的日期卡片中
           this.scheduleDays = days.map(day => ({
             ...day,
             tasks: tasksByDate[day.date] || []
           }))
-          
+
           console.log('加载排程数据成功:', this.scheduleDays)
         } else {
           this.$message.error(data.msg || '加载排程数据失败')
@@ -396,6 +424,18 @@ export default {
   display: flex;
   height: 100%;
   background: #fff;
+  position: relative;
+}
+
+// 空状态提示
+.empty-state {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  background: #fafafa;
 }
 
 // 左侧面板
diff --git a/src/views/modules/inspection/inspectionPendingList.vue b/src/views/modules/inspection/inspectionPendingList.vue
index 2c2b1d6..aa7ff38 100644
--- a/src/views/modules/inspection/inspectionPendingList.vue
+++ b/src/views/modules/inspection/inspectionPendingList.vue
@@ -9,7 +9,7 @@
           <el-input v-model="searchData.supplierNo" class="input-small" @keyup.enter.native="getMainData"/>
         </el-form-item>
         <el-form-item label="供应商名称">
-          <el-input v-model="searchData.supplierName" class="input-small" @keyup.enter.native="getMainData"/>
+          <el-input v-model="searchData.supplierName" class="input-small" style="width: 200px;" @keyup.enter.native="getMainData"/>
         </el-form-item>
 
         <el-form-item label="申请日期">
@@ -34,8 +34,8 @@
           <el-input v-model="searchData.createBy" class="input-small" @keyup.enter.native="getMainData"/>
         </el-form-item>
 
-        <el-form-item label="QC人员">
-          <el-input v-model="searchData.qcOperator" disabled class="input-small"/>
+        <el-form-item label="申请单号">
+          <el-input v-model="searchData.requestNo" class="input-small" @keyup.enter.native="getMainData"/>
         </el-form-item>
 
         <el-form-item label="建议验货日期">
@@ -45,13 +45,6 @@
             <el-date-picker v-model="searchData.needInspectDateEnd" type="date" value-format="yyyy-MM-dd" placeholder="结束" class="date-small"/>
           </div>
         </el-form-item>
-      </div>
-
-      <!-- 第三行 -->
-      <div class="search-row">
-        <el-form-item label="申请单号">
-          <el-input v-model="searchData.requestNo" class="input-small" @keyup.enter.native="getMainData"/>
-        </el-form-item>
 
         <el-form-item label="计划验货日期">
           <div class="date-range">
@@ -78,7 +71,6 @@
       highlight-current-row
       @row-click="changeData"
       v-loading="dataListLoading"
-      :row-class-name="mainTableRowClassName"
       style="margin-top: 0px; width: 100%;">
       <el-table-column
         v-for="(item,index) in columnArray1" :key="index"
@@ -408,10 +400,61 @@ export default {
       ]
     }
   },
+  watch: {
+    // 监听路由参数变化（用于从我的代办页面跳转时）
+    '$route.query': {
+      handler (newQuery, oldQuery) {
+        // 只有当路由参数发生变化时才重新查询（避免初始化时重复查询）
+        const hasChanges = newQuery.planStartDate !== (oldQuery && oldQuery.planStartDate) ||
+                          newQuery.planEndDate !== (oldQuery && oldQuery.planEndDate) ||
+                          newQuery.requestNo !== (oldQuery && oldQuery.requestNo) ||
+                          newQuery.supplierName !== (oldQuery && oldQuery.supplierName)
+
+        if (hasChanges && (newQuery.planStartDate || newQuery.requestNo || newQuery.supplierName)) {
+          // 设置日期筛选条件
+          if (newQuery.planStartDate && newQuery.planEndDate) {
+            this.searchData.planStartDate = newQuery.planStartDate
+            this.searchData.planEndDate = newQuery.planEndDate
+          }
+          // 设置申请单号筛选条件
+          if (newQuery.requestNo) {
+            this.searchData.requestNo = newQuery.requestNo
+          }
+          // 设置供应商名称筛选条件
+          if (newQuery.supplierName) {
+            this.searchData.supplierName = newQuery.supplierName
+          }
+          this.getMainData()
+        }
+      },
+      immediate: false
+    }
+  },
   mounted () {
     this.$nextTick(() => {
       this.height = (window.innerHeight - 220) / 2
       this.detailHeight = (window.innerHeight - 220) / 2
+
+      // 从路由参数获取筛选条件
+      const query = this.$route.query
+
+      // 设置日期筛选条件
+      if (query.planStartDate && query.planEndDate) {
+        this.searchData.planStartDate = query.planStartDate
+        this.searchData.planEndDate = query.planEndDate
+      }
+
+      // 设置申请单号筛选条件
+      if (query.requestNo) {
+        this.searchData.requestNo = query.requestNo
+      }
+
+      // 设置供应商名称筛选条件
+      if (query.supplierName) {
+        this.searchData.supplierName = query.supplierName
+      }
+
+      // 执行查询
       this.getMainData()
     })
   },
@@ -451,13 +494,13 @@ export default {
     getMainData () {
       this.searchData.limit = this.pageSize
       this.searchData.page = this.pageIndex
-      
+
       // 🔑 固定状态为"已排程"
       this.searchData.status = 'Scheduled'
-      
+
       // 🔑 固定QC人员为当前登录用户
       this.searchData.qcOperator = this.$store.state.user.name
-      
+
       this.dataListLoading = true
 
       searchInspectionRequestHeaderList(this.searchData).then(({ data }) => {
@@ -539,23 +582,10 @@ export default {
     viewDetail (row) {
       this.changeData(row)
       // 可以跳转到详情页面或展开详情
-    },
-
-    // 主表格行样式（验货申请中有数量修改时标红）
-    mainTableRowClassName ({ row }) {
-      if (row.hasModifiedQty === true || 
-          row.hasModifiedQty === 'true' || 
-          row.hasModifiedQty === 'Y' || 
-          row.hasModifiedQty === 'y' ||
-          row.hasModifiedQty === 1 || 
-          row.hasModifiedQty === '1') {
-        return 'modified-request-row'
-      }
-      return ''
     }
   },
   created () {
-    this.getMainData()
+    // 不在 created 中自动查询，等待 mounted 处理
   }
 }
 </script>
@@ -643,30 +673,4 @@ export default {
 /deep/ .customer-tab .el-tabs__content {
   padding: 5px !important;
 }
-
-/* 强制主表红色背景 */
-::v-deep .el-table__body tr.modified-request-row td {
-  background-color: #ff4d4f !important;
-  color: #ffffff !important;
-}
-
-/* 当前选中行也强制红色 */
-::v-deep .el-table__body tr.modified-request-row.current-row td {
-  background-color: #ff4d4f !important;
-  color: #ffffff !important;
-}
-
-/* hover状态 */
-::v-deep .el-table__body tr.modified-request-row:hover td {
-  background-color: #ff7875 !important;
-  color: #ffffff !important;
-}
-</style>
-
-<!-- 全局样式 - 仅对有 modified-request-row 类的行生效 -->
-<style lang="scss">
-.el-table__body tr.modified-request-row > td {
-  background-color: #ffe6e6 !important;
-  color: #333333 !important;
-}
 </style>
diff --git a/src/views/modules/inspection/inspectionRequestAudit.vue b/src/views/modules/inspection/inspectionRequestAudit.vue
index 55ce2af..83f1850 100644
--- a/src/views/modules/inspection/inspectionRequestAudit.vue
+++ b/src/views/modules/inspection/inspectionRequestAudit.vue
@@ -9,7 +9,7 @@
           <el-input v-model="searchData.supplierNo" class="input-small" @keyup.enter.native="getMainData"/>
         </el-form-item>
         <el-form-item label="供应商名称">
-          <el-input v-model="searchData.supplierName" class="input-small" @keyup.enter.native="getMainData"/>
+          <el-input v-model="searchData.supplierName" class="input-small" style="width: 200px;" @keyup.enter.native="getMainData"/>
         </el-form-item>
 
         <el-form-item label="申请日期">
@@ -39,7 +39,7 @@
           <el-input v-model="searchData.createBy" class="input-small" @keyup.enter.native="getMainData"/>
         </el-form-item>
 
-        <el-form-item label="建议验货日期">
+        <el-form-item label="建议验货日期" style="margin-left: 90px;">
           <div class="date-range">
             <el-date-picker v-model="searchData.needInspectDateStart" type="date" value-format="yyyy-MM-dd" placeholder="开始" class="date-small"/>
             <span class="split">-</span>
@@ -508,11 +508,11 @@ export default {
 
     // 主表格行样式（验货申请中有数量修改时标红）
     mainTableRowClassName ({ row }) {
-      if (row.hasModifiedQty === true || 
-          row.hasModifiedQty === 'true' || 
-          row.hasModifiedQty === 'Y' || 
+      if (row.hasModifiedQty === true ||
+          row.hasModifiedQty === 'true' ||
+          row.hasModifiedQty === 'Y' ||
           row.hasModifiedQty === 'y' ||
-          row.hasModifiedQty === 1 || 
+          row.hasModifiedQty === 1 ||
           row.hasModifiedQty === '1') {
         return 'modified-request-row'
       }
diff --git a/src/views/modules/inspection/inspectionRequestList.vue b/src/views/modules/inspection/inspectionRequestList.vue
index d0584f1..164803d 100644
--- a/src/views/modules/inspection/inspectionRequestList.vue
+++ b/src/views/modules/inspection/inspectionRequestList.vue
@@ -9,7 +9,7 @@
           <el-input v-model="searchData.supplierNo" class="input-small" @keyup.enter.native="getMainData"/>
         </el-form-item>
         <el-form-item label="供应商名称">
-          <el-input v-model="searchData.supplierName" class="input-small" @keyup.enter.native="getMainData"/>
+          <el-input v-model="searchData.supplierName" class="input-small" style="width: 200px;" @keyup.enter.native="getMainData"/>
         </el-form-item>
 
         <el-form-item label="申请日期">
@@ -44,10 +44,10 @@
 
         <el-form-item>
           <span style="cursor: pointer" slot="label" @click="getBaseList(2016, 'qcOperator')"><a href="#">QC人员</a></span>
-          <el-input v-model="searchData.qcOperator" class="input-small" @keyup.enter.native="getMainData"/>
+          <el-input v-model="searchData.qcOperator" class="input-small" style="width: 200px;" @keyup.enter.native="getMainData"/>
         </el-form-item>
 
-        <el-form-item label="建议验货日期">
+        <el-form-item label="建议验货日期" >
           <div class="date-range">
             <el-date-picker v-model="searchData.needInspectDateStart" type="date" value-format="yyyy-MM-dd" placeholder="开始" class="date-small"/>
             <span class="split">-</span>
@@ -114,7 +114,7 @@
           <el-link v-if="scope.row.status === '草稿' || scope.row.statusDb === 'Draft'"
                    style="cursor: pointer; color: #409EFF; margin-right: 10px;"
                    @click="confirmInspection(scope.row)">确认</el-link>
-          <el-link v-if="(scope.row.status === '草稿' || scope.row.statusDb === 'Draft') || 
+          <el-link v-if="(scope.row.status === '草稿' || scope.row.statusDb === 'Draft') ||
                          (scope.row.status === '已确认' || scope.row.statusDb === 'Confirmed')"
                    style="cursor: pointer; color: #F56C6C;"
                    @click="deleteInspectionRequest(scope.row)">删除</el-link>
@@ -362,6 +362,7 @@ import ComInspectionRequestDetailTab from './com_inspectionRequestDetailTab.vue'
 import ComInspectionRequestPoDetailTab from './com_inspectionRequestPoDetailTab.vue'
 import ComInspectionResultTab from './com_inspectionResultTab.vue'
 import ComInspectionRequestAttachmentTab from './com_inspectionRequestAttachmentTab.vue'
+import excel from '@/utils/excel-util.js'
 
 export default {
   components: {
@@ -1087,7 +1088,46 @@ export default {
 
     // 导出
     exportExcel () {
-      this.$message.info('导出功能开发中...')
+      console.log('开始导出...')
+      
+      // 生成文件名（使用原生 Date）
+      const now = new Date()
+      const year = now.getFullYear()
+      const month = String(now.getMonth() + 1).padStart(2, '0')
+      const day = String(now.getDate()).padStart(2, '0')
+      const hour = String(now.getHours()).padStart(2, '0')
+      const minute = String(now.getMinutes()).padStart(2, '0')
+      const second = String(now.getSeconds()).padStart(2, '0')
+      const exportName = `检验申请单${year}${month}${day}${hour}${minute}${second}`
+      
+      console.log('导出参数:', this.searchData)
+      
+      // 获取当前查询条件
+      const exportParams = {
+        ...this.searchData,
+        limit: -1,  // 导出全部数据
+        page: 1
+      }
+      
+      try {
+        excel.exportTable({
+          url: '/inspection/searchInspectionRequestHeaderList',
+          columnMapping: this.columnArray1,  // 使用表格列配置
+          mergeSetting: [],  // 不需要合并
+          params: exportParams,
+          fileName: exportName + '.xlsx',
+          rowFetcher: res => {
+            console.log('导出数据响应:', res)
+            return res.data.page.list
+          },  // 从响应中提取数据列表
+          columnFormatter: [],  // 不需要格式化
+          dropColumns: []  // 不需要剔除的列
+        })
+        console.log('导出请求已发送')
+      } catch (error) {
+        console.error('导出失败:', error)
+        this.$message.error('导出失败: ' + error.message)
+      }
     },
 
     // 确认验货申请
diff --git a/src/views/modules/inspection/inspectionScheduleList.vue b/src/views/modules/inspection/inspectionScheduleList.vue
index 1a997ac..9a5e110 100644
--- a/src/views/modules/inspection/inspectionScheduleList.vue
+++ b/src/views/modules/inspection/inspectionScheduleList.vue
@@ -9,7 +9,7 @@
           <el-input v-model="searchData.supplierNo" class="input-small" @keyup.enter.native="getMainData"/>
         </el-form-item>
         <el-form-item label="供应商名称">
-          <el-input v-model="searchData.supplierName" class="input-small" @keyup.enter.native="getMainData"/>
+          <el-input v-model="searchData.supplierName" class="input-small" style="width: 200px;" @keyup.enter.native="getMainData"/>
         </el-form-item>
 
         <el-form-item label="申请日期">
@@ -37,10 +37,10 @@
 
         <el-form-item>
           <span style="cursor: pointer" slot="label" @click="getBaseList(2016, 'qcOperator')"><a href="#">QC人员</a></span>
-          <el-input v-model="searchData.qcOperator" class="input-small" @keyup.enter.native="getMainData"/>
+          <el-input v-model="searchData.qcOperator" class="input-small" style="width: 200px;" @keyup.enter.native="getMainData"/>
         </el-form-item>
 
-        <el-form-item label="建议验货日期">
+        <el-form-item label="建议验货日期" >
           <div class="date-range">
             <el-date-picker v-model="searchData.needInspectDateStart" type="date" value-format="yyyy-MM-dd" placeholder="开始" class="date-small"/>
             <span class="split">-</span>
diff --git a/src/views/modules/inspection/myTodoList.vue b/src/views/modules/inspection/myTodoList.vue
new file mode 100644
index 0000000..6edcf39
--- /dev/null
+++ b/src/views/modules/inspection/myTodoList.vue
@@ -0,0 +1,336 @@
+<template>
+  <div class="my-todo-container">
+    <!-- 页面标题 -->
+    <div class="page-header">
+      <h2 class="page-title">我的代办（QC人员）</h2>
+      <p class="page-desc">对于QC人员查看到自己的待验货的申请单</p>
+    </div>
+
+    <!-- 日期卡片网格 -->
+    <div class="schedule-grid" v-loading="loading">
+      <div
+        v-for="day in scheduleDays"
+        :key="day.date"
+        class="schedule-card">
+        <div class="card-header">
+          <span class="date-label">{{ day.dateLabel }}</span>
+          <span class="date-weekday">{{ day.weekday }}</span>
+        </div>
+        <div class="card-body">
+          <div
+            v-for="task in day.tasks"
+            :key="task.requestNo"
+            class="task-item"
+            @click="handleTaskClick(task, day.date)">
+            <div class="task-no">单号：{{ task.requestNo }}</div>
+            <div class="task-supplier" :title="task.supplierName">{{ task.supplierName }}</div>
+            <div v-if="task.inspectAddress" class="task-address" :title="task.inspectAddress">
+              <i class="el-icon-location"></i> {{ task.inspectAddress }}
+            </div>
+          </div>
+          <div v-if="day.tasks.length === 0" class="empty-slot">
+            <span class="empty-text">暂无排程</span>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import { getScheduleView } from '@/api/inspection/inspectionRequestHeader.js'
+
+export default {
+  name: 'MyTodoList',
+
+  data () {
+    return {
+      scheduleDays: [],  // 排程日期数组（未来10天）
+      loading: false,  // 加载状态
+      refreshTimer: null  // 定时器
+    }
+  },
+
+  mounted () {
+    this.loadScheduleData()
+    // 每分钟刷新一次
+    this.refreshTimer = setInterval(() => {
+      this.loadScheduleData()
+    }, 60000)
+  },
+
+  beforeDestroy () {
+    // 清除定时器
+    if (this.refreshTimer) {
+      clearInterval(this.refreshTimer)
+      this.refreshTimer = null
+    }
+  },
+
+  methods: {
+    // 加载排程数据
+    loadScheduleData () {
+      this.loading = true
+
+      // 使用当前登录用户的用户名作为QC人员查询
+      const qcOperator = this.$store.state.user.name
+
+      getScheduleView(qcOperator).then(({ data }) => {
+        if (data.code === 0 && data.list) {
+          // 生成未来10天的日期结构
+          const days = this.generateNextDays(10)
+          
+          // 将后端返回的数据按日期分组
+          const tasksByDate = {}
+          data.list.forEach(task => {
+            const dateStr = this.formatDate(new Date(task.planStartDate))
+            if (!tasksByDate[dateStr]) {
+              tasksByDate[dateStr] = []
+            }
+            tasksByDate[dateStr].push({
+              requestNo: task.requestNo,
+              supplierName: task.supplierName,
+              inspectAddress: task.inspectAddress,
+              planStartDate: task.planStartDate,
+              planEndDate: task.planEndDate
+            })
+          })
+          
+          // 将任务分配到对应的日期卡片中
+          this.scheduleDays = days.map(day => ({
+            ...day,
+            tasks: tasksByDate[day.date] || []
+          }))
+          
+          console.log('加载排程数据成功:', this.scheduleDays)
+        } else {
+          // 即使失败也显示空白的日期卡片
+          this.scheduleDays = this.generateNextDays(10)
+        }
+      }).catch((error) => {
+        console.error('加载排程数据错误:', error)
+        // 即使失败也显示空白的日期卡片
+        this.scheduleDays = this.generateNextDays(10)
+      }).finally(() => {
+        this.loading = false
+      })
+    },
+
+    // 生成未来N天的日期数组
+    generateNextDays (days) {
+      const result = []
+      const today = new Date()
+      const weekdays = ['周日', '周一', '周二', '周三', '周四', '周五', '周六']
+
+      for (let i = 0; i < days; i++) {
+        const date = new Date(today)
+        date.setDate(today.getDate() + i)
+
+        const dateStr = this.formatDate(date)
+        const dateLabel = `${date.getMonth() + 1}/${date.getDate()}`
+        const weekday = weekdays[date.getDay()]
+
+        result.push({
+          date: dateStr,
+          dateLabel: dateLabel,
+          weekday: weekday,
+          tasks: []
+        })
+      }
+
+      return result
+    },
+
+    // 格式化日期为 yyyy-MM-dd
+    formatDate (date) {
+      const year = date.getFullYear()
+      const month = String(date.getMonth() + 1).padStart(2, '0')
+      const day = String(date.getDate()).padStart(2, '0')
+      return `${year}-${month}-${day}`
+    },
+
+    // 点击任务卡片
+    handleTaskClick (task, date) {
+      console.log('点击任务:', task, '日期:', date)
+      
+      // 跳转到待验货申请单页面，并传递任务信息
+      const query = {
+        planStartDate: date,
+        planEndDate: date
+      }
+      
+      // 如果有申请单号，传递过去
+      if (task.requestNo) {
+        query.requestNo = task.requestNo
+      }
+      
+      // 如果有供应商名称，传递过去
+      if (task.supplierName) {
+        query.supplierName = task.supplierName
+      }
+      
+      this.$router.push({
+        path: '/inspection-inspectionPendingList',
+        query: query
+      })
+    }
+  }
+}
+</script>
+
+<style scoped lang="scss">
+.my-todo-container {
+  padding: 20px;
+  background: #fff;
+  min-height: 100%;
+}
+
+// 页面标题
+.page-header {
+  margin-bottom: 20px;
+  
+  .page-title {
+    font-size: 20px;
+    font-weight: bold;
+    color: #303133;
+    margin: 0 0 8px 0;
+  }
+  
+  .page-desc {
+    font-size: 14px;
+    color: #909399;
+    margin: 0;
+  }
+}
+
+// 排程网格
+.schedule-grid {
+  display: grid;
+  grid-template-columns: repeat(5, 1fr);
+  grid-template-rows: repeat(2, 1fr);
+  gap: 15px;
+  min-height: 600px;
+}
+
+// 排程卡片
+.schedule-card {
+  border: 2px solid #dcdfe6;
+  border-radius: 4px;
+  background: #fff;
+  display: flex;
+  flex-direction: column;
+  min-height: 180px;
+  transition: all 0.3s;
+
+  &:hover {
+    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
+  }
+
+  .card-header {
+    padding: 10px 12px;
+    background: #f5f7fa;
+    border-bottom: 2px solid #dcdfe6;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+
+    .date-label {
+      font-size: 18px;
+      font-weight: bold;
+      color: #303133;
+    }
+
+    .date-weekday {
+      font-size: 13px;
+      color: #909399;
+    }
+  }
+
+  .card-body {
+    flex: 1;
+    padding: 10px;
+    overflow-y: auto;
+    display: flex;
+    flex-direction: column;
+    gap: 8px;
+  }
+}
+
+// 任务项
+.task-item {
+  padding: 10px;
+  background: #f5f7fa;
+  border: 1px solid #dcdfe6;
+  border-radius: 3px;
+  cursor: pointer;
+  transition: all 0.3s;
+
+  &:hover {
+    background: #ecf5ff;
+    border-color: #409eff;
+    box-shadow: 0 2px 8px rgba(64, 158, 255, 0.2);
+    transform: translateY(-2px);
+  }
+
+  .task-no {
+    font-size: 13px;
+    font-weight: bold;
+    color: #409eff;
+    margin-bottom: 5px;
+  }
+
+  .task-supplier {
+    font-size: 12px;
+    color: #606266;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    margin-bottom: 4px;
+  }
+
+  .task-address {
+    font-size: 11px;
+    color: #909399;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+
+    i {
+      margin-right: 3px;
+    }
+  }
+}
+
+// 空白占位
+.empty-slot {
+  flex: 1;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  min-height: 80px;
+
+  .empty-text {
+    color: #c0c4cc;
+    font-size: 13px;
+  }
+}
+
+// 滚动条样式
+::-webkit-scrollbar {
+  width: 6px;
+  height: 6px;
+}
+
+::-webkit-scrollbar-thumb {
+  background: #c0c4cc;
+  border-radius: 3px;
+
+  &:hover {
+    background: #909399;
+  }
+}
+
+::-webkit-scrollbar-track {
+  background: #f5f7fa;
+}
+</style>