1

yangpeixing

2025-12-04 63e1ee997a5318e628b992f969bdac2fec6dbf14

 ÏîÄ¿´úÂë/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,69 +26,232 @@
  methods: {
    //下面这些方法可以保留也可以删除
    onInit() {

      // this.columns.push({
      //   title: "操作",
      //   field: "操作",
      //   width: 150,
      //   align: "left", // '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);
      //           }}
      //           type="primary"
      //           plain
      //           style="height:26px; padding: 10px !important;"
      //         >
      //           æ‰“印
      //         </el-button> 
      //       </div>
      //     );
      //   },
      // 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: true,
        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: 250,
        align: 'center', // 'center',
        render: (h, { row, column, index }) => {
          return (
            <div>
              <el-button
                onClick={($e) => {
                  ; (row.remark = '其他出库'), this.linkDataNew(row, '其他出库')
                }}
                type="primary"
              >
                å…¶ä»–出库
              </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>
          )
        }
      })
      //示例：设置修改新建、编辑弹出框字段标签的长度
      this.boxOptions.labelWidth = 150


      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 == 'floor') {

            const floorMap = {
              '1F': '一楼',
              '2F': '二楼',
            };
            column.formatter = (row) => {
              return floorMap[row?.locationInfo?.floor] || '未知楼层'
            }
          const floorMap = {
            '1F': '一楼',
            '2F': '二楼'
          }
          column.formatter = (row) => {
            return floorMap[row?.locationInfo?.floor] || ''
          }
        }
        if (column.field == 'areaId') {
          const floorMap = {
            1: '一楼堆垛机区域',
            2: '一楼AGV出库缓存区',
            3: '一楼AGV立库缓存区',
            4: '一楼AGV入库缓存区',
            5: '二楼B4-G4缓存区',
            6: '二楼B5-G5缓存区'
          }
          column.formatter = (row) => {
            return floorMap[row?.locationInfo?.areaId] || ''
          }
        }
        if (column.field == 'locationStatus') {
          const statusMap = {
            '0': '空闲',
            '1': '锁定',
            '2': '有货',
            '3': '有货禁用',
            '4': '无货禁用'
          };
            0: '空闲',
            1: '锁定',
            2: '有货',
            3: '有货禁用',
            4: '无货禁用'
          }
          column.formatter = (row) => {
            return statusMap[row?.locationInfo?.locationStatus] || '未知状态';
            return statusMap[row?.locationInfo?.locationStatus] || ''
          }
        }

      })
    },
    onInited() {
      //框架初始化配置后
      //如果要配置明细表,在此方法操作
      this.detailOptions.columns.forEach(column => {

      });
      this.detailOptions.columns.forEach((column) => { })
    },
    searchBefore(param) {
      //界面查询前,可以给param.wheres添加查询参数
@@ -96,7 +259,6 @@
      return true
    },
    searchAfter(result) {
      console.log(result)
      return true
    },
    addBefore(formData) {
@@ -109,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)给弹出框设置默认值