From c46728c0eace6d30068fc4f15bd8a9f2e92208f2 Mon Sep 17 00:00:00 2001
From: qiankanghui <kanghui.qian@xujiesoft.com>
Date: Wed, 8 Jul 2026 13:55:48 +0800
Subject: [PATCH] =?UTF-8?q?feat(home):=20=E6=B7=BB=E5=8A=A0=E9=AA=8C?=
 =?UTF-8?q?=E8=B4=A7=E5=AE=A1=E6=A0=B8=E5=BE=85=E5=8A=9E=E5=8A=9F=E8=83=BD?=
 =?UTF-8?q?=E5=92=8CPO=E5=88=97=E8=A1=A8=E7=AD=9B=E9=80=89=E6=8E=92?=
 =?UTF-8?q?=E5=BA=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 在首页待办清单中添加验货请求审核卡片
- 实现验货审核待办数量统计和跳转功能
- 为验货申请列表添加PO号筛选搜索功能
- 实现CRD日期排序功能和重置筛选按钮
- 优化PO列表显示逻辑和数据过滤处理
- 修复待办清单标题错别字问题
---
 src/views/common/home.vue                     |  46 +++++++-
 .../inspection/inspectionRequestList.vue      | 102 +++++++++++++++++-
 src/views/modules/inspection/myTodoList.vue   |   2 +-
 3 files changed, 146 insertions(+), 4 deletions(-)

diff --git a/src/views/common/home.vue b/src/views/common/home.vue
index 4dbc565..d783513 100644
--- a/src/views/common/home.vue
+++ b/src/views/common/home.vue
@@ -5,7 +5,7 @@
     <div class="tech-backdrop">
       <div class="tech-frame">
         <header class="tech-header tech-header--simple">
-          <h1 class="tech-header__title">代办清单</h1>
+          <h1 class="tech-header__title">待办清单</h1>
         </header>
 
         <div class="home-reminders">
@@ -39,6 +39,16 @@
             <div class="home-reminder-card__count">{{ myPerformanceScoreCount }}</div>
             <div class="home-reminder-card__hint">{{ myPerformanceScoreCount > 0 ? '' : 'Null' }}</div>
           </div>
+          <div
+            v-show="homeTileShow.inspectionAudit"
+            class="home-reminder-card tech-card"
+            :class="{ 'is-clickable': inspectionAuditCount > 0, 'tech-card--active': inspectionAuditCount > 0 }"
+            @click="onInspectionAuditClick">
+            <div class="tech-card__grid" aria-hidden="true"></div>
+            <div class="home-reminder-card__title">Inspection Request Audit</div>
+            <div class="home-reminder-card__count">{{ inspectionAuditCount }}</div>
+            <div class="home-reminder-card__hint">{{ inspectionAuditCount > 0 ? '' : 'Null' }}</div>
+          </div>
         </div>
       </div>
     </div>
@@ -49,6 +59,7 @@
 import {searchSysLanguagePack} from "../../api/sysLanguage";
 import { supplierDocExpireReminder, supplierContractRequestExpireReminder } from '@/api/srm/srmSupplier.js'
 import { myPerformanceScoreReminder } from '@/api/supplierPerformance/myPerformanceEvaluateRequest.js'
