feat(noOrderIssue): 添加目的地选择和自动保存功能

- 在无订单通知界面添加目的地下拉选择组件
- 实现目的地修改后的自动保存功能
- 添加三个新的API接口用于更新目的地、获取明细信息和区域选项
- 在预览对话框打开时并行加载库存数据、明细信息和区域下拉框数据
- 实现目的地编辑权限控制（仅shoporder类型可编辑）
- 添加目的地更新状态提示和错误处理机制
- 实现推送WCS前的目的地保存状态检查

src/api/orderIssure/noOrderIssueNotify.js

@@ -15,3 +15,14 @@ export const uploadNoorderNotifyExcel = data => createAPI(`/orderIssure/issureNo
 
 // 上传报废Excel并查询库存信息 - rqrq
 export const uploadBaoFeiExcel = data => createAPI(`/orderIssure/issureNotify/uploadBaoFeiExcel`,'post',data)
+
+// ==================== 推送WCS相关 - rqrq ====================
+
+// 更新申请单明细的目的地 - rqrq
+export const updateProductionArea = data => createAPI(`/orderIssure/issureNotify/updateProductionArea`,'post',data)
+
+// 获取第一条申请单明细的信息 - rqrq
+export const getFirstOrderListDetail = data => createAPI(`/orderIssure/issureNotify/getFirstOrderListDetail`,'post',data)
+
+// 获取可选区域列表（用于目的地下拉框）- rqrq
+export const getAreaOptionsForChange = data => createAPI(`/wcsIntegration/getAreaOptionsForChange`,'post',data)

src/views/modules/automatedWarehouse/palletMergeQuery.vue

@@ -18,6 +18,15 @@
             </el-option>
           </el-select>
         </el-form-item>
+        <!-- 最大已用数量查询条件 - rqrq -->
+        <el-form-item label="最大已用数量">
+          <el-input
+            v-model="searchData.maxPositionCount"
+            placeholder="请输入"
+            style="width: 120px" type="number"
+           >
+          </el-input>
+        </el-form-item>
         <el-form-item :label="' '">
           <el-button type="primary" @click="searchTable()" :disabled="!searchData.palletType">查询</el-button>
         </el-form-item>
@@ -74,6 +83,17 @@
       </el-table-column>
     </el-table>
 
+    <!-- 分页组件 - rqrq -->
+    <el-pagination
+      @size-change="sizeChangeHandle"
+      @current-change="currentChangeHandle"
+      :current-page="pageIndex"
+      :page-sizes="[20, 50, 100, 1000]"
+      :page-size="pageSize"
+      :total="totalPage"
+      layout="total, sizes, prev, pager, next, jumper">
+    </el-pagination>
+
   </div>
 </template>
 
@@ -93,9 +113,16 @@ export default {
       submitLoading: false,
       selectedRows: [],
       palletTypeOptions: [],
+      // 分页参数 - rqrq
+      pageIndex: 1,
+      pageSize: 20,
+      totalPage: 0,
       searchData: {
         site: this.$store.state.user.site || '55',
-        palletType: ''
+        palletType: '',
+        maxPositionCount: null,  // 最大已用数量 - rqrq
+        page: 1,
+        limit: 20
       },
       // 表格列配置 - rqrq
       columnList: [
@@ -236,6 +263,8 @@ export default {
     handlePalletTypeChange() {
       this.dataList = []
       this.selectedRows = []
+      this.totalPage = 0
+      this.pageIndex = 1
       if (this.$refs.mainTable) {
         this.$refs.mainTable.clearSelection()
       }
@@ -254,10 +283,24 @@ export default {
         this.$refs.mainTable.clearSelection()
       }
 
+      // 设置分页参数 - rqrq
+      this.searchData.page = this.pageIndex
+      this.searchData.limit = this.pageSize
+
       searchPalletMergeList(this.searchData).then(({ data }) => {
         this.dataListLoading = false
         if (data && data.code == 0) {
+          // 支持分页返回格式 - rqrq
+          if (data.page) {
+            this.dataList = data.page.list || []
+            this.pageIndex = data.page.currPage
+            this.pageSize = data.page.pageSize
+            this.totalPage = data.page.totalCount
+          } else {
+            // 兼容旧的非分页返回格式 - rqrq
             this.dataList = data.rows || []
+            this.totalPage = this.dataList.length
+          }
           if (this.dataList.length === 0) {
             this.$message({
               message: '没有找到需要合托的托盘',
@@ -267,14 +310,27 @@ export default {
           }
         } else {
           this.dataList = []
+          this.totalPage = 0
           this.$alert(data.msg || '查询失败', '错误', { confirmButtonText: '确定' })
         }
       }).catch(() => {
         this.dataListLoading = false
         this.dataList = []
+        this.totalPage = 0
         this.$message.error('查询失败')
       })
     },
+    // 每页条数变化 - rqrq
+    sizeChangeHandle(val) {
+      this.pageSize = val
+      this.pageIndex = 1
+      this.searchTable()
+    },
+    // 当前页变化 - rqrq
+    currentChangeHandle(val) {
+      this.pageIndex = val
+      this.searchTable()
+    },
     // 行点击选中/取消选中 - rqrq
     handleRowClick(row) {
       this.$refs.mainTable.toggleRowSelection(row)
@@ -341,4 +397,3 @@ export default {
   margin-right: 4px;
 }
 </style>
-

src/views/modules/automatedWarehouse/sopManagement.vue

@@ -50,31 +50,6 @@
         </el-select>
       </el-form-item>
 
-      <el-form-item label="按钮/功能">
-        <el-select 
-          v-model="queryData.functionButton" 
-          placeholder="全部按钮" 
-          style="width: 150px" 
-          filterable
-          clearable>
-          <el-option label="全部按钮" value=""></el-option>
-          <el-option
-            v-for="item in buttonOptions"
-            :key="item"
-            :label="item"
-            :value="item">
-          </el-option>
-        </el-select>
-      </el-form-item>
-
-      <el-form-item label="错误类型">
-        <el-select v-model="queryData.searchErrorType" placeholder="请选择" style="width: 100px" clearable>
-          <el-option label="全部" value=""></el-option>
-          <el-option label="后端" value="BACKEND"></el-option>
-          <el-option label="前端" value="FRONTEND"></el-option>
-        </el-select>
-      </el-form-item>
-
       <el-form-item label="错误信息">
         <el-input v-model="queryData.searchErrorMessage" style="width: 180px" placeholder="错误信息关键字" clearable></el-input>
       </el-form-item>
@@ -86,7 +61,7 @@
     </el-form>
 
     <!-- 当前选中页面信息 - rqrq -->
-    <div v-if="currentUrlConfig" class="url-info-card">
+    <div v-if="false" class="url-info-card">
       <el-card shadow="never">
         <div slot="header" class="clearfix">
           <span>
@@ -117,33 +92,27 @@
 
       <el-table-column prop="seqNo" label="序号" width="60" header-align="center" align="center"></el-table-column>
 
-      <el-table-column prop="errorMessage" label="错误信息" min-width="280" header-align="center" show-overflow-tooltip>
+      <el-table-column prop="errorMessage" label="错误信息" min-width="300" header-align="center" show-overflow-tooltip>
         <template slot-scope="scope">
           <span style="color: #F56C6C">{{ scope.row.errorMessage }}</span>
         </template>
       </el-table-column>
 
-      <el-table-column prop="errorType" label="类型" width="80" header-align="center" align="center">
-        <template slot-scope="scope">
-          <el-tag :type="scope.row.errorType === 'BACKEND' ? 'warning' : 'info'" size="mini">
-            {{ scope.row.errorType === 'BACKEND' ? '后端' : '前端' }}
-          </el-tag>
-        </template>
-      </el-table-column>
+<!--      <el-table-column prop="errorType" label="类型" width="80" header-align="center" align="center">-->
+<!--        <template slot-scope="scope">-->
+<!--          <el-tag :type="scope.row.errorType === 'BACKEND' ? 'warning' : 'info'" size="mini">-->
+<!--            {{ scope.row.errorType === 'BACKEND' ? '后端' : '前端' }}-->
+<!--          </el-tag>-->
+<!--        </template>-->
+<!--      </el-table-column>-->
 
-      <el-table-column prop="errorSource" label="错误来源" width="180" header-align="center" show-overflow-tooltip>
-        <template slot-scope="scope">
-          <span style="color: #909399; font-size: 12px">{{ scope.row.errorSource }}</span>
-        </template>
-      </el-table-column>
-
-      <el-table-column prop="defaultSolution" label="默认处理方式" min-width="220" header-align="center" show-overflow-tooltip>
+      <el-table-column prop="defaultSolution" label="默认处理方式" min-width="250" header-align="center" show-overflow-tooltip>
         <template slot-scope="scope">
           <span style="color: #67C23A">{{ scope.row.defaultSolution || '-' }}</span>
         </template>
       </el-table-column>
 
-      <el-table-column prop="userSolution" label="用户补充处理方式" min-width="220" header-align="center" show-overflow-tooltip>
+      <el-table-column prop="userSolution" label="用户补充处理方式" min-width="250" header-align="center" show-overflow-tooltip>
         <template slot-scope="scope">
           <span style="color: #409EFF">{{ scope.row.userSolution || '-' }}</span>
         </template>
@@ -201,7 +170,7 @@
         <el-row style="margin-top: 52px">
           <el-col :span="24">
             <el-form-item label="默认处理方式">
-              <el-input type="textarea" :rows="4" resize="none" v-model="editForm.defaultSolution" placeholder="请输入默认处理方式"></el-input>
+              <el-input type="textarea" :rows="4" resize="none" v-model="editForm.defaultSolution" readonly></el-input>
             </el-form-item>
           </el-col>
         </el-row>
@@ -231,7 +200,6 @@ import {
   getModuleListByPlatform,
   getPageListByPlatformAndModule,
   getErrorDetailList,
-  getFunctionButtonsByUrl,
   updateErrorDetail
 } from "@/api/sys/sop.js"
 
@@ -245,14 +213,11 @@ export default {
       platformOptions: [],
       moduleOptions: [],
       pageOptions: [],
-      buttonOptions: [],
       currentUrlConfig: null,
       queryData: {
         platform: '',
         moduleName: '',
         url: '',
-        functionButton: '',
-        searchErrorType: '',
         searchErrorMessage: '',
         page: 1,
         limit: 20
@@ -274,57 +239,91 @@ export default {
     }
   },
   mounted() {
-    this.height = window.innerHeight - 320
+    // 使用nextTick确保DOM渲染完成后设置高度 - rqrq
+    this.$nextTick(() => {
+      this.height = window.innerHeight - 220
+    })
     this.loadPlatformOptions()
   },
   methods: {
+    // 加载平台列表，默认选中PC - rqrq
     loadPlatformOptions() {
       getPlatformList({}).then(({ data }) => {
         if (data && data.code == 0) {
           this.platformOptions = data.rows || []
+          // 默认选中PC，如果没有PC则选中第一个 - rqrq
+          if (this.platformOptions.includes('PC')) {
+            this.queryData.platform = 'PC'
+          } else if (this.platformOptions.length > 0) {
+            this.queryData.platform = this.platformOptions[0]
+          }
+          // 加载模块列表
+          if (this.queryData.platform) {
+            this.loadModuleOptions(this.queryData.platform, true)
+          }
+        }
+      })
+    },
+    // 加载模块列表 - rqrq
+    loadModuleOptions(platform, selectFirst) {
+      getModuleListByPlatform({ platform: platform }).then(({ data }) => {
+        if (data && data.code == 0) {
+          this.moduleOptions = data.rows || []
+          // 默认选中第一个模块 - rqrq
+          if (selectFirst && this.moduleOptions.length > 0) {
+            this.queryData.moduleName = this.moduleOptions[0]
+            this.loadPageOptions(platform, this.queryData.moduleName, true)
+          }
         }
       })
     },
+    // 加载功能页面列表 - rqrq
+    loadPageOptions(platform, moduleName, selectFirst) {
+      getPageListByPlatformAndModule({
+        platform: platform,
+        moduleName: moduleName
+      }).then(({ data }) => {
+        if (data && data.code == 0) {
+          this.pageOptions = data.rows || []
+          // 默认选中第一个功能页面 - rqrq
+          if (selectFirst && this.pageOptions.length > 0) {
+            this.queryData.url = this.pageOptions[0].url
+            this.currentUrlConfig = this.pageOptions[0]
+            this.getDataList()
+          }
+        }
+      })
+    },
+    // 平台变化处理 - rqrq
     handlePlatformChange(platform) {
       this.queryData.moduleName = ''
       this.queryData.url = ''
       this.moduleOptions = []
       this.pageOptions = []
-      this.buttonOptions = []
       this.currentUrlConfig = null
       this.dataList = []
       this.totalPage = 0
       if (platform) {
-        getModuleListByPlatform({ platform: platform }).then(({ data }) => {
-          if (data && data.code == 0) {
-            this.moduleOptions = data.rows || []
-          }
-        })
+        // 加载模块列表并默认选中第一个 - rqrq
+        this.loadModuleOptions(platform, true)
       }
     },
+    // 模块变化处理 - rqrq
     handleModuleChange(moduleName) {
       this.queryData.url = ''
       this.pageOptions = []
-      this.buttonOptions = []
       this.currentUrlConfig = null
       this.dataList = []
       this.totalPage = 0
       if (moduleName) {
-        getPageListByPlatformAndModule({ 
-          platform: this.queryData.platform, 
-          moduleName: moduleName 
-        }).then(({ data }) => {
-          if (data && data.code == 0) {
-            this.pageOptions = data.rows || []
-          }
-        })
+        // 加载功能页面列表并默认选中第一个 - rqrq
+        this.loadPageOptions(this.queryData.platform, moduleName, true)
       }
     },
+    // 功能页面变化处理 - rqrq
     handlePageChange(url) {
-      this.buttonOptions = []
       if (url) {
         this.currentUrlConfig = this.pageOptions.find(item => item.url === url)
-        this.loadButtonOptions(url)
         this.getDataList()
       } else {
         this.currentUrlConfig = null
@@ -332,13 +331,7 @@ export default {
         this.totalPage = 0
       }
     },
-    loadButtonOptions(url) {
-      getFunctionButtonsByUrl({ url: url }).then(({ data }) => {
-        if (data && data.code == 0) {
-          this.buttonOptions = data.rows || []
-        }
-      })
-    },
+    // 查询数据 - rqrq
     getDataList() {
       if (!this.queryData.url) {
         this.$message.warning('请先选择功能页面')
@@ -362,25 +355,13 @@ export default {
         this.$alert('查询失败', '错误', { confirmButtonText: '确定' })
       })
     },
+    // 重置查询 - rqrq
     resetQuery() {
-      this.queryData = {
-        platform: '',
-        moduleName: '',
-        url: '',
-        functionButton: '',
-        searchErrorType: '',
-        searchErrorMessage: '',
-        page: 1,
-        limit: 20
-      }
-      this.moduleOptions = []
-      this.pageOptions = []
-      this.buttonOptions = []
-      this.currentUrlConfig = null
-      this.dataList = []
-      this.totalPage = 0
+      this.queryData.searchErrorMessage = ''
       this.pageIndex = 1
+      this.getDataList()
     },
+    // 编辑处理方式 - rqrq
     editSolution(row) {
       this.editForm = {
         url: row.url,
@@ -394,6 +375,7 @@ export default {
       }
       this.editDialogVisible = true
     },
+    // 保存处理方式 - rqrq
     saveSolution() {
       this.saveLoading = true
       const updateData = {
@@ -420,11 +402,13 @@ export default {
         this.saveLoading = false
       })
     },
+    // 分页 - 每页条数变化 - rqrq
     sizeChangeHandle(val) {
       this.pageSize = val
       this.pageIndex = 1
       this.getDataList()
     },
+    // 分页 - 当前页变化 - rqrq
     currentChangeHandle(val) {
       this.pageIndex = val
       this.getDataList()

src/views/modules/noOrderIssue/noOrderNotification.vue

@@ -218,6 +218,31 @@
       :close-on-click-modal="false"
       v-drag
       width="95%">
+      <!-- rqrq - 目的地显示/编辑区域 -->
+      <el-form :inline="true" label-position="left" style="margin-bottom: 10px;">
+        <el-form-item label="单据目的地：" style="margin-bottom: 0;">
+          <el-select
+            v-if="isDestinationEditable"
+            v-model="currentProductionArea"
+            placeholder="请选择目的地"
+            style="width: 300px;"
+            filterable
+            :disabled="previewLoading || destinationUpdating"
+            @change="onProductionAreaChange">
+            <el-option
+              v-for="item in areaOptions"
+              :key="item.areaId"
+              :label="item.areaId + ' - ' + item.areaDesc"
+              :value="item.areaId">
+            </el-option>
+          </el-select>
+          <span v-if="destinationUpdating" style="margin-left: 10px; color: #409EFF;">保存中...</span>
+          <span v-else-if="isDestinationEditable" style="margin-left: 10px; color: #909399; font-size: 12px;">（修改后自动保存）</span>
+          <span v-if="!isDestinationEditable" style="font-weight: bold;">
+            {{ getAreaDisplayText(currentProductionArea) }}
+          </span>
+        </el-form-item>
+      </el-form>
       <el-table
         :data="previewData"
         border
@@ -719,7 +744,10 @@ import {
   getNotifyNoOrderDetailByType,
   noOrderList,
   saveNoOrderMaterialDetail,
-  getNoOrderMaterialList
+  getNoOrderMaterialList,
+  updateProductionArea, // rqrq - 导入更新目的地API
+  getFirstOrderListDetail, // rqrq - 导入获取明细信息API
+  getAreaOptionsForChange // rqrq - 导入获取区域下拉框API
 } from '@/api/orderIssure/noOrderIssueNotify.js'
 // rqrq - 导入推送WCS相关API（使用领料申请的通用API）
 import {
@@ -1705,6 +1733,12 @@ export default {
       previewLoading: false,
       previewData: [],
       currentNotifyRow: null,  // 当前要推送WCS的通知单行数据 - rqrq
+      areaOptions: [],  // 区域下拉框选项 - rqrq
+      currentProductionArea: '',  // 当前选择的目的地 - rqrq
+      originalProductionArea: '',  // 原始目的地（用于比较是否修改） - rqrq
+      currentOrderType: '',  // 当前订单类型（用于判断是否可编辑） - rqrq
+      isDestinationEditable: false,  // 目的地是否可编辑 - rqrq
+      destinationUpdating: false,  // 目的地更新中标志 - rqrq
     }
   },
 
@@ -2931,28 +2965,109 @@ export default {
       this.previewDialogVisible = true
       this.previewLoading = true
       this.previewData = []
+      // 重置目的地相关数据 - rqrq
+      this.currentProductionArea = ''
+      this.originalProductionArea = ''
+      this.currentOrderType = ''
+      this.isDestinationEditable = false
+      this.areaOptions = []
 
       let inData = {
         site: row.site,
         notifyNo: row.notifyNo
       }
 
-      checkIssueNotifyInventory(inData).then(({data}) => {
+      // 并行请求：库存预览数据 + 明细信息 + 区域下拉框 - rqrq
+      Promise.all([
+        checkIssueNotifyInventory(inData),
+        getFirstOrderListDetail(inData),
+        getAreaOptionsForChange({})
+      ]).then(([inventoryRes, detailRes, areaRes]) => {
         this.previewLoading = false
-        if (data && data.code === 0) {
-          this.previewData = data.rows || []
+        
+        // 处理库存预览数据 - rqrq
+        if (inventoryRes.data && inventoryRes.data.code === 0) {
+          this.previewData = inventoryRes.data.rows || []
           console.log('库存预览数据:', this.previewData)
         } else {
-          this.$alert(data.msg, '错误', {
+          this.$alert(inventoryRes.data.msg, '错误', {
             confirmButtonText: '确定'
           })
         }
-      }).catch(() => {
+        
+        // 处理明细信息 - rqrq
+        if (detailRes.data && detailRes.data.code === 0 && detailRes.data.row) {
+          const detail = detailRes.data.row
+          this.currentProductionArea = detail.productionArea || ''
+          this.originalProductionArea = detail.productionArea || ''
+          this.currentOrderType = detail.orderType || ''
+          // 如果order_type是shoporder，则目的地可编辑 - rqrq
+          this.isDestinationEditable = this.currentOrderType === 'shoporder'
+          console.log('明细信息:', detail, '是否可编辑:', this.isDestinationEditable)
+        }
+        
+        // 处理区域下拉框数据 - rqrq
+        if (areaRes.data && areaRes.data.code === 0) {
+          this.areaOptions = areaRes.data.rows || []
+          console.log('区域下拉框数据:', this.areaOptions)
+        }
+      }).catch((error) => {
         this.previewLoading = false
+        console.error('获取预览数据失败:', error)
         this.$message.error('获取库存预览失败')
       })
     },
     
+    /**
+     * @Description 获取区域显示文本 - rqrq
+     * @param areaId 区域ID
+     * @return String 区域ID + 区域名称
+     */
+    getAreaDisplayText(areaId) {
+      if (!areaId) return '未设置'
+      const area = this.areaOptions.find(item => item.areaId === areaId)
+      if (area) {
+        return area.areaId + ' - ' + area.areaDesc
+      }
+      return areaId
+    },
+    
+    /**
+     * @Description 目的地下拉框值改变时自动保存 - rqrq
+     * @param newValue 新的目的地值
+     */
+    onProductionAreaChange(newValue) {
+      // 如果值没有变化，不处理 - rqrq
+      if (newValue === this.originalProductionArea) {
+        return
+      }
+      
+      this.destinationUpdating = true
+      
+      const updateData = {
+        site: this.currentNotifyRow.site,
+        notifyNo: this.currentNotifyRow.notifyNo,
+        productionArea: newValue
+      }
+      
+      updateProductionArea(updateData).then(({data}) => {
+        this.destinationUpdating = false
+        if (data && data.code === 0) {
+          this.$message.success('目的地已更新')
+          this.originalProductionArea = newValue  // 更新原始值 - rqrq
+        } else {
+          this.$message.error(data.msg || '更新目的地失败')
+          // 恢复原来的值 - rqrq
+          this.currentProductionArea = this.originalProductionArea
+        }
+      }).catch((error) => {
+        this.destinationUpdating = false
+        this.$message.error(error.message || '更新目的地失败')
+        // 恢复原来的值 - rqrq
+        this.currentProductionArea = this.originalProductionArea
+      })
+    },
+
     /**
      * @Description 根据订单满足状态设置行样式 - rqrq
      */
@@ -2971,6 +3086,12 @@ export default {
      * @Description 从预览对话框推送至WCS - rqrq
      */
     pushToWCS() {
+      // 如果正在更新目的地，需要等待完成 - rqrq
+      if (this.destinationUpdating) {
+        this.$message.warning('目的地正在保存中，请稍候...')
+        return
+      }
+      
       // 全部推送 后端判断 - rqrq
       const validData = this.previewData