1

huangxiaoqiang

10 小时以前 a296223898d61a9838bbd35ed75c87575e308a36

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

@@ -9,12 +9,12 @@

// import gridHeader from "./demo_Product/Dt_BillGroupStockDetail.vue";
// import gridHeader from './extend/printView.vue'
// import gridBody from './extend/OtherOutBound.vue'
import gridBody from './extend/Remark.vue'
let extension = {
  components: {
    //查询界面扩展组件
    gridHeader: '',
    gridBody: '',
    gridBody: gridBody,
    gridFooter: '',
    //新建、编辑弹出框扩展组件
    modelHeader: '',
@@ -55,19 +55,27 @@
        type: 'primary',
        plain: true,
        onClick: function () {
          this.$confirm('是否其他出库', "警告你正在使用其他出库", {
          this.$confirm('是否其他出库', '警告', {
            confirmButtonText: '确定',
            cancelButtonText: '取消',
            type: 'warning',
            center: true
          }).then(() => {
            this.http.post(`/api/Task/OtherOutBoundTaskAsync`, this.$refs.detail.rowData, "正在完成任务").then((res) => {
              if (res.status) {
                this.$Message.success(res.message)
              } else {
                this.$Message.error(res.message) //错误提示
              }
            })
            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) //错误提示
                }
              })
          })
        }
      })
@@ -78,19 +86,27 @@
        type: 'danger',
        plain: true,
        onClick: function () {
          this.$confirm('是否调拨出库', "警告你正在使用调拨出库", {
          this.$confirm('是否调拨出库', '警告', {
            confirmButtonText: '确定',
            cancelButtonText: '取消',
            type: 'warning',
            center: true
          }).then(() => {
            this.http.post(`/api/Task/HandAllocateOutBoundTaskAsync`, this.$refs.detail.rowData, "正在完成任务").then((res) => {
              if (res.status) {
                this.$Message.success(res.message)
              } else {
                this.$Message.error(res.message) //错误提示
              }
            })
            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) //错误提示
                }
              })
          })
        }
      })
@@ -116,30 +132,78 @@
      //     })
      //   }
      // });
      // this.columns.push({
      //   field: '操作',
      //   title: '操作',
      //   width: 90,
      //   fixed: 'right',
      //   align: 'center',
      //   type:'jsx',
      //   formatter: (row) => {
      //     //return '<i style="cursor: pointer;color: #2d8cf0;"class="el-icon-view">盘点出库</i>'
      //     return [{
      //       name:"btn1",
      //       type:"primary"
      //     },{
      //       name:"btn1",
      //       type:"success"
      //     }]
      //   },
      //   click: (row,formatter) => {
      //     console.log(formatter);
      //     this.http
      //       .post(`/api/Task/OutBoundTaskAsync?palletCode=${row.palletCode}`, {}, '正在生成任务')
      //       .then((res) => {
      //         //示例：调用后台接口
      //         if (res.status) {
      //           this.$Message.success(row.palletCode + '出库成功')
      //           this.refresh()
      //         } else {
      //           this.$Message.error(res.message) //错误提示
      //           this.refresh()
      //         }
      //       })
      //   }
      // })
      this.columns.push({
        field: '操作',
        title: '操作',
        width: 90,
        fixed: 'right',
        align: 'center',
        formatter: (row) => {
        field: '操作',
        width: 250,
        align: 'center', // 'center',
        render: (h, { row, column, index }) => {
          return (
            '<i style="cursor: pointer;color: #2d8cf0;"class="el-icon-view">盘点出库</i>'
          );
        },
        click: (row) => {
          this.http.post(`/api/Task/OutBoundTaskAsync?palletCode=${row.palletCode}`, {}, "正在生成任务").then((res) => {
            //示例：调用后台接口
            if (res.status) {
              this.$Message.success(row.palletCode + "出库成功");
              this.refresh();
            } else {
              this.$Message.error(res.message) //错误提示
              this.refresh();
            }
          })
            <div>
              <el-button onClick={($e) => { }} type="primary">
                å…¶ä»–出库
              </el-button>

              <el-button onClick={($e) => {

               }} type="success" >
                è°ƒæ‹¨å‡ºåº“
              </el-button>

              <el-button onClick={($e) => {
                    // this.http
                    //   .post(`/api/Task/OutBoundTaskAsync?palletCode=${row.palletCode}`, {}, '正在生成任务')
                    //   .then((res) => {
                    //     //示例：调用后台接口
                    //     if (res.status) {
                    //       this.$Message.success(row.palletCode + '出库成功')
                    //       this.refresh()
                    //     } else {
                    //       this.$Message.error(res.message) //错误提示
                    //       this.refresh()
                    //     }
                    //   })
                    this.$refs.gridBody.open(row.palletCode);
                }} type="warning">
                ç›˜ç‚¹å‡ºåº“
              </el-button>
            </div>
          )
        }
      });
      })
      // this.columns.push({
      //   title: "操作",
      //   field: "操作",
@@ -159,7 +223,7 @@
      //           style="height:26px; padding: 10px !important;"
      //         >
      //           æ‰“印
      //         </el-button> 
      //         </el-button>
      //       </div>
      //     );
      //   },
@@ -169,57 +233,51 @@
      this.boxOptions.labelWidth = 150
      this.buttons.forEach((btn) => {
        if (btn.name == '编辑') {
          btn.hidden = true;
          btn.hidden = true
        }
      });
      })

      this.columns.forEach((column) => {

        if (column.field == 'floor') {

          const floorMap = {
            '1F': '一楼',
            '2F': '二楼',
          };
            '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缓存区',
          };
            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添加查询参数
@@ -242,38 +300,38 @@
      //this.$refs.table.$refs.table.toggleRowSelection(row) //单击行时选中当前行;
    },
    modelOpenAfter(row) {
      const isAdd = this.currentAction == 'Add';//判断是否为新建操作
      const isAdd = this.currentAction == 'Add' //判断是否为新建操作
      //隐藏明细表按钮
      this.detailOptions.buttons.forEach((btn) => {
        if (btn.name == '添加行') {
          btn.hidden = true;
          btn.hidden = true
          //或者设置只读
          //btn.readonly=true;
        }
      });
      const isDel = this.currentAction == 'Add';//判断是否为新建操作
      })
      const isDel = this.currentAction == 'Add' //判断是否为新建操作
      //隐藏明细表按钮
      this.detailOptions.buttons.forEach((btn) => {
        if (btn.name == '删除行') {
          btn.hidden = true;
          btn.hidden = true
          //或者设置只读
          //btn.readonly=true;
        }
      });
      })
      this.detailOptions.buttons.forEach((btn) => {
        if (btn.name == '导入') {
          btn.hidden = true;
          btn.hidden = true
          //或者设置只读
          //btn.readonly=true;
        }
      });
      })
      this.detailOptions.buttons.forEach((btn) => {
        if (btn.name == '导出') {
          btn.hidden = true;
          btn.hidden = true
          //或者设置只读
          //btn.readonly=true;
        }
      });
      })
      //点击编辑、新建按钮弹出框后，可以在此处写逻辑，如，从后台获取数据
      //(1)判断是编辑还是新建操作： this.currentAction=='Add';
      //(2)给弹出框设置默认值