+import { searchInspectionRequestHeaderList } from '@/api/inspection/inspectionRequestHeader.js'
 
 export default {
   data(){
@@ -59,10 +70,12 @@ export default {
       contractExpireReminderCount: 0,
       contractExpireReminderIds: [],
       myPerformanceScoreCount: 0,
+      inspectionAuditCount: 0,
       homeTileShow: {
         supplierDocExpire: true,
         contractRequestExpire: true,
         myPerformanceScore: true,
+        inspectionAudit: true,
       },
       /** 代办卡片悬停外圈脉冲（双环）；false 时无任何脉冲描边 */
       homeCardPulseEnabled: false,
@@ -78,6 +91,9 @@ export default {
     onMyPerformanceScoreClick () {
       this.goMyPerformanceScoreList()
     },
+    onInspectionAuditClick () {
+      this.goInspectionAuditList()
+    },
     loadDocExpireReminder () {
       const site = this.$store.state.user.site
       supplierDocExpireReminder({ site }).then(({ data }) => {
@@ -141,6 +157,26 @@ export default {
         }
       })
     },
+    loadInspectionAuditReminder () {
+      const site = this.$store.state.user.site
+      // 直接使用审核页面的查询接口，查询未审核的数据
+      const params = {
+        page: 1,
+        limit: 1, // 只需要知道有多少条，不需要加载全部数据
+        status: 'Confirmed', // 只查询已确认（待审核）的状态
+        site: site
+      }
+      searchInspectionRequestHeaderList(params).then(({ data }) => {
+        if (data && data.code === 0 && data.page) {
+          this.inspectionAuditCount = data.page.totalCount || 0
+        }
+      }).catch(() => {})
+    },
+    goInspectionAuditList () {
+      if (!this.inspectionAuditCount) return
+      // 跳转到验货申请审核页面
+      this.$router.push({ name: 'inspection-inspectionRequestAudit' })
+    },
     languageRefresh(){
       console.log("欢迎使用 旭捷管理系统!!!")
     },
@@ -180,6 +216,9 @@ export default {
     if (this.homeTileShow.myPerformanceScore) {
       this.loadMyPerformanceScoreReminder()
     }
+    if (this.homeTileShow.inspectionAudit) {
+      this.loadInspectionAuditReminder()
+    }
   },
   watch: {
     'homeTileShow.supplierDocExpire'(v) {
@@ -196,6 +235,11 @@ export default {
       if (v) {
         this.loadMyPerformanceScoreReminder()
       }
+    },
+    'homeTileShow.inspectionAudit'(v) {
+      if (v) {
+        this.loadInspectionAuditReminder()
+      }
     }
   },
 
diff --git a/src/views/modules/inspection/inspectionRequestList.vue b/src/views/modules/inspection/inspectionRequestList.vue
index 8bbc521..5221c32 100644
--- a/src/views/modules/inspection/inspectionRequestList.vue
+++ b/src/views/modules/inspection/inspectionRequestList.vue
@@ -237,8 +237,37 @@
         <!-- 步骤2：批量选择PO -->
         <div class="po-section">
           <div class="section-title">批量选择PO</div>
+
+          <!-- PO号筛选和排序工具栏 -->
+          <div class="po-toolbar">
+            <!-- 搜索框 + 按钮组放在一起 -->
+            <div style="display: flex; align-items: center; gap: 8px; flex: 0 0 auto;">
+              <!-- 搜索框 -->
+              <div style="width: 180px;">
+                <el-input
+                  v-model="poSearchKeyword"
+                  placeholder="请输入PO号筛选"
+                  size="mini"
+                  clearable
+                  @input="filterPoList">
+                  <i slot="prefix" class="el-input__icon el-icon-search"></i>
+                </el-input>
+              </div>
+
+              <!-- CRD日期排序按钮 -->
+              <el-button type="primary" icon="el-icon-sort" @click="toggleCrdSort">
+                CRD日期排序
+              </el-button>
+
+              <!-- 重置筛选按钮 -->
+              <el-button type="primary" @click="resetPoFilter" v-if="poSearchKeyword || crdSortOrder">
+                重置筛选
+              </el-button>
+            </div>
+          </div>
+
           <el-table
-            :data="poList"
+            :data="filteredPoList"
             border
             size="small"
             table-layout="fixed"
@@ -279,7 +308,8 @@
               header-align="center"
               align="center"
               width="160"
-            >
+              sortable
+              :sort-method="(a, b) => sortCrdDate(a, b)">
               <template slot-scope="scope">
                 <el-date-picker
                   v-model="scope.row.crd"
@@ -399,6 +429,9 @@ export default {
         ]
       },
       poList: [],
+      filteredPoList: [],
+      poSearchKeyword: '',
+      crdSortOrder: '',
       selectedPoList: [],
       // 上传相关
       uploadDialogVisible: false,
@@ -914,12 +947,15 @@ export default {
             shipMethod: item.shipMethod || '',// 运输方式
             crd: item.crd ? item.crd.split(' ')[0] : ''
           }))
+          this.filteredPoList = [...this.poList]
         } else {
           this.poList = []
+          this.filteredPoList = []
           this.$message.info('该供应商暂无可申请验货的PO')
         }
       }).catch(() => {
         this.poList = []
+        this.filteredPoList = []
         this.$message.error('加载PO列表失败')
       })
     },
@@ -929,6 +965,68 @@ export default {
       this.selectedPoList = selection
     },
 
+    // 筛选PO列表
+    filterPoList () {
+      let result = [...this.poList]
+
+      if (this.poSearchKeyword) {
+        const keyword = this.poSearchKeyword.toLowerCase()
+        result = result.filter(item =>
+          item.orderRef1 && item.orderRef1.toLowerCase().includes(keyword)
+        )
+      }
+
+      if (this.crdSortOrder) {
+        result.sort((a, b) => {
+          const dateA = a.crd || ''
+          const dateB = b.crd || ''
+
+          if (!dateA && !dateB) return 0
+          if (!dateA) return this.crdSortOrder === 'asc' ? -1 : 1
+          if (!dateB) return this.crdSortOrder === 'asc' ? 1 : -1
+
+          if (this.crdSortOrder === 'asc') {
+            return dateA.localeCompare(dateB)
+          } else {
+            return dateB.localeCompare(dateA)
+          }
+        })
+      }
+
+      this.filteredPoList = result
+    },
+
+    // 切换CRD日期排序
+    toggleCrdSort () {
+      if (!this.crdSortOrder) {
+        this.crdSortOrder = 'asc'
+      } else if (this.crdSortOrder === 'asc') {
+        this.crdSortOrder = 'desc'
+      } else {
+        this.crdSortOrder = ''
+      }
+      this.filterPoList()
+    },
+
+    // 重置筛选
+    resetPoFilter () {
+      this.poSearchKeyword = ''
+      this.crdSortOrder = ''
+      this.filteredPoList = [...this.poList]
+    },
+
+    // CRD日期排序方法
+    sortCrdDate (a, b) {
+      const dateA = a.crd || ''
+      const dateB = b.crd || ''
+
+      if (!dateA && !dateB) return 0
+      if (!dateA) return -1
+      if (!dateB) return 1
+
+      return dateA.localeCompare(dateB)
+    },
+
     // 验货数量变化
     handleInspectQtyChange (row, value) {
       console.log('验货数量变化：', row.orderRef1, value)
diff --git a/src/views/modules/inspection/myTodoList.vue b/src/views/modules/inspection/myTodoList.vue
index 1ca2366..07add48 100644
--- a/src/views/modules/inspection/myTodoList.vue
+++ b/src/views/modules/inspection/myTodoList.vue
@@ -2,7 +2,7 @@
   <div class="my-todo-container">
     <!-- 页面标题 -->
     <div class="page-header">
-      <h2 class="page-title">我的代办（QC人员）</h2>
+      <h2 class="page-title">我的待办（QC人员）</h2>
       <p class="page-desc">对于QC人员查看到自己的待验货的申请单</p>
     </div>