1

huangxiaoqiang

2025-12-04 8745be5d72c3056cc8ea5f7ea7e5b7631a588b84

 ÏîÄ¿´úÂë/WMS/WIDESEA_WMSClient/src/extension/widesea_wms/stock/Dt_BillGroupStock.jsx

@@ -8,13 +8,13 @@
//此js文件是用来自定义扩展业务代码，可以扩展一些自定义页面或者重新配置生成的代码

// import gridHeader from "./demo_Product/Dt_BillGroupStockDetail.vue";
import gridHeader from './extend/printView.vue'
// import gridBody from "./extend/SupplementationData.vue"
// import gridHeader from './extend/printView.vue'
import gridBody from './extend/Remark.vue'
let extension = {
  components: {
    //查询界面扩展组件
    gridHeader: gridHeader,
    gridBody: '',
    gridHeader: '',
    gridBody: gridBody,
    gridFooter: '',
    //新建、编辑弹出框扩展组件
    modelHeader: '',
@@ -26,145 +26,224 @@
  methods: {
    //下面这些方法可以保留也可以删除
    onInit() {

      // this.detailOptions.buttons.unshift({
      //   name: '其他出库', //按钮名称
      //   icon: 'el-icon-document', //按钮图标vue2版本见iview文档icon，vue3版本见element ui文档icon(注意不是element puls文档)
      //   type: 'primary',
      //   onClick: function () {
      //     this.$confirm('是否其他出库', "警告你正在使用其他出库", {
      //       confirmButtonText: '确定',
      //       cancelButtonText: '取消',
      //       type: 'warning',
      //       center: true
      //     }).then(() => {
      //       this.http.post(`/api/Task/OtherOutBoundTaskAsync`, row, "正在完成任务").then((res) => {
      //         //示例：调用后台接口
      //         if (res.status) {
      //           this.$Message.success('任务完成')
      //         } else {
      //           this.$Message.error(res.message) //错误提示
      //         }
      //       })
      //     })
      //   }
      // });
      var DoubleTrayBtn = this.buttons.find(x => x.value == "DoubleTray");
        if (DoubleTrayBtn != null) {
          DoubleTrayBtn.onClick = () => {
                let rows = this.$refs.table.getSelected();
                if (rows.length == 0) return this.$error("请选择数据!");
                if (rows.length >1) return this.$error("请选择数据!");
                this.http.post(`/api/Task/OutBoundTaskAsync?palletCode=${rows[0].palletCode}&remark=${""}&doubleTray=${1}`, {}, '数据处理中...')
                    .then((x) => {
                        if (x.status) {
                            this.$Message.success('成功.');
                            this.refresh();
                        } else {
                            return this.$error(x.message);
                        }
                    });
            }
        }
      
      this.boxButtons.push({
        name: '确定出库', //按钮名称
        type: 'danger',
        icon: 'el-icon-check',
        disabled: false,
        plain: false,
        onClick: function () {
          if (this.editFormFields.remark == '其他出库') {
            this.$confirm('是否其他出库', '警告', {
              confirmButtonText: '确定',
              cancelButtonText: '取消',
              type: 'warning',
              center: true,
              customClass: 'large-text-confirm'
            }).then(() => {
              this.http
                .post(
                  `/api/Task/OtherOutBoundTaskAsync`,
                  this.$refs.detail.rowData,
                  '正在生成出库任务'
                )
                .then((res) => {
                  if (res.status) {
                    this.$Message.success(res.message)
                    this.boxModel = false
                    this.refresh()
                  } else {
                    this.$Message.error(res.message) //错误提示
                  }
                })
            })
          } else {
            this.$confirm('是否调拨出库', '警告', {
              confirmButtonText: '确定',
              cancelButtonText: '取消',
              type: 'warning',
              center: true,
              customClass: 'large-text-confirm'
            }).then(() => {
              this.http
                .post(
                  `/api/Task/HandAllocateOutBoundTaskAsync`,
                  this.$refs.detail.rowData,
                  '正在生成出库任务'
                )
                .then((res) => {
                  if (res.status) {
                    this.$Message.success(res.message)
                    this.boxModel = false
                    this.refresh()
                  } else {
                    this.$Message.error(res.message) //错误提示
                  }
                })
            })
          }
        }
      })
      this.boxButtons.push({
        name: '打印二维码', //按钮名称
        type: 'primary',
        icon: 'el-icon-check',
        disabled: false,
        plain: true,
        onClick: function () {
          let rows = this.$refs.detail.getSelected()
          if (rows.length == 0) return this.$error("请选择数据!");
          let orderNos  = rows.map(x => {
            return x.orderNo
        })
          this.$confirm('是否打印单据', '警告', {
            confirmButtonText: '确定',
            cancelButtonText: '取消',
            type: 'warning',
            center: true,
            customClass: 'large-text-confirm'
          }).then(() => {
            this.http
              .post(
                `/api/StockInfo/PrintOrder`,
                orderNos,
                '正在打印'
              )
              .then((res) => {
                if (res.status) {
                  this.$Message.success(res.message)
                  this.boxModel = false
                  this.refresh()
                } else {
                  this.$Message.error(res.message) //错误提示
                }
              })
          })
        }
      })
      this.columns.push({
        title: "操作",
        field: "操作",
        width: 150,
        align: "left", // 'center',
        title: '操作',
        field: '操作',
        width: 250,
        align: 'center', // 'center',
        render: (h, { row, column, index }) => {
          return (
            <div>
              <el-button
                onClick={($e) => {
                  // this.$refs.table.load();
                  // console.log(this.$refs.table);
                  this.$refs.gridHeader.open(row);
                  ;(row.remark = '其他出库'), this.linkDataNew(row, '其他出库')
                }}
                type="primary"
                plain
                style="height:26px; padding: 10px !important;"
              >
                æ‰“印
              </el-button> 
                å…¶ä»–出库
              </el-button>

              <el-button
                onClick={($e) => {
                  ;(row.remark = '调拨出库'), this.linkDataNew(row, '调拨出库')
                }}
                type="success"
              >
                è°ƒæ‹¨å‡ºåº“
              </el-button>

              <el-button
                onClick={($e) => {
                  this.$refs.gridBody.open(row.palletCode)
                }}
                type="warning"
              >
                ç›˜ç‚¹å‡ºåº“
              </el-button>
            </div>
          );
        },
      });










      //框架初始化配置前，
      let OutBoundBtn = this.buttons.find((x) => x.value == 'OutBound')
      if (OutBoundBtn) {
        OutBoundBtn.onClick = function () {
          // this.$Message.success('点击了按钮')
          let row = this.$refs.table.getSelected() //获取选中的行
          if (row <= 0) {
            //如果没有选中行
            this.$Message.error('请选择一行数据')
            return
          }
          let locationCode = row[0].locationCode
          let palletCode = row[0].palletCode
          this.http
            .get(
              `/api/Task/CreateAndSendOutboundTask?locationCode=${locationCode}&palletCode=${palletCode}`,
              {},
              '正在创建任务'
            )
            .then((res) => {
              //示例：调用后台接口
              if (res.status) {
                this.$Message.success('创建任务成功')
                console.log(res)
                this.refresh() //刷新表格
              } else {
                this.$Message.error(res.message) //错误提示
              }
            })
          )
        }
      } 
     

      var btnSupplementationData = this.buttons.find(x => x.value == "SupplementationData");
            if (btnSupplementationData != null) {
                btnSupplementationData.onClick = () => {
                    let rows = this.$refs.table.getSelected();
                        if (rows.length == 0) {
                            return this.$error("请选择数据!");
                        } else if (rows.length > 1) {
                            return this.$error("只能选择单条数据");
                        }
                        this.$refs.gridBody.open(rows[0].palletCode);
                        this.refresh();
                    }
                
                }
           
      })
      //示例：设置修改新建、编辑弹出框字段标签的长度
      this.boxOptions.labelWidth = 150

      // this.columns.push({
      //   title: "操作",
      //   field: "操作",
      //   width: 150,
      //   align: "left", // 'center',
      //   render: (h, { row, column, index }) => {
      //     return (
      //       <div>
      //         <el-button
      //           onClick={($e) => {
      //             this.$refs.gridHeader.openModel1(row);
      //           }}
      //           type="primary"
      //           plain
      //           style="height:26px; padding: 10px !important;"
      //         >
      //           æŸ¥çœ‹åº“存明细
      //         </el-button>
      //       </div>
      //     );
      //   },
      // });

      // this.buttons.forEach((btn) => {
      //   if (btn.name == '编辑') {
      //     btn.hidden = true
      //   }
      // })
      this.boxButtons.forEach((btn) => {
        if (btn.name == '保 å­˜') {
          btn.hidden = true
        }
      })
      this.columns.forEach((column) => {
        //修改颜色
        if (column.field == 'roadwayNo') {
        if (column.field == 'floor') {
          const floorMap = {
            '1F': '一楼',
            '2F': '二楼'
          }
          column.formatter = (row) => {
            // return '<span style="color: #2d8cf0;">' + row?.locationInfo?.roadwayNo + '</span>'
            return  row?.locationInfo?.roadwayNo 
            return floorMap[row?.locationInfo?.floor] || ''
          }
        }
        if (column.field == 'materielCode') {
        if (column.field == 'areaId') {
          const floorMap = {
            1: '一楼堆垛机区域',
            2: '一楼AGV出库缓存区',
            3: '一楼AGV立库缓存区',
            4: '一楼AGV入库缓存区',
            5: '二楼B4-G4缓存区',
            6: '二楼B5-G5缓存区'
          }
          column.formatter = (row) => {
            // return '<span style="color: #2d8cf0;">' + row?.locationInfo?.roadwayNo + '</span>'
            return  row?.stockInfoDetails[0]?.materielCode 
            return floorMap[row?.locationInfo?.areaId] || ''
          }
        }
        //格式化日期
        // æ£€æŸ¥å½“前列的字段是否为 'locationStatus'
        if (column.field == 'locationStatus') {
          // ä½¿ç”¨å¯¹è±¡å­—面量来映射 'locationStatus' çš„值和对应的文本
          const statusMap = {
            '-1': '全部',
            '0': '空闲',
            '1': '锁定',
            '2': '有货',
            '3': '有货禁用',
            '4': '无货禁用'
          };
          // å®šä¹‰ä¸€ä¸ªæ ¼å¼åŒ–函数，根据 'locationStatus' çš„值返回相应的文本
            0: '空闲',
            1: '锁定',
            2: '有货',
            3: '有货禁用',
            4: '无货禁用'
          }
          column.formatter = (row) => {
            // ä½¿ç”¨ statusMap å¯¹è±¡æ¥èŽ·å–对应的文本，如果没有匹配则返回 '未知状态'
            return statusMap[row?.locationInfo?.locationStatus] || '未知状态';
            return statusMap[row?.locationInfo?.locationStatus] || ''
          }
        }
      })
@@ -172,9 +251,7 @@
    onInited() {
      //框架初始化配置后
      //如果要配置明细表,在此方法操作
      this.detailOptions.columns.forEach(column=>{ 
        console.log(column)
      });
      this.detailOptions.columns.forEach((column) => {})
    },
    searchBefore(param) {
      //界面查询前,可以给param.wheres添加查询参数
@@ -182,7 +259,6 @@
      return true
    },
    searchAfter(result) {
     console.log(result)
      return true
    },
    addBefore(formData) {
@@ -195,10 +271,43 @@
    },
    rowClick({ row, column, event }) {
      //查询界面点击行事件
      // this.$refs.table.$refs.table.toggleRowSelection(row) //单击行时选中当前行;
      //this.$refs.table.$refs.table.toggleRowSelection(row) //单击行时选中当前行;
    },
    modelOpenAfter(row) {
   
      const isAdd = this.currentAction == 'Add' //判断是否为新建操作
      //隐藏明细表按钮
      // boxButtons
      this.detailOptions.buttons.forEach((btn) => {
        if (btn.name == '添加行') {
          btn.hidden = true
          //或者设置只读
          //btn.readonly=true;
        }
      })

      const isDel = this.currentAction == 'Add' //判断是否为新建操作
      //隐藏明细表按钮
      this.detailOptions.buttons.forEach((btn) => {
        if (btn.name == '删除行') {
          btn.hidden = true
          //或者设置只读
          //btn.readonly=true;
        }
      })
      this.detailOptions.buttons.forEach((btn) => {
        if (btn.name == '导入') {
          btn.hidden = true
          //或者设置只读
          //btn.readonly=true;
        }
      })
      this.detailOptions.buttons.forEach((btn) => {
        if (btn.name == '导出') {
          btn.hidden = true
          //或者设置只读
          //btn.readonly=true;
        }
      })
      //点击编辑、新建按钮弹出框后，可以在此处写逻辑，如，从后台获取数据
      //(1)判断是编辑还是新建操作： this.currentAction=='Add';
      //(2)给弹出框设置默认值