feat(automatedWarehouse): 添加通知详情查询页面的强制完成功能

- 新增 closeNotifyTask API 接口用于关闭申请单任务
- 在通知详情查询表格中添加操作列，显示强制完成按钮
- 只有推送WCS=是且立库取出=否的数据才显示关闭按钮
- 实现 closeTask 方法处理强制完成逻辑
- 添加确认对话框防止误操作
- 调用接口更新 transport_flag 为 'Y' 并解除栈板调用状态
- 完成后刷新列表并显示成功消息
- 使用 $nextTick 确保表格高度计算正确

src/api/automatedWarehouse/notifyDetailQuery.js

@@ -15,3 +15,10 @@ export const searchNotifyOrderList = data => createAPI('/automatedWarehouse/noti
  */
 export const searchMaterialListDetail = data => createAPI('/automatedWarehouse/notifyDetailQuery/searchMaterialListDetail', 'post', data)
 
+// ========== 业务操作 ========== - rqrq
+
+/**
+ * 关闭申请单任务 - rqrq
+ * 功能：更新transport_flag为'Y'，解除栈板调用状态
+ */
+export const closeNotifyTask = data => createAPI('/automatedWarehouse/notifyDetailQuery/closeNotifyTask', 'post', data)

src/views/modules/automatedWarehouse/notifyDetailQuery.vue

@@ -78,6 +78,21 @@
           <span v-else-if="!item.columnHidden">{{ scope.row[item.columnProp] }}</span>
         </template>
       </el-table-column>
+
+      <!-- 操作列 - rqrq -->
+      <el-table-column header-align="center" align="center" width="120" label="操作" fixed="right">
+        <template slot-scope="scope">
+          <!-- 只有推送WCS=是且立库取出=否的数据才显示关闭按钮 - rqrq -->
+          <a
+            v-if="scope.row.pushWmsFlag === 'Y' && scope.row.transportFlag === 'N'"
+            type="text"
+            @click="closeTask(scope.row)"
+            style="color: #F56C6C;">
+            强制完成
+          </a>
+          <span v-else style="color: #C0C4CC;">-</span>
+        </template>
+      </el-table-column>
     </el-table>
 
     <!-- 分页 - rqrq -->
@@ -137,7 +152,8 @@
 <script>
 import {
   searchNotifyOrderList,
-  searchMaterialListDetail
+  searchMaterialListDetail,
+  closeNotifyTask
 } from '@/api/automatedWarehouse/notifyDetailQuery.js'
 
 export default {
@@ -149,6 +165,7 @@ export default {
       activeName: 'labelDetail',
       dataListLoading: false,
       detailLoading: false,
+      closeTaskLoading: false, // 关闭任务loading - rqrq
       dataList: [],
       detailList: [],
       currentRow: null,
@@ -612,8 +629,10 @@ export default {
   },
   mounted() {
     // 计算表格高度 - rqrq
+    this.$nextTick(() => {
       this.height = (window.innerHeight - 280) / 2
       this.detailHeight = (window.innerHeight - 280) / 2
+    })
   },
   methods: {
     // 获取订单类型颜色 - rqrq
@@ -700,6 +719,44 @@ export default {
     currentChangeHandle(val) {
       this.pageIndex = val
       this.searchTable()
+    },
+    // 关闭任务 - rqrq
+    closeTask(row) {
+      // 再次确认
+      this.$confirm('确认强制完成此任务？完成后将更新立库取出为"是"，并解除相关栈板的调用状态。', '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      }).then(() => {
+        this.closeTaskLoading = true
+        const params = {
+          site: row.site,
+          notifyNo: row.notifyNo,
+          itemNo: row.itemNo,  // 主键：行号 - rqrq
+          soorderNo: row.soorderNo  // 用于匹配栈板remark - rqrq
+        }
+        closeNotifyTask(params).then(({ data }) => {
+          if (data && data.code === 0) {
+            // 显示成功消息（包含解除的栈板列表）- rqrq
+            this.$message({
+              message: data.msg || '强制完成成功',
+              type: 'success',
+              duration: 5000,
+              showClose: true
+            })
+            // 刷新列表
+            this.searchTable()
+          } else {
+            this.$alert(data.msg || '强制完成失败', '错误', { confirmButtonText: '确定' })
+          }
+        }).catch((error) => {
+          this.$message.error('强制完成失败')
+        }).finally(() => {
+          this.closeTaskLoading = false
+        })
+      }).catch(() => {
+        // 用户取消
+      })
     }
   }
 }